@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700');

* { padding:0; margin: 0; outline: none; box-sizing: border-box; font-size: 14px; line-height: 20px; font-family: 'Raleway', sans-serif; color: #555; }

/*
LIGHT BLUE: #20A9C1
DARK BLUE: #057f94
GREY: #808080
LIGHT GREY: #E5E5E5
*/

iframe, table, img { max-width: 100%; }
.clear { clear: both; }
.inner { width: 94%; max-width: 1100px; margin: 0 auto; }

.map { float: right; border:none; }

.mobileonly { display: none; }
.desktoponly { display: block; }


body { background: #F8F8F8; }


div.containermjw { }


div.containermjw header { background: rgba(255, 255, 255, 0.8); z-index: 2; position: relative; }
	header * { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

span.nav-btn { display: none; /*background: #057f94;*/ margin-top: 25px; height: 46px; width: 46px; text-align: center; float: right; }
span.nav-btn:after { content:"\f0c9"; font-family: FontAwesome; color: #000; text-align: right; line-height: 46px; font-size: 26px; cursor: pointer; }

div.containermjw header div.inner { }
	div.containermjw header div.inner a { }
	div.containermjw header div.inner a img { padding: 10px 0; max-height: 100px; }
	div.containermjw header div.inner nav { float: right; }
	div.containermjw header div.inner nav ul { list-style: none; }
	div.containermjw header div.inner nav ul li { display: inline-block; position: relative; }
	div.containermjw header div.inner nav ul li a { line-height: 105px; display: block; padding:0 15px; font-weight: 600; color: #057f94; text-decoration: none; font-size: 15px; }
	div.containermjw header div.inner nav ul li a:hover { color: #808080; }

	div.containermjw header div.inner nav ul li ul { display: none; position: absolute; top:105px; left:0; width: 225px; }
	div.containermjw header div.inner nav ul li:hover > ul { display: block; }
	div.containermjw header div.inner nav ul li ul li { width: 100%; }
	div.containermjw header div.inner nav ul li ul li a { background:#808080; display: block; line-height: 40px; width: 100%; color: #FFF; border-bottom:#959595 1px dotted; }
	div.containermjw header div.inner nav ul li ul li a:hover { color: #333; }

div.containermjw header div.inner nav ul.homepage li ul { top:100px; }

	.sticky { position: fixed !important; width: 100%; left: 0; top: 0; z-index: 9999; border-top: 0; height: 100px; }
	div.containermjw header.sticky div.inner a img { max-height: 100px; }
	div.containermjw header.sticky div.inner nav ul li a { line-height: 100px; }
	div.containermjw header.sticky div.inner nav ul li ul { top:100px; }
	div.containermjw header.sticky div.inner nav ul li ul li a { line-height: 40px; }
	div.containermjw header.sticky span.nav-btn { margin-top: 25px; }


div.containermjw div.slideshow { margin-top:-130px; margin-bottom: 50px; width: 100%; float: left; z-index: 1 }
div.containermjw div.slideshow2 { margin-top:-130px; margin-bottom: 50px; width: 100%; float: left; z-index: 1; max-height: 1100px; overflow-y: hidden; position: relative; }
div.containermjw div.slideshow2 img { width: 100%; height: auto; }
div.containermjw div.slideshow2 h2 { width: 100%; position: absolute; bottom: 45%; left: 0; text-align: center; font-family: 'Raleway', sans-serif; background: none; color: #FFF; font-size: 5.0vw; text-shadow: 1px 1px 1px #000000; line-height: 1; text-transform: uppercase; }




	div.containermjw div.slideshow h1 { }
	div.containermjw div.slideshow h2 { }


div.containermjw div.main { }
	div.containermjw div.main div.inner { padding: 50px 0; position: relative; }
	div.containermjw div.main div.inner p.intro { text-align: center; margin-bottom: 40px; font-size: 18px; line-height: 22px; }
	div.containermjw div.main div.inner p { margin-bottom: 30px; }
	div.containermjw div.main div.inner ul { margin: 0 0 30px 20px; }
	div.containermjw div.main div.inner h2 { text-align: center; font-size: 36px; line-height: 36px; text-transform: uppercase; padding-bottom: 20px; margin-bottom: 30px; background: url(images/h2-border.png) bottom center no-repeat; font-weight: 500; }

	div.containermjw div.main div.inner h2.overimg { text-align: center; padding-bottom: 0; margin:0; position: absolute; top: 145px; width: 100%; text-transform: none; font-family: 'Raleway', sans-serif; background: none; color: #FFF; font-size: 5.0vw; text-shadow: 1px 1px 1px #000000; line-height: 1; -webkit-animation-delay: 1s;
    animation-delay: 1s; -webkit-animation-timing-function: cubic-bezier(.22,.81,.01,.99); animation-timing-function: cubic-bezier(.22,.81,.01,.99); }
	div.containermjw div.main div.inner h2.pad { margin-top: 50px; }
	div.containermjw div.main div.inner div.block { width: 23%; display: inline-block; background:#FFF; margin: 1%; float:left; padding: 15px; text-align: center; box-shadow: 2px 2px 2px 2px #E5E5E5; }
	div.containermjw div.main div.inner div.block img { display: block; }
	div.containermjw div.main div.inner div.block h3 { margin: 20px 0; text-transform: uppercase; font-size: 16px; line-height: 16px; }
	div.containermjw div.main div.inner div.block a { background:#057f94; color: #FFF; font-weight: bold; text-decoration: none; padding: 10px 20px; border-radius: 5px; margin-bottom: 10px; display: inline-block;}
	div.containermjw div.main div.inner div.block a:hover { background:#808080; }
	.contact { width: 49%; display: inline-block; text-align: center; }

div.containermjw footer { background:#111; color: #FFF; padding: 15px; text-align: center; }
	div.containermjw footer p { color: #FFF; font-size: 13px; }


@media (max-width:1300px) {	
	div.containermjw div.slideshow2 h2 { width: 100%; position: absolute; bottom: 35%;
}


@media (max-width:930px) {	
	div.containermjw div.main div.inner div.block { width: 48%; }	
	span.nav-btn { display: block; }
	
	div.containermjw header div.inner nav { display: none; float: none; }
	div.containermjw header div.inner nav ul li { display: block; }
	div.containermjw header div.inner nav ul li a { line-height: 30px; color: #FFF; background: #057f94; }
	div.containermjw header div.inner nav ul li a:hover { background: #808080; color: #FFF; }
	div.containermjw header div.inner nav ul li ul { display: block; position: relative; top: 0; left: 0; width: 100%; }
	div.containermjw header div.inner nav ul li ul li a { padding-left: 40px; }
	
	div.containermjw header.sticky div.inner nav { display: none; float: none; }
	div.containermjw header.sticky div.inner nav ul li { display: block; }
	div.containermjw header.sticky div.inner nav ul li a { line-height: 30px; color: #FFF; background: #057f94; }
	div.containermjw header.sticky div.inner nav ul li a:hover { background: #808080; color: #FFF; }
	div.containermjw header.sticky div.inner nav ul li ul { display: block; position: relative; top: 0; left: 0; width: 100%; }
	div.containermjw header.sticky div.inner nav ul li ul li a { padding-left: 40px; background: #808080; }
	div.containermjw header.sticky div.inner nav ul li ul li a:hover { color: #333; }
	
	div.containermjw div.main div.inner h2.overimg { font-size: 50px; }
	
	div.containermjw header div.inner nav ul.homepage li ul { top:0; }
}





@media (max-width:470px) {	
	.mobileonly { display: block; }
	.desktoponly { display: none; }
	
	div.containermjw div.main div.inner p.intro { font-size: 15px; line-height: 18px; }
	
	div.containermjw header div.inner a img { max-width: 70%; }
	span.nav-btn { margin-top: 8%; }
	div.containermjw div.main div.inner div.block { width: 98%; }	
	.contact { width: auto; display: block; }
	
	div.containermjw div.main div.inner h2.overimg { font-size: 30px; top:165px; }
	div.containermjw div.slideshow2 { margin-top: 0 }
	div.containermjw div.slideshow2 h2 { bottom: 45%; }
	
}