@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'proximanovacondregular';
src: url('../fonts/proximanovacondregular.eot');
src: url('../fonts/proximanovacondregular.eot') format('embedded-opentype'),
url('../fonts/proximanovacondregular.woff2') format('woff2'),
url('../fonts/proximanovacondregular.woff') format('woff'),
url('../fonts/proximanovacondregular.ttf') format('truetype'),
url('../fonts/proximanovacondregular.svg#proximanovacondregular') format('svg');
}

@font-face {
font-family: 'proximanovacondsemibold';
src: url('../fonts/proximanovacondsemibold.eot');
src: url('../fonts/proximanovacondsemibold.eot') format('embedded-opentype'),
url('../fonts/proximanovacondsemibold.woff2') format('woff2'),
url('../fonts/proximanovacondsemibold.woff') format('woff'),
url('../fonts/proximanovacondsemibold.ttf') format('truetype'),
url('../fonts/proximanovacondsemibold.svg#proximanovacondsemibold') format('svg');
}
@font-face {
font-family: 'ProximaNova-Regular';
src: url('../fonts/ProximaNova-Regular.eot') ;
src: url('../fonts/ProximaNova-Regular.eot') format('embedded-opentype'),
url('../fonts/ProximaNova-Regular.ttf') format('truetype'), 
url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
body{margin:0; padding:0;  font-family: 'ProximaNova-Regular';}
p{ font-size:16px;  font-family: 'ProximaNova-Regular';}
h1{font-family: 'Squada One', cursive; font-size:59px;}
h2{font-family: 'Play', sans-serif; font-size:30px;}
h3{}
a:hover { text-decoration:none;}
section{margin-bottom:65px;}
.wrapper{position:relative;}
.top-bar{background-color:#484848; min-height:26px; width:100%;   padding-top:2px; color:#fff; height:27px;}
.top-bar p{font-size:14px; margin-bottom:0; line-height: 25px;}
.top-bar span{color:#fd4f00; text-transform:uppercase;}
.location{background-image:url(../images/location-icon.png); background-repeat:no-repeat; width:18px; height:18px; background-position:left -2px;}
.fax{background-image:url(../images/fax-icon.png); background-repeat:no-repeat; width:18px; height:18px; background-position:left -2px;    padding-left: 24px !important;}
.phone{background-image:url(../images/phone-icon.png); background-repeat:no-repeat; width:18px; height:18px; background-position:left -2px;     padding-left: 24px !important;}
.phone a{color:#fff;}
.phone a:hover{color:#ff7f00;}
.top-bar ul{padding:0; margin:0;     text-align: right;}
.top-bar ul li{display:inline-block; width:auto;    margin-left: 10px;   padding-left: 20px;}
.carousel-item {
height:80vh;
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.container { max-width:1170px;}
.carousel-caption{top:30%;right:inherit;background-color: rgba(255,255,255,0.8); left:7%; color: #000;text-align: left; padding:28px 43px;    height: fit-content;}
.display-4{ font-size:59px;font-family: 'Squada One', cursive;margin-bottom: 0; line-height: normal;}
.lead{font-size:35px;    font-family: 'proximanovacondregular';}
.carousel-indicators{ width: 1140px;  left: 0;  margin: 0 auto;  right: 0;}
.carousel-indicators li{ width: 32%; height: 20px;  background-color: #ff7f00; opacity:0; border: 0; display: inline-block;}
.carousel-indicators li .active{opacity:1}
.carousel-caption p img:first-child{padding-right:15px; border-right:1px solid #ddd; margin-right:15px; display:inline-block}
.header{    position: absolute; width: 100%; top: 27px; height: 81px; background-color: rgba(255,255,255,0.8);}
.banner{border-bottom:4px solid  #ff7f00;}

/*menu css starts*/
.logo{display:inline-block;}
.navbar { padding:0;  font-family:play;}
.navbar-nav { display:block; flex-direction: unset;}
#main-nav ul.navbar-nav li {float: left; position: relative; margin:0 10px; line-height:87px;}
#main-nav ul.navbar-nav li.active:before, #main-nav ul.navbar-nav li:hover:before { content:url(../images/left-nav-divider.png); position:absolute; left:-11px; top:10px;-webkit-transition: width 2s; /* Safari */
transition: width 2s;}
#main-nav ul.navbar-nav li.active:after, #main-nav ul.navbar-nav li:hover:after { content:url(../images/right-nav-divider.png); position:absolute; right:-11px; top:10px;-webkit-transition: width 2s; /* Safari */  transition: width 2s;}
#main-nav ul.navbar-nav li:first-child { margin-left:0;}
#main-nav ul.navbar-nav li:last-child { margin-right:0;}
#main-nav ul li a {font-size: 15px;color: #000;    text-decoration: none; font-weight:bold; letter-spacing:-0.3px;    padding-right: 15px;}
#main-nav ul li.active a:before, #main-nav ul li:hover a:before{background-image:url(../images/orange-plus-sign.png); background-repeat:no-repeat; background-position:right top; content:""; display:block; width:10px; height:10px;    position: absolute;
right: 0; top: 39px;}
#main-nav ul li a:before{background-image:url(../images/plus-sign.png); background-repeat:no-repeat; background-position:right top; content:""; display:block; width:10px; height:10px;    position: absolute;
right: 0; top: 39px;}
#main-nav ul li:hover a{color:#ff7f00}
#main-nav ul li a:hover,#main-nav ul li.active a { color:#ff7f00;}
.dropdown-menu { background: #fff; color: #000; padding:0; margin:0; border-radius:3px 3px; border:1px solid #eee; width:220px; top:88px; left:-100%;}
#main-nav ul li .dropdown-menu li { margin:0; float:none; border-bottom:1px solid #eee; position:relative; line-height:normal;}
#main-nav ul li .dropdown-menu li:last-child { border-bottom:none;}
#main-nav ul li .dropdown-menu li:first-child a { border-radius:3px 3px 0 0;}
#main-nav ul li .dropdown-menu li:last-child a { border-radius:0 0 3px 3px;}
#main-nav ul li .dropdown-menu li:before { content:none;}
#main-nav ul li .dropdown-menu li a { color:#000; font-weight:normal; padding:10px 15px; text-transform:capitalize; display:block;}
#main-nav ul li .dropdown-menu li a:hover { background:#2d7f19; color: #fff;}
.dropdown-submenu> a:after{content: "";float: right; width: 0;height: 0;transform: rotate(-90deg);position: absolute;right: 6px;top: 45%;border-top: .3em solid;border-right: .3em solid transparent;border-left: .3em solid transparent}
.dropdown-submenu>.dropdown-menu {top: 0;left: 100%;margin-top: 0px;margin-left: 0px;}
.dropdown-submenu:hover>.dropdown-menu {display: block;}
#main-nav ul li .dropdown-menu li.dropdown-submenu .dropdown-menu li a { border-radius:0;}
#main-nav .dropdown-submenu .dropdown-menu li a:hover { background:#000;}
#main-nav ul li .dropdown-menu li.dropdown-submenu .dropdown-menu li:first-child a {border-radius:3px 3px 0 0;}
#main-nav ul li .dropdown-menu li.dropdown-submenu .dropdown-menu li:last-child a {border-radius:0 0 3px 3px;}
.dropdown-submenu:after { content:none;}
.dropdown-caret { display:none;}
#main-nav button {  display: none;}
#main-nav {  float: right;}

/*menu css ends*/

.heading span{font-family: 'ProximaNova-Regular';  text-transform: uppercase; line-height: normal;}
.heading h2{text-transform:uppercase; font-weight:bold; margin: 0; line-height: normal;}
.heading:before{height:100%; width:7px; background-color:#ff7f00; content:""; position:absolute; left:-13px;}
.heading{position:relative;padding-left: 7px; margin-bottom:50px; border-left:2px solid #ff7f00;    margin-left: 11px;    height: 49px; }
.right-img img{max-width:100%; border:10px solid #ff7f00;}

.box1{ width:48%; margin-bottom: 31px;display:inline-block; min-height:293px; text-align:center;  position:relative;   padding-top: 0px;}
.box1:nth-child(2n){float:right;}
.box1 h2{font-size:21px; font-weight:bold; text-transform:uppercase; margin:20px 0px 15px 0px;}
.box1 a h2, .box1 a p{color:#000;}
.white-icon{display:none;}
.box1:hover .white-icon{display:block;}
.box1:hover .black-icon{display:none;}
.box1:before{    content: "";background: #ff7f00;  width: 3px; height: 125px;  display: block; position: absolute;
top: 0px;  left: -2px;}
.box1:hover{background-color: #ff7f00; color:#fff;}
.box1:hover:before{background-color:#000}
#experience-sec{background-image:url(../images/bg1.jpg);     background-size: cover; padding:80px 0px; width: 100%; background-attachment:fixed;    background-position: 35%; }
.left-img img{border:5px solid #ff7f00}

#experience-sec .heading{color:#fff;font-family: 'Play', sans-serif; height:auto; margin-top: 8px;  margin-bottom: 38px;}
#experience-sec .heading h2{    font-size: 41px;}
#experience-sec .heading span{font-size:26px;}
#experience-sec .heading span.heading-inner{font-size:63px; color:#ff7f00;    margin-top: -19px;
display: inline-block;}
#experience-sec p{color:#f5f4f4; padding-right: 26px;}

#client-logo{background-image:url(../images/clients-bg.jpg);background-size: cover; padding:80px 0px; width: 100%; background-attachment:fixed;    background-position: 35%; }
#client-logo .owl-carousel .owl-item .item{border:2px solid #b9babe}
#client-logo .owl-nav, .owl-dots{display:none;}

/*===footer starts===*/
#footer{ margin-top:0; background:#000000; color:#fff; padding:85px 0 30px 0; font-size:14px; font-family: 'Play', sans-serif;}
#footer a { color:#fff;}
#footer a:hover { color:#ff7f00; text-decoration:none;}
.footer-top { background:#000000 url(../images/bottom-footer-bg.jpg) no-repeat center top; background-size:cover; height:198px; width:100%; display:block;}
.footer-content-col img { margin-bottom:24px;}
.footer-content-col p { font-size:15px; line-height:normal; font-family: 'ProximaNova-Regular';}
#footer h5 { text-transform:uppercase; font-size:24px; margin-bottom:30px;}
#footer ul { list-style:none; margin:0; padding:0;}
#footer ul.footer-contact { margin-bottom:30px;}
#footer ul li { margin-bottom:14px;}
#footer ul li span { margin-right:12px; position:relative; top:-2px;}
#footer ul.footer-email li { display:inline-block; margin-bottom:0;}
#footer ul.footer-email li:last-child { margin-left:70px;}
#footer ul.footer-email li strong,#footer ul.career-email li strong { font-weight:normal; text-transform:uppercase; color:#ff7f00; font-size:16px;}
#footer ul.career-email { margin-top:20px;}
#footer ul.career-email li { margin-bottom:0;}
#footer ul.career-email h6 { text-transform:uppercase; font-size:15px; text-decoration:underline;}
#footer .footer-form .form-control { height:53px; border-radius:0; border:none;}
#footer .footer-form .form-group { margin-bottom:23px;}
#footer .footer-form button { border:1px solid #cc6600; background:none; color:#fff; font-family: 'ProximaNova-Regular'; padding:4px 20px; font-size:17px;}
button:focus { outline:none;}
.form-control:focus { box-shadow:none; outline:none;}
.pre-footer { background:#047832; font-size:14px; line-height:14px; color:#000; font-family: 'ProximaNova-Regular'; font-weight:bold; padding:7px 0 5px; text-align:center;}
/*===footer ends//===*/

/*===commercial retail page starts===*/
#subpage.banner { background:url(../images/commercial-retails-banner.jpg) no-repeat center top; background-size:cover; height:345px;}
#subpage.banner.plans { background:url(../images/plans-banner.jpg) no-repeat center top; background-size:cover; height:345px;}
#subpage.commercial-retails { text-align:center;}
#subpage h1 {font-family: 'Play', sans-serif; text-transform:uppercase; font-weight:bold; font-size:30px; background:url(../images/heading-divider-bg.png) repeat-x center bottom; display:inline-block; padding-bottom:35px; margin-bottom:30px;}
#subpage h1 { color:#000;}
#subpage h1 small { display:block; font-size:16px; font-family: 'ProximaNova-Regular';}
.commercial-retails p { line-height:normal;}
#project-section { margin-top:50px; font-family: 'ProximaNova-Regular';}
#project-section h2 { font-size:16px; margin-bottom:68px; text-transform:uppercase; font-family: 'ProximaNova-Regular'; font-weight:bold;}
#project-section .project-item { background:#ff7f00; padding:0 10px 10px 10px; margin-bottom:53px;}
#project-section .project-item img { max-width:100%; margin-top:-22px;}
#project-section .project-item h3 { font-size:16px; color:#fff; font-weight:bold; text-transform:uppercase; margin:0; padding:20px 5px 10px;}
.h-heading { text-align:center;}
.content-block { text-align:center; line-height:normal; margin-bottom:50px;}
/*===commercial retail page ends//===*/

/*===services page starts===*/
.services .box1 { width:100%; line-height:normal; min-height:254px; padding-top:28px; padding: 28px 10px 5px 10px; margin-bottom:0;}
.services .box1 img { height:250px; max-width:100%;}
.services .box1:hover{
	background: transparent;
}
.services .box1:before{
	top: 30px;
}
/*===services page ends//===*/

/*===contact us page starts===*/
.cotact h1 { font-size:38px;}
.contact .sub-heading { font-size:21px; font-weight:bold; color:#4f4949;}

.contact .sub-heading a{
	background: #ff7f00;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    padding: 8px 44px;
    line-height: normal;
    font-family: 'Play', sans-serif;
}

.contact label { width:240px; display:inline-block; background:#000; color:#fff; height:36px; vertical-align:top; padding:12px 13px; line-height:16px; position:relative; margin-right:23px;}
.contact label:after { position:absolute; content:url(../images/label-arrow.png); right: -12px;}
.contact .form-control { width:356px; display:inline-block; height:36px; border-radius:0; background:#f2f2f2; border-color:#cdbdbd;}
.contact textarea.form-control { height:156px;}
.contact button { background:#ff7f00; color:#fff; text-transform:uppercase; font-weight:bold; border:none; padding:8px 44px; line-height:normal; font-family: 'Play', sans-serif;    margin-left: 265px;}
.contact button:hover { background:#000;}
.contact-details { background:#f5f5f5; padding:10px 15px 15px; min-height:387px;}
.contact-details h2 { margin-bottom:10px;}
.contact-details h2,.contact-details h3 { font-size:18px; font-family: 'ProximaNova-Regular'; font-weight:bold; text-decoration:underline;}
.contact-details ul,.contact-details p { margin:0 0 10px 0; padding:0; list-style:none;}
.contact-details ul li { margin-bottom:5px;}
.contact-details h3,.contact-details h4 {font-size:16px;}
.contact-details h4 { color:#ff7c30; font-family: 'Play', sans-serif; font-weight:bold; text-transform:uppercase; margin-top:20px;}
.contact-details a { color:#212529;}
.contact-details a:hover { color:#ff7f00;}
/*===contact us page ends//===*/

/*===key-personnel page starts===*/
.key-personnel .img-section { max-width:296px; margin-left:30px; position:relative;}
.key-personnel .img-section:before,.key-personnel .img-section:after { content:""; background:url(../images/img-corder.png) no-repeat left top; width:79px; height:75px; display:block; position:absolute; bottom:0;}
.key-personnel .img-section:before { bottom:-12px; left:-12px;}
.key-personnel .img-section:after { top:-12px; right:-12px; transform: rotate(180deg);}
.key-personnel .career { background:#eee;}
#team { line-height:normal; margin-top:100px;}
#team:first-child { margin-top:0;}
#team h2 { font-size:34px; color:#ff7f00; font-weight:bold; text-transform:uppercase; margin-top:-20px;}
#team h2 small { display:block; color:#000; font-weight:bold; font-size:19px; text-transform:none; margin-top:10px; margin-bottom:20px;}
#team .career { padding:15px 20px;}
#team .career .content-block {display:inline-block; width:232px; margin:0; text-align:left; vertical-align:top;}
#team .career .content-block ul { list-style:none; margin:0; padding:0;}
#team .career .content-block ul li:first-child { color:#f46a0d; font-weight:bold;}
#team .career .content-block ul li:nth-child(3){ color:#000; text-transform:uppercase;}
#team .career hr { border-color:#000;}


#team-list .col-md-4{
	margin-bottom: 30px;
}

#team-list .col-md-4 img{
	max-width: 100%;
}

#team-list .col-md-4 p.highligh{
	color: #f46a0d;
	font-size: 19px;
}
.key-personnel p{
	margin: 20px 0px;
	text-align: center;
	line-height: 8px;
}




/*===key-personnel page ends//===*/

.refrences{background-image:url(../images/refreence-top-bg.jpg); background-repeat:no-repeat; margin-top:-65px; padding:65px 0px;height: auto;
    background-size: cover;}
.refrences .box1{background-color: #fff;-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.13);
-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.13);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.13); border:0;  min-height:inherit;  width: 100%;}
.refrences .box1:before{content:none;}
.bottom-sec{    background-color: #000;  color: #fff;  padding: 18px 38px; min-height: 108px; text-transform: uppercase;}
.bottom-sec p{margin-bottom:0}
.bottom-sec a{color:#ff7f00}
.refrences .content-block{    margin-bottom: 12px;}
.refrences .box1:hover h2{color:#000}

.clients-refrences .h-heading h2{text-transform:uppercase; font-family: 'Play', sans-serif; text-transform:uppercase; background:url(../images/heading-divider-bg.png) repeat-x center bottom; display:inline-block; padding-bottom:35px; margin-bottom:30px;    font-weight: bold; color:#ff7f00; font-size:31px;}

.clients-logo-box{background-color:#f3f3f3;-webkit-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.13);
-moz-box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.13);
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.13); padding:25px 22px; text-align:center; min-height:280px; margin-bottom:30px; height: 300px;}
.clients-logo-box .box-image{border-bottom:1px solid #ddd; padding-bottom:15px;     min-height: 98px;}
.clients-logo-box .box-image img{max-width:99%;}
.clients-logo-box p{    margin-bottom: 0;  line-height: 19px;  font-size: 14px;}
.clients-logo-box  h4{font-family: 'Play', sans-serif; font-size:16px; font-weight:bold; margin:15px 0px;}
.gallery img { max-width:100%;}
.gallery .gallery-col { text-align:center; margin-bottom:30px;}
.gallery .gallery-col a { color:#fff;}
.gallery .gallery-col a:hover span { background:#ff7f00;}
.gallery .gallery-col span { background:#000; display:block; padding:10px; text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-size:14px;}


#about-us .heading{
	height: 36px;
}






.top-bar ul.license li {
    font-size: 10px !important;
    margin-left: 0;
    padding-left: 6px;
}



.logos{
	text-align: center;
   }

.logos .item{
	display: inline-block;
	margin-right: 10px;
}

.logos .item img{
	margin: 10px 0px;
	border: 2px solid #b9babe;
	
}


.col-md-12.btn{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.box1.commercial{
	background: #ff7f00;
	color: white;
	min-height: 390px;
}

.btn-1{
	background: #ff7f00;
	border: none;
	border-radius: 6px;
	padding: 5px 20px;
	margin-top: 45px;
}

.box-image{
	border: 1px solid #aeaeae;
	
}

/*.box1 .box-image span.black-icon img, span.white-icon img{
	width: 100%;
}*/

.box-image img { max-width:100%!important; height:auto;}
.box1 p{
	padding: 3px;
}	

.btn-1 a{
	color: white;
}


.contact button.plans{
	margin-left: 0px; 
}
.contact button.plans a{
	color: white;
	
}

/**video**/

.embed-responsive{
	max-width:524px;
	border: 5px solid #ff7f00;
	height:400px;
	object-fit:cover;
}


.videoWrapper {
	position: relative;
   object-fit: cover;
	border:none;
	
}
.videoWrapper source {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

.contact .sub-heading.lowercase a{
	text-transform: unset;
}

@media(max-width: 1024px){
	.key-personnel .img-section{
		margin-left: 0px;
	}
}


@media(max-width: 900px){
	.box1{
		width: 100%;
	}
	.box-1 .box-image .black-icon img{
		max-width: 100%;
		margin: auto;
	}

}