.color-1c584f{background-color: #1c584f;}
.m-br{display: none;}
.mb-20{margin-bottom: 20px;}
.justify-center{display: flex; justify-content: center;}
.box-img-4-3{ width:100%; padding-top:calc( 3 / 4 * 100% ); overflow:hidden; position:relative; }
.box-img-4-3 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; width:100%; height:100%; }

.service-offer .service-single-content .img a{ background: rgba(220, 231, 230, 0.9);}
.company-info{ background: url(../images/index-ad-bg.jpg) no-repeat center!important;}
.company-info .opacity{background: unset!important; }
.recent-project{ background: #1c584f!important;}
.owl-carousel .owl-controls .owl-nav .owl-next{ border-left: 1px solid #fff!important;}
.owl-carousel .owl-controls .owl-nav .owl-prev{    border-right: 1px solid #fff!important;}
.owl-theme .owl-nav [class*=owl-]{border: 1px solid #fff!important;color: #fff!important;}
.owl-carousel .owl-controls .owl-nav .owl-prev{ border-right: 1px solid #000!important;}
.owl-carousel .owl-controls .owl-nav .owl-next{border-left: 1px solid #508c8e!important;}
.owl-theme .owl-nav [class*=owl-]{ color: #508c8e !important; border: 1px solid #508c8e !important;}
.latest-news{ margin: 95px 0 0 0!important;}
.company-info .right-side .single-box h4{ font-size: 24px!important; color: #235a5b!important; font-weight: 400;}
.company-info .right-side .single-box p{color: #666666!important;}
.scroll-top{ right: 18px!important;}
.header-style-one .main-menu .navbar-nav > li> a{ color: #fff!important;}
.hvr-bounce-to-right:before{    background: #1c584f!important;}


.logo img{ width:300px; }
.index-bn-re.tp-caption h2{  color:#fff; font-size: 30px; text-align: center; line-height: 2;font-weight: 400; }
.index-bn-re.tp-caption h3{ font-size: 20px!important; text-align: center; line-height: 1.8;}

.index-service-tt h3{ color:#235a5b!important; font-weight:400; }
.p-color-bg.tran3s.re{ background-color:#235a5b!important; color:#fff!important; }
.index-adpart-icon img{ width:80px;    margin: auto;padding: 37px 10px; }
.index-adpart-title h4{ color: #235a5b!important; font-size:30px!important; }
.index-adpart-title h4 span{font-size: 22px!important; line-height: 1.8!important; margin-top: 8px;display: block;}
.client-slider .owl-carousel .owl-controls{  bottom: -30px!important;}
.client-slider .container{border-bottom: unset!important;}
.latest-news{ background: url(../images/news-bg.jpg) no-repeat center!important;}
.latest-news .opacity{background: unset!important;}
.latest-news .opacity .theme-title-style{color: #000!important; font-weight: 400;}
.theme-menu-two .main-menu .navbar-nav > li> a{ font-size: 18px!important; }

.adpart-main-title{ color:#235a5b; font-size:20px; font-weight:400; }
.box-img-5-4{ width:100%; padding-top: calc(5 / 4 * 100%); overflow:hidden; ;position:revert; }
.box-img-5-4 img{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); object-fit:cover; width:100%; height:100%; }
.index-reviews-title{font-size: 24px!important;}
.index-reviews-title div{ line-height: 1.8; }
.post.news a{ color:#000!important;  }
footer .bottom-footer p{color: #fff;}
footer .bottom-footer{    background: #174b45!important;}

footer{ background: #1c584f!important; }
.footer-link{color: #fff;}
.footer-link:hover{color: #fff;}
footer .footer-link{    padding-left: 5px; width: 100%;}
.f-icon{ width:25px; }
footer .footer-address ul li{ padding-left: 0; display: flex;}
footer .footer-address ul li img{ margin-right:8px; }

.theme-menu-two .main-menu{ background: #1c584f!important;}
.theme-menu-two .main-menu .navbar-nav > li> a:before{ background: #5d9088!important;}
.contactUs-address h4{font-size: 30px;}
.contact-us-form h4{font-size: 30px;margin-bottom: 15px;}
.header-style-one .main-menu .navbar-nav > li> a{ font-size: 18px;}

.bottom-header.reset .bar-fix p a{ color:#000; }
.bottom-header.reset .bar-fix span a{color:#868686; font-weight: 300;}
.page-nav.nav{ display:flex;  justify-content: space-around; float: unset!important; }
.inner-banner{  background: url(../images/page-banner1.jpg) no-repeat center; }
.inner-banner .opacity{    background: rgba(9, 9, 9, 0.1)!important;}
.inner-banner .opacity h2{ font-size: 30px; font-weight: 700;}
.page-news.latest-news{background-image: unset!important; padding: 0 0 100px 0; margin-top: -50px !important;}
.single-news .post.news a{ overflow:hidden; max-height:58px; }
.single-news .post.news p{ overflow:hidden; max-height:58px; }
.single-news .post.news{overflow:hidden; height:198px;}
.service-details-page .service-details-content .work-progress .panel-group .panel-heading.active-panel a:before{ background: #235a5b!important;}
.service-offer.service-style-two .service-single-content:hover .img a{ background: #1c584f!important;}
.service-single-content .text a{ text-align:center; }
.our-project .gallery-item-wrapper .single-project-item .opacity{background: rgb(42 115 117 / 66%) !important;}
.theme-menu-two .main-menu .navbar-nav > li> a{ line-height: 45px;}

.video-item iframe{width: 100%!important;}
.contact-us-form h4{ margin-bottom: 5px;}
.contact-us-form p{margin-bottom: 20px;}

.page-about-ul{ display:flex; justify-content: flex-start; margin-top:20px; list-style:disc; font-weight:300!important; }
.page-about-ul div:first-child{margin-right: 100px;}
.page-about-ul li{margin-left: 20px; margin-bottom: 10px;}
.theme-title-style.index{ font-weight: 800!important; }

.pagetopsocial{margin: 10px 0 5px 0; }
.pagetopsocial li{margin: 0 5px}
.pagetopsocial li a:hover{background-color: transparent!important;border: unset!important; border-right: unset!important;border-left: unset!important;}
.pagetopsocial li a{ background-color: transparent!important;border: unset!important; border-right: unset!important;border-left: unset!important;}
.header-style-two .bottom-header ul li img{    width: 35px;
    filter: brightness(0.1);
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 0;}

.index-topinfo{text-align: center!important; padding-left: 0!important;display: none}
.index-topinfo p a{font-size: 16px;}
.index-topinfo p a, .index-topinfo p{ color:#000!important; }
.index-topinfo .ficon:before{color: #000!important;position: static!important;}
.index-topinfo img{width: 35px!important; margin: 0 auto 10px auto!important;filter: brightness(0.1)!important;}
.index-topicon{ display: none; }
.header-style-two .bottom-header ul li .ficon:before{ top: -13px!important;}
.single-blog-page .blog-post-container .more-page-button{ margin: 50px auto 0 auto!important;text-align: center;}

@media(min-width: 991px){
    .theme-menu-two .main-menu .navbar-nav > li> a:before{right: -40px!important;top: 12px;}
}

@media(max-width: 991px){
  .scroll-top{right: 5px !important;}
  .m-br{display: block!important;}
  .header-style-one .logo, .header-style-two .logo{  margin-bottom: 0!important;}
}

@media(min-width: 768px){
    .navbar-nav{  margin: 20px 0; }
    .theme-menu-two{ bottom: -63px!important;}
}

@media(max-width: 767px){

    .header-style-one{  background: #ffffff!important;}
    .main-menu .navbar-toggle.index-nav .icon-bar{    background: #235a5b!important;}
    .header-style-one .main-menu .navbar-nav > li> a{ color: #000!important;}
    .about-company .left-side h4{    font-size: 28px;}
    .about-company .right-side h5{     font-size: 16px;}
    .m-about-text{font-size: 16px;}
    .about-company .single-box p{font-size: 16px;}
    .company-info { background: url(../images/m-index-ad-bg.jpg) no-repeat center !important;}
    .index-adpart-title h4{ font-size: 24px !important;}
    .index-adpart-title h4 span{ font-size: 16px!important; }
    .company-info .right-side .single-box{ margin-bottom: 30px;}
    
    .client-slider .client-slider-wrapper p{ font-size: 16px;}
    .latest-news .opacity .theme-title-style{     font-size: 22px; margin-bottom: 80px;}
    .latest-news .opacity{ padding: 95px 0 55px 0;}
    footer .footer-address ul li{  align-items: flex-start; }
    footer .footer-address ul li a{ margin-bottom:0;padding-left:10px; }
    .index-bn-re.tp-caption h2{ font-size: 18px;}
    #banner .tp-caption{   display: block!important;}
    .index-bn-re.tp-caption h3{font-size: 16px !important; text-align: center; line-height: 1.8}
    #slotholder .tp-bgimg.defaultimg{  background-image: url(../images/temp/m-banner.jpg)!important; }
    .qr{width:220px; margin: auto;}
    .main-menu .navbar-toggle .icon-bar{background: #ffffff!important;}
    .page-nav.nav{display: block!important;}
    .header-style-two .bottom-header{padding: 33px 0 8px 0!important;}
     .inner-banner .opacity h2{  font-size: 26px!important; font-weight: 300; letter-spacing: 2px;}
     .contactUs-address h4{    font-size: 26px;}
     .contact-us-form h4{font-size: 26px;}
     .contact-us-form form button{ width: 100%;    display: block;}
     .about-company .right-side h4{font-size: 26px;}
     .company-info .left-side a{width: 100%;}
     .latest-news .single-news .post a{    font-size: 20px;}
     .service-details-page .service-details-content .work-progress .panel-group .panel-heading a{line-height: 1.5;}
     .blog-details-page .post-meta-content> h4{ font-size: 26px;}
     .page-about-ul{ display:block; }
     .header-style-two .bottom-header ul li img{  position: static;  margin-bottom: 10px;}
     .header-style-two .bottom-header ul li p{ font-size:16px; }
     .index-topinfo{margin: 10px 0 5px 0; display: block!important;}
     .header-style-one .right-side .header-top-area ul li a{ display: flex; justify-content: center; margin-top: 20px;}
     .index-topicon{ display: block!important; }
     .index-topicon ul{ display:flex; justify-content:center; }
}


@media(max-width: 380px){
    .service-offer .service-single-content .img a h3{ font-size: 20px; }
    .client-slider .client-slider-wrapper .name{padding-left: 10px!important;padding-top: 0px!important;width: 70%!important;}
}