/* Basic Configuration */
body{font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif; font-weight:500; font-size:14px; line-height:1.7em;  overflow-x:hidden; min-height:100vh; display:flex; flex-direction:column;}
main{flex-grow:1;}
.grota{font-family:'Grota Extrabold',Helvetica,Arial,Lucida,sans-serif; font-weight:500; line-height:1;}

.text-light-blue{color:#578AD6; font-size: 2em;}
.bg-light-blue{background:#578AD6;}
.bd-light-blue{border-color:#578AD6!important;}
.drop-shadow-light-blue{-webkit-box-shadow: 0px 7px 0px 0px rgba(87,138,214,1); -moz-box-shadow:0px 7px 0px 0px rgba(87,138,214,1); box-shadow:0px 7px 0px 0px rgba(87,138,214,1);}

.text-dark-blue{color:#0f0c51!important;}
.bg-dark-blue{background:#0f0c51;}
.bd-dark-blue{border-color:#0f0c51!important;}

.bg-yellow{background:#facc20;}
.bg-light-yellow{background:#fef2c7}

.rounded-10{border-radius:4rem!important;}
.px-2-5{padding-top:0.35rem!important; padding-bottom:0.35rem!important; padding-right:0.58rem!important; padding-left:0.58rem!important;}
.fw-500{font-weight:500!important;}
.mw-300{max-width:300px;}
.w-60{width:60%;}
a{transition:0.15s all ease;}
p{font-size:1.2em;}
select:disabled{cursor:not-allowed; opacity:.5}
li{font-size: 1.2em;}

.select-label{font-weight:700; font-size:1.2em;}
.form-group{display:inline-block; margin-top:15px; font-weight:700; font-size:1.2em;}
.form-group input{padding:0; height:initial; width:initial; margin-bottom:0; display:none; cursor:pointer;}
.form-group label{position:relative; cursor:pointer;}
.form-group label:before{content:''; -webkit-appearance:none; background-color:transparent; border:3px solid #578AD6; box-shadow:0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding:10px; display:inline-block; position:relative; vertical-align:middle; cursor:pointer; margin-right:5px;}
.form-group input:checked + label:after{content:''; display:block; position:absolute; top:4px; left:9px; width:8px; height:14px; border:solid #578AD6; border-width:0 3px 3px 0; transform:rotate(45deg);}


/* Navigation */
.navbar-nav li a{color:#ffffff; font-size:1rem; font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif; font-weight:700;}
.dropdown-menu{border:0px; background:#2A326D; border-radius: 0px 0px 40px 40px;}
.dropdown-menu li:hover a{background:transparent; color:#ffffff; opacity:.7;}
.navbar-nav li.lang img{width:35px; transition:0.3s all cubic-bezier(.155,1.105,.295,1.12);}
.navbar-nav li.lang a:hover img{transform:scale(1.2);}
@media(min-width: 993px){
    .navbar-expand-lg .offcanvas{flex-grow:0;}
    .navbar{align-items:flex-end;}
    .navbar-nav{background:#2A326D; border-radius: var(--bs-border-radius-pill)!important;}
    .navbar-nav li{padding-left:20px; padding-right:20px;}
    .dropdown-menu{width:240px;}
    .dropdown-menu{left:-50px;}
    .dropdown-menu li{padding:0 20px; text-align:center;}
    .dropdown-menu li a{padding:6px 20px; line-height:1.4em; border-bottom:1px solid #ED0707;}
    .dropdown-menu li:last-child a{border-bottom:0px;}
    #home_slider{top:-75px;}
}

.logo{max-width:300px;}



.title-box{transition:0.15s color ease;}
.title-box small{font-size:.5em; text-transform:none; color:#ccc; font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif; font-weight:500; line-height:1;}
.title-box.button:not(.isolated):hover{color:#cccccc!important; animation:swing 1s ease; animation-iteration-count:1;}
.title-box.button.isolated:hover{color:#cccccc!important;}
.title-box.bottom{left:50%; bottom:-29px; transform: translateX(-50%);}
.title-box.top{left:50%; transform:translate(-50%); top:-29px;}

.tri-section-img{height:300px; transition:all 0.4s ease;}
.tri-section-img:hover{opacity:.8;}
footer .social img{width:25px; transition:0.3s all cubic-bezier(.155,1.105,.295,1.12);}
footer .social a:hover img{transform:scale(1.2);}
.footer-logo{height:75px;}

@media(max-width: 1400px){

}

@media(max-width: 1200px){

}
@media(min-width: 992px){

}



@media(max-width: 992px){
    .navbar{background:#2A326D;}
    .offcanvas{background:#2A326D!important;}
}
@media(max-width: 762px){

}

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

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

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

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