#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:#0F285B;text-align:center;color:#fff;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:#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;}

.container {
    max-width: 1280px;
    width: 100%;
}

/*
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: 'Montserrat', sans-serif;background-image:url('../img/bgg.jpg');background-repeat: repeat;}

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

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


.nav-link {padding:0 30px !important;color:#fff !important;font-size:22px;}
.nav-link {
    padding: 0 30px !important;
    color: #223790 !important;
    font-size: 22px;
}

.nav-link:hover {color:#F58600 !important;}
.nav-link.active {text-decoration: underline;}

.navbar-light .navbar-toggler {border-color:#1E5EA3 !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;}


.nav-link.featured {
    color: #fff !important;
    background-color: #223790;
    display: inline;
    padding: 10px 15px !important;
}

.btn {color:#fff;background:#002D7E;border-radius: 0;padding:10px 30px 8px 30px;text-transform: uppercase;font-size:20px;}
.btn.big {font-size:28px;}
.btn.brown {background-color:#5F2617;}
.btn.brown:hover {background-color:#D30A0F;}
.btn:hover {color:#F7C119;}
.btn.large {width:280px;}

#cms {padding:40px 0;}
#cms * {color:#000;}
#cms h1 {font-size:28px;}
#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: #000;
  -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:10px;color:#0F285B;font-weight:600;font-size:20px;}
.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:900;border:0;font-size:20px;height:50px;border-radius: 0;color:#294C94;color:#000;background-color:transparent;border-bottom:2px solid #0F285B;}
.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:11px;text-transform: uppercase;}
.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: #0F285B;}
.input_lbl_wrapper :-ms-input-placeholder { color: #0F285B;}
.input_lbl_wrapper ::placeholder { color: #0F285B;}
.select_lbl_wrapper select {background:transparent;border:0;border-bottom:2px solid #0F285B;padding:11px 10px 10px 10px;font-size:20px;height:50px;border-radius: 0;-webkit-appearance: none;-moz-appearance:none; appearance: none;width:100%;color:#294C94;}


.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,
.btn,
#dudas .faq .question,
#comoparticipar,
#ticket form {font-family: 'riffic_free_mediumbold';}


.navbar {padding:0;}
#header_wrapper {/*background-color:#1E5EA3;position: fixed;left:0;right:0;width:100%;z-index:30;height:110px;line-height:110px;-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);*/}

#header_wrapper {
	background:white;
    background: url('../img/bg-clouds.png') repeat-x bottom center;
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 30;
    height: 142px;
    line-height: 110px;
}


#content {padding-top:110px;}

#menu {background-color:#1E5EA3;}
#menu {
    background-color: #ffffff;
}
#menu .navbar-nav {margin-right: 0 !important;}

.section_title {font-size:42px;font-weight:500;margin-bottom:20px;color:white;}

#wrapper {
	background-image:url('../img/bg.jpg');background-position: center top;background-size: cover; background-attachment: fixed;
	min-height: 100vh;
}

#wrapper {background-image:url('../img/bg-green.png'); }

#home {padding:50px 0 0 0;background-repeat: no-repeat;margin-bottom:50px;text-align: center;position: relative;z-index:2;}
#home_gama {color:#294C94;font-size:50px;line-height:50px;text-align: center;margin-bottom:20px;}
#home_tostadora {position: relative;z-index: 1;width:53vw;margin-top:-30px;}
#home_gana {margin-left:-13vw;position: absolute;z-index: 0;width:42vw;}
#home_pack_bimbo {width:50vw;}
#comoparticipar .num {font-size:32px;margin-bottom:20px;}
#comoparticipar .num > span {
	width:60px;
	height:60px;
	line-height: 60px;
	text-align: center;
	display: block;
	margin:0 auto;
	background-size: cover;
	color:#fff;
	border-radius: 50%;
	background:#002D7E;
}

#comoparticipar  {
	padding:50px 0 0 0;
	text-align: center;
	max-width: 640px;
	margin:0 auto;
}

#comoparticipar .title {
	color:white;
	font-weight: 800;
	font-size:38px;
	margin-bottom:20px;
	letter-spacing: 1px;
}
#comoparticipar .desc {font-size:20px;margin:15px auto 30px auto; font-weight: 600;color:white;}
#comoparticipar .desc .groc {
	color:#F7C119;
	color:#ffe320;
}

#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;font-family: 'Montserrat';font-size:15px;}
#comoparticipar .desc .ver_productos a {text-decoration: underline;font-weight: 600;}
#comoparticipar .desc .ver_productos a:hover {text-decoration: none;}

#footer {font-family: 'Source Sans Pro', sans-serif;text-align: center;background-image:url('../img/bgfooter.png');background-size: cover;background-position: center top;position: absolute;bottom:0;left:0;right:0;padding:40px 0;}
#footer .legal {font-size:11px;line-height:13px;letter-spacing: 0;color:#002D7E;}
#footer .legal a {text-decoration: underline;font-weight:700;color:#002D7E;}
#footer .logo {
	max-width:140px;
	margin-bottom:20px;
}

#wrapper {
	padding-bottom:220px;
}



.section_header {margin-bottom:30px;}

#registro {margin-top:50px;}

#registro form {text-align: left;max-width:620px;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 {
	margin-top:50px;
}


#gracias {
	margin-top:50px;
}

#ticket form select {text-align: center;text-align-last:center;}
#ticket form input,
#ticket form select {border-color:#0F285B;color:#294C94;color:#000;font-weight:500;border-radius: 0;}
#ticket form {text-align: center;max-width:500px;margin:50px auto 20px 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 .white {
	background:white;
	padding:50px 40px 40px 40px;
}
#ticket form label {color: #0F285B;font-size:20px;font-weight:600;text-transform: uppercase;}
#ticket form input {
	border:3px solid #0F285B;
	border-radius: 5px;
	text-align: center;
	font-size:20px;
}
#ticket form .buttons {margin-top:20px;}
#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:600;}
#ticket form .upload_box .adjunta span {display: block;font-size:12px;}
#ticket form .upload_box .upload_button {border-color:#0F285B;background-color:#0F285B;color:#fff;font-weight:700;letter-spacing: 1px;font-size:16px;display: block;padding:4px 24px 3px 24px;margin:0 auto;width:100%;}
#ticket form .upload_box .upload_button.btn-hover {border-color:#294C94;background-color:#294C94;}
#ticket form .upload_box .upload_button:after {font-family:'FontAwesome';content:'\f0ee';margin-left:10px;font-size:24px;vertical-align: middle;display: inline-block;}
#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: 14px;font-weight: 600;margin-bottom:20px;}


#gracias .section_title {
	text-transform: uppercase;
}
#gracias .narrow {max-width:700px;margin:0 auto;}
#gracias .msg {margin-bottom:20px;font-size:22px;font-weight: 800;color:white;}
#gracias .msg.noolvides {
	margin-bottom:50px;
	font-size: 22px;
	font-weight: 800;
}

#gracias .msg .yellow {color:#F7C119;color:#ffe320;}
#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;}


#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:#002D7E}
#modal_productos span{font-size:18px}
.fancybox-is-open .fancybox-bg{opacity:0.4!important }


#ganadores {
	margin-top:50px;
	
	font-weight: 700;
}

#ganadores li {
	color:white;
}

.bimboapi_box form,
#ticket form .white {
	position: relative;
}
.bimboapi_box form:before,
#ticket form .white:before {
	position: absolute;
	width:100px;
	height:100px;
	content:' ';
	background:url('../img/mapache.png');
	background-size: 100% auto;
	top:0;
	left:20px;
	margin-top:-50px;
}

@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%;}
}

@media (max-width: 1100px) {


}

@media (max-width: 991px) {
	
	#wrapper {
		background-size: cover;
		padding-bottom:80px;
	}
  #home_gama {font-size: 48px;line-height: 44px;}
  .home_tostador_cont {margin-left:0px;}
  #header_wrapper {height:60px;position: relative;}
  #header_wrapper {
    height: 90px!important;
}
  #content {padding-top:0px;}
  .navbar-brand img {
	  height:38px;
  }
  .navbar {padding: .35rem 1rem;}
  .navbar-nav {padding:15px 0;}
  .navbar-nav .nav-link {padding:0 !important;font-size:24px;line-height:42px;}
  
  .navbar-light .navbar-toggler-icon:before {color: #283e99;}
  .navbar-toggler {padding:0 10px;}
  .navbar-nav .nav-link.featured {
    padding: 10px 15px!important;
}
  #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;
	}
	#home {background-size: 118% auto;}
	
	#footer {
		position: relative;
		left:inherit;
		right:inherit;
		bottom:0;
		margin-top:-40px;
		
	}
}

@media (max-width: 768px) {
  #home_gama {font-size: 33px;line-height: 30px;}
  #home_gama br {display: none;}
  #home {padding-top:20px;background-position: center -20px;margin-bottom:30px;}
  .section_title,
  #comoparticipar .title,
  .title_big {font-size: 28px !important;}
  #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;}
  .btn.big {font-size: 18px;padding: 8px 30px 7px 30px;}

  .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 {padding-top:20px;}
  #gracias .msg {font-size:16px;margin-bottom: 40px;}
  #gracias .quieres {font-size:16px;}
  #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;}
  #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:32px;
	  margin-bottom:10px;
  }
  .bimboapi_box .subtitle {
	  font-size:16px;
  }
  .form-check label {
	  font-size:12px;
  }
}

@media (max-width: 500px) {
  #home_gama {font-size: 26px;line-height: 22px;}
  .home_tostador_cont {margin-left:-30px;}
  .section_title {font-size: 28px;line-height: 25px;margin-bottom: 10px;}
  
}