* { box-sizing:border-box; -moz-box-sizing:border-box; }

body {color: rgb(0, 0, 0);font-size: 16px; font-family: 'Lato', sans-serif;  background:#f5f0ea url(../images/body.png) center bottom;}


/* Globals */
a { text-decoration:none; color: #000; font-weight:bold; }
h1 {font-family: 'Oswald', sans-serif; font-size: 39px; line-height: 43px; font-style:italic;padding: 33px 0 6px 0;margin: 0px;}
h2 {font-family: 'Oswald', sans-serif;margin: 30px 0 0 0; font-weight: normal;font-style: italic; line-height: 27px;}
p {margin: 10px 0 20px 0; }
.home p {margin: 20px 0}
p, ul li, span, table {font-size: 17px;line-height: 25px;}
hr {border-top: 2px solid #D5932F; margin: 20px 0;}
.clickable { cursor:pointer; display:block; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }

/* HEADER */
header {background:#2d764c}
.logo {position:absolute; z-index:20; left:0px; top:12px; width:30%; max-width:441px;  min-width:290px;}
.home .logo {width:35% !important; }
.logo img { width:100%; height:auto;}

	/*BANNER IMAGES*/
	.dynamic-headers {position:relative; max-width:1414px; margin:0 auto; }
		.rslides {margin:0 auto !important; }
		.rslides li {position: relative; background-size:cover; background-position:center center;}
		.rslides li:before {position:absolute; content:''; left:0px; top:0px; width:0; height:0;border-right: 220px solid transparent;border-top: 260px solid #2d764c;  transition:0.3s;}
		.rslides li:after {position:absolute; content:''; right:-1px; top:0px; width:0; height:0;border-left: 170px solid transparent;border-bottom: 260px solid #2d764c;}
	.dynamic-headers .rslides img {min-height: 135px; max-height:185px; transition:0.3s;}
	.home .dynamic-headers .rslides img {min-height: 180px; max-height:260px;}
	
	@media screen and (max-width: 1000px) {	.rslides li:before {left: -30px;}}
	@media screen and (max-width: 850px) {	.rslides li:before {left: -60px;}}


/*NAV*/
nav {position:relative; z-index: 20;width:100%;background: #ffffff;border-top: 6px solid #044f2a;border-bottom: 6px solid #044f2a;font-family: 'Oswald', sans-serif;}

nav.sticky {position:fixed; top:0px;}
nav.sticky > ul > li > a {padding-top:13px !important;}	
nav.sticky > ul > li:hover > a {padding-top:17px !important;}
nav .mobileMenu {display:none;}
nav > ul {
 display: -webkit-box;
 display: -moz-box;
 display: box;
 display: -webkit-flex;
 display:  -moz-flex;
 display:  -ms-flexbox;
 display: flex;
 webkit-flex-flow: row nowrap;
 -moz-flex-flow: row nowrap;
 flex-flow: row nowrap;
 justify-content:space-between;
 z-index:10;
 list-style:none;
 max-width: 1241px;
 margin:0 auto;
 padding: 0;
 }	
nav > ul > li {position:relative; display:inline-block; -webkit-flex-grow:1; -moz-flex-grow:1; flex-grow:1; margin: 0 0;}
nav > ul > li.hasChild {position:relative; }
nav > ul > li.hasChild:before {display:none; position:absolute; content:'';bottom: -14px; left:50%; margin-left:-5px; border-right: 8px solid transparent; border-left: 8px solid transparent;border-top: 8px solid #044f2a; transition:0.3s}
nav > ul > li.hasChild:hover:before {opacity:0;}
nav > ul > li > a {display:block;color: #000000;font-size: 22px;line-height: 50px;text-decoration:none; text-align:center;transition:0.25s;border-right: 2px solid #044F2A;}
nav > ul > li:first-child > a {border-left: 2px solid #044F2A;}
nav > ul > li:hover > a {background: rgba(45, 118, 76, 0.13);}

/*subnav*/
nav > ul > li ul {position:absolute;  min-width: 100%;list-style:none; height:0px; overflow:hidden; padding:0px;margin-left: -1px;transition:0.3s}
nav > ul > li:hover ul {height:110px;padding: 4px 0 0;}
nav > ul > li:hover ul li a	{
    line-height: 29px;
}
nav > ul > li ul li {
    margin-top: 0px;
}
nav > ul > li ul li a {display: block;padding: 4px 9px;line-height: 3px;font-size: 19px;background: #E3EDE8;border: #044F2A solid 2px;border-top: none;color: #232222; transition:0.3s;}
nav > ul > li ul li:first-child a {border-top: #044F2A solid 2px;}
nav > ul > li ul li a:hover {background: #E3EDE8;}

	@media screen and (max-width: 780px) {
		nav {min-height: 53px;height: inherit;bottom: inherit;padding: 0 0;}
		/*nav:before {display:none !important;}*/
		nav > ul {display:block; float: right;height: 0px; padding: 0px !important; overflow:hidden; clear: both;background: url(../images/wood.jpg) left -51px;transition: 0.3s;}
		nav > ul li { float: left;width: 100%;margin: 0px !important;/* background: url(../images/wood.jpg) left -39px; */}

		nav > ul li a {padding:0px !important;text-align: right;font-size: 18px;line-height: 22px;padding: 12px 24px 11px 10px !important;border: none !important;border-top: 2px solid #044F2A !important;background: white !important;}
		nav.selected > ul {float: none;height: 410px;box-shadow: 0 6px 12px -6px black;}
		nav.selected > ul li {margin: 0 0;}
		nav.selected > ul li a { }
		nav.selected > ul li ul {position:relative; height:inherit !important;padding: 0px 0;background: #FFFFFF;/* min-width: 96%; *//* width: initial; *//* margin: 0 2%; */}
		nav.selected > ul li ul li {margin: 0 0;}
		nav.selected > ul li ul li a {line-height: 16px; text-align: right;border-top: 1px solid rgba(4, 79, 42, 0.22) !important;background: transparent!important;}
		nav.selected > ul li ul li:first-child a {
    border-top: none;
}
		nav .mobileMenu {display:block;margin-right: 8px;padding: 21px 53px 18px 31px;text-align: center;     font-size: 22px;line-height: 12px;float: right; cursor:pointer;text-align: right;}
		/*hamburger*/
		nav.selected .mobileMenu {}
		.nav__icon{display:inline-block;position: absolute;width: 29px;top: 24px;margin-left: 10px;height: 4px;background-color: #000;-webkit-transition-property:background-color, -webkit-transform;transition-property:background-color, transform;-webkit-transition-duration:300ms;transition-duration:300ms}
		.nav__icon:before,.nav__icon:after{content:'';display:block;width: 29px;height: 4px;position:absolute;background: #000;-webkit-transition-property:margin, -webkit-transform;transition-property:margin, transform;-webkit-transition-duration:300ms;transition-duration:300ms}
		.nav__icon:before {margin-top: -9px;}
		.nav__icon:after { margin-top: 9px;}
		
		nav.selected .nav__icon{background:rgba(0, 0, 0, 0)}
		nav.selected .nav__icon:before{margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
		nav.selected .nav__icon:after{margin-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
	
	}
	@media screen and (max-width: 450px) {
		nav .mobileMenu { }
	}


/*CTAs*/
.ctas {max-width: 1165px;padding: 40px 3% 30px 3%; margin:0 auto;}
.ctas a {position:relative;display: block;float: left;width: 31.53%;height: 76px;background:#2d764c; border:3px solid #d5932f; color:white; text-transform:uppercase; transition:0.3s}
.ctas a:nth-child(2) {margin: 0 2.6%;}
.ctas a:before {position:absolute; content:'';top: -5px;left: -5px;width: 100%; height:100%;padding: 3px;border: 2px solid #2d764c;box-sizing: content-box; transition:0.3s}
.ctas a:after {position:absolute; content:'';top: -30%;left: 0%;width: 100%;height: 115px;background: url(../images/ordes-electric-logo1.png) no-repeat center center; background-size:contain; transition:0.3s}
.ctas a.two:after {background: url(../images/ordes-electric-logo2.png) no-repeat center center; background-size:contain;}
.ctas a.three:after {background: url(../images/ordes-electric-logo3.png) no-repeat center center; background-size:contain;}
.ctas a:hover {background:#388F5D;}
.ctas a:hover:before {border: 2px solid #388F5D;}
.ctas a span {position:absolute;bottom: -1px;font-size: 12px;letter-spacing: 1px;font-style:italic;left: 5%; display:block;padding-left: 15px;width:100%;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.69);text-align:center;}
	
	@media screen and (max-width: 620px) {.ctas a:after {top: -40%;}}
	@media screen and (max-width: 460px) {.ctas {display:none;}}
	@media screen and (max-width: 780px) {.ctas {padding: 40px 3% 10px 3%;}}

/*Sidebar*/
	.sidebar {float:left; width:40%; list-style:none; padding:0px; }
	.sidebar li {position:relative; float:left;width: 48%;margin-bottom: 13px;}
	.sidebar li:nth-child(odd) {margin-right: 4%;}
	.sidebar li:before {position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; opacity:0; background:rgba(45, 118, 76, 1); transition:0.3s;}
	.sidebar li:hover:before {opacity:.6;}
	.sidebar img {display: block; width:100%; height:auto;}
	.sidebar a {position:absolute; z-index:10; display:block; left:0px; top:50%; width:100%;margin-top: -18px;padding: 11px 9px; font-size: 13px; text-transform: uppercase; background: rgba(45, 118, 76, 0.9); color: white;line-height: 14px;letter-spacing: 1px;text-align: center;font-weight: bold;font-family: 'Oswald', sans-serif;font-style: italic;}

	@media screen and (max-width: 780px) {	
		.sidebar {width:100%;}
		.sidebar li {width: 23.5%; margin:0 0 13px 2% !important;}
		
		.sidebar li:nth-child(4n +1) {margin-left: 0% !important;}
	}
	@media screen and (max-width: 650px) {	
		.sidebar li {width: 32%; margin:0 0 13px 2% !important;}
		.sidebar li:nth-child(4n +1) {margin:0 0 13px 2% !important;}
		.sidebar li:nth-child(3n +1) {margin-left: 0% !important;}
	}
	@media screen and (max-width: 480px) {	
		.sidebar li {width: 48.2%; margin:0 0 13px 3.5% !important;}
		.sidebar li:nth-child(4n +1) {margin:0 0 13px 3.5% !important;}
		.sidebar li:nth-child(3n +1) {margin:0 0 13px 3.5% !important;}
		.sidebar li:nth-child(odd) {margin-left: 0% !important;}
	}
	@media screen and (max-width: 340px) {	
		.sidebar li,
		.sidebar li:nth-child(3n +1),
		.sidebar li:nth-child(4n +1) {width: 100%; margin:0 0 13px 0% !important;}
		.sidebar img {display:none;}
		.sidebar a {position:relative; background: rgba(45, 118, 76, 1);  text-align:left;   margin-top: 0px;}
		.sidebar a:before {position:absolute; content:'\f105'; font-family:fontAwesome; right:10px; top:50%; margin-top:-7px;  font-style:normal; font-size:22px;}
	}

	/*MAIN CONTENT*/
	.content {max-width: 1165px;padding: 0px 3% 30px 3%; margin:0 auto; min-height: CALC( 100vh - 590px ); }
	
	/*boxed content*/
	.content tbody,
	.content tr,
	.content td {display:block;}
	.content table {position:relative; clear:both; margin:10px 0 10px; }
	.content tr {margin-bottom:10px;}
	.content td {position:relative; padding: 20px 20px 20px 233px; font-size:14px;line-height: 20px;min-height: 150px;background:rgba(255, 255, 255, 0.5);}
	.content td h2 {margin: 0 0 13px 0px; font-size:24px;}
	.content td p {font-size:14px;line-height: 21px;margin: 0px;}
	.content td img {position: absolute;left: 20px;top: 15px;max-width:100%; height:auto; float:left; margin-right:15px;}
	
	.content table.awards {border:none !important;  padding:20px 3% !important; border-radius:3px; width:100% !important;}
	.content table.awards td {padding:0px !important;    border: none; padding:20px 3% !important; font-size:18px !important;}
	.content table.awards td p {font-size:18px !important;}
	.content table.awards td img {position:relative;left:inherit; top:inherit;}
	
	@media screen and (max-width: 630px) {
		.content td {padding: 20px 20px}
		.content td img {position: relative; top:inherit; left:inherit;}
	}
	@media screen and (max-width: 470px) {
		.content td img {float:none; margin-bottom:10px;}
	}
	
	

/*CONTACT */

.form {margin-top:25px; /*background:rgba(255, 255, 255, 0.75);*/ transition:3s; transition: 0.3s;}
	::-webkit-input-placeholder {color:#A8A8A8;}
	:-moz-placeholder {color:#A8A8A8;}
	::-moz-placeholder {color:#A8A8A8;}
	:-ms-input-placeholder {color:#A8A8A8;}

.form ul {padding:0 !important;}
.form ul li {padding-left:0 !important; }
.form ul li:before {display:none;}
.form input{padding: 5px 2%;}
.form .inputText{ width: 100%; }		
.form img{ border: none !important;border-radius: 3px;margin: 0px !important;padding: 1px 0px 2px 0px; position: absolute;top: 0px; right: 0; width:100px !important; }
.form input, .form select, .form textarea {
 outline: 0;
 border: none;
 background-color: #ffffff;
 padding: 8px 2%;
 margin: 0;
 border-right: none;
 font-family: 'Carrois Gothic', sans-serif;
 font-size: 17px;
 margin-bottom: 20px;
 transition: 0.3s;
 box-shadow: 0 10px 19px -10px #BEBBBB, 0 0 7px #DFDFDF;
 }
.form textarea{ margin-top: 5px; padding:5px 1%; width:100%; height:70px; resize:vertical; }	
/*.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; box-shadow:none !important;}*/

.form button, .form  input[type="submit"] { position:relative; width:100%; border:none; line-height: 35px; font-size:15px; cursor:pointer;  border-radius:2px;  text-transform:uppercase; margin-top: -9px; outline: 0;color: #F5F0EA;background: #2D764C; cursor: pointer; vertical-align: top; transition: 0.4s, margin-top 0.0s;box-shadow: 0 10px 19px -10px #A4A3A3, 0 0 7px #DFDFDF;}		

.form button:hover, .form  input[type="submit"]:hover  {background: #35935D;}			
.form button:active , .form  input[type="submit"]:active {}
.form button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;top: 2px;font-size: 17px;color: #F5F0EA;}	

.form label {display: none ; margin-top: -20px; color:#53320C}
	.catcha {  height: 32px;  }
.form img { box-shadow: none; height: 35px;}
	.inputsFull {padding:0; list-style:none !important}
	.inputsFull label {margin-top:10px;}
	.inputsFull li {width:47.5%; float:left;}
		/*.inputsFull li:nth-child(odd) {margin-left:5%; }*/
	
	/* FORM VALIDATION */
	div.formErrors{ display:none !important;}
	
	.error{
	background: url(/templates/client/images/asterisc.png) no-repeat right -28px !important;
	background-color: #D4902A !important;
	color:white;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29);
	transition:0.3s, background-color 0.3s !important;
	box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26);
	}
	.error::-webkit-input-placeholder {color:#fff;}
	.error:-moz-placeholder {color:#fff;}
	.error::-moz-placeholder {color:#fff;}
	.error:-ms-input-placeholder {color:#fff;}
	
	.required {background: url(/templates/client/images/asterisc.png) no-repeat right 3px;}
	.form label.error  {display: none !important;}
	.form select.required {background-position:right 29px top 1px; }
	.form select.error {  background-position:right 29px top -30px !important;}
	.form textarea.error{background: url(/templates/client/images/asterisc.png) no-repeat right -30px ;}
	
	/* FORM HIGHLIGHT */
	.highlight{ }
		.highlight label{ text-shadow:1px 1px 10px black;}
		.highlight-selected{ background-color:#FF0;}

@media screen and (max-width: 660px) {	
	.inputsFull li {width:100% !important; margin:0 !important;}	
	#map {height:275px;}	
	.form button {margin-top:0px;}
}
	

/*FOOTER*/
footer {background:#2d764c;}
footer .inner {max-width: 1165px; padding:15px 3% 30px; margin:0 auto;}
	.box {float:left;width: 31.33%; text-align:center; color:white;text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.66);}
	.box:nth-child(2) {margin: 0 3%;}
	.box span {font-size:14px;line-height: 20px;}
	.box img {max-width:100%; height:auto;}
	.box a {color: white;}
	.box i {font-size: 70px;margin: 11px;}
	.box .map img {border:3px solid #d5932f; box-shadow:0px 1px 5px rgba(0, 0, 0, 0.62); }
	.box .isn {display:inline-block; margin-top:10px;}
	
	@media screen and (max-width: 640px) { 
		footer .inner {    padding: 5px 0 15px;}
		.box {width:100%;margin:0 0 30px !important;padding: 0px 0 30px;border-bottom: 2px solid #2A6242;}
		.box:nth-child(3) {border:none !important;}
	}


/*Site Wide text resizing:*/
@media screen and (max-width: 770px) {
	h1 {font-size: 33px; padding: 24px 0 6px 0;}
	p {font-size: 16px; line-height: 22px;}
}

/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }


.tableAbout{}
.tableAbout tbody{}
.tableAbout tr{}
.tableAbout td{ display: table-cell; padding: 30px; }
.tableAbout tr td:first-child{ width: 260px; padding: 0 !important; text-align:center; }

.tableAbout tr td:first-child::after{
	display: block;
	content: '';
	
	width: 100%;
	height: 100px;
	position: absolute;
	top: 30px;
}
.tableAbout tr td:first-child::before{
	display: block;
	position: absolute;
	content: '';
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	margin: 10px;
	background: #2d764c;
	border: 3px solid #d5932f;
	z-index: 0;
}
.tableAbout tr td:first-child strong{
	position: absolute;
	top: 90px;
	left: 43%;
	color: #fff;
	font-weight: bold;
}

.tableAbout tr:nth-child(1) td:first-child::after{background: url(/templates/client/images/ordes-electric-logo1.png) no-repeat center; background-size: contain;}
.tableAbout tr:nth-child(2) td:first-child::after{background: url(/templates/client/images/ordes-electric-logo2.png) no-repeat center; background-size: contain;}
.tableAbout tr:nth-child(3) td:first-child::after{background: url(/templates/client/images/ordes-electric-logo3.png) no-repeat center; background-size: contain;}

@media screen and (max-width: 570px) {
	.tableAbout td{ display:block; width:100% !important; padding-top: 0; }
	.tableAbout tr td:first-child strong{ text-indent:10px;}
}

.tableExp{ margin-bottom:0 !important; }
.tableExp tbody{
	display: flex;
	flex-wrap: wrap;
}
.tableExp tr{
	display: flex;
	width: 25%;
	padding: 0 5px;
	box-sizing: border-box;
}
.tableExp td{
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
}
@media screen and (max-width: 1140px) {
	.tableExp tr{
		width:33.33%;
	}
}
@media screen and (max-width: 1100px) {
	.tableExp tr{
		width:50%;
	}
}

@media screen and (max-width: 700px) {
	.tableExp tr{
		width:100%;
	}
}
a.viewprojects {
    display: block;
    width: 100%;
    padding: 10px;
    background: #2d764c;
    color: #fff;
    text-align: right;
    font-size: 1.4em;
    font-weight: normal;
	position: relative;
	transition: all 0.3s ease;
}
a.viewprojects:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 0 20px;
    border-color: transparent transparent transparent #f5f0ea;
}
a.viewprojects:after {
    content: '\f21d';
    font-family: fontawesome;
    display: inline-block;
    margin-left: 20px;
    font-size: 1.2em;
    vertical-align: middle;
}
a.viewprojects:hover {
    color: #2d764c;
    background: #fff;
    padding-right: 20px;
}
a.viewprojects:hover:before {}
a.viewprojects:hover:after {}