/*********************************************** Services Section ********************************************/
.service-section .title-section{text-align: center;}
.service-section .title-section .title{color:#4B3527;position: relative;text-transform: uppercase;font-weight:800;}
.service-section .title-section::after{content: '';width: 300px;height: 1px;background: #707070;position: absolute;left: 0;right: 0;float:none;margin: 0 auto;}
.service-section .title-section::before{content: '';width: 70px;height: 3px;background: #707070;position: relative;display:block;left:0;right:0;float:none;margin:0 auto;top:62px;transform: scaleX(1);transition: all 1s ease-in-out;}
.service-section .title-section:hover::before{transform: scaleX(1);width:300px;}
.service-section .services{padding: 30px;}
.service-section .category{text-align: center;}
.service-section .category li{float: none;margin: 0 auto;position: relative;}
.service-section .category li img{width: 85px;height: 85px;}
.service-section .category li h4{color:#707070;font-weight: 600;margin-top: 20px;}
.service-section .category li{padding: 0px 30px;}
.service-section .category li .active .categ{box-shadow: 0px 4px 23px -1px #d3d3d3;padding: 20px 40px 20px 40px;}
.service-section .category::after{content:'';position: relative;background-color: #707070;width: 100%;height: 1px;bottom: 0;display: block;}
.service-section .category .active::after{content:'';position: relative;background-color: #707070;width: 1px;height: 55px;display: block;left: 100px;}
.service-section .sub-category{padding-top: 30px;}
.service-section .sub-category .subcateg li{float: none;margin:0 auto;text-align: center;position: relative;}
.service-section .sub-category .subcateg li::before{content:'';position: relative;background-color: #d3d3d3;width: 1px;height: 75%;display: block;float: right;}
.service-section .sub-category .subcateg li:last-child::before{display: none;}
.service-section .sub-category .subcateg li a h4{color:#707070;font-weight: 600;margin-top: 20px;}
.service-section .sub-category .subcateg li a .sub-block{padding:10px 20px;}
.service-section .sub-category .subcateg li .active .sub-block{background-color: #4B3527;}
.service-section .sub-category .subcateg li .active .sub-block h4{color:#fff;font-weight: 400;}
.service-section .sub-category .img-group{padding:15px 0px;}
.service-section .sub-category .img-group .tab-title{padding:15px 0px;}
.service-section .sub-category .img-group .tab-title .title{color:#4B3527;font-weight:600;text-transform:uppercase;}
.service-section .sub-category .img-group .filterdata{margin:0px 5px;}
.service-section .filters{text-align:center;}
.service-section .filters h5{font-color:#9F7E69;}
/*.service-section .filters .filter{margin-top: 20px;}*/
.service-section .filters .filter li{margin:10px 0px;position: relative;}
.service-section .filters .filter li::before{content:'';position: relative;display:block;background-color: #d3d3d3;width: 1px;height: 75%;float: right;}
.service-section .filters .filter li:last-child::before{display: none;}
.service-section .filters .filter li a{font-size:18px;font-weight:600;position: relative;padding: 5px 30px;}
.service-section .filters .filter li .active{background-color: #4B3527;color: #fff;}
.filterdata p{text-align: left;padding-top:5px;padding-bottom:10px;font-size:20px;font-weight:600;color:#4B3527;}
/*.filterdata img{width: 100%;height: auto;}*/
.filterdata{padding-bottom: 10px;}
.service-section .other-services .title-section::after{content: '';width: 600px;height: 1px;background: #4B3527;position: absolute;left: 0;right: 0;float:none;margin: 0 auto;}
.service-section .other-services .title-section::before{content: '';width: 200px;height: 3px;background: #4B3527;position: relative;display:block;left:0;right:0;float:none;margin:0 auto;top:62px;transform: scaleX(1);transition: all 1s ease-in-out;}
.service-section .other-services .title-section:hover::before{transform: scaleX(1);width:600px;}
.extra-services{padding:50px 0px;}
.extra-services .col-15{flex:0 0 13.888887%;max-width:13.888887%;position:relative;width:100%;padding-left:15px;padding-right:15px;}
.extra-services .service{text-align: center;}
.extra-services .service h5{padding-top: 10px;}
.extra-services .service::before{content: '';position: relative;display: block;width: 1px;height:100px;background-color: #d3d3d3;float: right;}
.extra-services .service:last-child::before{display: none;}

.fixed-filter {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    background:#FCF6F7;
    z-index:9;
    border-bottom:1px solid #4B3527!important;
}
.btn-roulay{width:30%;}

  /******************************* Project Section ******************************************************/
  .project-section{padding-bottom:50px;}
  .project-section .title-section .title{color:#4B3527;font-weight: 800;text-transform: uppercase;}

  .project-section .title-section .title::after{content: '';width: 425px;height: 1px;background: #4B3527;position: relative;left: 0;right: 0;float:none;margin: 0 auto;display:block;}
  .project-section .title-section .title::before{content: '';width: 200px;height: 3px;background: #4B3527;position: relative;display:block;left:0;right:0;float:none;margin:0 auto;top:62px;transform: scaleX(1);transition: all 1s ease-in-out;}
  .project-section .title-section:hover .title::before{transform: scaleX(1);width:425px;}
  .project-section .projectslider .slick-slide{padding: 5px;}
  .project-section .projectslider .slick-slide img{height: 475px;width: 100%;}
  .project-section .projectslider .slick-slide .name{font-weight: 600;color:#707070;margin-top: 20px;}
  .project-section .projectslider .slick-slide .flat{font-weight: 200;color:#707070;}
  .project-section .projectslider .slick-slide .address{font-weight: 200;color:#707070;}
  .project-section .btn-roulay{border-radius:0px;border-color: #4B3527;border-width: 1px 1px 2px 2px;font-family: 'Poppins';text-transform: uppercase;padding: 5px;}
  /****************************** Project Section **********************************************/
@media only screen and (min-width: 1777px){
  .service-section{padding-left: 150px;padding-right:150px;}
  .project-section .projectslider .slick-slide img{height:auto;}
}

@media only screen and (max-width: 768px){
.service-section .category .active::after{display:none;}
.service-section .category li{padding:20px 30px;}
.service-section .sub-category .subcateg li{padding:20px 0px;}
.service-section .sub-category .subcateg li::before{display:none;}
.service-section .sub-category .subcateg li::after{    content: '';position: relative;background-color: #d3d3d3;width: 95%;height: 2px;bottom:-20px;display: block;float: none;margin: 0 auto;}
.service-section .other-services .title-section .title{font-size: 22px;}
.service-section .other-services .title-section::after{width:310px;}
.service-section .other-services .title-section:hover::before{width:310px;}
.extra-services .col-15{max-width: 99.888887%;flex:0 0 99.888887%;padding-top:15px;padding-bottom:15px;}
.extra-services .service::before{display:none;}
.extra-services .service::after{content: '';position: relative;display: block;width: 250px;height: 2px;background-color: #d3d3d3;float: none;margin:0 auto;bottom:-10px;}
.project-section .title-section .title{font-size:30px;}
.project-section .title-section .title::after{width:310px;}
.project-section .title-section:hover .title::before{width:310px;}
.service-section .title-section .title{font-size:38px;}
.project-section .btn-roulay{margin:5px;}
}