@charset "utf-8";

/* CSS Document */

*{margin:0px;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{width:100%;height:100%;margin:0px;padding:0px;}

body{margin:0px;padding:0px;font-family: 'Work Sans', sans-serif;font-size:16px;color:#0e0e0e;line-height:25px;background:#fff;min-height:100%;}

p{margin:0px;padding:0px 0 20px 0;font-size:16px;color:#0e0e0e;line-height:25px;font-family: 'Work Sans', sans-serif;font-weight:400;}

h1{margin:0px;padding:0px;font-size:45px;line-height:45px;font-family: 'Oswald', sans-serif;color:#000;padding-bottom:30px; position: relative;}

h2{margin:0px;padding:0px;font-size:45px;line-height:45px;color:#000;font-family: 'Oswald', sans-serif;padding-bottom:30px; position: relative;}

h3{margin:0px;padding:0px;font-size: 18px; line-height: 20px; font-family: 'Oswald', sans-serif; padding: 0px 0px 15px;}

h4{margin:0px;padding:0px; font-family: 'Oswald', sans-serif;}

h5{margin:0px;padding:0px;}

h6{margin:0px;padding:0px;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{margin:0;padding:0;border:0px;outline:none;}

label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0px;padding:0;outline:none;border:0;}

a{text-decoration:none;border:0px;outline:none;transition:all .5s;}

a:hover, a:focus, a:active{text-decoration:none;border:0px;outline:none;transition:all .5s;}

a img{border:none;outline:none;}

a:focus{outline:none;}

 border{border-collapse:collapse;}

hr{height:1px;background:#333333;border:none;}

.clear{clear:both;}

.left{float:left;}

.right{float:right;}

.clearfix:before,.clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}

.clearfix{*zoom:1;}

img{max-width:100%;height:auto;object-fit:cover;}

@media \0screen{img{width:auto }

}

::-moz-selection{color:#fff;background:#f28f2a;}

::selection{color:#fff;background:#f28f2a;}



.padTopbtm{padding:90px 0;}

.displayTable{display:table;height:100%;width:100%; position:relative;}

.displayCell{display:table-cell;vertical-align:middle}

.tableWidth-full {width:100%;}

.tableWidth-half {width:50%; height:100%}



/* home form css */



.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ffffff;opacity:1}

.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color:#ffffff;opacity:1}

.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, 

textarea:-ms-input-placeholder {color:#ffffff;opacity:1}

.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder 

{color:#ffffff;opacity:1}



.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], select { display: block; width: 100%;  font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 16px; color: #ffffff; height: auto; background: rgba(255,255,255,.46); 

padding: 17px 15px; margin-bottom: 20px; outline: none; border-radius: 0; box-shadow: none; line-height: normal; border:none; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

textarea.form-control, textarea {height:105px;resize:none; overflow:hidden;}

.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border:none; background-color:transparent; box-shadow: none;}



/* home form css */



.navigation{background-color: transparent; float: right; }

.navigation ul{margin:0px;padding:0px;list-style:none;}

.navigation ul > li{float:none;display:inline-block;vertical-align:top;margin-right:-4px; margin: 0px 40px;}

.navigation ul li > a{color:#010101;padding:5px 0px;line-height:42px;display:block;text-transform:uppercase;font-size:16px;font-family: 'Work Sans', sans-serif;}

.navigation ul li:hover{background:none;color:#fff;background-position:0 0%;}

.navigation ul li.active > a{color:#010101 !important;}

.navigation ul li:hover > a{color:#010101;}

.navigation ul > li:before { content: ' '; position: absolute; left:0px; right:0px; bottom: 0px; width: 0px; height: 3px; background-color: #ff631b; -webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}

.navigation ul > li:hover:before { width:100%;}

.navigation ul > li.active:before { width: 100%;}

.navigation ul li{position:relative;}

.navigation ul li ul{visibility:hidden;opacity:0;position:absolute;top:100%;left:0;width:100%;transform:translateY(-20%);z-index:-1;transition:all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;min-width:229px;background-color:#ff631b }

.navigation ul li:hover ul{visibility:visible;opacity:1;z-index:1;transform:translateY(0%);transition-delay:0s, 0s, 0.3s;}

.navigation ul li ul li{display:block;margin-right:0px;border-bottom: 1px solid #fe8f5c; margin: 0px;}

.navigation ul li ul li:hover{background-color:#ea5916;}

.navigation ul ul li a { padding:5px 25px; color: #fff;}

.navigation ul ul li a:hover { color: #fff;}

.navigation ul ul li:before { display: none;}



.btn{ position:relative; font-size: 16px; line-height: 18px; padding:18px 45px; color: #fff; outline: none; border: 1px solid #cfcfcf; border-radius: 0; background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:hidden; background-color:#aeaeae; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0;box-shadow:none; color:#fff; border: 1px solid #cfcfcf;}

.btn:hover { color:#fff; background-color:#000; border: 1px solid #cfcfcf;}



a.meanmenu-reveal{display:none}

.mean-container .mean-bar{float:none;width:auto;padding:4px 0;min-height:auto;z-index:999999}

.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px 13px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family: 'Work Sans', sans-serif;font-weight:700; background-color: #ff870c;}

.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}

.mean-container .mean-nav {float:left;width:100%;background:#0c1923;margin-top:70px;position:absolute;}

.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none; background-color: #0c1924;}

.mean-container .mean-nav ul li {position:relative;float:left;width:100%;     position: relative;}

.mean-container .mean-nav ul li a {display:block;float:left;width:90%;padding:10px 5%;font-size:16px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase;font-family: 'Work Sans', sans-serif;}

.mean-container .mean-nav ul li:first-child a {border-top: 0;}

.mean-container .mean-nav ul li li a {width:80%;padding:10px 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}

.mean-container .mean-nav ul li.mean-last a {border-bottom:0;margin-bottom:0}

.mean-container .mean-nav ul li li li a {width:70%;padding:1em 15%}

.mean-container .mean-nav ul li li li li a {width:60%;padding:1em 20%}

.mean-container .mean-nav ul li li li li li a {width:50%;padding:1em 25%}

.mean-container .mean-nav ul li.active {background-color:#ff890f;}

.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:20px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0.1);border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important; line-height: 19px;}

.mean-container .mean-nav ul li a.mean-expand:hover{background:rgb(255 135 11)}

.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}

.mean-nav .wrapper{width:100%;padding:0;margin:0}

.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.mean-remove{display:none!important}

.small_nav{position:relative;    margin-top: 13px;}



/* scroll top */

.scrollTop { position: fixed; width: 35px;bottom: 2%; right: 2%; background-color: #f38f28; color: #fff; font-size: 18px; line-height: 31px; opacity: 0; visibility: hidden; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: 2px solid #fff; border-radius: 50%;}

.scrollTop i { position:relative; top:1px;}

.scrollTop:hover, .scrollTop:focus{color:#fff; border:2px solid #fff;}

.scrollTop.pop{opacity:1; visibility: visible;}



/* trainagle */

.triangle-box {width: 0;height: 0;border-style: solid;border-width: 0 50px 45px 0;border-color: transparent #7f1f1a transparent transparent; position:absolute; right:0; top:0; z-index:111; cursor:pointer; display:none;}

.triangle-box.active {border-color: transparent #b42b24   transparent transparent;}

.triangle-box i {color:#fff; font-size:14px;}

.triangle-box .fa-plus {margin:5px 0 0 30px;}

.triangle-box .fa-minus {display:none;margin:5px 0 0 30px;}

.triangle-box.active .fa-plus {display: none;}

.triangle-box.active .fa-minus {display: block;}



/*header*/

header.mainHd { position: relative; width: 100%; z-index:10;}

.header-top{background-color: #252525; position: relative; overflow: hidden;}

.header-top .container{position: relative;}

.header-top .container:after{content: ''; background-color:#ff890f; position: absolute; top: 0; bottom: 0; width: calc(100vw + 353px); height: 100%; right: -100vw; z-index: 0;}

.socialbx ul{list-style: none; margin: 0;}

.socialbx ul li{float: left; margin-right: 10px;}

.socialbx ul li:last-child{margin-right: 0;}

.socialbx ul li a{color: #fff;font-size: 26px;}

.socialbx ul li a:hover{color:#ff890f}

.top-mail p{padding: 0; color: #fff;}

.top-mail p a{color: #fff;}

.top-mail p a:hover{color:#ff890f}

.top-phone{background-color:#ff890f; position: relative; z-index: 1; padding: 22px 0;}

.top-phone img{float: left; margin: 4px 15px 0 0;}

.top-phone p{font-size: 20px; line-height: 23px; font-weight: 700; color: #fff;padding: 0;}

.top-phone p a{color: #fff; font-size: 26px; line-height: 28px; font-weight: 400; }

.top-phone p a:hover{color:#000}

.socialbx{padding: 35px 0}

.top-mail{padding: 35px 0}

.logo{float: left; width:100%; max-width: 381px;}

.logo img{width:100%;}

.mainHd{padding:0px 0;position: relative; z-index: 1;}

.header-nav-bottom { width: 100%; position: relative; margin:0px; padding:23px 0px;}



/*Mid section*/

.wrapper h3{font-size: 18px; line-height: 22px; text-transform: uppercase; letter-spacing: 3px; font-weight: 700; color: #000; position: relative; padding-left: 58px; margin-bottom: 10px;}

.wrapper h3:before{content:''; position: absolute; width: 50px; background-color: #959595; height: 1px; top: 50%; transform:translateY(-50%); left: 0;}

.wrapper h2 {font-size: 45px; line-height:53px; text-transform: uppercase; font-weight: 700; color: #000;}

.wrapper h2 span{color: #ff890f;}



/* banner-home */

.banner { background:#f28f2a; position: relative; width:100%;    border-bottom: 10px solid #f28f2a;}

.banner-img, .banner-img img { width:100%; position:relative; object-fit:cover;}

.banner .middle-banner { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); bottom: auto; position: absolute; right: auto; text-align: center; top:calc(50% + 15px); transform: translateY(-50%); width: 100%;}

.middleTextBan { width:100%; position:relative; text-align:left; margin: 0px; z-index:1; max-width: 515px;}

.middleTextBan h6 { font-size: 18px; line-height: 22px; color: #fff; font-family: 'Oswald', sans-serif; text-transform: uppercase;    letter-spacing: 1px;}

.middleTextBan h2 { font-size: 85px; line-height: 85px; color: #fff; margin: 0px 0px 40px; padding: 0px 0px; font-family: 'Oswald', sans-serif; text-transform: uppercase; position: relative;}

.middleTextBan h2:before { content: ' '; position: absolute; left:0px; bottom: -25px; width: 83px; height: 4px; background-color: #fff;}

.middleTextBan h2 span { display: inline-block; color: #ff870c;}

.middleTextBan p { font-size: 20px;line-height: 26px;color: #fff; font-weight: 500; padding:0px 0px 0px 0px;}



/* banner dots	*/

.homeBanner-slide .slick-dots:before { content: ' ';position: absolute;width: 1px;height: 60px;background-color: #fff;top: -70px;}

.homeBanner-slide .slick-dots { text-align: center;position: absolute;left: inherit;right: 80px;bottom: 0;top: 0px;margin: 0px auto;display: inline-table;  -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);top: calc(50% + 50px);transform: translateY(-50%);}

.homeBanner-slide .slick-dots li {display:block; margin:0 0px;border:0; line-height:normal; position: relative;}

.homeBanner-slide .slick-dots li button { width:44px; height:44px; border:0; background-color:transparent; outline:none; border:2px solid transparent; position: relative; color: #fff; font-size: 14px;}

.homeBanner-slide .slick-dots li.slick-active button { background:transparent; border:2px solid #fff;}



/* residential-slide */

.residential-gallery { width: 100%; position: relative; margin: 0px; padding:130px 0px 110px;}

.residential-gallery:before { content:' '; position: absolute; left: 0px; bottom: 0px; right: 0px; width: 100%; height: calc(100% - 40%); background-color: #e6e6e6;}

.residential-gallery h3 { margin:0px;}

.residential-gallery h3:before { content: ' '; position: absolute; width: 50px; height: 1px; background-color: #959595;left: 0px; top: 10px;}

.residential-gallery h1 { font-weight: 700; text-transform: uppercase;}

.residential-gallery h1 span { color: #ff870c;}

.residential-slide .slick-arrow { width:17px; height:34px; position:absolute; top:-160px; bottom:0px; margin:auto; font-size: 0px; background-color: transparent; border: 0px; outline:none;}

.residential-slide .slick-next.slick-arrow { background-image:url(../images/right-arrow-slide.png); background-size:auto; background-position:center; right:0px; left:inherit; background-repeat:no-repeat; right:-44px;}

.residential-slide .slick-prev.slick-arrow { background-image:url(../images/left-arrow-slide.png); background-size:auto; background-position:center; background-repeat:no-repeat; left:-44px;}

.residential-slide .slick-list { margin-left: -15px; margin-right: -15px;}

.residential-slide .item-slide { padding-left: 15px; padding-right: 15px;}

.residential-slide .residential-bx {width: 100%;position: relative;text-align: center;}

.residential-slide .residential-bx .residential-frame { width: 100%; position: relative; margin: 0px 0px 30px; padding:0px;}

.residential-slide .residential-bx .residential-frame a { display: block;}

.residential-slide .residential-bx .residential-frame img { width: 100%; height: 100%;} 

.residential-slide .residential-bx .residential-title-below { width: 100%; position: relative; margin:0px; padding: 0px 15px;}

.residential-slide .residential-bx .residential-title-below h2 { font-size: 18px; line-height: 20px; color: #80201b; font-weight: 700; margin: 0px; padding: 0px 0px 15px;}

.residential-slide .residential-bx .residential-title-below h2 a { color: #80201b;}

.residential-slide .residential-bx .residential-title-below h2 a:hover { color: #ff870c;}

.residential-slide .residential-bx .para-title-bx { position: relative; margin:0px; padding: 0px 0px 25px;}

.residential-slide .residential-bx .para-title-bx p { padding: 0px; margin:0px; color: #0e0e0e; font-size: 15px; line-height: 18px;}



/* about-us-section */

.about-us-section { width: 100%; position: relative; margin:0px; padding: 112px 0px;}

.about-us-section:before { content: ' '; position: absolute; left:0px; bottom: 60px; width: 178px; height: 382px; background-image:url(../images/abt-logo.png); background-repeat: no-repeat; background-size: contain;}

.about-us-section .left-abt-bx-img { width: 100%; position: relative;    position: relative; padding: 0px 0px 40px;}

.about-us-section .left-abt-bx-img .item-frame-one { width: 100%; position: relative; margin:0px; padding: 0px; max-width: 510px; border-right: 15px solid #ff870b;}

.about-us-section .left-abt-bx-img .item-frame-one img { width: 100%; height: 100%;}

.about-us-section .left-abt-bx-img .item-frame-two img { width: 100%; height: 100%;}

.about-us-section .left-abt-bx-img .item-frame-two { width: 100%; position: absolute; right: 0px; bottom: 0px; margin:0px; padding: 0px; max-width: 310px;    border: 15px solid #fff;}

.about-us-section .right-abt-txt { width: 100%; position: relative; margin:0px; padding:0px;}

.about-us-section .right-abt-txt h3 { margin: 0px;}

.about-us-section .right-abt-txt h3:before { content: ' '; position: absolute; width: 50px; height: 1px; background-color: #959595;left: 0px; top: 10px;}

.about-us-section .right-abt-txt h2 { font-weight: 700; text-transform: uppercase;}

.about-us-section .right-abt-txt h2 span { color: #ff870c;}

.about-us-section .right-abt-txt p { padding: 0px 0px 30px;}

.about-us-section .right-abt-txt ul {margin: 0 0 22px 18px;list-style-type: disclosure-closed;}

.title-rotate {display: inline-block;position: absolute;top: 0px;right: 0px;bottom: 0px;width: 115px;    z-index: -1;}

.inner-txt {position: absolute;top: 50%;left: 50%;}

.rotate-txt {-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);transform: translateX(-50%) translateY(-50%) rotate(90deg);}

.rotate-txt h4 {font-size: 115px;line-height:115px;color: #f0f0f0;font-family: 'Oswald', sans-serif;text-overflow: ellipsis;white-space: pre;overflow: hidden;text-transform: uppercase;letter-spacing: 5px;}



/* counter-number-section */

.counter-number-section { width: 100%; position: relative; margin:0px; padding:40px 0px; background-image: url(../images/pattern-bg.jpg); background-repeat: repeat;}

.item-count-ech { width: 100%; position: relative; margin:0px; padding: 0px; text-align: center;}

.counter-number-section .row [class*="col-"]:last-child .item-count-ech:after { display: none;}

.item-count-ech:after { content: ' '; position: absolute; width: 7px; height: 100%; background-color: #6e6e6e; border-radius: 50%;top: 0px; right: -15px;}

.item-count-ech span.counter { font-size: 60px; line-height: normal; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 700; position: relative;}

.item-count-ech p { font-size: 23px; line-height: normal; color: #fff; font-family: 'Oswald', sans-serif; font-weight: 600; position: relative; text-transform: uppercase; letter-spacing: 2px; padding:0px; margin:0px;}



/* what-we-offer-section */

.what-we-offer-section { width: 100%; position: relative; margin:0px; padding:104px 0px; background-color: #f3f3f3; text-align: center;}

.what-we-offer-section:before {content: ' ';position: absolute;right: 0px;bottom: 20px;width: 182px;height: 382px;background-image: url(../images/abt-logo-rig.png);background-repeat: no-repeat;background-size: contain;}

.what-we-offer-section h3 { font-size: 18px; line-height: 20px; font-family: 'Oswald', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; padding-left:0px; position: relative; margin: 0px;}

.what-we-offer-section h3:before { display: none;}

.what-we-offer-section h2 { font-weight: 700; text-transform: uppercase;    padding-bottom: 60px;}

.what-we-offer-section h2 span { color: #ff870c;}

.item-check-projects { width: 100%; position: relative; margin:0px; padding:0px;}

.item-check-projects:hover .frame-project-img img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}

.item-check-projects .frame-project-img { width: 100%; position: relative; overflow: hidden;}

.item-check-projects .frame-project-img a { display: block;}

.item-check-projects .frame-project-img img { width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}

.item-check-projects .title-projects { position: absolute; width: 100%; left: 0px; bottom: 40px; background-color: rgb(28 27 28 / 0.8); padding: 25px 0px;}

.item-check-projects .title-projects h4 { font-size: 24px; line-height: normal; color: #fff; position: relative; font-weight: 700; text-transform: uppercase;    text-align: left;

padding-left: 45px;}

.item-check-projects .title-projects h4 a { color: #fff;}

.item-check-projects .title-projects h4 a:hover { color: #ff870c;}

.item-check-projects .title-projects h4:before { content: ' '; position: absolute; left:0px; height: 5px; width: 25px; background-color: #f38f28; top: 0px; bottom: 0px; margin: auto;}

.what-we-offer-row [class*="col-"] {display: inline-block;float: none;}



/* group-item-plan */

.plan-visit-section { position: relative; margin:0px; padding:148px 0px;}

.left-title-hd { float: left; position: relative; margin:0px; padding: 0px 0px 10px;}

.left-title-hd h3 { margin: 0px;     padding-bottom: 0px;}

.left-title-hd h2 { font-weight: 700; text-transform: uppercase;}

.left-title-hd h2 span { color: #ff870c;}

.title-rotate.left-txt { left:0px; right: inherit;}

.slide-plan-visit { position: relative;}

.slide-plan-visit .slick-list { margin-left: -15px; margin-right: -15px;}

.slide-plan-visit .item-slide { padding-left: 15px; padding-right: 15px;}

.group-item-plan { width: 100%; position: relative; margin:0px; padding:0px;}

.group-item-plan .row [class*="col"]:first-child { float: right;}

.right-frame-plan { width:calc(100% + 90px); position: relative; float: right;}

.left-txt-plan { width: 100%; position: relative; background-color: #fff; box-sizing: border-box; padding:60px 40px 60px 0px;}

.left-txt-plan ul { list-style: none; position: relative; margin:0px 0px 15px; padding: 0px; width: 100%; max-width:253px;}

.left-txt-plan ul li { position: relative; margin:0px; padding:0px; list-style: none; border-bottom: 1px solid #e6e6e6;}

.left-txt-plan ul li p { position: relative; margin:0px; padding: 20px 0px; font-size: 16px; line-height: normal; color:#80201b;    text-transform: uppercase; letter-spacing: 2px;}

.left-txt-plan ul li p span { float: right; font-weight: 700; font-family: 'Oswald', sans-serif; font-weight: 700;}

.slideArrow{position: relative; float: right;    margin-top: 30px;}

.slideArrow .samearrow {float:left; margin-right:10px; width: 53px; height: 53px; }

.slideArrow .samearrow a { display: block; height: 100%; position: relative; text-align: center; line-height: 48px; background-color: #e6e6e6; -webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;}

.slideArrow .samearrow a:hover { background-color: #a3a3a3;}

.slideArrow .samearrow:last-child {margin-right:0;}

.slideArrow .samearrow a:hover { border-color:#6d2100;}

.slideArrow .samearrow a:hover i { color:#6d2100;}



/***************** contact-form ********************/

.contact-form {position:relative; background:url(../images/contact-img.jpg) no-repeat 0 0; background-size:cover; padding:145px 0 120px;}

.contact-form-details {padding:0 195px; text-align:center;}

.contact-form-details h4 {font-weight:700; font-size:18px; color:#fff; text-transform:uppercase; margin:0 0 15px; letter-spacing:3px;}

.contact-form-details h2 {color:#fff; margin:0 0 50px; padding:0;}

.contact-form-details label {font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 16px; color:#c4c4c4; margin:0 0 8px; display:block; text-align:left;}

.contact-form-details input[type="submit"] {border: 1px solid #aeaeae; padding: 16px 62px; margin-top:30px;}

.contact-form-details .row {margin:0 -9px;}

.contact-form-details [class*=col-] {padding:0 9px;}



/*footer*/

.ft-main {background-color: #212121;background-image: url(../images/ft-pattern.jpg);background-repeat: no-repeat;background-position: 0 bottom;padding: 100px 0 80px;}

.ft-logo {margin-bottom: 25px;}

.ft-tl h2 {font-family: 'Oswald', sans-serif;font-size: 24px;color: #ffffff;font-weight: 400;text-transform: uppercase;}

.ft-tl h2 span {color: #ff890f;}

.ft-lst ul {list-style: none;}

.ft-lst ul li {font-size: 17px; margin:0 0 6px;}

.ft-lst ul li:last-child {margin:0;}

.ft-lst ul li a {color: #ffffff;font-weight: 400;}

.ft-lst ul li a:hover {color: #ff890f;}

.logo-bx p {color: #ffffff;line-height: 20px; padding:0 50px 0 0;}

.ft-quickAddrs h4 {font-size: 18px;color: #ff870c;font-weight: 400; font-family: 'Work Sans', sans-serif; margin:0 0 5px;}

.ft-quickAddrs ul {list-style: none;}

.ft-quickAddrs ul li {font-size: 17px;line-height: 23px;color: #d3d3d3; margin:0 0 20px;}

.ft-quickAddrs ul li:last-child {margin:0;}

.ft-quickAddrs ul li a {color: #d3d3d3;}

.ft-quickAddrs ul li a:hover {color: #ff890f;}

.ft-quickAddrs ul li p {color: #d3d3d3; font-size:17px; padding:0; line-height: 22px;}

.copyRight {text-align: center;padding: 25px 0;background-color: #3e3e3e;}

.copyRight p {color: #d5d5d5;font-weight: 300;font-size: 14px;padding: 0;}

.copyRight p a {color: #fa850e;font-weight: 600;}

.copyRight p a:hover {color: #d5d5d5;}

.ftBtmLft h2 {color:#fff; font-weight:700; font-size:30px; padding:0;}

.ftBtmLft h2 span {color:#fa850e;}

.ftBtmMdl input[type="email"]::-webkit-input-placeholder {color:#7f7f7f;opacity:1}

.ftBtmMdl input[type="email"]::-moz-placeholder {color:#7f7f7f;opacity:1}

.ftBtmMdl input[type="email"]:-ms-input-placeholder {color:#7f7f7f;opacity:1}

.ftBtmMdl input[type="email"]:-moz-placeholder {color:#7f7f7f;opacity:1}

.ftBtmMdl {position:relative;}

.ftBtmMdl input[type="email"] {background:transparent; font-weight:300; font-style:italic; color:#7f7f7f; border:1px solid #646464; position:relative; margin:0;}

.ftBtmMdl input[type="submit"] {font-family: 'Work Sans', sans-serif; font-weight:500; font-size:17px; color:#fff; text-transform:uppercase; background:#ff870c; border:none; padding:10px 25px; position:absolute; right:5px; top:5px; transition: all .5s;}

.ftBtmMdl input[type="submit"]:hover {background:#aeaeae;}

.ftBtmSocial ul {margin:0; padding:0; list-style-type:none;}

.ftBtmSocial ul li {display:inline-block; margin-right:2px;}

.ftBtmSocial ul li:last-child {margin:0;}

.ftBtmSocial ul li a {display:block; width:26px; height:26px; color:#fff; border-radius:50%; border:2px solid #fff; text-align:center; line-height:23px; font-size: 14px;}

.ftBtmSocial ul li a:hover {border:2px solid #ff870c; color:#ff870c;}

.ftBtmSocial {margin-top:15px;}

.ft-top {margin:0 0 60px;}



/* inner-banner */

.inner-banner {position: relative; z-index:1; border-bottom:8px solid #ff870c;}

.inner-bannerPic, .inner-bannerPic img { width:100%; position:relative;height: 300px;}

.inner-banner .inner-bannerCaption { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); bottom: auto; position: absolute; right: auto;

 top: 50%; transform: translateY(-50%); width: 100%;  z-index: 10;}

.inner-bannerBox h4 {font-weight:700; font-size:18px; color:#fff; text-transform:uppercase; margin:0 0 35px; letter-spacing:1px;}

.inner-bannerBox h1, .inner-bannerBox h2 {font-weight:700; font-size:85px; color:#fff; margin:0 0 55px; text-transform:uppercase; letter-spacing:2px;    padding: 0px;}

.inner-breadcrumb ul {margin:0; padding:0; list-style-type:none;}

.inner-breadcrumb ul li, .inner-breadcrumb ul li a {font-family: 'Oswald', sans-serif; font-weight:700; font-size:18px; color:#fff; text-transform:uppercase;

display:inline-block; position:relative; }

.inner-breadcrumb ul li {margin-right:65px;}

.inner-breadcrumb ul li:last-child {margin-right:0;}

.inner-breadcrumb ul li:after {content: ''; position:absolute; background:url(../images/bread-arrow.png) no-repeat 0 0; right:-40px; top:6px; width:7px; height:13px; }

.inner-breadcrumb ul li:last-child:after { display: none;}

.inner-breadcrumb ul li a:hover {color:#f28f2a;}

.inner-breadcrumb ul li.active {color:#f28f2a;}



.contact-details {position:relative; padding:80px 0 108px;}

.contact-box {text-align:center; background-color:#eeeeee; padding:42px 0;}

.contact-icon {margin:0 0 20px;}

.contact-cont h4 {font-weight:600; font-size:30px; color:#7c1815; margin:0 0 15px;}

.contact-cont p {font-weight:300; font-size:17px; color:#060606; padding:0; line-height: 23px;}

.contact-cont p a {color:#060606;}

.contact-cont p a:hover {color:#ff631b;}

.contact-map {height:492px;}

.contact-map iframe {width:100%; height:100%;}



.about-video-area {position:relative; z-index:1; }

.about-video-area img {width:100%; height:100%;}

.about-video-area .clickIcon {width: 100px; height: 76px; position: absolute; left: 0; right: 0px; bottom: 0px; top: 0px; margin: auto;}

.about-construction {position:relative; background:#1e0100; padding:30px 0;}

.about-construction .displayTable{display:table;height:100%;width:100%; position:relative;}

.about-construction .displayCell{display:table-cell;vertical-align:middle}

.about-construc-cont h3 {color:#fff;}

.about-construc-cont h2 {color:#fff;}

.about-construc-cont p {color:#fff;}

.about-construc-cont ul {margin:0; padding:0; list-style-type:none;}

.about-construc-cont ul li {font-family: 'Work Sans', sans-serif; font-weight: 400; font-size:15px; color:#fff; margin:0 0 18px; position:relative; padding-left: 25px;}

.about-construc-cont ul li:last-child {margin:0;}

.about-construc-cont ul li:before {content:''; position:absolute; background:url(../images/tick-icon.png) no-repeat 0 0; width:16px; height:16px; left:0; top:5px;}



/*projects page*/

.small-bx{margin-top: 27px;}

.small-bx:nth-child(1){margin-top: 0; position: relative; border: 1px solid #ccc;}

.small-bx img{width: 100%;}

.recent-projects h3{padding-left: 0;}

.recent-projects h3:before{display: none}

.recent-projects h3, .recent-projects h2{text-align: center;}

.recent-projects h2{padding-bottom: 0; margin-bottom: 55px;}

.recent-projects .btn.load-more{background-color: #ff631b;}

.recent-projects .btn.load-more:hover{background-color: #000;}

.recent-projects .text-center{ margin-top: 50px;}

.recent-projects{padding: 95px 0;}

.repeater{margin-top: 30px;display: none}

.repeater.display{display: block}

.repeater:first-child{margin-top: 0;}



.about-construc-img { position: relative; margin-bottom: 0px; bottom: -62px;}

.about-us-section.inner-page:before { display: none;}



.pdf-icon i{ font-size: 20px; color: red; }

.pdf-icon a{ color: #0e0e0e;

    font-size: 15px;

    line-height: 18px;}

    .pdf-icon a:hover{color:  red}



/* 14.11.2022 */

.completed_section { width: 100%; padding-top: clamp(35px, 4.7vw, 90px);  padding-bottom: clamp(35px, 4.7vw, 90px);}

.bothslide { width: 100%;}

.bothslide .slick-list, .bothslide .slick-track  { height: 100%;}

.slider-for {border:5px solid #ff870c;}

.slider-banner-image { height: 100%;}

.slider-banner-image img { width: 100%; height: 100%;}

.slider-nav { overflow: hidden;}

.slider-nav .slick-list { margin: -15px 0px;}

.thumbnail-image { padding: 15px 0px;}

.thumbImg { width: 100%;border:5px solid #ff870c; -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;}

.thumbnail-image.slick-slide.slick-current .thumbImg { border:5px solid #2b2b2b;}

.thumbImg img { width: 100%; height: 100%;}

.thumbSlide_bx { width: 100%; margin: 0px 0px 50px;}

.listing_completed_download { width: 100%; margin-bottom: clamp(30px, 3.12vw, 90px);}

.listing_det { width: 100%; margin: 0px;}

.listing_det h4 {margin-bottom: 25px;}

.listing_det ul { margin: 0px; padding: 0px; list-style: none;}

.listing_det ul li { display: block; margin: 0px 0px 8px; padding: 0px 0px 0px 15px; position: relative; text-transform: uppercase; font-weight: 500;}

.listing_det ul li::before { content: ' '; position: absolute; left: 0px; top: 10px; width: 5px; height: 5px; background-color: #ff870c; border-radius: 50px;}

.download_det { width: 100%; margin: 0px 0px 30px;}

.download_det h4 {margin-bottom: 25px;}

.download_det p { text-transform: uppercase; font-weight: 500;}

.download_det p a { color: #f00;}

.download_det p a:hover { color: #ff870c;}

.infor_nearest_area {text-align: center;}

.each_col {display: inline-block;  padding: 0px 15px;vertical-align: top;width: 33%;margin-bottom: 25px;}

.infor_item { width: 100%; text-align: center;}

.info_circle { width: 133px; height: 133px; border-radius: 50%; overflow: hidden; margin: 0px auto 20px;}

.info_details_nearest h4 { text-transform: uppercase; color: #ff870c; margin: 0px 0px 15px;}

.info_details_nearest p { text-transform: uppercase; line-height: 23px; font-weight: 500;}

.rera-box {background-color: #ebebeb;padding: 20px 0;text-align: center;}

.rera-pic {display: inline-block;}

.rera-cnt {display: inline-block; vertical-align: top;}

.rera-cnt h5 {font-size: 46px;color: #0b596d;text-transform: uppercase;font-family: 'Oswald', sans-serif;margin: 30px 0 0 90px;}

.vdo-info {padding: 30px 0 50px;text-align: center;margin-left: -15px;margin-right: -15px;}
.vdo-info-bx {display: inline-block;vertical-align: top;width: 19.5%;vertical-align: top;padding: 0 15px;margin-bottom: 20px;}
.vdo-info-bx a {display: block;width: 100%;height: 100%;position: relative;}
.vdo-info-bx a span {display: block;position: absolute;left: 0;right: 0;top: 50%;margin: -18px auto 0;width: 36px;height: 36px;font-size: 36px;color: #fff;}
.vdo-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 90px;
    height: 90px;
    background: url(../images/play-icon.png) no-repeat 0 0;
    background-size: contain;
    margin: -45px auto 0;z-index: 9;
}

.ongn-glarea {padding: 20px 0 80px;}
.ongn-gl-bx {margin-bottom: 20px;}
.ongn-gl-bx img {width: 100%;}
.ongn-gl-slide .slick-arrow{position:absolute;top:0;bottom:0;margin:auto;font-size:0;border-radius:50%;background-color:inherit;border:none;z-index:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.ongn-gl-slide .slick-arrow:hover{background-color:inherit}
.ongn-gl-slide .slick-next.slick-arrow::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f054";font-size:22px}
.ongn-gl-slide .slick-prev.slick-arrow::before{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f053";font-size:22px}
.ongn-gl-slide .slick-next.slick-arrow{right:-15px}
.ongn-gl-slide .slick-prev.slick-arrow{left:-15px}
.ongn-gl-slide .slick-arrow::before{color:#ff870c;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.ongn-gl-slide .slick-arrow:hover::before{color:#9d0a0e}

/* -------------------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------------------  Responsive  ------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:1299px){
.ongn-gl-slide .slick-next.slick-arrow{right:-8px}
.ongn-gl-slide .slick-prev.slick-arrow{left:-8px}    
}


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



h1, h2 { font-size: 35px; line-height: 35px;}

.btn { font-size: 15px; line-height: 18px; padding: 15px 30px;}

.navigation ul li a{padding:10px 22px;}

.header-top .container:after { width: calc(100vw + 250px);}

.middleTextBan { max-width: 440px;}

.middleTextBan h2 {font-size: 65px;line-height: 65px;}

.middleTextBan p { font-size: 16px;line-height: 20px;}

.residential-gallery { padding: 90px 0px;}

.residential-slide { padding: 0px 50px;}

.residential-slide .slick-prev.slick-arrow { left: 0;}

.residential-slide .slick-next.slick-arrow { right: 0;}

.residential-slide .residential-bx .residential-title-below { padding: 0px;}

.about-us-section { padding: 90px 0px;}

.about-us-section .right-abt-txt p { padding: 0px 0px 20px;}

.what-we-offer-section { padding: 90px 0px;}

.item-check-projects .title-projects h4 { font-size: 18px; padding-left: 40px;}

.plan-visit-section { padding: 90px 0px;}

.rotate-txt h4 { font-size: 60px; line-height: 60px;}

.title-rotate { width: 65px;}

.left-txt-plan { padding: 30px;}

.item-count-ech span.counter { font-size: 50px;line-height: 50px;}

.item-count-ech p { font-size: 18px;}

.contact-form-details {padding: 0 100px;}

.ft-quickAddrs ul li {font-size:16px;}

.ft-quickAddrs ul li p {font-size:16px;}

.ft-lst ul li {font-size: 16px;}

.recent-projects {padding: 70px 0;}

/*Mid section*/

.wrapper h2 {font-size: 35px; line-height:35px;}

.left-title-hd h3 { padding-left: 0px;}

.left-title-hd h3:before { display: none;}

.what-we-offer-section h2 {padding-bottom: 20px;}

.navigation ul > li {margin: 0px 5px;}

.logo {max-width: 360px;}

.small_nav {margin-top: 0;}

.each_col {width: 32%;}

.top-phone p a {font-size: 22px;}

}

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

h1, h2 {font-size:24px; line-height:28px; padding: 0px 0px 20px;}

h3 { padding: 0px 0px 10px;}

.navigation ul li a{padding:0 15px;}

.navigation{text-align:center;margin-top:12px;}

.banner_text .container{padding-left:0px;padding-right:0px;}

.triangle-box { display: block;}

.header-top { display: none; position: absolute; left:0px; right: 0px; z-index: 99; text-align: center; padding: 20px 0px;}

.header-top .container:after { display: none;}

.socialbx { padding: 0; display: block; float: none; width: 100%; margin: 0px 0px 10px;}

.socialbx ul {list-style: none; margin: 0; display: block; text-align: center;}

.socialbx ul li { float: none; display: inline-block;}

.top-mail {padding: 0px;float: none;width: 100%;margin: 0px 0px 10px;}

.top-phone {background-color:transparent;position: relative;z-index: 1;padding: 0px;float: left;width: 100%;}

.top-phone img { display: none;}

.banner .middle-banner { top: calc(50%);}

.middleTextBan h2 {font-size: 44px;line-height: 46px;}

/*Mid section*/

.wrapper h2 {font-size: 24px; line-height:28px;}

/* home */

.residential-gallery {padding: 60px 0px;text-align: center;}

.residential-gallery h3 { padding-left: 0;}

.residential-gallery h3:before { display: none;}

.about-us-section { padding:60px 0px;}

.item-count-ech p { font-size: 15px;}

.item-count-ech span.counter { font-size: 34px;line-height: 40px;}

.what-we-offer-section { padding: 60px 0px;}

.item-check-projects .title-projects { padding: 15px 0px;}

.plan-visit-section { padding:60px 0px 40px;}

.left-title-hd { float: none; text-align: center;}

.slideArrow { position: relative;float: none;margin-top: 0;margin-bottom: 30px;overflow: hidden;text-align: center;}

.slideArrow .samearrow {float: none; margin-right: 10px; width: 40px; height: 40px;display: inline-block;}

.slideArrow .samearrow a { line-height: 38px;}

.group-item-plan .row [class*="col"]:first-child { float: none;}

.right-frame-plan {width: 100%;position: relative;float: none;}

.left-txt-plan {padding: 30px;max-width: 400px;text-align: center;margin: -40px auto 20px;box-shadow: 0px 0px 15px 1px rgb(0 0 0 / 0.1);}

.left-txt-plan ul { margin: 0px auto 20px;}

.title-rotate {width: 40px;}

.rotate-txt h4 {font-size: 36px;line-height: 38px;}

.left-txt-plan ul li p { text-align: left;}

.residential-slide .residential-bx .residential-frame { margin: 0px 0px 20px;}

.residential-slide .residential-bx .para-title-bx { padding: 0px 0px 15px;}

.contact-form {padding: 60px 0;}

.contact-form-details {padding: 0 50px;}

.contact-form-details h2 {margin: 0 0 40px;}

.ft-main {padding:60px 0;}

.logo-bx p {padding:0;}

.ft-tl h2 {font-size: 22px; line-height: 30px;}

.ft-top {margin: 0 0 50px;}

.ftBtmSocial {text-align:center;}



/******* inner page css ******/

.inner-bannerBox h1, .inner-bannerBox h2 {font-size: 60px; margin: 0 0 40px;}

.inner-bannerBox h4 {margin: 0 0 22px;}

.inner-breadcrumb ul li {margin-right: 45px;}

.inner-breadcrumb ul li:after {right: -31px;}

.contact-details {padding: 60px 0;}

.contact-box {padding: 30px 10px;}

.contact-icon {margin: 0 0 15px;}

.contact-cont h4 {font-size: 25px; margin: 0 0 10px;}

.contact-cont p {font-size: 14px; line-height: 18px;}

.contact-map {height: 400px;}

.recent-projects {padding: 55px 0;}

.about-construc-img { bottom: 0;}

.recent-projects h2 { margin-bottom: 35px;}

.homeBanner-slide .slick-dots { top: calc(50% + 20px); right: 30px;}

.homeBanner-slide .slick-dots li button { width: 30px; height: 30px;}

.small_nav {margin-top: 8px;}

.header-nav-bottom {padding: 14px 0 12px;}



.slider-nav .slick-list { margin: 0px -10px;}

.thumbnail-image { padding: 0px 10px;}

.infor_item { margin: 0px 0px 20px;}

.infor_nearest_area { justify-content: center;}

.listing_det { margin: 0px 0px 30px;}

.slider-for {  margin-bottom: 20px;}

.thumbImg { width: 100%; }

.inner-bannerPic, .inner-bannerPic img {

    height: 240px;}

    .each_col {width: 48%;}    
    .vdo-info-bx {width: 32.5%;}    

}

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

p { margin: 0px; padding: 0px 0 20px 0; font-size: 15px;line-height: 20px;}

.logo { margin: 0 auto 10px;float: none;max-width: 250px;}

.small_nav {position: relative;margin-top: 0;clear: both;}

.mean-container a.meanmenu-reveal {position: relative;    margin: 0px auto;}

.mean-container .mean-bar { text-align: center;    margin: 0px; padding: 0px;}

.navWrap { display: none;}

.mean-container .mean-nav { margin-top: 15px;}

.header-nav-bottom { padding: 30px 0px 15px;}

.banner {background: #7f1f1a;position: relative;width: 100%;border-bottom: 10px solid #f28f2a;padding: 0px 0px;}

.banner .middle-banner {-ms-transform: translateY(0%);-webkit-transform: translateY(0%);bottom: auto;position: relative;right: auto;text-align: center;top: 0px;transform: translateY(0%);width: 100%;text-align: center;padding: 20px 0px;}

.middleTextBan { max-width: 100%; text-align: center;}

.middleTextBan h2:before {right: 0px; margin: 0px auto;bottom: -12px;}

.middleTextBan h2 {margin-bottom: 25px;}

.middleTextBan h2 { font-size: 28px;line-height: 34px;}

.middleTextBan h2 br { display: none;}

.homeBanner-slide .slick-dots:before { display: none;}

.homeBanner-slide .slick-dots {text-align: center;position: relative;left: 0px;right:0px;bottom: 0;top: 0px;margin: 0px auto;display: inline-table;-ms-transform: translateY(0%);-webkit-transform: translateY(0%);top:inherit;transform: translateY(0%);width: 100%;background-color: #f28f2a;padding: 0px 0px 10px;}

.homeBanner-slide .slick-dots li { display: inline-block;}

.homeBanner-slide .slick-dots li button { width: 30px; height: 25px;font-size: 16px;}

.residential-gallery { padding: 30px 0px;}

.about-us-section { padding:30px 0px;}

.about-us-section .left-abt-bx-img .item-frame-one { max-width: 100%;}

.about-us-section .left-abt-bx-img { margin: 0px 0px 25px;}

.about-us-section .right-abt-txt { text-align: center;}

.about-us-section .right-abt-txt h3 { padding-left: 0px;}

.about-us-section .right-abt-txt h3:before { display: none;}

.about-us-section .left-abt-bx-img .item-frame-two {margin:0px auto;left: 0px;box-shadow: 0px 0px 15px rgb(0 0 0 / 0.3);}

.item-count-ech { margin: 0px 0px 15px;}

.counter-number-section { padding: 30px 0px 20px;}

.what-we-offer-section {padding:30px 0px 20px;}

.item-check-projects { margin:0px 0px 20px}

.item-check-projects .title-projects {padding: 15px 0px;position: relative;bottom: 0px;text-align: center;background-color: rgb(28 27 28 / 1);}

.item-check-projects .title-projects h4 {font-size: 16px;padding-left: 0px;text-align: center;}

.item-check-projects .title-projects h4:before {position: relative;left: 0px;height: 3px;top: 0px;bottom: 0px;display: inherit;margin: 0px auto 5px;}

.plan-visit-section {padding: 30px 0px 15px;}

.about-us-section .left-abt-bx-img .item-frame-two {margin: 20px auto 0px;left: 0px;box-shadow: 0px 0px 15px rgb(0 0 0 / 0.3);position: relative;}

.about-us-section .left-abt-bx-img { padding: 0px 0px 0px;}

.left-txt-plan { padding: 20px; margin: 0px auto 20px;}

.item-count-ech:after { display: none;}

.left-txt-plan ul li p { padding: 15px 0px;}

.top-phone p a { font-size: 21px; line-height: 21px;}

.title-rotate { display: none;}

.contact-form {padding: 30px 0;}

.contact-form-details {padding: 0;}

.contact-form-details h4 {margin: 0 0 10px;}

.contact-form-details h2 {font-size: 35px; line-height:35px; margin: 0 0 20px;}

.contact-form-details label {margin: 0 0 5px;}

.form-control, input[type="text"], input[type="tel"], input[type="email"], textarea, input[type="password"], input[type="number"] {padding: 12px; margin-bottom: 12px;}

.contact-form-details .row {margin: 0 -15px;}

.contact-form-details [class*=col-] {padding: 0 15px;}

.contact-form-details input[type="submit"] {margin-top: 10px;}

.ft-main {padding: 30px 0; text-align:center;}

.logo-bx p {font-size:15px; padding: 0 0 20px;}

.ft-tl h2 {padding-bottom: 8px;}

.ft-lst ul li {line-height:21px; margin:0 0 5px;}

.ft-box {margin:0 0 20px;}

.ft-quickAddrs ul li p {line-height:21px;}

.ft-quickAddrs ul li {margin: 0 0 12px;}

.ft-top {margin: 0 0 20px;}

.ftBtmLft h2 {font-size: 28px; line-height: 32px; margin:0 0 20px;}

.ftBtmMdl {text-align:center;}

.ftBtmMdl input[type="submit"] {position:static; display:block; margin: 0 auto;}

.ftBtmMdl input[type="email"] {margin-bottom:12px;}

.copyRight {padding:15px 0;}

.copyRight p {line-height: 16px;}



/******* inner page css ******/

.inner-banner .inner-bannerCaption {position:static; background:#80201b; transform:none; padding:15px 0 10px; text-align:center;}

.inner-bannerBox h1, .inner-bannerBox h2 {font-size: 28px; letter-spacing: 0; margin: 0 0 10px;font-weight: 600;}

.inner-breadcrumb ul li, .inner-breadcrumb ul li a {font-size: 15px;}

.inner-breadcrumb ul li {margin-right: 20px;}

.inner-breadcrumb ul li:after {right: -15px;}

.contact-details {padding: 30px 0;}

.contact-box {padding: 15px 10px; margin:0 0 20px;}

.contact-details [class*=col-]:last-child .contact-box {margin:0;}

.contact-cont h4 {font-size: 22px; margin:0 0 8px;}

.contact-icon {margin: 0 0 12px;}

.contact-map {height: 250px;}

.contact-cont p {font-size:15px;}

.about-construc-cont h3 {padding-left: 0; padding-bottom:10px; letter-spacing: 1px;}

.about-construc-cont {text-align:center; margin:0 0 30px;}

.wrapper h3:before {top:auto; bottom:0; right:0; margin:auto;}

.about-construc-cont h2 br {display:none;}

.about-construc-cont h2 {font-size: 30px; line-height: 36px; padding-bottom: 10px;}

.about-construc-cont p {font-size: 15px; line-height: 21px;}

.about-construc-cont ul li:before {position:static; display:inline-block; vertical-align:middle; margin-right:6px;}

.about-construc-cont ul li {padding-left: 0; margin: 0 0 10px; line-height: 21px;}

.about-construc-img img {width:100%;}

.recent-projects {padding: 40px 0;}

.small-bx:nth-child(1) { margin-top: 27px; }

.repeater .col-sm-4:nth-child(1) .small-bx:nth-child(1){margin-top: 0;}

.slideArrow { margin-bottom: 20px;}

.recent-projects .text-center {margin-top: 20px;}

.wrapper h3 { margin-bottom: 0px;}

.recent-projects h2 { margin-bottom: 25px;}

.navigation {float: none;}

.homeBanner-slide .slick-dots li.slick-active button {border:0;color: #7f1f1a;}

.inner-banner {border-bottom-width: 4px;}

.inner-bannerBox h4 {font-size: 17px;font-weight: 500;margin: 0 0 6px; letter-spacing: 0;}



.each_col { width: 100%;display: block;}

.download_det { margin: 0px;}

.infor_nearest_area .each_col:last-child .infor_item { margin-bottom: 0px;}

.inner-bannerPic, .inner-bannerPic img {height: auto;}

.each_col:last-child {margin-bottom: 0;}

.rera-pic {display: block;margin-bottom: 15px;}

.rera-cnt {display: block;}

.rera-cnt h5 {font-size: 36px;margin: 0;}

.homeBanner-slide {background-color: #f28f2a;}
.vdo-info-bx {width: 49.5%;}
.ongn-glarea {padding: 0 0 20px;}
}

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

.recent-projects {padding: 30px 0;}

.about-video-area .clickIcon {width: 40px;height: 31px;}

.each_col { width: calc(100%);}
.vdo-info {padding: 0 0 20px 0;}
.vdo-info-bx {width: 100%;display: block;}
.vdo-info-bx img {width: 100%;}
.vdo-btn {top: 35%;}
}