/*my-style*/

.nav-active { color: #cee002; }

.project-section{
  position:relative;
  padding-bottom:150px;
}

.project-section.padding-top{
  padding-top:120px;
}

.project-block{
  position:relative;
}

.project-block .content-column{
  position:relative;
}

.img-resp{ width: 670px !important; height: 666px !important; }

.project-block .content-column .inner-box{
  position:relative;
  padding-top:115px;
  text-align:right;
  padding-right:50px;
}

.project-block .content-column .inner-box h3{
  position:relative;
  font-size:15px;
  color:#e7b04b;
  font-weight:400;
  margin-bottom:25px;
  text-transform:uppercase;
}

.project-block .content-column .inner-box h3:after{
  position:absolute;
  content:'';
  left:105%;
  top:10px;
  height:1px;
  width:225px;
  z-index:9;
  background-color:#e7b04b;
}

.project-block .content-column .inner-box h2{
  position:relative;
  font-size:48px;
  font-weight:700;
  line-height:1.2em;
  color:#242424;
  text-transform:capitalize;
}

.project-block .content-column .inner-box h2 a{
  color:#242424;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.project-block .content-column .inner-box h2 a:hover{
  color:#e5a62c;
}

.project-block .content-column .inner-box .text{
  color:#959595;
  font-size:17px;
  margin-top:30px;
  margin-bottom:36px;
    line-height: 1.8em;
}

.project-block .content-column .inner-box .more-detail{
  color:#2a2a2a;
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.project-block .content-column .inner-box .more-detail:hover{
  color:#e5a62c;
}

.project-block .content-column .inner-box .more-detail .arow{
  position:relative;
  width:26px;
  height:26px;
  color:#e5a62c;
  font-size:10px;
  line-height: 22px;
    padding-left: 3px;
  text-align:center;
  border-radius:50%;
  margin-right:10px;
  border:2px solid #e9e9e9;
}

.project-block .image-column{
  position:relative;
  padding-right:70px;
  padding-top:55px;
}

.project-block .triangle-curve{
  position:absolute;
  right:0px;
  top:0px;
  width:380px;
  height:400px;
  overflow:hidden;
}

.project-block .triangle-curve:before{
  position:absolute;
  content:'';
  right:0px;
  top:0px;
  width:100%;
  height:100%;
  border:10px solid #f9f9f9;
  border-left:0px;
  border-bottom:0px;
}

.project-block .triangle-curve:after{
  position:absolute;
  content:'';
  left:200px;
  top:-80px;
  width:10px;
  height:600px;
  background:#f9f9f9;
  -webkit-transform: rotate(-43deg);
  -ms-transform: rotate(-43deg);
  -o-transform: rotate(-43deg);
  -moz-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.project-block .image-column .image{
  position:relative;
  padding-left:30px;
  border-left:1px solid #e8e8e8;
}

.project-block .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

/*Project Block / Style Two*/

.project-block.style-two{
  margin-bottom:75px;
}

.project-block.style-two .image-column{
  padding:0px 15px;
}

.project-block.style-two .image-column:after{
  position: absolute;
    content: '';
    right: 97%;
    top: 0px;
    width: 260px;
    height: 100%;
    display: block;
    z-index: -1;
    background-color: #f4f4f4;
}

.project-block.style-two .image-column .image{
  padding:0px;
  border:0px;
}

.project-block.style-two .content-column .inner-box{
  padding-top:45px;
  margin-top:15px;
}

/*** 

====================================================================
  Project Block Two
====================================================================

***/

.project-block-two .content-column{
  position:relative;
}

.project-block-two .content-column .inner-box{
  position:relative;
  padding-top:45px;
  text-align:left;
  margin-top:70px;
  padding-left:30px;
}

.project-block-two .content-column .inner-box h3{
  position:relative;
  font-size:15px;
  color:#e7b04b;
  font-weight:400;
  margin-bottom:25px;
  text-transform:uppercase;
}

.project-block-two .content-column .inner-box h3:after{
  position:absolute;
  content:'';
  right:105%;
  top:10px;
  height:1px;
  width:225px;
  z-index:9;
  background-color:#e7b04b;
}

.project-block-two .content-column .inner-box h2{
  position:relative;
  font-size:48px;
  color:#242424;
  font-weight:700;
  line-height:1.2em;
  text-transform:capitalize;
}

.project-block-two .content-column .inner-box h2 a{
  color:#242424;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.project-block-two .content-column .inner-box h2 a:hover{
  color:#e5a62c;
}

.project-block-two .content-column .inner-box .text{
  color:#959595;
  font-size:17px;
  margin-top:30px;
  margin-bottom:36px;
  line-height:1.6em;
}

.project-block-two .content-column .inner-box .more-detail{
  color:#2a2a2a;
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

.project-block-two .content-column .inner-box .more-detail:hover{
  color:#e5a62c;
}

.project-block-two .content-column .inner-box .more-detail .arow{
  position:relative;
  width:26px;
  height:26px;
  color:#e5a62c;
  font-size:10px;
  line-height: 22px;
    padding-left: 3px;
  text-align:center;
  border-radius:50%;
  margin-right:10px;
  border:2px solid #e9e9e9;
}

.project-block-two .image-column{
  position:relative;
  padding-left:70px;
  padding-top:55px;
}

.project-block-two .triangle-curve{
  position:absolute;
  left:0px;
  top:0px;
  width:380px;
  height:400px;
  overflow:hidden;
}

.project-block-two .triangle-curve:before{
  position:absolute;
  content:'';
  right:0px;
  top:0px;
  width:100%;
  height:100%;
  border:10px solid #f9f9f9;
  border-right:0px;
  border-bottom:0px;
}

.project-block-two .triangle-curve:after{
  position:absolute;
  content:'';
  right:200px;
  top:-80px;
  width:10px;
  height:600px;
  background:#f9f9f9;
  -webkit-transform: rotate(43deg);
  -ms-transform: rotate(43deg);
  -o-transform: rotate(43deg);
  -moz-transform: rotate(43deg);
    transform: rotate(43deg);
}

.project-block-two .image-column .image{
  position:relative;
  padding-right:30px;
  border-right:1px solid #e8e8e8;
}

.project-block-two .image-column .image img{
  position:relative;
  width:100%;
  display:block;
}

.project-block-two.style-two{
  margin-bottom:75px;
}

.project-block-two.style-two .image-column{
  position:relative;
  padding:0px 15px;
}

.project-block-two.style-two .image-column .image{
  padding-right:0px;
  border-right:0px;
}

.project-block-two.style-two .image-column:after{
  position:absolute;
  content:'';
  left:97%;
  top:0px;
  width:260px;
  height:100%;
  display:block;
  z-index:-1;
  background-color:#f4f4f4;
}

.project-block-two.style-two .content-column .inner-box{
  padding-left:60px;
  margin-top:15px;
}

.inner-box a { font-family: "Oswald", sans-serif !important; }
.inner-box .text { font-family: "Heebo", sans-serif !important; color: #959595;
font-size: 17px;
margin-top: 30px;
margin-bottom: 36px;
line-height: 1.8em;  }

.over-p{ text-align: justify; }
.rr-thulasi{ font-size: 40px; }
.margin-right{ margin-right: 30px; }

.clr-black{ color: #000; }

/*star*/


.imaps{ display: none; }
.inner-main { position: relative; display: inline-block; }
.hover { position: absolute; width: 100%; height: 100%;  color: #CF7800;
   display: table; overflow: hidden; }
   .specialization:hover .hover {
     

   }
   .specialization:hover .hover div { font-size: 10px; animation: zoom 1.2s ;color: transparent; }
.specialization .hover div {display: table-cell; 
   font-size: 1px; 
  
    vertical-align: middle;

    width: 100%;

    height: 100%;

    text-align: center; transition: all 0.2s ease; }
    @keyframes zoom {
      0% { transform: scale(0); opacity: 1;background: transparent; color: #FEA700; }
      100% { transform: scale(50); background: transparent; opacity: 1;
    } 
  }



  
/*effect*/
.specialization .grid h3 { position: relative; }
.specialization .grid h3:before { position: absolute; left: 0; bottom: -10px; width: 0%; height: 3px; transition: all 0.7s ease;
background: #cee002; content: ""; border-radius: 5px;}
 .specialization .grid:hover h3:before {width: 30%; }
.specialization .grid .icon .fi {transition: all 0.8s ease;  }
.specialization .grid:hover .icon .fi:before {color: #cee002 !important; }
.image { position: relative;display: inline-block;}
 .image img {width: 100%;}
 .hover {position: absolute;width: 100%;height: 100%;color: #CF7800;display: table;
 overflow: hidden;left: 0;top: 60px;}
 .image:hover .hover {font-size: 20px; animation: zoom 1.2s ; color: transparent; }
.image .hover div {display: table-cell;font-size: 5px;vertical-align: middle;
 width: 100%;height: 100%;text-align: center; transition: all 0.2s ease;}
 @keyframes zoom {
  0% {
      transform: scale(0);
      opacity: 1;
      background: transparent;
      color: #CEE002;
    }
    100% {
        transform: scale(100);
        background: transparent;
        opacity: 1;
        }
      }

/*effect-home-why*/
.move { position: relative;  animation: moving 5s infinite;
  width: 100%; height: 100%; z-index: 1000; }
.move span { display: inline-block; }

.star{ font-size: 10px; color: #FFE43D; text-shadow: 0px 3px 1px #A48900; }
.star-animate { animation: star-animate 1s infinite; }
@keyframes star-animate{
    0% { color: #FFE43D; }
    25% { color: #FFC61F; }
    50% { color: #FEA700; }
    75% { color: #FFC61F; }
    100% { color: #FFE43D; }
}

@media (max-width: 850px) {
  .mg-top-minus {
  margin-top: 0px !important;
}
}
.slick-arrow{ display: none !important; }
.font-size-p h3{ font-size: 33px !important; }

.about-text p { text-align: justify; }

.p-op {
    line-height: 26px;
    font-size: 18px;
    text-align: center;
    margin-top: 37px;
    padding-top: 17px;
}
.gy img {
    width: 100%;
}

.tylk{ margin-top: 4%; }
.services-slider {
    border: 30px solid #fff;
    box-shadow: 0 0 30px 0 rgba(33,30,25,.1);
}

.slick-dots li button::before{ font-size: 35px; color: #cee002!important; }

.slick-dotted.slick-slider{ margin-bottom: 0 !important; }
.slick-list{ position: relative; }
.slick-dots{ bottom: 15px !important; }
.house-imgs-slides{ margin-top: 27%; }
.nopad{ padding: 0 !important; }

.testimonial-slid .grid p { font-size: 1.33333rem;
font-weight: 300;
line-height: 1.8em;  }

.project-single-section .project-pic{ margin-bottom: 0 !important; }
.house-imgs-slides1{ margin-top: 6%; }

/*services*/

.abut-y img{
  width: 100%;
  transition: all 350ms ease-in-out;
}

.abut-y img:hover {
    transform: scale(1.15);
}

.abut-y {
    transition: all 350ms ease-in-out;
    width: 100%;
    overflow: hidden;
}


     .y-li ul li i {
    display: inline-block;
    color: #cee002; padding-right: 10px; font-size: 15px; font-weight: 500;
   
}

.y-li ul li{
    padding-left: 15px;
    line-height: 29px;
    list-style: none;
    font-size: 17px;
}

.construct-details{ float: left;
  width: 100%;
  position: relative; 
  margin-top: 12%; }

.construct-details:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 304px;
    background-color: #d4e002;
}

.construct-details h2{ 
padding-left: 10%;
padding-top: 7%;
font-size: 33px;
line-height: 42px; }

.no-backg{ background: none; }


.recent-projects-s3 .grid .hover-content {
  top: 100% !important;
  height: 6% !important;
 }

 .recent-projects-s3 .projects-grids .grid{ float: left; }
/*  .recent-projects-s3 .grid .details h3 a{ color: #000; } */
 .recent-projects-s3 .grid .details h3 a:hover{ color: #000; background: none !important; }

 .backup{ background: #fbfbfb; }

 .nav-active{ color: #cee002 !important; }

 .grids-small{ background-color: #fff;
border: 1px solid #ebebeb;
padding: 20px;
text-align: center;
transition: .3s; }
.grids-small:hover{ box-shadow: 0px 36px 76px 0px rgba( 0, 0, 0, .17 ); }


/*star*/

.mouse-follower {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: rgba(206, 224, 2, 0.2);
    overflow: hidden;
    
  position: absolute;
  width: 55px;
  height: 55px;
  z-index: 999999;
  border-radius: 50%;
  pointer-events: none;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  transition: all 0.1s;
}
.mouse-follower:before {
    content:"\2605";
    font-size: 40px;
    color: rgba(206, 224, 2, 0.2);
}
.mouse-follower:before {
    -webkit-text-stroke: 1px #cee002;
}

.lege{ color: #cee002 !important; }
.service-text{ margin-right: 30px; } 


.mt-15{ margin-top:30px !important; }
.mt-15 h3{ margin-bottom: 20px !important; }