/* Add here all your CSS customizations */
#navbar {
    /* background-color: #FFC900; Black background color */
    position: fixed; /* Make it stick/fixed */
    top: -80px; /* Hide the navbar 50 px outside of the top view */
    width: 100%; /* Full width */
    transition: top 0.3s; /* Transition effect when sliding down (and up) */
    padding-left: 20px;
}
#navbar a {
    float: left;
    display: inline;
    color: white;
    text-align: center;
    padding: 10px 0px 20px 0px;
    text-decoration: none;
}
.col-3-navbar {
    width: 33%;
    display: inline
}


/* //////////////////////////////////////////////////////////////////////Style the navbar links////////////////////////////////////////////////////////////////////// */

#header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
    top: 43px!important;
    display: block;
    opacity: 1;
}

/* CORRECCION A MENU DE DROPDOWN EN RESPONSIVE */

/*
@media (max-width: 1199px) {
    #header .header-nav,
    #header .header-nav-main {
        display: block!important;
    }
}
*/



/* Header Nav Main */
@media (min-width: 992px) {
    #header .header-nav-main {
        float: right;
        margin: 7px 0 0;
        min-height: 50px;
    }
}

/* CORRECCION A ESPACIO BLANCO QUE SE GENERA CUANDO SE HACE SCROLL (EN EL HEADER) */
.main {
    margin-top: -15px!important;
}

/* POPUP */

/* CORRECCION AL CENTER VERTICAL */
.modal-dialog {
    transform: translate(0, -30%);
    top: 30%;
    margin: 0 auto;
}


.modal-front > .modal-dialog > .modal-content {
    background-color: #212121 !important;
}

.modal-front > .modal-dialog > .modal-content > .modal-body{
    padding: 0px 0px 15px 0px;
}

.modal-front > .modal-dialog > .modal-content > .modal-header {
    border: 0;
}

.modal-front > .modal-dialog > .modal-content > .modal-header > .modal-title {
    font-size: 24px !important;
    padding-bottom: 0 !important;
    font-weight: 600 !important;
    line-height: 1.1em !important;
    color: #fff !important;
    padding: 15px;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    letter-spacing: 0px;
}

.et_bloom_default_edge {
    fill: #212121 !important;
}

.modal-front > .modal-dialog > .modal-content > .modal-body {
    background-color: #353535 !important
}

.modal-front > .modal-dialog > .modal-content > .modal-body > .modal-texto {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    margin-left: 17px;
    margin-top: 30px;
}

/* CORRECCION BUG EN BARRA */
.header-container {
    z-index: 9999999999!important;
}

/*
@media (max-width: 991px)
{

    *, :after, :before {
        box-sizing: unset!important;
    }
}*/