/* *{border:1px solid red;} */



/*fuentes*/
@font-face {
  font-family: Desdemon;
  src: url("../fonts/code.otf");
}

@font-face {
  font-family: AGaramond-Pro;
  src: url("../fonts/AGaramondPro/AGaramondPro-Regular.otf");
}

.titles{
	font-family: 'Desdemon' !important;
	letter-spacing: .2em;
	
}

.stexts{
	font-family: 'AGaramond-Pro' !important;
	font-variant: small-caps;
}

.gold-text{
	color: #b4a060;
}

.gray-text{
	color: #535353;
}

#count-text{
	color: white;
}

.justicentrado{

	text-align: justify;
	text-align-last:center; 
}

.justileft{

	text-align: justify;
	text-align-last:left; 
}

.justiright{

	text-align: justify;
	text-align-last:right; 
}

.centered{
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}



/*///////////////////////////////////////////////////////////Cover*/
#banner {
	background-image: url(../images/banner-bg.jpg);
	background-size: 100% 100%;
	padding-top: 40px;
	padding-bottom: 250px;
/*	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 10% center;
*/

}

#slogan{
	margin-top: 120px;
	padding-bottom: 20px;
}




/*////////////////////////////////////////////////////////Contador*/
#countdown-section{
	background-color: #000;
	height: auto;
    padding-bottom: 60px;
}

#countdown-title{
	font-size: 23px;
	letter-spacing: .2rem;
	margin-top: 75px;
}

.countdown-days, .countdown-hours, .countdown-minutes, .countdown-seconds, .countdown-title  {
	color: #f7e9bb;
	text-align: center;
	vertical-align: middle;
	font-size: 85px;
	padding-bottom: 15px;

}

#countdown-section h3 {
	text-align: center;
	line-height:0px;
	margin: 0;
	font-size: 14px;
	padding-bottom: 25px;
}

.boton1 {
	margin-left: auto;
	margin-right: auto;
	color: #FFF;
	background-color: #000;
	border: 1px solid;
	border-color: #b4a060;
	width: 160px;
	height: 38px;
	letter-spacing: 4px;
	border-radius: 0;
	margin-top: 30px;
	margin-bottom: 40px;
}

.boton1:hover {
	background-color: #444;
}







/*////////////////////////////////////////////////////////////////////seccion about*/
#about{
	padding-top: 60px;
	overflow: hidden;
	background-color: #f7f7f7;
}

#logo1{
	padding-top:40px;
	align-self: right;
	height: 180px;
    width: 180px;
}

#logo1, #about1, #about2, #about5, #about6{

	padding-right: 30px;
}

.titulos-mobile{
			display: none;
		}

#about1{

	padding-top: 190px;
	text-align: right;
	font-size: 40px;
	line-height: 1.2em;
	letter-spacing: .3em;
}

#about2{
	text-align: right;
	font-size: 23px;
	line-height: 1.8em;
}

#about5{
	padding-top: 100px;
	align: right;
}

.row1-about{
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.row2-about{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 80px;

}

#about6{
	padding-top: 420px;
	text-align: justify;
/*	width: 700px; */
	padding-left: 70px;
	font-size:20px;
}

#about3, #about4, #about7, #about8{

	padding-left: 30px;
}

#about4{
	padding-top: 30px;
	text-align: justify;
	padding-right: 70px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	font-size:20px;
}

#about7, #about8{
	text-align: left;
}
#about5{
	margin-top: 0px;
	padding-top: 30px;
}
#about7{
	padding-top: 110px;
	font-size: 40px;
}

#about8{
	font-size: 20px;
}

.img-content{
	padding-top: 25px;
	padding-left: 65px;
}



/*/////////////////////////////////////////////////////////////////////////Parallax*/
.back-attached {
	background-image: url("../images/parallax-scrolling-.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 700px;
	background-color: black;
}


/*////////////////////////////////////////////////////////////////////////Botella*/
.single-gold-line{
	width: 200px;
	color: #b4a060;
	border: 1px solid;
	margin-top: 0px;
	padding-top: 0px;
}

.double-gold-line{
	width: 200px;
	color: #b4a060;
	border-top: 4px double;
	margin: auto;
        margin-top: 5%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.botella-attached{
	background-image: url("../images/botella-caracteristicas.jpg");
	background-position: 8% center ;
	background-repeat: no-repeat;
	background-size: 40%;
	background-attachment: fixed;
	width: 100%;
}

#botellaEnorme{
	
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#fila-extra2-botella{
	display: none;
}

#texto1-botella{
	margin-top: 25px;
	padding-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 25px;
	width: 1000px;
	font-size: 20px;
}

#fila1-botella{
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 15px;
}

#fila2-botella{
	margin-top: 0px;
	padding-top: 50px;
}

#taste-text{
	margin:0 auto;
	width: 400px;
}

#fila2-col2{
	margin-top: 25px;
}

#fila6-col2{
	margin-bottom: 70px;
}

.t-botella{
	font-size: 20px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px
	padding-bottom: 0px;
}

.d-botella{
	font-size: 18px;
	line-height: 1em;
	height: 42px;
	vertical-align: middle;

}

.iconos-centrados{
	display: block;
margin-left: auto;
margin-right: auto;
	padding-top: 35px;
	padding-bottom: 8px;
}

#icn-01{
	align-self: center;
}


/*//////////////////////////////////////////////////////////////////////////caja*/
#caja-p, #contenedor-caja{
	overflow: hidden;
}

.caja-col1{
	background-color:#b4a060;
	width: 50%;
	float: left;
}

#caja-col2{
background-image: url("../images/caja-personalizada.png");
background-size:cover;
background-position: center;
width: 50%;
float: left;
}

.sellos{
	margin-top: 4px;
	padding-top: 10px;
	padding-right: 5%;
	width: 100%;
}

#sellos{
			float:right;
	margin-bottom: 42px;

}

#img-caja{
}

#titulo-caja{
	margin-top: 60px;
	color: white;
	text-align: right;
	font-size: 2.2em;
	letter-spacing: .8rem;

}

.d-caja{
	font-size: 22px;
}


/*/////////////////////////////////////////////////////////////Experiencia*/
#seccion-experiencia{
	overflow: hidden;
}

.exp-title1, .exp-title2, .exp-title3, .exp-title4{
	text-transform: uppercase;
}
.exp-title1{
	margin-top: 70px;
	font-size: 18px;
	letter-spacing: .5rem;
	line-height: 1.1em;
}
.exp-title2{
	font-size: 34px;
	letter-spacing: .5rem;
	line-height: 1.3em;
}
.exp-title3{
	font-size: 30px;
	line-height: 1.3em;
	letter-spacing: .4em;
}
.exp-title4{
	margin-top: 0;

	font-size: 38px;
	letter-spacing: .8rem;
	line-height: 1.1em;
}
.forma{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	margin-bottom: 35px; 
	margin-top: 25px;
}

.d-experiencia{
	font-size: 18px;
}

.div-exp{


}

.exp-left{
	vertical-align: middle;
	text-align: left;
}

.exp-right{
	text-align: right;

	vertical-align: middle;
	display: block;  
}

.img-left{

}

.img-right{
	display: block;
	margin-left: auto;
	margin-right: auto;

}

#ultima-thule{
	margin-bottom: 45px;
}

/*////////////////////////////////////////////////////////////////galería*/


#div-gal1, #div-gal2, #div-gal3, #div-gal4, #div-gal5, #div-gal6, #div-gal7, #div-gal8{
	margin: 0;
	padding: 0;
}


.img-galeria-div{

	width: 100%;

}

/*.img-galeria-div:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
*/

/*//////////////////////////////////////////////////////efectos galeria*/
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
width: 100%;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/*//////////////////////////////////////////////////////////formulario*/

.form-text-mob, .form-desc-mob{
			display: none !important;
		}

.form-text, .form-desc{
			display: block;
		}

.form-title{
	font-size: 33px;
	padding-bottom: 0;
	margin-bottom: 0;
	letter-spacing: .65rem;
}

.form-desc{
	font-size: 18px;
	line-height: 1.6em;

}

.form-col-1{
	margin-top: auto;
	margin-bottom: auto;
}

.form-control1{
	font-family: 'AGaramondPro-Regular';
	/*box-shadow: 0 0 0 rgba(0,0,0,0.03) inset;*/
	margin: 0 auto;
	color: #bbbbbb;
	display: block;
	width: 100%;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1.3px solid #dddddd;

}

#form-container{

	margin-top: 40px;
	margin-bottom: 40px;
	
}

#comentarios{
	height: 80px;

}
.boton2 {
	margin-left: 15px;
	padding-left: 20px;
	margin-right: auto;
	color: #fff;
	background-color: #b4a060;
	border: 1px solid;
	border-color: #b4a060;
	width: 170px;
	height: 38px;
	letter-spacing: 4px;
	border-radius: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}

.boton2:hover {
	background-color: #d4c080;
}


/*/////////////////////////////////////////////////////////////footer*/

#fila-footer{

}

.footxt-mob{
			display: none !important;
		}

#col1-footer{
	background-color: #005366;
	text-align: center;
	font-size: 12px;
	color: #fff;
	margin: 0;
	/*gris: #434343
	  gris2: 313131*/
}
#col1-footer p, #col2-footer p{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 45px;
}

.div-footer{
	margin-top: 50px;
}

#logo-csm{
	
	width: 210px;

}

#col2-footer{
	background-color: #434343;
text-align: center;

	font-size: 12px;

} 
#col2-footer a{
	text-align: center;
        bottom: 25px;
color: #fff;
}
 
#col2-footer a:visited{
color: #ccc;
}

#logo-footer{
	width: 150px;
}

#col3-footer{
	background-color: #313131;
	color: #fff;
	font-size: 13px;
}

#col3-footer a{
	color: #fff;
}
#col3-footer a:visited{
color: #ccc;
}

p.last-links{
	display: inline-block;
	font-size: 11px;
}

#privacy{
	margin-left: 20px;
}
.iconos-sociales{
	margin-top: 0;
	padding-top: 0;
}

.iconos-sociales a{
	color: #fff;
	font-size:20px;
}


/*////////////////////////////////////////////////////////////////////////////Thank you*/
#thank-you-section{
	background-color: #fff;
	font-size: 50px;
}

.tnx{
	padding-top: 150px;
	margin-bottom: 150px;
}

.logo.tnx{

}






/*///////////////////////////////////////////////////////////////////////////////////RESPONSIVO*/
@media only screen and (max-width: 768px) {

		#contenedor-about, #botella-enorme, #contenedor-caja, #contenedor-experiencia, .taste, #contenedor-galeria{
			overflow: hidden;
		}

	/*banner y countdown*/
			img {display:block;margin:0 auto;}
		#banner{
			background-size: cover;
            background-position: center;
			padding-top: 40px;
			padding-bottom: 250px;
			height: 600px;

		}
		#slogan{
			margin-top: 80px;
			padding-bottom: 20px;
		}

		#slogan img {width:80%;}

		#countdown-section{
			display: inline-block;
			width: 100%;
			padding-left:4%;
			padding-right:4%;
		}
		#countdown-section .div-col{
			
			font-size:15px;
			width: 25%;
			padding-right: 1%;
			padding-left: 1%;
		}

		#countdown-section p{
			font-size:35px;
			text-align: center;

		}

		#countdown-section h2{
			font-size:25px;
			text-align: center;
		}
		.col-contador-mobile{
			display: none;
		}
        #countdown-title{
            margin-top: 55px;
        }



	/*about*/
		#about-col1{
			margin-left: auto;
			margin-right: auto;
		}

		.test{
			margin-left: auto;
			margin-right: auto;
			float: none;
		}

		.titulos-desktop{
			display: none;
		}

		.titulos-mobile{
			display: block;
		}

		#logo1, #about1, #about2, #about5, #about6{

			padding-right: 0px;
			padding-left: 0px;
		}

		#logo1{
			margin-left: auto;
			margin-right: auto;
			padding-top: 5px;
			padding-bottom: 5px;
			margin-top: 5px;
			margin-bottom: 5px;
			float: none !important;



		}

		#about3, #about4, #about7, #about8{

			padding-left: 0px;
			padding-right: 0px;
		}

		#about9{
			padding-bottom: 25px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 0;
			padding-right: 0;
		}

		#about1{
			margin-top: 0px;
			padding-top: 15px;
			font-size: 32px;
		}

		#about1{
			text-align:  left !important;
			margin-right: 0;
		}

		#about2{
			text-align: justify;
			margin-right: 0;
			font-size: 20px;
		}
		#about7 {
    font-size:35px;
    letter-spacing: .1em !important;
		padding-top: 10px;
			margin-bottom: 25px;	line-height: 1.2em;
}
		#about6{
		padding-top: 10px;
			margin-bottom: 25px;
			line-height: 1.5;
			
		}

		#about-col1 img{
			
			margin-left: auto;
			margin-right: auto;
		}



	/*botella*/
		#texto1-botella{
			width: 100%;
			font-size: 18px;
		}
		
		.img-responsive{
			width: 100%;
		}

		.botella-attached{
			background-image: none;

		}

		#fila-extra2-botella{
			display: block;
			height: auto;
		}

		.big-bottle-mobile{
			width: 300px;
		}


		.taste .gray-text {
    		 height: auto;
    		width: auto !important;
		}

		.columnas-mobile{
			width: 50%;
		}

		.alineados2{
			padding-top: 14px;
		}
		.t-botella {
			font-size: 16px !important;
			height:50px;
		}
		.tb2{height:auto !important;}
		.h100 {height:70px !important;}
		

		/*caja*/

		#contenedor-caja .caja-col1, #contenedor-caja #caja-col2 {
			display: block;
			width: 100%;
			height: auto;
			font-size: 11px;
		}

		#titulo-caja, .d-caja{
			text-align: left !important;
			padding-left: 2%;
		}

		#sellos{
			display: none;
			visibility: visible;
		}

		.columnas-caja{
			width: 100%;
		}

		#contenedor-caja #caja-col1 {

		    display: block;
		    width: 100%;
		    font-size: 8px;

		}

		#caja-col2, #caja-col1 {

    
		    background-size: contain;
		    width: 100%;
		    height: 190px !important;
		    background-repeat: no-repeat;

		}

		/*Experiencia*/

		.exp-title2{
			text-align: center;
			font-size:28px;
		}

		.exp-title4{
			font-size: 24px;
		}

		.line-mobile{
			width: auto;
		}

		#seccion-experiencia p{
			
			text-align-last: center !important;
		}

		.form-text, .form-desc{
			display: none;
		}

		.form-text-mob, .form-desc-mob{
			display: block;
			padding-left: 5%;
		}
		#col3-footer{
			text-align: center;
		}

		
		.footxt-des {
   			text-align: center;
    		text-align-last: center;
		}
		body {overflow-x:hidden;}
		.back-attached {
    		background-attachment: scroll !Important;
		}
		.exp-title1 {
    letter-spacing: .1rem;
	}
	.exp-title4 {
    letter-spacing: .6rem;
}

}