.bg-img {

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

}



.proj-img {

	height: 200px;

	/*width: 300px;*/

	margin-bottom: 20px;

}



.section {

	padding: 80px 0 50px;

}



.proj-block {

	display: block;

	-webkit-box-shadow: 0 0px 7px 2px rgba(0,0,0,.2);

    box-shadow: 0 0px 7px 2px rgba(0,0,0,.2);

    transition: all .3s ease-in;

}



.proj-block:hover {

	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.5);

    box-shadow: 0 10px 20px rgba(0,0,0,.5);

    margin-top: -10px;

}



.proj-block-tit {

	color: #333;

    line-height: 26px;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 15px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 50px;

}



.proj-block-txt {

	color: #555;

    font-size: 13px;

    line-height: 20px;

}



.cmn-btn {

	display: block;

    width: 100%;

    background: #FFAE00;

    color: #fff;

    border: 0;

    padding: 10px;

}



.cmn-btn:hover,

.cmn-btn:focus {

	opacity: .5;

}



.cmn-link {

	display: inline-block;

    background: #FFAE00;

    color: #fff;

    border: 0;

    padding: 10px 20px;

}



.cmn-link:hover,

.cmn-link:focus {

	opacity: .5;

	color: #fff;

}



.proj-content {

	padding: 0px 20px 20px;

}



.proj-icons i:before {

	color: #FFAE00;

	font-size: 15px;

	margin-left: 0;

}



.m-0 {

	margin: 0;

}



.proj-num {

	font-size: 15px;

}



.proj-block-outer {

	padding: 20px;

}



.slick-prev:before, .slick-next:before {

	font-family: 'FontAwesome';

    font-size: 30px;

    color: #fff;

}



.slick-prev::before {

    content: "\f053";

}



.slick-next::before {

    content: "\f054";

}



.slick-prev, .slick-next {

	width: 50px;

    height: 50px;

    background-color: #ffAE00;

    padding: 10px 15px;

    border-radius: 100%;

    color: #fff;

    text-align: center;

    box-shadow: 0px 0px 6px 1px rgba(0,0,0,.3);

}



.slick-next {

    right: -50px;

} 



.slick-prev {

    left: -50px;

}



.slick-prev:hover, 

.slick-prev:focus, 

.slick-next:hover, 

.slick-next:focus {

	background-color: #FFAE00; 

}



.gray-bg {

	background-color: #f2f2f2;

}



.intro-block-inner {

    padding: 80px 0;

}



.intro-block-left {

    background: rgba(0,0,0,.5);

    padding: 20px;

    box-shadow: 0px 0px 7px 3px rgba(0,0,0,.4);

}



.banner-tit {

    color: #fff;

    font-size: 40px;

    text-align: left;

    margin-bottom: 15px;

}



.banner-txt {

    color: #e8e8e8;

    max-width: 500px;

    font-size: 13px;

    line-height: 21px;

    margin-bottom: 15px;

}



.intro-slide .slick-prev {

    left: 20px;

    z-index: 1;

}



.intro-slide .slick-next {

    right: 20px;

}



.enquiry-img {

    display: inline-block;

    background-color: #fff;

    padding: 5px;

    position: fixed;

    z-index: 10;

    right: 0;

    top: 30%;

}



.enquiry-img img{

    height: 50px;

}



.enquiry-form .form-control {

    border-radius: 0;

    box-shadow: none;

}



.enquiry-form {

    position: fixed;

right: 15px;

bottom: 15px;

width: 280px;

height: 285px;

background: #fff;

padding: 15px;

z-index: 999999999;

-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.3);

-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);

box-shadow: 0px 0px 5px rgba(0,0,0,.3);

}



.enquiry-form.active {

    right: 0;

}



.enquiry-form h3 {

    margin-bottom: 15px;

}



.close-icon {

  cursor: pointer;

}



.featureBox {

    padding-bottom: 7rem !important;

    padding-left: 10rem;

    position: relative;

}



.boxFeature h4 {

    color: #000;

    font-size: 1.7rem;

    font-weight: 400;

    margin-bottom: 10px;

}



article .img i {

left: 31px !important;

position: absolute !important;

top: 28px !important;

z-index: 1;

font-size: 25px;

color: #fff;

}

.featureBox img {

    left: 0;

    position: absolute;

    top: 0;

}







#testimonial4{

  overflow: hidden;

  min-height: 375px;

  position: relative;

  background: #C30000;

}

#testimonial4 .carousel-inner{

  width: 75%;

  margin: auto;

}

#testimonial4 .carousel-inner:hover{

  cursor: -moz-grab;

  cursor: -webkit-grab;

}

#testimonial4 .carousel-inner:active{

  cursor: -moz-grabbing;

  cursor: -webkit-grabbing;

}

#testimonial4 .carousel-inner .item{

  overflow: hidden;

}



.testimonial4_indicators .carousel-indicators{

  left: 0;

  margin: 0;

  width: 100%;

  font-size: 0;

  height: 20px;

  bottom: 15px;

  padding: 0 5px;

  cursor: e-resize;

  overflow-x: auto;

  overflow-y: hidden;

  position: absolute;

  text-align: center;

  white-space: nowrap;

}

.testimonial4_indicators .carousel-indicators li{

  padding: 0;

  width: 10px;

  height: 10px;

  border: none;

  text-indent: 0;

  margin: 2px 3px;

  cursor: pointer;

  display: inline-block;

  background: #ffffff;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.testimonial4_indicators .carousel-indicators .active{

  padding: 0;

  width: 10px;

  height: 10px;

  border: none;

  margin: 2px 3px;

  background-color: #000;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{

  height: 3px;

}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{

  background: #eeeeee;

  -webkit-border-radius: 0;

  border-radius: 0;

}



.testimonial4_control_button .carousel-control{

  top: 175px;

  opacity: 1;

  width: 40px;

  bottom: auto;

  height: 40px;

  font-size: 10px;

  cursor: pointer;

  font-weight: 700;

  overflow: hidden;

  line-height: 38px;

  text-shadow: none;

  text-align: center;

  position: absolute;

  background: transparent;

  border: 2px solid #ffffff;

  text-transform: uppercase;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);

  transition: all 0.6s cubic-bezier(0.3,1,0,1);

}

.testimonial4_control_button .carousel-control.left{

  left: 7%;

  right: auto;

}

.testimonial4_control_button .carousel-control.right{

  right: 7%;

  left: auto;

}

.testimonial4_control_button .carousel-control.left:hover,

.testimonial4_control_button .carousel-control.right:hover{

  color: #000;

  background: #fff;

  border: 2px solid #fff;

}



.testimonial4_header{

  top: 0;

  left: 0;

  bottom: 0;

  width: 550px;

  display: block;

  margin: 30px auto;

  text-align: center;

  position: relative;

}

.testimonial4_header h4{

  color: #ffffff;

  font-size: 30px;

  font-weight: 600;

  position: relative;

  letter-spacing: 1px;

  text-transform: uppercase;

}



.testimonial4_slide{

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 70%;

  margin: auto;

  padding: 20px;

  position: relative;

  text-align: center;

}

.testimonial4_slide img {

  top: 0;

  left: 0;

  right: 0;

  width: 50px;

  height: 50px;

  margin: auto;

  display: block;

  color: #f2f2f2;

  font-size: 18px;

  line-height: 46px;

  text-align: center;

  position: relative;

}



.testimonial4_slide p {

  color: #ffffff;

  font-size: 16px;

  margin: 40px 0 20px 0;

}



.testimonial4_slide h4 {

  color: #ffffff;

  font-size: 24px;

  font-weight: bold;

}





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

  .testimonial4_control_button .carousel-control{

    display: none;

  }

  .testimonial4_header{

    width: 95%;

  }

  .testimonial4_header h4{

    font-size: 20px;

  }

  .testimonial4_slide{

    width: 98%;

    padding: 5px;

  }

}



@media (min-width: 481px) and (max-width: 767px){

  .testimonial4_control_button .carousel-control.left{

    left: 2%;

  }

  .testimonial4_control_button .carousel-control.right{

    right: 2%;

  }

  .testimonial4_header{

    width: 95%;

  }

  .testimonial4_slide{

    width: 98%;

    padding: 5px;

  }

}



@media (min-width: 768px) and (max-width: 991px){

  .testimonial4_control_button .carousel-control.left{

    left: 5%;

  }

  .testimonial4_control_button .carousel-control.right{

    right: 5%;

  }

}



@-webkit-keyframes psBoxShadowEffect_2{

  0% {

    opacity: 0.3;

  }

  40% {

    opacity: 0.5;

    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);

  }

  100% {

    -webkit-box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255,255,255,0.5);

    -webkit-transform: scale(1.5);

    opacity: 0;

  }

}

@keyframes psBoxShadowEffect_2{

  0% {

    opacity: 0.3;

  }

  40% {

    opacity: 0.5;

    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255,255,255,0.5);

  }

  100% {

    box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255,255,255,0.5);

    transform: scale(1.5);

    opacity: 0;

  }

}

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



.col-xxs{width:100%;}



}

}







.section-tittle h2 {

    text-transform: uppercase;

    color: #333745;

    font-weight: 600;

}



.section-tittle h2 span {

    color: #ff3546;

}



.section-heading {

    position: relative;

}



.section-heading::after {

    content: "";

    position: absolute;

    width: 40%;

    height: 2px;

    bottom: -10px;

    left: 30%;

    background: #ddd;

    transform: translate(0%);

}

.product-box {

    position: relative;

    box-shadow: 0px 2px 10px -4px #333745;

    cursor: pointer;

    padding: 10px 10px;

    margin-bottom: 20px;

    margin-top: 15px;

}



.cap-bg-black {

    background: #333745;

}



.cap-bg-red {

    background: red;

}



.cap-bg-theme {

    background: #ff3546;

}



.product-cap {

    position: absolute;

    height: 50px;

    width: 50px;

    color: #fff;

    top: 0;

    text-align: center;

    font-weight: 600;

    line-height: 50px;

    font-size: 12px;

    border-radius: 100%;

}



.product-title {

    font-size: 17px;

    text-transform: uppercase;

    font-weight: 600;

    color: #ffae00;

    line-height: 45px;

    transition: all .4s ease-in;

}



.product-title:hover {

    color: #333745;

    transition: all .4s ease-in;

}



.product-price {

    font-size: 17px;

    font-weight: 600;

    line-height: 15px;

    color: #333745;

}



.product-drisc {

    line-height: 18px;

    margin-top: 10px;

}



.hoverly-item {

    border-radius: 10px;

    -webkit-animation: circle .50s;

    animation: circle .50s;

    position: absolute;

    top: 7%;

    opacity: 0;

    background-color: rgba(0, 100, 100, 0.5);

    width: 85%;

    height: 77%;

    left: 8%;

    transition: all .4s ease-in;

}



.product-box:hover .hoverly-item {

    opacity: 1;

    transition: all .4s ease-in;

}



.hoverly-item a {

    line-height: 200px;

}



.hoverly-item a i {

    font-size: 20px;

    background: #f82e56;

    color: #fff;

    height: 40px;

    width: 40px;

    line-height: 35px;

    border: 3px solid transparent;

    transition: all .4s ease-in;

}



.hoverly-item a i:hover {

    border: 3px solid #f82e56;

    background: #fff;

    color: #f82e56;

    transition: all .4s ease-in;

}

.view-details-btn {

  text-transform: uppercase;

  line-height: 20px !important;

  margin-top: 40%;

  padding: 8px 25px;

  background: #f82e56;

  color: #fff;

  border-color: transparent;

  border-radius: 0px;

}

.view-details-btn:hover {

    color: #f82e56!important;

    border: 1px solid #f82e56!important;

    background: #fff!important;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}

.buy-now {

    margin-top: 10px;

    margin-bottom: 15px;

    color: #ffae00;

    border-radius: 0px;

    padding: 8px 25px;

    border: 1px solid #ffae00;

    background: none;

    white-space: nowrap;

    letter-spacing: 0px;

    display: inline-block;

    text-transform: capitalize;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}



.buy-now:hover {

    color: #ffffff!important;

    border: 1px solid #ffffff!important;

    background: #ffae00!important;

    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;

}

.product-box iframe{

    width:100%;

    height:180px;

}



.breadcrumb li a{



color: #ffae00;

}



.details_subhead {

   

    padding: 18px 0;

    position: relative;

}

.details_subhead, .mapview_sec, .proj_summary {

    float: left;

    width: 100%;

}

.fluid_row {

    margin: 0 auto;

    max-width: 1170px;

    min-width: 300px;

    width: auto;

    padding: 0 5px;

}

.casa_info, .fluid_row, .nav a, .tag_border, nav {

    display: block;

}

.projectinfo {

    float: left;

    width: 25%;

    position: relative;

}



.porjname {

    float: left;

    width: 100%;

    font-family: open_sansregular;

    font-size: 23px;

    line-height: 28px;

    color: #fff;

    margin-top: 10px;

    font-weight: 400;

}



.submenu-icon, .submenu-icon1 {

    cursor: pointer;

    position: absolute;

    right: 15px;

    top: 21px;

    width: 20px;

    height: 20px;

    display: none;

    z-index: 99;

}



.plus1, .plus2 {

    left: 0;

    width: 100%;

    background: #fff;

    height: 2px;

    position: absolute;

    top: 9px;

}



.plus2 {

    -ms-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}



.projectmenu {

    width: 75%;

}

.aboutmenu, .projectmenu {

    float: right;

    margin-top: 12px;

}

.projectmenu {

    width: 75%;

}

.aboutmenu, .projectmenu {

    float: right;

    margin-top: 12px;

}



.aboutmenu a, .aboutmenu span, .nxtproj-tag, .p_hover .company_name, .proj_details, .projectmenu span, .rm_txt {

    text-transform: uppercase;

}

.projectmenu span:last-child {

    margin-left: 0;

}

.projectmenu span {

    float: right;

    font-family: open_sanssemibold;

    font-size: 12px;

    line-height: 14px;

    color: #b5b4b4;

    padding-top: 15px;

    margin-left: 20px;

    cursor: pointer;

}





.projectmenu span a {

    color: #b5b4b4;

}

a, a:active, a:focus, a:hover {

    outline: 0;

}

a, body {

    color: #000;

}

.aboutactive, .aboutmenu span:hover, .aboutmenu a:hover, .projectmenu span:hover, .spanactive {

    border-top: 3px solid #db9030;

}



.projectmenu .spanactive a, .spanactive {

    color: #fff !important;

}