/* HEADER CUSTOM */ 

/* Centered dropdown menu */
header#site-header nav.secondary .dropdown .custom-centered-dropdown {
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px;
}

header#site-header nav.secondary .dropdown .custom-centered-dropdown::before,
header#site-header nav.secondary .dropdown .custom-centered-dropdown::after {
    left: 50%!important;
    transform: translateX(-50%)!important;
}
@media (min-width:992px) {
    
    header#site-header nav.secondary ul li.dropdown > a.dropdown-toggle::after {
        display:none;
    }
    
    nav.main li,
    nav.secondary li {
        transition:transform 0.3s ease-in-out!important;
    }

    nav.main li:hover,
    nav.secondary li:hover,
    nav.secondary li .dropdown-menu a:hover {
        transform:scale(1.05);
    }
}


body.header-09-lg:not(.transparent-header-lg) header#site-header {
    box-shadow:0px 4px 5px 1px rgba(38,71,150,0.7)!important;
}

html.no-touch nav.main ul li:not(.active):hover > span::before {
    background:transparent!important;
}

header#site-header .form-control {
    color:#fff!important;
}
    
header#site-header .site-search button.btn {
    width:calc((var(--large-header) / 2) - 15px)!important;
}
    
header#site-header .container-fluid .row .form.site-search form {
    right:5px!important;
}
    
header#site-header .container-fluid .row .form.site-search form input,
header#site-header .container-fluid .row .form.site-search form input:focus{
    /*background:#223d7e!important;*/
    background:#264796!important;
    box-shadow: 0px 0px 20px 0px rgba(22, 41, 86, 0.75) inset!important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(22, 41, 86, 0.75) inset!important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(22, 41, 86, 0.75) inset!important;
}
    
header#site-header .container-fluid .row .form.site-search form input::placeholder {
    color:#e0e0e0!important;
}
    
header#site-header .form-control:focus {
    color:#fff!important;
}
    
header#site-header i.before {
    margin-right:0!important;
    margin-left:0!important;
}
    
header#site-header nav.cta-links .btn.base-btn-borders {
    border-color:transparent!important;
}
    
header#site-header nav.cta-links .btn.base-btn-bg {
    background:transparent!important;
}
    
header#site-header nav.cta-links .btn:active > span {
    opacity:0!important;
}
    
header#site-header nav.cta-links .btn.base-btn-bg-hover-solid:hover > span,
header#site-header nav.cta-links .btn.base-btn-bg-hover-solid:active > span,
header#site-header nav.cta-links .btn.base-btn-bg-hover-solid:focus > span{
    background:transparent!important;
}
    
header#site-header a:focus-visible, 
header#site-header .btn:focus-visible {
    outline:none!important;
}

@media (max-width:991px) {
    
    body.header-02-sm header#site-header nav.main {
        padding-bottom: 0!important;
    }
    
    body.header-02-sm header#site-header nav.secondary {
        order:4!important;
        padding:0!important;
    }
    
    body.header-02-sm header#site-header nav.cta-links {
        order:3!important;
        display:flex;
        justify-content:center;
        padding:0!important;
    }
    
    header#site-header {
        overflow:visible!important;
    }
    
    header#site-header nav.secondary ul li.dropdown > a.dropdown-toggle::after {
        position:absolute!important;
        top:calc(var(--base-half-spacing) / 1.5) 0!important;
        right:20px;
        font-size:20px!important;
    }
    
    header#site-header nav.cta-links .btn + .btn {
        margin-top:0!important;
    }
    
    body.header-09-lg header#site-header #logo {
        top:15px!important;
    }
}

@media (min-width:992px) {
    
    html.nav-up body.header-09-lg.show_header-on-scroll-lg header#site-header {
        top:0!important;
    }
    
    header#site-header nav.main ul li.has-child span::after {
        display:none!important;
    }
    
    header#site-header nav.main ul > li:first-child:hover > ul {
        left:calc((var(--nav-main-dropdown-width)) /2)!important;
    }
    
    header#site-header .container-fluid .row {
        display:grid!important;
    }
    
    body.header-09-lg header#site-header #logo {
        top:15px!important;
    }
    
    body.header-09-lg header#site-header #logo img {
        height:calc((var(--large-header) + 15px))!important;
        max-height:calc((var(--large-header) + 15px))!important;
    }

    header#site-header .container-fluid .row nav.main {
        left:0!important;
        transform:translateX(0);
    }

    header#site-header .container-fluid .row nav.secondary {
        position:absolute!important;
        align-self:flex-end!important;
        right:0!important;
    }

    header#site-header .container-fluid .row nav.cta-links {
        top:10px!important;
    }
    
    header#site-header .container-fluid .row .form.site-search {
        top:5px!important;
        right:0!important;
    }
    
    
    
}


/* BODY CUSTOM */

.icon.usn_ion-md-open {
    display:none!important;
}


/* FOOTER CUSTOM */

footer#site-footer .image.footer-background-image {
    filter:brightness(50%);
}

.footer#site-footer p {
    color:#fff!important;
}

.footerSocial {
    text-align:center;
}

footer#site-footer .container .row.listing .footerLogo .inner .image img {
    width:70%!important;
}

footer#site-footer .container .row .item.usn_pod_searchlinks .site-search form input,
footer#site-footer .container .row .item.usn_pod_searchlinks .site-search form input:focus{
    box-shadow: 0px 0px 20px 0px rgba(22, 41, 86, 0.75) inset!important;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(22, 41, 86, 0.75) inset!important;
    -moz-box-shadow: 0px 0px 20px 0px rgba(22, 41, 86, 0.75) inset!important;
}




/* <-- || --> */
/* MISC CUSTOM */
/* <-- || --> */

/* back to top */ 

.usn_back-to-top .btn.base-btn-bg {
    background:#264796!important;
    border-color:#264796!important;
}

.usn_back-to-top .btn.base-btn-bg:hover, 
.usn_back-to-top .btn.base-btn-bg:hover span{
    background:#3863cb!important;
    border-color:#3863cb!important;
} 

/* carousel arrows bottom */ 

.carousel-arrows-bot .slick-slider .slick-prev,
.carousel-arrows-bot .slick-slider .slick-next {
    top:95%!important;
}

/* box shadow pods */

.podImage-boxShadow .component-main .item .inner .image {
    box-shadow:0px 4px 5px 3px rgba(0,0,0,0.7);
}

.podInner-boxShadow .component-main .item .inner {
    box-shadow:0px 4px 5px 3px rgba(0,0,0,0.7);
}

/* texn-epit bg*/

.cardBgBlueLight .component-main .item .inner .info {
    background:rgba(38,71,150,0.2);
}

/* bathmologia Modal */ 

#modal_1613 .modal-dialog .modal-content,
#modal_1613 .modal-dialog .modal-content .score-box-modal {
    background:transparent!important;
}

/* dioikisi pods */ 

.dioikisi-pods .component-main {
    display:flex;
    justify-content:center;
    align-items:center;
}


.dioikisi-pods .component-main .item .inner {
    box-shadow:0px 4px 5px 3px rgba(0,0,0,0.7);
}

.dioikisi-pods .component-main .item .inner .image,
.dioikisi-pods .component-main .item .inner .info{
    padding:20px;
}

.dioikisi-pods .item .image:not(.img-max) img {
    width:30%!important;
}

/* katigories pod */ 

nav.sub.categories-pod {
    position:fixed;
    background:#fff;
    box-shadow:0px 4px 5px 3px rgba(0,0,0,0.3);
    border:none;
    padding:0;
}

nav.sub.categories-pod p.heading {
    padding:10px 20px;
    background:rgba(38,71,150,0.2);
}

nav.sub.categories-pod ul {
    padding:10px 20px;
}

nav.sub.categories-pod ul li {
    border-bottom:1px solid #cbcaca;
    padding:10px 0;
}

nav.sub.categories-pod ul li a:hover {
    text-decoration:none!important;
}


/* custom icons */

i.usn_ion-ios-car::before {
    content: "" !important;
    display: inline-block !important;
    background: url("/media/snvbipfd/icons_facebook.png") no-repeat!important;
    background-size: contain!important;
    width: 40px;
    height: 40px;
    position: relative;
    /*filter: drop-shadow(2px 2px 3px #000);*/
} 

i.usn_ion-md-train::before {
    content: "" !important;
    display: inline-block !important;
    background: url("/media/duxpdtvp/icons_instagram.png") no-repeat!important;
    background-size: contain!important;
    width: 40px;
    height: 40px;
    position: relative;
    /*filter: drop-shadow(2px 2px 3px #000);*/
} 

@media (max-width:991px) {
    i.usn_ion-ios-car::before,
    i.usn_ion-md-train::before {
        width: 50px;
        height: 50px;
    }
    
}