/* ==========================================================
GLOBAL ELEMENTS
========================================================== */

body {font-family:'Roboto Condensed', sans-serif; font-size:16px; color:#595959; line-height:1.5em; background:#F3F3F3}

/* LINKS */
    a:link {color:#60a51b;}
    a:visited {color:#60a51b;}
    a:hover {color:#C0C0C0;}
    a:active {color:#60a51b;}

/* BUTTONS */

	.btn, .categories ul li a, .pagination ul li a {background:#444; border:1px solid #444; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:10px 20px;}
		.categories ul li a, .pagination ul li a {background:#F3F3F3; color:#444; border:1px solid #444;}
		.categories ul li a:hover {background:#222; color:#fff;} 
		.pagination ul li a:hover {border-color:#60a51b; color:#60a51b;}
	.btn:hover {background:#222;}
	a.btn {color:#fff;}
	.categories ul li a {padding:10px;}

/* Typography */
	h1, h2, h3, h4, h5, h6 {color:#60a51b; font-family:'Roboto Condensed', sans-serif; font-weight:100; line-height:1; margin-bottom:30px;}
		h1 {font-size:2em;}
		h2 {font-size:1.833em;}
		h3 {font-size:1.667em;}
		h4 {font-size:1.5em;}
		h5 {font-size:1.5em;}
		h6 {font-size:1.333em;}
		
	strong, b {font-weight:bold;}
	em, i {font-style:italic;}
	sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
	sup {top: -0.5em;}
	sub {bottom: -0.25em;}
	
	.mtool p {margin-bottom:10px;}
	.mtool ul {margin:0 0 10px 20px;list-style:disc;}
	.mtool ul ul {list-style:circle;margin-bottom:0;}
	.mtool ul ul ul {list-style:square;}
	
	.mtool blockquote {padding:20px;font-style:italic;background:rgba(0,0,0,0.05);margin-bottom:10px;}

/* EFFECTS */
	.effectFade, .btn:hover, a, .cta:hover {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;}

/* ===============================================================
****** INCLUDE YOUR STYLES HERE AND REMOVE THIS COMMENT **********
=============================================================== */

/*** Body background colors for each page ***/
.home_bg {}

/* CONTAINER */
	.container {margin:auto; max-width:100%; width:1260px;}

/* HEADER */
	.home_page, .inside_page {background:-moz-linear-gradient(top, rgba(0,0,0,0.99) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background:-webkit-linear-gradient(top, rgba(0,0,0,0.99) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background:linear-gradient(to bottom, rgba(0,0,0,0.99) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ position:fixed; top:0; width:100%; z-index:5;}
	.home_page.fixed .logo img, .inside_page.fixed .logo img {height:76px; width:auto;}
	
	.logo {height:auto; max-width:100%; width:346px;}
	/* NAVIGATION */
		#nav {margin-top:35px;}
		#nav li a {border-bottom:2px solid rgba(0,0,0,0); color:#fff; display:block; padding:0 14px 2px; text-align:center;}
		#nav li a:hover, #nav li.current_page a {border-bottom:2px solid #66cc00;}
		#nav li ul {left:-999em; margin:0; padding:0; position:absolute; width:300px; z-index:1;}
		#nav li:hover ul {left:auto;}
			#nav li ul li a {background:#60a51b; border-bottom:none; color:#fff; line-height:1; padding:15px 15px 15px 25px; text-align:left;}
			#nav li ul li a:hover, #nav ul li.current_page a {border-bottom:none;}




/* CONTENT */
	.generic_bg {background:url(../library/content_bg.jpg);}
	.consulting_bg {background:url(../library/consulting_bg.jpg);}
	.services_bg {background:url(../library/services_bg.jpg);}
	.energy_bg {background:url(../library/energy_bg.jpg);}
	.simulation_bg {background:url(../library/simulation_bg.jpg);}
	.design_bg {background:url(../library/design_bg.jpg);}
	.insurance_bg {background:url(../library/insurance_bg.jpg);}
	.surveying_bg {background:url(../library/surveying_bg.jpg);}
	.maintenance_bg {background:url(../library/maintenance_bg.jpg);}
	.test {background-attachment:fixed; background-position:bottom right; background-repeat:no-repeat; min-height:595px;}
	.content_wrapper_inside {margin-top:105px; min-height:inherit;}
		.content {padding:5% 0 5% 1%;}
		.hero {height:auto; max-width:100%;}
		.content h1, .content h2  {position:relative; margin-bottom:60px;}
			.content h2 {margin:30px 0;}
			.content h1::after, .content h2::after {bottom:-24px; content:url(../library/h1_after.jpg); display:block; left:0; position:absolute;}
		/* RIGHT COLUMN */
		aside ul {margin:0!important; padding:0!important;}
			aside ul li {border-bottom:1px solid #89b95a; line-height:1; list-style-type:none;}
			
			aside ul li a {background:#60a51b; color:#fff!important; display:block!important; margin:0; /*min-height:62px;*/ padding:15px 15px 15px 25px; position:relative;}
			[class^="animation"] {/*display:inline-block;*/ /*vertical-align: middle;*/ margin:.4em; padding:1em; cursor:pointer; background:#e1e1e1; text-decoration:none; color:#666; /* Prevent highlight colour when element is tapped */ -webkit-tap-highlight-color:rgba(0,0,0,0);}
		/* ONE COL */
		.contact_right {font-size:18px; padding-left:5%;}
			.contact_right h2 {margin:0;}
			.contact_right h2:after {content:"";}
			.contact_right span {color:#60a51b;}
			.contact_right address {padding:15px 0 0;}
			.contact_right .phone_link {border-bottom:1px solid #ccc; margin-bottom:15px; padding:15px 0;}
			
			.contact_right .phone_link {margin-bottom:30px;}

/* Sweep To Right */
	.animation li a {display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0,0,0,0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s;}
	.animation li a:before {content:""; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#90c060; -webkit-transform:scaleX(0.05); transform:scaleX(0.05); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
	.animation li a:hover, animation li a:focus, .animation li a:active {color:white;}
	.animation li a:hover:before, .animation li a:focus:before, .animation li a:active:before {-webkit-transform:scaleX(1); transform:scaleX(1);}
	.animation li.active_page a {background:#90C060;}

	/* INSIDE PAGES */
		.left_col {padding-right:5%;}
			.left_col ul {-webkit-column-count:2; -moz-column-count:2; column-count:2;}
	
	/* LATEST WORK */
		.latest_work_wrapper {background:#fff;}
	
	/* LISTING PAGE */
		.categories > ul, .pagination > ul {text-align:right;}
			.categories li {display:inline-block; margin:0 .5%;}
			.pagination li {display:inline-block; margin:0 5px;}
		.listing_image_wrapper {height:250px; overflow:hidden;}


	/* PRODUCT DETAIL */
		.prod_detail_left {padding-right:5%;}
			.prod_detail_left h2, .prod_detail_right h2 {color:#444; font-size:1.500em; margin:20px 0;}
			.prod_detail_left h2:after, .prod_detail_right h2:after {content:"";}
			.prod_lg {height:inherit; max-height:532px; overflow:hidden;}
			.prod_small {clear:both; height:inherit; max-height:266px; margin-bottom:15px; overflow:hidden; padding:15px 2%;}
			.prod_detail_right > ul {list-style:none; margin:0; padding:0;}
		.prod_detail_right p {background:#60a51b; border-bottom:2px solid rgba(0,0,0,.1); color: #fff; display:block; list-style-type:none; padding: 5%; margin:0; position:relative;}	
			.prod_detail_right p span, .product_details li span {color: #fff; padding-right:5%;}
			.project_details li {background:#60a51b; color:#fff; font-size:.75em; line-height:1.2; list-style-type:none; padding:5% 0 0 15%; position:relative;}
			.briefcase {padding-left:5.5%;}
			.project_details li:first-child {padding-left:5.5%;}
			.project_details li:last-of-type {padding-bottom:15px;}
			.prod_detail_right p:last-of-type {border-top:2px solid rgba(0,0,0,.1);}
			.right_col_nav.animation > li a {background:#60A51B; border-bottom:1px solid #ccc; color:#fff; display:block; padding:12px 0 12px 30px;}
			.prod_detail_right a {color:#fff;}

/* CONTACT US */
	#cms_api {border:5px solid #fff;}

/* CALL TO ASCTION */
	.call_to_actions {padding:50px 0;}
	.call_to_actions h2 {padding-left:1%; position:relative; text-align:left;}
	.call_to_actions h2 a {border:1px solid #ccc; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; left:280px; padding:1px 2px 0 5px; position:absolute; top:-3px;}
	.cta h2 span {color:#000; font-size:28px;}
	.cta {margin:2%; text-align:center;}
	.cta figure {border:1px solid #ccc; padding:3%;}
	.cta img {height:170px; max-width:100%; width:auto;}
	.cta figure figcaption {color:#000; font-size:0.889em; line-height:1; min-height:58px; padding:10px 0 0;}
	.cta figure figcaption b {color:#70cf11; display:block; font-size:1.167em; min-height:40px; padding-bottom:5px;}
	.cta figure:hover {border-color:#222;}
		.cta:hover figure figcaption, .cta:hover figure figcaption b {color:#222;}
		
	/* CAROUSEL */
	#latest_work {box-sizing:border-box; overflow:hidden; padding:50px 0; position:relative; text-align:center;}
	#latest_work .viewport {height:297px; overflow:hidden; position:relative;}
	#latest_work .overview {left:0; margin:0; padding:0; position:absolute; top:0;}
	#latest_work .overview .cta {float:left; margin:20px 25px; max-height:268px; max-width:310px;}


/* FOOTER */
	.footer_wrapper {background:url(../library/footer_wrapper.jpg) no-repeat; background-size:cover; min-height:419px; width:100%;}
		footer {color:#fff; font-weight:100; padding:45px 0;}
		footer a {color:#fff!important;}
		footer a:hover {color:#66CC00!important;}
		.footer_contact .logo {width:260px;}
		footer h2 {border-bottom:1px solid #616571; color:#fff; font-size:1.333em; padding-bottom:8px;}
		.footer_col {padding:0 2%;}
		.footer_col:first-of-type {padding-left:1%;}
		footer address {margin:40px 0 20px;}
		footer .phone_links {margin:20px 0;}
		.social a {font-size:30px;}
		
		.footer_links ul.animation {background:none;}
		.footer_links li:before, .project_details li:before {content:"-"; left:0; position:absolute;}
			.project_details li:before {left:12%;}
			.footer_links li {padding:0 0 0 15px; position:relative;}
			.footer_links li a {box-shadow:none; font-size:0.889em; transform:none;}
			.footer_links li a:before {background:none;}
			footer .animation li.active_page a {background:none; color:#66CC00!important;} 	
/* FLO WEB */
	.our_credits {font-size:12px;}


/* ==========================================================
FORM STYLING
========================================================== */

.form_element {margin:0; padding:7px 0;}
.form_element label, .form_element input {display:block; width:100%;}
.form_element {padding:7px 0;}
form td{padding:7px 0}

input, textarea, select{margin:0; font-family:inherit; font-size:14px; color:#333335; background: #fff;  box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.3) inset; -webkit-border-radius:3px; border-radius:3px}

input[type="text"], input[type="password"], textarea, select {border:1px solid #cfcfcf; margin-right:0; min-width:248px; padding:7px;}
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover, 
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{border:1px solid #66CC00;}

input[type=submit]{background:#66CC00; border:none; color:#fff; margin-bottom:15px; padding:15px; text-decoration:none;}
input[type=submit]:hover{background:#222; cursor:pointer;}
input[type=submit]:active{background:#222; -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .4); box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .4);}

input[type=radio]{margin:5px 5px 0 0;}

.cap_container {position:relative;}
	.cap_container input {padding:16px; width:92%;}
	.captcha {position:absolute; right:10%; top:40px;}	
#subm {display:block; font-size:18px; margin:20px 0 0; width:100%; -webkit-appearance:none;}


.form_element label {display:none;}
	.form_element {position:relative;}
	.form_element::before {border-right:1px solid rgba(0, 0, 0, 0.2); font-family:"fonts"; left:0; padding:7px 14px; position:absolute; top:8px;}
	#container_elId_9782.form_element:before {content:"\66";}/*user*/
	#container_elId_9783.form_element:before {content:"\69";}/*phone*/
	#container_elId_9784.form_element:before {content:"\6e";}/*email*/
	#container_elId_9785.form_element:before {content:"\6c";}/*folder*/
	#container_elId_9786.form_element:before {border-bottom:1px solid rgba(0, 0, 0, 0.1); content:"\6d";}/*pencil*/
	#container_elId_9866.form_element:before {color:#fff; content:"\6f"; top:0px;}/*upload*/
	#container_elId_9866 {background:#222; background:rgba(34,34,34,.5); margin:auto; min-width:200px; padding:7px 50px !important; text-align:center; width:50%;}
	#container_elId_9866 a {color:#fff;}
	#container_elId_9866:hover {background:#222; cursor:pointer;}
	.hide {display:none;}

/* GALLERY */
.cms_image_layout {position:relative;width:22%;height:150px;display:inline-block;overflow:hidden;margin:1%;}
.cms_image_layout .cms_photo_name, 
.cms_image_layout img, 
.cms_image_layout a {position:absolute;top:0;left:0;}
.cms_image_layout a {width:150px;height:inherit;}
.cms_image_layout .cms_photo_name {top:50%;width:100%;text-align:center;z-index:5;margin-top:-7%;opacity:0;color:#fff;}
.cms_image_layout:hover .cms_photo_name {opacity:1;}
.cms_image_layout img {vertical-align:middle; min-width:100%; min-height:100%;z-index:1;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.cms_image_layout:hover img { -moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.cms_image_layout a {display:block;z-index:3;text-indent:-9999px;background:rgba(0,0,0,0.3);opacity:0;}
.cms_image_layout:hover a {opacity:1;}
.cms_image_layout br, .cms_image_layout a img {display:none;}


/* FONTASTIC FONTS */
@font-face {
  font-family: "fonts";
  src:url("fonts/fonts.eot");
  src:url("fonts/fonts.eot?#iefix") format("embedded-opentype"),
    url("fonts/fonts.woff") format("woff"),
    url("fonts/fonts.ttf") format("truetype"),
    url("fonts/fonts.svg#fonts") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "fonts" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="fa-"]:before,
[class*=" fa-"]:before {
  font-family: "fonts" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.fa-bars:before {
  content: "\61";
}
.fa-facebook-square:before {
  content: "\62";
}
.fa-twitter-square:before {
  content: "\63";
}
.fa-linkedin-square:before {
  content: "\64";
}
.fa-angle-right:before {
  content: "\65";
}
.fa-user:before {
  content: "\66";
}
.fa-briefcase:before {
  content: "\67";
}
.fa-file-pdf-o:before {
  content: "\68";
}
.fa-phone:before {
  content: "\69";
}
.fa-mobile:before {
  content: "\6a";
}
.fa-map-marker:before {
  content: "\6b";
}
.fa-folder-open-o:before {
  content: "\6c";
}
.fa-envelope-o:before {
  content: "\6e";
}
.fa-pencil-square-o:before {
  content: "\6d";
}
.fa-upload:before {
  content: "\6f";
}

		
		/*******************  COOKIE LAW  *****************/
	#cookie_button{line-height:1.2; width:50px;-webkit-border-radius:5px 0 0 0 ; -webkit-box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, 0.4);box-shadow:  0px 0px 3px 2px rgba(0, 0, 0, 0.4); border-radius:5px 0 0 0; padding:10px;  z-index:9999; height: 70px; font-size:13px; font-weight:700; color:#fff; text-align:center; position:fixed ; right: 0px; bottom: 0px; background:#66CC00;/* for a change */;overflow: hidden; }
		#cookie_button:hover{color:#66CC00;}
	#cookie_content{width: 740px;  padding:5px 10px; height:auto; margin:-50px 0 0 70px; background:#66CC00; color:#fff; font-size:14px; line-height:1.2}
		#cookie_content p {  margin:10px 30px 10px 10px; text-align:left;}
		#cookie_content p a{ color:#fff; text-decoration:none; font-weight:bold; }
		#cookie_content p a:hover{ text-decoration:underline;}
		#cookies_accept a{background:url(../library/cookies/tick.png) no-repeat right; display:block; float:right; margin:0 20px 0 0;  padding:5px 40px 5px 5px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}
		#cookies_accept a:hover{ text-decoration:underline;}
	#cookie_button #cookies_title{font-weight: bold; margin:0 0 0 10px; font-size:16px;}
	
	.coockies_p ul {moz-column-count:1; web-kit-column-count:1; column-count:1;}
	
		/******************  END COOKIE LAW  ****************/