/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/



:root {
    --cnvs-themecolor: #1d2534;
    --bs-link-color: var(--cnvs-themecolor);
	--azul: #1d2534;
	--gris: #7a8694;
}

.azul{color: var(--azul) !important;}
.bgazul{background-color: var(--azul) !important;}
.gris{color: var(--gris) !important;}
.bggris{background-color: var(--gris) !important;}
.blanco{color: #FFF !important;}
.just{text-align: justify !important;} 
.bshw{box-shadow:  5px 5px 10px #969696, -5px -5px 10px #ffffff;}
.drpshn{filter: drop-shadow(5px 5px 10px #ffffff);}
.drpshw{filter: drop-shadow(5px 5px 10px #000000);}
.opaco{filter: brightness(79%); -webkit-filter: brightness(79%); -moz-filter: brightness(79%);}
.is-expanded-menu .full-header #logo {border-right: none;}
.is-expanded-menu .full-header .primary-menu .menu-container {border-right: none;}
div#logo {padding-top: 5px; padding-bottom: 5px;}
.lui{margin-left: 20px;}
.cini{background-color: rgba(255, 255, 255, .5); border-radius: 15px;}
.lin{color:#7d8082 !important;}

.mfp-title {
    background: var(--azul);
}

.contact-section {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    padding: 60px 60px 60px 180px;
    z-index: 0;
}

.contact-image {
    position: relative;
    width: 60%;
    margin-top: 30px;
    z-index: 2;
    box-shadow: 0 0 40px rgba(0,0,0,.3);
}

.bg-color, .bg-color #header-wrap {
    background-color: var(--cnvs-themecolor) !important;
}

.titl{
    padding: 10px; text-align: center; text-transform: uppercase; font-weight: 600; border-radius: 5px 5px 0 0; border-bottom: 4px solid var(--azul); font-size: large;
}

.imgl{ border-radius: 0 0 5px 5px;}



@media (max-width: 600px) {
    .logo-default { width: 100%;}
    #header-wrap #logo img {
        height: 68px;
    }

  }


@media (max-width: 991px){
    #logo {
        width: 350px;
    }

}



@media (max-width: 991px)
.contact-section {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px;
}