 @charset "utf-8";
@page { size:8.5in 11in;}

/*BOOTSTRAP OVERRIDES*/
body { font-family: "Lato", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
.container { max-width:1200px !important; }
.container.wide { max-width:1420px !important; }
.bg-secondary { background:#02833A !important; }
.text-light { color:#E7E6E6 !important; }
.border-light { border-color:#E7E6E6 !important; }
b, strong { font-weight: bold; }
.text-white * { color:#fff !important; }
.text-white .title { font: bold 22px/25px Lato,sans-serif; color:#f6be20 !important; padding-bottom:6px; }
.align-center { text-align:center; }
.text-large { font-size:1.4rem; }
.text-white { color:#fff !important; }
.padding-bottom-0 { padding-bottom:0px !important; }
td { vertical-align:top; }

.bg-primary { background:#2178AB !important; }
.bg-success { background:#0B843F !important; }
.bg-warning { background:#BD5B00 !important; }

.text-white, .text-white * { color:#fff !important; }
.text-grey, .text-grey * { color:#b2b2b2 !important; }
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.err-wrap { display:none !important; }
.display-4 { font-size:1.4rem; }

a { color:#0051A8; }
#skip-button { position:absolute; top:0px; left:0px; z-index:999; }
#skip-button a { position:relative; height:1px; width:1px; overflow:hidden; display:inline-block; font:normal 18px/1 'Droid Sans', sans-serif; color:#494949;  border-radius:10px; transition:left 0.5s ease; color:#000; }
#skip-button a:focus { margin-top:30px; margin-left:30px; text-decoration:none; display:inline-block; height:auto; width:auto; background:#fff; padding:10px 20px; border:#494949; }

h1, .h1 { font: 900 25px/28px "Lato",sans-serif; color:#000; padding-bottom:17px; line-height:29px;}
h2, .h2 { font: 700 22px/25px "Lato",sans-serif; color:#548564; padding-bottom:23px; }
h3, .h3 { font: 900 20px/24px "Lato",sans-serif; color:#548564; padding-bottom:12px; }
h4, .h4 { font: 700 16px/22px "Lato",sans-serif; color:#548564; padding:8px 0px; }

p { padding-bottom:8px; }
hr { margin:0; padding:0px; border:none; border-top:#e7e6e6 solid 1px; margin:13px 0px; }

.clear { clear:both; }
.hide, .printOnly, #printHeader { display:none; }
.hidden { visibility:hidden; }
.nice-table th, .nice-table td { padding:5px 9px; font-family:Lato, Arial, Helvetica, sans-serif; }
.nice-table th{color:#ffffff}
.nice-table td{color:#000000}
.nice-table th p { font-size:15px; }
.nice-table th { text-align:left; color:#fff; background:#00619B; font-size:15px; font-weight:bold; }
.nice-table tr:nth-child(odd) { background:#e9e5e5; }
.nice-table {border:#818798 solid 1px; margin-bottom:15px; width:100%; }
a { outline:none; }
a#admin_button { display:inline-block; font-size:12px; padding:5px 10px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background:#595959; color:#fff !important; text-decoration:none !important; position:absolute; top:-3rem; }
.photo-left { float:left; margin:4px 15px 15px 0px; }
.photo-right { float:right; margin:4px 0px 15px 15px }

/*COLOR OPTIONS*/
.text-green1 { color:#0B843F; }
.text-green2 { color:#558230; }
.text-orange { color:#BD5B00; }
.text-blue { color:#2178AB; }
a.button { font:900 14px/14px Lato, Arial, Helvetica, sans-serif; display:inline-block; background:#BD5B00; color:#fff !important; text-decoration:none; padding:10px 16px; }
a.button:hover, a.button:focus { background:#8A4300; }
.btn-green1 { background:#0B843F !important; }
.btn-green2 { background:#558230 !important; }
.btn-orange { background:#BD5B00 !important; }
.btn-blue { background:#2178AB !important; }
.btn-green1:hover, .btn-green1:focus { background:#052915 !important; }
.btn-green2:hover, .btn-green2:focus { background:#1F2F13 !important; }
.btn-orange:hover, .btn-orange:focus { background:#472400 !important; }
.btn-blue:hover, .btn-blue:focus { background:#0A2B3D !important; }
a.button.round { border-radius: 50%; padding: 30px 20px; }


#headerWrapperOuter { position:relative; background:#030D11; }
#headerWrapper { position:relative; }
.top-logo { max-width:50px; }
#top-social { position:absolute; bottom:10px; right:15px; }
#top-social a { display:inline-block; width:42px; height:42px; box-sizing: border-box; background:#fff; color:#7DBC48 !important; border:#fff 1px solid; border-radius:50%; text-align:center; font-size:22px; padding-top:8px; margin-left:10px; }
#top-social a:hover, #top-social a:focus { background:#7DBC48; color:#fff !important; }

#bodyWrapperOuter { background:#fff; }
#bodyWrapper { position:relative; z-index:1; }

/*EMERGENCY MESSAGE*/
#emergency-message, #emergency-message-spacer { padding:15px; color:#fff; font-size:16px; font-weight:bold; text-align:center; position:relative; }
#emergency-message.yellow { background:#F6BE20 !important; color:#000; }
#emergency-message.blue { background:#2893D1 !important; }
#emergency-message.green { background:#0C9348 !important; }
#emergency-message.red { background:#e42020 !important; color:#fff; }
#emergency-message.blue { background:#2893D1 !important; color:#fff; }
#emergency-message a { color:#000; font-weight:bold; display:inline-block; }
#emergency-message.yellow a { color:#000; }
#emergency-message a:hover, #emergency-message a:focus { text-decoration:underline; }
#emergency-message p, #emergency-message-spacer p { font-size:15px; margin-bottom:0; padding-bottom:0; }
#emergency-message-spacer { color:#000; padding:0px; }

/*POPUP WINDOWS*/
#top-trigger { position:fixed; top:-25px; width:100%; height:10px; z-index:999; }
#top-trigger.active { top:0px; }
#top-trigger.disabled { left:-100%; }
#lower-popup { opacity:0; width: 100%; max-width:600px; background:#fff; border: 1px solid black; padding: 20px; box-shadow: 5px 5px 10px #000; position:fixed; z-index:999; bottom:0px; right:-610px; transition:.2s ease; }
#lower-popup.active { right:0px; opacity:1; }
#lower-popup.disabled, #lower-popup.active.disabled, #lower-popup.disabled.active { right:-610px; }

/* First Popup */
.bg-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003470+42,001049+100 */
background: rgb(0,52,112); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,52,112,1) 42%, rgba(0,16,73,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,52,112,1) 42%,rgba(0,16,73,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,52,112,1) 42%,rgba(0,16,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003470', endColorstr='#001049',GradientType=1 ); /* IE6-9 */
}
.social-icon-large { width: 75px; border: solid white 4px; padding: 16px; font-size: 35px; border-radius: 50%; line-height:1; text-align:center; color:#fff; }
.social-icon-large:hover { background:#fff; color:#00336F; }
#top-popup p.text-grey { color:#BDC3C7; }
#top-popup .modal-dialog { max-width:800px; }
#top-popup .modal-header, #top-popup .modal-footer { border:none; }

/* Second Popup */
.popupBtn { background-color: orange; color: white; text-decoration: none; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.4; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
a.popupBtn:hover { background-color: green; }

/*SLIDER*/
#sliderWrapper { position:relative; z-index:0; }
#sliderWrapper ul, #sliderWrapper li { margin:0; padding:0; list-style:none; }
#sliderWrapper li { position:relative; }
.slideOverlay { background:rgba(0,0,0,.4); position:absolute; width:100%; height:100%; z-index:2; bottom:0px; }
.slideImage { background-size:cover; background-position:center; margin:0 auto; position:relative; z-index:1; }
.slideTextWrapper { position:absolute; z-index:3; width:100%; top:100px; }
.slideLogo { width:339px; float: left; text-align:right; }
.slideLogo img { display:inline-block !important; }
.slideTagline { font-style: italic; font-weight: bold; position:absolute; top:-91px; }
.slideTextLeft { font:900 47px/48px 'Lato', sans-serif; float:left; width:328px; text-align:right; }
.slideTextRight { width:653px; min-height:76px; float:right; padding-left:19px; border-left:1px solid #fff; position:relative; }
.slideText { max-width:1024px; margin:0 auto; color:#fff; text-shadow:0px 0px 10px rgba(0,0,0,.5); font:normal 26px/28px 'Lato', sans-serif; }
.slideTextRight p { margin:0; color:#fff; text-shadow:0px 0px 10px rgba(0,0,0,.5); font:normal 26px/28px 'Lato', sans-serif; }
.slideTextRight p strong { font-weight:900; }
.slideTextRight blockquote { margin:0; padding:0; border:none; font-size:37px; padding-bottom:10px; }
.slideTextRight blockquote strong { font-weight:900; color:#f6be20; }
.slideTextRight a { display:inline-block; color:#fff !important; padding:12px; background:#AD5714; font:bold 16px/16px 'Lato', sans-serif; margin-top:28px; text-transform:uppercase; text-decoration:none; }
.slideTextRight a:hover { background:#fff; color:#AD5714 !important; }

/*SECTION BUTTONS*/
#sectionButtonsWrapper { width:100%; background:#0c9348; }


/*STATIC PAGES*/
#staticHeader { position:relative; z-index:0; background:#000; }
#staticHeader ul, #sliderWrapper li { margin:0; padding:0; list-style:none; }
#staticHeader li { position:relative; }
#staticHeader img { max-width:100%; height:auto !important; }
#staticHeader .slideTextWrapper { top:112px; }
#staticHeader img.slideImage { height:190px !important }
#staticHeader .slideLogo { width:341px; }
#staticHeader .slideLogo img { max-width:100%; height: auto !important; }
#staticHeader .slideLogo img.seal { width:84px; margin-bottom:8px }
#staticHeader .slideLogo img.text { width:290px; }
#staticHeader .slideTextLeft { font:900 34px/35px 'Lato', sans-serif; }
#staticHeader .slideTextRight img.text { padding-bottom:12px; }
#staticHeader .slideTextRight p { font:normal 23px/29px 'Lato', sans-serif; }
#staticHeader .slideTextRight blockquote, #staticHeader .slideTextRight blockquote p { margin:0; padding:0; border:none; font-size:37px; }
#staticHeader .slideTextRight blockquote strong { font-weight:900; color:#bfe9ff; }
#contact_map { width:100%; height:500px; }
table.two-column td:first-child { width:40%; padding-right:15px; }
.news-photo { display:block; width:200px; }

/*BOARD MEMBER*/
.board-photo { max-height:250px; }
.board-photo-shadow { position:absolute; top:0; right:0; bottom:0; left:0; box-shadow: inset 0px 0px 8px 10px #fff;  }

.header-icon { max-height:100% !important; }

.video-wrapper { width:100%; position:relative; margin-bottom:25px; }
.video-wrapper:before { content:''; display:block; padding-top: 56.25%; /*height divided by width*/ }
.video-wrapper iframe { border:none; width:100%; height:100%; position:absolute; top:0; left:0; }

/*HEYZINE*/
.modal-dialog.large { max-width:1200px !important; }
.fp-iframe { border: 1px solid #e6eaed; width: 100%; height: 400px; }

/*LOGO GRID*/
.logo-grid-item { background-repeat:no-repeat; background-position:center; background-size: 70% auto; min-height:225px; border:#fff solid 2px; }
.logo-grid-item.tall { background-size: auto 70%; }
.logo-grid-item:hover, .logo-grid-item:focus {  border:#747474 solid 2px; }

/*LEFT COLUMN*/
#bodyAsideContent a { color:#595959; text-decoration:none; }
#bodyAsideContent li a:hover { color:#000; }
#sideNav ul, #sideNav li { padding:0; margin:0; list-style:none; }
#sideNav ul ul { margin-left:25px; }
#bodyAsideContent h2 { padding-bottom:6px; }
#sideEvents { padding-bottom:20px; }
#sideEvents ul, #sideEvents li { margin:0; padding:0; list-style:none; }
.news-photo { display:block; width:200px; }
.aside-icon { display:inline-block; padding:0px 8px 10px 20px; font-size:18px; }

/*INTERACTIVE MAP*/
#map-wrapper-outer { position:relative; overflow:hidden; }
#map-wrapper { display:block; width:100% position:relative; }
#map-wrapper::before { content:""; display:block; padding-top:60%; }
#map-wrapper iframe { border:none; position:absolute; top:0; right:0; bottom:0; left:0; }
#resize-frame { width:1600px; height: 930px;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

/*REPORT GENERATOR*/
.reportButton a { font:900 14px/14px 'Lato',Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; }
.reportButton a span { color:#5dae00 !important; }
.reportButton a.addBtn i, .reportButton a.removeBtn i { color:#5dae00 !important; display:inline-block; border:#fff solid 1px; background:#fff; border-radius:100%; }

#reportCaption p { color:#818181; font-style:italic; }
#reportBarWrapperOuter { position:relative; }
#reportBarWrapper { font:normal 14px/14px 'Lato',Arial,Helvetica,sans-serif; clear:both; background:#fff; max-width:1046px; margin:0 auto;  }
#reportBarWrapper a { cursor:pointer; color:#7f7f7f; text-decoration:none; }
#reportBarWrapper ul, #reportBarWrapper li { margin:0; padding:0; list-style:none; float:left; }
#reportBarWrapper li { padding:10px 11px; /*border-right:#e7e6e6 solid 1px;*/ }
#reportBarWrapper li a i { color:#a4a4a6; }
#reportBarWrapper li a:hover i { color:#E57533; }
#reportBarWrapper li:first-child, #reportBarWrapper li:last-child { border-right:none; }
#reportBarWrapper li:first-child { color:#000; font-weight:900; background:#d8d6d6;position:relative; margin-right:17px; }
#reportBarWrapper li:first-child:after { content:""; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 18px; border-color: transparent transparent transparent #d8d6d6; position:absolute; top:0px; right:-17px; }
#reportBarWrapper li a { display:inline-block; }
#iframeHolder { position:absolute; width:20px; height:20px; top:-20px; left:-20px; overflow:hidden; }
#reportCaption p { font:italic 16px/18px 'Lato',Arial,Helvetica,sans-serif; color:#252525; padding-top:6px; }
.reportButton img{max-height:20px; width:auto!important;}

/*FOOTER*/
#footerMap { width:100%; height:352px; }
#footerWrapper { background:#02b450; }
.futureLogo { display:block; margin:25px auto; } 
#footer-site-map a:hover { text-decoration:underline; }
.siteMapSectionTitle { display:block; text-transform:uppercase; font-size:18px; padding-bottom:24px; }
.fheroLogo { max-width:100px; }
.ada-button { min-height:42px; }

#copyright { background:#0e2c39; }
#copyright a:hover { text-decoration:underline; }

/*NAV*/
#navWrapper {  }
.navbar-toggler { color:#fff; }
.navbar-toggler:hover, .navbar-toggler:focus { background:#fff !important; color:#0C9348 !important; }
#navWrapperOuter { background-color:rgb(253,182,52); background:rgba(253,182,52,1.0); position:relative; z-index:999; }
#navMobile a { color:#fff; text-decoration:none; font-size:13px; font-weight:bold; display:inline-block; padding:30px 7px 7px 7px; margin-left:15px; }

#nav a.nav-link:hover, #nav a.nav-link:focus, #nav a.nav-item.show a.nav-link { background:#02833A; }
#nav a.nav-link { color: #fff; text-decoration: none; font: bold .81rem/1 "Lato",Arial,sans-serif; display: inline-block; padding: 10px 15px; }
#nav.navbar { box-shadow:none; }
#nav.navbar .dropdown-menu { padding:0; margin:0; padding:0; white-space:normal; }
#nav.navbar .dropdown-menu a { color:#fff; background:#000; padding:10px 10px; }
#nav.navbar .dropdown-menu a:hover, #nav.navbar .dropdown-menu a:focus { background:#787878; }
#nav.navbar .dropdown-menu a.third-tier { width:100%; padding-left:25px; background:#093E20; }
#nav.navbar .dropdown-menu a.third-tier:hover, #nav.navbar .dropdown-menu a.third-tier:focus { background:#787878; }
#nav .dropdown { line-height:1; }
#nav.navbar .dropdown-menu a.third-tier.shadow:before { content:""; position:absolute; top:0; right:0; left:0; height:10px; z-index:1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/*MEDIA QUERIES*/
@media print {
 a#admin_button { display:none; }
}
@media screen and (min-width: 375px) {
}
@media screen and (max-width: 450px) {
  #staticHeader { display:none; }
}
@media screen and (min-width: 582px) {
  #staticHeader img.slideImage { height:220px !important }
}
@media screen and (min-width: 672px) {
  .slideTextWrapper { /*top:37%;*/ top:27%; }
}
@media screen and (min-width: 689px) {
  #staticHeader img.slideImage { height:240px !important }
}
@media screen and (min-width: 750px) {
  #staticHeader img.slideImage { height:260px !important }
}
@media screen and (min-width: 768px) {
  #headerWrapperOuter { background:rgb(125,188,72); background:rgba(125,188,72,.67); position:fixed; top:0px; width:100%; z-index:10; }
  .border-md-right { border-right: 1px solid #dee2e6 !important; border-right-color: rgb(222, 226, 230); }
}
@media screen and (min-width: 944px) {
  #staticHeader img.slideImage { height:293px !important }
  #staticHeader { height:293px; overflow:hidden; }
}
@media screen and (max-width: 959px) {
  .show960 { display:none; }
  #reportBarWrapper li { border-right:none; }
}
@media screen and (min-width: 960px) {
  #sectionButtonsWrapper { position:absolute; width:100%; padding:40px 0px; background:rgba(12,147,72,.8); bottom:0px; z-index:99; }
}
@media screen and (min-width: 992px) {
  .border-lg-right { border-right:#000 solid 1px; }
  .logo-grid-item { background-size: 90% auto; min-height:125px; }
  .logo-grid-item.tall { background-size: auto 90%; }
}

@media screen and (max-width: 1023px) {
  table.responsive { width:100% !important; }
  table.responsive tr, table.responsive th, table.responsive tbody, table.responsive td { width:100% !important; display:inline-block; }
  table.responsive th, table.responsive td { padding:5px 0px; }
}
@media screen and (min-width: 1024px) {
  .slideImage { width:100% !important; /*height:836px !important;*/ height:600px !important; }
  #staticHeader .slideImage { width:100% !important; height:293px !important; }
}
@media screen and (max-width: 1215px) {
  #sliderBtnLeft, #sliderBtnRight { display:none; }
}
@media screen and (min-width: 1200px) {
  #nav a.nav-link { padding: 34px 15px 10px 15px; }
  .dropdown-item { width:200px; }
  /*
  .second-tier-wrapper { display:inline-block; position:relative; }
  .second-tier-wrapper.hover .third-tier-wrapper { position:absolute; width:350px; top:0; margin-top:-35px; left:200px;  }
  .second-tier-wrapper.hover .third-tier-wrapper a.third-tier { padding-left:10px !important; width:150px !important; }
  
  .second-tier-wrapper { display:inline-block; position:relative; z-index:2; }
  .nav-item:hover .third-tier-wrapper { display:block; position:absolute; }
  .second-tier-wrapper.hover .third-tier-wrapper { display:block; position:absolute; width:350px; margin-top:-35px; left:200px; z-index:20;  }
  .second-tier-wrapper.hover .third-tier-wrapper a.third-tier { padding-left:10px !important; width:150px !important; }
  .second-tier-wrapper.focus .third-tier-wrapper { position:relative; }*/
  
  .second-tier-wrapper .third-tier-wrapper.hover { display:block; position:absolute; width:350px; margin-top:-35px; left:200px; z-index:20;  }
  .second-tier-wrapper .third-tier-wrapper.hover a.third-tier { padding-left:10px !important; width:150px !important; }
}
@media screen and (min-width: 1400px) {
  .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
}
@media print {
  html, body, #main, #static-wrapper, row, section, article, container, #printHeader, .container { display:block !important; width:100% !important; float:none !important; padding:0 !important; margin:0 !important; }
  *.d-print-none, .button { display:none !important; }
  .d-screen-only { display:none !important; }
  .print-no-style, .print-no-style * { background:#fff !important; color:#000 !important; }
  .print-reset-spacing { padding:0px !important; margin:15px 0px !important; }
  .mt-print-3, .my-print-3 { margin-top: 1rem !important; }
  .border-primary, .border-secondary, .border-success { border:none !important; }
  #print-header img { max-width:50%; height:auto !important; margin-bottom:25px; }
  .border-bottom-secondary, .border-top-secondary, #static-wrapper { border-color:#fff !important; }
  .screenOnly, #headerWrapperOuter, #sliderWrapper, #videoButtonsWrapper, #featuredPropWrapper, #footerWrapper, #reportBarWrapperOuter, #reportCaption, #admin_button, #bodyAside { display:none; }
  .printOnly { display:block; }
  #printHeader { display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:#a2a2a3 solid 1px; }
  #printHeader img { height:100px; width:auto !important; }
  #bodyWrapperOuter, #bodyWrapper, #bodyMain, #bodyMainContent { background:#fff; width:auto; float:none; padding:0; margin:0; }
}


/**RESPONSIVE HEADER**/
.slideText { width:1024px;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

@media screen and (min-width: 240px) {
  .slideText {
  -ms-transform: scale(.23);
  -moz-transform: scale(.23);
  -o-transform: scale(.23);
  -webkit-transform: scale(.23);
  transform: scale(.23);
  }
}
@media screen and (min-width: 320px) {
  .slideText {
  -ms-transform: scale(.31);
  -moz-transform: scale(.31);
  -o-transform: scale(.31);
  -webkit-transform: scale(.31);
  transform: scale(.31);
  }
}
@media screen and (min-width: 375px) {
  .slideText {
  -ms-transform: scale(.36);
  -moz-transform: scale(.36);
  -o-transform: scale(.36);
  -webkit-transform: scale(.36);
  transform: scale(.36);
  }
}
@media screen and (min-width: 384px) {
  .slideText { 
  -ms-transform: scale(.37);
  -moz-transform: scale(.37);
  -o-transform: scale(.37);
  -webkit-transform: scale(.37);
  transform: scale(.37);
  }
}
@media screen and (min-width: 414px) {
  .slideText { 
  -ms-transform: scale(.43);
  -moz-transform: scale(.43);
  -o-transform: scale(.43);
  -webkit-transform: scale(.43);
  transform: scale(.43);
  }
}
@media screen and (min-width: 480px) {
  .slideText { 
  -ms-transform: scale(.5);
  -moz-transform: scale(.5);
  -o-transform: scale(.5);
  -webkit-transform: scale(.5);
  transform: scale(.5);
  }
}
@media screen and (min-width: 568px) {
  .slideText { 
  -ms-transform: scale(.55);
  -moz-transform: scale(.55);
  -o-transform: scale(.55);
  -webkit-transform: scale(.55);
  transform: scale(.55);
  }
}
@media screen and (min-width: 600px) {
  .slideText { 
  -ms-transform: scale(.58);
  -moz-transform: scale(.58);
  -o-transform: scale(.58);
  -webkit-transform: scale(.58);
  transform: scale(.58);
  }
}
@media screen and (min-width: 667px) {
  .slideText {
  -ms-transform: scale(.65);
  -moz-transform: scale(.65);
  -o-transform: scale(.65);
  -webkit-transform: scale(.65);
  transform: scale(.65);
  }
}
@media screen and (min-width: 736px) {
  .slideText { 
  -ms-transform: scale(.71);
  -moz-transform: scale(.71);
  -o-transform: scale(.71);
  -webkit-transform: scale(.71);
  transform: scale(.71);
  }
}
@media screen and (min-width: 768px) {
  .slideText { 
  -ms-transform: scale(.75);
  -moz-transform: scale(.75);
  -o-transform: scale(.75);
  -webkit-transform: scale(.75);
  transform: scale(.75);
  }
}
@media screen and (min-width: 960px) {
  .slideText { 
  -ms-transform: scale(.93);
  -moz-transform: scale(.93);
  -o-transform: scale(.93);
  -webkit-transform: scale(.93);
  transform: scale(.93);
  }
}
@media screen and (min-width: 1024px) {
  .slideText {
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}

/***INTERACTIVE MAP***/
.map_iconWrapper { position:relative; }
#bodyMain .map_iconWrapper img { max-width:26px; }
.map_icon { position:absolute; }
.map_icon.button { cursor:pointer; }
.hide{display:none; visibility:hidden;}
#bodyMain.full { width:100%; float:none; max-width:none; }

#mapOuterWrapper { position: relative; padding-bottom: 60%; height: 0; overflow: hidden; }
#mapWrapper, #mapContent { width:960px; }
#mapContent { position:relative; }

#mapNav { background-color: #ffffff; }
#bodyMain #mapNav ul, #bodyMain #mapNav ul li{ padding:0px; margin:0px; list-style:none; background:none; }

.mapSubNav { height:30px; background:#002f50; overflow:hidden; text-align:center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mapSubNav p { color:#FFFFFF; font-family: 'Open Sans', sans-serif; line-height:12px; font-size:12px; padding-top:9px; }
#bodyMain .mapSubNav ul, #bodyMain .mapSubNav ul li { padding:0px; margin:0px; list-style:none; height:24px; background:none; }
#bodyMain .mapSubNav ul li { color:#FFFFFF; font-family: 'Open Sans', sans-serif; text-transform:uppercase; line-height:12px; font-size:12px; font-weight:400; padding:9px 0px 0px 5px; margin-right:20px; cursor:pointer; background: url(/images/interface/map/bkg_li.svg) no-repeat 0 3px; }
#bodyMain .mapSubNav ul li.active { background-position:0px -20px; color:#ffffff; }
#bodyMain .mapSubNav ul li a { padding-left:14px; color:#FFFFFF !important }

/*ADJUST HUE OF AIRPORT ICONS*/
#gpx_view_airports .map_icon, #gpx_view2_airports .map_icon, #gpx_view3_airports .map_icon { filter: hue-rotate(180deg); }
#gpx_view_ports .map_icon, #gpx_view2_ports .map_icon, #gpx_view3_ports .map_icon { filter: hue-rotate(290deg); }

.map-icon-wrapper { position:absolute; }
.map-icon-wrapper.arrow-n:before { content:""; position:absolute; left:3px; top:-12px; width: 0; height: 0; border-style: solid; border-width: 0 10px 20px 10px; border-color: transparent transparent #fff transparent; }
.map-icon-wrapper.arrow-s:before { content:""; position:absolute; left:3px; top:15px; width: 0; height: 0; border-style: solid; border-width: 20px 10px 0 10px; border-color: #ffffff transparent transparent transparent; }
.map-icon-wrapper.arrow-e:before { content:""; position:absolute; left:15px; top:3px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #ffffff; }
.map-icon-wrapper.arrow-w:before { content:""; position:absolute; right:-12px; top:3px; width: 0; height: 0; border-style: solid; border-width: 10px 20px 10px 0; border-color: transparent #ffffff transparent transparent; }
.map-icon-wrapper.arrow-ne:before { content:""; position:absolute; left:11px; top:0px; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 0; border-color: transparent #ffffff transparent transparent; }
.map-icon-wrapper.arrow-se:before { content:""; position:absolute; left:11px; top:11px; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent transparent #ffffff transparent; }
.map-icon-wrapper.arrow-nw:before { content:""; position:absolute; left:0px; top:0px; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 0; border-color: #ffffff transparent transparent transparent; }
.map-icon-wrapper.arrow-sw:before { content:""; position:absolute; left:0px; top:11px; width: 0; height: 0; border-style: solid; border-width: 15px 0 0 15px; border-color: transparent transparent transparent #ffffff; }

/*ADJUSTING THE NAVS TO CENTER AUTOMATICALLY*/
#mapNav ul, .mapSubNav ul { display:block; text-align:left; }
.mapSubNav ul { text-align:center; }
#mapNav li, .mapSubNav li { display:inline-block; }

#mapNav a, #btn_view1, #btn_view2, #btn_view3{ display:block; font:700 15px/12px Arial,sans-serif; text-decoration:none; text-transform:uppercase; color:#002f50 !important; background:#fff; padding:10px 0px; text-align:center; }
#mapNav a.active, #btn_view1.active, #btn_view2.active, #btn_view3.active { color:#fff !important; background:#002f50; }
#btn_view1 { width:320px; }
#btn_view2 { width:320px; }
#btn_view3 { width:320px; position:absolute; top:0px; right:0px; }

/**LAYERS**/
#gpx_view1_base, #gpx_view1_roads, #gpx_view1_radial, #gpx_view1_cities, #gpx_view1_top, #gpx_view2_base, #gpx_view2_rail, #gpx_view2_roads, #gpx_view2_cities, #gpx_view2_radial, #gpx_view2_top, #gpx_view2_ports, #gpx_view2_airports, #gpx2_view2_airports, #gpx_view3_rail, #gpx_view3_roads, #gpx2_view3_roads, #gpx_view3_base, #gpx_view3_cities, #gpx_view3_ports, #gpx_view3_airports, .map-overlay { position:absolute; top:0px; }

#map_iconWrapper { position:relative; }
.map_icon { cursor:pointer; max-width:130px; height:auto !important; }
.map_icon.button { background:#fff; padding:2px; border:#000 solid 2px; border-radius:6px; }

/*CALENDAR*/
.calendarHeader { color: #469264; text-align: center; font-size:20px; padding-bottom:10px; }
.calendarMonthLinks { font-family: "open Sans", sans-serif; font-size: 20px; text-decoration: none; color: #469264; background-color:  transparent; text-align:center; }
.calendarMonthLinks a { color: #469264 !important; text-decoration: none !important; background-color:  transparent; }
.calendarMonthLinks a:visited { color: #469264; text-decoration: none !important; background-color: transparent; }
.calendarMonthLinks a:hover { color: #ccc; text-decoration: underline !important; background-color: transparent; }

.calendarBG { background-color: #fff; font-family:"open Sans", sans-serif; border:#469264 solid 1px; }
.calendarBlank {  background-color: #e8e8e8; color: #1262a0; text-align:center; }
.calendarBG td { border: #1262a0 solid 1px; border-collapse:collapse; width:14%; }
.calendarBG td.calendarDayHeading { border: #333333 solid 1px; border-collapse:collapse; }
.calendarDayHeading { font-size: 11px; color: #fff; background-color: #333333; text-align: center; vertical-align: middle; }
.calendarToday { font-family: "open Sans", sans-serif; font-size: 12px; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: top; color: #1262a0; background-color: #fdb813; }
.calendarCell { font-family: "open Sans", sans-serif; font-size: 12px; letter-spacing: .1em; text-decoration: none; text-align: center; vertical-align: top; color: #1262a0; background-color: #fff; }
.calendarCell a { color: #000; text-decoration: underline; background-color:  transparent; }
.calendarCell a:visited { color: #1262a0; text-decoration: underline; background-color: transparent; }
.calendarCell a:hover { color: #1262a0; text-decoration: none; background-color: transparent; }
.eventListedCell { background-color:#b8d4ea; }
.eventListedCell a, .eventListedCell a:visited, .eventListedCell a:hover { color: #000; }
.cellContent { height:35px; padding:0px; position:relative; }
.dayNumber { position:absolute; top:0px; right:6px; font-size:10px; }
.dayLink { width:100%; height:100%; display:block; }
.dayListings { display:none; }

#calendarGrid table { border-collapse:no-collapse; }
#calendarGrid { display:none; }

/*MEDIA QUERIES*/
@media screen and (min-width: 320px) {
  #calendarGrid { display:block; }
  .calendarMonthLinks { letter-spacing: .1em; }
}
@media screen and (min-width: 568px) {
  .cellContent { height:auto; min-height:75px; }
  .dayLink { display:none; }
  .dayListings { display:block; padding:20px 10px 10px 10px; font-size:11px; line-height:12px; text-align:left; }
  #bodyFull .dayListings p { font-size:11px; line-height:12px; padding-bottom:5px;  }
  .dayListings a, .dayListings a:visited, .dayListings a:hover { color:#000; text-decoration:none; }
  .dayListings a:hover { text-decoration:underline; }
}

/***TIPTIP**/
/* TipTip CSS - Version 1.2 */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 11px; text-align:center; color: #fff; padding: 8px; border: 2px solid #c3c3c3; background-color: #002f50; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; }
#tiptip_content strong{ font-size: 13px; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; display:none; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/**RESPONSIVE**/
.mapFrame { width:960px; height: 540px; margin:0 auto;
-ms-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

@media screen and (min-width: 240px) {
  .mapFrame {
  -ms-transform: scale(.25);
  -moz-transform: scale(.25);
  -o-transform: scale(.25);
  -webkit-transform: scale(.25);
  transform: scale(.25);
  }
}
@media screen and (min-width: 320px) {
  .mapFrame {
  -ms-transform: scale(.3);
  -moz-transform: scale(.3);
  -o-transform: scale(.3);
  -webkit-transform: scale(.3);
  transform: scale(.3);
  }
}
@media screen and (min-width: 375px) {
  .mapFrame {
  -ms-transform: scale(.36);
  -moz-transform: scale(.36);
  -o-transform: scale(.36);
  -webkit-transform: scale(.36);
  transform: scale(.36);
  }
}
@media screen and (min-width: 384px) {
  .mapFrame { 
  -ms-transform: scale(.36);
  -moz-transform: scale(.36);
  -o-transform: scale(.36);
  -webkit-transform: scale(.36);
  transform: scale(.36);
  }
}
@media screen and (min-width: 414px) {
  .mapFrame { 
  -ms-transform: scale(.39);
  -moz-transform: scale(.39);
  -o-transform: scale(.39);
  -webkit-transform: scale(.39);
  transform: scale(.39);
  }
}
@media screen and (min-width: 480px) {
  .mapFrame { 
  -ms-transform: scale(.44);
  -moz-transform: scale(.44);
  -o-transform: scale(.44);
  -webkit-transform: scale(.44);
  transform: scale(.44);
  }
}
@media screen and (min-width: 568px) {
  .mapFrame { 
  -ms-transform: scale(.53);
  -moz-transform: scale(.53);
  -o-transform: scale(.53);
  -webkit-transform: scale(.53);
  transform: scale(.53);
  }
}
@media screen and (min-width: 600px) {
  .mapFrame { 
  -ms-transform: scale(.56);
  -moz-transform: scale(.56);
  -o-transform: scale(.56);
  -webkit-transform: scale(.56);
  transform: scale(.56);
  }
}
@media screen and (min-width: 667px) {
  .mapFrame {
  -ms-transform: scale(.63);
  -moz-transform: scale(.63);
  -o-transform: scale(.63);
  -webkit-transform: scale(.63);
  transform: scale(.63);
  }
}
@media screen and (min-width: 736px) {
  .mapFrame { 
  -ms-transform: scale(.7);
  -moz-transform: scale(.7);
  -o-transform: scale(.7);
  -webkit-transform: scale(.7);
  transform: scale(.7);
  }
}
@media screen and (min-width: 768px) {
  .mapFrame { 
  -ms-transform: scale(.74);
  -moz-transform: scale(.74);
  -o-transform: scale(.74);
  -webkit-transform: scale(.74);
  transform: scale(.74);
  }
}
@media screen and (min-width: 960px) {
  .mapFrame { 
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  }
}
@media screen and (min-width: 1046px) {
  .mapFrame { margin-left:-20px;
  -ms-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  }
}
/***END INTERACTIVE MAP***/
