@font-face {
    font-family: SCHUNKb;
    src: url(../fonts/SCHUNKFagoPro-Bold.otf) format("opentype");
    font-display: swap
}

@font-face {
    font-family: SCHUNKr;
    src: url(../fonts/SCHUNKFagoPro-Regular.otf) format("opentype");
    font-display: swap
}

@font-face {
    font-family: SCHUNKm;
    src: url(../fonts/SCHUNKFagoPro-Medium.otf) format("opentype");
    font-display: swap
}

p {
    font-family: SCHUNKr, Arial, Helvetica, sans-serif
}

h1 {
    font-family: SCHUNKb, Arial, Helvetica, sans-serif
}

h2 {
    font-family: SCHUNKb, Arial, Helvetica, sans-serif
}

h3 {
    font-family: SCHUNKb, Arial, Helvetica, sans-serif
}

h4 {
    font-family: SCHUNKb, Arial, Helvetica, sans-serif
}

h5 {
    font-family: SCHUNKb, Arial, Helvetica, sans-serif
}

header {
    font-family: SCHUNKb, Arial, Helvetica, sans-serif
}

body {
    position: relative;
    padding-top: 3.5rem
}

.starter-template {
    padding: 3rem 1.5rem;
    text-align: center
}

#obligaciones {
    font-family: SCHUNKr
}

.about h2 {
    font-size: 1.7rem
}

.container .dropdown .dropdown-menu a:hover {
    color: #fff
}

.container .dropdown .dropdown-menu a {
    color: rgba(211, 211, 211, .733);
    background-color: #003d6a;
    border-color: #003d6a
}

.container .dropdown .dropdown-menu {
    color: #fff;
    background-color: #003d6a;
    border-color: #003d6a
}

.bg-dark {
    background: #03538d;
    background: radial-gradient(circle, #03538d 14%, #003d6a 82%, #003d6a 95%)
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link:hover {
    border-bottom: 2px solid #fff
}

.active {
    border-bottom: 2px solid #fff
}

.carousel-caption {
    padding-bottom: 12%
}

.carousel-caption h3 {
    font-size: 42px;
    font-weight: 700
}

.carousel-caption p {
    font-size: 24px;
    color: #fff
}

header.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: url(../img/Brazo-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

header.masthead h1 {
    font-family: SCHUNKb;
    font-size: 2.15rem;
    text-align: start;
    font-family: SCHUNKb;
    padding: 5px 5px;
    color: #fff;
    background-color: #003d6a;
    display: inline-block
}

header.masthead p {
    font-family: SCHUNKr;
    color: #fff
}

.specials {
    background: #2b2b2b;
    padding: 50px 20px
}

.specials h2 {
    color: #fff
}

#team {
    padding: 50px 10px;
    background: linear-gradient(#005a9b, #003d6a)
}

.wclb {
    padding-top: 300px
}

#menu {
    padding: 50px 10px
}

header.webinar {
    padding-top: 12rem;
    padding-bottom: calc(10rem - 4.5rem);
    background: linear-gradient(to bottom, rgba(71, 66, 78, 0) 0, rgba(0, 61, 106, .3) 100%), url(../img/fondo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

#archivo {
    padding-left: 9%;
    padding-right: 9%;
    box-shadow: 5px 10px 25px #555;
    position: relative;
    z-index: 22;
    box-shadow: 5px 10px 25px #555
}

.web {
    color: #009ee0;
    font-family: SCHUNKb
}

.web:hover {
    color: #009ee0;
    font-family: SCHUNKb;
    text-decoration: underline
}

.img-fluid {
    width: auto
}

.webinar h1 {
    padding: 8px 5px 5px 10px;
    color: #fff;
    background-color: #003d6a;
    display: inline-block
}

.mn {
    color: #fff
}

#numbers h3 {
    font-size: 17px;
    font-family: SCHUNKr
}

.numero {
    font-size: 6.5rem;
    font-family: SCHUNKr
}

#plx {
    background: url(../img/expo.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.wtitle {
    padding: 150px 20px
}

.wtitle h2 {
    font-size: 36px;
    font-weight: 700
}

.wlt {
    padding-bottom: 50px
}

#jumbo {
    background: #e9ecef
}

.ovl {
    opacity: 0;
    transition: 1s;
    background-color: rgba(0, 61, 106)
}

.ovl:hover {
    opacity: 1;
    background: #003d6a
}

#locations {
    padding: 100px 50px;
    background: url(../img/world.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.loc img {
    margin-right: 10px;
    transition-duration: 1.5s
}

.loc img:hover {
    transform: scale(3, 3);
    box-shadow: 5px 5px 15px #333;
    z-index: 1;
    position: absolute
}

#testimonials {
    background: #fff
}

.revs {
    padding: 100px
}

.carousel-item.active {
    border: none
}

.carousel-inner {
    min-height: 300px
}

#vid {
    padding: 100px 0;
    background: #03538d;
    background: radial-gradient(circle, #03538d 14%, #003d6a 82%, #003d6a 95%)
}

.jumbotron {
    margin-bottom: 0
}

.hir h1 {
    text-shadow: 5px 5px 10px #555
}

.pop-box {
    display: none;
    width: 95%;
    box-shadow: 5px 10px 25px #555;
    position: fixed;
    z-index: 9999;
    right: -95%;
    bottom: auto;
    transition: .7s ease-in-out;
    -moz-transition: .7s ease-in-out;
    -webkit-transition: .7s ease-in-out
}

.pop {
    width: 105%;
    background: rgba(0, 157, 224, .62);
    padding-top: 7px;
    padding-left: 7px;
    margin-left: -295px;
    margin-top: -2px;
    box-shadow: 5px 10px 25px #555;
    transition: 3s
}

.pop-box:hover {
    right: -4%
}

.pop-box:hover .pop {
    background: #009de0
}

#animacion {
    animation: pulse 3s infinite
}

@keyframes pulse {
    0% {
        transform: translateX(11px)
    }

    50% {
        transform: translateX(-11px)
    }

    100% {
        transform: translateX(11px)
    }
}

#oferta-especial:before {
    content: '¡Evento especial!';
    animation-name: texto;
    animation-duration: 10s;
    animation-iteration-count: infinite
}

@keyframes texto {
    0% {
        opacity: 1;
        content: "Haga clic aquí"
    }

    50% {
        opacity: 1;
        content: "Haga clic aquí"
    }

    51% {
        opacity: 1;
        content: "¡Evento especial!"
    }

    100% {
        opacity: 1;
        content: "¡Evento especial!"
    }
}

video {
    width: 100%;
    height: auto
}

#numbers {
    background: #003d6a;
    padding: 100px 0
}

.numc {
    background: #003d6a;
    height: 150px;
    width: 150px;
    padding-top: 35px;
    border-radius: 50%;
    color: #fff
}

#contador {
    font-size: 2.5rem
}

#contador2 {
    font-size: 2.7rem
}

.numc h3 {
    font-size: 18px
}

.numd {
    padding-top: 20px
}

#contact {
    padding: 50px 0;
    box-shadow: 5px 10px 25px #555;
    position: relative;
    z-index: 22
}

.cbtn {
    margin-top: 57px
}

#footer {
    background: #03538d;
    padding: 10px
}

.cpt {
    padding-top: 29px
}

.ftaw i {
    font-size: 50px;
    color: #009ee0;
    padding-top: 15px;
    padding-right: 10px
}

.btt {
    display: none;
    background: rgba(0, 157, 224, .452);
    width: 65px;
    position: fixed;
    right: -12px;
    bottom: 19px;
    z-index: 9998;
    border: 2px solid #fff;
    border-radius: 10px
}

.btt:hover {
    background: #003d6a;
    box-shadow: 5px 10px 25px #555
}

.btt i {
    color: #ffffff7a;
    font-size: 45px;
    padding: 7px
}

.btt i:hover {
    color: #fff
}

.hide {
    opacity: 0
}

.show {
    opacity: 1;
    display: block
}

.fa-mouse-pointer {
    color: #009ee0
}

.fa-keyboard {
    color: #009ee0
}

.fa-envelope-open-text {
    color: #009ee0
}

.fa-clock {
    color: #009ee0
}

.fa-phone {
    color: #009ee0
}

.fa-envelope {
    color: #009ee0
}

.fa-quote-left {
    color: #009ee0
}

.fa-quote-right {
    color: #009ee0
}

.fa-star {
    color: #009ee0
}

#correo {
    color: #009ee0
}

.boton__testimonio {
    outline: 0;
    border: none;
    margin-left: 20%;
    margin-right: 20%;
    margin-bottom: 30px;
    margin-top: 10px;
    background-color: transparent;
    cursor: pointer
}

.boton__testimonio svg {
    transition: .3s linear;
    outline: 0
}

.boton__testimonio svg:hover {
    outline: 0;
    border: none;
    transform: scale(1.3)
}

@media only screen and (max-width:991px) {
    .blogo {
        text-align: center
    }
}

#politica {
    box-shadow: 5px 10px 25px #555;
    position: relative;
    z-index: 22;
    box-shadow: 5px 10px 25px #555
}

.politica {
    padding-left: 12%;
    padding-right: 12%
}

#mensaje {
    padding: 8px 5px 5px 10px;
    color: #fff;
    background-color: #003d6a;
    display: inline-block
}

#politica h1 {
    font-size: 2.1rem
}

.testimonio {
    padding-left: 15%;
    padding-right: 15%
}

@media(max-width:720px) {
    .about h2 {
        font-size: 1.7rem
    }

    .movil h2 {
        font-size: 1.7rem
    }

    #archivo {
        padding-left: 14%;
        padding-right: 14%
    }

    #contador {
        font-size: 2.5rem;
        padding-left: 19%
    }
}

@media(max-width:780px) {
    #contador {
        font-size: 2.5rem
    }
}

@media (min-width:992px) {
    .pop-box {
        display: block;
        width: 57%;
        right: -57%;
        bottom: -1%
    }

    .testimonio {
        padding-left: 29%;
        padding-right: 29%
    }

    .about h2 {
        font-size: 1.8rem
    }

    #archivo {
        padding-left: 20%;
        padding-right: 20%
    }

    header.masthead {
        height: 100vh;
        min-height: 40rem;
        padding-top: 4.5rem;
        padding-bottom: 0
    }

    header.masthead p {
        font-size: 1.15rem
    }

    header.masthead h1 {
        font-size: 2.5rem
    }

    .politica {
        padding-left: 17%;
        padding-right: 17%
    }
}

@media (min-width:1200px) {
    .about h2 {
        font-size: 2rem
    }

    #archivo {
        padding-left: 27%;
        padding-right: 24%
    }

    .politica {
        padding-left: 22%;
        padding-right: 22%
    }

    header.masthead h1 {
        font-size: 3rem
    }
}

#azul {
    color: #003d6a
}

#sesion {
    font-size: 1.05rem;
    line-height: 1.3rem;
    color: #003d6a;
    font-weight: 700;
    margin-top: 0
}

#sesionSub {
    font-size: 1rem;
    line-height: 1rem;
    color: #009ee0
}

#cyan {
    font-family: SCHUNKr;
    color: #009ee0
}

a.boton-link {
    color: #fff;
    font-size: 1.1rem;
    line-height: .9rem;
    display: inline-block;
    background: #009ee0;
    padding: 12px 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width: 50%
}

a.boton-link:hover {
    color: #fff;
    text-decoration: underline
}

a.boton-link2 {
    color: #fff;
    font-size: 1.1rem;
    line-height: .9rem;
    display: inline-block;
    background: #009ee0;
    padding: 12px 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px
}

a.boton-link3 {
    color: #fff;
    font-size: 1.3rem;
    line-height: .9rem;
    display: inline-block;
    background: #009ee0;
    padding: 12px 130px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor: pointer
}

a.boton-link3:hover {
    color: #fff;
    text-decoration: underline
}

a.boton-link4 {
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.1rem;
    display: inline-block;
    background: #009ee0;
    padding: 15px 25%;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor: pointer
}

a.boton-link4:hover {
    color: #fff;
    text-decoration: underline
}

a.boton-link2:hover {
    color: #fff;
    text-decoration: underline
}

#boton-link2 {
    color: #fff;
    font-size: 1.1rem;
    line-height: .9rem;
    display: inline-block;
    background: #009ee0;
    padding: 12px 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: none
}

#boton-link2:hover {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}

button.boton-link2 {
    color: #fff;
    font-size: 1.1rem;
    line-height: .9rem;
    display: inline-block;
    background: #009ee0;
    padding: 12px 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: none
}

button.boton-link2:hover {
    color: #fff;
    text-decoration: underline
}

button.boton-link {
    color: #fff;
    font-size: 1.4rem;
    line-height: .9rem;
    display: inline-block;
    background: #009ee0;
    padding: 12px 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 3px solid #009ee0;
    width: 30%
}

button.boton-link:hover {
    color: #fff;
    text-decoration: underline
}

#testimonio {
    height: 500px;
    background: 0 0;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-link {
    color: #009ee0
}

.pagination>.active>a {
    color: #fff;
    background-color: #009ee0 !important;
    border: solid 1px #009ee0 !important
}

.pagination>.active>a:hover {
    background-color: #009ee0 !important;
    border: solid 1px #009ee0 !important
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #003d6a
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    p {
        font-family: arial
    }

    h1 {
        font-family: arial
    }

    h2 {
        font-family: arial
    }

    h3 {
        font-family: arial
    }

    h4 {
        font-family: arial
    }

    h5 {
        font-family: arial
    }

    ul {
        font-family: arial
    }

    ol {
        font-family: arial
    }

    li {
        font-family: arial
    }

    #mensaje {
        padding: 8px 5px 5px 10px;
        color: #fff;
        background-color: #003d6a;
        display: inline-block;
        font-family: arial
    }

    #cuadro {
        font-family: arial
    }

    .numero {
        font-family: arial
    }

    #azul {
        font-family: arial
    }

    .numd {
        font-family: arial
    }

    #numbers h3 {
        font-size: 17px;
        font-family: arial
    }

    #cyan {
        font-family: arial
    }
}