/* FUENTES */

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 100;
	src: url("fonts/Roboto/Roboto-Thin.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	src: url("fonts/Roboto/Roboto-Light.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 500;
	src: url("fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: url("fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	src: url("fonts/Roboto/Roboto-Black.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto Mono";
	font-style: normal;
	font-weight: 300;
	src: url("fonts/Roboto/RobotoMono-Light.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto Mono";
	font-style: normal;
	font-weight: 400;
	src: url("fonts/Roboto/RobotoMono-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto Mono";
	font-style: normal;
	font-weight: 500;
	src: url("fonts/Roboto/RobotoMono-Medium.ttf") format("truetype");
}

@font-face {
	font-family: "Roboto Mono";
	font-style: normal;
	font-weight: 700;
	src: url("fonts/Roboto/RobotoMono-Bold.ttf") format("truetype");
}

@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(fonts/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
		local('MaterialIcons-Regular'),
		url(fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
		url(fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
		url(fonts/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'LineIcons';
    src: url(fonts/LineIcons/LineIcons.eot);
    src: url(fonts/LineIcons/LineIcons.eot) format('embedded-opentype'),
        url(fonts/LineIcons/LineIcons.woff2) format('woff2'),
        url(fonts/LineIcons/LineIcons.woff) format('woff'),
        url(fonts/LineIcons/LineIcons.ttf) format('truetype'),
        url(fonts/LineIcons/LineIcons.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }

/* FONTS */

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Roboto', sans-serif; margin: 0; }

a,
p,
span,
div,
li,
strong,
input,
textarea,
button { font-family: 'Roboto', sans-serif; }

a,
a:hover,
a:visited { color: #666; }

/* GENERICO */

.hidden { display: none; }

body { background: #eee; }
body .container[role="main"] {-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2); }

.bntPrincipal { /*font-size: 14px;*/ font-size: 16px; font-weight: 500; /*background: #EA565C;*/ background: #66bb6a; color: #fff; box-shadow: none; border-bottom: 2px solid #3d8c6a; }
.bntPrincipal:hover,
.bntPrincipal:active,
.bntPrincipal:focus,
.bntPrincipal:active { /*background: #bd474a;*/ background: #48a34d; color: #fff; /*-webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3); box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.3);*/ box-shadow: none; }
.bntPrincipal:hover { /*background: #f29aac;*/ background: #77da71; }

.bntPrincipal[disabled] { border-bottom-color: #FFF; background: #eee; color: #bbb; }

.btn { border-radius: 4px; }

.btn.bntPrincipal .loader-boton { opacity: 0; display: block; font-size: 5px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity .3s ease-in-out; }
.btn.bntPrincipal.cargando { text-indent: -9999em; }
.btn.bntPrincipal.cargando[disabled] { background: #66bb6a; }
.btn.bntPrincipal.cargando .loader-boton { opacity: 1; }

.btn.no-radius { border-radius: 0; }
.btn.no-border { border: 0; }

.btnCancel { background: #fff !important; min-width: 0; box-shadow: none !important; border-radius: 0; padding: 0; margin-right: 20px; font-weight: 300; font-size: 14px; }

.btn-small-gray { background: #7f7f7f; font-size: 13px; color: #FFF !important; font-weight: 500; padding: 5px 10px; text-transform: none; }
.btn-small-gray.btn-facebook { position: relative; padding-left: 30px; }
.btn-small-gray.btn-facebook:before { content: '\f082'; font-family: 'FontAwesome'; color: #FFF; font-size: 16px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.btn-small-gray:hover { background: #999; color: #666; }


.footer { margin-top: 50px; }
.footer p { text-align: center; font-size: 12px; color: #999; }
.footer p a { color: #666; }

.container { max-width: 640px; }

@media (max-width: 1199px) {
	body .container[role="main"] { width: 100%; }
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	body .container[role="main"] {  }
}

@media (max-width: 575px) {

}

/* FORMULARIO */

.form-group {  }
.form-group label { font-size: 12px; text-transform: uppercase; }
.form-group input {  }
.form-group input[readonly] {
    color: #ddd;
}


.form-group.form-group-phone {  }
.form-group.form-group-phone .intl-tel-input { display: block; }
.form-group.form-group-phone .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background: none !important; }

.form-group.form-group-phone label {  }
.form-group.form-group-phone input {  }

.form-group.form-group-phone input::-webkit-input-placeholder { opacity: .5 }
.form-group.form-group-phone input::-moz-placeholder { opacity: .5 }
.form-group.form-group-phone input:-ms-input-placeholder { opacity: .5 }
.form-group.form-group-phone input:-moz-placeholder { opacity: .5 }

.pmd-checkbox { position: relative; display: block; }
.pmd-checkbox > span { color: #565656; line-height: normal; padding-left: 30px; }
.pmd-checkbox [type=checkbox]:checked+.pmd-checkbox-label,
.pmd-checkbox [type=checkbox]:not(:checked)+.pmd-checkbox-label { position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -11px; }
.pmd-checkbox [type=checkbox]:checked+.pmd-checkbox-label:before { background: #ea565c; border-color: #ea565c; }
.pmd-checkbox [type=checkbox]:checked+.pmd-checkbox-label:before,
.pmd-checkbox [type=checkbox]:not(:checked)+.pmd-checkbox-label:before { border-color: #ea565c; }

.form-group .help-block { font-size: 10px; margin: 0; font-weight: 400; line-height: normal; margin-top: 5px; }
.form-group .help-block-phone.oculto { display: none; }
.form-group.has-error .help-block,
.form-group #birthdate-error { color: #ff0000; }
.form-group.has-error .pmd-textfield-focused { background-color: #ff0000 !important; }
.form-group.has-error input { border-bottom: 1px solid #ff0000; }
.form-group.has-error .form-control:invalid { color: #ff0000;  }
.form-group.has-error .form-control:invalid .control-label { color: #ff0000; }

.form-group .info-text { display: none; }
.form-group.pmd-textfield-floating-label-active .info-text { display: block; color: #bbb; font-size: 11px; margin-top: 5px; }

.help-block-email-first-time { display: none; font-size: 10px; margin: 0; font-weight: 400; line-height: normal; margin-top: 5px; }
.pmd-textfield-floating-label-active .help-block-email-first-time { display: block; }

.pmd-textfield-focused { /*background-color: #EA565C;*/ background-color: transparent; }
.obligatorio { color: #EA565C; font-size: 15px; position: relative; top: 0px; margin-left: 5px; }

/* CABECERA ANDROID */

#cabeceraAndroid { background: #fff; position: relative; padding: 20px 0; text-align: left; /*box-shadow: -1px 4px 10px -2px #E1E1E1;*/ border-bottom: 1px solid #ebebeb; }
#cabeceraAndroid .back { color: #565656; position: absolute; top: 50%; left: 10px; height: 30px; margin-top: -20px; }
#cabeceraAndroid .back:before { display: inline-block; font-family: 'Material Icons'; content: '\E5C4'; font-size: 25px; }
#cabeceraAndroid h1 { font-size: 18px; color: #565656; font-weight: 500; padding-left: 30px;  }

/* MODAL */

.modal-backdrop.show + .modal-backdrop.show { opacity: 0; }

.modal {  }
.modal .modal-dialog { min-width: 500px; }
.modal .modal-dialog .modal-content { border: 0; border-radius: 8px; padding: 20px; }

.modal .modal-dialog .modal-content .modal-header { padding: 0; margin: 0; font-size: 18px; color: #666; text-align: left; font-weight: 500; }
.modal .modal-dialog .modal-content .modal-header p { margin-bottom: 0.5rem; }

.modal .modal-dialog .modal-content .modal-body { margin: 0; padding: 0; font-size: 14px; color: #9E9E9E; text-align: left; }
.modal .modal-dialog .modal-content .modal-body h2,
.modal .modal-dialog .modal-content .modal-body .modalTitle { font-size: 18px; text-align: center; color: #000; margin-bottom: 30px; }
.modal .modal-dialog .modal-content .modal-body h3 { font-size: 18px; text-align: center; color: #666; margin-bottom: 30px; }

.modal .modal-dialog .modal-content .modal-footer { padding: 0; border: 0; margin-top: 40px; }
.modal .modal-dialog .modal-content .modal-footer .actions {  }
.modal .modal-dialog .modal-content .modal-footer .bntPrincipal { /*background: #EA565C; color: #fff;*/ cursor: pointer !important; }
.modal .modal-dialog .modal-content .modal-footer .btnCancel { background: #fff !important; min-width: 0; box-shadow: none; border-radius: 0; padding: 0; margin-right: 20px; }

.modalError.modal .modal-dialog .modal-content .modal-body { text-align: center; }
.modalError.modal .modal-dialog .modal-content .modal-body:before { line-height: normal; display: block; font-family: 'Material Icons'; font-size: 50px; color: #999; content: '\E000'; text-align: center; margin-bottom: 30px; }
.modalError.modal .modal-dialog .modal-content .modal-body p { line-height: normal; font-size: 18px; }
.modalError.modal .modal-dialog .modal-content .modal-body .title { font-weight: 400; color: #000; margin-bottom: 20px; }
.modalError.modal .modal-dialog .modal-content .modal-body .subtitle { font-weight: 300; color: #666; }

.modalError.modal .modal-dialog .modal-content .modal-footer {  }
.modalError.modal .modal-dialog .modal-content .modal-footer .actions { display: block; text-align: center; width: 100%; }

.modalAcierto.modal .modal-dialog .modal-content .modal-body { text-align: center; }
.modalAcierto.modal .modal-dialog .modal-content .modal-body:before { line-height: normal; display: block; font-family: 'Material Icons'; font-size: 50px; color: #999; content: '\E876'; text-align: center; margin-bottom: 30px; }
.modalAcierto.modal .modal-dialog .modal-content .modal-body p { line-height: normal; font-size: 18px; }
.modalAcierto.modal .modal-dialog .modal-content .modal-body .title { font-weight: 400; color: #000; margin-bottom: 20px; }
.modalAcierto.modal .modal-dialog .modal-content .modal-body .subtitle { font-weight: 300; color: #666; }

/* MODAL TERMINOS */

#modalTerms .termspopupMacOs { display: none; }
#modalTerms.macosmodal .termspopupMacOs { display: block; }
#modalTerms.macosmodal .termspopup { display: none; }

#modalTerms .termspopup .modal-body { text-align: justify; }
#modalTerms .termsponsorpopup .modal-body { text-align: justify; }
#modalTerms .termsponsorpopup .modal-body strong { font-weight: 400; color: #666;}

.hide-terms #modalTerms { z-index: 1039; }

/* MODAL ERROR */

.modal #pincode_error {  }
.modal #pincode_error .errorAlign { text-align: center; margin-bottom: 30px; }
.modal #pincode_error .errorAlign p { margin: 0; color: red; font-size: 14px; font-weight: normal; }

/* MODAL ERROR GENERICO */

.modal .remember-ko { text-align: center; }
.modal .remember-ko p { margin: 0; color: red; font-size: 14px; font-weight: normal; }

.modal .remember-ok { text-align: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; z-index: 20; padding: 60px; }
.modal .remember-ok .divAlign { position: absolute; top: 50%; width: 100%; left: 0; margin-top: -80px; }
.modal .remember-ok p { margin: 0; font-weight: 400; color: #000; line-height: normal; font-size: 18px; margin-bottom: 20px; }
.modal .remember-ok p:before { line-height: normal; display: block; font-family: 'FontAwesome'; font-size: 50px; color: #8BC34A; content: '\f058'; margin-bottom: 20px; }
.modal .remember-ok .btn { color: #fff !important; }

/* MODAL GIFT */

.modalGift.modal .modal-dialog .modal-content .modal-body { text-align: center; }
.modalGift.modal .modal-dialog .modal-content .modal-body p { line-height: normal; font-size: 18px; }
.modalGift.modal .modal-dialog .modal-content .modal-body .title { font-weight: 400; color: #000; margin-bottom: 20px; }

.modalGift.modal .modal-dialog .modal-content .modal-footer {  }
.modalGift.modal .modal-dialog .modal-content .modal-footer .actions { display: block; text-align: center; width: 100%; }

	/* MODAL GIFT ERROR */

	.modalGift.modal.ko .modal-dialog .modal-content .modal-body:before { line-height: normal; display: block; font-family: 'Material Icons'; font-size: 50px; color: #999; content: '\E000'; text-align: center; margin-bottom: 30px; }

	/* MODAL GIFT OK */

	.modalGift.modal.ok .modal-dialog .modal-content .modal-body:before { line-height: normal; display: block; font-family: 'Material Icons'; font-size: 50px; color: #999; content: '\E876'; text-align: center; margin-bottom: 30px; }

/* MODAL AYUDA */

#modalAyuda .ok,
#modalAyuda .ko { display: none; }
#modalAyuda .actions { text-align: right !important; }

.modalError#modalAyuda {  }
.modalError#modalAyuda .formulario { display: none; }
.modalError#modalAyuda .bntPrincipal { display: none; }
.modalError#modalAyuda .ok { display: none; }
.modalError#modalAyuda .ko { display: block; }

.modalAcierto#modalAyuda {  }
.modalAcierto#modalAyuda .formulario { display: none; }
.modalAcierto#modalAyuda .bntPrincipal { display: none; }
.modalAcierto#modalAyuda .ko { display: none; }
.modalAcierto#modalAyuda .ok { display: block; }

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	.modal {  }
	.modal .modal-dialog { min-width: 80%; }
	/* .modal .modal-dialog .modal-content { padding: 30px; } */
}

@media (max-width: 575px) {
	.modal {  }
	.modal .modal-dialog { min-width: 90%; }
	.modal .modal-dialog .modal-content {  }
}

/* MODAL AFILIADOS */

#modalAfiliados { }
#modalAfiliados .modal-dialog {  }
#modalAfiliados .modal-dialog .modal-content { padding: 20px 15px; }
#modalAfiliados .modal-dialog .modal-content .modal-body {  }
#modalAfiliados .modal-dialog .modal-content .modal-body h2 { text-align: left; color: #494949; margin-bottom: 10px; }

#modalAfiliados .modal-dialog .modal-content .modal-body .listadoAfiliados { max-height: 50vh; overflow: hidden; overflow-y: auto; }
#modalAfiliados .modal-dialog .modal-content .modal-body .listadoAfiliados .contenido { text-align: justify; }
#modalAfiliados .modal-dialog .modal-content .modal-body .listadoAfiliados .contenido span { text-align: justify; }

#modalAfiliados .modal-dialog .modal-content .modal-footer { margin-top: 10px; }
#modalAfiliados .modal-dialog .modal-content .modal-footer button { font-weight: 500; border-radius: 0; }


@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

	#modalAfiliados { }
	#modalAfiliados .modal-dialog { margin: 0; vertical-align: bottom; }
	#modalAfiliados .modal-dialog .modal-content {  }
	#modalAfiliados .modal-dialog .modal-content .modal-body {  }

	#modalAfiliados .modal-dialog .modal-content .modal-body .listadoAfiliados { max-height: 16vh; }

	#modalBusiness .modal-dialog { margin: 0; vertical-align: bottom; }
	#modalBusiness .modal-dialog .modal-content { padding: 20px 15px; }
	#modalBusiness .modal-dialog .modal-content .modal-footer { margin-top: 10px; }

}

@media (max-width: 575px) {

}

/* MODAL BOTTOM */
.modal.modal-bottom.behind { display: block; z-index: -1; opacity: 1; }
.modal.modal-bottom:before { vertical-align: bottom; }
.modal.modal-bottom .modal-dialog { margin-bottom: 0; }
.modal.modal-bottom .modal-dialog .modal-content { margin-bottom: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

/* MODAL GUESTS */
.guestspopup { display: none; }
.guestspopup .modal-body { display: flex; flex-direction: column; justify-content: center; }
.page-register .guests_group { margin-top: 35px; }
.guests_group .guests-title { font-size: 20px; font-weight: normal;line-height: 1.2; text-align: center; color: #565656; }
.guests_group .guests-wrapper { display: flex; width: 100%; }
.guests_group .guests-wrapper .guests-selection { height: 60px; display: flex; border: 2px solid #cccccc; width: 100%; border-radius: 4px;}
.guests_group.has-error .guests-wrapper .guests-selection,
.guests_group.has-error .guests-wrapper .guests-enter input { border-color: #ff0000; }
.guests_group:not(.show-input) .guests-wrapper .guests-enter { position: absolute; z-index: -9999; opacity: 0; height: 0; width: 0; border: none; padding: 0; }
.guests_group.show-input .guests-wrapper .guests-selection { display: none; }
.guests_group .guests-wrapper .guests-selection .guests-item { cursor: pointer; font-size: 30px; color: #cccccc; border-left: 1px solid #cccccc; flex-grow: 1; display: flex; justify-content: center; align-items: center; }
.guests_group .guests-wrapper .guests-selection .guests-item:first-child { border-left: none; }
.guests_group .guests-wrapper .guests-selection .guests-item.selected,
.guests_group .guests-wrapper .guests-selection .guests-item:hover { color: #66bb6a; }
.guests_group .guests-wrapper .guests-enter { width: 100%; }
.guests_group .guests-wrapper .guests-enter input { height: 60px; width: 100%; font-size: 30px; text-align: center; border: 2px solid #cccccc; color: #565656;}
.guests_group .guests-wrapper .guests-enter input:focus { outline: none; }
.guests_group:not(.has-error) .guests-wrapper .guests-enter input:focus { border: 2px solid #cccccc; }
.guests_group .modal-footer { justify-content: center; }
/* Chrome, Safari, Edge, Opera */
.guests_group .guests-wrapper .guests-enter input::-webkit-outer-spin-button,
.guests_group .guests-wrapper .guests-enter input::-webkit-inner-spin-button { -webkit-appearance: none;  margin: 0;
}

/* Firefox */
.guests_group .guests-wrapper .guests-enter input[type=number] {
  -moz-appearance: textfield;
}

/* CABECERA BANNER */

.container[role="header"] { padding: 0; -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37); }
.container[role="header"] header.heading {  }
.container[role="header"] header.heading .background_image_div { height: 244px; background-size: cover !important; }
.container[role="header"] header.heading .background_image_div img { display: none; }

@media (max-width: 1199px) {
	.container[role="header"] { width: 100%; }
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 575px) {

}

/* INDEX */

.home {  }
.home .container[role="main"] { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; padding-top: 70px; padding-bottom: 70px; }
.home .container[role="main"] > div { width: 100%; }
.home .container[role="main"] { /*padding-top: 100px;*/ padding-bottom: 30px; justify-content: space-between; }

.home #welcome { margin-bottom: 80px; }
.home #welcome h1,
.home #welcome h1 * { font-size: 40px !important; text-align: center !important; margin: 0 auto !important; color: #474747 !important; }
.home #welcome h1 .break { display: block; }
.home #welcome h1 .light,
.home #welcome h1 .light * { font-weight: 300 !important; }
.home #welcome h1 .normal,
.home #welcome h1 .normal * { font-weight: 400 !important; }

.home #welcome h2 { font-size: 11px; text-align: center; margin: 0 auto; margin-top: 10px; color: #bbb; }
.home #welcome h2 .light { font-weight: 300; }
.home #welcome h2 .normal { font-weight: 400; }

.home #welcome .disclaimertext {  }

.home #login-buttons { text-align: center; margin-bottom: 60px; }
.home #login-buttons .socialConect { margin: 0; padding: 0; display: inline-block; }
.home #login-buttons .socialConect li { padding: 0; list-style: none; float: left; }
.home #login-buttons .socialConect li:hover { box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); }
.home #login-buttons .socialConect li:nth-child(even) { margin: 0 20px; }

.home #login-buttons .socialConect li a { display: block; font-size: 0; width: 100px; height: 100px; background: #9E9E9E; line-height: 100px; text-align: center; }
.home #login-buttons .socialConect li a:before { display: block; font-family: 'FontAwesome'; font-size: 23px; color: #fff; }

.home #login-buttons .socialConect li.facebook a { background: #3b5998; }
.home #login-buttons .socialConect li.facebook a:before { content: '\f09a'; }

.home #login-buttons .socialConect li.twitter a { background: #00aced; }
.home #login-buttons .socialConect li.twitter a:before { content: '\f099'; }

.home #login-buttons .socialConect li.linkedin a { background: #0077B5; }
.home #login-buttons .socialConect li.linkedin a:before { content: '\f0e1 '; }

.home #login-buttons .socialConect li.form a { background: #9E9E9E; }
.home #login-buttons .socialConect li.form a:before { content: '\f03a'; }

.home #disclaimerTexts { text-align: center; margin-top: 20px; margin-bottom: 0px; }
.home #disclaimerTexts .fb-disclarmer-row {  }
.home #disclaimerTexts .fb-disclarmer-row span,
.home #disclaimerTexts .fb-disclarmer-row a { color: #666; font-size: 15px; }

.home #disclaimerTexts .fb-disclarmer-row .disclaimertextpincode { margin-top: 10px; }
.home #disclaimerTexts .fb-disclarmer-row .disclaimertextpincode span,
.home #disclaimerTexts .fb-disclarmer-row .disclaimertextpincode a { color: #999; font-size: 12px; }

.home #only-email-registration .actions button,
.home #only-email-registration .actions a { font-size: 17px; width: 100%; font-weight: 700 !important; padding: 10px 30px; background: #ea565c; opacity: 1 !important; box-shadow: none !important; border-bottom: 3px solid #bd474a; margin-bottom: 50px; }

.home #terms {  }
.home #terms p { color: #bbb; font-size: 11px; text-align: center; margin: 0 auto; }
.home #terms label { color: #bbb; font-size: 11px; text-align: center; margin: 0; }
.home #terms label a { color: #bbb; font-weight: 600; }

.home .bloque {  }

.home .bloque.bloque-fijo {  }

.home .bloque.bloque-variable { flex-grow: 1; display: flex; align-items: center; }

.home .bloque #welcome { margin-bottom: 30px; }

.home .bloque .registration-form { margin-top: -15px; }
.home .bloque .registration-form .form-group {  }
.home .bloque .registration-form .form-group label { text-transform: none; display: block; text-align: center; font-size: 16px; color: #565656; }
.home .bloque .registration-form .form-group.pmd-textfield-floating-label-active label { color: #bbb;}
.home .bloque .registration-form .form-group input { text-align: center; }
.home .bloque .registration-form .form-group .help { font-size: 11px; text-align: center; color: #ff0000; opacity: 0; transition: opacity .3s ease-in-out; }
.home .bloque .registration-form .form-group .help a { /*color: #bbb;*/ color: inherit; font-weight: 500; text-decoration: underline; }
.home .bloque .registration-form .form-group.show-help .help { opacity: 1; }

.home .bloque .continue {  }
.home .bloque .continue .bntPrincipal { display: block; }

.home .bloque .or-facebook { padding: 15px 0; display: flex; align-items: center; flex-direction: column; justify-content: space-around; }
.home .bloque .or-facebook > span { display: block; color: #bbb; font-size: 11px; font-style: italic; text-align: center; margin: 0 auto; position: relative; margin-bottom: 10px; }
.home .bloque .or-facebook > span .text { position: relative; z-index: 2; display: inline-block; padding: 5px 15px; background: #FAFAFA; }
.home .bloque .or-facebook > span:after { content: ''; display: block; width: 100%; height: 1px; background: #ddd; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 1; }
.home .bloque .or-facebook > a,
.home .bloque .or-facebook > span { width: 182px; }

.home .spanEmail { color: #666; }

@media (max-width: 1199px) {
	.home > .container { width: 100%; }
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	.home .container[role="main"] { justify-content: space-between; padding-top: 30px; padding-bottom: 20px; }
	.home .container[role="header"] header.heading {  }
	.home .container[role="header"] header.heading .background_image_div { height: 225px; }

	.home #welcome { margin-bottom: 0;}
	.home #welcome h1 { font-size: 1.7rem; text-align: center; width: 100%; line-height: normal; }
	.home #welcome h2 { /*font-size: 14px;*/ }
	.home #welcome .disclaimertext {  }

	.home #disclaimerTexts { margin-bottom: 0px; }
	.home #disclaimerTexts .fb-disclarmer-row span,
	.home #disclaimerTexts .fb-disclarmer-row a { font-size: 14px; }

	.home #login-buttons .socialConect li a { width: 80px; height: 80px; line-height: 80px; }

	.home #login-buttons { margin: 0; }
	.home #login-buttons > .col { padding: 0; }

	.home #terms > .col { /*padding: 0;*/ }
	.home #terms p { width: 100%; }
}

@media (max-width: 575px) {

}

@media (max-width: 350px) {
	.homeOldUser .container[role="main"] { padding-top: 20px !important; }
	.home #welcome > .col { padding: 0; }
	.home #welcome h1 { font-size: 1.4rem; }
	.homeOldUser #welcome .notuser, .homeOldUser #welcome .notuser a { font-size: 12px !important; }
}

@media (max-height: 500px) {
	.home #welcome,
	.home #login-buttons { margin-bottom: 30px; }
}

/* HOME OLD USER */

.homeOldUser {  }
.homeOldUser .container[role="main"] { padding-top: 100px; padding-bottom: 30px; justify-content: space-between; }

.homeOldUser #welcome {  }
.homeOldUser #welcome .notuser { display: block; text-align: center; margin: 0; margin-top: 10px; color: #999; font-size: 15px; font-weight: 400; }
.homeOldUser #welcome .notuser a { position: relative; color: #999; font-size: 15px; font-weight: 400; text-decoration: underline; }

.homeOldUser #terms {  }
.homeOldUser #terms .actions { display: flex; align-items: center; justify-content: center; margin: 30px 0; }
.homeOldUser #terms .actions button,
.homeOldUser #terms .actions a { font-size: 16px; width: 100%; font-weight: 700 !important; padding: 10px 30px; background: #66bb6a; opacity: 1 !important; box-shadow: none !important; border-bottom: 3px solid #3d8c6a; }

.homeOldUser #terms .powered { font-size: 11px; text-align: center; margin: 0 auto; margin-top: 10px; color: #B0B0B0; }
.homeOldUser #terms .powered .light { font-weight: 300; }
.homeOldUser #terms .powered .normal { font-weight: 400; }

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

	.homeOldUser .container[role="main"] { padding-top: 50px; padding-bottom: 20px; }

	.homeOldUser #welcome .notuser,
	.homeOldUser #welcome .notuser a { font-size: 13px; }

	.homeOldUser #terms .actions { margin: 15px 0; }
	.homeOldUser #terms .actions button { width: 100%; }
}

@media (max-width: 575px) {

}

@media (max-width: 375px) {

}

/* REGISTRO MAIL */

.page-form  {  }
.page-form  #login { padding: 0; }

.page-form #login .action {
	text-align: center;
	padding: 30px 0;
	box-shadow: 0 -3px 6px 0 rgb(0 0 0 / 10%);
}
.page-form #login .action .btn {  }
.page-form #login .action .btn.bntPrincipal { text-align: center; position: relative; }
.page-form #login .action .btn.btnCancel { text-align: center; }

.form-group-date #birthdate { color: transparent; min-height: 27px; }
.form-group-date.pmd-textfield-floating-label-completed #birthdate { color: #464a4c; }
.form-group-date.pmd-textfield-floating-label-completed #birthdate[readonly] { color: #ddd; }


#login #registration-success { display: none; text-align: center; height: calc(100vh - 120px); flex-direction: column; justify-content: space-around; }
#login #registration-success .material-icons { font-size: 120px; color: #66bb6a; }
#login #registration-success p { font-size: 16px; color: #565656; line-height: 24px; margin: 0; font-weight: 400; }
#login #registration-success p.text {  }
#login #registration-success p.continue {  }
#login #registration-success p.useremail { color: #333; }
#login #registration-success p.help { font-size: 11px; color: #bbb; line-height: 1.6; position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 15px; }
#login #registration-success svg { width: 120px; transform: scale(1); }
#login #registration-success .success-top {  }
#login #registration-success .success-top svg { fill: #565656; }
#login #registration-success .success-bottom {  }
#login #registration-success .success-bottom a { display: block; cursor: pointer; }
#login #registration-success .success-bottom svg { fill: #66BB6A; }

.show-success #cabeceraAndroid,
.show-success #login > .col-12 { display: none; }
.show-success #login > .col-12#registration-success { display: flex; position: inherit; }

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media screen and (max-width: 600px) {
	.page-form #login .action {
		padding: 20px 30px;
	}

	.page-tags.page-form #login .action .btn {
		width: 100% !important;
	}

	.page-tags.page-form #login form {
		height: 100%;
		max-height: unset !important;
		display: flex;
		flex-direction: column;
	}
}

.page-tags.page-form #login form {
	max-height: 100%;
	display: flex;
	flex-direction: column;
}

.page-tags.page-form #login form *:nth-child(2) {
	flex: 1;
	overflow: auto;
}

@media (max-width: 767px) {
	.page-form #login .action .btn.bntPrincipal { /*text-align: right; font-weight: 600;*/ }
	.page-form #login .action .btn.btnCancel { /*text-align: left;*/ }

	.mobileAbsoluteButton.page-form #login { padding-bottom: 0 !important; min-height: calc(100vh - 60px) !important; }
	.mobileAbsoluteButton.page-form #login #registerform { padding-bottom: 70px; }
	.mobileAbsoluteButton.page-form #login .action { position: absolute; }

	#login #registration-success { height: calc(100vh - 40px); }

	#login #registration-success svg {  }

}

@media (max-width: 575px) {

}

@media (max-width: 375px) {
	.page-form #login { padding: 20px 0; }
}

/* REGISTRO TELEFONO - UNIFICAR */

#phone_form_div  { padding: 60px 0; }

#phone_form_div .action { margin-top: 60px; text-align: center; }
#phone_form_div .action .btn { text-align: center; }
#phone_form_div .action .btn.bntPrincipal {  }
#phone_form_div .action .btn.btnCancel {  }

.page-register .divPhone .form-group-label-phone { margin-bottom: 0; }
.page-register .divPhone .form-group-label-phone label { margin-bottom: 4px; }

/* PAGE SUCCESS */

.page-success {  }
.page-success .container[role="main"] { display: table; }

.page-success #login { display: table-cell; width: 100%; vertical-align: middle; }
.page-success #login .successIcon { display: block; margin-bottom: 20px; }
.page-success #login .successIcon:before { line-height: normal; display: block; font-family: 'LineIcons'; font-size: 50px; color: #8BC34A; content: '\ea54'; }

.page-success #login { text-align: center; }
.page-success #login h1,
.page-success #login h2 { line-height: normal; font-size: 20px; }

.page-success #login h1 { font-weight: 400; color: #000; margin-bottom: 20px; }
.page-success #login h2 { font-weight: 300; color: #666; }

/* PAGE BANNED */

.page-ban {  }
.page-ban .container[role="main"] { display: table; }

.page-ban #login { display: table-cell; width: 100%; vertical-align: middle; }
.page-ban #login .successIcon { display: block; margin-bottom: 20px; }
.page-ban #login .successIcon:before { line-height: normal; display: block; font-family: 'FontAwesome'; font-size: 50px; color: red; content: '\f06a'; }

.page-ban #login { text-align: center; }
.page-ban #login h1,
.page-ban #login h2 { line-height: normal; font-size: 18px; }

.page-ban #login h1 { font-weight: 400; color: #000; margin-bottom: 20px; }
.page-ban #login h2 { font-weight: 300; color: #666; }

/* PAGE TAGS */

.page-tags {  }
.page-tags h2 { font-size: 12px; text-transform: uppercase; color: #9E9E9E; font-weight: 400; line-height: 1.4; }

.page-tags #cabeceraAndroid h1 { padding: 0; }

.page-tags .divPhone { display: none; }
.page-tags .divPhone .container {
	padding: 30px 40px;
	display: flex;
	/*flex-direction: column;*/
	justify-content: center;
	align-items: center;
	/*max-width: 580px;*/
	max-width: 550px;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.3);
}
.page-tags .divPhone .flag-container {
	padding-bottom: 10px;
}
.page-tags .divPhone .container .centerDiv { width: 100%; }
.page-tags .divPhone .form-group { padding: 0; margin: 0 0 50px; }
.page-tags .divPhone label { font-size: 16px; font-weight: 500; margin: 0; }
.page-tags .divPhone .help-block-email-first-time { display: block; font-weight: 500; font-size: 12px; margin: 0; }
.page-tags .divPhone .actionPhone { padding: 0; text-align: right; width: 100%; }
.page-tags .divPhone .help-block.help-block-phone{
	position: absolute;
}

.page-tags .divPhone .actionPhone .btn {
	font-weight: 600;
	display: block;
	padding: 18px;
	width: 250px;
	margin: 0 auto;
}

@media screen and (max-width: 600px){
	.page-tags .divPhone .actionPhone .btn {
		width: 100%;
	}
}

.page-tags.ultimoPaso .divPhone {
	display: block;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 2;
	bottom: 0;
}

@media screen and (min-width: 600px) {
	.page-tags.ultimoPaso .divPhone {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		z-index: 2;
		bottom: initial;
		top: 50%;
		transform: translateY(-50%);
	}

	.page-tags.ultimoPaso .divPhone .container {
		border-radius: 10px;
	}
}

.page-tags .divTags h2 { margin-bottom: 30px; text-align: left; }

.page-tags h1 { margin-bottom: 30px !important; padding-top: 50px;}
.page-tags .tagsItems { margin: 0 0 10px 0; padding: 0; }

.page-tags .tagsItems .tagsItem { user-select: none; position: relative; padding: 16px 20px; padding-right: 50px; list-style: none; border-radius: 100px; cursor: pointer; line-height: normal;    border: solid 1px;     margin: 0 50px 10px;}
.page-tags .tagsItems .tagsItem.active { border-color: transparent}
.page-tags .tagsItems .tagsItem input { display: none; }
.page-tags .tagsItems .tagsItem label { margin: 0; font-size: 14px; line-height: normal; font-weight: 500; }
.page-tags .tagsItems > .tagsItem:last-child { margin-bottom: 0 !important; }

@media only screen and (max-width: 600px) {
	.page-tags .tagsItems {
		max-height: 100vh;
	}

	.page-tags .tagsItems .tagsItem {
		margin: 0 15px 10px;
	}

	.page-tags h1 { margin-bottom: 30px !important; padding-top: 30px;}
}

.page-tags .tagsItems .tagsItem .icono {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 41px;
	width: 41px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 10px;
}
.page-tags .tagsItems .tagsItem .icono::after {
	display: block; font-family: 'Material Icons'; content: '\E145'; font-size: 20px;
}
.page-tags .tagsItems .tagsItem.active .icono::after { content: '\e15b'; }

.page-tags .tagsItems .tagsItem.active { /*background: #f8d5d6;*/ background: #66bb6a; }
.page-tags .tagsItems .tagsItem.active label { /*color: #ea565c;*/ color: #FFF; }


.page-tags.page-form #login .action .btn {
	width: 205px;
	font-size: 16px;
	padding: 18px;
}
.page-tags.page-form #login .action .btn.bntPrincipal { /*text-align: center; font-weight: 600;*/ }

.page-tags .mascaraContainer { display: none; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.page-tags.ultimoPaso .mascaraContainer { display: block; }


@media (max-width: 991px) {

}

@media (max-width: 767px) {

	.page-tags.page-form {  }
	.page-tags.page-form .action {  }
	.page-tags.page-form .action .btn { text-align: center !important; }

	.page-tags .divPhone {  }
	.page-tags .divPhone .container { padding: 20px; }
	.page-tags .divPhone .container .centerDiv { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; }

	.page-tags .divPhone .form-group { margin-bottom: 40px; width: 100%; }
	.page-tags .divPhone label { font-size: 1rem; }
	.page-tags .divPhone .help-block-email-first-time { font-size: .75rem; }
}

@media (max-width: 575px) {

}

@media (max-width: 375px) {

}

/* PAGE FEEDBACK */

.page-feedback {  }
.page-feedback #cabeceraAndroid h1 { padding: 0; }
.page-feedback #login { padding: 0 !important; }
.page-feedback #question_form { padding: 60px 0; }

.page-feedback .form-textarea { margin: 0; margin-top: 20px; }

.page-feedback .QuestionForm__figure { text-align: center; margin-bottom: 60px; }
.page-feedback .QuestionForm__figure img { max-width: 100px; }

.page-feedback .messageOk { text-align: center; display: none; }
.page-feedback .messageOk p { margin: 0; margin-bottom: 10px; font-size: 15px; color: #666; line-height: normal; font-weight: 500; }
.page-feedback .messageOk::before { line-height: normal; display: block; font-family: 'Material Icons'; font-size: 50px; color: #8BC34A; content: '\E876'; text-align: center; margin-bottom: 10px; }

.page-feedback .feedbackItems { margin: 0; padding: 0; }
.page-feedback .feedbackItems .QuestionForm__form__item { position: relative; padding: 10px 30px; padding-right: 50px; margin: 0; list-style: none; background: #eee; border-radius: 30px; margin-bottom: 10px; cursor: pointer; line-height: normal; }
.page-feedback .feedbackItems .QuestionForm__form__item input { display: none; }
.page-feedback .feedbackItems .QuestionForm__form__item label { margin: 0; font-size: 13px; color: #666; line-height: normal; font-weight: 400; }

.page-feedback .feedbackItems .QuestionForm__form__item .icono { position: absolute; top: 50%; right: 20px; margin-top: -9px; }
.page-feedback .feedbackItems .QuestionForm__form__item .icono::after { display: block; font-family: 'Material Icons'; content: '\E145'; font-size: 16px; color: #666; width: 16px; height: 16px; line-height: 16px; }
.page-feedback .feedbackItems .QuestionForm__form__item.active .icono::after { content: '\E876'; }

.page-feedback .feedbackItems .QuestionForm__form__item.active { background: #f8d5d6; }
.page-feedback .form-group label { text-transform: none; color: #9E9E9E; position: relative; z-index: 200; padding: 0 5px; }
.page-feedback .QuestionForm__form__textarea { background: #fff; border-bottom: 1px solid #9E9E9E; padding: 5px; }

.page-feedback .actions { text-align: center; margin-top: 20px; }
.page-feedback .actions .bntPrincipal { font-weight: 700 !important; padding: 10px 30px; -webkit-box-shadow: 0px 2px 0px 0px rgba(189,71,74,1); -moz-box-shadow: 0px 2px 0px 0px rgba(189,71,74,1); box-shadow: 0px 2px 0px 0px rgba(189,71,74,1); }
.page-feedback .actions .bntPrincipal.submitOk { background: #66bb6a; opacity: 1 !important; box-shadow: none !important; }
.page-feedback .actions .bntPrincipal.loading { font-size: 0 !important; min-width: 200px !important; min-height: 30px !important; background: #f8d5d6 url(resources/loading.gif) center no-repeat !important; background-size: contain !important; min-width: 300px !important; }

.toastr-modal.modal .modal-dialog .modal-content .modal-body p { line-height: normal; font-size: 18px; text-align: center; }
.toastr-modal.modal .modal-dialog .modal-content .modal-body .title { font-weight: 400; color: #000; margin-bottom: 0; }

.page-feedback.feedbackOk {  }
.page-feedback.feedbackOk .feedbackItems { display: none; }
.page-feedback.feedbackOk .form-textarea > * { display: none; }
.page-feedback.feedbackOk .messageOk { display: block; }
.page-feedback.feedbackOk .form-textarea .actions { display: block; }

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 768px) {

	.page-feedback.page-form {  }
	.page-feedback #question_form { display: flex; align-items: center; justify-content: space-between; flex-direction: column; padding: 20px 0; }

	.page-feedback .centerDiv { width: 100%; flex-grow: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; }
	.page-feedback .feedbackItems { width: 100%; }
	.page-feedback .feedbackItems li { width: 100%; }

	.page-feedback .form-group label { font-size: 12px !important; }
	.page-feedback .form-textarea { margin: 0; width: 100%; }

	.page-feedback .actions {  }
	.page-feedback .actions .btn.bntPrincipal { width: 100%; font-size: 12pt; color: #fff; background: #ea565c; float: none !important; }
	.page-feedback .actions .bntPrincipal.submitOk { background: #66bb6a; }

	.page-feedback .pmd-textfield .form-control { border-bottom: solid 1px #9E9E9E; }
}

@media (max-width: 575px) {

}

@media (max-width: 375px) {
	.page-feedback .QuestionForm__figure { margin-bottom: 20px; }
}

/* PAGE GIFT */

.page-gift {  }
.page-gift #login { height: 100%; text-align: center; padding: 0; }
.page-gift #login .successIcon { display: block; margin-bottom: 20px; }
.page-gift #login .successIcon:before { line-height: normal; display: block; font-family: 'FontAwesome'; font-size: 50px; color: #000; content: '\f06a'; }

.page-gift #login h1,
.page-gift #login h2,
.page-gift #login h3 { line-height: normal; font-size: 17px; margin-bottom: 20px; }

.page-gift #login h1 { font-weight: 400; color: #565656; }
.page-gift #login h2 { font-weight: 400; font-size: 12px; color: #565656; }
.page-gift #login h3 { font-weight: 400; font-size: 12px; color: #565656; }

.page-gift .barcode_qr_voucher_id { display: inline-block; width: 100%; }
.page-gift .barcode_qr_voucher_id #promotion_success_external_id_code { display: inline;font-family: 'Roboto Mono', monospace;font-weight: 500;font-size: 1em;color: #565656;margin-top: 1.2em; text-align: center; word-wrap: break-word}
.page-gift .barcode_qr_voucher_id .barcodes_holder { min-height: 92px; max-height: 120px; display: flex; align-items: flex-end; }
.page-gift .barcode_qr_voucher_id img { display: block; width: 100%; height: 100%;}
.page-gift .barcode_qr_voucher_id .card-img-overlay { background-color: #fafafa44; width: 100%; padding: 0px}
.page-gift .barcode_qr_voucher_id #barcode_success_external_qr {  width: 100%; max-height: 120px; max-width: 120px; margin: 0 auto; }
.page-gift .barcode_qr_voucher_id #barcode_success_external_code128 {  width: 200px; height: 86px; image-rendering: pixelated; margin: 0 auto; }

.page-gift .barcodes_success_external_id { display: none; width: 100%; }
.page-gift .barcodes_success_external_id #promotion_success_external_id_code { display: block;font-family: 'Roboto Mono', monospace;font-weight: 500;font-size: 1.2em;color: #565656;margin-top: 1.2em; }
.page-gift .barcodes_success_external_id .barcodes_holder { min-height: 92px; max-height: 120px; }
.page-gift .barcodes_success_external_id img { display: block; width: 100%; height: 100%;}
.page-gift .barcodes_success_external_id .card-img-overlay { background-color: #fafafa44; width: 100%; padding: 0px}
.page-gift .barcodes_success_external_id #barcode_success_external_qr {  width: 100%; max-height: 120px; }
.page-gift .barcodes_success_external_id #barcode_success_external_code128 { width: 100%; max-height: 120px; max-width: 200px; margin: 0 auto; }

.page-gift .fabs { display: inline-block; width: 100%; }
.page-gift .fabs .contador { display: flex; align-items: center; justify-content: center; padding: 0 60px; }
.page-gift .fabs .fab { display: block; margin: 0 5px; text-align: center; float: left; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; position: relative; width: 25%; }
.page-gift .fabs .fab > div { display:block; font-family: 'Roboto'; font-weight: 300; font-size: 12px; line-height: 1; color: #bd474a; }
.page-gift .fabs .fab > .time { font-size: 35px; overflow: hidden; line-height: 1; font-weight: 700; margin-bottom: 10px; }

	.page-gift .fixedButton .bntPrincipal { padding: 10px 30px; background: #66bb6a; -webkit-box-shadow: 0px 2px 0px 0px rgba(86,158,90,1); -moz-box-shadow: 0px 2px 0px 0px rgba(86,158,90,1); box-shadow: 0px 2px 0px 0px rgba(86,158,90,1); font-weight: 700 !important; }
	.page-gift .fixedButton .bntPrincipal.loading { font-size: 0; min-width: 200px; min-height: 30px; background: #f8d5d6 url(resources/loading.gif) center no-repeat; background-size: contain; min-width: 300px;webkit-box-shadow: 0px 2px 0px 0px rgba(189,71,74,1); -moz-box-shadow: 0px 2px 0px 0px rgba(189,71,74,1); box-shadow: 0px 2px 0px 0px rgba(189,71,74,1); }

.page-gift #login .QuestionForm__counter { display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: 100%; padding: 70px 0; }
.page-gift #login .QuestionForm__counter h1 { font-size: 22px; line-height: 1.6; }

	.page-gift.giftThanks {}
	.page-gift.giftThanks .QuestionForm__counter .fabs,
	.page-gift.giftThanks #login h2,
	.page-gift.giftThanks .QuestionForm__disclaimer { display: none; }
	.page-gift.giftThanks .fixedButton .bntPrincipal { background-color: #f8d5d6; box-shadow: none !important; }
	.page-gift.giftThanks .barcodes_success_external_id { display: inline-block; width: 100%; }
	.page-gift.giftThanks .barcode_qr_voucher_id { display: none; width: 100%; }


/* QR */

.page-gift.page-gift-qr .container[role="header"] header.heading .background_image_div { position: relative; }
.page-gift.page-gift-qr .container[role="header"] header.heading .background_image_div .qr_container { position: relative; z-index: 200; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 30px 20px; }
.page-gift.page-gift-qr .container[role="header"] header.heading .background_image_div .qr_container img { display: block; width: auto; height: 100%; min-height: 92px; max-height: 120px; max-width: 120px; min-width: 92px; }
.page-gift.page-gift-qr .container[role="header"] header.heading .background_image_div .mascaraQR { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .5; }

.page-gift.page-gift-qr .fixedButton { height: 50px; }
.page-gift.page-gift-qr .fixedButton form { display: none !important; }


@media (max-width: 768px) {

	.page-gift #login { padding: 0 !important; }
	.page-gift #login .QuestionFormOk { padding: 0 20px; }
	.page-gift #login .QuestionForm__counter { padding: 20px 0; }
	.page-gift #login .tituloGift { padding: 0 20px; }
	.page-gift .fabs .contador { padding: 0; }

	.page-gift #login h1 { /*font-size: 20pt;*/ font-size: 1.5rem; margin: 0; }
	.page-gift #login h2 { /*font-size: 8pt;*/ font-size: 0.7rem; margin-bottom: 10px; }
	.page-gift #login h3 { /*font-size: 8pt;*/ font-size: 0.7rem; margin-bottom: 10px; }

	.page-gift .fabs { padding: 10px 20px; }
	.page-gift .fabs .fab { width: 25%; margin: 0; }
	.page-gift .fabs .fab > div { /*font-size: 8pt;*/ font-size: 0.7rem; }
	.page-gift .fabs .fab > .time { /*font-size: 26pt;*/ font-size: 2.5rem; margin-bottom: 10px; }

	.page-gift .fixedButton { width: 100%; }
	.page-gift .fixedButton form { margin: 0 !important; }
	.page-gift .fixedButton .bntPrincipal { width: 100%; /*font-size: 12pt;*/ font-size: 1rem; color: #fff; background: #66bb6a; }

}

@media (max-width: 575px) {

}

@media (max-width: 320px) {

	.page-gift .fabs { padding: 10px 0px; }

	.page-gift #login h1 { /*font-size: 17px;*/ font-size: 1.3rem; }
	.page-gift #login h2 { /*font-size: 11px;*/ font-size: 0.7rem; }
	.page-gift #login h3 { /*font-size: 10px;*/ font-size: 0.7rem; }

	.page-gift .fabs .fab > div { /*font-size: 8pt;*/ font-size: 0.7rem; }
	.page-gift .fabs .fab > .time { /*font-size: 26pt;*/ font-size: 2rem; }
}


/* MEDIA QUERY */
/* ----------- iPhone 4 and 4S ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

	.page-gift .fabs { padding: 10px 0px; }
	.page-gift #login h1 { font-size: 1.3rem; }
	.page-gift #login h2 { font-size: 0.7rem; }
	.page-gift #login h3 { font-size: 0.7rem; }

	.page-gift .fabs .fab > div { font-size: 0.7rem; }
	.page-gift .fabs .fab > .time { font-size: 2rem; }

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	.page-gift .fabs { padding: 10px 0px; }
	.page-gift #login h1 { font-size: 1.3rem; }
	.page-gift #login h2 { font-size: 0.7rem; }
	.page-gift #login h3 { font-size: 0.7rem; }

	.page-gift .fabs .fab > div { font-size: 0.7rem; }
	.page-gift .fabs .fab > .time { font-size: 3rem; }		}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
	.page-gift .fabs { padding: 10px 0px; }
	.page-gift #login h1 { font-size: 1.3rem; }
	.page-gift #login h2 { font-size: 0.7rem; }
	.page-gift #login h3 { font-size: 0.7rem; }

	.page-gift .fabs .fab > div { font-size: 0.7rem; }
	.page-gift .fabs .fab > .time { font-size: 3rem; }

}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
	.page-gift .fabs { padding: 10px 0px; }
	.page-gift #login h1 { font-size: 1.5rem; }
	.page-gift #login h2 { font-size: 0.7rem; }
	.page-gift #login h3 { font-size: 0.7rem; }

	.page-gift .fabs .fab > div { font-size: 0.7rem; }
	.page-gift .fabs .fab > .time { font-size: 3rem; }
}

/* ----------- iPhone X ----------- */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
	.page-gift .fabs { padding: 10px 0px; }
	.page-gift #login h1 { font-size: 1.5rem; }
	.page-gift #login h2 { font-size: 0.7rem; }
	.page-gift #login h3 { font-size: 0.7rem; }

	.page-gift .fabs .fab > div { font-size: 0.7rem; }
	.page-gift .fabs .fab > .time { font-size: 3rem; }
}

/* ----------- LAPTOP RETINA  ----------- */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {

}


/* -----------  ----------- */

@media only screen and (max-height: 768px){

	.home .container[role="main"] { padding-top: 30px; padding-bottom: 20px; }

	.home #welcome { margin-bottom: 50px; }

	.page-gift #login .QuestionForm__counter { padding: 30px 0; }
	.page-gift #login h1,
	.page-gift #login h2,
	.page-gift #login h3 { margin-bottom: 15px; }
}


@media only screen and (max-height: 660px){

	.home #welcome { margin-bottom: 30px; }
	.home #welcome h1 { font-size: 1.7rem; }
	.home #welcome h2 { font-size: 14px; }
	.home #login-buttons { margin-bottom: 30px; }


}




.loader-boton {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}