@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700&display=swap');

html{scroll-behavior: smooth;}
.seven-cols .col-seven-1 {width: 14.285714285714285714285714285714% !important;}
a {cursor: pointer !important;}

.no-padding {padding: 0; }
.no-margin {margin: 0; }

body {font-family: 'Raleway', sans-serif;color: #fff;font-weight: 400;-webkit-text-size-adjust: 100%;width:100%;background:url(../img/bgHome.jpg) no-repeat center center; background-size:cover;background-attachment: fixed;}
ul, ol {margin: 0;padding: 0; }
ul li {list-style: none; }
[onClick] {cursor: pointer !important}
.overlay-fixed {position: fixed;top:0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.85);z-index:-1;}

.lista-normal li {list-style-type: disc !important;margin-top: 0.5em;margin-left: 3em;font-size:16px;}
.table-dark {color: #fff;background-color: transparent;}
.table-dark td, .table-dark th, .table-dark thead th {border-color: #c00000;}
th {width:35%}
td {width: 65%;}
img.ponente {width:200px;height:200px;border-radius:100px;border:8px solid #fff;margin:0 auto 1em auto;}


/** ANIMACIONES **/
.avatar1 {position:absolute;top:0;left:0;z-index:1;width:100%;transform: translateY(0px);animation: float1 6s ease-in-out infinite;}
.avatar2 {position:absolute;top:0;left:0;z-index:1;width:100%;transform: translateY(0px);animation: float2 6s ease-in-out infinite;}
.avatar1 img,.avatar2 img {width:100%;height: auto;}

@keyframes agrandar {0% {transform: scale(1.0) rotate(0deg);}	50% {transform: scale(1.15) rotate(2deg);} 100% {transform: scale(1.0) rotate(0deg)} }
@keyframes agrandar2 {0% {transform: scale(1.0) rotate(0deg);}	50% {transform: scale(1.15) rotate(-5deg);} 100% {transform: scale(1.0) rotate(0deg)} }
@keyframes reducir {0% {transform: scale(0.9);opacity:0.75;}	50% {transform: scale(0.5);opacity:0.15;} 100% {transform: scale(0.9);opacity:0.75;} }

.agrandar {animation-name: agrandar;animation-duration:8s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.agrandar2 {animation-name: agrandar2;animation-duration:8s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.reducir {animation-name: reducir;animation-duration:8s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}

/** COLORES **/

.verde {color: #65d097 !important;}
.azul {color: #00a1e2 !important;}
.azul-oscuro {color: #193164 !important;}
.naranja {color: #ffbca3 !important;}
.amarillo {color: #ffbf00 !important;}
.morado {color: #b486ff !important;}
.white {color: #fff !important;}
.gris {color: #f8f9fe !important}
.rojo {color: #c00000 !important;}
.bg-rojo {background-color: #c00000 !important;}
.bg-verde {background-color: #65d097 !important;}
.bg-azul {background-color: #00a1e2 !important;}
.bg-naranja {background-color: #ffbca3 !important;}
.bg-amarillo {background-color: #ffbf00 !important;}
.bg-morado {background-color: #b486ff !important;}
.bg-white {background-color: #fff !important;}
.bg-black {background-color: #000 !important;}
.bg-gris {background-color: #f8f9fe !important}
.bg-gris-dark {background-color: #d9d9d9 !important}

.bg-cover {width:100%;min-height:100%;background-size:cover;background-position: center center;}
.bg-gradient {background: rgb(47,42,99);
    background: -moz-linear-gradient(135deg, rgba(47,42,99,1) 0%, rgba(0,161,226,1) 100%);
    background: -webkit-linear-gradient(135deg, rgba(47,42,99,1) 0%, rgba(0,161,226,1) 100%);
    background: linear-gradient(135deg, rgba(47,42,99,1) 0%, rgba(0,161,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f2a63",endColorstr="#00a1e2",GradientType=1);}
.bgSeparador {background-color:transparent;margin: 0;position: relative;}
.bgSeparador:after {background: linear-gradient(to top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05) 5%, rgba(0, 0, 0, 0));bottom: 0;content: '';display: block;height: 26px;left: 0;position: absolute;right: 0;}


/** TIPOGRAFIAS **/

p {font-family: 'Raleway', sans-serif;font-weight: 400;font-size: 16px;line-height: 1.4;color: #000;margin:0;}
h1 {font-size: 56px;line-height:1.1;}
h2 {font-size: 48px;line-height:1;}
h3 {font-size: 42px;line-height:1.2;}
h4 {font-size: 36px;line-height:1.2;}
h5 {font-size: 30px;line-height:1.2;}
h6 {font-size: 24px;line-height:1.2;}
strong {font-weight: 700 !important;}

.fontLight {font-weight: 300 !important;}
.fontBold {font-weight: 700 !important;}
.smallfont {font-size:0.85em !important;}
.bigfont {font-size:1.6em !important;}

.typed-cursor {color: #EF7D11;font-size: 55px;}    

#back-to-top {bottom: 16px;right: 16px;background-color: #c00000;width: 50px;height: 50px;z-index: 99;position: fixed;display: none;}
#back-to-top i {display: inline-block;box-sizing: border-box;cursor: pointer;line-height: 50px;color: #000;width: 50px;height: 50px;text-align: center;font-size: 18px;}
#back-to-top.active {display: block;}

/** ESTILOS SECCIONES **/
.hero {height:auto;position: relative;overflow: hidden;}
.hero .bgHome {position: absolute;width: 100%;height: 100%;background: url("../img/bgHome.jpg") center center;background-size: cover;overflow: hidden;z-index:1;}
.hero .overlay {position: absolute;top:0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.75);z-index:2;}
.hero .hero-content {position: relative;top:0%;margin-top:10rem;left:0;width:100%;z-index:9;}
.hero-content h1 {font-size:50px;line-height: 1;}
video.videoHome {background-size: cover;height: auto;min-width: 100%;min-height: 100%;position: relative;width: auto;z-index:1;display: none;}

.popup-video {display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);top:0;left:0;z-index: 999999999999;}
.popup-video video {position:absolute;left:10%;width:80%;top:50%;transform: translateY(-50%);-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.6);-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.6);box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.6);}
.closeVideo {position: absolute;top:25px;right:25px;width: 50px;}

/** BOTONES **/

a {-webkit-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: 200ms;transition-duration: 200ms;-webkit-transition-property: color, border-color, background-color;transition-property: color, border-color, background-color; }
a:hover, a:focus {text-decoration: none; }

.btn-cta {display: inline-block;text-transform: uppercase;padding: 20px 35px!important;transition: all .3s ease 0s;font-size: 14px!important;text-align: center;color: #fff;background: #c00000;border:1px solid #c00000;cursor: pointer !important;}
.btn-cta:hover {color: #c00000 !important;background:#fff;border:1px solid #fff;}

.btn-cta.btn-verde {color: #fff;background: #65d097;border:1px solid #65d097;}
.btn-cta.btn-verde:hover {color: #fff;background:#205c40;border:1px solid #205c40;}

.btn-cta.btn-white {color: #c00000;background: #fff;border:1px solid #fff;}
.btn-cta.btn-white:hover {color: #fff !important;background:#c00000 !important;border:1px solid #c00000 !important;}

.btn-cta.btn-white-outline {color: #193164;background:transparent;border:1px solid #193164;}
.btn-cta.btn-white-outline:hover {color: #193164 !important;background:#fff;border:1px solid #fff;}

.btn-cta.btn-white:disabled {cursor: not-allowed;filter: alpha(opacity=30);opacity: .3;}
.btn-cta.btn-white:hover {cursor: not-allowed;filter: alpha(opacity=30);color: #c00000;background: #fff;border:1px solid #fff;}

.btn-cta-small {padding: 10px 25px 10px 25px !important;font-size: 12px !important;}

a.whiteLink {font-weight:700;color:#fff;background-image: linear-gradient(to right,#000,#000);background-position: 0 calc(1em - 1px);background-repeat: no-repeat;background-size: 0% 10px;transition: all 0.3s ease;}
a.whiteLink:hover {background-size: 100% 10px;} 

a.blueLink {font-weight:700;background-image: linear-gradient(to right,#00a1e2,#00a1e2);background-position: 0 calc(1em - 1px);background-repeat: no-repeat;background-size: 0% 10px;transition: all 0.3s ease;}
a.blueLink:hover {background-size: 100% 10px;} 

a.cta-link {font-weight:700;font-size:14px;transition: all 0.3s ease;color: #c00000 !important;}
a.cta-link:hover {text-decoration: underline !important;}


.btnPlay {background-image: url('assets/img/btPlayWhite.png');background-size: 25% auto;background-repeat: no-repeat;background-position: center center;}
.btnDownload {background-image: url('assets/img/btDownloadWhite.png');background-size: 25% auto;background-repeat: no-repeat;background-position: center center;}
.btn-play-video{display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);position: relative;width: 120px;height: 120px;border-radius: 120px;background-color: #fff;box-shadow: 0 6px 26px 0 #525966;}
.btn-play-video:after {content: "";width: 0;height: 0;border-style: solid;border-width: 25.6px 0 25.6px 43.7px;border-color: transparent transparent transparent #000;margin: auto;position: absolute;top: 0;left: 9%;bottom: 0;right: 0;display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);}
.btn-play-video-small {display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);position: relative;width: 80px;height: 80px;border-radius:40px;background-color: #fff;box-shadow: 0 6px 18px 0 #525966;}
.btn-play-video-small:after {content: "";width: 0;height: 0;border-style: solid;border-width:16px 0 16px 32px;border-color: transparent transparent transparent #000;margin: auto;position: absolute;top: 0;left: 9%;bottom: 0;right: 0;display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);}
.btn-download-doc{display: inline-block;transition: transform .15s ease-in-out;transform: scale(1);position: relative;width: 120px;height: 120px;border-radius: 120px;background-color: #fff;box-shadow: 0 6px 26px 0 #525966;}
.btn-download-doc:after {content: "\f0ed";font: normal normal normal 50px/1 FontAwesome;top: 50%;position: absolute;
left: 50%;transform: translate(-50%, -50%);}



/** FORMULARIO **/
.form-control {height:50px;line-height:50px;color:#000;border:none;border-radius:0px;background-color: #fff;}
.form-group label {color: #fff;}
.g-recaptcha {display: inline-block !important;margin: 30px auto;}
.formError {position: relative;z-index: 1;padding: 20px 30px;border-radius:30px;color:#000;width:auto;text-align: center; font-size: 14px;background: #fff;top:22px;}
.formError::after {content: '';border-bottom: 15px solid #fff;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;left: 45%;top: -14px;}
.alert {position: fixed;padding: 4rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.25rem;width: 50%;left: 25%;top: 45%;text-align: center !important;display:none;}
.close:focus {outline-color: transparent; outline-style: none;}    
.modal.show {display:flex!important;flex-direction:column;justify-content:center;align-content:center;align-items: flex-start;}

.form-group input {width: 100%;height: 3em;background:transparent !important;border: none !important;border-bottom: 1px solid #fff !important;padding: 0.5em;outline:none !important;color: #fff !important;}
.form-group label {font-size: 0.85em;}
.form-check-label {font-size: 0.75em;}
.form-group label i {font-size: 1.2em;}


input:focus, input.form-control:focus {outline:none !important;outline-width: 0 !important;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}

/* input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
} */

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    .form-group input {
        width: 100%;height: 3em;background:transparent !important;border: none !important;border-bottom: 1px solid #fff !important;padding: 0.5em;outline:none !important;color: #fff !important;
        opacity:1 !important;
    }
  }
  
  @supports not (-webkit-touch-callout: none) {
    /* CSS for other than iOS devices */ 
    .form-group input{
        width: 100%;height: 3em;background:transparent !important;border: none !important;border-bottom: 1px solid #fff !important;padding: 0.5em;outline:none !important;color: #fff !important;
        opacity:1 !important;
    }
  }

/** FOOTER **/
footer {width: 100%;}
/* footer {background-color: #000;padding: 50px 0 50px 0;position: relative; } */
footer p {color: #000;}
footer i {margin-right: 10px;font-size: 24px !important;}
footer a {font-size: 16px;transition: all 0.3s ease;color: #000;}
footer a:hover {color:#c00000;}
footer .social i {padding:10px;font-size: 16px !important;}
img.logo-footer {width:180px;}
img.logo-footer2 {width:280px;}

/** NAVIGATION **/
.header-content {display: table;width:100%; }
.header-nav.open {visibility: visible;opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s; }
.logo {float:left;display: table-cell;vertical-align: middle;}
.logo img {width:190px;display:block;margin: 20px 0 0 20px;}
.navigation {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;position: fixed !important;background-color:transparent;padding-bottom: 20px;width: 100%;z-index: 999999999999;}
.navigationActive {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;background-color: #fff; -webkit-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 2px 92px 0px rgba(0, 0, 0, 0.4);padding-bottom: 20px;}
header {padding: 0;position: relative;width: 100%;margin: 0 auto;-webkit-transition: padding 300ms ease-in-out;transition: padding 300ms ease-in-out; }
header a {color: #fff;text-transform: uppercase;font-size: 13px; }
header a.login {margin-right: 20px; }
header .logo {display: inline-block; }
header ul.primary-nav {margin: 0 0 0 75px;padding: 0;display:flex;align-items:center;justify-content: flex-end;}
header ul.primary-nav li {display: inline;padding-right: 25px;cursor:pointer !important;}
header .header-nav {display: table-cell;vertical-align: middle; text-align:right;padding-right:30px;}
header .member-actions {position: absolute;right: 25px;top: 14px;opacity:1;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; }