body {
	margin: 0;
	padding: 0;
	color: #808080;
	background-color: #191d44;
}
a, a:hover, a:visited {
	color: white;
	text-decoration: none;
}
.deb {
	border: 1px solid blue;
}
.container-fluid{
    padding-right: 0px;
    padding-left: 0px;
    margin: 0px;
}
.row{
    margin-left: 0px;
    margin-right: 0px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0px;
    padding-right: 0px;
}
.logomovil{
    display: none;
}



/*
* =================================================
*						HEADER
* =================================================*/
/* COLLAPSE NAV */
.colapse-menu{
    margin-top: 30px;
}
#buttomCollapse{
    visibility: hidden;
    margin-top: 50px;
    cursor: pointer;
    color: #ddd;
    font-size: 40px;
}
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 30px;
    
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 30px;
  color: #ddd;
  display: block;
  transition: 0.3s;
}
form{
  color: #000;;
}
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
/* END COLLAPSE NAV */

.dn{width:100%; display:none; top: -10px;
position: relative; margin-bottom:50px
}
#logo_pv{
    float: right;
    margin-right: 20px;
}

#header {
    /*width: 100%;
    background-color: rgba(0,0,0,.6);*/
    height: 90px;
    position: relative;
	z-index:9999;
}
header#header div > nav {
	padding-top: 10px;
	padding-left: 0;
	margin-left: 0;
	position:relative;
	z-index:9
}
header#header div > nav ul li {
	font-size: 10pt;
	display: inline-block;
	padding: 24px 15px;
	margin-right: -4px;
	margin-bottom: 0px;
	cursor: pointer;
}
header#header div > nav ul li a {
    color: #FDDE6A;
    font-family: "Garamond-Bold";
    font-size: 14px;
}
header#header div > nav ul li a:hover  {
	color: white;
}
header#header div > nav ul li:first-child a {
	color: #fff;
	
}
header#header div > nav ul li:last-child a {
	padding-right:20px
	
}

header#header .titulos {
	padding-left: 10%;
	padding-top: 140px;

}
header#header .titulos h1{
	font-family: "Cera";
	font-size: 15pt;
	color: #ffce31;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
	letter-spacing:2px
}
header#header .titulos h2{
	font-family: "Sweeat-Pea";
	font-size: 55pt;
	font-weight: bolder;
}
.borroso{width:100%; position:relative; z-index:9999;  margin-top:-250px}

section#story {
	padding-bottom: 90px;
	text-align: center;
	font-weight: bold;
	margin-top: 0px;
}

/*
*		ESTO ES GENERAL
*/
section div > .head {
	font-family: "Cera";
	text-align: center;
	color: #c8159d;
	margin-bottom: 30px;
}
section div > .head hr {
	width: 40%;
	height: 1px;
	background-color: #808080;
}
/*FIN GENERAL*/
section#story div > .body {
	padding-left: 150px;
	padding-right: 150px;
	font-family: "Garamond-Regular";
	font-size: 12pt;
	
	text-align:justify
}

#process{
    padding-top: 40px;
    padding-bottom: 60px;
    background-color: #6dbfb7;
}





#peque1 {
	width: 30px;
    
}

.boton_seemore {
	background-color: #462157;
	border: none;
	padding:10px 20px;
	text-align:center;
	color: white;
	margin-right: 0px;
	margin-top: 8px;
	font-size:12px;
	margin-left: 25%;
}

section#lista-imagenes {
	padding-top: 0px;
	padding-bottom: 0px;
    background-color: #6dbfb7;
}

.round-corner{
    border-radius: 50px;
}


/******* GALERIA IMÁGENES *********/
.gal_img{
    background-size: cover;
    height: 350px;
    background-position: center;
}
.img-galeria-01{
    background-image: url(../images-us/home/img_galeria1.png);
}
.img-galeria-02{
    background-image: url(../images-us/home/img_galeria2.png);
}
.img-galeria-03{
    background-image: url(../images-us/home/img_galeria3.png);
}
.img-galeria-04{
    background-image: url(../images-us/home/img_galeria4.png);
}
.img-galeria-05{
    background-image: url(../images-us/home/img_galeria5.png);
}
.img-galeria-06{
    background-image: url(../images-us/home/img_galeria6.png);
}
/******* END GALERIA IMÁGENES *********/

/******* PRODUCTOS *********/
.btnseemore{
    width: 100px;
    height: 35px;
    color: white;
    padding: 12px 12px;
    text-align: center;
    font-family: "Garamond-Bold";
    font-size:12px;
    border-radius: 5px;
	background-color: #462157;
	border: none;
    margin-right: 13px;
	margin-top: 25px;
    
}
.btnseemore:hover, .btnseemore:focus{
    color: white;
    background-color: #c8159d;
	text-decoration:none
}

section#products {
	background-image: url(../images-us/home/pleca_agaves_2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-repeat: repeat-x;
	overflow-x:hidden;
    padding-bottom: 50px;
}
section#products .check {
	text-align:center;
    margin-bottom: 20px;
	font-size: 26pt;
	color: #fff;
	/*font-weight: bold;*/
	font-family: "Sweeat-Pea";
    position: relative;
}

.titulo_producto {
	font-family: "Cera"; 
	font-size:30pt;
	color: #462157;
	line-height:35px;
	margin-top:135px;
}

.titulo_cele{font-family:"Cera"; text-align:center; color:#E23242}

.info_producto {
	color:#fff;
	font-size:15px;
	text-align:justify;
	font-family: "Montserrat-Light"; 
	line-height:30px; 
	margin-top:40px
}
section#products div div img {
	float: left;
	margin-left: 10px;
	cursor: pointer;
}
section#products div div {
	padding-right: 5%;
}

section#contacto {
	padding: 0;
	background-color: #462157;
}
section#contacto div:last-child {
	/*padding-top: 60px;*/
	padding-bottom: 0px;
	text-align: center;
}
section#contacto div:last-child h1 {
	font-family: "Sweeat-Pea";
	font-size: 33pt;
	color: #FADD6A;
}
section#contacto div:last-child p {
font-family: "Montserrat-light"; 
	color: #FADD6A;
	font-size: 11pt;
	width: 70%;
	margin: 0 auto;
	text-align: justify;
	margin-top:42px;
	font-weight:bold
}
section#contacto div:last-child form {
	width: 70%;
	margin: 0 auto;
	margin-top: 70px;
	text-align: left;
}
section#contacto div:last-child form input {
	width: 49%;
	padding: 6px 8px;
	
	margin-bottom: 7px;
	background: transparent;
	border: 1px solid white;
	font-family: "Montserrat-Regular"; 
	color: white;
	font-size:13px;

}
::-webkit-input-placeholder { color:#fff; opacity:1 }
::-moz-placeholder { color:#fff; opacity:1 } /* firefox 19+ */
:-ms-input-placeholder { color:#fff; opacity:1 } /* ie */
input:-moz-placeholder { color:#fff; opacity:1 }

input.form2::-webkit-input-placeholder { color:#8B8B8B; opacity:1 }
input.form2::-moz-placeholder { color:#8B8B8B; opacity:1 } /* firefox 19+ */
input.form2:-ms-input-placeholder { color:#8B8B8B; opacity:1 } /* ie */
input.form2:-moz-placeholder { color:#8B8B8B; opacity:1 }

input.autocomplete::-webkit-input-placeholder { color:#8B8B8B; opacity:1 }
input.autocomplete::-moz-placeholder { color:#8B8B8B; opacity:1 } /* firefox 19+ */
input.autocomplete:-ms-input-placeholder { color:#8B8B8B; opacity:1 } /* ie */
input.autocomplete:-moz-placeholder { color:#8B8B8B; opacity:1 }



section#contacto div:last-child form input:first-child {
	width: 99%;
}

.fontawesome {
	width:43% !important
}

.formfa{color:black; background-color:white; padding:5px 7px 6px 7px; font-size:20px; top:2px; position:relative}
.formfa2{color:black; background-color:white; padding:5px 4px 6px 4px; font-size:20px; top:2px; position:relative}
section#contacto div:last-child form input:last-child {
	background-color: #D6AB28;
	border-color: #D6AB28;
	padding: 5px;
}
section#contacto div:first-child {
	padding: 0;
}


section#video{background-color:#012A56;}


section#video div div:first-child {
	background-color: #ec394d;
	padding: 0;
	padding-top:51px;
	color: white;
}
section#video div div:first-child h1, section#video div div:first-child p {
	width: 67%;
	margin: 0 auto;
}
section#video div div:first-child h1 {
	font-family: "Sweeat-Pea";
	font-size: 33pt;
	margin-bottom: 8px;
	
}
section#video div div:first-child p {
	font-family: "Montserrat-Light";
	font-size: 12pt;
	margin-top: 40px;
	font-weight:bold
}
section#video div div:first-child a {
	
	color: white;
	margin-left:14%
}

.findout{border: none;
	background-color: #012A56;
	width: 100%;
	margin-top: 133px;
	padding:10px !important;
	font-family: "Montserrat-Regular"; 
	font-size: 12pt;
	text-align: left;
	color: white;}
section#video div div:last-child {/*Video*/
	padding: 0;
}

section#cocktails {
	/*padding-top: 100px;
	padding-bottom: 100px;*/
	font-family: "Montserrat-Light";
	font-size: 12pt;
	font-weight:100
}


.titulo_cocktail{
	font-family: "Sweeat-Pea";
	font-size: 20px;
	color: #aaa; margin-bottom:20px !important}

section#cocktails div div:last-child > header hgroup p {
	text-align: left;
	font-family: "Sweeat-Pea";
	font-size: 35pt;
	color: #aaa;
	
}
section#cocktails hr {
	width: 65%;
	height: 1px;
	background-color: #BBB;
	margin-top: 10px;
	margin-bottom:50px
}

.cocktail1{width:250px; position:relative}

.clients-navigation2 {
    position: relative;
    height: 20px;
    margin-top: -50px;
    text-align: center;
    width: 150px;
    margin: auto;
}

/************* INSTAGRAM **************/
section#instagram_facebook {
	padding-top: 30px;
	padding-bottom: 30px;
    background-color: #6dbfb7;
}
#instagram p{
    font-size: 25px;
    font-family: "Cera";
    color: #462356;
    padding-left: 15px;
    padding-top: 11px;
    float: left;
}

/*********** END INSTAGRAM ************/



/************* FOOTER **************/
.separador{
    background-image: url(../images-us/home/footer-back.jpg);
    background-repeat: repeat-x;
    height: 50px;
}
.separador-product{
    background-image: url(../images-us/home/footer-back-product.jpg);
    background-repeat: repeat-x;
    height: 50px;
}
.separador-process{
    background-image: url(../images-us/home/footer-back-process.jpg);
    background-repeat: repeat-x;
    height: 50px;
}
.separador-coctails{
    background-image: url(../images-us/home/footer-back-process.jpg);
    background-repeat: repeat-x;
    height: 50px;
}
#footer {
    background-color: #462356;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 0px;
    position: relative;
    padding-top: 0px;
    padding-bottom: 20px;
}
footer#footer div div:first-child {
	padding-top: 20px;
	text-align: right;
}
#logo-footer{
    padding-right: 0px;
	width: 200px;
}

#footer a{
    font-family: "Cera";
    margin-right: 0px;
    font-size: 13px;
    position: relative;
}
footer#footer div div:last-child {
	padding-top: 40px;
	padding-left: 35px;
	padding-right: 60px;
}
footer#footer div div:last-child p:nth-child(1) {
	font-family: "Montserrat-Regular";
	font-size: 12pt;
	color: #FFD433;
	margin-bottom: 0;
}
footer#footer div div:last-child p:nth-child(2) {
	font-family: "Montserrat-Regular";
	font-size: 9pt;
	color: white;
	margin-top: 0;
}
footer#footer div div:last-child form input {
	border: none;
	border-radius: 3px;
	color: #222;
	font-weight: bolder;
}
footer#footer div div:last-child form input:first-child {
	padding-left: 8px;
	padding-top: 5px;
	margin-bottom: 7px;
	width: 50%;
}
footer#footer div div:last-child form input:last-child {
	background-color: #E84C3D;
	padding: 3px 35px;
	color: white;
	margin-bottom: 45px;
}
footer#footer div div:last-child div a {
	margin-right: 20px;
	opacity:.6; font-size:13px;
	font-family: "Montserrat-Light";
}

#links {
	padding-top: 40px !important;
	padding-left: 0px !important;
}
#header div{padding-left:0px !important; padding-right:0px !important}


.form2{font-size:10px}
.botellas_ipad{max-width:494px; width:100%; position:relative; top:55px; left:20px; }
.idiomas a{color:white; font-family: "Montserrat-Bold";  }
.idiomas a:hover{text-shadow:none; box-shadow:none}
.idiomas{position:relative; right:0; top:33px; }
.buynow {
    float: right;
    padding: 10px 15px;
    background-color: #2DB996;
    border-radius: 4px;
    color: white;
    position: relative;
    top: 17px;
    z-index: 9998;
    border: none;
    font-family: "Garamond-Bold";
}
.shadow-6 {
  box-shadow: 0 1px 1px rgba(0,0,0,0.25), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 8px 8px rgba(0,0,0,0.11), 
              0 16px 16px rgba(0,0,0,0.11), 
              0 32px 32px rgba(0,0,0,0.11);
}
.buynow:hover, .buynow:focus {
	color: black;
    background-color: #09f9bd;
	text-decoration:none
}

.es{
    background-color: #EF374F;
    padding: 10px 20px; margin-right:5px
}
.en{
    background-color: #FDDE6A;
    padding: 10px 20px;
}
.modal{	font-family: "Cera" ; color:black;}
.modal-contet{min-height:250px; height:auto}
.modal a{color:#9E8C56}
.modal h2{margin:0px 0px 30px}

#dynamic_select{   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none; 
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #FFF url("../images/selector.png") no-repeat scroll right center;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16) !important; border:none; outline:none; margin-bottom:30px
}
.dorado{background-color:#F6C442; color:white; border:white; padding:15px; }
.dorado td{border:1px solid white; padding:4px 10px}
.tabla td{border:1px solid white; padding:4px 10px}

.colors{display:none}
.colorshow{display:block;}
*{outline: none !important}

.row1 {width:11%; position:relative; float:left; }
.row1 img {width:100%; margin-bottom:10px}
.row2 {width:19%; position:relative; float:left;}
.row2 img {
    width: 47%;
    margin-bottom: 11px;
    float: left;
    margin-left: 3%;
}
.row3 {width:11%; position:relative; float:left; margin-left:.5% }
.row3 img {width:100%; margin-bottom:5px}

.fancybox-overlay a:hover{opacity:1 !important}
#galerias {
    padding: 3% 10%;
}

#banner{background-image:url(../images/img_banner_bg.jpg); height:650px;   position: relative;
    top: -90px;
    z-index: -1; overflow-x:hidden; width:100%
}

.resized_banner {
    margin-top: 9px;
}

#banner img:nth-child(1) {
    width: 350px;
    margin-top: 15%;
    margin-left: 8%;
}

#banner img:nth-child(3) {
    width: 250px;
    margin-top: 30%;
    position: absolute;
    margin-left: 30%;
}
.botellas_banner {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -179px;
}

	#btnwhere{
		text-align:center;
	}
	#btnwhere a{
	background-color: #EF374F;
padding: 10px 30px;
color: white !important;
font-family: "Montserrat-Bold";
font-size: 18px;
text-decoration: none;
top: -20px;
position: relative;
}
@media (min-width: 768px)
{
.modal-dialog {

        width: 600px;
        margin: 10% auto;

}
}
#premios{
    padding: 50px 80px !important;
	text-align:center
}
#premios h3{font-family: "Cera";
text-align: center;
color: #E23242;
margin-bottom: 10px;}
#premios .customNavigation_3 {
    width: 105%;
    margin-left: -2.5% !important;
    top: 100px;
    
}
#premios .customNavigation_3 .fa{
	color: #9ddae8;
font-size: 40px;
}

.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f3565d;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

#premios .tab-content img{
	width:auto;
	margin:auto;
}
.wine img{
	    width: 85% !important;
    margin-top: 15px !important;
}
#premios .tabbable-panel{
	width:100% ;
	margin-left:0% ;
	border:none !important;
}
#premios .tabbable-line > .nav-tabs > li.active {
    border-bottom: 2px solid #D4AB26 !important;
}
#premios .tabbable-line > .nav-tabs > li{
	
	    list-style: none !important;
    width: 30% !important;
    margin-left: 2%;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover{
	border-bottom:2px  solid #aaaaaa !important;
}
#premios .nav-tabs li.active{
	    padding: 10px;
			border:2px solid #D4AB26;
    text-align: center;
}
#premios .nav-tabs li.active strong, #premios .nav-tabs li.active a{
	color:#D4AB26 !important;
	    text-decoration: none !important;
}
#premios .nav-tabs li{
	    padding: 10px;
    text-align: center;
	border:2px solid #F7F8F8;
	color:#aaaaaa !important;
	    margin-bottom: 50px;
	
}
#premios .nav-tabs li strong, #premios .nav-tabs li a{
	color:#aaaaaa !important;
}
#premios .nav-tabs {
	    width: 90%  ;
    margin-left: 5%;
	margin-top:5px !important;
}
#premios .tabbable-line > .tab-content{
	border:0px !important;
}
.noleft{
	float:none !important;
}