@font-face{ /* Для старого информера*/
  font-family: "forecastfont";
  src: url("fonts/forecastfont.eot");
  src: url("fonts/forecastfont.eot?#iefix") format("embedded-opentype"),
	   url("fonts/forecastfont.woff") format("woff"),
	   url("fonts/forecastfont.ttf") format("truetype"),
	   url("fonts/forecastfont.svg#forecastfont") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family: 'weathericons';
  src: url('fonts/weathericons-regular-webfont.eot');
  src: url('fonts/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/weathericons-regular-webfont.woff') format('woff'), url('fonts/weathericons-regular-webfont.ttf') format('truetype'), url('fonts/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg');
  font-weight: normal;
  font-style: normal;
}

#forecast_container .wiIconGroup{
	text-align: center;
}

#forecast_container .wiIconGroup .wi{
	margin-top: -30px;
}

#forecast_container .wiIconGroup .wi:before{
	font-size: 6em;
}

#forecast_container li{
	list-style: none;
	position: relative;
}

#forecast_container .wiToday_night > .wiIconGroup, .wiToday_day > .wiIconGroup{
	float: right;
	width: 50%;
}

#forecast_container .wiToday_night > .wiIconGroup p, .wiToday_day > .wiIconGroup p{
	text-align: right;
}

#forecast_container .basecloud:before{
	content: '\f105';
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

#forecast_container .iconforecast-night:after{
	content: "\f100";
	position: absolute;
	color: rgb(255, 165, 0);
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	margin-top: -30px;
	left: 25%;
}

#forecast_container .iconforecast-sun:after{
	content: "\f113";
	color: rgb(255, 165, 0);
	position: absolute;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	margin-top: -30px;
	left: 25%;
}

#forecast_container .iconforecast-sleet:before{
	content: "\f10c";
	color:#acd3f3;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.windyraincloud:before{
	content: '\f111';
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}
.windysnowcloud:before{
	content: '\f109';
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.basethundercloud:before{
	content: '\f105';
	color:#000;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-thunder:before{
	content: "\f114";
	color:rgb(255, 165, 0);
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-sunny:after{
	content: "\f101";
	color:rgb(255, 165, 0);
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-drizzle:before{
	content: "\f10a";
	color: #82b2e4;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-hail:before{
	content: "\f10f";
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}
.iconforecast-showers:before{
	content: "\f104";
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-rainy:before{
	content: "\f107";
	color:#acd3f3;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-snowy:before{
	content: "\f10b";
	color:#acd3f3;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-frosty:before{
	content: "\f102";
	color:#85d8f7;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-windy:before{
	content: "\f115";
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-windyrain:before{
	content: "\f10e";
	color:#acd3f3;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-windysnow:before{
	content: "\f103";
	color:#acd3f3;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-weaksnow:before{
	content: "\f103";
	color:#acd3f3;
	margin-left: -5px;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-moon:after{
	content: "\f10d";
	color:rgb(255, 165, 0);
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.iconforecast-cloud:after{
	content: "\f106";
	position: absolute;
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	margin-top: -30px;
	left: 25%;
}

.iconforecast-sunrise:before{
	content: '\f112';
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position: absolute;
	margin-top: -30px;
	left: 25%;
}
.iconforecast-sunset:before{
	content: '\f110';
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position: absolute;
	margin-top: -30px;
	left: 25%;
}
.iconforecast-mist:before{
	content: '\f108';
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 8em;
	position:absolute;
	margin-top:-30px;
	left:25%;
}

.icon-forecast-mist.water_level:before{
	content: '\f108';
	font-family: 'forecastfont';
	-webkit-font-smoothing: antialiased;
	font-size: 22px;
}

@media only screen and (max-width: 479px){
	.wiToday_night, .wiToday_day{
		float:none !important;
		width:100% !important;
	}
}

/*************************************************************************************************/
/* Global - Base																				 */
/*************************************************************************************************/

/*http://www.myhome.ru/uploads/public/idea/1/1686/interior/27311/520x0resize_interior13103_59_1361441304.jpg*/
#forecast_container{
	color:#FFFFFF;
	font-size: 13px;
	line-height: normal;
}

#forecast_container p{
	margin: 0;
}

/*.post-inner{
	padding: 0;
}*/

#forecast_container .wiToday_night, #forecast_container .wiToday_day{
	width: 50%;
	overflow: hidden;
	float: left;
	padding: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 260px;
}

#forecast_container .wiToday_night{
	padding-right: 10px;
	background: #424242;
}

#forecast_container .wiToday_day{
	padding-left: 10px;
	background: #218ee0;
}

#forecast_container .clearfix:after{
  content: " ";
  display: table;
  clear: both;
}

#forecast_container div.wiToday_night > div.wiTemperature, #forecast_container div.wiToday_day > div.wiTemperature{
	font-size:300%;
  float: left;
  width: 50%;
  text-align: center;
  color: inherit;
}

#forecast_container sup {
  opacity: 0.7;
  font-size: 65%;
  vertical-align: baseline;
  top: -0.5em;
  position: relative;
}

#forecast_container .wiDetail{
  overflow: hidden;
  width: 100%;
  padding-bottom: 5px;
}

#forecast_container .today .wiDetail{
	padding-top: 10px;
}

#forecast_container .wiDetail p.wiDay{
  font-weight: bold;
  margin: 5px 0 2px 0;
  text-align: left;
  color: inherit;
}

#forecast_container .wiDetail ul{
	list-style: none;
	font-size: 14px;
}

#forecast_container .wiDetail ul li{
	/*float: left;
	margin-right: 5px;*/
	height: 26px;
/*	width: 30%;
	list-style: none;*/
}

#forecast_container ul.description{
	margin: 0;
	height: 48px;
}

#forecast_container ul.description .wi{
	font-size: 26px;
}

#forecast_container ul.description li:nth-child(1) span{
	margin-left: 5px;
	vertical-align: super;
}

/*************************************************************************************************/
/* Font mappings */
/*************************************************************************************************/

/***************************
General
****************************/
/*.wi.wind:before { content: "\f050"; }*/
.wi.humidity:before { content: "\f04e"; }
.wi.pressure.up:before { content: "\f040"; }
.wi.pressure.down:before { content: "\f03d";}
.wi.pressure.stable:before { content: "\f041"; }
.wi.pressure{ width:10%; }

.wi.cloudiness:before { content: "\f041"; }
.wi.temperature.metric:after { content: "\f03c"; }
.wi.temperature.imperial:after { content: "\f045"; }
.wi.loading:after { content: "\f04c"; }

/***************************
Thunderstorm
****************************/
.wi.wi200:before { content: "\f01d";}/* гроза с дождем */
.wi.wi211:before { content: "\f01e";}/* гроза */
.wi.wi210:before { content: "\f010";}/* небольшая гроза */
.wi.wi221:before { content: "\f016";}/* переменная гроза */

/***************************
Drizzle
****************************/
.wi.wi300:before { content: "\f01c";}/* морось */

/***************************
Rain
****************************/
.wi.wi500:before { content: "\f01a";}/* слабый дождь */
.wi.wi511:before { content: "\f015";}/* замерзающий дождь */
.wi.wi501:before { content: "\f017";}/* умеренный дождь */
.wi.wi504:before { content: "\f018";}/* сильный дождь */
.wi.wi503:before { content: "\f019";}/* ливень */

/***************************
Snow
****************************/
.wi.wi600:before { content: "\f01b";}/* снег */
.wi.wi611:before { content: "\f015";}/* мокрый снег */
.wi.wi615:before { content: "\f017";}/* дождь со снегом */

/***************************
Atmosphere
****************************/
.wi.wi701:before { content: "\f014";}/* туман */
.wi.wi731:before { content: "\f063";}/* пыль */
.wi.wi771:before { content: "\f050";}/* шквал */
.wi.wi781:before { content: "\f056";}/* торнадо */
.wi.wi711:before { content: "\f062";}/* дымка */


/***************************
Clouds
****************************/
.wi.wi801:before { content: "\f002";}/* облачно */
.wi.wi804:before { content: "\f00c";}/* облачно с прояснениями */
.wi.wi800:before { content: "\f00d";}/* ясно */

/***************************
Extreme
****************************/
.wi.wi901:before { content: "\f073";}/* ураган */
.wi.wi902:before { content: "\f011";}/* метель */
.wi.wi903:before { content: "\f076";}/* мороз */
.wi.wi904:before { content: "\f072";}/* жара */
.wi.wi905:before { content: "\f050";}/* ветренно */
.wi.wi906:before { content: "\f015";}/* град */

/***************************
Additional
****************************/
.wi.wi951:before { content: "\f00d";}/* штиль */
.wi.wi952:before { content: "\f021";}/* слабый ветер */
.wi.wi956:before { content: "\f050";}/* сильный ветер */

#forecast_container h2.acc_trigger{
	/*padding: 0;*/
	margin: 0 0 5px 0;
	height: 46px;
	/*line-height: 46px;*/
	width: 100%;
	float: left;
	background: #cfcfcf;
}
#forecast_container h2.acc_trigger a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0;
}

#forecast_container h2.acc_trigger.active{
	background-position: left bottom;
	background: #1e7fc9;
	margin: 0;
}

#forecast_container h2.acc_trigger.active ul.wiForecastwiForecast{
	color: #f4f8fc;
}

#forecast_container ul.wiForecast{
	/*color: #3e3e3e;*/
	margin: 10px 0 10px 0;
}

#forecast_container ul.wiForecast li{
	width: 25%;
	float: left;
	text-align: center;
	/*line-height: normal;*/
	font-size: 16px;
	font-weight: bold;
	/*cursor: pointer;
	list-style: none;*/
}

#forecast_container ul.wiForecast li i{
	margin-right: 5px;
}

#forecast_container ul.wiForecast li:nth-child(1){
	width: 50%;
	text-align: left;
	padding-left: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#forecast_container .acc_container{
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	clear: both;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#forecast_container .acc_container .block p{
	padding: 5px 0;
	margin: 5px 0;
}

#forecast_container .acc_container h3{
	margin: 0 0 20px;
	font-size: 1.17em;
}

#forecast_container{
	font-family: 'Roboto Condensed', sans-serif !important;
}







#forecast_container .wi{
	line-height: normal;
}

#forecast_container .wi.wind{
	width: 75%;
	float: right;
	text-align: right;
}
#forecast_container .wi.wind:before{
	width: 25px;
	padding-right: 10px;
}
.wi.wind.north_west:before{ content: "\f05d"; }
.wi.wind.north_east:before{ content: "\f05e"; }
.wi.wind.north:before{ content: "\f060"; }
.wi.wind.south_west:before{ content: "\f05a"; }
.wi.wind.south_east:before{ content: "\f05b"; }
.wi.wind.south:before{ content: "\f05c"; }
.wi.wind.west:before{ content: "\f059"; }
.wi.wind.east:before{ content: "\f061"; }

.wi.thermometer{
	font-size: 200%;
	float: left;
}

@media only screen and (max-width: 479px){
	ul.wiForecast li{
		font-size: 9px !important;
	}
	.iconforecast-sleet:before, .basecloud:before, .windyraincloud:before, .windysnowcloud:before, .basethundercloud:before, .iconforecast-thunder:before, .iconforecast-sunny:after, .iconforecast-drizzle:before, .iconforecast-hail:before, .iconforecast-showers:before, .iconforecast-rainy:before, .iconforecast-snowy:before, .iconforecast-frosty:before, .iconforecast-windy:before, .iconforecast-windyrain:before, .iconforecast-windysnow:before, .iconforecast-weaksnow:before, .iconforecast-moon:after, .iconforecast-night:after, .iconforecast-sun:after, .iconforecast-cloud:after, .iconforecast-sunrise:before, .iconforecast-sunset:before, .iconforecast-mist:before{
		left:0%;
	}

	.wiToday_night > .wiIconGroup p, .wiToday_day > .wiIconGroup p{
		text-align: center;
	}

	.wiDetail ul{
		font-size:9px;
	}

	.post-title{
		font-size: 20px;
		text-align: center;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px){
	div.wiToday_night > div.wiTemperature, div.wiToday_day > div.wiTemperature{
		font-size: 200%;
	}
	ul.wiForecast li{
		font-size: 14px !important;
	}

	.iconforecast-sleet:before, .basecloud:before, .windyraincloud:before, .windysnowcloud:before, .basethundercloud:before, .iconforecast-thunder:before, .iconforecast-sunny:after, .iconforecast-drizzle:before, .iconforecast-hail:before, .iconforecast-showers:before, .iconforecast-rainy:before, .iconforecast-snowy:before, .iconforecast-frosty:before, .iconforecast-windy:before, .iconforecast-windyrain:before, .iconforecast-windysnow:before, .iconforecast-weaksnow:before, .iconforecast-moon:after, .iconforecast-night:after, .iconforecast-sun:after, .iconforecast-cloud:after, .iconforecast-sunrise:before, .iconforecast-sunset:before, .iconforecast-mist:before{
		left:0%;
	}
	
	.wiToday_night > .wiIconGroup p, .wiToday_day > .wiIconGroup p{
		text-align: center;
	}

	.wiDetail ul {
		font-size:9px;
	}
}

@media only screen and (max-width: 767px) and (min-width: 600px){
	div.wiToday_night > div.wiTemperature, div.wiToday_day > div.wiTemperature{
		font-size: 200%;
	}

	ul.wiForecast li{
		font-size: 14px !important;
	}

	.iconforecast-sleet:before, .basecloud:before, .windyraincloud:before, .windysnowcloud:before, .basethundercloud:before, .iconforecast-thunder:before, .iconforecast-sunny:after, .iconforecast-drizzle:before, .iconforecast-hail:before, .iconforecast-showers:before, .iconforecast-rainy:before, .iconforecast-snowy:before, .iconforecast-frosty:before, .iconforecast-windy:before, .iconforecast-windyrain:before, .iconforecast-windysnow:before, .iconforecast-weaksnow:before, .iconforecast-moon:after, .iconforecast-night:after, .iconforecast-sun:after, .iconforecast-cloud:after, .iconforecast-sunrise:before, .iconforecast-sunset:before, .iconforecast-mist:before{
		left:0%;
	}
	
	.wiToday_night > .wiIconGroup p, .wiToday_day > .wiIconGroup p{
		text-align: center;
	}

	.wiDetail ul {
		font-size:9px;
	}
}