@charset "utf-8";
/* CSS Document. General Styles */

* {-moz-box-sizing: border-box; box-sizing: border-box;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
body {width: 100%; height: 100%;  font: 14pt 'Neucha', Arial, Helvetica, sans-serif; padding: 0;   }
ul { list-style: none;margin: 0;padding: 0;}
p.textLegales {padding:25px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:14px}
p.textLegales span { font-size:21px; font-weight:bold}

.banderin {width:100px; height:100px; position:absolute; background-image:url(../img/banderin.png.webp); right:20px; top: 90px; z-index: 995; background-repeat:no-repeat; text-align:center}
.banderin p.t1 { font-family:'Neucha', Arial, Helvetica, sans-serif; color:#FFF; font-size:25px; margin-bottom:0px}
.banderin p.t2 { font-family:'Neucha', Arial, Helvetica, sans-serif; color:#FFF; font-size:16px; margin-top:0px}

.foto {position: fixed; top: 0; left: 0; z-index: -1; width: 100%;}

#contSlider_bx {width:100%; height:100%; background-color:#06C; position:absolute; top:0px}
#contSlider_bx {width:100%; height:100%; background-color:#06C; position:absolute; top:0px}

/* DESKTOP MENU */
header { margin: 0;
padding: 0 1em;
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
color: #fff;
background: #009fe3 url(../img/header-border.jpg.webp) bottom left repeat-x;
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5);
}

.large-nav {-webkit-box-flex: 3;-webkit-flex-grow: 3;-ms-flex-positive: 3;flex-grow: 3;}
.small-nav {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;list-style: none; }
.large-nav h1, .small-nav h1 { padding: 0; margin: 0;}
.large-nav h1> a, .small-nav h1> a {padding: 0 !important; margin: 0;}
.large-nav ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; max-height: 5.5em;}
.large-nav li {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.large-nav li img { width: 80%; height: auto}
.large-nav li a {text-decoration: none; color: #fff;text-align: center;}
.top-search {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; position: relative}
.f-nav {position: fixed !important; top: 0; left: 0;}

.small-nav a{display: block;}

.pushy ul {margin-top: 4.5em;}
.menu-btn {font-size: 1.5em; padding: 0.5em 0.15em 0 0.15em;}
.menu-btn .icono-cancel-1 {font-size: 1.3em; float:right; margin-right:-12px }

/* SEARCH */
.top-search {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; position: relative}
.top-search:hover> input, .top-search:focus> input, .top-search:active> input { border-bottom: 1px solid #fff; }
.top-search input:focus, .top-search input:active {outline: none;}
.top-search button { background: none; border: none; }

/* WELCOME - HOME */

#welcome { height: 100%; width: 100%;}

#contSlider_bx {width:100%; height:100%; background-color:#06C; position:absolute; top:0px}

.badge img { width: 100%; height: auto;}
.welcome-img { position: absolute; z-index: 333; width: 30%; height: 100%; text-align:center}
.welcome-img p { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 300; position:absolute;left:50%; width:200px; margin-left:-100px; top:86%;}
.welcome-img p a { text-decoration: none; color: #fff;}

/* RECETAS, LIGHT & TIPS LAYOUT */
#home-recipes {overflow: hidden;position: relative;width: 100%; height: 100%; z-index: 333;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 4.25em;
}
#home-recipes ul{ list-style: none; width: 100%;   background: #fff; }
#home-recipes ul li{ -webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;column-break-inside: avoid; opacity: 1;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease; position: relative; width:20%; float:left  }
#home-recipes ul li:first-child{ margin-top: 0;}
#home-recipes ul li img {  width: 100%; height: auto;}
#home-recipes li a, #home-recipes li a img {display: block; position: relative; }
#home-recipes li a {overflow: hidden;-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
#home-recipes a .caption { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /*font-family: 'Grand Hotel', cursive; */color: #fff; text-align: center; position: absolute; top: -100%;width: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.more-products {display: block; position: relative; }
.more-products p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'Grand Hotel', cursive; color: #fff; text-align: center; position: absolute; width: 100%; padding: 0 10%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 666; height: 100%; font-size: 2em; line-height: 1em; margin: 0;}
.more-products a:hover img{ opacity: 0.75; }

#home-recipes a:hover .caption { background: rgba(0,159,227,0.7); top: 0; width: 100%; height: 100%;  margin: 0; padding: 35% 1em;}

.filter-corner{position: absolute !important; z-index: 333;  top: 0;right: 0; margin: 0; padding: 0; width: 0px;height: 0px;border-style: solid;border-width: 0 2.5em 2.5em 0; line-height: 0px; background: none;}
.filter-corner-large{position: absolute !important; z-index: 333;  top: 0;right: 0; margin: 0; padding: 0; width: 0px;height: 0px;border-style: solid;border-width: 0 3em 3em 0; line-height: 0px; background: none;}

/* CORNER COLORS */
.filter-corner.pera, .filter-corner-large.pera{ border-color: transparent #fff09c transparent transparent; _border-color: #000000 #fff09c #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.naranja, .filter-corner-large.naranja{ border-color: transparent #f8951b transparent transparent; _border-color: #000000 #f8951b #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.limon, .filter-corner-large.limon{ border-color: transparent #fffd61 transparent transparent; _border-color: #000000 #fffd61 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.frutilla, .filter-corner-large.frutilla { border-color: transparent #e00109 transparent transparent; _border-color: #000000 #e00109 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.frutos-rojos, .filter-corner-large.frutos-rojos { border-color: transparent #9f0056 transparent transparent; _border-color: #000000 #9f0056 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.manzana, .filter-corner-large.manzana { border-color: transparent #acca04 transparent transparent; _border-color: #000000 #acca04 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.chocolate, .filter-corner-large.chocolate { border-color: transparent #3b250a transparent transparent; _border-color: #000000 #3b250a #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.cafe, .filter-corner-large.cafe { border-color: transparent #180d00 transparent transparent; _border-color: #000000 #180d00 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.ddl{ border-color: transparent #975a0f transparent transparent; _border-color: #000000 #975a0f #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.filter-corner.crema, .filter-corner.coco, .filter-corner-large.crema { border-color: transparent #f0eee9 transparent transparent; _border-color: #000000 #f0eee9 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}

/* RECIPE DETAIL STYLES */
.h-detail {position: static;}
.recipe-wrapper { position: relative;/*width: 100%; height: 100%;*/}
.recipe-banner { position: relative;/* width: 100%; overflow: hidden; */}
.recipe-banner img { width: 100%; height: auto;}
.recipe-head {width: 100%; height: 25%; bottom: 0px; background: #ff4241; }
.recipe-head2 {position: absolute; bottom: 0; left: 0; width: 100%; background: #ff4241; }
.border { width: 100%; height: 15px; background: #ff4241 url(../img/recipe-border.png.webp) bottom repeat-x; background-size: contain; }

.recipe-head h2, .recipe-head a, .tip-head h2 { color: #fff; text-align: center; text-decoration: none; text-shadow: 0 1px 1px rgba( 0,0,0,0.5); display: block;}
.recipe-head2 h2, .recipe-head2 a, .tip-head2 h2 { color: #fff; text-decoration: none; text-shadow: 0 1px 1px rgba( 0,0,0,0.5); display: block;  }
.recipe-head2 h2 {font-size: 2em; width: 100%; padding: 0 0.5em;text-align: center; margin: 10px 0px; }
.recipe-head2 h2 a { display: inline-block; vertical-align: top; width: auto; font-size: 1em !important; }
.recipe-light { background: #3ca852 !important; }
.tip-head { background: #ce8ccf; position: relative; width: 100%; background-clip: content-box; position: absolute; bottom: 0; }
.tip-head p { text-align: center; padding: 18px 30px;  color: #fff; text-shadow: 0 1px 1px rgba( 0,0,0,0.5); margin:0px}

.light-head { background: #3ca852; background-image:url(../img/recipe-border.png.webp); background-repeat:repeat-x; background-position:bottom; background-size: contain; position: absolute}
.normal-head { background: #ff4241; background-image:url(../img/recipe-border.png.webp); background-repeat:repeat-x; background-position:bottom; background-size: contain;}

#recipe-detail {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; background: url(../img/recipe-bg.jpg.webp); min-height: calc(100% - 10em);}
#recipe-detail h3 { text-transform: uppercase; font-size: 1.5em;}
.how-to {padding: 1em 3em 1em 3em; color: #382504; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1 }

.margin-recipes { margin-top: 4em; }

.back { position: absolute; top: 45%; left: 0; opacity: 0.5;}
.back:hover { opacity: 1; cursor: pointer; }

ol.steps { counter-reset:li; margin-left:0; padding-left:0;}
ol.steps > li {position: relative;margin: 1em 0 2.5em 2em;padding: 0 0 0 2.5em;list-style: none;font-family: 'Open Sans', Arial, Helvetica, sans-serif;}
/* STEPS COLORING. DEFAULT: PINK */
ol.steps > li::before {content: counter(li);
counter-increment: li;
position: absolute;
top: 4px;
left: -2em;
width: 1.9em;
height: 1em;
margin-right: .8em;
padding: 0.8em 0.3em 0.7em 0.3em;
color: #fff;
font-family: 'Neucha', Arial, Helvetica, sans-serif;
text-align: center;
border-radius: 100px;
}


/* RED */
ol.steps li:nth-child(1n)::before {background: #dd0053;
border: 1px dashed #f6f2ea;
-webkit-box-shadow: 0 0 0 5px #dd0053;
box-shadow: 0 0 0 5px #dd0053;
}
/* YELLOW */
ol.steps li:nth-child(3n)::before,
ol.steps li:nth-child(7n)::before,
ol.steps li:nth-child(11n)::before {background: #fbca2c;
border: 1px dashed #f6f2ea;
-webkit-box-shadow: 0 0 0 5px #fbca2c;
box-shadow: 0 0 0 5px #fbca2c;}
/* TURQUOISE */
ol.steps li:nth-child(2n)::before {background: #00bfce;
border: 1px dashed #f6f2ea;
-webkit-box-shadow: 0 0 0 5px #00bfce;
box-shadow: 0 0 0 5px #00bfce;}
/* GREEN */
ol.steps li:nth-child(4n)::before {background: #7cc576;
border: 1px dashed #f6f2ea;
-webkit-box-shadow: 0 0 0 5px #7cc576;
box-shadow: 0 0 0 5px #7cc576;}
/* RED */
ol.steps li:nth-child(9n)::before {background: #dd0053;
border: 1px dashed #f6f2ea;
-webkit-box-shadow: 0 0 0 5px #dd0053;
box-shadow: 0 0 0 5px #dd0053;
}


.similar { border-top: 1px solid #e5e2db;}
.similar h4 { text-align: center; text-transform: uppercase;}
.similar ul{ list-style: none;display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;}
.similar ul li{ opacity: 1;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease; -webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;border-radius: 50%; background-clip: content-box; overflow: hidden;border: 1px dashed #781007; position: relative;}
.similar ul li:before{ content: "";display: block;padding-top: 100%;}
.similar ul li img { width: 95%;height: auto;border-radius: 50%;display: block;text-align: center;margin: 2.5% auto; object-fit: cover; object-position: center; aspect-ratio: 1/1;}
.similar li a, #home-recipes li a img {display: block; position: relative; }
.similar li a {overflow: hidden;position: absolute;top: 0;left: 0;border-radius: 50%;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.similar a .caption { color: #fff; text-align: center; position: absolute; top: -100%;width: 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.similar a:hover .caption { background: rgba(235,119,164,0.7); top: 0; width: 100%; height: 100%;  margin: 0;padding: 35% 1em;}
.similar .caption-mobi {display: none;}
.recipe-social-mobi {display: none;}
.recipe-social{display:block;}
.no-margin {margin: 0 !important;}
.foto {display: block;}
.foto-mobi {display: none;}

/* INGREDIENTS SIDEBAR*/
.ingredients {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}
.items-list { background: #ff9859; border-image-slice: 0 0 24 0; border-image-width: 0px 0px 24px 0px; border-image-outset: 0px 0px 0px 0px; border-image-repeat: round round; border-image-source: url(../img/ingredientes-border.jpg.webp); }
.ingredients h3, .ingredients ul { color: #fff;}
.ingredients ul{border-top: 1px solid #f18442; border-bottom: 1px solid #f18442;}
.ingredients ul li::before { content: '\2a'; font-family: 'fontello'; display: inline-block; margin-left: -1.2em; width: 1.2em; }
.ingredients p.share { font-family: 'Open Sans', Arial, Helvetica, sans-serif; text-align: center;}
.items-list p, .items-list button{ display: inline-block; float: left; color: #fff; background: none; border: none;} .items-list button { float: right}

/* RECIPE SHARES */
/*.social { width: 100%;text-align: center;transform: translateY(-50%);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content: center; margin-top: 3.5em;}*/

.social { width: 100%;text-align: center; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -ms-justify-content:center; -moz-justify-content:center; -webkit-justify-content:center; justify-content: center; padding-bottom: 2em;}
.social .link { position: relative;width: 3em;height: 3em;border-radius: 50%; background-clip: content-box;padding: .2em;transition: .5s;color: #D7D0BE;margin: 0 10px; font-size: 1.5em;}
.social .link span {display: block; position: absolute;text-align: center;top: 50%;left: 50%; -moz-transform: translate(-50%, -40%); -ms-transform: translate(-50%, -40%); -webkit-transform: translate(-50%, -40%); transform: translate(-50%, -40%); }
.social .link:hover {padding: .3em;color: white; margin-left: -5px;transform: translateX(5px) rotate(360deg);}
.social .link.pinterest {background-color: tomato;color: white; border: 1px dashed tomato;}
.social .link.twitter {background-color: #00ACEE; color: white; border: 1px dashed #00ACEE;}
.social .link.facebook {background-color: #3B5998; color: white; border: 1px dashed #3B5998;}

/* FOOTER */
footer { height: 4em; position: relative; /*bottom: 4em;*/-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); background: #fff url(../img/header-border.jpg.webp) top left repeat-x; padding-top: 0.5em; }
footer ul {display: inline-table;float: right;}
footer ul li { display: inline-table; font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin: 1.9em 1em; font-size: 12px; color: #b5b5b5;}
footer a { text-decoration: none;color: #b5b5b5;}

.fb-external {color: #fff;background: #cbcbcb;border-radius: 50%;text-align: center;width: 2em;height: 1.9em;padding-top: .5em;}
.fb-external:hover { background: #999;}

/* PRODUCT SHOWCASE */
.products { background: #f6f2ea; margin-top: 3.5em; background: #f6f2ea url(../img/recipe-bg.jpg.webp);}
.products ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; -moz-flex-align: center; -ms-flex-align: center;align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #382504; }
.products li { /*-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1; */ margin: 1em 1em 2em 1em; text-align: center;}
.products li h3 { border-top: 1px dashed #cbbba0; padding-top: 0.5em; }
.products li p { font-family: 'Open Sans', Arial, Helvetica, sans-serif;/* text-align:center*/}
.products li a {position: relative; display: inline-block; border-radius: 50%; background-clip: content-box;padding: .3em;transition: .5s;color: #fff;margin: 0 3px; text-align:center}
.products li a:hover { opacity:0.6; color: white;}
.products li a span {display: block; position: absolute;text-align: center; font-size:14px; line-height:14px; top:35%; width:80px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8);}

/* COLORES RECETAS RELACIONADAS */

.products li a.frutos-rojos {background-color: #e6454a;color: white; border: 1px dashed #e6454a;}
.products li a.chocolate {background-color: #7a4731; color: white; border: 1px dashed #7a4731;}
.products li a.dulce {background-color: #95663a; color: white; border: 1px dashed #95663a;}
.products li a.manzana {background-color: #97be14; color: white; border: 1px dashed #97be14;}
.products li a.banana {background-color: #daac1b; color: white; border: 1px dashed #daac1b;}
.products li a.durazno {background-color: #edb459; color: white; border: 1px dashed #edb459;}
.products li img {width: 80%; margin-bottom: 1em; }

/* CONTACTO */

.contacto { background: #f6f2ea url(../img/recipe-bg.jpg.webp); margin-top: 2em;}
.contacto h2 { width: 100%; text-align: center; color: #005ca9; font-size: 3em; padding: 0.75em 0; margin: 0;}
.contact-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 960px; margin: 0 auto; padding-bottom: 3em;}
.contact-container li { width: 50%; padding: 0 2em;}
.contact-container li:last-child { border-left: 1px dashed #005ca9;}
.contact-container h3 { font-family: 'Open Sans', sans-serif; color: #005ca9;}
.contact-container p { font-family: 'Open Sans', sans-serif; font-size: 0.8em; color: #005ca9;}
.form-container li { padding: 0.25em; width: 100% }
.form-container input[type=text] { font-family: 'Open Sans', sans-serif; font-size: 14px; width: 100%; border-radius: 5px; padding: 0.5em; border: none; outline: none; color: #666;}
.form-container textarea { font-family: 'Open Sans', sans-serif; font-size: 14px;  width: 100%; resize: none; height: 150px;border-radius: 5px; padding: 0.5em; border: none; outline: none; outline: none; color: #666;}
.form-container input[type=submit] {background: #edb459; padding: 0.5em; border-radius: 5px; border: none; margin: 0.25em; outline: none; color: #fff;}

/* INSTAGRAM WALL*/

.instagram { background: #f6f2ea url(../img/recipe-bg.jpg.webp); height: 100%; width: 100%; margin-top: 3.5em;}
.instagram h2, .instagram p { text-align: center;  color: #005ca9;}

/* RESPONSIVE MENU STYLES */

.st-container,
.st-pusher,
.st-content {height: 100%;}
.st-content {overflow-y: scroll;background: #f3efe0;}
.st-content, .st-content-inner {position: relative;}
.st-container {overflow: hidden;}
.st-pusher {position: relative;left: 0;z-index: 888;height: 100%;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s; margin-top: 5em;}

.st-pusher::after {position: absolute;top: 0;right: 0;width: 0;height: 0;background: rgba(0,0,0,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;}
.st-menu-open .st-pusher::after {width: 100%;height: 100%;opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.st-menu {position: absolute;top: 0; right: 0;z-index: 999;visibility: hidden;width: 300px;height: 100%;background: #1b6bb3;-webkit-transition: all 0.5s;transition: all 0.5s;}
.st-menu::after {position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);content: '';opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}

.st-menu-open .st-menu::after {width: 0;height: 0;opacity: 0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;}

/* content style */
.st-menu ul {margin: 0;padding: 0;list-style: none;}
.st-menu h2 {margin: 0;padding: 1em;color: rgba(0,0,0,0.4);text-shadow: 0 0 1px rgba(0,0,0,0.1);font-weight: 300;font-size: 2em;}
.st-menu ul li a {display: block;padding: 1em 1em 1em 1.2em;outline: none;box-shadow: inset 0 -1px rgba(0,0,0,0.1);color: #f3efe0; text-decoration: none;text-shadow: 0 0 1px rgba(255,255,255,0.1);letter-spacing: 1px;font-weight: 400;-webkit-transition: background 0.3s, box-shadow 0.3s;transition: background 0.3s, box-shadow 0.3s;}
.st-menu ul li:first-child a {box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);}
.st-menu ul li a:hover {background: rgba(0,0,0,0.2);box-shadow: inset 0 -1px rgba(0,0,0,0);color: #fff;}

.st-effect-7.st-container { -webkit-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%;}
.st-effect-7 .st-pusher {  -webkit-transform-style: preserve-3d;  transform-style: preserve-3d;}
.st-effect-7.st-menu-open .st-pusher { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0);}

.st-effect-7.st-menu { -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); transform: translate3d(100%, 0, 0) rotateY(90deg);-webkit-transform-origin: 100% 50%;-ms-transform-origin: 100% 50%;transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.st-effect-7.st-menu-open .st-effect-7.st-menu { visibility: visible; -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg); transform: translate3d(100%, 0, 0) rotateY(0deg);}

.icon-list-1 {font-size: 1.3em !important; float:right; margin-right:-12px}

.move-logo {-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in; left: -50%;}

.sb-search-submit { text-align: center !important; top: 9px;}

.back-terminos {background: #f6f2ea url(../img/recipe-bg.jpg.webp); color: #382504 !important}

.view {position: absolute; width: 200px; text-align: center; display: block; color: #fff; font-size: 1.5em; padding: 0.25em; text-decoration: none;text-shadow: 0px 0px 13px rgba(0, 0, 0, 1); margin-left: -100px; bottom: 65px; left: 50%; }

.normal {background: rgba(255,66,65,0.7);}
.light {background: rgba(60,168,82,0.7);}




.view i {margin-top: 0.25em;}

.margin-recipes { margin-top: 45%; }

.loading {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); /*background: rgba(0,159,227,0.7);*/ z-index: 9998;}
body.page .loading, body.single .loading, body.archive .loading {display:none !important}
.loading div {position: absolute; width:100px; height: 100px; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; background: #009fe3; text-align: center; border-radius: 5px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.61); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.61); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.61); }
.loading img {width: 60%; margin-top: 12px;}

/* -----------------------------------MEDIA QUERIES---------------------------------- */

@media screen and (max-width: 800px){
	body {background: none !important;}
    .st-pusher {margin-top: 0;}
    .margin-recipes { margin-top: 0; }
	header { padding: 0 1em 0 0; display: block;height: 4.2em;}
	.large-nav { display: none;}
	.small-nav { max-width: 50%; position: absolute; z-index: 999;}
	.small-nav h1 { width: auto; margin: 0;}.small-nav h1 img { width: 80%; height: auto; margin: 10px;}
	.pushy ul {margin-top: 4.25em;}

	.top-search { width: 100%; z-index: 222; }
	.sb-search { height: 65px !important;}
	.sb-icon-search, .sb-search-submit { top: 5px !important;}
	#st-trigger-effects button {background: none; border: none; color: #fff; height: 39px; font-size: 2em; margin: 12px 0 0 15px;}

	.instagram h2 { font-size: 2em; padding: 1em 0 .5em 0;}
	.instagram p { padding: 0 1em 1.5em 1em;}

	.products {padding: 2em; text-align: center;}
	.products li h3 { font-size: 1.9em; margin: 0 0 .2em 0;}
	.products li p, .products li a span  { font-size: 14px}
	.products li a {width: 5em; position: relative;}
	.products li a:before{content: "";display: block;padding-top: 100%;}

	.recipe-head { position: relative; padding: .5em 1em 2.5em 1em;}
	.recipe-head h2, .tip-head h2 {font-size: 1.5em !important;padding: 0.5em 0 0 0 !important;margin: 0;}
	.recipe-head a, .recipe-head a, .tip-head a, .items-list button { display: none}
	.recipe-banner {top: 4em;}

	#recipe-detail {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

	.similar ul li { margin: 0 .5em;padding: .3em;  font-size: 1.5em; overflow: visible; border-radius: 0px; border: none;}
	.similar ul li a { border: 1px dashed #781007; }
	.ingredients {margin: 1em 3em 1em 3em; width: 100%;  }
	.ingredients ul li { padding-left: 1.2em; font-size: 1em; line-height: 1.5em;}
	.ingredients ul { padding: 1em 0;}
	.items-list {padding: .5em 2em 2em 1.5em; margin-top: 2em;}
	.items-list p, .items-list button {margin: .5em 0 0 0;font-size: 1.2em;}
	.items-list p i, .items-list button i {font-size: 1.8em;position: relative;top: .1em;}
	.how-to {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2}
	.fb-external { display: block; margin: .8em auto;}
	footer {height:auto; }
	footer ul { width: 100%;}
	footer ul li { display: block; padding: 0.75em 1em; text-align: center; font-size: 14px; margin: 0.25em 0; border-bottom: 1px dashed #ccc;}

	#home-recipes ul li{  width:50%; }
	#home-recipes a .caption { font-size: 1.7em; top: 0 !important; bottom: 0; text-shadow: 2px 3px 3px rgba(0,0,0,0.7); width: 100%; height: 100%;  margin: 0; padding: 35% 1em; }
	#home-recipes a:hover .caption { background: none; padding: 35% 1em !important;}
	.recipe-banner {margin-top: 0 !important; top: 0 !important;}
	.back { display: none; å∫}
	.foto {position: absolute; top: 76px;}
	.recipe-social {display: none;}
	.recipe-social-mobi {display: block; text-align: center; width: 100%; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3}
	.recipe-social-mobi .share {font-family: 'Open Sans', Arial, Helvetica, sans-serif}
	.similar a .caption {display: none;}
	.similar .caption-mobi {display: block; font-size: 1em; text-align: center; line-height: 1.2em;}

	.foto {display: none;}
	.foto-mobi {display: block; margin-top: 4em;}
    .sb-search-submit { text-align: right !important;  }
    .sb-search-input { width: 97% !important; left: 20px !important; top: 14px !important; font-size: 14px; }
    .sb-icon-search { text-align: right !important; width: 40px !important; top: 6px !important;}
    .banderin {top: 70px;}
    .view {display: none;}
    .tip-head {position: static; padding-bottom: 0.25em; margin: 0; background-clip: padding-box;}

	.contacto h2 { padding: 0; padding-top: 1.5em;}
    .contact-container { width: 100%; margin: 0 auto; padding-bottom: 3em; flex-wrap: wrap; }
    .contact-container li { width: 100%; }
    .contact-container li h3 { text-align: center }
    .contact-container p { text-align: center; font-size: 14px; }
    .contact-container li:last-child { border-left: 0px; border-top: 1px dashed #005ca9; padding: 1.5em 0 0 0 ; margin: 1em 2em;}
    .form-container input[type=submit] { width: 100%; }



	.recipe-wrapper { position: relative;/*width: 100%; height: 100%;*/}
	.recipe-banner { position: relative;/* width: 100%; overflow: hidden; */}
	.recipe-head2 {position: relative; bottom: none; left: none; width: 100%; /*background: #ff4241;*/ }
	.recipe-head2 h2 {font-size: 1.6em;margin: 0px 0px;padding: 13px 0px;}

}

@media screen and (max-width: 600px){

	.recipe-banner {position: relative;width: 100%; overflow: hidden;}
	.recipe-head h2, .tip-head h2 {font-size: 1.5em !important;padding: 0.5em 0 0 0 !important;margin: 0;}
	.tip-head, footer { bottom: 0;}

	.how-to {padding: 1em;}
	ol.steps > li{padding: 0 0 0 2em; }
	.similar ul {-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;}
	.similar ul li {width: 80%; margin: 1em;}
	.social .link {height: 3em;}

	#home-recipes ul li{  width:100%; }
	#home-recipes a .caption { font-size: 2em}
	.similar .caption-mobi {font-size: 1.2em; line-height: 1em;}

	.recipe-head2 h2 {font-size: 1.6em; }
	.ingredients {margin: 1em 1em 1em 1em; width: 100%;  }
	#recipe-detail h3 {font-size: 1.3em;}
}


@media screen and (min-width: 800px) and (max-width: 1024px){

	.tip-head h2 {font-size: 1.5em !important;padding: 0.5em 0 0 0 !important;margin: 0;}
	.recipe-head a, .recipe-head a, .tip-head a { font-size: 1.5em !important; padding-bottom: 1em !important; margin: 0 !important;}

}

@media screen and (min-width: 800px){

	.top-search {padding: 1.5em 0;}

	.small-nav { display: none;}
	#st-trigger-effects { display: none;}
	#menu-7 {display: none;}

	.large-nav {max-width: 80%;}
	.large-nav li a { font-size: 1.3em;padding: 1.6em 0;display: block;overflow: visible;}
	.top-search input {padding: .5em;}
	.top-search button {font-size: 1.4em;}
	.sb-search{top: 1.1em; right:0px}


	/*#home-recipes ul {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;position: relative; }*/
	#home-recipes ul li{  width: 20%; }
	#home-recipes a .caption { font-size: 2em;}
    .how-to {-webkit-box-flex: 4;-webkit-flex-grow: 4;-ms-flex-positive: 4;flex-grow: 4; width: 75%;}
	#recipe-detail h3 { margin: 0; padding: .5em 0;}
    .ingredients {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1; width: 25%;}
	.ingredients ul li { padding-left: 1.2em; }
	.items-list {padding: .5em 2em 1.5em 1.5em; margin-top: 2em;}
	.items-list p i, .items-list button i {font-size: 1.8em;position: relative;top: .1em;}
	.tip-head p { font-size: 1.2em;}
	.fb-external { display: inline-table; margin: .8em }

	.products {padding: 2em;}
	.products li h3 { font-size: 1.9em; margin: 0 0 .2em 0}
	.products li p, .products li a span  { font-size: 14px}
	.products li a {width: 5em; position: relative;}
	.products li a:before{content: "";display: block;padding-top: 100%;}

	.instagram h2 { font-size: 3em; padding: 1em 0 .5em 0;}
	.instagram p { font-size: 24px; padding-bottom: 2em;}
	st-pusher {margin: 0 !important;}
	.how-to {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1
	.ingredients {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2}


}

@media screen and (min-width: 800px) and (max-width: 1800px){

	.large-nav {-webkit-box-flex: 4;-webkit-flex-grow: 4;-ms-flex-positive: 4;flex-grow: 4;max-width: 82%;}
	.large-nav ul { max-height: 4.5em;}
	.large-nav li a { font-size: 1.0em;padding: 1.8em 0;}
	.large-nav li img { margin-top: 0.15em; }
	.top-search button {font-size: 1.2em;}
	.top-search{padding: .8em 0; overflow: hidden; margin-right:-25px}
	.sb-search{top: .8em;}
	.sb-search-input { font-size: 14px}

	.recipe-banner { height: 70% !important;}
    .recipe-head h2 { font-size: 2.7em; padding: 0.8em 0 0 0 !important; margin: 0;}
    .tip-head h2 { font-size: 1.5em; padding: 0.8em 0 0 0 !important; margin: 0;}
	.recipe-head a { font-size: 1.7em;margin-top: 0.5em;}
	/*#home-recipes ul {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }*/
	#home-recipes ul li{  width:25%; }
	#home-recipes a .caption { margin-top:-20%; line-height:30px !important; font-size: 1.5em !important;}
	#home-recipes a:hover .caption {padding: 15% 1em;font-size: 2.3em; line-height: 44px;}

    #recipe-detail h3 { font-size: 1.7em;}
	.ingredients ul { padding: 1em 0;}
	.ingredients ul li {font-size: .9em; line-height: 1.2em;}
	.ingredients p.share { font-size: .8em;}
	.items-list p, .items-list button {margin: 0.5em auto 1em auto;font-size: 1em; width: 100%; text-align: center;}
	.quantity {font-size: 1.35em;}
	.social .link { position: relative;width: 2.5em;height: 2.5em; font-size: 1em;}
	.similar { padding: 1em 0 0 0;}
	.similar h4 { font-size: 1.5em;}
	.similar ul li { margin: 0 1em;padding: .3em;  font-size: 1.25em;}
	.recipe-head h2 { font-size: 2.5em; padding: 0.5em 0 0 0 !important; margin: 0;}
    .tip-head h2 { font-size: 1.5em; padding: 0.5em 0 0 0 !important; margin: 0;}

}

@media screen and (min-width: 1360px) and (max-width: 1580px) {

	/*#home-recipes ul {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;}*/
	#home-recipes ul li{  width:20%; }
	#home-recipes a:hover .caption {padding: 20% 1em;}

	.recipe-banner { height: 75% !important;}
	.recipe-head { height: 25%}
	.recipe-head a { font-size: 1.7em;margin-top: -0.5em;}
	.recipe-head a i{font-size: 1.7em;position: relative;top: .2em;}
    #recipe-detail h3 { font-size: 2em;}
	.ingredients ul { padding: 1.5em 0;}
	.ingredients ul li {font-size: 1em;  line-height: 1.5em;}
	items-list p, .items-list button {margin: 1.2em 0; font-size: 1em;}
	.similar { padding: 1.5em 0 0 0;}
	.similar h4 { font-size: 2em;}
	.similar ul li { margin: 0 1.5em;padding: .5em; font-size: 1.5em;}


}

@media screen and (min-width: 1580px) {

	/*#home-recipes ul {-moz-column-count: 5; -webkit-column-count: 5; column-count: 5;}*/
	#home-recipes ul li{  width:20%; }
    .recipe-head h2, .tip-head h2 { font-size: 3em; padding: 0.5em 0 0 0 !important;
margin: 0;}
	.recipe-head a { font-size: 1.5em; margin-top: -0.75em;}
	.recipe-head a i{font-size: 2em;position: relative;top: .2em;}
    #recipe-detail h3 { font-size: 1.7em; margin: 0; padding: .7em 0;}
	.recipe-banner { height: 75% !important;}
	.recipe-head { height: 25%}
	.ingredients ul { padding: 2em 0;}
	.ingredients ul li { font-size: 1em; line-height: 2em;}
	.items-list p, .items-list button {margin: 1.2em 0;font-size: 1.2em;}
	.similar { padding: 2em 0 0 0;}
	.similar h4 { font-size: 2em;}
	.similar ul li { margin: 0 1em; padding: .8em; font-size: 2em;}
     .tip-head h2 { font-size: 2em; padding: 0.5em 0 0 0 !important; margin: 0;}
    .banderin {top: 10%;}

}

@media screen and (min-width: 800px) and (max-width: 1024px) {
	.recipe-banner {}
}

.foto-fondo {
background-repeat:  no-repeat;
background-position: center center;
background-attachment: fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
}