@font-face { font-family: 'MullerBlack'; src: local('Muller Black'), local('MullerBlack'), url('/assets/fonts/MullerBlack.woff2') format('woff2'), url('/assets/fonts/MullerBlack.woff') format('woff'), url('/assets/fonts/MullerBlack.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'MullerExtraBold'; src: local('MullerExtraBold'), local('MullerExtraBold'), url('/assets/fonts/hinted-MullerExtraBold.woff2') format('woff2'), url('/assets/fonts/hinted-MullerExtraBold.woff') format('woff'), url('/assets/fonts/hinted-MullerExtraBold.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'MullerBold'; src: local('Muller Bold'), local('MullerBold'), url('/assets/fonts/hinted-MullerBold.woff2') format('woff2'), url('/assets/fonts/hinted-MullerBold.woff') format('woff'), url('/assets/fonts/hinted-MullerBold.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'MullerRegular'; src: local('Muller Regular'), local('MullerRegular'), url('/assets/fonts/hinted-MullerRegular.woff2') format('woff2'), url('/assets/fonts/hinted-MullerRegular.woff') format('woff'), url('/assets/fonts/hinted-MullerRegular.ttf') format('truetype'); font-weight: normal; font-style: normal;}

/* GENERAL*/
div { transition: all .2s ease 0s;}
.only-mbl { display: none;}
img { max-width: 100%;}
/**/
.tarjeta-fiestas-2019 { background: #fff url(images/bg-gral-1536.jpg) repeat center top; overflow: hidden;}
.container-general { width: 720px; margin: auto; background: #fff; border-left: 2px solid #cdb283; border-right: 2px solid #cdb283; -webkit-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 30px -10px rgba(0,0,0,0.75);}
/**/
.fiestas-titulo { background: #fff url(images/bg-titulo-misc.png) no-repeat center center; color: #758a4f; text-align: center; padding: 48px 0 60px 0; position: relative; border-top: 2px solid #cdb283; border-bottom: 2px solid #cdb283;}
.fiestas-titulo h2 { font-family: "MullerBlack", "Lato", Arial, Helvetica, sans-serif; font-size: 55px; line-height: 1; margin: 25px 0 15px 0;}
.fiestas-titulo h3 { font-family: "MullerBlack", "Lato", Arial, Helvetica, sans-serif; font-size: 35px; line-height: 1; margin: 5px;}
.fiestas-titulo h3 span { color: #6c5594;}
.fiestas-verde { color: #fff; background: #758a4f; text-align: center; padding: 10px 0 25px 0; position: relative; border: 10px solid #fff;}
.fiestas-verde .lazo-centro-1 { margin-top: -52px;}
.fiestas-verde .linea-centro-2 { display: block; margin: auto auto -35px auto; width: 2px; background: #cdb283; height: 25px;}
.fiestas-verde p { font-family: "MullerRegular", "Lato", Arial, Helvetica, sans-serif; font-size: 21px; line-height: 1.3; margin-bottom: 8px;}
.fiestas-2bloques { display: inline-block; width: 100%; margin-bottom: -5px; border-top: 2px solid #cdb283;}
.fiestas-2bloques p { font-family: "MullerExtraBold", "Lato", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 1.2;}
.fiestas-2bloques p span { color: #cca969;}
.fiestas-violeta, .fiestas-rojo { float: left; width:50%; height: 290px; color: #fff; background: url(images/bg-lazo-esquina.png) no-repeat right top; text-align: left; padding: 70px 0 0 50px; position: relative;}
.fiestas-violeta { background-color: #6b5595; border-right: 1px solid #cdb283;}
.fiestas-rojo { background-color: #df4a4c; border-left: 1px solid #cdb283;}
.fiestas-premios { background: #fff; color: #52968b; text-align: center; padding: 55px 0 65px 0; position: relative; border-top: 2px solid #cdb283;}
.fiestas-premios p { font-family: "MullerExtraBold", "Lato", Arial, Helvetica, sans-serif; font-size: 21px; line-height: 1.2; margin-bottom: 20px;}
.fiestas-premios .marcas-premios-1 { margin-bottom: 20px;}
.fiestas-beneficios { background: #f0f1f0; color: #6b5595; text-align: center; padding: 45px 0; position: relative; border-top: 2px solid #cdb283; border-bottom: 2px solid #cdb283;}
.fiestas-beneficios>p { font-family: "MullerBold", "Lato", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.2; margin-bottom: 20px;}
.fiestas-beneficios>p span { color: #c79057;}
.fiestas-beneficios .promos-slider .caroufredsel_wrapper { margin: auto !important;}
.fiestas-share { background: #fff; color: #52968b; text-align: center; padding: 25px 0 15px 0; position: relative; border-top: 2px solid #cdb283; border-bottom: 2px solid #cdb283; margin-top: -2px;}
.fiestas-share p { font-family: "MullerExtraBold", "Lato", Arial, Helvetica, sans-serif; font-size: 21px; line-height: 1.2; margin-bottom: 20px;}
.fiestas-share div { margin: auto;}
.fiestas-share div ul { display: inline-block;}
.fiestas-share div ul li { float: left; padding-left: 20px;}
.fiestas-share div ul li:first-child { padding-left: 0;}
.fiestas-share div ul li .fa { font-size: 40px;}
.fiestas-share div ul li .fa-whatsapp { display: block; padding-left:5px;}
.fiestas-share div ul li .fa-facebook-square:hover { color: #0c6dc7;}
.fiestas-share div ul li .fa-whatsapp:hover { color: #00bb2d;}
.fiestas-share div ul li .fa-twitter:hover { color: #38b7e6;}

/* DATOS */
.div-form .datos-cliente-titulo { color: #758a4f; text-align: center;}
.div-form .datos-cliente-titulo p { font-family: "MullerBlack", "Lato", Arial, Helvetica, sans-serif; font-size: 45px; line-height: 1;}
/* FORM */
.div-form .solicitud-formulario { padding: 50px; margin: 0; border: 0; border-top: 2px solid #cdb283;}
.div-form .solicitud-formulario .form-group { max-width: 318px;}
.div-form .solicitud-formulario .control-label { color: #000; font-family: "MullerRegular", "Lato", Arial, Helvetica, sans-serif; font-size: 15px;}
.div-form .solicitud-formulario .control-label.required::before { display: none; /*color: #ff9f00; font-size: 15px; top: 0px;*/}
.div-form .solicitud-formulario .form-control { border-radius: 0 !important; background: #fff; border-color: #8d8d8d;}
.div-form .solicitud-formulario .input-group-addon { border-radius: 0; background: #fff; font-family: "MullerRegular", "Lato", Arial, Helvetica, sans-serif; border-color: #8d8d8d; padding-top: 10px;}
.div-form .solicitud-formulario .form-actions { background: none; padding-top: 0; padding-bottom: 0; margin-top: 0;}
.div-form .solicitud-formulario .acepto label { margin-top: 5px;}
.div-form .solicitud-formulario .acepto a { color: #4f504f; text-decoration: underline;}
.div-form .solicitud-formulario .btn-action { text-align: center; padding-top: 20px;}
.div-form .solicitud-formulario .alert-danger { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.div-form .solicitud-formulario .form-control[validate="ok"] { border-color: #789c48; background: #fbfff6 url(https://cdn3.iconfinder.com/data/icons/flat-actions-icons-9/792/Tick_Mark_Dark-512.png) no-repeat 98%; background-size: contain; transition: background 2s;}
.div-form .solicitud-formulario .btn { font-family: "MullerRegular", "Lato", Arial, Helvetica, sans-serif; font-size: 16px; color: rgba(255,255,255,1); width: 220px; height: 44px; background: #758a4f; padding-top: 9px; margin-top: 10px; margin-bottom: 5px;}
.div-form .solicitud-formulario .btn:hover { color: rgba(255, 255, 255, 0.5);}
.div-form .solicitud-formulario .error input { border: 1px solid #c90042;}
.div-form .solicitud-formulario .error .error-message { padding: 5px 8px; margin: 4px 0 0 0; background: #ead5db;}
.div-form .solicitud-formulario .error #spnchkTerminos.error-message { margin: auto;}
.div-form .solicitud-formulario .form-group.error { background: none;}
.div-form .solicitud-formulario .form-group.doble-campo.error .error-message { margin-left: -120px;}

/**/
.referidos-legales { padding-top: 30px; border-top: 2px solid #cdb283; margin-top: -2px;}
.referidos-legales p { font-size: 12px; color: #868686;}
.referidos-legales p a { color: #868686; text-decoration: underline;}
.referidos-agency { font-size: 11px; color: #6d6c6e; padding: 15px 0;}
.referidos-agency a { color: #6d6c6e}
/**/
.cliente { display: inline-block; width: 100%; text-align: center; color: #758a4f; background: #fff/* url(images/bg-premios-misc.png) no-repeat top center*/; border-top: 2px solid #cdb283; padding: 30px 20px 40px 20px;}
.success-msg h2 { font-family: "MullerBlack", "Lato", Arial, Helvetica, sans-serif; font-size: 45px; margin-bottom: 25px;}
.success-msg h2 span { color: #df4a4c}
.success-msg h3 { font-family: "MullerBold", "Lato", Arial, Helvetica, sans-serif; font-size: 36px; line-height: 1.1; color: #df4a4c; margin-top: 15px; margin-bottom: 15px;}
.success-msg h3 span { font-family: "MullerBlack", "Lato", Arial, Helvetica, sans-serif; font-size: 45px;}
.success-msg h3 span em { font-style: normal;}
.success-msg p { font-size: 17px; max-width: 500px; padding: 0 15px; margin: auto; margin-top: 0;}
.success-msg p.mje-email { font-size: 22px; max-width: 570px;}
.cargar-ticket-btn { display: inline-block; font-family: "Muller", "Lato", Arial, Helvetica, sans-serif; font-size: 20px; color: #fff; background: #758a4f; padding: 8px 20px 8px 20px; margin-top: 30px; margin-bottom: 20px;}
.cargar-ticket-btn:hover, .cargar-ticket-btn:active, .cargar-ticket-btn:focus { color: #fff; opacity: .8;}
/**/
.solicitud-3-pasos.modal-open iframe { height: 300px !important;}

/* RESPONSIVE */
@media screen and (max-width: 767px) {
    .container-general { width: 100%;}
	.fiestas-titulo, .fiestas-premios, .fiestas-beneficios { padding: 30px 15px;}
    /**/
	.referidos-agency { padding-bottom: 15px;}
}
@media screen and (max-width: 690px) {
	.fiestas-premios .marcas-premios-1 { margin-bottom: 0;}
	.fiestas-premios picture { width: 100%; display: inline-block; margin-bottom: 20px;}
	.fiestas-premios picture.logo-premios-1 { margin: 20px 0;}
	.fiestas-premios picture.logo-premios-2 { margin: 0px -15px 20px 0;}
	.fiestas-premios picture.logo-premios-3 { margin: 19px 0;}
	.fiestas-premios picture.logo-premios-4 { margin: 20px 0;}
	.fiestas-premios picture.logo-premios-5 { margin: 20px 0;}
	.fiestas-premios picture.logo-premios-6 { margin: 20px 0;}
	.fiestas-premios picture.logo-premios-7 { margin: 20px 0;}
}
@media screen and (max-width: 680px) {
	.fiestas-2bloques p { font-size: 28px;}
	.fiestas-violeta, .fiestas-rojo { width: 100%; height: unset; padding: 40px 0px 20px 40px; background-position: calc(100% + 20px) -20px}
	.div-form .datos-cliente-titulo p { font-size: 35px;}
	/**/
	.success-msg h2 { font-size: 36px;}
	.success-msg h3 { font-size: 20px;}
	.success-msg h3 span { font-size: 41px;}	
}
@media screen and (max-width: 520px) {
	.fiestas-titulo h2 { font-size: 35px;}
	.fiestas-titulo h3, .fiestas-titulo h3 span { font-size: 30px;}
	.fiestas-verde p { font-size: 17px; padding: 0 15px;}
	.fiestas-verde p br { display: none;}
	/**/
	.cargar-ticket-btn { font-size: 18px;}
}
@media screen and (max-width: 501px) {
	.fiestas-2bloques p { font-size: 26px;}
}
@media screen and (max-width: 480px) {
	.only-mbl { display: block;}
    .div-form .solicitud-formulario .form-actions .col-md-7.col-xs-4 { margin-top: 0;}
	.div-form .solicitud-formulario .form-group.doble-campo.error .error-message { margin-left: 0;}
	.div-form .solicitud-formulario .btn { width: 100%; padding: 0; padding-top: 2px;}
}
@media screen and (max-width: 420px) {
	.fiestas-beneficios p br { display: none;}
}
@media screen and (max-width: 370px) {
	.success-msg h2 { font-size: 31px;}
}

.CGW_Overlay { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;z-index: 10000;}
.CGW_AjaxLoaderFA { position:fixed;top: 45%;left: 50%;margin-top:-16px;margin-left:-16px;z-index:999999;font-size: 40px !important;color: #fff;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg);} }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg);} }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg);} }