/* =============================================================================
   MY-DEFAULTS
   ========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,300i,400,400i");
@font-face {font-family: "copperplate";url("copperplate.woff2") format("woff2"), url("copperplate.woff") format("woff");url("copperplate.ttf") format("truetype");}

*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: Lato;font-weight:300;}
html,body,applet,article,aside,abbr,acronym,address,audio,big,blockquote,br,b,button,canvas,cite,code,caption,col,colgroup,center,del,dfn,details,div,dd,dl,dt,rem,rembed,fieldset,figcaption,figure,footer,form,header,hgroup,h1,h2,h3,h4,h5,h6,hr,i,ins,iframe,kbd,li,label,legend,mark,map,menu,nav,ol,output,object,pre,progress,p,q,ruby,s,samp,small,strike,strong,sub,sup,section,summary,time,tt,table,u,ul,video,var{display:block;margin:0;padding:0;border:0;}
::-moz-selection{background:#125533;color:#ffffff;}
::selection{background:#125533;color:#ffffff;}

/* =====BLOCK TEST======

	*{border: dotted 1px red !important;}

=====BLOCK TEST====== */

html{
    font-size:18px; /*	px	22	20	18 	16 	14	12 	10	8 	6 	4 	2	1	*/
    				/*	em	.92	.83	.75	.67	.58	.5	.42	.33	.25	.17	.08 .04	*/
	background-image: linear-gradient(#d1d1d1,#ffffff);
	background-repeat:no-repeat;
    text-shadow:0 .04em .04em rgba(0,0,0,.25);
}

body{
	height:100%;
	max-width:1024px;
	overflow:auto;
	margin:0 auto;
	box-shadow:0 1em 2em rgba(0,0,0,.33);
	background-color:#ffffff;
}

a{text-decoration:none;color:#125533;}
a:visited{text-decoration:none;color:#125533;}
a:hover{text-decoration:none;color:#125533;}
a:focus{text-decoration:none;color:#125533;}
a:active{text-decoration:none;color:#125533;}

a img{border:none;}
img{display:block;}

h1{font-size:3em;font-family:copperplate;color:#ffffff;text-align:center;text-shadow:0 0 .2em rgba(0,0,0,1);font-weight:bold;}
h2{font-size:1.25em;font-weight:400;margin:0 0 .5em 0;color:#125533;}
h3{font-weight:400;margin:.5em 0;color:#125533;}
h4{}
h5{}
h6{}

p{
	margin:0 0 1.5em 0;
	text-align:justify;
}

header{}
	header .headerBranding{
		display:flex;
		justify-content:space-between;
		width:100%;
		padding:2em;		
	}
		header .headerBranding img{
			height:7.56em;
		}
		header .headerBranding .headerContact{
			padding:1em 0 0 0;
		}
			header .headerBranding .headerContact ul{
			}
				header .headerBranding .headerContact ul li{
					text-align:center;
				}		
					header .headerBranding .headerContact ul li a{
						color:#color:#125533;;
					}
						header .headerBranding .headerContact ul li .headerContactNumber{
							font-size:1.75em;
						}
							header .headerBranding .headerContact ul li .headerContactEmail{
								letter-spacing:.05em;
							}
	header nav{
		z-index:999;
		position: relative;
		width:100%;
		height:2.5em;
		border-bottom:2px solid #125533;
		box-shadow:0 0 .66em rgba(0,0,0,.33);
	}
		header nav ul{
			display:flex;
			justify-content:space-between;
		}
			header nav ul li{
				display:inline-block;
				width:16.67%;
				text-align:center;
				height:2.5em;
				border-right:3px solid #125533;
				background-image: linear-gradient(#15623b,#1e5338);
				transition:all .1s ease-in;
			}
				header nav ul li:last-child{
					border:none;
				}
				header nav ul li:hover{
					background-image: linear-gradient(#187345,#1e5338);
					transition:all .1s ease-in;
				}
				header nav ul li a{
					display:block;
					width:100%;
					height:2.5em;
					padding:.5em 0 0 0;
					color:#ffffff;
				}
					header nav ul li a:visited{color:#ffffff;}
					header nav ul li a:hover{color:#ffffff;text-shadow:0 .1em .25em rgba(0,0,0,1);}
					header nav ul li a:focus{color:#ffffff;}
					header nav ul li a:active{color:#ffffff;}

section{}
article{}

aside{
	margin:.25em 0 0 0;
	width:29%;
	background:#ededed;
	border:3px solid #125533;
	height:100%;
	padding:1em;
	box-shadow:0 0 .5em rgba(0,0,0,.25);
}
	aside img{
		margin:1em auto;
	}
	aside h1{
		margin:0;
		font-family:copperplate,serif;
		font-size:1.5em;
		color:#125533;
		text-align:center;
		letter-spacing:.02em;
		text-shadow:none;
		font-weight:normal;		
	}
	aside form{
		width:100%;
	}
	aside form ul{}
		aside form ul li{
			margin:1em 0;
			font-family:copperplate,serif;
			font-size:1em;
			color:#777777;
			text-shadow:none;
		}
			aside form ul li input[type=text]{
				width:100%;
				font-family:copperplate,serif;
				font-size:1.2em;
			}
			aside form ul li select{
				font-family:copperplate,serif;
				font-size:1em;
				color:#777777;
				text-shadow:none;
			}
				aside form ul li select option{
					font-family:copperplate,serif;
					font-size:1em;
					color:#777777;
					text-shadow:none;
				}
			aside form ul li input[type=submit]{
				transition:all .1s ease-in;
				font-family:copperplate,serif;
				font-size:1.2em;
				background:#d1d1d1;
				color:#125533;
				border:1px solid #125533;
			}
			aside form ul li input[type=submit]:hover{
				transition:all .1s ease-in;
				background:#ededed;
			}
footer{
	height:9em;
	background-image: linear-gradient(#15623b,#1e5338);
	color:#ededed;
}
	footer nav{}
		footer nav ul{
			display:flex;
			justify-content:space-between;
			padding:1em 0 0 0;
		}
			footer nav ul li{
				display:inline-block;
				width:15%;
				text-align:center;
			}
				footer nav ul li a{
					color:#ededed;
				}
				footer nav ul li a:visited{color:#ededed;}
				footer nav ul li a:hover{color:#ededed;}
				footer nav ul li a:focus{color:#ededed;}
				footer nav ul li a:active{color:#ededed;}
	footer .footerContact{
		display:flex;
		justify-content:center;
		margin:1em auto;
	}
		footer .footerContact img{
			width:120px;
			height:40px;
			margin:.5em 1em 0 0;
		}
			footer .footerContact ul{
				font-size:.8em;
			}
				footer .footerContact ul li{}
					footer .footerContact ul li a{
						color:#ededed;
					}
	footer .footerLegal{
		font-size:.66em;
		letter-spacing:.1em;
		text-align:center;
	}
hr{}
/* CUSTOM CLASSES */
.sliderContainer{
	margin:0;
	padding:0;
	width:100%;
	height:32em;
	overflow:hidden;
	border-bottom:3px solid #125533;
}
	.sliderContainer img{
		margin:0;
		width:100%;
	}
.bjqs{

}
.quicklinks{
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;
	padding:0 2em;
	width:100%;
}
	.quicklinks .quicklinksBox{
		display:block;
		width:14.5em;
		height:13em;
		margin:2em 0 0 0;
		border:3px solid #125533;
		background:#d1d1d1;
		background-size:cover;
		box-shadow:0 0 .5em rgba(0,0,0,.25);
	}
		.quicklinks .quicklinksBox:first-child{
			background-image:url('../img/quicklinks-01.jpg');
		}
		.quicklinks .quicklinksBox:nth-child(2){
			background-image:url('../img/quicklinks-02.jpg');
		}
		.quicklinks .quicklinksBox:last-child{
			background-image:url('../img/quicklinks-03.jpg');
		}
		.quicklinks .quicklinksBox:hover:first-child{
			background-image:url('../img/quicklinks-01_hover.jpg');
		}
		.quicklinks .quicklinksBox:hover:nth-child(2){
			background-image:url('../img/quicklinks-02_hover.jpg');
		}
		.quicklinks .quicklinksBox:hover:last-child{
			background-image:url('../img/quicklinks-03_hover.jpg');
		}
		.quicklinks .quicklinksBox .quicklinksBoxTitle{
			display:block;
			padding:1.75em 0 0 0;
			font-family:copperplate;
			font-size:2.25em;
			text-align:center;
			transition:all .2s ease-in;
			color:#125533;
			text-shadow:0 .0em .1em rgba(255,255,255,1);
		}
		.quicklinks .quicklinksBox:hover .quicklinksBoxTitle{
			transition:all .2s ease-in;
			color:#ffffff;
			text-shadow:0 .0em .1em rgba(0,0,0,1);
		}
		
.main{
	display:flex;
	justify-content:space-between;
	padding:0 6%;
	margin:2em 0;
}
	.main .mainContent{
		width:65%;
	}
.pageHeader{
	width:100%;
	height:12em;
	padding:4em 0 0 0;	
	background-size:cover;
	border-bottom:3px solid #125533;
}
.leaseHeader{
	background-image:url('../img/leaseHeader.jpg');
}
.sellHeader{
	background-image:url('../img/sellHeader.jpg');
}
.operationsHeader{
	background-image:url('../img/operationsHeader.jpg');
}
.aboutHeader{
	background-image:url('../img/aboutHeader.jpg');
}
.contactHeader{
	background-image:url('../img/contactHeader.jpg');
}
.aoiBasins{
	width:100%;
}
.aoiMainGroup{
	margin:0 0 1em 0;
}
.contactInfo{
	font-size:1.25em;
}
	.contactInfo li{margin:0 0 .5em 0;}
		.contactInfo li a{color:#125533;}
.contactForm{width:50%;}
	.contactForm ul{width:100%;}
		.contactForm ul li{
			width:100%;
			margin:0 0 .5em 0;
			font-family:copperplate,serif;
			color:#777777;
			text-shadow:none;
		}
			.contactForm ul li input[type=text]{
				width:100%;
				font-family:copperplate,serif;
				font-size:1.2em;
			}
			.contactForm ul li select{
				font-family:copperplate,serif;
				font-size:1em;		
				color:#777777;
				text-shadow:none;	
			}
				.contactForm ul li select option{
					font-family:copperplate,serif;
					font-size:1em;
					color:#777777;
					text-shadow:none;	
				}
			.contactForm ul li textarea{
				width:100%;
				height:6em;
				font-family:copperplate,serif;
				font-size:1.2em;
			}
			.contactForm ul li input[type=submit]{
				transition:all .1s ease-in;
				font-family:copperplate,serif;
				font-size:1.2em;
				background:#d1d1d1;
				color:#125533;
				border:1px solid #125533;
			}
				.contactForm ul li input[type=submit]:hover{
					transition:all .1s ease-in;
					background:#ededed;
				}
				
.inlineImg{width:100%;box-shadow:0 0 .5em rgba(0,0,0,.25);}
/* RESPONSIVE CLASSES */
@media(min-width:960px) and (max-width:1023px){html{transition:font-size .2s ease-in;font-size:18px;}}
@media(min-width:800px) and (max-width:959px){html{transition:font-size .2s ease-in;font-size:16px;}}
@media(min-width:640px) and (max-width:799px){html{transition:font-size .2s ease-in;font-size:12px;}}
@media(max-width:639px) {html{transition:font-size .2s ease-in;font-size:10px;}}
/* RESPONSIVE CLASSES END */
/* MOBILE CLASSES */
@media(max-device-width:767px){
html{font-size:20px;margin:0;padding:0;}
body{min-width:100%;margin:0;padding:0;}
header{}
	header .headerBranding{justify-content:center;flex-wrap: wrap;margin:0;padding:0;}
		header .headerBranding img{margin:1em 0 0 0;height:5em;}
		header .headerBranding .headerContact{width:100%;padding:1em 0;}	
			header .headerBranding .headerContact ul li a{color:#color:#125533;}
				header .headerBranding .headerContact ul li .headerContactNumber{font-size:1.33em;letter-spacing:.15em;}
					header .headerBranding .headerContact ul li .headerContactEmail{letter-spacing:.05em;}
	header nav{height:100%;}
		header nav ul{justify-content:center;flex-wrap:wrap;}
			header nav ul li{width:100%;}
h1{font-size:1.5em;}

p{font-size:1.25em;}
aside{margin:0;width:100%;}
footer{height:100%;}
	footer nav ul{flex-wrap:wrap;}
		footer nav ul li{width:100%;padding:0 0 .5em 0;font-size:1.25em;}
	footer .footerContact{width:100%;flex-wrap:wrap;}
		footer .footerContact img{margin:.5em auto;}
			footer .footerContact ul{font-size:1em;}
				footer .footerContact ul li{text-align:center;margin:.5em 0;}
	footer .footerLegal{font-size:.8em;}
.quicklinks{padding:0 .5em;}
	.quicklinks .quicklinksBox{width:100%;height:13em;}
.main{flex-wrap:wrap;}
	.main .mainContent{width:100%;}
.pageHeader{height:5em;padding:.75em 0 0 0;}
.contactForm{width:100%;}
}
.title{font-weight:400;color:#125533;}
/* MOBIEL CLASSES END */