html {
	height: 100%;
}
body {
	font-size: 16px;
	font-family: 'Roboto Slab', serif;
	color: #333;
	background-color: #fff;
}
.ua-webkit body,
.ua-gecko body,
.ua-opera body,
.ua-ie8 body,
.ua-ie9 body {
	overflow-y:scroll;
}
h1, h2, h3, h4, h5, h6, p, ul {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 { font-size:50px; 
font-family: 'Roboto Slab', serif; line-height:56px}

ul, li {
	list-style: none;
}
p {
	font-size: 15px;
	color: #333;
}
a {
	text-decoration: none;
	color: #91bfbe;
}
a:hover {
	text-decoration: none;
	color: #666;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.it {
	font-style: italic;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.tl {
	text-align: left;
}
.upp {
	text-transform: uppercase;
}
.autoClearer:before,
.autoClearer:after {
    content: " ";
    display: table;
}
.autoClearer:after {
    clear: both;
}
input[type="radio"],
input[type="checkbox"] {

}
input[type="text"],
input[type="password"],
input[type="email"] {
}
.active {
    color: #000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); font-weight:900
}

.wrapper {
	width: auto;
	clear: both;
	float: none;
	overflow: hidden;
	margin: 0 auto; 
}
/*:::::::::: HEADER Y FOOTER  ::::::::::::::*/
.bg {
	background: @bg-body-image; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

header {
	padding: 20px;
	width: 100%;
	display: block;
	background: #fff; position:fixed; top:0px; left:0px; z-index:99999
}
header .logo {
	float: left;
	width: 171px;
	height: 47px;
	margin: 0;
}
header nav {
	float: right;
	width: auto;
	margin: 10px 0 0 0;
}
header nav li {
	display: inline-block;
	padding: 0 0 0 20px;
}
header nav li a {
	color: #444;
	font-weight: 400;
	font-size: 14px;
	outline: 0;
}
header nav li a:focus {
	outline: 0;
}
/*:::::::::: end HEADER Y FOOTER  ::::::::::::::*/




/****************** HOME ******************/
.slider-home {
	display: block;
	margin: 80px 0 0 0;
	position: relative;
}
.slider-home .owl-prev {
	width: 40px;
	height: 40px;
	background: url('../img/ic-prev.png') center center no-repeat;
	position: absolute;
	left: 20px;
	top: 50%;
	margin: -20px 0 0 0;
	z-index: 2;
	display: block;
	text-indent: -999999px;
}
.slider-home .owl-next {
	width: 40px;
	height: 40px;
	background: url('../img/ic-next.png') center center no-repeat;
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -20px 0 0 0;
	z-index: 2;
	display: block;
	text-indent: -999999px;
}
.slider-home .slide {
	overflow: hidden;
}
.slider-home .slide01 {
	background: url('../img/slide01.jpg') center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.slider-home .slide02 {
	background: url('../img/slide02.jpg') center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.slider-home .slide03 {
	background: url('../img/slide03.jpg') center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.slider-home .slide04 {
	background: url('../img/slide04.jpg') center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.slider-home .caption {
	width: 50%;
	display: block;
	margin: 10% 0 0 0;
	clear: both;overflow: hidden;
}

.slider-home .caption h1{	margin-top:23px}

.slider-home .caption p{
	width: 60%; margin-top:23px;
	font-weight: 300;
}
	
.abajo {
	width: 50px;
	height: 50px;
	background: url('../img/ic-abajo.png') center center no-repeat;
	position: relative;
	margin: -70px auto 20px auto;
	z-index: 2;
	display: block !important;
	text-indent: -999999px;
}

/******* STORY *****/
.story {
	background: url('../img/granja.jpg') bottom center no-repeat #f4f2e7;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	min-height: 800px;
  	/*display: flex;
	justify-content: center;
	align-items: center;*/
}
.story .caption {
	width: 50%;
	margin: 0 auto;
	padding: 100px 0 0 0; text-align:center
}
.story .caption p{
	margin: 0 0 30px 0; color:#746e6f; font-size:13px; line-height:24px; text-align:left;
	font-weight: 300;
}
.story .caption h2{ width:100%; text-align:center; margin-bottom:65px}
.story .caption img{ margin-top:30px}
.story .caption .pampa{ display: block;
	margin: 30px 0 0 0;
	font-family: 'Roboto Slab', serif;
	color: #000;
	font-size: 17px;
}

.sofia{
	font-family: 'Sofia', cursive;}

/******* Seasonings *****/
#sea {position: relative;background: #faf6d4; height: 795px;}
	
#sea h1{ font-size:40px; line-height:52px; border-bottom:#000 3px dotted; padding-bottom:20px; margin-bottom:24px; position:relative}
#sea p{ text-align:left; font-size:14px; color:#6d6e71;  padding-bottom:27px; font-weight: 300;}

#sea p.chimi { border-bottom:#c4161c 4px solid;}
#sea p.honey { border-bottom:#ce8a14 4px solid;}
#sea p.hoisin { border-bottom:#7b3c5f 4px solid;}
#sea p.mango { border-bottom:#ec8e1c 4px solid;}

.seatit {
	position: absolute;
	top: 50px;
	left: 10%;
	color: #231f20;
	font-size: 25px;
	font-family: 'Sofia', cursive;
	z-index: 5;
}
.slider-sea {
	margin-top: 150px;
}
.slider-sea.owl-carousel .owl-stage-outer {
	overflow: visible !important;
}
#sea .contentslide {
	width: 80%;
	background: #fff;
	border: solid 1px #000;
	outline: 20px solid #FFFFFF;
	outline-offset: 0px;
	display: block;
	margin: 40px auto;
	padding: 20px;
	height: 535px;
	left: 10%;
	top: 120px;
	position: absolute;
	z-index: 0;
}
.slider-sea .slide { position:relative;}

.slider-sea .info {
	float: left;
	width: 50%;
	height: 100%;
	margin-top:130px !important;
	position: relative;
}

.slider-sea .info h1 img{ position:absolute; top:0px; right:0px}
.slider-sea .info .box {
	width: 280px;
	margin:0 auto;
float: right;}
.slider-sea .foto {
	float: left;
	width: 50%;
	height: 100%;
	position: relative;
}
.slider-sea .foto img {
	display: block;
	margin: -90px auto 0 auto;
	float: left;
}
.slider-sea .owl-prev {
	width: 40px;
	height: 40px;
	background: url('../img/ic-prev.png') center center no-repeat;
	position: absolute;
	left: 15%;
	top: 50%;
	margin: -20px 0 0 0;
	z-index: 2;
	display: block;
	text-indent: -999999px;
}
.slider-sea .owl-next {
	width: 40px;
	height: 40px;
	background: url('../img/ic-next.png') center center no-repeat;
	position: absolute;
	right: 15%;
	top: 50%;
	margin: -20px 0 0 0;
	z-index: 2;
	display: block;
	text-indent: -999999px;
}


/******* DULCE DE LECHE *****/
.dulce {
	display: block;
	position: relative;
	height: 780px;
}
.dulce .imagen {
	float: left;
	width: 50%;
	height: 100%;
	background: url('../img/dulce/panqueque.jpg') left center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
.dulce .imagen p {
	color: #fff;
	font-size: 34px;
	font-family: 'Sofia', cursive;
	display: block;
	text-align: center;
	text-shadow: 0 0 7px #575757;
}
.dulce .info {
	float: left;
	width: 50%;
	height: 100%;
	background: #eae9e9;
}

.dulce  h1{ font-size:33px; line-height:38px; border-bottom:#000 3px dotted; padding-bottom:20px; margin-bottom:24px; position:relative;  float:left; width:100%; max-width:180px;padding-top:20px}

.dulce .info img {
	float: left; width:58%; 
}
.dulce .info span {
	font-family: 'Sofia', cursive; float:left;
	color: #231f20;
	font-size: 22px; line-height:25px;  width:100%; max-width:240px
}
.dulce .info p {
	color: #77787b;
	font-size: 14px; width:100%;  font-weight: 300; border-bottom:#c2832b 4px solid; padding-bottom:20px; float:left;}
	
	
.dulce .info .data {
	width: 580px;
	margin: 200px auto 0 auto !important;
}
.dulce .info .data div.texto {width:40%; float:left; /*margin-right:40px;*/ box-sizing:border-box}

.scrollto { position:relative; float:left; width:100%; clear:both; /*padding-top:40px*/}

/**** recipes *******/
#sync1 img {
	width: 100%;
	display: block;
}
#sync1 h1 {	width: 100%; text-align:center; font-family: 'Sofia', cursive; color:#FFF; font-size:40px; font-weight:400; position:absolute; left:0px; top:280px; z-index:999}
	
#recipes .owl-buttons { display:none !important} 
#recipes .owl-item { text-align:center !important; margin: 0} 
    #sync1 .item{}
    #sync2 {
    	text-align: center;
    	overflow: hidden;
    }
    #sync2 .conten {
    	width: 545px;
    	margin: 0 auto;
    }
    
    #sync2 .item{ width:140px; 
    	height:140px; 
    	text-align:center;
    	display: inline-block;
        margin:0 auto; border:#d5bda6 2px solid;
        color: #FFF;
        -webkit-border-radius: 300px;
        -moz-border-radius: 300px;
        border-radius: 300px; color:#231f20; 
        font-weight: 400;
        cursor: pointer; 
        font-size:21px; 
        line-height:24px; 
        padding-top:55px;
        float: left;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;

    }
	
	#sync2 .item:hover { color:#d5bda6; }
	#sync2  .doble { padding-top:40px; margin: 0 61px;}	
	#sync2 { padding:60px 0}
    #sync2 .synced .item{
      background: #fff;
    }
    #sync2 .item.mob {
    	display: none;
    }

/******* desserts ******/
#dessert { padding-bottom:160px;}

.dessert .tit {
	color: #231f20;
	font-size: 25px;
	font-family: 'Sofia', cursive;
	display: block;
	margin: 50px 0 100px 0;
}
.dessert .item {
	float: left;
	width: 50%;
	padding: 0 30px 0 0;
}
.dessert .item.ultimo {
	padding: 0 0 0 30px;
}
.dessert .item .info {
	float: left;
	width: 40%;
}
.dessert .item .foto {
	float: left; padding:0 0 0 35px; width: 55%;
}
.dessert .item .foto img {
	display: block;
	max-width: 100%;
}
.dessert p{font-size:12px; color:#6d6e71; font-weight: 300; border-bottom:#8b0029 4px solid; padding-bottom:32px }
.dessert  h1{ font-size:20px; line-height:25px; border-bottom:#231f20 3px dotted; margin-bottom:24px;  padding:20px 0}
h1.fruits { background: rgba(0, 0, 0, 0) url("../img/dessert/bg-fruits.png") no-repeat scroll 107% center / 35% auto}
h1.choco { background: rgba(0, 0, 0, 0) url("../img/dessert/bg-chocolate.png") no-repeat scroll 100% 8px / 35% auto;}

#recipes { background:#faf6d4;}

#contact {background:#e8e5e3;}
.contact { background:#e8e5e3; padding:30px 0 0 0!important; text-align:center; height:330px; box-sizing:border-box; width:100%}
.contact span { background:url(../img/bg-contact.png) top center no-repeat; padding-top:100px;  color: #231f20;  font-size: 25px;
    font-family: 'Sofia', cursive; display: block;}
.contact div { width:145px; margin:50px auto 0 auto}	
.contact a {
	color: #231f20;
}
.contact a:hover {
	opacity: 0.5;
}
a.instagram { background:url(../img/ic-in.png) no-repeat; width:50px; height:50px; display:block; text-indent:-9999px; float:left}
a.facebook { background:url(../img/ic-fb.png) no-repeat; width:50px; height:50px; display:block; text-indent:-9999px; float:right}
.contact div a {-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; opacity:1;}
.contact div a:hover { opacity:0.6}

.footer { padding:20px 0 50px;}
.footer nav {
	float: right;
	width: auto;
	margin: 10px 0 0 0;
}
.footer nav li {
	display: inline-block;
	padding: 0 0 0 20px;
}
.footer nav li a {
	color: #444;
	font-weight: 400;
	font-size: 14px;
	outline: 0;
}
.footer nav li a:focus {
	outline: 0;
}

.owl-dots {
	display: block;
	text-align: center;
	position: absolute;
	bottom: 0;
	width:100%;
}
.owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 5px;
	background: #ce8a14;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	opacity: 0.3;
}
.owl-dots .owl-dot.active {
	opacity: 0.8;
}
.slider-home .owl-dots .owl-dot {
	background: #fff;
	opacity: 1;
}
.slider-home .owl-dots .owl-dot.active {
	background: #ce8a14;
	opacity: 1;
}

@media (min-width: 1024px) {
	.slider-sea .foto .marco {
		width: auto;
		/*background: #fff;
		border: solid 1px #000;
		outline: 20px solid #FFFFFF;
		outline-offset: 0px;
		display: block;*/
		margin: 0;
		padding: 0;
		float: left;
	}
}

@media (max-width: 1200px) {

}
@media (max-width: 1023px) {

header nav li {
	padding: 0 0 0 13px;
}
header nav li a {
	font-size: 12px;
}
#sea .contentslide {
	width: auto;
	left: 20px;
	right: 20px;
}
.slider-sea .owl-prev {
	left: 30px;
}
.slider-sea .owl-next {
	right: 30px;
}
.slider-sea .foto .marco {
		background:none;
		outline: none;
}

.dulce {height: 580px;}
.dulce  h1{ width:100%; max-width:none;padding-top:20px; text-align:center; border:none; font-size:28px; margin-bottom:0px; padding-bottom:10px}
.dulce .info img {float: none; width:92%; }
.dulce .info span {text-align:center;  width:100%; max-width:none; font-size:20px}	
.dulce .info p {font-size: 11px; max-width:none; text-align:center;  padding-bottom:20px;  border:none}	
.dulce .info .data {width: 90%;	margin: 40px auto 0 auto !important;}
.dulce .info .data div.texto {width:90%; max-width: none; float:left; margin-right:0px; box-sizing:border-box; clear:both; margin-bottom:20px}	

#dessert { padding-bottom:30px;}
.dessert .item.ultimo,
.dessert .item {
	padding: 0;
}
.dessert .item .info {width: 100%;}
.dessert .item .foto {	float: left; margin:-316px 0 0 0; width:100%; padding: 0;}
.dessert .item .foto img{ width:60%; margin-left:20%; max-width:200px}
.dessert p{ font-size:11px; border-bottom:none; padding-bottom:none; float:none; width:80%; margin:260px 0 0px 10%; height:80px }
.dessert  h1{ font-size:20px; line-height:23px; border-bottom:none;   padding:16px 0 0px 100px; margin-bottom:10px; }
h1.fruits { background:url(../img/dessert/bg-fruits.png) left no-repeat}
h1.choco { background:url(../img/dessert/bg-chocolate.png) left no-repeat; padding-left:120px}	

.slider-recipes .slide {overflow: hidden; height:450px}
#sync1 h1 {
	top: 140px;
}
.footer nav li {padding: 0 0 0 12px;}
.footer nav li a {	font-size: 12px;}
}
.openmenu {
	display: none;
}
header nav .seplinea {
	display: none;
}
@media (max-width: 767px) {
	#sea {
		background: #fff;
		height: auto;
	}
	.slider-sea {
	    margin-top: 60px;
	}
	#sea .contentslide {
		display: none;
	}
	.logo { height:auto}
	.logo img { width:130px}
	header { padding:20px 0 10px  20px}
	header nav#nav  { overflow: hidden;
		max-height: 0px;
		
		background: #fff;
	float: none;
    left: 0;
    top: 77px;
    margin: 0;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
header nav .seplinea {
	display: block;
}
header nav .seplinea span {
	display: block;
	width: 90px;
	height: 1px;
	background: #918f8f;
	margin: 0 auto;
}
header nav li a {
	font-size: 18px;
}
	header nav#nav.open  { max-height: 600px;
		opacity: 1;}
	header nav li {
		display: block;
		padding: 8px 0;
		text-align: center;
	}
	header ul.navbar-nav {
		display: block;
		padding-bottom: 10px;
	}
	.openmenu {
		display: block;
		width: 25px;
		height: 25px;
		position: absolute;
		right: 20px;
		top: 25px;
		cursor: pointer;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		background: url('../img/openmenu.png') center center no-repeat;
	}
	.openmenu.in {
		background: url('../img/closemenu.png') center center no-repeat;
	}

}


@media (max-width: 540px) {
.slider-home .slide01 {
	background: url('../img/slide01-mob.jpg') center center no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}


.slider-home h1 { display:none;}
.slider-home p { display:none;}
.slider-home span { bottom:60px; position:absolute}

.story {
	-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
  	background-size: contain;
  	min-height: 580px;
}
.story .caption {width: 90%;padding: 30px 0 0 0; }
.story .caption p{ margin: 0 0 20px 0; font-size:11px; line-height:20px; text-align:center}
.story .caption h2{ margin-bottom:20px}
.story .caption img{ display:none}

.slider-sea {
	    margin-top: 85px;
	}	
#sea h1{ font-size:26px; line-height:32px; border-bottom:none; padding-bottom:0px; margin-bottom:0px; padding-left:0; height:80px; text-align: center;}
#sea p{ text-align:center; font-size:12px; color:#6d6e71;  padding-bottom:0; border-bottom:none !important; height:100px}
.seatit {top: 20px; width:100%; text-align:center;	left:0; /*background: #faf6d4;*/}
.slider-sea slide { position:relative; float:left}
.slider-sea .info {width: 90%;margin-top:80px !important; margin-left:5%}
.slider-sea .info h1 img{left: 38%;
    position: absolute;
    top: -80px;
right: auto;}
.slider-sea .info .box {width: 100%;margin:0 auto;}
.slider-sea .foto {	width: 100%;height: 100%; padding:15px 0}
.slider-sea .foto img { width:70%; float: none; margin: 0 auto;}

.dulce {display: block;position: relative;height: auto; text-align:center}
.dulce .imagen {width: 100%;height: 300px;}
.dulce .imagen p { display:none}
.dulce .info {	width: 100%;height: 100%; padding-bottom:20px}
.dulce  h1{ font-size:23px; line-height:20px; border-bottom:none; padding-bottom:0px; margin-bottom:14px; max-width:none}
.dulce .info img { display: block;
    margin: 0 auto;
    max-width: 100%;
    width: auto; }
.dulce .info span {font-size: 20px; line-height:22px;  width:100%; max-width:none;}
.dulce .info p {font-size: 12px;  max-width:none; border-bottom:none; padding-bottom:7px; width:80%; margin:0 10%}	
.dulce .info .data {width: 100%;margin: 20px auto 0 auto !important;}
.dulce .info .data div.texto {width:100%; max-width:none; margin-right:0px; }

#dessert { padding-bottom:30px;}
.dessert .item .info {width: 100%;}
.dessert .item .foto {	float: left; margin:-368px 0 0 0; width:100%}
.dessert .item .foto img{ width:70%; margin-left:15%; max-width:none}
.dessert p{ font-size:11px; border-bottom:none; padding-bottom:none; text-align: center; float:none; width:90%; margin:290px 0 0px 5%; height:90px }
.dessert  h1{ font-size:20px; line-height:23px; border-bottom:none;   padding:70px 0 0px 0px; margin-bottom:10px; text-align: center; }
h1.fruits { background:url(../img/dessert/bg-fruits.png) top center no-repeat}
h1.choco { background:url(../img/dessert/bg-chocolate.png) top center no-repeat; padding-right:0}	
.dessert .tit { width:100%; text-align:center; margin:50px 0 20px 0}
.dessert .item {width: 100%; border-bottom:#666 3px dotted; padding-bottom:25px; margin-bottom:25px}
.ultimo { border-bottom:none !important; margin-bottom:none !important}

.slider-recipes .slide {overflow: hidden; height:300px}

.contact div { width:145px; margin:22px auto 0 auto}
.contact {padding:15px 0 0 0!important;  height:240px;}

.footer { padding:20px;}
.footer .logo { width:100%; text-align:center; position:relative; float:left; margin-bottom:10px}
.footer nav {
	float:none;
	width:100%;
	margin: 20px 0 0 0; text-align:center
}
.footer nav li {padding: 0 10px 0 10px;}
.footer nav li a {font-size: 10px;}
#sync2 .item.mob {
    	display: block;
    	float: none;
    	margin: 0 auto;
    }
    #sync2 .item.desk {
    	display: none;
    }
    #sync2 .conten {
    	width: auto;
    }
#sync2 .item,
#sync2 .doble {
	display: block;
	float: none;
	margin: 20px auto;
	clear: both;
}
a.instagram,
a.facebook {
	background-size: 100%;
	width: 40px;
	height: 40px;
}
}