@charset "UTF-8";

@import url(fonts.css);

/*********************/
/* general */
/*********************/

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
	width: auto!important;
}

body {

   
    font-family: 'Lato-Light', sans-serif;
    font-weight: lighter;
    font-style: lighter;
    letter-spacing: 1px;
    background: black;
    overflow-x: hidden!important;
}

.container.blk {
    background: rgba(0, 0, 0, .5);
    padding: 100px 15%;
}

.container.blk2 {
    background: rgba(0, 0, 0, .5);
    padding: 25px 15%;
}

/*********************/
/* fonts */
/*********************/

h1, h2, h3, h4, h5, h6 {
    line-height: 1.25;
    letter-spacing: 2px;
	

}

h2 {
    line-height: 1.25;
    letter-spacing: 2px;
	padding-left: 20px;
	colour: #516600!important;
}

h3 {
    line-height: 1.25;
    letter-spacing: 2px;
	padding-left: 0px;
	colour: yellow;
}


h1 {
    font-size: 32px;
	font-weight: 500;
	text-align: center;
	color: #516600
}

p {
    font-size: 16px;
    letter-spacing: 1px;
	font-family: 'Lato-Light';
}

a {
    color: #9AA000;
    font-weight: bold;
    text-decoration: none;
}

/*********************/
/* module */
/*********************/

.module {
    width: 100%;
    padding: 0 0;
    position: relative;
}

.darken {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5) !important;
}

.module.recipe {
    background: rgb(42, 6, 6);
    text-align: center;
    position: relative;
    padding-top: 0 !important;
}

.greyscale {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("/img/greyscale.jpg") center no-repeat;
    opacity: .1 !important;
    z-index: 0 !important;
    background-size: cover !important;
}




.the-recipe a {
    color: rgb(176, 34, 37);
}

.module.recipe ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.module.recipe li, .module.recipe p {

    color: #ffffff;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.75;
    opacity: .85;
    padding: 0 15%;

}

.module.recipe h3 {
    color: white;
    margin: 50px 0;
}

.the-recipe {
    padding: 0 25% !important;
}

.recipe h1 {
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 42px !important;
    margin-top: 100px !important;
}

.module.recipe img {
    width: 100%;
    height: auto;
    margin: 50px auto !important;
    display: block;
    border: 5px solid #a10605 !important;
}

.module iframe {
    display: block !important;
    margin: 50px auto 50px auto !important;
}

a.back {
    font-size: 32px;
    color: white !important;
    margin: 50px 0 0 0 !important;
    display: block;
    position: static;
    text-align: center !important;
    width: 100%;
}

.vidbk {
    background: #454900;
    width: 100%;
    padding: 50px 0;
    position: relative;
    text-align: center !important;
}


video.vid {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: .15 !important;
	controls: none!important;
	pointer-events: none!important;
	audio: hidden!important;
}




/*********************/
/* Health */
/*********************/

img.health-header {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 95px !important;
}

/*********************/
/* Intro */
/*********************/


.header.about {

}

img.int-logo {
    width: 100%;
    height: auto;
    max-width: 510px !important;
    margin: 0 auto 50px auto;
    display: block;
	
}

img.bar-logo {
    width: 100%;
    height: auto;
    max-width: 250px !important;
    margin: 0 auto 0px auto !important;
    display: block;
	object-position: center	!important;
}




img.ig-logo {
    width: auto;
    height: auto;
    max-width: 50px !important;
    margin-left: auto;
	margin-right: auto;
    display: block;
    object-position: center	!important;
}

img.you-tube-logo {
    width: auto;
    height: auto;
    max-width: 70px !important;
    margin-left: auto;
	margin-right: auto;
    display: block;
    object-position: center	!important;
}

.intro-text {
    background: #3A4B00;
	font-family: 'Lato-Bold';
    width: 100%;
    padding: 180px 0 100px 0 !important;
    position: relative !important;
    overflow: hidden;
	margin: 0;
}

.intro-text.no-top {
    padding-top: 75px !important;
}

.intro-text.red {
   
    background-color: #3A4B00;
 
  }


.intro-text.green {
    background: #3e3e3e;
}

.intro-text .greyscale {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url("/img/greyscale.jpg") center no-repeat;
    opacity: .05;
    background-size: cover !important;
}

.module.intro {
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 100px 0 50px 0;
}

.module.intro.villa {
    background-image: url("/img/sliders/recipe-pagehead-image-2.jpg");
    background-size: cover;
    background-position: center;
    text-align: center;
    height: 500px !important;
}

.intro-text p {
    color: #ffffff;
    text-align: center;
    font-family: 'Lato-Regular', sans-serif;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.75;
	 padding: 0 10%;
    margin: 0;
}



.intro-text h1 {
    color: #ffffff;
    text-align: center;
    letter-spacing: 2px;
    font-size: 32px !important;
    margin-top: 0px !important;
}

.intro-text p {
   
    padding: 0 10%;
}




.module.intro.health {
    background-image: url("/img/tommy-health-page-head-image.jpg");
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 200px 0 200px 0 !important;

}


.module.intro.villa .logo {
    margin: 0 auto !important;
    padding: 0 !important;
}


.module.intro img.splat {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -35%);
    width: 40%;
    height: auto;
    margin: 0 0 0 -100px;
    opacity: .85;
}

.module.intro img.logo {
    width: 100%;
    height: auto;
    max-width: 700px !important;
    display: block;
    margin: 50px auto 50px auto;
}

.module.intro img.fresh {
    width: 100%;
    height: auto;
    max-width: 800px;
    display: block;
    margin: 100px auto 100px auto;
}

.module.intro p {
    color: #a4e90d;
    font-weight: bold;
    margin: 0;
}

.module.intro p span {
    color: #f5e218;
}

/*********************/
/* Gourmet */
/*********************/

.module.gourmet {
    background-color: #666200;
    text-align: center;
}

.module.gourmet h1 {
    color: white;
    padding: 0 10% ;
    font-size: 42px;
}

.module.gourmet p {
    color: white;
    padding: 0 10%;
    font-family: 'Lato', sans-serif;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.75;
    
}

/*********************/
/* Wonky */
/*********************/

.module.wonky {
    background-color: white;
	
	
}

.module.wonky img.wonky {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0 0;
}

.module.wonky img.defected{
    width: 100%;
    height: auto;
    max-width: 400px;
    display: block;
    margin: 50px auto 50px auto;
}

.module.wonky p {
    color: #031700;
    padding: 0 10%;
    font-family: 'Lato-Light', sans-serif;
    font-weight: 250 !important;
    font-size: 13px !important;
    line-height: 1.75;
	text-align: center;
    
}





/*********************/
/* British Farming */
/*********************/

.module.british-farming {
    background-color: #12C785;
    text-align: center;
    padding: 0 0 0 0;
}

.module.british-farming img.british-farming {
    width: 100%;
    height: auto;
    max-width: 350px;
    display: block;
    margin: -50px auto 50px auto;
}

.module.british-farming img.carrot {
    width: 100%;
    height: auto;
    max-width: 100px;
    display: block;
    margin: 50px auto 50px auto;
    cursor: pointer;
}

.module.british-farming h1 {
    color: #ffffff;
    font-size: 42px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

.module.british-farming h2 {
    color: #e8b113;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	text-align: center;
}

.module.british-farming p {
    color: #ffffff;
    font-size: 20px;
    margin: 0 0 30px 0;
    text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 1);
}






/*********************/
/* Benefits */
/*********************/

.module.benefits {
    background-color: none;
    text-align: center;
   margin: 0 0 0 0 !important;
}


.module.benefits-pop {
    background-color: white !important;
    image-align: center;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0 0;
}

.module.benefits-pop h3 {
    colour: white;
}



.module.benefits img.benefits {
    width: 100%;
    height: auto;
   
    display: block;
    margin: 0 0 0 0 !important;
}





/*********************/
/* Benefits Text */
/*********************/

.module.benefits-text {
    text-align: center;
	 background-color: white;
}

.module.benefits-text img.large-arrow {
    width: 100%;
    height: auto;
    max-width: 95px;
    display: block;
    margin: -90px auto 50px auto;
}

.module.benefits-text p {
    color: black;
    padding: 0 3%;
    margin: 0 0 25px 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.75;
}

.module.benefits-text p.charity {
    font-family: 'Bite Chocolate', serif;
    font-size: 24px;
    margin: 50px 0 0 0;
    line-height: 2;
}

.module.benefits-text p span {
    color: rgba(255, 255, 255, 0.5);
}

/*********************/
/* Gourmet Sauces */
/*********************/

.module.gourmet-sauces {
    background-color: #000000;
    text-align: center;
    padding: 0 0 20px 0;
}


.module.gourmet-sauces h2 {
    color: white;
}

.module.gourmet-sauces img.gourmet-sauces {
    width: 100%;
    height: auto;
    max-width: 600px;
    display: block;
    margin: 50px auto 50px auto;
}

.module.gourmet-sauces img.fair-share {
    width: 100%;
    height: auto;
    max-width: 200px;
    display: block;
    margin: 50px auto 50px auto;
}

/*********************/
/* sauces */
/*********************/

.white {
    background: black;
    padding: 50px 0;
}

.module.sauce .darken {
    max-width: 1140px;
    left: 50%;
    transform: translateX(-50%);
}

.module.sauce img.bottle {
    padding: 10px;
}

.module.sauce {
    padding: 20px 0 !important;
}

.module.sauce h1 {
    margin: 40px 0 40px 0;
}

.module.sauce p {
    margin: 0 0 20px 0;
}

.module.sauce h1, .module.sauce p {
    text-align: center;
}

.module.sauce.red h1 {
    color: #fd0000;
}

.module.sauce.red p {
    color: #A09C9C;
}



.module.sauce.orange h1, .module.sauce.orange p {
    color: #fb7300;
}

.module.sauce.yellow h1, .module.sauce.yellow p {
    color: #e2ff0f;
}

.module.sauce.purple h1, .module.sauce.purple p {
    color: #ff0067;
}

.module.sauce.green h1, .module.sauce.green p {
    color: #34fa08;
}

.module.sauce.white h1, .module.sauce.white p {
    color: white;
}

.module.sauce.rainbow h1 {
    color: #edfc74;
}

.module.sauce.rainbow h1 span {
    color: #fda664;
}

.module.sauce.rainbow p:nth-child(2) {
    color: #fb6f74 !important;
}

.module.sauce.rainbow p:nth-child(3) {
    color: #fe74fe !important;
}

.module.sauce.rainbow p:nth-child(4) {
    color: #71f2fd !important;
}

.module.sauce.rainbow p:nth-child(5) {
    color: #7efa6e !important;
}

.module img.bottle {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
}

/*********************/
/* Six in One */
/*********************/

.module.six-in-one {
    background: white;
}

img.six-in-one {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1000px;
}

/*********************/
/* Ten a Day */
/*********************/

.module.ten-a-day {
    background-size: cover;
    background-position: center;
	background-color: #433435
}

img.ten-a-day {
    display: block;
    margin: 30px auto 50px auto;
    width: 100%;
    height: auto;
    max-width: 400px;
	image-align: center;
}

.module.ten-a-day p {
    text-align: center;
    color: white;
    padding: 0 20%;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.75;
}

/*********************/
/* Nutrition */
/*********************/

.module.nutrition {
    background-color: #ffffff;
    text-align: center;
}

.module.nutrition p {
    color: #000000;
    padding: 0 20%;
    margin: 0 0 50px 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.75;
}

.module.nutrition p.quote {
    color: #2d0202;
}

.module.nutrition h2 {
    color: #000000;
    margin: 0 0 25px 0;
}

.module.nutrition h3 {
    color: #2d0202;
    margin: 0;
}

/*********************/
/* Tips */
/*********************/

.module.tips {
    background-color: #2d0202;
    text-align: center;
}

.module.tips p {
    color: white;
    padding: 0 20%;
    margin: 0 0 50px 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.75;
}

.module.tips p strong {
    color: #ff0073;
}

.module.tips img.tips {
    width: 100%;
    height: auto;
    max-width: 400px;
    display: block;
    margin: 50px auto 50px auto;
}


/*********************/
/* about */
/*********************/

.module.about {
    background: #b82023;
}

.module.about h1, .module.about h2, .module.about p {
    color: white;
    text-align: center;
}

.module.about .container {
    margin-bottom: 100px !important;
}

/*********************/
/* villa */
/*********************/

.module.villa-all {
    background: #2a0606;
    padding: 0 !important;
    position: relative !important;
    width: 100%;
    height: auto;
    overflow: auto;
}

.module.villa-all h2 {
    color: white;
    text-align: center;
    margin: 0 !important;
    position: absolute;
    left: 50%;
    bottom: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    transform: translateX(-50%);
    z-index: 2;
    font-size: 18px !important;
}

.box::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 15%, rgba(0, 0, 0, 0) 50%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1 !important;
}

.box a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}

.custom-boxes {
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative !important;
}

.box {
    width: 50% !important;
    height: 400px !important;
    position: absolute;
    opacity: 1;
}

.box:hover {
    opacity: .9;
}

.box.m01-lasagne {
    background: url("/img/recipes/meal01lasagne.jpg") center no-repeat;
    background-size: cover;
}

.box.m02-chili {
    background: url("/img/recipes/meal02chilie.jpg") center no-repeat;
    background-size: cover;
}

.box.m03-salmon-veg-stirfry {
    background: url("/img/recipes/meal03stirfry.jpg") center no-repeat;
    background-size: cover;
}

.box.m04-rustic-fishcakes {
    background: url("/img/recipes/meal04fishcake.jpg") center no-repeat;
    background-size: cover;
}

.box.m05-packed-jackets {
    background: url("/img/recipes/meal05potatoskins.jpg") center no-repeat;
    background-size: cover;
}

.box.m06-chicken-pasta {
    background: url("/img/recipes/meal06chickenpasta.jpg") center no-repeat;
    background-size: cover;
}

.box.m07-sausage-ragu-pasta {
    background: url("/img/recipes/meal07sausageragu.jpg") center no-repeat;
    background-size: cover;
}

.box.m08-quiche {
    background: url("/img/recipes/meal08quiche.jpg") center no-repeat;
    background-size: cover;
}

.box.m09-chicken-pineapple {
    background: url("/img/recipes/meal10chickenpineapple.jpg") center no-repeat;
    background-size: cover;
}

.box.m10-veg-tartlets {
    background: url("/img/recipes/meal-9-mini-tartlets-quail-egg-salad.jpg") center no-repeat;
    background-size: cover;
}

.box.m11-yellow-curry {
    background: url("/img/recipes/meal11yellowcurry.jpg") center no-repeat;
    background-size: cover;
}

.box.m12-asian-stirfry {
    background: url("/img/recipes/meal12stirfryprawnricenoodle.jpg") center no-repeat;
    background-size: cover;
}

.box.m13-teriyaki-salmon {
    background: url("/img/recipes/meal13teriyakisalmonstirfry.jpg") center no-repeat;
    background-size: cover;
}

.box.m14-paella {
    background: url("/img/recipes/meal14paella.jpg") center no-repeat;
    background-size: cover;
}

.box.m15-risotto {
    background: url("/img/recipes/meal15resotto.jpg") center no-repeat;
    background-size: cover;
}

.box.m16-shakshouka {
    background: url("/img/recipes/vid16shakshouka.jpg") center no-repeat;
    background-size: cover;
}

.box.m17-chicken-stew {
    background: url("/img/recipes/vid17chickenvegstew.jpg") center no-repeat;
    background-size: cover;
}

.box.m18-turkey-mince {
    background: url("/img/recipes/vid18morrocanturkeymince.jpg") center no-repeat;
    background-size: cover;
}

.box.m19-tagine {
    background: url("/img/recipes/meal19lambtagine.jpg") center no-repeat;
    background-size: cover;
}

.box.m20-rogan {
    background: url("/img/recipes/meal20lambrogan.jpg") center no-repeat;
    background-size: cover;
}

.box.m21-jerk {
    background: url("/img/recipes/meal21jerkchickengravycoleslaw.jpg") center no-repeat;
    background-size: cover;
}

.box.m22-int-chicken {
    background: url("/img/recipes/meal22internationalchicken.jpg") center no-repeat;
    background-size: cover;
}

.box.m23-nepal-chicken {
    background: url("/img/recipes/meal23nepalesecurry.jpg") center no-repeat;
    background-size: cover;
}

.box.m24-palak-murgh {
    background: url("/img/recipes/meal24palakmurgh.jpg") center no-repeat;
    background-size: cover;
}

.box.m25-turkey-escalope {
    background: url("/img/recipes/meal-25-Turkey-escalope-cabbage-parcels-fondant-potato.jpg") center no-repeat;
    background-size: cover;
}


.box.m26-mountains {
    background: url("/img/recipes/meal-26-mountains.jpg") center no-repeat;
    background-size: cover;
}




/*********************/
/* health sect */
/*********************/

div.health {
    width: 100%;
    position: relative;
    display: block;
}

div.health p {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 1.75;
    opacity: .75;
}

div.health {
    text-align: center;
    color: white;
}

.vitamins {
    padding: 50px 0;
    text-align: center !important;
}

.vitamins.purple {
    background-color: rgba(42, 13, 103, 0.65);
}

.vitamins.red {
    background-color: rgba(211, 31, 27, 0.65);
}

.vitamins.orange {
    background-color: rgba(224, 63, 8, 0.65);
}

.vitamins.yellow {
    background-color: rgba(128, 118, 0, 0.65);
}

.vitamins.green {
    background-color: rgba(6, 70, 15, 0.65);
}

.vitamins.white {
    background-color: rgba(180, 153, 134, 0.65);
}

.vitamins p {
    margin: 0;
}

.vitamins h4 {
    margin: 0 0 10px 0;
}

div.health.red {
    background: url("/img/red-fruit-vegetables.jpg");
}

div.health.orange {
    background: url("/img/orange-fruit-vegetables.jpg");
}

div.health.yellow {
    background: url("/img/yellow-fruit-vegetables.jpg");
}

div.health.green {
    background: url("/img/green-fruit-vegetables.jpg");
}

div.health.purple {
    background: url("/img/purple-fruit-vegetables.jpg");
}

div.health.white {
    background: url("/img/white-fruit-vegetables.jpg");
}

.ingredient {
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid white;
}

.ingredient h1 {
    font-size: 24px !important;
    margin: 0 0 25px 0;
}

.ingredient h3 {
    margin: 0 0 0 0 !important;
    font-size: 13px !important;
}

.ingredient.purple {
    background-color: rgba(114, 23, 131, 0.85);
}

.ingredient.red {
    background-color: rgba(240, 26, 26, 0.85);
}

.ingredient.orange {
    background-color: rgba(233, 115, 23, 0.85);
}

.ingredient.yellow {
    background-color: rgba(214, 197, 6, 0.85);
}

.ingredient.green {
    background-color: rgba(6, 70, 15, 0.85);
}

.ingredient.white {
    background-color: rgba(180, 153, 134, 0.85);
}

/*********************/
/* Filter */
/*********************/

div.filter {
    width: 100%;
    background: #2d0202;
    padding: 20px 0;
    margin: 0 0 0 0 !important;
    position: relative;
    z-index: 1;
}

ul.filter-list {
    padding: 0;
    list-style: none;
    text-align: center;
}

ul.filter-list li {
    letter-spacing: 1px !important;
    display: inline;
    font-size: 16px;
    margin: 0 25px;
    color: #ffffff;
    font-family: 'Lato-Medium', sans-serif !important;
    opacity: 1;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

ul.filter-list li:hover {
    color: white;
    opacity: .75;
}

/*********************/
/* Footer */
/*********************/

footer {
    background: #262825;
    position: relative;
    padding: 100px 0 !important;
}

footer p {
    text-align: center;
    margin: 0 0 10px 0;
}

footer p:nth-child(2n+0) {
    color: white;
}

footer p:nth-child(2n-1) {
    color: rgba(255, 255, 255, 0.85);
}

footer p.copyright {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    color: white;
    font-size: 12px;
    letter-spacing: 1px;
}

footer img.allergens {
    width: 100%;
    height: auto;
    max-width: 800px;
    display: block;
    margin: 50px auto 0 auto;
    opacity: .75;
}

*:focus {
    outline: none !important;
}

.sld {
    visibility: hidden;
    left: 0;
    top: 0;
    position: relative !important;
    z-index: 0;
    background-color: #cf0d08 !important;
}

.slick-initialized {
    visibility: visible !important;
}

.slide {
    background-color: #cf0d08 !important;
}

.sld, .sld .slide {
    width: 100%;
    height: 60vh;
}

.slide.asian-stirfry-1 {
    background-image: url("/img/recipes/meal12stirfryprawnricenoodle.jpg");
    background-size: cover;
    background-position: center;
}

.slide.lasagne {
    background-image: url("/img/recipes/meal01lasagne.jpg");
    background-size: cover;
    background-position: center;
}

.slide.lasagne-2 {
    background-image: url("/img/recipes/meal01lasagne2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.chili {
    background-image: url("/img/recipes/meal02chilie2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.stirfry {
    background-image: url("/img/recipes/meal03stirfry.jpg");
    background-size: cover;
    background-position: center;
}

.slide.fishcake-1 {
    background-image: url("/img/recipes/meal04fishcake2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.fishcake-2 {
    background-image: url("/img/recipes/meal04fishcake.jpg");
    background-size: cover;
    background-position: center;
}

.slide.chicken-pasta {
    background-image: url("/img/recipes/meal06chickenpasta.jpg");
    background-size: cover;
    background-position: center;
}

.slide.sausage-ragu {
    background-image: url("/img/recipes/meal07sausageragu.jpg");
    background-size: cover;
    background-position: center;
}

.slide.quiche {
    background-image: url("/img/recipes/meal08quiche.jpg");
    background-size: cover;
    background-position: center;
}

.slide.quiche-2 {
    background-image: url("/img/recipes/meal08quiche2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.veg-tartlets {
    background-image: url("/img/recipes/meal-9-mini-tartlets-quail-egg-salad.jpg");
    background-size: cover;
    background-position: center;
}

.slide.chicken-pineapple {
    background-image: url("/img/recipes/meal10chickenpineapple.jpg");
    background-size: cover;
    background-position: center;
}

.slide.yellow-curry {
    background-image: url("/img/recipes/meal11yellowcurry.jpg");
    background-size: cover;
    background-position: center;
}

.slide.prawn-noodle {
    background-image: url("/img/recipes/meal12stirfryprawnricenoodle.jpg");
    background-size: cover;
    background-position: center;
}

.slide.teriyaki-salmon {
    background-image: url("/img/recipes/meal13teriyakisalmonstirfry.jpg");
    background-size: cover;
    background-position: center;
}


.slide.paella-1 {
    background-image: url("/img/recipes/meal14paella.jpg");
    background-size: cover;
    background-position: center;
}

.slide.paella-2 {
    background-image: url("/img/recipes/meal14paellapic2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.risotto-1 {
    background-image: url("/img/recipes/meal15resottopic2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.risotto-2 {
    background-image: url("/img/recipes/meal15resotto.jpg");
    background-size: cover;
    background-position: center;
}

.slide.stuffed-pepper-1 {
    background-image: url("/img/recipes/meal15stuffedpepperlunch.jpg");
    background-size: cover;
    background-position: center;
}

.slide.stuffed-pepper-2 {
    background-image: url("/img/recipes/meal15stuffedpepperlunchpic2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.tagine-1 {
    background-image: url("/img/recipes/meal19lambtagine.jpg");
    background-size: cover;
    background-position: center;
}

.slide.tagine-2 {
    background-image: url("/img/recipes/meal19tagineafter3hour.jpg");
    background-size: cover;
    background-position: center;
}

.slide.tagine-3 {
    background-image: url("/img/recipes/meal19tagineafter2hour.jpg");
    background-size: cover;
    background-position: center;
}

.slide.tagine-4 {
    background-image: url("/img/recipes/meal19tagineafter1hour.jpg");
    background-size: cover;
    background-position: center;
}

.slide.rogan-1 {
    background-image: url("/img/recipes/meal20lambrogan.jpg");
    background-size: cover;
    background-position: center;
}

.slide.rogan-2 {
    background-image: url("/img/recipes/meal 20 lamb rogan joshpic2(cooking).jpg");
    background-size: cover;
    background-position: center;
}

.slide.jerk-1 {
    background-image: url("/img/recipes/meal21jerkchickengravycoleslaw.jpg");
    background-size: cover;
    background-position: center;
}

.slide.jerk-2 {
    background-image: url("/img/recipes/meal21jerkchickengravycoleslawpic2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.jerk-paste {
    background-image: url("/img/recipes/meal21jerkpasteandchicken.jpg");
    background-size: cover;
    background-position: center;
}

.slide.jerk-gravy {
    background-image: url("/img/recipes/meal21jerksaucegravy.jpg");
    background-size: cover;
    background-position: center;
}

.slide.coleslaw {
    background-image: url("/img/recipes/meal21redcoleslaw.jpg");
    background-size: cover;
    background-position: center;
}

.slide.international-chicken {
    background-image: url("/img/recipes/meal22internationalchicken.jpg");
    background-size: cover;
    background-position: center;
}

.slide.nepalese-curry {
    background-image: url("/img/recipes/meal23nepalesecurry.jpg");
    background-size: cover;
    background-position: center;
}

.slide.palak-murgh {
    background-image: url("/img/recipes/meal24palakmurgh.jpg");
    background-size: cover;
    background-position: center;
}

.slide.shakshouka {
    background-image: url("/img/recipes/vid16shakshouka.jpg");
    background-size: cover;
    background-position: center;
}

.slide.shakshouka-2 {
    background-image: url("/img/recipes/vid16shakshoukapic2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.stew {
    background-image: url("/img/recipes/vid17chickenvegstew.jpg");
    background-size: cover;
    background-position: center;
}

.slide.turkey-mince {
    background-image: url("/img/recipes/vid18morrocanturkeymince.jpg");
    background-size: cover;
    background-position: center;
}

.slide.packed-jackets {
    background-image: url("/img/recipes/meal05potatoskins.jpg");
    background-size: cover;
    background-position: center;
}

.slide.escalope-1 {
    background-image: url("/img/recipes/meal-25-Turkey-escalope-cabbage-parcels-fondant-potato-PIC2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.escalope-2 {
    background-image: url("/img/recipes/meal-25-Turkey-escalope-cabbage-parcels-fondant-potato.jpg");
    background-size: cover;
    background-position: center;
}


.slide.a01 {
    background-image: url("/img/sliders/recipe-pagehead-image-1.jpg");
    background-size: cover;
    background-position: center;
}

.slide.a02 {
    background-image: url("/img/sliders/recipe-pagehead-image-2.jpg");
    background-size: cover;
    background-position: center;
}

.slide.a03 {
    background-image: url("/img/sliders/recipe-pagehead-image-3.jpg");
    background-size: cover;
    background-position: center;
}

.slide.a04 {
    background-image: url("/img/sliders/recipe-pagehead-image-4.jpg");
    background-size: cover;
    background-position: center;
}

/************************************************************************************/
/* media queries */
/************************************************************************************/

/*********************/
/* bootstrap-lg */
/*********************/

@media handheld, only screen and (max-width: 1199px) {

}

/*********************/
/* bootstrap-md */
/*********************/

@media handheld, only screen and (max-width: 991px) {


}

/*********************/
/* bootstrap-sm */
/*********************/

@media handheld, only screen and (max-width: 767px) {
    footer img.int-logo {
        max-width: 300px !important;
        margin: 50px auto !important;
    }

    footer p {
        font-size: 14px !important;
    }

    footer p.copyright {
        font-size: 8px !important;
    }

    .custom-boxes .box {
        height: 200px !important;
    }

    .custom-boxes .box h2 {
        font-size: 12px !important;
		font-colour: white !important;
    }


    .filter-list li {
        display: block !important;
    }

    .intro-text {
        padding: 100px 0 !important;
    }

    .intro-text .int-logo {
        max-width: 300px !important;
    }

    .module {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .module p, .module li, .module .recipe p, div.the-recipe {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    iframe {
        width: 100% !important;
        height: 250px !important;
    }
}

.img_container{
	display: flex;
	justify-content: center;
	padding-bottom: 5px;
}






video::-webkit-media-controls {
    display: none;
}