/*---------------------------Rajeshwari Css--------------------*/
#banner-main{width:100%; height:auto;}
#banner-main img{width:100%;}
#banner-inner-page {height: auto; width: 100%;  /* z-index: 501; */  text-align: center;}
#banner_text {left: 41%;position: absolute;top: 18%;   /* width: 574px; */    text-align: left;    margin: 0 auto;}
#banner_text p {color: #fff;  padding:12px 0 0;  font:25px/1.6 "Open Sans",sans-serif; text-align: left;}
#banner_text span {color:#FDD551; font-weight:600;}
#banner_text h1{color: #fff;    font:600 32px/1.6 "Montserrat", sans-serif;    text-align: left;   margin: 0;   background-color: #747778;   padding: 10px 33px;}
#banner_text h4{color:#FDD551;   font:600 18px/1.6 "Lato", sans-serif; text-align: left;}
#banner-inner-page img{width:100%;}
.animated {animation-duration: 3s;    animation-fill-mode: both;}
.fadeInLeft {   opacity: 0;   transform: translateX(400px);}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-400px);
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInLeft.go {
    animation-name: fadeInLeft;
}

.fadeInRight {
    opacity: 0;
    transform: translateX(200px);
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(200px);
}
50% {
    opacity: 0.3;
}
100% {
    opacity: 1;
    transform: translateX(0px);
}
}
.fadeInRight.go {
    animation-name: fadeInRight;
}
#banner-inner-page img{max-width:100%; height:350px;}
#elite-bg{width:100%; height:auto;}
#elite-bg-wrap{width:100%; height:auto; max-width:1200px; margin:o auto; text-align:center;}
#elite-inner{ width:100%; padding:22px 0;}
#elite-inner h3{font:700 40px "Montserrat", sans-serif; color:#fff; padding:18px 0; text-align:left;}
#elite-inner input {background:#fff; border:1px solid #fff; color:#333; margin:20px 0 0 0;;}
 #elite-inner input:hover{ background-color: #252525; color:#fff; border:1px solid #252525;}
.org-border{width:60px; background:#F58634; height:2px; margin:4px auto 16px auto;}
.home-header-fix {     position: fixed!important;     top: 0!important;    transition: all 0.1s ease;     transition: all 0.3s ease-out 0s;    width::100%;}
#fix-header{width:100%;}
.home-header-fix ul lI {color:red!important;}
#works h2, #features h2{font:500 30px "Montserrat", sans-serif; color:#333; }
.wrapper-align h2{color:#333333; font:500 22px/32px  "Montserrat", sans-serif; padding:8px 0px 0px 0; margin:0; /* text-align:center; */}
.wrapper-align p{color:#333333;font: 16px/27px "Lato", sans-serif; /* text-align:center; */ margin:12px 0; padding:4px 0 8px 0;}
.service-item-wrap.wrapper-align{padding:22px 20px; margin:0px 0px 10px 0;}
.hvr-icon-wobble-horizontal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.hvr-icon-wobble-horizontal:before{content:""; background:url("../images/icon/arrow-s-2.svg")no-repeat; width:13px; height:13px; position:absolute;right:-25px; margin:3px 0 0; padding:1px 1px;font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before{-webkit-animation-name:hvr-icon-wobble-horizontal;animation-name:hvr-icon-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;}
.readmore-btn {   border-radius: 4px;  background: #f58634;   border: none;   color: #FFFFFF;   padding:10px 24px;   transition: all 0.4s;   font:14px/2px "Montserrat", sans-serif; letter-spacing:2px;}
 .readmore-btn span {   cursor: pointer;   display: inline-block;   position: relative;   transition: 0.4s; margin:20px 0 0 0; }
 .readmore-btn span:after {   content: '\00bb';   position: absolute;   opacity: 0;   top: 0;   right: -20px;   transition: 0.5s; }
  .readmore-btn:hover{ background-color: #252525; color:#fff;}
 .readmore-btn:hover span {  padding-right: 25px;}
 .readmore-btn:hover span:after {    opacity: 1;  right: 0;}
 .my-box{border: 1px solid #ddd;    box-shadow: inset 0 0 6px #ddd;   display: inline-block;   width: 31%;   margin: 0 11px;}
#main-wrapper-index{padding:8% 0;text-align: center}
.img-zoom{overflow:hidden;position:relative;}
.img-zoom a{display:block;position:relative;}
.img-zoom.large{float:none;margin-bottom:1.5em;margin-right:0;overflow:hidden;}
.img-zoom.large img{height:auto;width:100%;}
.my-box:hover .img-zoom a img{transform:translateZ(0) scale(1.03);}
.my-box .img-zoom a img{transition:transform 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75); width:100%; }
.content-box{min-height:220px;}
.my-box img{width: 370px;height: 208px;}
#elite-left{float: left;    width: 36%;}
#elite-right{    float: right;   width: 30%;   padding: 4% 0;}
.border-lin{    width: 250px;    border-top: 2px dotted #fff;    padding: 7px 0;}
/*-----------------Contact-us--------------------------------*/
#body-wrap { max-width: 1200px;    width: 100%;   height: auto;    margin: 0 auto;    padding: 2% 0;}
#contact-lft h1 {   color: #333333;   font: 700 32px/32px "Lato", sans-serif;   padding: 8px 0px 12px 0;    margin: 0;    }
#contact-lft h3 {    color: #333333;    font: 28px/32px "Lato", sans-serif;    padding:24px 0 4px 0;    margin: 0;   }
#contact-lft{float:left;width:50%;padding: 0 0 0 20px;}
#contact-rgt{float:right;width:45%;padding: 0 20px 0 0;}
#contact-lft h2{color:#494949;font:500 30px "Montserrat", sans-serif;margin:0;padding:30px 0 0 0; margin:12px 0 0 0;}
.contact-main{width:100%;padding:20px 0;border-bottom:1px solid #ddd;}
.contact-main h4{color:#494949;font:300/25px "Lato", sans-serif;margin:0;}
.contact-detail p,.contact-detail p a{font:18px "Lato", sans-serif;color:#494949;padding:4px 0; margin:0}
#contact-rgt h2{color:#494949;font:26px "Lato", sans-serif;margin:0;padding:10px 0 0px 0px;}
#enquir-form{box-shadow:0 0px 4px #ddd;padding:30px;}
#enquir-form input, #enquir-form textarea{font:14px "Lato", sans-serif;color:#494949;border-radius:0;}
#enquir-form input{height:40px;}
#enquir-form textarea{height:95px;}
#enquir-form label{font:14px "Lato", sans-serif;color:#494949;padding:10px 0px 4px 0;}
#enquir-form label span{color:#333;}
#contact-map{padding:20px 0;}
#contact-map h2{color:#494949;font:500 30px "Montserrat", sans-serif;margin:0;padding:30px 0 0 0; margin:12px 0 0 0;}

/*---------------------	FORM CSS-----------------------------*/
.form-elegant .font-small {   font-size: 0.8rem; }
.form-elegant .z-depth-1a {
    -webkit-box-shadow: 0 2px 5px 0 rgba(55, 161, 255, 0.26), 0 4px 12px 0 rgba(121, 155, 254, 0.25);
    box-shadow: 0 2px 5px 0 rgba(55, 161, 255, 0.26), 0 4px 12px 0 rgba(121, 155, 254, 0.25); }
.form-elegant .z-depth-1-half,
.form-elegant .btn:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15);
    box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15); }
.form-elegant .modal-header {   border-bottom: none; }
.modal-dialog .form-elegant .btn .fab {   color: #2196f3!important; }
.form-elegant .modal-body, .form-elegant .modal-footer {   font-weight: 400; }	
/*-----------------------------------------Form Style Start--------------------*/
#enquir-form{box-shadow:0 0px 4px #ddd;padding:30px;}
#enquir-form input, #enquir-form textarea{font:16px/27px "Lato", sans-serif;color:#494949;border-radius:0;}
#enquir-form input{height:46x;}
#enquir-form textarea{height:95px;}
#enquir-form label{font:16px/27px "Lato", sans-serif;color:#494949;}
#enquir-form input.submit_btn {  height:55px;  margin: 15px 0 0;    width: 140px;    padding: 10px 0;    background: #f59c08;    border: 1px solid #f59c08;    color: #fff;    font:16px/27px "Lato", sans-serif;   transition: all 0.5s ease 0s;}
.my-form-title h2{font:20px/20px "Lato", sans-serif;color:#fff; text-align:center; margin:0;}
.modal-header, .my-form-title{background:#616163;    padding: 15px 22px;    color: #fff;    opacity: 1;    margin: 0;   }
.close-btn a{background:#fff; padding: 0 7px;;}
.my-form-title button{ opacity:1;}
.light { --primary: hsl(250, 100%, 44%); --other: hsl(0, 0%, 14%);  background: hsl(0, 0%, 98%);}
.dark { --primary: hsl(1, 100%, 68%);  --other: hsl(0, 0%, 90%); background: hsl(0, 0%, 10%);}
#my-radio label { display: flex;  justify-content: flex-start;  align-items: center; flex-wrap: nowrap;  cursor: pointer;  position: relative;}
#my-radio input { opacity: 0;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.design {  width: 16px;  height: 16px;  border: 1px solid #333;  border-radius: 100%; margin-right: 16px;  position: relative;}
.design::before,
.design::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
  left: -1px;
    top: -1px;
}
.design:before {
  background:#333;
  opacity: 0;
  transition: .3s;
}

.design::after {
  background: #333;
  opacity: .4;
  transition: .6s;
}
#my-radio input:checked+.design::before {
  opacity: 1;
  transform: scale(.6);
}

/* other states */
#my-radio input:hover+.design,
#my-radio input:focus+.design {
  border: 1px solid #333;
}

#my-radio input:hover+.design:before,
#my-radio input:focus+.design:before {
  background: #333;
}

#my-radio input:hover~.text {
  color: #333;
}
#my-radio input:focus+.design::after,
#my-radio input:active+.design::after {
  opacity: .1;
  transform: scale(2.6);
}
/*-----------------------------------------Form Style end--------------------*/
.we-offer-box{    border: 1px solid #ddd;
    box-shadow: inset 0 0 6px #ddd;
    background-color: white;
    margin: 32px 10px;
    width: 100%;
    max-width: 360px;
    display: inline-block;
    position: relative;
    padding: 4px 12px;
   }
	
	.pulse {
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-name: pulse;
}
@keyframes pulse {
0% {
    transform: scale(0.9);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(0.9);
}
}
.icon-wrap,.font-size-50,.pulse{MARGIN:0;}
.para-align{margin:40px 0 5% 0;}
.para-align p{color:#333333; font:18px/32px  "Lato", sans-serif; text-align:center;}
.career-head h2 {color: #333333;
   font:500 30px/32px  "Montserrat", sans-serif; 
    padding: 8px 0px 0px 0;
    margin:4px 0 18px 0;}
.vission-mission-box-main{width:65%;  margin:0 auto;height:auto;}
.vmv-box{width:50%;float:left; height:auto; padding:8% 5%; box-shadow:-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}
.vmv-box-img{width:50%;float:left; padding:4% 0; text-align:center; }
.vmv-box p{color:#fff; font:18px/32px  "Lato", sans-serif; }
.vmv-box h2{  
   font:700 30px/32px  "Montserrat", sans-serif; padding:0 0 10px 0;
    color:#fff;}
/*----------------------------testimonial start----------------------*/
#my-testimnial-main{width:100%; height:auto;}
#my-testimnial-wrap{width:100%; height:auto; max-width:1200px; margin:0 auto; padding:4% 0; }
#my-testimnial-wrap h2{    color: #333333; text-align:center;
   font:500 30px/32px  "Montserrat", sans-serif; 
    padding: 8px 0px 0px 0;
    margin:4px 0 18px 0;}
	#my-testimnial-wrap p{    font:16px/25px "Lato", sans-serif;color:#494949;}
.testimonial-image h6{
    text-align: center;
    display: block;
    font: 16px/25px "Lato", sans-serif;
    color: #494949;
    margin:15px 0 5px 0;
}
.testimonial-image{text-align:center;}
.testimonial-image img{border-radius:40px;}
#testimonial-slider{padding:23px 0 0 0;}
/*----------------------------about us----------------------*/
#about-warp-main {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 0 auto;
}
#about-us-left{padding:20px 0;}
#about-us-left p{
     font: 16px/27px "Lato", sans-serif;
    color: #333;}

#about-warp-main h2{
    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;

}
#about-us-right{float:right; width:30%; margin: 20px 20px 20px 32px;}
#about-us-right p {
       color: #333333;
    font: 600 18px/32px "Montserrat", sans-serif;
    padding: 4% 0px 0px 0;
    text-align: center;
    margin: 11% 0 0 0;
}
.my-haeder-line{height: 5px;
    width: 70px;
background-color:#F2972B;margin:28px 2px;}
.my-haeder-line-center{height: 5px;
    width: 70px;
background-color:#F2972B;margin:8px 0 20px 0; margin:0 auto;}

 #vission-mission-main {
   width: 100%;
    height: auto;
    background: #f7f4f4;
    border-top: 1px solid #ddd;
}
#vission-mission-warp{max-width:1200px; margin:0 auto; width:100%; padding:5% 0;}
.vission-mission-box{width:33%; float:left; padding:4% 1%; text-align:center}
.vission-mission-box h2{ color: #333; font:700 26px/32px "Montserrat", sans-serif;}
.vission-mission-box p{ color: #333; font:18px/1.6 "Lato", sans-serif; text-align:center; padding:16px 0 0;}
.v-m-v-border{width:20px; border:2px solid #F58634}
.vission-mission-box  img{width:100px; height:100px; margin:12px 10px;}
#why-choose-main{width:100%; height:auto;}

#choose-rgt{/* float:right; */ /* width:45%; */ padding:0 6px 0px 4%;}
#choose-rgt h2{    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    
    margin: 0;}

.inner-banner-bg{width:100%}

#why-choose-bg-main {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
}
#why-choose-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 8% 0;
}
#why-inner-bg-main{width:100%; height:auto; /*  position:absolute; top:0; */ }
#why-choose-main{width:100%;height:auto;  overflow:hidden; position:relative; /* background:url("../images/about-testi.jpg")no-repeat; */}
#why-inner-wrap{width:100%; max-width:1200px; margin:0 auto;padding:8% 0;}

#why-rgt {
    float: left;
    width: 65%;
    padding: 30px 40px;
    background: rgb(92 92 94 / 57%) none repeat scroll 0 0;
}
#why-rgt h2 {  color: #fff;
    font: 500 30px "Montserrat", sans-serif;}
.middle-divs {
    max-width: 1366px;
    margin: 0 auto;
}
#why-rgt ul{list-style-type:none; margin:18px 0 0;}

#why-rgt  ul li{color:#fff;  font:20px/1.6 "Lato", sans-serif; text-align:left; padding:4px 0 4px 18px; background:url("../images/bullet.png")no-repeat 0 17px;  }
.divider-mine{    /* width: 10px; */
    border-left: 2px dotted #F58634;
    float: left;
    height: 100px;
    /* background: red; */
    vertical-align: bottom;
    display: inline-block;
    /* min-height: 200px; */
    margin: 10% 0 0 0;}
/*---------------------------some product---------------*/
#some-product-main{width:100%; height:auto; background:#f7f4f4;}
#some-product-wrap{width:100%; height:auto; max-width:1200px; margin:0 auto;padding:4% 0; }
#some-product-wrap h2{
    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 12px 0;
    margin: 0;
}
.productlogo_client{width:100%; max-width:1140px; margin:0 auto; height:auto; padding:2% 0;text-align: center;}
.productlogo_client ul{list-style-type:none;margin:40px 0 0;}
.productlogo_client ul li{display:inline-block; border: 1px solid #ddd; margin:6px 6px; transition:all ease 0.5s;}
.productlogo_client ul li:hover{box-shadow:0 0px 9px #9a9a9a;}
.productlogo_client ul li a img{width:203px; height:115px;}


#my-header{width:100%; hight:auto;}
#my-header-wrapper{width:100%; max-width:1200px; margin:0 auto; height:auto; padding:12px 0;}
#header-logo{padding:4px 8px;float:left}
#header-menu{ float:right;}
#menu_links ul{list-style-type:none;}
#menu_links ul li{display:inline-block;}
#menu_links ul li a{color:#333;display:block; padding: 10px;  font:600 14px "Montserrat", sans-serif; cursor: pointer;}
/* #menu_links ul li a:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;transition: all 0.4s;
    margin: 0 auto;
    width:50%;
    height: 0px;
    background: #F58634;
}
#menu_links ul li:hover a:before{height: 3px;} */
#menu_links ul li a:hover, .acttl > a{color:#F58634;  }
#menu_links ul {	margin:0;	padding:0;	list-style:none; margin:4px 0 0 ;}

/* #menu_links ul ul {background:#fff;opacity:0;	position:absolute;visibility:hidden;	transition:all .4s ease;	-webkit-transition:all .4s ease; z-index:4;} */

/* #menu_links ul li ul li a,#menu_links ul li ul li:last-child a{font:600 13px "Open Sans",sans-serif;     width: 200px; /* padding:10px 20px; * color:#595959; /* transition:all ease 0.5s; } */

#menu_links ul li a:hover{color:#F58634;}

#menu_links ul li ul li a:hover, #menu_links ul li ul li a:last-child:hover{ color:#F58634 ;}

/* #menu_links ul li ul li:hover{background:#A5BB65;} */

#menu_links ul li ul li:hover{border-bottom:none;}

#menu_links ul li ul li:last-child a{background:transparent; border:none; transition:none; }

#menu_links ul li ul li:last-child a:hover{ border:none;}

#menu_links ul ul ul {	top:0%;	left:160%;}

#menu_links ul ul li:hover > ul {	top:0%;	left:100%;	opacity:1;	visibility:visible;}

/* #menu_links ul li:hover > ul {	opacity:1;	top:100%;	visibility:visible;} */

#menu_links ul li {	display: inline-block;	position:relative;}

#menu_links ul li  ul li{   padding:4px 10px;   text-align: left;    width:160px;}
#menu_links ul li  ul li a{ font:600 14px "Montserrat", sans-serif; color:#333;}
/* #menu_links ul li ul li:last-child a{margin:0; border-radius:0;} */

#menu_links ul li {cursor: pointer;}
#fixed-header-wrap {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 100; background: #ffffffa3;
    opacity: 0.9;   box-shadow:0px 5px 12px rgba(50, 50, 50, 0.15);z-index: 4;
}
.toplinks li.acttl > a {

    color:#F58634!important; 
     /* border-bottom:2px solid #F58634; */

}
#menu_links ul li i{color:#fff;}
#menu_links ul li a:hover {color:#F58634;}
.bannerbg{background:#fff!IMPORTANT; transition:all 0.3s ease-out; }
	#construction-main{width:100%; height:auto}
	#construction-wrap{width:100%; height:auto; height:auto; max-width:1200px; margin:0 auto;padding: 0 20px;}
	#construction-left{width:50%; float:left;}
	#construction-rgt{width:46%; float:right; margin:2% 0 0 0;}
	#construction-rgt img{padding:20px 20px}
	#construction-left h2 {
    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;}
#construction-left p {
    font: 16px/27px "Lato", sans-serif;
    color: #333;
}
.interior-space{padding:1% 0 4% 0;}
#projects-main h2{ color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;}	
	#my-interior-main{width:100%; height:auto}
	#my-interior-wrap{width:100%; height:auto; max-width:1200px; margin:0 auto; padding:3% 20px;}
	#my-interior-wrap h2 {
    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;
}
#my-interior-wrap p {
    font: 16px/27px "Lato", sans-serif;
    color: #333;

}
.gray_bg {
    background: #EDEDED;
    width: 100%;
    height: auto;
    border-top: 1px solid #ddd;
    padding: 3% 0;
}
#interior-inner-wrap{width:100%; margin:0 auto;  max-width:1200px; height:auto; padding:28px 32px;}
.interior-inner-box{width:50%; float:left; padding:0 20px;}
.interior-inner-box h3 {
    color: #E0A421;
    font: 500 28px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;
}
.interior-inner-box h3 img{padding:0px 15px 0 0;}
.interior-inner-box p {
    font: 17px/27px "Lato", sans-serif;
    color: #fff; padding:20px 0; margin:0;
}
.my-container-align{padding:0 30px 0 20px}
#steps-main{width:100%; height:auto; background:#f7f4f4;}
#steps-wrap{width:100%; height:auto; max-width:1200px; margin:0 auto; text-align:center; padding:4% 10px;}
.steps-box{display: inline-block; box-shadow:inset 0 0 6px #ddd;
    width: 100%;
    max-width: 320px;
    padding: 25px 22px;
    border: 1px solid #ddd;
    margin: 4% 1%;
} 
.steps-box p {
    font: 16px/27px "Lato", sans-serif;
    color: #333; text-align:center;
}
#steps-wrap h3 {
    color: #333333;
    font: 500 28px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;
}
.steps-box h4 {
    color: #F58634;
    font: 700 22px/32px "Montserrat", sans-serif;
    padding:30px 0px 0px 0;
    margin: 20px 0 6px 0;
}

.pulse {
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: pulse;
}
@keyframes pulse {
0% {
    transform: scale(0.9);
}
50% {
    transform: scale(1);
}
100% {
    transform: scale(0.9);
}
}
#interior-projcts-wrap{max-width:1200px; margin:0 auto; height:auto; width:100%}
.mark-projects-box{float:left; width:25%; padding:2% 0 2% 0;}
#banner-bg-video{position:relative;/*  max-width:1366px; */height:auto;margin:0 auto;position:relative;/* z-index:1; */ background:url("../images/banner_8.png")no-repeat}
#banner-bg-video video{margin:0px 0 -21px 0px;position:relative;width:100%;z-index:0;}
.cliential-wrap h2{    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 12px 0;
    margin: 0;}	
	.portfolio-txth2{    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 12px 0;
    margin: 0;}
section.module.parallax {
    height: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
section.module.parallax h1{
    color: rgba(255, 255, 255, 0.8);
    font-size: 48px;
    line-height: 600px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}
section.module.parallax-1{
    background-image: url("../images/banner_8.png");
}

section.module.parallax-2{
    background-image: url("../images/banners/inner.jpg");
}


section.module.parallax-3{
    background-image: url("../images/banner_8.png");
}
#running-wrap{margin:0 auto; padding:60px 0;display: flex;
    justify-content: center;}
.txt-running-box{width: 100%;
    display: inline-block;
    padding: 2% 0 0 0;
    max-width: 200px;}
#parallax-wrap{background:rgb(23 18 18 / 51%) }
#parallax-comm{background:rgb(23 18 18 / 62%) }
#inierior-main{padding:7% 0 0 0;text-align: center;}
/*----------------------------------------gALLERY---------------------------*/
#portfolio-gallery{width:100%; height:auto}
#portfolio-gallery-wrap{width:100%; height:auto; max-width:1200px; margin:0 auto; padding:4% 0;}
#portfolio-gallery-wrap h2{    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;
}	
        .g-image {
           width: 290PX;
    height: 290px;
    float: left;
    margin: 6px 4px; border:5px solid #F6934A;
}
.gallery-wrapper-2:hover{cursor:pointer}

.portfolio-img-1{height:383px!important}
.portfolio-img-2{height:225px!important;}
#construction-rgt video{border:4px solid #000}
#career-page{width:100%; height:auto;}
#career_inner_form{width:40%; margin:2% auto; padding:3% 4%; box-shadow:inset 0 0 6px #ddd; border:1px solid #ddd;}
#career_inner_form  h2{color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;}
#career_inner_form input, #career_inner_form textarea{font:14px "Open Sans",sans-serif; border-radius:0;}
#career_inner_form textarea{height:180px;}
#career-page form{padding:5% 0;}
#career-page p {
    font: 18px/30px "Lato", sans-serif;
    color: #494949;
    padding: 4px 0;
    margin: 0;
}
#career_inner_form input.submit_btn {
    height: 55px;
    margin: 15px 0 0;
    width: 140px;
    padding: 10px 0;
    background: #f59c08;
    border: 1px solid #f59c08;
    color: #fff;
    font: 16px/27px "Lato", sans-serif;
transition: all 0.5s ease 0s;}
.portfolio-txt{padding:6% 0 0 0;}

#resp_nav {display:none;}
#sitemap-wrap h2 {
    color: #333333;
    font: 500 30px "Montserrat", sans-serif;
    padding: 8px 0px 0px 0;
    margin: 0;
}
#sitemap-wrap ul li a{    font: 18px/27px "Lato", sans-serif;
    color: #333;
}
#sitemap-wrap ul li{padding:6px 2px}
#sitemap-wrap{padding:8px 0 38px 0;}
#projects-wrap{width:100%; height:auto;}
#projects-inner{width:100%; height:auto; max-width:1200px; margin:0 auto; padding:4% 0 6% 0;}
.prgt-box{float:left; width:38%;     }
 .prgt-box img{width:300px; height:300px;border: 1px solid #ddd;
    box-shadow: inset 0 0 6px #ddd;} 
	.marketing-sub{max-width:1200px; width:100%; height:auto; padding:3% 0px 0 0;}
	/* .marketing-sub-box{width:1200px; height:auto} */
	
	.marketing-sub h3{
    color: #333333;
    font: 500 20px "Montserrat", sans-serif; padding:0;margin:0;
    
}
.marketing-sub h4{
    color: #333333;
    font: 500 16px "Montserrat", sans-serif;padding:6px 0px 14px 0;margin:0;
    
}
.mark-border {
    border-bottom: 2px dotted #F58634; padding:0 0 29px 0;
}
.project-item figure img{width:100%; height:300px;}


/* suprabhat css 3-9-20 */
.container {width: 100%;max-width: 1600px;margin: 0 auto;padding: 0 75px;}
.wrapper{width: 100%;overflow: hidden;}
.new-inner-banners{background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;display: flex;align-items: center;justify-content: center;height: 350px;box-shadow: 0 3px 3px rgba(0,0,0,0.25), 0 6px 6px rgba(0,0,0,0.22);}
.new-inner-banners .inner-banner-heading{padding: 10px 33px;background: rgba(0,0,0,0.6);border-radius: 2px;}
.inner-banner-heading h1{color: #fff;font-weight: 600;}
.inner-content{padding: 0 20px;}
.textc{text-align: center;}
.textl{text-align: left;}
.textr{text-align: right;}
#footer-widgets .widget.widget_tag_cloud .tagcloud a.sup-link{color: #f58634;}
#footer-widgets .widget.widget_links ul li a.sup-link{color: #f58634;}
/* 4-9-20 */
.dropdown-li{position: relative;}
.dropdown-li .sub-desktop-menu{position: absolute;top: 54px;left: 0;width: 200px;display: none;background: rgba(255,255,255,0.9);box-shadow: 0 3px 3px rgba(16,27,30,0.4);}
.dropdown-li .sub-desktop-menu li{padding: 0 !important;margin: 0 !important;display: block !important;}
.dropdown-li .sub-desktop-menu li a{display: block;color: #000 !important;transition: all 0.4s;padding: 12px 8px !important;}
.dropdown-li .sub-desktop-menu li:hover a{color: #f58634 !important;}
.dropdown-li:hover .sub-desktop-menu{display: block;}
.first-shows{display: inline-block;margin:14px 40px 30px}
.projects-inner-wrapper .common-project{display:block;background-position: center;background-size: cover;width: 500px;background-color: rgba(0, 0, 0, 0.6);outline: 4px solid #f6934a;outline-offset: -4px;height: 350px;transition: all 0.4s;position: relative;}
.projects-inner-wrapper .common-project a{position: absolute;top: 9px;
    left: 10px;
    width: 96%;
    height: 95%;transition: all 0.4s;display: flex;align-items: center;justify-content: center;background-color: #f6934a;background-image: url("../images/asfalt-dark.png");font-size: 22px;color: #fff;opacity: 0;}
.projects-inner-wrapper .common-project:hover a{opacity: 0.9;}
.projects-inner-wrapper .first-project{background-image: url('../images/marketing/completed-1.png');}
.projects-inner-wrapper .second-project{background-image: url('../images/marketing/completed-2.png');}
.projects-inner-wrapper .fourth-project{background-image: url('../images/marketing/completed-4.png');}
.projects-inner-wrapper .ongoing-project{background-image: url('../images/marketing/completed-2.png');}
.projects-inner-wrapper .just-launched-project{background-image: url('../images/marketing/completed-1.png');}
.projects-inner-wrapper{padding: 0 10px;}
.blac-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.04);transition: all 0.4s;}
.projects-inner-wrapper .common-project:hover .blac-overlay{background-color: rgba(0, 0, 0, 0);}
.invoice-right-link{position: fixed;top: 50%;right: 0;z-index: 1;background-color: #f6934a;background-image: url("../images/asfalt-dark.png");border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.invoice-right-link input{width: 66px !important;padding: 28px 20px !important;position: relative;border-radius: initial;background-color: initial !important;}
.invoice-right-link:before{content: "GET A QUOTE";
    position: absolute;
    left: 0;
    top: 0;text-align:center;
    width: 100%;
    height: 100%;font-weight:600;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 10px;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
/* .invoice-right-link .dollar{position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff;
    font-size: 26px;
    top: 6px;} */
/* responsive menu active link */
#header-menu #menu_links .toplinks .desk-home.act a{color: #F2972B;}
.desktop-menu li .desk-home.act {color: #F2972B !important;}
.footer-links ul li .home-foot.act {color: #41bcf0 !important;}
.desktop-menu .dropdown-li .sub-desktop-menu li.act a {color: #F2972B !important;}
.desktop-menu .dropdown-li .sub-desktop-menu li.act:before {margin: 0 auto;left: 0;right: 0;}
.desktop-menu li a.act {color: #F2972B !important;}
.desktop-menu .dropdown-li.act a {color: #F2972B;}
footer .footer-links ul li a.act {color: #41bcf0 !important;}
#respMenu .home.act {background: #878787;}
#respMenu li a.actlink {    background: #878787;}
#footer-widgets .widget.widget_tag_cloud .tagcloud a.act{color: #fff;}
#footer-widgets .widget.widget_links ul li a.act{color: #fff;}
/* desktop-menu-style */
.desktop-menu-container .desktop-menu li .desktop-menu.act a{color: #F2972B;}
.desktop-menu-container .desktop-menu li{display: inline-block;margin: 0 10px;transition: all 0.4s;}
.desktop-menu-container .desktop-menu li a{font: 600 14px "Montserrat", sans-serif;color: #000;padding: 5px 5px 30px;transition: all 0.4s;}
.desktop-menu-container {margin-top: 16px;}
.desktop-menu li:hover a{color: #F2972B;}
.sub-desktop-menu li{display: block;}.widget.widget_instagram .instagram-wrap .instagram_badge_image a{color: #F2972B !important;}

/* 5-9-20 */

/* 15-9-20 */

.slider-contents{
position: absolute;
top: 50%;
left: 20%;
color: #fff;
padding: 0 10px;
}
.slider-contents p{font-size: 20px;
    margin-top: 10px;}
.slider-contents span{font-size: 24px;
    letter-spacing: 1px;
    word-spacing: 2px;
    font-weight: 700;
    background-color: rgba(255,255,255,0.6);
    color: #363231;
    padding: 16px;
    background-image: url("../images/asfalt-dark.png");}
.slider-contents a{padding: 10px !important;}
#works{margin-top: 20px;}

/* 17-9-20 */
.contact-frame{padding: 0 20px;}
.new-ul{text-align: center;}
.new-ul li{display: inline-block !important;width: initial !important;}
#footer-widgets .widget.widget_links ul li a::before{left: 15px !important;}
.sup-links{text-align: center;}
.sup-links a{display: inline-block;padding: 5px 10px;margin: 5px;transition: all 0.4s;background-color: #252525;color: #626262;}
.sup-links a:hover{background: #f58634;color: #fff;}

.external-wrapper{padding: 20px;text-align: center;}
/* .external-wrapper .portfolio-new-wrapper{
    width: 100%;
    max-width: 400px;
    height: 300px;margin: 20px 10px;
    background: black;
    display: inline-block;
} */
.external-wrapper .portfolio-new-wrapper{display: inline-block;margin: 20px 20px;width: 100%;transition: all 0.4s;box-shadow:0 12px 11px rgba(0,0,0,0.25), 0 6px 6px rgba(0,0,0,0.22);
    max-width: 400px;}
.portfolio-new-wrapper .portfolio-desc{width: 100%;max-width: 400px;height: 300px;margin-bottom: 20px;position: relative;transition: all 0.4s;overflow: hidden;background-position: center;background-size: cover;}
.portfolio-desc a{position: absolute;
    bottom: -100px;display: flex;align-items: center;justify-content: center;
    width: 100%;color: #fff;
    left: 0;transition: all 0.2s;
    background-color: #f6934a;font-weight: 700;
    background-image: url("../images/asfalt-dark.png");
    right: 0;
    height:0px;}
  

.portfolio-new-wrapper:hover .portfolio-desc a{height: 52px;bottom: 0;}



.portfolio-new-wrapper h3{color: #000;text-transform: uppercase;transition: all 0.4s;letter-spacing: 1px;}
/* 18-9-20 */
#footer-widgets .widget.widget_links .sup-links a.act{color:#fff !important;}
.textc{text-align: center;}
.ih-item.circle.effect18 .info .info-back{display: flex;align-items: center;justify-content: center;}
.ih-item.circle.effect18 .info h3{height: initial;padding: initial;}
.ih-item.circle.effect18 .info h3{font-size: 20px !important;}
.testi-para{position: relative;}
.testi-para::before{
    margin: initial;
    top: -60px;
left: 16px;
}
#construction-left{width: calc(100% - 524px);
    float: left;}
#construction-rgt{text-align: center;
    float: right;
    width: 100%;
    max-width: 480px;
    margin: 90px 12px 0 0px;}
    .g-recaptcha {
        width: 100%;
        margin: 16px auto;
        max-width: 300px;
        display: inline-block;
        vertical-align: middle;
    }
    #promotion.wprt-section{padding: 20px 0}
    #elite-left{width: 50%;}
    .close-btn span{background: #fff;
        padding: 0 7px;}
    .textl{text-align: left;}    
/*---------------------------------media----------------------------------*/
@media screen and (max-width:1200px){
    .my-box{width: 100%;max-width: 400px;margin: 10px;}
    .container {
        padding: 0 20px;
    }
}
/* @media screen and (max-width:1024px){

} */
@media screen and (max-width:1000px){
	/* #menu_links ul li{padding:10px 9px;} */
	.content-box{min-height: 241px;}
	/* .we-offer-box{margin: 3% 15px;} */
	#elite-left{width:59%;}
	#about-warp-main,#construction-wrap{padding:5px 16px;}
	#banner_text{top:13%;}
	#my-interior-wrap,#body-wrap{padding:3% 16px;}
	
}
@media screen and (max-width:979px){

    #construction-rgt{float: none;max-width: 600px;
        margin: 20px auto;}
    #contact-rgt{padding: initial;}
    .desktop-menu-container{display: none;}
    .about-us-banner{background-position: left;}
    .construction-banner{background-position: left;}
	#header-menu{display:none;}
	#resp_nav {    display: block;
    position: relative;
    right: 15px;
    top: 0px;}
	#navbtn{ background:url("../images/menu-icon1.png") no-repeat; cursor: pointer; height:32px; position: absolute; right:15px; top:5px; width:32px; z-index: 991;}
	#res_links{ /* opacity:0.9; */ display:none; background:#F2972B; position:absolute; width:230px; right:0; z-index:1; top:48px;border-radius:2px;}
	#res_links ul{list-style-type:none;}
	#res_links ul li:first-child{border:none;}
	#res_links ul li{text-align:center; border-top:1px dotted #fff;}
	#res_links ul li a{color:#fff; display:block; text-align:left; padding:10px 20px; /*text-transform:uppercase;*/text-decoration:none; transition: all 0.75s ease-out; font:13px "Montserrat", sans-serif;}
	#res_links ul li a:hover{background:#878787; color:#fff; }
	#sub_menu li ul {display: none; background:#d3d3d3; }
	#sub_menu li ul li a {display: block;  text-transform: uppercase; background: none; font:12px "Montserrat", sans-serif;   color: #000; padding:8px 18px;}
	#sub_menu > li > a.open { color: #e9e9e9;  border-bottom-color: #384f76; background-color: #000;}
	#res_links ul li a span{ line-height: 2; padding: 0 2px;}
	#sub_menu .fa.fa-caret-right{color:#fff; float:right; font-size:15px;}
	#header-logo img{    width: 46%;
    margin: 0px 10px;}
	.content-box{min-height:auto;}
	/* .we-offer-box{width:45%;} */
	#elite-left{width:50%;}
	.vission-mission-box{float:none; width:90%; margin:0 auto;}
	.divider-mine{display:none}
	#about-us-left{float:none; width:100%;}
	#about-us-right{float:none; width:100%;margin: 20px auto;}
	#about-us-right p{margin:0;}
	#why-rgt{float:none; width:100%;}
	/* .my-box{width:370px; margin:6% auto; float:none;} */
	#some-product-wrap{padding:7% 16px}
	.res-border{border-bottom:2px dotted #F58634;}
	#banner-inner-page img{height:auto;}
	#construction-left,#construction-rgt{float:none; width:100%;}
	#contact-lft,#contact-rgt{float:none; width:100%;}
	#career_inner_form{width:100%;}
	.mark-projects-box{float:none; width:100%;}
	#interior-projcts-wrap{padding:2% 3%;}
}
@media screen and (max-width:768px){
    .contact-banner{height: 300px;}
    .ih-item.circle.effect18 .img{display: none;}
    .wprt-partners .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -24px;
    }
    /* #running-wrap{padding: 20px 0;} */
    #steps-wrap h3{margin-bottom: 20px;}
    .menu-toggle #menu-btn{padding: 6px !important;}
    .menu-toggle #menu-btn{margin: 4px 20px 0 0 !important;}
    .ace-responsive-menu{top: 40px !important;}
    #res_links{top: 38px;}
	.wprt-counter .text{font-size:16px;}
	.wprt-counter .number{font-size:30px;}
	#banner_text h1{font-size:24px;}
	#pdf-wrap{width:445px;  margin:0 auto; text-align:center}
	.mark-projects-box{width:100%; 
margin: 8px 10px;}
.interior-inner-box{float:none; width:100%; padding:7px 23px;}
	#my-header-wrapper{padding:2px 4px;}
	#navbtn{    right: 0px;
    top: 6px;}

}
@media screen and (max-width:767px){
	.txt-running-box {    width:98%;    float: none;    margin: 0 auto;}
#elite-left{float:none; width:100%;}
	#elite-right{float:none; width:100%;}
	#elite-inner h3{text-align:center;}
	.border-lin{margin:0 auto;}
	#elite-inner h3{font-size:25px;}
	#my-testimnial-wrap h2,#works h2, #features h2,#about-warp-main h2,#some-product-wrap h2,#my-interior-wrap h2,#career_inner_form h2,#construction-left h2,#contact-lft h2,#contact-rgt h2,#contact-map h2,.vission-mission-box h2,#why-rgt h2,#sitemap-wrap h2{font-size:24px;}
	.vission-mission-box img{width:70px; height:70px;}
	#steps-wrap h3{font-size:22px}
	.steps-box{margin:30px 20px;}
	#why-rgt ul li{font-size:18px;}
	#enquir-form{padding:15px;}
}

@media screen and (max-width:640px){
    #running-wrap{flex-wrap: wrap;align-items: center;}
    .projects-inner-wrapper .common-project a{left: 7px;}
    .projects-inner-wrapper .common-project{width: 320px;}
    .first-shows{margin: 10px auto;}
	.wprt-counter .number{font-size:30px!important;}
	.wprt-icon-box > .dd-title{height:auto; padding:25% 0 0 0;}
	#banner_text h1{padding: 8px 20px;}
	#banner_text{top:6%;}
	#banner_text h1{font-size:15px;}        
	.productlogo_client{width:74%;}
	.productlogo_client ul{text-align:center}

}
@media screen and (max-width:576px){
    .contact-banner {
        height: 250px;
    }
}

@media screen and (max-width:480px){
    #recap {
        overflow: scroll;
    }
    .testi-para{margin-top: 44px;}
    .ih-item.circle.effect18 .info .info-back{width: 200px;height: 200px;margin: 0 auto;}
    .inner-test{border-width: 1em;}
    .ih-item.circle.effect18 .info h3{margin: initial;}
    .portfolio-new-wrapper{margin: 20px auto !important;}
    /* .external-wrapper .portfolio-new-wrapper{margin: 10px auto;} */
    .slider-contents{top: 50%;left: 20px;}
    .projects-inner-wrapper{padding: initial;}
		.we-offer-box {margin: 32px 0;} 
.my-box{width:100%;margin: 10px 0;}
	#pdf-wrap{width:96%;}
	.mark-projects-box{width:100%; margin:10px 0;}
}	
@media screen and (max-width:375px){
    .steps-box {
        margin: 30px 0px;
    }
    .interior-inner-box h3{font-size: 24px;padding: initial;text-align: center;}
    .interior-inner-box h3 img{padding: initial;margin-right: 8px;width: 28px;}
	#banner_text h1{font-size:15px;}
	#banner_text {    top: 11%;    left: 103px;}
}