/* general settings */
html {
  min-height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  position:relative;
  width:100%;
}
body {
  background-color:#fff;
  color:#000;
  font-weight:600;
  margin:0;
  min-height:100%;
  width:100%;
}

.greyme{background:#ddd;}
.fiildefault{height:200px;}
.textcenter{text-align:center;}
.imageFill{ width:100%;height:300px; }
.textjustify{text-align:textjustify;}

.fa.abtQuoteL
{
	font-size: 50px;
	position: absolute;
	color: rgb(255, 205, 17);
	left: 60px;
}

.fa.abtQuoteR
{
	font-size: 50px;
	position: absolute;
	color: #FFB400;
	right: 80px;
	bottom: 30px;
}

a {
  text-decoration:none;
}
a img {
  border:none;
}

input,textarea {
  -webkit-appearance:none;
  background-color:#f7f7f7;
  border:none;
  border-radius:3px;
  font-size:1em;
  font-weight:100;
}
input:focus,textarea:focus {
  border:none;
  outline:2px solid #7ed7b9;
}

.pull-left {
  float:left;
}

.pull-right {
  float:right;
}

.wrap {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0 auto;
  max-width:1420px;
  overflow:hidden;
  padding:0 50px;
  position:relative;
  width:100%;
}
.wrap:before {
  content:'';
  display:inline-block;
  height:100%;
  margin-right:-0.25em;
  vertical-align:middle;
}

/* header section */
.header
{
	position: fixed;
	width:100%;
	/*height:150px;*/
	height:60px;
	z-index:999;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	background: rgba(0, 0, 0, 0.65) none repeat scroll 0% 0%;
	/*margin-top: 0px;*/
	margin-top: 35px;
}

.header nav ul li
{
	float: left;
}

.header nav ul
{
	float:none;
	margin: 0px auto;
	/*width: 39%;*/
	/*width: 46%;*/
	width: 50%;
	min-width: 765px;
	font-size: 13px;
	/*min-width: 788px;*/
}


.header nav ul li:last-child{
    padding: 20px 0px 0px 15px;
}

.header nav ul li:first-child{
    padding: 20px 8px 0px 0px;
}

.header nav ul li
{
	list-style-type: none;
	padding: 20px 7px 13px;
}

.header nav ul li#logo
{
	padding: 13px 13px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	/*margin-top: -9px;*/
	margin-top: -45px;
}

.header nav ul li a
{
	font-weight: 600;
	color:#fff;
	text-shadow: 0px 0px 7px #000;
	letter-spacing: 0.6px;
}

#menumobile
{
	width:30px;
	height:21px;
	background: linear-gradient(#FFB400 25%, transparent 7%);
	position:absolute;
	right:10px;
	top:-12px;
	margin: 30px;
	cursor:pointer;
	z-index:999;
}

#menumobile:after
{
	content:"";
	width:30px;
	height:5px;
	background:#FFB400;
	position:absolute;
	right:0px;
	top:20px;
	cursor:pointer;
}

#menumobile:before
{
	content:"";
	width:30px;
	height:5px;
	background:#FFB400;
	position:absolute;
	right:0px;
	top:10px;
	cursor:pointer;
}

.hSocial{
	float:left;
	padding: 20px 60px 0px;
}

.hSocial .fa{
	font-size: 20px;
    border: 3px solid;
    border-radius: 50%;
    padding: 10px;
    height: 17px;
    width: 17px;
	color:#FF0;
	/*color:#000;*/
	text-align: center;
	margin-top: -11px;
}

.hRent
{
	float: right;
	/*margin-top:54px;*/
	margin-top:16px;
	padding:5px 10px;
	border:2px solid #FFB400;
	color:#FFB400;
	margin-right:20px;
	font-weight: 800;
	cursor:pointer;
	position:relative;
	text-shadow: 0px 0px 7px #000;
}

.hRent:after
{
	background:#FFB400;
	content:"";
	position:absolute;
	width:100%;
	bottom:0px;
	height:0px;	
	left:0px;
	z-index:-1;
}

.hRent:hover
{
	color:#000;
	text-shadow:none;
}

.hRent:hover:after
{
	height:33px;	
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}

.hRent2
{
	padding:5px 0px;
	border:1px solid #000;
	color:#000;
	font-weight: 600;
	cursor:pointer;
	position:relative;
	width:180px;
	text-align:center;
	clear:both;
}

.hRent2 a
{
	color:#000;
}

.hRent2 span
{
	margin-left: 13px;
	font-size:12px;
}

.hRent2 span:hover
{
	color: #595959;
}

.hRent2 .fa
{
	font-size: 24px;
	left: 10px;
	position: absolute;
	top: 4px;
}

.btnHolder
{
	float: left;
	width: 100%;
}

.contactWrap{
	background:rgba(0,0,0,0.9);
	padding:15px;
	float:right;
	margin:10px;
	height: 710px;
	
	position: absolute;
	max-width: 400px;
	min-width: 350px;
	top: 180px;
	left:10%;
}

.contactWrap h1
{
	font-weight:900;
}

.contactWrap h1 .color_yellow {
    color: #ff0;
}

.contactWrap p
{
	color:#fff;
	margin-bottom:10px;
}

.cntholder{
	position:absolute;
	width:100%;
	top: 180px;
}

#contactForm label
{
	color:#fff;
}

#contactForm input[type="text"], #contactForm textarea, #contactForm  input[type="email"]
{
	border:none;
	border-radius:0px;
	padding:5px 10px;
	width:100%;
	height:auto;
	margin-bottom:15px;
}

#contactForm  textarea
{
	height:150px;
}

#contactForm  input[type="text"]:focus, textarea:focus
{
	border:1px solid #FFB400;
}

#messages
{
	color:#fff;
}

#messages.messages_decent {
    color: #000;
    background: rgb(239, 239, 239) none repeat scroll 0% 0%;
    width: 92%;
    padding: 5px 10px;
    margin-bottom: 20px;
	float: left;
}

.bbcontactinfo
{
	margin-bottom:15px;
	float:left;
	width:100%;
}

.bbcontactinfo p
{
	color:#fff;
	margin-bottom:0px;
	font-size:11px;
}

.recapWrap{
	margin-bottom:10px;
}

.header.smaller 
{
	height: 75px; 
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	box-shadow: 0px -44px 30px 24px #000;
	margin-top: 1px;
}

.header.smaller .hSocial .fa
{
	color:#000;
}


.logo-sm
{
	display:none;
}

.header.smaller .logo-sm 
{
	display:block
}

.header.smaller .logo
{
	display:none;
}

.header.smaller nav ul li#logo {
    margin-top: 0px;
	padding:0px;
}

.smaller 
{
	background:#fff;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}

.header.smaller h1#logo {
	width: 150px;
	height: 75px;
	line-height: 75px;
	font-size: 30px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}

.header.smaller nav a {
color: #000;
}

.header.smaller nav ul li{
	padding: 29px 11px 13px;
}

.smaller .hRent
{
	margin-top:20px;
	text-shadow:none;
}

.smaller .hSocial
{
	margin-top:10px;
	padding:18px 60px 0px;
}	

.header.smaller nav ul li a
{
	text-shadow: none;
}

.header.smaller nav ul li#logo img
{
	width:127px;
	text-align:center;
}

@media all and (max-width: 879px) {

.header nav ul.showMenu
{
	display: inline;
	position: fixed;
	background: rgba(0,0,0, 0.95);
	height: 100%;
	width: 100%;
	left: 0px;
	padding-top: 40%;
}

.header nav ul.showMenu li:last-child {
	border-bottom:none;
}

.header nav ul.showMenu li {
    list-style-type: none;
    width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	margin:0px;
	padding:0px;
}

.header nav ul.showMenu li a
{
	text-shadow: none;
	color:#fff !important;
    padding: 10px 50px;
	float:left;
	width:100%;
	position:relative;
}

.header nav ul li:last-child, .header nav ul li:first-child {
    padding: 0px;
}

.header nav ul.showMenu li a:after
{
	content:'';
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 12px solid #FFB400;
	position: absolute;
	top: 10px;
	right: 10px;
}

#logo.showMenuLogo {
    padding: 10px 20px;
    width: 100px;
    z-index: 9999;
    position: absolute;
}

.header nav ul.showMenu li:hover{
	background:#FFB400;
}

.header nav ul.showMenu li:hover > a{
	color:#000 !important;
}

.showMenu .searchForm 
{
	display:none;
}

#bbSlogan{
	width:350px;
	right:0px !important;
}

.slideshow {
    height: 574px !important;
}

}


@media all and (max-width: 679px) {
	#bbSlogan{
		width:250px;
		right:0px !important;
	}
}

@media all and (max-width: 479px) {
	#bbSlogan{
		width:150px;
		right:0px !important;
	}
}

.btn
{
	background:#000;
	color:#fff;
	padding: 0px 10px;
	border-radius: 0px;
	border: none;
	position:relative;
	overflow: hidden;
	font-size: 12px;
	width: 180px;
	text-align: left;
}

.btn:hover
{
	color:#fff;
}

.btn:hover:before
{
	right: -55px;
	transition:all 0.5s ease-in-out;
	-moz-transform: all 0.5s ease-in-out;
	-ms-transform: all 0.5s ease-in-out;
	-o-transform: all 0.5s ease-in-out;
	-webkit-transform: all 0.5s ease-in-out;
}

.btn:hover .fa
{
	right: 10px;
	transition:all 0.5s ease-in-out;
	-moz-transform: all 0.5s ease-in-out;
	-ms-transform: all 0.5s ease-in-out;
	-o-transform: all 0.5s ease-in-out;
	-webkit-transform: all 0.5s ease-in-out;
}

.btn .fa{
	color:#000;
	position: absolute;
	right: 20px;
	top: 10px;
	font-size:20px;
}

.btn:before
{
	content: "";
	position: absolute;
	width: 120px;
	background: #FF0;
	top: 0px;
	height: 65px;
	right: -37px;
	transform: rotate(-73deg);
	-moz-transform: rotate(-73deg);
	-ms-transform: rotate(-73deg);
	-o-transform: rotate(-73deg);
	-webkit-transform: rotate(-73deg);
}


.welcomehead
{
	font-size: 50px;
	font-weight: bold;
	position:relative;
}

.welcomehead span
{
	position: absolute;
	font-size: 30px;
	top: -30px;
}

.underlineme
{
	text-decoration:underline;
}

.topServices
{
	min-height:300px;
	margin-bottom:15px;
	min-width:350px;
}

.topServices_full
{
	min-height:300px;
	margin-bottom:15px;
	min-width: 270px;
	margin-left: 2% !important;
}


.tp_image
{
	background:#eee;
	height:230px;
	position:relative;
	overflow:hidden;
	z-index: 1;
}

.tp_image:after
{
	content: "";
	position: absolute;
	width: 130%;
	background: #fff;
	top: 177px;
	transform: rotate(-11deg);
	-moz-transform: rotate(-11deg);
	-ms-transform: rotate(-11deg);
	-o-transform: rotate(-11deg);
	-webkit-transform: rotate(-11deg);
	height: 100%;
}

.tp_image
{
	background-size:cover;
}


.topServices_full .tp_info
{
	float: none;
	margin: -108px auto 0px;
	width: 80%;
	min-width: 271px;
	max-width: 300px;
	min-height: 245px;
	position: relative;
	z-index: 3;
	background: transparent url("../images/box.png") no-repeat scroll 0% 0% / cover;
	padding: 52px 0px 0px;
}

.tp_infoboxb
{
	background: transparent url("../images/boxBig.png") !important;
	padding: 70px 0px 0px !important;
	background-repeat: no-repeat !important;
}

.topServices_full .tp_info p
{
	margin-bottom:0px;
	height:130px;
}

.tp_info
{
	float: none;
	margin: -120px auto 0px;
	width: 80%;
	min-width:334px;
	max-width:334px;
	min-height: 210px;
	position: relative;
	z-index: 3;
	background:url(../images/box.png);
	background-repeat:no-repeat;
	padding: 70px 0px 0px;
}

.tp_info h1{
	font-size:20px;
	font-weight:600;
	padding-left:45px;
	position:relative;
}

.tp_info h1:before{
	content: "";
	position: absolute;
	background:#FFB400;
	width: 6px;
	height: 30px;
	left:18px;
	top:-3px;
	z-index:-1;
}

/*.tp_info:hover h1:before{
	width:210px
	width:80%;
	transition:all 0.5s ease-in-out;
}*/
/*
.tp_info:hover h1
{
	color:#fff;
}*/

.styleme
{
	font-size: 16px;
	font-weight: 400;
}

.tp_info p{
	color:#383838;
	padding:16px;
	margin-bottom: 1rem;
}

.tp_info a
{
	color:#000;
	font-weight:600;
	padding:10px 16px;
}

.newsSection h1
{
	font-size:40px;
	font-weight:600;
}

.tp_tri img
{
	width:100%;
}

.tp_tri
{
	position: absolute;
	top: -62px;
	left: 0px;
}

.pageBanner
{
	background:url(../images/Slide-01.png);
	padding-top: 250px;
	height: 40px;
	background-attachment:fixed;
}

.mobileOnly
{
	display:none;
}

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 660px) {
  /* =Header
  -------------------------------------------------------------- */

.header.smaller 
{
height: 75px; 
}

.header.smaller h1#logo 
{
height: 40px;
font-size: 30px; 
}

.header.smaller nav 
{
height: 35px; 
}

.header.smaller nav a 
{

} 

.mobileOnly
{
	display:inline;
}

.header {
  margin-top:0px;
}
	

.cd-dropdown, .cd-select {
    float: left;
    margin-left: 16px;
}


.columns.firstServ, .column.firstServ {
    margin-left: 0% !important;
}


}


@media all and (max-width: 1400px) {

	
	.tp_info
	{
		min-width: 278px;
	}
	
	.topServices:first-child{
		margin-left:0%;
	}
	
	.column.topServices, .columns.topServices
	{
		margin-left:2%;
		min-width: 295px;
	}
	
	.pageBanner 
	{
	    background-size: cover;
	}

	/*.headTitleWrap
	{
		min-width:auto;
	}*/
	
	.headTitle {
		font-size: 20px;
		padding: 7px 162px 0px;
	}
}

@media all and (max-width: 1150px) {

	.header nav ul {
		float: none;
		margin: 0px auto;
		width: 50%;
		min-width: 860px;
	}

	.header nav ul li#logo img{
		width:150px;
	}

	.header nav ul li {
		list-style-type: none;
		padding: 20px 5px 13px;
	}
	
	.hRent {
		font-size: 10px;
		overflow:hidden;
	}

}

.mobile
{
	display:none;
}


#bbSlogan
{
	position: absolute;
	top: 230px;
	z-index: 9;
	right: 14%;
}

.underlineme
{
	text-decoration:underline;
}

.slideshow
{
	float:left;
	width:100%;
	position:relative;
	height:690px;
	z-index:0;
}

.slideshow img
{
	width:100%;
}

#searchBar
{
	border-right:1px solid #FFB400;
	border-top:1px solid #FFB400;
	border-bottom:1px solid #FFB400;
	padding: 5px 10px;
	position: relative;
	cursor:pointer;
}

#searchBar:before{
	content:"";
	width: 2px;
	height: 31px;
	background: #FFB400;
	position: absolute;
	left: -6px;
	top: -2px;
	transform: rotate(23deg);
	-moz-transform: rotate(23deg);
	-ms-transform: rotate(23deg);
	-o-transform: rotate(23deg);
	-webkit-transform: rotate(23deg);
}

#searchBar:after{
	content:"";
	width: 100%;
	height: 1px;
	background: #FFB400;
	position: absolute;
	left: -11px;
	bottom: -1px;
}

#searchBar .fa{
	color:#FFB400;
}

#searchInput
{
	width: 244px;
	position: absolute;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	margin-left: -50px;
	margin-top: -25px;
	display:none;
}

input[type="text"].searchb 
{
	margin-top: -3px;
	margin-right: -3px;
	border-radius: 0px;
	border: none;
	padding: 0px;
	height: 29px;
	width:0px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}

#searchInput.extSearch
{
	display:inline;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	margin-left: -207px;
	width: 244px;
	margin-top: -25px;
}

.extSearch input[type="text"].searchb 
{
	width:210px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	padding: 0px 8px;
	outline:none;
}

.searchFormButton
{
	padding: 0px;
	border-radius: 0px;
	height: 29px;
	border: none;
	background:#FFB400;
	display:none;
	width: 30px;
}

.extSearch .searchFormButton
{
	display:inline;
}

.column.nomarg, .columns.nomarg
{
	padding:0px;
	margin-left:0px;
}

.introSection h1
{
	font-weight:900;
	margin-top:0px;
}

.ourprojSection
{
	height:600px;
	margin-bottom:40px;
}

.ourprojSectionText p
{
	font-size: 16px;
	font-weight: 400;
}

.ourprojSectionText h1
{
	font-size:50px;
	font-weight:bold;
}

.ourprojSectionImg img
{
	width:100%;
}

.stage h1
{
	border-bottom:1px solid #DAC494;
	padding-bottom:10px;
}

.smallText{
	font-size:11px;
	margin: -15px 45px 0px;
	float: left;
}

.updatesSection
{
	border-top:1px solid #ddd;
	margin-top:10px;
}

.introSection
{
	min-height:200px;
	margin-top:80px;
	text-align:justify;
}

.introSection div
{
	margin-left:0px;
}

.introSection p
{
	font-size: 16px;
	font-weight: 400;
}

.mainServiceWrap
{
	min-height:160px;
	position:relative;
	width:46%;
	margin-bottom:20px;
	float: left;
	margin-right: 12px;
}

.mainServiceWrap img
{
	width:100%;
}

.mainServiceWrap span
{
	position:relative;
	bottom:5px;
	font-size:20px;
	left:0px;
	width:100%;
	float: left;
	margin-left: 9px;
	margin-top: 20px;
}

.mainServiceWrap span button
{
	margin-right: 10px;
	margin-bottom: 10px;
}

.color_yellow
{
	color:#FFB400;
}

.color_white
{
	color:#fff;
}

/* footer section */

.footer
{
	height:235px;
	background:url(../images/footer-bg.png);
	padding-top:155px;
	position:relative;
	overflow:hidden;
}

.footer h1{
	font-weight:800;
	color:#000;
	text-shadow:0px 0px 7px #EBDEB9;
}

.footerLinks a
{
	color:#fff;
	border-right:1px solid #fff;
	padding:0px 5px;
	font-size:11px;
}

.fSocial
{
	padding:10px 10px 4px;
	background:#FFB400;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	width:140px;
	font-size:24px;
	font-weight:bold;
	float:none;
	margin:0px auto;
	margin-bottom:20px;
	color:#000;
}

.footerLinks a:last-child
{
	border-right:none;
}

.footerLinks  p, .footer  p
{
	color:#fff;
}

.footer .copyright 
{
	margin-top:20px;
}

/* other objects */
.projectObj {
  color:#fff;
  display:block;
}
.projectObj .name {
  float:left;
  font-size:4em;
  font-weight:100;
  position:absolute;
  width:42%;
}
.projectObj .img {
  float:right;
  margin-bottom:5%;
  margin-top:5%;
  width:30%;
}

.paddRow {
  background-color:#fff;
  color:#000;
  display:none;
  /*padding-bottom:40px;*/
}
.paddRow.aboutRow {
  color:#000 !important;
  display:block;
}
.paddRow .head {
  font-size:4em;
  font-weight:100;
  margin:0px 0;
}
.paddRow .close {
  cursor:pointer;
  position:absolute;
  right:50px;
  top:80px;
  width:38px;
}

.headTitleWrap
{
	/*float:none;
	width:79%;
	margin:0px auto;
	height: 80px;
	min-width: 500px;*/
	
	box-sizing: border-box;
	margin: -50px auto 0px ;
	max-width: 1420px;
	overflow: hidden;
	padding: 0px 50px;
	position: relative;
	width: 100%;
	height: 80px;
}

.headTitleWrap:after
{
	content:'';
	position:absolute;
	width: 0; 
	height: 0; 
	border-top: 54px solid transparent;
border-bottom: 0px solid transparent;
border-left: 52px solid #000;
}

.headTitle
{
	/*background:url(../images/title-bg.png);*/
	background: rgb(0, 0, 0);
	/*background-repeat:no-repeat;*/
	font-size:25px;
	color:#fff;
	padding: 7px 23px 0px;
	height:47px;
	float: left;
	position:relative;
}

.headTitle .color_yellow {
    color: rgb(255, 255, 0);
}

@media all and (max-width: 650px){
	.headTitle {
    	font-size: 17px;
		height: 34px;
	}
	
	.headTitleWrap::after {
    	border-top: 41px solid transparent;
	}
}

.about {
  color:#818181;
}
.about section {
  margin:0 0 10%;
}
.about .head {
  font-size:4em;
  font-weight:100;
  margin:3% 0;
}
.about .subHead {
  font-size:2.5em;
  font-weight:100;
  margin:0 0 3%;
}
.about .txt {
  width:60%;
}
.about .image {
  width:26%;
}
.about .flLeft {
  float:left;
}
.about .flRight {
  float:right;
}

.projectHead.product {
  background-color:#87b822;
}
.projectHead .picture {
  margin-bottom:6%;
  margin-top:6%;
}
.projectHead .picture.right {
  margin-right:-3.5%;
}
.projectHead .text {
  position:absolute;
  width:49%;
}
.projectHead .centerText {
  margin:0 auto;
  padding-bottom:24%;
  padding-top:6%;
  text-align:center;
  width:55%;
}

.image {
  text-align:center;
}
.image img {
  vertical-align:top;
  width:100%;
}

.contactForm {
  width:50%;
}

.input {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:1% 0;
  padding:12px 14px;
  width:47%;
}
.input.email {
  float:right;
}

button {
  border:none;
  cursor:pointer;
}
.textarea {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  height:200px;
  margin:1% 0;
  overflow:auto;
  padding:12px 14px;
  resize:none;
  width:100%;
}

::-webkit-input-placeholder {
  color:#a7a7a7;
}
:-moz-placeholder {
  color:#a7a7a7;
}
::-moz-placeholder { /* FF18+ */
  color:#a7a7a7;
}
:-ms-input-placeholder {
  color:#a7a7a7;
}

.loader {
  -moz-animation:loader_rot 1.3s linear infinite;
  -o-animation:loader_rot 1.3s linear infinite;
  -webkit-animation:loader_rot 1.3s linear infinite;
  animation:loader_rot 1.3s linear infinite;
  height:80px;
  width:80px;
}
@-moz-keyframes loader_rot {
  from {
    -moz-transform:rotate(0deg);
  }
  to {
    -moz-transform:rotate(360deg);
  }
}
@-webkit-keyframes loader_rot {
  from {
    -webkit-transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
  }
}
@keyframes loader_rot {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

.view-enter,.view-leave {
  -moz-transition:all .5s;
  -o-transition:all .5s;
  -webkit-transition:all .5s;
  transition:all .5s;
}
.view-enter {
  left:20px;
  opacity:0;
  position:absolute;
  top:0;
}
.view-enter.view-enter-active {
  left:0;
  opacity:1;
}
.view-leave {
  left:0;
  opacity:1;
  position:absolute;
  top:0;
}
.view-leave.view-leave-active {
  left:-20px;
  opacity:0;
}

@media (max-width: 879px) {

	.header nav ul, .hRent, .hSocial {
		display:none;
	}
	
	.header nav ul li#logo
	{
		display:none;
	}
	
	.mobile
	{
		display:inline;
	}
	
	.column.topServices, .columns.topServices, .column.topServices:first-child, .columns.topServices:first-child
	{
		float:none;
		margin:0px auto;
	}
	
	/*.slideshow {
		height: auto;
	}*/
	
	#logo img
	{
		padding: 2px 20px;
		width: 100px;
	}
	
	.ourprojSection {
		height: auto;
	}
	
	.introSection h1 {
		margin-left:0px;
	}
	
	.introSection
	{
		margin-bottom:20px;
	}
	
	.footer {
		height: 279px;
		padding-top: 0px;
		background-size: cover;
	}
}

@media (max-width: 650px) {
	
	.ourprojSectionText {
		padding: 20px;
	}
	
}



@media (max-width: 1200px) {
    body {
      font-size:90%;
    }

    header {
      height:80px;
    }
    header .logo {
      margin-top:12px;
      width:200px;
    }
    header nav {
      margin-top:11px;
    }
    header nav ul li {
      margin-right:12px;
    }
    header nav ul li a {
      border-radius:23px;
      font-size: 1.3em;
      padding:10px 12px;
    }
    .wrap {
      padding:0 30px;
    }
    .paddRow .close {
      right:30px;
    }
}


	
@media (max-width: 900px) {
    .contactForm {
      width:100%;
    }
}

@media (max-width: 768px) {
    body {
      font-size:80%;
      margin:0;
    }
    h1 {
      font-size:4em;
    }
    header {
      height:70px;
    }
    header .logo {
      margin-top:20px;
      width:70px;
    }
    header nav {
      margin-top:8px;
    }
    header nav ul li {
      margin-right:5px;
    }
    header nav ul li a {
      border-radius:20px;
      font-size:1.1em;
      padding:8px;
    }
    .wrap {
      padding:0 15px;
    }
    .projectObj .name {
      font-size:3em;
    }
    .paddRow {
      padding-bottom:30px;
    }
    .paddRow .head {
      font-size:3em;
      margin:30px 0;
    }
    .paddRow .close {
      right:20px;
      top:60px;
      width:30px;
    }
    .projectHead .picture {
      width:67%;
    }
    .projectHead .picture.right {
      margin-right:16.5%;
    }
    .projectHead .text {
      position:static;
      width:100%;
    }
    .projectHead .centerText {
      width:70%;
    }
    .view-enter,.view-leave {
      -webkit-transform:translate3d(0,0,0);
      transform:translate3d(0,0,0);
    }
}

@media (max-width: 480px) {
    body {
      font-size:70%;
      margin:0;
    }
	
    header {
      height:50px;
    }
    header .logo {
      display:none;
    }
    header nav {
      margin-top:3px;
    }
    header nav ul li {
      margin-right:3px;
    }
    header nav ul li a {
      border-radius:20px;
      font-size:1.3em;
      padding:5px 14px;
    }
    #contactBtn {
      display:none;
    }
    .wrap {
      padding:0 10px;
    }
    .paddRow {
      padding-bottom:20px;
    }
    .paddRow .head {
      margin:20px 0;
    }
    .paddRow .close {
      right:10px;
      top:45px;
      width:20px;
    }
    .about .image {
      margin:10% auto;
      width:60%;
    }
    .about .abIcon {
      display:inline;
    }
    .projectHead .centerText {
      width:90%;
    }
    .about .txt,.input {
      width:100%;
    }
    .about .flLeft,.about .flRight,.input.email {
      float:none;
    }
	
	.contactWrap
	{
		max-width: 94%;
		left:0px;
	}

}

/*.servicerow .column, .servicerow .columns {
    margin-left: 8%;
}*/

.servicerow .one-third.column {
    width: 27.667%;
}

.infoblock
{
	padding:15px 20px;
	background:#000;
	color: rgb(255, 255, 0);
	float:left;
	/*width:100%;*/
}

.boldme
{
	font-weight:800;	
}

.highlightme{
	font-weight:800;	
	text-decoration:underline;
	color:#FFB400;
}

.highlightme2
{
	font-weight:800;	
	font-size:30px;
	top: -32px;
	position: relative;
}

.categoryblock
{
	padding:30px 10px;
	border-bottom:1px solid #dac494;
	border-top:1px solid #dac494;
	float:left;
	/*width:100%;*/
	margin:15px 0px;
}

.pageblock
{
	padding:30px 0px;
	border-bottom:1px solid #dac494;
	border-top:1px solid #dac494;
	float:left;
	width:100%;
	margin:34px 0px;
}

.pageblock p
{
	color:#000;
	/*border-bottom:1px solid #DAC494;*/
	margin-bottom:0px;
	position:relative;
}

.pageblock p.activePageLink
{
	font-weight:600;
}

.pageblock p.activePageLink:before
{
	content: "";
	position: absolute;
	background:#FFB400;
	width: 6px;
	height: 20px;
	left:0px;
	top:2px;
	z-index:1;
}

.pageblock a
{
	color:#000;
	padding-left: 15px;
}

.pageHolder 
{
	display:none;
}

.pageHolder.activePage{
	display:inline;
}

#pagesSection
{
	float:left;
	width:100%;
	min-height:300px;
}

/* EQUIPTMENT RENTALS */
.eqwrap
{
	border:1px solid #dac494;
	background:#fff8e9;
	min-height:250px;
	margin-bottom:25px;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	position: relative;
}

.eqwrap:hover
{
	border-color:#744E35;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}


		
		.rratehov{
			position: absolute;
			bottom: 35px;
			width: 100%;
			text-align: center;
			color: #FF0;
			background: rgba(0,0,0,0.8);
			padding: 10px 0px;
			opacity:0; 
			transition:all 0.1s ease-in-out;
			-webkit-transition:all 0.1s ease-in-out;
			-ms-transition:all 0.1s ease-in-out;
		}
		
		.eqwrap:hover .rratehov
		{
			bottom: 42px;
			opacity:1; 
		}
		
		.eq_image
		{
			float:left;
			width:100%;
			height:220px;
			background:#fff;
		}
		
		.eq_image img
		{
			width:100%;
		}
		
        .eq_name
		{
			float:left;
			width:94%;
			padding:10px;
			position:relative;
			color:#000;
		}
		
		.pageIntroCaption p
		{
			font-weight: 500;
			font-size: 16px;
		}
		
		
		.eqwrap.column, .eqwrap.columns {
			margin-left: 2%;
		}
		
		.eqwrap.column:first-child, .eqwrap.columns:first-child {
			margin-left: 2%;
		}
		
		@media (max-width: 480px) {	
			.eqwrap.column, .eqwrap.columns, .eqwrap.column:first-child, .eqwrap.columns:first-child {
				margin-left: 0%;
				margin-top:5px;
			}
			
		}
		
		.arrow-left {
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 
			
			border-left: 12px solid #744E35;
			position:absolute;
			top:10px;
			right:10px;
		}
		
		.formWrap
		{
			position:relative;
		}
		
		.darrow
		{
			position: absolute;
			right: 1px;
			top: 28px;
			width: 70px;
			height: 36px;
			overflow: hidden;
			cursor:pointer;
		}
		
		.darrow:after
		{
			content: "";
			position: absolute;
			width: 120px;
			background: #FFB400;
			top: 0px;
			height: 65px;
			right: -37px;
			transform: rotate(-73deg);
			-webkit-transform: rotate(-73deg);
			-mz-transform: rotate(-73deg);
			-moz-transform: rotate(-73deg);
			-o-transform: rotate(-73deg);
		}
		
		.darrow img
		{
			margin-left: 42px;
			z-index: 999;
			position: absolute;
			top: 14px;
		}
		
		/*.darrow:before
		{
			content: "";
			position: absolute;
			width: 0px;
			height: 0px;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-left: 12px solid #744E35;
			position: absolute;
			top: 10px;
			right: 17px;
			z-index: 9;
			transform: rotate(91deg);
		}*/
		
		.hidecat{
			display:none;
		}	
		
		.categoryblock p
		{
			margin-bottom:0px;
			position:relative;
		}
		
		.categoryblock:before
		{
			position:absolute;
			z-index:0;
			background:#FFF;
			border-radius:50%;
			border: 1px solid #DAC494;
			left:0px;
			top:5px;
		}
		
		/* EQUIPTMENT RENTAL  */
		.eq-heading h5
		{
			font-weight:700;
			font-size:17px;
			margin: 0px;
		}
		
		.eq-heading h1
		{
			color:#FFB400;
			border-bottom:1px solid #DAC494;
			font-size: 3em;
			margin: 0px 0px 20px;
			padding: 0px 0px 10px;
			font-weight: 500;
		}
		
		.eqRentalImage
		{
			border:1px solid #DAC494;
			margin-top: 86px;
		}
		
		.eqRentalImage img
		{
			width:100%;
		}
		
		.eqRentalDescription p{
			font-size: 17px;
			font-weight: 500;
		}
		
		.eqRentalDescription h4
		{
			font-weight:800;
			font-size:15px;
			letter-spacing: 0px;
		}
		/*#equiptFormWrap
		{
			opacity:0;
			display:none;
		}*/
		
		.formWrap
		{
			float:left;
			width: 47%;
			margin-right: 12px;
		}
		
		@media all and (max-width: 1100px){
			.formWrap
			{
				width:100%;
			}
		}
		
		@media all and (max-width: 650px){
			.formWrap
			{
				width: 47%;
			}
		}
		
		@media all and (max-width: 450px){
			.formWrap
			{
				width:100%;
			}
		}


		.formWrap input[type='text'], .formWrap input[type='email']
		{
			width:100%;
			border: 1px solid #DAC494;
			border-radius:0px;
			margin-bottom:10px;
			box-shadow:5px 9px 13px -17px #000 inset;
		}
		
		.formWrap2
		{
			float:left;
			width:100%;
		}
		
		.formWrap2 textarea
		{
			width:96%;
			border: 1px solid #DAC494;
			border-radius:0px;
			box-shadow:5px 9px 13px -17px #000 inset;
			min-height: 120px;
			margin-bottom:20px;
		}
		
		.rentalTermsWrap
		{
			border-top:1px solid #DAC494;
			padding:20px 0px 30px !important;
			margin-top: 20px;
		}
		
		.columns.rentalTerms
		{
			float:none;
			margin:0px auto !important;
			text-align: center;
		}
		
		.columns.centerContent
		{
			float:none;
			margin:0px auto !important;
			text-align: center;
		}
		
		.specTable
		{
			font-weight:500;
		}
		
		.specTable td
		{
			border-bottom: none;
			padding: 6px 20px 6px 0px;
		}
		
		.specTable td.spec_heading
		{
			font-weight:700;
		}
		
		#maincontent-area
		{
			min-height:800px;
			position:relative;
			width:100%;
		}
		
		.aboutSection h6
		{
			font-weight:700;
			border-bottom: 1px solid #DAC494;
			padding-bottom:10px;
		}
		
		.aboutSection p
		{
			text-align:justify;
			font-weight:400;
		}
		
		.careersList{
			padding-left:0px;
		}
		
		.careersList li{
			padding-left:0px;
			border-top: 1px solid #DAC494;
			border-bottom: 1px solid #DAC494;
			float: left;
			width: 100%;
			padding: 10px 0px;
			list-style-type: none;
		}
		
		.careersList li h2
		{
			font-size: 21px;
			font-weight: 500;
			margin-bottom: 0px;
			padding-left: 10px;
		}
		
		.careersList li .jdesc
		{
			padding-left: 10px;
			margin-bottom: 0px;
		}
		
		.careersList li:nth-child(even){
			padding-left:0px;
			background:#f5f5f5;
		}
		
		.careersList li:nth-child(odd){
			padding-left:0px;
			background:#FFF8E9;
		}
		
		.buttonholder button
		{
			border-radius:none;
			border-color:#000;
			position:relative;
			color: #000;
			font-size: 10px;
		}
		
		.buttonholder button:after
		{
			content: "";
			position: absolute;
			width: 0px;
			height: 0px;
			border-top: 7px solid transparent;
			border-bottom: 7px solid transparent;
			border-left: 12px solid #000;
			position: absolute;
			top: 12px;
			right: 10px;
			z-index: 9;
		}
		
		.applybywrap p
		{
			text-align:center;
			margin:0px;
		}
		
		.aboutSectionBelow h6
		{
			font-weight:700;
		}
		
		.careersSection img{
			border: 1px solid #DAC494;
		}
		
		.columns.firstServ, .column.firstServ
		{
			margin-left: 13% !important;
		}
		
		
		@media (max-width: 679px) {
			.columns.firstServ, .column.firstServ
			{
				margin-left: 0% !important;
			}
		}
		
		.aboutSectionBelow .tp_image
		{
			height: 280px;
		}
		
		#vacancyForm{
			display:none;
		}
		
		.categoryblock p
		{
			cursor:pointer;
			position:relative;
		}
		
		.categoryblock p:after
		{
			position:absolute;
			content:'';
			width:15px;
			height:15px;
			z-index:0;
			left: 0px;
			top: 4px;
			background: #fff;
			border-radius: 50%;
			border: 1px solid #744E35;
		}
		
		.categoryblock .active:before
		{
			position:absolute;
			content:'';
			width:7px;
			height:7px;
			z-index:99;
			top: 9px;
			background: #744E35;
			border-radius: 50%;
			left: 5px;
		}
		
		.categoryblock input[type="radio"]
		{
			margin-right:10px;
			opacity: 0;
			z-index: 9;
			position: relative;
		}
		
		#projTeam{
			padding:10px;
			width:100%;
		}
		
		#projTeam th, #projTeam td{
			font-weight:500;
			padding:10px 15px;
			border-color:#DAC494;
		}
		
		#projTeam td.boldme {
			font-weight: 700;
		}
		
		#projTeam h4
		{
			margin:0px;
			font-size:20px;
			font-weight:bold;
		}
		
		#projTeam p
		{
			margin-bottom:0px;
		}
		
		#projTeam .fa
		{
			margin:0px 10px;
			color:#FFB400;
			font-size:18px;
		}
		
		.sitemapWrap h3
		{
			font-size:15px;
			font-weight:600;
			border-bottom:1px solid #DAC494;
			padding-bottom:15px;
		}
		
		.sitemapWrap a
		{
			float:left;
			width:100%;
			color:#333333;
		}
		
		.sitemapWrap a:hover
		{
			color:#000;
		}
		
		.sitemapWrap p
		{
			margin-bottom:0px;
		}
		
		.btn.invert-btn, .btn.invert-btn:focus, .btn.invert-btn:active, .btn.invert-btn:hover
		{
			background:#fff;
			color:#000;
		}
		
		
/* Larger than desktop */
@media (min-width: 1000px) {
	.header nav ul, .hRent, .hSocial {
		display:block;
	}
	
	.header nav ul li#logo
	{
		display:inline;
	}
	
	.mobile{
		display:none;
	}
	
	.header nav ul li#logo img{
		width:100%;
		max-width:211px;
	}
	
	.header nav ul {
		float: none;
		margin: 0px auto;
		width: 50%;
		min-width: 860px;
	}
}