@charset "utf-8";

body {
	background-color: #082831;
	color: white;
	font-family: "OpenSans";
}
a, a:hover, a:visited {
	color: white;
	text-decoration: none;
}
.deb {
	border: 1px dashed blue;
}

.botellita{margin:auto; position:relative; float:right; height:720px; margin-top:-20px}

header {
	background-image: url(../images/background_header.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	padding-top: 50px;
	padding-bottom: 0px;
}
/*imagenes de redes sociales*/
header div:nth-child(2) {
    text-align: right;
    margin-top: 10px;
 
}


header div:nth-child(4) {
	padding-top: 250px;
	/*padding-right: 30px;*/
	text-align: center;
}

header div:last-child {
	
}
header div:nth-child(4) img, header div:last-child img {
	vertical-align: bottom;
}









section#orgullo {
	margin-top: 0px;
	background-color: #D5A729;
	text-align: center;
	padding-left: 200px;
	padding-right: 200px;
	padding-bottom: 100px;
	padding-top: 60px;
	font-family: "OpenSans";
	font-size: 12pt;
	font-weight: bold;
}
section#orgullo h1 {
	font-family: "FreeHand";
	font-size: 85pt;
}







section#cont_botellas {
	background-color: #082831;
}
section#botellas {
	text-align: center;
	padding-top: 90px;
	padding-bottom: 120px;
}
section#botellas .principal {
	width: 85%;
}
section#botellas div h2 {
	font-family: 'Rokkitt', serif;
	font-size: 20pt;
	color: #55EFFC;
	margin-top: 35px;
}
section#botellas div p {
	font-family: "OpenSans";
	text-align: left;
	font-size: 10pt;
}
.img_bott {
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left:0px !important;
	padding-right:0px !important;
}
.img_bott img {
	width: 80%;
}





.contenedortoggle .col-sm-4{padding-left:0px !important; padding-right:0px !important}





section#pride_moments {
	padding: 0;
	background-color:black
}
section#pride_moments .der_pridemoments {
	background-image: url(../images/img_pridemoments_background.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	padding-bottom: 50px;
	padding-top: 20px;
	color: #56F2FE;
}
section#pride_moments .der_pridemoments h2 {
	font-family: 'Rokkitt', serif;
	font-size: 24pt;
}
section#pride_moments .der_pridemoments h2 strong{
	font-family: "FreeHand";
	font-size: 35pt;
}
#pridemoments_form {
	width: 85%;
	margin: 0 auto;
	margin-top: 30px;
}
section#pride_moments .der_pridemoments form input[type="text"],
section#pride_moments .der_pridemoments form input[type="number"] {
	border: 3px solid #56F2FE;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: transparent;
	border-radius: 15px;
	float: left;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-family: 'Rokkitt', serif;
	font-size: 12pt;
	width: 40%;
}
section#pride_moments .der_pridemoments form input[type="number"] {
	text-align: center;
}
section#pride_moments .der_pridemoments form textarea {
	width: 100%;
	height: 130px;
	background-color: transparent;
	border-radius: 30px;
	border: 3px solid #56F2FE;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 20px;
	font-family: 'Rokkitt', serif;
	font-size: 12pt;
}
section#pride_moments .der_pridemoments form input[type="submit"] {
	margin-top: 40px;
	color: black;
	padding: 12px 55px;
	border-radius: 30px;
	border: none;
	font-family: "OpenSans";
	font-weight: bold;
	background-color: #56F2FE;
}


section#pride_moments .izq_pridemoments {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
}
section#pride_moments .izq_pridemoments .contenedor {
	width: 70%;
	margin: 0 auto;
}
section#pride_moments .izq_pridemoments .contenedor h2 {
	font-family: "FreeHand";
	font-size: 35pt;
	color: #56F2FE;
}
#cont_comentarios {
	width: 100%;
	height: 270px;
	overflow: scroll;
	text-align: left;
	outline-style: hidden;
}
.comentario {
	width: 100%;
	font-family: 'Rokkitt', serif;
	font-size: 12pt;
}
.comentario .title_coment {
	color: #56F2FE;
}
.comentario .tipo_coment {
	color: #c8a539;
	font-weight: bold;
}
.comentario hr {
	width: 80%;
}






section#galeria {
	padding: 0px;
	padding-top: 90px;
	background-color:black
}
section#galeria div:first-child {
	text-align: center;
	font-family: "FreeHand";
	font-size: 60pt;
	color: #54F2FE;
	padding-top: 30px;
	padding-bottom: 17px;
}
/*section#galeria div img {
	margin: 0px 0px 0px -4px;
	width: 20.08%;
}*/





section#cont_cocktails {
	background-color: #082831;
}

section#cocktails {
	text-align: center;
	padding-top: 90px;
}

section#cocktails div {
	margin-bottom: 20px;
}
section#cocktails div:first-child {
	font-family: "FreeHand";
	font-size: 60pt;
	color: #54F2FE;
	padding-top: 30px;
}
section#cocktails div h2 {
	font-family: 'Rokkitt', serif;
	font-size: 20pt;
	color: #54F2FE;
	margin-bottom: 50px;
}
.separacion {
	margin-top: 125px;
}
.ingre {
	font-family: "OpenSans";
	font-size: 10pt;
	text-align: left;
	font-weight: 100;
	margin-top: 50px;
}
.tit {
	color: #D5A729;
	font-weight: bolder;
}








section#findus {
	text-align: center;
	font-weight: 800;
}
section#findus div:first-child div {
	width: 65%;
	margin: 0 auto;
	margin-bottom: 30px;
}
section#findus div:first-child div h2 {
	font-family: "FreeHand";
	font-size: 60pt;
	color: #54F2FE;
	padding-top: 30px;
	margin-bottom: 40px;
}
section#findus div:first-child div input[type="text"] {
	width: 250px;
	border: 2px solid gray;
	color: gray;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
}
section#findus div:first-child div label {
	color: #54F2FE;
	letter-spacing: 2px;
}
section#findus div:first-child div button {
	float: right;
	padding-left: 75px;
	padding-right: 75px;
	margin-top: 25px;
	background-color: #535353;
	color: white;
	border: none;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing: 1px;
}
#lista_find {
	padding-left: 0px;
}
#lista_find li {
	display: inline-block;
	padding-right: 15px;
	margin-bottom: 15px;
}







section#lista {
	padding-top: 40px;
	padding-bottom: 80px;
}
section#lista div.contenedor {
	width: 75%;
	height: 300px;
	border-bottom: 1px solid gray;
	overflow: scroll;
	margin: 0 auto;
}
.registro {
	min-height: 117px;
	/*height: 117px;*/
	width: 85%;
	min-width: 445px;
	margin: 0 auto;
	margin-top: 0px;
	border-bottom: 1px solid gray;
	padding-bottom: 0px;
	font-size: 10pt;
	font-weight: bold;
}
.registro div:first-child {
	text-align: center;
}
.registro div:first-child img {
	width: 26px;
	margin-top: 18px;
}
.registro div button {
	background-color: gray;
	padding-left: 75px;
	padding-right: 75px;
	margin-top: 85px;
	border: none;
	font-family: "OpenSans";
	font-weight: 100;
	font-size: 9pt;
	padding-top: 3px;
	padding-bottom: 2px;
}






footer{margin-top:80px}



footer#footer div.row {
	padding-top: 30px;
	padding-bottom: 60px;
	background-color: black;
}
/*primer columna*/
footer#footer div div:first-child {
	padding-top: 40px;
	text-align: right;
	font-size:10px;
}
footer#footer div div:first-child img {
	margin-left: 60px;
}

footer#footer div div:first-child a {
	font-family: "Montserrat-Light";
	margin-right:20px
}
footer#footer div div:first-child a:last-child {
	margin-right: 110px;
}


/*segunda columna*/
footer#footer div div:last-child {
	padding-top: 40px;
	padding-left: 80px;
}
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;
	font-size: 8pt;
}
footer#footer div div:last-child div a {
	margin-right: 5px;
	 font-size:10px;
	font-family: "Montserrat-Regular";
}

.rayita{border-right:1px solid white; height:500px}

#links {
	padding-top: 0px !important;
	padding-left: 0px !important;
}
#links a:nth-child(2) {
	margin-left: 58px;
}

scrollbar {
	/*  clear useragent default style*/
	   -moz-appearance: none !important;
	}
	/* buttons at two ends */
	scrollbarbutton {
	   -moz-appearance: none !important;
	}
	/* the sliding part*/
	thumb{
	   -moz-appearance: none !important;
	}
	scrollcorner {
	   -moz-appearance: none !important;
	   resize:both;
	}
	/* vertical or horizontal */
	scrollbar[orient="veartical"] {
	    color: transparent;
	}




	::-webkit-scrollbar{
	  width: 10px;
	  /*background: #dbe8ec;*/
	  background: transparent;
	}
	::-webkit-scrollbar-button{
	  width:8px;
	  height: 5px;
	}
	::-webkit-scrollbar-track{
	  background:#3c454e;
	  border: thin solid #1a1f25;
	  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	  -webkit-border-radius: 10px;
	  border-radius: 10px;
	}
	::-webkit-scrollbar-thumb{
	  background: -webkit-linear-gradient(top, #5aafb0, #4ca06d);
	  -webkit-box-shadow:   inset 0 1px 0 rgba(255,255,225,.5),
	                inset 1px 0 0 rgba(255,255,255,.4),
	                inset 0 1px 2px rgba(255,255,255,.3);
	 
	  border: thin solid #232c34;
	  border-radius: 10px;
	  -webkit-border-radius: 10px;
	}
	::-webkit-scrollbar-thumb:hover{
	    background: -webkit-linear-gradient(top, #4ca06d, #5aafb0);
	}
	
	::-webkit-scrollbar-thumb:window-inactive {
	  background: rgba(77,161,112,.6);
	}

.titulo_findus{    font-family: "FreeHand";
    font-size: 60pt;
    color: #54F2FE;
	text-align:center
}


	.customNavigation4 a{
  display  : inline-block;
  height   : 24px;
  color:#878787;
  top:200px;
  position:relative;
  cursor:pointer;
}


/* for Next Control */
.customNavigation4 a.next {
  float:right;
  margin-right:10%;
  color:#53F2FE;
  z-index:99999;
  position:relative
 
}
/* for Previous Control */
.customNavigation4 a.prev {
  float:left;
  margin-left:10%;
  color:#53F2FE;  z-index:99999;
  position:relative
  
}

#process .porque{color:#53F2FE; text-align:center; 
		font-family: "Montserrat-light"; text-transform:uppercase; font-weight:bolder; font-size:14px;  margin-left: -15%; }
	
	#process .porque2{color:white; font-size:13px; 
	font-family: "OpenSans";   width:90%; margin-top:20px}
.item3 img{left:32%; position:relative }
#process{padding:40px; background-color:black}

.importer{width:38%; margin:auto; position:relative}
	.importer p{color:white;font-family: "Montserrat-Light";  text-transform:uppercase; font-size:12px; letter-spacing:2px; line-height:30px }
	.importer a{color:white; font-family: "Montserrat-Light";  text-transform:uppercase; font-size:12px; letter-spacing:2px; line-height:30px }
	
	.alaska2{display:block; text-align:center; height:50px; padding-top: 9px;}
.alaska:hover  .alaska2{display:block; text-align:center}
.alaska2 a{color:white}

.alaska p{color:white;font-family: "Montserrat-Light";  font-size:15px; margin:0px !important; line-height:15px}
.back{padding:10px 0px 2px 5px; height:40px; margin-bottom:3px}
.back:hover{background-color:#898989; padding:10px 0px 0px 5px; height:40px; margin-bottom:3px}


.contenedortoggle{width:55%; position:relative; margin:auto; margin-bottom:70px; min-height:50px; text-transform:uppercase}

.h2{background-image:url(../images/img_up.png); background-repeat:no-repeat; background-position:80%; cursor: pointer;
top: 10px;
position: relative;}
.contenedortoggle h2{color:white;font-family: "Montserrat-Light"; font-size:24px; margin-bottom:30px; text-align:center }

.idiomas a{background-color:#53F2FE; color:black; border-radius:50%; margin-right:5px; padding:5px 7px; 	font-family: "FreeHand"; }
.idiomas{position:absolute; right:5%; top:25px; z-index:9999999}
.buynow{padding:6px 15px; background-color:white; border-radius:2px; color:black; position:fixed; right:4.5%; top:100px; z-index:99999; border:1px solid #53F2FE; 	font-family: "OpenSans";   }
.buynow:hover, .buynow:focus{color:black; text-decoration:none}
.modal{	font-family: "OpenSans"; color:black;}
.modal-contet{min-height:250px; height:auto}
.modal a{color:#CFA432}
.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:#53F2FE; color:white; border:white; padding:15px; }
.dorado td{border:1px solid white; padding:4px 10px}
.tabla td{border:1px solid white; padding:4px 10px}
.redes2 {
    position: absolute;
    right: 5.5%;
    top: 60px;
    z-index: 9999999;
}

.colors{display:none}
.colorshow{display:block; margin-top:30px}

#btnwhere{
	text-align:center;
	padding:70px 0px 0px 0px !important;
	margin-bottom:-50px;
	
}
#btnwhere a{
background-color: #D5A729;

padding: 10px 30px;
font-size: 16px;
font-family: "OpenSans";
color: white;
text-decoration:none !important;
}