/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
.aligncenter		{ text-align:center; }
.alignleft			{ text-align:left; }
.alignright			{ text-align:right; }
	img.aligncenter { display:block; margin:0 auto 10px; float:none; }
	img.alignleft	{ float:left; margin-right:10px; }
	img.alignright 	{ float:right; margin-left:10px; }

.green				{ color:#006b8b; }
.red				{ color:#8b0038; }
.yellow				{ color:#c5b211; }
.blue				{ color:#1190c5; }

.fields				{ vertical-align: top; }


a.btn				{ display:inline-block; font-weight:900; font-size:18px; color:#003d79; border:1px solid #003d79; padding:10px 20px; text-transform:uppercase; text-decoration:none; letter-spacing:1px; }


/* #Page Styles
================================================== */
.utl.block { background:#ecf3fb; position:fixed; width:100%; z-index:1002; }

	ul.utl-nav { margin:-2px 0 0; padding:0; float:right; }
		ul.utl-nav li { display:inline-block; margin:0 5px; }
		ul.utl-nav a { color:#4b4b4b; text-decoration:none; font-size:14px; display:block; padding:6px 5px; }
		
		ul.utl-nav li.highlight a { background:#4a85c5; color:#fff; padding:6px 10px; }
		ul.utl-nav li.phone a { background:url("../images/icon-phone.png") left center no-repeat; padding-left:25px; font-size:18px; }
	
.nav.block { background:#003d79; position:fixed; z-index:1002; width:100%; top:30px; }

	ul.main-nav { float:right; margin:0; padding:0; font-size:0; 
    border-left: 1px solid #c6dff9; 
    border-right: 1px solid #c6dff9; }
		ul.main-nav li { position:relative; display:inline-block; margin:0; padding:0; }
		ul.main-nav a {   border-left: 1px solid #c6dff9; border-right: 1px solid #c6dff9; color: #fff; display: block; font-size: 18px; font-weight: 700; padding: 15px 8px; text-decoration: none; }
		
		ul.main-nav a:hover { background:#4a85c5; }
		
		ul.main-nav ul { float:none; display:none; position:absolute; top:48px; left:0px; margin:0; padding:10px 0 5px; background:#4a85c5; width:140px; }
		ul.main-nav ul li { display:block; margin:0 0 5px; }
		ul.main-nav ul a { padding:3px 10px; font-size:16px; border:0; }
		ul.main-nav ul a:hover { background: #003d79; }
		ul.main-nav li:hover ul { display:block; }
		
		#tinynav1 { display:none; }
		
	.logo { position:absolute; top:-30px; background:#fff; border-radius:0 0 10px 10px; border:2px solid #dedede; border-top:0; padding:40px 25px 25px; z-index:1003; max-width:240px; }
	
	
.slideshow.block { position:relative; border-bottom:10px solid #eee; }
	.slideshow .slide { width:100%; height:auto; }
	.slideshow .logo-full { position:absolute; top:15%; left:0; right:0; margin:0 auto; display:none; width:100%; max-width:550px; height:auto; z-index:1001; }
	.slideshow .graphic { position:absolute; bottom:10%; left:0; right:0; margin:0 auto; display:block; max-width:100%; height:auto; }
	
	.slideshow .cycle-pager { position:absolute; bottom:50px; width:100%; text-align:center; color:#fff; font-size:40px; z-index:1003; }
	.slideshow .cycle-pager .cycle-pager-active { color:#003d79; }
	.slideshow .cycle-pager span:hover { cursor:pointer; }
	

.page-title.block { background:#003d79; text-align:center; text-transform:uppercase; font-size:36px; font-weight:400; line-height:36px; color:#fff; padding:115px 0 40px; }

.content.block { padding:50px 0; }
	.content img { max-width:100%; height:auto; }
	
	.content .title, .content h1 { padding:0 0 10px; margin:0 0 15px; font-size:28px; font-weight:700; text-transform:uppercase; text-align:center; display:block; position:relative;}
	
	.content .title:after , 
	.content h1:after {
		content: '';
		width: 200px;
		height: 3px;
		background: #4a85c5;
		position: absolute;
		bottom: -3px;
		text-align: center;
		left: calc(50% - 100px);
	}

	.content h2 { color:#444;  font-size:24px;  font-weight:400; line-height:28px; }
	.content h3 { color:#444; font-size:18px; font-weight:700; text-transform:uppercase; line-height: 24px; }
	.content h4 { color:#444; font-size:18px; font-weight:900; }
	
	.content ul { list-style-type:square; margin-left:40px; }
	.content p a, .content li a, .content span a, .content div a { color:#003d79; font-weight:700; }
	
	
.cta { padding:50px 0 20px; }
	.cta h2 { font-size:18px; font-weight:700; text-transform:uppercase; color:#fff !important; text-align:center; margin:0; }
		.cta .cta01 h2 { background:#003d79; }
		.cta .cta02 h2 { background:#003d79; }
		.cta .cta03 h2 { background:#003d79; }
	.cta img { vertical-align:bottom; width:100%; }
	.cta a { color:#fff !important; background:#003d79; font-size:18px; font-weight:700; display:block; text-align:center; padding:7px 0; margin-top:1px; text-decoration:none; }
	

.extra.block { background:#ecf3fb; padding:25px 0; color:#444; }

	.extra h2 { font-size:20px; font-weight:700; color:#444; margin:0 0 5px; }
	.extra a { color:#fff; text-decoration:none; }
	
	.extra .btn { background:#003d79; border:0; border-radius:7px; color:#fff; /*box-shadow:3px 3px 0 #110500; */margin:0 0 15px; } 
		.extra .btn.alt { background:#fff; color:#003d79; /*box-shadow:3px 3px 0 #110500;*/ }
		.extra .btn.large { font-size:32px; font-weight:300; }
		
	.extra input[type="text"], .extra input[type="email"] { background:none; border-radius:0; border:1px solid #444; padding:10px; display:inline-block; margin:5px 0 10px; }
	.extra input[type="submit"] {  background:#fff; color:#003d79; box-shadow:3px 3px 0 #110500;  border:0; border-radius:7px; margin:0 0 15px; font-size:18px; }

	.extra .social-media { margin:5px 0; }
		.extra .social-media li { display:inline; margin:0 5px; }	
	
	
.footer.block { background:#003d79; padding:25px 0; }
	.footer ul.main-nav { float:none; text-align:center; border: none;}
	.footer ul.main-nav li { margin:0 10px; }
	.footer ul.main-nav a { font-weight:400; border:0; }
	
	
.site-bottom.block { background:#fff;  text-align:center; padding:50px 0; }

.site-bottom.block .w50.columns.aligncenter { margin-top: 20px;}
	

/* #Media Queries
================================================== */
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 960px) and (max-width: 1099px) {
		.logo { max-width:220px; }
		ul.main-nav a { font-size:16px; padding:15px 5px; }
	}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.nav ul.main-nav { display:none; }
		#tinynav1 { float:right; display:block; width:150px; margin:15px 0; }	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.logo { padding:25px 10px 25px; width:220px; }
		ul.utl-nav a { font-size:12px; }
		ul.utl-nav li.phone a { font-size:16px; }
		ul.main-nav a { padding:10px 6px; font-size:13px; }	
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.logo { padding:25px 10px 10px; width:170px; }
		
		iframe { width:100% !important; }
		
		ul.utl-nav { margin:0; }
		ul.utl-nav li { display:none; }
		ul.utl-nav li.phone { display:block; }
		ul.utl-nav li.phone a { background:none; font-size:14px; }
		
		#tinynav1 { width:95px; }
		
		.slideshow.block { overflow:hidden; }
		.slideshow .slide { height:300px; width:auto; }
		.slideshow .cycle-pager { bottom:10px; font-size:24px; }
		.slideshow .graphic, .slideshow .logo-full { display:none; }
		
		.content .title, .content h1 { line-height:28px; }
		
		.cta .columns { margin-bottom:30px; }
		
		.extra .columns { text-align:center !important; margin-bottom:30px; }
		
		.footer ul.main-nav li { margin:0 5px; }
		.footer ul.main-nav a { font-size:15px; }
		
		.site-bottom img { max-width:100%; height:auto; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/