.header-style-1 .navbar-nav, .header-style-2 .navbar-nav, .header-style-3 .navbar-nav {
    margin-left: 140px;
}
i.ti-search {
    display: none;
}
.site-header #navbar > ul li a:hover, .site-header #navbar > ul li a:focus {
    color: #036a8d !important;
}
.theme-btn{
    background-color: #036a8d;
}
.theme-btn:hover {
    background-color: #187b9d;
}
.header-style-2 .topbar .social-icons ul a:hover, .header-style-3 .topbar .social-icons ul a:hover {
    color: #000000;
}
.header-style-2 .topbar, .header-style-3 .topbar {
    background-color: #036a8d;
}
.header-style-2 .topbar .contact-info i {
    color: #ffffff;
}
.contact-info ul li a {
    color: #ffff;
}
.contact-info ul li a:hover {
    color: #000000;
}
.header-style-2 .navigation {
    background-color: #f7f7f7;
}
 .header-style-2 .navbar-brand img {
    max-width: 200px;
}
.header-style-2 .search-contact .call i:before{
    color: #026a8d;
}
.call a {
    color: #000;
}
.call a:hover {
    color: #026a8d;
}
.call p {
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    color: #000 !important;
}
.hero-style-2 .container, .hero-style-3 .container {
    margin-top: -60px;
}
.site-header #navbar > ul .sub-menu {
    width: 337px;
}
 .theme-btn-s2:hover {
    background-color: #036a8d;
}
.hero-slider .slide-inner {
    height: 90%;
}
.about-us-section {
    background: #ffffff;
}
section.about-us-section.section-padding.about {
    padding: 30px 0px 15px 0px;
}
.theme-btn-s3 {
    border: 2px solid #036a8d;
}
 .theme-btn-s3:hover {
    background-color: #036a8d;
}

.section-title h2 {
    color: #000;
}
.section-title > span, .section-title-s2 > span, .section-title-s3 > span, .section-title-s4 > span, .section-title-s5 > span {
    color: #036a8d;
}
.section-title span{
    text-transform: uppercase;
}
.section-title h2, .section-title-s2 h2, .section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
    font-size: 27px;
}
.section-title.abt-hd {
    margin-bottom: 10px;
}
.section-title.abt-hd h2 {
    margin-top: 15px;
}
p.abt-on {
    margin-bottom: 14px !important;
}

/* .img-holder img {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;    
    border-radius: 10px;
} */
.service-section-s2 .service-grids .grid {
    width: calc(49.33% - 30px);
    margin: 0 15px 60px;
}
.service-section .service-grids .grid {
    width: calc(49.33% - 30px);
}
.section-title-s2.abt-hd span {
    text-transform: uppercase;
}
.section-title-s2.abt-hd h2 {
    margin-top: 20px;
}
.service-grids.clearfix .grid {
    border-radius: 15px;
}
.service-section .service-grids h4 a:hover {
    color: #2e7b99;
}
.service-section .service-grids .read-more:hover {
    color: #036a8d;
}
.fun-fact-section .fun-fact-grids > .grid:nth-child(even) {
    background-color: #036b8e;
}
.fun-fact-section .fun-fact-grids .grid {
    background-color: #000000;
}
.fun-fact-section .fun-fact-grids .fi:before {
    color: #ffffff;
}
section.fun-fact-section {
    margin-top: 90px;
}
.cta-section {
    background: #036b8e;
    padding: 40px 0 40px;
}
section.service-section.section-padding.ser {
    padding-bottom: 70px;
}
.cta-section .contact-info .fi:before {
    color: #ffff;
}
.cta-section p {
    color: #ffffff; 
}
.section-title-s4.abt-hd.testi span {
    text-transform: uppercase;
    margin-bottom: 15px;
}
.testimonials-section .grid .fi:before {
    color: #036b8e;
}
.testimonials-section .owl-theme .owl-dots .owl-dot.active span {
    background: #036b8e;
}
.site-footer .about-widget .social-icons ul a:hover {
    color: #036a8d;
}
ul.ft-cnt-dls h5 {
    font-size: 16px;
    color: #036a8d;
}
ul.ft-cnt-dls a {
    color: #000;
}
ul.ft-cnt-dls a:hover {
    color: #036a8d;
}
.hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 {
    font-size: 3.5rem;
}
 .theme-btn-s3:focus {
    background-color: #036a8d;
}
.btns.mb-btn {
    margin-top: 17px;
}
.container.lft-sd{
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    flex-wrap: wrap;
    text-align: right;
}
.container.cntr{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    text-align: center;
    flex-wrap: wrap;
}
p.abt-on {
    text-align: justify;
}

/* Subpage */

.abt-img-sec img{
    width: 430px;
}
.page-title .container {
    padding-top: 0px;
}
.contact-pg-section .office-info {
    background-color: #036a8d;
}
.contact-pg-section .office-info li i {
    color: #ffffff;
}
.contact-pg-section form input:focus, .contact-pg-section form select:focus, .contact-pg-section form textarea:focus {
    border-color: #036a8d;
}
.office-info a{
    color: #ffffff;
}
.office-info a:hover{
    text-decoration: underline;
}
.cnt-brd{
    background: url(../images/pick/cnt-brd.jpg) center center / cover no-repeat local;
    height: 350px;
}
.ser-brd{
    background: url(../images/pick/ser-brd.jpg) center center / cover no-repeat local;
    height: 350px;
}
.abt-brd{
    background: url(../images/pick/abt-brd.jpg) center center / cover no-repeat local;
    height: 350px;
}

.brand-brd{
    background: url(../images/pick/brand.png) center center / cover no-repeat local;
    height: 350px;
}
.service-single-slider img{
    width: 100%;
}
.service-slider-size{
    height: 100% !important;
}
.service-slider .swiper-button-prev, .service-slider .swiper-button-next {
    background: #0000007a;
    border: 2px solid #d4d3d3;
}
.mt-50{
    margin-top: 50px;
}
.service-slider{
    height: 600px;
}
.swiper-slide-height{
    height: 600px;
}
img#captchaimg {
    height: 54px;
    width: 100%;
}
label.ss {
    font-size: 13px;
}
.extra-link a {
    color: red;
    font-weight: 500;
}
@media (min-width: 768px) and (max-width: 991px) {
    .site-header .navbar-header button {
        background-color: #036a8d;
    }
    .hero-slider .slide-inner {
        height: 100%;
    }
    .hero-slider .swiper-pagination-bullet-active {
        background: #036a8d;
    }
    .service-section .service-grids .grid {
        width: calc(100% - 15px);
        float: none;
    }
    .section-padding {
        padding: 40px 0;
    }
    .header-style-2 .navbar-nav, .header-style-3 .navbar-nav {
        margin-left: 0px;
    }
}

@media(max-width: 767px){
    .site-header .navbar-header button {
        background-color: #036a8d;
    }
    .section-title-s2.abt-hd h2 {
        padding-bottom: 25px;
    }
    .section-title h2, .section-title-s2 h2, .section-title-s3 h2, .section-title-s4 h2, .section-title-s5 h2 {
        font-size: 23px;
    }
    .section-title.abt-hd {
        margin-top: 25px;
    }
    .section-title.abt-hd h2 {
        padding-bottom: 20px;
    }
    .hero-style-2 .slide-title h2, .hero-style-3 .slide-title h2 {
        font-size: 1.6rem;
    }
    .abt-page-sec1 {
        display: flex;
        flex-direction: column-reverse;
    }
    .page-title h2 {
        font-size: 1.5rem;
        line-height: 35px;
    }
    .section-padding {
        padding: 30px 0;
    }
    .service-section .service-grids .grid {
        width: auto;
    }
    .cta-section .contact-info > div + div {
        margin-left: 25px;
    }
    section.page-title.brand-brd{
        height: 150px !important;
    }
    .service-slider-size {
        height: 44% !important;
    }
    .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .hero-slider .swiper-pagination-custom, .hero-slider .swiper-pagination-fraction.hero-custom {
        bottom: 0px;
        top: 351px;
    }
    .service-slider {
        height: 300px;
    }
    img#captchaimg {
        height: 54px;
        width: 100%;
        padding: 2px 43px;
    }
    label.ss {
        font-size: 14px;
    }
    .contact-pg-section form > div {
        width: calc(100% - 30px);
        float: none;
        text-align: center;
    }
    /* .grid {
        height: 319px;
    }
    .h3, h3 {
        font-size: 23px;
    } */
}

@media(min-width: 992px) and (max-width: 1024px)
{
    .cta-section .contact-info > div + div {
        margin-left: 0px;
    }
    .cta-section .contact-info > div {
        margin-right: 16px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .page-title h2 {
        font-size: 2.4375rem;
    }
    /* .h3, h3 {
        font-size: 19px;
    } */
    /* .grid {
        height: 318px;
    } */
}