html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  line-height: 1;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q,
blockquote {
  quotes: none;
}
q:before,
blockquote:before,
q:after,
blockquote:after {
  content: "";
  content: none;
}
img {
  max-width: 100%;
  height: auto;
  border: none;
}
a {
  text-decoration: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
:focus {
  outline: none;
}
.cf:before,
.cf:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.cf:after {
  clear: both;
}
@font-face {
  font-family: 'Roboto-Bold';
  font-weight: normal;
  font-style: normal;
  src: url("/images/new_design/fonts/Roboto-Bold.eot");
  src: url("/images/new_design/fonts/Roboto-Bold.eot?#iefix") format('embedded-opentype'), url("/images/new_design/fonts/Roboto-Bold.woff2") format('woff2'), url("/images/new_design/fonts/Roboto-Bold.woff") format('woff'), url("/images/new_design/fonts/Roboto-Bold.ttf") format('truetype'), url("/images/new_design/fonts/Roboto-Bold.svg#Roboto-Bold") format('svg');
}
@font-face {
  font-family: 'Roboto-Light';
  font-weight: normal;
  font-style: normal;
  src: url("/images/new_design/fonts/Roboto-Light.eot");
  src: url("/images/new_design/fonts/Roboto-Light.eot?#iefix") format('embedded-opentype'), url("/images/new_design/fonts/Roboto-Light.woff2") format('woff2'), url("/images/new_design/fonts/Roboto-Light.woff") format('woff'), url("/images/new_design/fonts/Roboto-Light.ttf") format('truetype'), url("/images/new_design/fonts/Roboto-Light.svg#Roboto-Light") format('svg');
}
@font-face {
  font-family: 'Roboto-Regular';
  font-weight: normal;
  font-style: normal;
  src: url("/images/new_design/fonts/Roboto-Regular.eot");
  src: url("/images/new_design/fonts/Roboto-Regular.eot?#iefix") format('embedded-opentype'), url("/images/new_design/fonts/Roboto-Regular.woff2") format('woff2'), url("/images/new_design/fonts/Roboto-Regular.woff") format('woff'), url("/images/new_design/fonts/Roboto-Regular.ttf") format('truetype'), url("/images/new_design/fonts/Roboto-Regular.svg#Roboto-Regular") format('svg');
}
.icon-search,
.popup-form__name:before,
.popup-form__email:before,
.popup-form__password:before,
.popup-form__phone:before,
.jo-select-location dt:before,
.location_selectors div span,
.upload-avatar + label:before,
.small-weather .bx-prev:before,
.small-weather .bx-next:before,
.news-slider__block .bx-prev,
.news-slider__block .bx-next,
.infoBox .weather_meta:before,
.map_water-temperature-bg,
.map_water-temperature,
.wind .direction:before,
.compass:before,
.chart-icon.sunrise:before,
.chart-icon.sunset:before,
.chart-icon.moon:before,
.playButton,
.playButton.active,
.compass:after,
.attention-alert:before,
.webcams:before,
.meteoprog:before,
.socials__item,
.city-info__container .sunrise,
.city-info__container .sunset,
.create-widget:before,
.aditional-sharing__item,
.weather_meta.top:before,
.weather_meta.right:before,
.weather_meta.bottom:before,
.weather_meta.left:before,
.day-chart__sunrise:before,
.day-chart__sunset:before,
.checkbox-wrap label:before,
.profile-overview__edit,
.profile-overview__logout,
.footer-logo:before,
.android:before,
.apple:before,
.mob-version:before {
  background: url("/images/new_design/sprite.png") 0 0 no-repeat;
}
.before,
section.attention p span:after,
section.attention p .attention-alert:before,
.catalog-search-tabs .tab-item:nth-child(1):after,
.catalog-search__search button .icon-search,
.alphabet-list .letter.active:before,
.jo-select-filter dt:after,
.popup-form__name:before,
.popup-form__email:before,
.popup-form__password:before,
.popup-form__phone:before,
.popup-form__adds a:after,
.popup-form .upload-avatar + label:before,
.popup-form .upload-avatar + label:after,
.modal-registration__container .location_selectors .jo-select-location dt:before,
.checkbox-wrap label:before,
.wind .direction:before,
.cabinet .edit-city__list-item.removable:before,
.cabinet .edit-city__list-item.removable:after,
.notifications .on-off__item:nth-child(1):after,
.notifications .sub__on-off__item:nth-last-child(3):after,
.notifications__apply-button:after,
.main-header__search .icon-search,
.drop-down-menu menu li.current-item:before,
.popup-form + a:after,
.lang-switch .current-lang:after,
.footer-left__copyright .footer-logo:before,
.footer-right__apps .android:before,
.footer-right__apps .apple:before,
.footer-right__apps .mob-version:before,
.small-weather .bx-prev:before,
.small-weather .bx-next:before,
.small-weather-slider li.active:before,
.small-weather-slider li:after,
.small-weather-slider li:hover:before,
.news-slider__block .news-slider li a:before,
.main-weather__item:before,
.main-weather__item-meta .wet:before,
.main-weather__item-meta .fallout:before,
.main-weather__item-meta .wind:before,
.main-weather__item-meta .pressure:before,
.main-weather__item-meta .uv:before,
.main-weather__item-meta .wet:after,
.main-weather__item-meta .fallout:after,
.main-weather__item-meta .wind:after,
.main-weather__item-meta .pressure:after,
.main-weather__item-meta .uv:after,
.main-weather__item.today .compass:before,
.main-weather__item.today .compass:after,
.day-chart__sunrise:before,
.day-chart__sunset:before,
.day-chart:after,
.weeks-chart .advanced-forecast:after,
.weeks-chart .chart-icon.moon:before,
.weeks-chart .chart-icon.sunrise:before,
.weeks-chart .chart-icon.sunset:before,
.weeks-chart__wrapper:before,
.read-also__item:before,
.map-block .weather_meta.top:before,
.map-block .weather_meta.bottom:before,
.map-block .weather_meta.right:before,
.map-block .weather_meta.left:before,
.maps-tabs .tab-item:before,
.maps-switcher__trigger:after,
.infoBox .weather_meta:before,
.webcams:before,
.city-info__container .left-part:after,
.aditional .create-widget:before,
.news-block__item-list li:before,
.news-block__item-list .main-news a:before,
.news-block__item__all:after,
#paginator .paginator_slider:before,
#paginator .paginator_slider .ui-slider-handle:before,
#paginator .paginator_slider .ui-slider-handle:after,
.sidebar .socials .meteoprog:before {
  content: ' ';
  display: block;
  position: absolute;
}
.cam,
.alphabet-list .letter.active:before,
.drop-down-menu li a .icon svg,
.main-weather__item.today .compass:after,
.weeks-chart .chart-icon.moon:before,
.weeks-chart .chart-icon.sunrise:before,
.weeks-chart .chart-icon.sunset:before,
.weeks-chart .chart-icon svg,
.webcam-modal__container .video__container .underConstraction,
#paginator .paginator_slider .ui-slider-handle:before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ham,
.notifications__slider-tooltip,
.weeks-chart .wind-chart .wind-data .direction:before,
.map-block .weather_meta.top,
.map-block .weather_meta.bottom,
.map-block .weather_meta.top:before,
.map-block .weather_meta.bottom:before,
.infoBox .weather_meta,
.infoBox .weather_meta:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.vam,
section.attention p .attention-alert:before,
.catalog-search .district-name a,
.jo-select-filter dt:after,
.popup-form__name:before,
.popup-form__email:before,
.popup-form__password:before,
.popup-form__phone:before,
.popup-form .upload-avatar + label:before,
.modal-registration__container .location_selectors .jo-select-location dt,
.cabinet .edit-city .add-city .geo-tag,
.notifications .on-off__item:nth-child(1):after,
.notifications .sub__on-off__item:nth-last-child(3):after,
.main-header__search,
.logo,
.user-block,
.footer-left__copyright .footer-logo:before,
.footer-right__apps .android:before,
.footer-right__apps .apple:before,
.footer-right__apps .mob-version:before,
.carousel-person__arrow,
.news-slider__block .bx-wrapper .bx-prev,
.news-slider__block .bx-wrapper .bx-next,
.main-weather__item.today .main-weather__item-icon,
.main-weather__item .icon,
.weeks-chart__wrapper-aside .min:before,
.weeks-chart__wrapper-aside .max:before,
.map-block .weather_meta.right,
.map-block .weather_meta.left,
.map-block .weather_meta.right:before,
.map-block .weather_meta.left:before,
.maps-switcher__trigger,
.maps-switcher__trigger:after,
.maps .execDaySlider .playButton,
.webcams,
.webcams:before,
.webcam-modal__container,
.aditional .create-widget:before,
.news-block__item-list li:before,
#paginator .paginator_slider .ui-slider-handle:after,
.sidebar .socials .meteoprog,
.sidebar .socials__block,
.sidebar .socials .meteoprog:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  -ms-flex-pack: center;
  -o-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: center;
}
.overflow-hidden {
  overflow: hidden;
  -ms-scroll-limit: 0 0 0 0;
}
.fadeInUp {
  -webkit-animation: fadeInUp 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation: fadeInUp 0.5s;
  animation-fill-mode: forwards;
}
.fadeInUp:nth-child(2n) {
  -webkit-animation: fadeInUp 0.7s;
  animation: fadeInUp 0.7s;
}
.fadeInUp:nth-child(3n) {
  -webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
html,
body {
  height: 100%;
}
menu {
  list-style: none;
}
.cabinet .tab-subnav {
  margin-bottom: 53px;
}
.cabinet .tab-subcontent .checkbox-wrap {
  margin-bottom: 28px;
}
.viewport {
  margin:0 auto;
  #height: 100%;
  position: relative;
  width: 1032px;
/*min-width 1032px*/
  background: #f4f4f4;
/*@media all and (max-width 1053px)*/
/*min-width 0*/
}
.button {
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  font-family: Roboto;font-weight:300;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.button-white {
  color: #626262;
/*border-color: #c6c6cb*/
  border: solid 1px #c6c6cb;
  -webkit-transition: color 0.3s, border 0.3s !important;
  -moz-transition: color 0.3s, border 0.3s !important;
  transition: color 0.3s, border 0.3s !important;
}
.button-white:hover {
  color: #3f6bf5;
  border: solid 1px #3f6bf5;
}
.button-green {
  background: #52ac62;
  color: #fff;
}
.button-green:hover {
  background: rgba(82,172,98,0.8);
}
.button-blue {
  background: #3f6bf5;
  color: #fff;
}
.button-blue:hover {
  background: rgba(63,107,245,0.8);
}
.button.enter {
  text-transform: uppercase;
  line-height: 40px;
}
.wrap {
  max-width: 1032px;
  margin: 0 auto;
}
.page-left {
  float: left;
  position: absolute;
  min-height: 100%;
  z-index: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 240px;
  -webkit-transition: visibility 0s 0.25s;
  -moz-transition: visibility 0s 0.25s;
  transition: visibility 0s 0.25s;
}
h1.main-title,
section.section .main-title,
section.section.main-title {
  font-family: Roboto;font-weight:900;
  font-size: 22px;
}
section.section .section__title {
  font-family: Roboto;font-weight:300;
  font-size: 1.375em;
}
section.section .section__title p {
  margin-bottom: 6px;
}
section.section .section__title h2 {
  margin-bottom: 6px;
  font-size: 22px;
  float:left;
}
section.about-day {
  font-family: Roboto;font-weight:300;
  line-height: 1.8125em;
  font-family: Roboto;
  font-weight: 300;
}
section.about-day p {
  font-size: 0.625em;
  font-size: 12px;
}
section.attention {
  line-height: 3em;
  position: relative;
}
section.attention p {
  font-size: 0.875em;
  font-family: Roboto;font-weight:300;
}
section.attention p span {
  position: relative;
  margin-right: 5px;
  padding-right: 6px;
}
section.attention p span:after {
  width: 1px;
  height: 100%;
  background: #000;
  right: 0;
  top: 0;
}
section.attention p span:nth-last-child(1):after {
  display: none;
}
section.attention p .attention-alert {
  padding-left: 40px;
  padding-right: 0;
  text-transform: uppercase;
  font-family: Roboto;font-weight:900;
  color: #f40606;
}
section.attention p .attention-alert:before {
  background-position: -192px -9px;
  width: 29px;
  height: 29px;
  left: 0;
}
section.attention p .attention-alert:after {
  display: none;
}
section.attention p .special {
  font-family: Roboto;font-weight:900;
  color: #f40606;
}
.columns {
  margin-top: 20px;
}
.banner {
  display: block;
}
.border-top {
  border-top: solid 1px #c6c6cb;
}
.border-bottom {
  border-bottom: solid 1px #c6c6cb;
}
.catalog-search .border-bottom {
/*margin-bottom: 30px!important*/
  padding-bottom: 10px;
}
.catalog-search .geo-tag {
  position: absolute;
  width: 9px;
  height: 12px;
  left: -13px;
}
.catalog-search .geo-tag path {
  fill: #000;
}
.catalog-search h4 {
  margin-bottom: 14px;
  font-family: Roboto;font-weight:300;
  font-size: 22px;
  text-transform: uppercase;
}
.catalog-search a {
  color: #2b85ca;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
}
.catalog-search .objectsFilteredByLetter {
  margin-bottom: 15px;
}
.catalog-search .district-name {
  position: relative;
  text-transform: none;
}
.catalog-search .district-name a {
  position: absolute;
  right: 0;
  color: #000;
  text-decoration: underline;
}
.catalog-search .catalog-list__item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  margin-bottom: 5px;
}
.catalog-search-tabs {
  display: inline-block;
}
.catalog-search-tabs .tab-item {
  display: inline-block;
  position: relative;
}
.catalog-search-tabs .tab-item:nth-child(1) {
  margin-right: 10px;
}
.catalog-search-tabs .tab-item:nth-child(1):after {
  width: 1px;
  height: 19px;
  background: #000;
  right: -7px;
  top: 2px;
}
.catalog-search-tabs .tab-item.active a {
  color: #000;
  text-decoration: none;
}
.catalog-search-tabs .tab-item a {
  color: #c6c6cb;
  text-decoration: underline;
}
.catalog-search__search {
  display: table-cell;
  vertical-align: middle;
}
.catalog-search__search fieldset {
  position: relative;
  float: left;
}
.catalog-search__search input {
  width: 316px;
  height: 30px;
  margin-right: 20px;
  padding-left: 32px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #c6c6cb;
  font-family: Roboto;font-weight:300;
  font-size: 1em;
  color: #7b7b7b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.catalog-search__search button {
  position: absolute;
  background: none;
  border: none;
  cursor: pointer;
  left: 10px;
  padding: 0;
  top: 50%;
  margin-top: -7px;
}
.catalog-search__search button .icon-search {
  background-position: -9px -9px;
  width: 15px;
  height: 15px;
}
.catalog-search__search__last-results {
  position: relative;
  display: inline-block;
  top: 5px;
  font-family: Roboto;font-weight:300;
  font-size: 0.75em;
}
.catalog-search__search__last-results span {
  color: rgba(0,0,0,0.5);
}
.alphabet-list {
    display: table;
    width: calc(100% + 15px);
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: -15px;
    text-align: center;
}
.alphabet-list .letter {
    position: relative;
    /* width: 24px; */
    margin-left: 15px;
    display: inline-block;
    /* height: 24px; */
     /*margin-left: 10px;*/ 
    margin-bottom: 5px;
    /* border: solid 1px blue; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 27px;
    font-family: Roboto;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
}
.alphabet-list .letter.disabled {
  color: #626262;
}
.alphabet-list .letter.active {
  color: #fff;
}


.alphabet-list .letter.active:before {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #3f6bf5;
    z-index: -1;
}
.continents {
  position: relative;
}
.continents .tabs-nav {
  position: absolute;
  top: 25px;
  z-index: 2;
}
.continents .tabs-nav a {
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.continents .tabs-map-bg {
  position: relative;
}
.continents .tabs-map-bg .tab-item {
  display: block;
  position: absolute;
}
.continents .tabs-map-bg .tab-item.namerica {
  top: 42%;
  left: 40.2%;
}
.continents .tabs-map-bg .tab-item.samerica {
  top: 80.5%;
  left: 48.1%;
}
.continents .tabs-map-bg .tab-item.africa {
  top: 61.5%;
  left: 62.8%;
}
.continents .tabs-map-bg .tab-item.europe {
  top: 38%;
  left: 62.8%;
}
.continents .tabs-map-bg .tab-item.asia {
  top: 45.5%;
  left: 80.75%;
}
.continents .tabs-map-bg .tab-item.australia {
  top: 80.2%;
  left: 88.1%;
}
.continents .tabs-map-bg .tab-item a {
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
/*background: #116BF9*/
}
.continents .tabs-map-bg .tab-content {
  height: 265px;
}
.soc-item {
  display: inline-block;
  -webkit-background-size: cover;
  background-size: cover;
}
.soc-item.fb {
  background-image: url("/images/new_design/socicon/fb.jpg");
}
.soc-item.tw {
  background-image: url("/images/new_design/socicon/twitter.jpg");
}
.soc-item.vk {
  background-image: url("/images/new_design/socicon/vk.jpg");
}
.soc-item.odn {
  background-image: url("/images/new_design/socicon/odnoklassniki.jpg");
}
.soc-item.gp {
  background-image: url("/images/new_design/socicon/gPlus.jpg");
}
.jo-select {
  display: inline-block;
  vertical-align: middle;
  width: auto;
/*padding-right: 40px;*/
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jo-select dt {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.jo-select dt.active + dd {
  margin-top: -1px;
  visibility: visible;
  opacity: 1;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
}
.jo-select dd {
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  width: auto;
  top: 100%;
  margin-top: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0.3s, margin 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s, margin 0.3s;
  transition: opacity 0.3s, visibility 0.3s, margin 0.3s;
}
.jo-select__item {
  display: block;
  cursor: pointer;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  padding-left: 11px;
  line-height: 28px;
}
.jo-select-form {
  z-index: 1;
}
.jo-select-form dt.active + dd {
  margin-top: 2px;
}
.jo-select-form dd {
  width: 260px;
  left: -175px;
  padding: 10px;
  border: 1px solid #c3c3c3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-transition: visibility 0.3s, margin 0.3s;
  -moz-transition: visibility 0.3s, margin 0.3s;
  transition: visibility 0.3s, margin 0.3s;
}
.jo-select-filter {
  width: 100px;
/*margin-right: 10px;*/
  padding-right: 0;
  text-align: left;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.jo-select-filter dt {
  position: relative;
  padding-left: 11px;
  color: #212121;
  font-size: 16px;
  font-family: Roboto;font-weight:900;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.jo-select-filter dt:after {
  right: 14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #000 transparent transparent transparent;
}
.jo-select-filter dt span {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.jo-select-filter dd {
  padding: 6px 0;
  width: 100%;
  -webkit-box-sizing: boder-box;
  -moz-box-sizing: boder-box;
  box-sizing: boder-box;
  border: 1px solid #c6c6cb;
  border-top: none;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.popup-form {
  width: 100%;
}
.popup-form .not-required {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #c6c6cb;
}
.popup-form p {
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  color: #626262;
}
.popup-form .descr {
  margin-bottom: 7px;
  color: #000;
}
.popup-form .descr + p {
  margin-bottom: 20px;
  font-size: 12px;
}
.popup-form.submitted input:invalid {
  border-color: #ae1b1b;
  color: #ae1b1b;
}
.popup-form .text-input {
  width: 100%;
  margin-bottom: 10px;
}
.popup-form .text-input input {
  width: 100%;
  height: 30px;
  padding-left: 34px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #c3c3c3;
}
.popup-form__name,
.popup-form__email,
.popup-form__password,
.popup-form__phone {
  position: relative;
}
.popup-form__name:before,
.popup-form__email:before,
.popup-form__password:before,
.popup-form__phone:before {
  left: 10px;
}
.popup-form__name:before {
  background-position: -971px -9px;
  width: 14px;
  height: 14px;
}
.popup-form__email:before {
  background-position: -940px -9px;
  width: 14px;
  height: 14px;
}
.popup-form__password:before {
  background-position: -957px -9px;
  width: 12px;
  height: 16px;
}
.popup-form__phone:before {
  background-position: -986px -9px;
  width: 15px;
  height: 15px;
}
.popup-form__adds {
  margin-bottom: 13px;
}
.popup-form__adds .checkbox-wrap {
  float: left;
}
.popup-form__adds > * {
  display: inline-block;
}
.popup-form__adds a {
  float: right;
  font-size: 12px;
  line-height: 14px;
  color: #626262;
  position: relative;
}
.popup-form__adds a:after {
  height: 1px;
  background: #626262;
  width: 100%;
  bottom: -2px;
}
.popup-form .checkbox-wrap label {
  padding-left: 20px;
  color: #626262;
}
.popup-form .user-meta {
  height: 65px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.popup-form .user-meta > * {
  display: inline-block;
}
.popup-form .user-meta__avatar {
  float: left;
}
.popup-form .user-meta__gender {
  margin-top: 3px;
  float: right;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
}
.popup-form .user-meta__gender input {
  padding: 0;
  margin: 0;
}
.popup-form .user-meta__gender input:nth-last-child(2) {
  margin-left: 16px;
}
.popup-form .upload-avatar {
  position: absolute;
  text-indent: -9999px;
  opacity: 0;
}
.popup-form .upload-avatar + label{
  position: relative;
  display: inline-block;
  margin-left: 76px;
  top: 25px;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  color: #3f6bf5;
  cursor: pointer;
}

#progress{   
    margin-left: 0px;
    margin-top: 0px;
    top: 545px;
}
.popup-form .upload-avatar + label:before {
  background-position: -1002px -9px;
  width: 64px;
  height: 64px;
  left: -76px;
}
.popup-form .upload-avatar + label:after{
  width: 100%;
  height: 1px;
  background: #3f6bf5;
  bottom: -2px;
}


.popup-form .button {
  width: 100%;
}
.modal-registration {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.modal-registration.active {
  display: block;
}
.modal-registration__close {
  color: #626262;
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 10px;
  font-size: 36px;
  line-height: 16px;
}
.modal-registration__container {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 506px;
  width: 506px;
  padding: 20px;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-sizing: boder-box;
  -moz-box-sizing: boder-box;
  box-sizing: boder-box;
  border: 1px solid #c6c6cb;
  background: #fff;
  max-height: 90vh;
  overflow-y: auto;
}
.modal-registration__container .section__title {
  margin-bottom: 10px;
}
.modal-registration__container .text-input {
  margin-bottom: 20px;
}
.modal-registration__container .text-input input {
  height: 40px;
}
.modal-registration__container .checkbox-wrap {
  margin-bottom: 14px;
}
.modal-registration__container .location_selectors .jo-select {
  display: inline-block;
  vertical-align: top;
}
.modal-registration__container .location_selectors .jo-select-location,
.modal-registration__container .location_selectors .jo-select dd {
  width: 228px;
}
.modal-registration__container .location_selectors .jo-select-location {
  height: 40px;
  border: 1px solid #c6c6cb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.modal-registration__container .location_selectors .jo-select-location.country {
  float: left;
}
.modal-registration__container .location_selectors .jo-select-location.city {
  float: right;
}
.modal-registration__container .location_selectors .jo-select-location dt {
  padding-left: 35px;
  font-family: Roboto;font-weight:300;
  color: #626262;
}
.modal-registration__container .location_selectors .jo-select-location dt:before {
  background-position: -1068px -9px;
  width: 11px;
  height: 16px;
  left: 11px;
}
.modal-registration__container .location_selectors .jo-select-location dt.active + dd {
  margin-top: -2px;
}
.modal-registration__container .location_selectors .jo-select-location dd {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  left: -1px;
}
.checkbox-wrap input {
  opacity: 0;
  display: none;
}
.checkbox-wrap input:checked + label:before {
  background-position: -888px -23px;
}
.checkbox-wrap label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  padding-left: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.checkbox-wrap label:before {
  background-position: -888px -9px;
  width: 12px;
  height: 12px;
  left: 0;
}
.main {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
  background: #fff;
  min-height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0s 0.5s;
  -moz-transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0s 0.5s;
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0s 0.5s;
}
.main-container {
  padding: 20px 28px 0;
/*float: left*/
}
.main-container h2, .main-container h1  {
/*display: inline-block*/
  font-family: Roboto;font-weight:300;
  font-size: 1.375em;
  margin-bottom: 20px;
}
.main-container__h {
    float:left;
}
h3.main-container__h {
        font-size: 1.375em;
        font-family: Roboto;
        font-weight:300;
        margin-bottom: 20px;
}
.main-container .main-container__header a{
  float: right;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  text-decoration: underline;
  color: #2b85ca;
  margin-top: 6px;
  margin-left: 20px;
}
.page-left__menu {
  background: #ff0;
}
.nav .viewport {
  overflow: hidden;
  min-height: 100%;
  height: auto !important;
}
.nav .viewport #page-left {
  visibility: visible;
  position: static;
  -webkit-backface-visibility: hidden;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.nav .viewport .main {
  height: 100%;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -webkit-transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  left: 0 !important;
  -webkit-transform: translate3d(240px, 0, 0);
  -moz-transform: translate3d(240px, 0, 0);
  -ms-transform: translate3d(240px, 0, 0);
  -o-transform: translate3d(240px, 0, 0);
  transform: translate3d(240px, 0, 0);
}
.weather_date,
.weather_meta {
  font-family: Roboto;font-weight:300;
  font-size: 0.875em;
  font-size: 15px;
  color: #000;
  font-family: Roboto;
  font-weight: 300;
}
.weather_date.weekend,
.weather_meta.weekend {
  color: #c91803;
}
.weather_meta .icon {
  display: inline-block;
  float: left;
}
.weather_meta .temperature {
  line-height: 17px;
  /*margin-left: 9px;*/
  margin-left: 4px;
}
.tab-content,
.tab-subcontent {
  display: none;
  opacity: 0;
}
.tab-content.active,
.tab-subcontent.active {
  display: block;
  opacity: 1;
}
.uv_points {
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.uv_points .uv_point {
  position: relative;
  font-family: Roboto;font-weight:300;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  background: #9db4f3;
  background: -moz-linear-gradient(left, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9db4f3), color-stop(50%, #3b69e7), color-stop(100%, #5660e7));
  background: -webkit-linear-gradient(left, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  background: -o-linear-gradient(left, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  background: -ms-linear-gradient(left, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  background: linear-gradient(to right, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
}
.uv_points .uv_point.current {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
}
html,
body {
  height: 100%;
}
menu {
  list-style: none;
}
.cabinet .small-weather {
  //border-bottom: none;
}
.cabinet .profile-avatar {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 72px;
  overflow: hidden;
}
.cabinet .profile-avatar img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cabinet .profile-avatar button {
  display: inline-block;
  position: absolute;
  border: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}
.cabinet .tab-subnav {
  margin-bottom: 53px;
}
.cabinet .tab-subcontent .checkbox-wrap {
  margin-bottom: 28px;
}
.wind .direction {
  padding-left: 18px;
}
.wind .direction:before {
  left: -3px;
}
.wind .direction.north:before {
  background-position: -80px -8px;
  width: 11px;
  height: 19px;
}
.wind .direction.north-east:before {
  background-position: -95px -9px;
  width: 17px;
  height: 17px;
}
.wind .direction.east:before {
  background-position: -95px -32px;
  width: 19px;
  height: 13px;
}
.wind .direction.south-east:before {
  background-position: -95px -47px;
  width: 17px;
  height: 17px;
}
.wind .direction.south:before {
  background-position: -80px -46px;
  width: 11px;
  height: 19px;
}
.wind .direction.south-west:before {
  background-position: -58px -47px;
  width: 17px;
  height: 17px;
}
.wind .direction.west:before {
  background-position: -56px -29px;
  width: 19px;
  height: 13px;
}
.wind .direction.north-west:before {
  background-position: -58px -9px;
  width: 17px;
  height: 17px;
}
.cabinet .edit-city {
  margin-top: 20px;
  margin-bottom: 26px;
}
.cabinet .edit-city__list {
  border-left: solid 1px #c6c6cb;
}
.cabinet .edit-city__list-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 203px;
  height: 30px;
  border: solid 1px #c6c6cb;
  border-left: none;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  transition: border 0.3s;
  cursor: pointer;
}
.cabinet .edit-city__list-item.removable:hover {
  border: solid 1px #3f6bf5;
  border-left: none;
}
.cabinet .edit-city__list-item.removable:hover:before,
.cabinet .edit-city__list-item.removable:hover:after {
  opacity: 1;
}
.cabinet .edit-city__list-item.removable:hover .remove {
  opacity: 1;
}
.cabinet .edit-city__list-item.removable:before,
.cabinet .edit-city__list-item.removable:after {
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cabinet .edit-city__list-item.removable:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 0 7px;
  border-color: transparent transparent transparent #3f6bf5;
  left: 0;
  bottom: -1px;
}
.cabinet .edit-city__list-item.removable:after {
  width: 1px;
  height: 100%;
  background: #3f6bf5;
  left: -1px;
  top: 0;
}
.cabinet .edit-city__list-item .remove {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 16px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
  z-index: 2;
}
.cabinet .edit-city__list-item.add-city dd {
  width: 100%;
  margin-top: 0;
  background: #fff;
  z-index: 4;
}
.cabinet .edit-city__list-item.add-city dd a {
  display: block;
}
.cabinet .edit-city .add-city {
  position: relative;
  border-left: none;
}
.cabinet .edit-city .add-city .geo-tag {
  position: absolute;
  left: 7px;
  height: 16px;
  z-index: 2;
}
.cabinet .edit-city .add-city .geo-tag path {
  fill: #c6c6cb;
}
.cabinet .edit-city .add-city__input {
  display: block;
  height: 28px;
  width: 200px;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 31px;
}
.cabinet .edit-city .add-city__confirm {
  width: 29px;
  height: 30px;
  border: solid 1px #c6c6cb;
  border-left: none;
  background: none;
  cursor: pointer;
}
.cabinet .uv_points {
  display: inline-block;
  position: relative;
  float: left;
}
.cabinet .uv_points.disabled .uv_point {
  background: #c6c6cb !important;
}
.cabinet .uv_points .uv_point {
	float: left;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  font-size: 14px;
  line-height: 20px;
  -webkit-background-size: 284px;
  background-size: 284px;
  cursor: pointer;
}
.cabinet .uv_points .uv_point.current {
  width: 34px;
  height: 34px;
  top: -7px;
  left: -10px;
  border: solid 3px #fff;
  line-height: 30px;
  font-size: 22px;
}
.cabinet .uv_points .uv_point.current + .uv_point {
  margin-left: -20px;
}
.cabinet .small-weather {
  //border-bottom: none;
}
.cabinet .profile {
  position: relative;
  padding-top:30px;
}
.cabinet .profile-avatar {
  position: relative;
  float: left;
  display: inline-block;
  margin-right: 22px;
  margin-bottom: 30px;
  width: 72px;
  height: 72px;
  overflow: hidden;
}
.cabinet .profile-avatar img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.cabinet .profile-avatar button {
  display: inline-block;
  position: absolute;
  border: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1;
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}
.cabinet .profile-overview {
  position: relative;
  float: left;
  font-family: Roboto;font-weight:300;
}
.cabinet .profile-overview__header {
  font-size: 22px;
  margin-bottom: 3px;
  position: relative;
}
.cabinet .profile-overview__username,
.cabinet .profile-overview__edit,
.cabinet .profile-overview__logout {
  display: inline-block;
  position: absolute;
  position: relative;
  float: left;
}
.cabinet .profile-overview__username {
  margin-right: 26px;
}
.cabinet .profile-overview__edit {
  background-position: -901px -9px;
  width: 17px;
  height: 17px;
  margin-right: 20px;
}
.cabinet .profile-overview__logout {
  background-position: -920px -9px;
  width: 16px;
  height: 16px;
}
.cabinet .profile-overview__content {
  font-size: 14px;
  line-height: 16px;
}
.cabinet .profile-overview__phone {
  margin-top: 2px;
}
.notifications {
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.notifications.advanced-settings {
  margin-bottom: 19px;
}
.notifications .checkbox-wrap {
  margin-bottom: 28px;
}
.notifications__block {
  margin-bottom: 10px;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
}
.notifications__block.notifications__uv .notifications__slider-label {
  margin-right: 225px;
  width: 50px;
}
.notifications__block.disabled {
  color: #c6c6cb;
}
.notifications__block-title {
  position: relative;
  margin-bottom: 47px;
  font-family: Roboto;font-weight:900;
}
.notifications__block-title p,
.notifications__block-title svg {
  display: inline-block;
  vertical-align: bottom;
}
.notifications__block-title svg {
  height: 13px;
  width: 13px;
  margin-left: 9px;
}
.notifications__slider {
  position: relative;
  margin-bottom: 19px;
}
.notifications__slider .marker {
  position: absolute;
  top: -29px;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  color: #c6c6cb;
}
.notifications__slider .marker span {
  position: relative;
  left: -100%;
}
.notifications__slider-label {
  display: inline-block;
  position: relative;
  float: left;
  padding-left: 30px;
}
.notifications__slider-container {
  top: 7px;
  display: inline-block;
  position: relative;
  float: right;
  width: 727px;
}
.notifications__slider .range-slider {
  width: 100%;
}
.notifications__slider .ui-slider-horizontal {
  position: relative;
  height: 3px;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  left: 0;
}
.notifications__slider .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.notifications__slider .ui-widget-content {
  background: #c6c6cb;
  border: none;
}
.notifications__slider .ui-widget-header {
  background: #3f6bf5;
}
.notifications__slider-tooltip {
  position: absolute;
  top: -28px;
  font-family: Roboto-Light !important;
  font-family: Roboto!important
  font-weight: 300!important;
  font-size: 22px !important;
  color: #000;
  border: none;
  text-align: center;
  background: none;
}
.notifications__slider .ui-slider-handle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #3f6bf5;
  border: none;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  top: -5px;
  position: absolute;
  z-index: 2;
  touch-action: none;
  cursor: pointer;
}
.notifications__slider .ui-slider-disabled .notifications__slider-tooltip {
  color: #c6c6cb;
}
.notifications__slider .ui-slider-disabled .ui-widget-header {
  background: #c6c6cb;
}
.notifications__slider .ui-slider-disabled .ui-slider-handle {
  background: #c6c6cb;
}
.notifications .on-off__item {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.notifications .on-off__item:nth-child(1) {
  position: relative;
  margin-right: 4px;
}
.notifications .on-off__item:nth-child(1):after {
  right: -4px;
  width: 2px;
  height: 12px;
  background: #7c7c7c;
}
.notifications .on-off__item.active a {
  color: #000;
  text-decoration: none;
}
.notifications .on-off__item a {
  font-family: Roboto;font-weight:900;
  font-size: 14px;
  color: #c6c6cb;
  text-decoration: underline;
}
.notifications .sub__on-off {
  margin-bottom: 53px;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
}
.notifications .sub__on-off > * {
  display: inline-block;
}
.notifications .sub__on-off__item {
  font-family: Roboto;font-weight:900;
  color: #c6c6cb;
}
.notifications .sub__on-off__item.active a {
  color: #000;
  text-decoration: none;
}
.notifications .sub__on-off__item:nth-last-child(3) {
  position: relative;
  margin-right: 4px;
}
.notifications .sub__on-off__item:nth-last-child(3):after {
  right: -4px;
  width: 2px;
  height: 12px;
  background: #7c7c7c;
}
.notifications .sub__on-off__item a {
  color: #c6c6cb;
  text-decoration: underline;
}
.notifications .on-off {
  margin-bottom: 45px;
}
.notifications__apply-content {
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  line-height: 14px;
  color: #acacac;
}
.notifications__apply-button {
  position: relative;
  float: right;
  display: inline-block;
  width: 190px;
  margin-left: 40px;
  margin-bottom: 18px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
}
.notifications__apply-button:after {
  right: 1px;
  bottom: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent #fff transparent;
  -webkit-transform: rotate(360deg);
}
.icon81x73white {
  background: url("/images/new_design/icons81x73_white.png");
}
.sun-cloud-cloud {
  background-position: -183px -1px;
  width: 80px;
  height: 58px;
}
.icons81x73 {
  background: url("/images/new_design/icons81x73.png") no-repeat;
}
.icons81x73.sun {
  background-position: -10px -7px;
  width: 60px;
  height: 60px;
}
.icons81x73.sun-cloud {
  background-position: -97px -1px;
  width: 71px;
  height: 58px;
}
.icons81x73.sun-cloud_2 {
  background-position: -185px -1px;
  width: 80px;
  height: 58px;
}
.icons81x73.sun-cloud_2-snow {
  background-position: -555px -1px;
  width: 80px;
  height: 66px;
}
.icons81x73.sun-cloud_2-snow_2 {
  background-position: -925px -1px;
  width: 80px;
  height: 66px;
}
.icons81x73.sun-cloud_2-snow_3 {
  background-position: -1295px -1px;
  width: 80px;
  height: 67px;
}
.icons81x73.sun-cloud_2-rain {
  background-position: -2035px -1px;
  width: 80px;
  height: 66px;
}
.icons81x73.sun-cloud_2-rain_2 {
  background-position: -2405px -1px;
  width: 80px;
  height: 71px;
}
.icons81x73.sun-cloud_2-rain_strong {
  background-position: -2775px -1px;
  width: 80px;
  height: 69px;
}
.icons81x73.sun-cloud_2-rain-snow {
  background-position: -1665px -1px;
  width: 80px;
  height: 66px;
}
.icons81x73.sun-cloud-snow {
  background-position: -467px -1px;
  width: 71px;
  height: 66px;
}
.icons81x73.sun-cloud-snow_2 {
  background-position: -837px -1px;
  width: 71px;
  height: 66px;
}
.icons81x73.sun-cloud-snow_3 {
  background-position: -1207px -1px;
  width: 75px;
  height: 66px;
}
.icons81x73.sun-cloud-rain {
  background-position: -1947px -1px;
  width: 70px;
  height: 66px;
}
.icons81x73.sun-cloud-rain_2 {
  background-position: -2317px -1px;
  width: 70px;
  height: 71px;
}
.icons81x73.sun-cloud-rain_strong {
  background-position: -2687px -1px;
  width: 71px;
  height: 69px;
}
.icons81x73.sun-cloud-rain-snow {
  background-position: -1577px -1px;
  width: 70px;
  height: 66px;
}
.icons81x73.cloud {
  background-position: -285px -15px;
  width: 65px;
  height: 44px;
}
.icons81x73.cloud_2 {
  background-position: -372px -15px;
  width: 76px;
  height: 44px;
}
.icons81x73.cloud_2-snow {
  background-position: -742px -15px;
  width: 76px;
  height: 54px;
}
.icons81x73.cloud_2-snow-grad {
  background-position: -1112px -15px;
  width: 76px;
  height: 59px;
}
.icons81x73.cloud_2-snow-grad_strong {
  background-position: -1482px -15px;
  width: 76px;
  height: 59px;
}
.icons81x73.cloud_2-snow-rain_2 {
  background-position: -1852px -15px;
  width: 76px;
  height: 59px;
}
.icons81x73.cloud_2-rain {
  background-position: -2222px -15px;
  width: 76px;
  height: 52px;
}
.icons81x73.cloud_2-rain_2 {
  background-position: -2592px -15px;
  width: 76px;
  height: 54px;
}
.icons81x73.cloud_2-rain_strong {
  background-position: -2962px -15px;
  width: 76px;
  height: 54px;
}
.icons81x73.cloud_2-rain-snow {
  background-position: -1852px -15px;
  width: 76px;
  height: 59px;
}
.icons81x73.cloud_2-rain-danger {
  background-position: -5367px -15px;
  width: 76px;
  height: 59px;
}
.icons81x73.cloud_2-lightning {
  background-position: -4720px -15px;
  width: 75px;
  height: 57px;
}
.icons81x73.cloud_2-lightning-snow {
  background-position: -4905px -15px;
  width: 75px;
  height: 59px;
}
.icons81x73.cloud_2-lightning-rain {
  background-position: -5090px -15px;
  width: 75px;
  height: 59px;
}
.icons81x73.cloud_2-lightning-rain_strong {
  background-position: -5275px -15px;
  width: 75px;
  height: 59px;
}
.icons81x73.cloud-snow {
  background-position: -655px -15px;
  width: 65px;
  height: 54px;
}
.icons81x73.cloud-snow-grad {
  background-position: -1025px -15px;
  width: 65px;
  height: 59px;
}
.icons81x73.cloud-snow-grad_strong {
  background-position: -1395px -15px;
  width: 65px;
  height: 59px;
}
.icons81x73.cloud-snow-rain {
  background-position: -1765px -15px;
  width: 65px;
  height: 59px;
}
.icons81x73.cloud-snow-rain_2 {
  background-position: -1795px -15px;
  width: 65px;
  height: 59px;
}
.icons81x73.cloud-rain {
  background-position: -2135px -15px;
  width: 65px;
  height: 52px;
}
.icons81x73.cloud-rain_2 {
  background-position: -2505px -15px;
  width: 65px;
  height: 54px;
}
.icons81x73.cloud-rain_strong {
  background-position: -2875px -15px;
  width: 65px;
  height: 54px;
}
.icons81x73.cloud-rain-snow {
  background-position: -1765px -15px;
  width: 65px;
  height: 59px;
}
.icons81x73.cloud-lightning {
  background-position: -4632px -15px;
  width: 66px;
  height: 57px;
}
.icons81x73.cloud-lightning-snow {
  background-position: -4817px -15px;
  width: 66px;
  height: 59px;
}
.icons81x73.cloud-lightning-rain {
  background-position: -5002px -15px;
  width: 66px;
  height: 59px;
}
.icons81x73.cloud-lightning-rain_strong {
  background-position: -5187px -15px;
  width: 66px;
  height: 59px;
}
.icons81x73.night.moon {
  background-position: -3066px -11px;
  width: 53px;
  height: 53px;
}
.icons81x73.night.moon-cloud {
  background-position: -3152px -5px;
  width: 67px;
  height: 54px;
}
.icons81x73.night.moon-cloud_2 {
  background-position: -3240px -5px;
  width: 77px;
  height: 54px;
}
.icons81x73.night.moon-cloud_2-rain_2 {
  background-position: -4350px -5px;
  width: 77px;
  height: 67px;
}
.icons81x73.night.moon-cloud_2-rain_strong {
  background-position: -4533px -5px;
  width: 79px;
  height: 65px;
}
.icons81x73.night.moon-cloud-rain {
  background-position: -4165px -12px;
  width: 75px;
  height: 56px;
}
.icons81x73.night.moon-cloud-rain_2 {
  background-position: -4261px -5px;
  width: 67px;
  height: 67px;
}
.icons81x73.night.moon-cloud-rain_strong {
  background-position: -4446px -5px;
  width: 68px;
  height: 65px;
}
.icons81x73.night.moon-rain {
  background-position: -4083px -12px;
  width: 54px;
  height: 56px;
}
.icons81x73.night.cloud {
  background-position: -6297px -15px;
  width: 66px;
  height: 44px;
}
.icons81x73.night.cloud_2 {
  background-position: -6385px -15px;
  width: 75px;
  height: 44px;
}
.icons81x73.night.cloud_2-snow {
  background-position: -3425px -15px;
  width: 75px;
  height: 54px;
}
.icons81x73.night.cloud_2-snow-grad {
  background-position: -3610px -15px;
  width: 75px;
  height: 59px;
}
.icons81x73.night.cloud_2-snow-grad_strong {
  background-position: -3795px -15px;
  width: 75px;
  height: 59px;
}
.icons81x73.night.cloud_2-snow-rain {
  background-position: -3980px -15px;
  width: 75px;
  height: 59px;
}
.icons81x73.night.cloud_2-rain {
  background-position: -7310px -15px;
  width: 75px;
  height: 52px;
}
.icons81x73.night.cloud_2-rain_2 {
  background-position: -7495px -15px;
  width: 75px;
  height: 54px;
}
.icons81x73.night.cloud_2-rain_strong {
  background-position: -7680px -15px;
  width: 75px;
  height: 54px;
}
.icons81x73.night.cloud_2-lightning {
  background-position: -5552px -15px;
  width: 76px;
  height: 57px;
}
.icons81x73.night.cloud_2-lightning-snow {
  background-position: -5737px -15px;
  width: 76px;
  height: 59px;
}
.icons81x73.night.cloud_2-lightning-rain {
  background-position: -5922px -15px;
  width: 76px;
  height: 59px;
}
.icons81x73.night.cloud_2-lightning-rain_strong {
  background-position: -6107px -15px;
  width: 76px;
  height: 59px;
}
.icons81x73.night.cloud-snow {
  background-position: -3337px -15px;
  width: 66px;
  height: 54px;
}
.icons81x73.night.cloud-snow-grad {
  background-position: -3522px -15px;
  width: 66px;
  height: 59px;
}
.icons81x73.night.cloud-snow-grad_strong {
  background-position: -3707px -15px;
  width: 66px;
  height: 59px;
}
.icons81x73.night.cloud-snow-rain {
  background-position: -3892px -15px;
  width: 66px;
  height: 59px;
}
.icons81x73.night.cloud-rain {
  background-position: -7222px -15px;
  width: 66px;
  height: 52px;
}
.icons81x73.night.cloud-rain_2 {
  background-position: -7407px -15px;
  width: 66px;
  height: 54px;
}
.icons81x73.night.cloud-rain_strong {
  background-position: -7592px -15px;
  width: 66px;
  height: 54px;
}
.icons81x73.night.cloud-rain-danger {
  background-position: -6200px -15px;
  width: 75px;
  height: 59px;
}
.icons81x73.night.cloud-lightning {
  background-position: -5465px -15px;
  width: 65px;
  height: 57px;
}
.icons81x73.night.cloud-lightning-snow {
  background-position: -5650px -15px;
  width: 65px;
  height: 59px;
}
.icons81x73.night.cloud-lightning-rain {
  background-position: -5835px -15px;
  width: 65px;
  height: 59px;
}
.icons81x73.night.cloud-lightning-rain_strong {
  background-position: -6020px -15px;
  width: 65px;
  height: 59px;
}
.icons22x19 {
  background: url("/images/new_design/icons22x19.png") no-repeat;
}
.icons22x19.sun {
  background-position: -3px -1px;
  width: 17px;
  height: 17px;
}
.icons22x19.sun-cloud {
  background-position: -27px 0;
  width: 20px;
  height: 16px;
}
.icons22x19.sun-cloud_2 {
  background-position: -51px 0;
  width: 23px;
  height: 16px;
}
.icons22x19.sun-cloud_2-snow {
  background-position: -153px 0;
  width: 23px;
  height: 18px;
}
.icons22x19.sun-cloud_2-snow_2 {
  background-position: -255px 0;
  width: 23px;
  height: 18px;
}
.icons22x19.sun-cloud_2-snow_3 {
  background-position: -357px 0;
  width: 23px;
  height: 19px;
}
.icons22x19.sun-cloud_2-rain {
  background-position: -560px 0;
  width: 23px;
  height: 18px;
}
.icons22x19.sun-cloud_2-rain_2 {
  background-position: -662px 0;
  width: 23px;
  height: 20px;
}
.icons22x19.sun-cloud_2-rain_strong {
  background-position: -764px 0;
  width: 23px;
  height: 19px;
}
.icons22x19.sun-cloud_2-rain-snow {
  background-position: -458px 0;
  width: 23px;
  height: 18px;
}
.icons22x19.sun-cloud-snow {
  background-position: -129px 0;
  width: 20px;
  height: 18px;
}
.icons22x19.sun-cloud-snow_2 {
  background-position: -231px 0;
  width: 20px;
  height: 18px;
}
.icons22x19.sun-cloud-snow_3 {
  background-position: -332px 0;
  width: 22px;
  height: 18px;
}
.icons22x19.sun-cloud-rain {
  background-position: -536px 0;
  width: 20px;
  height: 18px;
}
.icons22x19.sun-cloud-rain_2 {
  background-position: -638px 0;
  width: 20px;
  height: 20px;
}
.icons22x19.sun-cloud-rain_strong {
  background-position: -740px 0;
  width: 20px;
  height: 19px;
}
.icons22x19.sun-cloud-rain-snow {
  background-position: -434px 0;
  width: 20px;
  height: 18px;
}
.icons22x19.cloud {
  background-position: -79px -3px;
  width: 18px;
  height: 13px;
}
.icons22x19.cloud_2 {
  background-position: -103px -3px;
  width: 21px;
  height: 13px;
}
.icons22x19.cloud_2-snow {
  background-position: -204px -3px;
  width: 22px;
  height: 16px;
}
.icons22x19.cloud_2-snow-grad {
  background-position: -306px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.cloud_2-snow-grad_strong {
  background-position: -408px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.cloud_2-rain {
  background-position: -612px -3px;
  width: 21px;
  height: 15px;
}
.icons22x19.cloud_2-rain_2 {
  background-position: -714px -3px;
  width: 21px;
  height: 16px;
}
.icons22x19.cloud_2-rain_strong {
  background-position: -816px -3px;
  width: 21px;
  height: 16px;
}
.icons22x19.cloud_2-rain-snow {
  background-position: -510px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.cloud_2-lightning {
  background-position: -1299px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.cloud_2-lightning-snow {
  background-position: -1350px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.cloud_2-lightning-rain {
  background-position: -1401px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.cloud_2-lightning-rain_strong {
  background-position: -1452px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.cloud-snow {
  background-position: -180px -3px;
  width: 19px;
  height: 16px;
}
.icons22x19.cloud-snow-grad {
  background-position: -282px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.cloud-snow-grad_strong {
  background-position: -384px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.cloud-rain {
  background-position: -588px -3px;
  width: 19px;
  height: 15px;
}
.icons22x19.cloud-rain_2 {
  background-position: -690px -3px;
  width: 18px;
  height: 16px;
}
.icons22x19.cloud-rain_strong {
  background-position: -792px -3px;
  width: 18px;
  height: 16px;
}
.icons22x19.cloud-rain-snow {
  background-position: -486px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.cloud-rain-danger {
  background-position: -1478px -3px;
  width: 21px;
  height: 17px;
}
.icons22x19.cloud-lightning {
  background-position: -1275px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.cloud-lightning-snow {
  background-position: -1326px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.cloud-lightning-rain {
  background-position: -1377px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.cloud-lightning-rain_strong {
  background-position: -1428px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.night.moon {
  background-position: -844px -2px;
  width: 16px;
  height: 16px;
}
.icons22x19.night.moon-cloud {
  background-position: -868px -1px;
  width: 19px;
  height: 15px;
}
.icons22x19.night.moon-cloud_2 {
  background-position: -892px -1px;
  width: 22px;
  height: 15px;
}
.icons22x19.night.moon-cloud_2-rain_2 {
  background-position: -1198px -1px;
  width: 21px;
  height: 19px;
}
.icons22x19.night.moon-cloud_2-rain_strong {
  background-position: -1248px -1px;
  width: 22px;
  height: 18px;
}
.icons22x19.night.moon-cloud-rain {
  background-position: -1147px -3px;
  width: 21px;
  height: 16px;
}
.icons22x19.night.moon-cloud-rain_2 {
  background-position: -1173px -1px;
  width: 19px;
  height: 19px;
}
.icons22x19.night.moon-cloud-rain_strong {
  background-position: -1224px -1px;
  width: 20px;
  height: 18px;
}
.icons22x19.night.moon-rain {
  background-position: -1124px -3px;
  width: 16px;
  height: 16px;
}
.icons22x19.night.cloud {
  background-position: -1734px -3px;
  width: 18px;
  height: 13px;
}
.icons22x19.night.cloud_2 {
  background-position: -1758px -3px;
  width: 21px;
  height: 13px;
}
.icons22x19.night.cloud_2-snow {
  background-position: -943px -3px;
  width: 22px;
  height: 16px;
}
.icons22x19.night.cloud_2-snow-grad {
  background-position: -994px -3px;
  width: 21px;
  height: 17px;
}
.icons22x19.night.cloud_2-snow-grad_strong {
  background-position: -1045px -3px;
  width: 21px;
  height: 17px;
}
.icons22x19.night.cloud_2-snow-rain {
  background-position: -1096px -3px;
  width: 21px;
  height: 17px;
}
.icons22x19.night.cloud_2-rain {
  background-position: -2012px -3px;
  width: 22px;
  height: 15px;
}
.icons22x19.night.cloud_2-rain_2 {
  background-position: -2063px -3px;
  width: 22px;
  height: 16px;
}
.icons22x19.night.cloud_2-rain_strong {
  background-position: -2114px -3px;
  width: 22px;
  height: 16px;
}
.icons22x19.night.cloud_2-lightning {
  background-position: -1529px -3px;
  width: 21px;
  height: 17px;
}
.icons22x19.night.cloud_2-lightning-snow {
  background-position: -1580px -3px;
  width: 21px;
  height: 17px;
}
.icons22x19.night.cloud_2-lightning-rain {
  background-position: -1630px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.night.cloud_2-lightning-rain_strong {
  background-position: -1681px -3px;
  width: 22px;
  height: 17px;
}
.icons22x19.night.cloud-snow {
  background-position: -919px -3px;
  width: 19px;
  height: 19px;
}
.icons22x19.night.cloud-snow-grad {
  background-position: -970px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.night.cloud-snow-grad_strong {
  background-position: -1021px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.night.cloud-snow-rain {
  background-position: -1072px -3px;
  width: 18px;
  height: 17px;
}
.icons22x19.night.cloud-rain {
  background-position: -1988px -3px;
  width: 19px;
  height: 15px;
}
.icons22x19.night.cloud-rain_2 {
  background-position: -2039px -3px;
  width: 19px;
  height: 16px;
}
.icons22x19.night.cloud-rain-danger {
  background-position: -1707px -3px;
  width: 21px;
  height: 17px;
}
.icons22x19.night.cloud-lightning {
  background-position: -1504px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.night.cloud-lightning-snow {
  background-position: -1555px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.night.cloud-lightning-rain {
  background-position: -1606px -3px;
  width: 19px;
  height: 17px;
}
.icons22x19.night.cloud-lightning-rain_strong {
  background-position: -1657px -3px;
  width: 19px;
  height: 17px;
}
.icons32x28 {
  background: url("/images/resorts/i/new_icons-sprite-32x28_color.png") no-repeat;
}
.icons32x28.sun {
  background-position: -4px -3px;
  width: 24px;
  height: 24px;
}
.icons32x28.sun-cloud {
  background-position: -39px 0;
  width: 28px;
  height: 24px;
}
.icons32x28.sun-cloud_2 {
  background-position: -74px 0;
  width: 32px;
  height: 24px;
}
.icons32x28.sun-cloud_2-snow {
  background-position: -222px 0;
  width: 32px;
  height: 27px;
}
.icons32x28.sun-cloud_2-snow_2 {
  background-position: -370px 0;
  width: 32px;
  height: 27px;
}
.icons32x28.sun-cloud_2-snow_3 {
  background-position: -518px 0;
  width: 32px;
  height: 27px;
}
.icons32x28.sun-cloud_2-rain {
  background-position: -814px 0;
  width: 32px;
  height: 27px;
}
.icons32x28.sun-cloud_2-rain_2 {
  background-position: -962px 0;
  width: 32px;
  height: 29px;
}
.icons32x28.sun-cloud_2-rain_strong {
  background-position: -1110px 0;
  width: 32px;
  height: 28px;
}
.icons32x28.sun-cloud_2-rain-snow {
  background-position: -666px 0;
  width: 32px;
  height: 27px;
}
.icons32x28.sun-cloud-snow {
  background-position: -187px 0;
  width: 28px;
  height: 27px;
}
.icons32x28.sun-cloud-snow_2 {
  background-position: -335px 0;
  width: 28px;
  height: 27px;
}
.icons32x28.sun-cloud-snow_3 {
  background-position: -483px 0;
  width: 30px;
  height: 27px;
}
.icons32x28.sun-cloud-rain {
  background-position: -779px 0;
  width: 28px;
  height: 27px;
}
.icons32x28.sun-cloud-rain_2 {
  background-position: -927px 0;
  width: 28px;
  height: 29px;
}
.icons32x28.sun-cloud-rain_strong {
  background-position: -1075px 0;
  width: 29px;
  height: 28px;
}
.icons32x28.sun-cloud-rain-snow {
  background-position: -631px 0;
  width: 28px;
  height: 27px;
}
.icons32x28.cloud {
  background-position: -114px -6px;
  width: 26px;
  height: 18px;
}
.icons32x28.cloud_2 {
  background-position: -149px -6px;
  width: 30px;
  height: 18px;
}
.icons32x28.cloud_2-snow {
  background-position: -297px -6px;
  width: 30px;
  height: 22px;
}
.icons32x28.cloud_2-snow-grad {
  background-position: -445px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.cloud_2-snow-grad_strong {
  background-position: -593px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.cloud_2-rain {
  background-position: -889px -6px;
  width: 30px;
  height: 21px;
}
.icons32x28.cloud_2-rain_2 {
  background-position: -1037px -6px;
  width: 30px;
  height: 22px;
}
.icons32x28.cloud_2-rain_strong {
  background-position: -1185px -6px;
  width: 30px;
  height: 22px;
}
.icons32x28.cloud_2-rain-snow {
  background-position: -741px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.cloud_2-lightning {
  background-position: -1888px -6px;
  width: 30px;
  height: 23px;
}
.icons32x28.cloud_2-lightning-snow {
  background-position: -1962px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.cloud_2-lightning-rain {
  background-position: -2036px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.cloud_2-lightning-rain_strong {
  background-position: -2110px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.cloud-snow {
  background-position: -262px -6px;
  width: 26px;
  height: 22px;
}
.icons32x28.cloud-snow-grad {
  background-position: -410px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.cloud-snow-grad_strong {
  background-position: -558px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.cloud-rain {
  background-position: -854px -6px;
  width: 26px;
  height: 21px;
}
.icons32x28.cloud-rain_2 {
  background-position: -1002px -6px;
  width: 26px;
  height: 22px;
}
.icons32x28.cloud-rain_strong {
  background-position: -1150px -6px;
  width: 26px;
  height: 22px;
}
.icons32x28.cloud-rain-snow {
  background-position: -706px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.cloud-rain-danger {
  background-position: -2147px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.cloud-lightning {
  background-position: -1853px -6px;
  width: 26px;
  height: 23px;
}
.icons32x28.cloud-lightning-snow {
  background-position: -1927px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.cloud-lightning-rain {
  background-position: -2001px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.cloud-lightning-rain_strong {
  background-position: -2075px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.night.moon {
  background-position: -1226px -4px;
  width: 22px;
  height: 22px;
}
.icons32x28.night.moon-cloud {
  background-position: -1261px -2px;
  width: 27px;
  height: 22px;
}
.icons32x28.night.moon-cloud_2 {
  background-position: -1296px -2px;
  width: 31px;
  height: 22px;
}
.icons32x28.night.moon-cloud_2-rain_2 {
  background-position: -1740px -2px;
  width: 31px;
  height: 27px;
}
.icons32x28.night.moon-cloud_2-rain_strong {
  background-position: -1813px -2px;
  width: 32px;
  height: 26px;
}
.icons32x28.night.moon-cloud-rain {
  background-position: -1666px -5px;
  width: 30px;
  height: 22px;
}
.icons32x28.night.moon-cloud-rain_2 {
  background-position: -1704px -2px;
  width: 27px;
  height: 27px;
}
.icons32x28.night.moon-cloud-rain_strong {
  background-position: -1778px -2px;
  width: 28px;
  height: 26px;
}
.icons32x28.night.moon-rain {
  background-position: -1633px -5px;
  width: 22px;
  height: 22px;
}
.icons32x28.night.cloud {
  background-position: -2519px -6px;
  width: 26px;
  height: 18px;
}
.icons32x28.night.cloud_2 {
  background-position: -2554px -6px;
  width: 30px;
  height: 18px;
}
.icons32x28.night.cloud_2-snow {
  background-position: -1370px -6px;
  width: 30px;
  height: 22px;
}
.icons32x28.night.cloud_2-snow-grad {
  background-position: -1444px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.night.cloud_2-snow-grad_strong {
  background-position: -1518px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.night.cloud_2-snow-rain {
  background-position: -1592px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.night.cloud_2-rain {
  background-position: -2924px -6px;
  width: 30px;
  height: 21px;
}
.icons32x28.night.cloud_2-rain_2 {
  background-position: -2998px -6px;
  width: 30px;
  height: 22px;
}
.icons32x28.night.cloud_2-rain_strong {
  background-position: -3072px -6px;
  width: 30px;
  height: 22px;
}
.icons32x28.night.cloud_2-lightning {
  background-position: -2221px -6px;
  width: 30px;
  height: 23px;
}
.icons32x28.night.cloud_2-lightning-snow {
  background-position: -2295px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.night.cloud_2-lightning-rain {
  background-position: -2369px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.night.cloud_2-lightning-rain_strong {
  background-position: -2443px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.night.cloud-snow {
  background-position: -1335px -6px;
  width: 26px;
  height: 22px;
}
.icons32x28.night.cloud-snow-grad {
  background-position: -1409px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.night.cloud-snow-grad_strong {
  background-position: -1483px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.night.cloud-snow-rain {
  background-position: -1557px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.night.cloud-rain {
  background-position: -2889px -6px;
  width: 26px;
  height: 21px;
}
.icons32x28.night.cloud-rain_2 {
  background-position: -2963px -6px;
  width: 26px;
  height: 22px;
}
.icons32x28.night.cloud-rain-danger {
  background-position: -2480px -6px;
  width: 30px;
  height: 24px;
}
.icons32x28.night.cloud-lightning {
  background-position: -2186px -6px;
  width: 26px;
  height: 23px;
}
.icons32x28.night.cloud-lightning-snow {
  background-position: -2260px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.night.cloud-lightning-rain {
  background-position: -2334px -6px;
  width: 26px;
  height: 24px;
}
.icons32x28.night.cloud-lightning-rain_strong {
  background-position: -2408px -6px;
  width: 26px;
  height: 24px;
}

.icons106 {
  background: url("/images/resorts/i/new_icons-sprite-106_color.png") no-repeat;
}
.icons106.sun {
  background-position: -14px -10px;
  width: 86px;
  height: 84px;
}
.icons106.sun-cloud {
  background-position: -137px -1px;
  width: 100px;
  height: 84px;
}
.icons106.sun-cloud_2 {
  background-position: -261px -1px;
  width: 114px;
  height: 84px;
}
.icons106.sun-cloud_2-snow {
  background-position: -784px -1px;
  width: 114px;
  height: 94px;
}
.icons106.sun-cloud_2-snow_2 {
  background-position: -1307px -1px;
  width: 114px;
  height: 94px;
}
.icons106.sun-cloud_2-snow_3 {
  background-position: -1830px -1px;
  width: 114px;
  height: 96px;
}
.icons106.sun-cloud_2-rain {
  background-position: -2876px -1px;
  width: 114px;
  height: 94px;
}
.icons106.sun-cloud_2-rain_2 {
  background-position: -3399px -1px;
  width: 114px;
  height: 100px;
}
.icons106.sun-cloud_2-rain_strong {
  background-position: -3922px -1px;
  width: 114px;
  height: 98px;
}
.icons106.sun-cloud_2-rain-snow {
  background-position: -2353px -1px;
  width: 114px;
  height: 94px;
}
.icons106.sun-cloud-snow {
  background-position: -660px -1px;
  width: 100px;
  height: 94px;
}
.icons106.sun-cloud-snow_2 {
  background-position: -1183px -1px;
  width: 100px;
  height: 94px;
}
.icons106.sun-cloud-snow_3 {
  background-position: -1706px -1px;
  width: 105px;
  height: 94px;
}
.icons106.sun-cloud-rain {
  background-position: -2752px -1px;
  width: 100px;
  height: 94px;
}
.icons106.sun-cloud-rain_2 {
  background-position: -3275px -1px;
  width: 100px;
  height: 100px;
}
.icons106.sun-cloud-rain_strong {
  background-position: -3798px -1px;
  width: 102px;
  height: 98px;
}
.icons106.sun-cloud-rain-snow {
  background-position: -2229px -1px;
  width: 100px;
  height: 94px;
}
.icons106.cloud {
  background-position: -402px -21px;
  width: 94px;
  height: 64px;
}
.icons106.cloud_2 {
  background-position: -526px -21px;
  width: 108px;
  height: 64px;
}
.icons106.cloud_2-snow {
  background-position: -1049px -21px;
  width: 108px;
  height: 78px;
}
.icons106.cloud_2-snow-grad {
  background-position: -1572px -21px;
  width: 108px;
  height: 84px;
}
.icons106.cloud_2-snow-grad_strong {
  background-position: -2095px -21px;
  width: 108px;
  height: 84px;
}
.icons106.cloud_2-rain {
  background-position: -3141px -21px;
  width: 108px;
  height: 74px;
}
.icons106.cloud_2-rain_2 {
  background-position: -3664px -21px;
  width: 108px;
  height: 78px;
}
.icons106.cloud_2-rain_strong {
  background-position: -4187px -21px;
  width: 108px;
  height: 78px;
}
.icons106.cloud_2-rain-snow {
  background-position: -2618px -21px;
  width: 108px;
  height: 84px;
}
.icons106.cloud_2-lightning {
  background-position: -6671px -21px;
  width: 108px;
  height: 80px;
}
.icons106.cloud_2-lightning-snow {
  background-position: -6932px -21px;
  width: 108px;
  height: 84px;
}
.icons106.cloud_2-lightning-rain {
  background-position: -7194px -21px;
  width: 108px;
  height: 84px;
}
.icons106.cloud_2-lightning-rain_strong {
  background-position: -7455px -21px;
  width: 108px;
  height: 84px;
}
.icons106.cloud-snow {
  background-position: -925px -21px;
  width: 98px;
  height: 78px;
}
.icons106.cloud-snow-grad {
  background-position: -1448px -21px;
  width: 94px;
  height: 84px;
}
.icons106.cloud-snow-grad_strong {
  background-position: -1971px -21px;
  width: 94px;
  height: 84px;
}
.icons106.cloud-rain {
  background-position: -3017px -21px;
  width: 94px;
  height: 74px;
}
.icons106.cloud-rain_2 {
  background-position: -3540px -21px;
  width: 94px;
  height: 78px;
}
.icons106.cloud-rain_strong {
  background-position: -4063px -21px;
  width: 94px;
  height: 78px;
}
.icons106.cloud-rain-snow {
  background-position: -2494px -21px;
  width: 94px;
  height: 84px;
}
.icons106.cloud-rain-danger {
  background-position: -7586px -21px;
  width: 108px;
  height: 84px;
}
.icons106.cloud-lightning {
  background-position: -6547px -21px;
  width: 94px;
  height: 80px;
}
.icons106.cloud-lightning-snow {
  background-position: -6809px -21px;
  width: 92px;
  height: 84px;
}
.icons106.cloud-lightning-rain {
  background-position: -7070px -21px;
  width: 94px;
  height: 84px;
}
.icons106.cloud-lightning-rain_strong {
  background-position: -7331px -21px;
  width: 94px;
  height: 84px;
}
.icons106.night.moon {
  background-position: -4333px -15px;
  width: 76px;
  height: 76px;
}
.icons106.night.moon-cloud {
  background-position: -4455px -7px;
  width: 96px;
  height: 78px;
}
.icons106.night.moon-cloud_2 {
  background-position: -4579px -7px;
  width: 110px;
  height: 78px;
}
.icons106.night.moon-cloud_2-rain_2 {
  background-position: -6148px -7px;
  width: 108px;
  height: 94px;
}
.icons106.night.moon-cloud_2-rain_strong {
  background-position: -6407px -7px;
  width: 112px;
  height: 92px;
}
.icons106.night.moon-cloud-rain {
  background-position: -5886px -17px;
  width: 108px;
  height: 80px;
}
.icons106.night.moon-cloud-rain_2 {
  background-position: -6022px -7px;
  width: 96px;
  height: 94px;
}
.icons106.night.moon-cloud-rain_strong {
  background-position: -6284px -7px;
  width: 96px;
  height: 92px;
}
.icons106.night.moon-rain {
  background-position: -5771px -17px;
  width: 76px;
  height: 80px;
}
.icons106.night.cloud {
  background-position: -8900px -21px;
  width: 94px;
  height: 64px;
}
.icons106.night.cloud_2 {
  background-position: -9024px -21px;
  width: 108px;
  height: 64px;
}
.icons106.night.cloud_2-snow {
  background-position: -4840px -21px;
  width: 108px;
  height: 78px;
}
.icons106.night.cloud_2-snow-grad {
  background-position: -5102px -21px;
  width: 108px;
  height: 84px;
}
.icons106.night.cloud_2-snow-grad_strong {
  background-position: -5363px -21px;
  width: 108px;
  height: 84px;
}
.icons106.night.cloud_2-snow-rain {
  background-position: -5625px -21px;
  width: 108px;
  height: 84px;
}
.icons106.night.cloud_2-rain {
  background-position: -10331px -21px;
  width: 108px;
  height: 74px;
}
.icons106.night.cloud_2-rain_2 {
  background-position: -10593px -21px;
  width: 108px;
  height: 78px;
}
.icons106.night.cloud_2-rain_strong {
  background-position: -10731px -21px;
  width: 92px;
  height: 78px;
}
.icons106.night.cloud_2-lightning {
  background-position: -7847px -21px;
  width: 108px;
  height: 82px;
}
.icons106.night.cloud_2-lightning-snow {
  background-position: -8109px -21px;
  width: 108px;
  height: 84px;
}
.icons106.night.cloud_2-lightning-rain {
  background-position: -8370px -21px;
  width: 108px;
  height: 84px;
}
.icons106.night.cloud_2-lightning-rain_strong {
  background-position: -8632px -21px;
  width: 108px;
  height: 84px;
}
.icons106.night.cloud-snow {
  background-position: -4717px -21px;
  width: 94px;
  height: 78px;
}
.icons106.night.cloud-snow-grad {
  background-position: -4978px -21px;
  width: 94px;
  height: 84px;
}
.icons106.night.cloud-snow-grad_strong {
  background-position: -5240px -21px;
  width: 92px;
  height: 84px;
}
.icons106.night.cloud-snow-rain {
  background-position: -5501px -21px;
  width: 94px;
  height: 84px;
}
.icons106.night.cloud-rain {
  background-position: -10208px -21px;
  width: 94px;
  height: 74px;
}
.icons106.night.cloud-rain_2 {
  background-position: -10469px -21px;
  width: 94px;
  height: 78px;
}
.icons106.night.cloud-rain-danger {
  background-position: -8763px -21px;
  width: 106px;
  height: 84px;
}
.icons106.night.cloud-lightning {
  background-position: -7724px -21px;
  width: 92px;
  height: 82px;
}
.icons106.night.cloud-lightning-snow {
  background-position: -7985px -21px;
  width: 94px;
  height: 84px;
}
.icons106.night.cloud-lightning-rain {
  background-position: -8247px -21px;
  width: 92px;
  height: 84px;
}
.icons106.night.cloud-lightning-rain_strong {
  background-position: -8508px -21px;
  width: 94px;
  height: 84px;
}

.main-header {
  position: relative;
  display: table;
  width: 100%;
  height: 40px;
  white-space: nowrap;
  background: url("/images/new_design/header-bg.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 99999;
}
.main-header__search {
  position: absolute;
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  left: 258px;
}
.main-header__search fieldset {
  position: relative;
  float: left;
  margin-right: 10px;
}
.main-header__search input {
  width: 258px;
  height: 26px;
  padding-left: 32px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  font-family: Roboto;font-weight:300;
  font-size: 1em;
  color: #7b7b7b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-header__search button {
  position: absolute;
  background: none;
  border: none;
  cursor: pointer;
  left: 10px;
  padding: 0;
  top: 50%;
  margin-top: -7px;
}
.main-header__search .icon-search {
  background-position: -9px -9px;
  width: 15px;
  height: 15px;
}
.main-header__search__last-results {
  position: relative;
  display: inline-block;
  top: 5px;
}
.main-header__search__last-results a {
  font-family: Roboto;font-weight:300;
  font-size: 0.75em;
  color: rgba(255,255,255,0.5);
}
#left-menu-trigger {
  display: inline-block;
  left: 0;
/*float: left*/
  vertical-align: top;
  width: 40px;
  height: 40px;
  top: 5px;
  top: 0;
  background: #3f6bf5;
  background: #3f6bf5;
  position: absolute;
  -webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.25);
  -webkit-box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.25);
  box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.25);
  z-index: 3;
}
#left-menu-trigger.menu-is-open,
#left-menu-trigger.drop-down-menu-open {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -moz-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
  box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.25);
}
#left-menu-trigger.menu-is-open .lines,
#left-menu-trigger.drop-down-menu-open .lines {
  background: none;
}
#left-menu-trigger.menu-is-open .lines:before,
#left-menu-trigger.drop-down-menu-open .lines:before,
#left-menu-trigger.menu-is-open .lines:after,
#left-menu-trigger.drop-down-menu-open .lines:after {
  top: 0;
}
#left-menu-trigger.menu-is-open .lines:before,
#left-menu-trigger.drop-down-menu-open .lines:before {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
#left-menu-trigger.menu-is-open .lines:after,
#left-menu-trigger.drop-down-menu-open .lines:after {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.lines {
  position: relative;
  width: 22px;
  height: 2px;
  background: #fff;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -11px;
  margin-top: 0;
/*margin-top: -1.5px;*/
  -webkit-transition: all 0.1s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.1s cubic-bezier(0.7, 0, 0.3, 1);
}
.lines:before,
.lines:after {
  content: '';
  display: block;
  position: absolute;
  width: 22px;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}
.lines:before {
  top: -6px;
}
.lines:after {
  top: 6px;
}
.logo {
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  position: absolute;
  left: 49px;
}
.logo img {
  float: left;
  width: 34px;
  height: 34px;
  margin-right: 10px;
}
.logo__name {
  display: inline-block;
  line-height: 1.875em;
  font-family: Roboto;font-weight:900;
  font-size: 18px;
  font-size: 1.125em;
  color: #fff;
}
.drop-down-menu {
  width: 252px;
  background: #fff;
  display: block;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 20%;
  margin-top: 50px;
  padding-top: 7px;
  padding-bottom: 30px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -moz-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 4px 4px 15px 0px rgba(0,0,0,0.5);
  border: solid 1px #66697e;
}
.drop-down-menu .menu-header {
  color: #243b56;
  font-family: Roboto;font-weight:900;
  font-size: 1.125em;
  padding-left: 61px;
  line-height: 2.25em;
  margin-bottom: 8px;
}
.drop-down-menu li:hover a {
  color: #fff;
  background: #3f6bf5;
}
.drop-down-menu li:hover a svg path {
  fill: #fff;
}
.drop-down-menu li a {
  display: block;
  color: #243b56;
  font-family: Roboto;font-weight:900;
  font-size: 1.125em;
  line-height: 2.25em;
  background: #fff;
  -webkit-transition: color 0.3s, background 0.3s;
  -moz-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  margin-bottom: 8px;
  padding-left: 61px;
}
.drop-down-menu li a .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 16px;
}
.drop-down-menu li a .icon svg {
  display: block;
  position: relative;
}
.drop-down-menu li a .icon svg path {
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  transition: fill 0.3s;
}
.drop-down-menu li a .icon.countries-catalog svg {
  width: 16px;
  height: 16px;
}
.drop-down-menu li a .icon.on7days svg {
  width: 21px;
  height: 17px;
}
.drop-down-menu li a .icon.water-t svg {
  width: 20px;
  height: 17px;
}
.drop-down-menu li a .icon.orbit-maps svg {
  width: 18px;
  height: 19px;
}
.drop-down-menu li a .icon.onmap-weather svg {
  width: 20px;
  height: 16px;
}
.drop-down-menu menu li.current-item {
  position: relative;
}
.drop-down-menu menu li.current-item:before {
  width: 2px;
  height: 100%;
  background: #3f6bf5;
}
.drop-down-menu menu li.current-item:hover a {
  color: #fff;
}
.drop-down-menu menu li.current-item:hover a svg path {
  fill: #fff;
}
.drop-down-menu menu li.current-item a {
  color: #3f6bf5;
}
.drop-down-menu menu li.current-item a svg path {
  fill: #3f6bf5;
}
.drop-down-menu menu li a {
  font-family: Roboto;font-weight:300;
  font-size: 0.875em;
  color: #000;
}
.drop-down-menu-open + .drop-down-menu {
  margin-top: -1px;
  visibility: visible;
  opacity: 1;
  top: 0;
}
.user-block {
  display: table-cell;
  position: absolute;
  right: 55px;
  z-index: 1;
}
.user-block__head {
  display: block;
  position: relative;
  height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.user-block__head.active + .user-block__login-container, #modal-message {
  margin-top: 2px;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  visibility: visible;
  opacity: 1;
}

#modal-message{
    visibility: hidden;
}


.user-block__login-container {
  display: block;
  position: absolute;
  width: 260px;
  left: -175px;
  padding: 10px;
  border: 1px solid #c3c3c3;
  z-index: 2;
  top: 100%;
  margin-top: 20px;
  visibility: hidden;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-transition: visibility 0.3s, margin 0.3s;
  -moz-transition: visibility 0.3s, margin 0.3s;
  transition: visibility 0.3s, margin 0.3s;
}
.user-block__login-container .soc-items {
  margin-top: 6px;
  text-align: center;
}
.user-block__login-container .soc-items .soc-item {
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.user-block__login-container .soc-items .soc-item:nth-last-child(1) {
  margin-right: 0;
}
.user-block figure {
  display: inline-block;
  position: relative;
  float: left;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.user-block figure .user-block__avatar {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  width: 100%;
  height: auto;
}
.user-block__name {
  display: inline-block;
  line-height: 26px;
  font-family: Roboto;font-weight:300;
  font-size: 0.875em;
  color: #fff;
  max-width: 152px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.popup-form + a {
  display: inline-block;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 7px;
  margin-bottom: 3px;
  text-align: center;
  color: #3f6bf5;
  position: relative;
}
.popup-form + a:after {
  left: 0;
  width: 100%;
  height: 1px;
  background: #3f6bf5;
  bottom: -2px;
}
.popup-form + a + p,
.popup-form + a + p + p {
  text-align: center;
  line-height: 20px;
}
.lang-switch {
  display: table-cell;
  float: right;
  top: 4px;
  position: relative;
  width: 48px;
  height: 30px;
  padding-left: 10px;
  border-left: 1px solid rgba(0,0,0,0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.lang-switch .current-lang {
  position: relative;
  z-index: 3;
  cursor: pointer;
  font-family: Roboto;font-weight:300;
  font-size: 0.75em;
  line-height: 30px;
  color: #fff;
}
.lang-switch .current-lang:after {
  top: 50%;
  right: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 2.5px 0 2.5px;
  border-color: #fff transparent transparent transparent;
}
.lang-switch .lang_list {
  display: none;
  position: absolute;
  width: 164px;
  right: 0;
  top: 100%;
  top: 26px;
  border: 1px solid #c3c3c3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  font-family: Roboto;font-weight:300;
  font-size: 0.875em;
  background: #fff;
  padding: 16px 0px;
  z-index: 1;
}
.lang-switch .lang_list li:nth-last-child(1) a {
  margin-bottom: 0;
}
.lang-switch .lang_list a {
  display: block;
  width: 100%;
  color: #000;
  background: #fff;
  -webkit-transition: color 0.3s, background 0.3s;
  -moz-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  line-height: 1.5em;
  margin-bottom: 5px;
  padding: 0 20px;
}
.lang-switch .lang_list a:hover {
  color: #fff;
  background: #3f6bf5;
}
.footer {
  clear: both;
}
.footer .wrap {
  width: 1032px;
  min-height: 133px;
  background: #363636;
}
.footer a {
  color: #fff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.footer a:hover {
  color: rgba(255,255,255,0.8);
}
.footer p {
  color: #626262;
  color: #989898;
}
.footer-left,
.footer-right {
  display: inline-block;
  vertical-align: top;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
}
.footer-left {
  margin-top: 32px;
  float: left;
}
.footer-left__about {
  margin-top: 28px;
  padding-left: 60px;
}
.footer-left__about a {
  margin-right: 15px;
}
.footer-left__about a:nth-last-child(1) {
  margin-right: 0;
}
.footer-left__copyright > * {
  display: inline-block;
  vertical-align: top;
}
.footer-left__copyright .footer-logo {
  font-size: 14px;
  position: relative;
  margin-right: 15px;
  padding-left: 60px;
}
.footer-left__copyright .footer-logo:before {
  left: 15px;
  background-position: -405px -9px;
  width: 38px;
  height: 38px;
}
.footer-left__copyright p {
  font-size: 11px;
  vertical-align: bottom;
}
.footer-right {
  float: right;
  margin-right: 10px;
}
.footer-right__apps {
  margin-top: 35px;
}
.footer-right__apps .android,
.footer-right__apps .apple,
.footer-right__apps .mob-version {
  display: inline-block;
  position: relative;
}
.footer-right__apps .android:before,
.footer-right__apps .apple:before,
.footer-right__apps .mob-version:before {
  height: 24px;
/*right: 0*/
  left: 0;
}
.footer-right__apps .android {
/*padding-right: 36px*/
  /*padding-left: 36px;*/
  padding-left: 31px;
  /*margin-right: 16px;*/
  margin-right: 48px;
}
.footer-right__apps .android:before {
  background-position: -446px -9px;
  width: 22px;
}
.footer-right__apps .mob-version {
  /*padding-left: 32px;*/
  padding-left: 24px;
}
.footer-right__apps .mob-version:before {
  background-position: -449px -41px;
  width: 14px;
  height: 22px;
}
.footer-right__apps .apple {
  padding-right: 32px;
}
.footer-right__apps .apple:before {
  background-position: -470px -9px;
  width: 21px;
}
.footer-right__projects {
  margin-top: 28px;
}
.footer-right__projects p,
.footer-right__projects a {
  display: inline-block;
  vertical-align: top;
}
.footer-right__projects a {
  margin-left: 7px;
}
.small-weather {
  position: relative;
  padding-bottom: 20px;
  height: 84px;
  overflow: hidden;
}
.small-weather .weather_meta {
  margin-top: 10px;
}
.small-weather .bx-viewport {
	/*height: auto!important;*/
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 64px !important;
}
.small-weather .bx-prev,
.small-weather .bx-next {
/*@extend .vam*/
  position: absolute;
  display: inline-block;
  height: 55px;
  width: 45px;
  text-indent: -9999px;
  top: 0;
  height: 100%;
}
.small-weather .bx-prev.disabled,
.small-weather .bx-next.disabled {
  display: none;
}
.small-weather .bx-prev:before,
.small-weather .bx-next:before {
/*@extend .vam*/
  width: 13px;
  height: 23px;
  top: 20px;
}
.small-weather .bx-prev {
  left: 0;
  background: -moz-linear-gradient(left, #fff 0%, #fff 30%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(30%, #fff), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, #fff 0%, #fff 30%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, #fff 0%, #fff 30%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, #fff 0%, #fff 30%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, #fff 0%, #fff 30%, rgba(255,255,255,0) 100%);
}
.small-weather .bx-prev:before {
  background-position: -26px -9px;
  left: 0;
}
.small-weather .bx-next {
  right: 0;
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 70%, #fff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(70%, #fff), color-stop(100%, #fff));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 70%, #fff 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 70%, #fff 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 70%, #fff 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 70%, #fff 100%);
}
.small-weather .bx-next:before {
  background-position: -43px -9px;
  right: 0;
}
.small-weather-slider {
  list-style: none;
  /*height: 63px;*/
  height: 64px;
  overflow: hidden;
}
.small-weather-slider li {
  display: inline-block;
/*margin-right: 16px*/
  max-width: 140px;
  border: solid 1px transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.small-weather-slider li.active {
  border: solid 1px #3f6bf5;
  z-index: 1;
}
.small-weather-slider li.active:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 0 7px;
  border-color: transparent transparent transparent #3f6bf5;
  left: 0;
  bottom: -1px;
}
.small-weather-slider li.active a p {
  font-family: Roboto;font-weight:900;
}
.small-weather-slider li.active:after {
  display: none;
}
.small-weather-slider li:nth-child(1):after {
  display: none;
}
.small-weather-slider li:after {
  width: 1px;
  height: 46px;
  left: 0;
  left: -2px;
  top: 8px;
  background: #c6c6cb;
}
.small-weather-slider li a {
  display: inline-block;
  display: block;
  /*padding: 10px 5px 10px 12px;*/
  padding: 10px 5px 10px 7px;
}
.small-weather-slider li:hover {
  border: solid 1px #3f6bf5;
  z-index: 1;
}
.small-weather-slider li:hover:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 0 7px;
  border-color: transparent transparent transparent #3f6bf5;
  left: 0;
  bottom: -1px;
}
.small-weather-slider li:hover:after {
  display: block;
  background: none;
  width: 100%;
  height: 100%;
  border: solid 1px #00f;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  top: 0;
  left: -1px;
  left: 0;
  z-index: 1;
  display: none;
}
.main-weather-sliderbox {
  float: left;
  width: 204px;
  position: relative;
  margin-top: 7px;
}
.carousel-person {
  position: relative;
  height: 262px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.carousel-person__item {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.carousel-person__item.active {
  display: block;
  opacity: 1;
}
.carousel-person__item a {
  display: block;
}
.carousel-person__item img {
  display: block;
  margin: 0 auto;
}
.carousel-person__arrow {
  display: inline-block;
  position: absolute !important;
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 1;
  cursor: pointer;
}
.carousel-person__arrow.person-next {
  right: 10px;
  border-width: 5.5px 0 5.5px 8px;
  border-color: transparent transparent transparent #626262;
}
.carousel-person__arrow.person-next.active {
  border-color: transparent transparent transparent #007bff;
}
.carousel-person__arrow.person-prev {
  left: 10px;
  border-width: 5.5px 8px 5.5px 0;
  border-color: transparent #626262 transparent transparent;
}
.carousel-person__arrow.person-prev.active {
  border-color: transparent #007bff transparent transparent;
}
.news-slider__block .news-slider li a {
  display: block;
  position: relative;
}
.news-slider__block .news-slider li a:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.6)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 100%);
}
.news-slider__block .news-slider li a .news-category {
  position: absolute;
  bottom: 40px;
  padding-left: 20px;
  font-family: Roboto;font-weight:300;
  font-size: 22px;
  color: #fff;
  z-index: 1;
}
.news-slider__block .news-slider li img {
  display: block;
  width: 100%;
  height: 100%;
}
.news-slider__block .bx-wrapper {
  position: relative;
  margin: 0 auto 35px;
  padding: 0;
}
.news-slider__block .bx-wrapper .bx-prev,
.news-slider__block .bx-wrapper .bx-next {
  position: absolute;
  outline: 0;
  width: 13px;
  height: 24px;
  text-indent: -9999px;
  z-index: 9999;
}
.news-slider__block .bx-wrapper .bx-prev {
  left: 10px;
  background-position: -1135px -9px;
}
.news-slider__block .bx-wrapper .bx-next {
  right: 10px;
  background-position: -1165px -9px;
}
.news-slider__block .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.news-slider__block .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Roboto;font-weight:300;
  display: block;
  font-size: 14px;
  padding: 20px;
}
.news-slider__block .bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}
.news-slider__block .bx-wrapper .bx-pager {
  position: absolute;
  bottom: -30px;
  width: 100%;
  padding-top: 20px;
  text-align: center;
}
.news-slider__block .bx-wrapper .bx-pager-item {
  display: inline-block;
}
.news-slider__block .bx-wrapper .bx-pager.bx-default-pager a {
  background: #c6c6cb;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.news-slider__block .bx-wrapper .bx-pager.bx-default-pager a:hover,
.news-slider__block .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #3f6bf5;
}
.main-weather__items-container {
  float: left;
  width: 100%;
  max-width: 770px;
}
.main-weather__item {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 25%;
  padding: 7px 12px 0;
  height: 278px;
  position: relative;
  text-align: center;
}
.main-weather__item-icon__box {
  position: relative;
  height: 80px;
}
.main-weather__item-icon__box:hover .icon-tooltip {
  display: block;
  opacity: 1;
}
.main-weather__item-icon__box .icon-tooltip {
  display: none;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 50%;
  padding: 5px 10px;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  -webkit-transform: translate(-50%, -100%);
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main-weather__item-icon__box .icon-tooltip:before,
.main-weather__item-icon__box .icon-tooltip:after {
    content:'';
    display: block;
    position: absolute;
}

.main-weather__item-icon__box .icon-tooltip:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #fff transparent transparent transparent;
  bottom: -6px;
  z-index: -1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-weather__item-icon__box .icon-tooltip:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  min-width: 88px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  border: solid 1px #c6c6cb;
  text-align: center;
  background: #fff;
  background-clip: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -1;
}


.main-weather__item-icon__box:hover .icon-tooltip {
    display: block;
    opacity: 1
}



.main-weather__item:before {
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background: #cbcbcb;
  background: -moz-linear-gradient(top, #cbcbcb 50%, #fff 95%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #cbcbcb), color-stop(95%, #fff));
  background: -webkit-linear-gradient(top, #cbcbcb 50%, #fff 95%);
  background: -o-linear-gradient(top, #cbcbcb 50%, #fff 95%);
  background: -ms-linear-gradient(top, #cbcbcb 50%, #fff 95%);
  background: linear-gradient(to bottom, #cbcbcb 50%, #fff 95%);
}
.main-weather__item-title {
/*margin-bottom: 7px*/
  font-family: Roboto;font-weight:900;
  font-size: 0.875em;
  color: #000;
}

.main-weather__item-title .very-cold {
  color: #66ccff;
}
.main-weather__item-title .cold {
  color: #2b85ca;
}
.main-weather__item-title .normal {
  color: #52ac62;
}
.main-weather__item-title .warm {
  color: #99cc33;
}
.main-weather__item-title .hot {
  color: #ff6600;
}
.main-weather__item-title .very-hot {
  color: #ff3300;
}

.main-weather__item-temperature {
/*margin-top: 2px*/
  font-size: 2.625em;
  font-family: Roboto;font-weight:400;
}
.main-weather__item-fillings {
  margin-bottom: 27px;
  font-family: Roboto;font-weight:300;
  font-size: 0.875em;
  /*font-size: 17px;*/
  font-size: 16px;
  color: #626262;
  font-family: Roboto;
  font-weight: 300;
}
.main-weather__item-meta {
  text-align: left;
  font-family: Roboto;font-weight:300;
  font-size: 0.875em;
  color: #626262;
}
.main-weather__item-meta .wet,
.main-weather__item-meta .fallout,
.main-weather__item-meta .wind,
.main-weather__item-meta .pressure,
.main-weather__item-meta .uv {
  display: block;
  position: relative;
  margin-left: 28px;
  margin-bottom: 6px;
}
.main-weather__item-meta .wet:before,
.main-weather__item-meta .fallout:before,
.main-weather__item-meta .wind:before,
.main-weather__item-meta .pressure:before,
.main-weather__item-meta .uv:before,
.main-weather__item-meta .wet:after,
.main-weather__item-meta .fallout:after,
.main-weather__item-meta .wind:after,
.main-weather__item-meta .pressure:after,
.main-weather__item-meta .uv:after {
  display: none;
  opacity: 0;
}
.main-weather__item-meta .wet:after,
.main-weather__item-meta .fallout:after,
.main-weather__item-meta .wind:after,
.main-weather__item-meta .pressure:after,
.main-weather__item-meta .uv:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #fff transparent transparent transparent;
  top: -13px;
  left: -28px;
  z-index: 2;
}
.main-weather__item-meta .wet:before,
.main-weather__item-meta .fallout:before,
.main-weather__item-meta .wind:before,
.main-weather__item-meta .pressure:before,
.main-weather__item-meta .uv:before {
  content: attr(data-name);
  top: -50px;
  left: -22px;
  padding: 11px 5px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 88px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  border: solid 1px #c6c6cb;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  text-align: center;
  background: #fff;
  background-clip: border-box;
  z-index: 1;
}
.main-weather__item-meta .wet:hover:before,
.main-weather__item-meta .fallout:hover:before,
.main-weather__item-meta .wind:hover:before,
.main-weather__item-meta .pressure:hover:before,
.main-weather__item-meta .uv:hover:before,
.main-weather__item-meta .wet:hover:after,
.main-weather__item-meta .fallout:hover:after,
.main-weather__item-meta .wind:hover:after,
.main-weather__item-meta .pressure:hover:after,
.main-weather__item-meta .uv:hover:after {
  display: block;
  opacity: 1;
}
.main-weather__item-meta .wet svg,
.main-weather__item-meta .fallout svg,
.main-weather__item-meta .wind svg,
.main-weather__item-meta .pressure svg,
.main-weather__item-meta .uv svg {
  position: absolute;
  left: -26px;
}
.main-weather__item-meta .wet > *,
.main-weather__item-meta .fallout > *,
.main-weather__item-meta .wind > *,
.main-weather__item-meta .pressure > *,
.main-weather__item-meta .uv > * {
  display: inline-block;
}
.main-weather__item-meta .wet svg {
  width: 12px;
}
.main-weather__item-meta .fallout svg {
  width: 14px;
}
.main-weather__item-meta .wind svg {
  width: 13px;
  left: -25px;
}
.main-weather__item-meta .pressure svg {
  height: 15px;
  width: 15px;
}
.main-weather__item-meta .uv svg {
  width: 17px;
  height: 1em;
  left: -28px;
}
.main-weather__item.today {
  width: 50%;
  padding-top: 4px;
}
.main-weather__item.today .main-weather__item-title {
  font-size: 1.125em;
  margin-bottom: 16px;
}
.main-weather__item.today .compass {
  position: relative;
  width: 46px;
  height: 46px;
  margin: 0 auto 30px;
}
.main-weather__item.today .compass:before {
  background-position: -118px -8px;
  width: 46px;
  height: 46px;
}
.main-weather__item.today .compass:after {
  background-position: -168px -9px;
  width: 21px;
  height: 46px;
}
.main-weather__item.today .compass.north:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
  -moz-transform: translate(-50%, -50%) rotate(0);
  -ms-transform: translate(-50%, -50%) rotate(0);
  -o-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
}
.main-weather__item.today .compass.north-east:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.main-weather__item.today .compass.east:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -o-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.main-weather__item.today .compass.south-east:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -moz-transform: translate(-50%, -50%) rotate(135deg);
  -ms-transform: translate(-50%, -50%) rotate(135deg);
  -o-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}
.main-weather__item.today .compass.south:after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -moz-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  -o-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}
.main-weather__item.today .compass.south-west:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
  -moz-transform: translate(-50%, -50%) rotate(225deg);
  -ms-transform: translate(-50%, -50%) rotate(225deg);
  -o-transform: translate(-50%, -50%) rotate(225deg);
  transform: translate(-50%, -50%) rotate(225deg);
}
.main-weather__item.today .compass.west:after {
  -webkit-transform: translate(-50%, -50%) rotate(270deg);
  -moz-transform: translate(-50%, -50%) rotate(270deg);
  -ms-transform: translate(-50%, -50%) rotate(270deg);
  -o-transform: translate(-50%, -50%) rotate(270deg);
  transform: translate(-50%, -50%) rotate(270deg);
}
.main-weather__item.today .compass.north-west:after {
  -webkit-transform: translate(-50%, -50%) rotate(315deg);
  -moz-transform: translate(-50%, -50%) rotate(315deg);
  -ms-transform: translate(-50%, -50%) rotate(315deg);
  -o-transform: translate(-50%, -50%) rotate(315deg);
  transform: translate(-50%, -50%) rotate(315deg);
}
.main-weather__item.today .left-part,
.main-weather__item.today .right-part {
  width: 50%;
  float: left;
}
.main-weather__item.today .left-part .main-weather__item-meta {
  display: inline-block;
  margin-top: 35px;
}
.main-weather__item.today .left-part .main-weather__item-meta .wind {
  margin-bottom: 0;
}
.main-weather__item.today .left-part .main-weather__item-meta .wind svg {
  left: -22px;
}
.main-weather__item.today .left-part .main-weather__item-meta .wind .direction {
  padding-left: 0;
}
.main-weather__item.today .right-part {
  text-align: left;
}
.main-weather__item.today .main-weather__item-temperature {
  font-family: Roboto;font-weight:400;
  font-size: 4.5em;
}
.main-weather__item.today .main-weather__item-fillings {
  /*margin-left: 45px;*/
  margin-bottom: 45px;
}
.main-weather__item.today .uv_points {
  padding-top: 2px;
}
.main-weather__item.today .uv_points span {
  position: relative;
  float: left;
  font-family: Roboto;font-weight:300;
  font-size: 0.6em;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  width: 10px;
  height: 10px;
  line-height: 10px;
  margin-right: 1px;
  background: #9db4f3;
  background: -moz-linear-gradient(left, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #9db4f3), color-stop(50%, #3b69e7), color-stop(100%, #5660e7));
  background: -webkit-linear-gradient(left, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  background: -o-linear-gradient(left, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  background: -ms-linear-gradient(left, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  background: linear-gradient(to right, #9db4f3 0%, #3b69e7 50%, #5660e7 100%);
  -webkit-background-size: 131px;
  background-size: 131px;
  background-size: 142px;
}
.main-weather__item.today .uv_points span.current {
  width: 20px;
  height: 20px;
  border: solid 2px #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  top: -5px;
  left: -4px;
  font-size: 1em;
  line-height: 16px;
  z-index: 1;
}
.main-weather__item.today .uv_points span.current + span {
  margin-left: -8px;
}
.main-weather__item .icon {
  margin: 0 auto;
  position: relative;
}
.day-chart {
  position: relative;
  border: solid 1px #c6c6cb;
  border-bottom: none;
  height: 94px;
  overflow: hidden;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.day-chart__lowest,
.day-chart__highest {
  position: absolute;
  font-family: Roboto;font-weight:300;
  font-size: 11px;
  left: 3px;
}
.day-chart__lowest {
  bottom: 14px;
}
.day-chart__highest {
  top: 5px;
}
.day-chart__sunrise,
.day-chart__sunset {
  position: absolute;
  font-family: Roboto;font-weight:300;
  font-size: 11px;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.day-chart__sunrise:before,
.day-chart__sunset:before {
  width: 19px;
  height: 19px;
  top: 9px;
  left: 0;
}
.day-chart__sunrise:before {
  background-position: -841px -10px;
}
.day-chart__sunset:before {
  background-position: -867px -10px;
}
.day-chart:after {
  background: url("/images/new_design/oneday-temperature-bg.png");
  left: 0;
  bottom: 0;
  height: 13px;
  width: 100%;
}
.day-chart .temperature-now {
  position: absolute;
  height: 100%;
  font-family: Roboto;font-weight:300;
  font-size: 11px;
  width: 1px;
  background: #000;
  z-index: 2;
  padding-top: 3px;
}
.day-chart .temperature-now > * {
  display: inline-block;
  position: absolute;
}
.day-chart .temperature-now__label {
  left: -50px;
}
.day-chart .temperature-now__time {
  left: 10px;
}
.day-chart .temperature-now__temp {
  left: 45px;
}
.day-chart__wrapper {
  position: relative;
  left: -11px;
  top: -9px;
  width: 988px;
}
#dayChart {
  width: 100% !important;
}
.hiddenContent {
  display: none;
  display: block;
}
.hiddenContent.not-visible {
  overflow-y: hidden;
  max-height: 0px;
}
.weeks-chart .advanced-forecast {
  display: inline-block;
  position: relative;
  float: right;
  margin-top: 10px;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  color: #2b85ca;
}
.weeks-chart .advanced-forecast:after {
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -2px;
  background: #2b85ca;
}
.weeks-chart .fallout-chart {
  position: relative;
/*height: 68px*/
  border: solid 1px #c6c6cb;
  border-top: none;
}
.weeks-chart .sub-chart {
  position: relative;
  border: solid 1px #c6c6cb;
  border-top: none;
}
.weeks-chart .sub-chart-data {
  display: table;
  width: 100%;
  padding-left: 22px;
}
.weeks-chart .sub-chart-data__item {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  color: #626262;
  text-align: center;
}
.weeks-chart .wind-chart .wind-data {
  height: 54px;
}
.weeks-chart .wind-chart .wind-data .direction {
  padding-top: 22px;
  padding-left: 0;
}
.weeks-chart .wind-chart .wind-data .direction:before {
  top: 7px;
}
.weeks-chart .wet-chart .sub-chart-data {
  height: 33px;
}
.weeks-chart .sunrise-chart {
  border-bottom: none;
}
.weeks-chart .sunrise-chart .sub-chart-data,
.weeks-chart .sunset-chart .sub-chart-data {
  height: 30px;
}
.weeks-chart .uv-chart .sub-chart-data {
  height: 33px;
}
.weeks-chart .moon-chart .sub-chart-data {
  height: 36px;
}
.weeks-chart .moon-chart .moon-icon {
  display: inline-block;
  background: url("/images/new_design/moon-chart.png") no-repeat;
  width: 16px;
  height: 16px;
}
.weeks-chart .moon-chart .moon-icon.moon1 {
  background-position: 0 0;
}
.weeks-chart .moon-chart .moon-icon.moon2 {
  background-position: -42px 0;
}
.weeks-chart .moon-chart .moon-icon.moon3 {
  background-position: -86px 0;
}
.weeks-chart .moon-chart .moon-icon.moon4 {
  background-position: -132px 0;
}
.weeks-chart .moon-chart .moon-icon.moon5 {
  background-position: -175px 0;
}
.weeks-chart .moon-chart .moon-icon.moon6 {
  background-position: -220px 0;
}
.weeks-chart .moon-chart .moon-icon.moon7 {
  background-position: -269px 0;
}
.weeks-chart .moon-chart .moon-icon.moon8 {
  background-position: -311px 0;
}
.weeks-chart .chart-icon {
  display: inline-block;
  position: absolute;
  width: 23px;
  border-right: solid 1px #c6c6cb;
  left: 0;
}
.weeks-chart .chart-icon.fallout {
  height: 100%;
}
.weeks-chart .chart-icon.fallout svg {
  width: 14px;
}
.weeks-chart .chart-icon.wind {
  height: 55px;
}
.weeks-chart .chart-icon.wind svg {
  width: 13px;
}
.weeks-chart .chart-icon.pressure {
  height: 48px;
  height: 65px;
}
.weeks-chart .chart-icon.pressure svg {
  height: 16px;
}
.weeks-chart .chart-icon.wet {
  height: 33px;
}
.weeks-chart .chart-icon.wet svg {
  height: 12px;
}
.weeks-chart .chart-icon.uv {
  height: 33px;
}
.weeks-chart .chart-icon.uv svg {
  height: 16px;
  width: 16px;
}
.weeks-chart .chart-icon.moon {
  height: 36px;
}
.weeks-chart .chart-icon.moon:before {
  background-position: -1242px -9px;
  width: 16px;
  height: 16px;
}
.weeks-chart .chart-icon.sunrise,
.weeks-chart .chart-icon.sunset {
  height: 30px;
}
.weeks-chart .chart-icon.sunrise:before,
.weeks-chart .chart-icon.sunset:before {
  width: 17px;
  height: 14px;
}
.weeks-chart .chart-icon.sunrise:before {
  background-position: -1201px -9px;
}
.weeks-chart .chart-icon.sunset:before {
  background-position: -1221px -9px;
}
.weeks-chart .chart-icon svg {
  position: absolute;
}
.weeks-chart__subwrapper {
  position: relative;
  padding-left: 22px;
}
.weeks-chart__subwrapper .fallout-data {
  display: table;
  position: absolute;
  position: relative;
  width: 100%;
  height: 20px;
  bottom: 6px;
  left: 0;
  padding-left: 22px;
  padding-left: 0;
}
.weeks-chart__subwrapper .fallout-data span {
  display: table-cell;
  width: 7.14%;
  vertical-align: middle;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  color: #626262;
  text-align: center;
}
.weeks-chart__wrapper {
  position: relative;
  padding-left: 22px;
  border: solid 1px #c6c6cb;
}
.weeks-chart__wrapper-aside {
  position: absolute;
  padding-right: 40px;
  padding-left: 10px;
  height: 23px;
  left: 0;
/*transform-origin: 100% 100%;*/
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 414px;
  border-bottom: solid 1px #c6c6cb;
}
.weeks-chart__wrapper-aside .min,
.weeks-chart__wrapper-aside .max {
  position: relative;
  padding-left: 15px;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  line-height: 22px;
  color: #626262;
}
.weeks-chart__wrapper-aside .min:before,
.weeks-chart__wrapper-aside .max:before {
  display: block;
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 0;
}
.weeks-chart__wrapper-aside .min {
  float: left;
}
.weeks-chart__wrapper-aside .min:before {
  border: solid 1px #3f6bf5;
}
.weeks-chart__wrapper-aside .max {
  float: right;
}
.weeks-chart__wrapper-aside .max:before {
  border: solid 1px #f40606;
}
.weeks-chart__wrapper-head {
  line-height: 32px;
/*border-bottom: solid 1px #c6c6cb*/
}
.weeks-chart__wrapper-head .dates {
  width: 100%;
}
.weeks-chart__wrapper-head .dates thead {
  border-bottom: solid 1px #c6c6cb;
}
.weeks-chart__wrapper-head .dates td {
  text-align: center;
}
.weeks-chart__wrapper-head .dates p {
  text-align: center;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  color: #626262;
}
.weeks-chart__wrapper-head .dates p.weekend {
  color: #f40606;
}
.weeks-chart__wrapper-head .dates .icon {
  display: block;
  margin: 5px auto 0;
}
.weeks-chart__wrapper-foot .icons {
  display: table;
  width: 100%;
}
.weeks-chart__wrapper-foot .icons span {
  display: table-cell;
  vertical-align: middle;
}
.weeks-chart__wrapper-foot .icons span .icon {
  display: block;
  margin: 0 auto 5px;
}
#weeksChart {
  width: 100% !important;
}
#weeksChartFallout {
  width: 100% !important;
/*padding-bottom: 20px*/
}
.read-also__container {
  border-top: solid 1px #c6c6cb;
}
.read-also__item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  float: left;
  width: 25%;
  min-height: 196px;
  padding: 10px;
  border: solid 1px transparent;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  transition: border 0.3s;
}
.read-also__item:hover {
  border: solid 1px #3f6bf5;
}
.read-also__item:hover:before {
  display: none;
}
.read-also__item:before {
  width: 1px;
  height: 100%;
  left: -2px;
  top: 0;
  background: #cbcbcb;
  background: -moz-linear-gradient(top, #cbcbcb 50%, #fff 95%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #cbcbcb), color-stop(95%, #fff));
  background: -webkit-linear-gradient(top, #cbcbcb 50%, #fff 95%);
  background: -o-linear-gradient(top, #cbcbcb 50%, #fff 95%);
  background: -ms-linear-gradient(top, #cbcbcb 50%, #fff 95%);
  background: linear-gradient(to bottom, #cbcbcb 50%, #fff 95%);
  z-index: -1;
}
.read-also__item:nth-child(1):before {
  display: none;
}
.read-also__item figure {
  width: 100%;
  height: 102px;
  margin-bottom: 5px;
}
.read-also__item figure img {
  display: block;
  width: 100%;
  height: 100%;
}
.read-also__item p {
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  line-height: 21px;
  color: #000;
}
.map-block__item {
  position: relative;
  position: absolute;
  font-size: 11px;
  font-family: Roboto;font-weight:300;
  color: #000;
}
.map-block__item.capital {
  font-size: 14px;
  text-transform: uppercase;
}
.map-block__item.capital .weather_meta {
  width: 65px;
}
.map-block .weather_meta {
  display: inline-block;
  position: absolute;
  height: 27px;
  height: 17px;
  width: 64px;
  padding-left: 5px;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
/*.icon*/
}
.map-block .weather_meta.top:before,
.map-block .weather_meta.bottom:before {
  width: 65px;
  height: 38px;
  z-index: -1;
}
.map-block .weather_meta.right:before,
.map-block .weather_meta.left:before {
  width: 73px;
  height: 30px;
/*z-index: -1*/
}
.map-block .weather_meta.top {
  top: -35px;
}
.map-block .weather_meta.top:before {
  background-position: -511px -9px;
  top: -6px;
}
.map-block .weather_meta.bottom {
  bottom: -34px;
}
.map-block .weather_meta.bottom:before {
  background-position: -589px -8px;
  bottom: -6px;
}
.map-block .weather_meta.right {
  right: -77px;
}
.map-block .weather_meta.right:before {
  left: -8px;
  background-position: -760px -9px;
}
.map-block .weather_meta.left {
  left: -73px;
}
.map-block .weather_meta.left:before {
  left: 0px;
  background-position: -670px -9px;
}
.map-block .weather_meta .icon {
  position: relative;
}
.map-block .weather_meta .temperature {
  position: relative;
  line-height: 19px;
  margin-left: 6px;
  font-size: 14px;
}
#map1-canvas,
#map2-canvas {
  width: 100%;
  height: 630px;
}
#map3-canvas,
#map4-canvas {
  height: 520px;
}
.map_water-temperature {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 1;
  background-position: -1182px -9px;
  width: 16px;
  height: 12px;
}

.maps .water-temp_meta {
  width: 50px !important;
}
.maps .water-temp_meta:before {
  background-position: -511px -9px !important;
  width: 65px !important;
  height: 38px !important;
  top: -7px !important;
}
.maps .main-title {
	margin-bottom: 17px;
}
.maps .main-title p {
  margin-top: 6px;
  /*margin-bottom: 17px;*/
  font-family: Roboto;font-weight:300;
  font-size: 14px;
}
.maps-container {
  position: relative;
  min-height: 675px;
}
.maps-container .tab-content {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.maps-container .tab-content.active {
  opacity: 1;
  visibility: visible;
}
.maps-container .tab-content .tab-name {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Roboto;font-weight:300;
  font-size: 22px;
}
.maps-tabs {
  display: table;
  width: 100%;
}
.maps-tabs .tab-item1 {
  display: inline-block;
  position: relative;
  vertical-align: top;
  float: left;
  width: 25%;
  height: 30px;
  text-align: center;
  border: solid 1px #c6c6cb;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  line-height: 30px;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  transition: border 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.maps-tabs .tab-item1 a{
    color: #000;
}
.maps-tabs .tab-item1:before {
  height: 100%;
  width: 1px;
  background: #fff;
  top: 0;
  left: -1px;
}
.maps-tabs .tab-item1:nth-child(1):before {
  display: none;
}
.maps-tabs .tab-item1.active {
  border: solid 1px #3f6bf5;
  font-family: Roboto;font-weight:900;
}
.maps-tabs .tab-item1.active:before {
  left: -2px;
}
.maps-anotation {
  margin-top: 5px;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  line-height: 21px;
}
.maps-anotation a {
  color: #3f6bf5;
  text-decoration: underline;
}
.maps-switcher {
  position: relative;
}
.maps-switcher.views .switching__list li {
  margin-bottom: 6px;
}
.maps-switcher__trigger {
  display: inline-block;
  position: absolute;
  right: 0;
  padding-right: 20px;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  color: #3f6bf5;
}
.maps-switcher__trigger:after {
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3.5px 0 3.5px;
  border-color: #3f6bf5 transparent transparent transparent;
}
.maps-switcher .checkbox-wrap label:before {
  left: 9px;
}
.maps-switcher .switching__list {
  display: none;
  position: absolute;
  width: 164px;
  right: 0;
  top: 100%;
  top: 40px;
  border: 1px solid #c3c3c3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
  font-family: Roboto;font-weight:300;
  font-size: 0.875em;
  background: #fff;
  padding: 16px 0px;
  z-index: 1;
}
.maps-switcher .switching__list a {
  display: block;
  width: 100%;
  color: #000;
  background: #fff;
  -webkit-transition: color 0.3s, background 0.3s;
  -moz-transition: color 0.3s, background 0.3s;
  transition: color 0.3s, background 0.3s;
  line-height: 1.5em;
  margin-bottom: 5px;
  padding: 0 20px;
  cursor: pointer;
}
.maps-switcher .switching__list a:hover {
  color: #fff;
  background: #3f6bf5;
}


/*.maps .imgMapVideo {
  #display: none;
  width: 100%;
}
.maps .daySlider {
  width: 100%;
  margin-top: 20px;
}
.maps .daySlider .centerControl {
  position: relative;
  width: 315px;
  height: 24px;
  line-height: 24px;
  margin: 0 auto;
}
.maps .daySlider .centerControl > * {
  display: inline-block;
  vertical-align: top;
}
.maps .daySlider .centerControl .leftControlDay,
.maps .daySlider .centerControl .rightControlDay {
  position: absolute;
  top: 0;
  background: url("/images/new_design/sprite.png");
  width: 13px;
  height: 24px;
  z-index: 2;
}
.maps .daySlider .centerControl .leftControlDay {
  left: 0;
  background-position: -1262px -8px;
}
.maps .daySlider .centerControl .rightControlDay {
  right: 0;
  background-position: -1277px -8px;
}
.maps .daySlider .centerControl .textSliderDay {
  position: relative;
  width: 100%;
  padding: 0 13px;
  text-align: center;
}
.maps .daySlider .centerControl .textSliderDay li {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
}
.maps .daySlider .centerControl .textSliderDay li.active {
  display: inline-block;
}
.maps .daySlider .centerControl .textSliderDay li > * {
  display: inline-block;
  vertical-align: top;
}
.maps .execDaySlider {
  width: 100%;
  height: 60px;
  margin-top: 10px;
  border-top: solid 1px #c6c6cb;
  border-bottom: solid 1px #c6c6cb;
}
.maps .execDaySlider .playButton {
  float: left;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: -1294px -9px;
  cursor: pointer;
}
.maps .execDaySlider .playButton.active {
  background-position: -1294px -51px;
}
.maps .execDaySlider .scaling {
  width: 640px;
  margin-top: 10px;
  padding-left: 60px;
}
.maps .execDaySlider .scaling-day {
  width: 100%;
}
.maps .execDaySlider .scaling-day ul {
  margin-top: 10px;
}
.maps .execDaySlider .scaling-day ul li {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 16%;
  text-align: center;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
}
.maps .execDaySlider .scaling-day ul li:nth-child(1),
.maps .execDaySlider .scaling-day ul li:nth-last-child(1) {
  width: 10%;
}
.maps .execDaySlider .scaling-day ul li:nth-child(1) {
  text-align: left;
}
.maps .execDaySlider .scaling-day ul li:nth-last-child(1) {
  text-align: right;
}
.maps .execDaySlider .scaling .ui-widget-content {
  height: 20px;
  border: none;
  background: url("/images/new_design/fullgrade.png") no-repeat;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.maps .execDaySlider .scaling .ui-slider-handle {
  height: 28px;
  width: 6px;
  top: 0;
  margin: 0;
  margin-left: -3px;
  background: #3b69e7;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
}*/
.gm-style .gm-style-iw {
  text-align: center;
}
.gm-style .gm-style-iw + div {
  display: none;
}
.infoBox img {
  display: none;
}
.infoBox .weather_meta {
  position: absolute;
  width: 100px;
  top: -47px;
/*left: -37px*/
  font-size: 14px;
}
.infoBox .weather_meta .temperature,
.infoBox .weather_meta .icon {
  position: relative;
  z-index: 1;
}
.infoBox .weather_meta .temperature:nth-last-child(1) {
  margin-left: 5px;
}
.infoBox .weather_meta:before {
  background-position: -501px -69px;
  width: 138px;
  height: 67px;
  top: -17px;
}
.webcams {
  display: inline-block;
  position: absolute;
  right: 0;
  font-size: 0.875em;
  line-height: 2.42857em;
  padding-left: 39px;
  padding-right: 8px;
}
.webcams:before {
  background-position: -224px -9px;
  width: 20px;
  height: 12px;
  left: 9px;
}
.webcams:hover {
  background: rgba(82,172,98,0.8);
}
.webcam-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  height: 100vh;
}
.webcam-modal.active {
  display: block;
}
.webcam-modal__container {
  position: relative;
  width: 976px;
  height: 606px;
  margin: 0 auto;
  z-index: 1;
}
.webcam-modal__container .current-temperature__icon,
.webcam-modal__container .current-temperature__meta {
  display: inline-block;
  vertical-align: middle;
}
.webcam-modal__container .current-temperature__meta {
  color: #fff;
  font-family: Roboto;font-weight:900;
  font-size: 18px;
  margin-left: 18px;
}
.webcam-modal__container .current-temperature__meta span {
  float: left;
  line-height: 42px;
}
.webcam-modal__container .current-temperature__meta .temp {
  margin-left: 18px;
  font-size: 42px;
  font-family: Roboto;font-weight:400;
}
.webcam-modal__container .video {
  margin-top: 40px;
}
.webcam-modal__container .video__header h2 {
  display: inline-block;
  font-family: Roboto;font-weight:300;
  font-size: 22px;
  color: #fff;
}
.webcam-modal__container .video__container .underConstraction {
  position: absolute;
  color: #fff;
  font-size: 30px;
  font-family: Roboto;font-weight:400;
  text-align: center;
}
.webcam-modal__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background: #000;
  background: rgba(0,0,0,0.75);
  overflow: hidden;
}
.webcam-modal__close {
  position: relative;
  float: right;
  padding-right: 27px;
  font-family: Roboto;font-weight:300;
  font-size: 0.875em;
  line-height: 16px;
  color: #fff;
  z-index: 10;
}
.webcam-modal__close span {
  display: inline-block;
  font-size: 38px;
  line-height: 16px;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 0;
  top: 0;
}
.main-column {
  max-width: 650px;
  width: 100%;
  float: left;
}

.main-column.full-width {
  max-width: none;
  float: none;
}

.main-column.full-width .mapBlock {
  float: none;
  width: 100%;
}


.main-column .section {
  border-bottom: none;
  margin-bottom: 20px;
/*&__title*/
/*font-family: Roboto;font-weight:300;*/
/*font-size 1.375em*/
/*p*/
/*margin-bottom: 6px*/
}
.city-info .section__title {
  text-transform: uppercase;
}
.city-info__earth {
  position: relative;
  background: url("/images/new_design/earth.png") no-repeat;
  width: 75px;
  height: 75px;
  margin: 0 auto;
}
.city-info__container {
  padding-top: 6px;
  padding-bottom: 6px;
  background: url("/images/new_design/city-info_bg.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  font-family: Roboto;font-weight:300;
  color: #fff;
}
.city-info__container table tbody tr:nth-child(5) td span {
  margin-bottom: 16px;
}
.city-info__container table tr {
  margin-bottom: 2px;
}
.city-info__container table td {
  text-align: center;
}
.city-info__container table td:nth-child(1) {
  text-align: left;
}
.city-info__container table td span {
  display: block;
  margin-bottom: 2px;
}
.city-info__container p {
  margin-bottom: 2px;
  font-size: 11px;
  line-height: 18px;
}
.city-info__container p span {
  font-size: 12px;
}
.city-info__container p.city-info__container-title {
  font-size: 18px;
}
.city-info__container > * {
  display: inline-block;
  float: left;
  vertical-align: top;
  width: 50%;
}
.city-info__container .left-part {
  position: relative;
}
.city-info__container .left-part .sunrise,
.city-info__container .left-part .sunset {
  display: block;
  margin: 0 auto 2px;
}
.city-info__container .left-part .sunrise {
  background-position: -1086px -9px;
  width: 21px;
  height: 18px;
}
.city-info__container .left-part .sunset {
  background-position: -1110px -9px;
  width: 21px;
  height: 19px;
}
.city-info__container .left-part .left {
  float: left;
  width: 130px;
  text-align: center;
}
.city-info__container .left-part .right {
  font-size: 12px;
}
.city-info__container .left-part:after {
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  background: url("/images/new_design/left-right-divider.png") no-repeat;
}
.city-info__container .right-part .city-info__container-title {
  margin-bottom: 7px;
}
.city-info__container .right-part .left {
  float: left;
  width: 210px;
  padding-left: 19px;
}
.city-info__container .right-part .right {
  position: relative;
  float: right;
  margin-top: 28px;
  width: 115px;
}
.city-info .big-moon__descr {
  display: block;
  width: 70%;
  margin: 0 auto;
}
.city-info .big-moon__icon {
  background: url("/images/new_design/Moon.png") no-repeat;
  width: 74px;
  height: 74px;
  margin: 11px auto;
}
.city-info .big-moon__icon.moon1 {
  background-position: -25px -3px;
}
.city-info .big-moon__icon.moon2 {
  background-position: -119px -3px;
}
.city-info .big-moon__icon.moon3 {
  background-position: -213px -3px;
}
.city-info .big-moon__icon.moon4 {
  background-position: -307px -3px;
}
.city-info .big-moon__icon.moon5 {
  background-position: -401px -3px;
}
.city-info .big-moon__icon.moon6 {
  background-position: -495px -3px;
}
.city-info .big-moon__icon.moon7 {
  background-position: -589px -3px;
}
.city-info .big-moon__icon.moon8 {
  background-position: -683px -3px;
}
.aditional {
  position: relative;
  line-height: 32px;
}
.aditional .create-widget,
.aditional .aditional-sharing {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0.75em;
  font-family: Roboto;font-weight:300;
}
.aditional .create-widget {
  float: left;
  color: #3f6bf5;
  position: relative;
  padding-left: 49px;
}
.aditional .create-widget:before {
  left: 0;
  background-position: -370px -9px;
  width: 32px;
  height: 32px;
}
.aditional .aditional-sharing {
  float: right;
  color: #000;
}
.aditional .aditional-sharing p,
.aditional .aditional-sharing__block {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.aditional .aditional-sharing__block {
  margin-left: 10px;
  height: 32px;
}
.aditional .aditional-sharing__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  width: 21px;
  height: 21px;
  margin-right: 9px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
/*@extend .vam*/
}
.aditional .aditional-sharing__item:nth-last-child(1) {
  margin-right: 0;
}
.aditional .aditional-sharing__item.fb {
  background-position: -278px -34px;
}
.aditional .aditional-sharing__item.vk {
  background-position: -301px -34px;
}
.aditional .aditional-sharing__item.tw {
  background-position: -324px -34px;
}
.aditional .aditional-sharing__item.gp {
  background-position: -347px -34px;
}
.weather-block {
  width: 100%;
  font-size: 0.875em;
}
.weather-block__title {
  font-family: Roboto;font-weight:900;
  margin-bottom: 17px;
}
.weather-block__title a{
  color:#000;
}
.weather-block__columns {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  float: left;
}
.weather-block__item {
  display: block;
  font-family: Roboto;font-weight:300;
  color: #000;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  margin-bottom: 10px;
}
.weather-block__item:nth-last-child(1) {
  margin-bottom: 0;
}
.weather-block__item:hover {
  color: #3f6bf5;
}
.map-block {
  border: solid 1px #cbcbcb;
  position: relative;
}
.map-block img {
  display: block;
}
.news-block {
  width: 670px;
  margin-left: -20px;
}
.news-block__item {
  float: left;
  width: 315px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.main-container .news-block__item h2 {
    margin-bottom: 16px;
}
/*.news-block__item-title {
  display: block;
  margin-bottom: 16px;
  font-family: Roboto;font-weight:300;
  font-size: 1.375em;
  color: #000;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}*/

.news-block__item-title {
    display: block;
    margin: 0!important;
    margin-bottom: 16px;
    font-family: Roboto;
    font-weight: 300;
    font-size: 22px!important;
    color: #000!important;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    text-decoration: none!important;
    transition: color 0.3s;
    float: none!important;
}

.news-block__item-title:hover {
  color: #3f6bf5;
}
.news-block__item-list li {
  position: relative;
  padding-left: 10px;
}
.news-block__item-list li:before {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #3f6bf5;
  left: 0;
}
.news-block__item-list li a {
  display: block;
  position: relative;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  line-height: 22px;
  color: #626262;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.news-block__item-list li a:hover {
  color: #3f6bf5;
}
.news-block__item-list .main-news {
  margin-bottom: 5px;
  padding-left: 0;
}
.news-block__item-list .main-news:before {
  display: none;
}
.news-block__item-list .main-news figure {
  width: 100%;
  height: 110px;
}
.news-block__item-list .main-news figure img {
  display: block;
  width: 100%;
  height: 100%;
}
.news-block__item-list .main-news a p {
  position: absolute;
  bottom: 5px;
  padding-left: 10px;
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  color: #fff;
  z-index: 1;
}
.news-block__item-list .main-news a:before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, #000));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #000 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #000 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #000 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000 100%);
}
.news-block__item__all {
  display: block;
  position: relative;
  margin-top: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 24px;
}
.news-block__item__all:hover:after {
  border-color: transparent transparent #3f6bf5 transparent;
}
.news-block__item__all:after {
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 5px 5px;
  border-color: transparent transparent #c6c6cb transparent;
  -webkit-transform: rotate(360deg);
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  transition: border 0.3s;
}
.news-list__item {
  min-height: 86px;
  margin-bottom: 20px;
}
.news-list__item-title {
  margin-left: 135px;
}
.news-list__item-title a {
  position: relative;
  display: block;
  font-family: Roboto;font-weight:900;
  font-size: 14px;
  color: #000;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.news-list__item-title a:hover {
  color: #3f6bf5;
}
.news-list__item-title figure {
  position: absolute;
  width: 115px;
  top: 0;
  left: -135px;
}
.news-list__item-title figure img {
  display: block;
  width: 100%;
  height: 100%;
}
.news-list__item-container {
  margin-top: 8px;
  margin-left: 135px;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  line-height: 18px;
}
.news-list__item-container .post-date {
  color: #626262;
}
#paginator {
  padding-bottom: 10px;
  overflow: hidden;
}
#paginator .paginator_p_wrap,
#paginator .paginator_slider {
  width: 100% !important;
}
#paginator .paginator_p_wrap {
  height: 24px;
  margin-bottom: 6px;
}
#paginator .paginator_slider {
  width: calc(100% - 36px) !important;
  width: calc(100% - 50px) !important;
  margin: 0 auto;
  height: 2px;
  top: 2px;
  background: #c6c6cb;
  border: none;
}
#paginator .paginator_slider:before {
  height: 2px;
  width: calc(100% + 36px);
  width: calc(100% + 50px);
  background: #c6c6cb;
  top: 0;
  left: -25px;
}
#paginator .paginator_slider .ui-slider-handle {
  width: 14px;
  height: 14px;
  top: -6px;
  background: #3f6bf5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -7px;
}
#paginator .paginator_slider .ui-slider-handle:before {
  width: 50px;
  height: 2px;
  background: #626262;
}
#paginator .paginator_slider .ui-slider-handle:after {
  width: 100%;
  left: 0;
  height: 2px;
  background: #3f6bf5;
}
#paginator .paginator_p {
  font-family: Roboto;font-weight:300;
  font-size: 12px;
  color: #000;
  background: none;
}
#paginator .paginator_p.selected {
  font-size: 22px;
  margin-top: -4px !important;
}
.article {
  font-size: 14px;
}
.article p {
  line-height: 21px;
}
.article-meta {
  margin-top: 5px;
  margin-bottom: 18px;
  font-family: Roboto;font-weight:300;
}
.article-excerpt {
  margin-bottom: 18px;
  font-family: Roboto;font-weight:900;
}
.article-thumbnail {
  margin-bottom: 20px;
}
.article-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
}
.article-container p {
  margin-bottom: 20px;
  font-family: Roboto;font-weight:300;
}
.article-footer > * {
  display: inline-block;
  vertical-align: top;
}
.article-footer__tags > * {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  line-height: 21px;
}
.article-footer__tags p {
  font-family: Roboto;font-weight:900;
}
.article-footer__tags a {
  font-family: Roboto;font-weight:300;
  font-size: 14px;
  color: #3f6bf5;
  text-decoration: underline;
}
.article-footer .sharing {
  float: right;
}
.article-footer .sharing p {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  font-family: Roboto;font-weight:300;
  font-size: 12px;
}
.article-footer .sharing .soc-item {
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.article-footer .sharing .soc-item:nth-last-child(1) {
  margin-right: 0;
}
/*@import '../includes/container/columns/main-column/maps-main-column.styl'*/
.sidebar {
  width: 300px;
  float: left;
  margin-left: 25px;
}
.sidebar .widget {
  margin-bottom: 20px;
}
.sidebar .widget__title {
  display: block;
  font-family: Roboto;font-weight:300;
  font-size: 1.3125em;
  margin-bottom: 12px;
  color: #000;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.sidebar .widget__title:hover {
  color: #3f6bf5;
}
.sidebar .socials {
  position: relative;
  height: 40px;
  width: 100%;
  background: #3f6bf5;
  background: rgba(63,107,245,0.67);
}
.sidebar .socials .meteoprog,
.sidebar .socials__block {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.sidebar .socials .meteoprog {
  font-size: 0.8125em;
  color: #fff;
  padding-left: 42px;
  margin-right: 10px;
  
  font-family: Roboto;
  font-weight: 300;
/*color: rgba(255,255,255,.43)*/
}
.sidebar .socials .meteoprog:before {
  left: 5px;
  background-position: -247px -9px;
  width: 29px;
  height: 30px;
}
.sidebar .socials__item {
  display: inline-block;
  vertical-align: top;
  width: 21px;
  height: 21px;
  margin-right: 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sidebar .socials__item:nth-last-child(1) {
  margin-right: 0;
}
.sidebar .socials__item.fb {
  background-position: -278px -9px;
}
.sidebar .socials__item.vk {
  background-position: -301px -9px;
}
.sidebar .socials__item.tw {
  background-position: -324px -9px;
}
.sidebar .socials__item.gp {
  background-position: -347px -9px;
}
.sidebar .sidebar-news__item,
.sidebar .sidebar-weather__item,
.sidebar .sidebar-news-partners__item {
  margin-bottom: 17px;
  display: block;
  color: #000;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
}
.sidebar .sidebar-news__item:hover,
.sidebar .sidebar-weather__item:hover,
.sidebar .sidebar-news-partners__item:hover {
  color: #3f6bf5;
}

.sidebar .sidebar-news__item__thumb, 
.sidebar .sidebar-weather__item__thumb, 
.sidebar .sidebar-news-partners__item__thumb {
    width: 115px;
    height: 115px;
    float: left;
    margin-right: 20px;
}


.sidebar .sidebar-news__item__thumb img,
.sidebar .sidebar-weather__item__thumb img,
.sidebar .sidebar-news-partners__item__thumb img {
  width: 100%;
  height:100%;  
}
.sidebar .sidebar-news__item__title,
.sidebar .sidebar-weather__item__title,
.sidebar .sidebar-news-partners__item__title {
  font-family: Roboto;font-weight:300;
  font-size: 1em;
}
.sidebar .sidebar-news__item__title p,
.sidebar .sidebar-weather__item__title p,
.sidebar .sidebar-news-partners__item__title p {
  position: relative;
  display: inline;
}
.sidebar .sidebar-news__item__title .source,
.sidebar .sidebar-weather__item__title .source,
.sidebar .sidebar-news-partners__item__title .source {
  position: absolute;
  right: -25px;
  bottom: 0;
}

#search_list ul {
  background: #fff;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -12px;
  width: 295px;
}

.weatherLinks p {
	margin: 0;
	margin-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
}
.weatherLinks a, p ul li a {
	color: #0064ba;
	font-size: 20px;
	text-decoration: underline;
}
.weatherLinks a:hover {
	text-decoration: none;
}

.weatherLinks { float: left; background: #fff; left: 0; margin: 0; padding: 0; position: absolute; top: 24px; width: 100%; 
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.5);
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -ms-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}
.weatherLinks li  { list-style:none; border: 1px solid #e1e1e1; border-top-width: 0; }
.weatherLinks li:first-child  { border-top-width:1px; }

.weatherLinks li > a { color: #333; font-size: 12px; height: 22px; line-height: 22px; padding: 0 5px; white-space: nowrap; }
.weatherLinks li.hovered > a { text-decoration:underline; }
.weatherLinks li > a > span { color: #999; font-style: italic; }

#search_list ul {
	background: #fff;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -12px;
	width: 100%;
        margin: 0;
}
#search_list li a {
    text-decoration: none;
    font: 12px 'ArialRegular', Arial, sans-serif;
    color: #333;
    display: inline-block;
    width: 100%;
    padding: 3px 3px 3px 12px;
    height:auto;
    white-space: initial;
}

#search_list li.hovered {
    background-color: #acd4f0;
}

#search_list li span {
    color: #999;
    font-style: italic;
}

.small-weather .bx-wrapper {
    max-width: 1360px;
    margin: 0px auto;
    height: 63px;
}

/*.checkbox-wrap input:checked + label:before {
              background-position: -888px -9px;
          }
.active .checkbox-wrap label:before {
              background-position: -888px -23px!important;
}*/

.notifications.advanced-settings .active .checkbox-wrap label:before {
  background-position: -888px -23px !important;
}
.notifications.advanced-settings input:checked + label:before {
  background-position: -888px -9px;
}

.notifications__block .checkbox-wrap.active label:before {
  background-position: -888px -23px !important;
}
.notifications__block .checkbox-wrap label:before {
  background-position: -888px -9px !important;
}



@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.modal-registration__container .location_selectors div {
  position: relative;
  float: right;
}
.modal-registration__container .location_selectors div:nth-child(1) {
  float: left;
}
.modal-registration__container .location_selectors span {
  display: block;
  position: absolute;
  background-position: -1068px -9px;
  width: 11px;
  height: 16px;
  left: 11px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.modal-registration__container .location_selectors input {
  position: relative;
  width: 228px;
  height: 40px;
  padding-left: 35px;
  border: 1px solid #c6c6cb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.float-left {
  float:left !important;
}

.weeks-chart {
  margin-bottom: 60px !important;
}

.dropdown-container { color: rgb(51, 102, 153); padding: 0px; margin: 12px 12px 0px 0px; position: relative; width: 124px; height: 1px; z-index: 100; }
.dropdown-container dl { position: absolute; top: 0px; right: 30px; width: 124px; margin: 0px; padding: 0px; }
.dropdown-container dt { background: url('/images/down.png') no-repeat scroll 138px 9px rgb(255, 255, 255); border: 1px solid rgb(225, 225, 225); min-height: 23px; height: auto ! important; line-height: 22px; margin: 0px; padding: 0px 0px 0px 5px; width: 147px; float: left; }
.dropdown-container dd { border-style: solid; border-color: rgb(225, 225, 225); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none; border-width: 0px 1px; display: none; background: none repeat scroll 0% 0% transparent; clear: left; min-height: 25px; height: auto ! important; margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-align: left; width:152px}
.dropdown-container dd.firstMap { border-width: 1px 1px 0px; }
.dropdown-container dd.lastMap { border-width: 0px 1px 1px; }
.dropdown-container dd.close { display: none !important; }
.dropdown-container dt,.dropdown-container dt a, .dropdown-container dt a:visited { display: block; font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 12px; color: rgb(51, 102, 153); width: 147px; }
.dropdown-container dd a, .dropdown-container dd a:visited { background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(48, 62, 80); text-decoration: none; display: block; padding: 5px; width: 142px; }
.dropdown-container a:hover { border: 0px none; }
.dropdown-container:hover dd, .dropdown-container a:hover dd { display: block; }
.dropdown-container:hover dl, .dropdown-container a:hover dl { width: 124px; }
.dropdown-container dd a:hover { background: none repeat scroll 0% 0% rgb(144, 151, 161); }

.textAlignRight{
    text-align: right;
}
.floatR {
  float: right;
}

.weeks-chart .advanced-forecast:after {
  height: 1px;
  width: 100%;
  left: 0;
  bottom: -2px;
  background: #2b85ca;
}




/**
* styles for wmap7days
*/
.daySlider {
	margin-top: 20px;
	background: none;
}
.centerControl {
    position: relative;
    width: 315px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
}
.maps .daySlider .centerControl > * {
    display: inline-block;
    vertical-align: top;
}
.maps .daySlider .centerControl .leftControlDay, .maps .daySlider .centerControl .rightControlDay {
    position: absolute;
    top: 0;
    background: url("/images/new_design/sprite.png");
    width: 13px;
    height: 24px;
    z-index: 2;
}
.maps .daySlider .centerControl .leftControlDay {
    left: 0;
    background-position: -1262px -8px;
}
.maps .daySlider .centerControl .rightControlDay {
    right: 0;
    background-position: -1277px -8px;
}
.textSliderDay li {
	color: #000;
	position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    font-family: Roboto;font-weight:300;
    font-size: 14px;
    text-align: center;
}
.hideItem, .inlineBlock.hideItem {
    display: none !important;
}
.scaling{
	float: none!important;
    width: 640px;
    margin-top: 10px;
    padding-left: 60px;
}
.imgScaling {
  position: relative;
	height: 20px;
    border: none;
    background: url("/images/new_design/fullgrade.png") no-repeat;
}


.execDaySlider {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    border-top: solid 1px #c6c6cb;
    border-bottom: solid 1px #c6c6cb;
}
.buttonExec {
	float: left;
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("/images/new_design/sprite.png");
    background-position: -1294px -9px;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.dayScaling {
	margin-top: 10px;
}
.dayScaling span {
	display: inline-block;
    vertical-align: top;
    float: left;
    width: 16%;
    text-align: center;
    font-family: Roboto;font-weight:300;
    font-size: 12px;
    color: #000;
}
.dayScaling span:nth-child(1) {
	text-align: left;
	width: 10%;
}
.dayScaling .lastElemScaling {
    text-align: right;
    width: 10%;
}
.activScaling {
  position: absolute;
	height: 28px;
    width: 6px;
    top: 0;
    left: 0;
    margin: 0;
    margin-left: -3px;
    background: #3b69e7;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
}
.imgMapVideo {
    width: 650px!important;
    height: 520px!important;
}
#register-form .enter.disabled {
    background: rgba(63,107,245,0.8);
    cursor:initial;
}

.main-weather__item.today .left-part .main-weather__item-meta {
    display: inline-block;
    margin-top: 52px;
}

.main-weather__item.today .main-weather__item-fillings {
    /* margin-left: 45px; */
    margin-bottom: 60px;
}
.dashedLine:after {
    background: none!important;
    border-bottom: dashed 1px #2b85ca;
}
.txt p, .main-column p.under_title{
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
.main-container h1 {
    margin-bottom:5px!important;
}    
.main-column p.under_title{    
    margin-bottom:20px;
}

.txt a {
    color: #3f6bf5;
}
.txt h2 {
    margin-top: 20px;
}
strong {
  font-weight:400;
}
.section__title a.two-weeks{
 float:right;
 display: inline-block;
 position: relative;
 float: right;
 margin-top: 10px;
 font-family: Roboto;
 font-weight: 300;
 font-size: 14px;
 color: #2b85ca;
 text-decoration: underline;
}

.for-15-days {
  margin-left: 15px;
}

.news-block__row{
	display: table;
	width: 100%;
}


 /*
MET-340 Новые информеры и страница их создания
1. Информеры имеют три темы – стандартную, светлую, темную. Каждую из них можно настроить цветом фона, шрифта, прозрачности.
2. Поведение информеров при изменении ширины нарисовано на отдельных слайдах
3. Нарисованы новые иконки влажности, давления и направления ветра
4. В базовом варианте ссылок 3 – на город, на главную meteoprog.ua/ru (с лого), на 2 недели в текущем городе
5. Код информера отправляется на почту после заполнения адреса сайта, имейла и ввода капчи. Код должен работать только на указанном сайте.
6. Дни недели или время суток для расширенного прогноза меняются динамически
7. Отдельным пунктом нужно продумать возможность вместо выбора города поставить пункт "Геолокация". В этом случае информер показывает посетителю сайта погоду в его населенном пункте.
*/

.constructor_hdr-cont {
	text-align: center;
	margin: 20px 0px 30px 0px;
}

.main-container h2.constructor__title {
	color: #595959;
	margin-bottom: 10px;
}

.constructor__desc {
	font-family: Roboto, Arial, sans-serif;
	font-size: 12px;
	color: #808080;
	width: 100%;
	max-width: 710px;
	margin: 0 auto;
	line-height: 140%;
}

.constructor__top-options {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow row nowrap;
	align-items: center;
}

.constructor__top-option.constructor__left {
	width: calc(17% - 15px);
	margin-right: 15px;
}

.constructor__top-option.constructor__center {
	width: calc(53% - 30px);
	margin: 0px 15px;
}

.constructor__top-option.constructor__right {
	width: calc(30% - 15px);
	margin-left: 15px;
}

.constructor__lng {
	display: none;
}

.constructor__lng-lbl {
	text-transform: uppercase;
	color: #414141;
	padding: 2px 10px;
	font-family: Roboto, Arial, sans-serif;
	border-radius: 30px;
	font-weight: 600;
  cursor: pointer;
}

.constructor__langs {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow row nowrap;
	margin-top: 1px;
}

.constructor__lbl {
	color: #808080;
	float: left;
	font-family: Roboto, Arial, sans-serif;
	margin-right: 10px;
}

.constructor__lng:checked + .constructor__lng-lbl {
	color: #FFFFFF;
	background: #D0D0D0;
}

.constructor__add-city {
	text-transform: uppercase;
	color: #000000;
	font-weight: 600;
	font-size: 14px;
    font-family: Roboto, Arial, sans-serif;

}

.constructor__btn-color {
  border-bottom: 1px solid #F4F4F4;
  border-left: 1px solid #F4F4F4;
  border-right: 1px solid #F4F4F4;
  border-top: none;
  padding: 15px 0px;
  cursor: pointer;
  text-align: center;
}

.constructor__btn-color .sp-replacer {
  padding: 4px;
}

.constructor__btn-color:hover {
  background: #EEEEEE;
}

.constructor__btn-cvf {
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  font-family: Roboto, Arial, sans-serif;
  cursor: pointer;
}

.constructor__cities {
	border: 1px solid #EDEDED;
	border-radius: 5px;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
	padding-right: 40px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTIgNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyIDUyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6I0U2RTZFNjsiIGQ9Ik0zOC44NTMsNS4zMjRMMzguODUzLDUuMzI0Yy03LjA5OC03LjA5OC0xOC42MDctNy4wOTgtMjUuNzA2LDBoMCBDNi43NTEsMTEuNzIsNi4wMzEsMjMuNzYzLDExLjQ1OSwzMUwyNiw1MmwxNC41NDEtMjFDNDUuOTY5LDIzLjc2Myw0NS4yNDksMTEuNzIsMzguODUzLDUuMzI0eiBNMjYuMTc3LDI0Yy0zLjMxNCwwLTYtMi42ODYtNi02IHMyLjY4Ni02LDYtNnM2LDIuNjg2LDYsNlMyOS40OTEsMjQsMjYuMTc3LDI0eiIvPjwvc3ZnPg==);
	background-position: calc(100% - 5px) 10px;
	background-repeat: no-repeat;
	background-size: auto 30px; ;
}

.constructor__cities-txt {
	display: inline;
	border: none;
	vertical-align: middle;
	width: 150px;
	font-size: 20px;
}

.constructor__selected-cities {
	display: inline-block;
}

.constructor__selected-city {
	display: inline-block;
	vertical-align: middle;
	background: #F7F7F7;
	margin-right: 5px;
	padding: 5px 10px;
	border-radius: 15px;
	font-size: 18px;
	font-family: Roboto, Arial, sans-serif;
	cursor: pointer;
}

.constructor__selected-close {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	margin-top: 1px;
}



.clearfix::before,.clearfix::after { display: block; content: ""; line-height: 0; clear: both; }
.taggle_list { float: left; width: 100%; }
.taggle_input { border: 0px; outline: 0px; font-size: 16px; font-weight: 300; }
.taggle_list li { display: inline-block; white-space: nowrap; font-weight: 500; vertical-align: middle; }
.taggle_placeholder { position: absolute; color: #ccc; top: 12px; left: 8px; transition: opacity, 0.25s; user-select: none; }

.taggle_input {
	padding: 8px 8px 8px 0px;
	float: none;
	margin-top: 0px;
	background: 0px 0px;
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
}

.taggle_sizer { padding: 0px; margin: 0px; position: absolute; top: -500px; z-index: -1; visibility: hidden; }

.taggle {
	display: inline-block;
	vertical-align: middle;
	background: #F7F7F7;
	margin-right: 5px;
	padding: 5px 10px;
	border-radius: 15px;
	font-size: 18px;
	font-family: Roboto, Arial, sans-serif;
}

.taggle .close {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	margin-top: 1px;
	border: none;
	background: none;
	font-size: 14px;
	cursor: pointer;
}


.constructor__iw {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30px;
}

.constructor__top-options {
	margin-bottom: 30px;
}

.constructor__iw-w {
	font-family: Roboto, Arial, sans-serif;
	margin-bottom: 15px;
}

.constructor__iw-val {
	font-size: 18px;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #EDEDED;
	width: 50px;
}



.constructor__blue-range {
	-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
	width: 100%; /* Specific width is required for Firefox. */
	background: transparent; /* Otherwise white in Chrome */
  cursor: pointer;
}

.constructor__blue-range::-webkit-slider-thumb {
	-webkit-appearance: none;
}

.constructor__blue-range:focus {
	outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

.constructor__blue-range::-ms-track {
	width: 100%;
	cursor: pointer;

	/* Hides the slider so custom styles can be added */
	background: transparent;
	border-color: transparent;
	color: transparent;
}

/* Special styling for WebKit/Blink */
.constructor__blue-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 16px;
	width: 16px;
	background: #ffffff;
	cursor: pointer;
	margin-top: -8px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
	border: 1px solid #DDDDDD;
	box-shadow: 2px 2px 5px #DDDDDD, 0px 0px 1px #DDDDDD; /* Add cool effects to your sliders! */
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* All the same stuff for Firefox */
.constructor__blue-range::-moz-range-thumb {
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	border: 1px solid #DDDDDD;
	height: 16px;
	width: 16px;
	background: #ffffff;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;

}

/* All the same stuff for IE */
.constructor__blue-range::-ms-thumb {
	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	border: 1px solid #DDDDDD;
	height: 16px;
	width: 16px;
	background: #ffffff;
	cursor: pointer;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.constructor__track {
	height: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 100%;
	background: #E9E9E9;
	margin-top: -13px;
	overflow: hidden;
  cursor: pointer;
}

.constructor__track-progress {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0169f1+0,71d9fd+100 */
	background: rgb(1,105,241); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(1,105,241,1) 0%, rgba(113,217,253,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(1,105,241,1) 0%,rgba(113,217,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(1,105,241,1) 0%,rgba(113,217,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0169f1', endColorstr='#71d9fd',GradientType=1 ); /* IE6-9 */
	height: 6px;
}

.constructor__columns {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow row wrap;
	align-content: space-between;
	justify-content: center;
	width: 100%;
	margin-bottom: 10px;
}

.constructor__column.constructor__left {
	width: 22%;
	background: #F7F7F7;
	padding: 15px;
}

.constructor__column.constructor__center {
	width: 52%;
	margin-left: 2%;
	margin-right: 2%;
}

.constructor__stroked {
	border: 1px solid #F2F2F2;
	background: url('/images/stroked.png');
	padding: 20px 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  min-height: 380px;
  text-align: center;
}

.constructor__column.constructor__right {
	width: 22%;
	background: #F7F7F7;
	padding: 15px;
}

.constructor__blue-radio {
	display: none;
}

.constructor__blue-radio + label {
	position: relative;
	padding-left: 30px;
	font-family: Roboto, Arial, sans-serif;
	text-transform: uppercase;
	color: #808080;
	font-weight: 600;
}

.constructor__blue-radio + label:before {
	background: #E8E8E8;
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 5px;
	border-radius: 50%;
	position: absolute;
	top: 0px;
}

.constructor__blue-radio:checked + label {
	color: #000000;
}



.constructor__blue-radio:checked + label:before {
	background: #E8E8E8;
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	margin-right: 5px;
	border-radius: 50%;
	position: absolute;
	top: 0px;
}

.constructor__blue-radio:checked + label:after {
	background: #0069EF;
	content: '';
	width: 12px;
	height: 12px;
	display: block;
	margin-right: 0px;
	border-radius: 50%;
	position: absolute;
	top: 4px;
	left: 4px;
}

.constructor__blue-radio-cont {
	margin-bottom: 20px;
}

.constructor__blue-radio-cont label {
  cursor: pointer;
}

.constructor__column.constructor__left .constructor__lbl,
.constructor__column.constructor__right .constructor__lbl {
	margin-bottom: 20px;
	float: none;
}


.sp-replacer.sp-light + label {
	font-family: Roboto, Arial, sans-serif;
	text-transform: uppercase;
	color: #000000;
	font-weight: 600;
}

.constructor__chk-opt {
	display: none;
}

.constructor__chk-opt + label {
	position: relative;
	padding-left: 30px;
	font-family: Roboto, Arial, sans-serif;
	text-transform: uppercase;
	color: #808080;
	font-weight: 600;
	display: block;

}

.constructor__chk-opt + label:before {
    width: 20px;
    height: 20px;
    background: #E8E8E8;
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
}

.constructor__chk-opt:checked + label {
	color: #000000;
}

.constructor__chk-opt:checked + label:before {
    width: 20px;
    height: 20px;
    background: #E8E8E8;
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
}

.constructor__chk-opt:checked + label:after {
	width: 12px;
    height: 7px;
    border-left: 3px solid #0069EF;
    border-bottom: 3px solid #0069EF;
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: calc(50% - 7px);
    left: 2px;
}

.constructor__track-value {
    display: inline-block;
    padding-top: 10px;
    font-family: Roboto, Arial, sans-serif;
    margin-left: calc(14% - 20px);
    font-weight: 600;
    text-align: center;
}

.constructor__dashed-border {
	 border: 1px dashed #0069EF;
	 position: relative;
    max-width: 250px;
    margin: 0 auto;
    width: 100%;
}

.constructor__city-hdr {
	padding: 10px;
	font-family: Roboto, Arial, sans-serif;
	font-size: 14px;
	background: #EDEDED;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row wrap;
	align-items: center;
}

.constructor__city-hdr-p1 {
	width: 60%;
  text-align: left;
}

.constructor__city-hdr-p2 {
	width: 40%;
	text-align: right;
}



.constructor__city-body-3 .constructor__prop {
	display: inline-block;
}

.constructor__city-body {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow: row nowrap;
	align-items: center;
    /* 	background: #F8F8F8; */
    margin-bottom: 5px;
}

.constructor__city-body-0 {
  width: 25%;
  text-align: center;
}

.constructor__city-body-0 img {
  max-width: 70px;
  height: auto;
  width: 100%;
  height: auto;
}




.constructor__city-body-1-2 {
    width: 100%;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-flow: row nowrap;
    align-items: center;
}

.constructor__dashed-border.x-large .constructor__city-body-1-2 {
  width: calc(100% - 70px);
}

.constructor__city-body-1 {
	width: 70px;
	text-align: left;
    padding: 10px;
}

.constructor__city-body-2 {
	width: calc(100% - 70px);
	text-align: center;
	font-size: 50px;
	font-family: Roboto, Arial, sans-serif;
	color: #303030;
}

.constructor__city-body-3 {
	width: 70px;
	text-align: left;
    padding: 10px 0px;
}


.constructor__dashed-border.with-avatar .constructor__city-body-1-2 {
  width: 50%;
}


.constructor__dashed-border.with-avatar .constructor__city-body-1 {
  width: 50%;
  padding: 10px 0px;
  text-align: center;
}

.constructor__dashed-border.with-avatar .constructor__city-body-2 {
  width: 50%;
  font-size: 32px;
}

.constructor__dashed-border.with-avatar .constructor__city-body-3 {
  width: 25%;
}

.constructor__dashed-border.with-avatar .constructor__prop {
  display: block;
}

.constructor__dashed-border.x-large.with-avatar .constructor__props {
  width: 60px;
  margin: 0 auto;
}


.constructor__dashed-border.large .constructor__city-body  {
	flex-flow: row wrap;
}


.constructor__dashed-border.large  .constructor__city-body .constructor__city-body-1-2 {
  width: 100%;
}

.constructor__dashed-border.large.with-avatar .constructor__city-body-1-2 {
  width: 75%;
}

.constructor__dashed-border.large.with-avatar .constructor__city-body-1-2 .constructor__city-body-1 {
  width: 35%;
}

.constructor__dashed-border.large.with-avatar .constructor__city-body-1-2 .constructor__city-body-2 {
  width: 65%;
}


.constructor__dashed-border.large .constructor__city-body-1  {
	width: 40%;
	padding: 5px 0px;
	text-align: center;
}

.constructor__dashed-border.large.with-avatar .constructor__city-body-1 {
    width: 30%;
}

.constructor__dashed-border.large .constructor__city-body-2  {
	width: 60%;
	padding: 5px 0px;
	text-align: center;
	font-size: 50px;
}

.constructor__dashed-border.large.with-avatar .constructor__city-body-2 {
    width: 45%;
}

.constructor__dashed-border.large .constructor__city-body-3 {
	width: 100%;
	padding: 5px 0px;
	text-align: center;
}

.constructor__dashed-border.large.with-avatar .constructor__city-body-3 .constructor__prop {
    display: inline-block;
}


.constructor__dashed-border.large .constructor__city-hdr-p1 {
	width: 100%;
	text-align: center;
}

.constructor__dashed-border.large .constructor__city-hdr-p2 {
	width: 100%;
	text-align: center;
}


.constructor__dashed-border.medium .constructor__city-body  {
	flex-flow: row wrap;
}


.constructor__dashed-border.medium .constructor__city-body .constructor__city-body-1-2 {
  width: 100%;
}

.constructor__dashed-border.medium .constructor__city-body-0 {
  width: 100%;
}

.constructor__dashed-border.medium .constructor__city-body-1  {
	width: 50%;
	padding: 5px 0px;
	text-align: center;
}

.constructor__dashed-border.medium .constructor__city-body-2  {
	width: 50%;
	padding: 5px 0px;
	text-align: center;
	font-size: 36px;
}

.constructor__dashed-border.medium .constructor__city-body-3  {
	width: 100%;
	padding: 5px 20px;
	text-align: center;
}


.constructor__dashed-border.medium.with-avatar .constructor__city-body-3 {
  width: 100%;
  padding: 5px;
}

.constructor__dashed-border.medium.with-avatar .constructor__prop {
  display: inline-block;
}


.constructor__dashed-border.medium .constructor__city-hdr-p1 {
	width: 100%;
	text-align: center;
}

.constructor__dashed-border.medium .constructor__city-hdr-p2 {
	width: 100%;
	text-align: center;
}

.constructor__dashed-border.medium .constructor__ext-foreacst-4 {
	display: none;
}

.constructor__dashed-border.medium .constructor__ext-foreacst-1,
.constructor__dashed-border.medium .constructor__ext-foreacst-2,
.constructor__dashed-border.medium .constructor__ext-foreacst-3 {
	width: 33.3333%;
}


.constructor__dashed-border.small .constructor__city-body  {
	flex-flow: row wrap;
}

.constructor__dashed-border.small .constructor__city-body-1  {
	width: 100%;
	padding: 5px 0px;
	text-align: center;
}

.constructor__dashed-border.small .constructor__city-body .constructor__city-body-1-2 {
    width: 100%;
    flex-flow: row wrap;
}

.constructor__dashed-border.small .constructor__city-body-2  {
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	font-size: 28px;
}

.constructor__dashed-border.small .constructor__city-body-3  {
	width: 100%;
	padding: 5px 20px;
	text-align: center;
}

.constructor__dashed-border.small .constructor__city-hdr-p1 {
	width: 100%;
	text-align: center;
}

.constructor__dashed-border.small .constructor__city-hdr-p2 {
	width: 100%;
	text-align: center;
}

.constructor__dashed-border.small .constructor__city-body-1 img {
	width: 40px;
	height: auto;
}

.constructor__dashed-border.small .constructor__ext-foreacst {
	display: none;
}

.constructor__dashed-border.small .constructor__city-body-0 {
  width: 100%;
}

.constructor__dashed-border.small.with-avatar .constructor__city-body-1 {
  width: 100%;
}

.constructor__dashed-border.small.with-avatar .constructor__city-body-2 {
  width: 100%;
}

.constructor__dashed-border.x-small .constructor__city-body  {
	flex-flow: row wrap;
}

.constructor__dashed-border.x-small .constructor__city-body-0 {
  width: 100%;
}

.constructor__dashed-border.x-small .constructor__city-body-1  {
	width: 100%;
	padding: 5px 0px;
	text-align: center;
}


.constructor__dashed-border.x-small .constructor__city-body-2  {
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	font-size: 28px;
}

.constructor__dashed-border.x-small .constructor__city-body-3  {
	width: 100%;
	padding: 5px 20px;
	text-align: center;
	display: none;
}

.constructor__dashed-border.x-small .constructor__city-hdr-p1 {
	width: 100%;
	text-align: center;
}

.constructor__dashed-border.x-small .constructor__city-hdr-p2 {
	width: 100%;
	text-align: center;
}

.constructor__dashed-border.x-small .constructor__city-body-1 img {
	width: 40px;
	height: auto;
}

.constructor__dashed-border.x-small .constructor__city-w-desc {
	display: none;
}

.constructor__dashed-border.x-small {
    background-image: none;
    padding-bottom: 0px;
}

.constructor__dashed-border.x-small .constructor__ext-foreacst {
	display: none;
}



.constructor__dashed-border.standart-theme {
	background-color: #F8F8F8;
}

.constructor__dashed-border.standart-theme .constructor__city-body-1 {
	color: #303030;
}

.constructor__dashed-border.standart-theme .constructor__city-body-2 {
	color: #303030;
}

.constructor__dashed-border.standart-theme .constructor__city-body-3 {
	color: #303030;
}





.constructor__dashed-border.light-theme .constructor__city-hdr {
	background-color: #F5F5F5;
}



.constructor__dashed-border.light-theme {
	background-color: #FFFFFF;
}

.constructor__dashed-border.light-theme .constructor__city-hdr {
	background: #F5F5F5;
}

.constructor__dashed-border.dark-theme {
	background-color: #1A1A1A;
}

.constructor__dashed-border.dark-theme .constructor__city-hdr {
	background: #000000;
	color: #FFFFFF;
}

.constructor__dashed-border.dark-theme .constructor__city-body-2 {
	color: #FFFFFF;
}

.constructor__dashed-border.dark-theme .constructor__prop {
	color: #FFFFFF;
}

.constructor__dashed-border.dark-theme .constructor__city-w-desc {
	color: #FFFFFF;
}

.constructor__dashed-border.dark-theme .constructor__ext-foreacst-time {
	color: #FFFFFF;
}

.constructor__dashed-border.dark-theme .constructor__ext-foreacst-date {
	color: #FFFFFF;
}

.constructor__dashed-border.dark-theme .constructor__ext-foreacst-temp {
	color: #FFFFFF;
}




.constructor__dashed-border.minimal-theme {
	background: #F8F8F8;
	padding: 0px;
  display: inline-block;
  width: auto;
  max-width: none;
}

.constructor__dashed-border.minimal-theme .constructor__city-body {
  margin-bottom: 0px;
}

.constructor__dashed-border.minimal-theme .constructor__city-body-0-1-2 {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-flow row nowrap;
  align-items: center;  
  width: auto;
  color: #303030;
}

.constructor__dashed-border.minimal-theme.x-large .constructor__city-body-0 {
  width: auto;
  font-size: 24px;
  font-family: 'Roboto','Arial','sans-serif';
  padding: 0px 5px;
}

.constructor__dashed-border.minimal-theme.x-large .constructor__city-body-1 {
  width: auto;
  padding: 0px 5px;
}

.constructor__dashed-border.minimal-theme.x-large .constructor__city-body-2 {
  width: auto;
  padding: 0px 5px;
  font-size: 50px;
}

.constructor__dashed-border.minimal-theme.large .constructor__city-body-0 {
  width: auto;
  font-size: 20px;
  font-family: 'Roboto','Arial','sans-serif';
  padding: 0px 5px;
}

.constructor__dashed-border.minimal-theme.large .constructor__city-body-1 {
  width: auto;
  padding: 0px 5px;
}

.constructor__dashed-border.minimal-theme.large .constructor__city-body-2 {
  width: auto;
  padding: 0px 5px;
  font-size: 40px;
}



.constructor__dashed-border.minimal-theme.medium .constructor__city-body-0 {
  width: auto;
  font-size: 16px;
  font-family: 'Roboto','Arial','sans-serif';
  padding: 0px 5px;
}

.constructor__dashed-border.minimal-theme.medium .constructor__city-body-1 {
  width: auto;
  padding: 0px 5px;
}

.constructor__dashed-border.minimal-theme.medium .constructor__city-body-2 {
  width: auto;
  padding: 0px 5px;
  font-size: 24px;
}


.constructor__dashed-border.minimal-theme.small .constructor__city-body-0 {
  width: auto;
  font-size: 14px;
  font-family: 'Roboto','Arial','sans-serif';
  padding: 0px 5px;
}

.constructor__dashed-border.minimal-theme.small .constructor__city-body-1 {
  width: auto;
  padding: 0px 5px;
}

.constructor__dashed-border.minimal-theme.small .constructor__city-body-2 {
  width: auto;
  padding: 0px 5px;
  font-size: 18px;
}


.constructor__dashed-border.no-hpw .constructor__city-body-3 {
	display: none;
}

.constructor__dashed-border.no-desc .constructor__city-w-desc {
	display: none;
}

.constructor__dashed-border.no-hpw .constructor__city-body-1 {
	width: 50%;
	text-align: center;
}

.constructor__dashed-border.no-hpw .constructor__city-body-2 {
	width: 50%;
}

.constructor__prop {
	font-family: Roboto, Arial, sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
}

.constructor__hum {
	width: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2px;
}

.constructor__press {
	width: 15px;
	display: inline-block;
	vertical-align: middle;
}

.constructor__wind {
	width: 14px;
	display: inline-block;
	vertical-align: middle;
}

.constructor__city-w-desc {
	text-align: center;
	padding: 5px 5px 15px 5px;
	font-family: Roboto, Arial, sans-serif;
	font-size: 14px;
}

.constructor__dashed-border {
	background-color: #F8F8F8;
	background-repeat: no-repeat;
	background-position: center calc(100% - 5px);
}


.constructor__ext-foreacst {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow row nowrap;
}

.constructor__ext-foreacst-1,.constructor__ext-foreacst-2,
.constructor__ext-foreacst-3,.constructor__ext-foreacst-4 {
	width: 25%;
	text-align: center;
}

.constructor__ext-foreacst-1 img,.constructor__ext-foreacst-2 img,
.constructor__ext-foreacst-3 img,.constructor__ext-foreacst-4 img {
	height: 30px;
	width: auto;
	margin-bottom: 5px;
}

.constructor__ext-foreacst-time {
	font-family: Roboto, Arial, sans-serif;
	margin-bottom: 5px;
}

.constructor__ext-foreacst-date {
	font-family: Roboto, Arial, sans-serif;
	margin-bottom: 5px;
	font-size: 12px;
}

.constructor__ext-foreacst-temp {
	font-family: Roboto, Arial, sans-serif;
}

.constructor__bottom-buttons {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow row nowrap;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
}

.constructor__bottom-buttons button {
	background: #FFFFFF;
    border-bottom: 1px solid #F4F4F4;
    border-left: 1px solid #F4F4F4;
    border-right: 1px solid #F4F4F4;
    border-top: none;
    padding: 15px 0px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    font-family: Roboto, Arial, sans-serif;
}

.cvet-fona {
  width: 20px;
}

.constructor__bottom-buttons button:hover {
	background: #EEEEEE;
}


.constructor__bottom-buttons button + button {
	border-left: 1px solid #F4F4F4;
	border-right: 1px solid #F4F4F4;
	border-left: none;
}

.constructor__btn-color {
	width: 40%;
	position: relative;
}

.constructor__btn-color-bar {
	width: 20px;
	height: 15px;
	background: #82DAFE;
	border: 1px solid #F4F3F4;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.constructor__btn-color:after {

}

.constructor__btn-add-img {
	width: 35%;
}

.constructor__btn-clear-img {
	width: 25%;
}


.constructor__not-inf-part {
    font-family: Roboto, Arial, sans-serif;
    font-size: 12px;
    color: #808080;
    width: 100%;
}

.constructor__not-inf-part p {
	margin: 10px 0px;
	text-align: center;
	padding: 0px 85px;
	line-height: 140%;
}

.constructor__accept {
	text-align: center;
	margin: 25px 0px 20px;
	font-size: 22px;
}

.constructor__accept {
	color: #000000;
}

.constructor__accept input[type="checkbox"] {
	display: none;
}

.constructor__accept input[type="checkbox"] + label {
	position: relative;
	padding-left: 40px;
}

.constructor__accept input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #EDEDED;
	left: 0px;
	top: 0px;
}

.constructor__accept input[type="checkbox"]:checked + label:after {
    width: 12px;
    height: 7px;
    border-left: 3px solid #0069EF;
    border-bottom: 3px solid #0069EF;
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: calc(50% - 7px);
    left: 9px;
}

.constructor__accept a {
	color: #0069EF;
	text-decoration: underline;
}

.constructor__accept a:hover,.constructor__accept a:active {
	text-decoration: none;
}

.constructor__f-blocks {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow row nowrap;
}

.constructor__form-block {
	padding: 30px;
    max-width: 830px;
    width: 100%;
    margin: 0 auto;
    background: #F7F7F7;
    border-radius: 5px;
}

.constructor__f-block-1 {
	width: calc(35% - 10px);
}

.constructor__f-block-2 {
	width: calc(35% - 10px);
	margin-left: 30px;
}

.constructor__f-blocks input {
	padding: 10px;
	font-size: 16px;
	border-radius: 5px;
	border: 1px solid #EFEFEF;
	box-sizing: border-box;
}

.constructor__f-block-1 input,
.constructor__f-block-2 input {
	width: 100%;
}


.constructor__f-block-3 {
	width: calc(35% - 10px);
	margin-left: 30px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-flow row nowrap;
	align-items: center;
}

.constructor__f-block-1,.constructor__f-block-2,.constructor__f-block-3 {
	padding-bottom: 10px;
}

.constructor__inf-code {
	background: #0169F0;
	color: #FFFFFF;
	border-radius: 5px;
	border: none;
	padding: 10px 20px;
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 18px;
    line-height: 100%;
    z-index: 100;
    margin-top: 10px;
}

.constructor__inf-code:hover {
	background: #1179FF;
}

.constructor__inf-code:active {
	background: #0059E0;
}


.constructor__form-wrp {
	margin-bottom: 50px;
	position: relative;
}

.constructor__form-block-deco-1 {
	position: absolute;
	border-radius: 5px;
	border: 1px solid #F7F7F7;
	bottom: -5px;
	height: 30px;
	width: 820px;
	left: calc(50% - 410px);
	z-index: 99;
}

.constructor__form-block-deco-2 {
	position: absolute;
	border-radius: 5px;
    border: 1px solid #F7F7F7;
	left: calc(50% - 400px);
	height: 30px;
	width: 800px;
	bottom: -10px;
	z-index: 98;
}

.constructor__cpt-upd {
	display: block;
	margin: 0px 10px;
}

.constructor__cpt-code {
	text-align: center;
	width: 70px;
}

.constructor__main-icon {
	vertical-align: middle;
}

.constructor__autocomplete {
	position: relative;
}

.constructor__autocomplete .ui-widget-content {
	background: #FFFFFF;
}

.constructor__autocomplete .ui-menu-item {
	font-family: Roboto, Arial, sans-serif;
	color: #000000;
	font-size: 16px;
}

.constructor__autocomplete .ui-state-hover,
.constructor__autocomplete .ui-widget-content .ui-state-hover,
.constructor__autocomplete .ui-widget-header .ui-state-hover,
.constructor__autocomplete .ui-state-focus,
.constructor__autocomplete .ui-widget-content .ui-state-focus,
.constructor__autocomplete .ui-widget-header .ui-state-focus {
	border: 1px solid #0069EF;
	background: rgba(0,105,239, 0.3);
	font-weight: normal;
	color: #000000;
}

.taggle_text {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
}

.constructor__autocomplete .taggle_input {
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
}

.constructor__city-wrp {
  background-size: cover;
  background-position: left top;
}

.constructor__av-radio {
  display: none;
}

.constructor__av-conts {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-flow row nowrap;
  justify-content: center;
}

.bl-circle {
  display: block;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.constructor__av-radio + label {
  display: block;
  width: 30%;
  text-align: center;
}

.constructor__av-radio:checked + label .bl-circle {
  border: 2px solid #3b69e7;
}

.constructor__av-head {
  font-family: Roboto, Arial, sans-serif;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  text-align: center;
}

.constructor__metlink {
  width: 100%;
  max-width: 100px;
  display: block;
  margin: 0px auto;
  padding: 5px;
}

.constructor__metlink img {
  width: 100%;
}

.constructor__inf-code-txt textarea {
  width: 100%;
  height: 100px;
}

/*new for breadcrambs*/
.inlineBlock {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

#breadcrumbs {
  margin: 5px 0;
}

#breadcrumbs,
#breadcrumbs a span {
  color: #475568;
  font-family: 'ArialRegular',Arial,sans-serif;
  font-size: 12px;
}

#breadcrumbs a {
  text-decoration: none;
}

#breadcrumbs .vSeparator {
  padding: 0 2px;
}






#home_before_citieslist>.news_block{border-right:0px; width:33.3%}
#home_before_citieslist{
display:inline-flex!important; margin-bottom:0px; border-bottom:3px solid #e9ecf0;
border-bottom: 3px solid #e9ecf0;
border-right: 3px solid #e9ecf0;
}