@charset "UTF-8";
/**responsive**/
@import url("style.css");
/* ==========================================================================
   Author: Esteban García Sánchez
   ========================================================================== */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 992px) {
  /*
  .menu-container {
    width: 100%;
  }

  .menu-container .menu {
    display: inline-block;
  }

  .menu-mobile {
    display: block;
    position: relative;
    float: right;
    padding: 0px 20px 0;
    color: #fff;
    top: 25px;
  }
  .menu img {
  max-width: 455px;
  width: 100px !important;
  top: 10px !important;
}
.menu-container {
  background: rgba(0,0,0,1);
}
  .menu-mobile:hover {
    color: #fff;
  }

  .menu-dropdown-icon:before {
    display: block;
  }

  .menu > ul {
    display: none;
    width: 100%;
  }

  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
  }

  .menu > ul > li a {
    padding: 0.5em;
    width: 100%;
    display: block;
  }

  .menu > ul > li > ul {
    position: relative;
    padding: 0 40px;
  }

  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }

  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }

  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }

  .menu > ul > li > ul > li > ul {
    position: relative;
  }

  .menu > ul > li > ul > li > ul > li {
    float: none;
  }

  .menu .show-on-mobile {
    display: block;
  }
  .menu a.logo {
    padding: 0em 1em;
    width: 100%;
    position: relative;
  }
  
  .menu img {
    width: 100%;
    position: absolute;
    max-width: 155px;
    left: 14vw;
  }
.menu > ul > li:before {
  display: none;
}
.menu > ul > li.ins,
.menu > ul > li.fac,
.menu > ul > li.com:before {
  display: none;
}
.red{
  display: block !important;
}
*/
/***/
}

/***querys**/
@media only screen and (min-width: 200px) and (max-width: 600px) {
.inicio .styled-checkbox:checked + label:after {
  left: 17px;
  top: 11px; 
}
/***menu***/
/*
.menu-banderas #menu-lenguajesbanderas {
  position: relative;
  right: 0px;
  width: 100%;
} 
.red .sociales li {
  width: 50% !important;
}
.menu a.logo {
  width: 160px;
}
.menu img {
  max-width: 455px;
  width: 100px;
  top: 10px;
}
.com {
  padding-right: 0px !important;
}
*/
/**home***/
.home {
  padding-left: 0px;
  padding-right: 0px;
}
.home .home-ork h2 {
    font-size: 15pt;
}
.home .home-ork p {
    font-size: 13pt;
}
.movil-slider {
  height: 350px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px;
    height: 10px;
}
.bx-wrapper .bx-pager, 
.bx-wrapper .bx-controls-auto {
    bottom: -25px;
}
.movil-slider{
  display: block !important;
}
.movl{
  display: none !important;
}
/*****nosotros*/

.nosotros .one{
  height: auto;
}
.nosotros .o {
  padding: 25px;
  position: relative;
  width: 100%;
  top: 0px;
}
.nosotros .o h2 {
  font-size: 22.5pt;
}
.item{
  height: 320px;
  position: relative;
  width: 100%;
}
.ban{
  padding-top: 250px;
}
.ban::before {
  top: 220px;
}
.valores ul {
  display: inline-block;
}
.valores ul li {
  width: 100%;
  padding: 25px;
}
.valores h2 {
  font-size: 30pt;
  margin-bottom: 30px;
}
.valores h2::before {
  left: 33%;
}
.mercado ul li {
  width: 100%;
}
.mercado ul {
  display: block;
}
.mercado ul li {
  padding: 30px 20px;
}
.mercado h2 {
  font-size: 24.89pt;
}
/***Marcas***/

.marcas ul {
  display: grid;
}
.marcas ul li:nth-child(1) {
  width: 100%;
}
.marcas ul li div.cnt {
  padding: 80px 40px 80px;
}
.marcas ul li div.cnt p {
  margin: 50px 15px;
}
.marcas ul li:nth-child(2) {
  width: 100%;
}
.marcas ul.impar li:nth-child(2){
  order: -1;
}
.marcas ul.impar li:nth-child(1),
.marcas ul.impar li:nth-child(2) {
  width: 100%;
}
/**contacto **/
.contacto h2 {
    font-size: 22pt;
}
.contacto .form {
    background: #913131;
    padding: 50px 10px;
}

/**politicas**/
.inicio .ingl .styled-checkbox:checked + label:after {
    left: 16px;
}
/*****el mio*****/
.tequila .texto .par {
    top: 0px;
    width: 100%;
    padding: 20px;
}
.tequila .sect2 p {
  max-width: initial;
  left: 0%;
  padding: 0 30px;
}
.orden{
  order: -1;
}
/**/
}
@media only screen and (min-width: 400px) and (max-width: 740px) {
.inicio .styled-checkbox:checked + label:after {
  left: 38px;
  top: 11px;
}
/**/
}

@media only screen and (min-width: 600px) and (max-width: 768px) {

  /**home**/

.movil-slider{
  display: block !important;
}
.movl{
  display: none !important;
}


/*********/
.inicio .styled-checkbox:checked + label:after {
  left: 13px;
}
/*****nosotros*/
.nosotros .one{
  height: auto;
}
.nosotros .o {
  padding: 25px;
  position: relative;
  width: 100%;
  top: 0px;
}
.nosotros .o h2 {
  font-size: 22.5pt;
}
.item{
  height: 320px;
  position: relative;
  width: 100%;
}
.ban{
  padding-top: 250px;
}
.ban::before {
  top: 220px;
}
/***menu***/
/*
.menu-banderas #menu-lenguajesbanderas {
  position: relative;
  right: 0px;
  width: 100%;
} 
.red .sociales li {
  width: 50% !important;
}
.menu a.logo {
  width: 160px;
}
.menu img {
  max-width: 455px;
  top: auto;
}
.com {
  padding-right: 0px !important;
}
*/
/*
.theme-2{
  display: none !important;
}*/
.item{
  height: 400px;
}
.valores ul {
  display: inline-block;
}
.valores ul li {
  width: 100%;
  padding: 25px;
}
.valores h2 {
  font-size: 30pt;
  margin-bottom: 30px;
}
/*
.valores h2::before {
  left: 33%;
}*/
.mercado ul li {
  width: 100%;
}
.mercado ul {
  display: block;
}
.mercado ul li {
  padding: 30px 20px;
}
.mercado h2 {
  font-size: 24.89pt;
}
/***Marcas***/

.marcas ul {
  display: grid;
}
.marcas ul li:nth-child(1) {
  width: 100%;
}
.marcas ul li div.cnt {
  padding: 80px 40px 80px;
}
.marcas ul li div.cnt p {
  margin: 50px 15px;
}
.marcas ul li:nth-child(2) {
  width: 100%;
}
.marcas ul.impar li:nth-child(2){
  order: -1;
}
.marcas ul.impar li:nth-child(1),
.marcas ul.impar li:nth-child(2) {
  width: 100%;
}
/*****el mio*****/
.tequila .texto .par {
    top: 0px;
    width: 100%;
    padding: 20px;
}
.tequila .sect2 p {
  max-width: initial;
  left: 0%;
  padding: 0 30px;
}
.orden{
  order: -1;
}
/**fin **/
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.inicio .styled-checkbox:checked + label:after {
  left: 12px;
}
/***menu***/
/*
.menu-banderas #menu-lenguajesbanderas {
  position: relative;
  right: 0px;
  width: 100%;
} */
.red .sociales li {
  width: 50% !important;
}
/*
.menu a.logo {
  width: 160px;
} 
.menu img {
  max-width: 455px;
  top: auto;
}
*/
.com {
  padding-right: 0px !important;
}
/*********home*************/
.movil-slider{
  display: block !important;
  height: 72vh;
}
.movl{
  display: none !important;
}
/*****nosotros****/

.nosotros .o {
  padding: 25px;
}
.nosotros .one{
  height: auto;
}
.nosotros .o {
  padding: 25px;
  position: relative;
  width: 100%;
  top: 0px;
}
.nosotros .o h2 {
  font-size: 22.5pt;
}
.item{
  height: 320px;
  position: relative;
  width: 100%;
}
.ban{
  padding-top: 250px;
}
.ban::before {
  top: 220px;
}
/*
.nosotros .o h2 {
  font-size: 22.5pt;
}*/
/*
.theme-2{
  display: none !important;
}*/
.item{
  height: 400px;
}
.valores ul {
  display: inline-block;
}
.valores ul li {
  width: 100%;
  padding: 25px;
}

.valores h2::before {
  left: 44%;
}
.mercado ul li {
  width: 100%;
}
.mercado ul {
  display: block;
}
.mercado ul li {
  padding: 30px 20px;
}

/***Marcas***/

.marcas ul {
  display: grid;
}
.marcas ul li:nth-child(1) {
  width: 100%;
}
.marcas ul li div.cnt {
  padding: 80px 40px 80px;
}
.marcas ul li div.cnt p {
  margin: 50px 15px;
}
.marcas ul li:nth-child(2) {
  width: 100%;
}
.marcas ul.impar li:nth-child(2){
  order: -1;
}
.marcas ul.impar li:nth-child(1),
.marcas ul.impar li:nth-child(2) {
  width: 100%;
}

/*****el mio*****/
.tequila .texto .par {
    top: 0px;
    width: 100%;
    padding: 20px;
}
.tequila .sect2 p {
  max-width: initial;
  left: 0%;
  padding: 0 30px;
}

/**fin **/
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  /*****nosotros****/
  .nosotros .o h2 {
    font-size: 25.5pt;
}
.nosotros .o {
    padding: 30px;
    top: 38px;
}
  /*
.theme-2{
  display: none !important;
}
*/
.item{
  height: 100%;
}
  .menu > ul > li a {
    font-size: 15px;
}

/**noostros**/
.laya .text {
  padding-top: 0px;
}
.mio .text {
    padding-top: 0px;
}
.mio .text h2 {
    font-size: 32.21pt;
}
/***marcas***/
.marcas ul li div.cnt {
    padding: 50px 35px 1px;
}
.marcas ul li div.cnt p {
    margin: 25px 0px;
}
/**fin **/
}

@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  .menu > ul > li a {
    font-size: 15px;
}
/**noostros**/
.laya .text {
  padding-top: 0px;
}
.mio .text {
    padding-top: 0px;
}
.mio .text h2 {
    font-size: 32.21pt;
}
/**fin **/
}
@media only screen and (min-width: 1100px) and (max-width: 1300px) {

/**noostros**/
.laya .text {
  padding-top: 0px;
}
.mio .text {
    padding-top: 0px;
}
.mio .text h2 {
    font-size: 32.21pt;
}
/**fin **/
}