@CHARSET "UTF-8";@font-face{    font-family: 'FontAwesome';	src: url('../font/fontawesome-webfont.eot');	src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),	url('../font/fontawesome-webfont.woff') format('woff'),	url('../font/fontawesome-webfont.ttf') format('truetype'),	url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');	font-weight: normal;	font-style: normal;}/*============================================================================== general */body{	font-family:"Open Sans", "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important;	line-height: 1.4em;	/*color:#8A8D99;	*/	color:#000;	-webkit-font-smoothing:antialiased;	-webkit-text-size-adjust:100%;}::selection {	background: #CDCDCD; /* Safari */	color: #fff;	}::-moz-selection {	background: #CDCDCD; /* Firefox */	color: #fff;}body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td{	font-size: 13px;}.row{	width: 1019px;}p{	font-family:"Open Sans", "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important;	font-weight: 100;	font-size: 13px;}.crop{	overflow-x: hidden;	width: 100%;}.full-height{	height: 100%;}.full-width{	width: 100%;	margin-left: -15x;	margin-right: -15px;}.spacer-10{	height: 10px;}.spacer-40{	height: 40px;}.spacer-20{	height: 20px;}.clear {	content: ".";	display: block;	clear: both;	height: 0;	font-size: 0;	line-height: 0em;	visibility: hidden;	overflow: hidden;}.center{	text-align: center;}.text-left{	text-align: left;}.text-right{	text-align: right;}.left{	float: left !important;}.right{	float: right !important;}.article{	font-size: 18px;	line-height: 1.5em;}.gradient-top{	width: 100%;	height: 50px;	background: url(../img/gradient-top.png);}.gradient-bottom{	width: 100%;	height: 50px;	background: url(../img/gradient-bottom.png);}a, a:visited {	outline: 0;}a:hover,a:focus {	color: #333;	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}p a,p a:visited {	line-height: inherit;}a img{	border: none;}input{	font-wieght: 100 !important;	font-size: 12px !important;}input,textarea {	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	line-height: 21px;	font-wieght: 100 !important;	font-size: 12px !important;}.white{	color: #fff !important;}.black{	color: #000 !important;}.orange{	color: #ffba00 !important;}.mt-40{	margin-top: 40px;}.mt-20{	margin-top: 20px;}.m-l-0{	margin: auto auto auto 0;}.m-r-0{	margin: auto 0 auto auto;}.p-t-10{	padding-top: 10px;}.p-t-20{	padding-top: 20px;}.p-t-40{	padding-top: 40px;}.p-10{	padding: 10px;}.p-20{	padding: 20px;}.fs18{	font-size: 18px;}h1{	font-family: 'Raleway', sans-serif;	font-weight: 200;}h2, h3, h4, h5{	font-family: 'Raleway', sans-serif;	font-weight: 400;}/*============================================================================== common for slides */.top{	display: block;	position: absolute;	top: -80px;	width: 159px;	margin: 0 auto;	left: 0;	right: 0;	height: 159px;	background: url(../img/round-top.png) no-repeat center center;	color: #fff;	font-weight: 400;	text-align: center;	line-height: 159px;	font-size: 12px;    font-weight: bolder;	z-index: 1000;	font-family: 'Raleway', sans-serif;}.dash{	width: 100%;	height: 800px;	position: absolute;	background: url(../img/dash.png);	left: 0;	top: 0;}.logo{	margin-top: 70px !important;}.logo, .slogan{	margin-top: 30px;	margin-bottom: 30px;}.slogan h1{	padding: 10px;	font-size: 32px;	text-transform: uppercase;}ul.navigation{	list-style-type: none;	margin: 0 auto;	display: inline-block;}ul.navigation li{	float: left;	margin: 10px;	text-shadow: 0 2px 2px rgba(255,255,255, .5);	}ul.navigation li.home{	display: none;	}ul.navigation li a{	display: block;	width: 159px;	height: 159px;	background: url(../img/round.png);	color: #000;	border-radius: 159px;	font-weight: 100;	transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-webkit-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	-ms-transition-duration: 0.3s;}ul.navigation li a:hover,	ul.navigation li.active a{		transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-webkit-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	-ms-transition-duration: 0.3s;}ul.navigation li a:hover span,	ul.navigation li.active a span{	color: #B1D135;	transition-duration: 0.3s;	-moz-transition-duration: 0.3s;	-webkit-transition-duration: 0.3s;	-o-transition-duration: 0.3s;	-ms-transition-duration: 0.3s;}ul.navigation li a .icon{	font-size: 40px;	color: #a2a2a2;	line-height: 0.5em;	padding-top: 50px;	margin-bottom: 20px;}ul.navigation li a span{	display: block;}#nav.sticky{	position: fixed;	top: 0;	right: 0;	margin: 0 auto;	display: inline-block;	z-index: 1000;}#nav.sticky li.home{	display: block;}#nav.sticky ul.navigation li{	margin: 5px;	float: left;}#nav.sticky ul.navigation li a{	width: 70px;	height: 70px;	-webkit-transform-style: preserve-3d;	background-size: 100%;	font-size: 0;	text-shadow: none;	background: url(../img/round-small.png);}#nav.sticky ul.navigation li a .icon{	font-size: 40px;	padding-top: 0;	line-height: 70px;}/*============================================================================== first slide */#intro{	min-height: 800px;	background: url(../img/office02.jpg) no-repeat;    background-position:center;    background-size: cover;	background-attachment: fixed;	overflow: hidden;}h1{	font-size: 50px;	background: #B1D135;	color: #fff;	display: inline-block;}/*============================================================================== second slide */#second{    background-color: #B1D135;    background-image: -moz-linear-gradient(#B1D135, #96AF2F);	height: 750px;	margin: 0 auto;	padding: 0;	position: relative;	padding-top: 100px;	color: #fff;}#second .bg2{    position: absolute;    background: url(../img/construction_factory.jpg) no-repeat right bottom;	width: 100%;	height: 100%;	z-index: 0;    margin-top: -100px;}/*============================================================================== third slide */#third{    background: #666 ;    background-attachment: fixed;	height: 750px;    margin: 0 auto;	padding: 0;    padding-top: 100px;	position: relative;	color: #fff;}#third .bg3{    position: absolute;	background: url(../img/construction_house.jpg) no-repeat right bottom;	width: 100%;	height: 100%;	z-index: 0;    margin-top: -100px;}/*============================================================================== fourth slide */#fourth{    background: #B1D135 ;	background-attachment: fixed;	height: 750px;    margin: 0 auto;	padding: 0;    padding-top: 100px;	position: relative;	color: #fff;}#fourth .bg4{    position: absolute;	background: url(../img/construction_crane.jpg) no-repeat right bottom;	width: 100%;	height: 100%;	z-index: 0;    margin-top: -100px;}#fourth .team-twitter{	font-size: 46px;	padding-top: 10px;	display: block;}#fourth .twitter{	margin: 30px 0 0px 0;}/*============================================================================== sixth slide */#sixth{    background-color: #666;    background-image: -moz-linear-gradient(#B1D135, #96AF2F);	height: 750px; /*770px*/	margin: 0 auto;	padding: 0;	position: relative;    padding-top: 100px;	color: #fff;}#sixth .bg6{    position: absolute;    background: url(../img/construction_plans.jpg) no-repeat right top;	width: 100%;	height: 100%;	z-index: 0;    margin-top: -100px;}/*============================================================================== twitter feed */#tweet{	text-align: center;	margin-bottom: 10px;}#tweet ul{	margin-top: 25px;	list-style-type: none;}#tweet li{	color: #fff;	font-weight: 100;	font-size: 14px;	line-height: 1.6em;}#tweet li a{	color: #fff;	text-decoration: underline;}#tweet li a.twitter-login{	font-size: 14px;	margin-right: 10px;	text-decoration: none;	font-weight: 700;}.team-trigger, .team-trigger:visited{	font-size: 46px;}.team-trigger:hover{	color: #fff;}#fourth h2{	padding-top: 30px;	padding-bottom: 30px;	color: #fff;}#team {    -moz-transition-delay: 0s;    -moz-transition-duration: 0.2s;    -moz-transition-property: all;    -moz-transition-timing-function: ease-in-out;    background-attachment: scroll;    background-clip: border-box;    background-color: rgba(0, 0, 0, 0.1);    background-image: none;    background-origin: padding-box;    background-position: 0 0;    background-repeat: repeat;    background-size: auto auto;    border-bottom-left-radius: 3px;    border-bottom-right-radius: 3px;    border-top-left-radius: 3px;    border-top-right-radius: 3px;    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2);    color: #FFFFFF;    display: block;    font-size: 12px;    font-weight: 100;    margin-left: auto;    margin-right: auto;    margin-top: 15px;    padding-bottom: 5px;    padding-left: 10px;    padding-right: 10px;    padding-top: 5px;    width: 120px;	margin-bottom: -29px;}#team:hover {	color: #000;}#team-box{	height: 500px;	width: 100%;	z-index: -1;	line-height: 32px;    box-shadow: 0 0px 150px 0 rgba(255, 255, 255, 0.5);	}#team-box h4{	text-shadow: 0 1px 1px rgba(255,255,255, .5);}#team-box i{	font-size: 38px;	line-height: 14px;	margin: 10px;}#team-box a{	color: #333;	text-shadow: 0 1px 1px rgba(255,255,255, .5);}#team-box a:hover{	text-shadow: 0 0 10px rgba(255,255,255, .5);}/*============================================================================== fifth slide */#fifth{	background: url(../img//bg.jpg) repeat-x left top;    background-color: #CCC;	height: 540px;	margin: 0 auto;	padding: 0;	position: relative;	color: #fff;}#fifth .bg{	width: 100%;	height: 621px;	background: url(../img/contact-envelope.png) no-repeat center center;	position: absolute;	top: -50px;}#fifth .bg-single{	width: 100%;	height: 621px;	background: url(../img/contact-envelope-single.png) no-repeat center center;	position: absolute;	top: -50px;}#fifth .address{	padding-top: 250px;	padding-left: 0x;	border-left: 1px dotted #808080;}#fifth .address .map{	box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5);	right: 5px;	top: -3px;	position: absolute;}#fifth .address .map:hover{	box-shadow: 0 4px 40px rgba(0, 0, 0, 0.5);	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}#fifth .contact-form{	padding-top: 50px;	padding-left: 50px;}#fifth .contact-form label{	float: left;	margin-right: 30px;	line-height: 20px;	height: 20px;	display: block;	padding-top: 14px;}#fifth .contact-form input{	float: left;	width: 300px; !important;	border: none;	box-shadow: none;	background: url(../img/dotted.jpg) repeat-x left bottom;	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	font-size: 16px !important;}#fifth .contact-form textarea{	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	font-size: 16px !important;	border: none;	box-shadow: none;	width: 430px;	height: 150px;	background: #fafafa;}#fifth .contact-form .button{	background: none;	background-color: #B1D135;    background-image: -moz-linear-gradient(#B1D135, #96AF2F);    border-radius: 80px;    width: 100px;    font-size: 18px !important;	margin: 0 auto;}#fifth .contact-form .button:hover{	color: #000;}#fifth .social{	padding-top: 20px;}#fifth .social a{	font-size: 40px;	padding: 20px 20px 20px 0;}/*============================================================================== footer */#footer{	min-height: 40px;	background-color: #333;    background-image: -moz-linear-gradient(#333, #999);}#footer div{	line-height: 40px;	font-size: 12px;}#footer a{	color: #fff;}#footer a:hover{	color: #000;}/*============================================================================== mobile */@media only screen and (max-width : 801px){	.slogan h1{		font-size: 10px !important;	}		#nav ul.navigation li a{		width: 50px;		height: 50px;		-webkit-transform-style: preserve-3d;		background-size: 100%;		font-size: 0;		text-shadow: none;		background: url(../img/round-small_web.png);	}	#nav.sticky ul.navigation li a .icon{        font-size: 20px;	    padding-top: 0;	    line-height: 30px;    }		ul.navigation{		margin: 0 auto;		text-align: center !important;		width: 100%;	}	ul.navigation li{		background-size: 100%;		float: none;		margin: 0 auto !important;		width: auto;		display: inline-block;	}	ul.navigation li a{		margin: 2px;	}		.navigation span.nav-label{		display: none;	}		#nav.sticky ul.navigation{		width: 100%;		text-align: center; 	}		#nav.sticky ul.navigation li{		background-size: 100%;		float: none;		margin: 0 auto !important;		width: auto;		display: inline-block;	}		#nav.sticky{		width: 100%;		z-index: 10000;	}		#nav.sticky ul.navigation li a{		margin: 2px;	}		#nav ul.navigation li.work{		display: none !important;	}		#third{		height: auto;		min-height: 800px;	}		.service{		margin: 45px auto 45px auto;		width: 300px;		height: 300px;		background: url(../img/service.png) no-repeat;		text-align: center;		color: #666;		display: block;		background-size: 100%;	}		.service p{		padding: 10px 40px;		color: #000;	}		.service h4{		padding-top: 50px;		color: #ff6633;	}		#fourth{		height: auto;		min-height: 770px;		padding-bottom: 80px;	}		#team-box{		display: block !important;		}		#team-box .columns{		margin-bottom: 30px;	}		#fifth{		background: #fff;		height: auto !important;	}		#fifth .contact-form {		padding: 80px 10px 30px 10px;		text-align: center;	}		#fifth .bg{		display: none;		}	#fifth .bg-single{		display: none;	}		#fifth .contact-form input{		width: 100%;	}		#fifth .address{		padding: 0 0 20px 0;		text-align: center;	}		#fifth .contact-form textarea{		width: 100%;	}		#fifth .address .map{		display: none;	}		#fifth .contact-form .button{		background: none;		background-color: #333;	    background-image: -moz-linear-gradient(#333, #999);	    border-radius: 80px;	    width: 100px;	    font-size: 18px !important;		margin: 0 auto;		color: #fff !important;		float: none;		font-family:"Open Sans", "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important;	}        #third .bg3{    position: absolute;	width: 100%;	height: 100%;	z-index: 0;    margin-top: -100px;}        #fourth .bg4{    position: absolute;	width: 100%;	height: 100%;	z-index: 0;    margin-top: -100px;}	#sixth .bg6{    position: absolute;	width: 100%;	height: 100%;	z-index: 0;    margin-top: -100px;}	}