@charset "UTF-8";

/*Weather
*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.b-weather{min-width:940px;max-width:1400px;padding:17px 30px;margin:auto auto -10px;position:relative;background:#fff;-webkit-font-smoothing:antialiased}

/*Today
*******************************************************************************************************************************/
.b-weather-today{max-height:415px;padding:0 0 40px;font:13px 'Open Sans', Arial, Helvetica, Verdana, sans-serif;*zoom:1}

/*Left*/
.b-weather-today__left{width:150px;margin:0 -100% 0 0;float:left}

/*Date*/
.b-weather-today__date{padding:0 0 36px}
.b-weather-today__date>dt{}
.b-weather-today__date>dd{}

/*Period*/
.b-weather-today__period{width:110px}
.b-weather-today__period>li{padding:0 0 20px;overflow:hidden}
.b-weather-today__period .b-weather__pic{float:right}
.b-weather-today__period dl{margin:0 64px 0 0}
.b-weather-today__period dt{padding:0 0 6px;font:13px 'Open Sans Condensed', FranklinM, Arial, Helvetica, Verdana, sans-serif}
.b-weather-today__period dd{font:22px 'Open Sans', FranklinM, Arial, Helvetica, Verdana, sans-serif;font-weight:700;}

/*Right*/
.b-weather-today__right{width:250px;padding:3px 0 0;float:right}

/*Middle*/
.b-weather-today__middle{width:65.7%;min-width:523px;margin:0 -100% 0 0;position:relative;left:150px;float:left}
.b-weather-today__middle-i{max-width:800px;margin:auto}

/*Link*/
.b-weather-today__link{position:absolute;top:19px;left:139px;z-index:11;display: none;}
	.b-weather-today__link a{position:relative;font: 21px 'Open Sans Condensed', FranklinM, Arial, Helvetica, Verdana, sans-serif}
	.b-weather-today__link .pseudolink{border-bottom:1px dotted #004d99;display:inline-block;line-height:0.85}
	.b-weather-today__link .pseudolink:hover{border-bottom-color:#06c;text-decoration:none}
		.b-weather-today__link .icon.new{width: 34px;height: 17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAARCAYAAAC4qX7BAAAAc0lEQVRIx2P4b8wgCMRngPj/AGGQ3YIMA+wIuGMYBoEjwHiQOwQEcLGx8ZHFsKnDJUaWQ6gtRrRD0H2LywJsoYRPHckOoVWIDJo0QlKIjPTsO2hK1sFR16ADJAWrGAYSQB3xDqsrB8AhoQwDDYCOKB8IewGpITrtmhONEAAAAABJRU5ErkJggg==) no-repeat 0 0;display:block;position:absolute;right:-32px;top:-13px}

/*City*/
.b-weather-today__city{padding:0 0 10px 31px;margin:-8px 0 0 6px}
.b-weather-today__city-i{display:inline-block;*display:inline;position:relative}
.b-weather-today__city p{*display:inline;font:61px 'Open Sans Condensed', FranklinM, Arial, Helvetica, Verdana, sans-serif}

.b-weather-today__city p>a{padding:0 33px 0 0;position:relative}
.b-weather-today__city p>a>span{border-bottom:1px dotted #004d99;display:inline-block;line-height:.85}
.b-weather-today__city p>a:hover{text-decoration:none}
.b-weather-today__city>p>a:hover>span{border-color:#06c}
.b-weather-today__city p>a:after{content:" ";width:9px;height:5px;margin:4px 0 0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAKklEQVR42mP09fX9z0AAMIIIfAo3b97MyAjjYFMIUgA3CZtCmAKsAJuJALZyD9GthwtrAAAAAElFTkSuQmCC) no-repeat 0 0;position:absolute;top:50%;right:5px}

/*City-select*/
.b-weather__city-select{width:492px;padding:20px ;margin:10px 0 0;background:#fff;-webkit-box-shadow:0 5px 30px 5px rgba(0,0,0,.3);-moz-box-shadow:0 5px 30px 5px rgba(0,0,0,.3);box-shadow:0 5px 30px 5px rgba(0,0,0,.3);display:none;position:absolute;z-index:21;font-size:15px}
.b-weather__city-select:after{content:" ";width:19px;height:10px;margin:0 0 0 -10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKAQAAAAB+8lgyAAAAAnRSTlMAAHaTzTgAAAAuSURBVHjaBcExAQAgDASx+6dDR6RUQqUgHRzgABJoYIMuduIInMZTjFpy03qcD1S6BT7LXXVWAAAAAElFTkSuQmCC) no-repeat 0 0;position:absolute;top:-10px;left:50%}

.b-weather__city-select>ul{width:25%;float:left}
.b-weather__city-select>ul>li{display:block;overflow:hidden;line-height:26px}
.b-weather__city-select>ul>li>a{padding:0 10px;border:1px solid transparent;display:inline-block}
.b-weather__city-select>ul>li>.selected{border-color:#fecb16;cursor:default;font-weight:700;color:#000}
.b-weather__city-select>ul>li>.selected:hover{text-decoration:none}
.no-csscolumns .b-weather__city-select>li{width:33.333%}

/*Actual*/
.b-weather-today__actual{}
.b-weather-today__actual .b-weather__pic{margin:0 -15% 0 0;float:left}
.b-weather-today__actual dl{padding:0 0 0 20px;margin:0 0 0 320px}
.b-weather-today__actual dt{margin:-10px 0 0;font:182px 'Open Sans', FranklinM, Arial, Helvetica, Verdana, sans-serif;font-weight:700}
.b-weather-today__actual dt>.grad{padding-left:.13em;position:relative}
.b-weather-today__actual dt .sign{position:relative}
.b-weather-today__actual dt .minus{top:-15px}
.b-weather-today__actual dt>.grad:before{content:" ";background:-moz-linear-gradient(top,rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);position:absolute;top:0;right:0;bottom:0;left:0;z-index:11}
.b-weather-today__actual dt .deg{min-width:18%;margin:0 -.16em 0;*zoom:1;display:inline-block;font-family:'Open Sans', Arial, Helvetica, Verdana, sans-serif;font-weight:700}
.b-weather-today__actual dd{padding:0 0 0 30px;line-height:1.47;}
.b-weather-today__actual dd>p{}

/*6 Days
*******************************************************************************************************************************/
.b-weather-next{margin:20px -20px 0;font:11px 'Open Sans', Arial, Helvetica, Verdana, sans-serif}
.b-weather-next__day{width:20%;margin:0 -1px;border-right:1px solid #E4E4E4;float:left}
.b-weather-next__day.weekend{}
.b-weather-next__day:last-child{border:0}
.b-weather-next__day-i{padding:17px 20px 0}
.b-weather-next__date{padding:3px 0 36px}
.b-weather-next__day.weekend .b-weather-next__date,
.b-weather-next__day.weekend .b-weather-next__date>dd{color:#b20000}
.b-weather-next__date>dt{}
.b-weather-next__date>dd{}
.b-weather-next .b-weather__pic{}
p.b-weather-next__temp{min-height:73px;padding:0 !important;font:46px 'Open Sans', FranklinM, Arial, Helvetica, Verdana, sans-serif;font-weight:700;line-height:normal;white-space:nowrap}
.b-weather-next__temp>.ellipsis{font-size:31px}
.b-weather-next__temp>.deg{font-family:'Open Sans', Arial, Helvetica, Verdana, sans-serif;line-height:normal}
p.b-weather-next__temp.night{min-height:33px;padding:0 0 29px !important;font-size:22px;color:#999}
.b-weather-next__temp.night>.ellipsis{font-size:17px}
.b-weather-next p{padding:0 0 22px;line-height:1.6}
.b-weather-next p>.wind-icon{}
.b-weather-next p>.wind-icon+span{color:#808080}

/*Video
*******************************************************************************************************************************/
.b-weather-video{padding:22px 10px 28px;margin:0 -40px;background:#4d4d4d;text-align:center;color: #fff;display: none;}
	.b-weather-video>h3{padding:0 0 20px;font:21px 'Open Sans Condensed', FranklinM, Arial, Helvetica, Verdana, sans-serif}
	.b-weather-video>iframe{margin:auto;display:block}
	.b-weather-video>.b-weather-legalnote{padding:38px 0 0;color: #808080}
	.b-weather-video>.b-weather-legalnote>a,
	.b-weather-video>.b-weather-legalnote>a:hover{color:#808080}

/*Misc.
*******************************************************************************************************************************/
.b-weather-tooltip{max-width:156px;padding:5px 14px;background:#f1f1f1;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);-moz-box-shadow:0 2px 5px rgba(0,0,0,.3);box-shadow:0 2px 5px rgba(0,0,0,.3);position:absolute;font:11px'Open Sans', Arial, Helvetica, Verdana, sans-serif;display:none;z-index:21;color:#333}
.b-weather-legalnote{padding:29px 0 0;display:block;font-size:11px;font-style:italic;color:#b2b2b2}
.b-weather-legalnote>a,
.b-weather-legalnote>a:hover{color:#b2b2b2}

/*Wind*/
.wind-icon{width:7px;height:7px;background:url(wind.png) no-repeat;display:inline-block;*display:inline;vertical-align:baseline;position:relative}
.wind-icon.se{background-position:0 0} /*Юго-восточный*/
.wind-icon.sw{background-position:-18px -1px} /*Юго-западный*/
.wind-icon.s{height:8px;background-position:-34px 0} /*Южный*/
.wind-icon.n{height:8px;background-position:-50px 0} /*Северный*/
.wind-icon.w{width:8px;height:8px;background-position:-49px -9px} /*Западный*/
.wind-icon.e{width:8px;height:8px;background-position:-33px -9px} /*Восточный*/
.wind-icon.ne{background-position:-1px -10px} /*Северо-восточный*/
.wind-icon.nw{background-position:-18px -10px} /*Северо-западный*/

/****/
.m-date-pair{font-family:'Open Sans Condensed', FranklinM, Arial, Helvetica, Verdana, sans-serif}
.m-date-pair>dt{padding:0 0 5px;font-size:21px;text-transform:capitalize}
.m-date-pair>dd{font:13px 'Open Sans Condensed', FranklinM, Arial, Helvetica, Verdana, sans-serif;color:#999}

.b-weather__pic.small{position:relative}
.b-weather__pic.large{}

/*Phenomena
*******************************************************************************************************************************/

/*Large
*******************************************************************************************************************************/
.phenomena-icon{width:330px;height:330px;background:no-repeat 0 0;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor;image-rendering:optimizeSpeed}

/*1 Нет*/
.phenomena-icon.A1{background-image:url(A1.png)}
.phenomena-icon.A2{background-image:url(A2.png)}
.phenomena-icon.A3{background-image:url(A3.png)}
.phenomena-icon.A4{background-image:url(A4.png)}
.phenomena-icon.A5{background-image:url(A5.png)}
.phenomena-icon.A6{background-image:url(A6.png)}
.phenomena-icon.A7{background-image:url(A7.png)}
.phenomena-icon.A8{background-image:url(A8.png)}
.phenomena-icon.A9{background-image:url(A9.png)}
.phenomena-icon.A10{background-image:url(A10.png)}

/*2 (Дымка)*/
.phenomena-icon.B1{background-image:url(B1.png)}

/*3 (Возможен туман)*/
.phenomena-icon.C1{background-image:url(C1.png)}

/*4 (Дождь)*/
.phenomena-icon.D1{background-image:url(D1.png)}
.phenomena-icon.D4{background-image:url(D4.png)}
.phenomena-icon.D5{background-image:url(D5.png)}
.phenomena-icon.D6{background-image:url(D6.png)}
.phenomena-icon.D7{background-image:url(D7.png)}
.phenomena-icon.D8{background-image:url(D8.png)}
.phenomena-icon.D9{background-image:url(D9.png)}

/*5 (Снег с дождём (мокрый снег))*/
.phenomena-icon.E1{background-image:url(E1.png)}
.phenomena-icon.E4{background-image:url(E4.png)}
.phenomena-icon.E5{background-image:url(E5.png)}
.phenomena-icon.E6{background-image:url(E6.png)}
.phenomena-icon.E7{background-image:url(E7.png)}
.phenomena-icon.E8{background-image:url(E8.png)}
.phenomena-icon.E9{background-image:url(E9.png)}

/*6 (Снег с дождём (мокрый снег))*/
.phenomena-icon.F1{background-image:url(F1.png)}
.phenomena-icon.F4{background-image:url(F4.png)}
.phenomena-icon.F5{background-image:url(F5.png)}
.phenomena-icon.F6{background-image:url(F6.png)}
.phenomena-icon.F7{background-image:url(F7.png)}
.phenomena-icon.F8{background-image:url(F8.png)}
.phenomena-icon.F9{background-image:url(F9.png)}

/*7 (Снег, метель)*/
.phenomena-icon.G1{background-image:url(G1.png)}

/*8 (Дождь, возможна гроза)*/
.phenomena-icon.H1{background-image:url(H1.png)}
.phenomena-icon.H4{background-image:url(H4.png)}
.phenomena-icon.H5{background-image:url(H5.png)}
.phenomena-icon.H6{background-image:url(H6.png)}
.phenomena-icon.H7{background-image:url(H7.png)}
.phenomena-icon.H8{background-image:url(H8.png)}
.phenomena-icon.H9{background-image:url(H9.png)}

/*9 (Ливневый дождь)*/
.phenomena-icon.I1{background-image:url(I1.png)}
.phenomena-icon.I6{background-image:url(I6.png)}
.phenomena-icon.I7{background-image:url(I7.png)}
.phenomena-icon.I8{background-image:url(I8.png)}
.phenomena-icon.I9{background-image:url(I9.png)}

/*10 (Ливневый снег)*/
.phenomena-icon.J1{background-image:url(J1.png)}
.phenomena-icon.J6{background-image:url(J6.png)}
.phenomena-icon.J7{background-image:url(J7.png)}
.phenomena-icon.J8{background-image:url(J8.png)}
.phenomena-icon.J9{background-image:url(J9.png)}

/*11 (Морось)*/
.phenomena-icon.K1{background-image:url(K1.png)}
.phenomena-icon.K4{background-image:url(K4.png)}
.phenomena-icon.K5{background-image:url(K5.png)}
.phenomena-icon.K6{background-image:url(K6.png)}
.phenomena-icon.K7{background-image:url(K7.png)}
.phenomena-icon.K7{background-image:url(K8.png)}
.phenomena-icon.K9{background-image:url(K9.png)}

/*12 (Замерзающий дождь или гололёд)*/
.phenomena-icon.L1{background-image:url(L1.png)}

/*13 (Град / ледяная крупа)*/
.phenomena-icon.M1{background-image:url(M1.png)}
.phenomena-icon.M4{background-image:url(M4.png)}
.phenomena-icon.M5{background-image:url(M5.png)}
.phenomena-icon.M6{background-image:url(M6.png)}
.phenomena-icon.M7{background-image:url(M7.png)}
.phenomena-icon.M8{background-image:url(M8.png)}
.phenomena-icon.hl.M9{background-image:url(M9.png)}

/*14 (Шквал)*/

.phenomena-icon.N1{background-image:url(N1.png)}

/*64
*******************************************************************************************************************************/
.phenomena-icon.small{width:64px;height:64px;background-image:url(phenomena-64.png) !important;background-repeat:no-repeat }

/*1 Нет*/
.phenomena-icon.A1.small{background-position:0 0}
.phenomena-icon.A2.small{background-position:-64px 0}
.phenomena-icon.A3.small{background-position:-128px 0}
.phenomena-icon.A4.small{background-position:-196px 0}
.phenomena-icon.A5.small{background-position:-256px 0}
.phenomena-icon.A6.small{background-position:-320px 0}
.phenomena-icon.A7.small{background-position:-384px 0}
.phenomena-icon.A8.small{background-position:-448px 0}
.phenomena-icon.A9.small{background-position:-512px 0}
.phenomena-icon.A10.small{background-position:-576px 0}

/*2 (Дымка)*/
.phenomena-icon.B1.small{background-position:0 -64px}

/*3 (Возможен туман)*/
.phenomena-icon.C1.small{background-position:0 -128px}

/*4 (Дождь)*/
.phenomena-icon.D1.small{background-position:0 -196px}
.phenomena-icon.D4.small{background-position:-196px -194px}
.phenomena-icon.D5.small{background-position:-256px -194px}
.phenomena-icon.D6.small{background-position:-320px -193px}
.phenomena-icon.D7.small{background-position:-384px -194px}
.phenomena-icon.D8.small{background-position:-448px -194px}
.phenomena-icon.D9.small{background-position:-512px -194px}

/*5 (Снег с дождём (мокрый снег))*/
.phenomena-icon.E1.small{background-position:0 -256px}
.phenomena-icon.E4.small{background-position:-196px -256px}
.phenomena-icon.E5.small{background-position:-256px -256px}
.phenomena-icon.E6.small{background-position:-320px -256px}
.phenomena-icon.E7.small{background-position:-384px -256px}
.phenomena-icon.E8.small{background-position:-448px -256px}
.phenomena-icon.E9.small{background-position:-512px -256px}

/*6 (Снег с дождём (мокрый снег))*/
.phenomena-icon.F1.small{background-position:0 -320px}
.phenomena-icon.F4.small{background-position:-196px -320px}
.phenomena-icon.F5.night.small{background-position:256px -320px}
.phenomena-icon.F6.small{background-position:-320px -320px}
.phenomena-icon.F7.small{background-position:-384px -320px}
.phenomena-icon.F8.small{background-position:-448px -320px}
.phenomena-icon.F9.small{background-position:-512px -320px}

/*7 (Снег, метель)*/
.phenomena-icon.G1.small{background-position:0 -384px}

/*8 (Дождь, возможна гроза)*/
.phenomena-icon.H1.small{background-position:0 -448px}
.phenomena-icon.H4.small{background-position:-196px -448px}
.phenomena-icon.H5.small{background-position:-256px -448px}
.phenomena-icon.H6.small{background-position:-320px -448px}
.phenomena-icon.H7.small{background-position:-384px -448px}
.phenomena-icon.H8.small{background-position:-448px -448px}
.phenomena-icon.H9.small{background-position:-512px -448px}

/*9 (Ливневый дождь)*/
.phenomena-icon.I1.small{background-position:0 -512px}
.phenomena-icon.I6.small{background-position:-256px -512px}
.phenomena-icon.I7.small{background-position:-320px -512px}
.phenomena-icon.I8.small{background-position:-384px -512px}
.phenomena-icon.I9.small{background-position:-448px -512px}

/*10 (Ливневый снег)*/
.phenomena-icon.J1.small{background-position:0 -576px}
.phenomena-icon.J6.small{background-position:-256px -576px}
.phenomena-icon.J7.small{background-position:-320px -576px}
.phenomena-icon.J8.small{background-position:-384px -576px}
.phenomena-icon.J9.small{background-position:-448px -576px}

/*11 (Морось)*/
.phenomena-icon.K1.small{background-position:0 -640px}
.phenomena-icon.K4.small{background-position:-196px -640px}
.phenomena-icon.K5.small{background-position:256px -640px}
.phenomena-icon.K6.small{background-position:-320px -640px}
.phenomena-icon.K7.small{background-position:-384px -640px}
.phenomena-icon.K8.small{background-position:-448px -640px}
.phenomena-icon.K9.small{background-position:-512px -640px}

/*12 (Замерзающий дождь или гололёд)*/
.phenomena-icon.L1.small{background-position:0 -704px}

/*13 (Град / ледяная крупа)*/
.phenomena-icon.M1.small{background-position:0 -768px}
.phenomena-icon.M4.small{background-position:-196px -768px}
.phenomena-icon.M5.small{background-position:-256px -768px}
.phenomena-icon.M6.small{background-position:-320px -768px}
.phenomena-icon.M7.small{background-position:-384px -768px}
.phenomena-icon.M8.small{background-position:-448px -768px}
.phenomena-icon.M9.small{background-position:-512px -768px}

/*14 (Шквал)*/
.phenomena-icon.N1.small{background-position:0 -832px}


/*Responsive
*******************************************************************************************************************************/
/* <1100 */
@media only screen and (min-width:0) and (max-width:1100px),only screen and (min-device-width:0) and (max-device-width:1100px){
    .b-weather{padding:16px 20px 27px 30px}
    .b-weather-today__middle{left:120px}

    .b-weather-today__city p{font-size:51px}

    .b-weather-today__actual dl{margin:0 0 0 273px}
    .b-weather-today__actual dt{padding:28px 0 0;font-size:131px}
    .b-weather-today__actual dt>.grad{padding-left:.02em}
    .b-weather-today__actual dt .deg{margin:0 -.2em 0 -.18em}
    .b-weather-today__actual .b-weather__pic{-moz-transform:scale(.825);-moz-transform-origin:0 0;zoom:.825}
    .b-weather-today__actual dd{max-width:260px;padding:5px 0 0 9px}
    p.b-weather-next__temp{min-height:auto;padding:8px 0 0 !important;font-size:39px}
    .b-weather-next__temp>.ellipsis{font-size:26px}

	.b-weather-next{margin-top:0}


}
/* 1100...1200 */
@media only screen and (min-width:1100px) and (max-width:1200px),only screen and (min-device-width:1100px) and (max-device-width:1200px){

    .b-weather-today__actual dl{margin:0 0 0 270px}
    .b-weather-today__actual .b-weather__pic{-moz-transform:scale(.825);-moz-transform-origin:0 0;zoom:.85}
    .b-weather-today__actual dt{font-size:156px}
    .b-weather-today__actual dd{max-width:260px}
    .b-weather-today__city p{font-size:56px}
}

/*Smooth responsive transition*/
.b-weather-today__city p,
.b-weather-today__actual dt{ transition:all .1s linear;-o-transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear}

/*Retina
*******************************************************************************************************************************/
@media only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){

    .non-retina{display:none !important}
    .retina{display:block !important}
    img.retina{display:inline !important}

    .wind-icon{background-image:url(wind@2x.png);-webkit-background-size:57px auto;-o-background-size:57px auto;background-size:57px auto}

    .phenomena-icon.large{-webkit-background-size:330px auto;-moz-background-size:330px auto;-o-background-size:330px auto;background-size:330px auto}

    /*1 Нет*/
    .phenomena-icon.A1{background-image:url(A1@2x.png)}
    .phenomena-icon.A2{background-image:url(A2@2x.png)}
    .phenomena-icon.A3{background-image:url(A3@2x.png)}
    .phenomena-icon.A4{background-image:url(A4@2x.png)}
    .phenomena-icon.A5{background-image:url(A5@2x.png)}
    .phenomena-icon.A6{background-image:url(A6@2x.png)}
    .phenomena-icon.A7{background-image:url(A7@2x.png)}
    .phenomena-icon.A8{background-image:url(A8@2x.png)}
    .phenomena-icon.A9{background-image:url(A9@2x.png)}
    .phenomena-icon.A10{background-image:url(A10@2x.png)}

    /*2 (Дымка)*/
    .phenomena-icon.B1{background-image:url(B1@2x.png)}

    /*3 (Возможен туман)*/
    .phenomena-icon.C1{background-image:url(C1@2x.png)}

    /*4 (Дождь)*/
    .phenomena-icon.D1{background-image:url(D1@2x.png)}
    .phenomena-icon.D4{background-image:url(D4@2x.png)}
    .phenomena-icon.D5{background-image:url(D5@2x.png)}
    .phenomena-icon.D6{background-image:url(D6@2x.png)}
    .phenomena-icon.D7t{background-image:url(D7@2x.png)}
    .phenomena-icon.D8{background-image:url(D8@2x.png)}
    .phenomena-icon.D9{background-image:url(D9@2x.png)}

    /*5 (Снег с дождём (мокрый снег))*/
    .phenomena-icon.E1{background-image:url(E1@2x.png)}
    .phenomena-icon.E4{background-image:url(E4@2x.png)}
    .phenomena-icon.E5{background-image:url(E5@2x.png)}
    .phenomena-icon.E6{background-image:url(E6@2x.png)}
    .phenomena-icon.E7{background-image:url(E7@2x.png)}
    .phenomena-icon.E8{background-image:url(E8@2x.png)}
    .phenomena-icon.E9{background-image:url(E9@2x.png)}

    /*6 (Снег с дождём (мокрый снег))*/
    .phenomena-icon.F1{background-image:url(F1@2x.png)}
    .phenomena-icon.F4{background-image:url(F4@2x.png)}
    .phenomena-icon.F5{background-image:url(F5@2x.png)}
    .phenomena-icon.F6{background-image:url(F6@2x.png)}
    .phenomena-icon.F7{background-image:url(A7@2x.png)}
    .phenomena-icon.F8{background-image:url(F8@2x.png)}
    .phenomena-icon.F9{background-image:url(A9@2x.png)}

    /*7 (Снег, метель)*/
    .phenomena-icon.G1{background-image:url(G1@2x.png)}

    /*8 (Дождь, возможна гроза)*/
    .phenomena-icon.H1{background-image:url(H1@2x.png)}
    .phenomena-icon.H4{background-image:url(H4@2x.png)}
    .phenomena-icon.H5{background-image:url(H5@2x.png)}
    .phenomena-icon.H6{background-image:url(H6@2x.png)}
    .phenomena-icon.H7{background-image:url(H7@2x.png)}
    .phenomena-icon.H8{background-image:url(H8@2x.png)}
    .phenomena-icon.H9{background-image:url(H9@2x.png)}

    /*9 (Ливневый дождь)*/
    .phenomena-icon.I1{background-image:url(I1@2x.png)}
    .phenomena-icon.I6{background-image:url(I6@2x.png)}
    .phenomena-icon.I7{background-image:url(I7@2x.png)}
    .phenomena-icon.I8{background-image:url(I8@2x.png)}
    .phenomena-icon.I9{background-image:url(I9@2x.png)}

    /*10 (Ливневый снег)*/
    .phenomena-icon.J1{background-image:url(J1@2x.png)}
    .phenomena-icon.J6{background-image:url(J6@2x.png)}
    .phenomena-icon.J7{background-image:url(J7@2x.png)}
    .phenomena-icon.J8{background-image:url(J8@2x.png)}
    .phenomena-icon.J9{background-image:url(J9@2x.png)}

    /*11 (Морось)*/
    .phenomena-icon.K1{background-image:url(K1@2x.png)}
    .phenomena-icon.K4{background-image:url(K4@2x.png)}
    .phenomena-icon.K5{background-image:url(K5@2x.png)}
    .phenomena-icon.K6{background-image:url(K6@2x.png)}
    .phenomena-icon.K7{background-image:url(K7@2x.png)}
    .phenomena-icon.K7{background-image:url(K8@2x.png)}
    .phenomena-icon.K9{background-image:url(K9@2x.png)}

    /*12 (Замерзающий дождь или гололёд)*/
    .phenomena-icon.L1{background-image:url(L1@2x.png)}

    /*13 (Град / ледяная крупа)*/
    .phenomena-icon.M1{background-image:url(M1@2x.png)}
    .phenomena-icon.M4{background-image:url(M4@2x.png)}
    .phenomena-icon.M5{background-image:url(M5@2x.png)}
    .phenomena-icon.M6{background-image:url(M6@2x.png)}
    .phenomena-icon.M7{background-image:url(M7@2x.png)}
    .phenomena-icon.M8{background-image:url(M8@2x.png)}
    .phenomena-icon.hl.M9{background-image:url(M9@2x.png)}

    /*14 (Шквал)*/
    .phenomena-icon.N1{background-image:url(N1@2x.png)}

    /*Small*/
    .phenomena-icon.small{background-image:url(phenomena-64@2x.png) !important;-webkit-background-size:640px auto !important;-moz-background-size:640px auto !important;-o-background-size:640px auto !important;background-size:640px auto !important}
}

.non-retina{display:block}
img.non-retina{display:inline}
.retina{display:none}

/*Layout crop specify fix*/
html{background-color:#e3e3e3;}
body{background-image:none;}
.touch body{cursor:pointer;}
.bnr-top-wide, .b-top-line-1{background-color:#fff;}
.bnr-top-wide ins iframe, .b-top-line-1 ins iframe{min-width:0;}
.l-gradient-wrapper{min-width:1000px;background:#e3e3e3 linear-gradient(to bottom,#fff,#fff 50%,#e3e3e3) repeat-x 0 0 / 100% 190px;}