/* ———————————————————————————————————————————————————————————————————————————————
   ** IMPORTS
——————————————————————————————————————————————————————————————————————————————— */

@import 'https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css';
@import 'https://fonts.googleapis.com/css?family=Fjord+One';

/* ———————————————————————————————————————————————————————————————————————————————
   ** FONTFACE
——————————————————————————————————————————————————————————————————————————————— */

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}


/* ———————————————————————————————————————————————————————————————————————————————
   ** COLORS
——————————————————————————————————————————————————————————————————————————————————

BLUE: 0a3466
ROYAL BLUE: 1377e1
LIGHT BLUE: 8bd5f9
DARK GRAY: 4e4e4e
GREEN: 93b825
DARK GREEN: 69893b

——————————————————————————————————————————————————————————————————————————————— */


/* ———————————————————————————————————————————————————————————————————————————————
   ** TRANSITIONS
——————————————————————————————————————————————————————————————————————————————— */

.caption h3 + p + a,
.flex-direction-nav a,
.flex-viewport,
.main p + a.more,
nav.primary > ul > li,
nav.secondary ul li a,
nav.secondary ul li a::before,
brandlogo{
-webkit-transition:all .3s ease;
   -moz-transition:all .3s ease;
        transition:all .3s ease;}
		

/* ———————————————————————————————————————————————————————————————————————————————
   ** HEADER
——————————————————————————————————————————————————————————————————————————————— */


nav .control-bar{display:none;}

nav.primary{font-family:'Fjord One';line-height:0; margin-top:30px;}

/* ———————————————————————————————————————————————————————————————————————————————
   ** SECONDARY NAVIGATION
——————————————————————————————————————————————————————————————————————————————— */

nav.tertiary{text-align:right;font-family:'Gentium Basic';display:inline-block;float:right;}
nav.tertiary ul{display:inline-block;}
nav.tertiary ul li{display:inline-block;float:left;margin-left:6px;}
nav.tertiary ul li:first-child{margin-left:0;}
nav.tertiary ul li a#ClientPortal{display:block;line-height:36px;background:#0a3466 url(../images/client_bg.png) right bottom no-repeat;color:#fff;padding:0 50px 0 20px;font-style:italic;font-size:16px;}
nav.tertiary ul li a#ClientPortal:hover{background-color:#1377e1;}

a#ClientPortal{display:block;line-height:36px;background:#0a3466 url(../images/client_bg.png) right bottom no-repeat;color:#fff;padding:0 50px 0 20px;font-style:italic;font-size:16px;}
a#ClientPortal:hover{background-color:#1377e1;}

/* search */
nav.tertiary ul li .search-form{position:relative;height:36px;display:inline-block;padding-top:8px;}
nav.tertiary ul li #dnn_searchbar{border:0;outline:0;border:2px solid rgba(139,213,249,1);display:block!important;display:inline-block;}
nav.tertiary ul li #dnn_dnnSearch_ClassicSearch{position:relative;display:inline-block;}
nav.tertiary ul li #dnn_dnnSearch_cmdSearch{display:block;width:32px;height:32px;line-height:32px;text-align:center;position:absolute;top:0;right:0;}
nav.tertiary ul li #dnn_dnnSearch_cmdSearch img{display:inline-block;vertical-align:middle;position:relative;top:50%;margin-top:-10px;}
nav.tertiary ul li #dnn_dnnSearch_ClassicSearch input[type="text"]{border:0;outline:0;line-height:20px!important;height:32px!important;padding:6px 32px 6px 10px;background:transparent;}
nav.tertiary ul li .searchInputContainer{border:0;outline:0;line-height:0;text-align:center;position:absolute;right:0;top:0;left:0;right:0;background:transparent;cursor:pointer;}


nav.social{text-align:right;display:inline-block;float:right;margin-right:4px;}
nav.social ul{display:inline-block;width:76px;padding:0;margin:0;line-height:0;}
nav.social ul li{display:block;float:left;width:49%;padding:0;margin:0;line-height:0;}
nav.social ul li a{display:block;text-align:center;color:#fff;font-weight:bold;line-height:36px;}
nav.social ul li a i{font-size:16px;}
nav.social ul li a span{display:inline-block;font-size:16px;margin-left:10px;}
nav.social ul li.li a{background:#0a3466;font-family:FontAwesome;}
nav.social ul li.li a i{/* hack to fix line-height */position:relative;top:-1px;}
nav.social ul li.tw a{background:#39a4d1;font-family:FontAwesome;}




/* ———————————————————————————————————————————————————————————————————————————————
   ** FLEXSLIDER [DON'T EDIT HERE EDIT BELOW IN THE SKIN BLOCK]
——————————————————————————————————————————————————————————————————————————————— */

.flex-container a:active, 
.flexslider a:active, 
.flex-container a:focus, 
.flexslider a:focus{outline:none}
.slides, 
.flex-control-nav, 
.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0}
.flexslider .slides >li{display:none;-webkit-backface-visibility:hidden;position:relative;}
.flexslider .slides img{max-width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides >li:first-child{display:block}
.flexslider{position:relative;zoom:1}
.flex-viewport{max-height:2000px;}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav{*height:0}
.flex-direction-nav a{display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);}
.flex-direction-nav .flex-prev{left:-50px}
.flex-direction-nav .flex-next{right:-50px;text-align:right}
.flexslider:hover .flex-prev{opacity:0.7;left:10px}
.flexslider:hover .flex-next{opacity:0.7;right:10px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}
.flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001'}
.flex-direction-nav a.flex-next:before{content:'\f002'}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004'}
.flex-pauseplay a:hover{opacity:1}
.flex-pauseplay a.flex-play:before{content:'\f003'}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
/*** skin block ***/
.flexslider{margin:0 0 30px;}
#banner,
.flexslider,
.flexslider ul,
.flexslider ul i{border:0!important;}
.flex-direction-nav{*height:0}
.flex-direction-nav a{display:block;width:30px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);background:rgba(10,52,102,.8);}
.flex-direction-nav a:hover{background:#0a3466;}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{}
.flex-direction-nav .flex-prev{left:-30px}
.flex-direction-nav .flex-next{right:-30px;text-align:right}
.flexslider:hover .flex-prev{opacity:1;left:0}
.flexslider:hover .flex-next{opacity:1;right:0}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}
.flex-direction-nav a:before{color:#fff;font-family:"flexslider-icon";font-size:10px;text-align:center;line-height:40px;width:30px;display:inline-block;content:'\f001'}
.flex-direction-nav a.flex-next:before{content:'\f002'}
/*** end skin block ***/

@media screen and (max-width:860px){
.flex-direction-nav .flex-prev{opacity:1;left:0;}
.flex-direction-nav .flex-next{opacity:1;right:0;}
}



/* ———————————————————————————————————————————————————————————————————————————————
   ** FOOTER
——————————————————————————————————————————————————————————————————————————————— */


nav.secondary{}
nav.secondary ul{}
nav.secondary ul li{border-bottom:1px solid rgba(255,255,255,.1);}
nav.secondary ul li:last-child{border-bottom:0;}
nav.secondary ul li a{display:block;padding:12px 0;color:#4e7aae;}
nav.secondary ul li a::before{content:'\f105';font-family:'FontAwesome';margin:0 12px 0 0;}
nav.secondary ul li a:hover{color:#fff;}
nav.secondary ul li:hover a::before{margin:0 6px 0 6px;color:#fff;}


@media screen and (min-width:310px) and (max-width:420px){
nav.primary{margin-top:10px;}
nav.tertiary{display:block;text-align:center;float:none;}
nav.tertiary ul li input[type="text"]{max-width:80px;}
nav.tertiary ul li a#ClientPortal{background:#0a3466;padding:0 20px;}


}
@media screen and (max-width:767px){
nav .control-bar { font-family: 'FontAwesome'; color: #fff; display: block; height: 40px; background-color: none; position: relative; cursor: pointer; }
nav .trigger { display: block; line-height: 40px; width: 40px; text-align: center; border-left: 1px solid rgba(255,255,255,.2); position: absolute; right: 0; background:#008a5e;	 }
	
nav.tertiary{display:block;text-align:center;float:none;}

nav.primary{margin-bottom:0;}
nav.primary ul{margin:0;}
nav.primary > ul{display:none;background:rgba(19,119,225,.8);}
nav.primary > ul > li{border-top: 1px solid #01b579;border-bottom: 1px solid #008a5e;background-color: #096;font-family: proxima-nova-condensed, sans-serif;color: #e6e6e6;font-size: 14px;font-weight: 700;text-decoration: none;}
nav.primary > ul > li > a{display:block;line-height:1.2em;padding:10px;position:relative; display:block;line-height:1.2em;padding:10px; color:#e6e6e6; text-decoration:none; }
nav.primary > ul > li > a::after {
content: '';
position: absolute;
top: 50%;
right: 20px;
margin-top: -3px;
height: 0;
width: 0;
border: 5px solid transparent;
border-top-color: #e6e6e6;
border-top-color: rgba(3,142,96,1);}
nav.primary > ul > li.parent > a::after{content:'\f107';font-family:'FontAwesome';position:absolute;height:43px;line-height:43px;width:43px;text-align:center;top:0;right:0;}
nav.primary > ul > li > ul{display:none;background:#007A51;}
nav.primary > ul > li > ul > li{border-bottom:1px solid #008a5e;}
nav.primary > ul > li > ul > li:last-child{border-bottom:0;}
nav.primary > ul > li > ul > li a{display:block;line-height:1.2em;padding:10px 15px;color:#e6e6e6; text-decoration:none;}
nav.primary > ul > li > ul > li a:hover{background:#008a5e;color:#fff;}

#interior-banner h1{font-size:2em;}
}
@media screen and (min-width:621px){
/* ———————————————————————————————————————————————————————————————————————————————
   ** NAVIGATION
——————————————————————————————————————————————————————————————————————————————— */
nav.tertiary{display:block;text-align:right;float:none;}

nav.primary{}
nav.primary ul{}
nav.primary ul, nav.primary ul *{margin:0;padding:0;list-style:none; }
nav.primary ul li{position:relative}
nav.primary ul ul{position:absolute;display:none;top:100%;left:0;z-index:99}
nav.primary ul > li{float:left}
nav.primary ul li:hover >ul, nav.primary ul li.sfHover >ul{display:block}
nav.primary ul a{display:block;position:relative; white-space:nowrap;}
nav.primary ul ul ul{top:0;left:100%}
/* skin */
nav.primary{ margin-top:30px;}
nav.primary > ul{display:inline-block;}
nav.primary > ul > li{border-top:2px solid transparent;}
nav.primary > ul > li > a{font-size:14px;color:#4e4e4e;text-decoration:none;zoom:1;white-space:nowrap;display:block;line-height:52px;}
nav.primary > ul > li > ul{padding-top: 10px;padding-bottom: 10px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;background-color: #02ac73;background-image: -webkit-linear-gradient(#017850, #02ac73 4%);background-image: -o-linear-gradient(#017850, #02ac73 4%);background-image: linear-gradient(#017850, #02ac73 4%);box-shadow: rgba(0, 0, 0, 0.34) 0px 2px 4px 1px;min-width:190px;}
nav.primary > ul > li > ul > li{float:none;}
nav.primary > ul > li > ul > li{border-bottom:1px solid rgba(0,0,0,.1);}
nav.primary > ul > li > ul > li:last-child{border-bottom:0;}
nav.primary > ul > li > ul > li a{display:block;line-height:1.2em;padding:10px; border-top: 1px solid #01b579;border-bottom: 1px solid #008a5e;background-color: #096;font-family: proxima-nova-condensed, sans-serif;color: #e6e6e6;font-size: 14px;font-weight: 700;text-decoration: none; min-width: 190px;}
nav.primary > ul > li > ul > li > ul > li{}
nav.primary > ul > li:hover,
nav.primary > ul > li.sfHover{/*border-top:2px solid #93b825;*/}
nav.primary > ul > li li:hover a{background:#008a5e;color:#fff;}
/* arrows */
.sf-arrows .sf-with-ul{padding-right:15px;}
.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:0;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(3,142,96,1)}
.sf-arrows >li >.sf-with-ul:focus:after, .sf-arrows >li:hover >.sf-with-ul:after, .sf-arrows >.sfHover >.sf-with-ul:after{border-top-color:rgba(3,142,96,1)}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#dFeEFF;border-left-color:rgba(0,0,0,.5)}
.sf-arrows ul li >.sf-with-ul:focus:after, .sf-arrows ul li:hover >.sf-with-ul:after, .sf-arrows ul .sfHover >.sf-with-ul:after{border-left-color:rgba(0,0,0,.5)}
}
@media screen and (min-width:621px) and (max-width:768px){
nav.primary > ul > li > a{font-size:13px; color: #e6e6e6;}


}
@media screen and (max-width:768px){
nav.primary ul li a{display:block;}
	
}

@media screen and (min-width:769px){

}

@media screen and (min-width:768px) and (max-width:991px){

nav.tertiary{display:block;text-align:right;float:right;}
nav.primary > ul > li{margin:0 10px 0 0;}
nav.primary > ul > li:nth-child(3) {margin-right:250px;}
nav.primary > ul > li:nth-child(4), nav.primary > ul > li:nth-child(5), nav.primary > ul > li:nth-child(6) {margin-right:20px;}
nav.primary > ul > li a{font-family: proxima-nova-condensed, sans-serif; color: #008a5e;font-size: 13px;font-weight: 400;}
nav.primary > ul > li > ul > li a{padding:12px 10px;}

}

@media screen and (min-width:992px) and (max-width:1236px){
nav.primary > ul > li{margin:0 20px 0 0;}
nav.primary > ul > li:nth-child(3) {margin-right:360px;}
nav.primary > ul > li:nth-child(4), nav.primary > ul > li:nth-child(5), nav.primary > ul > li:nth-child(6) {margin-right:30px;}
nav.primary > ul > li a{font-family: proxima-nova-condensed, sans-serif; color: #008a5e;font-size: 17px;font-weight: 400;}
nav.primary > ul > li > ul > li a{padding:12px 15px;}
}

@media screen and (min-width:1236px){
nav.primary > ul > li{margin:0 20px 0 0;}
nav.primary > ul > li:nth-child(3) {margin-right:400px;}
nav.primary > ul > li:nth-child(4), nav.primary > ul > li:nth-child(5), nav.primary > ul > li:nth-child(6) {margin-right:30px;}
nav.primary > ul > li a{font-family: proxima-nova-condensed, sans-serif; color: #008a5e;font-size: 17px;font-weight: 400;}
nav.primary > ul > li > ul > li a{padding:12px 15px;}


}