@charset "utf-8";

@import url("//hello.myfonts.net/count/330d19");

  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400&display=swap');


/* CSS Document */
/* CSS STYLE */

html {overflow-y: scroll; font-family: 'Open Sans', sans-serif; height: 100%; }
body { background: #FFFFFF url('../images/grey.png') repeat center top; font-family:  'Open Sans', sans-serif; color: #707070; font-size: 20px; line-height: 1.3em; height: 100%; font-weight: 400; }
img {max-width: 100% }

/* Container Styles */
.container, .container-fluid, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding: 0; }

.row { margin: 0; }
.no-transform { text-transform: none; }

/* Text Styles */
h1, h2, h3, h4, h5 { font-weight:400;}
h1 { color: #003865; font-size: 44px; line-height: 48px; margin-top: 0 !important; }
h2 { color: #003865; font-size: 30px; line-height: 30px; margin-top: 20px !important; font-family: 'Open Sans', sans-serif
; }
.green-background h2 { text-align: center; color: #FFF; line-height: 54px; padding: 8px 0; margin: 0; }
.banner-blue h2 { font-size: 46px; line-height: 58px; margin-bottom: 10px; }
h3 { color: #003865; font-size: 28px; line-height: 40px; }
h4 { color: #003865; font-size: 20px; line-height: 28px; }
h5 { color: #003865; font-size: 18px; line-height: 22px; }

.addendaHeader { color: #003865; font-family: 'Open Sans', sans-serif
; display: inline-block; min-width: 245px; border-bottom: 5px solid #003865; }

.lt-green { color: #86c13e; }
.green { color: #78be21; }
.grey { color: #807e7e; }
.orange { color: #f8a333; }
.blue { color: #003865; }
.ltblue { color: #9bcbeb; }

.clr {clear: both }
.padding-on-top { padding-top: 25px; }

strong, b {  }
i, em { font-family: 'Open Sans-Italic', sans-serif
; }
button, input, optgroup, select, textarea { color: #000; }
.small-text { font-size: 20px; }
ul.nopad { margin-left: 0; padding-left: 0; }
ul.nopad li { margin-left: 15px; padding-left: 0; line-height: 1.25em; }
.right-column ul li { padding-top: 15px; }
.right-column .gray-container ul li { padding-top: 4px; }
input[type="checkbox"], input[type="radio"] { margin-right: 7px; }
p { font-weight: 400; }
.lowercase { text-transform: lowercase; }

/*a { color: #003865; }*/
/*a { color: #003865; text-decoration:underline;}*/
a { color: #3d688a; text-decoration:none;}
/*8d3f2b  713222   416b8c*/

/*a:hover, a:active, a:focus { color: #003865; text-decoration: none; }*/
a:hover, a:active, a:focus { color: #3d688a; text-decoration: none; }
.content-inside a { font-weight: 600; }
.content-inside a:hover, .bottom-content-wrapper a:hover { text-decoration: underline; }
.footer-wrapper a { color: #003865; }
.footer-wrapper a:hover { color: #003865; text-decoration: underline; }

/* Layout */
.header-nav-wrapper-full { background: #003865; }
.header-greennav-wrapper-full { background: #78be21; }
.header-wrapper { height: 86px; }
.logo-wrapper { z-index: 2000; }
.logo-wrapper img { margin-top: 22px; }
.top-button-wrapper { height: 69px; background: #FFF; }
.banner-wrapper-full { padding-bottom: 0px; }
.banner-wrapper { height: auto; background: #FFF; }
.banner-holder { position: relative; }
.banner-wrapper-content { position: relative; z-index: 10; }
.banner-text { width: 290px; height: 390px; position: absolute; top: 0; right: 0; text-align: center; font-size: 24px; line-height: 1.25em; color: #FFF; font-weight: 600; }
.banner-text img { margin-left: auto; margin-right: auto; }
.secondary-banner-wrapper-full { }
.secondary-banner-wrapper { padding-top: 21px; background: #FFF; }
.sec-header-logo { background: #003865; height: 130px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }
.sec-header-logo img { margin: 39px auto 0 auto; }
.secondary-banner-text { text-align: left; font-size: 24px; line-height: 40px; color: #FFF; font-weight: 600; background: #003865; height: 130px; }
.secondary-banner-text p { padding: 24px 10px; border-left: 1px dashed #FFF; text-align: center; margin-top: 22px; }

/* Homepage Slideshow */
.slider { width: 100%; margin: 0px auto; }
.slick-slide { margin: 0px; }
.slick-slide img { width: 100%; }
.slick-prev:before, .slick-next:before { color: black; display: none !important; }
.slick-prev { left: 25px; z-index: 12000; display: none !important; }
.slick-next { right: 25px; display: none !important; }

.callout { display: none; }

.banner-blue { width: 39.5%; height: 470px; padding: 55px 20px 80px 50px; color: #003865; -webkit-border-radius: 0px 25px 25px 0px; -moz-border-radius: 0px 25px 25px 0px; border-radius: 0px 25px 25px 0px; margin: 25px 0 0 0; background: #9bcbeb; position: absolute; }
.banner-blue img { max-width: 298px; }
.banner-image { }
.banner-image img { }
.orange-box { padding: 40px 35px 40px 50px; color: #003865; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 50px -30px 50px -30px; background: #ffc845; }
.orange-box h3 { text-transform: uppercase; }
.orange-box ul li { padding: 4px 0; }
.ltblue-box { padding: 60px 20px 0 20px; color: #003865; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0 0 30px 22px; background: #9bcbeb; }
.gray-container { background: #efefef; padding: 38px 100px 38px 25px; margin: 0 -100px 0 -25px; color: #003865; -webkit-border-radius: 25px 0px 0px 25px; -moz-border-radius: 25px 0px 0px 25px; border-radius: 25px 0px 0px 25px; }
.gray-container ul { margin-left: 10px; padding-left: 10px; }

.blue-box { padding: 0; color: #FFF; font-size: 24px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 0; background: #003865; text-align: center; overflow: hidden; }
.blue-box-image-wrapper { position: relative; }
.blue-box-rollover { display: none; position: absolute; height: 100%; width: 100%; background: transparent url('../images/green-transparent.png') repeat 0 0; text-align: center; font-family: 'Open Sans', sans-serif
; color: #003865; font-size: 20px; }
.blue-box a:hover .blue-box-rollover { display: block; }
.blue-box a .item-info { color: #FFF; }
.blue-box-rollover p { padding: 0 35px; display: block; width: 100%; position: relative; top: 50%; transform: translateY(-50%); }
.blue-box img { background-color: #FFF; }
.blue-box .item-wrapper { height: 84px; width: 80%; font-family: 'Open Sans', sans-serif
; margin: 0 auto; line-height: 28px; }
.blue-box .item-info { display: block; width: 100%; position: relative; top: 50%; transform: translateY(-50%); }

.hp-left-column { padding: 90px 0 0px 100px; }
.hp-center-column { padding: 90px 50px 0px 50px; }
.hp-right-column { padding: 90px 100px 0px 0px; }
.quick-links-full .hp-left-column, .quick-links-full .hp-center-column, .quick-links-full .hp-right-column { padding-top: 50px; }
.gray-box, .newsletter, .side-box { padding: 10px 20px 5px 20px; color: #707070; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #003865; margin: 0; background: #efefef; font-size: 16px; line-height: 18px; }
.side-box, .newsletter { margin-left: 100px; margin-top: 33px; }
.gray-box h4, .newsletter .NewsletterHeader, .side-box .publicationHeader { font-size: 23px; line-height: 29px; padding-bottom: 10px; color: #003865; font-weight: 700; border-bottom: 4px solid #003865; text-transform: uppercase; }
.newsletter .NewsletterHeader, .side-box .publicationHeader { font-size: 21px; line-height: 29px; }
.gray-box ul, .side-box ol { margin: 0; padding: 0; }
.gray-box ul li, .side-box ol li { list-style-type: none; clear: both; border-bottom: 1px solid #d6d6d6; position: relative; display: block; height: 80px; width: 100%; margin: 0; padding: 0; }
.gray-box ul li:last-child, .side-box ol li:last-child { border-bottom: 0; }
.gray-box li a, .side-box li a { color: #707070; text-decoration: none; }
.gray-box li a:hover, .side-box li a:hover { color: #003865; text-decoration: underline; }
.gray-box .date, .gray-box .number, .side-box .number { display: block; width: 50px; height: 48px; padding: 5px 0; margin: 15px 22px 10px -36px; background-color: #78be21; color: #003865; text-align: center; font-size: 16px; line-height: 20px; text-transform: uppercase; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-family: 'Open Sans', sans-serif
; float: left; }
.gray-box li .item-info, .side-box li .item-info { display: block; width: 100%; position: relative; top: 50%; transform: translateY(-50%); }
.gray-box .date big { display: block; margin: 0 auto; text-align: center; }
.gray-box .number big, .side-box .number big { display: block; margin: 10px auto; text-align: center; }
.hp-box-wrapper .all-link { float: right; margin-top: 20px; text-transform: uppercase; font-size: 16px; line-height: 18px; color: #003865; font-family: 'Open Sans', sans-serif
; text-decoration: none; }
.hp-box-wrapper .all-link:hover { text-decoration: underline; }

.content-wrapper { background-size: 100% auto; padding-bottom: 80px; background: #FFF; }
.header-menu-wrapper { background: #FFF; position: relative; height: 85px; }
.main-content { padding: 30px 0 100px 0; }
.bottom-content-wrapper { background: #FFF; }
.content-inside { padding: 60px 100px 0 100px; }
.secondary-page .content-inside { padding-top: 70px; }
.green-background { background: #86c13e; }
.rates { padding: 40px 0 60px 0; }


.quick-links-full { background-color: #9bcbeb; padding-top: 60px; padding-bottom: 0px; }
.quick-links-full .content-wrapper { background-color: #9bcbeb; }
.quick-links-full h2 { text-align: center; color: #003865; font-family: 'Open Sans', sans-serif
; font-size: 40px; }
.quick-links-full .panel { background: transparent; border: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); margin-bottom: 80px; }
.quick-links-full .panel-default > .panel-heading { border: 0; padding: 0; background: transparent; }
.quick-links-full .panel-title { font-size: 20px; color: #003865; font-family: 'Open Sans', sans-serif
; text-transform: uppercase; }
.quick-links-full .panel-title a { display: block; width: 100%; height: auto; padding: 0 0 10px 0; background: transparent url('../images/background-quicklinks-title.png') no-repeat left bottom; }
.quick-links-full .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: 0; padding: 0; }
.quick-links-full .panel-body ul { margin: 0; padding: 20px 40px 0 0; }
.quick-links-full .panel-body ul li { list-style-type: none; font-size: 20px; line-height: 24px; font-family: 'Open Sans-Regular', sans-serif
; padding: 10px 10px 10px 0; border-bottom: 1px solid #7caed0; }
.quick-links-full .panel-body ul li:last-child { border-bottom: 0; }
.quick-links-full .panel-body ul li a { padding: 0 0 0 15px; display: block; }
.quick-links-full .panel-body ul li a:hover { background: transparent url('../images/icons-social-media.png') no-repeat 0 -185px; }

.footer-wrapper-full { background-color: #FFF; padding: 50px 0; color: #003865; }


/* Buttons */
.logo-btn a { display: block; width: 145px; height: 85px; background: transparent; text-align: center; line-height: 30px; padding-top: 25px; margin: 0 auto; }
.logo-btn a:hover { background: #86c13e; }
.logo-btn a img { margin: 0 auto; }

.green-button { font-size: 20px; line-height: 30px; padding: 15px; font-family: 'Open Sans', sans-serif
; color: #FFF; font-weight: 400; float: right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 70px; background: #1ba751; }
.green-button:hover { text-decoration: none; color: #FFF; background: #0d8f3f; }

.white-blue-btn { display: inline-block; font-size: 20px; line-height: 30px; padding: 15px; margin: 10px 0 30px 0; font-family: 'Open Sans', sans-serif
; color: #00355f; font-weight: 400; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #FFF; border: 2px solid #00355f;  }
.white-blue-btn:hover { background: #00355f; color: #FFF; }

.orange-button { font-size: 20px; line-height: 30px; padding: 15px; font-family: 'Open Sans', sans-serif
; color: #003865; font-weight: 400 !important; float: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 70px; background: #ffc845; border: 2px solid #FFF; }
.orange-button:hover { text-decoration: none !important; color: #003865; border: 2px solid #003865; }

.orange-escape-button { font-size: 20px; line-height: 30px; padding: 15px; font-family: 'Open Sans', sans-serif
; color: #003865; font-weight: 400 !important; float: right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 70px; background: #ffc845; border: 2px solid #FFF; }
.orange-button:hover { text-decoration: none !important; color: #003865; border: 2px solid #003865; }


/* Form Layout */

/* 
.form-row .label { display: none; float: left; width: 150px; clear: both;}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"]
{ width: 260px; height: 60px; float: left; line-height: 20px; font-size: 16px; padding: 20px; background-color: #FFF; border: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 5px 0; clear: both;}
.form-row .form-message { float: left; padding: 19px 0 0 40px; font-size: 18px; background: transparent url('../images/icon-info.png') no-repeat 15px 23px; }
 */
 
input[type="submit"] { font-size: 18px; line-height: 30px; padding: 15px 25px; font-family: 'Open Sans', sans-serif
; color: #003865; font-weight: 400; float: left; clear: both; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-top: 10px; background: #FFF; border: 2px solid #003865; }



.newsletter input[type="email"] { height: 50px; padding: 15px; width: 80%;  border: 2px solid #003865; border-right: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }

.newsletter input[type="submit"] { -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; background: #78be21; height: 50px; padding: 0; float: none; width: 20%; text-align: center; margin-top: -5px; }


/*.newsletter input[type="email"] { height: 50px; padding: 15px; width: 80%;  border: 2px solid #003865; border-right: 0; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }

.newsletter input[type="submit"] { -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; background: #78be21; height: 50px; padding: 0; float: none; width: 20%; text-align: center; margin-top: 5px; }*/


input[type="submit"]:hover { text-decoration: none; color: #FFF; background: #003865; }
.placeholder { color: #333; }
::-webkit-input-placeholder { color: #666; } /* Chrome/Opera/Safari */
::-moz-placeholder { color: #666; opacity: 1; } /* Firefox 19+ */
:-ms-input-placeholder { color: #666; } /* IE 10+ */
:-moz-placeholder { color: #666; opacity: 1; } /* Firefox 18- */
.placeholderFocus { color:#000; }

/* Search Field in Header */
.screen-reader-text { display: none !important; }
.search-area { width: 240px; position: relative; float: right; margin-top: 16px; }
.search-area .search-form { position: absolute; right: 43px; top: 0px; }
.search-area .search-field { background: transparent url('../images/icon-search.png') right center no-repeat; border: none; cursor: pointer; height: 38px; margin: 3px 0; padding: 0 0 0 48px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; color: #000; z-index: 5000; }
.search-area .search-field:focus { background-color: #efefef; border: 2px solid #003865; border-right: 0; cursor: text; outline: 0; width: 240px; font-size: 16px; font-weight: 400; padding-left: 10px; padding-right: 48px; z-index: 500; background-image: url("../images/icon-search-active.png");}
.search-form .search-submit { display:none; }

/* Search Field in Mobile Menu */
.mobile-search-area label { float: left; width: 200px; margin-left: 15px; }
.mobile-search-area  input[type="text"] { width: 200px; height: 40px; float: left; line-height: 20px; font-size: 16px; padding: 0 10px; background-color: #FFF; border: 0; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; margin: 5px 0; clear: both; border: 2px solid #003865; }
.mobile-search-area input[type="submit"] { font-size: 16px; line-height: 20px; padding: 8px 10px; font-family: 'Open Sans', sans-serif
; color: #003865; font-weight: 400; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; margin-top: 5px; background: #FFF; border: 2px solid #003865; float: none; }


.footer-wrapper { color: #003865; font-size: 14px; line-height: 18px; }

/* Top Menu */
ul.top-nav { margin: 0; padding: 0; }
ul.top-nav li { display: block; float: left; list-style-type: none; font-size: 22px; font-family: 'Open Sans-Regular', sans-serif
; color: #FFF; font-weight: 400; margin: 0; line-height: 46px; text-transform: uppercase; }
ul.top-nav li a { display: block; padding: 20px 25px 20px 25px; }
ul.top-nav a:link, ul.top-nav a:visited { color: #FFF; text-decoration: none; background: transparent; }
ul.top-nav a:hover, ul.top-nav a:active { color: #003865; background: #FFF; text-decoration: none; }
ul.top-nav li.active a { color: #78be21; text-decoration: none; }

/* Green Menu */
ul.top-menu { margin: 0; padding: 0 0 0 12px; }
ul.top-menu li { display: block; float: left; list-style-type: none; font-size: 20px; font-family: 'Open Sans-Regular', sans-serif
; color: #003865; font-weight: 400; margin: 13px 0; line-height: 24px; border-right: 1px solid #003865;}
ul.top-menu li:last-child { border-right: 0; }
ul.top-menu li a { display: block; padding: 0 15px; }
ul.top-menu a:link, ul.top-menu a:visited { color: #003865; text-decoration: none; background: transparent; }
ul.top-menu a:hover, ul.top-menu a:active { color: #003865; text-decoration: underline; }
ul.top-menu li.active a { color: #003865; text-decoration: none; }

/* Footer Menu */
.bottom-menu { text-align: center; padding-top: 20px; }
.bottom-menu ul { margin: 0; padding: 0; display: inline-block; text-align: center;}
.bottom-menu ul li { display: inline; float: left; list-style-type: none; font-size: 16px; font-family: 'Open Sans-Regular', sans-serif
; color: #003865; font-weight: 400; margin: 13px 0; line-height: 20px; border-right: 1px solid #003865;}
.bottom-menu ul li:last-child { border-right: 0; }
.bottom-menu ul li a, .bottom-menu ul li.copyright { display: block; padding: 0 8px; }
.bottom-menu ul a:link, ul.top-menu a:visited { color: #003865; text-decoration: none; background: transparent; }
.bottom-menu ul a:hover, ul.top-menu a:active { color: #003865; text-decoration: underline; }


/* Main Menu */
.side-menu ul { margin: 33px 0 0 0; padding: 25px 50px 25px 0; background: #003865; -webkit-border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px; }
.side-menu ul li { display: block; list-style-type: none; font-size: 22px; font-family: 'Open Sans', sans-serif
; color: #FFF; font-weight: 400; margin: 0; padding: 0 0 0 38px; }
.side-menu ul li a { display: block; padding: 15px 0 15px 0px; border-top: 1px dashed #FFF; line-height: 27px; color: #FFF; }
.side-menu ul li:first-child a { border-top: 0; }
.side-menu ul a:link, .side-menu ul a.current { color: #FFF; text-decoration: none; }
.side-menu ul a:hover, ul.main-menu a:active { color: #78be21; text-decoration: none; }
.side-menu ul li.active a { color: #78be21; text-decoration: none; }
/* Secondary Level */
.side-menu ul ul { margin-top: 0; padding-top: 0; }
.side-menu ul ul li { padding-left: 15px; font-family: 'Open Sans-Regular', sans-serif
; }
.side-menu ul ul li a { border-top: 0; padding: 5px 0; }
.side-menu .fa.fa-caret-down { padding-right: 5px; }

/* Main Menu */
.menu { background: #FFF; width: 100%; height: 64px; z-index: 999; }
.menu-wrapper { margin: 0 3%; padding: 10px 0 0 0; overflow: visible; }
.the-menu { padding: 0; margin: 0; width: auto; overflow: visible; border: 2px solid #00355f; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; height: 56px; }
.menu li { float: left; display: block; margin: 0; overflow: visible;}
.menu li.narrow-item { width: 11%; }
.menu li.medium-item { width: 17%; }
.menu li.wide-item { width: 18%; }
.menu li:last-child a { border: 0; }
.menu a:link, .menu a:visited { display: block; overflow: hidden; height: 52px; font-size: 19px; line-height: 23px; text-align: center; color: #00355f; text-decoration: none; padding: 0 20px; margin-bottom: 2px; border-right: 1px solid #c8c9c9;    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.menu li:hover a { background: #78be21; color: #00355f; }
.menu li:first-child a { -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; }
.menu li:last-child a { -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; }
.menu li a span { display: block; position: relative; top: 50%; height: 100%; transform: translateY(-50%); height: auto; }

/* Dropdown */
.dropdown { position: absolute; top: 70px; left: 3%; border-top: 19px solid #FFF; background: #00355f url('../images/background-dropdown.jpg') repeat-y 0 0; background-size: 100% auto; width: 94%; z-index: 99999; overflow: hidden; padding: 30px 0 19px 0; display: none; -webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; }
.dropdown li { float: none; display: block; border: 0; margin: 10; padding: 10px 10px 10px 12px; height: auto !important; width: 100%; background: transparent url('../images/dropdown-bullet.png') no-repeat 0 10px; }
.menu .dropdown li:last-child a, .menu .dropdown li:first-child a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.dropdown a:link, .dropdown a:visited { width: auto; height: auto; padding: 0; margin: 0; text-align: left; color: #FFF !important; text-decoration: none; display: inline; overflow: hidden; background: transparent !important; display: block; border: 0; }
.dropdown a:hover { color: #FFF !important; text-decoration: underline; }
.dropdown-columns { margin: 0; padding: 10; }
.dropdown .col { float: left; display: inline; width: 33%; margin: 0; }


/* Mobile Menu */
a.nav-expander { background: none repeat scroll 0 0 #003865; color: #FFFFFF; display: block; font-size: 15px; font-weight: 400; height: 35px; margin-right: 0; padding: 1em 1.6em 0em; position: absolute; right: 0; text-align: right; text-decoration: none; text-transform: uppercase; top: 0; transition: right 0.3s ease-in-out 0s; width: 480px; z-index: 12; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; }

a.nav-expander:hover { cursor: pointer; }
a.nav-expander.fixed { position: fixed; }
.nav-expanded a.nav-expander.fixed { right: 25em; }

.navbar-inverse { background-color: transparent; border-color: transparent; }
nav { background: #78be21; display: block; overflow: auto; position: fixed; right: -350px; width: 350px; height: 100%; font-size: 15px; top: 0; z-index: 2000; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; }
.nav-expanded nav { right: 0; }

body.nav-expanded { margin-left: 0em; transition: right 0.4s ease-in-out 0s; -webkit-transition: right 0.4s ease-in-out 0s; -moz-transition: right 0.4s ease-in-out 0s; -o-transition: right 0.4s ease-in-out 0s; }

#nav-close { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 24px; padding-right: 10px; background: #FFF; }

/*
.mobile-menu { padding-top: 12px; }
.mobile-menu li { border-bottom: 1px solid #003865; margin-left: 20px; font-size: 18px; padding: 12px; }
.mobile-menu ul { padding-top: 15px; }
.mobile-menu li li { border-bottom: 0; padding: 6px 0; font-size: 16px; }
.mobile-menu li a { color: #003865; text-decoration: none; }
.mobile-menu li a:hover { color: #003865; text-decoration: underline; }
.mobile-menu li .sub-nav { border-bottom: 0px; padding: 4px; }
.onwht { background-color: #FFF; }
*/


/* new code */


.browser-notios .mobile-menu { padding-top: 12px; }
.browser-notios .mobile-menu li { border-bottom: 0px; margin-left: 20px; padding: 12px; }
.browser-notios .mobile-menu ul { padding-top: 15px; }
.browser-notios .mobile-menu li li { border-bottom: 0; padding: 6px 0; font-size: 16px; }
.browser-notios .mobile-menu li a { color: #003865; text-decoration: none; }
.browser-notios .mobile-menu li a:hover { color: #003865; text-decoration: underline; }
.browser-notios .mobile-menu li .sub-nav { border-bottom: 0px; padding: 4px; }
.browser-notios .onwht { background-color: #fff !important; }

/*
.browser-ios .mobile-menu { padding-top: 12px; }
.browser-ios .mobile-menu li { border-bottom: 1px solid #003865; margin-left: 20px; font-size: 18px; padding: 12px; }
.browser-ios .mobile-menu ul { padding-top: 15px; }
.browser-ios .mobile-menu li li { border-bottom: 0; padding: 6px 0; font-size: 16px; }
.browser-ios .mobile-menu li a { color: #003865; text-decoration: none; }
.browser-ios .mobile-menu li a:hover { color: #003865; text-decoration: underline; }
.browser-ios .mobile-menu li .sub-nav { border-bottom: 0px; padding: 4px; }
.browser-ios .onwht { background-color: #FFF; }
*/

.browser-ios .mobile-menu { padding-top: 12px; }
.browser-ios .mobile-menu li { border-bottom: 1px solid #003865; margin-left: 20px; font-size: 18px; padding: 12px; background-color: #fff; }
.browser-ios .mobile-menu ul { padding-top: 15px; }
.browser-ios .mobile-menu li li { border-bottom: 0; padding: 6px 0; font-size: 16px; }
.browser-ios .mobile-menu li a { color: #003865; text-decoration: none; }
.browser-ios .mobile-menu li a:hover { color: #003865; text-decoration: underline; }
.browser-ios .mobile-menu li .sub-nav { border-bottom: 0px; padding: 4px; }
.browser-ios .onwht { }



/* end new code */

.mobile-menu a .caret { width: 0; height: 0; display: inline-block; vertical-align: top; border-top: 4px solid #003865; border-right: 4px solid transparent; border-left: 4px solid transparent; content: "";   margin-top: 8px; }
.mobile-menu a:hover .caret { border-top-color: #003865; }
.mobile-menu li.open > a > .caret { border-top: none; border-bottom: 4px solid #003865; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.mobile-menu li.open > a:hover > .caret { border-bottom-color: #003865; }

.icon:before { font-family: 'FontAwesome'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: '\f105'; }
.mobile-menu li > a > .icon-caret:before { font-family: 'FontAwesome'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: '\f0d7'; }
.mobile-menu li.open > a > .icon-caret:before { content: '\f0d8'; }

.mobile-menu li > a > span.icon { float: right; margin: 0.1em 1.7em -0.1em 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.mobile-menu li > a:hover > span.icon { float: right; margin: 0.1em 0.8em -0.1em 0; opacity: 1; }

/* Social Media Top */
.social-media { margin: 6px 0 0 0; padding: 0; width: 160px; height: 40px; display:block; float: right; }
.social-media li { display: block; float: left; list-style-type: none; font-size: 20px; line-height: 38px; height: 38px; width: 38px; }
.social-media li a { height: 38px; width: 38px; background: transparent url('../images/icons-social-media.png') no-repeat 0 0; display: block; }
.social-media li a.social-facebook { background-position: 0px 0px; }
.social-media li a.social-twitter { background-position: -40px 0px; }
.social-media li a.social-youtube { background-position: -80px 0px; }
.social-media li a.social-subscribe { background-position: -120px 0px; }
.social-media li a.social-facebook:hover { background-position: 0px -50px; }
.social-media li a.social-twitter:hover { background-position: -40px -50px; }
.social-media li a.social-youtube:hover { background-position: -80px -50px; }
.social-media li a.social-subscribe:hover { background-position: -120px -50px; }
.social-media li a span { display: none; }

/* Social Media Footer */
.social-media-footer { margin: 0px auto 0 auto; padding: 0; width: 280px; height: 70px; display:block; }
.social-media-footer li { display: block; float: left; list-style-type: none; font-size: 20px; line-height: 70px; height: 70px; width: 70px; }
.social-media-footer li a { height: 70px; width: 70px; background: transparent url('../images/icons-social-media.png') no-repeat 0 0; display: block; }
.social-media-footer li a.social-facebook { background-position: -180px 0px; }
.social-media-footer li a.social-twitter { background-position: -250px 0px; }
.social-media-footer li a.social-youtube { background-position: -320px 0px; }
.social-media-footer li a.social-subscribe { background-position: -390px 0px; }
.social-media-footer li a.social-facebook:hover { background-position: -180px -100px; }
.social-media-footer li a.social-twitter:hover { background-position: -250px -100px; }
.social-media-footer li a.social-youtube:hover { background-position: -320px -100px; }
.social-media-footer li a.social-subscribe:hover { background-position: -390px -100px; }
.social-media-footer li a span { display: none; }


/* Media Queries */
/* Retina */

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
body, .small-text { font-size: 16px; }
body { background: #FFF; }
.navbar { min-height: 35px !important; background-color: #003865; }
.logo-wrapper img { margin-top: 35px; margin-left: 10px; }
ul.top-nav { padding-top: 10px; }
ul.top-nav li { font-size: 14px; line-height: 24px; }
ul.top-nav li a {padding: 10px 10px 10px 10px; }
.orange-box { padding: 30px 25px 30px 25px; color: #003865; margin: 50px 0px 30px 0px; background: #ffc845; }
.banner-blue h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.banner-blue { padding: 35px 20px 30px 15px; float: none; width: 100%; height: auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0 !important; position: relative;}
.banner-image { float: none; width: 100%; }
.sec-banner img { height: auto; }

.banner-wrapper-full { margin-top: 0px; margin-bottom: 25px;}
.banner-text { width: 100%; height: auto; font-size: 18px; position: relative; float: none; clear: both; padding-bottom: 15px; }
.banner-text img { padding-left: 15px; padding-right: 15px; float: left; margin: 0 20px !important; }
.banner-text p { margin: 15px 20px 15px 20px !important }
.secondary-banner-wrapper { padding-top: 0px; margin-top: 21px; margin-bottom: 25px; }
.sec-header-logo, ul.main-menu, .side-menu ul { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.sec-header-logo img { margin-top: 0; padding-top: 40px; }
.secondary-banner-text { margin: 0 !important; }
.secondary-banner-text p { padding: 34px 10px 0 10px; border-left: 0px; text-align: center; margin-top: 0px; }
.content-wrapper { background: transparent; }
.content-inside { padding: 0 5%; }
.green-button, .orange-button { float: none; margin-left: auto !important; margin-right: auto !important; text-align: center; display: block; }
.rates { padding: 55px 0 40px 0; }
.rate { margin: 25px auto 0 auto; }
.blue-box, .ltblue-box, .side-box, .newsletter { margin-left: auto; margin-right: auto; width: 90%; max-width: 302px; }
.gray-container {margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.hp-left-column, .hp-center-column, .hp-right-column { padding: 40px 30px 0px 30px; }

.footer-wrapper { padding-left: 20px; padding-right: 20px; }
.bottom-menu ul li { display: inline-block; float: none; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
.banner-text { width: 100%; height: auto; font-size: 18px; position: relative; float: none; clear: both; padding-bottom: 0; }
.banner-text img { padding-left: 15px; padding-right: 15px; float: none; margin: 15px auto 0 auto !important; }
.sec-header-logo img { margin: 20px auto; float: none; }
.secondary-banner-text { font-size: 20px; margin: 5px auto; text-align: center; padding: 0 15px; }
.blue-box { font-size: 20px; }
.blue-box-rollover { font-size: 18px; }
.blue-box-rollover p { padding: 0 20px; }

h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 36px; line-height: 40px; }
.green-background h2 { line-height: 44px; }
h3 { font-size: 25px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) { 
body, .small-text { font-size: 14px; }
.logo-wrapper img { margin-top: 35px; margin-left: 10px; }
ul.top-nav li { font-size: 16px; line-height: 36px; }
ul.top-nav li a {padding: 10px 10px 10px 10px; }
.navbar { min-height: 35px !important; background-color: #003865; }
.top-button-wrapper { height: 80px; }
.banner-blue h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
.banner-blue { padding: 35px 20px 50px 15px;  margin-top: 0px;  height: 326px;}
.sec-banner img { height: auto; }
.white-blue-btn { font-size: 18px; line-height: 20px; padding: 10px 15px; margin: 10px 0 20px 0; }

.gray-box h4 { font-size: 18px; }
.hp-left-column { padding: 50px 0 0px 30px; }
.hp-center-column { padding: 50px 15px 0px 15px; }
.hp-right-column { padding: 50px 30px 0px 0px; }
.side-box, .newsletter { margin-left: 15px; margin-top: 33px; }
.gray-container { padding-right: 64px; margin-right: -64px; }

.blue-box { font-size: 20px; }
.blue-box-rollover { font-size: 18px; }
.blue-box-rollover p { padding: 0 20px; }

.quick-links-full .panel-title { font-size: 15px; }
.quick-links-full .panel-title a { background-position: right bottom; }
.quick-links-full .panel-body ul li { font-size: 15px; line-height: 19px; }
.bottom-menu ul li { display: inline-block; float: none; }

.form-row .form-message { padding: 19px 0 10px 30px; font-size: 14px; background: transparent url('../images/icon-info.png') no-repeat 5px 23px; }
.orange-box { padding: 30px 25px 30px 25px; }
.banner-text { width: 186px; height: 250px; font-size: 15px; }
.banner-text img { padding-left: 15px; padding-right: 15px; }
.secondary-banner-wrapper { }
.sec-header-logo { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin: 0; }
.sec-header-logo img { padding: 0 15px; }
.secondary-banner-text { font-size: 24px; line-height: 32px; }
.secondary-banner-text p { padding: 12px 10px; text-align: center; margin-top: 22px; }
.content-inside { padding: 50px 64px 0 64px; }
.logo-btn a { width: 100%; height: 85px; margin: 0 auto; }
ul.main-menu { padding: 25px 20px 25px 0; }
ul.main-menu li { font-size: 14px; padding-left: 20px; }
ul.main-menu li a { }
.side-menu ul { padding: 15px 10px 15px 0; }
.side-menu ul li { font-size: 14px; padding: 0 0 0 10px; }
.side-menu ul li a { padding: 8px 0 8px 0px; line-height: 18px; }

h1 { font-size: 28px; line-height: 31px; }
h2 { font-size: 28px; line-height: 31px; }
.green-background h2 { line-height: 34px; }
h3 { font-size: 19px; line-height: 28px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
.rates { padding: 55px 0 40px 0; }
.rate { margin: 25px auto 50px auto; }
}

/* Desktops and Tablets - Landscape */
@media (min-width: 992px) and (max-width: 1199px) { 
body, .small-text { font-size: 16px; }
ul.top-nav li { font-size: 18px; line-height: 46px; }
ul.top-nav li a {padding: 20px 15px 20px 15px; }
.top-button-wrapper { height: 80px; }
.banner-blue h2 { font-size: 38px; line-height: 52px; margin-bottom: 10px; }
.banner-blue { padding: 45px 20px 60px 30px; margin-top: 10px;  height: 400px; }
.sec-banner img { height: auto; }
.white-blue-btn { font-size: 20px; line-height: 30px; padding: 10px 15px; margin: 10px 0 25px 0; }


.hp-left-column { padding: 90px 0 0px 60px; }
.hp-center-column { padding: 90px 30px 0px 30px; }
.hp-right-column { padding: 90px 60px 0px 0px; }

.side-box, .newsletter { margin-left: 50px; margin-top: 33px; }

.quick-links-full .panel-title { font-size: 18px; }
.quick-links-full .panel-title a { background-position: right bottom; }

.banner-text { width: 237px; height: 319px; font-size: 20px; }
.banner-text img { padding-left: 15px; padding-right: 15px; }
.secondary-banner-wrapper {  }
.sec-header-logo img {  }
.secondary-banner-text { font-size: 22px; }
.content-inside { padding: 60px 82px 0 82px; }
.gray-container { padding-right: 82px; margin-right: -82px; }

ul.main-menu li { font-size: 17px; }
ul.main-menu li a {  }
ul.top-menu { padding-left: 5px; }
ul.top-menu li { font-size: 17px; }
ul.top-menu li a { padding: 0 10px; }
.menu a:link, .menu a:visited { font-size: 18px; padding: 0 10px; }
.side-menu ul { padding: 25px 25px 25px 0; }
.side-menu ul li { font-size: 18px; padding: 0 0 0 18px; }
.side-menu ul li a { padding: 10px 0 10px 0px; line-height: 23px; }

h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 36px; line-height: 40px; }
.green-background h2 { line-height: 44px; }
h3 { font-size: 25px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
.rates { padding: 70px 0 50px 0; }
.rate { margin: 33px auto 66px auto; }
}

/* Large desktop */
@media (min-width: 1200px) { 
}
