/*
===================
COMUN
===================
*/
html {
   height:100%;
}
body{
	font-family: 'Montserrat', 'Tahoma', sans-serif;
	overflow-x: hidden;
}
.bg{ 
  background: url('../img/bg_animated_final.gif') no-repeat center top; 
  width: 100%;
  height: 100%;
  background-size: cover;
	background-attachment: fixed;
}
.caption{
  max-width: 60%;
}
h1,h2,h3{
	color: #fff6cc;
  font-weight: 700;
}
h4,h5,h6{
  color:#fff;
  font-weight: 300;
}
p{
	color:#fff;
	line-height: 1.6;
	font-size: 13px;
	font-weight: 400;
}
a{
  color:#fff;
  font-size: 13px;
  font-weight: 300;
}
a:hover{
	text-decoration: none!important;
  color:inherit;
}
a:active{
	text-decoration: none;
	transition: .2s ease-in-out;
}
a:focus{
	text-decoration: none;
	transition: .2s ease-in-out;
}
ol{
	padding:0;
}
ul{
  padding:0;
}
/*
===================
MENU 
===================
*/
header #menu{
  margin:20px;
  text-align: right;
}
header #menu li{
  text-align: center;
  vertical-align: top;
}
header #menu li p{
  color:#000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2;
  padding-top: 5px;
}
header #menu li:hover{
  opacity: .4;
  transition: .2s ease-in-out;
}
/*
===================
HOME 
===================
*/
#home p, #home p a {
    color: #fff7c9;
    font-size: 14px;
    font-weight: normal;
}
#home p a {
  text-decoration: underline;
}
#home p a:hover {
  text-decoration: underline!important;
  opacity: 0.8;
}
img.tasteprofile-desktop {
  margin: 20px auto;
}
/*
===================
RIESLING 
===================
*/
#riesling .recetas h2{
  text-transform: uppercase;
  /* margin:80px 0px; */
}
#riesling .recetas div{
	margin: auto;
}
.bottles{
  text-align: center;
}
.bottle{
  opacity: 1!important;
  cursor: pointer;
}
.bottle img:hover{
	transform: scale(1.1);
	transition: .5s ease-in-out;
}
.single-recipes{
  background-color: #fff6cc!important;
  background-image: none;
}
#recipe .titles{
	text-align:right;
	margin:20px;
}
#recipe .titles .subtitle{
	color:#8ca128;
	font-weight:700;
	font-size: 32px;
}
#recipe .title{
  color: #8ca128;
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 900;
}
#recipe .descripcion{
  background-color: #d1e391;
  font-size: 14px;
  padding-top:120px!important;
}
#recipe .descripcion ul {
  margin-top: 15px;
}
#recipe .descripcion li {
	margin-left: 20px;
}
#recipe .descripcion ol {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

#recipe .descripcion ol > li {
  margin: 15px 0px;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
  margin-left: -5px;
}

#recipe .descripcion ol > li:before {
  display: inline-block;
  width: 27px;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}
#recipe .descripcion .row {
	position: relative;
	z-index: 3;
}
#recipe .mobileinfo a:hover, #recipe .mobileinfo a:hover img {
  cursor: pointer;
  opacity: 0.7;
}
#cousine #items{
  max-width: 90%;
  margin: 0 auto;
}
#cousine #items li{
  display: inline-flex;
  font-size: 16px;
  text-transform: uppercase;
}
#cousine #items li h4{
  color:white;
}
body.dry-riesling{
	background:red;
}
/*MENU CUISINE*/
#circle-cuisine{
  position: relative;
  display: block;
  margin:0 auto;
  text-align: center;
  width: 400px;
  height: 400px;
  border-radius: 100%;
  background-color: transparent;
}
#circle-cuisine .item h6{
  font-weight: 700;
}
#circle-cuisine .item{
  position: absolute;
  top: 45%;
  left: 35%;
  text-transform: uppercase;
  font-weight: 700;
}
#circle-cuisine > *:nth-of-type(1) {
 transform: rotate(355deg) translate(170px) rotate(-355deg); 
}
#circle-cuisine > *:nth-of-type(2) {
  transform: rotate(60deg) translate(170px) rotate(-60deg);
}
#circle-cuisine > *:nth-of-type(3) {
  transform: rotate(120deg) translate(170px) rotate(-120deg);
}
#circle-cuisine > *:nth-of-type(4) {
  transform: rotate(185deg) translate(170px) rotate(-185deg);
}
#circle-cuisine > *:nth-of-type(5) {
  transform: rotate(270deg) translate(160px) rotate(-270deg);
}
#circle-cuisine > *:nth-of-type(6) {
  transform: rotate(305deg) translate(160px) rotate(-305deg);
}
#circle-cuisine > *:nth-of-type(7) {
  transform: rotate(0deg) translate(0px) rotate(-0deg);
}

/*MENU OCCASION*/
#circle{
  position: relative;
  display: block;
  margin:0 auto;
  text-align: center;
  width: 400px;
  height: 400px;
  border-radius: 100%;
  background-color: transparent;
}
#circle .item h6{
  font-weight: 700;
}
#circle .item{
  position: absolute;
  top: 45%;
  left: 35%;
  text-transform: uppercase;
  font-weight: 700;
}
#circle > *:nth-of-type(1) {
 transform: rotate(355deg) translate(170px) rotate(-355deg); 
}
#circle > *:nth-of-type(2) {
  transform: rotate(60deg) translate(170px) rotate(-60deg);
}
#circle > *:nth-of-type(3) {
  transform: rotate(120deg) translate(170px) rotate(-120deg);
}
#circle > *:nth-of-type(4) {
  transform: rotate(185deg) translate(170px) rotate(-185deg);
}
#circle > *:nth-of-type(5) {
  transform: rotate(260deg) translate(160px) rotate(-260deg);
}
#circle > *:nth-of-type(6) {
  transform: rotate(305deg) translate(160px) rotate(-305deg);
}
#circle > *:nth-of-type(7) {
  transform: rotate(0deg) translate(0px) rotate(-0deg);
}

#recipe p{
  color:#000;
	position:relative;
	z-index:999999999;
	margin:5px 0px;
}
#recipe .text{
	position:relative;
}
#recipe .watermark{
	position: absolute;
	top:0;
	right:0;
	z-index:2;
	margin:20px;
}
#recipe .watermark img{
	max-width:60%;
}
.single-recipes header{
	position:absolute;
	right:0;
	top:0;
	z-index:99999;
}
#recipe .destacadadesk{
	min-width:100%;
}
#recipe .destacadamobile{
	display:none;
}
#recipe .back{
	margin:20px;
	width:6%;
	float:left;
}
.tax-bottles{
	background: url('../img/bg.jpg') no-repeat center top; 
  width: 100%;
  height: 100%;
	background-attachment: fixed;
}
.downloaddesk{
	margin-right:20px;
}
/*
===================
QUERYS 
===================
*/
@media only screen and (max-width: 480px){
	header #menu{
		margin:20px 0px;
		text-align: center;
	}
	header #menu li a img{
		width:80px;
		max-width:80px;
		margin:0 auto;
	}
	.bg{
		background-position: 40%;
		height: 100vh;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: fixed;
	}
	
	#home{
		text-align:center;
	}
  #home .caption{
    font-size: 16px;
	position:relative;
	margin-bottom:20px;
    max-width: 100%;
  }
	#home p{
		font-size: 16px;
	}
	.nomobile{
		display:none;
	}
	#riesling a{
		display:block;
	}
  #riesling .bottles li img{
    max-width: 60%;
  }
  #riesling .recetas h2{
    text-align: center;
    font-size: 18px; 
    margin:20px auto;
  }
  #riesling .recetas img{
    max-width: 80%;
    display: block;
    margin: 0 auto;
  }
  #riesling .bottle img{
    display: block;
    margin: 20px auto;
  }
  #recipe .title{
    font-size: 18px;
    text-align: center;
    float: none;
    max-width: 100%;
  }
	#recipe .titles .subtitle{
		font-size:14px;
		text-align: center;
	}
  #recipe .image{
    text-align: center;
  }
  #cousine .item a img{
    max-width: 80%;
  }
  #circle .item{
    left:0;
    right: 0;
  }
	#circle {
		width: 350px;
	}
	
	#circle > *:nth-of-type(1) {
		transform: rotate(355deg) translate(100px) rotate(-355deg); }
	#circle > *:nth-of-type(2) {
		transform: rotate(70deg) translate(180px) rotate(-70deg); }
	#circle > *:nth-of-type(3) {
		transform: rotate(110deg) translate(180px) rotate(-110deg); }
	#circle > *:nth-of-type(4) {
		transform: rotate(185deg) translate(100px) rotate(-185deg); }
	#circle > *:nth-of-type(5) {
		transform: rotate(270deg) translate(160px) rotate(-270deg); }
	#circle > *:nth-of-type(6) {
		transform: rotate(305deg) translate(160px) rotate(-305deg); }
	#circle > *:nth-of-type(7) {
		transform: rotate(0deg) translate(0px) rotate(-0deg); }
	
	#circle-cuisine {
		width: 350px;
	}
	
	#circle-cuisine > *:nth-of-type(1) {
		transform: rotate(355deg) translate(100px) rotate(-355deg); }
	#circle-cuisine > *:nth-of-type(2) {
		transform: rotate(70deg) translate(180px) rotate(-70deg); }
	#circle-cuisine > *:nth-of-type(3) {
		transform: rotate(110deg) translate(180px) rotate(-110deg); }
	#circle-cuisine > *:nth-of-type(4) {
		transform: rotate(185deg) translate(100px) rotate(-185deg); }
	#circle-cuisine > *:nth-of-type(5) {
		transform: rotate(270deg) translate(160px) rotate(-270deg); }
	#circle-cuisine > *:nth-of-type(6) {
		transform: rotate(305deg) translate(160px) rotate(-305deg); }
	#circle-cuisine > *:nth-of-type(7) {
		transform: rotate(0deg) translate(0px) rotate(-0deg); }
	
	.single-recipes header{
		position:relative;
	}
	#recipe .watermark{
		left:0;
		right:0;
		top:40%;
		max-width: 40%;
		margin:0 auto;
	}
	#recipe .mobileinfo{
		text-align:center;
	}
	#recipe .back{
		display:inline-block!important;
		float:left;
		margin:30px;
	}
	#recipe .downloaddesk{
		float:right;
		margin-right:20px;
	}
	#recipe .downloadoculto{
		display:inline-block!important;
		float:right;
		margin:20px;
	}
	#recipe .destacadadesk{
		display:none;
	}
	#recipe .destacadamobile{
		display:block!important;
	}
	#recipe .descripcion{
		position:relative;
		padding-top:40px!important;
	}
}