/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,cyrillic);*/
/* Globals */
* { vertical-align: top; background-repeat: no-repeat; }

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: -0.025em;}
h1 { font-size: 2em; }
h1.smaller { font-size: 1.5em; line-height: 1.15em; }
h4 { margin-bottom: 0.5em; }
div { background-repeat: no-repeat; }

.row { max-width: 1440px; }
.radius { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.round { border-radius: 1000px; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; }
.small.radius { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.flat { border: none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
.transparent { background: none !important; }
.outlined { border: #ddd 1px solid; color: #999; background: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.button.outlined:hover, button.outlined:hover { background-color: #ddd; color: #fff; }

.button:hover { text-decoration: none !important; }
.button.icon-left { padding-left: 0.75em !important; }
.button.icon-left i { margin-right: 0.25em; }
.button.icon-right { padding-right:  0.75em !important; }
.button.icon-right i { margin-left: 0.25em; }

.button.helper { background-color: #fff; color: #0B68B3; margin-bottom: 0;  }
.button.helper:hover { background-color: #f2f2f2; }

.button.hollow { border: 1px solid #0b68b3; color: #0b68b3; }
.button.hollow, .button.hollow:hover, .button.hollow:focus { background: transparent; }
.button.hollow:hover, .button.hollow:focus { border-color: #09538f; color: #09538f; }
.button.hollow.primary {border: 1px solid #0b68b3; color: #0b68b3; }
.button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #09538f; color: #09538f; }
.button.hollow.secondary { border: 1px solid #777; color: #777; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3c3c3c; color: #3c3c3c; }
.button.hollow.success { border: 1px solid #88c535; color: #88c535; }
.button.hollow.success:hover, .button.hollow.success:focus { border-color: #6d9e2a; color: #6d9e2a; }
.button.hollow.alert { border: 1px solid #FF5722; color: #FF5722; }
.button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #912300; color: #912300; }
.button.hollow.warning { border: 1px solid #ffae00; color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700; }

table.expand { width: 100%; }

.spacer-micro { display: block; height: 0.5em; }
.spacer-single, .spacer-1x { display: block; height: 1em; }
.spacer-double, .spacer-2x { display: block; height: 2em; }
.spacer-double, .spacer-3x { display: block; height: 3em; }

.no-padding { padding: 0; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-margins { margin: 0; }
.no-margin-bottom, .nospace-bottom { margin-bottom: 0 !important; }

.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

hr.dashed { border-style: dashed; }
hr.dotted { border-style: dotted; }
hr.spacer-half { margin-bottom: 0.5em; }

.font1x, .font-1x { font-size:  1em; }
.font15x, .font-15x { font-size:  1.5em; }
.font17x, .font-17x { font-size:  1.7em; }
.font2x, .font-2x { font-size:  2em; }
.font3x, .font-3x { font-size:  3em; }
.font-lg { font-size:  1.33em; }
.font-larger { font-size:  1.125em; }
.font-smaller { font-size: 0.875em; }
.font-small { font-size: 0.75em; }
.font-inherit {font-size: inherit !important; }
.font-condensed { /*font-family: 'Arial Narrow', sans-serif;*/}
.font-normal { font-weight: normal; }
.font-bold { font-weight: bold; }

.text-truncate { max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis; white-space: nowrap !important; }
.text-nowrap, .nowrap { white-space: nowrap;  }

.valign-top { vertical-align: top !important; }
.valign-middle { vertical-align: middle !important; }
.valign-baseline { vertical-align: baseline !important; }

.overflow-hidden { overflow: hidden; }
.position-absolute { position: absolute; }
.position-relative { position: relative; }
.fix { position: fixed; }

.inset-panel { border: none; background-color: #FCF5E3; box-shadow: 0 1px 5px rgba(153, 102, 0, 0.1) inset; -moz-box-shadow: 0 1px 5px rgba(153, 102, 0, 0.1) inset; -webkit-box-shadow: 0 1px 5px rgba(153, 102, 0, 0.1) inset; }
.date { color: #999999; font-weight: normal;  }
.tip { font-size: 0.75em; color: #999; transition: color linear 0.5s; }
.options { font-size: 0.85em; color: #999; }
.required-star { color: #C00; }

a:hover:not(.button) { text-decoration: underline; color: #0B68B3; }

h4 a { color: #333 !important; }

hr.dashed { border-style: dashed; }
hr.dotted { border-style: dotted; }
hr.spacer-half { margin-bottom: 0.5em; }

.f-dropdown { position: absolute; z-index: 9999; }
.f-dropdown a { text-decoration: none !important; }
.f-dropdown a:hover { background-color: #f2f2f2; color: #333; }
.f-dropdown .active a, .f-dropdown a.active { background-color: #f2f2f2 !important; color: #333 !important; }

.f-dropdown.categories { max-width: 630px !important; width: 630px !important; padding: 0.5em !important; }
.f-dropdown h6 { padding-left: 0.5em; font-weight: bold; }
.f-dropdown hr { margin-top: 0.25em; }
.f-dropdown .options { border-top: #eee 1px dotted; color: #999; }

.f-dropdown.keywords a { display: block; padding: 0.5em; }

.columnize-2 { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.columnize-3 { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }

.clearing-container .medium-block-grid-4 > li:nth-of-type(4n+1), .clearing-container .medium-block-grid-2 > li:nth-of-type(2n+1) {clear: none !important; }
.clearing-container .large-block-grid-6 > li:nth-of-type(6n+1), .clearing-container .large-block-grid-3 > li:nth-of-type(3n+1) {clear: none !important; }
.clearing-container .small-block-grid-2 > li:nth-of-type(2n+1) {clear: none !important; }
.clearing-assembled .clearing-container .visible-img { background-color: rgba(0, 0, 0, 0.5); }
.clearing-assembled .clearing-container .carousel > ul li img { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.clearing-blackout { background-color: rgba(0, 0, 0, 0.75); }

.hide { display: none !important; }
.close-reveal-modal { text-decoration: none; }

/* Navigation */
.topbar-bg { z-index: 997;  min-width: 768px; }
.top-bar { background: #0B68B3; padding: 0; box-shadow: inset 0px -5px 5px rgba(255,255,255,0.1) }
.top-bar-section li:not(.has-form) a:not(.button) { background: none; }
.top-bar-section li:not(.has-form) a:hover:not(.button) { background-color: rgba(0,0,0,0.3) !important; }
.top-bar-section > ul { background: none; }
.top-bar-section > ul.left { width: 72%; height: 2.8em !important; overflow: hidden; }
.top-bar-section ul li { background: none; }
.top-bar-section > ul li.alert { background-color: #e6993a; }
.top-bar-section > ul li a:not(.button) { background-color: transparent; font-size: 1em; line-height: 41px; padding-bottom: 4px; text-decoration: none !important; transition: background-color 300ms ease-out 0s; }
.top-bar-section > ul li a:hover:not(.button) { background-color: rgba(0,0,0,0.3) !important;}
.top-bar-section > ul li.active > a { background-color: #FFFFFF !important; color: #002354 !important;  }
.top-bar-section > ul li.active > a:hover { background-color: #FFFFFF; color: #333; }
.top-bar-section > ul.dropdown li a:not(.button) { background-color: #fff; color: #333; line-height: 45px; padding-bottom: 0px; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-color: rgba(0,0,0,0.05) !important; }
.top-bar-section li:not(.has-form) a:not(.button) i { line-height: 45px; }

.top-bar .title-area { width: 0; overflow: hidden; transition: width 500ms ease-in-out; -webkit-transition: width 500ms ease-in-out; -moz-transition: width 500ms ease-in-out; -o-transition: width 500ms ease-in-out; }
.top-bar-section > ul li { transition: font-size 500ms ease-in-out; -webkit-transition:  font-size 500ms ease-in-out; -moz-transition:  font-size 500ms ease-in-out; -o-transition: width 500ms ease-in-out;  }

.top-bar .smaller { font-size: 0.875em !important; }
.top-bar .show-logo { width: 150px !important; }
.top-bar .show-logo .name { line-height: 2.5em }
.top-bar .show-logo .name img { width: 100%; height: 26px; }

.off-canvas-wrap .off-canvas-list li.logo { text-align: center; }
.off-canvas-wrap .off-canvas-list li.logo a { width: 50%; margin: 0 auto; border: none; }
.off-canvas-wrap .off-canvas-list .icon-bar i { font-size: 1.25em !important; }
.off-canvas-wrap .off-canvas-list .search-form { padding: 5px; }
.off-canvas-wrap nav a { color: white; }
.off-canvas-wrap nav a:hover { color: white; }
.off-canvas-wrap .tab-bar section { border: none; }
.off-canvas-wrap form button { padding: 0.75em 0.5em; }


.breadcrumbs { border: none; background: none; padding-left: 0; margin-bottom: 0; margin-top: 0.25em; }
.breadcrumbs a { text-transform: none; font-size: 1.125em; color: #999999; }

.tabs { border-bottom: #ddd 1px solid;}
.tabs dd { margin-right: 4px; position: relative;  }
.tabs dd a { border: #ddd 1px solid; border-bottom: none; text-decoration: none !important; padding: 0.75rem 1.5rem; margin: 0; }
.tabs dd.active { top: 1px; }
.tabs dd.active a { background: none repeat scroll 0 0 #FFFFFF; border-bottom: #fff 1px solid; }
.tabs dd a span { display: inline; }

.fixed-tabs { position: fixed; top: 45px; z-index: 3; width: 100%; background: white !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.fixed-tabs .tabs dd.active a { color: #222 !important; }
.fixed-tabs .tabs dd.active a:hover { text-decoration: none !important; }
.fixed-tabs .tabs dd a { padding-top: 6px !important; padding-bottom: 8px !important; border: none !important; background: none !important; box-shadow: none !important; color: #0B68B3 !important; }
.fixed-tabs .tabs dd a:hover { text-decoration: underline !important; }
.fixed-tabs .tabs dd a i.fa { font-size: 1em; line-height: 0.2em; }
.fixed-tabs form { padding: 0; margin: 0.15em 0 0 0; }
.fixed-tabs form > * { padding: 0; margin: 0; }
.fixed-tabs form input, .page-top form button {}
.fixed-tabs form button { padding: 0.75em 0.5em; }

.favorites { background-color: #6D9E2A; }
.favorites.row { margin-top: 0.5em; }
.favorites .tabs { border-bottom: none; width: 95%; }
.favorites .tabs dd { margin-top: 0.25em; }
.favorites .tabs dd a { font-size: 0.875em; border-top-left-radius: 3px;  border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px;  -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;  color: #222; padding: 0.5em 1em; border: none;  }
.favorites .tabs dd.active a { font-weight: bold; background-color: #f9f9f9; border-bottom: #f9f9f9; margin-bottom: 0; }
.favorites .tabs dd:not(.active) a { color: rgba(255,255,255,0.75); background-color: rgba(0,0,0,0.1); padding-bottom: 0.35em; padding-top: 0.35em; margin-bottom: 0.25em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.favorites .tabs dd:not(.active) a:hover { color: #fff; background-color: #88C535; }
.favorites .edit { margin-top: 0.75em; display: inline-block; position: absolute; right: 0; padding-right: 1em;  }
.favorites .edit a { display: none; color: rgba(0, 0, 0, 0.4); transition: display 500ms;  }
.favorites:hover .edit a { display: inline !important; }
.favorites .remove { display: none; }

.favorites.multiline { padding-bottom: 0.25em; }
.favorites.multiline .tabs dd.active { top: 0; }
.favorites.multiline .tabs dd.active a { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  padding-bottom: 0.35em; padding-top: 0.35em; }

.favorites.mobile { background: none; }
.favorites.mobile.row { margin-top: 0; }
.favorites.mobile .tabs { width: 100%; }
.favorites.mobile .edit { margin-top: 0; display: block;  position: relative; padding-right: 0; font-size: 0.9em; }
.favorites.mobile .edit a { display: block; color: rgba(255,255,255,0.7); }
.favorites.mobile:hover .edit a { display: block !important; }

.favorites-add .button { color: #888 !important; padding: 0.75em 0.55em; }
.favorites-add .button.active, .favorites-add .button:active, .favorites-add .button:focus { color: #E6993A !important;  }
.favorites-add .favstar { }
.favorites-add .favstar.active { }
.favorites-add i { transition: transform linear 300ms; -webkit-transition: -webkit-transform linear 300ms; -moz-transition: -moz-transform linear 300ms; -o-transition: -o-transform linear 300ms; }
.favorites-add small { display:block; position: absolute; margin-top: 0.25em; }
.favorites-add .favstar.active i { }
.favorites-add .favstar:hover { border-color: #88c535; background-color: transparent; }
.favorites-add .favstar:hover i { }

.district-menu { }
.district-menu dt { font-size: 1em; text-transform: none; margin-right: 1em; }
.district-menu dd { margin-left: 0; font-size: 1em; }
.district-menu dd a { color: #0B68B3; padding: 0.38rem 1rem !important;  }
.district-menu dd a:hover { color: #0B68B3;}
.district-menu dt.active a, .district-menu dd.active a, .district-menu li.active a { background-color: #8AC63A !important; color: #fff !important;  text-decoration: none !important;  }

.left-menu {}
.left-menu > li { line-height: 1.25em; font-size: 0.95em; border-bottom: #ddd 1px dotted; margin: 0; }
.left-menu > li > a { padding: 0.75em 0.5em !important; background: none !important; }
.left-menu > li:nth-last-child(1) { border: none; margin-bottom: 0; }
.left-menu li.active { border-bottom: 3px solid #88c535; }
.left-menu li.active > a:first-child:not(.button) { color: #222; font-weight: bold; }
.left-menu li.active > a:hover { color: #88c535 !important; }
.left-menu.fix { position: fixed; top: 3em; padding-right: 1em; height: 100%; overflow-y: auto; }
.left-menu li.level2 { font-size: 0.875em; padding-left: 1em; }
.left-menu li > .spacer { display: none; }
.left-menu.fix li > .spacer { display: block; } 
.left-menu.nowrap > li > a { white-space: nowrap; text-overflow: ellipsis; }

.content-menu > li { line-height: 1.25em; font-size: 0.95em; border-bottom: #ddd 1px dotted; margin: 0; }
.content-menu > li > a { padding: 0.75em 0.5em !important; background: none !important; }
.content-menu li.active > a:hover { color: #88c535 !important; }
.content-menu li.active > a { color: #222 !important; font-weight: bold !important; }
.content-menu.nowrap > li > a { white-space: nowrap; text-overflow: ellipsis; }

/* Forms */

/* Page header */
.page-top { height: 5.5em; padding-top: 1em; margin-bottom: 0.5em; /*border-bottom: #ddd 1px solid;*/  }
.page-top .logo { display: inline-block; margin-left: 1em; margin-top: 0.5em; }
.page-top form { padding: 0; margin: 0; }
.page-top form > * { padding: 0; margin: 0; }
.page-top form input, .page-top form button {}
.page-top form button { padding: 0.75em 0.5em; }
.page-top small { color: #bbb; font-size: 0.75em; }
.page-top h4 { line-height: 1em; font-size: 1.35em; display: inline-block;  }
.page-top h4 a { text-decoration: underline; }
.page-top .location .edit { padding-left: 0.5em; display: inline-block !important; padding-top: 0.5em; width: auto; background-color: rgba(255,255,255,0.8); }
.page-top .location .edit a { display: none; }
.page-top .location:hover .edit a { display: inline !important; }
.page-top .location .weather-menu li a i { line-height: 1.5em; }
.page-top .location .dropdown-botton { display: inline-block; width: 21px; height: 30px; padding-left: 4px; }
.page-top .location .dropdown-botton:hover{ text-decoration: none !important; }
.page-top .location .dropdown-botton i{ line-height: 2.2em }

/* Pagination*/
.pagination li.current { padding: 0.0625rem 0.625rem 0.0625rem; background-color: #0b68b3; color: white;}
.pagination a:hover { text-decoration: none; }

/* Weather Panel*/

.weather-panel { background-color: #f9f9f9; background-repeat: no-repeat; background-size: contain; background-position: center 45px; background-attachment: fixed; padding: 1em 0; box-shadow: inset 0 2px 2px rgba(0,0,0,0.1); transition: background-position 1500ms linear; }
.weather-panel.no-photo { background-position: left -5000px; }
.weather-panel .button.photo-switch { padding: 0.75em 0.75em 0.5em 0.75em; margin-bottom: 0; position: absolute; right: 1em; z-index: 999; }
.weather-panel h3 { font-size: 1.125em; margin-bottom: 0.5em; }
.weather-panel h3 a { color: #002354; }
.weather-panel .widget { border: 1px solid #E0EEF8; background-color: #F1F7FC;  max-height: 170px; min-height: 170px; overflow: hidden; }
.weather-panel .widget.not-weather { min-height: inherit; }
.weather-panel .widget li { padding: 0; }
.weather-panel .widget:not(.not-weather) li > div { min-height: 170px; }
.weather-panel .widget li > div, .weather-panel .widget .wrapper { padding: 0.5em 0.25em; background-color: #F1F7FC; }
.weather-panel .widget.with-water .wrapper { padding: 0.5em 0 !important;}
.weather-panel .widget li:nth-child(even) > div { background-color: #E0EEF8; }
.weather-panel .widget .date { font-size: 0.875em; color: #002354; opacity: 0.7; white-space: nowrap; }
.weather-panel .widget .icon { width: 75%; height: auto; max-height: 4.5em; max-width: 4.5em; transition: transform 300ms; -webkit-transition: -webkit-transform 300ms; -o-transform: -o-transform 300ms; }
.weather-panel .widget li .icon { width: 60%; max-height: 4.5em; max-width: 4.5em; }
.weather-panel .widget .icon:hover { transform: scale(1.2,1.2); }
.weather-panel .widget .temperature { color: #002354; }
.weather-panel .widget h2.temperature { font-size: 1.75em; line-height: 2.5em; }
.weather-panel .widget h3.temperature { font-size: 1.75em; margin-bottom: 0.25em; }
.weather-panel .widget .precip { color: #002354; }
.weather-panel .widget .precip i { margin-top: 0.25em; opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; }
.weather-panel .widget .wind { color: #002354; opacity: 0.85; -moz-opacity: 0.85; -webkit-opacity: 0.85; }
.weather-panel .widget .wind span { opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; }
.weather-panel .widget .water-temperature { margin-top: 0; color: #002354; }
.weather-panel .widget .water-temperature small { line-height: 2.75em; }
.weather-panel .widget .currency { margin-bottom: 0; }
.weather-panel .widget .change { line-height: 0.25em;}
.weather-panel .widget .traffic { padding: 0.85em; color: #333; }
.weather-panel .widget  .waves { background-image: url(../img/wave_icons/small_wave.png); background-repeat: repeat-x; background-position: left bottom; }
.weather-panel .widget  .underwater { background-color: #0067B5; color: #fff; padding: 0.625em 0; }
.weather-panel .widget  .underwater small { color: rgba(255,255,255,0.5); line-height: 1.5em; }
.weather-panel .info-icons i:before, .weather-panel .info-icons i:after { font-size: 1.75em; padding-right: 0.2em; }

.weather-panel .period-links { font-size: 0.75em; margin-top: 0.6em; }
.weather-panel .period-links li { margin-left: 1.25em; }

.mobile-scroll-menu { overflow: auto;  white-space: nowrap; }
.mobile-scroll-menu ul { margin-bottom: 0; }
.mobile-scroll-menu ul li { display: inline-block; list-style: none; margin-right: 1em; padding-bottom: 0.5em; }
.mobile-scroll-menu ul li.active { border-bottom: 0.25em solid #88c535; }
.mobile-scroll-menu ul li a { }
.mobile-scroll-menu ul li a:focus { outline: none; }

.toolbar-menu { margin-bottom: 0; font-size: 0.925em; /*margin-top: 0.5em;*/ white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; position: relative; width: 100%; height: 2.6rem; }
.toolbar-menu > li > a { text-decoration: none !important; padding: 0.7em 0.5em; white-space: nowrap; }
.toolbar-menu > li > a > span { vertical-align: inherit; }
.toolbar-menu li:after { content: ""; display: block; height: 0.25em; background-color: #88c535; width: 0%; margin: 0.25em auto 0 auto; transition: width 300ms ease; -webkit-transition: width 300ms ease; } 
.toolbar-menu a:hover { background-color: none !important; }
.toolbar-menu .active:after, .toolbar-menu li:not(.menu-text):hover:after { width: 100%; }
.toolbar-menu .active a { font-weight: 700; color: #222; }
.toolbar-menu .badge { min-width: 1.7em; position: relative; top: -0.75em; vertical-align: inherit; }
.toolbar-menu i { line-height: 0; }
.toolbar-menu svg { width: 100px; height: 100px; margin: 20px; display: inline-block; }
.toolbar-menu input[type="search"] { border: none; box-shadow: none; margin: 0; padding-left:  1.5em; border-bottom: 2px solid #eeeeee; transition: border-bottom-color 300ms ease; -webkit-transition: border-bottom-color 300ms ease;  }
.toolbar-menu input[type="search"]:focus { border-bottom: #40c4ff 2px solid; }
.toolbar-menu.compact > li > a { padding: 0.5em 0.25em 0.25em 0.25em; }

/* Main Search */
.panel form input, .panel form .button { margin-bottom: 0; }

/* Content */
.service-icons {}
.service-icons li { padding-bottom: 0; }
.service-icons a { color: #2E4C66; text-decoration: none !important; text-align: center !important; }
.service-icons i { display: block;  }
.service-icons i:before, .info-icons i:after { font-size: 3em !important; padding-right: 0.25em; }
.service-icons span { display: block; line-height: 1.25em; font-size: 0.875em; }

.news-list {}
.news-list > li { padding-bottom: 0.5em; margin-bottom: 0.5em; line-height: 1.25em; font-size: 0.95em; }
.news-list .date { font-size: 0.75em; }
.news-list .th { margin-top: 0.25em; border-width: 2px; width: 100%; height: auto; }
.news-list .th img { width: 100%; height: auto; color: rgba(0, 0, 0, 0) !important; }
.news-list > li { border-bottom: #ddd 1px dotted; }
.news-list > li:nth-last-child(1) { border: none; margin-bottom: 0; }

.news-list .photoreview {}
.news-list .photoreview ul { margin-left: 0; margin-top: 0.5em; }
.news-list .photoreview ul > li { margin-left: 0; padding: 0 0.5em 0.5em 0; }
.news-list .photoreview ul > li:nth-child(1) { padding-left: 0; padding-right: 0.5em; }
.news-list .photoreview ul > li:nth-child(2) { padding-left: 0.25em; padding-right: 0.25em; }
.news-list .photoreview ul > li:nth-child(3) { padding-left: 0.25em; padding-right: 0.25em; }
.news-list .photoreview ul > li:nth-child(4) { padding-left: 0.5em; padding-right: 0; }

.news-list.in-forecast { margin-bottom: 0; font-size: 0.925em; min-height: 1em; }
.news-list.in-forecast > li { padding: 1em 1em 0 1em; }
.news-list.in-forecast > li .th { max-width: 2.25em; max-height: 2.25em; }

.related-news > li { border-bottom: none !important; }

.main-news {}
.main-news > li { padding-bottom: 1em; margin-bottom: 1.25em; line-height: 1.25em; font-size: 0.95em; border-bottom: #ddd 1px dotted; }
.main-news > li h3 { margin-top: 0.5em; font-size: 1.5rem; line-height: 1.25em; }
.main-news > li h5 { margin-top: 0.5em !important; }
.main-news > li:nth-last-child(1) { border: none; margin-bottom: 0; }
.main-news > li .date { font-size: 0.55em; line-height: 2.4em; border-left: #ddd 1px solid; padding-left: 1em; margin-left: 1em;  }
.main-news > li .theme { font-size: 0.75em;}
.main-news > li .anons { line-height: 1.6em; font-size: 0.925em; }
.main-news > li p { margin: 0; line-height: inherit; font-size: inherit;  }

.places-list { font-size: 0.975em; }
.places-list a { display: block; margin-bottom: 1em; }

.content-header { border-bottom: #ddd 1px solid; background-color: #f9f9f9; }
.content-header .tabs { border-bottom: none; }
.content-header .tabs dd { top: 1px; }
.content-header .tabs dd a { border-top-left-radius: 3px;  border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px;  -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; color: #222;  }
.content-header .tabs dd.active a { font-weight: bold; }
.content-header .tabs dd:not(.active) a { color: #555; background-color: rgba(0,0,0,0.05); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) inset;  }
.content-header .tabs dd:not(.active) a:hover { color: #222; background-color: rgba(0,0,0,0.01); }

.content-header .tabs.compact dd a { padding: 0.75rem; font-size: 0.925em; }
.content-header .tabs.compact dd a i:before, .content-header .tabs.compact dd a i:after { padding: 0; margin: 0; }

.sub-nav { overflow: visible; margin-top: 0.75em; }
.sub-nav dd { margin-left: 0.5rem; }
.sub-nav dd a { padding: 0.5em !important;  }
.sub-nav dd:not(.active) a {  }
.sub-nav dd:not(.active) a:hover { }
.sub-nav dd.active a { font-weight: bold; background-color: #E6993A; }
.in-content.sub-nav { display: inline-block; }
.in-content.sub-nav dd { float: none; display: inline-block; margin-bottom: 1.425rem; }
.in-content.sub-nav dd a { text-decoration: underline; }
.in-content.sub-nav dd.active a { background-color: #6d9e2a; color: #fff; text-decoration: none; } 

.forecast-type { padding: 0.75em; line-height: 1.35em; }
.forecast-type i, .forecast-type i:before, .forecast-type i:after {font-size: 1.35em; padding-left: 0; margin-left: 0; margin-right:  0.25em; }

.forecast .weather-sponsor .wrapper { background: none; border: solid 1px #dedede; }
.forecast .weather-sponsor .title { font-size: 1.7em; line-height: 1em; margin-bottom: 0.3em; }
.forecast .weather-sponsor .description { margin-bottom: 1.3em; }
.forecast .weather-sponsor .logo { position: absolute; width: 20%; background: white; z-index: 2; left: 1.5em; }
.forecast .weather-sponsor .images { margin: 0; padding: 0; }
.forecast .weather-sponsor .info { padding: 1em 0; font-size: 0.87em; }
.forecast .weather-sponsor .left { width: 0.6em; }
.forecast .weather-sponsor .info i.fa { line-height: 1.6em; }

.fotorama { border-color: transparent !important; }
.fotorama .fotorama__caption { background-color: white; }

.weather-alerts { border: #E6993A 2px solid; }
.weather-alerts i { padding-top: 0.25em; }
.weather-alerts.disabled { display: none; }

.asia-map { width: 100%; height: 620px; overflow:hidden; text-align: right; cursor: pointer;  }
.asia-map .panel { padding: 0.75em; width: 20%; min-width: 150px; text-align: left; position: absolute; margin-top: 0; z-index: 999; }

.news-detail {}
.news-detail h1 { line-height: 1.25em; margin-bottom: 0.5em; margin-top: 0.25em; display: inline; }
.news-detail span.th { display: block; margin: 0.5em 2em 0.5em 0; width: 43.7%; max-width: 400px;  }
.news-detail .date { line-height: 2.1em; border-left: #ddd 1px solid; padding-left: 0.6em; display: inline-block; font-size: 0.875em; margin-top: 0.5em;  }
.news-detail p { font-size: 0.925em; margin-bottom: 1em; }
.news-detail .metadata { font-size: 0.875em; }

.inner .page-content {}
.inner .page-content h1 { line-height: 1.25em; margin-bottom: 0.5em; margin-top: 0.25em; display: inline; }
.inner .page-content span.th { display: block; margin: 0.5em 1em 0.5em 0; width: 43.7%; max-width: 400px;  }
.inner .page-content p, .inner .page-content ul, .inner .page-content ol { font-size: 0.925em; margin-bottom: 1em; }
.inner .page-content .metadata { font-size: 0.875em; }

.page-content ul { list-style-position: inside; }

.text p { font-size: 0.925em; margin-bottom: 1em; }

.social-buttons { padding: 0.75em; }
.social-buttons small { font-size: 0.75em; color: #999; }

.info-icons {}
.info-icons li { padding-bottom: 0; }
.info-icons a { color: #2E4C66; text-decoration: none !important; text-align: center !important; }
.info-icons i { display: block; }
.info-icons i:before, .info-icons i:after { font-size: 0.875em; padding-right: 0.2em; }
.info-icons.large i:before, .info-icons.large i:after { font-size: 5em; }
.info-icons span { display: block; line-height: 1.25em; }

.slideshow {}
.slideshow img { width: 100%; height: auto;}

/* Side column */
.side-column  {   }
.side-column .panel { padding: 0.75em; margin-bottom: 0; background-color: #f9f9f9; }
.side-column h5 { padding: 0; margin: 0; }
.side-column h5 .button { font-size: 1em; padding: 0.5em; margin-bottom: 0; }
.side-column li a { color: #444; font-size: 0.925em; }
.side-column .foursquare-photos > li { padding-bottom: 0.5em; }
.side-column .foursquare-photos > li .author { padding-top: 0.25em; font-size: 0.75em; line-height: 1.25em; }

@media only screen and (min-width: 40.0625em) {
	.side-column {
		padding-left: 0;
		padding-right: 0.66em;
	}
}

/* Ads */
.ad div[id*="div-gpt-ad"] { margin-bottom: 1em; }
.ad div[id*="div-gpt-ad"]:empty { margin-bottom: 0; }
.ad:empty { margin-bottom: 0 !important; }
.ad, .output { text-align: center; }
.ad.divider { background-image: url(../img/dot.png); background-repeat: repeat-x; background-position: left 1px; padding-top: 1em; }

.ad yatag.yap-rtb__wrapper { margin: 0 auto !important; }
.ad yatag.yap-reset { margin: 0 auto !important; width: 100% !important; }
.ad yatag.yap-main { width: 100% !important; }
.ad .yap-main yatag.yap-list-wrapper { width: 100% !important; }

/* Bober (aka Pekл@mа) */
.bober div[id*="div-gpt-bober"], .bober ins.adsbygoogle { margin-bottom: 1em; /* background-color: #f2f2f2; */ }
.forecast .bober ins.adsbygoogle { margin-top: 1em; }
.bober div[id*="div-gpt-bober"]:empty, .bober ins.adsbygoogle:empty { margin-bottom: 0; }
.bober:empty { margin-bottom: 0 !important; }
.bober, .output { text-align: center; }
.bober.divider { background-image: url(../img/dot.png); background-repeat: repeat-x; background-position: left 1px; padding-top: 1em; }

.bober yatag.yap-rtb__wrapper { margin: 0 auto !important; }
.bober yatag.yap-reset { margin: 0 auto !important; width: 100% !important; }
.bober yatag.yap-main { width: 100% !important; }
.bober .yap-main yatag.yap-list-wrapper { width: 100% !important; }
.bober .expanded { overflow-x: hidden; margin-top: 1rem; margin-bottom: 1rem; }

/*****/
.height150 .iframe { max-height: 150px; }
.height400 .iframe { max-height: 400px; }


/* Footer */
.footer {  background-color: #2A3551; padding-top: 1em; padding-bottom: 1em; color: #fff; margin-top: 1em; position: relative;  }
.footer h6 { font-family: Helvetica, Arial, sans-serif; color: #fff; }
.footer h4, .footer label { color: #fff; }
.footer small { display: block; font-size: 0.750em; line-height: 1.25em; margin-bottom: 1em; }
.footer ul li { margin-bottom: 1em; }
.footer .places-list { font-size: 0.875em;}
.footer a { color: rgba(255,255,255,0.7); }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer .label.large { font-size: 1.25em; }

/* Colors */
.red { color: #FF3300; }
.green { color: #71AA1D; }
.blue { color: #0B68B3; }
.orange { color: #E6993A; }
.white {color: #fff !important; }
.grey, .gray { color: #999; }
.semi-transparent { opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; }

.dark-bg { background-color: #2a3551; }
.blue-bg { background-color: #0B68B3; }
.green-bg { background-color: #008A65; }
.orange-bg { background-color: #E6993A; }
.red-bg { background-color: #FF3300; }
.white-bg { background-color: #ffffff; }
.lightgrey-bg { background-color: #eeefef; }
.opaque { opacity: 1 !important; -webkit-opacity: 1 !important; -moz-opacity:  1 !important; }

.black-transp-bg { background-color: rgba(0,0,0,0.5); }
.white-transp-bg { background-color: rgba(255,255,255,0.7); }

.sky-bg { background: linear-gradient(to bottom, #8FD4F4 0%, #F1FAFE 100%) repeat-x scroll 0 0 #E3F4FC; }
.sky-bg2 { background: linear-gradient(to bottom, #DCEBF6 0%, #fff 100%) repeat-x scroll 0 0 #EAF3FA; }

/* Other */
.first-snow-bg .content-header { background-image:url(../contests/snow_2014/images/header_bg.jpg); background-repeat: repeat-x; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1) inset; }

/* SIDE LINES */

.type-sidelines { display: block; text-align: center; overflow: hidden; white-space: nowrap; padding: 0.5em 0 1em 0; }
.type-sidelines span { display: inline-block; position: relative; padding-left: 0.5em; padding-right: 0.5em; }
.type-sidelines span:before, .type-sidelines span:after {
  content: ''; position: absolute; height: 100%; width: 9999px; top: 50%; border-top-style: solid; border-top-width: 1px; border-color: #ddd;
}
.type-sidelines span:before { right: 100%; }
.type-sidelines span:after { left: 100%; }


/*** MOBILE VERSION ***/

.topbar-mobile { padding: 1em 0; }
.topbar-mobile .logo img { max-height: 2.25em; width: 70%; }

.left-off-canvas-menu, .right-off-canvas-menu { background-color: #e9e9eb; }
.left-off-canvas-menu .logo { padding: 1em 0 1em 1em; background-color: rgba(255, 255, 255, 0.5); }
.left-off-canvas-menu .logo img { max-height: 2em; width: auto; }
.left-off-canvas-menu .addthis_toolbox { text-align: center; }

.off-canvas-list.light { }
.off-canvas-list.light  li a { color:  #0B68B3; border-color:  #dddddd; }
.off-canvas-list.light > li > a { padding-left: 1em; }
.off-canvas-list.light li a:hover, .off-canvas-list.light li a:active, .off-canvas-list.light li a:focus, .off-canvas-list.light li.active a  { background-color: rgba(0,0,0,0.05) !important; text-decoration: none !important; }
.off-canvas-list.light li.has-submenu li { padding-left: 2em; font-size: 0.875em; }

.off-canvas-list.light li > label { border-color:  #dddddd; font-weight: normal; color: #555555; background-color: rgba(0,0,0,0.03); }

@media only screen and (max-width: 40.062em) {
 	h1 { font-size: 1.5em; line-height: 1.15em; } 
 	
 	.main-news > li h3 { margin-top: 0.5em; font-size: 1.25rem; line-height: 1.25em; }
 	
 	.news-detail span.th { width: 100%;	}
 	.inner .page-content span.th { width: 100%;	}

	.columns {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}


}

.sub-nav.photo-contest-nav .active a { background: #0b68b3; color: #FFFFFF; }