/* ==========================================================================
   Project:     TWD Responsive Boilerplate - Main
   Date:        09/17/14 - File created
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */

/* ==========================================================================
   Typography
   ========================================================================== */

body, input, textarea {font-family:'open_sansregular'; color:#003768; font-size:15px;line-height: 24px;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
@font-face{font-family:'open_sanssemibold'; src:url('/css/fonts/opensans-semibold-webfont.eot'); src:url('/css/fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('/css/fonts/opensans-semibold-webfont.woff') format('woff'),url('/css/fonts/opensans-semibold-webfont.woff') format('woff'),url('/css/fonts/opensans-semibold-webfont.ttf') format('truetype'),url('/css/fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'open_sansbold'; src:url('/css/fonts/opensans-bold-webfont.eot'); src:url('/css/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/css/fonts/opensans-bold-webfont.woff') format('woff'),url('/css/fonts/opensans-bold-webfont.woff') format('woff'),url('/css/fonts/opensans-bold-webfont.ttf') format('truetype'),url('/css/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight:normal; font-style:normal}
@font-face{font-family:'open_sansregular'; src:url('/css/fonts/opensans-regular-webfont.eot'); src:url('/css/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/css/fonts/opensans-regular-webfont.woff') format('woff'),url('/css/fonts/opensans-regular-webfont.woff') format('woff'),url('/css/fonts/opensans-regular-webfont.ttf') format('truetype'),url('/css/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight:normal; font-style:normal}


/* ==========================================================================
      Headings
   ========================================================================== */
   
h1,h2,h3,h4,h5 {padding: 0px; margin: 15px 0px 15px 0px;font-family:'open_sansregular'}
	h1 {font-size: 36px; line-height: 42px;}
	h2 {font-size: 24px; line-height: 36px;}
	h3,h4 {font-size: 28px; line-height: 32px;}
	h5 {font-size:20px; line-height:24px; color:#739adf}

/* ==========================================================================
   Basic Elements
   ========================================================================== */

body {background: #fff;} 
a:focus, a:active, a:visited, object, player, embed, video, img, input,div, button { outline: none; outline: 0 }  
a img { border: none; }
a:hover { text-decoration: none;}

/* ==========================================================================
   Offcanvas Menu
   ========================================================================== */
 
.offcanvas {overflow-x:hidden; overflow-y: auto;position: fixed; right: -280px; top: 0px; height: 100%; width: 275px;-webkit-box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.25); box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.25);webkit-backface-visibility: hidden;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);z-index: 999}
	.offcanvas.navmenu-default {background: #f1f1f1;border: none; text-align: right; font-family:'open_sanssemibold';}
	.offcanvas.navmenu-default .navmenu-nav {margin: 0px 0px 0px 0px;}
	.offcanvas.navmenu-default .navmenu-nav li {font-family:'open_sanssemibold';border-bottom: 1px solid #ccc; font-size: 16px;text-transform: none; margin: 0px; padding:0px;}
	.offcanvas.navmenu-default .navmenu-nav a { color: #0d408c; display: block; }
	.offcanvas.navmenu-default a:hover, .offcanvas.navmenu-default a:focus {background: #0d408c; color: #fff}
	.offcanvas.navmenu-default .navmenu-nav a:hover, .offcanvas.navmenu-default .navmenu-nav a:focus, .offcanvas.navmenu-default .navmenu-nav a:active,  .offcanvas.navmenu-default .navmenu-nav .open a { color: #fff}
	.offcanvas.navmenu-default .dropdown-menu, .offcanvas.navmenu-default .open a, .offcanvas.navmenu-default .dropdown-menu, .offcanvas.navmenu-default .open a:focus, .offcanvas.navmenu-default .open ul li a.dropdown-toggle { background: #666}
	.offcanvas.navmenu-default .open a.dropdown-toggle {background: #003768}
	.offcanvas.navmenu-default .dropdown-menu {padding: 0px; position: static;float: none;padding-top: 0;margin: 0;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
	.offcanvas.navmenu-default .dropdown-menu li { border-bottom: 1px solid #999;  text-transform: none; font-size: 14px;}
	.offcanvas.navmenu-default .dropdown-menu li:last-child { border-bottom: none;}
	.offcanvas.navmenu-default .open .dropdown-menu li a {color: #fff; padding: 7px; white-space: normal}
	.offcanvas.navmenu-default .open .dropdown-menu li a:hover {background: #ccc; color: #333}
	.offcanvas.navmenu-default .dropdown-backdrop {position: static;}
	.offcanvas.navmenu-default .navmenu-nav .dropdown .caret {border-top-color: #999; border-bottom-color: #999;}
	.offcanvas.navmenu-default .navmenu-nav .dropdown a:focus .caret, .offcanvas.navmenu-default .navmenu-nav .dropdown a:hover .caret {border-top-color: #fff; border-bottom-color: #fff;}
	
	.offcanvas.navmenu-default .dropdown-menu li ul {}
	.offcanvas.navmenu-default .dropdown-menu li ul li {border-bottom: none; padding: 0px;}
	.offcanvas.navmenu-default .dropdown-menu li ul li a { background: #666; color: #fff; padding: 4px 20px 4px 0px;}
	
	.touch .offcanvas.navmenu-default a:hover, .touch .offcanvas.navmenu-default a:focus {background: #22409a; color: #fff; text-decoration: none;}
	.touch .offcanvas.navmenu-default .open .dropdown-menu li a:hover {background: #5e74b5; color: #fff}
	.touch .offcanvas.navmenu-default .navmenu-nav .dropdown a:focus .caret, .touch .offcanvas.navmenu-default .navmenu-nav .dropdown a:hover .caret {border-top-color: #ccc; border-bottom-color: #ccc;}
	.touch .offcanvas.navmenu-default .open .dropdown-menu li ul li a:hover {background: #112469; }
	
	/* CSS3 version */
	.offcanvas-open .wrapper  {overflow-y:hidden; position:fixed; width: 100%;-webkit-transition:right 250ms ease-out;-moz-transition: right 250ms ease-out;-o-transition: right 250ms ease-out;transition: right 250ms ease-out; right: 275px;}
	.offcanvas-closed .wrapper  {-webkit-transition:right 250ms ease-out;-moz-transition: right 250ms ease-out;-o-transition: right 250ms ease-out;transition: right 250ms ease-out; right: 0px;}
	.offcanvas-open .offcanvas {-webkit-transition:right 250ms ease-out;-moz-transition: right 250ms ease-out;-o-transition: right 250ms ease-out;transition: right 250ms ease-out; right: 0px;}
	.offcanvas-closed .offcanvas {overflow:hidden;-webkit-transition:right 250ms ease-out;-moz-transition: right 250ms ease-out;-o-transition: right 250ms ease-out;transition: right 250ms ease-out; right: -280px;}
	
	/* jQuery version */
	.offcanvas-open-jquery .offcanvas { right: 0px;position:fixed;}
	.offcanvas-open-jquery .wrapper {overflow-y:hidden; position:fixed; width: 100%;}
	
/* ==========================================================================
   Wrappers
   ========================================================================== */

.wrapper {/*z-index: 1;*/ height: 100%; right: 0px; overflow-x:hidden;position: relative;webkit-backface-visibility: hidden;}

.container-full{background: url(/img/bkg.jpg) repeat-x #fff;  margin:0px auto 0px auto; width:100%; position: relative;}
	.container-full:before, .container-full:after{ display:table;  content:""}
	.container-full:after{ clear:both}
	.container-full:before, .container-full:after{ display:table;  content:""}
	.container-full:after{ clear:both}
	
.container{ position: relative;}
	
/* ==========================================================================
   Main Layout
   ========================================================================== */

#header-wrapper { height: 165px;}
	header {color: #000;} 
	.js-btn-offcanvas {position: absolute; top: 60px;right:-13px; width: 50px; height: 50px; color: #0d408c; font-size: 35px; background: none; border: none; padding: 0px;}
	.js-btn-offcanvas:hover {cursor:pointer; }
	#mainmenu {text-align: right; position: absolute; top: 70px; width: 100%; margin: 0px; padding: 0px;}
	#mainmenu li {font-family:'open_sanssemibold'; z-index: 999; display: inline-block;position: relative; margin: 0px -5px 0px 0px; padding: 20px 30px 20px 30px;text-transform: none; font-size: 18px;border:1px solid #b9caeb}
	#mainmenu li.active {background: none; text-decoration:underline}
	#mainmenu li a {color:#0d408c; padding: 0px 0px 20px 0px}
	#mainmenu li:hover>a { color:#666;}
	#mainmenu li ul { position: absolute; top: -999px;left: 0px;width: 220px; text-align:left; margin: 0px; padding: 0px;box-shadow: 0px 2px 5px rgba(0,0,0,0.5); background: #fff; filter:alpha(opacity=0); opacity:0; -webkit-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out;}
	#mainmenu li ul.show {top: 66px;filter:alpha(opacity=100); opacity:1}
	#mainmenu li ul li:first-child { border-top: none; }
	#mainmenu li ul li { display: block; margin: 0px; padding: 0px; font-size: 14px; text-transform: none;border-top: 1px solid #ccc}
	#mainmenu li ul li:first-child a {}
	#mainmenu li ul li:last-child a {}
	#mainmenu li ul li a { display: block; color: #0d408c; padding: 10px 15px 10px 15px;}
	#mainmenu li ul li a:hover {color:#fff;background: #0d408c;}
	.quicklink {position: absolute;color: #000;top: 0px;right: 0px;list-style: none; margin: 0px 0px 0px 0px;}
	.quicklink li {float:left; font-family:'open_sansbold'; }
	.quicklink .ql-purple {background:#4e2099;padding: 5px 15px;; border-left:1px solid white}
	.quicklink .ql-ltblue {background:#5a8ae0; border-left:1px solid white; padding: 5px 15px;}
	.quicklink .ql-blue {background:#175bc1; padding: 5px 15px;border-left:1px solid white;}
	.quicklink a {color:#fff}
	.quicklink a:hover {text-decoration:underline}
	
	
#content-wrapper {padding-top: 15px;}
	aside .js-btn-showsubmenu {border:none; padding: 0px; margin: 0px 0px 15px 0px;}
	aside .js-btn-showsubmenu a { color: #000;  background: #dde9ff; display:block; padding: 10px 15px 10px 15px;}
	aside .js-btn-showsubmenu a:hover {background: #0d408c; color: #fff;}
	aside h4 {font-size:20px; padding-left:40px}
	#submenu {background:#dde9ff;}
	#submenu li {border-top: 1px solid #fff;}
	#submenu li a {display: block; color: #000; padding: 10px 15px 10px 15px;}
	#submenu li a:hover {color:#fff;background: #0d408c;}
	#submenu li a.dropdown-toggle { text-decoration: none; }
	#submenu .dropdown-menu { padding: 0px; position: static;float: none;padding-top: 0;margin: 0;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none; min-width: 0px}
	#submenu .active a, #submenu .dropdown-menu .active > a, #submenu > .dropdown-menu > .active > a:focus { background: #739adf; text-decoration:underline}
	section {min-height: 600px !important; background:#fff; border:1px solid #b9caeb;}
	section h2, section h3, section h4 {padding: 0px 0px 0px 40px;line-height: 28px; margin:25px 0px}
	section h2 {background:url(/img/plus-gold.jpg) top left no-repeat; }
	section h3 {background:url(/img/plus-gray.png) top left no-repeat; }
	section h4, aside h4 {background:url(/img/plus-purple.png) top left no-repeat;}
	
#footer-wrapper {background:#467ec9;  margin-top:30px; padding:30px 0px}	
	footer address {text-align:left; color:#fff; float:left}
	footer address a, footer address p, footer address a:hover, footer .credit a {color:#fff}
	footer address a:hover, footer .credit a:hover {text-decoration:underline}
	footer .credit {float:right; text-align:right; color:#fff}

/* ==========================================================================
   Homepage
   ========================================================================== */
   
#homepage{}
	#homepage hr {border-top:1px solid white}
	#homepage #content-wrapper {background: none; }
	#homepage .gray-banner {background:#dedcdc;text-align: center; border-radius:10px; margin:30px 0px;padding:10px; } 
	#homepage .gray-banner a {color:#063c6c; font-size:30px; font-family:'open_sanssemibold';text-align: center; }   
    #homepage .gray-banner a:hover {color:#467ec9}
    #homepage .beforeafter {text-align:center; margin:0px auto}
	#homepage section {min-height:0px !important;padding: 0px 30px 0px 30px !important;background:none; border-radius: 0px; border:0px}
    #homepage section+section+section {background:#dde9ff;padding: 20px 30px;}
    #homepage section+section+section a {font-family:'open_sanssemibold';color:#003768;}  
    #homepage .carousel-caption {font-size: 18px; line-height: 24px; background: #dde9ff;background: rgba(221, 233, 255, 0.8);width: 301px;height: 160px;position: absolute;top: 50%;left: 130px;margin-top: -80px;color: navy;text-shadow: none;padding: 20px;display: table;}
    #homepage .carousel-caption-inner {display:table-cell; vertical-align: middle;}
    #homepage .carousel-control {width: 50px}	

/* ==========================================================================
   Media Queries
   ========================================================================== */
  
@media only screen and (min-width: 0px) {
	aside .js-btn-showsubmenu {display:block;}
	#homepage .gray-banner a {font-size:18px; }
	#homepage .beforeafter {text-align:center; margin:0px auto} 
	.quicklink .ql-purple {display:none}
	.quicklink .ql-ltblue {display:none}
	#homepage .carousel-caption {display:none}
	footer address {text-align: center;float: none;}
	footer .credit {float: none;text-align: center;}
	section { border-radius: 0px;}
	#content-wrapper {background: #fff; }
	aside #submenu {margin: 0px 0px 15px 0px; padding: 0px; }
}

@media only screen and (min-width: 480px) {
	.quicklink .ql-purple {display:block}
	.quicklink .ql-ltblue {display:block}
	
}

@media only screen and (min-width: 768px) {
	aside .js-btn-showsubmenu {display:none;}
	#homepage .gray-banner a {font-size:24px;}
	#homepage .beforeafter {text-align:left; margin:0px} 
	#homepage .carousel-caption {display:table}
	section {border-radius: 10px; }
	#content-wrapper {background: url(/img/bkg-content.jpg) repeat-x #fff; }
	aside #submenu {margin: 0px; padding: 0px; }
}

@media only screen and (min-width: 992px) {
	#homepage .gray-banner a {font-size:30px;}
	footer address {text-align: left;float: left;}
	footer .credit {float: right;text-align: right; margin-top:0}
}

/* ==========================================================================
   Classes for CMS editor
   ========================================================================== */	
   
/* Text classes here */

.white {color:#fff}
.purple {color:#4e2099}
.ltblue {color:#dde9ff}
.blue {color:#175bc1}
.gold {color:#b6985a}


/* Generic layout classes here */

.img-left {float:left; margin: 0px 15px 15px 0px}
.img-right {float:right; margin: 0px 0px 15px 15px}
.beforeafter {text-align:center; margin:0px auto}
.background-purple {background:#4e2099;}
.background-ltblue {background:#dde9ff;}
.background-white {background:#fff}
.rounded {border-radius: 10px}
.border-ltblue {border:1px solid #b9caeb}


/* Buttons here */

.btn-purple { background: #4e2099; font-weight: bold;}
	.btn-purple a { color: #fff; }
	.btn-purple:hover { background: #8769b8;}
	.btn-purple:hover a { color: #fff;}
	
.btn-ltblue { background: #5a8ae0; font-weight: bold;}
	.btn-ltblue a { color: #fff; }
	.btn-ltblue:hover { background: #175bc1;}
	.btn-ltblue:hover a { color: #fff;}	
	
.btn-blue { background: #175bc1; font-weight: bold;}
	.btn-blue a { color: #fff; }
	.btn-blue:hover { background: #5a8ae0;}
	.btn-blue:hover a { color: #fff;}		
	

/* ==========================================================================
   Browser upgrade message
   ========================================================================== */	
   
#upgrade .alert {margin: 20px;}
	.upgrade a { text-decoration: underline; color: #fff; }