*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Spinnaker', sans-serif;
}

body{
    background-color: #ffffff;;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}


/* ====================== */
/* --- --- EXTRAS --- --- */
/* ====================== */

.bg-purple-congress{
    background: #663DAD;
}

.bg-red-congress{
    background: #BF3434;
}

.bg-yellow-congress{
    background: #EEF0A1;
}

.bg-light-blue-congress{
    background: #6ba89b;
}

.btn-light-blue-congress{
    background: #6ba89b;
    color: white !important;
    border-color: #6ba89b;
}

.btn-light-blue-congress:hover{
    background-color:#579487;
    border-color:#538d81
}

.btn-light-blue-congress.focus,
.btn-light-blue-congress:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(107, 168, 155, .5);
    box-shadow:0 0 0 .2rem rgba(107, 168, 155, .5);
}

.btn-light-blue-congress.disabled,
.btn-light-blue-congress:disabled {
    color:#fff;
    background-color:#6ba89b;
    border-color:#6ba89b;
}

.btn-light-blue-congress:not(:disabled):not(.disabled).active,
.btn-light-blue-congress:not(:disabled):not(.disabled):active,
.show>.btn-light-blue-congress.dropdown-toggle{
    color: #fff;
    background-color:#538d81;
    border-color:#4d8478;
    box-shadow:0 0 0 .2rem rgba(107, 168, 155, .5);
}

.btn-light-blue-congress:not(:disabled):not(.disabled).active:focus,
.btn-light-blue-congress:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-blue-congress.dropdown-toggle:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(107, 168, 155, .5);
    box-shadow:0 0 0 .2rem rgba(107, 168, 155, .5);
}

/*********************************************************************/

.btn-light-yellow-congress{
    background: #EEF0A1;
    color: #333333 !important;
    border-color: #EEF0A1;
}

.btn-light-yellow-congress:hover{
    background-color:#e7ea80;
    border-color:#e5e977
}

.btn-light-yellow-congress.focus,
.btn-light-yellow-congress:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(237, 240, 163, .5);
    box-shadow:0 0 0 .2rem rgba(237, 240, 163, .5);
}

.btn-light-yellow-congress.disabled,
.btn-light-yellow-congress:disabled {
    color:#333333;
    background-color:#EEF0A1;
    border-color:#EEF0A1;
}

.btn-light-yellow-congress:not(:disabled):not(.disabled).active,
.btn-light-yellow-congress:not(:disabled):not(.disabled):active,
.show>.btn-light-yellow-congress.dropdown-toggle{
    color: #333333;
    background-color:#e5e977;
    border-color:#e3e76a;
    box-shadow:0 0 0 .2rem rgba(237, 240, 163, .5);
}

.btn-light-yellow-congress:not(:disabled):not(.disabled).active:focus,
.btn-light-yellow-congress:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-yellow-congress.dropdown-toggle:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(237, 240, 163, .5);
    box-shadow:0 0 0 .2rem rgba(237, 240, 163, .5);
}

/*********************************************************************/

.btn-light-red-congress{
    background: #BF3434;
    color: #fff !important;
    border-color: #BF3434;
}

.btn-light-red-congress:hover{
    background-color:#a02c2c;
    border-color:#982a2a
}

.btn-light-red-congress.focus,
.btn-light-red-congress:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(192, 53, 53, 0.5);
    box-shadow:0 0 0 .2rem rgba(192, 53, 53, 0.5);
}

.btn-light-red-congress.disabled,
.btn-light-red-congress:disabled {
    color:#fff;
    background-color:#BF3434;
    border-color:#BF3434;
}

.btn-light-red-congress:not(:disabled):not(.disabled).active,
.btn-light-red-congress:not(:disabled):not(.disabled):active,
.show>.btn-light-red-congress.dropdown-toggle{
    color: #fff;
    background-color:#982a2a;
    border-color:#8c2626;
    box-shadow:0 0 0 .2rem rgba(192, 53, 53, 0.5);
}

.btn-light-red-congress:not(:disabled):not(.disabled).active:focus,
.btn-light-red-congress:not(:disabled):not(.disabled):active:focus,
.show>.btn-light-red-congress.dropdown-toggle:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(192, 53, 53, 0.5);
    box-shadow:0 0 0 .2rem rgba(192, 53, 53, 0.5);
}

/*********************************************************************/

.cursor-pointer{
    cursor: pointer;
}

.cursor-not-allowed{
    cursor: not-allowed;
}

/* ============================= */
/* --- --- FIN DE EXTRAS --- --- */
/* ============================= */




/* ======================= */
/* --- --- PRELOAD --- --- */
/* ======================= */

*,
*:after,
*:before{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#loading{
    background-color: rgba(255, 255, 255, .90);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    transition: all 1s ease;
}

#circle-load{
    border: 8px solid rgba(255, 255, 255, .95);
    border-top-color: #663DAD;
    border-right-color: #663DAD;
    height: 70px;
    width: 70px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: spin 1.5s linear infinite;
}

@keyframes spin{

    from{ transform: rotate(0deg);  }
    to { transform: rotate(360deg);  }

}

/* ============================== */
/* --- --- FIN DE PRELOAD --- --- */
/* ============================== */



/* ======================== */
/* --- ---- HEADER ---- --- */
/* ======================== */

header .bar-options{
    border-bottom: 3px solid #343434;
}

header .title-header{
    margin-bottom: 0 !important;
    font-weight: 400;
    font-size: 22px !important;
    text-transform: lowercase;
}

header .title-header > a{
    color: white;
    text-decoration: none;
}

header .col-options-header ul.nav li > a{
    color: white;
    transition: all .3s;
}

header .col-options-header ul.nav li > a:hover{
    color: #5EA092;
}

header .dropdown-menu .dropdown-item:focus,
header .dropdown-menu .dropdown-item:hover {
    color: #6ba89b !important;
    background-color: rgb(248, 249, 250) !important;
    text-decoration: none !important;
}

header .dropdown-item {
    color: #333 !important;
    font-weight: bold !important;
    font-size: 14px;
}

header .dropdown-menu {
    top: 95% !important;
    border: 1px solid #6ba89b;
    border-top-width: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

/* ============================= */
/* --- --- FIN DE HEADER --- --- */
/* ============================= */



/* ================================ */
/* --- ---- RESPONSIVE BAR ---- --- */
/* ================================ */

article#menu-lateral-md{
    overflow-y: auto;
    min-height: auto !important;
    padding-bottom: 3px;
    background-color: rgba(47, 46, 46, 1);
    overflow-x: hidden;
}

article#menu-lateral-md i.fa-times{
    font-size: 17px;
    cursor: pointer;
    position: relative;
    top: 8px;
    right: 0;
    color: rgba(94, 160, 146, 1);
}

article#menu-lateral-md .lateral-bar-left a{
    text-decoration: none;
    padding: 10px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    border-top: 1px solid #fff3cd;
    border-bottom: 1px solid #fff3cd;
    font-size: 11px;
}

article#menu-lateral-md .lateral-bar-left nav a:hover{
    color: #3d3c3c;
    background: #fff;
}

/* ===================================== */
/* --- --- FIN DE RESPONSIVE BAR --- --- */
/* ===================================== */



/* ============================ */
/* --- --- MAIN CONTENT --- --- */
/* ============================ */

.row.padding-5rem{
    padding: 0 5rem;
}

.row.padding-5-5rem{
    padding: 0 5.5rem;
}

.row.padding-6-5rem{
    padding: 0 6.5rem;
}

.title-section-content{
    font-size: 55px;
    font-weight: 700;
    text-transform: uppercase;
    color: #343434;
}

.subtitle-section-content{
    font-size: 25px;
    font-weight: bold;
    color: #343434;
    text-transform: uppercase;
}

/* =================================== */
/* --- --- FIN DE MAIN CONTENT --- --- */
/* =================================== */



/* ======================================= */
/* --- --- UNDER CONSTRUCTION PAGE --- --- */
/* ======================================= */

#background-under-construction{
    background: url('../../../images/tmp/background-under-construction.png');
    padding: 35px 0;
}

.col-12-content-text-under-construction{
    text-align: center;
}

.col-12-content-text-under-construction .horizontal-line{
    width: 23%;
    margin: 0 auto 20px auto;
    border: 1.5px solid #343434;
}

.col-12-content-text-under-construction > *{
    color: #333333;
    font-weight: 700;
}

/* ============================================== */
/* --- --- FIN DE UNDER CONSTRUCTION PAGE --- --- */
/* ============================================== */



/* ======================== */
/* --- ---- FOOTER ---- --- */
/* ======================== */

.ul-footer{
    list-style-type: none;
}

.logos-footer{
    margin-top: 32px;
    text-align: center;
}

footer .img-spaj{
    height: 50px;
}

footer .img-iaah{
    height: 50px;
    margin-bottom: .95rem;
}

footer .col-options-congress{
    text-align: center;
    font-size: 14px !important;
}

footer .col-options-congress a{
    color: #663DAD !important;
    text-transform: uppercase;
}

footer .social-media .icon {
    width: 45px;
    height: 45px;
    font-size: 25px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    background: #cbcbcb;
    display: inline-block;
    text-decoration: none;
    border-radius: 100px;
    transition: all .3s ease;
}

footer .social-media .icon.facebook {
    background: #3b5998;
}

footer .social-media .icon.whatsapp {
    background: #25d366;
}

footer .col-options-congress > h5{
    font-weight: bold;
    font-size: 14px !important;
    color: #663DAD !important;
}

footer .col-options-congress ul{
    margin-bottom: 0 !important;
}

footer .col-options-congress ul li{
    margin-bottom: 5px;
}

footer .col-12-border-hr{
    border-top: 2px solid #666666;
    margin-top: 20px;
}

footer .span-text-footer{
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}

footer .col-12-text-footer{
    padding: 10px 0;
}

/* =============================== */
/* --- ---- FIN DE FOOTER ---- --- */
/* =============================== */



/* ============================ */
/* --- --- LOGIN POP-UP --- --- */
/* ============================ */


#modalLoginPopUp .modal-content{
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    color: #333333;
}

#modalLoginPopUp .close{
    position: absolute;
    top: -12px;
    right: -10px;
    border-radius: 50%;
    border: 2px solid #343434;
    background: #fff;
    padding: 3px 5px;
    font-size: .9rem !important;
    opacity: 1 !important;
    color: #343434 !important;
}

#modalLoginPopUp .close:hover .fa-times{
    color: #dc3545;
}

#modalLoginPopUp .inner-addon{
    position: relative;
}

#modalLoginPopUp .btn-block{
    font-weight: 700;
}

#modalLoginPopUp .inner-addon .icon_popup{
    position: absolute;
    padding: 10px;
    pointer-events: none;
    right: 0px;
}

#modalLoginPopUp .text-sign-in{
    font-weight: 700;
    text-align: center;
}

#modalLoginPopUp .right-addon input {
    padding-right: 30px;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}

#modalLoginPopUp .modal-dialog{
    margin-top: 4rem !important;
}

/* =================================== */
/* --- --- FIN DE LOGIN POP-UP --- --- */
/* =================================== */



/* ============================= */
/* --- --- MEDIA QUERIES --- --- */
/* ============================= */

@media screen and (max-width: 767px){

    .row.padding-5rem{
        padding: 0;
    }

    .row.padding-5-5rem{
        padding: 0;
    }

    .row.padding-6-5rem{
        padding: 0;
    }

    section.section-with-content .row{
        padding: 0;
    }

    footer .img-spaj{
        height: 55px;
        margin-bottom: 1rem;
    }

    footer .img-iaah{
        height: 63px;
    }

    footer .col-options-congress > h5{
        font-size: 15px !important;
    }

    .title-section-content{
        font-size: 45px;
        text-align: center;
    }

    .subtitle-section-content{
        font-size: 20px;
    }

}

/* ==================================== */
/* --- --- FIN DE MEDIA QUERIES --- --- */
/* ==================================== */