#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:#51302C;text-align:center;color:#fff;z-index:9999;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:#FFFFFF;padding:5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:13px;color:#0F285B;}
#cookie-policy .cp-content .cp-close:hover {background-color:#fff;}
#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:#fff;}
#cookie-policy .cp-content p a {color:#fff;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;}
    #cookie-policy .cp-content p {line-height:13px;font-size:11px;max-width:100%;}
}

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

* {background-repeat:no-repeat;}

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

strong {
  font-weight: 800;
}
/*
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;} 
*/



html {
position: relative;
min-height: 100%;

}


body {-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;overflow-x:hidden;font-family: 'Roboto', sans-serif;background-image:url('../img/bgg.jpg'); background-attachment:fixed; background-repeat: repeat; background-size: cover}


html, body {
  height: 100%;
  margin: 0;
}


body,
p,
li {font-size:17px;color:#000000 }
a {color:#000000;}
a:hover,
a:focus{text-decoration:none !important;color:#000000;}

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

.container{max-width:1450px; padding: 0px}
.nav-link {padding:0 30px !important;color:#fff !important;font-size:22px;}
.nav-link:hover {color:#F58600 !important;}
.nav-link.active {text-decoration: underline;}

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


.btn {border-radius: 30px;color:#fff;font-size:22px;font-weight:500;letter-spacing: 0;
background:#FF6A00;
color:white;
text-transform: none;
font-weight: 900;
padding:12px 70px;
font-family: 'Roboto Slab', serif;}
.btn.big {font-size:28px;}
.btn.brown {background-color:#5F2617;}
.btn.brown:hover {background-color:#D30A0F;}
.btn:hover {color:#fff;background:#FD5C00;}
.btn.large {width:280px;}

#cms {padding:0px 0;}
#cms * {color:#000;}
#cms h1 {font-size:28px;padding-bottom:0px;}
#cms h2 {font-size:18px;}
#cms p,
#cms li {font-size:14px;}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus,
textarea:focus {
outline: none;
box-shadow:none !important;
}

.input_lbl_wrapper {position: relative;}
.input_lbl_wrapper label {position: absolute;z-index:2;top:8px;color:#ffffff;font-weight:500;font-size:17px;}
.input_lbl_wrapper.animate label {-moz-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;	-o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.input_lbl_wrapper input[type="text"],
.input_lbl_wrapper input[type="email"],
.input_lbl_wrapper input[type="password"] {padding:11px 10px 10px 10px;font-weight:600;border:0;font-size:15px;height:35px;border-radius: 0;color:#000;color:#000;background-color:transparent;border-bottom:1px solid #000;}
.input_lbl_wrapper label,
.input_lbl_wrapper input[type="text"],
.input_lbl_wrapper input[type="email"],
.input_lbl_wrapper input[type="password"] {padding-left:10px;}
.input_lbl_wrapper.focus label {bottom:inherit;top:0;font-size:10px;text-transform: uppercase;opacity: 0.7;font-weight: 600;}
.input_lbl_wrapper.focus input[type="text"],
.input_lbl_wrapper.focus input[type="email"],
.input_lbl_wrapper.focus input[type="password"] {padding-bottom:0;}
.input_lbl_wrapper ::-webkit-input-placeholder { color: #000;}
.input_lbl_wrapper :-ms-input-placeholder { color: #fff000ff;}
.input_lbl_wrapper ::placeholder { color: #000;}
.select_lbl_wrapper select {background:transparent;border:0;border-bottom:2px solid #000;padding:11px 10px 10px 10px;font-size:20px;height:50px;border-radius: 0;-webkit-appearance: none;-moz-appearance:none; appearance: none;width:100%;color:#000;}


.social_links {margin-bottom:0;}
.social_links li { margin-right: 5px; display: inline-block;}
.social_links a {font-size: 26px; color: #fff !important;display: block;width: 38px; height: 38px;text-align: center;line-height: 38px;border-radius: 50%;}
.social_links a > .fa {line-height: 38px;}
.social_links .facebook {background-color: #3E5C9A;}
.social_links .twitter {background-color: #29A9E1;}
.social_links .instagram {background: rgba(245,237,83,1);background: -moz-linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(245,237,83,1)), color-stop(25%, rgba(228,129,68,1)), color-stop(42%, rgba(208,86,102,1)), color-stop(50%, rgba(200,66,120,1)), color-stop(100%, rgba(25,43,250,1))); background: -webkit-linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); background: -o-linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); background: -ms-linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); background: linear-gradient(45deg, rgba(245,237,83,1) 0%, rgba(228,129,68,1) 25%, rgba(208,86,102,1) 42%, rgba(200,66,120,1) 50%, rgba(25,43,250,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ed53', endColorstr='#192bfa', GradientType=1 );}


.beachbar,
.nav-link,
#home_gama,
#comoparticipar .num,
#ticket .seleccion_producto .name,
.section_title,
.title_big,
#comoparticipar .num,
#dudas .faq .question {font-family: 'Roboto Slab', serif;}

.title_big{color:#ffffff; font-size: 80px; line-height: 80px; text-transform: uppercase}


.navbar {padding:0;}
#header_wrapper {}
#content {}
.row{margin:0px}

.section_title{color:#ffffff; font-size: 60px; line-height: 60px; text-transform: uppercase; padding-bottom: 40px}

#wrapper{min-height: calc(100% - 130px); position: relative;}


body.home #wrapper, body.resultado #wrapper { text-align: center; }
#mensaje{text-align: center; font-size: 14px; padding:5px; background-color: #51302C; color:#ffffff}

body.bases-legales #wrapper{text-align: justify; background-image: none}


#content {
  padding-top:30px;
}
body.gracias {}

body.gracias #content{background-image: none}
body.bases-legales #content{background-image: none}

.logo_mobile_registro{display: none !important}

#home .logo{ max-width: 120px;
display: block;
margin:0px 0 0 20px}
#home .home_img{padding-top: 20px}
#home .tostadora{padding-top: 150px}
#home .participa{padding-top: 30px; padding-bottom: 40px}

/*.bodegon_registro_div{bottom: 0px;    position: absolute; margin-bottom: -50px}*/
.bodegon_registro_div{margin: 0 auto; }
.logo_registro{padding-top:40px; max-width: 260px}
.sticker_registro{position: absolute; right:0px; top:0px; max-width: 200px}
/*.registro_elementos{min-height: 860px}*/

#gracias .bodegon_registro_div{position: relative; margin: 0 auto}

#gracias .bodegon_gracias{display:block; margin: 0 auto; padding-bottom: 40px}



#como-participar { text-align: center; background-image:url(../img/bg_comoparticipar.jpg); background-position: top center; background-size: contain; background-repeat: repeat; -webkit-box-shadow: 0px -10px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px -10px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px -10px 6px 0px rgba(0,0,0,0.16); position: relative; z-index:999}
#como-participar .pasos{padding-top: 50px; padding-bottom: 50px; font-size:20px; line-height: 24px; color:#ffffff; margin: 0 auto; text-align: center; max-width: 450px; font-family: 'Roboto Slab', serif;}
#como-participar .pasos .paso{padding-bottom:20px}
#como-participar .participa{padding-bottom: 50px}

.banner_home{width: 70%; padding-bottom: 30px; height: 100%}
.banner_top{max-width: 80%;}
#comoparticipar .num {font-size:48px;margin-bottom:20px;}
#comoparticipar .num > span {
	width:100px;
	height:100px;
	line-height: 100px;
	text-align: center;
	background-image:url('../img/bgnum.png');
	display: block;
	margin:0 auto;
	background-size: cover;
	color:#fff;
}
#comoparticipar .desc {font-size:18px;margin:15px auto 30px auto; font-weight: 600;}
#comoparticipar .desc .m {
	font-weight: 800;
	color:#F58600;
}
#comoparticipar .desc a {text-decoration: underline;}
#comoparticipar .desc a:hover {text-decoration: none;}
#comoparticipar .btn_participar {margin-top:40px;}
#comoparticipar .desc .ver_productos {text-align: center;}
#comoparticipar .desc .ver_productos a {text-decoration: underline;font-weight: 400;}
#comoparticipar .desc .ver_productos a:hover {text-decoration: none;}

#footer {text-align: center;padding:25px 0; font-size:11px;color:#fff;background-size: cover;font-family: 'Roboto', sans-serif; line-height: 15px; z-index: 999; position: relative;background-color:#FC6A21;}
#footer a {color:#fff;text-decoration: underline;}


.section_header {margin-bottom:30px;}

#participar{position: relative; font-family: 'DM Serif Text', sans-serif; font-size: 43px; color:#51302C; line-height: 50px}
#participar .codigo{background-color:rgba(255,199,46,0.35); text-align: center; padding: 200px 0px}
#participar .ticket{background-color:rgba(222,25,36,0.24); text-align: center; padding: 200px 0px}
#participar .content{max-width: 80%; margin: 0 auto}
#participar .codigo .content img{padding-top:55px}
#participar .content img{padding-top:30px}
#participar .como{position: absolute; z-index: 999; top:0px;left: 50%;transform: translateX(-50%); padding-top: 20px}
#participar .bt_codigo, #participar .bt_ticket{cursor: pointer}

#signup_login_box, #update_address_form, .ticket_form{padding-top:0px; padding-bottom: 100px; font-family: 'Roboto', sans-serif;  background-position: bottom center;/*position: absolute; z-index: 999; top:50%;transform: translateY(-50%);*/}
.resultado_box{padding-top:0px; padding-bottom: 60px; font-family: 'Roboto', sans-serif;  background-position: bottom center;}
.bimboapi_content, .bimboapi_content p a, .bimboapi_content .form-check a, .login_link a{color:#000!important}
.bimboapi_content .login_link a, .bimboapi_content .forgot_link a, .bimboapi_content .signup_link a{color:#000!important}
.bimboapi_content .login_link a:hover, .bimboapi_content .forgot_link a:hover, .bimboapi_content .signup_link a:hover{color:#000!important}
.bimboapi_content .bimboapi_form_text_legal p, .bimboapi_content .formar{color:#000!important}
.input_lbl_wrapper label{color:#000!important}
.input_lbl_wrapper input[type="text"], .input_lbl_wrapper input[type="email"], .input_lbl_wrapper input[type="password"]{border-color: #000}
.bimboapi_form_sms_intro p{color:#000!important}

.bimboapi_content .btn{border-radius: 0px; border:0px solid #C2001C!important; color:#fff!important; font-size:18px;font-weight:400;letter-spacing: 0;background-color:#C2001C!important;background-size: 100% 100%; width: auto; height: inherit; background-image: none; padding: 5px 90px; line-height: inherit;text-transform: uppercase;font-weight: 900;
  border-radius: 5px;
  padding: 10px 50px;font-size: 24px;}
.bimboapi_content .btn:hover{color:#fff!important; background-color: #294C94!important}

.bimboapi_box form{background-color: transparent}
.bimboapi_box .subtitle{font-weight: 500; font-size: 16px}
.bimboapi_content{font-size: 13px}
.bimboapi_content .text-muted{color:#000!important}
.form-check-label{font-size:13px;padding-top:3px;font-weight: 500;}

.input_radio_lbl_wrapper li{color:#000!important}
.input_radio_lbl_wrapper li.selected span{color:#000!important}
.input_radio_lbl_wrapper li::after{color:#000!important}
.input_lbl_wrapper.focus select{color:#000!important}
.input_lbl_wrapper.focus select:focus{color:#000!important}


#registro form {text-align: left;max-width:600px; padding: 0px;margin:0 auto;}
#registro form .buttons {margin-top:40px;}
#registro form .checkbox {margin-top:40px;text-align: center;}
#registro form .checkbox label {color: #0F285B;font-size:13px;font-weight:500;}
#registro form .checkbox label a {color: #0F285B;text-decoration: underline;}
#registro form .checkbox label a:hover{text-decoration: none;}
#registro form .errors {text-align: center;color: red;font-size: 14px;font-weight: 600;margin-bottom:20px;}

#ticket{}
#ticket .section_title{padding-top:20px; max-width:80%; margin: 0 auto; line-height: 60px}
#ticket .formulario{max-width:92%; margin: 0 auto}
#ticket form select {text-align: left;text-align-last:left;}
#ticket form input,
#ticket form select {border-radius: 0;  }
#ticket form {text-align: center;max-width:700px;margin:0 auto;}
#ticket .seleccion_producto {text-align: center;}
#ticket .seleccion_producto .pregunta {color:#000000;font-size:16px;margin-bottom:15px;}
#ticket .seleccion_producto img {margin-bottom:15px;}
#ticket .seleccion_producto .name {font-size:27px;line-height:30px;margin-bottom:10px;}
#ticket form label {color: #000;font-size:18px;font-weight:600; line-height: 20px}
#ticket form .buttons {margin-top:30px;}
#ticket form .narrow {max-width:350px;margin:30px auto 0 auto;}
#ticket form .upload_box {margin-top:20px;}
#ticket form .upload_ast {font-size:12px;color:#000000;font-weight:500;}
#ticket form .upload_box .adjunta {font-size:13px;margin-bottom:15px;font-weight:500;color: #000;}
#ticket form .upload_box .adjunta span {display: block;font-size:12px;}
#ticket form .upload_box .upload_button {border:3px solid #FC6A21;background-color:transparent;color:#FC6A21;font-weight:400;letter-spacing: 1px;font-size:16px;display: block;margin:0 auto;max-width:344px; cursor: pointer;border-radius: 80px;padding: 9px 70px 12px 70px;transition:all 0.2s;
  font-family: 'Roboto Slab', serif;font-size: 22px;letter-spacing: 0;font-weight: 700;}
#ticket form .upload_box .upload_button.btn-hover {background-color:white}
#ticket form .upload_box .upload_button:after {font-family:'FontAwesome';content:'\f0ee';margin-left:10px;font-size:24px;vertical-align: middle;display: inline-block;display: none;}
#ticket form .upload_box #errormsg > div {padding-top: 10px;}
#ticket form .upload_box #msgsuccess > div {max-width: 300px;margin: 15px auto 0 auto;font-weight: 600;font-size: 14px;}
#ticket form .errors {text-align: center;color: red;font-size: 12px;font-weight: 600;margin-bottom:20px;}


#ticket form .lbl {
  text-align: left;
  font-size: 14px;
  margin-bottom:5px;
  font-weight: 500;
}
#ticket.ticket_codigo .formulario{background-color:rgba(255,199,46,0.35);}

#update_address_form{padding:50px 0px 100px 0px}

#gracias{}
#gracias .narrow {margin:0 auto;max-width: 700px;}
#gracias .section_title{padding-top:20px;padding-bottom:20px;}
#gracias .msg {margin:0 auto; ;font-size:22px;font-weight: 400; color:#ffffff; padding-top:0px; line-height: 30px}
#gracias .msg.ganador{max-width: 760px}
#gracias .msg.noolvides {
	margin-bottom:30px;
	font-size: 22px;
	font-weight: 800;
}
#gracias .msg .yellow {color:#F58600;}
#gracias .msg a {text-decoration: underline;}
#gracias .msg a:hover {text-decoration: none;}
#gracias .msg .spam {margin-top:20px;display: block;font-size:15px;}
#gracias .quieres {color: #0F285B;margin-bottom:20px;font-weight: 500;padding-top:40px;}
#gracias .spam{font-size: 14px}
#gracias .siguenos{padding-top:30px}
#gracias .siguenos li {
	display: inline-block;
	vertical-align: middle;
	padding:5px;
}

#dudas {padding-top:40px;}
#dudas .faq {margin-bottom:40px;font-size:15px;font-weight: 500;}
#dudas .faq .question {font-size:28px;font-weight:700;margin-bottom:10px;}
#dudas .faq .question:before {content: ' ';background-image:url('../img/check_dudas.png');background-repeat: no-repeat;background-size: cover;width:36px;height:36px;position: absolute;margin-left:-50px;margin-top:4px;}
#dudas .faq .answer {}
#dudas .faq .answer a {text-decoration: underline;}
#dudas .faq .answer a:hover {text-decoration: none;}


#modal_productos{color:#0F285B; font-size:17px; line-height:25px; font-weight: 400; text-align: center;background-image:url('../img/bgg.jpg');background-repeat: repeat;background-size: 100% auto;}
#modal_productos strong{font-weight: 600; color:#F58600}
#modal_productos span{font-size:18px}
.fancybox-is-open .fancybox-bg{opacity:0.4!important }

.no_desktop{display: none}
.no_mobile{display: inline-block}


@media (max-width: 1300px) {
    
   
}


@media (max-width: 1200px) {
  .home_tostador_cont {margin-left:-50px;}
  .nav-link {font-size: 20px;}
  .navbar-brand {max-width: 200px;}
  #header_wrapper .container {max-width: 100%;}
   
	#signup_login_box, #update_address_form, .ticket_form, .resultado_box{padding-bottom: 30px; padding-top: 0px; position: relative; top:auto; transform: none}
    #update_address_form{margin-bottom: 50px}
    .ticket_form{margin-bottom: 50px}
    .resultado_box{margin-bottom: 50px}
    #ticket .formulario{width:73%}
	
	#home .tostadora{max-width: 510px; padding-top:200px}
	#home .home_img{max-width: 480px}
	#home .participa{max-width: 300px}
	#home .logo{right:30px}
	#home{background-size: 60%}
	body.resultado #content{background-size: 60%}
	
	.sticker_registro{display: none}
	.bodegon_registro_div{padding-top: 0px; max-width: 600px; width: 90%}
	.logo_mobile_registro{display: inline-block; max-width: 200px}
	body.gracias #wrapper{background-image: none}
	#cms{max-width: 90%; margin: 0 auto}
	body.home #wrapper, body.resultado #wrapper{background-size: 75%}
}

@media (max-width: 1122px) {
    #participar{line-height: 33px; font-size: 33px}

}

@media (max-width: 1024px) {
     
}

@media (max-width: 991px) {
  #home_gama {font-size: 48px;line-height: 44px;}
  .home_tostador_cont {margin-left:0px;}
  

  .navbar {padding: .35rem 1rem;background-color: #0F285B;}
  .navbar-nav {padding:15px 0;}
  .navbar-nav .nav-link {padding:0 !important;font-size:24px;line-height:42px;}
  .navbar-toggler {padding:0 10px;}
  #menu .container-fluid {padding:0;}
  #home .container {max-width: 100%;}
  #home_gama {
	  margin:0 auto;
	  width:100%;
  }
  .home_tostador_cont {
	  margin:0 auto;
	  width:100%;
  }
  #home_gana {
	  width: 62vw;
  }
  #home_tostadora {
	  margin-top:0;
  }
  #home_pack_bimbo {
    width: 65vw;
	}

    
}

@media (max-width: 900px) {
	#home .logo{max-width: 100px}
	#home .tostadora{max-width: 380px}
	#home .home_img{max-width: 420px}
}

@media (max-height: 768px) {
   
   
}


@media (max-width: 768px) {
    .no_desktop{display: inline-block}
    .no_mobile{display: none}
  #home_gama {font-size: 33px;line-height: 30px;}
  #home_gama br {display: none;}

  .section_title {font-size: 28px;}
  #comoparticipar .num {font-size: 50px;line-height: 58px;}
  #comoparticipar img {max-width:300px;}
  #comoparticipar .desc {font-size:16px;font-weight:500;}
  #comoparticipar .btn_participar {margin-top: 10px;}
    #participar .codigo{padding:70px 0px; padding-top: 200px}
    #participar .ticket{padding:70px 0px; padding-bottom: 100px}
    #signup_login_box{max-width: 90%; margin: 0 auto}
  .btn.big {font-size: 18px;padding: 8px 30px 7px 30px;}
    #footer .container{width:90%}
  .section_header {padding: 10px 10px 0 10px;margin-bottom: 15px;}
  .section_header img {display: none;}
  .input_lbl_wrapper label {font-size:15px;}
  .input_lbl_wrapper.focus label {font-size:9px;}
  .input_lbl_wrapper input[type="text"], 
  .input_lbl_wrapper input[type="email"], 
  .input_lbl_wrapper input[type="password"] {height:40px;font-size: 16px;}
  .form-group {margin-bottom:5px;}
  #registro form .errors {font-size:12px;}
  #registro form .checkbox label {font-size:11px;}
  #registro form .checkbox {margin-top:20px;}
  #registro form .buttons {margin-top:20px;}
  .btn {font-size: 22px;padding: 7px 30px 7px 30px;}
  button.btn {font-size: 22px;}
   
  #ticket form .buttons {margin-top:40px;}
  #ticket .seleccion_producto .pregunta,
  #ticket form .upload_box .adjunta  {font-size:14px;}
  #ticket .seleccion_producto .name {font-size: 18px;line-height: 20px;}
  #ticket form .seleccion_producto label {font-size:16px;}
  #ticket form label {font-size:13px;}
  .form-control {font-size:14px;}
  #ticket form label {font-size:16px;}
  #ticket form .upload_box .adjunta span {font-size:11px;}
  #ticket form .upload_box .upload_button {font-size:14px;padding: 4px 15px 3px 15px;}
  #ticket form .upload_box #msgsuccess > div {max-width:280px;font-size: 13px;}
  
  #gracias .msg {font-size:16px;margin-bottom: 40px; line-height: 20px}
    
  #gracias .quieres {font-size:16px;}
    #gracias .siguenos li img {
	  width:30px;
  }
  #dudas {padding-top:20px;}
  #dudas .faq .question {font-size:18px;}
  #dudas .faq .answer {font-size:15px;}
  #dudas .faq {margin-bottom:30px;}
  #cms h1 {font-size:18px; line-height: 20px}
  #cms h2 {font-size:16px;}
  #cms p,
  #cms li {font-size:14px;}
  #ganadores li {font-size:15px;}
  #comoparticipar .num {
	  font-size: 32px;
	  margin-bottom:0;
  }
  #comoparticipar .num > span {
	  width:50px;
	  height: 50px;
	  line-height: 50px;
  }
  .title_big {
	  font-size:50px;
	  line-height: 50px;
	  margin-bottom:10px;
  }
	
	.section_title{
	font-size:50px;
	  line-height: 50px;
	  margin-bottom:10px;
	}
	
	#ticket .section_title{
	font-size:40px;
	  line-height: 40px;
	  margin-bottom:10px;
		padding-bottom: 10px
	}
	
  .bimboapi_box .subtitle {
	  font-size:16px;
  }
  .form-check label {
	  font-size:12px;
  }
    
    /*#home{background-image: none}*/
    /*#home .col-md-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}*/
    
    
    #signup_login_box, #update_address_form, .ticket_form, .resultado_box{padding-left: 20px; padding-right: 20px; max-width:100%}
	
	#home .home_img{max-width: 90%}
	#home .participa{max-width: 70%; padding-bottom: 120px; padding-top: 60px}
	#home .logo_mobile{max-width: 200px}
	
	#ticket form input, #ticket form select{margin-bottom: 20px}

  #ticket .formulario{width:100%}
}

@media (max-width: 991px) {
  .bodegon_registro_div {
    display: none;
  }
  
}


.home_title,
.title_big,
#ticket .section_title,
#gracias .section_title {
  font-family: 'Roboto Slab', serif;

  color:#FF6A00;
  font-size:36px;
  margin-bottom:20px;
  line-height: normal;
}





#ticket .section_title {
  padding-bottom:0;
}

.home_quieres {
  color:#294C94;
  font-size: 22px;
  margin-top:20px;
  font-weight: 700;
  margin-bottom:20px;
  line-height: normal;
}


.como_participar {
  margin-top:50px;
  max-width: 1000px;
  text-align: center;
  margin-bottom:40px;
}

.como_participar .paso {
  font-family: 'Roboto Slab', serif;

  color:#294C94;
  font-size: 36px;
  line-height: normal;
  margin-bottom:20px;
}


#footer .legal .bimbo {
  font-size: 16px;
  font-weight: 700;
  margin-bottom:20px;
}



@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}
.slider {

  background:transparent;
  height: 130px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
/*
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
*/
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 10s linear infinite;
          animation: scroll 10s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 130px;
  width: 250px;
}

.slider img {
  height: 100%;
  width: auto;
}

.bimboapi_content .text-muted {
  font-size: 12px;
  font-weight: 500;
  color: #000!important;
}

.bimboapi_signupBox_step3 .buttons {
  justify-content: center;
  display: flex;
}

.gracias_osito {
  position: absolute;
  right: -20px;
  top:calc(50% - 200px);
  max-height: 400px;
}

.gracias_s2,
.gracias_s4,
.gracias_s5,
.gracias_s6,
.gracias_s7 {
  height: 140px;
  position: absolute;
}

.gracias_s2 {
  right:30px;
  bottom:30px;
}

.gracias_s4 {
  right:140px;
  top:30px;
}

.gracias_s5 {
  left:140px;
  top:calc(50% - 100px);
}

.gracias_s6 {
  left:40px;
  top:40px;
}

.gracias_s7 {
  left:80px;
  bottom:40px;
}

@media (max-width: 1100px) {
  .gracias_osito,
  .gracias_s2,
  .gracias_s4,
  .gracias_s5,
  .gracias_s6,
  .gracias_s7 {
    display: none;
  }
}


@media (max-width: 991px) { 
  .home_title,
  .title_big,
  #ticket .section_title,
  #gracias .section_title  {
    font-size: 32px;
    margin-top:10px;
  }

  #home .logo {
    display: none;
  }

  .como_participar .paso {
    font-size: 22px;
  }


  .slider {
    height: 80px;
  }

  .slider .slide {
    height: 80px;
    width: 150px;
  }

  .bimboapi_content .btn,
  .btn {
    padding: 5px 40px;
    font-size: 18px;
  }

  #ticket .section_title {
    max-width: 100%;
  }

}

.login_link {
  margin-top:20px;
}





/* background stripe animation */
:root {
  --stripe-size: 100px;
  --color2: #FFEADB;
  --color1: #FFF2E6;
  --duration: 5s;
}
/*
body {
  display: flex;
  height: 100vh;
  flex-direction:column;
}
*/

.stripe {
  position: fixed;
  left:0;
  top:0;
  width:0;
  height:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.stripe::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + var(--stripe-size));
  height: 100%;
  background: repeating-linear-gradient(90deg, var(--color2) 25%, var(--color2) 70%, var(--color1) 70%, var(--color1) 75%);
  background-size: var(--stripe-size) var(--stripe-size);
  -webkit-animation: stripeTransform var(--duration) linear infinite;
          animation: stripeTransform var(--duration) linear infinite;
}


@-webkit-keyframes stripeTransform {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--stripe-size) * -1));
  }
}

@keyframes stripeTransform {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(var(--stripe-size) * -1));
  }
}
@-webkit-keyframes stripeBackgroundPosition {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--stripe-size) * -1) 0;
  }
}
@keyframes stripeBackgroundPosition {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: calc(var(--stripe-size) * -1) 0;
  }
}
/* background stripe animation */


.home_grid {
  display: flex;
  justify-content: space-between;
  padding-top:60px;
}

.home_grid_left {
  min-width: 45%;
  max-width: 45%;
}


.home_grid_right {
  min-width: 55%;
  max-width: 55%;
}


@media (max-width:991px) {
  .home_grid {
    display: block;
    margin-top:20px;
  }
  .home_grid_left,
  .home_grid_right {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
  }

  .home_grid_left .logo {
    margin-bottom:20px;
    max-width: 160px;
  }
}

.home_grid_slogan {
  background-color:#F8DC8A;
  padding:40px 60px 0px 60px;
  margin-bottom:80px;
}

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

.home_grid .te_devolvemos {
  font-family: 'Roboto Slab', serif;
  color:#FF6A00;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width:1400px) {
  .home_grid .te_devolvemos {
    font-size: 45px;
  }
}

@media (max-width:991px) {
  .home_grid .te_devolvemos {
    font-size: 34px;
  }
}

.home_grid .como {
  font-family: 'Roboto Slab', serif;
  color:#2F2F2F;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom:50px;
}

@media (max-width:991px) {
  .home_grid .como {
    font-size: 24px;
  }
}



.home_grid_slogan .btn_wrapper .btn {
  margin-bottom: -28px;
}

@media (max-width:991px) {
  .home_grid_slogan .btn_wrapper .btn {
    margin-bottom: -19px;
  }
}

.como_list {
  list-style: none;
  counter-reset: my-awesome-counter;
  text-align: left;
  display: inline-block;
  width: auto;
  margin-left:auto;
  margin-right: auto;
  padding-left:0;
}

.como_list li {
  counter-increment: my-awesome-counter;
  padding-left:75px;
  position: relative;
  font-size: 22px;
  margin-bottom:50px;
}

.como_list li:before {
  content: counter(my-awesome-counter);
  position: absolute;
  width:60px;
  height: 60px;
  border-radius: 50%;
  background:white;
  font-family: 'Roboto Slab', serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  left:0;
  top:-14px;
}

@media (max-width:991px) {
  .como_list li {
    padding-left:65px;
    font-size: 20px;
  }
  .como_list li:before {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 23px;
  }
}

.home_grid_img {
  position: relative;
}

@media (max-width:991px) {
	.home_grid{
		padding-top:0px;
	}
}


.home_grid_img .ahorra {
  position: absolute;
  top:0;
  right: 0;

  width:20vw;
}


@media (max-width:991px) {
  .home_grid_img .ahorra {
    width: 40%;
    top: -18px;
  }
}

.home_grid_img .principal {
  position: relative;
}

@media (max-width:991px) {
	.home_grid_img .principal,
	.home_img {
		transform: translateZ(0) scale(1) !important;
	}
}



.mouse_move {
  position: relative;
  width: 100%;

}

@media (max-width:991px) {
	.mouse_move {
		display: none !important;
	}
}


.mouse_reset_styles {
  transition-delay: initial !important;
  transition-duration:initial !important;
  transition-timing-function:initial !important;
  
}



.anim_palmera {
  position: absolute;
  width: calc(100% - 200px - 40%);
  z-index: 3;
  left: -100px;
  top: 30vh;
}

.anim_qe_crema {
  position: absolute;
  width: calc(100% - 200px - 40%);
  z-index: 3;
  right: -100px;
  top: 5vh;
}

.content_middle {
  max-width: 600px;
  text-align: center;
  margin-left:auto;
  margin-right: auto;
  position: relative;
  z-index: 9999;
}

.content_middle .logo {
  max-width: 160px;
  margin-bottom:40px;
}

.heading,
.section_title {
  font-size: 52px;
  font-family: 'Roboto Slab', serif;
  color:#FF6A00 !important;
  font-weight: 700;
  text-transform: none !important;
}

.bimboapi_box form{
  background-color: transparent !important;
}

.bimbo_api_title {
  font-size: 16px !important;
}


.bimboapi_content .form-floating>.form-control, 
.bimboapi_content .form-floating>.form-select {
  border-radius: 50px;
  border-color:#FC6A21;
}

.form-floating>.form-control, 
.form-floating>.form-control-plaintext {
  padding: 1rem 1.2rem;
}

.bimboapi_content .form-floating>label {
  padding: 0.81rem 1.2rem !important;
}

.bimboapi_form .buttons {
  margin-top:15px;
}

.bimboapi_content .forgot_link, 
.bimboapi_content .signup_link{
  font-weight: 400 !important;
}

body .bimboapi_content .btn {
  border:1px solid #FC6A21 !important;
  background-color:#FC6A21 !important;
  color:white !important;
  text-transform: none;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
}

body .bimboapi_content .btn:hover {
  color:#fff !important;
  background:#FD5C00 !important;
}

.btn_forgot {
  color: #000!important;
}

#ticket .logo {
  max-width: 160px;
}


.ticket_form .form-control {
  background-color:transparent !important;
  border:0;
  border-bottom:1px solid #3B3B3B !important;
}

.ticket_form .form-floating>.form-control,
.ticket_form .form-floating>.form-control-plaintext {
  padding: 1rem 0rem !important;
  font-size: 16px;
  font-weight: 600;
}

.ticket_form .form-floating>label {
  padding: 1rem 0 !important;
  font-weight: 400 !important;
}

#ticket form label .small {
  font-size: 15px;

}

.ticket_form .form-floating>.form-control-plaintext~label, 
.ticket_form .form-floating>.form-control:focus~label, 
.ticket_form .form-floating>.form-control:not(:placeholder-shown)~label, 
.ticket_form .form-floating>.form-select~label {
  transform: scale(.85) translateY(-0.5rem) translateX(0rem);
}

.ticket_form .form-floating>.form-control-plaintext, 
.ticket_form .form-floating>.form-control:focus, 
.ticket_form .form-floating>.form-control:not(:placeholder-shown), 
.ticket_form .form-floating>.form-select {
  transition: paddingBottom .1s ease-in-out, transform .1s ease-in-out;
  transform:  translateY(0.5rem);
  padding-bottom:7px !important;
}

.ticket_form .recuerda {
  font-size: 19px;
  margin-bottom:20px;
  font-weight: 700;
}

.subir_ticket_heading {
  font-weight: 700;
  font-size: 28px;
  font-family: 'Roboto Slab', serif;
}
.adjunta {
  font-size: 13px;
  margin-top:20px;
}

.gracias_content {
  padding:0 40px;
}

.gracias_content .logo {
  max-width: 160px;
}

.gracias_content .esperamos {
  font-weight: 700;
  font-size: 24px;
  font-family: 'Roboto Slab', serif;
}