html { height: 100%; }

body { 
  padding-top: 60px;
  font-family: 'Open Sans', Sans-Serif;
  font-size: 14px;
  background-color: #e8edf3;
  color: #003246;
  height: 100%;
}

@media (max-width: 979px) {
  body {
    padding-top: 67px;
  }

}

/* Header */

/* Body */
.container a:hover {
   color: navy;
   text-decoration: none !important;
}

.source { 
    font-size: 10px;  	
    text-align: right; 
    color: #cbcbcb;
}
        
.source a { color: #cbcbcb; }
.source a:hover { color: #b9b9b9; } 

/* Headers */

h1,h2,h3,h4,h5,h6 {
  font-family: 'Dosis', sans-serif; 
}
h1 { margin-top: 5px; font-weight: bold; }


.page-header { margin: 0; }


/* Links */
.source abbr { border: none; }

/* Images */
.no-img-pad { padding: 0; margin: 0; }

.antistorm-widgetContainer { width: 100%; height: 400px; }
#yrno { max-width: 828px; max-height: 302px; width: 100%; }
#icm60h-legenda { max-width: 280px; max-height: 660px; width: 100%; }
/* #icm60h-meteogram { width: 100%; max-width: 540px; max-height: 660px;  }
#*/
#icm60h-meteogram { width: 100%; max-width: 540px;  } 
#icm84h-legenda { max-width: 280px; max-height: 570px; width: 100%; }
#icm84h-meteogram { max-width: 660px; max-height: 570px; width: 100%; }
#meteoprog { max-width: 650px; max-height: 261px; width: 100%; }
#meteoalarm { width: 100%; max-width: 475px; max-height: 447px; }
#eumetsat { width: 100%; height: 100%; }
#sat24 { width: 100%; height: 100%; min-height: 320px; }
#sat24 object { min-height: 580px !important; height: 100%; width: 100%; }

/* Dont break out ICM */
.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;     
  -ms-word-break: break-all;
/*  word-break: break-all; thx Jakub! @ */
  word-break: break-word;               
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.text-nowrap {
	white-space: nowrap;
}

/* iFrames */
#pl-forecastio { height: 235px; margin-bottom: -45px; } 
#icm-synoptyk { min-height: 757px; margin-bottom: -75px; width: 100%; }
#icm-synoptyk-i { margin-top: -75px; }
#pl-forecastio-if { width: 100%; }


iframe::-webkit-scrollbar { display: none; }
/* #radar-aimgw iframe { pointer-events:none; } */
#radar-misi iframe { pointer-events:none; }
#windyty-e iframe { pointer-events:none; }
#mapa-airly iframe { pointer-events:none; }
#mapa-airly-if {
	border: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 600px;
}

/* Radar: Awiacja IMGW */
#radar-aimgw {
    border: 0;
    padding: 0;
    overflow: hidden;
}

@media (max-width: 456px) {
    #radar-aimgw-if {
        overflow: hidden;
        width: 250%;
        height: 855px;
        margin-top: -25px;
        margin-left: -17px;
        margin-bottom: -515px;
        -ms-transform: scale(0.40);
        -moz-transform: scale(0.40);
        -o-transform: scale(0.40);
        -webkit-transform: scale(0.40);
        transform: scale(0.40);
                                   
        -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 (min-width: 457px) and (max-width: 767px) {
    #radar-aimgw-if {
        overflow: hidden;
        width: 175%;
        height: 855px;
        margin-left: -11px;
        margin-top: -37px;
        margin-bottom: -340px;
        -ms-transform: scale(0.60);
        -moz-transform: scale(0.60);
        -o-transform: scale(0.60);
        -webkit-transform: scale(0.60);
        transform: scale(0.60);
                                   
        -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 (min-width: 768px) and (max-width: 899px) {
    #radar-aimgw-if {
        overflow: hidden;
        max-width: 950px;
        width: 250%;
        height: 895px;
        margin-top: -47px;
        margin-left: -17px;
        margin-right: -80px;
        margin-bottom: -255px;

        -ms-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -o-transform: scale(0.75);
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
                                   
        -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 (min-width: 900px) and (max-width: 1023px) {
    #radar-aimgw-if {
        overflow: hidden;
        max-width: 950px;
        width: 270%;
        height: 860px;
        margin-top: -50px;
        margin-left: -17px;
        margin-right: -80px;
        margin-bottom: -290px;
        -ms-transform: scale(0.78);
        -moz-transform: scale(0.78);
        -o-transform: scale(0.78);
        -webkit-transform: scale(0.78);
        transform: scale(0.78);
                                   
        -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 (min-width: 1024px) {
    #radar-aimgw-if {
        overflow: hidden;
        width: 100%;
        max-width: 990px;
        height: 860px;
        margin-top: -61px;
        margin-left: -17px;
    }
}


/* Radar: MISI */

#radar-misi { 
    padding: 0; 
    border: 0; 
    overflow: hidden; 
}

@media (min-width: 768px) {
    #radar-misi-if {
        max-width: 925px;
        width: 100%;
        height: 600px;
        border: 0;  
    }
}
    
@media (max-width: 767px) {
    #radar-misi-if {
        width: 195%;
        margin-right: -350px;
        height: 600px;
        border: 0;
        margin-bottom: -300px;
        -ms-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -o-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
                                   
        -ms-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

}
   

#pioruny_burzedzis {
    min-height: 55px;
    max-width: 960px;
    width: 100%;
}

#burzedzis { 
    overflow: hidden; 
    border: 0; 
    margin: 0; 
    text-align: left; 
}

#windyty-me {
    max-width: 1140px;
	height: 220px;
	max-height: 220px;
    width: 100%;
    border: 0;
}

#windyty-e {
    max-width: 940px;
    width: 100%;
    max-height: 550px;
    height: 550px;
    border: 0;
}

/* Lists */
.li-tylda li:before { content: "\007E \0020"; }

/* smoothnes */
.smooth { opacity:0.85; filter:alpha(opacity=85); z-index: -1; }
.smooth_80 { opacity:0.80; filter:alpha(opacity=80); z-index: -1;}
.smooth_70 { opacity:0.70; filter:alpha(opacity=70); z-index: -1;}
.smooth_50 { opacity:0.50; filter:alpha(opacity=50); z-index: -1;}

/* hr */
hr {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.10), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.10), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.10), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.10), rgba(0,0,0,0));
  width: 75%;
}

pre { font-size: 12px; font-family: 'Roboto Mono', monospace; }
#smog { max-width: 100%; }

/* Politechnika */
#meteopw {margin-left: 5px; }
.meteopw i.wi { 
 font-size: 25px !important;
 } 
 
.meteopw i.wi-fw {
 width: 25px;
 margin-left: 2px;
 margin-right: 5px;
}
 
.meteopw div.col {
 font-size: 15px;
 padding: 0;
 text-align: left;
 white-space: nowrap;
 }

/* SkyWarn */

#skywarn dl {
    text-align: center;
    float: left;
    font-size: 9pt;
    width: 90px;
    margin-right: 15px;
    white-space: nowrap;
}

#skywarn dt { padding: 3px; }
#skywarn dl dd {
    display: block;
    margin: 1px;
    border: solid 1px;
    color: black;
    padding: 2px;
}

/* NavBar */
#navbar-custom.navbar-default .navbar-brand {
    color: #e8edf3;
    font-family: 'Dosis', Arial, Sans-Serif;
    font-size: 26px;
    font-weight: normal;
}

#navbar-custom.navbar-default {
    font-size: 18px;
    background-color: #003246;
    border-bottom-width: 0px;
    font-family: 'Open Sans Condensed', Arial, Sans-Serif;
    font-weight: normal;
    box-shadow: 0px 1px 3px #888888;
}

#navbar-custom ul.dropdown-menu  { background-color: #003246; }
#navbar-custom ul.dropdown-menu { margin-top: -1px; }
#navbar-custom ul.dropdown-menu a:hover { color: #003246 !important; background-color: #e8edf3 !important; }

#navbar-custom.navbar-default .navbar-header>a:hover {
    color: white;
}
#navbar-custom.navbar-default .navbar-nav>li>a {
    color: #e8edf3;
    background-color: #003246;
    background: -webkit-linear-gradient(top, rgba(0, 50, 70, 1) 0%, rgba(0, 50, 70, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 50, 70, 1) 0%, rgba(0, 50, 70, 1) 100%);
}
#navbar-custom.navbar-default .navbar-nav>li>a:hover,
#navbar-custom.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 50, 70, 1);
}
#navbar-custom.navbar-default .navbar-nav>.active>a,
#navbar-custom.navbar-default .navbar-nav>.active>a:hover,
#navbar-custom.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
    font-weight: bold;
}
#navbar-custom.navbar-default .navbar-nav>.active>a:hover {
    color: #e8edf3;
}

#navbar-custom.navbar-default .navbar-toggle .icon-bar { background: #e8edf3; }
#navbar-custom.navbar-default .navbar-toggle .icon-bar:hover { background: white; }
#navbar-custom.navbar-default .navbar-toggle {
  border: 0;
  background: transparent !important; 
  color: #e8edf3;
}
#navbar-custom.navbar-default .navbar-toggle:hover { background: transparent !important; }
#navbar-custom.navbar-default .navbar-toggle .icon-bar { width: 22px; transition: all 0.2s; }
#navbar-custom.navbar-default .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; }
#navbar-custom.navbar-default .navbar-toggle .middle-bar { opacity: 0; }
#navbar-custom.navbar-default .navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
#navbar-custom.navbar-default .navbar-toggle.collapsed .top-bar { transform: rotate(0); }
#navbar-custom.navbar-default .navbar-toggle.collapsed .middle-bar { opacity: 1; }
#navbar-custom.navbar-default .navbar-toggle.collapsed .bottom-bar { transform: rotate(0); }

#navbar-custom.navbar-default .navbar-collapse span.menu-details { padding-right: 10px; }
#navbar-custom.navbar-default .navbar-text { 
  font-family: 'Dosis', Arial, Sans-Serif; 
  font-size: 15px;
  color: #e8edf3; 
  display: inline; 
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  top: 4px;
}
#navbar-custom.navbar-default .dropdown-menu a {
  color: #e8edf3;
}
#navbar-custom.navbar-default .dropdown-menu a:hover {
  color: white;
}
  

#navbar-custom.navbar-default .only-lg { display: none; }

@media (min-width: 299px) and (max-width: 1099px) { 
  #navbar-custom.navbar-default .only-lg { 
    display: none; 
  } 
}
@media (min-width: 1100px) { 
  #navbar-custom.navbar-default .only-lg { 
    display: inline; 
  } 
}
#navbar-custom.navbar-default .collapsing .only-lg { display: inline; } 
#navbar-custom.navbar-default .in .only-lg { display: inline; } 

blockquote { border-left: 3px solid silver; }

/* Alert */
@-webkit-keyframes piorun_anim { from { color: #003246; } to { color: #ff8c00; } }
@-moz-keyframes piorun_anim { from { color: #003246; } to { color: #ff8c00; } }
@-ms-keyframes piorun_anim { from { color: #003246; } to { color: #ff8c00; } }
@-o-keyframes piorun_anim { from { color: #003246; } to { color: #ff8c00; } }
@keyframes piorun_anim { from { color: #003246; }  to { color: #ff8c00; }	}

@-webkit-keyframes parasol_anim { from { color: #003246; } to { color: #0033CC; } }
@-moz-keyframes parasol_anim { from { color: #003246; } to { color: #0033CC; } }
@-ms-keyframes parasol_anim { from { color: #003246; } to { color: #0033CC; } }
@-o-keyframes parasol_anim { from { color: #003246; } to { color: #0033CC; } }
@keyframes parasol_anim { from { color: #003246; }  to { color: #0033CC; }	}

/* FA */
#navbar-custom.navbar-default .navbar-collapse .fa { margin-right: 7px; }
.alert div.piorun { 
  display: inline;
  font-size: 50px;
  float: left;
  color: #003246;
  margin-top: -15px;
  margin-left: -5px;
  margin-right: 5px;
  margin-bottom: auto;
  padding:0;
  -webkit-animation: piorun_anim 0.5s infinite alternate;
  -moz-animation: piorun_anim 0.5s infinite alternate;  
  -ms-animation: piorun_anim 0.5s infinite alternate;  
  -o-animation: piorun_anim 0.5s infinite alternate;  
  animation: piorun_anim 0.5s infinite alternate;   
}
 
.alert div.parasol { 
  display: block;
  font-size: 50px;
  float: left;
  margin-top: -15px;
  margin-left: -5px;
  margin-right: 5px;
  margin-bottom: auto;
  padding:0;
  color: #003246; 
  -webkit-animation: parasol_anim 0.5s infinite alternate;
  -moz-animation: parasol_anim 0.5s infinite alternate;  
  -ms-animation: parasol_anim 0.5s infinite alternate;  
  -o-animation: parasol_anim 0.5s infinite alternate;  
  animation: parasol_anim 0.5s infinite alternate;   
}
.alert div.rso { 
  display: inline;
  font-size: 50px;
  float: left;
  color: #003246;
  margin-top: -15px;
  margin-left: -5px;
  margin-right: 5px;
  margin-bottom: auto;
  padding:0;
}
.alert div.rso_alert { 
  display: inline;
  font-size: 50px;
  float: left;
  color: #003246;
  margin-top: -15px;
  margin-left: -5px;
  margin-right: 5px;
  margin-bottom: auto;
  padding:0;
  -webkit-animation: piorun_anim 0.5s infinite alternate;
  -moz-animation: piorun_anim 0.5s infinite alternate;  
  -ms-animation: piorun_anim 0.5s infinite alternate;  
  -o-animation: piorun_anim 0.5s infinite alternate;  
  animation: piorun_anim 0.5s infinite alternate;   
}
.alert i.trojkat-o { float: left; font-size: 64px; margin-right: 32px; margin-left:16px; }
.as-source { position: relative; margin: 50px; }

#toTop {
	position: fixed;
	bottom: 20px;
	right: 2em;
	text-decoration: none;
	color: white;
	background-color: #497aa6;
	opacity:0.90; filter:alpha(opacity=90);
	font-size: 15px;
	padding: 10px;
	display: none;
	cursor: pointer;
	box-shadow: 1px 1px 2px #888888;
}

#toTop:hover {
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
}

.footer { text-align: center; color: #cbcbcb; margin-bottom: 5px; }
.footer a { color: #cbcbcb; text-decoration: none; }
.footer a:hover { color: #b9b9b9;	text-decoration: none; }
.footer .brand { display: block; }

/* Social Share */
.fb-like { display: block; }

@media (min-width: 1715px) {
  #navbar-custom.navbar-default .social-menu { display: none; }
  #social-fix {
      position: fixed;
      bottom: 20px;
      right: 80px;
      font-size: 30px;
      color: #003246;
  }

  #social-fix i { width: 25px; }
  #social-fix a { color:  #003246; opacity:0.3; filter:alpha(opacity=30); text-decoration: none; }
  #social-fix a:hover { color: #003246; opacity:1.0; filter:alpha(opacity=100); text-decoration: none; }
}

@media (max-width: 1714px) {
  #navbar-custom.navbar-default .social-menu {
      display: inline;
  }
  #social-fix { display: none; }
}

@media (min-width: 768px) and (max-width: 991px) {
  #navbar-custom.navbar-default .hide-mid {
      display: none;
  }
}

@media (min-width: 1714px) {
  #navbar-custom.navbar-default .hide-share {
      display: none;
  }
}

/*** custom checkboxes ***/
input[type=checkbox] {
     position: relative;
}
/* to hide the checkbox itself */
label>input[type=checkbox]:before {
    position: absolute;
    background-color: transparent;
    height: 100%;
    width: 100%;
    font-family: FontAwesome;
    display: inline-block;
    content:"\f096";
    letter-spacing: 10px;
}
/* space between checkbox and label */
label>input[type=checkbox]:checked:before {
     font-family: FontAwesome;
    display: inline-block;
    content:"\f046";
    letter-spacing: 5px;
}

label>input[type=radio]:before {
    position: absolute;
    background-color: transparent;
    height: 100%;
    width: 100%;
    font-family: FontAwesome;
    display: inline-block;
    content:"\f10c";
    letter-spacing: 10px;
}
/* space between checkbox and label */
 label>input[type=radio]:checked:before {
     font-family: FontAwesome;
    display: inline-block;
    content:"\f111";
    letter-spacing: 5px;
}
/* allow space for check mark */

.anchorjs-link:hover {
  color: #003246;
  }
  *:hover > .anchorjs-link {
    transition: color .25s linear;
    }
    
.anchored { margin-top: -60px; padding-top: 60px; }
.anchorjs-link a { text-decoration: none !important; }
.anchorjs-link a:hover { text-decoration: none !important; }

/* AutoComplete */
.fast-autocomplete {
float: right;
display: block;
height: 35px;
margin-top: -50px;
}

.autocomplete-suggestions {
   border: 1px solid #999;
      background: #FFF;
         overflow: auto;
         }
         
.autocomplete-suggestion {
   padding: 2px 5px;
      white-space: nowrap;
         overflow: hidden;
         }
         .autocomplete-selected { background: #F0F0F0; }
         .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
         .autocomplete-group { padding: 2px 5px; }
         .autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
         
/* Cities */
#map_canvas { width: 100%; min-height: 500px; height: 100%; box-shadow: 0px 1px 3px #888888; }
.cities-h2 { margin-top: 0; }
 
.ib-double { font-size: 45px !important; }
.ib-temp { font-size: 35px; margin-left: 7px; margin-right: 0px; }
#infometeo-bar i { font-size: 25px; } 
#ikona-ostronie { font-size: 150pt; color: #cbcbcb; }
#waw_zszrzdm { height: 1795px; width: 100%; overflow: hidden; margin-top: -2px; border: 0; }
#windguru_pre { width: 100%; height: 330px; overflow-y: hidden; }