@page { size:8.5in 11in;}

/*BOOTSTRAP OVERRIDES*/
body { font-family: "Source Sans Pro", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size:18px; line-height:23px; }
.container { max-width:1200px !important; }
strong, .font-weight-bold { font-weight:600 !important; }

.bg-muted { background:#333 !important; }
.bg-white-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,1+75,0+100 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.text-muted { color:#979DA5 !important; }
.container { max-width:1100px !important; }
.container.main-buttons { max-width:1200px !important; }
.container.xl-wrapper { max-width:1600px !important; }
.text-white, .text-white * { color:#fff !important; }
.img-fluid { height:auto !important; }
.semitransparent { opacity:.5; }

.text-primary, .text-white .text-primary { color:#0081C2 !important; }

h1 { font: 700 53px/56px "Source Sans Pro",sans-serif; color:#505050; padding-bottom:17px; text-transform:uppercase; }
h2 { font: 600 35px/38px "Source Sans Pro",sans-serif; color:#1373a3; padding:16px 0px; text-transform:uppercase; }
h3 { font: 600 60px/63px "Source Sans Pro",sans-serif; color:#1373a3; padding:16px 0px; text-transform:uppercase; }

h1,h2,h3,h4,h5,h6 { clear:both; }
p { padding-bottom:20px; }

#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 'Barlow', 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; }
.err-wrap { display:none !important; }
.fill-area { top:0; right:0; bottom:0; left:0; }
.z-index-1 { z-index:1; }
.z-index-2 { z-index:2; }
.z-index-3 { z-index:3; }

.clear { clear:both; }
.hide, .printOnly, #printHeader { display:none; }
.nice-table th, .nice-table td { padding:5px 9px; font-family:Arial, Helvetica, sans-serif;font-size:1.166em; line-height:1.57em; }
.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-weight:bold; }
.nice-table tr:nth-child(odd) { background:#e9e5e5; }
.nice-table {border:#818798 solid 1px; margin-bottom:15px; width:100%; }
.two-column td:first-child { width:45%; padding-right:20px; }
.photo-left { float:left; margin:4px 15px 15px 0px; }
.photo-right { float:right; margin:4px 0px 15px 15px }
a { color:#0063CC; }
a.button { font:bold 15px/15px "PT Sans Narrow", Arial, Helvetica, sans-serif; display:inline-block; background:#366C33; border:#366C33 solid 1px; color:#fff; text-decoration:none; padding:12px 16px; text-transform:uppercase; border-radius:6px; }
a.button:hover, a.button:focus { background:#fff; color:#366C33; }
a.button span { display:inline-block; vertical-align:text-top; padding-top:1px; }
a#admin_button { display:inline-block; font-size:12px; padding:5px 10px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; background:#747474; color:#fff !important; text-decoration:none !important; position:absolute; top:0px; left:-20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ margin-bottom: 30px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

hr { margin:0; padding:0px; border:none; border-top:#818181 solid 1px; margin:13px 0px; }
blockquote { border:#1373a3 solid 1px; padding:30px 20px; margin:20px 0px; }
blockquote p { font-size:1.5em; line-height:1.1em; margin-bottom:0px; padding-bottom:0px; color:#1373a3; }
header, nav, footer, article, aside, section, container { display:block; }
.err-wrap.notice { display:none !important; }

/*ROW STRUCTURE*/
.rowOuter { width:100%; background:#fff; overflow:hidden; }
.rowOuter, .rowInner { position:relative; }
.rowInner.standard, .rowInner.wide, div.standard { padding:0px 20px; margin:0 auto; }
div.standard { position:relative; }
.rowInner.center { text-align:center; }
.rowOuter.header { background:#000 url(/images/interface/gpx_band-header.svg) center bottom repeat-x; color:#fff !important; position:relative; z-index:999; width:100%; transition: height 0.5s ease; overflow:visible !important; }
.rowOuter.homeContent { background:#fff url(/images/interface/gpx_band-header.svg) center bottom repeat-x; }
.large-text { font:bold 60px/60px "Source Sans Pro",sans-serif; text-align:center; color:#333; padding:10px 0px 15px 0px; background:#fff url(/images/interface/gpx_band-header.svg) center bottom repeat-x; }
.large-text.reversed { background:#333; color:#fff; border-bottom:#fff solid 2px; }
.homeMap { border-bottom:#fff solid 2px; }
.rowOuter.footer { background:#3c3f42; color:#fff !important; }
.rowOuter.video { background:#5f7180; }
.rowInner img { max-width:100%; height:auto !important; }
.rowInner img.photo-left; .rowInner img.photo-right { max-width:95%; }
.rowInner.no-resize img { max-width:none; height:auto !important; }
.divider-band { position:absolute; width:100%; height:6px; bottom:0; left:0; background:url(/images/interface/gpx_striped-line.svg) left top repeat-x; }

/*HEADER*/
#header a { color:#fff !important; text-decoration:none; }
#topLogo img { transition: 0.5s ease; }
#topLogo img { max-width:120px; }
.topSpacer { padding:0px 14px; color:#005d8b; }
.topSpacer.social { display:none; }
#topSocial { display:none; }
.topSocialIcon { color:#fff; background:#000; border:#000 solid 1px; padding:6px; border-radius:4px; }
#headerWrapper a.topSocialIcon:focus, #headerWrapper a.topSocialIcon:hover { color:#000 !important; background:#fff; }
#topContact { padding:10px 0px; }
.top-links a:hover, .top-links a:focus { text-decoration:underline !important; }
.bg-bands { background:url(/images/interface/gpx_band-header.svg) #000 center bottom repeat-x; color:#fff !important; transition:0.5s ease; }
.navbar-toggler { padding:10px 0px 4px 0px; margin-top:40px; color:#fff !important; }
.navbar-toggler:hover, .navbar-toggler:focus { background:#fff; color:#333 !important }

/*HOME PAGE*/
#homePageSliderWrapper { line-height:0px; overflow:hidden; position:relative; z-index:1; background:#000; max-height:760px; overflow:hidden; }
#homePageSliderWrapper ul, #homePageSliderWrapper li { margin:0; padding:0; }
.heroSlide { position:relative; overflow:hidden; background:#000; }
.heroTextWrapperOuter { position:absolute; top:10%; right:0px; width:100%; z-index:3; transition: right .5s ease; }
.heroTextWrapperOuter.transitionText { right:-100%; }
.heroTextWrapper { max-width:1130px; margin:0 auto; }
.heroText { width:80%; padding:10px 10% 20px 10%; text-align:center; }
.heroText p { font:600 30px/20px "Source Sans Pro", sans-serif; color:#fff; text-transform:uppercase; }
.heroText p strong { font:600 30px/20px "Source Sans Pro", sans-serif; color:rgb(255,255,255); transition: color 2s ease; }
.heroText { background-color:transparent !important; }
.heroText.yellow p strong { color:#c58909; }
.heroText.green p strong { color:#4fa64e; }
.heroText.blue p strong { color:#3788b2; }
.heroText.red p strong { color:#ce341b; }
.heroText.yellow.no-color p strong, .heroText.green.no-color p strong, .heroText.blue.no-color p strong, .heroText.red.no-color p strong { color:rgb(255,255,255); }
.heroImageOverlay { width:100% !important; height:auto !important;  z-index:1; position:relative; }
.heroImageOverlay img { width:100% !important; height:100% !important; }
.heroImage img { width:100% !important; height:100% !important; position:absolute; background-position:center; background-size:100% auto; background-repeat:no-repeat; top:0px; left:0px; transition: left .5s ease; }
.heroImage.transitionImage img { left:-100%; }
.carousel-item.active .heroTextWrapperOuter.transitionText { right:0; }
.carousel-item.active .heroImage.transitionImage img { left:0; }
.carousel-item.active .heroText.yellow.no-color p strong { color:#c58909; }
.carousel-item.active .heroText.green.no-color p strong { color:#4fa64e; }
.carousel-item.active .heroText.blue.no-color p strong { color:#3788b2; }
.carousel-item.active .heroText.red.no-color p strong { color:#ce341b; }


/*
.heroImageOverlay { width:100%; height:100%; position:absolute; z-index:1; }
.heroImageOverlay img { width:100% !important; height:100% !important; }
.heroImage img { width:100% !important; height:auto !important; background-position:center; background-size:100% auto; background-repeat:no-repeat; }
.heroImage img { width:100% !important; height:auto !important; background-position:center; background-size:100% auto; background-repeat:no-repeat; transition: background-size 8s,background-position 6s ease; }
.heroImage.larger img { background-size:120% auto; }
.heroImage.larger.center img { background-position:center; }
.heroImage.larger.left img { background-position:25% center; }
.heroImage.larger.right img { background-position:75% center; }
*/
.homeSquare { position:absolute; z-index:2; display:none; }
div.heroButton { font:italic 16px/16px "Source Sans Pro",sans-serif; color:#fff; text-transform:uppercase; }
div.heroButton a { color:#fff; text-decoration:none; }
div.heroButton img { display:inline-block; vertical-align:middle; width:50px; height:50px; }
div.heroButton { text-align:center; }
#sliderArrowLeft, #sliderArrowRight { position:absolute; top:51%; opacity:.3; }
#sliderArrowLeft { left:10px; }
#sliderArrowRight { right:10px; }
#sliderArrowLeft:hover, #sliderArrowRight:hover { opacity:1; }

#homeContentWrapper h1 { font: 700 60px/63px "Source Sans Pro",sans-serif; color:#006CE0; padding:49px 0px 16px 0px; text-transform:uppercase; }
#homeContentWrapper h2 { font: 400 18px/22px "Source Sans Pro",sans-serif; color:#565656; padding:0px 0px 50px 0px; text-transform:none; }
#homeContentWrapper img { display:inline-block; vertical-align:middle; }
.connector { clear:both; padding:20px 0px 30px 0px; }
.connector hr.top, .connector hr.bottom { margin:0px 77px; padding:17px 0px; border:none; }
.connector.right-left hr.top { border-right:#1373a3 solid 1px; }
.connector.left-right hr.top { border-left:#1373a3 solid 1px; }
.connector.right-left hr.bottom { border-left:#1373a3 solid 1px; border-top:#1373a3 solid 1px; }
.connector.left-right hr.bottom { border-right:#1373a3 solid 1px; border-top:#1373a3 solid 1px; }

img.homeIcon { display:inline-block; padding-right:10px; }
.homeRightTextWrapper { background:#1372A3; }
.homeLeftTextWrapper { background:#232020; }
.homeRightText, .homeLeftText { width:95%; margin:0 auto; padding:25px 0px; }
.homeRightText h3, .homeLeftText h3 { color:#fff; position:relative; }
.homeRightText p, .homeLeftText p { font:normal 18px/26px "Source Sans Pro",sans-serif; color:#fff; }
.homeRightText p strong, .homeLeftText p strong { font-size:20px; }

.homeAgriculture, .homeMap { background:#000; }

/*PHOTO GRID*/
.photoGrid { position:relative; }
.photoGrid img { width:100%; height:auto !important; }
.photoGridWrapper { background:#000; width:60%; height:100%;; position:absolute; top:0px; left:0px; }
.photoGridTopWrapper { position:absolute; top:0px; width:100%; left:0px; height:40%; }
.photoGridTopLeft { position:absolute; top:0px; width:50%; left:0px; height:100%; background:#b2a49b center/cover no-repeat; }
.photoGridTopRight { position:absolute; top:0px; width:50%; right:0px; height:100%; background:#597d05 center/cover no-repeat; }
.photoGridBottomWrapper { background:#5f9695 center/cover auto no-repeat; width:100%; height:60%; position:absolute; bottom:0px; left:0px; }
.photoGridVertical { background:#a23900 right center/cover no-repeat; width:40%; height:100%;; position:absolute; top:0px; right:0px; }
.photoGridOverlay { position:absolute; width:100%; height:100%; left:-100%; }
.photoGridOverlay.yellow { background:rgba(173,120,6,.8) !important; }
.photoGridOverlay.green { background:rgba(61,132,60,.7) !important; }
.photoGridOverlay.blue { background:rgba(0,93,139,.8) !important; }
.photoGridOverlay.red { background:rgba(173,30,6,.6) !important; }
.photoGridOverlayContent { display:table; width:100%; height:100%; }
.photoGridOverlayContent p { display:table-cell; margin:0; vertical-align:middle; text-align:center; color:#fff; }
.photoGridOverlayContent p strong { font-size:1.3em; }
.photoGridButton { overflow:hidden; }

/*MAIN BUTTONS*/
#homeButtonsWrapper { position:relative; margin-top:0px; z-index:2; background:none; padding-top:50px; }
#mainButtons { width:100%; }
#mainButtons, #mainButtons li { margin:0; padding:0; list-style:none; display:inline-block; line-height:0px; text-align:center; }
#homeButtons #mainButtons li { width:292px; height:233px; position:relative; }
#homeButtons #mainButtons li .overlay { position:absolute; width:292px; height:233px; top:0px; left:0px; transition: height 0.5s ease, width 0.5s ease, top 0.5s ease, left 0.5s ease; }
#homeButtons #mainButtons li:hover .overlay { width:248px; height:189px; top:22px; left:22px; }
#mainButtons li .textWrapper { position:relative; z-index:2; display:table; width:100%; height:100% }
#mainButtons li .text { display: table; width:100%; height:233px; font:400 25px/27px "PT Sans Narrow", sans-serif; color:#fff; text-shadow:0px 0px 6px #000; text-align:center; }
#mainButtons li .text a { vertical-align:middle; padding:5px; color:#fff !important; text-decoration:none; display:table-cell; }
#mainButtons li .overlay.yellow { background:rgba(173,120,6,.8) !important; }
#mainButtons li .overlay.green { background:rgba(61,132,60,.7) !important; }
#mainButtons li .overlay.blue { background:rgba(0,93,139,.8) !important; }
#mainButtons li .overlay.red { background:rgba(173,30,6,.6) !important; }
#mainButtons li:first-child { background:url(/images/interface/btn_mainInvest.jpg) center no-repeat; background-size:auto 100%; transition: background-size 0.5s ease;  }
#mainButtons li:nth-child(2) { background:url(/images/interface/btn_mainLocation.jpg) center no-repeat; background-size:auto 100%; transition: background-size 0.5s ease;  }
#mainButtons li:nth-child(3) { background:url(/images/interface/btn_mainLeadership.jpg) center no-repeat; background-size:auto 100%; transition: background-size 0.5s ease;  }
#mainButtons li:last-child { background:url(/images/interface/btn_mainMaps.jpg) center no-repeat; background-size:auto 100%; transition: background-size 0.5s ease;  }
#mainButtons li:hover {  background-size:auto 130%; }

/*SECONDARY*/
#bodyMain img, #static-content img { max-width:100%; height:auto !important; }
#bodyMain img.photo-left, #bodyMain img.photo-right, #static-content img.photo-left, #static-content img.photo-right { max-width:95%; }
table.icon-chart { width:100%; }
table.icon-chart td, table.icon-chart img { vertical-align:middle; }
table.icon-chart td { padding-bottom:10px; }
table.icon-chart td:first-child { font: 700 50px/50px "Source Sans Pro",sans-serif; color:#1373a3 }
#iframeWrapper { width:100%; height:100vh; border:0; overflow-x:hidden; }
.table-wrapper { overflow-x:auto; }

/*ACCORDION*/
div.accordion h2 { display:inline-block; font:400 22px/28px 'Lato',Arial,sans-serif; color:#fff; padding:0; margin:0; max-width:90%; }
div.accordion h4 { display:inline-block; max-width:90%; }
div.accordion * { padding:0px; }
div.accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; padding-right60px; position:relative; text-align: left; border: none; outline: none; transition: 0.4s; }
div.accordion.active, div.accordion:hover { background-color: #ddd; }
div.panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0; }
div.panel.show { opacity: 1; max-height: 1500px; overflow:auto; padding: 18px; }
div.accordion:after { content: '\02795'; font-size: 13px; color: #777; position:absolute; top:30%; right:15px; }
div.accordion.active:after { content: "\2796"; }
div.accordion.sectionHeader { font:400 22px/28px 'Lato',Arial,sans-serif; color:#fff; padding: 12px; border-radius:6px; margin-bottom:10px; }
div.accordion.sectionHeader:after { color: #fff; }

#bodyMainContent { padding-top:20px; }
#bodyAside img { max-width:100%; height:auto !important; }
#bodyAsideContact { font:normal 16px/20px "Source Sans Pro",sans-serif; color:#505050; }
#bodyAsideContact span.title { font-size:18px; text-transform:uppercase; font-weight:bold; }
#bodyAsideContact span.smaller-text { font-size:14px; }
#bodyAsideContact strong { font-size:18px; }
#bodyAsideContact a { color:#505050; text-decoration:none; }
#bodyAsideContact a:hover { color:#7f7f7f; }

#bodyAsideContent #mainButtons, #bodyAsideContent #bodyAsideContact { padding-bottom:60px; }
#bodyAsideContent #mainButtons li { width:202px; height:200px; position:relative; }
#bodyAsideContent #mainButtons li .overlay { position:absolute; width:202px; height:200px; top:0px; left:0px; transition: height 0.5s ease, width 0.5s ease, top 0.5s ease, left 0.5s ease; }
#bodyAsideContent #mainButtons li:hover .overlay { width:158px; height:156px; top:22px; left:22px; }
#bodyAsideContent #mainButtons li .text { height:200px; }

/*ASIDE*/
a.main-button-link { min-height:150px; font:400 25px/27px "PT Sans Narrow", sans-serif; color:#fff; text-shadow:0px 0px 6px #000; background-color:#000; }
a.main-button-link.bg-invest { background-image:url(/images/interface/btn_mainInvest.jpg); }
a.main-button-link.bg-location { background-image:url(/images/interface/btn_mainLocation.jpg); }
a.main-button-link.bg-leader { background-image:url(/images/interface/btn_mainLeadership.jpg); }
a.main-button-link.bg-data-center { background-image:url(/images/interface/btn_data-center.jpg); }
a.main-button-link.bg-food-manufacturing { background-image:url(/images/interface/btn_food-manufacturing.jpg); }
a.main-button-link.bg-maps { background-image:url(/images/interface/btn_mainMaps.jpg); }
a.main-button-link { background-repeat:no-repeat; background-position:center; background-size:110% auto; transition:0.5s ease;  }

.main-button-link .overlay { position:absolute; top:0px; right:0px; bottom:0px; left:0px; transition: 0.5s ease; }
.main-button-link .overlay.yellow { background:rgba(173,120,6,.8) !important; }
.main-button-link .overlay.green { background:rgba(61,132,60,.7) !important; }
.main-button-link .overlay.blue { background:rgba(0,93,139,.8) !important; }
.main-button-link .overlay.red { background:rgba(173,30,6,.6) !important; }
a.main-button-link:hover, a.main-button-link:focus { background-size:130% auto; }
a.main-button-link:hover .overlay, a.main-button-link:focus .overlay { top:20px; right:20px; bottom:20px; left:20px; }

/*NEWS*/
.news-full-width, .news-left { width:100%; margin:4px 0px 25px 0px; }
.news-left img, .news-full-width img { width:100%; height:auto !important; border:#333 solid 1px; }
.news_caption { font:italic 14px/16px 'Lato',Arial,Helvetica,sans-serif; color:#696969; padding:0; }

/*3D MAP*/
/*
.mkt_page { opacity:0; width:1px; height:554px; position:absolute; z-index:999; top:32px; right:-1px; background:rgb(255,255,255); background:rgba(255,255,255,.53); border-left:#fff solid 1px; overflow:hidden; }
#view4_base { position:absolute; z-index:1; }
#view4_overlay { width:1px; height:1px; position:absolute; z-index:999; top:257px; left:475px; background-image:url(/images/interface/map/view3_base_large.jpg); background-repeat:no-repeat; opacity:0; }
*/
.mkt_page { display:block; position:absolute; z-index:999; width:1px; height:554px; top:32px; left:960px; right:0px; opacity:0; transition: width 0.5s, left 0.5s, opacity 0.5s ease; background:#fff; border-left:#fff solid 1px; overflow:hidden; }
.mkt_page.display_info { width:685px; left:275px; opacity:1; }

#view4_base { position:absolute; z-index:1; }
#view4_overlay { display:block; position:absolute; z-index:999; width:1px; height:1px; top:225px; left:475px; transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s, opacity 0.5s ease; background-image:url(/images/interface/map/view3_base_large.jpg); background-repeat:no-repeat; opacity:0; }
#view4_overlay.display_overlay { width:960px; height:554px; top:32px; left:0px; opacity:1; }

#close_mkt_page { width:42px; height:35px; right:24px; top:47px; position:absolute; z-index:9999; }
#close_mkt_page a { font-size:18px; line-height:18px; padding:6px 10px; border-radius:50%; display:inline-block; color:#fff; background:#6b6b6b; border-radius:50%; border:#fff solid 1px; font-weight:bold; cursor:pointer; }

.mapDot { cursor:pointer; }

/*REPORT GENERATOR*/
.reportButton.static { padding:13px 0px 30px 0px; border-top:#000 solid 1px; margin-top:15px; }
.reportButton a { font:900 14px/14px 'Lato',Arial,Helvetica,sans-serif; color:#717171; text-decoration:none; }
.reportButton a span { color:#f59331; }
.reportButton a.addBtn i { color:#60ad00 }
.reportButton a.removeBtn i { color:#d62434; }
.reportButton { max-width:1000px; margin:0 auto; }

#reportCaption p { color:#696969; font-style:italic; }
#reportBarWrapperOuter { position:relative; margin-top:-2px; border-bottom:#9f9fa1 solid 1px; background:#f1f1f1; }
#reportBarWrapper { font:normal 14px/14px 'Lato',Arial,Helvetica,sans-serif; clear:both; background:#f1f1f1; margin:0 auto; border:#a4a4a6 solid 1px; border-bottom:none; }
#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 0px 11px; height:24px; 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 14px/16px 'Lato',Arial,Helvetica,sans-serif; color:#6B6B6B; padding-top:6px; }
.reportButton img{max-height:20px; width:auto!important;}

/*FOOTER*/
#footer { color:#fff !important; font:400 15px/20px "Source Sans Pro",Lato,sans-serif; padding:20px; background:#3c3f42; }
#footer a { color:#fff !important; text-decoration:none; }
#footer a:hover { color:#e1e1e1 !important; }
#footer span.title { font-size:20px; font-weight:600; }
#footer table { width:100%; }
#footer table td { text-align:center; padding-bottom:20px; color:#fff; }
a.footerSocialIcon { display:inline-block; font-size:30px; padding:0px 10px; }
#footer img { max-height:105px; }

#copyright { font:italic 14px/17px "Source Sans Pro", sans-serif; background:#333536; color:#777; text-align:center; padding:20px 10px; }
#copyright a { color:#777; text-decoration:none; }
#copyright a:hover { text-decoration:underline; }

/*NAV*/
#main-nav { text-align:right; }
#main-nav ul, #main-nav li { list-style:none; margin:0; padding:0; }
#main-nav a { font:bold 19px/19px "Source Sans Pro",sans-serif; color:#fff !important; text-decoration:none; display:inline-block; padding-bottom:13px; outline:none; }
#main-nav span { font-size:32px; display:inline-block; margin-bottom:-8px; vertical-align:bottom; }

#main-nav ul, #main-nav li { list-style:none; margin:0; padding:0; }
#main-nav a { font:bold 19px/19px "Source Sans Pro",sans-serif; color:#fff !important; text-decoration:none; display:inline-block; padding-bottom:13px; outline:none; }

/*SIDE NAV*/
#side-nav-wrapper { position:fixed; top:0; right:-250px; bottom:0; width:250px; background:#333; transition:.5s ease; }
#side-nav-wrapper.active { right:0px; }
#searchWrapper { background:#4a4949; }
.search_box { font:italic 18px/18px "Lato", Arial, sans-serif; width:215px; float:left; background-color:transparent; border:none; color:#fff !important; padding:6px 18px; }
.search_button { float:left; }
#side-nav li.nav-item { border-top: 1px solid #4d4d4d; border-bottom: 1px solid #1a1a1a; }
#side-nav a.nav-link { color:#fff !important; line-height:1; margin:0; padding:15px; }
#side-nav .dropdown .dropdown-toggle::after { float:right; }


























/*MEDIA QUERIES*/
@media screen and (min-width: 365px) {
  .news-left { width:300px; float:left; margin:7px 25px 25px 0px; }
}
@media screen and (max-width: 385px) {
  .contentCell.left, .contentCell.right, .connector { display:none; }
}
@media screen and (min-width: 400px) {
  .contentTable { display:table; }
  .contentRow { display:table-row; vertical-align:middle; }
  .contentCell { display:table-cell; vertical-align:middle; }
  .contentCell img { max-width:none !important; }
  .contentCell.left { padding-right:20px; }
  .contentCell.right { padding-left:20px; }
}
@media screen and (min-width: 414px) {
  .rowOuter.header { position:fixed; top:0px; left:0px; }
  .heroTextWrapperOuter { top:30%; }
  #homePageSliderWrapper { padding-top:70px; }
  #bodyMainContent { padding-top:200px; }
}
@media screen and (max-width: 460px) {
  .topSpacer { padding:0px 4px; }
}
@media screen and (max-width: 568px) {
  #close_mkt_page { width:42px; height:35px; right:24px; }
  #close_mkt_page a { font-size:20px; line-height:20px; padding:12px 15px; }
}
@media screen and (min-width: 600px) {
  .heroText p { font:600 50px/40px "Source Sans Pro", sans-serif; }
  .heroText p strong { font:600 50px/40px "Source Sans Pro", sans-serif; }
  .heroTextWrapperOuter { top:40%; }
}
@media screen and (min-width: 725px) {
  .rowInner.header { height:118px; }
  #topLogo { position:absolute; left:0px; top:13px; }
  #topLogo img { max-width:260px; }
  .rowOuter.header.fixed .rowInner.header { height:88px; }
  #headerWrapper.sticky #topLogo img { max-width:200px; }
  #topContact { text-align:right; float:right; padding:10px 0px 0px 0px; }
  #topSocial { display:inline-block; }
  .topSpacer, .topSpacer.social { display:inline-block; }
  #navWrapper { width:200px; position:absolute; bottom:0px; right:0px; }
  .rowOuter.secondary { padding-top:175px; }
  #bodyMainContent { padding-top:0px; }
}
@media screen and (max-width: 749px) {
  table.responsive, table.responsive tbody, table.responsive thead, table.responsive tr, table.responsive th, table.responsive td { display:block; padding:0px; margin:0px; float:none; width:100%; }
  h1 { font: 700 33px/36px "Source Sans Pro",sans-serif; color:#505050; padding-bottom:8px; text-transform:uppercase; }
  h2 { font: 600 30px/33px "Source Sans Pro",sans-serif; color:#1373a3; padding:8px 0px; text-transform:uppercase; }
  h3 { font: 600 30px/33px "Source Sans Pro",sans-serif; color:#1373a3; padding:8px 0px; text-transform:uppercase; }
  #homeContentWrapper h1 { font: 700 40px/43px "Source Sans Pro",sans-serif; color:#1373a3; padding:49px 0px 16px 0px; text-transform:uppercase; }
  #homeContentWrapper h2 { font: 400 18px/22px "Source Sans Pro",sans-serif; color:#565656; padding:0px 0px 50px 0px; text-transform:none; }
  .rowOuter.large-text { font:bold 40px/60px "Source Sans Pro",sans-serif; }
}
@media screen and (min-width: 768px) {
  a.main-button-link { min-height:200px; }
}
@media screen and (min-width: 900px) {
  #homeButtonsWrapper { margin-top:-22px; padding-top:0px; }
  .heroText p { font:600 70px/50px "Source Sans Pro", sans-serif; }
  .heroText p strong { font:600 70px/50px "Source Sans Pro", sans-serif; }
  .homeRightTextWrapper { background:url(/images/interface/gpx_textArrow-blue.svg) right center/cover no-repeat; }
  .homeLeftTextWrapper { background:url(/images/interface/gpx_textArrow-black.svg) left center/cover no-repeat; }
  .homeRightText { width:500px; float:right; margin:0; }
  .homeLeftText { width:500px; float:left; margin:0; }
  .homeAgriculture { background:url(/images/interface/bkg_homeAgriculture.jpg) #000 left center/cover no-repeat; }
  .homeMap { background:url(/images/interface/bkg_homeMap.jpg) #000 left center/cover no-repeat; }
}
@media screen and (max-width: 959px) {
  .reportButton.static { padding:20px; }
  a#admin_button { display:none; }
  .show960 { display:none; }
  #reportBarWrapper li { border-right:none; }
}
@media screen and (min-width: 992px) {
  .position-lg-fixed { position:fixed !important; }
  .static-header { height:175px; }
  #headerWrapper.sticky .navbar-toggler { margin-top:10px; }
  .container.main-buttons { position:relative; top:-20px; }
  .container.main-buttons a.main-button-link { min-height:230px; }
}
@media screen and (max-width: 1023px) {
  .heroTextWrapperOuter { background:rgba(0,0,0,.6); }
  #sliderArrowLeft, #sliderArrowRight { display:none; }
}
@media screen and (min-width: 1024px) {
  #bodyMain { width:778px; float:left; }
  #bodyMain.full { width:100%; float:none; }
  #bodyMain.full h1, #bodyMain.full h2 { display:block; max-width:1000px; margin:0 auto; }
  #bodyAside { width:202px; float:right; }
  .homeIcon { position:absolute; left:-80px; padding-top:10px; }
  .rowInner.standard, div.standard { padding:0px; width:1000px; margin:0 auto;}
  #homePageSliderWrapper { padding-top:0px; }
  .heroTextWrapperOuter { top:45%; width:100%; padding:0px; }
  .heroText { width:100%; padding:0px; text-align:right; position:relative; right:50px; }
  .heroText p { font:600 80px/60px "Source Sans Pro", sans-serif; color:#fff; text-transform:uppercase; }
  .heroText p strong { font:600 80px/60px "Source Sans Pro", sans-serif; }
  .homeSquare { display:block; top:50px; right:-100px; transition: top 0.5s ease; }
  div.heroButton { text-align:left; width:300px; position:relative; left:66%; }
  div.heroButton img { width:100px; height:100px; }
  .homeRightText { width:430px; }
  .homeLeftText { width:430px; }
  #footer { background:#3c3f42 url(/images/interface/bkg_footer.jpg) center top/cover no-repeat; }
  #footer { padding:42px 0px; }
  #footer table td { padding-right:78px; text-align:left; }
  #footerLogo-BFH { display:inline-block; }
  a.footerSocialIcon { display:inline-block; font-size:25px; padding:0px 20px 0px 0px; }
}
@media screen and (min-width: 1200px) {
  #topLogo { left:-16px; }
}
@media screen and (min-width: 1140px) {
  .homeSquare { top:100px; right:-100px; }
}
@media screen and (min-width: 1300px) {
  .heroImageOverlay img { height:760px !important; }
  /*.heroImage img { height:760px !important; }*/
  .homeRightTextWrapper { background-position0px center; }
  .homeLeftTextWrapper { background-position:0px center; }
  .homeSquare { top:140px; right:-100px; }
  #homePageSliderWrapper, #homePageSliderWrapper .bx-viewpoint { min-height:760px !important; }
}
@media screen and (min-width: 1800px) {
  .homeRightTextWrapper { background-position:100px center; }
  .homeLeftTextWrapper { background-position:-100px center; }
}







/*RANGESLIDER*/
.irs { position: relative; display: block; }
.irs-line { position: relative; display: block; overflow: hidden; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 10%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 10%; }
.irs-diapason { position: absolute; display: block; left: 0; width: 100%; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { left: 10px; } .irs-slider.single:before { position: absolute; display: block; content: ""; top: -30%; left: -30%; width: 160%; height: 160%; background: rgba(0,0,0,0.0); } .irs-slider.from { left: 100px; } .irs-slider.from:before { position: absolute; display: block; content: ""; top: -30%; left: -30%; width: 130%; height: 160%; background: rgba(0,0,0,0.0); } .irs-slider.to { left: 300px; } .irs-slider.to:before { position: absolute; display: block; content: ""; top: -30%; left: 0; width: 130%; height: 160%; background: rgba(0,0,0,0.0); } .irs-slider.last { z-index: 2; }
.irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; }
.irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; }
.irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; }
.irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; width: 100px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; color: #000; }
.irs-disable-mask { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; }
.irs-disabled { opacity: 0.4; }

/*RANGESLIDER SKIN*/
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-diapason, .irs-slider { background: url(/images/interface/sprite-skin-custom.png) repeat-x; }
.irs { height: 40px; }
.irs-with-grid { height: 60px; }
.irs-line { height: 8px; top: 25px; } .irs-line-left {     height: 8px;     background-position: 0 -30px; }
.irs-line-mid {     height: 8px;     background-position: 0 0; } .irs-line-right {     height: 8px;     background-position: 100% -30px; }
.irs-diapason { height: 8px; top: 25px; background-position: 0 -60px; }
.irs-slider { width: 22px; height: 22px; top: 17px; background-position: 0 -90px; }
#irs-active-slider, .irs-slider:hover { background-position: 0 -120px; }
.irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: rgba(0,0,0,0.1); border-radius: 3px; }
.lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; }
.irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: rgba(0,0,0,0.7); border-radius: 3px; }
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; }
.irs-grid-pol { background: #99a4ac; }
.irs-grid-text { color: #99a4ac; }
.irs-disabled { }

/*BX SLIDER*/
/* RESET AND LAYOUT */
.bx-wrapper { position: relative; padding: 0; }
.bx-wrapper img { max-width: 100%; display: block; }

/* THEME */
.bx-wrapper .bx-viewport { 
/*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom:-24px; width: 100%; z-index:100; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #999; overflow:hidden; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #000; text-indent: 9999px; display: block; width: 10px; height: 10px; margin: 0 11px; outline: 0; border-radius: 10px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }

.sliderWrapper.lower .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:2px; }
.sliderWrapper.lower .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; }
.sliderWrapper.lower .bx-wrapper .bx-pager.bx-default-pager a:hover, .sliderWrapper.lower .bx-wrapper .bx-pager.bx-default-pager a.active { background: #e1e1e1; }

#homeSlider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:2px; }
#homeSlider .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; }
#homeSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, #homeSlider .bx-wrapper .bx-pager.bx-default-pager a.active { background: #FC9700; }
.bx-pager-link, .bx-pager-link.active { background:#000 !important; }


/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }


/***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: 14px; text-align:center; color: #fff; /*text-shadow: 0 0 2px #000;*/ padding: 8px; border: 2px solid #fff; background-color: #01619D; 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); } }*/

/*INTERACTIVE MAP*/
.map_iconWrapper { position:relative; }
.map_icon { position:absolute; }

#mapOuterWrapper { position: relative; padding-bottom: 68%; height: 0; }
#mapOuterWrapper.tall { padding-bottom: 76%; }
#mapOuterWrapper img { max-width:none; }
#mapWrapper, #mapContent { width:960px; position:relative; }
#mapContent { position:relative; }

#mapNav {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,cecece+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(206,206,206,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(206,206,206,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(206,206,206,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
}
#mapNav { background:#fff !important }
#mapNav ul, #mapNav ul li{ padding:0px; margin:0px; list-style:none; background:none; }

.mapSubNav { height:30px; background:#3D7E3A; 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; }
.mapSubNav p { color:#FFFFFF; font-family: 'Open Sans', sans-serif; line-height:12px; font-size:12px; padding-top:9px; }
.mapSubNav ul, .mapSubNav ul li { padding:0px; margin:0px; list-style:none; height:24px; background:none; }
.mapSubNav ul li { color:#FFFFFF; font:italic 16px/12px 'Open Sans', sans-serif; padding:9px 0px 0px 5px; margin-right:20px; cursor:pointer; background: url(/images/interface/map/bkg_li.svg) no-repeat 0 3px; }
.mapSubNav ul li.active { background-position:0px -20px; color:#ffffff; }
.mapSubNav ul li a { padding-left:14px; color:#FFFFFF !important }

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

#btn_view1, #btn_view2, #btn_view3 { display:block; font:700 15px/12px 'Lato', sans-serif; text-decoration:none; color:#fff !important; background:#005d8b; padding:10px; text-align:center; }
#btn_view1.active, #btn_view2.active, #btn_view3.active { background:#3D7E3A; color:#fff !important; }
#btn_view1 { width:132px; }
#btn_view2 { width:132px; }
#btn_view3 { width:132px; }


/**LAYERS**/
/*#gpx_view1_base, #gpx_view1_roads, #gpx_view1_rail, #gpx_view1_cities, #gpx_view1_radial, #gpx_view1_top, #gpx_view2_base, #gpx_view2_rail, #gpx_view2_roads, #gpx_view2_top, #gpx_view2_cities, #gpx_view2_radial, #gpx_view2_airports, #gpx_view2_ports, #gpx_view3_base, #gpx_view3_roads, #gpx_view3_rail, #gpx2_view3_roads, #gpx_view3_cities, #gpx_view4_base, #gpx_view4_water, #gpx_view4_electric, #gpx_view4_gas, #gpx_view4_wastewater, #gpx_view4_top, #gpx_view5_base, #gpx_view5_water, #gpx_view5_electric, #gpx_view5_gas, #gpx_view5_wastewater, #gpx_view5_top { position:absolute; top:0px; }*/
.gpx_map_overlay { position:absolute; top:0px; }

#gpx_view2_airports, #gpx_view3_airports { z-index:3; }
#gpx_view2_ports { z-index:2; }
#gpx_view2_cityDots, #gpx_view3_cityDots { z-index:1; }

/**RESPONSIVE**/
.mapFrame { width:960px; height: 614px; 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 (max-width: 960px) {
  .interactiveMapWrapper { position: relative; padding-bottom: 71.06%; /* 940:668 */ height: 0; }
}
/*SET THE INITIAL SCREENPOINTS*/
@media screen and (min-width: 240px) {
  .mapFrame {
  -ms-transform: scale(.26);
  -moz-transform: scale(.26);
  -o-transform: scale(.26);
  -webkit-transform: scale(.26);
  transform: scale(.26);
  }
}
@media screen and (min-width: 320px) {
  .mapFrame {
  -ms-transform: scale(.29);
  -moz-transform: scale(.29);
  -o-transform: scale(.29);
  -webkit-transform: scale(.29);
  transform: scale(.29);
  }
}
@media screen and (min-width: 360px) {
  .mapFrame {
  -ms-transform: scale(.34);
  -moz-transform: scale(.34);
  -o-transform: scale(.34);
  -webkit-transform: scale(.34);
  transform: scale(.34);
  }
}
@media screen and (min-width: 384px) {
  .mapFrame { 
  -ms-transform: scale(.35);
  -moz-transform: scale(.35);
  -o-transform: scale(.35);
  -webkit-transform: scale(.35);
  transform: scale(.35);
  }
}
@media screen and (min-width: 412px) {
  .mapFrame { 
  -ms-transform: scale(.38);
  -moz-transform: scale(.38);
  -o-transform: scale(.38);
  -webkit-transform: scale(.38);
  transform: scale(.38);
  }
}
@media screen and (min-width: 480px) {
  .mapFrame { 
  -ms-transform: scale(.45);
  -moz-transform: scale(.45);
  -o-transform: scale(.45);
  -webkit-transform: scale(.45);
  transform: scale(.45);
  }
}
@media screen and (min-width: 568px) {
  .mapFrame { 
  -ms-transform: scale(.54);
  -moz-transform: scale(.54);
  -o-transform: scale(.54);
  -webkit-transform: scale(.54);
  transform: scale(.54);
  }
}
@media screen and (min-width: 600px) {
  .mapFrame { 
  -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) {
  .mapFrame {
  -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) {
  .mapFrame { 
  -ms-transform: scale(.72);
  -moz-transform: scale(.72);
  -o-transform: scale(.72);
  -webkit-transform: scale(.72);
  transform: scale(.72);
  }
}
@media screen and (min-width: 768px) {
  .mapFrame { 
  -ms-transform: scale(.76);
  -moz-transform: scale(.76);
  -o-transform: scale(.76);
  -webkit-transform: scale(.76);
  transform: scale(.76);
  }
}
@media screen and (min-width: 785px) {
  .mapFrame { 
  -ms-transform: scale(.79);
  -moz-transform: scale(.79);
  -o-transform: scale(.79);
  -webkit-transform: scale(.79);
  transform: scale(.79);
  }
}
@media screen and (min-width: 800px) {
  .mapFrame { 
  -ms-transform: scale(.8);
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  -webkit-transform: scale(.8);
  transform: scale(.8);
  }
}
@media screen and (min-width: 815px) {
  .mapFrame { 
  -ms-transform: scale(.83);
  -moz-transform: scale(.83);
  -o-transform: scale(.83);
  -webkit-transform: scale(.83);
  transform: scale(.83);
  }
}
@media screen and (min-width: 960px) {
  .mapFrame { 
  -ms-transform: scale(.96);
  -moz-transform: scale(.96);
  -o-transform: scale(.96);
  -webkit-transform: scale(.96);
  transform: scale(.96);
  }
}
@media screen and (min-width: 1000px) {
  .mapFrame { 
  -ms-transform: scale(1.04);
  -moz-transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  margin:0;
  }
}
@media screen and (min-width: 1100px) {
  .mapFrame { 
  -ms-transform: scale(1.112);
  -moz-transform: scale(1.112);
  -o-transform: scale(1.112);
  -webkit-transform: scale(1.112);
  transform: scale(1.112);
  }
}
@media screen and (min-width: 1200px) {
  .xl-wrapper .mapFrame { 
  -ms-transform: scale(1.22);
  -moz-transform: scale(1.22);
  -o-transform: scale(1.22);
  -webkit-transform: scale(1.22);
  transform: scale(1.22);
  }
}
@media screen and (min-width: 1300px) {
  .xl-wrapper .mapFrame { 
  -ms-transform: scale(1.325);
  -moz-transform: scale(1.325);
  -o-transform: scale(1.325);
  -webkit-transform: scale(1.325);
  transform: scale(1.325);
  }
}
@media screen and (min-width: 1400px) {
  .mapSubNav ul li { font-size:12px; }
  .xl-wrapper .mapFrame { 
  -ms-transform: scale(1.42);
  -moz-transform: scale(1.42);
  -o-transform: scale(1.42);
  -webkit-transform: scale(1.42);
  transform: scale(1.42);
  }
}
@media screen and (min-width: 1500px) {
  .xl-wrapper .mapFrame { 
  -ms-transform: scale(1.525);
  -moz-transform: scale(1.525);
  -o-transform: scale(1.525);
  -webkit-transform: scale(1.525);
  transform: scale(1.525);
  }
}
@media screen and (min-width: 1600px) {
  .xl-wrapper .mapFrame { 
  -ms-transform: scale(1.635);
  -moz-transform: scale(1.635);
  -o-transform: scale(1.635);
  -webkit-transform: scale(1.635);
  transform: scale(1.635);
  }
}