/*ini bootstrap*/


:root {
  --animate-delay: 0.3s!important;
}


.form-control {}
/*.form-control:focus { border-color: #f62131;box-shadow:none;}*/

.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;}
.row-eq-height > [class*='col-'] {display: flex;flex-direction: column;}


/*end bootstrap*/

#cookie-policy-overlay {background-color:rgba(0,0,0,0.9);z-index:9999;top:3000px;left:0;right:0;width:100%;height:100%;cursor:pointer; box-sizing: content-box;position:absolute;}
#cookie-policy {width:100%;position:fixed;bottom:0;background-color:#FFDE00;text-align:center;color:#000;z-index:20;display:none;}
#cookie-policy .cp-content {width:985px;text-align:left;margin:20px auto 20px auto;}
#cookie-policy .cp-content .cp-close {float:right;margin-top:15px;cursor:pointer;background-color:#000;padding:5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:13px;color:#ffffff;}
#cookie-policy .cp-content .cp-close:hover {background-color:#000000;}
#cookie-policy .cp-content h6 {font-weight:bold;font-size:16px;margin-bottom:5px;}
#cookie-policy .cp-content p {line-height:18px;font-size:13px;max-width:860px;color:#000;}
#cookie-policy .cp-content p a {color:#000;font-weight:bold;text-decoration:underline;}
#cookie-policy .cp-content p a:hover {text-decoration:none;}

@media (max-width: 1024px) {
    #cookie-policy .cp-content {width:100%;padding:0 10px;}
}

.ui-autocomplete {z-index:99999999;}
.ui-autocomplete li {font-size:14px;}

* {background-repeat:no-repeat;}

ul {padding-left:0;}
ul li {list-style: none;}

a, 
button span,
a:hover .arrow,
a:hover strong,
a:hover em,
.owl-prev,
.owl-next,
button,
.button .name,
.hef {-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} 
button .spin {-moz-transition:none; -webkit-transition:none;	-o-transition:none; -ms-transition:none; transition:none;}
.button .border {-moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out;	-o-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; transition:all 0.1s ease-out;} 

.nomaxwidth {max-width:inherit !important;}


html {
position: relative;
min-height: 100%;
}
html,
body {
  
/*height: 100%;*/
/*overflow-x: hidden;*/
}

body {-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;}
body {font-family: "Poppins",Helvetica,Arial,sans-serif;color:#000; font-weight: 500}

body {
 background-color:#ffffff;
 background-position: center top;
 background-size: 100% auto;
}


strong {
  font-weight: 900;
}




body,
p,
li {font-size:18px;color:#000;  letter-spacing: 0px;}
a {color:#000; }
a:hover,
a:focus{text-decoration:none !important;color:#000; }

.opacity0 {opacity: 0;}
.opacity1 {opacity: 1;}


#logo_wrapper {
padding:10px; 
}

@media (max-width:480px) {
  #logo_wrapper {
    
  }
}


.navbar-collapse {background:transparent;}



.nav-link {padding:0 30px !important;color:#C1027B !important;text-transform: uppercase;font-size:21px;}
.nav-link:hover {color:#009DE0 !important;}

.navbar-light .navbar-toggler {border-color:#C1027B !important;}
.navbar-light .navbar-toggler-icon {background-image:none;font-size:24px;color:#C1027B;line-height:35px;}
.navbar-light .navbar-toggler-icon:before {content:'\f0c9';font-family: 'FontAwesome';}
.navbar-collapse {z-index:10;}
.navbar .navbar-brand {display: none;}

.btn {border-radius: 0px;background-color:#1e99a6;color:#fff;padding:6px 40px 5px 40px;text-transform: uppercase;font-size:20px;letter-spacing: 0; cursor: pointer;font-weight: 700;}
.btn:hover {background-color:#e03366;color:#fff;}
.navbar-brand{text-align: center; display: block; margin:0 auto; max-width: 250px}


#header_wrapper {left:0;width:100%;z-index:100; max-width: 1920px;margin:0 auto; }
#content {padding-top:0px; /*max-width: 600px;*/ width:100%; margin:0 auto; padding: 50px 0px; overflow: hidden}

@media (max-width:768px) {
	#content{padding:20px 0px}
}

#header_wrapper .logo_inner{margin: 0 auto; text-align: center}
.Oswald,
#cookie-policy * {font-family: 'Poppins', sans-serif;font-weight:600;letter-spacing: 0;}


#footer {text-align: center;padding:20px 0px; position: relative; background:#57372B}
#footer .legal {font-size:13px;line-height:20px;letter-spacing: 0;color:#fff; font-family: 'Poppins', sans-serif; padding: 10px; margin:0 auto; }
#footer .legal a {text-decoration: underline;;color:#fff; }

#footer .link_legales {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-right: 20px;
}


body {}
#footer { margin: 0 auto; width: 100%;}
body.home {overflow-x: hidden;}
#footer {
	/*background: linear-gradient(89deg, #043055, #723147);
    background-size: 400% 400%;

    -webkit-animation: animacion_fondo 10s ease infinite;
    -moz-animation: animacion_fondo 10s ease infinite;
    animation: animacion_fondo 10s ease infinite;*/
	background-color:#2D005C;
 
}
.home #footer .legal {}


@-webkit-keyframes animacion_fondo {
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}
@-moz-keyframes animacion_fondo {
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}
@keyframes animacion_fondo { 
    0%{background-position:0% 2%}
    50%{background-position:100% 99%}
    100%{background-position:0% 2%}
}


#cms {padding:40px 0; padding-top: 150px;}
#cms h1 {font-size:28px;color:#ffffff}
#cms h2 {font-size:18px;color:#ffffff}
#cms p,
#cms li,
#cms td,
#cms th {font-family: 'Poppins', sans-serif;font-size:14px; color:#ffffff}
#cms a, #cms a:hover, #cms a:focus{color:#ffffff}



html, body {
  margin: 0;
  height: 100%;
  background-color:#5c009c;
  color:#ffffff
}

.troika{font-family: 'veneer', sans-serif; text-transform: uppercase;}


.content{max-width: 1400px; width:100%; margin: 0 auto;}
#header_wrapper{position: fixed; left:50%; transform: translateX(-50%);}
.header_menu .logo{width: 248px;}

#header_wrapper .social .item{padding:15px; background-color: #FEF203; font-size: 40px; color:#4F0198; border-radius: 60px; display: inline-block; width: 70px; margin: 0px 10px; cursor: pointer; text-align: center;}
#header_wrapper .social .item:hover{background-color:#4F0198; color:#ffffff}

#header_wrapper .menu_icon{color:#4F0098; background-color:#FEF203; border-radius: 60px; display: inline-flex; align-items:center; flex-wrap:wrap; cursor: pointer;padding:15px; font-size: 40px; text-align: center; width: 70px; height: 70px; justify-content: flex-end;}
#header_wrapper .menu_icon .line{width:50px; height: 8px; border-radius: 30px; background-color:#4F0198; margin-bottom:2px;transition: all 0.2s ease-in-out;}
#header_wrapper .menu_icon.cerrar:hover{background-color:#4F0098; color:#FEF203;}
#header_wrapper .menu_icon .line:nth-of-type(2){width: 22px;}
#header_wrapper .menu_icon .line:last-child{margin-bottom: 0px;}
#header_wrapper .menu_icon:hover .line{width: 22px;}
#header_wrapper .menu_icon:hover .line:nth-of-type(2){width: 50px;}


.menu_popup{height:100vh; width:100vw; position:fixed; top:0px; z-index: 9999;  background-image:url(../img/bg_menu_desktop.jpg); background-repeat: no-repeat; background-size: cover; padding: 0px 10px; display: none;}
.menu_popup #header_wrapper .menu_icon{justify-content: center;}
.menu_popup .menu_desktop{padding-top: 6rem;}
.menu_popup .img_menu{margin-left: 130px;display: grid; padding-top: 10rem;}
.menu_popup .img_menu > .img {
  grid-area: 1 / 1;
  width: 75%;
  object-fit: cover;

}

.menu_popup .img_menu > .img:nth-child(1) { animation-delay: -2s; } /* -1 * 6s / 3 */
.menu_popup .img_menu > .img:nth-child(2) { animation-delay: -4s; } /* -2 * 6s / 3 */


.menu_popup .img_menu > .img {
  animation: slide 6s infinite;
}
.menu_popup .img_menu > .img:last-child {
  animation-name: slide-last;
}

.menu_popup .img_menu .img img{  -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3);  -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3);  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.3);}
.menu_popup .img_menu .img:nth-child(1) img{transform: rotate(-2deg); }
.menu_popup .img_menu .img:nth-child(2) img{transform: rotate(1deg); }
.menu_popup .img_menu .img:nth-child(3) img{transform: rotate(-4deg); }


/*
@keyframes slide {
  0%     { transform: translateX(0%);   z-index: 2; }
  16.66% { transform: translateX(120%); z-index: 2; }
  16.67% { transform: translateX(120%); z-index: 1; } 
  33.34% { transform: translateX(0%);   z-index: 1; }
  66.33% { transform: translateX(0%);   z-index: 1; }
  66.34% { transform: translateX(0%);   z-index: 2; } 
  100%   { transform: translateX(0%);   z-index: 2; }  
}


@keyframes slide-last {
  0%     { transform: translateX(0%);   z-index: 2;}
  16.66% { transform: translateX(120%); z-index: 2; }
  16.67% { transform: translateX(120%); z-index: 1; } 
  33.34% { transform: translateX(0%);   z-index: 1; }
  83.33% { transform: translateX(0%);   z-index: 1; }
  83.34% { transform: translateX(0%);   z-index: 2; } 
  100%   { transform: translateX(0%);   z-index: 2; }
}
*/

.menu_popup .menu_desktop .titulo{font-size: 50px; line-height: 1.1em; color:#FEF203; padding-bottom: 30px;}
.menu_popup .menu_desktop .titulo:first-child{padding-bottom: 10px;}
.menu_popup .menu_desktop .titulo:last-child{padding-bottom: 0px;}
.menu_popup .menu_desktop .titulo a{color:inherit; text-decoration: none;}
.menu_popup .menu_desktop .prod_grid {max-width: 470px;display: flex;  flex-wrap: wrap;  justify-content: space-around; padding-top:20px; padding-bottom: 20px; margin:0 auto;transition: all 0.2s ease-in-out;}
.menu_popup .menu_desktop .prod_grid .item{max-width: 120px; padding-bottom: 20px; cursor: pointer;transition: all 0.2s ease-in-out;text-decoration: none; }
.menu_popup .menu_desktop .prod_grid .item:hover{transform: scale(1.2) rotate(2deg);}
.menu_popup .menu_desktop .prod_grid .item .nombre_prod{text-decoration: none; color:#ffffff; text-transform: uppercase;font-size:16px; line-height: 18px; font-weight: 700;}



.menu_popup .social {padding-top: 10px;}
.menu_popup .social .item{padding:15px; background-color: #FEF203; font-size: 40px; color:#4F0198; border-radius: 60px; display: inline-block; width: 70px; margin-right:10px; cursor: pointer; text-align: center;}
.menu_popup .social .item:hover{background-color:#4F0198; color:#ffffff}


@media (max-height:885px) {

  .menu_popup .menu_desktop .titulo{font-size:35px; padding-bottom: 20px;}
  .menu_popup .menu_desktop .prod_grid{max-width: 400px; padding-bottom: 0px;}
  .menu_popup .menu_desktop .prod_grid .item{max-width:110px; padding-bottom:20px}
  .menu_popup .menu_desktop .prod_grid .item .nombre_prod{font-size: 14px;}
}


@media (max-height:750px) {

  .menu_popup .menu_desktop .titulo{font-size:30px; padding-bottom: 10px;}
  .menu_popup .menu_desktop .prod_grid{max-width: 350px;}
  .menu_popup .menu_desktop .prod_grid .item{max-width:90px;}
  .menu_popup .menu_desktop .prod_grid .item .nombre_prod{font-size: 12px;}
}

@media (max-width:375px) {
  .menu_popup{padding: 0px 20px;}
}

#container.panel1{width: 100%;
  height: 100%; 
  top: 0;
  left: 0;
  overflow: hidden;}

.panel1 .panel {
  position: absolute;
  width:100%;
  height:100vh;
 
}

.panel1 #video_home .slider_home:after{
  content: "";
  background-image:url(../img/footer_video_home.png);
  width:100%;
  height:10vh; position: absolute; bottom:0px;
  background-position: top center;
  background-size: cover;
  z-index: 9;
  left:0px
}

.slider_home.owl-theme .owl-nav.disabled + .owl-dots{
  bottom: 15px;
  position: absolute;
  z-index: 99;
  margin-top:0px;
  left:50%;
  transform:translateX(-50%);
}
.slider_home.owl-theme .owl-dots .owl-dot span{
  background:#2D005C;
  width:20px;
  height:20px;
  border:4px solid #FFDE00
}

.slider_home.owl-theme .owl-dots .owl-dot.active span{
  background:#FFDE00;
}

.slider_home.owl-theme .img_carousel{height: 100vh; object-fit: cover; width: 100%;}

.slider_home.owl-theme .titulo{text-transform: uppercase; font-size: 90px; color:#FEF203; line-height: 90px; transform: translateX(-50%); left:50%; text-align: center; bottom:100px; width:100%}


.panel1 #video_home .audio_bt{position: absolute;  top: 45%;  right: 2%;  max-width: 75px;z-index:99; cursor:pointer;-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.panel1 #video_home .audio_bt:hover{transform: rotate(10deg) scale(1.5);}


#panel2{ background-image:url(../img/llamas_bg.webp); background-position: center bottom; background-size: 100% auto; background-color: #2D005C;}
#panel2 .titulo{text-transform: uppercase; font-size: 40px; color:#FEF203; line-height: 45px;}
#panel2 .packs_mobile{display: none;}

.packs {
	width:fit-content;
	display:flex;
	flex-wrap:nowrap;
  transform: translateX(150%);
  margin-left: -50vw;
  padding-top: 70px;
}

.packs .pack{width: 350px; cursor: pointer; }
.packs .pack img{transition: all 0.5s ease-in-out; max-width: 300px;}
/*.packs .pack:hover img{transform:rotate(20deg) scale(1.2)}*/


.wrapper.mascara_video,
.mascara_video .content2 {
  position: relative;
  width: 100%;
  z-index: 1;
}

.mascara_video .content2 {
  overflow: hidden;
  height: 100vh;
}

.mascara_video .content2 .section {
  width: 100%;
  height: 100vh;
}

.mascara_video .image-container {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  perspective: 500px;
  overflow: hidden;
}

.mascara_video .image-container .image_mascara {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: scale(200)
}

.mascara_video .titulo{text-transform: uppercase; font-size: 40px; color:#FEF203; line-height: 45px; transform: translateY(100%); text-align: center;}

.mascara_video .image-container .taki_mascara{max-width: 216px; z-index: 9; position: absolute; top:2%; left: -5%;}
.mascara_video .image-container .chilli_mascara{max-width: 170px; z-index: 9; position: absolute; top:40%; left: 14%;}
.mascara_video .image-container .taki_mascara2{max-width: 300px; z-index: 9; position: absolute; bottom:2%; left:2%}
.mascara_video .image-container .taki_mascara3{max-width: 290px; z-index: 9; position: absolute; top:0%; right:-5%}
.mascara_video .image-container .chilli_mascara2{max-width: 106px; z-index: 9; position: absolute; top:50%; right:20%}
.mascara_video .image-container .lima_mascara{max-width: 262px; z-index: 9; position: absolute; bottom:0%; right: 5%;}


.rrss{background-color: #FEF203; color:#000000; position:absolute; z-index:999; width: 100%; filter: blur(10px);  min-height:90vh; z-index:99}

.rrss:before{
  content: "";
  background-image:url(../img/top_rrss.png);
  width:100%;
  height:10vh; position: absolute; top:0px;
  background-position: top center;
  background-size: cover;
  z-index: 9;
  margin-top:-10vh;
  left:0px
}

.rrss .titulo{text-transform: uppercase; font-size: 40px; color:#2D005C; line-height: 45px; z-index:99; position: relative}

.rrss .rrss_titulo{max-width: 400px;}
.rrss .redes {display: flex; justify-content: center; max-width: 450px; margin: 0 auto;}
.rrss .redes .item{max-width: 120px; }
.rrss .redes .item_ig{transform: translate(-170%);}
.rrss .redes .item_tiktok{transform: translate(170%);}

.rrss .redes .item:hover{transform: scale(1.2)!important;}

.rrss .instagram-feed {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.rrss .instagram-feed img {
  width: 200px;
  height: auto;
  border-radius: 10px;
}





@media (max-height:900px) {
  .packs .pack img{max-width: 200px;}

}


@media (max-width:991px) {
  .packs{padding-top: 0px;}
  .mascara_video .image-container .taki_mascara{max-width: 176px;}
  .mascara_video .image-container .chilli_mascara{max-width: 130px;}
  .mascara_video .image-container .taki_mascara2{max-width: 230px;}
  .mascara_video .image-container .taki_mascara3{max-width: 190px;}
  .mascara_video .image-container .chilli_mascara2{max-width: 66px;}
  .mascara_video .image-container .lima_mascara{max-width: 142px;}
  .rrss_img{display: none;}
  #header_wrapper .social .item{width: 60px; font-size: 30px;}

  .slider_home.owl-theme .titulo{font-size:70px; line-height: 70px;}
  .panel1 #video_home .audio_bt{right: 2%; max-width: 45px;}
}

@media (max-width:768px) {
  .menu_popup .social{display: block!important; text-align: center;}
  .menu_popup .social .item{width:55px; font-size: 25px;}
  .menu_popup .menu_desktop .prod_grid{margin: 0 auto; max-width: 100%;justify-content: space-evenly;}
  .menu_popup .menu_desktop .titulo{font-size: 35px;}
  .menu_popup .menu_desktop{padding-top:70px;}
  .menu_popup .img_menu{display: none;}
  .menu_popup .menu_desktop .prod_grid .item{max-width: 95px;}
  .menu_popup .menu_desktop .prod_grid .item .nombre_prod{font-size: 12px;}

  .social{display: none;}
  #header_wrapper .menu_icon{width:50px; height: 50px;}
  #header_wrapper .menu_icon.cerrar{padding: 5px;}
  #header_wrapper .menu_icon .line{height: 4px; width:20px}
  #header_wrapper .menu_icon .line:nth-of-type(2){width:12px}
  #header_wrapper .menu_icon:hover .line{width: 12px;}
  #header_wrapper .menu_icon:hover .line:nth-of-type(2){width: 20px;}
  #panel2 .titulo{font-size: 30px; line-height: 35px;}
  .mascara_video .titulo{font-size: 30px;}
  .mascara_video .image-container .chilli_mascara, .mascara_video .image-container .taki_mascara, .mascara_video .image-container .taki_mascara3{display: none;}
  .mascara_video .image-container .chilli_mascara2{top:11%; right: 80%;}
  .mascara_video .image-container .lima_mascara{right:65%}
  .mascara_video .image-container .taki_mascara2{bottom:12%; left:72%}
  .rrss .redes{overflow: hidden;}
  .rrss .titulo{font-size:30px;}
  .rrss .rrss_titulo{max-width: 270px;}
  .rrss .redes .item{max-width: 100px;}
  #footer .link_legales{display: block;}


  #footer .legal .social {display: block; padding-top: 10px; padding-bottom: 20px;}
  #footer .legal .social .item{padding:12px; background-color: #FEF203; font-size: 20px; color:#4F0198; border-radius: 60px; display: inline-block; width: 45px; margin-right:10px; cursor: pointer; text-align: center;}
  #footer .legal .social .item:hover{background-color:#4F0198; color:#ffffff}
  
}

@media (max-width:600px) {
  .mascara_video .titulo{padding-bottom: 90px!important; max-width: 200px; margin: 0 auto; line-height: 35px;}
  .rrss .redes{max-width: 300px;}
  .rrss{min-height: 70vh;}
  #panel2 .packs{display: none;}
  #panel2{ background-image:url(../img/llamas_bg_mobile.webp);}
  #panel2 .packs_mobile{display: block;}
  #panel2 .packs_mobile .slick-prev{left:0px}
  #panel2 .packs_mobile .slick-next{right:0px}
  #panel2 .packs_mobile .slick-prev, #panel2 .packs_mobile .slick-next{height:100px; width:40px; background-color: #FEF203;}

  #panel2 .packs_mobile .slick-prev::before, #panel2 .packs_mobile .slick-next::before{font-family: 'FontAwesome'; color:#4F0198; opacity: 1;font-size: 40px;}
  #panel2 .packs_mobile .slick-prev::before{content:'\f104'}
  #panel2 .packs_mobile .slick-next::before{content:'\f105'}

  #panel2 .packs_mobile .pack_mobile{max-width: 270px;}

  .slider_home.owl-theme .titulo{font-size: 50px; line-height: 50px; bottom:40px; padding: 0px 20px}
}


/*PRODUCTOS*/

body.producto_content #container.panel1{display:flex; justify-content: center; align-items: center; padding-top: 12vh; position: relative}

body.producto_content #container.panel1:after{
  content: "";
  background-image:url(../img/footer_video_home.png);
  width:100%;
  height:10vh; position: absolute; bottom:-20px;
  background-position: top center;
  background-size: cover;
  z-index: 9;
  left:0px
}
body.producto_content #container.panel1 .row{width: 100%;}
body.producto_content .bg{width: 100%; height: 100vh; position: absolute; overflow: visible;top:0px; transform: scale(3) translateX(23%) translateY(17%) rotate(20deg); }
body.producto_content .bg img{ position: absolute; transform: translateY(-50%); top:50%; left:0px; width: 50vw; height: auto;}

body.producto_content  .info_bt{position: absolute; right:20%; bottom:80px; max-width: 45px;z-index: 99;cursor: pointer;}
body.producto_content  .spot_bt{position: absolute; right:2%; top:75%; max-width: 75px; z-index: 99;cursor: pointer;-moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
body.producto_content  .close_bt{position: absolute; right:-20px; top:-20px; max-width: 75px;z-index: 99;cursor: pointer;}



body.producto_content  .spot_bt:hover{transform: rotate(-20deg) scale(1.5);}

body.producto_content .prod{z-index: 1; width:100%; height:100%; position: absolute; margin: 0 auto; top:0px; transform: scale(2) rotate(-24deg) translate(25%);}
body.producto_content .prod img{ position: absolute; transform: translate(-50%,-50%); top:55%; left:25%; max-width: 400px; height: auto;}

body.producto_content .remolino{z-index: 2; width:100%; height:100%; position: absolute; margin: 0 auto; top:0px; transform: scale(1.5) rotate(-24deg) translate(25%);filter: blur(20px);}
body.producto_content .remolino img{ position: absolute; transform: translate(-50%,-50%); top:55%; left:25%; max-width: 600px; height: auto;}




body.producto_content .picantometro{z-index: 1; width:100%; height:100%; position: absolute; margin: 0 auto; top:0px; transform: rotate(-10deg) translate(25%);}
body.producto_content .picantometro img{ position: absolute; transform: translate(-50%,-50%); top:55%; left:25%; max-width: 120px; height: auto;}

body.producto_content .prod_content{position: relative; z-index: 2;}
body.producto_content .prod_content .title{ text-align: left; color:#FEF203; font-size: 45px; line-height: 1.5em; padding-bottom: 10px; transform: translateX(200%); filter: blur(20px);}
body.producto_content .prod_content .descripcion{font-size:19px; line-height: 1.5em; text-align: left; max-width: 500px; transform: translateX(200%);filter: blur(20px); font-weight: 400; }



body.producto_content .info_nutricional{width: 100%;background-color:#31005E; padding-top: 100px; position: relative;padding-bottom: 250px; display: none;}

body.producto_content .info_nutricional .content{position: relative; padding: 0px 20px;}
body.producto_content .info_nutricional .title, body.producto_content .info_nutricional .bimbo_product_ingredientes_title, body.producto_content .info_nutricional .bimbo_product_alergenos_title{ text-align: left; color:#FEF203; font-size: 30px; line-height: 1.5em; padding-bottom: 10px;font-family: 'veneer', sans-serif; text-transform: uppercase;}

body.producto_content .info_nutricional .bimbo_product_ingredientes, body.producto_content .info_nutricional .bimbo_product_alergenos{font-size: 14px; line-height: 1.5em; padding-bottom: 30px;}
body.producto_content .info_nutricional .bimbo_product_info_nutricional, body.producto_content .info_nutricional .bimbo_product_info_nutricional_title{display: none}

body.producto_content .info_nutricional .info_nutricional_content {max-width:500px;  }
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_ir{text-align: right; font-size: 12px; padding: 0px 10px}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_ir_legend{font-size: 11px}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table{font-size: 12px; width:100%}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table table{width:100%; border-bottom: 1px solid #ffffff;}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table .table td, body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table .table thead th{padding: 5px; text-align: center; border-bottom: 1px solid;color:#ffffff}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table .table thead th{padding-top: 10px; padding-bottom: 10px;}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table .table thead th:nth-of-type(1){text-align: left;}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table .table td{border-bottom:0px}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table td{text-align: center}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table .td_main{ text-align: left!important}
body.producto_content .info_nutricional .info_nutricional_content .bimbo_product_info_nutricional_table .td_indent{padding-left: 20px!important; text-align: left!important}


body.blue-heat{background-color: #004B95;}
body.blue-heat .extra{z-index: 1; max-width:200px; position:absolute; margin: 0 auto; top:0px; right:-20%; transform: translateY(50%);filter: blur(5px);}
body.blue-heat .info_nutricional{background-image:url(../img/productos/blue-heat/info-nutricional_bg.jpg); background-repeat: repeat-x; background-position: bottom right;  background-size: 2000px;}

body.fuego{background-color: #4F0098;}
body.fuego .extra{z-index: 1; max-width:370px; position:absolute; margin: 0 auto; top:0px; right:-20%; transform: translateY(30%);filter: blur(5px);}
body.fuego .bg img{width: 60vw; left: -4vw;}
body.fuego .info_nutricional{background-image:url(../img/productos/fuego/info-nutricional_bg.jpg); background-repeat: repeat-x; background-position: bottom right;  background-size: 2000px;}


body.sweet-chili{background-color: #1D1D1D;}
body.sweet-chili .extra{z-index: 1; max-width:370px; position:absolute; margin: 0 auto; bottom:-100vh; right:2%; transform: translateY(30%);filter: blur(5px);}
body.sweet-chili .info_nutricional{background-image:url(../img/productos/sweet-chili/info-nutricional_bg.jpg); background-repeat: repeat-x; background-position: bottom right;  background-size: 2000px;}
body.sweet-chili .bg img{top:55%}

body.teriyaki{background-color: #FEF203;}
body.teriyaki .extra{z-index: 1; max-width:370px; position:absolute; margin: 0 auto; top:0px; right:-20%; transform: translateY(30%);filter: blur(5px);}
body.teriyaki .info_nutricional{background-image:url(../img/productos/teriyaki/info-nutricional_bg.jpg); background-repeat: repeat-x; background-position: bottom right;  background-size: 2000px;}
body.teriyaki.producto_content .prod_content .title{color:#4F0198}
body.teriyaki.producto_content .prod_content .descripcion{color:#000000}


body.volcano{background-color: #BF2A00;}
body.volcano .extra{z-index: 1; max-width:370px; position:absolute; margin: 0 auto; top:0px; right:-20%; transform: translateY(50%);filter: blur(5px);}
body.volcano .info_nutricional{background-image:url(../img/productos/volcano/info-nutricional_bg.jpg); background-repeat: repeat-x; background-position: bottom left;  background-size: 1640px;}


body.intense{background-color: #FF9D00;}
body.intense .extra{z-index: 1; max-width:220px; position:absolute; margin: 0 auto; bottom:20%; right:-20%; transform: translateY(50%);filter: blur(5px);}
body.intense .info_nutricional{background-image:url(../img/productos/volcano/info-nutricional_bg.jpg); background-repeat: repeat-x; background-position: bottom left;  background-size: 1640px;}
body.intense.producto_content .prod_content .title{color:#4F0098}
body.intense.producto_content .prod_content .descripcion{color:#000000}


@media (max-height:650px) {
  body.fuego .extra{max-width: 250px;}
  body.intense .extra{bottom:15%; max-width: 150px;}
  body.volcano .extra{max-width: 190px;}
  body.teriyaki .extra{max-width: 240px;}
  body.blue-heat .extra{max-width:140px}
}


body.producto_content .otros_productos{position: relative;width: 100%; padding-bottom: 100px; background-color: #FEF203;}

body.producto_content .otros_productos:before{
  content: "";
  background-image:url(../img/header_otros_productos.png);
  width:100%;
  height:10vh; position: absolute; top:-9vh;
  background-position: top center;
  background-size: cover;
  z-index: 9;
  left:0px
}

body.producto_content .otros_productos .title{text-align: center; color:#4F0198; font-size: 45px; line-height: 1.5em; padding-top: 20px; position: relative; z-index: 9;}
body.producto_content .otros_productos .productos{padding-top:40px}
body.producto_content .otros_productos .productos .item {padding: 10px; text-decoration: none;}
body.producto_content .otros_productos .productos .item img{border-radius: 20px;transition: all 0.2s ease-in-out;}
body.producto_content .otros_productos .productos .item:hover img{border-radius: 40px;}
body.producto_content .otros_productos .productos .item .title{font-size: 25px; line-height: 1em;}


@media (max-width:1300px) {
  body.producto_content .prod_content .title{font-size: 35px;}
  body.producto_content .prod_content .descripcion{font-size: 16px;}
  body.producto_content .prod img{max-width: 330px;}
  body.producto_content .picantometro img{max-width: 90px;}
  body.producto_content .remolino img{max-width: 530px;}


}


@media (max-width:991px) {
  .header_menu .logo{width: 170px;}
  body.producto_content{height: auto;}
  body.producto_content #container.panel1{height: auto; padding-bottom: 70px; padding-top: 0px; display: block;}
  body.producto_content #container.panel1::after{bottom:-40px}
  body.producto_content .bg img{width: 100vw; max-width: 400px; transform: translate(-50%,-50%); left:50%;}
  body.producto_content .bg{transform: scale(3) translateX(0%) translateY(0%) rotate(20deg); }
  body.producto_content .prod{transform: scale(2) rotate(-24deg) translateX(30%) translateY(10%);}
  body.producto_content .prod img{max-width: 250px; transform: translate(-50%,-100%); top:55%}

  body.producto_content .remolino{transform: scale(2) rotate(-24deg) translateX(30%) translateY(10%);}
  body.producto_content .remolino img{max-width: 450px; transform: translate(-50%,-100%); top:55%}

  
  body.producto_content .picantometro img{max-width: 70px; left:30%; top:40%}
  body.producto_content .info_bt{right:4px; max-width: 48px; bottom:60px; left:20px }
  body.producto_content .close_bt{max-width: 48px; right:0px; top:-40px}
  body.producto_content .extra{display: none;}
  body.producto_content #container.panel1 .prod_img{min-height: 80vh;}
  body.producto_content .prod_content{padding: 0px 40px; padding-top: 50px; }
  body.producto_content .prod_content .title{line-height: 1.2em; font-size: 28px;color:#ffffff}
  body.producto_content .prod_content .descripcion{font-size: 14px; padding-bottom: 50px;}

  body.producto_content .info_nutricional{padding-top: 30px; padding-bottom: 180px;}
  body.producto_content .info_nutricional .bimbo_product_ingredientes{padding-top: 20px;}
  body.producto_content .info_nutricional .info_bt{display: none;}
  body.producto_content .info_nutricional .title, body.producto_content .info_nutricional .bimbo_product_ingredientes_title, body.producto_content .info_nutricional .bimbo_product_alergenos_title{font-size:20px; line-height: 1.2em;}
  body.producto_content .info_nutricional .bimbo_product_ingredientes, body.producto_content .info_nutricional .bimbo_product_alergenos{font-size:12px}
  
  body.producto_content .otros_productos{padding-bottom: 40px;}
  body.producto_content .otros_productos .title{font-size: 27px; padding: 0px 20px; line-height: 1.2em;}
  body.producto_content .otros_productos .productos{padding-top: 20px;}
  body.producto_content .otros_productos .productos .item .title{font-size: 20px; padding: 0px; padding-top: 10px;}
  body.producto_content .otros_productos::before{top:-7vh}
  body.blue-heat .info_nutricional{background-size: 1300px;}
  body.fuego .info_nutricional{background-size: 1300px;}
  body.fuego.producto_content .bg{height: 80vh;}
  body.sweet-chili .info_nutricional{background-size: 1300px;}
  body.sweet-chili.producto_content .bg{height:66vh}
  body.teriyaki .info_nutricional{background-size: 1300px;}
  body.teriyaki.producto_content .bg{height:70vh}
  body.volcano .info_nutricional{background-size: 1300px; background-position: bottom right;}
  body.intense .info_nutricional{background-size: 1300px; background-position: bottom right;}

  body.producto_content  .spot_bt{top:45%; max-width: 55px;}
}


@media (max-width:375px) {
  
  body.producto_content .prod img{max-width: 220px; top:54%}

}

/* CONTACTO */
body.contacto{background-color: #510198;}
body.contacto #header_wrapper .social{display: none;}
body.contacto #container{display:flex; padding-top: 200px; padding-bottom: 200px; position: relative; background-image:url(../img/bg_contacto.jpg); background-repeat: repeat-x; background-position: bottom center; background-size: 1500px; min-height: 95vh; background-color: #510198; }
body.contacto #container .content{max-width: 1200px;}
body.contacto #container .title{color:#FEF203; font-size: 50px; line-height: 1.5em; padding-bottom: 50px; }

body.contacto #container .social {padding-top: 50px; text-align: center;}
body.contacto #container .social .item{padding:15px; background-color: #FEF203; font-size: 40px; color:#4F0198; border-radius: 60px; display: inline-block; width: 70px; margin: 0px 10px; cursor: pointer; text-align: center;}
body.contacto #container .social .item:hover{background-color:#ffffff; }
body.contacto #container .bt {padding-top: 50px; text-align: center;}

body.contacto #container .bt_formulario{font-size:30px;line-height: 1.5em; color:#4F0198; background-color: #FEF203; display: inline-block; padding: 10px 30px; text-decoration: none; margin:0 auto; transform: skew(-21deg); border:0px; width: auto; }
body.contacto #container .bt_formulario:hover{ color:#4F0198; background-color: #ffffff;}
body.contacto #container .bt_formulario > span {
  display: inline-block;
  transform: skew(21deg);
}
body.contacto .form-control{font-size:15px; color: #ffffff !important; border:2px solid #FEF204; background-color:transparent!important; padding: 10px 20px; border-radius: 0px; margin: 0px;height:inherit}

body.contacto .textarea{color: #ffffff !important; border:2px solid #FEF204; background-color:transparent!important; padding: 10px 20px;font-size:16px;border-radius: 0px !important; height:200px; width: 100%; resize: none; position:relative; z-index: 10}

body.contacto .textarea::placeholder{font-size:16px; }

body.contacto .input_lbl_wrapper {position: relative;text-align: left; padding: 10px 0px; color:#ffffff}
body.contacto .input_lbl_wrapper label {position: absolute;z-index:2;top:0px;color:#ffffff;font-size:13px;}
body.contacto .input_lbl_wrapper.focus label {bottom:inherit;top:12px;font-size:11px;text-transform: uppercase; padding-left: 17px}

body.contacto .input_lbl_wrapper select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
body.contacto .input_lbl_wrapper ::-webkit-input-placeholder { color: #ffffff;}
body.contacto .input_lbl_wrapper :-ms-input-placeholder { color: #ffffff;}
body.contacto .input_lbl_wrapper ::placeholder { color: #ffffff;}


.form-control:not(:focus):placeholder-shown {
    opacity: 1 !important;
}


.form-check{padding-left: 1.2rem;}
.form .form-check-label {
	line-height: 18px;
}

.form-check-label {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



/* Hide the browser's default radio button */
.form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: -20px;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 0px;
  border:2px solid #FEF203
}

/* On mouse-over, add a grey background color */
/*.form-check-label:hover input ~ .checkmark {
  background-color: #FEF203;
}*/

/* When the radio button is checked, add a blue background */
.form-check-label input:checked ~ .checkmark {
  background-color: #FEF203;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.form-check-label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.form-check-label .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	border-radius:50%;
	background: #510198;
}

@media (max-width:768px) {
  body.contacto #container{font-size: 15px; padding-top: 150px;}
  body.contacto #container .social{display: block; padding-top: 30px; padding-bottom: 30px;}
  body.contacto #container .title{font-size: 40px;}

  body.contacto .form-control, body.contacto .textarea, body.contacto .input_lbl_wrapper ::placeholder{font-size: 13px;}
}