:root {
    --font-family-text:'Oxygen', sans-serif;
    --font-family-title: 'Oswald', sans-serif;

    --color-1: #053c75;
    --color-01: #044387;

    --color-2:#006BA1;
    --color-02:#007FBF;

    --color-3:#8d0120;
    --color-03:#E60919;

    --color-4:#aab6cc;
    --color-white:#FFF;
    --color-text: #000014;

    --color-5:#0c690f;
    --color-05:#11c417;
    --color-005:#94c411;

}


body{
    font-family: var(--font-family-text);
    background-color: #eaeaea;
    color: var(--color-text);

    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;


}


p{
    font-size: 16px;
    font-weight: 300;
}

a{
    font-size: 16px;
    font-weight: 400;
    color: var(--color-02);
    text-decoration: none;
}

a:hover{
    color: var(--color-2);
}

a.white:hover{
    font-size: 16px;
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
}



h1,h2,h3,h4,h5,h6{
    font-family: var(--font-family-title);
}

h1{
    font-size: 60px;
    font-weight: 700;
}
h2{
    font-size: 50px;
    font-weight: 700;
}
h3{
    font-size: 26px;
    font-weight: 500;
}
h4{
    font-size: 20px;
    font-weight: 500;
}
h5{
    font-size: 18px;
    font-weight: 400;
}

h6{
    font-size: 16px;
    font-weight: 400;
}



.user-login{
    color: #FFF;
    text-align: center;
}

.user-login .list-redes{
    margin-top: 4px;
    margin-bottom: 0;
    float: left;
}
.user-login .list-redes a{
    color: var(--color-5);
    font-size: 25px;
    padding: 10px 10px 10px 10px;
}
.user-login .list-redes a:hover{
    color: var(--color-05);
}


.user-login #btn-cdmx-2019{
    float: right;
    margin-right: 20px;
    color: #FFF;
    background-color: var(--color-3);
    font-size: 13px;
    font-weight: 400;
    padding: 7px 20px;
    text-transform: uppercase;
    text-decoration: none;
}
.user-login #btn-cdmx-2019:hover{
    background-color: var(--color-03);
}

.user-login #dropdownMenuUser{
    float: right;
    margin-right: 20px;
}
.user-login #dropdownMenuUser .dropdown-toggle{
    color: var(--color-white);
    background-color: var(--color-2);
    border: none;
    border-radius: 0 0 5px 5px;
    font-size: 13px;
    font-weight: 400;
    padding: 7px 20px;
    text-transform: uppercase;

}
.user-login #dropdownMenuUser .dropdown-toggle:hover{
    background-color: var(--color-02);
}
.user-login #dropdownMenuUser .dropdown-toggle::after {
    vertical-align: 3px;
    font-size: 18px;
}


.user-login #dropdownMenuUser .dropdown-menu{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin: -2px 0 0;

}
.user-login #dropdownMenuUser .dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 14px;
    color: #000;
}

@media (max-width: 768px) {

    .user-login .list-redes{
        float: none;
        display: block;
        margin-top: 4px;
        margin-bottom: 0;
        margin-bottom: 10px;
    }

    .user-login #btn-cdmx-2019{
        float: none;
        display: block;
        max-width: 330px;
        margin: 5px auto;
    }

    .user-login #dropdownMenuUser{
        float: none;
        display: block;
        margin-right: 0;
    }

}

#menu-principal{
    border-top: 1px solid var(--color-2);
    font-family: var(--font-family-title);
    background-color: var(--color-1);
}
#menu-principal .nav-link{
    color: var(--color-white);
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 13px;
}
#menu-principal .nav-link:hover {
    color: var(--color-4);
}

#menu-principal .navbar-nav .active > .nav-link{
    border-bottom: 2px solid var(--color-1);
}
#menu-principal .navbar-nav.nav-redes a{
    font-size: 25px;
}
#menu-principal .nav-link.promotion{
    color: var(--color-05);
    font-weight: 700;
}
#menu-principal .nav-link.promotion:hover{
    color: var(--color-005);
}

#menu-principal .dropdown-menu{
    background-color: rgba(255, 255, 255,0.98);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
#menu-principal .dropdown-menu .dropdown-item{
    font-weight: 400;
    font-size: 16px;
}


.img-bordered{
    border: 1px solid #000;
    border-bottom: 4px solid #005387;
}
.img-bordered-red{
    border: 1px solid #000;
    border-bottom: 4px solid #dd293c;
}

.header-small{
    background-size: cover;
    background-position: center;
    padding-top: 65px;
    padding-bottom: 65px;
    color: #FFF;
    max-height: 280px;
    margin-bottom: 70px;
    border-bottom: 2px solid var(--color-2);
}
.header-small h2 {
    font-weight: 300;
    text-align: center;
    font-size: 28px;
    font-family: var(--font-family-text);
}
.header-small h1 {
    font-weight: 600;
    text-align: center;
    font-size: 60px;

}


@media (min-width: 768px) {
    .header-small h2 {
        font-size: 20px;
    }
    .header-small h1 {
        font-size: 45px;
    }

}
@media (max-width: 576px){

    .header-small h2 {
        font-size: 14px;
    }
    .header-small h1 {
        font-size: 30px;
    }

}

.header-large{
    background-size: cover;
    background-position: center;
    padding-top: 150px;
    padding-bottom: 150px;
    color: #FFF;
    max-height: 450px;
    margin-bottom: 50px;
    border-bottom: 2px solid var(--color-2);

}
.header-large h2 {
    font-weight: 300;
    text-align: center;
    font-size: 28px;
    font-family: var(--font-family-text);
}
.header-large h1 {
    font-weight: 600;
    text-align: center;
    font-size: 77px;

}

.header-quienes-somos{
    background-image: url(../images/bg/bg-contacto.jpg);
}
.header-educacion-medica{
    background-image: url(../images/bg/bg-contacto.jpg);
}
.header-eventos{
    background-image: url(../images/bg/bg-contacto.jpg);
}
.header-congreso_anual{
    background-image: url(../images/bg/bg-congreso-anual.jpg);
}
.header-contacto{
    background-image: url(../images/bg/bg-contacto.jpg);
}
.header-fellows-academy{
    background-image: url(../images/bg/bg_fellows.jpg);
    border-bottom: 5px solid #ad2731;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 30px;
    max-height: 340px;

}

.header-hendopass{
    background-image: url(../images/bg/bg_hendopass.jpg);
    border-bottom: 5px solid #153279;
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 30px;
    max-height: 340px;
}
.header-hendoveins{
    background-image: url(../images/bg/bg_hedoveins.png);
    border-bottom: 5px solid #153279;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 15px;
    max-height: 340px;
}
.header-hendolat_anual_2021{
    background-image: url(../images/bg/bg_hedolat_anual_2021.png);
    border-bottom: 5px solid #153279;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 15px;
    max-height: 340px;
}
.header-hendolat_veins_2021{
    background-image: url(../images/bg/bg_hendolat_veins_2021.jpg);
    border-bottom: 5px solid #153279;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 15px;
    max-height: 340px;

}

.header-revistas{
    background-image: url(../images/bg/bg-revistas.jpg);
    margin-bottom: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
    max-height: 340px;
}
.header-regional-peru{
    background-image: url(../images/bg/bg-peru.jpg);
}
.header-aviso-privacidad{
    background-image: url(../images/bg/bg-contacto.jpg);
}
.header-ihendolat{
    background-image: url(../images/bg/bg-ihendolat.jpg);
    border-bottom: 5px solid #ad2731;
    margin-bottom: 0;

}



#streamingModal{
    z-index: 1000000;
}
#streamingModal .modal-content{
    background-color:#e8e8e8;
    color: #FFF;
}
#streamingModal .modal-content .modal-body{
    background-color: #FFF;
    padding:0;
}
#streamingModal .modal-content  .modal-footer{
    border-top: none;
}

.modal-backdrop.show {
    opacity: .9;
    z-index: 100000;
}
.modal{
    z-index: 100050;
}



.bg-01{
    background-color: var(--color-5);
}


.bg-white{
    background-color: #FFFFFF;
}


.bg-blue{
    background-color: #002f50;
}

.bg-darkest-blue{
    background-color: var(--color-1);
}
.bg-dark-blue{
    background-color: var(--color-01);
}

.bg-king-blue{
    background-color: var(--color-2) !important;
}

.bg-light-blue{
    background-color: var(--color-02) !important;
}

.bg-red{
    background-color: #dd293c !important;
}
.bg-light-gray{
    background-color: #e9e9e9;
}
.bg-trama{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2ICg0NDQyMykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c3RyaXBlZC1iYWNrZ3JvdW5kPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic3RyaXBlZC1iYWNrZ3JvdW5kIj4KICAgICAgICAgICAgPGcgaWQ9Ik1hc2siIG9wYWNpdHk9IjAiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0Q4RDhEOCI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0icGF0aC0xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtQ2xpcHBlZCI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxnIGlkPSJwYXRoLTEiPjwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgbWFzaz0idXJsKCNtYXNrLTIpIiBvcGFjaXR5PSIwLjEyNjkyNDgxOSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2LjAwMDAwMCwgLTYuMDAwMDAwKSIgaWQ9IlBhdGgtMyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjMzUzNTM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMTkuNjQ2NDQ2NiA1LjM1MzU1MzM5IDQxLjY0NjQ0NjYgMjcuMzUzNTUzNCA0Mi4zNTM1NTM0IDI2LjY0NjQ0NjYgMjAuMzUzNTUzNCA0LjY0NjQ0NjYxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMzNTM1MzUiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI5LjY0NjQ0NjYxIDUuMzUzNTUzMzkgMzEuNjQ2NDQ2NiAyNy4zNTM1NTM0IDMyLjM1MzU1MzQgMjYuNjQ2NDQ2NiAxMC4zNTM1NTM0IDQuNjQ2NDQ2NjEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzM1MzUzNSIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjAuNjQ2NDQ2NjA5IDEuMzUzNTUzMzkgMjIuNjQ2NDQ2NiAyMy4zNTM1NTM0IDIzLjM1MzU1MzQgMjIuNjQ2NDQ2NiAxLjM1MzU1MzM5IDAuNjQ2NDQ2NjA5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMzNTM1MzUiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIyMS42NDY0NDY2IDIuMzUzNTUzMzkgNDMuNjQ2NDQ2NiAyNC4zNTM1NTM0IDQ0LjM1MzU1MzQgMjMuNjQ2NDQ2NiAyMi4zNTM1NTM0IDEuNjQ2NDQ2NjEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzM1MzUzNSIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjEwLjY0NjQ0NjYgMS4zNTM1NTMzOSAzMi42NDY0NDY2IDIzLjM1MzU1MzQgMzMuMzUzNTUzNCAyMi42NDY0NDY2IDExLjM1MzU1MzQgMC42NDY0NDY2MDkiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
}
.bg-dark {
    background-color: #1e1e1e !important;
}
.bg-black{
    background-color: #1e1e1e;
}


.color-white{
    color: #FFFFFF;
}
.color-blue{
    color: #001e40;
}
.color-king-blue{
    color: var(--color-2) !important;
}
.color-light-blue{
    color: var(--color-02) !important;
}
.color-red{
    color: #dd293c;
}
.color-gold{
    color: #B38644;
}
.color-black{
    color: #000;
}
.color-light-gray{
    color: #f8f9fa;
}

.left-0 {
    left: 0 !important;
}
.top-0 {
    top: 0 !important;
}
.border-gray-400 {
    border-color: #ced4da !important;
}

.bg-overlay-black-5::before {
    background: rgba(0,0,0,.5) !important;
}
.bg-overlay-black-7::before {
    background:
            rgba(0,0,0,.7) !important;
}
.bg-overlay-black-1::before, .bg-overlay-black-2::before, .bg-overlay-black-3::before, .bg-overlay-black-4::before, .bg-overlay-black-5::before, .bg-overlay-black-6::before, .bg-overlay-black-7::before, .bg-overlay-black-8::before, .bg-overlay-black-9::before, .bg-overlay-gray-1::before, .bg-overlay-gray-2::before, .bg-overlay-gray-3::before, .bg-overlay-gray-4::before, .bg-overlay-gray-5::before, .bg-overlay-gray-6::before, .bg-overlay-gray-7::before, .bg-overlay-gray-8::before, .bg-overlay-gray-9::before {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.bg-overlay-black-1, .bg-overlay-black-2, .bg-overlay-black-3, .bg-overlay-black-4, .bg-overlay-black-5, .bg-overlay-black-6, .bg-overlay-black-7, .bg-overlay-black-8, .bg-overlay-black-9, .bg-overlay-gray-1, .bg-overlay-gray-2, .bg-overlay-gray-3, .bg-overlay-gray-4, .bg-overlay-gray-5, .bg-overlay-gray-6, .bg-overlay-gray-7, .bg-overlay-gray-8, .bg-overlay-gray-9 {
    position: relative;
}

.bg-img-cover, .bg-img-parallax {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}



/************************ INICIO *********************************/
#slider-xs{
    background-color: #181818;
    color: #FFF;
    padding: 20px 0;
}
#slider-xs .item{
    margin-bottom: 15px;
}
#slider-xs .item img{
    width: 35px;
    max-width: 35px;
    margin-right: 10px;
}
#slider-xs .item h4{
    font-size: 16px;
    margin-bottom: 0;
}
#slider-xs .item a{
    color:#007bff;
    margin-bottom: 0;

}

#layerslider-mobil{
    background-color: var(--color-3);
}

#layerslider-mobil .layerslider-mobil-item-caption{
    padding: 20px 0 30px 0;
    text-align: center;
}

.section-unete{
    padding: 40px 0;
}
.section-unete h3{
    color: var(--color-white);
}

.section-educacion-medica{
    padding: 60px 0 80px;

}
.section-educacion-medica .card{
    border: none;
    background-color: transparent;
}
.section-educacion-medica .card .card-img-top{
    display: block;
    position: relative;
}
.section-educacion-medica .card .card-img-top:before{
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,.3) !important;
}
.section-educacion-medica .card .card-img-top:hover:before{
    background: none !important;
}

.section-educacion-medica .card .card-type{
    background-color: #005387;
    font-size: 10px;
    font-weight: 900;
    color: #FFF;
}
.section-educacion-medica .card .card-type.premium{
    background-color:#802626;
}
.section-educacion-medica .card .card-type.pay-per-view{
    background-color: #FF4D4D;
}

.section-educacion-medica .card .card-body{
    padding: 10px;
}
.section-educacion-medica .card .card-body a{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;

}
.section-educacion-medica .card .card-body a:hover{
    text-decoration: none;
}

.section-evento-anual{
    padding: 80px 0 80px 0;
}
.section-info-evento-anual {
    background-image: url("../images/inicio/bg-venue-01.jpg");
    padding: 150px 0;
}


.section-twitter{
    padding: 60px 0 40px;
}
.section-twitter .twitter-widget{
    min-height: 100px;
}
.section-twitter .twitter-widget .twit-text{
    text-align: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
}
.section-twitter .twitter-widget .twit-text a{
    color:var(--color-4);
}
.section-twitter .twitter-widget .twit-user{
    font-size: 12px;
    color:#FFF;
    text-decoration: none;
    text-align: center;
}
.section-twitter .twitter-widget .twit-user a{
    color:var(--color-4);
    font-size: 12px;
}
.section-twitter .twitter-logo{
    color: var(--color-4);
    font-size: 50px;
    text-align: center;
}


.section-ultimo-multimedia{
    height: 100%;
    padding: 100px 0;
    position: relative;
    background: url(../images/inicio/bg_parallax.jpg) center center;
    background-size: cover;
    background-attachment: fixed;

}
.section-ultimo-multimedia::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 20, 0.9);
}

.section-ultimo-multimedia .container-fluid {
    padding: 0 100px;
}
.section-ultimo-multimedia .parallaxt-details {
    z-index: 9;
    position: relative;
}



.section-facebook{
    padding: 100px 0;
    background-color: var(--color-5);
}

.section-revista{
    padding: 100px 0;
}
.section-revista img{
    webkit-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 5px 0 rgba(0, 0, 0, 0.75);
    max-width: 300px;
}


.section-4{
    text-align: center;
    padding: 20px 0 30px 0;
    background-color: #e9e9e9;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2ICg0NDQyMykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c3RyaXBlZC1iYWNrZ3JvdW5kPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic3RyaXBlZC1iYWNrZ3JvdW5kIj4KICAgICAgICAgICAgPGcgaWQ9Ik1hc2siIG9wYWNpdHk9IjAiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0Q4RDhEOCI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0icGF0aC0xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtQ2xpcHBlZCI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxnIGlkPSJwYXRoLTEiPjwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgbWFzaz0idXJsKCNtYXNrLTIpIiBvcGFjaXR5PSIwLjEyNjkyNDgxOSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2LjAwMDAwMCwgLTYuMDAwMDAwKSIgaWQ9IlBhdGgtMyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjMzUzNTM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMTkuNjQ2NDQ2NiA1LjM1MzU1MzM5IDQxLjY0NjQ0NjYgMjcuMzUzNTUzNCA0Mi4zNTM1NTM0IDI2LjY0NjQ0NjYgMjAuMzUzNTUzNCA0LjY0NjQ0NjYxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMzNTM1MzUiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI5LjY0NjQ0NjYxIDUuMzUzNTUzMzkgMzEuNjQ2NDQ2NiAyNy4zNTM1NTM0IDMyLjM1MzU1MzQgMjYuNjQ2NDQ2NiAxMC4zNTM1NTM0IDQuNjQ2NDQ2NjEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzM1MzUzNSIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjAuNjQ2NDQ2NjA5IDEuMzUzNTUzMzkgMjIuNjQ2NDQ2NiAyMy4zNTM1NTM0IDIzLjM1MzU1MzQgMjIuNjQ2NDQ2NiAxLjM1MzU1MzM5IDAuNjQ2NDQ2NjA5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMzNTM1MzUiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIyMS42NDY0NDY2IDIuMzUzNTUzMzkgNDMuNjQ2NDQ2NiAyNC4zNTM1NTM0IDQ0LjM1MzU1MzQgMjMuNjQ2NDQ2NiAyMi4zNTM1NTM0IDEuNjQ2NDQ2NjEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzM1MzUzNSIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjEwLjY0NjQ0NjYgMS4zNTM1NTMzOSAzMi42NDY0NDY2IDIzLjM1MzU1MzQgMzMuMzUzNTUzNCAyMi42NDY0NDY2IDExLjM1MzU1MzQgMC42NDY0NDY2MDkiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");

}
.section-4 p{
    color: #404040;
    font-size: 10px;
    margin-bottom: 0;
}
.section-4 .icon-congreso-anual{
    text-align: center;
}
.section-4 .icon-congreso-anual a{
    color: #000;
    margin: 40px;
    display: inline-block;
}
.section-4 .icon-congreso-anual a > i{
    display: block;
    font-size: 60px;
    margin-bottom: 10px;
}
.section-4 .icon-congreso-anual a > span{
    display: block;
    font-size: 10px;
}
.section-4 .icon-congreso-anual a:hover{
    color: #005387;
    text-decoration: none;
    /*transform: translate(0px, -20px);*/

    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari 3-8 */
    transform: rotate(10deg);



}

.section-5{
    color: #000;
    padding:50px 0 100px;

}
.section-5 .fa-ul{
    color: #888888;
    font-size: 14px;
}
.section-5 .fa-ul i{
    color: #005387;
}

.section-6{
    background-color:  #1e1e1e;
    padding: 40px 0;
    color: #FFF;
}

.section-7{

    padding: 40px 0;
    color: #000;
    min-height: 915px;
}
.section-7 #carousel-profesores{
    padding-bottom: 50px;
}
.section-7 #carousel-profesores .carousel-indicators li{
    background: #869791 none repeat scroll 0 0;
    border: 1px solid #869791;
}
.section-7 #carousel-profesores .carousel-indicators li.active{
    background-color: #005387;
    border: 1px solid #005387;
}

.section-7 #carousel-profesores .carousel-item{
    text-align: center;
}
.section-7 #carousel-profesores .carousel-item .profesor-item{
    display: inline-block;
    max-width: 150px;
    vertical-align: top;
    min-height: 270px;
    margin:10px;
}
.section-7 #carousel-profesores .carousel-item .profesor-item img{
    transition: all 0.8s ease 0s;
    -webkit-transition: all 0.8s ease 0s;
    -moz-transition: all 0.8s ease 0s;
    cursor: pointer;
    width: 150px;
    height: 150px;
    background-color: transparent;
    background-image: url("../images/inicio/ajaxLoader.gif");
    background-repeat:no-repeat;
    background-position: center center;
}
.section-7 #carousel-profesores .carousel-item .profesor-item img:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.section-7 #carousel-profesores .carousel-item .profesor-item h3{
    font-size: 14px !important;
    font-weight: 500;
    margin: 15px 0 0 0;
}
.section-7 #carousel-profesores .carousel-item .profesor-item p{
    color: #404040;
    font-size: 10px;
}


/************************ QUIENES SOMOS *********************************/

.box{
    border: 2px solid rgba(0,0,0,.125);
    padding: 20px;
}

.quienes-somos-section{
    padding: 0 0 100px;
}

.valores-section{
    padding: 80px 0 100px;
    background-color: #e9e9e9;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTAgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ2ICg0NDQyMykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c3RyaXBlZC1iYWNrZ3JvdW5kPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48L3JlY3Q+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ic3RyaXBlZC1iYWNrZ3JvdW5kIj4KICAgICAgICAgICAgPGcgaWQ9Ik1hc2siIG9wYWNpdHk9IjAiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0Q4RDhEOCI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0icGF0aC0xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtQ2xpcHBlZCI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDxnIGlkPSJwYXRoLTEiPjwvZz4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgbWFzaz0idXJsKCNtYXNrLTIpIiBvcGFjaXR5PSIwLjEyNjkyNDgxOSI+CiAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE2LjAwMDAwMCwgLTYuMDAwMDAwKSIgaWQ9IlBhdGgtMyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjMzUzNTM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMTkuNjQ2NDQ2NiA1LjM1MzU1MzM5IDQxLjY0NjQ0NjYgMjcuMzUzNTUzNCA0Mi4zNTM1NTM0IDI2LjY0NjQ0NjYgMjAuMzUzNTUzNCA0LjY0NjQ0NjYxIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMzNTM1MzUiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSI5LjY0NjQ0NjYxIDUuMzUzNTUzMzkgMzEuNjQ2NDQ2NiAyNy4zNTM1NTM0IDMyLjM1MzU1MzQgMjYuNjQ2NDQ2NiAxMC4zNTM1NTM0IDQuNjQ2NDQ2NjEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzM1MzUzNSIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjAuNjQ2NDQ2NjA5IDEuMzUzNTUzMzkgMjIuNjQ2NDQ2NiAyMy4zNTM1NTM0IDIzLjM1MzU1MzQgMjIuNjQ2NDQ2NiAxLjM1MzU1MzM5IDAuNjQ2NDQ2NjA5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMzNTM1MzUiIGZpbGwtcnVsZT0ibm9uemVybyIgcG9pbnRzPSIyMS42NDY0NDY2IDIuMzUzNTUzMzkgNDMuNjQ2NDQ2NiAyNC4zNTM1NTM0IDQ0LjM1MzU1MzQgMjMuNjQ2NDQ2NiAyMi4zNTM1NTM0IDEuNjQ2NDQ2NjEiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0iIzM1MzUzNSIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjEwLjY0NjQ0NjYgMS4zNTM1NTMzOSAzMi42NDY0NDY2IDIzLjM1MzU1MzQgMzMuMzUzNTUzNCAyMi42NDY0NDY2IDExLjM1MzU1MzQgMC42NDY0NDY2MDkiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");

}
.valores-section .valores-title{
    margin-left: 20px;
    padding: 68px 0;
}
.valores-section .valores-title h1{
    font-size: 45px;
    font-weight: 900;
    color: #000;
}
.valores-section .valores-title h1 i{
    color: #999;
}
.valores-section .valores-title p{
    font-size: 20px;
    color: #404040;
    max-width: 270px;
    margin-left: 51px;
    line-height: 21px;
    font-style: italic;
}
.valores-section .list-unstyled{
    color: #404040;
    font-size: 20px;
    font-weight: 400;
    max-width: 350px;
}
.valores-section .list-unstyled li{
    border-bottom: 1px solid #999;
    padding: 10px 0;
}

.que-hacemos-section{
    padding: 80px 0 100px;
}
.que-hacemos-section .contacto-quienes-somos{
    margin-bottom: 20px;
    margin-left: 30px;
    padding-bottom: 15px;
}
.que-hacemos-section .contacto-quienes-somos a{
    padding: 4px 0;
    display: block;
}

/************************ MARCO HISTORICO *********************************/
.marco-historico-section{
    padding: 0 0 100px;
}

.timeline {

    background-image: url(../images/acerca_de/bg_timeline-line.png);
    background-repeat: repeat-y;
    background-position: left top;
    margin-left: 20px;
    padding-bottom: 0;
    color: var(--color-1);



}

.timeline-marker {
    margin-left: -5px;
}
.timeline-marker::after {
    width: 12px;
    height: 12px;
    background: var(--color-02);
    border-radius: 100%;
    display: block;
    content: ' ';
}

.timeline-item{
    width: 100%;
    margin-top: 40px;
    margin-left: 25px;
    background-color: #f6f6f6;
    border-radius: 2px;
    position: relative;
    border: 1px solid #f2f2f2;
    border-bottom: 3px solid var(--color-02);
    text-align: left;
    padding: 15px;

}
.timeline-item:before{
    font-family: 'Font Awesome 5 Free';
    content: "\F0D9";
    font-weight: 900;

    position: absolute;
    top: 20px;
    left: -20px;

    font-size: 30px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-left: 0;
    color: #f6f6f6;


}
.timeline-item:after{
    font-family: 'Font Awesome 5 Free';
    content: "\f140";
    font-weight: 900;

    position: absolute;
    top: 20px;
    left: -40px;
    background-color: transparent;

    font-size: 30px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;

    color: var(--color-03);
}

.timeline-item.highlight::after {
    color: var(--color-03);
}

.timeline-item.timeline-item-first {
    margin-top: 20px !important;
}
.timeline-item.timeline-item-last {
    margin-bottom: 20px !important;
}

.timeline-item .timeline-item-date {
    font-weight: 600;
    color: #666;
    font-size: 14px;

}
.timeline-item .timeline-item-title {
    font-weight: 600;
    font-size: 18px;
}
.timeline-item .timeline-item-description {
    font-size: 16px;
}


/************************ GRUPO DIRECTIVO *********************************/
.grupo-directivo-section{
    padding: 0 0 100px;
}
.grupo-directivo-section .card{
    margin-top: 50px;
    border: 0;
    border-radius: 0;
    overflow: hidden;
}
.grupo-directivo-section .card .card-img{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid #E6E6E6;
    border-bottom: 4px solid #005387;
    border-radius: 0;
}
.grupo-directivo-section .card .card-img .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .6s ease;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;

    align-items: center;
    justify-content: center;
    display: flex;
    background: rgba(10,35,59,.7);
}
.grupo-directivo-section .card .card-img .hover-overlay a.overlay_icon {
    width: 160px;
    height: 95px;
    background-color: transparent;
    text-align: center;
    color: #FFF;
}
.grupo-directivo-section .card .card-img .hover-overlay a.overlay_icon i {
    font-size: 50px;
    line-height: 60px;
    display: block;
}

.grupo-directivo-section .card:hover .hover-overlay,.grupo-directivo-section .card_img:hover .hover-overlay {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.grupo-directivo-section .card .card-body{
    padding: 15px 20px;
    word-wrap: break-word;
}
.grupo-directivo-section .card .card-body .card-title {
    margin: 0;
    padding: 15px 0 10px;
    transition: all .3s ease;
    font-size: 18px;
    font-weight: 400;
    color: #222;
}
.grupo-directivo-section .card .card-body .card-text{
    font-size: 12px;
    line-height: 21px;
    color: rgba(27,27,27,.5);
    font-weight: 400;
    font-style: italic;
}

.detalle-grupo-directivo-section{
    padding: 0 0 100px;
}

.detalle-grupo-directivo-section .generales{
    background-color: #e9e9e9;
    padding: 0 0 80px 0;
    color: var(--color-1);
}
.detalle-grupo-directivo-section .generales .info-list{
    padding: 0 15px;
    font-size: 12px;
}


/************************ EDUCACION MEDICA *********************************/


/************************ EDUCACION MEDICA POST *********************************/



/************************ SERVICIOS INDUSTRIA ******************************************/

.services-sections{

}
.services-sections .heading-1::after {
    content: "";
    margin-top: 20px;
    margin-bottom: -3px;
    width: 170px;
    height: 3px;
    display: block;
    background-color: var(--color-02);
}
.services-sections .heading-1 {
    margin-top: 10px;
    margin-bottom: 25px;
    color: var(--color-02);
    border-bottom: 3px solid #eee;
}
.services-sections .text-brand-color {
    color: var(--color-02);
}


.services-section-1{
    padding-top: 30px;
    padding-bottom: 80px;
}

.services-sections .services-section-1 .list-service li{
    margin-bottom: 25px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
    box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
    padding: 25px 20px;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: hidden;
    color: var(--color-1);


}
.services-sections .services-section-1 .list-service li img{
    border: 4px solid var(--color-1);
}
.services-sections .services-section-1 .list-service li h3{
    color: var(--color-01);

}

.services-sections .services-section-1 .list-service li::before {
    width: 0;
    height: 100%;
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #1A76D1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.services-sections .services-section-1 .list-service li::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    border: 10px solid #ffffff;
    left: -80px;
    bottom: -80px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.15;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.services-sections .services-section-1 .list-service li:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.services-sections .services-section-1 .list-service li:hover::before {
    width: 100%;
}
.services-sections .services-section-1 .list-service li:hover img{
    border: 4px solid var(--color-text);
}
.services-sections .services-section-1 .list-service li:hover h3 {
    color: var(--color-text);;
}
.services-sections .services-section-1 .list-service li:hover p {
    color: var(--color-text);
}
.services-sections .services-section-1 .list-service li:hover::after {
    left: -50px;
    bottom: -50px;
}


.services-sections .parallax {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.services-sections .services-section-2 {
    padding-top: 80px;
    padding-bottom: 30px;
    background-image: url(../images/servicios/industria/services-section-bg.jpg);
}
.services-sections .services-section-2 .services-section-1-box {
    margin-bottom: 50px;
    padding: 25px 25px 20px;
    background: rgba(255, 255, 255, 0.8);
    min-height: 170px;
    color: var(--color-1);
}
.services-sections .services-section-2 .services-section-1-box .fa, .services-section-1-box .far ,.services-section-1-box .fas, .services-section-1-box .fab{
    margin-top: 18px;
    margin-bottom: 40px;
    margin-right: 25px;
    font-size: 48px;
}


.services-sections .services-section-3{
    padding-top: 80px;
    padding-bottom: 30px;
}


/************************ SERVICIOS ASOCIACIONES *********************************/

.services-sections .about-area {
    position: relative;
    z-index: 1;
    padding: 0 0 100px 0;
}
.services-sections .about-image {
    width: 100%;
    height: 600px;
    background-image: url(../images/servicios/sociedades/about-img.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.services-sections .about-image img {
    display: none;
}

.services-sections .about-content {
    max-width: 800px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 50px;
    padding-right: 50px;
}
.services-sections .about-content span {
    display: block;
    margin-bottom: 5px;
    color: var(--color-2);
    font-size: 17px;
}
.services-sections .about-content h2 {
    margin-bottom: 0;
}
.services-sections .about-content p {
    margin-top: 10px;
    margin-bottom: 0;
}
.services-sections .about-content ul {
    padding-left: 0;
    list-style-type: none;
    margin-top: 25px;
    margin-bottom: 0;
}
.services-sections .about-content ul li {
    margin-bottom: 16px;
    position: relative;
    padding-left: 34px;
}
.services-sections .about-content ul li i {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 100%;
    background-color: #1A76D12B;
    color: #1A76D1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    font-size: 11px;
    position: absolute;
    left: 0;
    top: -2px;
}
.services-sections .about-content ul li:hover i {
    background-color: #1A76D1;
    color: #ffffff;
}
.services-sections .about-content ul  li:last-child {
    margin-bottom: 0;
}
.services-sections .about-content .btn {
    margin-top: 30px;
}


/* Start Our Vision Area CSS */
.our-vision-area {
    position: relative;
    z-index: 1;
    padding: 70px 0;

}
.single-vision-box {
    margin-bottom: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
    box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
    padding: 25px 20px;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: hidden;
    color: var(--color-1);
    min-height: 300px;
}
.single-vision-box .icon {
    margin-bottom: 20px;
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    background-color: #1A76D1;
    color: #ffffff;
    font-size: 25px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.single-vision-box h3 {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 0;
    position: relative;
    font-size: 20px;
    font-weight: 700;
}
.single-vision-box p {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-top: 12px;
    margin-bottom: 0;
}
.single-vision-box::before {
    width: 0;
    height: 100%;
    z-index: -1;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #1A76D1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.single-vision-box::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    border: 10px solid #ffffff;
    left: -80px;
    bottom: -80px;
    border-radius: 50%;
    z-index: -1;
    opacity: 0.15;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.single-vision-box:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.single-vision-box:hover::before {
    width: 100%;
}
.single-vision-box:hover .icon {
    background-color: #fff;
    color: #1A76D1;
}
.single-vision-box:hover h3 {
    color: #ffffff;
}
.single-vision-box:hover p {
    color: #ffffff;
}
.single-vision-box:hover::after {
    left: -50px;
    bottom: -50px;
}
/* End Our Vision CSS */

/* Our Mission Area CSS */
.our-mission-area {
    position: relative;
    z-index: 1;
}
.our-mission-image {
    width: 100%;
    height: 600px;
    background-image: url(../images/servicios/sociedades/mission-img.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.our-mission-image img {
    display: none;
}
.our-mission-content {
    max-width: 800px;
    margin-left: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 50px;
    padding-left: 50px;
}
.our-mission-content .sub-title {
    display: block;
    margin-bottom: 5px;
    color: var(--color-02);
    font-size: 17px;
}
.our-mission-content h2 {
    margin-bottom: 0;
}
.our-mission-content p {
    margin-top: 10px;
    margin-bottom: 0;
}
.our-mission-content ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    list-style-type: none;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 0;
    margin-top: 0;
}
.our-mission-content ul li {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
    color: #7d7d7d;
    font-size: 14.5px;
    line-height: 1.7;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
}
.our-mission-content ul li .icon {
    margin-bottom: 13px;
    -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
    box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: var(--color-text);
    font-size: 25px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.our-mission-content ul li span {
    display: block;
    color: var(--color-text);
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 17px;
}
.our-mission-content ul li:hover .icon {
    background-color: var(--color-02);
    color: #ffffff;
    border-radius: 100%;
}
/* End Our Mission CSS */

.newsletter {
    background: #EDF2FF;
    padding: 100px 0;
    color: var(--color-1);
}

.newsletter .subscribe-text{
    font-size: 26px;
    font-style: italic;
    font-weight: 400;
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .services-sections .about-image {
        height: 100%;
    }

    .our-mission-image{
        height: 100%;
    }
}


/************************ EVENTOS EN VIVO ***************************************/

.eventos-en-vivo-section{
    padding: 10px 0 100px;
}

.eventos-en-vivo-section .evento-en-vivo{
    margin-bottom: 20px;
}
.eventos-en-vivo-section .evento-en-vivo .evento-thumb img{
    border: 1px solid var(--color-02);
}
.eventos-en-vivo-section .evento-en-vivo .evento-thumb:hover img{
    border: 1px solid var(--color-2);
}
.eventos-en-vivo-section .evento-en-vivo .evento-body{
    padding: 20px;
}
.eventos-en-vivo-section .evento-en-vivo .evento-body .evento-tags{
    margin-bottom: 20px;
    font-size: 14px;
}
.eventos-en-vivo-section .evento-en-vivo .evento-body .evento-tags i{
    color: var(--color-02);
    margin-right: 3px;
}

.section-videos-onbmedtv{
    padding: 60px 0 80px;
    background-color: var(--color-01);
}
.section-videos-onbmedtv .card{
    border: none;
    background-color: transparent;
}
.section-videos-onbmedtv .card .card-img-top{
    display: block;
    position: relative;
}
.section-videos-onbmedtv .card .card-img-top:before{
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,.3) !important;
}
.section-videos-onbmedtv .card .card-img-top:hover:before{
    background: none !important;
}

.section-videos-onbmedtv .card .card-type{
    background-color: #005387;
    font-size: 10px;
    font-weight: 900;
    color: #FFF;
}
.section-videos-onbmedtv .card .card-type.premium{
    background-color:#802626;
}
.section-videos-onbmedtv .card .card-type.pay-per-view{
    background-color: #FF4D4D;
}

.section-videos-onbmedtv .card .card-body{
    padding: 10px;
}
.section-videos-onbmedtv .card .card-body a{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;

}
.section-videos-onbmedtv .card .card-body a:hover{
    text-decoration: none;
}

.notification-box{
    background-color: rgba(255,255,255,0.1);
    padding: 50px 30px;
    margin-bottom: 40px;
}



/************************ OTROS EVENTOS ****************************************/

.tabla-eventos-section{
    padding: 20px 0 100px;
}

.tabla-eventos-section table{
    color: var(--color-text);
}

.tabla-eventos-section table thead tr{
    background-color:var(--color-02);
}

.tabla-eventos-section table tbody tr:hover{
    background-color: var(--color-2);
    color: var(--color-text);
}
.tabla-eventos-section table tbody tr:hover td{
    color: var(--color-text);
}

.mapa-section{
    padding: 80px 0 100px;
    background-color: var(--color-01);
}

#map{
    width: 100%;
    height: 500px;
    position: relative;;
    display: block;
}

#map .infowindow{
    padding: 20px;
    color: var(--color-1);
}

#map .infowindow .title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 20px;
}
#map .infowindow .description{
    font-size: 13px;
}


/************************ FELLOWS ACADEMY *************************************/

.content-fellows-academy{
    padding: 50px 0;
    color: var(--color-text);
}

.content-fellows-academy .text-primary{
    color: var(--color-02) !important;
}

.content-fellows-academy .heading{
    margin-top: 30px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: var(--color-2);
}


.content-fellows-academy p{
    text-align: justify;
}

.content-fellows-academy ul.list-default{
    text-align: justify;
    font-size: 16px;
    font-weight: 400;
    list-style: none;

}
.content-fellows-academy ul.list-default > li {
    padding: 5px 0;
    position: relative;
    line-height: 1.5;
}
.content-fellows-academy ul.list-default > li::before {
    content: "\f192";
    font-size: 8px;
    position: absolute;
    top: 12px;
    left: -20px;
    font-family: 'Font Awesome 5 Free';
    color: var(--color-02);

}

.content-fellows-academy .apply-info {
    background-color: #f2f2f2;
    padding: 50px 15px 25px 15px;
    margin-top: -55px;
    color: var(--color-1);
}
.content-fellows-academy .apply-info .font20 {
    font-size: 20px;
}



/************************ REVISTAS *******************************************/

.revistas-sections{

}
.revistas-sections .heading-1::after {
    content: "";
    margin-top: 20px;
    margin-bottom: -3px;
    width: 170px;
    height: 3px;
    display: block;
    background-color: var(--color-02);
}
.revistas-sections .heading-1 {
    margin-top: 10px;
    margin-bottom: 25px;
    color: var(--color-02);
    border-bottom: 3px solid #eee;
}





/************************ CONTACTO ******************************************/


.body-contacto{
    padding: 20px 0 100px;
}

.contacto-detalle{
    padding: 40px;
    background-color: var(--color-1);
    color: var(--color-white);
}

.contacto-detalle  h3 {
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 18px;
}
.contacto-detalle ul li a{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    color: var(--color-4);
}
.contacto-detalle ul li a:hover{
    color: var(--color-white);
}
.contacto-detalle ul li a.active{
    color: #000;
    font-weight: 500;
    background-color: #f7f7f7;
    border-radius: 50px;
}
.contacto-detalle ul li a:after{
    clear: both;
    content:"";
    display: table;
}
.contacto-detalle ul li a i{
    margin-right: 8px;
    font-size: 20px;
    float: left;
    margin-top: 2px;
    color: var(--color-02);
}
.contacto-detalle ul li a span{
    float: left;
    width: 90%;
}


/****************************************************************************
/************************ SERVICIOS PREMIUM *********************************
*****************************************************************************/



/************************ ÁREA MIEMBROS ***************************************/

.miembros-section{
    padding: 0 0 100px;
}

.panel-smart {
    padding: 20px;
    background: var(--color-1);
    border: 1px solid var(--color-01);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.panel-smart .panel-heading {
    padding: 5px 0 10px 0;
    color: var(--color-text);
    border-bottom: 1px solid #929497;
}
.panel-smart .panel-heading h3.panel-title {
    font-family: var(--font-family-text);
    font-weight: 600;
    font-size: 24px;
    margin: 0;
}
.panel-smart .panel-heading.inner {
    margin-top: 30px;
    margin-bottom: 20px;
}
.panel-smart .panel-body {
    padding: 20px 0 0;
}
.panel-smart .panel-body p{
    font-size: 14px;
    font-weight: 300;
}
.panel-smart .panel-body ul,.panel-smart .panel-body ol{
    font-size: 14px;
    font-weight: 300;
}


.cupon{
    width: 300px;
    background-color: #000;
    color: #FFF;
    padding: 20px 15px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    display: inline-block;
    margin: 10px;
}
.cupon .cupon-evento{
    font-size: 14px;
    font-weight: 700;
}
.cupon .cupon-porcentaje{
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 10px;
}
.cupon .cupon-porcentaje-label{
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 3px;
    margin-bottom: 10px;
}
.cupon .cupon-small-label{
    font-size: 10px;
    font-weight: 300;
}
.cupon .cupon-codigo{
    font-size: 30px;
    font-weight: 700;
}
.cupon .cupon-obtener-codigo{
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
}
.cupon .cupon-obtener-codigo:hover{
    color: #d3d3d3;
}

.miembros-section .subtitle-1{
    font-weight: 900;
}

.miembros-section .content-table-suscripcion{
    padding: 50px;
    background-color: rgba(255,255,255,0.1);
}
.miembros-section .content-table-suscripcion .pricing .table th {
    border-top: none;
    border-bottom: 1px solid rgba(81,154,207,0.1);
}
.miembros-section .content-table-suscripcion .pricing .table th.concepto {
    font-size: 16px;
    font-weight: 600;
    color: #1a78ca;
    vertical-align: middle;
}
.miembros-section .content-table-suscripcion .pricing .table tr td {
    border-top: none !important;
    vertical-align: middle;
}
.miembros-section .content-table-suscripcion .pricing .table tr {
    border-bottom: 1px solid rgba(81,154,207,0.1);
}
.miembros-section .content-table-suscripcion .pricing .table tr:last-child {
    border-bottom: 0;
}
.miembros-section .content-table-suscripcion .pricing .prc-wrap {
    border-bottom: none !important;
}
.miembros-section .content-table-suscripcion .pricing .prc-box {
    background: #939393;
    padding: 15px;
    position: relative;
    transition: all 0.4s ease;
}
.miembros-section .content-table-suscripcion .pricing .prc-box.active {
    background: #e52d2d;
}
.miembros-section .content-table-suscripcion .pricing .prc-box.active .type {
    background: #fff;
    color: #e52d2d;
}
.miembros-section .content-table-suscripcion .pricing .prc-box.active .type:before {
    border-left: 16px solid #ce343b;
    right: -16px;
}
.miembros-section .content-table-suscripcion .pricing .prc-box.active .type:after {
    border-right: 16px solid #ce343b;
    left: -16px;
}
.miembros-section .content-table-suscripcion .pricing .type {
    position: absolute;
    background: #666666;
    padding: 9px 25px;
    color: #FFF;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    font-weight: 500;
}
.miembros-section .content-table-suscripcion .pricing .type:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    right: -15px;
    top: -1px;
    border-left: 16px solid #7e7e7e;
    border-top: 16px solid transparent;
}
.miembros-section .content-table-suscripcion .pricing .type:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    left: -15px;
    top: -1px;
    border-right: 16px solid #7e7e7e;
    border-top: 16px solid transparent;
}
.miembros-section .content-table-suscripcion .pricing .child-cell{
    font-size: 18px;
    font-weight: 900;
    color: #757575;
}
.miembros-section .content-table-suscripcion .pricing .child-cell.active {
    color: #003cbb;
}
.miembros-section .content-table-suscripcion .pricing .ri-2x {
    font-size: 2em;
}

.video-hospedaje-section{
 padding: 50px 0;
    background-color: var(--color-01);
}



/************ AVISO PRIVACIDAD SUGERIDAS *********************************/


.aviso-privacidad-section{
    padding: 0 0 100px;

}



/**************************** FOOTER *************************************/
.footer-hendolat{
    padding: 60px 0 0 0;
    font-size: 14px;
    background-color: var(--color-1);
    color: var(--color-white);
}
.footer-hendolat a,.footer-hendolat p{
    color: var(--color-white);
}
.footer-hendolat a:hover{
    color: var(--color-4);
    text-decoration: none;
}

.footer-hendolat h4 {
    text-transform: uppercase;
    margin-top: 0;
}
.footer-hendolat h4 span{
    display: inline-block;
    border-bottom: 1px rgba(255, 255, 255, 0.8) solid;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.footer-hendolat .descripcion_evento img {
    max-width: 350px;
    margin: 10px auto 20px;
    width: 100%;
}
.footer-hendolat .descripcion_evento p{

}
.footer-hendolat .datos_contacto{
    background-image: url('../images/footer/map2.png');
    background-repeat: no-repeat;
    min-height: 100px;
}
.footer-hendolat ul.datos_contacto li{
    padding: 7px 0;
    position: relative;
}
.footer-hendolat ul.datos_contacto li span{
    float: left;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 6px;
    font-size: 13px;
}
.footer-hendolat ul.map_site li{
    border-bottom: solid 1px rgba(255,255,255,0.05);
    padding: 10px 0;
    position: relative;
}
.footer-hendolat ul.map_site li:last-child{
    border-bottom: none;
}
.footer-hendolat ul.map_site li i.flecha{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
}
.footer-hendolat .footer-bottom{
    margin-top: 30px;
    padding: 20px 0;
    font-size: 11px;
    background-color: var(--color-5);
}
.footer-hendolat .footer-bottom a{
    font-size: 11px;
}
.footer-hendolat .footer-bottom ul{
    margin-bottom: 0 !important;
}
.footer-hendolat .footer-bottom ul a{
    font-size: 15px;
}





/***************************************************
******************** GENERALES*********************
****************************************************/


.space10 {
    height: 10px;
    width:100%;
    display:block;
    position:relative;
}
.space20 {
    height: 20px;
    width:100%;
    display:block;
    position:relative;
}
.space30 {
    height: 30px;
    width:100%;
    display:block;
    position:relative;
}
.space40 {
    height: 40px;
    width:100%;
    display:block;
    position:relative;
}
.space50 {
    height: 50px;
    width:100%;
    display:block;
    position:relative;
}
.space60{
    height: 60px;
    width:100%;
    display:block;
    position:relative;
}

.table-hendolat{
    color: var(--color-text);
}
.table-hendolat thead{
    background-color: rgba(255,255,255,0.8);
    color: var(--color-1);
}
.table-hendolat tbody tr:hover > *{
    color: var(--color-02);
}

.table-hendolat tbody tr:hover > *{
    color: var(--color-02);
}

.text-justify{
    text-align: justify;
}

.lead {
    font-family: var(--font-family-text);
    font-size: 20px;
    font-weight: 400;
}

.lead-min{
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
}

.btn{
    font-family: var(--font-family-title);;
    font-weight: 500;
}
.btn-primary {

    color: #fff;
    background-color: var(--color-02);
    border-color: var(--color-02);

}
.btn-primary:hover{
    background-color:var(--color-2);
    border-color: var(--color-2);
}

.bg-primary {
    background-color: #005387 !important;
}

.has-error .g-recaptcha > div{
    border: 1px solid #a94442;
}
input.error,textarea.error,select.error{
    border: 1px solid red !important;
    box-shadow: 0 0 8px red inset !important;
    outline: 0 none;
}
label.error{
    color: red;
    font-size: 11px !important;
    font-weight: 300 !important;
    padding-top: 0 !important;
    text-align: left !important;
}

.list-group{
    border-right: 1px solid var(--color-2);
    padding: 32px 0;
}
.list-group .list-group-header{
    padding-left: 5px;
    margin-bottom: 4px;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    color: #999;
    font-size: 11px;
    display: block;
}

.list-group .list-group-item{
    border: 1px solid var(--color-2);
    margin: -1px 0 0 1px;
    font-weight: 700;
    font-size: 16px;
    background-color: var(--color-2);
    color: var(--color-white);
}


.list-group .list-group-item:first-child,.list-group .list-group-item:last-child{
    border-radius: 0;
}

.list-group .list-group-item small{
    display: block;
    font-weight: 400;
    color: var(--color-4);
    font-size: 75%;
}
.list-group .list-group-item i{
    font-size: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 25px;
    color: var(--color-4);
}

.list-group .list-group-item.active {
    z-index: 2;
    color: var(--color-white);
    background-color: var(--color-02);
    border: 1px solid var(--color-02);
}
.list-group .list-group-item.active i{
    color: var(--color-01);
}
.list-group .list-group-item.active small{
    color: var(--color-4);
}


.list-group .list-group-item:hover {
    z-index: 2;
    color: var(--color-4);
    background-color: var(--color-01);
}
.list-group .list-group-item:hover i{
    color: var(--color-4);
}
.list-group .list-group-item:hover small{
    color: var(--color-4);
}

.nav-pills{
    border-right: 1px solid var(--color-2);
    padding: 32px 0;
}
.nav-pills .nav-header{
    padding-left: 5px;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    color: #999;
    font-weight: 700;
    font-size: 11px;
    display: block;
}
.nav-pills .nav-link {
    border: 1px solid var(--color-2);
    margin: -1px -1px 0 0;
    font-weight: 700;
    font-size: 16px;
    border-radius: 0;
    color: var(--color-white);
    display: block;
    position: relative;
    background-color: var(--color-2);
    text-align: left;
}

.nav-pills .nav-link small{
    display: block;
    font-weight: 400;
    color: var(--color-4);
    font-size: 80%;
}
.nav-pills .nav-link i{
    font-size: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 15px;
    color: var(--color-4);
}

.nav-pills .nav-link.active {
    z-index: 2;
    color: var(--color-white);
    background-color: var(--color-02);
}
.nav-pills .nav-link.active small{
    color:  var(--color-4);
}
.nav-pills .nav-link.active i{
    color: var(--color-1);
}

.nav-pills .nav-link:hover{
    background-color:  var(--color-1);
    color: var(--color-white);
}
.nav-pills .nav-link:hover small{
    color:  var(--color-4);
}
.nav-pills .nav-link:hover i{
    color: var(--color-4);
}

.tab-content{
    padding: 32px 0;
}
.tab-content > .tab-pane i.icon{
    font-size: 100px;
    margin: 0 0 20px 20px;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FFF;
    background-color: #0d151e;
    border-color: #dee2e6 #dee2e6 #fff;
}


.tab-content ul{
    font-size: 14px;
    font-weight: 300;
}

.bootbox{
    color: var(--color-1);
}
.bootbox .bootbox-close-button{
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.5rem 0.75rem;
    z-index: 1;
    font-weight: 100;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;

}

#loading {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    color: #ffffff;
    display: none;
    font-size: 30px;
    height: 100%;
    padding-top: 15%;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    vertical-align: middle;
}
#loading i {
    font-size: 110px;
    margin-bottom: 10px;
}

[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: inherit !important;
}


@media (max-width: 992px) {
    .section-ultimo-multimedia h1{
        font-size: 40px;
    }
    #congreso-anual-gadget{
        display: none;
    }
}

@media (max-width: 576px) {
    .section-ultimo-multimedia h1{
        font-size: 30px;
    }
}

@media (max-width: 1199px){
    .nav-redes{
        display: none !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {



}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}