@import url('common.css');





::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #fff;

  font-weight: lighter;

}



::-moz-placeholder { /* Firefox 19+ */

  color: #fff;

  font-weight: lighter;

}



:-ms-input-placeholder { /* IE 10+ */

  color: #fff;

  font-weight: lighter;

}



:-moz-placeholder { /* Firefox 18- */

  color: #fff;

  font-weight: lighter;

}



/************************************************************** Voice Start */



.voice-popup{

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  z-index: 9999;

  display: none;

}

.voice-popup .voice-overlay {

  background: rgba(0, 0, 0, 0.6);

  width: 100%;

  height: 100%;

}

.voice-popup .voice-wrp{

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  margin: auto;

  background: #fff;

  width: 300px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  padding: 10px 20px;

  border-radius: 3px;

}

.voice-popup .voice-wrp .p1 {

  font-size: 18px;

  color: #000;

}

.voice-popup .voice-wrp .p2 {

  font-size: 18px;

  color: #000;

}

.voice-popup .voice-wrp span {

  background: #eaeaea;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 30px 0;

}



.voice-popup .voice-wrp span:after{

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;    

    left: 0;

    right: 0;

    top: 0;

    margin: auto;

    z-index: -1;

    animation: blur 3s infinite ease-in-out;

}

@keyframes blur {

  0% {

    border: 2px solid rgba(5,117,197,1);

    transform: scale(.7);

  }

  100% {

    border: 2px solid rgba(26,132,203,0);

    transform: scale(1.5);

  }

}



/************************************************************** Voice End */



/************************************************************** Push Notification Start */



body.push-notification-active {

  /*transform: translateY(130px);

  transition: all .5s ease-in-out;*/

}



.push-notification-active .push-notification-wrp{

  transition: all .5s ease;

  bottom: 0;

}



.push-notification-wrp{

  position: fixed;

  left: 0;

  bottom: -100px;

  width: 100%;

  height: 100px;

  background: #fff;

  z-index: 999;

  display: flex;

  align-items: center;

  padding: 10px 10px;

  transition: all .5s ease;

}



.push-notification-active .push-notification-wrp{

  bottom: 0;

}



.push-notification-wrp a{

  display: none;

}



.push-notification-wrp span{

  position: relative;

  width: 40px;

  height: 50px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}



.push-notification-wrp span:before,

.push-notification-wrp span:after{

  content: '';

  width: 1px;

  height: 20px;

  background: #848484;

  position: absolute;

}



.push-notification-wrp span:before{

  transform: rotate(45deg);

}



.push-notification-wrp span:after{

  transform: rotate(-45deg);

}



.push-notification-wrp img{

  width: 110px;

  margin: 0 0 0 -12px;

}



.push-notification-wrp > div{

  display: flex;

  flex-direction: column;

  align-items: baseline;

}



.push-notification-wrp > div p{

  color: #3e3e3e;

  font-size: 11px;

  font-weight: 600;

  margin-bottom: 10px;

}



.push-notification-wrp > div a{

  background: #2867a6;

  padding: 6px 16px;

  border-radius: 4px;

}



/************************************************************** Push Notification End */



/************************************************************** Header Start */



header{

  padding: 10px 0;

  /*position: relative;*/

}



header.slide-header{

  background: #17161687;

}



/*header.slide-header .main-wrapper{

  width: 90%;

}*/



/* Home Main Slider */

#home-main-slider {position: absolute; width: 100%;z-index: 0;left: 0;top:0;}

.hm-slide {height: calc(100vh - 39px);background-position: center;background-size: cover;}

#home-main-slider .owl-dots {position: absolute; top: 80%; right:0;}





.home-body header .logo-wrp a img:first-child{

  display: none;

}



.home-body header .logo-wrp a img:last-child{

  display: inline-block;

}



header.slide-header .logo-wrp a img:first-child{

  display: inline-block;

}



header.slide-header .logo-wrp a img:last-child{

  display: none;

}



.home-body header .home-header-right{

  display: flex;

  align-items: center;

}



.home-body header .home-header-right > a{

  font-size: 17px;

}



.home-body header .home-header-right > a:last-child{

  font-weight: 600;

}



.home-body header .home-header-right > span{

    margin: 0 11px;

}



.logo-wrp {width: 94%;display: flex;justify-content: space-between;}





/************************************************************** Header End */



/************************************************************** Home Section Start */



.home-body footer{

  position: fixed;

  z-index: 9;

  bottom: 0;

  width: 100%;

}



.home-sec{

  /*background: url('../images/home-bg.jpg');*/

  background-size: cover;

  width: 95%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  display: flex;

  justify-content: center;

  /*align-items: center;*/

  text-align: center;

}



.home-form{

  /*position: absolute;

  top: 0;*/

  display: flex;

  flex-direction: column;

  justify-content: center;

  height: 100%;

}



.home-form .top-wrp .head-01{

  font-size: 34px;

  font-style: italic;

  font-weight: 300;

}



.home-form .top-wrp .head-02{

  font-size: 31px;

  font-weight: 300;

  margin: 10px 0 20px;

}



.home-form .form-wrp{

  position: relative;

}



.home-form .form-wrp input[type=text]{

  width: 100%;

  height: 60px;

  background: transparent;

  border: 2px solid #fff;

  border-radius: 6px;

  font-size: 23px;

  color: #fff;

  font-weight: 300;

  padding: 0 60px 0 10px;

  margin: 0;

  max-width: 100%;

}



.home-form .form-wrp input[type=submit]{

  background: url(../images/search-w.png) center no-repeat;

  position: absolute;

  right: 0;

  top: 0;

  width: 60px;

  height: 60px;

  border: none;

  cursor: pointer;

}



.home-form .bottom-wrp{

  margin-top: 20px;

}



.home-form .bottom-wrp > div{

  display: flex;

  flex-direction: row;

  justify-content: center;

  margin: 10px 0;

}



.home-form .bottom-wrp > div > p,

.home-form .bottom-wrp > div > a{

  font-size: 13px;

  font-style: italic;

}



.home-form .bottom-wrp > div > p{

  font-weight: 600;

}



.home-form .bottom-wrp > div > a{

  border-right: 1px solid #fff;

  padding-right: 14px;

  margin-right: 14px;

}



.hover-body .home-form .bottom-wrp > div > a:hover{

  text-decoration: underline;

}



.home-form .bottom-wrp > div > a:nth-child(2){

  padding-left: 14px;

}



.home-form .bottom-wrp > div > a:last-child{

  border-right: 0px;

  padding-right: 0px;

  margin-right: 0px;

}





/******************************* Home Banner Start */





.home-form .form-wrp .type-anim{

  height: 60px;

  background: transparent;

  border: 0px solid #fff;

  border-radius: 6px;

  font-size: 23px;

  color: #fff;

  font-weight: 300;

  padding: 0 60px 0 10px;

  padding-right: 0;

  position: absolute;

  top: 0;

  left: 0;

  text-align: left;

  display: flex;

  align-items: center;

  max-width: 100%;

}



.home-banner{

  position: absolute;

  bottom: 39px;

  left: 0;

  right: 0;

  margin: auto;

  width: 73%;

}



.home-banner img.img-01{

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

}



.home-banner img.img-02{

  position: absolute;

  bottom: 230px;

  left: 23%;

  padding-right: 40%;

}



.home-banner img.img-03{

  position: absolute;

  bottom: 240px;

  right: 24%;

  padding-left: 40%;

}



/******************************* Home Banner End */



/******************************* Home Animation Start */



.home-anim .home-form .top-wrp .head-01{

  opacity: 0;

  animation: home_heading 1.5s ease 0s forwards;

}



.home-anim .home-form .top-wrp .head-02{

  opacity: 0;

  animation: home_heading 1.5s ease .5s forwards;

}



@keyframes home_heading{

  0%{

    transform: translateY(-60%);

    opacity: 0;

  }

  100%{

    transform: translateY(0%);

    opacity: 1;

  }

}



.home-anim .home-form .form-wrp{

  opacity: 0;

  animation: home_form 1.5s ease 1s forwards;

}



@keyframes home_form{

  0%{

    transform: scale(.6);

    opacity: 0;

  }

  100%{

    transform: scale(1);

    opacity: 1;

  }

}



.home-anim .home-form .bottom-wrp{

  position: relative;

  opacity: 0;

  animation: home_bottom 1.5s ease 1.5s forwards;

}



@keyframes home_bottom{

  0%{

    opacity: 0;

  }

  100%{

    opacity: 1;

  }

}



/*.home-anim .home-form .form-wrp .type-anim{

  width: 0;

  white-space: nowrap;

  overflow: hidden;

  animation: type 4s steps(60, end) 2s forwards;

}



@keyframes type{ 

  to {

    width: 500px;

  } 

}*/



.home-anim .home-form .form-wrp .type-anim{

  width: 0;

  white-space: nowrap;

  overflow: hidden;

  animation: type 6s steps(60) forwards;

}



/*.home-anim .home-form .form-wrp .type-anim:nth-child(2){

  animation-delay: 2s;

}



.home-anim .home-form .form-wrp .type-anim:nth-child(3){

  animation-delay: 9s;

}



.home-anim .home-form .form-wrp .type-anim:nth-child(4){

  animation-delay: 16s;

}



.home-anim .home-form .form-wrp .type-anim:nth-child(5){

  animation-delay: 23s;

}

*/

.home-anim .home-form .form-wrp .type-anim:nth-last-child(2){

  animation-name: type-last;

}



@keyframes type{

  0%{

    width: 0%;

  }

  50% {

    width: 80%;

  }

  100%{

    width: 0%;

  }

}



@keyframes type-last{

  0%{

    width: 0%;

  }

  50% {

    width: 80%;

  }

  100%{

    width: 80%;

  }

}



.home-anim .home-form .form-wrp .type-anim span{

  animation: type-bling 1s infinite;

  opacity: 0;  

}



@keyframes type-bling{ 

  50% {

    opacity: 1;

  } 

  100% {

    opacity: 0;

  }

}



.search-active .home-form .form-wrp{

  background: rgba(0, 37, 71, 0.9);

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  height: 100%;

  width: 100%;

  z-index: 9999999;

  display: flex;

  align-items: center;

  padding: 0 4%;

}



.search-active .home-form .form-wrp form{

  position: relative;

}



/******************************* Home Animation End */



/************************************************************** Home Section End */



/************************************************************** Home slide Start */



.home-slide{

  transform: translateX(92%);

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  z-index: 99;

  transition: all 1s ease;

}



.home-slide.active{

  transform: translateX(0%);

}



.home-slide.active .arrow span{

  background: transparent;

}



.hover-body .home-slide.active .arrow:hover span{

  transform: rotate(-45deg) translate(-7px, 17px);

}



.home-slide.active .arrow span:before,

.home-slide.active .arrow span:after{

  width: 100%;

  transform-origin: center;

  transition: all 0.3s ease;

}



.hover-body .home-slide.active .arrow:hover span:before{

  transform: rotate(45deg);

}



.hover-body .home-slide.active .arrow:hover span:after{

  transform: rotate(-45deg);

}



.home-slide .arrow{

  background: #fff;

  width: 35px;

  height: 35px;

  transform: rotate(45deg);

  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);

  position: absolute;

  top: calc(50% - 22px);

  z-index: 999;

  left: 1.8%;

  cursor: pointer;

}



.home-slide .arrow:before{

  /*content: '';*/

  background: #666;

  width: 50%;

  height: 1px;

  display: block;

  transform-origin: left;

}



.home-slide .arrow span{

  background: #666;

  width: 60%;

  height: 1px;

  display: block;

  transform: rotate(-45deg) translate(-7px, 17px);

  transition: all 0.3s ease;

}



.home-slide .arrow span:before,

.home-slide .arrow span:after{

  content: '';

  background: #666;

  width: 50%;

  height: 1px;

  display: block;

  transform-origin: left;

}



.home-slide .arrow span:before{

  transform: rotate(-45deg);

}



.home-slide .arrow span:after{

  transform: rotate(45deg);

  margin-top: -1px;

}



.hover-body .home-slide .arrow:hover span{

  transform: rotate(-45deg) translate(-10px, 17px);

}



.home-slide-wrp{

  background: #f0f0f0;

  color: #4e4e4e;

  width: 97%;

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  overflow-y: scroll;

  /*padding-left: 100px;*/

  /*transform: translateX(100px);*/

  box-shadow: -1px 0px 10px 0 rgba(0, 0, 0, 0.3);

  overflow-x: hidden;

}



.home-slide .home-slide-wrp > div{

  transform: translateX(100px);

}



.home-slide.active .home-slide-wrp > div{

  /*padding-left: 0px;*/

  transform: translateX(0px);

}



.home-slide-wrp .top-wrp{

  /*padding-left: 80px;*/

  padding: 90px 30px 10px 30px;

}





.home-slide-wrp .top-wrp > div{

  padding: 50px 0;

  margin: 4px 0;

}



.home-slide-wrp .project-item{

  width: 100%;

  margin-bottom: 80px;

  /*margin-top: 30px;*/

  position: relative;

}



.home-slide-wrp .project-item .img-wrp{

  width: 100%;

}



.home-slide-wrp .heading{

  font-size: 34px;

  color: #4e4e4e;

}



.home-slide-wrp .proj-tbs {

  flex-direction: row;

  display: flex;

  justify-content: space-between;

}



.home-slide-wrp .proj-tbs .btn-02, .test-rd-mr,

.home-slide-wrp > div > div > .btn-02,

.home-media-wrp .btn-02{

  color: #4e4e4e;

  border-color: #4e4e4e;

  padding: 14px 40px 13px;

  font-size: 13px;

}





.home-slide-wrp .proj-tbs .btn-02:after, .test-rd-mr:after,

.home-slide-wrp > div > div > .bg-anim-01:after,

.home-media-wrp .bg-anim-01:after {

  color: #fff;

  background: #4e4e4e;

  padding: 14px 0px 13px;

}



.hover-body .home-slide-wrp .proj-tbs .btn-02:hover:after,

.hover-body .test-rd-mr:hover:after,

.hover-body .home-slide-wrp > div > div > .bg-anim-01:hover:after,

.hover-body .home-media-wrp .bg-anim-01:hover:after {

  padding: 14px 40px 13px;

}



.ongoing-projects .proj-tbs .bg-anim-01:nth-child(1):after {

  content: 'Residential Projects';

}



.ongoing-projects .proj-tbs .bg-anim-01:nth-child(2):after {

  content: 'Commercial Projects';

}



 .hover-body .test-rd-mr:hover:after {

  content: 'Read All';

 }



.home-slide-wrp .proj-tbs .btn-02 {

  margin-right: 10px;

}



.ongoing-projects{

  display: flex;

  flex-direction: column;

  align-items: center;

  border-bottom: 1px solid #c1c1c1;

}



.ongoing-projects .tc-apply{

  color: #949494;

  font-weight: 700;

  margin: 10px 0;

  font-size: 16px;

}





/************************************************************** Home slide End */



/************************************************************** Home About Start */



.home-about-wrp{

  display: flex;

  flex-direction: column;

  align-items: center;

  border-top: 1px solid #c1c1c1;

}



.home-about-wrp .para-01{

  text-align: center;

  margin: 20px 0 0;

  width: 75%;

  line-height: 20px;

  font-size: 13px;

}



.home-about-wrp .content-wrp{

  display: flex;

  flex-direction: row;

  text-align: center;

  margin: 50px 0;

}



.home-about-wrp .content-wrp .number{

  font-size: 40px;

  font-weight: 500;

  color: #0374b7;

}



.home-about-wrp .content-wrp .text{

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 5px;

}



.home-about-wrp .content-wrp .line{

  width: 2px;

  background: #e1dfdf;

  display: block;

  transform: skewX(30deg);

  margin: 0 50px;

}



.home-about-wrp > .bg-anim-01:after {

  content: 'READ MORE';

}



/************************************************************** Home About End */



/************************************************************** Home Recognitions Start */



.home-recognitions-wrp{

  background: #4e4e4e;

  text-align: center;

  padding: 50px;

  color: #fff;

}



.home-recognitions-wrp .heading{

  color: #fff;

  margin-bottom: 30px;

}



.home-recognitions-wrp .recog-item{

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 7%;

  text-align: center;

}



.home-recognitions-wrp .recog-item img{

  width: auto;

}



.home-recognitions-wrp .recog-item .content-wrp{

  width: 80%;

}



.home-recognitions-wrp .recog-item .content-wrp .para-01{

  font-size: 16px;

  font-weight: 500;

}



.home-recognitions-wrp .recog-item .content-wrp .para-02{

  font-size: 12px;

  font-weight: 500;

  margin-top: 5px;

}



/************************************************************** Home Recognitions End */



/************************************************************** Home Media Presence Start */



.home-media-wrp{

  display: flex;

  flex-direction: column;

  align-items: center;

  margin: 60px 0;

}



.home-media-wrp .wrp{

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-between;

  margin: 60px 0;

  padding: 0 40px;

}



.home-media-wrp .wrp > div {

  width: 30%;

  border-bottom: 2px solid #d5d5d5;

  padding-bottom: 18px;

}



.home-media-wrp .wrp > div > a {

  display: flex;

}



.home-media-wrp .wrp .number {

  background: #0374b7;

  color: #fff;

  text-align: center;

  font-weight: 500;

  width: 90px;

  height: 90px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.home-media-wrp .wrp .number p:first-child {

  font-size: 38px;

  margin-top: -10px;

}



.home-media-wrp .wrp .number p:last-child {

  font-size: 16px;

}



.home-media-wrp .wrp .text {

  font-size: 15px;

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  padding-left: 20px;

  width: calc(100% - 90px);

}



.home-media-wrp .wrp .text .para {

  font-weight: 700;

  color: #4e4e4e;

}



.home-media-wrp .wrp .text .link {

  color: #0374b7;

  font-style: italic;

  display: table;

  font-weight: 500;

}



.home-media-wrp .wrp .text .link:after {

  bottom: 0px;

  background: #0374b7;

}



.hover-body .home-media-wrp .wrp > div > a:hover .text .link:after {

    width: 100%;

}



.home-media-wrp > .bg-anim-01 {

  color: #4e4e4e;

}



.home-media-wrp > .bg-anim-01:after {

  content: 'READ ALL';

}



/************************************************************** Home Media Presence End */



/************************************************************** Home Testimonials Start */



.home-testimonial-wrp{

  position: relative;

}



.home-testimonial-wrp .heading{

  position: absolute;

  z-index: 9;

  left: 60%;

  top: 10%;

}



.home-testimonial-wrp .testi-item{

  display: flex;

}



.home-testimonial-wrp .testi-item > div{

  width: 40%;

}



.home-testimonial-wrp .testi-item .content-wrp{

  width: 60%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fff;

}



.home-testimonial-wrp .testi-item .content-wrp > div{

  width: 70%;

}



.home-testimonial-wrp .testi-item .quote {

  font-size: 22px;

  font-weight: 400;

  padding-top: 30px;

  position: relative;

}



.home-testimonial-wrp .testi-item .person {

  font-size: 16px;

  font-weight: 700;

  font-style: italic;

  padding-bottom: 20px;

  margin: 20px 0 30px;

  position: relative;

}



.home-testimonial-wrp .testi-item .quote:before,

.home-testimonial-wrp .testi-item .person:after{

  content: '';

  background: #0374b7;

  width: 100%;

  height: 2px;

  position: absolute;

  left: 0;

}



.home-testimonial-wrp .testi-item .quote:before{

  top: 0px;

}



.home-testimonial-wrp .testi-item .person:after{

  bottom: 0px;

}



.home-testimonial-wrp .testi-item  {

}



.home-testimonial-wrp .testi-item .bg-anim-01 {

  color: #4e4e4e;

}



.home-testimonial-wrp .testi-item .bg-anim-01:after {

  content: 'READ ALL';

  background: #4e4e4e;

  color: #fff;

}



.next-prev-arw .home-testimonial-wrp .owl-theme .owl-nav.disabled + .owl-dots{

  left: 60%;

  right: auto;

}



.home-slide-wrp footer{

  position: static;

  border-top: 4px double #c1c1c1;

}



.test-rd-mr{

  position: absolute;

  left: 60%;

  bottom: 90px;

  z-index: 100;

  padding: 9px 17px 8px;

}



.test-rd-mr:after {

  padding: 9px 0 8px;

}

.hover-body .test-rd-mr:hover:after {

  padding: 9px 17px 8px;

}



/************************************************************** Home Testimonials End */





/************************************************************** Area Search Result End */



.area-search-result{

  background: url(../images/search-bg-01.jpg) center bottom no-repeat;

  background-size: cover;

}



.area-search-result .wrp{

  width: 830px;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

}



.area-search-result .sub-heading{

  padding: 40px 0;

}



.area-search-result .project-list{

  display: flex;

  flex-direction: row;

  align-content: space-between;

  justify-content: space-between;

  flex-wrap: wrap;

}



.area-search-result .project-list .wrp-1{

  display: flex;

  flex-direction: column;

  align-items: center;

  width: 432px;

}



.area-search-result .project-list .wrp-1 .img-wrp{

  position: relative;

}



.area-search-result .project-list .wrp-1 .img-wrp p{

  position: absolute;

  left: 0;

  top: 20px;

  background: rgba(196, 78, 78, 0.9);

  padding: 8px 12px;

  font-size: 14px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 3px;

}



.area-search-result .project-list .wrp-1 .img-wrp p:after{

  content: '';

  position: absolute;

  right: -12px;

  top: 0px;

  border-right: 12px solid transparent;

  border-bottom: 15px solid transparent;

  border-top: 15px solid rgba(196, 78, 78, 0.9);

  pointer-events: none;

}



.area-search-result .project-list .wrp-1 .img-wrp p:before{

  content: '';

  position: absolute;

  right: -12px;

  bottom: 0px;

  border-right: 12px solid transparent;

  border-top: 15px solid transparent;

  border-bottom: 15px solid rgba(196, 78, 78, 0.9);

  pointer-events: none;

}



.area-search-result .project-list .wrp-1 .content-wrp{

  background: #ebebeb;

  display: flex;

  flex-direction: row;

  justify-content: space-around;

  align-items: center;

  padding: 30px 0 40px;

  text-align: center;

}



.area-search-result .project-list .wrp-1 .content-wrp .left .pre{

  font-size: 11px;

  color: #001129;

  text-transform: uppercase;

}



.area-search-result .project-list .wrp-1 .content-wrp .left img{

  margin: 4px 0 6px;

}



.area-search-result .project-list .wrp-1 .content-wrp .left .location,

.area-search-result .project-list .wrp-1 .content-wrp .left .area{

  font-size: 14px;

  color: #134053;

  font-weight: 700;

  text-transform: uppercase;

  line-height: 20px;

}



.area-search-result .project-list .wrp-1 .content-wrp .right{

  width: 50%;

}



.area-search-result .project-list .wrp-1 .content-wrp .right .para-01{

  font-size: 17px;

  color: #1e1e1e;

  font-weight: 600;

}



.area-search-result .project-list .wrp-1 .content-wrp .right .price{

  font-size: 14px;

  background: #1a4658;

  font-weight: 600;

  display: inline-block;

  padding: 8px 14px;

  border-radius: 4px;

  margin-top: 6px;

}



.area-search-result .project-list .wrp-1 .btn-01{

  background: #4e4e4e;

  color: #fff;

  margin-top: -13px;

  font-size: 10px;

}



.area-search-result .project-list .wrp-1 .bg-anim-01:after {

  content: 'View Details';

  color: #fff;

  background: #2184bf;

}



.hover-body .area-search-result .project-list .wrp-1 .bg-anim-01:hover:after{

  width: 100%;

  padding: 9px 17px 8px;

}



.area-search-result .project-list .wrp-2{

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding-bottom: 13px;

}



.area-search-result .project-list .wrp-2 .img-zoom-wrp{

  width: 158px;

}



.area-search-result .project-list .wrp-2 > div{

  width: 330px;

  display: flex;

}



.area-search-result .project-list .wrp-2 > div .content-wrp{

  background: #f0f0f0;

  width: 170px;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

  padding: 0 20px;

}



.area-search-result .project-list .wrp-2 > div .content-wrp .status{

  font-size: 14px;

  color: #71a43b;

  font-weight: 700;

  text-transform: uppercase;

}



.area-search-result .project-list .wrp-2 > div .content-wrp .name{

  font-size: 25px;

  color: #4e4e4e;

  font-weight: 700;

  text-transform: uppercase;

}



.project-listing .home-slide-wrp .top-wrp {

  width: 90%; /*padding-left: 0;*/ padding-right: 0; margin: 0 auto;

}



/************************************************************** Area Search Result Start */





/* Owl Carousel Arrows start */

.next-prev-arw .owl-theme .owl-nav{

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

}



.next-prev-arw .owl-theme .owl-nav [class*=owl-]{

    font-size: 0;

    margin: 0;

    position: relative;

    background-repeat: no-repeat;

    width: 14px;

    height: 29px;

    background-color: transparent;

}



.next-prev-arw .owl-theme .owl-nav .owl-prev {

  background-image: url(../images/mob-prv-arw.png);

  float: left;

  margin-left: -20px;

}



.next-prev-arw .owl-theme .owl-nav .owl-next {

  background-image: url(../images/mob-nxt-arw.png);

  float: right;

  margin-right: -20px;

}



.next-prev-arw .owl-theme .owl-nav.disabled + .owl-dots {

  left: 0;

  right: 0;

  margin: 15px auto;

}



/* Owl Carousel Arrows start */





@media only screen and (max-width: 1400px){

  .home-form {

    /*top: 90px;*/

    max-width: 85%;

  }

  .home-form .top-wrp .head-01 {

    font-size: 28px;

  }

  .home-form .top-wrp .head-02 {

    font-size: 38px;

  }

  .home-form .bottom-wrp {

    margin-top: 10px;

  }

  .home-banner {

    width: 66%;

  }

  .home-banner img.img-02,

  .home-banner img.img-03{

    bottom: 190px;

  }

  .home-form .form-wrp input[type=text],

  .home-anim .home-form .form-wrp .type-anim,

  .home-form .form-wrp input[type=submit]{

    height: 50px;

    font-size: 25px;

  }



/************************************************************** Home slide Start */



 /* .home-slide-wrp .top-wrp{

    padding-top: 0;

  }

*/

  .project-listing .home-slide-wrp .top-wrp {

  padding-top: 60px

  }



/************************************************************** Home slide end */



}





@media only screen and (max-width: 1100px){

  .test-rd-mr {bottom: 60px}

  .home-slide {transform: translateX(91%);}

  .home-slide .arrow {left: 1.4%}

  .home-sec {width: 94%}

  .home-about-wrp .content-wrp .line {margin: 0 30px}

  .home-about-wrp .content-wrp {max-width: 85%;}

}



@media only screen and (max-width: 768px), (max-width: 1024px) and (orientation: portrait) { 

  /*.home-body header .home-header-right a:first-child, .home-body header .home-header-right span {display: none;}*/

  .home-media-wrp .wrp {margin: 40px 0 0;display: block;}

  .home-media-wrp .wrp > div {width: 90%;margin: 0 auto 20px}

  .home-media-wrp .wrp > div:last-child{border-bottom: none;}

  .home-testimonial-wrp .testi-item .content-wrp > div{width: 90%}

  .home-testimonial-wrp .testi-item .quote{font-size: 15px;padding-top: 10px}

  .home-testimonial-wrp .testi-item .person {font-size: 13px;margin: 8px 0 15px}

  .home-recognitions-wrp {padding: 40px 10px 60px}

  .test-rd-mr {left: 67%}

  .next-prev-arw .home-testimonial-wrp .owl-theme .owl-nav.disabled + .owl-dots {left: 50%;margin-top: 0;width: 50%;}

  .home-slide-wrp .top-wrp > div.ongoing-projects {padding-top: 10px}

  .home-slide-wrp footer { border-top: 7px double #c1c1c1; padding-bottom: 120px;}

  .home-slide {transform: translateX(87%);}

  .home-testimonial-wrp .testi-item .content-wrp {text-align: center;}

  .home-slide .arrow {left: 0.9%}

  .home-sec {align-items: center;}

  .home-form {top: auto;}

  .home-sec {width: 90%}

  .home-sec {width: 100%;}

  .home-body footer {z-index: 99;}

  .home-slide {transform: translateX(0) translateY(93%);}

  .home-slide .home-slide-wrp > div {transform: translateX(0);}

  .home-slide:before{ content: '';background: #f0f0f0;width: 100%;height: 60px; position: absolute;left: 0;top: 0;z-index: 9;}

  .home-slide.active {transform: translateY(10%);}

  /*.home-slide.active:before{display: none;}*/

  .home-slide-wrp {width: 100%;}

  .home-slide .arrow{/*left: 20px;*/ left: calc(50% - 17px); margin: 0 auto;transform: rotate(135deg);top:-18px;}

  .home-slide .home-slide-wrp .top-wrp {padding: 40px 30px 10px 30px}

  .home-slide-wrp .proj-tbs .btn-02 {padding: 14px 20px 13px}

  .home-slide-wrp .project-item {margin-bottom: 50px;}



 .home-header-right > a {position: fixed;bottom: 46px;color: #000;right: 20px;transition: 1s all ease;

    background: #000;

    color: #fff;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 9px;

 }

  /*header.slide-header .home-header-right > a {bottom: 85%}*/

  .hm-slide {height: calc(100vh - 80px);}

}



@media only screen and (max-width: 767px){

  .home-about-wrp .content-wrp{display: block;width: 100%;max-width: 100%;}

  .home-about-wrp .content-wrp div{width: 48%;display: inline-block;margin-bottom: 30px;padding: 10px}

  .home-about-wrp .content-wrp .line, .home-testimonial-wrp .testi-item .img-wrp {display: none}

  .home-about-wrp .content-wrp div.abt-f-colm, .home-about-wrp .content-wrp div.abt-t-colm{border-right: 1px solid #e1dfdf}

  .home-testimonial-wrp .testi-item {display: block;}

  .home-testimonial-wrp .heading{position: inherit;left: 0;margin-bottom: 30px;text-align: center;}

  .home-testimonial-wrp {background: #fff;padding: 30px}

  .home-testimonial-wrp .testi-item > div,.home-testimonial-wrp .testi-item .content-wrp,.home-testimonial-wrp .testi-item .content-wrp > div{width: 100%; text-align: center;}

  .home-testimonial-wrp .testi-item .quote{font-size: 16px;}

  .home-testimonial-wrp .testi-item .person {font-size: 15}

  .test-rd-mr {position: relative;bottom: 0;margin: 30px auto 0; left: 0;right: 0}

  .next-prev-arw .home-testimonial-wrp .owl-theme .owl-nav.disabled + .owl-dots {left: 0; right: 0; margin: 10px auto 0;}

  nav{top:15px;right:15px;}  

  .home-about-wrp .para-01 {width: 85%}

  .home-form {max-width: 92%}

}



@media only screen and (max-height: 680px){

  .home-slide-wrp .top-wrp > div {padding-top: 30px;}

}



@media only screen and (max-width: 540px){

  .home-slide-wrp .heading {font-size: 24px; text-align: center;}

  .home-slide-wrp .proj-tbs {flex-direction: column;}

  .home-about-wrp .content-wrp .number{font-size: 30px;}

  .home-about-wrp .content-wrp{margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: baseline;justify-content: space-between;}

  .home-slide-wrp .top-wrp > div {padding-bottom: 25px;}

  .home-recognitions-wrp {padding: 40px 20px}

  .home-recognitions-wrp .recog-item {padding: 0;}

  .home-form .top-wrp .head-02 {font-size: 30px;}

  .home-form .top-wrp .head-01 {font-size: 22px;}

  .home-anim .home-form .form-wrp .type-anim {font-size: 18px;}

  .home-form .bottom-wrp > div > a:nth-child(2) {padding-left: 5px;}

  .home-form .bottom-wrp > div > a {padding-right: 5px;margin-right: 5px;}

  .home-form .bottom-wrp > div > p, .home-form .bottom-wrp > div > a {font-size: 11px;}

  .home-slide {transform: translateY(87%);}

  .home-slide.active {transform: translateY(17%);}

  .home-slide-wrp .proj-tbs .btn-02, .home-slide-wrp > div > div > .btn-02, .home-media-wrp .btn-02 {font-size: 12px; padding: 8px 15px; margin-top: 10px;}

  /*header.slide-header .home-header-right > a {bottom: 78%;}*/

  .home-form .bottom-wrp > div {flex-wrap: wrap;}

  .home-form .bottom-wrp > div > p {width: 100%; margin-bottom: 5px;}

  /*.hm-slide {height: calc(100vh - 70px);}*/

}





@media only screen and (max-width: 360px){

  .home-slide-wrp .proj-tbs {flex-direction: column;}

  .home-slide-wrp .proj-tbs .btn-02 {margin: 0 0 10px}

  .home-recognitions-wrp .recog-item .content-wrp {width: 70%;}

  /*.home-header-right > a {bottom: 42px;}*/

}