p { line-height: 24px; text-align: justify;}
a,.project-enquiry-btn,.project-plans-box h4,.gallery-bg .gallery-box img { outline: 0!important; color: #565950; -webkit-transition: color .4s, background-color .4s; -moz-transition: color .4s, background-color .4s; -o-transition: color .4s, background-color .4s; transition: color .4s, background-color .4s; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
a:hover { text-decoration: none; color: #fecc00;}
.pad0 { padding: 0;}
strong { font-weight: 600 !important;}
.back-to-top { position: fixed; z-index: 1000; bottom: 8em; right: 0; text-decoration: none; color: #fff; background: rgba(0, 0, 0, 0.70); font-size: 16px; padding: 6px 10px; display: none;}
.back-to-top:hover { background: rgba(0, 0, 0, 1); color: #e7e625; text-decoration: none!important;}
.coming-soon { position: relative; font-size: 18px; z-index: 0; width: 100%;}
.coming-soon::before { content: "coming soon . . ."; left: 0px; position: absolute; top: 0px; font-size: 55px; font-weight: 900; color: #f0f0f0; z-index: -1;}

/* home social icons */
ul.home-social-network { list-style: none; margin-left: 0 !important; padding: 0; position: relative; top: 90px; z-index: 0;}
ul.home-social-network:after { background: #000; content: ""; right: 0; top: -90px; position: absolute; width: 2px; height: 80%; z-index: -1;}
ul.home-social-network li { display: block; margin: 5px 5px;}
.home-social-network a.icoRss:hover { background-color: #F56505;}
.home-social-network a.icoFacebook:hover { background-color: #3B5998;}
.home-social-network a.icoTwitter:hover { background-color: #33ccff;}
.home-social-network a.icoGoogle:hover { background-color: #BD3518;}
.home-social-network a.icoVimeo:hover { background-color: #0590B8;}
.home-social-network a.icoLinkedin:hover { background-color: #007bb7;}
.home-social-network a.icoYoutube:hover { background-color: #cc0000;}
.home-social-network a.icoInstagram:hover { background-color: #c8008b;}
.home-social-network a.icoRss:hover i,.home-social-network a.icoFacebook:hover i,.home-social-network a.icoTwitter:hover i,.home-social-network a.icoGoogle:hover i,.home-social-network a.icoVimeo:hover i,.home-social-network a.icoLinkedin:hover i,.home-social-network a.icoYoutube:hover i,.home-social-network a.icoInstagram:hover i {color: #fff;}
a.socialIcon:hover,.socialHoverClass {color: #44BCDD;}
.home-social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 40px; height: 40px; font-size: 16px;}
.home-social-circle li i { margin: 0; line-height: 40px; text-align: center;}
.home-social-circle li a:hover i,.triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}
.home-social-circle i { color: #000; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}

/* Carousel Animation delays */
.carousel-inner>.carousel-item>img,.carousel-inner>.carousel-item>a>img { min-width: 100%; max-width: 100%; height: auto;}
.slider .carousel-inner{overflow: unset;}
.slider { padding: 0; position: relative; width: 100%; z-index: 0; padding-bottom: 70px;}
.slider:before { background: #fecc00; content: ""; right: 0; top: -125px; position: absolute; width: 70%; height: 100%; z-index: -1;}
.slider:after { background: #fecc00; content: ""; right: 0; bottom: 0px; position: absolute; width: 70%; height: 100%; z-index: -1;}
.carousel-item:before { background: rgba(0, 0, 0, 0.0); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2;}
#carousel-sub .carousel-item:before {display: none;}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6, .project-slide1, .project-slide2, .project-slide3 {z-index: 1 !important;}
.slide1 a, .slide2 a, .slide3 a, .slide4 a, .slide5 a, .slide6 a { animation-delay: 2s; z-index: 999 !important; display: inline-block; padding: 12px 30px; text-transform: uppercase; font-size: 15px;}
.slide1 a.btn-one, .slide2 a.btn-one, .slide3 a.btn-one, .slide4 a.btn-one, .slide5 a.btn-one, .slide6 a.btn-one { animation-delay: 2.5s;}
.slide1 a:hover, .slide2 a:hover, .slide3 a:hover, .slide4 a:hover, .slide5 a:hover, .slide6 a:hover { color: #fff;}
.slide1 h3 { animation-delay: 1.5s; font-size: 72px; font-weight: 700; color: #fff; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 78px; text-align: right; top: 95px; right: -102px; position: relative;}
.slide1 h4 { animation-delay: 1.8s; font-size: 18px; font-weight: 400; color: #fff; padding: 10px 15px 25px 15px; margin: 0; display: block; line-height: 24px; text-align: right; position: relative; top: 100px; right: 110px;}
.slide1 h4 span{display: block; font-size: 14px;}

.slide2 h3 { animation-delay: 1.5s; font-size: 72px; font-weight: 700; color: #000; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 78px; text-align: right; top: 95px; right: -102px; position: relative;}
.slide2 h4 { animation-delay: 1.8s; font-size: 18px; font-weight: 400; color: #000; padding: 10px 15px 25px 15px; margin: 0; display: block; line-height: 24px; text-align: right; position: relative; top: 100px; right: 110px;}
.slide2 h4 span{display: block; font-size: 14px;}

.slide3 h3 { animation-delay: 1.5s; font-size: 72px; font-weight: 700; color: #fff; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 78px; text-align: right; top: 95px; right: -102px; position: relative;}
.slide3 h4 { animation-delay: 1.8s; font-size: 18px; font-weight: 400; color: #fff; padding: 10px 15px 25px 15px; margin: 0; display: block; line-height: 24px; text-align: right; position: relative; top: 100px; right: 110px;}
.slide3 h4 span{display: block; font-size: 14px;}

.slide4 h3 { animation-delay: 0.5s; font-size: 31px; font-weight: 700; color: rgb(239, 228, 15); padding: 15px 0px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide4 h4 { animation-delay: 1.0s; font-size: 18px; font-weight: 400; color: rgb(249, 217, 6); padding: 10px 15px 75px 15px; margin: 0; display: block; line-height: 24px; text-transform: uppercase;  top: 95px; right: 110px;text-align: right;}
.slide4 h5 { animation-delay: 1.5s; font-size: 30px; text-align: right;}
.slide4 h4 span { display: block; font-size: 14px}
.slide4 a { animation-delay: 2.0s; text-align: right;}
.slide5 h3 { animation-delay: 1.5s; font-size: 41px; font-weight: 400; color: #fff; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide5 h4 { animation-delay: 1.8s; font-size: 76px; font-weight: 400; color: #e7e625; padding: 10px 15px 25px 15px; margin: 0; display: block; text-transform: uppercase; line-height: 26px; text-align: right;}
.slide6 h3 { animation-delay: 1.5s; font-size: 41px; font-weight: 400; color: #fff; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 43px; text-transform: uppercase; text-align: right;}
.slide6 h4 { animation-delay: 1.8s; font-size: 76px; font-weight: 400; color: #e7e625; padding: 10px 15px 25px 15px; margin: 0; display: block; text-transform: uppercase; line-height: 26px; text-align: right;}

.slide1 .carousel-caption { left: 38%; right: 0; top: 20%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 65%; text-align: right !important; animation-delay: 1s;}
.slide1 .carousel-caption:before { background: url("../img/banner-box-1.png") no-repeat right; content: ""; right: -140px; top: 0px; position: absolute; width: 70%; height: 100%; z-index: -1;}

.slide2 .carousel-caption { left: 38%; right: 0; top: 20%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 65%; text-align: right !important; animation-delay: 1s;}
.slide2 .carousel-caption:before { background: url("../img/banner-box-2.png") no-repeat right; content: ""; right: -140px; top: 0px; position: absolute; width: 70%; height: 100%; z-index: -1;}

.slide3 .carousel-caption { left: 38%; right: 0; top: 20%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 65%; text-align: right !important; animation-delay: 1s;}
.slide3 .carousel-caption:before { background: url("../img/banner-box-1.png") no-repeat right; content: ""; right: -140px; top: 0px; position: absolute; width: 70%; height: 100%; z-index: -1;}

.slide4 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 42%; text-align: right !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.slide5 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 42%; text-align: right !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.slide6 .carousel-caption { left: 45%; right: 0; top: 25%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 42%; text-align: center !important; background: rgba(0, 0, 0, 0); text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}

.slider .carousel-control-prev{top: unset; bottom: -50px; border: 2px solid #000; padding: 10px 10px; width: auto; left: 92px;}
.slider .carousel-control-prev .carousel-control-prev-icon{background: url("../img/banner-arrow-left.png") no-repeat; width: 55px; height: 11px;}
.slider .carousel-control-next{top: unset; bottom: -50px; border: 2px solid #000; padding: 10px 10px; width: auto; right: unset; left: 210px;}
.slider .carousel-control-next .carousel-control-next-icon{background: url("../img/banner-arrow-right.png") no-repeat; width: 55px; height: 11px;}

/* @media all and (max-width : 768px) {  */
@media(min-width:320px) and (max-width:1080px) {
.slide1 .carousel-caption, .slide2 .carousel-caption, .slide3 .carousel-caption, .slide4 .carousel-caption, .slide5 .carousel-caption, .slide6 .carousel-caption{ width: 100% !important; left: 0; right: 0; bottom: 0; background: none; display: none;}
.slide1 h3, .slide2 h3, .slide3 h3, .slide4 h3, .slide5 h3, .slide6 h3 { font-size: 22px; margin-bottom: 0;}
.slide1 h4, .slide2 h4, .slide3 h4, .slide4 h4, .slide5 h4, .slide6 h4 { font-size: 16px; margin-top: 5px;}
.slide1 a, .slide2 a, .slide3 a, .slide4 a, .slide5 a, .slide5 a { display: none;}
}
.slider .carousel-indicators li { display: inline-block !important; border-radius: 0; border: 0px solid #117078; width: 8px; height: 8px; background-color: #fecc00!important; opacity: 1;}
.slider .carousel-indicators {right: auto; left: 30px; bottom: 1%; display: inline-block !important; margin-left: 0;}
.slider .carousel-indicators .active { background: #fff!important; border: 0px solid #2e3192;}
.btn-one, .btn-one-full, .btn-two, .btn-two-full, .btn-three, .btn-three-full { -webkit-transition: color .4s, background-color .4s; -moz-transition: color .4s, background-color .4s; -o-transition: color .4s, background-color .4s; transition: color .4s, background-color .4s; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; margin-top: 20px; letter-spacing: 1px; text-transform: uppercase; padding: 10px 30px 10px 30px; line-height: 1; font-size: 12px; font-weight: 600; display: inline-block; border-radius: 0px;}
.btn-one {border: 2px solid #565656;color: #565656;}
.btn-one:hover {background: #565656;color: #fff;}
.btn-one-full {border: 2px solid #565656;color: #fff;background: #565656;}
.btn-one-full:hover {border: 2px solid #565656;background: none;color: #565656;}
.btn-two {border: 2px solid #e7e625;color: #565656 !important;}
.btn-two:hover {background: #e7e625;color: #565656 !important;}
.btn-two-full {border: 2px solid #e7e625;background: #e7e625;color: #000;}
.btn-two-full:hover {border: 2px solid #e7e625;color: #e7e625;background: none;}
.btn-three {border: 2px solid #fff;color: #fff;}
.btn-three:hover {background: #fff;color: #9a090c;}
.btn-three-full {border: 2px solid #fff;background: #fff;color: #9a090c;}
.btn-three-full:hover {border: 2px solid #fff;color: #fff;background: none;}

/* Divider Line */
hr { background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent); border: 0; height: 1px; margin: 22px 0 22px 0;}
hr.short { margin: 11px 0 11px 0;}
hr.tall { margin: 44px 0 44px 0;}
hr.taller { margin: 66px 0 66px 0;}
hr.light { background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);}
hr.invisible { background: none;}
/* Divider Line */

.text-casenone { text-transform: none !important;}
ul.list { margin: 0; padding: 0 0 0 20px; list-style: none; text-align: left;}
ul.list li { position: relative; padding-left: 15px; padding-bottom: 10px;}
ul.list li a { color: #565950;}
ul.list li a:hover { color: #e7e625;}
ul.list li::before { content: "\f101"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 0; font-weight: 900; color: #e7e625;}
ul.list li.head { font-weight: 700; padding-left: 0;}
ul.list li.head::before { display: none;}
ol.ol-list { margin: 0; padding: 0 0 0 20px; text-align: left;}
ol.ol-list li { position: relative; text-align: justify; padding-bottom: 10px;}
ol.ol-list li a { color: #565950;}
ol.ol-list li a:hover { color: #e7e625;}
.head-main { font-size: 30px; text-transform: uppercase; font-weight: 700; border-bottom: dashed 2px #e7e625; display: block; width: 100%; padding: 0 50px 10px 0; margin-bottom: 15px;}
.head-one { font-weight: 600; font-size: 18px; padding: 10px; margin-bottom: 10px; background: #565950; color: #fff; width: 100%;}
.head-two { font-weight: 700; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #565950; width: 100%; line-height: 25px;}
.head-three { font-weight: 600; font-size: 18px; padding: 10px; margin-bottom: 10px; background: #e7e625; color: #565950; width: 100%;}
.head-four { font-weight: 600; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #e7e625; color: #565950; width: 100%;}
.wp-block-cover-image { position: relative; background-size: cover; background-position: 50%; min-height: 430px; width: 100%; margin: 0; display: flex; justify-content: center; align-items: center;}
.wp-block-cover-image.has-background-dim:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5);}
.wp-block-cover-image { background-attachment: fixed; background-position: 50% 0;}
.bg-color-one { background: #f4f4f4; padding: 30px 30px 30px 30px;}

.home-welcome-bg{padding:40px 0; position: relative; color: #9c9c9c;}
.home-welcome-bg:before { background: #fecc00; content: ""; right: 0; top: 0px; position: absolute; width: 70px; height: 325px; z-index: -1;}
.home-welcome-bg:after { background: url("../img/home-welcome-line.png") no-repeat; content: ""; left: 535px; top: 0px; position: absolute; width: 57px; height: 230px; z-index: -1;}
.home-welcome-bg .text-right-1{padding-top: 50px;}
.home-welcome-bg .text-right-1 p{display: inline-block;}
.home-welcome-bg .text-right-1 p span{display: inline-block; font-size: 30px;}
.home-welcome-bg .home-about-family{position: relative;}
.home-welcome-bg .home-about-family:before {background: url("../img/home-about-family.png") no-repeat; background-position: right; content: ""; right: -100px; top: 0px; bottom: -200px; position: absolute; width: 100%; z-index: -1;}

.home-projects-bg{padding: 0 0 100px 0; text-align: center; color: #9c9c9c; min-height: 500px; position: relative;}
.home-projects-bg:before {background: url("../img/line-2.png") repeat-x; content: ""; right:0; top: 50%; position: absolute; width: 100%; height: 57px; z-index: -1;}
.home-projects-bg h2{font-weight: 100; position: relative; z-index: 0; margin-bottom: 45px;}
.home-projects-bg h2:before {background: url("../img/line-1.png") no-repeat; background-position: right; content: ""; right: 400px; top: -37px; bottom:0px; position: absolute; width: 35px; z-index: -1;}

.home-projects-bg h3{background-color: #fecc00; padding: 8px 20px; color: #fff; display: inline-block; font-size: 18px;}

.home-testimony-bg{padding: 0px 0 60px 0; text-align: center; color: #9c9c9c; position: relative;}
.home-testimony-bg h2{font-weight: 100; position: relative; z-index: 0; margin-bottom: 45px;}
.home-testimony-bg h2:before {background: url("../img/line-1.png") no-repeat; background-position: right; content: ""; right: 400px; top: -37px; bottom:0px; position: absolute; width: 35px; z-index: -1;}
.home-testimony{margin-top: 120px; margin-left: 0px; position: relative;}
.home-testimony:before {background: url("../img/line-3.png") no-repeat; background-position: right; content: ""; right: -30px; left: unset; top: -17px; bottom:0px; position: absolute; width: 83px; height: 35px; z-index: 1;}

.home-testimony-box{background-color: #fecc00; color: #000; padding: 25px;}
.home-testimony-box h3{font-size: 16px; text-align: right; line-height: 22px; font-weight: 600; margin: 0;}
.home-testimony-box h3 span{display: block; font-size: 14px; font-weight: 400;}

.home-stats-bg{background: url("../img/home-stats-bg.png") repeat-x; padding: 100px 0 100px 0; position: relative;}
.home-stats-box{text-align: center; padding: 15px;}
.home-stats-box .round{background-color: #fecc00; border-radius: 50%; padding: 15px; color: #000;  width: 150px; height: 150px; line-height: 115px; margin: 0 auto; font-size: 48px;}
.home-stats-box .round i{font-size: 28px; padding-left: 3px;}
.home-stats-box h3{font-size: 16px; color: #000; margin: 15px 0;}

.home-news-bg{position: relative; padding:0px 0 90px 0;}
.home-news-bg:before {background: url("../img/news-line-bg.png") repeat; content: ""; right: 0px; top: 0; bottom:0px; position: absolute; width:100%; height: 100%; z-index: 0;}
.home-news-text-box{background-color: #000; color: #fff; padding: 40px 155px 15px 150px; position: relative; z-index: 0;}
.home-news-text-box:before {background: url("../img/line-4.png") no-repeat; background-position: right; content: ""; left: -113px; top: 35px; bottom:0px; position: absolute; width: 230px; height: 57px; z-index: 1;}
.home-news-text-box h2{margin-bottom: 20px;}
.home-news-text-box .box{border-bottom: dashed 1px #fecc00; padding: 20px 0; color: #fecc00;}
.home-news-text-box .box a{color: #fecc00;}
.home-news-text-box .box:hover a{color: #fff;}
[class^="swiper-button-"], .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {transition: all 0.3s ease;}
*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0;}
.swiper-container { width: 100%; height: 35vw; transition: opacity 0.6s ease;}
.swiper-container.swiper-container-coverflow { padding-top: 2%;}
.swiper-container.loading { opacity: 0; visibility: hidden;}
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next { transform: translateX(0); opacity: 1; visibility: visible;}
.swiper-slide { background-position: center; background-size: cover;}
.swiper-slide .entity-img { display: none;}
.swiper-slide .content { position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 47%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 47%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 47%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */}
.swiper-slide .content:before {background: url("../img/line-4.png") no-repeat; background-position: right; content: ""; right:0px; top: 35px; bottom:0px; position: absolute; width: 65px; height: 40px; z-index: 1;}
.swiper-slide .content .title { font-size: 2.2em; font-weight: 300; margin-bottom: 10px; text-align: left; padding-top: 35px; padding-left: 15px;}
.swiper-slide .content .caption { display: block; font-size: 13px; margin-bottom: 10px; text-align: left; padding-left: 15px; font-weight: 300; letter-spacing: 0.5px;}
.swiper-slide .content .link{display: block; font-size: 13px; margin-bottom: 20px; text-align: left; padding-left: 15px; font-weight: 300; letter-spacing: 0.5px; color: #fff;}
[class^="swiper-button-"] { width: 44px; opacity: 0; visibility: hidden;}
.swiper-button-prev { transform: translateX(50px);}
.swiper-button-next { transform: translateX(-50px);}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 9px; position: relative; width: 12px; height: 12px; background-color: #fecc00; opacity: 0.4;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before { content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; transform: translate(-50%, -50%); border: 0px solid #fecc00; border-radius: 50%;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before { border-width: 1px;}
.swiper-pagination{bottom: 0 !important;}
@media (max-width: 1180px) { .swiper-slide .content .title { font-size: 25px;} .swiper-slide .content .caption { font-size: 12px;}}
@media (max-width: 1023px) { .swiper-container { height: 75vw;} .swiper-container.swiper-container-coverflow { padding-top: 0;}}

.inner-banner{position: relative; z-index: 0;}
.inner-banner:after { background: #000; content: ""; right: 125px; bottom: 0px; position: absolute; width: 2px; height: 40%; z-index: -1;}
.inner-bg{background: url("../img/inner-bg.jpg") repeat; background-attachment: fixed; padding: 40px 0;}
.inner-bg h1{font-size: 28px; margin-bottom: 30px; position: relative; z-index: 0;}
.inner-bg h1:before {background:#fecc00; content: ""; left: 0px; bottom:-10px; position: absolute; width: 150px; height: 4px; z-index: -1;}

.inner-contact-section{padding:60px 0;background:#dcdcdc;color:#565656; padding-bottom: 265px;}
.inner-contact-section-left{text-align:right;border-right:1px solid #565656;padding-right:30px;}
.inner-contact-section-left h2{ margin:0 0 15px;}
.inner-contact-section-left p{ text-align: right;}
.inner-contact-section-right{padding-left:30px;}
.inner-contact-section-right-number{display:block;}
.inner-contact-section-right-number i{float:left; padding-right:20px;}
.inner-contact-section-right-number a{color:#565656; font-size:24px; font-weight: 500;}

#accordion-dep-programs.accordion .card-header:after { content: "\f068"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 1%; top: 25%; color: #565950; border: 2px solid #565950; width: 30px; height: 30px; border-radius: 100%; text-align: center; display: flex; align-items: center; justify-content: center;}
#accordion-dep-programs.accordion .card-header.collapsed:after {/* symbol for "collapsed" panels */ content: "\f067";}
#accordion-dep-programs.accordion>.card { border-radius: 0; border: 0;}
#accordion-dep-programs.accordion>.card .card-header { padding: 0; margin: 0; line-height: 0; position: relative; border: 0;}
#accordion-dep-programs.accordion>.card .card-header .card-title { display: block; padding: 15px 10px 15px 50px; margin: 0; cursor: pointer; background: #fff; color: #565950; font-size: 18px; border-bottom: 2px solid #f4f4f4; line-height: 28px;}
#accordion-dep-programs.accordion>.card .card-header .card-title:hover { color: #565950;}
#accordion-dep-programs.accordion>.card .card-body { border-top: 0px solid #d5d5d5; border-bottom: 0px solid #d5d5d5; margin-bottom: 20px; background: #fbfbfb;}

.footer{background-color: #fecc00;background-image: url(../img/news-line-bg.png); position: relative; z-index: 0; padding: 0 0 40px;}
/* 
.footer:after {position: absolute; content: ""; background-color: #fecc00; height: 9rem; bottom: 100%; width: 100%; right: 0; left: 0; top: -143px; z-index: 1;  clip-path: polygon(100% -204px, 1px 100%, 100% 100%);} */

.footer:before {position: absolute; content: ""; background-color: #fecc00; height:100%; width: 100%; bottom: 0; right: 0; left: 0; top: 0px; z-index: 2;}

.footer .skew-white{position: absolute; content: ""; background-color: #fff; background-image: url(../img/home-footer-line-bg.png); height: 23rem; bottom: 100%; width: 100%; right: 0; left: 0; top: -205px; z-index: 1; /* -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%); */ clip-path: polygon(42% 0%, 100% 0%, 100% 140%, -26% 61%);}
.footer .skew-yellow{position: absolute; content: ""; background-color: #fecc00; height: 9rem; bottom: 100%; width: 100%; right: 0; left: 0; top: -143px; z-index: 1; /* -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%); */ clip-path: polygon(100% -204px, 1px 100%, 100% 100%);}
.footer .man-logo{background: url("../img/man-logo-footer.png") no-repeat; background-position: right; content: ""; right: 0px; top: -200px; bottom:0px; position: absolute; width:16%; height: 487px; z-index: 2;}
.footer .line{background: url("../img/line-5.png") repeat-y; background-position: left; content: ""; left: 130px; top: -45px; bottom:0px; position: absolute; width:5%; z-index: 2;}
.footer .w-bg{background-color: #fff; content: ""; left: 0px; top: -61px; position: absolute; width: 25%; height: 200px; z-index: -1;}
.footer .copy{position: absolute; bottom: 0; left: -360px;}
.footer .copy a:hover{color: #fff;}
.footer-text{position: relative; z-index: 2;}
ul.footer-list { margin: 0; padding: 0 0 0 20px; list-style: none; text-align: left;}
ul.footer-list li { position: relative; padding-left: 15px; padding-bottom: 10px;}
ul.footer-list li a { color: #565950;}
ul.footer-list li a:hover { color: #fff;}
ul.footer-list li::before { content: "\f101"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 0; font-weight: 900; color: #f4f4f4;}


/* footer social icons */
ul.social-network { list-style: none; display: inline; margin-left: 0 !important; padding: 0;}
ul.social-network li { display: inline; margin: 0 5px;}
.social-network a.icoRss:hover { background-color: #F56505;}
.social-network a.icoFacebook:hover { background-color: #3B5998;}
.social-network a.icoTwitter:hover { background-color: #33ccff;}
.social-network a.icoGoogle:hover { background-color: #BD3518;}
.social-network a.icoVimeo:hover { background-color: #0590B8;}
.social-network a.icoLinkedin:hover { background-color: #007bb7;}
.social-network a.icoYoutube:hover { background-color: #cc0000;}
.social-network a.icoInstagram:hover { background-color: #c8008b;}
.social-network a.icoRss:hover i,.social-network a.icoFacebook:hover i,.social-network a.icoTwitter:hover i,.social-network a.icoGoogle:hover i,.social-network a.icoVimeo:hover i,.social-network a.icoLinkedin:hover i,.social-network a.icoYoutube:hover i,.social-network a.icoInstagram:hover i {color: #fff;}
a.socialIcon:hover,.socialHoverClass {color: #44BCDD;}
.social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 50px; height: 50px; font-size: 20px; background: rgba(255, 255, 255, 0.4);}
.social-circle li i { margin: 0; line-height: 50px; text-align: center;}
.social-circle li a:hover i,
.triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}
.social-circle i { color: #fff; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}

.project-banner{position: relative; z-index: 0;}

.project-slider{position: relative; z-index: 0;}
.project-slider:after { background: #000; content: ""; right: -70px; top: 0px; position: absolute; width: 2px; height: 40%; z-index: -1;}
.brouchure-btn{position: absolute; z-index: 2; right: 15px; bottom: 65px;}
.project-menu{position: relative; padding: 0; margin: 0 0 auto auto; width: 72%;}
.project-menu .project-menu-list{margin: 0; padding: 0; width: 100%; list-style: none; text-align: center;}
.project-menu .project-menu-list li{display: block; margin: 4px 0;}
.project-menu .project-menu-list li a{padding: 12px 10px; font-size: 14px; background: #fecc00; color: #000; display: block;}
.project-menu .project-menu-list li a:hover{color: #fff;}
.project-menu .project-menu-list li.current a{background: #000; color: #fecc00;}

/* project-top-menu tiny */
.project-top-menu{padding:0!important; position: fixed; top: 200px; right:0; border-radius:0;-webkit-border-radius:0; width:100%; border-bottom:0;z-index:2;transition:all .3s linear 0s;min-height:auto!important}
.project-top-menu.tiny{bottom:auto;top:65px; position: fixed;background-color: rgba(255,255,255,0.99);}

.project-overview-bg{padding:0 0 40px 0; position: relative;}
.project-enquiry-bg{position: relative; z-index: 0; margin-bottom: 40px;}
.project-enquiry-bg:before {background: url("../img/line-4.png") no-repeat; background-position: right; content: ""; left: 130px; top: 85px; bottom:0px; position: absolute; width: 230px; height: 48px; z-index: 1;}
.project-enquiry-bg .project-enquiry-box{background-color: #fff; padding: 20px 30px 10px 30px; width: 70%; margin: -50px 0 auto auto; position: relative; z-index: 1;}
.project-enquiry-bg .project-enquiry-box h2{text-align: center; font-size: 18px; margin-bottom: 20px;}
.project-enquiry-form input,.project-enquiry-form input.form-control:focus,.project-enquiry-form textarea,.project-enquiry-form textarea.form-control:focus{border-left:none!important;border-top:none!important;border-right:none!important;border-bottom:1px solid #d2d2d2!important;box-shadow:none;}
.project-enquiry-form select,.project-enquiry-form select.form-control:focus{border-left:none!important;border-top:none!important;border-right:none!important;border-bottom:1px solid #d2d2d2!important;box-shadow:none;cursor:pointer}
.project-enquiry-form select option{padding:5px;cursor:pointer;border-bottom:1px dashed #d2d2d2!important; color: #000;}
.project-enquiry-form input,.project-enquiry-form select,.project-enquiry-form textarea{border-radius:0;background-color:transparent!important;margin-bottom:16px;color:#231f20!important;padding:0;height:45px;border-bottom:1px solid #231f20!important;border-top: 0;border-right: 0;border-left: 0;}
.project-enquiry-form button{padding:15px 40px; font-size: 14px;}
.project-enquiry-form input,.project-enquiry-form select,.project-enquiry-form textarea{ color: #231f20!important;}
.project-enquiry-form .project-enquiry-btn{margin: 10px auto 0 auto; display: block; background: #fecc00; border: 1px solid #fecc00; padding: 5px 20px; color: #000;letter-spacing: 1px;}
.project-enquiry-form .project-enquiry-btn:hover{background: #000; color: #fecc00; border: 1px solid #000;}
.project-highlights-bg{position: relative; z-index: 0; padding: 60px 0; color: #000;}
.project-highlights-bg:before{position: absolute; content: ""; background-color: #fecc00; height:100%; bottom: 100%; width: 100%; right: 0; left: 0; top: 0; z-index: -1; /* -webkit-clip-path: polygon(83% 100%, 0px 100%, 0% -225%); */ clip-path: polygon(83% 100%, 0px 100%, 0% -225%)}
.project-highlights-bg .head{position: relative; z-index: 0; padding-left: 60px; margin-bottom: 40px;}
.project-highlights-bg .head:before {background: url("../img/line-6.png") repeat-y; background-position: right; content: ""; left: 0px; top: -10px; bottom:0px; position: absolute; width: 36px; height: 60px; z-index: -1;}
ul.highlights-list{margin: 0 0 0 45px; padding: 0;}
ul.highlights-list li{list-style: none; position: relative; padding: 0 0 10px 20px;}
ul.highlights-list li::before { content: "\f7a4"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 0; font-weight: 900; color: #000;}
.highlights-image{position: absolute; right: 10%;}
.highlights-image img{padding: 0 0 0 20px;}
.project-specifications-bg{padding: 60px 0 30px;}
.project-specifications-bg .head{position: relative; z-index: 0; padding-left: 60px; margin-bottom: 40px;}
.project-specifications-bg .head:before {background: url("../img/line-1.png") repeat-y; background-position: right; content: ""; left: 0px; top: -10px; bottom:0px; position: absolute; width: 36px; height: 60px; z-index: -1;}
.project-specifications-box{border: 1px solid #fecc00; padding: 0 0 45px 0; margin-bottom: 30px; min-height: 400px;}
.project-specifications-box h2{display: inline-block; background-color: #fecc00; color: #000; margin: 0; padding: 10px 15px; font-size: 20px;    margin-bottom: 40px;}
ul.specifications-list{margin: 0 0 0 60px; padding: 0;}
ul.specifications-list li{list-style: circle; position: relative; padding: 0 0 10px 0px;}
.specifications-image{position: absolute; z-index: 0; right: 6%; top: 20%;}
.specifications-image .mark{position: relative; margin-left: 55px; display: inline-block;}
.specifications-image .mark:before {background: url("../img/line-8.png") repeat-y; background-position: right; content: ""; right: -30px; bottom: -15px; position: absolute; width: 59px; height: 35px; z-index: 0;}
.floor-plan-bg{padding: 40px 0;}
.floor-plan-bg .head{position: relative; z-index: 0; padding-left: 60px; margin-bottom: 40px;}
.floor-plan-bg .head:before {background: url("../img/line-1.png") repeat-y; background-position: right; content: ""; left: 0px; top: -10px; bottom:0px; position: absolute; width: 36px; height: 60px; z-index: -1;}

.project-plans-box{text-align: center; border: 1px solid #fecc00;}
.project-plans-box img{margin: 0 auto; display: block;}
.project-plans-box h4{margin: 0; font-size: 16px; font-weight: 600; background-color:#fecc00; padding: 10px; }
.project-plans-box:hover h4{background-color:#000; color:#fecc00 ;}

.location-bg{position: relative; background-color:#fecc00;}
.location-bg:before {background: url("../img/line-9.png") repeat-x; background-position: right; content: ""; right: 0px; top: 160px; bottom:0px; position: absolute; width:40%; height: 57px; z-index: 0;}
.location-img img{margin-bottom: -60px; margin-top: 40px;}
.location-text{position: relative;}
.location-text .head{position: relative; z-index: 0; padding-right: 60px; padding-top: 10px; text-align: right; margin-bottom: 40px; color: #000;}
.location-text .head:before {background: url("../img/line-6.png") repeat-y; background-position: right; content: ""; right: 0px; top: 0px; bottom:0px; position: absolute; width: 35px; height: 59px; z-index: -1;}
.location-text .map-btn{position: absolute; bottom: 0; left: 35px;}

.gallery-bg{padding: 140px 0 60px 0;}
.gallery-bg .head{position: relative; z-index: 0; padding-left: 60px; margin-bottom: 40px;}
.gallery-bg .head:before {background: url("../img/line-1.png") repeat-y; background-position: right; content: ""; left: 0px; top: -10px; bottom:0px; position: absolute; width: 36px; height: 60px; z-index: -1;}
.gallery-bg .gallery-box:hover img{filter: sepia(50%);}

.inner-news-box{background-color: #dcdcdc; padding: 15px; margin-bottom: 40px; position: relative;}
.inner-news-box .link{position: absolute; right: 0; bottom: -12px;}
.inner-news-box .link a{background-color: #fecc00; padding: 8px 12px;}
.inner-news-box .link a:hover{color: #fff;}
.inner-news-box h4{font-size: 18px; font-weight: 600; border-bottom: 2px solid #fecc00; padding-bottom: 5px;}

.inner-testimonial-box{background-color: #dcdcdc; padding: 15px; margin-bottom: 50px; position: relative; z-index: 0;}
.inner-testimonial-box .name{position: absolute; background-color: #fecc00; right: 0; padding: 10px;}

.address-box{position: relative; margin-bottom: 20px;}
.address-box h2{font-size: 18px;}
.address-box i{position: absolute; left: 0; top: 4px; color: #fecc00; font-size: 20px;}
.address-box p{padding-left: 30px;}
.contact-head{font-size: 20px;}


.contact-us-form{background: #fff; padding: 30px;}
.contact-us-form input,.contact-us-form input.form-control:focus,.contact-us-form textarea,.contact-us-form textarea.form-control:focus{border-left:none!important;border-top:none!important;border-right:none!important;border-bottom:1px solid #d2d2d2!important;box-shadow:none;}
.contact-us-form select,.contact-us-form select.form-control:focus{border-left:none!important;border-top:none!important;border-right:none!important;border-bottom:1px solid #d2d2d2!important;box-shadow:none;cursor:pointer}
.contact-us-form select option{padding:5px;cursor:pointer;border-bottom:1px dashed #d2d2d2!important; color: #000;}
.contact-us-form input,.contact-us-form select,.contact-us-form textarea{border-radius:0;background-color:transparent!important;margin-bottom:16px;color:#231f20!important;padding:0;height:45px;border-bottom:1px solid #231f20!important;border-top: 0;border-right: 0;border-left: 0;}
.contact-us-form button{padding:15px 40px; font-size: 14px;}
.contact-us-form input,.contact-us-form select,.contact-us-form textarea{ color: #231f20!important;}
.form-control::-webkit-input-placeholder{color:#d2d2d2!important}
.form-control::-moz-placeholder{color:#d2d2d2!important}
.form-control:-ms-input-placeholder{color:#d2d2d2!important}
.contact-address-bg{padding: 60px 300px 60px 300px; background: #fff;}
.contact-us-form .contact-btn{margin: 10px auto 0 auto; display: block; background: #fff; border: 1px solid #494946; padding: 5px 20px;}
.contact-us-form .contact-btn:hover{background: #494946; color: #fff;}

.ongoing-box{position: relative; margin: 0 0 20px 0;}
.ongoing-box a{text-align: center; background: #dcdcdc; border: 1px solid #fecc00; display: block;}
.ongoing-box img{min-width: 100%;}
.ongoing-box h2{margin: 10px 0 5px 0; font-size: 22px; font-weight: 600;}
.ongoing-box p{text-align: center; margin-bottom: 5px;min-height: 75px;}
.ongoing-box h4{margin: 0; background-color: #fecc00; font-size: 13px; text-transform: uppercase; padding: 5px; font-weight: 600;}
.ongoing-box a:hover{color: #000; background: #fff;}

.ModalloadPopup .modal-header{border-bottom:0;}.ModalloadPopup .modal-body{padding:0;}.ModalloadPopup .modal-body img{display:block; margin:0 auto;}.ModalloadPopup .modal-content{background:none;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0);box-shadow: 0 3px 9px rgba(0,0,0,0);border:none;}.ModalloadPopup .modal-header .close{color:#fff;opacity:1 !important;}



/* @media all and (max-width : 768px) { */
@media(min-width:320px) and (max-width:1080px) {
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;}
.hidden-xs {display: none;}
footer {text-align: center;}
.wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;}
.inner-contact-section-left{text-align:left;border-bottom:1px solid #fff;border-right:none;}
.inner-contact-section-right{padding:20px 0 0 0;}
.inner-contact-section{padding:15px;}
.inner-contact-section-left{padding-right: 15px; text-align: center;}
.inner-contact-section-left h2{font-size: 28px;}
.inner-contact-section-left p {text-align: center;}
.slider:before,.slider:after,.home-welcome-bg .home-about-family:before,.home-welcome-bg:after,.home-welcome-bg:before,.home-news-text-box:before,.footer .skew-white,.footer .skew-yellow,.footer .man-logo,.footer .line{display: none;}

.home-welcome-bg .text-right-1{padding-top: 0;}
.home-testimony:before{right: -10px;}
.home-stats-box{max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%;}
.home-news-text-box{padding: 20px 20px 20px 20px;}
.home-news-text-box img{margin: 0 auto; display: block;}
.footer .copy{left: 15px; bottom: -65px;}
.footer{padding-bottom: 70px; padding-top: 20px;}
.home-news-bg{padding: 0px 0 45px 0;}
.home-stats-bg{padding: 40px 0 40px 0;}
.home-testimony{margin-top: 0;}
.home-projects-bg{padding: 0 0 40px 0;}
.home-welcome-bg{padding: 20px 0;}
.slider .carousel-control-next{left: 182px;}

.Morder-1{order: 1; -webkit-order: 1;}
.Morder-2{order: 2; -webkit-order: 2;}
.Morder-3{order: 3; -webkit-order: 3;}
.Morder-4{order: 4; -webkit-order: 4;}

ul.home-social-network {
    text-align: center;
}

ul.home-social-network li {
    display: inline-block;
    margin: 5px 5px;
}


}