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

/*REFERIDOS MASTERCARD COMAFI*/
div { transition: all .2s ease 0s;}
.referidos-header header { background-color: #000; text-align: left; z-index: 9999999999; padding: 25px;}
.referidos-header h1 { margin: 0; font-weight: 500; font-size: 29px; color: #fff; text-transform: uppercase; line-height: 1.4;}
.referidos-header h1 span { font-family: "MullerBold", "Lato", Arial, Helvetica, sans-serif; font-size: 42px; color: #ff8b02;}
.referidos-header h1 span sup { font-size: 10px; top: -2em;}
.only-mbl { display: none;}
/**/
.master-rugby { padding-top: 50px; padding-bottom: 40px; background: url(images/bg-master-rugby-2019.jpg) no-repeat center top; background-size: cover}
.container-general { width: 720px; margin: auto;}
/**/
.referidos-titulo { background-color: rgba(0,0,0,.35); color: #fff; text-align: center; text-transform: uppercase; padding: 15px 0; position: relative; margin-bottom: 30px;}
.referidos-titulo:before { content: ""; display: block; width: 80%; height: 5px; position: absolute; left: 10%; top: -3px; background: url(/assets/images/referidos/line.png) no-repeat center top}
.referidos-titulo:after { content: ""; display: block; width: 80%; height: 5px; position: absolute; left: 10%; bottom: -3px; background: url(/assets/images/referidos/line.png) no-repeat center top}
.referidos-titulo h3 { font-weight: 500; font-size: 25px; margin: 0; line-height: 1.2; margin: 15px 0;}
.referidos-titulo h3 span { font-size: 33px; font-weight: 600;}
.referidos-titulo h2 { font-family: "MullerExtraBold", "Lato", Arial, Helvetica, sans-serif; font-size: 41px; margin: 0; line-height: 1.4;}
/**/
.referidos-intro { text-align: center; font-weight: 500; font-size: 32px; line-height: 1.5; color: #fff; margin-bottom: 10px;}
.referidos-intro.referidos-intro-2 { font-weight: 300; font-size: 24px; margin-top: 15px; margin-bottom: 15px; text-transform: uppercase;}
.referidos-intro.referidos-intro-3 { font-size: 30px; margin-top: 15px; margin-bottom: 25px;}
.referidos-intro.referidos-intro-4 { font-size: 24px; font-weight: 300;}
.referidos-intro.referidos-intro-4 strong { font-weight: 400;}
.referidos-intro.referidos-intro-5 { font-size: 26px; margin-bottom: 45px; text-transform: uppercase; }
/**/
.referido-tiempo { background-color: rgba(91,151,18,.55); text-align: center; font-weight: 500; font-size: 24px; line-height: 1; color: #fff; padding-top: 19px; padding-bottom: 19px; margin-bottom: 35px;}
.referido-tiempo h4 { font-size: 35px; line-height: 1.4; position: relative; display: inline-block; padding-bottom: 12px; margin-top: 0; margin-bottom: 16px;}
.referido-tiempo h4:after { content: ""; display: block; width: 100%; height: 5px; position: absolute; left: 0; bottom: -3px; background: url(/assets/images/referidos/line.png) no-repeat center top;}
.referido-tiempo ul { list-style: none; margin-left: 0; padding-left: 0px;}
.referido-tiempo li { font-size: 21px; padding: 5px 10px 8px 35px;}
.referido-tiempo li:before { content: "\f00c"; font: normal normal normal 17px/1 FontAwesome; margin-right: 8px; margin-left: -25px;}
/**/
.referido-tiempo p { font-weight: 300; font-size: 21px;}
/**/
.referido-iconos { display: inline-block; width: 100%;}
.referido-iconos ul { list-style: none; padding: 0;}
.referido-iconos ul:first-child { margin-bottom: 20px; height: 90px; border-bottom: 1px solid rgba(255, 255, 255, .4);}
.referido-iconos ul:nth-child(2) { margin-bottom: 10px; height: 90px;}
.referido-iconos ul li { float: left; font-size: 16px; line-height: 1.2; font-weight: 500; color: #fff; margin-top: 5px;}
.referido-iconos ul li:nth-child(odd) { width: 38%;}
.referido-iconos ul li:nth-child(even) { width: 62%;}
.referido-iconos ul li object { float: left; padding-right: 15px; width: 70px; margin-top: -9px;}
.referido-iconos ul li span { font-style: italic; font-weight: 300;}
.referido-iconos p { color: #fff; font-size: 13px;}
.referidos-potenciales-ganadores { font-size: 17px; font-style: italic; font-weight: 300; margin-top: 15px; color: #fff; text-decoration: underline;}
.referidos-potenciales-ganadores a { color: #fff;}
/**/
.mastercard-premios { display: inline-block; width: 100%; margin-top: 15px;}
.mastercard-premios h3 { background-color: rgba(255,255,255,.85); font-family: "MullerBold", "Lato", Arial, Helvetica, sans-serif; font-size: 35px; text-transform: uppercase; color: #ff0015; text-align: center; padding: 10px 10px 14px 10px; margin: 0; margin-bottom: 20px;}
.mastercard-premios h3 object { height: 42px; margin-bottom: -5px; margin-right: 15px;}
.mastercard-premios ul { margin: 0; width: 100%; overflow: hidden; background: rgb(255,0,21);
background: -moz-linear-gradient(left, rgba(255,0,21,1) 0%, rgba(255,159,0,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,0,21,1) 0%,rgba(255,159,0,1) 100%);
background: linear-gradient(to right, rgba(255,0,21,1) 0%,rgba(255,159,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0015', endColorstr='#ff9f00',GradientType=1 ); position: relative}
.mastercard-premios ul:after { content: ""; display: block; width: 1px; height: 88%; border-left: 1px solid rgba(255,255,255,.5); position: absolute; left: 50%; top: 22px;}
.mastercard-premios li { float: left; width: 50%; text-align: center; color: #fff; padding-top: 35px; padding-bottom: 20px;}
.mastercard-premios h4 { font-weight: 900; text-transform: uppercase; font-size: 18px; position: relative; padding: 0 38px; display: inline-block; margin: 20px 0;}
.mastercard-premios h4 span { font-size: 17px; font-weight: 500; display: block; border-radius: 100%; border: 2px solid #fff; width: 27px; height: 27px; line-height: 1.4; position: absolute; left: 0; top: -4px;}
.mastercard-premios p { font-weight: 500; font-size: 18px; margin-bottom: 15px;}
.mastercard-premios .leyenda { font-weight: 400; font-style: italic; font-size: 15px;}
/**/
#divForm { display: inline-block; width: 100%; background-color: rgba(0,0,0,.35);}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento { padding-top: 10px;}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento h3 { text-align: center; color: #fff; font-size: 26px; font-family: "Muller", "Lato", Arial, Helvetica, sans-serif;}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento h4 { text-align: center; color: #fff; font-size: 22px; font-family: "Muller", "Lato", Arial, Helvetica, sans-serif;}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header { width: 100%; height: 26px; margin-top: 30px; padding-top: 20px; background: #fff; border-top: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .dejanos { width: 50%}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .dejanos p { padding-top: 3px;}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .tiempo-estimado { float: right; margin-top: -2px; padding-top: 5px; padding-left: 20px; width: 40%; height: 30px; border-left: 1px solid #888988;}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .tiempo-estimado .fa { font-size: 18px; color: #689e27; float: left; padding-right: 9px; padding-top: 1px;}
.solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .tiempo-estimado p { font-size: 13px; font-weight: 400; font-style: italic; color: #888988; padding-left: 24px; margin-bottom: 0;}
.solicitud-3-pasos .master-rugby .pasos-nav { background: #fff; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;}
.solicitud-3-pasos .master-rugby .solicitud-formulario { background: #fff; margin-bottom: 30px;}
/**/
#divClient { background-color: rgba(0,0,0,.35); padding-top: 30px;}
#divClient .datos-cliente-titulo { max-width: calc(318px + ((100% - 318px) * 0.5)); padding-left: calc((100% - 318px) * 0.5); background: rgba(107,137,18,.8); color: #fff; padding-top: 18px; padding-bottom: 15px;}
#divClient .datos-cliente-titulo p { font-family: "Muller", "Lato", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 1.2; margin: 0;}
#divClient .datos-cliente-titulo p strong { font-family: "MullerBold", "Lato", Arial, Helvetica, sans-serif; font-size: 19px; line-height: 1.2; margin: 0;}
#divClient .solicitud-formulario { background-color: unset; padding-top: 18px; padding-bottom: 18px; margin-bottom: 10px; border: 0;}
#divClient .solicitud-formulario .leyenda { max-width: 318px; color: #ff9f00; margin-left: auto; margin-right: auto}
#divClient .solicitud-formulario h4 { margin: 0 auto 10px auto; max-width: 318px; background-color: rgba(107,137,18,.85); color: #fff; font-weight: 500; font-size: 16px; text-transform: uppercase; border-radius: 6px; padding: 13px 0 13px 43px; position: relative;}
#divClient .solicitud-formulario h4 span { position: absolute; left: 18px; top: 12px; border-radius: 100%; border: 1px solid #fff; font-weight: 700; font-size: 12px; text-align: center; display: block; width: 19px; height: 19px; line-height: 1.41;}
#divClient .form-group { max-width: 318px;}
#divClient .form-group .col-md-6:first-child { padding-right: 10px;}
#divClient .form-group .col-md-6:last-child { padding-left: 10px;}
#divClient .control-label { color: #fff;}
#divClient .control-label.required::before { color: #ff9f00; font-size: 15px; top: 0px;}
/*#divClient .form-control:read-only { color: #6f6f6f; opacity: 0.8;}*/
#divClient .form-actions { background: none; padding-top: 0; padding-bottom: 0; margin-top: 0;}
#divClient .acepto { text-align: center}
#divClient .acepto label { font-size: 15px; font-style: italic; color: #fff; font-weight: 400;}
#divClient .acepto a { color: #fff; text-decoration: underline;}
#divClient .btn-action { text-align: center; padding-top: 20px;}
#divClient .alert-danger { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#divClient .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;}
#divClient .solicitud-formulario .btn { color: rgba(255,255,255,1); font-family: "MullerBold", "Lato", Arial, Helvetica, sans-serif; font-size: 20px; width: 220px; height: 44px; padding-left: 68px; padding-top: 8px; background: #ff8b02 url(images/ico-rugby-submit.png) no-repeat 32px 9px;}
#divClient .solicitud-formulario .btn:hover { background: #ff8b02 url(images/ico-rugby-submit-hover.png) no-repeat 32px 9px; color: rgba(255,255,255,.8);}
#divClient .solicitud-formulario .error input { border: 1px solid #c90042;}
#divClient .solicitud-formulario .error .error-message { display: block; font-size: 13px; font-style: italic; color: #c90042; padding: 5px 8px; margin: 4px 0 0 0; background: #ead5db; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#divClient .solicitud-formulario .error #spnchkTerminos.error-message { max-width: 275px; margin: auto;}
#divClient .solicitud-formulario .form-group.error { background: none;}
#divClient .solicitud-formulario .form-group.doble-campo.error .error-message { margin-left: -120px;}
/**/
.referidos-legales { padding-top: 35px;}
.referidos-legales p { font-size: 12px; color: #2d2b30;}
.referidos-legales p a { color: #2d2b30; text-decoration: underline;}
.referidos-legales .requisitos .fa { font-size: 15px; float: left; padding-right: 9px; padding-top: 1px; color: #5d5d5d;}
.referidos-legales .requisitos p { font-style: italic; color: #5d5d5d;}
.referidos-agency { font-size: 11px; color: #6d6c6e; padding: 15px 0;}
.referidos-agency a { color: #6d6c6e}
/**/
.mastercard-cliente { display: inline-block; width: 100%; background-color: rgba(0,0,0,.35);}
.success-msg { padding: 10px 0; color: #fff; text-align: center}
.success-msg h3 { font-family: "Muller", "Lato", Arial, Helvetica, sans-serif; font-size: 32px; line-height: 1.2; margin-bottom: 30px;}
.success-msg h3 span { font-family: "MullerBold", "Lato", Arial, Helvetica, sans-serif;}
.success-msg h3 span em { font-style: normal;}
.mastercard-cliente-destacado { width: calc(100% - 40px); background: rgba(107,137,18,.8); color: #fff; padding-top: 18px; padding-bottom: 15px; padding-left: 40px;}
.mastercard-cliente-destacado h4 { font-family: "Muller", "Lato", Arial, Helvetica, sans-serif; font-size: 32px; line-height: 1.2; margin-top: 20px; margin-bottom: 30px; padding-left: 15px; padding-right: 15px;}
.mastercard-cliente-destacado h4 span { font-family: "MullerBold", "Lato", Arial, Helvetica, sans-serif; font-size: 30px;}
.mastercard-cliente-destacado h4:last-of-type { margin-bottom: 20px;}
.whatapp-link { display: inline-block; font-family: "Muller", "Lato", Arial, Helvetica, sans-serif; font-size: 24px; color: #fff; background: #ff8b02; padding: 10px 30px; margin-top: 30px; margin-bottom: 20px;}
.whatapp-link figure { display: inline-block; margin-right: 12px;}
.whatapp-link figure img { margin-top: -3px;}
.whatapp-link:hover, .whatapp-link:active, .whatapp-link:focus { color: #fff; opacity: .8;}
/**/
.solicitud-3-pasos.modal-open iframe { height: 300px !important;}
/**/
@media screen and (max-width: 1199px) {
    .referidos-header h1 { font-size: 28px;}
    .referidos-header h1 span { font-size: 40px;}
}
@media screen and (max-width: 991px) {
    .referidos-header { height: unset !important;}
    .referidos-header header { position: initial; border: 0;}
    .referidos-header header .col-md-9 {display: block;}
    .referidos-header h1 { font-size: 26px; text-align: center;}
    .referidos-header .logo-master-uefa { text-align: center;}
    .master-rugby { padding-top: 15px;}
    /**/
    .referidos-intro { font-size: 30px;}
	.referidos-intro br { display: none;}
    .referido-tiempo h4 { font-size: 32px;}
}
@media screen and (max-width: 767px) {
    .container-general { width: 100%;}
	.referidos-header h1 { font-size: 20px; margin-bottom: 15px;}
	.referidos-header h1 span { line-height: 1.2;}
	.referidos-titulo { padding-right: 15px; padding-left: 15px;}
	.referidos-titulo h2 { font-size: 32px;}
	.referidos-titulo h2 br { display: none;}
	.referidos-titulo h3 { font-size: 21px;}
	.referidos-titulo h3 span { font-size: 27px;}
	.referidos-intro,
    .referidos-intro.referidos-intro-2,
    .referidos-intro.referidos-intro-3 { font-size: 24px;}
	/*.solicitud-3-pasos .master-rugby .form-group .col-md-6:first-child { padding-right: 15px; margin-bottom: 15px;}
	.solicitud-3-pasos .master-rugby .form-group .col-md-6:last-child { padding-left: 15px;}
	.solicitud-3-pasos .master-rugby .form-actions .btn { padding: 0px;}*/
	.referido-tiempo { padding-left: 15px; padding-right: 15px; font-size: 20px; background-color: rgba(107,137,18,.6); padding-top: 12px; padding-bottom: 12px; line-height: 1.2;}
    .referido-tiempo h4 { font-size: 25px;}
    .success-msg h3 { font-size: 25px;}
    .mastercard-cliente-destacado h4 { font-size: 22px;}
    .mastercard-premios li { padding-left: 15px; padding-right: 15px;}
	.referidos-agency { padding-bottom: 15px;}
	.referidos-header .col-xs-6 { width: 50%;}
}
@media screen and (max-width: 520px) {
    .mastercard-premios li { width: 90%; margin-left: 5%; border-bottom: 1px solid #e9e6e4;}
    .mastercard-premios li.last-premio { border-bottom: 0;}
	.mastercard-premios ul::after { display: none;}
    /**/
    .solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .dejanos { width: 175px;}
    .solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .tiempo-estimado { width: 194px;}
}
@media screen and (max-width: 501px) {
    .master-rugby { background-image: url(images/bg-master-rugby-2019-mbl.jpg);}
    .referidos-intro.referidos-intro-5 { margin-bottom: 40px;}
    .referidos-intro br { display: block;}
    .referidos-intro { font-size: 27px; line-height: 1.2;}
    .referido-iconos ul:first-child { border: none;}
    .referido-iconos ul li { display: inline; height: 55px; border-bottom: 1px solid rgba(255, 255, 255, .4); margin-bottom: 20px;}
    .referido-iconos ul li:nth-child(odd) { width: 100%;}
    .referido-iconos ul li:nth-child(even) { width: 100%; margin-bottom: 32px; height: 62px;}
    .referido-iconos ul li:nth-child(odd) object { margin-top: -20px;}
    .referido-iconos ul li:nth-child(odd) br { display: none;}
}
@media screen and (max-width: 480px) {
    .referidos-header h1 { font-size: 13px;}
    .referidos-header h1 span { font-size: 36px;}
    .only-mbl { display: block;}
    .mastercard-cliente-destacado { width: 100%; padding: 15px;}
    #divClient .solicitud-formulario .form-actions .col-md-7.col-xs-4 { margin-top: 0;}
}
@media screen and (max-width: 420px) {
    .mastercard-cliente-destacado h4 span { font-size: 22px;}
    .whatapp-link { font-size: 19px;}
}
@media screen and (max-width: 400px) {
    .solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header { padding-top: 15px; height: 86px;}
    .solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .dejanos { width: 100%; font-size: 16px; line-height: 1;}
    .solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .tiempo-estimado { width: 100%; border: none; padding-left: 15px;}
    .solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .tiempo-estimado .fa { font-size: 16px; padding-top: 0px;}
    .solicitud-3-pasos .master-rugby .referidos-solicitud-requerimiento .referidos-form-header .tiempo-estimado p { font-size: 11px;}
}
@media screen and (max-width: 360px) {
    .referidos-header h1 { font-size: 17px; margin-bottom: 25px;}
    #divClient .datos-cliente-titulo { max-width: 100%; padding: 15px;}
    .referidos-titulo h3 span { font-size: 22px;}
}
@media screen and (max-width: 355px) {
    .referido-iconos ul .li-last { font-size: 15px;}
}
@media screen and (max-width: 337px) {
    .referido-iconos ul .li-last { margin-top: -3px; height: 71px !important;}
    .referido-iconos ul .li-last object { margin-top: -1px;}
}

.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);} }