@font-face {
    font-family: 'Ubuntu';
    src: url('//static.nordicweather.net/fonts/ubuntu-r-webfont.eot');
    src: url('//static.nordicweather.net/fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('//static.nordicweather.net/fonts/ubuntu-r-webfont.woff') format('woff'),
         url('//static.nordicweather.net/fonts/ubuntu-r-webfont.woff2') format('woff2'),
         url('//static.nordicweather.net/fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('//static.nordicweather.net/fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('//static.nordicweather.net/fonts/ubuntu-l-webfont.eot');
    src: url('//static.nordicweather.net/fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
         url('//static.nordicweather.net/fonts/ubuntu-l-webfont.woff') format('woff'),
         url('//static.nordicweather.net/fonts/ubuntu-l-webfont.woff2') format('woff2'),
         url('//static.nordicweather.net/fonts/ubuntu-l-webfont.ttf') format('truetype'),
         url('//static.nordicweather.net/fonts/ubuntu-l-webfont.svg#ubunturegular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('//static.nordicweather.net/fonts/ubuntu-c-webfont.eot');
    src: url('//static.nordicweather.net/fonts/ubuntu-c-webfont.eot?#iefix') format('embedded-opentype'),
         url('//static.nordicweather.net/fonts/ubuntu-c-webfont.woff') format('woff'),
         url('//static.nordicweather.net/fonts/ubuntu-c-webfont.woff2') format('woff2'),
         url('//static.nordicweather.net/fonts/ubuntu-c-webfont.ttf') format('truetype'),
         url('//static.nordicweather.net/fonts/ubuntu-c-webfont.svg#ubunturegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

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

/*!
 *@font-face {
 *   font-family: 'HighwayGothicWide';
 *   src: url('//static.nordicweather.net/fonts/hwygwde-webfont.eot');
 *   src: url('//static.nordicweather.net/fonts/hwygwde-webfont.eot?#iefix') format('embedded-opentype'),
 *        url('//static.nordicweather.net/fonts/hwygwde-webfont.woff') format('woff'),
 *        url('//static.nordicweather.net/fonts/hwygwde-webfont.ttf') format('truetype'),
 *        url('//static.nordicweather.net/fonts/hwygwde-webfont.svg#HighwayGothicWide') format('svg');
 *   font-weight: normal;
 *   font-style: normal;
 *}
 */
/*!
 *  Weather Icons 2.0.8
 *  Updated September 19, 2015
 *  Maintained at https://erikflowers.github.io/weather-icons
 */
@font-face {
  font-family: 'weathericons-2.0';
  src: url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.eot');
  src: url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.eot?#iefix') format('embedded-opentype'), 
       url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.woff2') format('woff2'), 
       url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.woff') format('woff'), 
       url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.ttf') format('truetype'), 
       url('//static.nordicweather.net/fonts/weathericons-regular-webfont-2.0.svg#weather_iconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.wi {
  display: inline-block;
  font-family: 'weathericons-2.0';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wi-fw {
  text-align: center;
  width: 1.4em;
}

a:focus{outline:none;}
a:active,a:hover{outline:0;}
ol, ul, li {list-style:none}
h1,h2,h3,h4 {color: rgb(29,77,124);font-weight:300}
h1{font-size:26px;}
h2{font-size:26px;}
h3{font-size:18px;}
b, strong {font-weight:300}
pre {font-family: monospace,serif;font-size: 14px!important;}
@media (max-width: 800px) {
  h1,h2,h3{padding-left: 10px;}
}

table{border-collapse:collapse;border-spacing:0;}
input[type='radio'] {width: 15px;height: auto;position:relative;vertical-align: -5%;}
label {height: 15px;text-align: left;font-size: 11px;vertical-align: 15%;}
.left{text-align:left}

html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-family:'Ubuntu',Helvetica,Arial,sans-serif;}
.no-touch body{font-size:15px;font-weight:300;line-height:1.428571429;color:#333333;background-color:#ffffff;margin:0;}
.touch body{font-size:16px;line-height:1.428571429;color:#333333;background-color:#ffffff;font-weight:300;margin:0;}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#428bca;text-decoration:none;}
a:hover,a:focus{color:#2a6496;text-decoration:underline;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}

.img-responsive{display:block;max-width:96%;height:auto;}
.img-rounded{border-radius:6px;}
.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto;}
.img-circle{border-radius:50%;}
img.center {text-align: center;display: block;margin: 0 auto;}
img.left {top: 0px;float:left;display: block;margin:0;padding:0;margin-right:10px;}
img.right {top: 0px;float:right;display: block;margin:0;padding:0;margin-left:10px;}
img.thin {padding:8px;background-color: #f9f9f9;display: block;}
img.no {background-color: #f9f9f9;display: block;}
.center {text-align: center;}

.no-touch .vis-touch{display: none !important;}

.container{padding: 0 10px;}
@media (max-width: 800px) {
  .container{padding: 0;}
}
.container:before,.container:after{content:" ";display:table;}
.container:after{clear:both;}
.container:before,.container:after{content:" ";display:table;}
.container:after{clear:both;}

@media only screen and (min-width: 1120px) {
    .container {width: 1100px;margin: 0 auto;}
}
@media (max-width: 1119px) {
    .container { width: 100%;}
}

.responsive { width: 320px;  margin:5px auto 25px; height:50px;}
@media(max-width: 320px) { .responsive { display:none} }
@media(min-width: 500px) { .responsive { width: 468px; margin:5px auto 25px; height:60px;} }
@media(min-width: 780px) { .responsive { width: 728px;margin:5px auto 25px; height:90px; } }

.responsive2 { width: 160px; height:600px;}
@media(max-width: 992px) { .responsive { display:none} }

.col550{display:none !important}
@media(max-width:800px){
  .col750{display:none !important}
  .col550{display:block !important}
}
@media(max-width:550px){
  .col550{display:none !important}
}

@media (max-width:420px){
  .col450{display:none !important}
}
.vis-col650,tr.vis-col650,th.vis-col650,td.vis-col650{display:none !important}
@media(max-width:649px){
  .vis-col650{display:block !important}
  table.vis-col650{display:table}
  tr.vis-col650{display:table-row !important}
  th.vis-col650,td.vis-col650{display:table-cell !important}
}
@media (max-width:650px){
  .col650{display:none !important}
}
@media (max-width:800px){
  .col800{display:none !important}
}
@media (max-width:970px){
  .col950{display:none !important}
}
@media (max-width:1054px){
  .col1050{display:none !important}
}

.vis950 {display:none !important}
@media(max-width:970px){
  .vis950 {display:block !important}
}
.vis650 {display:none !important}
@media(max-width:630px){
  .vis650 {display:block !important}
}

.radius2 {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.radius3 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.shadow5, .shadow2 {-webkit-box-shadow: 0 0 4px 2px #aaa;-moz-box-shadow: 0 0 4px 2px #aaa;box-shadow:0 0 4px 2px #aaa;}
.shadow16 {box-shadow: 0 0 3px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);}

/* TOP */
/* ---------------------------------------- */

#topbar{height:45px;background:rgba(0,0,0,0.4);padding-left:15px;}
.tempd {font-size:22px;display:inline-block;width:60px;padding-top:5px;font-family:"Ubuntu";font-weight:400;}
.nametxt{line-height:45px;color:#BDBDBD;font-size:28px;display:inline-block;left:15px;}
#toptemp{display:inline-block;width:85px;position:absolute;line-height:45px;right:54px;z-index:2;font-size:32px;font-family:"opensans";font-weight: 600;color:#bdbdbd;text-align:center;}
#topwx{display:inline-block;position:absolute;text-align:right;line-height:25px;right:160px;color:#BDBDBD;top:10px;list-style:none}
#topicon{display:inline-block;position:absolute;top:-2px;right:15px;height:47px;width:47px;}
#topwx1, #topwx2, #topwx3, #topwx4, #topwx5 {display:none;color:#BDBDBD;}
#toppic{height:270px;background:#415881 url(../img/top3.jpg) 50% 50%;background-size: cover;}

@media (max-width: 800px) {
  #topwxwrap,#topbar{display:none}
  #toppic{height:40px;background-image:none;}
}

/* NAVBAR */
/* ---------------------------------------- */

#flags{float:right;display:inline-block;right:10px;line-height:40px;}
#subname{position:relative;left:0px;float:left;color:#BDBDBD;font-size:26px;display:inline-block;}
@media (max-width: 800px) {
  #subname{padding-left: 10px;}
}

.navbar {--bs-navbar-padding-y: 0;min-height: 40px;border: none;border-radius:0px;background: rgba(20,20,20,0.4);top:185px;z-index:1100;color: #00456E;font-size:16px;}
@media (max-width: 800px) {
  .navbar{position: fixed;top: 0;left: 0;width: 100%;padding: 0;z-index: 4000;background: #3B434A;} 
}
.navbar-fixed {position: fixed;top: 0;left: 0;width: 100%;padding: 0;z-index: 4000;background: #3B434A;}

.navbar-nav > li { line-height: 40px }
.navbar-nav > li > a{padding-left: 10px;padding-right: 10px;display:block;}
.navbar-nav > li > a:hover{text-decoration:none;color:#bdbdbd;}
li.dropdown > .dropdown-toggle::after {display:none}
.dropdown-menu { white-space: nowrap;padding:0px 10px;background: rgba(50,50,50,0.95);border-radius: 0px;border-width: 0px;margin:0;z-index:4000;}
.dropdown-menu > li{border-bottom:1px solid #555;}
.dropdown-menu > li:last-child{border-bottom:0}
.dropdown-menu > li > a{padding-left: 5px;padding-right: 5px;font-size:16px;display:block;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:active,.dropdown-menu > li > a:focus{text-decoration:none;color:#bdbdbd}
.dropdown-menu.sub{position:relative!important;background:#eee;}
.dropdown-menu.sub> li { line-height: 36px;border-color:#bbb; }
.dropdown-menu.sub > li > a{font-size:15px;}
.dropdown-toggle::after {position: relative!important;right:-10px;top: 4px!important;width: 0!important;height: 0!important;border-top: 5px solid rgba(0, 0, 0, 0)!important;border-bottom: 5px solid rgba(0, 0, 0, 0)!important;border-left: 5px solid!important;transition: 0.3s;}
.dropdown-toggle[aria-expanded="true"]::after {transform: rotate(90deg);}

@media (max-width: 992px) {#flags{display:none}}
@media (min-width: 992px) {#flags{position:absolute;}}
@media (max-width: 800px) {
  .navbar {top: 0;background: rgba(40,40,40,1);display:block;}
  .navbar-nav{min-width:320px;}
  .navbar-nav > li{border-bottom:1px solid #444;}
  .navbar-collapse{position: relative;width: 100%;}
  .navbar-toggler{line-height:35px}
  #subname{display:inline-block;line-height:50px;}
}
@media (min-width: 800px){#subname{display:none;}}
@media (max-width: 410px) {#subname{font-size:18px;}}

/* SUBLINKS */
/* ---------------------------------------- */

.sublinks {background: rgba(62,87,107,0.2);border:1px solid #68a2cf;line-height: 34px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;padding:0 0 0 6px;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.25);-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,0.25);box-shadow:0 0 4px 2px rgba(0,0,0,0.25);}
.sublinks a {color: #1d4d7c;font-weight:400;text-decoration: none;font-size: 15px;text-shadow: none;-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;}
.sublinks a:hover {color: #2779aa;text-shadow: 0 0 0px #336699;text-shadow: 0 0 0px rgba(51,102,153,0.8);-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;border-bottom: 0;}

.listedlink {margin: 5px 0 5px 0;}
#nwnlink a {color:#555;line-height:15px;display:block;text-align:center;padding-top:5px;}
#donate{display:block;margin-top:20px;font-size:16px;color:#424242;text-shadow: none;}
.donatelink {margin-top:20px;}

/* FOOTER */
/* ---------------------------------------- */

.footerwrap {margin-top:4px;background: #252525;-webkit-box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.25);box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.25);z-index: 2;} 
#footer {text-align:left;padding:2px 0 6px;line-height:18px;min-height:200px;color: #bcbcbc;font-size:13px;}
#footer h3 {border-bottom: 1px solid #5F7984 !important;color:#bcbcbc;padding-bottom:6px;text-transform: uppercase;letter-spacing:0.5px;}
#footer a {font-weight:300;color: #6699cc;text-transform: uppercase;text-decoration: none;margin: 0;text-shadow: 0 1px 1px #111;-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;}
#footer a.active, #footer a:hover {color: #BDBDBD;text-shadow: 0 0 10px #336699;text-shadow: 0 0 10px rgba(51,102,153,0.8);-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;text-decoration: none;border:0}
#footer a:active {position: relative;top: 1px;}

#footer .one_half {float:left;width:49% !important;margin-right:2% !important;}
#footer .one_half_last {float:right;width:49% !important;margin-right:0px !important;}
#footer .one_third_b, #footer .one_third, .one_third, .one_third_b {float:left !important;width:31.5% !important;margin-right:2.5% !important;}
#footer .one_third_last, .one_third_last {float:right !important;width:31.5% !important;margin-right:0px !important;}

@media (max-width:969px){
  #footer .one_half {float:none !important;width:100% !important;margin-right:0px !important;}
  #footer .one_half_last {float:none !important;width:100% !importantmargin-right:0px !important;;}
  #footer .one_third {float:left !important;width:49% !important;margin-right:2% !important;}
  #footer .one_third_b {float:right !important;width:49% !important;margin-right:0px !important;}
  #footer .one_third_last {display:none !important;}
}

@media (max-width:650px){
  #footer .one_half {float:none !important;width:100% !important;margin-right:0px !important;}
  #footer .one_half_last {float:none !important;width:100% !important;margin-right:0px !important;}
  #footer .one_third {float:none !important;width:100% !important;}
  #footer .one_third_b, #footer .one_third_last {display:none !important;}
  #footer {padding:2px 8px 6px;}
}

/* MODALS */
/*------------------------------------------*/

.modal{background: rgba(0,0,0,0.7);z-index: 10000;}
.modal-title{padding-left: 15px;font-size:20px;margin-top:5px;}

/* LOWFOOTER */
/* ---------------------------------------- */

.lowfooterwrap {background: #1C1C1C;z-index: 2;} 
#lowfooter {line-height:50px;height:50px;color: #bcbcbc;font-size:13px;padding:0 8px;text-align:left;}
#lowfooter a {font-weight: 300;color: #bcbcbc;text-decoration: none;margin: 0;text-shadow: 0 1px 1px #111;-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;}
#lowfooter a.active, #lowfooter a:hover {color: #fff;-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;text-decoration: none;border:0}
#lowfooter a:active {position: relative;top: 1px;}
@media (max-width:800px){#lowfooter {padding:0;}}

/* Back to Top Button */
/* ----------------------------------------- */

#back-to-top {position: fixed;font-size: 30px;color: #fff;z-index: 100;line-height: 26px;bottom: -50px;right: 20px;display: none;cursor: pointer;border-radius: 2px;height: 30px;width: 30px;display: block;text-align: center;transition: background-color 0.1s linear;-moz-transition: background-color 0.1s linear;-webkit-transition: background-color 0.1s linear;-o-transition: background-color 0.1s linear;background-color: rgba(0, 0, 0, 0.45);}
#back-to-top:hover {color: #fff;background-color: rgba(0, 0, 0, 0.95);}
#back-to-top .glyphicon {top:4px;}
.to-top {cursor: pointer;}

/* TABLE-UI */
/* ----------------------------------------- */

.nordui-table-a, .odd {background: #EEF5FC;}
.nordui-table-b, .even {background: #d8dde1;}
.nordui-table {background:#f2f2f2;border:1px solid rgba(0,0,0,0.2);text-align:justify;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);padding:10px;line-height:1.4em;border-collapse: separate;}
.nordui-table-a:hover, .nordui-table-b:hover {background: #c5cdd3;-o-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.nordui-table td {padding: 4px;text-align: center;}
.nordui-table-header td {padding: 0px 6px;text-align: center;}
.nordui-table-header, .nordui-table-header-b {line-height: 40px;border-width: 0px;background:#51687a;padding: 0 5px;color: #ccc;font-size: 16px;font-weight: 500;text-align:center;}
.nordui-table th:first-child {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.nordui-table th:last-child {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.nordui-table th:only-child, .nordui-table-header{-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.nordui-table tr.nordui-table-subheader td {height:22px;background:#3372AD;color:#BDBDBD;text-align:center;text-shadow: 0 1px 1px #111;font-weight:300;}

.nordui-table td.infobox, .infobox {
	background:#c5cdd3;
	border-top:1px solid #51687a;
	color:#3e576b;
	text-align:left;
  padding-top:4px;
}

/* TABS & BUTTONS */
/* ----------------------------------------- */
#topPanels{margin:10px 0px;}
.hidden {display: none;}
#topPanels{z-index:100;text-align:left;margin-left:5px;}
.topPanel, .btn{display:inline-block;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-width:1px;background: #3E576B;color:#96BADC;font-weight:400;text-align:center;line-height:16px;padding:8px;min-width:50px;margin-left:4px;-webkit-transition: color 0.2s linear;-moz-transition: color 0.2s linear;}
.topPanel.selected, .topPanel:hover, .btn.selected, .btn:hover {color: #BDBDBD;-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;background: #324656;}
.topPanel.selected, .btn.selected{position:relative; top:1px;border: 1px solid #68a2cf; border-width:1px;background-color:#f2f2f2;color:#1d4d7c;box-shadow: 0px 0px 6px rgba(0,0,0,0.6);z-index:1;}
.topPanel:hover, .btn:hover {cursor:pointer}
.tabbs {background:#f2f2f2;border:0px solid #68a2cf;text-align:justify;box-shadow: 0 0 3px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);padding:10px;line-height:1.4em;}
button.close{padding:0;cursor:pointer;background:transparent;border:0;color:#3E576B;font-size:30px;}
button.close:hover, button.close:focus {color:#657989;}

/* ALERTS */
/* ----------------------------------------- */

.blitzinfo2{background:#f2f2f2;border:1px solid #66CD00;text-align:justify;font-size:14px;padding:10px;line-height:1.4em;}
.blitzglyph{color:#66CD00;position:relative;left:6px;top:7px;font-size:24px;float:left;margin-right:16px;}

.fmialert{background:#ffcccc;border:1px solid #ff9999;font-size:14px;padding:10px;line-height:1.4em;color:#c31b00;}
.fmiglyph{color:#c31b00;position:relative;left:4px;top:-2px;font-size:24px;float:left;margin-right:16px;}

.blitzalert{background:#1D4D7C;border:1px solid #222;font-size:16px;padding:10px;line-height:1.4em;color:#f1f1f1;}
.alertglyph{color:rgb(255,215,0);position:relative;left:4px;top:-2px;font-size:24px;float:left;margin-right:16px;}

#errorinfo{background:#ddd;border:1px solid #9c0202;font-size:16px;font-weight:500;padding:10px;line-height:1.4em;}
.errorglyph{color:#9c0202;position:relative;left:4px;top:-2px;font-size:24px;float:left;margin-right:16px;}

/* TOUCHCAROUSEL */
/* ----------------------------------------- */

.ic-wrap{height:49px;width:50px;vertical-align:middle;display:inline-block;}
.svg-ic{height:75px;width:75px;display:inline-block;margin-top:-13px;margin-left:-12px;}
.svg-ic .hurricane{stroke-width:0;fill:#CD3700;}
.svg-ic .tornado{stroke:none;stroke-width:1;fill:#404040;}
.svg-ic .thundercloud{stroke-width:20;stroke:#333333;fill:#888;}
.svg-ic .light_cloud{stroke-width:20;stroke:#aaa;fill:#fff;}
.svg-ic .middle_cloud{stroke-width:20;stroke:#aaa;fill:#eee;}
.svg-ic .dark_cloud{stroke-width:20;stroke:#888;fill:#ccc;}
.svg-ic .lightning{fill:#FFB200;}
.svg-ic .waterdrop{fill:#1E88E8;}
.svg-ic .ice{fill:#f2f2f2;stroke-width:10;stroke:#1E88E8;}
.svg-ic .snowflake{fill:#fff;stroke-width:6;stroke:#1E88E8;}
.svg-ic .hail{fill:#fff;stroke-width:10;stroke:#1E88E8;}
.svg-ic .sun_center{fill:#FFF200;}
.svg-ic .sun{fill:#FFB200;}
.svg-ic .moon{stroke-width:10;stroke:#64A5C0;fill:#AEDFE5;}
.svg-ic .fog{opacity:0.7;fill:#D1D3D4;stroke-width:6;stroke:#bbb;}
.svg-ic .nan{opacity:0.4;fill:#000;}

.touchcarousel{position:relative;width:600px;height:400px;overflow:hidden}.touchcarousel .touchcarousel-container{position:relative;margin:0;padding:0;list-style:none;left:0}.touchcarousel .touchcarousel-wrapper{position:relative;overflow:hidden;width:100%;height:100%}.touchcarousel .touchcarousel-item{margin:0;padding:0;float:left}.touchcarousel .touchcarousel-item.last{margin-right:0!important}.touchcarousel .arrow-holder{height:100%;width:45px;position:absolute;top:0;display:block;cursor:pointer;z-index:25}.touchcarousel .arrow-holder.left{left:0}.touchcarousel .arrow-holder.right{right:0}.touchcarousel .arrow-icon{width:45px;height:90px;top:50%;margin-top:-45px;position:absolute;cursor:pointer}.touchcarousel .arrow-holder.disabled,.touchcarousel .arrow-holder.disabled .arrow-icon{cursor:default}.touchcarousel .tc-paging-container{width:100%;overflow:hidden;position:absolute;margin-top:-20px;z-index:25}.touchcarousel .tc-paging-centerer{float:left;position:relative;left:50%}.touchcarousel .tc-paging-centerer-inside{float:left;position:relative;left:-50%}.touchcarousel .tc-paging-item{float:left;cursor:pointer;position:relative;display:block;text-indent:-9999px}.touchcarousel .scrollbar-holder{position:absolute;z-index:30;left:6px;right:6px;bottom:5px;height:4px;overflow:hidden}.touchcarousel .scrollbar{position:absolute;left:0;height:4px;bottom:0}.touchcarousel .scrollbar.dark{background-color:#828282;background-color:rgba(0,0,0,.5)}.touchcarousel .scrollbar.light{background-color:#d2d2d2;background-color:rgba(255,255,255,.5)}.touchcarousel .grab-cursor{cursor:grab}.touchcarousel .grabbing-cursor{cursor:grabbing}.touchcarousel .auto-cursor{cursor:auto}

.touchcarousel .arrow-holder:hover{background:rgba(0,0,0,0.25)}
.touch .touchcarousel .arrow-holder:hover{background:rgba(0,0,0,0)}
.touchcarousel .arrow-holder.disabled{display:none;}
.touchcarousel .arrow-icon {width: 30px!important;height: 30px!important;margin-top: -10px!important;	}
.touchcarousel .right{text-align:left!important;padding-left:7px;}
.touchcarousel .left{text-align:left!important;padding-left:5px;}
.touchcarousel .arrow-icon.right:before{content: "\f054";font-family: FontAwesome;font-size:30px;color:#fff;-moz-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3;}
.touchcarousel .arrow-icon.left:before{content: "\f053";font-family: FontAwesome;font-size:30px;color:#fff;-moz-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3;}
.touchcarousel .tc-paging-item{text-indent:0!important;margin:0 4px;}
.touchcarousel .tc-paging-item:before{content: "\f111";font-family: FontAwesome;font-size:10px;color:#999;}
.touchcarousel .tc-paging-item.current:before{color:#fff}

#dailyCarousel{background:#3E576B;color:#fff;border:1px solid #3E576B;border-width:0 1px;width:100%;height:205px;font-family: "Ubuntu", "Lucida Grande", Verdana, Helvetica, sans-serif;font-size: 13px;}
#dailyCarousel .touchcarousel-item{height:205px;width:167px;text-align:center;border-right:1px solid #577a96;}
#dailyCarousel .touchcarousel-item.last{border-width:0px;}
#dailyCarousel .touchcarousel-item .dayname{font-size:15px;padding:8px;background:rgba(0,0,0,0.5);}
#dailyCarousel .touchcarousel-item .daytemps{font-family: "Ubuntu Condensed";display:flex;padding-top:20px;}
#dailyCarousel .touchcarousel-item .daytemp{font-size:40px;width:50%}
#dailyCarousel .touchcarousel-item .dayic{height:75px;}
.svg-icday{height: 100px;width: 100px;margin: -5px 15px;}
#dailyCarousel .touchcarousel-item .frcdayrest{background:rgba(0,0,0,0.25);padding:0px;color:#fff;width:150px;margin:18px auto 0 auto;}
#dailyCarousel .touchcarousel-item .frcdayrest span{margin-left: 4px;position: relative;top: -6px;}
#dailyCarousel .touchcarousel-item .frcdayrest #daywind{margin-left: 15px !important;}
#dailyCarousel .touchcarousel-item .frcdayrest i {position:relative;left:10px;}
#dailyCarousel .touchcarousel-item .frcdaywind{margin-left: 0px !important;top: 0px !important;}
#dailyCarousel .touchcarousel-item.activeday{background:#2b3d4b;}

/* MAPLIBRE STUFF*/
/* ----------------------------------------- */
.maplibregl-ctrl-group {border-radius: 4px;background: #2c3e50!important;}
.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%2369c'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")!important;
}
.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%2369c'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")!important;
}
.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%2369c'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%2369c'/%3E%3C/svg%3E")!important;
}


.maplibregl-ctrl-attrib-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%2369c'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E")!important;
}

.maplibregl-popup-content{background:rgba(255,255,255,0.75)!important;padding:7px 5px!important;font-size: 15px!important;font-family: "Ubuntu"!important;}
.wxpophead{color:#ccc!important;font-weight:400;font-size:15px;line-height:25px;padding:0px 4px!important;margin-bottom:3px;min-width:160px;background-color: #51687a;}
.wxpopcontent{padding:1px;background:#fafafa;color:#222;}

/* MAPICONS */
/* ----------------------------------------- */

.label-div{text-align:center;}
.label-numb{background:rgba(255,255,255,0.5);padding:0px 2px;color:#333;font-family:"Ubuntu Condensed";font-size:16px;display:inline-block;}
.label-nam{color:#ccc;font-family:"Ubuntu";font-weight:400;font-size:12px;text-align:center;text-shadow: -0.5px 0 rgba(68,68,68,0.5), 0 0.5px rgba(68,68,68,0.5), 0.5px 0 rgba(68,68,68,0.5), 0 -0.5px rgba(68,68,68,0.5)}

.maptempd{font-family: 'Ubuntu';font-weight:400;text-align:center;position:absolute;left:0px;top:45px;width:50%;font-size:28px;letter-spacing: -1px;}
.svg {display:block; margin:0 auto;}
.wind text {font-family:"Ubuntu",Arial; font-weight:400;text-anchor:middle;}
.svgAlt {display:block; margin:0 auto; overflow:hidden; position:relative;}
.svgAlt .printIcon {display:none;}
.svgAlt span {font-weight:bold; margin:0 auto; text-align:center; padding:0; position:absolute; top:0; left:0;}
.svgAlt img {display:block;}

.tempmarker{-webkit-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom;width:26px;height:26px;z-index:1}
.tempmarker:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);content:"";width:26px;height:26px;background-color:#eee;border-radius:50% 50% 50% 0;position:absolute;top:0;left:0;}
.tempmarker:after{content:"";width:22px;height:22px;background-color:#FFF;position:absolute;top:2px;left:2px;border-radius:50%}
.tempmarker span{font-family: "Ubuntu";font-weight:400;position:absolute;top:-2px;left:0;display:inline-block;width:24px;height:26px;line-height:27px;text-align:center;color:#FFF;font-size:15px;text-shadow:0 1px 1px #1E2023;z-index:1;letter-spacing: -1px;}
.tempmarker.selected span{color:#1E2023;font-weight:400;text-shadow:none}
.tempmarker.temp-47-5:before{background-color:#6c6075}.tempmarker.temp-47-5:after{background-color:#9F94A7}
.tempmarker.temp-45:before{background-color:#554366}.tempmarker.temp-45:after{background-color:#896EA0}
.tempmarker.temp-42-5:before{background-color:#412955}.tempmarker.temp-42-5:after{background-color:#754A9A}
.tempmarker.temp-40:before{background-color:#432356}.tempmarker.temp-40:after{background-color:#7C409F}
.tempmarker.temp-37-5:before{background-color:#4b215b}.tempmarker.temp-37-5:after{background-color:#883DA5}
.tempmarker.temp-35:before{background-color:#532060}.tempmarker.temp-35:after{background-color:#953AAC}
.tempmarker.temp-32-5:before{background-color:#4c2669}.tempmarker.temp-32-5:after{background-color:#8341B4}
.tempmarker.temp-30:before{background-color:#432a73}.tempmarker.temp-30:after{background-color:#6F47BC}
.tempmarker.temp-27-5:before{background-color:#342b81}.tempmarker.temp-27-5:after{background-color:#5B4EC4}
.tempmarker.temp-25:before{background-color:#26367f}.tempmarker.temp-25:after{background-color:#445BC7}
.tempmarker.temp-22-5:before{background-color:#263183}.tempmarker.temp-22-5:after{background-color:#4655C9}
.tempmarker.temp-20:before{background-color:#0c3768}.tempmarker.temp-20:after{background-color:#1767C3}
.tempmarker.temp-17-5:before{background-color:#0a406a}.tempmarker.temp-17-5:after{background-color:#1278C8}
.tempmarker.temp-15:before{background-color:#12557e}.tempmarker.temp-15:after{background-color:#1F91D7}
.tempmarker.temp-12-5:before{background-color:#126b97}.tempmarker.temp-12-5:after{background-color:#2AA8E5}
.tempmarker.temp-10:before{background-color:#0b8ab8}.tempmarker.temp-10:after{background-color:#36C1F3}
.tempmarker.temp-7-5:before{background-color:#0d84ac}.tempmarker.temp-7-5:after{background-color:#30BFEF}
.tempmarker.temp-5:before{background-color:#117697}.tempmarker.temp-5:after{background-color:#28B7E6}
.tempmarker.temp-2-5:before{background-color:#126884}.tempmarker.temp-2-5:after{background-color:#1FAFDD}
.tempmarker.temp0:before{background-color:#1c6061}.tempmarker.temp0:after{background-color:#32AFB1}
.tempmarker.temp-0:before{background-color:#1c6061}.tempmarker.temp-0:after{background-color:#32AFB1}
.tempmarker.temp2-5:before{background-color:#307246}.tempmarker.temp2-5:after{background-color:#52B673}
.tempmarker.temp5:before{background-color:#436f23}.tempmarker.temp5:after{background-color:#71BC3C}
.tempmarker.temp7-5:before{background-color:#526b14}.tempmarker.temp7-5:after{background-color:#93C124}
.tempmarker.temp10:before{background-color:#5c6405}.tempmarker.temp10:after{background-color:#B6C609}
.tempmarker.temp12-5:before{background-color:#8e6b01}.tempmarker.temp12-5:after{background-color:#F4B701}
.tempmarker.temp15:before{background-color:#d37c01}.tempmarker.temp15:after{background-color:#FEAE3C}
.tempmarker.temp17-5:before{background-color:#d26701}.tempmarker.temp17-5:after{background-color:#FE9A3B}
.tempmarker.temp20:before{background-color:#d05002}.tempmarker.temp20:after{background-color:#FD843B}
.tempmarker.temp22-5:before{background-color:#aa3010}.tempmarker.temp22-5:after{background-color:#EC5A34}
.tempmarker.temp25:before{background-color:#8a1919}.tempmarker.temp25:after{background-color:#DA2F2F}
.tempmarker.temp27-5:before{background-color:#74051d}.tempmarker.temp27-5:after{background-color:#D50A36}
.tempmarker.temp30:before{background-color:#921c24}.tempmarker.temp30:after{background-color:#DA3A45}
.tempmarker.temp32-5:before{background-color:#a01f28}.tempmarker.temp32-5:after{background-color:#DC4953}
.tempmarker.temp35:before{background-color:#b0222a}.tempmarker.temp35:after{background-color:#DF5961}
.tempmarker.temp37-5:before{background-color:#bf252f}.tempmarker.temp37-5:after{background-color:#E26870}
.tempmarker.temp40:before{background-color:#cf2833}.tempmarker.temp40:after{background-color:#E5787F}
.tempmarker.temp42-5:before{background-color:#d8313c}.tempmarker.temp42-5:after{background-color:#E8878D}
.tempmarker.temp45:before{background-color:#d8313c}.tempmarker.temp45:after{background-color:#E8878D}

/* MISC STUFF*/
/* ---------------------------------------- */

#solartable,#solpvtable,#wxgraphtable{padding:10px;}
@media(max-width:800px){#solartable,#solpvtable,#wxgraphtable{padding:10px 5px;}}
.sunmoon{clear:both;width:auto;height:40px;background:#51687a;display:flex;text-align:center;line-height:40px;color:#ccc;font-size:17px;font-weight: 500;margin-top:25px;}
.sunmoon div{flex:1;}
.sunmoon .sunicon{color: rgb(255, 204, 0);font-size: 22px;top: 4px;position: relative;margin-right: 8px;}
.sunmoon .moonicon{color: #fff;font-size: 22px;top: 2px;position: relative;margin-right: 8px;}
@media(max-width:800px){.sunmoon {display:none;}}

.maxbox{line-height:1.2em;text-align:center;display:inline-block; padding:5px;border: 1px solid #990000; color:#990000; background-color: #FFEFEF;margin:0 auto 8px auto;}
.minbox{line-height:1.2em;text-align:center;display:inline-block; padding:5px;border: 1px solid #336699; color:#336699; background-color: #EAF2FA;margin:0 auto 8px auto;}

.gaugewrap {height:250px;overflow:hidden;padding-top:10px;width:240px;margin:0 auto;}
.subbox {line-height:18px;text-align:left;padding:4px 6px;margin-bottom:6px;}
.gaugebox{width:33.3333334%;float:left;display: table-cell;}
@media(max-width:800px){.gaugebox{width:50%;float:left;display: table-cell;}}
@media(max-width:550px){.gaugebox{width:100%;float:left;display: table-cell;}}

.boxwrap{text-align:center;margin:12px auto 0;}

#ad_unit{text-align:center;}
.tiekamera {display: block;max-width: 95%;height: auto;margin: 5px auto 0px;}
.radar {width:300px;height:225px;position:absolute;right:10px;clip:rect(10px,200px,150px,15px);}
#solarpower{height:40px;}
#frcTime{position: absolute;bottom: 15px;left: 20px;color: #fff;z-index:1000}
@media (min-width:640px){
.tutka1{margin-right:5px;}
.tutka2{margin-left:5px;}
}

/* BOXES */
/* ------------------------------------------ */

.boxleft{width:50%;float:left;display: table-cell;}
.boxright{width:50%;float:right;display: table-cell;}
@media(max-width:630px){
  .boxleft{width:100%;}
  .boxright{width:100%;}
}
.mapfront_half {float:left !important;width:calc(50% - 10px) !important;height:400px;}
.mapfront_half_last {float:right !important;width:calc(50% - 10px) !important;height:400px;}
@media (max-width:650px){
  .mapfront_half {float:none !important;width:calc(100% - 10px) !important;margin-top:15px;height:400px;}
  .mapfront_half_last {float:none !important;width:calc(100% - 10px) !important;margin-top:15px;height:400px;}
}

.infoglyph {position:relative;left:4px;top:8px;color:#2779aa;font-size:24px;float:left;margin-right:16px;}
.info-box2 {background:rgba(100,149,237,0.2);border:1px solid #68a2cf;border-width:1px 0 0 0;color:#2e6093;}
.info-box3 {background:#f2f2f2;border:1px solid #68a2cf;text-align:justify;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);padding:10px;line-height:1.4em;border-collapse: separate;}
.download-box, .warning-box, .info-box, .note-box {clear:both;padding:20px;margin: 10px 0px;padding-left:45px;background:#eee;padding-bottom:15px;padding-top:12px;}
.info-box {background:#f2f2f2 url(//static.nordicweather.net/img/icn-info.png) no-repeat scroll 10px 10px;border:1px solid #68a2cf;text-align:justify;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);padding:10px;line-height:1.4em;}
.warning-box {background:#ffcccc url(//static.nordicweather.net/img/icn-block.png) no-repeat scroll 10px 11px;border:1px solid #ff9999;color:#c31b00;}
.download-box {background:#dee3ab url(//static.nordicweather.net/img/icn-download.png) no-repeat scroll 10px 10px;border:1px solid #a3c159;color:#5e6f33;}
.note-box {background:#fdebae url(//static.nordicweather.net/img/icn-note.png) no-repeat scroll 10px 10px;border:1px solid #e6c555;color:#9e660d;}

.li-popup {position: absolute;top:0px;text-align: center;z-index:1000}
.li-popup-content {margin: 10px 10px;font-size: 13px; color:#FFFFE0;}
.li-popup-content table td {font-size: 13px; color:#FFFFE0;}
.li-popup-content b {font-weight:300}
.li-popup-tip-container {margin: 0 auto;width: 40px;height: 20px;position: relative;overflow: hidden;}
.li-popup-content p {margin: 18px 0;}
.li-popup-content-wrapper {background:#2b3d4b;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;padding: 1px;text-align: left;}
.li-popup-content-wrapper:before {
  position: absolute;
  display: block;
  content: "";  
  border-color: transparent transparent #2b3d4b transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-19px;
  left:160px;
}
.litable{width:320px;margin-top:4px;}
.lidotted{height:2px;margin: 3px 0;border-bottom:1px dotted #fff;display:inline-block;}


/* METEOALARM */
/* ----------------------------------------- */

.malarmbox {line-height:20px;background-color:rgba(255,215,0,0.9);border:1px solid #FF2400;padding:4px;color:#444;margin-top:15px;border-radius: 5px;}
.touch .malarmbox {border-width:2px;}
.malarmmore{display:none;border-top:1px solid #FF2400;padding:4px;clear:both;font-size:13px;}
.malarmmore a {font-size:11px;}
.malarmbox b, .malarmmore b {font-weight:300}
img.malarmic {position:relative;top:0px;margin:0 3px 0 6px;}
.malarmhead{display: inline-block !important;height:20px;width:auto;position:relative;top:-4px;left:6px}
#meteomore {float:right;display:block;cursor:pointer;position:relative;top:5px;right:5px;}

.flr {float:left}

/*--------------------- warnstufen / warntypes --------------------*/
.awt {
	background: #fff url('//static.nordicweather.net/img/wflags.jpg') top left scroll no-repeat;
	border: 1px solid #000000;
    display: inline-block !important;
    height: 20px;
    width: 25px;
    margin-right: .6em;
    margin-top: .2em;
    position:relative;
}

/* colors default */
.awt.l0 {   background-position-y:	    0px;  background-color:#ffffff; }
.awt.l1 {   background-position-y:	  -20px;  background-color:#29d660;  }
.awt.l2 {   background-position-y:	  -40px;  background-color:#ffff00; }
.awt.l3 {   background-position-y:	  -60px;  background-color:#fecb31; }
.awt.l4 {   background-position-y:	  -80px;  background-color:#fe0104; }

/* colors gray */ 
.awt.l1.g { background-position-y:	 -100px;  background-color:#cccccc;  }
.awt.l2.g { background-position-y:	 -120px;  background-color:#a6a6a6;  }
.awt.l3.g { background-position-y:	 -140px;  background-color:#808080; }
.awt.l4.g { background-position-y:	 -160px;  background-color:#595959; }


/* light colors */
.awt.l.l1 {   background-position-y:	  -20px;  background-color:#99FF99;  }
.awt.l.l2 {   background-position-y:	  -40px;  background-color:#FFFF66; }
.awt.l.l3 {   background-position-y:	  -60px;  background-color:#FFCC33; }
.awt.l.l4 {   background-position-y:	  -80px;  background-color:#FF6666; }

/* types */

.awt.nt {  background-image:none; }
.awt.t0 {  background-position-x:	    0px;}
.awt.t1 {  background-position-x:	  -25px;}
.awt.t2 {  background-position-x:	  -50px;}
.awt.t3 {  background-position-x:	  -75px;}
.awt.t4 {  background-position-x:	 -100px;}
.awt.t5 {  background-position-x:	 -125px;}
.awt.t6 {  background-position-x:	 -150px;}
.awt.t7 {  background-position-x:	 -175px;}
.awt.t8 {  background-position-x:	 -200px;}
.awt.t9 {  background-position-x:	 -225px;}
.awt.t10 { background-position-x:	 -250px;}
.awt.t11 { background-position-x:	 -275px;}
.awt.t12 { background-position-x:	 -300px;}
.awt.t13 { background-position-x:	 -325px;}


/*firefox */ 
.awt.t0.l0{	background-position:	 -0px	 -0px;   }
.awt.t0.l1{	background-position:	 -0px	-20px;   }
.awt.t0.l2{	background-position:	 -0px	-40px;   }
.awt.t0.l3{	background-position:	 -0px	-60px;   }
.awt.t0.l4{	background-position:	 -0px	-80px;   }
.awt.t1.l0{	background-position:	-25px	 -0px;   }
.awt.t1.l1{	background-position:	-25px	-20px;   }
.awt.t1.l2{	background-position:	-25px	-40px;   }
.awt.t1.l3{	background-position:	-25px	-60px;   }
.awt.t1.l4{	background-position:	-25px	-80px;   }
.awt.t2.l0{	background-position:	-50px	 -0px;   }
.awt.t2.l1{	background-position:	-50px	-20px;   }
.awt.t2.l2{	background-position:	-50px	-40px;   }
.awt.t2.l3{	background-position:	-50px	-60px;   }
.awt.t2.l4{	background-position:	-50px	-80px;   }
.awt.t3.l0{	background-position:	-75px	 -0px;   }
.awt.t3.l1{	background-position:	-75px	-20px;   }
.awt.t3.l2{	background-position:	-75px	-40px;   }
.awt.t3.l3{	background-position:	-75px	-60px;   }
.awt.t3.l4{	background-position:	-75px	-80px;   }
.awt.t4.l0{	background-position:	-100px	 -0px;   }
.awt.t4.l1{	background-position:	-100px	-20px;   }
.awt.t4.l2{	background-position:	-100px	-40px;   }
.awt.t4.l3{	background-position:	-100px	-60px;   }
.awt.t4.l4{	background-position:	-100px	-80px;   }
.awt.t5.l0{	background-position:	-125px	 -0px;   }
.awt.t5.l1{	background-position:	-125px	-20px;   }
.awt.t5.l2{	background-position:	-125px	-40px;   }
.awt.t5.l3{	background-position:	-125px	-60px;   }
.awt.t5.l4{	background-position:	-125px	-80px;   }
.awt.t6.l0{	background-position:	-150px	 -0px;   }
.awt.t6.l1{	background-position:	-150px	-20px;   }
.awt.t6.l2{	background-position:	-150px	-40px;   }
.awt.t6.l3{	background-position:	-150px	-60px;   }
.awt.t6.l4{	background-position:	-150px	-80px;   }
.awt.t7.l0{	background-position:	-175px	 -0px;   }
.awt.t7.l1{	background-position:	-175px	-20px;   }
.awt.t7.l2{	background-position:	-175px	-40px;   }
.awt.t7.l3{	background-position:	-175px	-60px;   }
.awt.t7.l4{	background-position:	-175px	-80px;   }
.awt.t8.l0{	background-position:	-200px	 -0px;   }
.awt.t8.l1{	background-position:	-200px	-20px;   }
.awt.t8.l2{	background-position:	-200px	-40px;   }
.awt.t8.l3{	background-position:	-200px	-60px;   }
.awt.t8.l4{	background-position:	-200px	-80px;   }
.awt.t9.l0{	background-position:	-225px	 -0px;   }
.awt.t9.l1{	background-position:	-225px	-20px;   }
.awt.t9.l2{	background-position:	-225px	-40px;   }
.awt.t9.l3{	background-position:	-225px	-60px;   }
.awt.t9.l4{	background-position:	-225px	-80px;   }
.awt.t10.l0{	background-position:	-250px	 -0px;   }
.awt.t10.l1{	background-position:	-250px	-20px;   }
.awt.t10.l2{	background-position:	-250px	-40px;   }
.awt.t10.l3{	background-position:	-250px	-60px;   }
.awt.t10.l4{	background-position:	-250px	-80px;   }
.awt.t11.l0{	background-position:	-275px	 -0px;   }
.awt.t11.l1{	background-position:	-275px	-20px;   }
.awt.t11.l2{	background-position:	-275px	-40px;   }
.awt.t11.l3{	background-position:	-275px	-60px;   }
.awt.t11.l4{	background-position:	-275px	-80px;   }
.awt.t12.l0{	background-position:	-300px	 -0px;   }
.awt.t12.l1{	background-position:	-300px	-20px;   }
.awt.t12.l2{	background-position:	-300px	-40px;   }
.awt.t12.l3{	background-position:	-300px	-60px;   }
.awt.t12.l4{	background-position:	-300px	-80px;   }
.awt.t13.l0{	background-position:	-325px	 -0px;   }
.awt.t13.l1{	background-position:	-325px	-20px;   }
.awt.t13.l2{	background-position:	-325px	-40px;   }
.awt.t13.l3{	background-position:	-325px	-60px;   }
.awt.t13.l4{	background-position:	-325px	-80px;   }

/* firefox g */

.awt.t1.l1.g{	background-position:	-25px	-100px;   }
.awt.t1.l2.g{	background-position:	-25px	-120px;   }
.awt.t1.l3.g{	background-position:	-25px	-140px;   }
.awt.t1.l4.g{	background-position:	-25px	-160px;   }
.awt.t2.l1.g{	background-position:	-50px	-100px;   }
.awt.t2.l2.g{	background-position:	-50px	-120px;   }
.awt.t2.l3.g{	background-position:	-50px	-140px;   }
.awt.t2.l4.g{	background-position:	-50px	-160px;   }
.awt.t3.l1.g{	background-position:	-75px	-100px;   }
.awt.t3.l2.g{	background-position:	-75px	-120px;   }
.awt.t3.l3.g{	background-position:	-75px	-140px;   }
.awt.t3.l4.g{	background-position:	-75px	-160px;   }
.awt.t4.l1.g{	background-position:	-100px	-100px;   }
.awt.t4.l2.g{	background-position:	-100px	-120px;   }
.awt.t4.l3.g{	background-position:	-100px	-140px;   }
.awt.t4.l4.g{	background-position:	-100px	-160px;   }
.awt.t5.l1.g{	background-position:	-125px	-100px;   }
.awt.t5.l2.g{	background-position:	-125px	-120px;   }
.awt.t5.l3.g{	background-position:	-125px	-140px;   }
.awt.t5.l4.g{	background-position:	-125px	-160px;   }
.awt.t6.l1.g{	background-position:	-150px	-100px;   }
.awt.t6.l2.g{	background-position:	-150px	-120px;   }
.awt.t6.l3.g{	background-position:	-150px	-140px;   }
.awt.t6.l4.g{	background-position:	-150px	-160px;   }
.awt.t7.l1.g{	background-position:	-175px	-100px;   }
.awt.t7.l2.g{	background-position:	-175px	-120px;   }
.awt.t7.l3.g{	background-position:	-175px	-140px;   }
.awt.t7.l4.g{	background-position:	-175px	-160px;   }
.awt.t8.l1.g{	background-position:	-200px	-100px;   }
.awt.t8.l2.g{	background-position:	-200px	-120px;   }
.awt.t8.l3.g{	background-position:	-200px	-140px;   }
.awt.t8.l4.g{	background-position:	-200px	-160px;   }
.awt.t9.l1.g{	background-position:	-225px	-100px;   }
.awt.t9.l2.g{	background-position:	-225px	-120px;   }
.awt.t9.l3.g{	background-position:	-225px	-140px;   }
.awt.t9.l4.g{	background-position:	-225px	-160px;   }
.awt.t10.l1.g{	background-position:	-250px	-100px;   }
.awt.t10.l2.g{	background-position:	-250px	-120px;   }
.awt.t10.l3.g{	background-position:	-250px	-140px;   }
.awt.t10.l4.g{	background-position:	-250px	-160px;   }
.awt.t11.l1.g{	background-position:	-275px	-100px;   }
.awt.t11.l2.g{	background-position:	-275px	-120px;   }
.awt.t11.l3.g{	background-position:	-275px	-140px;   }
.awt.t11.l4.g{	background-position:	-275px	-160px;   }
.awt.t12.l1.g{	background-position:	-300px	-100px;   }
.awt.t12.l2.g{	background-position:	-300px	-120px;   }
.awt.t12.l3.g{	background-position:	-300px	-140px;   }
.awt.t12.l4.g{	background-position:	-300px	-160px;   }
.awt.t13.l1.g{	background-position:	-325px	-100px;   }
.awt.t13.l2.g{	background-position:	-325px	-120px;   }
.awt.t13.l3.g{	background-position:	-325px	-140px;   }
.awt.t13.l4.g{	background-position:	-325px	-160px;   }

.misc{background-image:url('//static.nordicweather.net/img/nordicmisc.png');background-color:transparent;background-repeat:no-repeat}
.android{ background-position: 0 0; width: 16px; height: 16px; } 
.balloon{ background-position: 0 -18px; width: 16px; height: 20px; } 
.cold{ background-position: 0 -40px; width: 32px; height: 32px; } 
.cross{ background-position: 0 -74px; width: 16px; height: 16px; } 
.css3{ background-position: 0 -92px; width: 35px; height: 35px; } 
.down{ background-position: 0 -129px; width: 7px; height: 8px; } 
.fi{ background-position: 0 -139px; width: 18px; height: 12px; } 
.gb{ background-position: 0 -153px; width: 18px; height: 12px; } 
.html5{ background-position: 0 -167px; width: 35px; height: 35px; } 
.icn-block{ background-position: 0 -204px; width: 26px; height: 23px; } 
.icn-download{ background-position: 0 -229px; width: 20px; height: 22px; } 
.icn-info{ background-position: 0 -253px; width: 20px; height: 21px; } 
.moon{ background-position: 0 -276px; width: 200px; height: 40px; } 
.selmenu{ background-position: 0 -318px; width: 203px; height: 29px; } 
.se{ background-position: 0 -349px; width: 18px; height: 12px; } 
.snow{ background-position: 0 -363px; width: 75px; height: 50px; } 
.snowf{ background-position: 0 -415px; width: 10px; height: 10px; } 
.star{ background-position: 0 -427px; width: 16px; height: 16px; } 
.sun{ background-position: 0 -445px; width: 200px; height: 40px; } 
.thunder{ background-position: 0 -487px; width: 75px; height: 50px; } 
.tick{ background-position: 0 -539px; width: 32px; height: 32px; } 
.tick_16{ background-position: 0 -573px; width: 16px; height: 16px; } 
.ufo{ background-position: 0 -591px; width: 35px; height: 27px; } 
.up{ background-position: 0 -620px; width: 7px; height: 8px; } 
.uv_icon{ background-position: 0 -630px; width: 48px; height: 48px; } 
.warm{ background-position: 0 -680px; width: 32px; height: 32px; } 
.warnd{ background-position: 0 -714px; width: 60px; height: 40px; } 
.wet{ background-position: 0 -756px; width: 32px; height: 32px; } 
.wind{ background-position: 0 -790px; width: 32px; height: 32px; } 
.windy{ background-position: 0 -824px; width: 75px; height: 50px; } 
.x-click-but04{ background-position: 0 -876px; width: 62px; height: 31px; }