/*RESET ALL ELEMENTS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sub,sup,fieldset,form,label,legend,th,ul,ol,li{
    font-weight:inherit;font-style:inherit;font-size:100%;line-height:1;font-family:inherit;
    text-align: left;vertical-align: baseline;margin:0;padding:0;border:0;box-sizing: border-box;
}
a img,:link img,:visited img{
    border:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
q:before,q:after,blockquote:before,blockquote:after{
    content:"";
}
div{
	box-sizing: border-box;
}

a:link, a:visited{
	text-decoration:none;
	color:#094964;
}

a:hover{
	color:#000000;
	text-decoration:none;
}



/*GENERAL SETTINGS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media screen and (max-width: 870px) {	}
body{
	text-align: left;
	color:#000;
	margin: 0;
	font-family: 'Lato', sans-serif;
	background-color:#FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

em{
	font-family: 'Lato', sans-serif;
	font-style: italic;
}

hr{
	margin:30px 0 20px 0;
	border: 0;
    height: 1px;
    background: #cbcbcb;
}


h1,h2,h3,h4,h5{
	margin:0 0 20px 0;
}

.colorTxt{
	color:#00267b;
}

h1,h2{
	line-height:normal;
	font-size:46px;
	font-weight:300;
	margin-bottom:40px;
}

i{
	margin-right:5px;
	display:inline-block;
}

.spacer1{
	padding:153px 0;
}

.widthMinify{
	max-width:910px;
	margin:auto;
}

.alignCenter p, 
.alignCenter h1,
.alignCenter h2, 
.alignCenter h3, 
.alignCenter h4,
.alignCenter{
	text-align:center;
}

.largeText{
	font-size:24px;
	line-height:30px;
	font-weight:300;
	margin-bottom:40px;
}

.squareButton a:link,
.squareButton a:visited{
	border:1px solid #c0cad4;
	padding:20px;
	max-width:358px;
	text-align:center;
	width:95%;
	display:block;
	text-decoration:none;
	font-size:24px;
	line-height:24px;
	color:#00267b;
	margin:50px auto 0 auto;
}

.squareButton a:hover{
	background-color:#c0cad4;
}

@media screen and (max-width: 600px) {
	
	h1{
		font-size:36px;
		line-height:42px;
	}
	
	.largeText{
		font-size:18px;
		line-height:24px;
	}		
}

@media screen and (max-width: 800px) {
.spacer1{
	padding:53px 0;
}

}



.container1OCM{
	max-width:1370px;
	margin:auto;
	width:95%;
	position:relative;
}

.container2OCM{
	margin:auto;
	width:100%;
	position:relative;
}

@media screen and (max-width: 660px) {
	.container2OCM{
		width:95%;
	}	
}

.imgWidth100{
	display:block;
	width:100%;
	height:auto;
}

/* HEADER */

div#siteHeader{
	background-color:#FFF;
	height:126px;
	overflow:hidden;
}

@media screen and (max-width: 660px) {
	div#siteHeader{
		height:152px;
	}	
}

@media screen and (max-width: 400px) {
		div#siteHeader{
			height:110px;
		}	
}

#siteLogo a{
	display:block;
	max-width:378px;
}

#siteLogo{
	position:absolute;
	top:30px;
	left:0;
}

@media screen and (max-width: 660px) {
	#siteLogo{
		width:100%;
	}
	
	#siteLogo a{
		margin:auto;
	}
}

@media screen and (max-width: 400px) {
	#siteLogo{
		top:15px;
	}
	#siteLogo a{
		width:80%;
		display:block;
	}
}

#headerContact{
	position:absolute;
	top:50px;
	right:0;
}

@media screen and (max-width: 660px) {
#headerContact{
	position:absolute;
	top:50px;
	right:0;
}	
}

#headerContact ul li{
	display:inline-block;
	margin-left:20px;
}

	#headerContact{
		position:absolute;
		top:45px;
	}

	@media screen and (max-width:900px) {
		#headerContact ul li{
		display:block;
		margin-left:0;
		margin-bottom:15px;
		}
}


@media screen and (max-width: 660px) {
	#headerContact{
		position:absolute;
		top:110px;
		right:inherit;
		width:100%;
		}
		
		#headerContact ul{
			display:block;
			text-align:center;
			border-top:1px solid #00267b;
			border-bottom:1px solid #00267b;
			padding:7px 0;
		}
		
		#headerContact ul li{
		display:inline-block;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:0;
		}	
}

@media screen and (max-width: 400px) {
	
		#headerContact ul{
			padding:3px 0;
		}
	
		#headerContact{
		top:75px;
		}
		
		#headerContact ul li{
			font-size:14px;
		}
}

@media screen and (max-width: 337px) {
		#headerContact ul li{
			font-size:12px;
		}
}

/* SITE NAVIGATON */


#mainNavigation{
	background-color:#00267b;
}

#mainNavigationContainer{
	max-width:1370px;
	margin:auto;
}

#mainNavigation ul li{
	display:inline-block;
}

#mainNavigation a:link,
#mainNavigation a:visited{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:25px 22px;
	background-image: url("../../m/nav-breaker.gif");
	background-repeat: no-repeat;
	background-position: right;
	font-size:16px;
}

#mainNavigation li:last-child a:link,
#mainNavigation li:last-child a:visited{
	background-image: none;
}

#mainNavigation a:hover{
	text-decoration:underline;
}

@media screen and (max-width: 830px) {
	#mainNavigation ul{
	}
	#mainNavigation ul li{
	display:block;
	border-top:1px solid #264086;
	}
	
	#mainNavigation a:link,
	#mainNavigation a:visited{
		padding:15px 22px;
		background-image: none;
		font-size:16px;
	}
}

#mainNavigation ul li#mobileNavToggle{
	display:none;
}

@media screen and (max-width: 830px) {
	.closedNav #mainNavigation{
		overflow:hidden;
		height:50px;
	}
	
	.openNav #mainNavigation{
		overflow:hidden;
		height:inhert;
	}
	
	#mainNavigation ul li#mobileNavToggle{
		display:block;
		color:#fff;
		padding:15px 22px;
		cursor:pointer;
	}
}

/* HERO BANNER */

#hero{
		height:559px;
		background-image: url("../../m/banner-min.jpg");
		background-repeat: no-repeat;
		background-position: center;
}

@media screen and (max-width: 460px) {
	#hero{
			height:359px;
			background-image: url("../../m/banner-min.jpg");
			background-repeat: no-repeat;
			background-position: center;
	}	
}

#heroTextContainer{
	max-width:593px;
	padding-top:131px;
}

.heroTextHeading{
	color:#00267b;
	font-size:60px;
	line-height:72px;
	font-weight:900;
	margin-bottom:39px;
}

.heroTextParagraph{
	color:#000;
	font-size:41px;
	line-height:48px;
}


@media screen and (max-width: 660px) {
	#heroTextContainer{
		max-width:90%;
		padding-top:50px;
		text-align:center;
		margin:auto;
	}
}

@media screen and (max-width: 460px) {
	.heroTextHeading{
		font-size:32px;
		line-height:50px;
		margin-bottom:29px;
	}	
	
	.heroTextParagraph{
	font-size:26px;
	line-height:36px;
	}
}

@media screen and (max-width: 370px) {
	.heroTextHeading{
		font-size:32px;
		line-height:50px;
		margin-bottom:10px;
	}	
	
	.heroTextParagraph{
	font-size:22px;
	line-height:28px;
	}
}

/* TESTIMONIALS */

#testimonialsContainer{
	position:absolute;
	right:50px;
	top:210px;
	max-width:400px;
	width:100%;
	height:500px;
}

@media screen and (max-width: 600px) {
	#testimonialsContainer{
		position:absolute;
		right:0px;
		top:30px;
		bottom:inherit;
		max-width:400px;
		width:100%;
		height:500px;
		padding:0 10px;
	}
}



#testimonialsContainer{
	
}

div#testimonialsContainer h2{
	font-size:16px;
	font-weight:900;
	margin-bottom:20px;
}

.testimonial{
	font-size:26px;
	line-height:36px;
}

.testimonial{
	padding:0 1px;
}

@media screen and (max-width: 350px) {
	
	div#testimonialsContainer h2{
		font-size:15px;
	}

	.testimonial{
			font-size:24px;
			line-height:34px;
	}	
}


/* SERVICES */

.serviceBack{
	background-image: url("../../m/service-background-min.jpg");
	background-repeat: repeat;
	background-position: center;
}

#serviceContainer h2{
	text-align:center;
}

#serviceContainer ul{
	display:block;
	margin:auto;
	width:90%;
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	padding-left:50px;
}

#serviceContainer ul li{
	display:block;
	width:30%;
	color:#5f4921;
	font-size:24px;
	margin:0 0 30px 0;
	font-weight:200;
	position:relative;
	margin:0 10px 20px 10px;
}

#serviceContainer ul li i{
	color:#eeae3c;
	position:absolute;
	left:-35px;
}

@media screen and (max-width: 1400px) {
	#serviceContainer ul{
	}

	#serviceContainer ul li{
		width:28%;
		font-size:22px;
		margin:0 0 30px 0;
	}	
}


@media screen and (max-width: 1000px) {
	#serviceContainer ul{
	}

	#serviceContainer ul li{
		width:48%;
		font-size:22px;
		margin:0 0 30px 0;
	}	
}


@media screen and (max-width: 950px) {
	#serviceContainer ul{
		padding-left:80px;
	}

	#serviceContainer ul li{
		width:48%;
		font-size:18px;
		margin:0 0 30px 0;
	}	
}

@media screen and (max-width: 850px) {
	#serviceContainer ul{
		padding-left:35px;
	}

	#serviceContainer ul li{
		width:40%;
		font-size:18px;
		margin:0 0 30px 50px;
	}	
}


@media screen and (max-width: 650px) {
	
	serviceContainer ul{
	width:100%;
	}

	#serviceContainer ul{
		padding-left:0;
	}

	#serviceContainer ul li{
		width:35%;
		font-size:18px;
		margin:0 0 30px 50px;
	}	
	
	#serviceContainer ul li i{
	color:#eeae3c;
	position:absolute;
	left:-25px;
}
}

@media screen and (max-width: 410px) {
	
	serviceContainer ul{
	width:100%;
	}

	#serviceContainer ul{
		padding-left:0px;
	}

	#serviceContainer ul li{
		width:40%;
		font-size:18px;
		margin:0 0 30px 30px;
	}	
	
	#serviceContainer ul li i{
	color:#eeae3c;
	position:absolute;
	left:-25px;
}
}


@media screen and (max-width: 350px) {
	
	serviceContainer ul{
	width:100%;
	}

	#serviceContainer ul{
		padding-left:0px;
	}

	#serviceContainer ul li{
		width:38%;
		font-size:18px;
		margin:0 0 30px 30px;
	}	
	
	#serviceContainer ul li i{
	color:#eeae3c;
	position:absolute;
	left:-25px;
}
}

@media screen and (max-width: 300px) {
	
	serviceContainer ul{
	width:100%;
	}

	#serviceContainer ul{
		padding-left:40px;
	}

	#serviceContainer ul li{
		width:100%;
		font-size:18px;
		margin:0 0 30px 0;
	}	
	
	#serviceContainer ul li i{
	color:#eeae3c;
	position:absolute;
	left:-25px;
}
}

/* FORM */

.formOuterContainer{
	position:relative;
}

.formInnerContainer{
	position:absolute;
	width:50%;
	right:0;
	top:40px;
}

.formInnerContainer h2{
	margin-bottom:20px;
	font-size:30px;
}

@media screen and (max-width: 750px) {


.formInnerContainer{
	position:absolute;
	width:100%;
}	

.formInnerContainer h2{
	margin:0 auto 10px auto;
	text-align:center;
	font-size:30px;
}
}


/* FOOTER */

footer{
	background-color:#001951;
	background-image: url("../../m/footer-min.jpg");
	background-repeat: no-repeat;
	background-position: center;
	border-top:3px solid #FFF;
}

footer,
footer p,
footer a:link,
footer a:visited{
		color:#96a8d4;
		font-size:16px;
}

footer br{
}

footer h2,
footer h3{
	color:#fff;
	font-size:20px;
	margin-bottom:16px;
}

#siteLogoFooter a{
	max-width:273px;
	display:block;
	margin-bottom:30px;
}


#footerContact span{
	display:block;
}

#footerAddress{
	margin-bottom:30px;
	
}

span#footerAddress,
span#footerContact{
	display:block;
	line-height:22px;
	margin-bottom:30px;

}


span#footerAddress{
	
}

span#footerContact{
	
}


#footerCopyright{
	border-top:1px solid #56689e;
	padding-top:10px;
}

#footerCopyright span{
	display:block;
	margin-bottom:10px;
}



@media screen and (min-width: 900px) {
	span#footerAddress,
	span#footerContact{
		position:absolute;
		top:160px;
	}


	span#footerAddress{
		right:400px;
	}

	span#footerContact{
		right:90px;
	}
	
	#footerCopyright{
		margin-top:170px;
	}

	#footerCopyright span{
		display:block;
		margin-bottom:10px;
	}
	
	#footerCopyright span{
		float:left;
	}
	
	#footerCopyright span:last-child{
		float:right;
	}
}

/* MISC */

.parallax-window {
    min-height: 645px;
    background: transparent;
}

@media screen and (max-width: 600px) {
.parallax-window {
    min-height: 345px;
	}	
}

.parallax-window2 {
    min-height: 480px;
    background: transparent;
}

@media screen and (max-width: 600px) {
.parallax-window2 {
    min-height: 445px;
	}	
}

.slick-next,
.slick-prev{
	display:none !important;
}

ul.slick-dots{
	bottom:-50px;
	text-align: left;
	left:-5px;
}

.slick-dots li button::before {
    font-size: 34px;
    background-color:black;
    color:white;
    width:50px;
    height:50px;
}

ul.slick-dots{
	bottom:-50px;
	text-align: left;
	left:-5px;
}	




@media screen and (max-width: 620px) {
		.headerHeight{
		height:114px;
		}	
	}
	
	
	@media screen and (max-width: 500px) {
		.headerHeight{
		height:66px;
		}	
	}
	
@keyframes stickySlide {
    from {top:-50px;}

}

.sticky{
	position: fixed !important;
	animation-name: stickySlide;
    animation-duration: .5s;
	top:0;
	width:100%;
	left:0;
	z-index: 999;
}

.heightSet{
	height:50px;
}