#t4-header { background: #0f3766 !important; }

.navbar-brand.logo-text .site-name,.navbar-brand.logo-text .site-slogan {

    color: #fff !important;

}

.navbar-brand.logo-text .site-slogan { opacity:.8 !important; }

nav.navbar.navbar-expand-lg {

    margin-top: 3px;

}
@media (max-width: 767px) {
.navbar-brand .logo-img { 

    width: auto !important;

    max-height: 70px;

    margin: 15px 10px 15px 15px;

    box-sizing: content-box;

    border-radius: 2px; }
    
}@media (min-width: 768px) {
.navbar-brand .logo-img { 

    width: auto !important;

    max-height: 100px;

    margin: 15px 10px 15px 50px;

    box-sizing: content-box;

    border-radius: 2px; }
    
}




    .t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {

    font-weight: 500;

    letter-spacing: .035em;

    }

.t4-megamenu .dropdown-menu li>a, .t4-megamenu .dropdown-menu li>.nav-link, .t4-megamenu .dropdown-menu li .dropdown-item {

color:#1F2937!important;

}

.t4-megamenu .dropdown-menu li>a:hover, .t4-megamenu .dropdown-menu li>.nav-link:hover, .t4-megamenu .dropdown-menu li .dropdown-item:hover {

color:#1F2937 !important;    

}

    .t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {

        padding-left: 10px;

        padding-right: 10px;

    }

    

/* for menu underline */

@media (min-width: 992px) {

    .navbar-expand-lg .navbar-collapse {

        top: 50px;

        position: relative;

    }

}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {

    min-height:unset;

}

#t4-megamenu-mainmenu .nav-link { padding: .2rem 0.8rem !important; }



#t4-megamenu-mainmenu>.navbar-nav>li>a:after{ 

    bottom: 0;

    right: 75%;

    height: 2px;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

#t4-megamenu-mainmenu>.navbar-nav>li>a:before, #t4-megamenu-mainmenu>.navbar-nav>li>a:after {

    content: "";

    position: absolute;

    left: 3px;

    background-color: transparent;

}

#t4-megamenu-mainmenu>.navbar-nav>li.active>a:after,#t4-megamenu-mainmenu>.navbar-nav>li.show:hover>a:after, #t4-megamenu-mainmenu>.navbar-nav>li:hover>a:after, #t4-megamenu-mainmenu>.navbar-nav>li:focus>a:after {

    background-color: red!important;

}

#t4-megamenu-mainmenu>.navbar-nav>li>a:before {

    bottom: 0;

    right: 100%;

    height: 1px;

    -webkit-transition: 0.3s ease-in-out;

    -moz-transition: 0.3s ease-in-out;

    -o-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}

#t4-megamenu-mainmenu>.navbar-nav>li.active>a:after, #t4-megamenu-mainmenu>.navbar-nav>li:hover>a:after, #t4-megamenu-mainmenu>.navbar-nav>li:focus>a:after {

    right: 3px;

}

.t4-palette-mainnav .navbar-nav > li.active > a .item-caret::before,.t4-palette-mainnav .navbar-nav > li > a .item-caret::before,.t4-palette-mainnav .navbar-nav > li:hover > a .item-caret::before,.t4-palette-mainnav .navbar-nav > li:focus > a .item-caret::before {

    border-top-color: red !important;

}

/*end for menu underline*/

.ja-masthead sup {

    font-size: .55em !important;

    top: -0.9em;

}

div.ja-masthead .ja-masthead-detail .ja-masthead-description {

    max-width: 600px;

    margin: 20px auto 0;

    opacity: 1;

    font-size: 1.1em;

    line-height: 1.8;

}

.layout-home div[id="t4-section-2"] { padding-top:20px; }

div[id*="t4-section-"]:nth-child(even) {

    background-color: #F8FAFC;

    display: flow-root;

    }

  .layout-home #t4-section-1 {

    display:block;

  }   

  .t4-section.section-overlap .t4-section-inner { /* had trouble turning off overlap class which applies negative margin*/

    padding-top: 0;

    margin-top: 20px;

  }

 .layout-home #t4-section-2 {

    background: #174c8f;

    color: #ffffff;

}

div[id*="t4-section-"], div[id^="t4-section-"] {

    padding-top: 25px;

    padding-bottom: 25px;

}

.t4-section.decor:before { display:none; }

.t4-section-3 ~ .t4-section { clear:both;padding-top: 20px !important;}

    :root {

      --blue: #174C8F;

      --red: #D93A2F;

      --text: #1F2937;

      --divider: #E5E7EB;

    }

#videoBlock h2 {

    margin-top: 0;

    line-height: normal;

    font-size: 32px;

    margin: 0 10px 10px;

    text-align: center;

}

   .video-block {

      margin: 0 auto;

      float:right;

    }

    video {

      width: 100%;

      background: #000; /* so letterbox looks clean */

    }

    .video-links {

      display: flex;

      gap: 0.75rem;

      margin-top: 1.5rem;

      flex-wrap: wrap;

      justify-self: center;

    }

    .video-links a {

      display: inline-block;

      padding: 0.5rem 1rem;

      border: 1px solid var(--divider);

      border-radius: 8px;

      text-decoration: none;

      color: var(--blue);

      background: #F8FAFC;

      transition: background .15s ease, color .15s ease, border-color .15s ease;

    }

    .video-links a:hover,

    .video-links a:focus {

      background: #F8FAFC;

      outline: none;

      border-color: var(--blue);

    }

    .video-links a.active {

      background: var(--blue);

      color: #fff;

      border-color: var(--blue);

    }

    /* Optional: small caption styling when no native track */

    .sr-only {

      position: absolute;

      width: 1px; height: 1px;

      padding: 0; margin: -1px; overflow: hidden;

      clip: rect(0,0,0,0); white-space: nowrap; border: 0;

    }

 .layout-services div[id*="t4-section-"], div[id^="t4-section-"] { padding-top:0; }   

 .view-services-detail .item-image img {

    height:auto;

 }   

@media (max-width: 1499.98px) {

    .t4-footer .t4-module, .t4-footer .t4-section-inner {

        padding: 0 20px;

    }

}

    .t4-footer .t4-section-3 ~ .t4-section {

       padding-top: 28px !important; }

.t4-footer .t4-module .navbar-nav > li {

    margin-bottom: .5rem;

}

    #t4-footer { background-color:#0f3766;}

    #t4-footer a,#t4-footer p,#t4-footer div { color:#ffffff; }

    #t4-footer .module-title {margin-bottom:8px;}

    .t4-footer .t4-module .module-title span { color:#ffffff;}

.quickcontact {list-style:none; padding:0px;}
.quickcontact li {padding:10px 0px;}
.quickcontact li img{margin-right:3px;}
.footer_logo {text-align:center;}
.footer_logo p{text-align:left;padding:20px 0px;}
@media (max-width: 767px) {.contact-information, .information, .useful-links {padding:20px 0px;}}
.serviceLogo h2{font-size:20px !important;margin:5px 0px; }
.serviceLogo .serviveLogoIn {margin:15px 0px;}
#accordion .text-primary {color:#d93a2f !important;}
.faq-feature-image img{border-radius:5px;}
.serviceLogo img{border-radius:5px;}