.thim-button-link-icon{font-family: Open Sans;background-color: #006fb2}.thim-button-link-icon:hover{background-color: rgba(0,111,178,0.8)}body{font-family: Open Sans;font-size: 15px;font-weight: normal;line-height: 1.7em;color: #5a5a5a;overflow-x: hidden;background-color: #fff}h1{color: #000;font-size: 30px;font-weight: normal;font-style: normal;text-transform: none;line-height: 1.6em}h2{color: #2a2a2a;font-size: 30px;font-weight: normal;font-style: normal;text-transform: none;line-height: 2.4em}h3{color: #2a2a2a;font-size: 18px;font-weight: 700;font-style: normal;text-transform: none;line-height: 1.4em}h4{color: #2a2a2a;font-size: 16px;font-weight: normal;font-style: normal;text-transform: none;line-height: 1.6em}h5{color: #0e2a36;font-size: 16px;font-weight: normal;font-style: normal;text-transform: none;line-height: 1.6em}h6{color: #0e2a36;font-size: 14px;font-weight: normal;font-style: normal;text-transform: none;line-height: 1.4em}.pages-container > div h2{font-family: Montserrat}#back-to-top{background: #102236}#back-to-top:hover{background: #006fb2}body .find-our-location a{color: #f4f6f9}body .find-our-location a:hover{color: #f4f6f9}.content-area{background-color: #fff}.rev_slider .sl-text{font-family: Montserrat}.rev_slider .sl-button a:hover{color: #006fb2}article.format-gallery .flexslider .flex-direction-nav a:before{color: #006fb2}#footer{font-size: 13px}#footer .footer-sidebars{background-color: #102236;color: #fff}#footer .footer-sidebars .wrap_content .widget-title{font-family: Montserrat}#footer .footer-sidebars .wrap_content .widget-title::after{border-bottom: 2px solid #006fb2}#footer .footer-sidebars .wrap_content .widget_nav_menu ul li a{font-family: Open Sans;color: #fff}#footer #powered{background-color: #102236;color: #fff}#footer #powered .container .bottom-footer .copyright a{color: #006fb2}#footer #powered .container .bottom-footer .bottom-footer-widgets ul li a{font-family: Open Sans;color: #fff}.content-area .heading-top .container{font-family: Montserrat}.content-area .breadcrumbs-container .container ul li{font-family: Open Sans}.social-link ul li a{color: #fff}.loop-pagination li .page-numbers:hover,.pagination li .page-numbers:hover{color: #006fb2}.loop-pagination li .current,.pagination li .current{background-color: #006fb2}.loop-pagination li .current:hover,.pagination li .current:hover{background-color: #006fb2 !important}.content-area .vc_tta-tabs-list .vc_tta-tab.vc_active a,.content-area .vc_tta-panels .vc_tta-tab.vc_active a,.content-area .vc_tta-tabs-list .vc_tta-panel.vc_active a,.content-area .vc_tta-panels .vc_tta-panel.vc_active a{background-color: #006fb2 !important}.content-area .vc_tta-tabs-list .vc_tta-tab:hover a,.content-area .vc_tta-panels .vc_tta-tab:hover a,.content-area .vc_tta-tabs-list .vc_tta-panel:hover a,.content-area .vc_tta-panels .vc_tta-panel:hover a{background-color: #006fb2 !important}.content-area .vc_tta-tabs-list .vc_tta-tab a,.content-area .vc_tta-panels .vc_tta-tab a,.content-area .vc_tta-tabs-list .vc_tta-panel a,.content-area .vc_tta-panels .vc_tta-panel a{font-family: Montserrat;font-size: 15px;color: #006fb2 !important}.content-area .vc_tta-tabs-list .vc_tta-tab{border: 1px solid #006fb2}.vc_wp_custommenu ul li{border: 1px solid #006fb2}.vc_wp_custommenu ul li a{color: #006fb2;font-family: Montserrat}.vc_wp_custommenu ul li a:hover{background-color: #006fb2}.vc_wp_custommenu ul li.current-menu-item a{background-color: #006fb2}.blog a:hover,.archive a:hover,.archive.author a:hover,.archive.tag a:hover,.archive.category a:hover,.single a:hover,.search.search-results a:hover,.search.search-no-results a:hover,.page a:hover,.blog a:active,.archive a:active,.archive.author a:active,.archive.tag a:active,.archive.category a:active,.single a:active,.search.search-results a:active,.search.search-no-results a:active,.page a:active{color: #006fb2}.widget_mc4wp_form_widget form p:first-child input:focus{box-shadow: 0 0 0 1px #006fb2}.widget_mc4wp_form_widget form p:nth-of-type(2) input{background-color: #006fb2}.widget_mc4wp_form_widget form p:nth-of-type(2) input:hover{background-color: rgba(0,111,178,0.8)}.woocommerce-message,.woocommerce-error,.woocommerce-info{background-color: #006fb2 !important;border-top-color: #006fb2 !important}.woocommerce-message a:hover,.woocommerce-error a:hover,.woocommerce-info a:hover{color: #006fb2 !important}.woocommerce-pagination ul li a:hover{color: #006fb2 !important}.woocommerce-pagination ul li .current{background-color: #006fb2 !important}.onsale{background-color: #006fb2 !important}.qty-button:hover{background-color: #006fb2}.list-product li .item-product .product-title{font-family: Montserrat}.list-product li .item-product .product-title:hover{color: #006fb2}.list-product li .item-product .product-price .price{color: #006fb2}.add-product-to-cart-button:hover{background-color: #006fb2 !important}.added_to_cart{color: #006fb2}.added_to_cart:hover{color: #006fb2}.yith-wcqv-button:hover{background-color: #006fb2 !important}.view-cart{font-family: Montserrat}#yith-quick-view-modal .yith-wcqv-main .yith-wcqv-close:hover{background-color: #006fb2}#yith-quick-view-modal .yith-wcqv-main .detail-product-meta a{color: #006fb2}#yith-quick-view-modal .yith-wcqv-main .price-in-single{color: #006fb2 !important}div.product .product-summary .woocommerce-product-rating .woocommerce-review-link:hover{color: #006fb2}div.product .product-summary .price-in-single{color: #006fb2 !important}div.product .product-summary .add-to-cart-single .single_add_to_cart_button:hover{background-color: #006fb2 !important}div.product .product-summary .product_meta .detail-product-meta a{color: #006fb2 !important}div.product .product-summary .product_meta .detail-product-meta a:hover{color: #5a5a5a !important}div.product .woocommerce-tabs .tabs .active{border-bottom: 4px solid #006fb2 !important}div.product .woocommerce-tabs .panel #reviews #comments .commentlist .meta strong{color: #006fb2 !important}div.product .woocommerce-tabs .panel #reviews #review_form_wrapper #review_form form .form-submit input[type="submit"]:hover{background-color: #006fb2}div.product .upsells h2{font-family: Montserrat}.cross-sells h2{font-family: Montserrat}.widget-title{font-family: Montserrat}.widget_product_categories ul li{font-family: Montserrat}.widget_product_categories ul li a:hover{color: #006fb2 !important}.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-range{background-color: #006fb2 !important}.widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle{color: #006fb2;border: 3px solid #006fb2}.widget_price_filter .price_slider_wrapper .price_slider_amount .button{color: #006fb2 !important}.widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover{background-color: #006fb2 !important}.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label{font-family: Open Sans}.wc-top-sale-products .top-product .product-name{font-family: Montserrat}.wc-top-sale-products .top-product .product-name:hover{color: #006fb2}.wc-top-sale-products .top-product .product-price{color: #006fb2}.wc-top-sale-products .top-product .lable-price{font-family: Open Sans}.woocommerce-product-search .icon-search-product{background: #006fb2}.widget_recent_reviews .product_list_widget a{font-family: Montserrat}.widget_recent_reviews .product_list_widget a:hover{color: #006fb2}#mini-cart .widget_shopping_cart .cart-number-product{background-color: #006fb2}#mini-cart .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout{background-color: #006fb2}#mini-cart .widget_shopping_cart .widget_shopping_cart_content .buttons .checkout:hover{background-color: #007fcb}.shop_table .cart_item .product-remove a:hover{color: #006fb2 !important}.shop_table .cart_item .product-name a:hover{color: #006fb2}.button:hover{background-color: #006fb2 !important}.cart-collaterals .cart_totals a{color: #006fb2}.cart-collaterals .cart_totals .woocommerce-shipping-calculator section button{background-color: #006fb2}.cart-collaterals .cart_totals .wc-proceed-to-checkout a{background-color: #006fb2}.cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover{background-color: #006fb2}.icon-box-top .content h1,.icon-box-top .content h2,.icon-box-top .content h3,.icon-box-top .content h4,.icon-box-top .content h5,.icon-box-top .content h6{font-family: Montserrat}.icon-box-top .content .des{font-family: Open Sans}.icon-box-top .thim-button-link a{color: #006fb2}.icon-box-top-2 .content h1,.icon-box-top-2 .content h2,.icon-box-top-2 .content h3,.icon-box-top-2 .content h4,.icon-box-top-2 .content h5,.icon-box-top-2 .content h6{font-family: Montserrat}.icon-box-top-2 .content .des{font-family: Open Sans}.icon-box-left .content h1,.icon-box-left .content h2,.icon-box-left .content h3,.icon-box-left .content h4,.icon-box-left .content h5,.icon-box-left .content h6{font-family: Montserrat}.icon-box-left .content .des{font-family: Open Sans}.testimonials .person .client_name a{color: #006fb2}.testimonials .owl-controls .owl-pagination .active span{border-color: #006fb2;background-color: #006fb2}.wrapper-lists-our-team ul li .content-team h4{font-family: Montserrat}h1,h2,h3,h4,h5,h6{font-family: Montserrat}.circle{background-color: #006fb2}.circle .content .number{color: #f4f6f9}.recent-posts .post-on{background-color: #006fb2}.recent-posts .title-post{font-family: Montserrat}.read-all-news-link .thim-button-link a{color: #006fb2}.wrapper-filter-controls .filter-controls .filter.active,.wrapper-filter-controls .filter-controls .filter:hover{color: #006fb2}#masthead.affix-top{background-color: #f4f6f9}#masthead.affix-top nav.navbar-primary a{color: #f4f6f9}#masthead.affix-top nav.navbar-primary a:hover{color: #006fb2}#masthead.affix-top nav.navbar-primary .navbar-nav > li.current_page_item > a{color: #006fb2}#masthead.affix-top nav.navbar-primary .navbar-nav > li.current-menu-ancestor > a{color: #006fb2}#masthead.affix{background-color: #f4f6f9}#masthead.affix nav.navbar-primary a{color: #f4f6f9}#masthead.affix nav.navbar-primary a:hover{color: #006fb2}#masthead.affix nav.navbar-primary .navbar-nav > li.current_page_item > a{color: #006fb2}#masthead.affix nav.navbar-primary .navbar-nav > li.current-menu-ancestor > a{color: #006fb2}#masthead .wrapper-logo{background-color: #fff;width: 208px;min-width: 208px}#masthead .wrapper-logo > .sm-logo{width: 208px}#masthead .wrapper-logo > .sm-logo > a img{max-width: 208px}#masthead .wrapper-logo .sm-logo-affix{width: 208px}#masthead .wrapper-logo .sm-logo-affix a img{max-width: 208px;left: -208px}#masthead .header-right .top-header > div .widget_thim_contact .phone_number{color: #f4f6f9}#masthead .header-right .top-header > div .widget_thim_contact .email_name{color: #006fb2}#masthead .header-right .top-header > div .widget_thim_schedule:before{color: #f4f6f9}#masthead .header-right .top-header > div .widget_thim_schedule .weekday_title,#masthead .header-right .top-header > div .widget_thim_schedule .weekend_title{color: #f4f6f9}#masthead .header-right .navigation.affix-top .widget_shopping_cart_content .product_list_widget a{color: #f4f6f9}#masthead .header-right .navigation.affix-top .widget_shopping_cart_content .product_list_widget a:hover{color: #006fb2}#masthead .header-right .navigation.affix-top #minicart-hover i{color: #f4f6f9}#masthead .header-right .navigation.affix-top #minicart-hover i:hover{color: #006fb2}#masthead .header-right .navigation.affix-top #minicart-hover:hover i{color: #006fb2}#masthead .header-right .navigation .logo-effect a{left: -208px}#masthead .header-right .navigation nav.navbar-primary .navbar-nav li a{font-family: Montserrat}#masthead .header-right .navigation aside.widget > div a{font-family: Open Sans;background-color: #006fb2}#masthead .header-right .navigation aside.widget > div a:hover{background-color: rgba(0,111,178,0.8)}@media (max-width: 767px){#masthead .container{background-color: #fff}.mobile-menu-container{background-color: #f4f6f9}.mobile-menu-container .navbar-nav .sub-menu:before{background-color: #f4f6f9}.mobile-menu-container .navbar-nav .icon-toggle{color: #f4f6f9}.mobile-menu-container .navbar-nav li ul.sub-menu{margin: 0}.mobile-menu-container .navbar-nav li ul.sub-menu > li:before{background-color: #f4f6f9}.wrapper-container.mobile-menu-open .mobile-menu-container ul.navbar-nav .current-menu-ancestor .icon-toggle i{color: #006fb2}.wrapper-container.mobile-menu-open .mobile-menu-container ul.navbar-nav li a{color: #f4f6f9}.wrapper-container.mobile-menu-open .mobile-menu-container ul.navbar-nav li.current_page_item > a{color: #006fb2}}.blog a:hover,.archive a:hover,.archive.author a:hover,.archive.tag a:hover,.archive.category a:hover,.search.search-results a:hover,.search.search-no-results a:hover,.single a:hover,.single-post a:hover,.page-template-default a:hover{color: #006fb2}.blog a:active,.archive a:active,.archive.author a:active,.archive.tag a:active,.archive.category a:active,.search.search-results a:active,.search.search-no-results a:active,.single a:active,.single-post a:active,.page-template-default a:active{color: #006fb2}.blog .archive-content .share-post .date-meta,.archive .archive-content .share-post .date-meta,.archive.author .archive-content .share-post .date-meta,.archive.tag .archive-content .share-post .date-meta,.archive.category .archive-content .share-post .date-meta,.search.search-results .archive-content .share-post .date-meta,.search.search-no-results .archive-content .share-post .date-meta,.single .archive-content .share-post .date-meta,.single-post .archive-content .share-post .date-meta,.page-template-default .archive-content .share-post .date-meta{background-color: #006fb2}.blog .archive-content .share-post .social-share li a:hover,.archive .archive-content .share-post .social-share li a:hover,.archive.author .archive-content .share-post .social-share li a:hover,.archive.tag .archive-content .share-post .social-share li a:hover,.archive.category .archive-content .share-post .social-share li a:hover,.search.search-results .archive-content .share-post .social-share li a:hover,.search.search-no-results .archive-content .share-post .social-share li a:hover,.single .archive-content .share-post .social-share li a:hover,.single-post .archive-content .share-post .social-share li a:hover,.page-template-default .archive-content .share-post .social-share li a:hover{color: #006fb2}.blog .comments-area .comment-list-inner .comment-extra-info a:hover,.archive .comments-area .comment-list-inner .comment-extra-info a:hover,.archive.author .comments-area .comment-list-inner .comment-extra-info a:hover,.archive.tag .comments-area .comment-list-inner .comment-extra-info a:hover,.archive.category .comments-area .comment-list-inner .comment-extra-info a:hover,.search.search-results .comments-area .comment-list-inner .comment-extra-info a:hover,.search.search-no-results .comments-area .comment-list-inner .comment-extra-info a:hover,.single .comments-area .comment-list-inner .comment-extra-info a:hover,.single-post .comments-area .comment-list-inner .comment-extra-info a:hover,.page-template-default .comments-area .comment-list-inner .comment-extra-info a:hover{color: #006fb2}.blog .comments-area .comment-respond .form-submit input#submit:hover,.archive .comments-area .comment-respond .form-submit input#submit:hover,.archive.author .comments-area .comment-respond .form-submit input#submit:hover,.archive.tag .comments-area .comment-respond .form-submit input#submit:hover,.archive.category .comments-area .comment-respond .form-submit input#submit:hover,.search.search-results .comments-area .comment-respond .form-submit input#submit:hover,.search.search-no-results .comments-area .comment-respond .form-submit input#submit:hover,.single .comments-area .comment-respond .form-submit input#submit:hover,.single-post .comments-area .comment-respond .form-submit input#submit:hover,.page-template-default .comments-area .comment-respond .form-submit input#submit:hover{background-color: #006fb2}.wpcf7 .contact-us .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-not-valid:focus{border-color: #d3dbe7}.wpcf7 .contact-us .wpcf7-form-control-wrap .wpcf7-not-valid-tip{display: none}.wpcf7 .contact-us input:focus,.wpcf7 .contact-us textarea:focus{border-color: #d3dbe7}.wpcf7 .contact-us .wpcf7-submit{font-family: Open Sans;background-color: #006fb2}.wpcf7 .contact-us .wpcf7-submit:hover{background-color: rgba(0,111,178,0.8)}body #masthead,
body #masthead.affix-top,
body #masthead.affix {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 99999 !important;

   background: #05182A !important;

    border-top: 1px solid rgba(0, 174, 239, 0.65) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;

    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15) !important;

    transform: none !important;
}
/* Header while scrolling */

body #masthead.affix {
    background: #05182A !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}


/* WordPress admin bar */

body.admin-bar #masthead,
body.admin-bar #masthead.affix-top,
body.admin-bar #masthead.affix {
    top: 32px !important;
}


/* =========================================================
   3. INNER HEADER CONTAINER
   ========================================================= */

body #masthead > .container {
    width: 100% !important;
    max-width: 1440px !important;

    height: 96px !important;
    min-height: 96px !important;

    margin: 0 auto !important;
    padding: 0 42px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    position: relative !important;
}


/* Remove unwanted Bootstrap row behaviour */

body #masthead > .container::before,
body #masthead > .container::after {
    display: none !important;
}


/* =========================================================
   4. LOGO AREA
   ========================================================= */

body #masthead .wrapper-logo {
    flex: 0 0 285px !important;

    width: 285px !important;
    max-width: 285px !important;

    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    position: relative !important;

    overflow: hidden !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Remove theme-generated logo decoration */

body #masthead .wrapper-logo::before,
body #masthead .wrapper-logo::after {
    content: none !important;
    display: none !important;
}


/* Reset both logo containers */

body #masthead .sm-logo,
body #masthead .sm-logo-affix {
    width: 100% !important;
    height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Reset logo links */

body #masthead .sm-logo a,
body #masthead .sm-logo-affix a {
    width: 100% !important;
    height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    position: static !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;
}


/* Logo image */

body #masthead .sm-logo img,
body #masthead .sm-logo-affix img {
    display: block !important;

    width: 280px !important;
    max-width: 280px !important;

    height: auto !important;
    max-height: 68px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;

    object-fit: contain !important;
    object-position: left center !important;

    transform: none !important;
}


/* Show ONLY the standard logo before scrolling */

body #masthead.affix-top .sm-logo,
body #masthead:not(.affix) .sm-logo {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body #masthead.affix-top .sm-logo-affix,
body #masthead:not(.affix) .sm-logo-affix {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}


/* Show ONLY the sticky logo after scrolling */

body #masthead.affix .sm-logo {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

body #masthead.affix .sm-logo-affix {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* =========================================================
   5. RIGHT-HAND NAVIGATION AREA
   ========================================================= */

body #masthead .header-right {
    flex: 1 1 auto !important;

    width: auto !important;
    max-width: none !important;

    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    position: static !important;
}


/* Reset navigation wrappers */

body #masthead .navigation,
body #masthead .navbar-primary,
body #masthead .navbar-primary .navbar-collapse {
    width: auto !important;

    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    position: static !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* =========================================================
   6. MAIN MENU
   ========================================================= */

body #masthead .navbar-nav,
body #masthead .navbar-nav.menu-main-menu {
    float: none !important;

    width: auto !important;
    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 12px !important;

    position: static !important;
}


/* Menu items */

body #masthead .navbar-nav > li {
    float: none !important;

    width: auto !important;
    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;

    background: transparent !important;
}


/* Menu links */

body #masthead .navbar-nav > li > a,
body #masthead .navbar-nav > li > span,
body #masthead .navbar-nav > li span.disable_link span {
    width: auto !important;
    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 17px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: static !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #ffffff !important;

    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    white-space: nowrap !important;

    transform: none !important;
}


/* Active and hover colours */

body #masthead .navbar-nav > li > a:hover,
body #masthead .navbar-nav > li.current-menu-item > a,
body #masthead .navbar-nav > li.current-menu-ancestor > a,
body #masthead .navbar-nav > li.current_page_item > a {
    background: transparent !important;
    color: #00aeef !important;
}


/* =========================================================
   7. DROPDOWN ARROWS
   ========================================================= */

body #masthead .navbar-nav > li.menu-item-has-children > a {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

body #masthead .navbar-nav > li.menu-item-has-children > a::after,
body #masthead .navbar-nav > li.menu-item-has-children .caret {
    margin: 0 0 0 4px !important;

    position: static !important;
    top: auto !important;
    right: auto !important;

    display: inline-block !important;

    color: inherit !important;

    transform: none !important;
}


/* =========================================================
   8. CUSTOMER LOGIN BUTTON
   Menu item CSS class: menu-customer-login
   ========================================================= */

body #masthead .navbar-nav > li.menu-customer-login {
    width: auto !important;
    height: 96px !important;
    min-height: 96px !important;

    margin: 0 0 0 14px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
}


/* Customer Login button */

body #masthead .navbar-nav > li.menu-customer-login > a {
    width: auto !important;

    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 0 23px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    background: #008bd2 !important;
    color: #ffffff !important;

    border: 1px solid #00aeef !important;
    border-radius: 5px !important;

    box-shadow: 0 4px 14px rgba(0, 139, 210, 0.3) !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}


/* User icon */

body #masthead .navbar-nav > li.menu-customer-login > a::before {
    content: "\f2bd" !important;

    display: inline-block !important;

    margin: 0 !important;

    font-family: FontAwesome, "Font Awesome 5 Free" !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    color: #ffffff !important;
}


/* Customer Login hover */

body #masthead .navbar-nav > li.menu-customer-login > a:hover,
body #masthead .navbar-nav > li.menu-customer-login.current-menu-item > a {
    background: #00aeef !important;
    color: #ffffff !important;

    border-color: #00aeef !important;

    box-shadow: 0 6px 18px rgba(0, 174, 239, 0.35) !important;

    transform: translateY(-1px) !important;
}


/* =========================================================
   9. TABLET
   ========================================================= */

@media screen and (max-width: 1199px) and (min-width: 768px) {

    body #masthead > .container {
        padding: 0 24px !important;
    }

    body #masthead .wrapper-logo {
        flex-basis: 225px !important;
        width: 225px !important;
        max-width: 225px !important;
    }

    body #masthead .sm-logo img,
    body #masthead .sm-logo-affix img {
        width: 205px !important;
        max-width: 205px !important;
        max-height: 60px !important;
    }

    body #masthead .navbar-nav,
    body #masthead .navbar-nav.menu-main-menu {
        gap: 2px !important;
    }

    body #masthead .navbar-nav > li > a {
        padding: 0 9px !important;
        font-size: 12px !important;
    }

    body #masthead .navbar-nav > li.menu-customer-login {
        margin-left: 6px !important;
    }

    body #masthead .navbar-nav > li.menu-customer-login > a {
        height: 44px !important;
        min-height: 44px !important;

        padding: 0 14px !important;

        font-size: 12px !important;
    }
}


/* =========================================================
   10. MOBILE HEADER
   ========================================================= */

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

    body #masthead,
    body #masthead.affix-top,
    body #masthead.affix {
        height: 72px !important;
        min-height: 72px !important;

        background: #05182A !important;
    }

    body.admin-bar #masthead,
    body.admin-bar #masthead.affix-top,
    body.admin-bar #masthead.affix {
        top: 46px !important;
    }

    body #masthead > .container {
        height: 72px !important;
        min-height: 72px !important;

        padding: 0 16px !important;
    }

    body #masthead .wrapper-logo {
        flex: 0 1 190px !important;

        width: 190px !important;
        max-width: 190px !important;

        height: 72px !important;
        min-height: 72px !important;
    }

    body #masthead .sm-logo,
    body #masthead .sm-logo-affix,
    body #masthead .sm-logo a,
    body #masthead .sm-logo-affix a {
        height: 72px !important;
    }

    body #masthead .sm-logo img,
    body #masthead .sm-logo-affix img {
        width: 175px !important;
        max-width: 175px !important;
        max-height: 52px !important;
    }

    body #masthead .header-right {
        height: 72px !important;
        min-height: 72px !important;
    }

    body #masthead .navigation,
    body #masthead .navbar-primary {
        height: 72px !important;
        min-height: 72px !important;
    }

    body #masthead .navbar-collapse {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        position: absolute !important;
        top: 72px !important;
        right: 0 !important;
        left: 0 !important;

        background: #05182A !important;
    }

    body #masthead .navbar-nav,
    body #masthead .navbar-nav.menu-main-menu {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        padding: 12px 0 18px !important;

        display: block !important;

        background: #05182A !important;
    }

    body #masthead .navbar-nav > li {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        display: block !important;
    }

    body #masthead .navbar-nav > li > a {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        padding: 15px 22px !important;

        display: flex !important;
        justify-content: flex-start !important;

        text-align: left !important;
    }

    body #masthead .navbar-nav > li.menu-customer-login {
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 10px 20px 4px !important;
    }

    body #masthead .navbar-nav > li.menu-customer-login > a {
        width: 100% !important;

        height: 46px !important;
        min-height: 46px !important;

        justify-content: center !important;
    }
}
/* =========================================================
   DE SOUSA HERO CARDS
   ========================================================= */


/* Keeps the card area above surrounding sections */

.bring-forward {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
}


/* =========================================================
   HERO CARD ROW
   ========================================================= */

.dsl-hero-cards-row {
    position: relative !important;
    background: #ffffff !important;
    overflow: visible !important;
}


/* =========================================================
   REMOVE WPBAKERY BACKGROUNDS AROUND CARDS
   ========================================================= */

.dsl-hero-cards-row .vc_column_container,
.dsl-hero-cards-row .vc_column-inner,
.dsl-hero-cards-row .wpb_wrapper,
.dsl-hero-cards-row .wpb_content_element {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* =========================================================
   REMOVE EXTRA SPACE BELOW CARDS
   ========================================================= */

.dsl-hero-cards-row .vc_column-inner {
    padding-bottom: 0 !important;
}

.dsl-hero-cards-row .wpb_content_element {
    margin-bottom: 0 !important;
}


/* =========================================================
   CARD ENTRANCE ANIMATION TIMING
   ========================================================= */

.hero-fade-1 {
    animation-delay: 0s !important;
    -webkit-animation-delay: 0s !important;
}

.hero-fade-2 {
    animation-delay: 0.35s !important;
    -webkit-animation-delay: 0.35s !important;
}

.hero-fade-3 {
    animation-delay: 0.7s !important;
    -webkit-animation-delay: 0.7s !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .dsl-hero-cards-row {
        overflow: visible !important;
    }

    .dsl-hero-cards-row .vc_column-inner {
        padding-bottom: 0 !important;
    }

    .dsl-hero-cards-row .wpb_content_element {
        margin-bottom: 0 !important;
    }
}
/* --- ENHANCE THE WHY DE SOUSA SECTION --- */

/* Give the section a premium feel with subtle gradient overlay */
.vc_row:has(.dsl-why-section),
.dsl-why-wrapper {
    position: relative !important;
    padding: 30px 0 35px !important;
}

/* Add subtle glow behind the content */
.dsl-why-wrapper::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 800px !important;
    height: 800px !important;
    background: radial-gradient(circle, rgba(0, 174, 239, 0.04) 0%, transparent 70%) !important;
    border-radius: 50% !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Make content sit above the glow */
.dsl-why-wrapper .wpb_column,
.dsl-why-wrapper .vc_column-inner {
    position: relative !important;
    z-index: 2 !important;
}

/* Add subtle grid pattern for texture (optional) */
.dsl-why-wrapper::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(0, 174, 239, 0.02) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(245, 130, 32, 0.02) 0%, transparent 50%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
/* ============================================
   ULTRA-TIGHT CARDS – BALANCED & CLEAN
   Paste this at the bottom of your CSS
   ============================================ */

/* =========================================================
   HERO CARD COLUMN WRAPPER
   Actual card design is handled inside Raw HTML
   ========================================================= */

.dsl-feature-card {
    display: block !important;
    position: relative !important;
    z-index: 10 !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    color: inherit !important;
    text-decoration: none !important;

    overflow: visible !important;

    transition: none !important;
}


/* HEADINGS – SMALLER, TIGHTER */
.dsl-feature-card h3 {
    margin: 0 0 8px 0 !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    transition: color 0.4s ease !important;
}

.dsl-feature-card:hover h3 {
    color: #00aeef !important;
}

/* PARAGRAPHS – TIGHT & READABLE */
.dsl-feature-card p {
    margin: 0 0 12px 0 !important;
    color: #d6dee6 !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    transition: color 0.4s ease !important;
}

.dsl-feature-card:hover p {
    color: #f0f4f8 !important;
}

/* ACCENT LINE – SHORTER, CLEAN */
.dsl-feature-card .dsl-feature-accent {
    width: 30px !important;
    height: 3px !important;
    margin: 10px 0 12px 0 !important;
    background-color: #F58220 !important;
    border-radius: 2px !important;
    transition: width 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.4s ease !important;
}

.dsl-feature-card:hover .dsl-feature-accent {
    width: 60px !important;
    background: linear-gradient(90deg, #F58220, #00aeef) !important;
}

/* LINK – SMALLER, SLIDES */
.dsl-feature-card .dsl-feature-link {
    color: #F58220 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.4s ease !important;
}

.dsl-feature-card:hover .dsl-feature-link {
    transform: translateX(10px) !important;
    color: #00aeef !important;
}

/* ICONS – SMALLER, SPRINGS ON HOVER */
.dsl-feature-card .dsl-feature-icon {
    width: 50px !important;
    height: 50px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.5s ease !important;
}

.dsl-feature-card:hover .dsl-feature-icon {
    transform: scale(1.12) translateY(-4px) !important;
    filter: drop-shadow(0 10px 30px rgba(0,174,239,0.35)) !important;
}

/* 

=========================================================
   EXACT LOGO FIX — DE SOUSA LOGISTICS
   GLOBAL HEADER
   ========================================================= */

/* Reset the overall logo column */
body #masthead .wrapper-logo {
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 320px !important;
    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    position: relative !important;
    overflow: visible !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Remove theme decoration */
body #masthead .wrapper-logo::before,
body #masthead .wrapper-logo::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   DESKTOP: HIDE BOTH MOBILE LOGOS
   ========================================================= */

@media screen and (min-width: 768px) {

    body #masthead .wrapper-logo > .sm-logo-mobile,
    body #masthead .wrapper-logo > .sm-logo-affix-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Show normal desktop logo before scrolling */
    body #masthead:not(.affix) .wrapper-logo > .sm-logo.hidden-xs,
    body #masthead.affix-top .wrapper-logo > .sm-logo.hidden-xs {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Hide sticky desktop logo before scrolling */
    body #masthead:not(.affix) .wrapper-logo > .sm-logo-affix.hidden-xs,
    body #masthead.affix-top .wrapper-logo > .sm-logo-affix.hidden-xs {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Hide normal desktop logo after scrolling */
    body #masthead.affix .wrapper-logo > .sm-logo.hidden-xs {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Show sticky desktop logo after scrolling */
    body #masthead.affix .wrapper-logo > .sm-logo-affix.hidden-xs {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Reset the active desktop logo containers */
    body #masthead .wrapper-logo > .sm-logo.hidden-xs,
    body #masthead .wrapper-logo > .sm-logo-affix.hidden-xs {
        width: 300px !important;
        max-width: 300px !important;
        height: 96px !important;

        margin: 0 !important;
        padding: 0 !important;

        align-items: center !important;
        justify-content: flex-start !important;

        position: static !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* Reset desktop logo links */
    body #masthead .wrapper-logo > .sm-logo.hidden-xs > a,
    body #masthead .wrapper-logo > .sm-logo-affix.hidden-xs > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 300px !important;
        max-width: 300px !important;
        height: 96px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
    }

    /* Correct desktop image positioning and dimensions */
    body #masthead .wrapper-logo > .sm-logo.hidden-xs > a > img,
    body #masthead .wrapper-logo > .sm-logo-affix.hidden-xs > a > img {
        display: block !important;

        width: 450px !important;
        max-width: 450px !important;
        height: auto !important;
        max-height: 150px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        object-fit: contain !important;
        object-position: left center !important;

        transform: none !important;
        clip: auto !important;
    }
}

/* =========================================================
   MOBILE: HIDE DESKTOP LOGOS AND SHOW MOBILE LOGO
   ========================================================= */

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

    body #masthead .wrapper-logo > .sm-logo.hidden-xs,
    body #masthead .wrapper-logo > .sm-logo-affix.hidden-xs {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    body #masthead:not(.affix) .wrapper-logo > .sm-logo-mobile,
    body #masthead.affix-top .wrapper-logo > .sm-logo-mobile {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body #masthead:not(.affix) .wrapper-logo > .sm-logo-affix-mobile,
    body #masthead.affix-top .wrapper-logo > .sm-logo-affix-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    body #masthead.affix .wrapper-logo > .sm-logo-mobile {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    body #masthead.affix .wrapper-logo > .sm-logo-affix-mobile {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body #masthead .wrapper-logo > .sm-logo-mobile,
    body #masthead .wrapper-logo > .sm-logo-affix-mobile {
        width: 190px !important;
        max-width: 190px !important;
        height: 72px !important;

        margin: 0 !important;
        padding: 0 !important;

        align-items: center !important;
        justify-content: flex-start !important;

        position: static !important;
    }

    body #masthead .wrapper-logo > .sm-logo-mobile > a,
    body #masthead .wrapper-logo > .sm-logo-affix-mobile > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 190px !important;
        height: 72px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
    }

    body #masthead .wrapper-logo > .sm-logo-mobile > a > img,
    body #masthead .wrapper-logo > .sm-logo-affix-mobile > a > img {
        display: block !important;

        width: 180px !important;
        max-width: 180px !important;
        height: auto !important;
        max-height: 56px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: static !important;
        left: auto !important;

        object-fit: contain !important;
        object-position: left center !important;

        transform: none !important;
    }
}
/* HOMEPAGE HERO — IMAGE FIT */
body.page-id-1511 .homepage-hero {
    margin-top: -2px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 700px !important;
    min-height: 700px !important;
    background-color: #06192c !important;
    background-size: auto 92% !important;
    background-position: right bottom !important;
    background-repeat: no-repeat !important;
}
/* /* =========================================================
   DE SOUSA HOME HERO CARDS
   PAGE ID: 1511
   ========================================================= */


/* ---------------------------------------------------------
KEEP HERO CARD COLUMN WRAPPER TRANSPARENT
Actual card styling is handled inside the Raw HTML
--------------------------------------------------------- */

body.page-id-1511 .dsl-feature-card {
    background: transparent !important;
    background-color: transparent !important;

    color: inherit !important;

    border: 0 !important;
    border-top: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;

    min-height: 0 !important;
    height: auto !important;
}
/* ---------------------------------------------------------
   CARD HOVER
   --------------------------------------------------------- */

body.page-id-1511 .dsl-feature-card:hover {
    background: #ffffff !important;

    border-color: #e5e9ef !important;
    border-top: 3px solid #F58220 !important;

    box-shadow: 0 8px 24px rgba(16, 34, 54, 0.13) !important;
}


/* ---------------------------------------------------------
   REMOVE OLD GLOW EFFECTS
   --------------------------------------------------------- */

body.page-id-1511 .dsl-feature-card::before,
body.page-id-1511 .dsl-feature-card::after {
    display: none !important;
}


/* ---------------------------------------------------------
   CARD ROW BACKGROUND
   --------------------------------------------------------- */

body.page-id-1511 .dsl-home-cards {
    background: #ffffff !important;
    overflow: visible !important;

    align-items: flex-start !important;
}


/* ---------------------------------------------------------
   STOP WPBAKERY FROM FORCING EQUAL HEIGHT
   --------------------------------------------------------- */

body.page-id-1511 .dsl-home-cards.vc_row-o-equal-height {
    align-items: flex-start !important;
}

body.page-id-1511 .dsl-home-cards.vc_row-flex > .vc_column_container {
    display: block !important;
}


/* ---------------------------------------------------------
   REMOVE EXTRA HEIGHT FROM COLUMNS
   --------------------------------------------------------- */

body.page-id-1511 .dsl-home-cards .vc_column_container,
body.page-id-1511 .dsl-home-cards .vc_column-inner,
body.page-id-1511 .dsl-home-cards .wpb_wrapper {
    height: auto !important;
    min-height: 0 !important;
}


/* ---------------------------------------------------------
   REMOVE WHITE WPBAKERY BACKGROUND UNDER CARDS
   --------------------------------------------------------- */

body.page-id-1511 .dsl-home-cards .vc_column-inner,
body.page-id-1511 .dsl-home-cards .wpb_wrapper,
body.page-id-1511 .dsl-home-cards .wpb_raw_code,
body.page-id-1511 .dsl-home-cards .wpb_raw_html,
body.page-id-1511 .dsl-home-cards .wpb_content_element {
    background: transparent !important;
    background-color: transparent !important;

    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

    box-shadow: none !important;
}


/* ---------------------------------------------------------
   REMOVE GENERATED BACKGROUNDS
   --------------------------------------------------------- */

body.page-id-1511 .dsl-home-cards .vc_column-inner::before,
body.page-id-1511 .dsl-home-cards .vc_column-inner::after,
body.page-id-1511 .dsl-home-cards .wpb_wrapper::before,
body.page-id-1511 .dsl-home-cards .wpb_wrapper::after {
    background: transparent !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   KEEP CARD ROW ABOVE NEARBY SECTIONS
   --------------------------------------------------------- */

body.page-id-1511 .bring-forward {
    position: relative !important;
    z-index: 20 !important;
    overflow: visible !important;
}
/* =========================================================
   REMOVE OLD THEME PAGE TITLE / HEADING BANNER
   Custom WPBakery heroes will replace this
   ========================================================= */

body .content-area .heading-top {
    display: none !important;
}