/*	--------------------------------------------------------------------------

		Project:		Meteocentrum.cz
		CSS Author:		koder@ondrejvertat.cz

	-------------------------------------------------------------------------- */
/*	==========================================================================
   	Library
   	========================================================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

#webcameraImage{
  width: 255px;
  height: 140px;
  -webkit-transition:.4s all;
}
.transition-webcam {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
th.header {
  color: #ffffff;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/** Sortable table for snow **/

#sibling-table .aligned-right
{
  text-align: right;
}

#sibling-table .aligned-center
{
  text-align: center;
}


#sibling-table thead tr .header {
  background-image: url(../images/sorter/bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

#sibling-table thead tr .headerSortUp {
  background-image: url(../images/sorter/asc.gif);
}
#sibling-table thead tr .headerSortDown {
  background-image: url(../images/sorter/desc.gif);
}

#select-sibling
{
  text-align: right;
}

button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

input[type="radio"] {
  -webkit-appearance: radio;
  margin-left: 20px;
  margin-right: 10px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
ul,
menu,
dir {
  list-style-type: none;
  padding: 0;
}
q:before {
  content: "";
}
/*	==========================================================================
   	Core
   	========================================================================== */
/*	Variables
		-------------------------------------------------------------------------- */
/*	==========================================================================
   	Paths
   	========================================================================== */
/*	==========================================================================
	Responsive values
	========================================================================== */
/*	Mixins
		-------------------------------------------------------------------------- */
.imgResp {
  max-width: 100%;
  height: auto;
}
/*	Base
		-------------------------------------------------------------------------- */
body {
  font-family: Roboto, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #eff1f7;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -webkit-font-smoothing: subpixel-antialiased;
  font-weight: 400;
  /*	Body background images
	-------------------------------------------------------------------------- */
}
body.bg-default {
  background-image: url("../images/bg/pages/bg-default.jpg");
}
@media only screen and (max-width: 756px) {
  body {
    background-image: none !important;
  }
}
/*	Links
	-------------------------------------------------------------------------- */
a {
  color: #8fadc5;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover,
a:focus {
  color: #ffffff;
}
/*	Disabled buttons
	-------------------------------------------------------------------------- */
button[disabled],
input[disabled] {
  cursor: default;
}
/*	Images
	-------------------------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
}
/*	Helpers
		-------------------------------------------------------------------------- */
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.alignCenter {
  text-align: center;
}
.alignRight {
  text-align: right;
}
.alignLeft {
  text-align: left;
}
.noDecoration {
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
.uppercase {
  text-transform: uppercase;
}
.noTransform {
  text-transform: none;
}
.styleNormal {
  font-style: normal;
}
.italic {
  font-style: italic;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.semiBold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.extraBold {
  font-weight: 800;
}
.ultraBold {
  font-weight: 900;
}
.push-right {
  float: right;
}
.push-left {
  float: left;
}
.ib {
  display: inline-block;
}
.dn {
  display: none !important;
}
a.white {
  color: #ffffff;
}
/*	Typo
		-------------------------------------------------------------------------- */
/*	==========================================================================
   	Font-family
   	========================================================================== */
/*	==========================================================================
   	Font-size
   	========================================================================== */
h1 {
  font-size: 40px;
  font-weight: 700;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 15px;
}
/*	Colors
		-------------------------------------------------------------------------- */
/*	==========================================================================
   	Colors
   	========================================================================== */
/*	Buttons
		-------------------------------------------------------------------------- */
/*	Page-footer
		-------------------------------------------------------------------------- */
/*	Utilities
		-------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
  .hidden-tablet {
    display: none !important;
  }
  .visible-tablet-b {
    display: block !important;
  }
  .visible-tablet-ib {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 756px) {
  .hidden-phone {
    display: none !important;
  }
  .visible-phone-b {
    display: block !important;
  }
  .visible-phone-ib {
    display: inline-block !important;
  }
}
/*	IE fix
		-------------------------------------------------------------------------- */
.ie8 .page-header .logo:after {
  display: none !important;
}
.ie8 .page-footer .image-container:after {
  display: none !important;
}
.ie8 .ico--arrow a:after,
.ie8 .ico--arrow__bc a:after,
.ie8 .ico--arrow__down a:after,
.ie8 .ico--arrow li:after,
.ie8 .ico--arrow__bc li:after,
.ie8 .ico--arrow__down li:after {
  display: none !important;
}
.ie8 .ico:after {
  background-image: url("../images/ico/general.png");
}
.ie8 .social-media a:after {
  background-image: url("../images/ico/social.png");
}
.ie8 .navbar--side a:after {
  background-image: url("../images/ico/navbar--side.png");
}
.ie8 .navbar--hp a:after {
  background-image: url("../images/ico/navbar--hp.png");
}
.ie8 .box a:after {
  background-image: url("../images/ico/boxes.png");
}
.ie8 .photo-slider .bx-prev,
.ie8 .photo-slider .bx-next {
  background-image: url("../images/ico/slider__controls.png");
}
/*	==========================================================================
   	Layout
   	========================================================================== */
/*	Grid
		-------------------------------------------------------------------------- */
body {
  width: 100%;
  padding-top: 15px;
}
.page-header {
  width: 1024px;
  margin: 0 auto;
}
.content-container {
  width: 1024px;
  margin: 0 auto;
  padding: 0 30px 30px;
}
.content-container:before,
.content-container:after {
  content: "";
  display: table;
}
.content-container:after {
  clear: both;
}
.main-content {
  width: 636px;
  float: right;
  margin-top: -15px;
}

.main-content.homepage {
  width: 636px;
  float: right;
  margin-top: 0;
}

.sidebar {
  width: 300px;
  float: left;
  min-height: 100%;
}
.right_sidebar {
  width: 300px;
  float: left;
  min-height: 100%;
}
.sidebar.pull-bottom {
  margin-bottom: -185px;
}
.page-footer {
  width: 100%;
}
.page-footer .inner-container {
  width: 960px;
  margin: 0 auto;
}
/*	==========================================================================
	Responsive layout
	========================================================================== */
@media only screen and (max-width: 768px) {
  body {
    padding-top: 0;
  }
  .page-header {
    width: 100%;
  }
  .main-content {
    width: 600px;
  }
  .main-content.homepage {
    width: 600px;
  }
  .content-container {
    width: 100%;
    padding: 0 15px 15px;
  }
  .sidebar {
    width: 110px;
    margin-bottom: 0 !important;
  }
  .page-footer .inner-container {
    width: 760px;
    padding: 0 2%;
  }
}
@media only screen and (max-width: 756px) {
  body {
    padding-top: 105px;
  }
  .content-container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 120px !IMPORTANT;
  }
  .main-content {
    width: 100%;
    float: none;
  }
  .main-content.homepage {
    width: 100%;
    float: none;
  }
  .sidebar {
    width: 100%;
  }
  .page-footer .inner-container {
    width: 100%;
    padding: 0 4%;
  }
}
/*	Containers
		-------------------------------------------------------------------------- */
.content-container {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background: #e9eff5;
  margin-bottom: 30px;
  position: relative;
  padding-top: 30px;
}
.main-content > article {
  background: #ffffff;
  padding: 15px 30px 30px 30px;
}
.main-content > article + article {
  padding: 15px 30px 30px 30px;
}
@media only screen and (max-width: 756px) {
  .main-content > article {
    padding: 15px 4%;
  }
}
.main-content .cols {
  margin-top: 30px;
  overflow: hidden;
}
.main-content .cols:first-child {
  margin-top: 0;
}
.main-content .col--boxHolder {
  float: left;
  width: 312px;
}
@media only screen and (max-width: 768px) {
  .main-content .col--boxHolder {
    width: 288px;
  }
  .main-content .col--boxHolder .box {
    width: 100%;
  }
}
@media only screen and (max-width: 756px) {
  .main-content .col--boxHolder {
    width: 100%;
    float: none;
  }
  .main-content .col--boxHolder:before,
  .main-content .col--boxHolder:after {
    content: "";
    display: table;
  }
  .main-content .col--boxHolder:after {
    clear: both;
  }
  .main-content .col--boxHolder .box {
    width: 49%;
  }
}
.main-content .col--bannerHolder {
  float: right;
}
@media only screen and (max-width: 756px) {
  .main-content .col--bannerHolder {
    float: none;
    margin: 12px 0 0;
  }
}
.main-content .col .box {
  margin: 12px 0 0 0;
}
.main-content .col .box:first-child {
  margin: 0;
}
@media only screen and (max-width: 756px) {
  .main-content .col .box {
    margin: 0;
  }
}
.main-content .box {
  margin-left: 12px;
  max-width: 312px;
}
.main-content .box:first-child {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .main-content .box {
    float: left;
    width: 49%;
  }
}
.sticky-container {
  position: relative;
}
.sticky-container:before,
.sticky-container:after {
  content: "";
  display: table;
}
.sticky-container:after {
  clear: both;
}
.bottom-content {
  clear: both;
  padding-top: 30px;
}
@media only screen and (max-width: 756px) {
  .bottom-content {
    padding-top: 12px;
  }
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
/*	==========================================================================
	UI
	========================================================================== */
/*	Buttons
		-------------------------------------------------------------------------- */
.button {
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  outline: 0;
  line-height: normal;
  /*	Default button
		-------------------------------------------------------------------------- */
}
.button-right {
	float: right;
}
.button--grayBlue {
  background: #577185;
  color: #ffffff;
  font-size: 13px;
  padding: 10px 15px 9px;
}
.button--grayBlue:hover,
.button--grayBlue:active {
  background: #485f6f;
  color: #ffffff;
}
.button--lightBlue {
  background: #479fd5;
  color: #ffffff !important;
  font-size: 13px;
  padding: 10px 15px 9px;
}
.button--lightBlue:hover,
.button--lightBlue:active {
  color: #ffffff !important;
  background: #2b86bd;
}

.button--darkBlue {
  background: #335373;
  color: #ffffff;
  font-size: 13px;
  padding: 5px 5px 5px;
}
.button--darkBlue:hover,
.button--darkBlue:active {
  color: #ffffff;
  background: #2b86bd;
}
@media only screen and (max-width: 756px) {
  .button {
    display: block;
    width: 100%;
    margin: 0 auto;
    clear: both;
    text-align: center;
    padding: 15px 3px;
    font-size: 14px;
  }
  #archive-detail-city-tr, #archive-detail-city-td, #city-detail-td, #city-detail-tr{
    display:block;
  }
}
/*	Forms
		-------------------------------------------------------------------------- */
form {
  vertical-align: top;
  line-height: 150%;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
textarea {
  resize: vertical;
}
input[type="text"],
input[type="password"],
input[name="datum"],
input[name="captcha"],
textarea {
  display: inline-block;
  background: #fff;
  padding: 8px;
  font-size: 15px;
  border: 1px solid #e9eff5;
  font-weight: 300;
  line-height: normal;
  color: #000000;

}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[name="datum"]::-webkit-input-placeholder,
input[name="captcha"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a3a9b3;
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[name="datum"]:-moz-placeholder,
input[name="captcha"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #a3a9b3;
  opacity: 1;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[name="datum"]::-moz-placeholder,
input[name="captcha"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a3a9b3;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[name="datum"]:-ms-input-placeholder,
input[name="captcha"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a3a9b3;
}
input[type="submit"] {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: 0 none;
}
/*	Icons
		-------------------------------------------------------------------------- */
.ico {
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
}
.ico:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.ico--bubble {
  padding-left: 25px;
}
.ico--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.ico--bubble_md {
  padding-left: 45px;
}
.ico--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.ico--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.ico--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.ico--fav:hover {
  background-color: #EAEFF5;
}
.ico--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.ico--link:hover {
  background-color: #EAEFF5;
}
.ico--home {
  padding-left: 20px;
}
.ico--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.ico--cal {
  padding-left: 35px;
}
.ico--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.ico--cal_sm {
  padding-left: 38px;
}
.ico--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.ico--clock_sm {
  padding-left: 38px;
}
.ico--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.ico--time_sm {
  padding-left: 18px;
}
.ico--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.ico--person {
  padding-left: 20px;
}
.ico--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.ico--drops {
  padding-left: 18px;
}
.ico--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.ico--pressure {
  padding-left: 30px;
}
.ico--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.ico--cloud {
  padding-left: 30px;
}
.ico--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.ico--sun {
  padding-left: 30px;
}
.ico--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.ico--drops_amount {
  padding-left: 20px;
}
.ico--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.ico--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.ico--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.ico--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.ico--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.ico--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.ico--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.ico--show {
  padding-left: 25px;
}
.ico--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.ico--hide {
  padding-left: 25px;
}
.ico--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.ico--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.ico--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.ico--tip {
  padding-left: 90px;
}
.ico--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.ico--warning {
  padding-left: 35px;
}
.ico--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.ico--photo {
  padding-left: 35px;
}
.ico--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.ico--clock {
  padding-left: 35px;
}
.ico--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.ico--clock_act {
  padding-left: 35px;
}
.ico--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.ico--snow {
  padding-left: 25px;
}
.ico--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.ico--slopes {
  width: 53px;
  height: 49px;
}
.ico--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.ico--snow_lg {
  width: 43px;
  height: 39px;
}
.ico--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.ico--lifts {
  width: 34px;
  height: 53px;
}
.ico--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.ico--snowOutside {
  width: 44px;
  height: 42px;
}
.ico--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.ico--snowType {
  width: 46px;
  height: 43px;
}
.ico--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.ico--bio_lg {
  width: 109px;
  height: 95px;
}
.ico--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.ico--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}

.ico--add:hover:after {
  background-position: -152px -32px;
}

.ico--arrow a {
  padding-left: 10px;
}
.ico--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.ico--arrow__bc li {
  padding-left: 10px;
}
.ico--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.ico--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}

.ico--arrow__up:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 6px 4px;
  border-color: transparent transparent #3b4659 transparent;
}
/*	Slider controls
	-------------------------------------------------------------------------- */
.photo-slider .bx-prev,
.photo-slider .bx-next {
  background: transparent url("../images/ico/slider__controls.svg");
}
.photo-slider .bx-prev {
  background-position: 0 0;
}
.photo-slider .bx-next {
  background-position: -24px 0;
}
/*	Boxes
	-------------------------------------------------------------------------- */
.box a {
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
}
.box a:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.box a--bubble {
  padding-left: 25px;
}
.box a--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.box a--bubble_md {
  padding-left: 45px;
}
.box a--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.box a--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.box a--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.box a--fav:hover {
  background-color: #EAEFF5;
}
.box a--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.box a--link:hover {
  background-color: #EAEFF5;
}
.box a--home {
  padding-left: 20px;
}
.box a--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.box a--cal {
  padding-left: 35px;
}
.box a--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.box a--cal_sm {
  padding-left: 38px;
}
.box a--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.box a--clock_sm {
  padding-left: 38px;
}
.box a--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.box a--time_sm {
  padding-left: 18px;
}
.box a--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.box a--person {
  padding-left: 20px;
}
.box a--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.box a--drops {
  padding-left: 18px;
}
.box a--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.box a--pressure {
  padding-left: 30px;
}
.box a--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.box a--cloud {
  padding-left: 30px;
}
.box a--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.box a--sun {
  padding-left: 30px;
}
.box a--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.box a--drops_amount {
  padding-left: 20px;
}
.box a--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.box a--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.box a--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.box a--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.box a--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.box a--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.box a--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.box a--show {
  padding-left: 25px;
}
.box a--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.box a--hide {
  padding-left: 25px;
}
.box a--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.box a--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.box a--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.box a--tip {
  padding-left: 90px;
}
.box a--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.box a--warning {
  padding-left: 35px;
}
.box a--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.box a--photo {
  padding-left: 35px;
}
.box a--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.box a--clock {
  padding-left: 35px;
}
.box a--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.box a--clock_act {
  padding-left: 35px;
}
.box a--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.box a--snow {
  padding-left: 25px;
}
.box a--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.box a--slopes {
  width: 53px;
  height: 49px;
}
.box a--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.box a--snow_lg {
  width: 43px;
  height: 39px;
}
.box a--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.box a--lifts {
  width: 34px;
  height: 53px;
}
.box a--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.box a--snowOutside {
  width: 44px;
  height: 42px;
}
.box a--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.box a--snowType {
  width: 46px;
  height: 43px;
}
.box a--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.box a--bio_lg {
  width: 109px;
  height: 95px;
}
.box a--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.box a--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.box a--add:hover:after {
  background-position: -152px -32px;
}
.box a--arrow a {
  padding-left: 10px;
}
.box a--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.box a--arrow__bc li {
  padding-left: 10px;
}
.box a--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.box a--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.box a:after {
  width: 110px;
  height: 110px;
  top: 45%;
  margin-top: -55px;
  left: 50%;
  margin-left: -55px;
  background: transparent url("../images/ico/boxes.png");
}
@media only screen and (max-width: 756px) {
  .box a:after {
    top: 35%;
  }
}
.box--rain a:after {
  background-position: 0 0;
}
.box--pred a:after {
  background-position: -110px -110px;
}
.box--clouds a:after {
  background-position: 0 -330px;
}
.box--stations a:after,
.box--weather_map a:after {
  background-position: 0 -110px;
}
.box--garden a:after {
  background-position: -110px -220px;
}
.box--article a:after {
  background-position: 0 -220px;
}
.box--archive a:after {
  background-position: -110px 0;
}
.box--pred_short a:after {
  background-position: -110px -440px;
}
.box--service-apps a:after {
  background-position: -110px -655px;
}
.box--service-offer a:after {
  background-position: -110px -540px;
}
.box--eshop a:after {
  background-position: -110px -1326px;
}
.box--service-weather-web a:after {
  background-position: 0 -655px;
}
.box--pred_long a:after {
  background-position: -110px 0;
}
.box--graph a:after {
  background-position: -110px -330px;
}
.box--bio a:after {
  background-position: 0 -440px;
}
.box--globe a:after {
  background-position: 0 -550px;
}

.box--interest-encyclopedy a:after {
  background-position: 0 -750px;
}
.box--interest-warming a:after {
  background-position: 0 -550px;
}
.box--interest-photogallery a:after {
  background-position: -110px -755px;
}

.box--interest-archive a:after {
  background-position: 0 -840px;
}

.box--interest-predictions a:after {
  background-position: -110px -843px;
}

.box--garden-alter a:after {
  background-position: -110px -220px;
}

.box--sea a:after {
  background-position: 0 -930px;
}

.box--alps a:after {
  background-position: 0 -1310px;
}

.box--snow a:after {
  background-position: -110px -1245px;
}

.box--skiers a:after {
  background-position: 0 -1220px;
}

.box--precipitation a:after {
  background-position: -110px -933px;
}

.box--overcast a:after {
  background-position: 0 -1020px;
}

.box--cz a:after {
  background-position: -110px -1025px;
}

.box--pollution a:after {
  background-position: 0px -550px;
}

.box--eu a:after {
  background-position: -110px -1025px;
}

.box--forecast-map-cz a:after {
  background-position: 0 -1105px;
}

.box--forecast-map-eu a:after {
  background-position: -110px -1145px;
}

/*	Social media
	-------------------------------------------------------------------------- */
.social-media a {
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
}
.social-media a:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.social-media a--bubble {
  padding-left: 25px;
}
.social-media a--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.social-media a--bubble_md {
  padding-left: 45px;
}
.social-media a--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.social-media a--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.social-media a--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.social-media a--fav:hover {
  background-color: #EAEFF5;
}
.social-media a--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.social-media a--link:hover {
  background-color: #EAEFF5;
}
.social-media a--home {
  padding-left: 20px;
}
.social-media a--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.social-media a--cal {
  padding-left: 35px;
}
.social-media a--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.social-media a--cal_sm {
  padding-left: 38px;
}
.social-media a--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.social-media a--clock_sm {
  padding-left: 38px;
}
.social-media a--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.social-media a--time_sm {
  padding-left: 18px;
}
.social-media a--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.social-media a--person {
  padding-left: 20px;
}
.social-media a--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.social-media a--drops {
  padding-left: 18px;
}
.social-media a--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.social-media a--pressure {
  padding-left: 30px;
}
.social-media a--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.social-media a--cloud {
  padding-left: 30px;
}
.social-media a--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.social-media a--sun {
  padding-left: 30px;
}
.social-media a--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.social-media a--drops_amount {
  padding-left: 20px;
}
.social-media a--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.social-media a--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.social-media a--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.social-media a--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.social-media a--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.social-media a--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.social-media a--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.social-media a--show {
  padding-left: 25px;
}
.social-media a--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.social-media a--hide {
  padding-left: 25px;
}
.social-media a--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.social-media a--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.social-media a--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.social-media a--tip {
  padding-left: 90px;
}
.social-media a--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.social-media a--warning {
  padding-left: 35px;
}
.social-media a--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.social-media a--photo {
  padding-left: 35px;
}
.social-media a--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.social-media a--clock {
  padding-left: 35px;
}
.social-media a--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.social-media a--clock_act {
  padding-left: 35px;
}
.social-media a--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.social-media a--snow {
  padding-left: 25px;
}
.social-media a--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.social-media a--slopes {
  width: 53px;
  height: 49px;
}
.social-media a--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.social-media a--snow_lg {
  width: 43px;
  height: 39px;
}
.social-media a--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.social-media a--lifts {
  width: 34px;
  height: 53px;
}
.social-media a--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.social-media a--snowOutside {
  width: 44px;
  height: 42px;
}
.social-media a--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.social-media a--snowType {
  width: 46px;
  height: 43px;
}
.social-media a--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.social-media a--bio_lg {
  width: 109px;
  height: 95px;
}
.social-media a--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.social-media a--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.social-media a--add:hover:after {
  background-position: -152px -32px;
}
.social-media a--arrow a {
  padding-left: 10px;
}
.social-media a--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.social-media a--arrow__bc li {
  padding-left: 10px;
}
.social-media a--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.social-media a--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.social-media a:after {
  background: transparent url("../images/ico/social.svg");
}
.social-media a.ico--fb:after {
  width: 16px;
  height: 34px;
  background-position: 0 0;
}
.social-media a.ico--fb:hover:after {
  background-position: 0 -34px;
}
.social-media a.ico--tw:after {
  width: 40px;
  height: 28px;
  background-position: -16px 0;
}
.social-media a.ico--tw:hover:after {
  background-position: -16px -34px;
}
.social-media a.ico--gp:after {
  width: 37px;
  height: 31px;
  background-position: -56px 0;
}
.social-media a.ico--gp:hover:after {
  background-position: -56px -34px;
}
.social-media a.ico--rss_sm:after {
  width: 22px;
  height: 22px;
  background-position: 0 -74px;
}
.social-media a.ico--fb_sm:after {
  width: 22px;
  height: 22px;
  background-position: -22px -74px;
}
.social-media a.ico--in_sm:after {
  width: 22px;
  height: 22px;
  background-position: -44px -74px;
}
.social-media a.ico--gp_sm:after {
  width: 22px;
  height: 22px;
  background-position: -66px -74px;
}

.social-media a.ico--twitter {
  width: 22px;
  height: 22px;
  background: url("../images/ico/twitter.png") no-repeat;
  background-size: cover;
}
/*	Sea
	-------------------------------------------------------------------------- */
.ico--sea {
  display: block;
  width: 90px;
  height: 60px;
}
.ico--sea:after {
  width: 90px;
  height: 60px;
  background: transparent url("../images/ico/sea.png");
}
.ico--sea.eu:after {
  background-position: 0 0;
}
.ico--sea.jadran:after {
  background-position: -90px 0;
}
.ico--sea.stredozemni:after {
  background-position: -180px 0;
}
.ico--sea.cerne:after {
  background-position: -270px 0;
}
.ico--sea.balt:after {
  background-position: -360px 0;
}
.ico--sea.atlantik:after {
  background-position: -450px 0;
}
.ico--sea_temp {
    width: 26px;
    height: 26px;
    display: block;
    margin: 0 auto;
}
.ico--sea_temp:after {
    top: 0;
    left: 0;
    width: 26px;
    height: 25px;
    background-image: url("../images/ico/general.png");
    background-position: -242px -175px;
}
/*	Navbar - side
	-------------------------------------------------------------------------- */
.navbar--side a {
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
}
.navbar--side a:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.navbar--side a--bubble {
  padding-left: 25px;
}
.navbar--side a--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.navbar--side a--bubble_md {
  padding-left: 45px;
}
.navbar--side a--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.navbar--side a--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.navbar--side a--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.navbar--side a--fav:hover {
  background-color: #EAEFF5;
}
.navbar--side a--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.navbar--side a--link:hover {
  background-color: #EAEFF5;
}
.navbar--side a--home {
  padding-left: 20px;
}
.navbar--side a--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.navbar--side a--cal {
  padding-left: 35px;
}
.navbar--side a--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.navbar--side a--cal_sm {
  padding-left: 38px;
}
.navbar--side a--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.navbar--side a--clock_sm {
  padding-left: 38px;
}
.navbar--side a--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.navbar--side a--time_sm {
  padding-left: 18px;
}
.navbar--side a--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.navbar--side a--person {
  padding-left: 20px;
}
.navbar--side a--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.navbar--side a--drops {
  padding-left: 18px;
}
.navbar--side a--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.navbar--side a--pressure {
  padding-left: 30px;
}
.navbar--side a--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.navbar--side a--cloud {
  padding-left: 30px;
}
.navbar--side a--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.navbar--side a--sun {
  padding-left: 30px;
}
.navbar--side a--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.navbar--side a--drops_amount {
  padding-left: 20px;
}
.navbar--side a--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.navbar--side a--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.navbar--side a--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.navbar--side a--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.navbar--side a--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.navbar--side a--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.navbar--side a--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.navbar--side a--show {
  padding-left: 25px;
}
.navbar--side a--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.navbar--side a--hide {
  padding-left: 25px;
}
.navbar--side a--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.navbar--side a--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.navbar--side a--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.navbar--side a--tip {
  padding-left: 90px;
}
.navbar--side a--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.navbar--side a--warning {
  padding-left: 35px;
}
.navbar--side a--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.navbar--side a--photo {
  padding-left: 35px;
}
.navbar--side a--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.navbar--side a--clock {
  padding-left: 35px;
}
.navbar--side a--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.navbar--side a--clock_act {
  padding-left: 35px;
}
.navbar--side a--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.navbar--side a--snow {
  padding-left: 25px;
}
.navbar--side a--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.navbar--side a--slopes {
  width: 53px;
  height: 49px;
}
.navbar--side a--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.navbar--side a--snow_lg {
  width: 43px;
  height: 39px;
}
.navbar--side a--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.navbar--side a--lifts {
  width: 34px;
  height: 53px;
}
.navbar--side a--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.navbar--side a--snowOutside {
  width: 44px;
  height: 42px;
}
.navbar--side a--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.navbar--side a--snowType {
  width: 46px;
  height: 43px;
}
.navbar--side a--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.navbar--side a--bio_lg {
  width: 109px;
  height: 95px;
}
.navbar--side a--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.navbar--side a--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.navbar--side a--add:hover:after {
  background-position: -152px -32px;
}
.navbar--side a--arrow a {
  padding-left: 10px;
}
.navbar--side a--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.navbar--side a--arrow__bc li {
  padding-left: 10px;
}
.navbar--side a--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.navbar--side a--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.navbar--side a:after {
  width: 50px;
  height: 50px;
  top: 0;
  margin-top: 10px;
  left: 20px;
  background: transparent url("../images/ico/navbar--side.png");
}
.navbar--side a.ico--weather:after {
  background-position: 0 0;
}
.navbar--side a.ico--weather:hover:after,
.navbar--side a.ico--weather.is-active:after {
  background-position: -50px 0;
}
.navbar--side a.ico--sea:after {
  background-position: 0 -50px;
}
.navbar--side a.ico--sea:hover:after,
.navbar--side a.ico--sea.is-active:after {
  background-position: -52px -50px;
}
.navbar--side a.ico--snow:after {
  background-position: 0 -100px;
}
.navbar--side a.ico--snow:hover:after,
.navbar--side a.ico--snow.is-active:after {
  background-position: -52px -100px;
}
.navbar--side a.ico--clouds:after {
  background-position: 0 -150px;
}
.navbar--side a.ico--clouds:hover:after,
.navbar--side a.ico--clouds.is-active:after {
  background-position: -52px -150px;
}
.navbar--side a.ico--maps:after {
  background-position: 0 -200px;
}
.navbar--side a.ico--maps:hover:after,
.navbar--side a.ico--maps.is-active:after {
  background-position: -52px -200px;
}
.navbar--side a.ico--cal:after {
  background-position: 0 -250px;
}
.navbar--side a.ico--cal:hover:after,
.navbar--side a.ico--cal.is-active:after {
  background-position: -52px -250px;
}
.navbar--side a.ico--graph:after {
  background-position: 0 -300px;
}
.navbar--side a.ico--graph:hover:after,
.navbar--side a.ico--graph.is-active:after {
  background-position: -52px -300px;
}
.navbar--side a.ico--rain:after {
  background-position: 0 -350px;
}
.navbar--side a.ico--rain:hover:after,
.navbar--side a.ico--rain.is-active:after {
  background-position: -52px -350px;
}
.navbar--side a.ico--ski:after {
  background-position: 0 -400px;
}
.navbar--side a.ico--ski:hover:after,
.navbar--side a.ico--ski.is-active:after {
  background-position: -52px -400px;
}
.navbar--side a.ico--cz:after {
  background-position: 0 -450px;
}
.navbar--side a.ico--cz:hover:after,
.navbar--side a.ico--cz.is-active:after {
  background-position: -52px -450px;
}

.navbar--side a.ico--eu:after {
  background-position: 0 -500px;
}
.navbar--side a.ico--eu:hover:after,
.navbar--side a.ico--eu.is-active:after {
  background-position: -52px -500px;
}
.navbar--side a.ico--warning:after {
  background-position: 0 -550px;
}
.navbar--side a.ico--online:after {
  background-position: 0 -600px;
}
.navbar--side a.ico--allnews:after {
  background-position: 0 -650px;
}
.navbar--side a.ico--allnews:hover:after,
.navbar--side a.ico--allnews.is-active:after {
  background-position: -52px -650px;
}
.navbar--side a.ico--wTimeline:after {
  background-position: 0 -700px;
}
.navbar--side a.ico--wTimeline:hover:after,
.navbar--side a.ico--wTimeline.is-active:after {
  background-position: -52px -700px;
}
.navbar--side a.ico--extreme:after {
  background-position: 0 -750px;
}
.navbar--side a.ico--extreme:hover:after,
.navbar--side a.ico--extreme.is-active:after {
  background-position: -52px -750px;
}
.navbar--side a.ico--klimo:after {
  background-position: 0 -800px;
}
.navbar--side a.ico--klimo:hover:after,
.navbar--side a.ico--klimo.is-active:after {
  background-position: -52px -800px;
}
.navbar--side a.ico--health:after {
  background-position: 0 -850px;
}
.navbar--side a.ico--health:hover:after,
.navbar--side a.ico--health.is-active:after {
  background-position: -52px -850px;
}
.navbar--side a.ico--garden:after {
  background-position: 0 -900px;
}
.navbar--side a.ico--garden:hover:after,
.navbar--side a.ico--garden.is-active:after {
  background-position: -52px -900px;
}
.navbar--side a.ico--csAct:after {
  background-position: 0 -950px;
}
.navbar--side a.ico--csAct:hover:after,
.navbar--side a.ico--csAct.is-active:after {
  background-position: -52px -950px;
}
.navbar--side a.ico--evAct:after {
  background-position: 0 -1000px;
}
.navbar--side a.ico--evAct:hover:after,
.navbar--side a.ico--evAct.is-active:after {
  background-position: -52px -1000px;
}
.navbar--side a.ico--csPredict:after {
  background-position: 0 -1050px;
}
.navbar--side a.ico--csPredict:hover:after,
.navbar--side a.ico--csPredict.is-active:after {
  background-position: -52px -1050px;
}
.navbar--side a.ico--euPredict:after {
  background-position: 0 -1100px;
}
.navbar--side a.ico--euPredict:hover:after,
.navbar--side a.ico--euPredict.is-active:after {
  background-position: -52px -1100px;
}
.navbar--side a.ico--bio:after {
  background-position: 0 -1150px;
}
.navbar--side a.ico--bio:hover:after,
.navbar--side a.ico--bio.is-active:after {
  background-position: -52px -1150px;
}
.navbar--side a.ico--apps:after {
  background-position: 0 -1200px;
}
.navbar--side a.ico--apps:hover:after,
.navbar--side a.ico--apps.is-active:after {
  background-position: -52px -1200px;
}
.navbar--side a.ico--web:after {
  background-position: 0 -1250px;
}
.navbar--side a.ico--web:hover:after,
.navbar--side a.ico--web.is-active:after {
  background-position: -52px -1250px;
}
.navbar--side a.ico--thumbup:after {
  background-position: 0 -1300px;
}
.navbar--side a.ico--eshop:after {
  background-position: 0 -1900px;
}
.navbar--side a.ico--eshop:hover:after,
.navbar--side a.ico--eshop.is-active:after {
  background-position: -52px -1900px;
}
.navbar--side a.ico--thumbup:hover:after,
.navbar--side a.ico--thumbup.is-active:after {
  background-position: -52px -1300px;
}
.navbar--side a.ico--crSnow:after {
  background-position: 0 -1350px;
}
.navbar--side a.ico--crSnow:hover:after,
.navbar--side a.ico--crSnow.is-active:after {
  background-position: -52px -1350px;
}
.navbar--side a.ico--alpSnow:after {
  background-position: 0 -1400px;
}
.navbar--side a.ico--alpSnow:hover:after,
.navbar--side a.ico--alpSnow.is-active:after {
  background-position: -52px -1400px;
}
.navbar--side a.ico--skier:after {
  background-position: 0 -1450px;
}
.navbar--side a.ico--skier:hover:after,
.navbar--side a.ico--skier.is-active:after {
  background-position: -52px -1450px;
}
.navbar--side a.ico--encycl:after {
  background-position: 0 -1500px;
}
.navbar--side a.ico--encycl:hover:after,
.navbar--side a.ico--encycl.is-active:after {
  background-position: -52px -1500px;
}
.navbar--side a.ico--warming:after {
  background-position: 0 -1550px;
}
.navbar--side a.ico--warming:hover:after,
.navbar--side a.ico--warming.is-active:after {
  background-position: -52px -1550px;
}
.navbar--side a.ico--gallery:after {
  background-position: 0 -1600px;
}
.navbar--side a.ico--gallery:hover:after,
.navbar--side a.ico--gallery.is-active:after {
  background-position: -52px -1600px;
}
.navbar--side a.ico--archive:after {
  background-position: 0 -1650px;
}
.navbar--side a.ico--archive:hover:after,
.navbar--side a.ico--archive.is-active:after {
  background-position: -52px -1650px;
}
.navbar--side a.ico--bubble:after {
  background-position: 0 -1700px;
}
.navbar--side a.ico--bubble:hover:after,
.navbar--side a.ico--bubble.is-active:after {
  background-position: -52px -1700px;
}
/*	Navbar - HP
	-------------------------------------------------------------------------- */
.navbar--hp a {
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
}
.navbar--hp a:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.navbar--hp a--bubble {
  padding-left: 25px;
}
.navbar--hp a--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.navbar--hp a--bubble_md {
  padding-left: 45px;
}
.navbar--hp a--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.navbar--hp a--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.navbar--hp a--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.navbar--hp a--fav:hover {
  background-color: #EAEFF5;
}
.navbar--hp a--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.navbar--hp a--link:hover {
  background-color: #EAEFF5;
}
.navbar--hp a--home {
  padding-left: 20px;
}
.navbar--hp a--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.navbar--hp a--cal {
  padding-left: 35px;
}
.navbar--hp a--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.navbar--hp a--cal_sm {
  padding-left: 38px;
}
.navbar--hp a--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.navbar--hp a--clock_sm {
  padding-left: 38px;
}
.navbar--hp a--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.navbar--hp a--time_sm {
  padding-left: 18px;
}
.navbar--hp a--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.navbar--hp a--person {
  padding-left: 20px;
}
.navbar--hp a--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.navbar--hp a--drops {
  padding-left: 18px;
}
.navbar--hp a--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.navbar--hp a--pressure {
  padding-left: 30px;
}
.navbar--hp a--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.navbar--hp a--cloud {
  padding-left: 30px;
}
.navbar--hp a--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.navbar--hp a--sun {
  padding-left: 30px;
}
.navbar--hp a--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.navbar--hp a--drops_amount {
  padding-left: 20px;
}
.navbar--hp a--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.navbar--hp a--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.navbar--hp a--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.navbar--hp a--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.navbar--hp a--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.navbar--hp a--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.navbar--hp a--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.navbar--hp a--show {
  padding-left: 25px;
}
.navbar--hp a--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.navbar--hp a--hide {
  padding-left: 25px;
}
.navbar--hp a--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.navbar--hp a--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.navbar--hp a--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.navbar--hp a--tip {
  padding-left: 90px;
}
.navbar--hp a--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.navbar--hp a--warning {
  padding-left: 35px;
}
.navbar--hp a--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.navbar--hp a--photo {
  padding-left: 35px;
}
.navbar--hp a--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.navbar--hp a--clock {
  padding-left: 35px;
}
.navbar--hp a--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.navbar--hp a--clock_act {
  padding-left: 35px;
}
.navbar--hp a--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.navbar--hp a--snow {
  padding-left: 25px;
}
.navbar--hp a--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.navbar--hp a--slopes {
  width: 53px;
  height: 49px;
}
.navbar--hp a--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.navbar--hp a--snow_lg {
  width: 43px;
  height: 39px;
}
.navbar--hp a--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.navbar--hp a--lifts {
  width: 34px;
  height: 53px;
}
.navbar--hp a--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.navbar--hp a--snowOutside {
  width: 44px;
  height: 42px;
}
.navbar--hp a--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.navbar--hp a--snowType {
  width: 46px;
  height: 43px;
}
.navbar--hp a--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.navbar--hp a--bio_lg {
  width: 109px;
  height: 95px;
}
.navbar--hp a--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.navbar--hp a--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.navbar--hp a--add:hover:after {
  background-position: -152px -32px;
}
.navbar--hp a--arrow a {
  padding-left: 10px;
}
.navbar--hp a--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.navbar--hp a--arrow__bc li {
  padding-left: 10px;
}
.navbar--hp a--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.navbar--hp a--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.navbar--hp a:after {
  width: 90px;
  height: 90px;
  top: 15px;
  left: 50%;
  margin-left: -45px;
  background: transparent url("../images/ico/navbar--hp.png");
}
.navbar--hp a.ico--snow:after {
  background-position: 0 -360px;
}
.navbar--hp a.ico--snow:hover:after,
.navbar--hp a.ico--snow.is-active:after {
  background-position: -95px -360px;
}
.navbar--hp a.ico--clouds:after {
  background-position: 0 -180px;
}
.navbar--hp a.ico--clouds:hover:after,
.navbar--hp a.ico--clouds.is-active:after {
  background-position: -95px -180px;
}
.navbar--hp a.ico--ski:after {
  background-position: 0 -270px;
}
.navbar--hp a.ico--ski:hover:after,
.navbar--hp a.ico--ski.is-active:after {
  background-position: -95px -270px;
}
.navbar--hp a.ico--cz:after {
  background-position: 0 -90px;
}
.navbar--hp a.ico--cz:hover:after,
.navbar--hp a.ico--cz.is-active:after {
  background-position: -95px -90px;
}
.navbar--hp a.ico--eu:after {
  background-position: 0 0;
}
.navbar--hp a.ico--eu:hover:after,
.navbar--hp a.ico--eu.is-active:after {
  background-position: -95px 0;
}
.navbar--hp a.ico--warning:after {
  background-position: 0 -450px;
}
.navbar--hp a.ico--sea:after {
  background-position: 0 -540px;
}
.navbar--hp a.ico--sea:hover:after,
.navbar--hp a.ico--sea.is-active:after {
  background-position: -95px -540px;
}
.navbar--hp a.ico--sat:after {
  background-position: 0 -630px;
}
.navbar--hp a.ico--sat:hover:after,
.navbar--hp a.ico--sat.is-active:after {
  background-position: -95px -630px;
}
.navbar--hp a.ico--mapRain:after {
  background-position: 0 -720px;
}
.navbar--hp a.ico--mapRain:hover:after,
.navbar--hp a.ico--mapRain.is-active:after {
  background-position: -95px -720px;
}
.navbar--hp a.ico--mapPredict:after {
  background-position: 0 -810px;
}
.navbar--hp a.ico--mapPredict:hover:after,
.navbar--hp a.ico--mapPredict.is-active:after {
  background-position: -95px -810px;
}
@media only screen and (max-width: 768px) {
  .navbar--hp a {
    position: relative;
    outline: 0;
    /*	General
		-------------------------------------------------------------------------- */
    /*	Arrows
		-------------------------------------------------------------------------- */
    padding: 50px 6px 0;
  }
  .navbar--hp a:after {
    display: block;
    position: absolute;
    content: "";
    background: transparent url("../images/ico/general.svg");
  }
  .navbar--hp a--bubble {
    padding-left: 25px;
  }
  .navbar--hp a--bubble:after {
    top: -2px;
    left: 0;
    width: 19px;
    height: 17px;
    background-position: -30px 0;
  }
  .navbar--hp a--bubble_md {
    padding-left: 45px;
  }
  .navbar--hp a--bubble_md:after {
    top: -4px;
    left: 0;
    width: 32px;
    height: 28px;
    background-position: 0 -51px;
  }
  .navbar--hp a--close_sm:after {
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    background-position: -184px 0;
  }
  .navbar--hp a--fav:after {
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-position: 0 -85px;
  }
  .navbar--hp a--fav:hover {
    background-color: #EAEFF5;
  }
  .navbar--hp a--link:after {
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-position: -32px -85px;
  }
  .navbar--hp a--link:hover {
    background-color: #EAEFF5;
  }
  .navbar--hp a--home {
    padding-left: 20px;
  }
  .navbar--hp a--home:after {
    top: -1px;
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: 0;
    background-position: -49px 0;
  }
  .navbar--hp a--cal {
    padding-left: 35px;
  }
  .navbar--hp a--cal:after {
    top: -7px;
    left: 0;
    width: 26px;
    height: 26px;
    margin-top: 0;
    background-position: -94px 0;
  }
  .navbar--hp a--cal_sm {
    padding-left: 38px;
  }
  .navbar--hp a--cal_sm:after {
    top: 50%;
    margin-top: -9px;
    left: 10px;
    width: 20px;
    height: 19px;
    background-position: -195px -33px;
  }
  .navbar--hp a--clock_sm {
    padding-left: 38px;
  }
  .navbar--hp a--clock_sm:after {
    top: 50%;
    margin-top: -11px;
    left: 10px;
    width: 22px;
    height: 22px;
    background-image: url("../images/ico/general.png");
    background-position: -241px -70px;
  }
  .navbar--hp a--time_sm {
    padding-left: 18px;
  }
  .navbar--hp a--time_sm:after {
    top: 50%;
    margin-top: -6px;
    left: 0;
    width: 12px;
    height: 12px;
    background-position: -195px 0;
  }
  .navbar--hp a--person {
    padding-left: 20px;
  }
  .navbar--hp a--person:after {
    top: 50%;
    margin-top: -9px;
    left: 0;
    width: 15px;
    height: 16px;
    background-position: -216px -34px;
  }
  .navbar--hp a--drops {
    padding-left: 18px;
  }
  .navbar--hp a--drops:after {
    top: 50%;
    margin-top: -8px;
    left: 0;
    width: 11px;
    height: 14px;
    background-position: -195px -55px;
  }
  .navbar--hp a--pressure {
    padding-left: 30px;
  }
  .navbar--hp a--pressure:after {
    top: 50%;
    margin-top: -9px;
    left: 0;
    width: 22px;
    height: 17px;
    background-position: -245px -53px;
  }
  .navbar--hp a--cloud {
    padding-left: 30px;
  }
  .navbar--hp a--cloud:after {
    top: 50%;
    margin-top: -8px;
    left: 0;
    width: 24px;
    height: 16px;
    background-position: -217px -74px;
  }
  .navbar--hp a--sun {
    padding-left: 30px;
  }
  .navbar--hp a--sun:after {
    top: 50%;
    margin-top: -11px;
    left: 0;
    width: 22px;
    height: 22px;
    background-position: -195px -70px;
  }
  .navbar--hp a--drops_amount {
    padding-left: 20px;
  }
  .navbar--hp a--drops_amount:after {
    top: 50%;
    margin-top: -10px;
    left: 0;
    width: 14px;
    height: 17px;
    background-position: -207px -53px;
  }
  .navbar--hp a--radar_sm {
    display: inline-block;
    width: 26px;
    height: 26px;
  }
  .navbar--hp a--radar_sm:after {
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    background-image: url("../images/ico/general.png");
    background-position: -259px 0;
  }
  .navbar--hp a--radar {
    display: inline-block;
    width: 32px;
    height: 32px;
  }
  .navbar--hp a--radar:after {
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-image: url("../images/ico/general.png");
    background-position: -227px 0;
  }
  .navbar--hp a--nfo {
    display: inline-block;
    width: 12px;
    height: 12px;
  }
  .navbar--hp a--nfo:after {
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background-position: -207px 0;
  }
  .navbar--hp a--show {
    padding-left: 25px;
  }
  .navbar--hp a--show:after {
    top: -1px;
    left: 0;
    width: 16px;
    height: 17px;
    background-position: -195px -14px;
  }
  .navbar--hp a--hide {
    padding-left: 25px;
  }
  .navbar--hp a--hide:after {
    top: -1px;
    left: 0;
    width: 16px;
    height: 17px;
    background-position: -211px -14px;
  }
  .navbar--hp a--navbar:after {
    top: 50%;
    margin-top: -12px;
    right: 50%;
    margin-right: -15px;
    width: 30px;
    height: 24px;
    background-position: -62px 0;
  }
  .navbar--hp a--search:after {
    top: 50%;
    margin-top: -16px;
    right: 50%;
    margin-right: -16px;
    width: 32px;
    height: 32px;
    background-position: -120px 0;
  }
  .navbar--hp a--tip {
    padding-left: 90px;
  }
  .navbar--hp a--tip:after {
    top: 50%;
    margin-top: -18px;
    left: 25px;
    width: 32px;
    height: 36px;
    background-position: 0 -126px;
  }
  .navbar--hp a--warning {
    padding-left: 35px;
  }
  .navbar--hp a--warning:after {
    top: -2px;
    left: 0;
    width: 26px;
    height: 23px;
    background-position: -32px -126px;
  }
  .navbar--hp a--photo {
    padding-left: 35px;
  }
  .navbar--hp a--photo:after {
    top: -2px;
    left: 0;
    width: 26px;
    height: 21px;
    background-position: -58px -126px;
  }
  .navbar--hp a--clock {
    padding-left: 35px;
  }
  .navbar--hp a--clock:after {
    top: -3px;
    left: 0;
    width: 26px;
    height: 27px;
    background-position: -110px -126px;
  }
  .navbar--hp a--clock_act {
    padding-left: 35px;
  }
  .navbar--hp a--clock_act:after {
    top: -3px;
    left: 0;
    width: 26px;
    height: 27px;
    background-position: -84px -126px;
  }
  .navbar--hp a--snow {
    padding-left: 25px;
  }
  .navbar--hp a--snow:after {
    top: -1px;
    left: 0;
    width: 19px;
    height: 17px;
    background-position: -136px -126px;
  }
  .navbar--hp a--slopes {
    width: 53px;
    height: 49px;
  }
  .navbar--hp a--slopes:after {
    top: 0;
    left: 0;
    width: 53px;
    height: 49px;
    background-position: 0 -174px;
  }
  .navbar--hp a--snow_lg {
    width: 43px;
    height: 39px;
  }
  .navbar--hp a--snow_lg:after {
    top: 0;
    left: 0;
    width: 43px;
    height: 39px;
    background-position: -55px -174px;
  }
  .navbar--hp a--lifts {
    width: 34px;
    height: 53px;
  }
  .navbar--hp a--lifts:after {
    top: 0;
    left: 0;
    width: 34px;
    height: 53px;
    background-position: -99px -174px;
  }
  .navbar--hp a--snowOutside {
    width: 44px;
    height: 42px;
  }
  .navbar--hp a--snowOutside:after {
    top: 0;
    left: 0;
    width: 44px;
    height: 42px;
    background-position: -181px -174px;
  }
  .navbar--hp a--snowType {
    width: 46px;
    height: 43px;
  }
  .navbar--hp a--snowType:after {
    top: 0;
    left: 0;
    width: 46px;
    height: 43px;
    background-position: -134px -174px;
  }
  .navbar--hp a--bio_lg {
    width: 109px;
    height: 95px;
  }
  .navbar--hp a--bio_lg:after {
    top: 0;
    left: 0;
    width: 109px;
    height: 95px;
    background-image: url("../images/ico/general.png");
    background-position: -109px -234px;
  }
  .navbar--hp a--add:after {
    top: 0;
    left: 50%;
    margin-left: -15px;
    width: 32px;
    height: 32px;
    background-position: -152px 0;
  }
  .navbar--hp a--add:hover:after {
    background-position: -152px -32px;
  }
  .navbar--hp a--arrow a {
    padding-left: 10px;
  }
  .navbar--hp a--arrow a:after {
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    margin-top: -4px;
    background: transparent none !important;
    border-left: 1px solid #8AA8BF;
    border-top: 1px solid #8AA8BF;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
  }
  .navbar--hp a--arrow__bc li {
    padding-left: 10px;
  }
  .navbar--hp a--arrow__bc li:after {
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    margin-top: -2px;
    background: transparent none !important;
    border-left: 1px solid #3B4659;
    border-top: 1px solid #3B4659;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
  }
  .navbar--hp a--arrow__down:after {
    top: 50%;
    margin-top: -3px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #3b4659 transparent transparent transparent;
  }
  .navbar--hp a:after {
    width: 50px;
    height: 50px;
    top: 10px;
    left: 50%;
    margin: 0 0 0 -25px;
    background: transparent url("../images/ico/navbar--side.png");
  }
  .navbar--hp a.ico--weather:after {
    background-position: 0 0;
  }
  .navbar--hp a.ico--weather:hover:after,
  .navbar--hp a.ico--weather.is-active:after {
    background-position: -52px 0;
  }
  .navbar--hp a.ico--sea:after {
    background-position: 0 -50px;
  }
  .navbar--hp a.ico--sea:hover:after,
  .navbar--hp a.ico--sea.is-active:after {
    background-position: -52px -50px;
  }
  .navbar--hp a.ico--snow:after {
    background-position: 0 -100px;
  }
  .navbar--hp a.ico--snow:hover:after,
  .navbar--hp a.ico--snow.is-active:after {
    background-position: -52px -100px;
  }
  .navbar--hp a.ico--clouds:after {
    background-position: 0 -150px;
  }
  .navbar--hp a.ico--clouds:hover:after,
  .navbar--hp a.ico--clouds.is-active:after {
    background-position: -52px -150px;
  }
  .navbar--hp a.ico--maps:after {
    background-position: 0 -200px;
  }
  .navbar--hp a.ico--maps:hover:after,
  .navbar--hp a.ico--maps.is-active:after {
    background-position: -52px -200px;
  }
  .navbar--hp a.ico--cal:after {
    background-position: 0 -250px;
  }
  .navbar--hp a.ico--cal:hover:after,
  .navbar--hp a.ico--cal.is-active:after {
    background-position: -52px -250px;
  }
  .navbar--hp a.ico--graph:after {
    background-position: 0 -300px;
  }
  .navbar--hp a.ico--graph:hover:after,
  .navbar--hp a.ico--graph.is-active:after {
    background-position: -52px -300px;
  }
  .navbar--hp a.ico--rain:after {
    background-position: 0 -350px;
  }
  .navbar--hp a.ico--rain:hover:after,
  .navbar--hp a.ico--rain.is-active:after {
    background-position: -52px -350px;
  }
  .navbar--hp a.ico--ski:after {
    background-position: 0 -400px;
  }
  .navbar--hp a.ico--ski:hover:after,
  .navbar--hp a.ico--ski.is-active:after {
    background-position: -52px -400px;
  }
  .navbar--hp a.ico--cz:after {
    background-position: 0 -450px;
  }
  .navbar--hp a.ico--cz:hover:after,
  .navbar--hp a.ico--cz.is-active:after {
    background-position: -52px -450px;
  }
  .navbar--hp a.ico--eu:after {
    background-position: 0 -500px;
  }
  .navbar--hp a.ico--eu:hover:after,
  .navbar--hp a.ico--eu.is-active:after {
    background-position: -52px -500px;
  }
  .navbar--hp a.ico--warning:after {
    background-position: 0 -550px;
  }
  .navbar--hp a.ico--online:after {
    background-position: 0 -600px;
  }
  .navbar--hp a.ico--sat:after {
    background-position: 0 -1750px;
  }
  .navbar--hp a.ico--sat:hover:after,
  .navbar--hp a.ico--sat.is-active:after {
    background-position: -52px -1750px;
  }
  .navbar--hp a.ico--mapRain:after {
    background-position: 0 -1800px;
  }
  .navbar--hp a.ico--mapRain:hover:after,
  .navbar--hp a.ico--mapRain.is-active:after {
    background-position: -52px -1800px;
  }
  .navbar--hp a.ico--mapPredict:after {
    background-position: 0 -1850px;
  }
  .navbar--hp a.ico--mapPredict:hover:after,
  .navbar--hp a.ico--mapPredict.is-active:after {
    background-position: -52px -1850px;
  }
}
/*	NO SVG
	-------------------------------------------------------------------------- */
.no-svg .ico:after {
  background-image: url("../images/ico/general.png");
}
.no-svg .social-media a:after {
  background-image: url("../images/ico/social.png");
}
.no-svg .navbar--side a:after {
  background-image: url("../images/ico/navbar--side.png");
}
.no-svg .navbar--hp a:after {
  background-image: url("../images/ico/navbar--hp.png");
}
.no-svg .box a:after {
  background-image: url("../images/ico/boxes.png");
}
.no-svg .photo-slider .bx-prev,
.no-svg .photo-slider .bx-next {
  background-image: url("../images/ico/slider__controls.png");
}

.ico-language--en:after {
    background: transparent url(../images/ico/en.png) no-repeat !important;
    left: 60%;
}
.ico-language--en:hover:after,
.ico-language--en.is-active:after {
    background: transparent url(../images/ico/en-over.png) no-repeat !important;
    left: 60%;
}

.ico-language--de:after {
    background: transparent url(../images/ico/de.png) no-repeat !important;
    left: 60%;
}
.ico-language--de:hover:after,
.ico-language--de.is-active:after {
    background: transparent url(../images/ico/de-over.png) no-repeat !important;
    left: 60%;
}

.ico-language--pl:after {
    background: transparent url(../images/ico/pl.png) no-repeat !important;
    left: 47%;
}
.ico-language--pl:hover:after,
.ico-language--pl.is-active:after {
    background: transparent url(../images/ico/pl-over.png) no-repeat !important;
    left: 47%;
}

.ico-language--at:after {
    background: transparent url(../images/ico/at.png) no-repeat !important;
    top: 35px;
}
.ico-language--at:hover:after,
.ico-language--at.is-active:after {
    background: transparent url(../images/ico/at-over.png) no-repeat !important;
    top: 35px;
}
/*	Icons - weather
		-------------------------------------------------------------------------- */
.wi,
.wi--white,
.wi--blue {
  display: block;
  width: 40px;
  height: 35px;
  position: relative;
  margin: 0 auto;
}
.wi:after,
.wi--white:after,
.wi--blue:after {
  display: block;
  width: 40px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("../images/ico/weather.png") 0 -2px;
}

.wi.state-1:after,
.wi--white.state-1:after,
.wi--blue.state-1:after {
  background-position: 0 -2px;
}
.wi.state-2:after,
.wi--white.state-2:after,
.wi--blue.state-2:after {
  background-position: -43px -2px;
}
.wi.state-3:after,
.wi--white.state-3:after,
.wi--blue.state-3:after {
  background-position: -128px -2px;
}
.wi.state-4:after,
.wi--white.state-4:after,
.wi--blue.state-4:after {
  background-position: -213px -2px;
}
.wi.state-5:after,
.wi--white.state-5:after,
.wi--blue.state-5:after {
  background-position: -43px -41px;
}
.wi.state-6:after,
.wi--white.state-6:after,
.wi--blue.state-6:after {
  background-position: -128px -40px;
}
.wi.state-7:after,
.wi--white.state-7:after,
.wi--blue.state-7:after {
  background-position: -214px -40px;
}
.wi.state-8:after,
.wi--white.state-8:after,
.wi--blue.state-8:after {
  background-position: 0 -83px;
}
.wi.state-9:after,
.wi--white.state-9:after,
.wi--blue.state-9:after {
  background-position: -85px -82px;
}
.wi.state-10:after,
.wi--white.state-10:after,
.wi--blue.state-10:after {
  background-position: -128px -82px;
}
.wi.state-11:after,
.wi--white.state-11:after,
.wi--blue.state-11:after {
  background-position: -170px -82px;
}
.wi.state-12:after,
.wi--white.state-12:after,
.wi--blue.state-12:after {
  background-position: -214px -81px;
}
.wi.state-13:after,
.wi--white.state-13:after,
.wi--blue.state-13:after {
  background-position: -85px -123px;
}
.wi.state-14:after,
.wi--white.state-14:after,
.wi--blue.state-14:after {
  background-position: 0px -158px;
}
.wi.state-15:after,
.wi--white.state-15:after,
.wi--blue.state-15:after {
  background-position: -295px -160px;
}
.wi.state-16:after,
.wi--white.state-16:after,
.wi--blue.state-16:after {
  background-position: -128px -162px;
}
.wi.state-17:after,
.wi--white.state-17:after,
.wi--blue.state-17:after {
  background-position: -170px -161px;
}
.wi.state-18:after,
.wi--white.state-18:after,
.wi--blue.state-18:after {
  background-position: -214px -160px;
}
.wi.state-19:after,
.wi--white.state-19:after,
.wi--blue.state-19:after {
  background-position: 0px -203px;
}
.wi.state-20:after,
.wi--white.state-20:after,
.wi--blue.state-20:after {
  background-position: -338px -203px;
}
.wi.state-21:after,
.wi--white.state-21:after,
.wi--blue.state-21:after {
  background-position: -381px -203px;
}
.wi.state-22:after,
.wi--white.state-22:after,
.wi--blue.state-22:after {
  background-position: -423px -203px;
}
.wi.state-23:after,
.wi--white.state-23:after,
.wi--blue.state-23:after {
  background-position: 0px -244px;
}
.wi.state-24:after,
.wi--white.state-24:after,
.wi--blue.state-24:after {
  background-position: -42px -243px;
}
.wi.state-25:after,
.wi--white.state-25:after,
.wi--blue.state-25:after {
  background-position: -128px -243px;
}
.wi.state-26:after,
.wi--white.state-26:after,
.wi--blue.state-26:after {
  background-position: -86px -3px;
}
.wi.state-27:after,
.wi--white.state-27:after,
.wi--blue.state-27:after {
  background-position: -172px -3px;
}
.wi.state-28:after,
.wi--white.state-28:after,
.wi--blue.state-28:after {
  background-position: 0px -41px;
}
.wi.state-29:after,
.wi--white.state-29:after,
.wi--blue.state-29:after {
  background-position: -84px -43px;
}
.wi.state-30:after,
.wi--white.state-30:after,
.wi--blue.state-30:after {
  background-position: -170px -41px;
}
.wi.state-31:after,
.wi--white.state-31:after,
.wi--blue.state-31:after {
  background-position: -42px -83px;
}
.wi.state-32:after,
.wi--white.state-32:after,
.wi--blue.state-32:after {
  background-position: -42px -125px;
}
.wi.state-33:after,
.wi--white.state-33:after,
.wi--blue.state-33:after {
  background-position: -86px -162px;
}
.wi.state-34:after,
.wi--white.state-34:after,
.wi--blue.state-34:after {
  background-position: -42px -204px;
}
.wi.state-35:after,
.wi--white.state-35:after,
.wi--blue.state-35:after {
  background-position: -210px -204px;
}
.wi.state-36:after,
.wi--white.state-36:after,
.wi--blue.state-36:after {
  background-position: -84px -243px;
}
.wi--white:after {
  background: url("../images/ico/weather--white.png") 0 0;
}
.wi--blue:after {
  background: url("../images/ico/weather--blue.png") 0 0;
}
/*	Icons for retina
	-------------------------------------------------------------------------- */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .wi:after {
    background-image: url("../images/ico/weather@2x.png");
    background-size: 252px;
  }
  .wi--white:after {
    background-image: url("../images/ico/weather@2x--white.png");
    background-size: 252px;
  }
  .wi--blue:after {
    background-image: url("../images/ico/weather@2x--blue.png");
    background-size: 252px;
  }
}
/*	Icons - wind
		-------------------------------------------------------------------------- */
.wind {
  position: relative;
  outline: 0;
  padding-left: 25px;
}
.wind:after {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: transparent url("../images/ico/wind.svg");
}
.wind.state-0:after {
  background: transparent url("../images/ico/wind.svg") -190px -5px;
}
.wind.state-1:after {
  background-position: 0 -3px;
}
.wind.state-2:after {
  background-position: 0 -30px;
}
.wind.state-3:after {
  background-position: 0 -53px;
}
.wind.state-4:after {
  background-position: -26px -3px;
}
.wind.state-5:after {
  background-position: -27px -28px;
}
.wind.state-6:after {
  background-position: -24px -53px;
}
.wind.state-7:after {
  background-position: -52px -3px;
}
.wind.state-8:after {
  background-position: -54px -31px;
}
.wind.state-9:after {
  background-position: -52px -53px;
}
.wind.state-10:after {
  background-position: -74px -3px;
}
.wind.state-11:after {
  background-position: -72px -30px;
}
.wind.state-12:after {
  background-position: -72px -53px;
}
.wind.state-13:after {
  background-position: -96px -3px;
}
.wind.state-14:after {
  background-position: -98px -31px;
}
.wind.state-15:after {
  background-position: -96px -53px;
}
.wind.state-16:after {
  background-position: -120px -3px;
}
.wind.state-17:after {
  background-position: -122px -30px;
}
.wind.state-18:after {
  background-position: -120px -53px;
}
.wind.state-19:after {
  background-position: -146px -4px;
}
.wind.state-20:after {
  background-position: -146px -29px;
}
.wind.state-21:after {
  background-position: -145px -54px;
}
.wind.state-22:after {
  background-position: -170px -3px;
}
.wind.state-23:after {
  background-position: -168px -27px;
}
.wind.state-24:after {
  background-position: -168px -52px;
}
/*	NO SVG
	-------------------------------------------------------------------------- */
.no-svg .wind:after {
  background-image: url("../images/ico/wind.png");
}
.no-svg .wind.state-0:after {
  background: transparent url("../images/ico/general.png") -224px -54px;
}
/*	Icons - tabs
		-------------------------------------------------------------------------- */
.ico--tab {
  padding: 0;
  position: absolute;
  bottom: 15px;
  left: 50%;
}
.ico--tab:after {
  position: static;
  height: 45px;
  background: transparent url("../images/ico/tabs.png");
}
.ico--tab.temp:after {
  width: 23px;
  background-position: 0 0;
  margin-left: -12px;
}
.ico--tab.rain:after {
  width: 46px;
  background-position: -24px 0;
  margin-left: -23px;
}
.ico--tab.clouds:after {
  width: 49px;
  background-position: -70px 0;
  margin-left: -24px;
}
.ico--tab.wind:after {
  width: 44px;
  background-position: -120px 0;
  margin-left: -22px;
}
.ico--tab.preasure:after {
  width: 45px;
  background-position: -165px 0;
  margin-left: -22px;
}
.ico--tab.status:after {
  width: 41px;
  background-position: -210px 0;
  margin-left: -20px;
}

.ico--tab.cape:after {
  width: 55px;
  background-position: -253px 0;
  margin-left: -25px;
}

/* Radakt aktual */

.ico--tab-aktual-radar {
  padding: 0;
  position: absolute;
  bottom: 15px;
  left: 15%;
}
.ico--tab-aktual-radar:after {
  background: transparent url("../images/ico/radar-tabs-aktual.png");
  display: block;
  position: static;
  height: 45px;
}

.ico--tab-aktual-radar.snimek:after {
  width: 63px;
  height: 45px;
  background-position: 0 0;
}

.ico--tab-aktual-radar.mapa:after {
  width: 63px;
  height: 45px;
  background-position: -63px 0;
}

/* Radar */

.ico--tab-radar {
  padding: 0;
  position: absolute;
  bottom: 15px;
  left: 18%;
}
.ico--tab-radar:after {
  background: transparent url("../images/ico/radar-tabs-pokus.png");
  display: block;
  position: static;
  height: 45px;
}

/*
.tabs li:hover .ico--tab-radar:after {
  background: transparent url("../images/ico/radar-tabs-white.png");
}
*/

.ico--tab-radar.infra:after {
  width: 63px;
  height: 45px;
  background-position: 0 0;
}

.ico--tab-radar.detail-cs:after {
  width: 63px;
  height: 45px;
  background-position: -63px 0;
}

.ico--tab-radar.detail-de:after, .ico--tab-radar.detail-at:after, .ico--tab-radar.detail-en:after, .ico--tab-radar.detail-pl:after {
    width: 63px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.ico--tab-radar.detail-de:after {
    background-image: url('../images/ico/de.png');
}
.tabs li:hover span.ico--tab-radar.detail-de:after,
.tabs li.is-active span.ico--tab-radar.detail-de:after {
    background-image: url("../images/ico/de-over.png");
}

.ico--tab-radar.detail-at:after {
    background-image: url('../images/ico/at.png');
}
.tabs li:hover span.ico--tab-radar.detail-at:after,
.tabs li.is-active span.ico--tab-radar.detail-at:after {
    background-image: url("../images/ico/at-over.png");
}

.ico--tab-radar.detail-en:after {
    background-image: url('../images/ico/en.png');
}
.tabs li:hover span.ico--tab-radar.detail-en:after,
.tabs li.is-active span.ico--tab-radar.detail-en:after {
    background-image: url("../images/ico/en-over.png");
}

.ico--tab-radar.detail-pl:after {
    background-image: url('../images/ico/pl.png');
}
.tabs li:hover span.ico--tab-radar.detail-pl:after,
.tabs li.is-active span.ico--tab-radar.detail-lp:after {
    background-image: url("../images/ico/pl-over.png");
}

.ico--tab-radar.europerains:after {
  width: 63px;
  height: 45px;
  background-position: -126px 0;
}

.ico--tab-radar.spectrum:after {
  width: 63px;
  height: 45px;
  background-position: -189px 0;
}

.ico--tab-radar.all:after {
  width: 63px;
  height: 45px;
  background-position: -252px 0;
}

.ico--sea {
  display: block;
  width: 90px;
  height: 60px;
}
.ico--sea:after {
  width: 90px;
  height: 60px;
  background: transparent url("../images/ico/sea.png");
}
.ico--sea.eu:after {
  background-position: 0 0;
}
.ico--sea.jadran:after {
  background-position: -90px 0;
}
.ico--sea.stredozemni:after {
  background-position: -180px 0;
}
.ico--sea.cerne:after {
  background-position: -270px 0;
}
.ico--sea.balt:after {
  background-position: -360px 0;
}
.ico--sea.atlantik:after {
  background-position: -450px 0;
}
/*	NO SVG
	-------------------------------------------------------------------------- */
.no-svg .ico--tab:after {
  background-image: url("../images/ico/tabs.png");
}
.no-svg .tabs li:hover .ico--tab:after,
.no-svg .tabs li.is-active .ico--tab:after {
  background-image: url("../images/ico/tabs--white.png");
}

.no-svg .ico--tab-radar:after {
  background-image: url("../images/ico/radar-tabs-white.png");
}
.no-svg .tabs li:hover .ico--tab-radar:after,
.no-svg .tabs li.is-active .ico--tab-radar:after {
  background-image: url("../images/ico/radar-tabs-white.png");
}
/*	==========================================================================
	Modules
	========================================================================== */
/*	Navbar
		-------------------------------------------------------------------------- */
.navbar {
  background: #fff;
  position: relative;
  z-index: 999;
  padding: 15px 30px;
  min-height: 80px;
  clear: both;
}
.navbar:before,
.navbar:after {
  content: "";
  display: table;
}
.navbar:after {
  clear: both;
}
.navbar .ico--navbar {
  display: none;
  position: absolute;
  top: 0;
  margin-top: 0;
  right: 0;
  width: 60px;
  height: 80px;
  padding: 0;
}
.navbar .ico--navbar.is-active {
  background: #335473;
}
.navbar .ico--navbar.is-active:after {
  background-position: -62px -24px;
}
.navbar > ul {
  float: right;
}
.navbar ul {
  margin: 0;
}
@media only screen and (max-width: 756px) {
  .navbar ul {
    display: none;
  }
}
.navbar ul a {
  font-size: 15px;
  color: #3b4659;
  font-weight: 700;
  display: block;
  padding: 15px;
  -webkit-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  -o-transition: 0;
}
.navbar ul a:hover, a.is-active {
  color: #fff !important;
  background: #489fd5;
}
.navbar ul li.is-active > a,
.navbar ul li:hover > a,
.navbar ul li.is-active > span,
.navbar ul li:hover > span {
  color: #fff;
  background: #489fd5;
}
.navbar ul li.is-active > a:after,
.navbar ul li:hover > a:after,
.navbar ul li.is-active > span:after,
.navbar ul li:hover > span:after {
  border-color: #fff transparent transparent transparent;
}
.navbar li {
  float: left;
  vertical-align: bottom;
}
.navbar li.js-dropdown:hover .subnav {
  display: block;
}
.navbar li.js-tablet-dropdown span:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -2px;
}
.navbar span {
  display: block;
  font-size: 15px;
  color: #3b4659;
  font-weight: 700;
  padding: 15px;
  -webkit-transition: 0;
  -moz-transition: 0;
  -ms-transition: 0;
  -o-transition: 0;
  cursor: pointer;
  position: relative;
}
.navbar span.visible-tablet-ib {
  display: none;
}
.navbar .subnav {
  display: none;
  position: absolute;
  background: #335473;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.navbar .subnav li {
  float: none;
  display: block;
}
.navbar .subnav a {
  color: #fff;
  display: block;
}
.navbar .subnav a:hover {
  background: #25719e;
}
.navbar .logo {
  position: absolute;
  top: 0;
  left: 30px;
}
.navbar .logo:after {
  display: block;
  width: 80px;
  height: 80px;
  content: "";
  background: #fff;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  position: absolute;
  top: -10px;
  left: 2px;
  z-index: 444;
}
.navbar .logo h1 {
  margin: 0;
}
.navbar .logo a {
  position: relative;
  z-index: 555;
  width: 155px;
  height: 62px;
  text-indent: -9999px;
  display: block;
  background: transparent url("../images/logo/meteocentrum.png");
  background-size: 155px 62px;
  /*	For retina
				-------------------------------------------------------------------------- */
}
.navbar .logo a.main-logo-image-en{
     background-image: url("../images/logo/meteocentre.co.uk_logo.png");
}
.navbar .logo a.main-logo-image-pl{
     background-image: url("../images/logo/pogodowocentrum.pl_logo.png");
}
.navbar .logo a.main-logo-image-at{
     background-image: url("../images/logo/meteozentrum.at_logo.png");
}
.navbar .logo a.main-logo-image-de{
     background-image: url("../images/logo/meteozentrum.de_logo.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .navbar .logo a {
    background-image: url("../images/logo/meteocentrum@2x.png");
  }
}
.navbar .js-tablet-dropdown span {
  display: none;
}
@media only screen and (max-width: 768px) {
  .navbar {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar .js-tablet-dropdown ul {
    display: none;
    position: absolute;
    background: #335473;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    margin-left: -45px;
  }
  .navbar .js-tablet-dropdown li {
    float: none;
    display: block;
  }
  .navbar .js-tablet-dropdown a {
    color: #fff;
    display: block;
  }
  .navbar .js-tablet-dropdown a:hover {
    background: #25719e;
  }
  .navbar .logo {
    left: 15px;
  }

  .navbar > ul {
    width: 75%;
}

  .navbar ul a {
    padding: 15px 8px;
  }
}
@media only screen and (max-width: 756px) {
  .navbar > ul {
    float: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #335473;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  }
  .navbar > ul a,
  .navbar > ul span {
    padding: 8px 15px;
    color: #fff;
  }
  .navbar > ul a:after,
  .navbar > ul span:after {
    display: none;
  }
  .navbar > ul li.is-active > a,
  .navbar > ul li:hover > a,
  .navbar > ul li.is-active > span,
  .navbar > ul li:hover > span {
    color: #fff;
    background: #25719e;
  }
  .navbar > ul li {
    float: none;
    display: block;
  }
  .navbar > ul li span {
    color: #fff;
  }
  .navbar > ul li .subnav {
    position: static;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #243D53;
  }
  .navbar > ul li .subnav a {
    padding-left: 30px;
  }
  .navbar .js-tablet-dropdown span {
    display: none !important;
  }
  .navbar .js-tablet-dropdown ul {
    width: 100%;
    margin: 0;
  }
}
/** Lábusovina, aby po resizu se neskrylo menu a search form */
@media only screen and (min-width: 757px) {
  .navbar > ul {
    display: block !important;
    width: 80%;
  }
}

@media only screen and (min-width: 992px) {
  .form-search,
  .navbar > ul {
    display: block !important;
  }
}


/*	Navbar - side
		-------------------------------------------------------------------------- */
.navbar--side {
  font-size: 12px;
  margin-bottom: 30px;
}
.navbar--side ul {
  margin: 0;
}
.navbar--side li {
  background: #fff;
  height: 64px;
  display: table;
  width: 100%;
  margin-top: 4px;
}
.navbar--side li:first-child {
  margin-top: 0;
}
.navbar--side a {
  width: 100%;
  display: table-cell;
  padding-left: 95px;
  padding-right: 10px;
  height: 64px;
  color: #000;
  vertical-align: middle;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  position: relative;
}
.navbar--side a:hover,
.navbar--side a.is-active {
  background: #335473;
  color: #fff;
}
.navbar--side a:hover:before,
.navbar--side a.is-active:before {
  display: block;
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 0 32px 15px;
  border-color: transparent transparent transparent #335473;
}
.navbar--side strong {
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .navbar--side {
    font-size: 10px;
  }
  .navbar--side li {
    height: 110px;
  }
  .navbar--side a {
    padding: 50px 4px 0;
    height: 110px;
    text-align: center;
  }
  .navbar--side a:after {
    top: 10px;
    left: 50%;
    margin: 0 0 0 -25px;
  }
  .navbar--side a:hover:before,
  .navbar--side a.is-active:before {
    right: -20px;
    border-width: 55px 0 55px 20px;
    border-color: transparent transparent transparent #335473;
  }
  .navbar--side strong {
    font-size: 12px;
  }
}
/*	Navbar - hp
		-------------------------------------------------------------------------- */
.navbar--hp {
  font-size: 12px;
  margin-bottom: 20px;
}
.navbar--hp:before,
.navbar--hp:after {
  content: "";
  display: table;
}
.navbar--hp:after {
  clear: both;
}
.navbar--hp ul {
  margin: 0;
}
.navbar--hp li {
  float: left;
  background: #fff;
  height: 170px;
  width: 147px;
  margin-bottom: 6px;
  text-align: center;
  display: table;
}
.navbar--hp li.push-right {
  float: right;
}
.navbar--hp a {
  display: table-cell;
  width: 100%;
  height: 170px;
  color: #000;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  position: relative;
  padding: 0 2% 10px;
  vertical-align: bottom;
}
.navbar--hp a:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #d6dde3;
}
.navbar--hp a:hover,
.navbar--hp a.is-active {
  background: #335473;
  color: #fff;
}
.navbar--hp strong {
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .navbar--hp li {
    float: none;
    width: 100%;
    height: 110px;
  }
  .navbar--hp a {
    padding: 50px 6px 0;
    height: 110px;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
  }
  .navbar--hp a:hover:before,
  .navbar--hp a.is-active:before {
    top: 0;
    right: -20px;
    border-width: 55px 0 55px 20px;
    border-color: transparent transparent transparent #335473;
  }
  .navbar--hp strong {
    font-size: 14px;
  }
}
/*	Breadcrumbs
		-------------------------------------------------------------------------- */
.breadcrumbs {
  /* this part break breadcrumbs on mobile device
  margin: -12px 10px -10px 10px;
  width: 300px;
  float: left;
  */
}
.breadcrumbs ul {
  margin: 0 0 30px 0;
  font-size: 12px;
}
.breadcrumbs li {
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
  display: inline-block;
  margin-left: 4px;
}
.breadcrumbs li:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.breadcrumbs li--bubble {
  padding-left: 25px;
}
.breadcrumbs li--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.breadcrumbs li--bubble_md {
  padding-left: 45px;
}
.breadcrumbs li--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.breadcrumbs li--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.breadcrumbs li--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.breadcrumbs li--fav:hover {
  background-color: #EAEFF5;
}
.breadcrumbs li--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.breadcrumbs li--link:hover {
  background-color: #EAEFF5;
}
.breadcrumbs li--home {
  padding-left: 20px;
}
.breadcrumbs li--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.breadcrumbs li--cal {
  padding-left: 35px;
}
.breadcrumbs li--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.breadcrumbs li--cal_sm {
  padding-left: 38px;
}
.breadcrumbs li--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.breadcrumbs li--clock_sm {
  padding-left: 38px;
}
.breadcrumbs li--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.breadcrumbs li--time_sm {
  padding-left: 18px;
}
.breadcrumbs li--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.breadcrumbs li--person {
  padding-left: 20px;
}
.breadcrumbs li--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.breadcrumbs li--drops {
  padding-left: 18px;
}
.breadcrumbs li--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.breadcrumbs li--pressure {
  padding-left: 30px;
}
.breadcrumbs li--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.breadcrumbs li--cloud {
  padding-left: 30px;
}
.breadcrumbs li--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.breadcrumbs li--sun {
  padding-left: 30px;
}
.breadcrumbs li--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.breadcrumbs li--drops_amount {
  padding-left: 20px;
}
.breadcrumbs li--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.breadcrumbs li--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.breadcrumbs li--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.breadcrumbs li--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.breadcrumbs li--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.breadcrumbs li--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.breadcrumbs li--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.breadcrumbs li--show {
  padding-left: 25px;
}
.breadcrumbs li--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.breadcrumbs li--hide {
  padding-left: 25px;
}
.breadcrumbs li--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.breadcrumbs li--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.breadcrumbs li--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.breadcrumbs li--tip {
  padding-left: 90px;
}
.breadcrumbs li--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.breadcrumbs li--warning {
  padding-left: 35px;
}
.breadcrumbs li--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.breadcrumbs li--photo {
  padding-left: 35px;
}
.breadcrumbs li--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.breadcrumbs li--clock {
  padding-left: 35px;
}
.breadcrumbs li--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.breadcrumbs li--clock_act {
  padding-left: 35px;
}
.breadcrumbs li--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.breadcrumbs li--snow {
  padding-left: 25px;
}
.breadcrumbs li--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.breadcrumbs li--slopes {
  width: 53px;
  height: 49px;
}
.breadcrumbs li--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.breadcrumbs li--snow_lg {
  width: 43px;
  height: 39px;
}
.breadcrumbs li--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.breadcrumbs li--lifts {
  width: 34px;
  height: 53px;
}
.breadcrumbs li--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.breadcrumbs li--snowOutside {
  width: 44px;
  height: 42px;
}
.breadcrumbs li--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.breadcrumbs li--snowType {
  width: 46px;
  height: 43px;
}
.breadcrumbs li--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.breadcrumbs li--bio_lg {
  width: 109px;
  height: 95px;
}
.breadcrumbs li--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.breadcrumbs li--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.breadcrumbs li--add:hover:after {
  background-position: -152px -32px;
}
.breadcrumbs li--arrow a {
  padding-left: 10px;
}
.breadcrumbs li--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.breadcrumbs li--arrow__bc li {
  padding-left: 10px;
}
.breadcrumbs li--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.breadcrumbs li--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.breadcrumbs li:first-child {
  padding: 0;
  margin: 0;
}
.breadcrumbs li:first-child:after {
  display: none;
}
.breadcrumbs a {
  color: #3b4659;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
/*	Page-footer
		-------------------------------------------------------------------------- */
.page-footer {
  color: #8eaec5;
  /*	Rows
		-------------------------------------------------------------------------- */
  /*	Columns
		-------------------------------------------------------------------------- */
  /*	Lists
		-------------------------------------------------------------------------- */
  /*	Apps
	-------------------------------------------------------------------------- */
  /*	Social media
	-------------------------------------------------------------------------- */
  /*	Places
	-------------------------------------------------------------------------- */
  /*	Bottom links
	-------------------------------------------------------------------------- */
  /*	Common
	-------------------------------------------------------------------------- */
}
.page-footer .row {
  padding: 30px 0;
}
.page-footer .row--utility {
  background-color: #334f63;
}
@media only screen and (max-width: 768px) {
  .page-footer .row--utility .ico--bubble {
    margin-left: 20px;
  }
  .page-footer .row--utility .col.w270 {
    float: right;
  }
  .page-footer .row--utility .col.push-right {
    float: left;
    clear: both;
    margin-top: 15px;
  }
}
.page-footer .row--data {
  background-color: #223848;
}
.page-footer .row--data .col.w300 {
  float: right;
}
@media only screen and (max-width: 768px) {
  .page-footer .row--data .col.w620 {
    width: 55%;
  }
  .page-footer .row--data .col.w300 {
    width: 40%;
  }
}
.page-footer .row--copyright {
  background-color: #182834;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-footer .row--copyright .col__text {
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}
@media only screen and (max-width: 756px) {
  .page-footer .row--copyright .col__text {
    float: right;
    font-size: 12px;
    margin: 0;
    line-height: 34px;
  }
}
.page-footer .row--copyright img {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 555;
}
.page-footer .row--copyright .image-container {
  display: inline-block;
  position: relative;
  top: -6px;
}
@media only screen and (max-width: 756px) {
  .page-footer .row--copyright .image-container {
    float: left;
  }
}
.page-footer .row--copyright .image-container:after {
  display: block;
  width: 35px;
  height: 35px;
  content: "";
  background: #182834;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  position: absolute;
  top: -10px;
  left: 5px;
  z-index: 444;
}
.page-footer .row--copyright .ico--bubble {
  float: right;
  color: #fff;
  top: 10px;
}
.page-footer .row--copyright .ico--bubble:hover {
  color: #8fadc5;
}
@media only screen and (max-width: 768px) {
  .page-footer .row--copyright ul {
    font-size: 13px;
    clear: both;
    text-align: right;
  }
  .page-footer .row--copyright ul li {
    margin-right: 0;
  }
  .page-footer .row--copyright .ico--bubble {
    margin-left: 20px;
  }
}
@media (max-width: 640px) {
  .page-footer .row--copyright .ico--bubble {
    top: 0;
  }
}
.page-footer .cols:before,
.page-footer .cols:after {
  content: "";
  display: table;
}
.page-footer .cols:after {
  clear: both;
}
.page-footer .col {
  width: 100%;
  float: left;
}
.page-footer .col:before,
.page-footer .col:after {
  content: "";
  display: table;
}
.page-footer .col:after {
  clear: both;
}
.page-footer .col .inner-container {
  width: 960px;
  margin: 0 auto;
}
.page-footer .col.push-right {
  float: right;
}
.page-footer .col.w270 {
  width: 270px;
  margin-left: 20px;
}
.page-footer .col.w300 {
  width: 300px;
}
.page-footer .col.w620 {
  width: 620px;
}
.page-footer .col__title {
  font-weight: 300;
  font-size: 18px;
  margin: 0 0 15px;
  color: #fff;
}
.page-footer .col__title.bb {
  border-bottom: 1px solid #7F97A9;
  padding-bottom: 5px;
}
.page-footer .col__title b {
  font-weight: 700;
}
@media only screen and (max-width: 756px) {
  .page-footer .col {
    width: 100% !important;
    float: none;
    margin-top: 30px;
  }
  .page-footer .col:first-child {
    margin-top: 0;
  }
  .page-footer .col__title {
    font-size: 16px;
  }
}
.page-footer ul {
  margin: 0;
  font-size: 14px;
}
.page-footer ul:before,
.page-footer ul:after {
  content: "";
  display: table;
}
.page-footer ul:after {
  clear: both;
}
.page-footer li {
  padding: 6px 0;
}
.page-footer .apps,
.page-footer .msg,
.page-footer .places {
  float: left;
}
.page-footer .ico--arrow a {
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
}
.page-footer .ico--arrow a:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.page-footer .ico--arrow a--bubble {
  padding-left: 25px;
}
.page-footer .ico--arrow a--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.page-footer .ico--arrow a--bubble_md {
  padding-left: 45px;
}
.page-footer .ico--arrow a--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.page-footer .ico--arrow a--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.page-footer .ico--arrow a--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.page-footer .ico--arrow a--fav:hover {
  background-color: #EAEFF5;
}
.page-footer .ico--arrow a--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.page-footer .ico--arrow a--link:hover {
  background-color: #EAEFF5;
}
.page-footer .ico--arrow a--home {
  padding-left: 20px;
}
.page-footer .ico--arrow a--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.page-footer .ico--arrow a--cal {
  padding-left: 35px;
}
.page-footer .ico--arrow a--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.page-footer .ico--arrow a--cal_sm {
  padding-left: 38px;
}
.page-footer .ico--arrow a--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.page-footer .ico--arrow a--clock_sm {
  padding-left: 38px;
}
.page-footer .ico--arrow a--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.page-footer .ico--arrow a--time_sm {
  padding-left: 18px;
}
.page-footer .ico--arrow a--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.page-footer .ico--arrow a--person {
  padding-left: 20px;
}
.page-footer .ico--arrow a--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.page-footer .ico--arrow a--drops {
  padding-left: 18px;
}
.page-footer .ico--arrow a--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.page-footer .ico--arrow a--pressure {
  padding-left: 30px;
}
.page-footer .ico--arrow a--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.page-footer .ico--arrow a--cloud {
  padding-left: 30px;
}
.page-footer .ico--arrow a--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.page-footer .ico--arrow a--sun {
  padding-left: 30px;
}
.page-footer .ico--arrow a--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.page-footer .ico--arrow a--drops_amount {
  padding-left: 20px;
}
.page-footer .ico--arrow a--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.page-footer .ico--arrow a--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.page-footer .ico--arrow a--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.page-footer .ico--arrow a--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.page-footer .ico--arrow a--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.page-footer .ico--arrow a--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.page-footer .ico--arrow a--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.page-footer .ico--arrow a--show {
  padding-left: 25px;
}
.page-footer .ico--arrow a--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.page-footer .ico--arrow a--hide {
  padding-left: 25px;
}
.page-footer .ico--arrow a--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.page-footer .ico--arrow a--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.page-footer .ico--arrow a--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.page-footer .ico--arrow a--tip {
  padding-left: 90px;
}
.page-footer .ico--arrow a--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.page-footer .ico--arrow a--warning {
  padding-left: 35px;
}
.page-footer .ico--arrow a--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.page-footer .ico--arrow a--photo {
  padding-left: 35px;
}
.page-footer .ico--arrow a--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.page-footer .ico--arrow a--clock {
  padding-left: 35px;
}
.page-footer .ico--arrow a--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.page-footer .ico--arrow a--clock_act {
  padding-left: 35px;
}
.page-footer .ico--arrow a--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.page-footer .ico--arrow a--snow {
  padding-left: 25px;
}
.page-footer .ico--arrow a--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.page-footer .ico--arrow a--slopes {
  width: 53px;
  height: 49px;
}
.page-footer .ico--arrow a--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.page-footer .ico--arrow a--snow_lg {
  width: 43px;
  height: 39px;
}
.page-footer .ico--arrow a--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.page-footer .ico--arrow a--lifts {
  width: 34px;
  height: 53px;
}
.page-footer .ico--arrow a--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.page-footer .ico--arrow a--snowOutside {
  width: 44px;
  height: 42px;
}
.page-footer .ico--arrow a--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.page-footer .ico--arrow a--snowType {
  width: 46px;
  height: 43px;
}
.page-footer .ico--arrow a--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.page-footer .ico--arrow a--bio_lg {
  width: 109px;
  height: 95px;
}
.page-footer .ico--arrow a--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.page-footer .ico--arrow a--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.page-footer .ico--arrow a--add:hover:after {
  background-position: -152px -32px;
}
.page-footer .ico--arrow a--arrow a {
  padding-left: 10px;
}
.page-footer .ico--arrow a--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.page-footer .ico--arrow a--arrow__bc li {
  padding-left: 10px;
}
.page-footer .ico--arrow a--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.page-footer .ico--arrow a--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.page-footer .apps {
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
  padding-left: 50px;
}
.page-footer .apps:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.page-footer .apps--bubble {
  padding-left: 25px;
}
.page-footer .apps--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.page-footer .apps--bubble_md {
  padding-left: 45px;
}
.page-footer .apps--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.page-footer .apps--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.page-footer .apps--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.page-footer .apps--fav:hover {
  background-color: #EAEFF5;
}
.page-footer .apps--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.page-footer .apps--link:hover {
  background-color: #EAEFF5;
}
.page-footer .apps--home {
  padding-left: 20px;
}
.page-footer .apps--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.page-footer .apps--cal {
  padding-left: 35px;
}
.page-footer .apps--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.page-footer .apps--cal_sm {
  padding-left: 38px;
}
.page-footer .apps--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.page-footer .apps--clock_sm {
  padding-left: 38px;
}
.page-footer .apps--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.page-footer .apps--time_sm {
  padding-left: 18px;
}
.page-footer .apps--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.page-footer .apps--person {
  padding-left: 20px;
}
.page-footer .apps--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.page-footer .apps--drops {
  padding-left: 18px;
}
.page-footer .apps--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.page-footer .apps--pressure {
  padding-left: 30px;
}
.page-footer .apps--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.page-footer .apps--cloud {
  padding-left: 30px;
}
.page-footer .apps--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.page-footer .apps--sun {
  padding-left: 30px;
}
.page-footer .apps--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.page-footer .apps--drops_amount {
  padding-left: 20px;
}
.page-footer .apps--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.page-footer .apps--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.page-footer .apps--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.page-footer .apps--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.page-footer .apps--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.page-footer .apps--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.page-footer .apps--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.page-footer .apps--show {
  padding-left: 25px;
}
.page-footer .apps--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.page-footer .apps--hide {
  padding-left: 25px;
}
.page-footer .apps--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.page-footer .apps--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.page-footer .apps--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.page-footer .apps--tip {
  padding-left: 90px;
}
.page-footer .apps--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.page-footer .apps--warning {
  padding-left: 35px;
}
.page-footer .apps--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.page-footer .apps--photo {
  padding-left: 35px;
}
.page-footer .apps--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.page-footer .apps--clock {
  padding-left: 35px;
}
.page-footer .apps--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.page-footer .apps--clock_act {
  padding-left: 35px;
}
.page-footer .apps--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.page-footer .apps--snow {
  padding-left: 25px;
}
.page-footer .apps--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.page-footer .apps--slopes {
  width: 53px;
  height: 49px;
}
.page-footer .apps--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.page-footer .apps--snow_lg {
  width: 43px;
  height: 39px;
}
.page-footer .apps--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.page-footer .apps--lifts {
  width: 34px;
  height: 53px;
}
.page-footer .apps--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.page-footer .apps--snowOutside {
  width: 44px;
  height: 42px;
}
.page-footer .apps--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.page-footer .apps--snowType {
  width: 46px;
  height: 43px;
}
.page-footer .apps--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.page-footer .apps--bio_lg {
  width: 109px;
  height: 95px;
}
.page-footer .apps--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.page-footer .apps--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.page-footer .apps--add:hover:after {
  background-position: -152px -32px;
}
.page-footer .apps--arrow a {
  padding-left: 10px;
}
.page-footer .apps--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.page-footer .apps--arrow__bc li {
  padding-left: 10px;
}
.page-footer .apps--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.page-footer .apps--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.page-footer .apps:after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 30px;
  height: 50px;
  background-position: 0 0;
}
.page-footer .msg a,
.page-footer .apps a {
  color: #ffffff;
}
.page-footer .msg a:hover,
.page-footer .apps a:hover {
  color: #8fadc5;
}
.page-footer .social-media {
  width: 100%;
}
.page-footer .social-media li {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: middle;
}
.page-footer .social-media a {
  display: block;
  text-indent: -9999px;
}
.page-footer .social-media a:after {
  top: 0;
}
.page-footer .social-media a.ico--fb {
  width: 16px;
  height: 34px;
}
.page-footer .social-media a.ico--tw {
  width: 40px;
  height: 28px;
}
.page-footer .social-media a.ico--gp {
  width: 37px;
  height: 31px;
}
@media only screen and (max-width: 756px) {
  .page-footer .social-media li {
    margin: 0 20px 0 0;
  }
}
.page-footer .places {
  width: 100%;
  margin-bottom: 15px;
}
.page-footer .places li {
  float: left;
  width: 25%;
}
/*
.page-footer input[type="text"] {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  padding: 15px;
}
*/
@media only screen and (max-width: 768px) {
  .page-footer .places li {
    width: 50%;
  }
}
.page-footer .bottom-links {
  display: inline-block;
  width: auto;
}
.page-footer .bottom-links li {
  display: inline-block;
  margin-right: 15px;
  padding: 0;
}
.page-footer .bottom-links a {
  color: #ffffff;
}
.page-footer .bottom-links a:hover {
  color: #8fadc5;
}
.page-footer .common {
  width: 100%;
  margin-bottom: 15px;
}
.page-footer .common li {
  padding-left: 20px;
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
}
.page-footer .common li:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.page-footer .common li--bubble {
  padding-left: 25px;
}
.page-footer .common li--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.page-footer .common li--bubble_md {
  padding-left: 45px;
}
.page-footer .common li--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.page-footer .common li--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.page-footer .common li--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.page-footer .common li--fav:hover {
  background-color: #EAEFF5;
}
.page-footer .common li--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.page-footer .common li--link:hover {
  background-color: #EAEFF5;
}
.page-footer .common li--home {
  padding-left: 20px;
}
.page-footer .common li--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.page-footer .common li--cal {
  padding-left: 35px;
}
.page-footer .common li--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.page-footer .common li--cal_sm {
  padding-left: 38px;
}
.page-footer .common li--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.page-footer .common li--clock_sm {
  padding-left: 38px;
}
.page-footer .common li--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.page-footer .common li--time_sm {
  padding-left: 18px;
}
.page-footer .common li--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.page-footer .common li--person {
  padding-left: 20px;
}
.page-footer .common li--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.page-footer .common li--drops {
  padding-left: 18px;
}
.page-footer .common li--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.page-footer .common li--pressure {
  padding-left: 30px;
}
.page-footer .common li--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.page-footer .common li--cloud {
  padding-left: 30px;
}
.page-footer .common li--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.page-footer .common li--sun {
  padding-left: 30px;
}
.page-footer .common li--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.page-footer .common li--drops_amount {
  padding-left: 20px;
}
.page-footer .common li--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.page-footer .common li--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.page-footer .common li--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.page-footer .common li--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.page-footer .common li--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.page-footer .common li--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.page-footer .common li--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.page-footer .common li--show {
  padding-left: 25px;
}
.page-footer .common li--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.page-footer .common li--hide {
  padding-left: 25px;
}
.page-footer .common li--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.page-footer .common li--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.page-footer .common li--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.page-footer .common li--tip {
  padding-left: 90px;
}
.page-footer .common li--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.page-footer .common li--warning {
  padding-left: 35px;
}
.page-footer .common li--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.page-footer .common li--photo {
  padding-left: 35px;
}
.page-footer .common li--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.page-footer .common li--clock {
  padding-left: 35px;
}
.page-footer .common li--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.page-footer .common li--clock_act {
  padding-left: 35px;
}
.page-footer .common li--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.page-footer .common li--snow {
  padding-left: 25px;
}
.page-footer .common li--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.page-footer .common li--slopes {
  width: 53px;
  height: 49px;
}
.page-footer .common li--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.page-footer .common li--snow_lg {
  width: 43px;
  height: 39px;
}
.page-footer .common li--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.page-footer .common li--lifts {
  width: 34px;
  height: 53px;
}
.page-footer .common li--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.page-footer .common li--snowOutside {
  width: 44px;
  height: 42px;
}
.page-footer .common li--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.page-footer .common li--snowType {
  width: 46px;
  height: 43px;
}
.page-footer .common li--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.page-footer .common li--bio_lg {
  width: 109px;
  height: 95px;
}
.page-footer .common li--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.page-footer .common li--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.page-footer .common li--add:hover:after {
  background-position: -152px -32px;
}
.page-footer .common li--arrow a {
  padding-left: 10px;
}
.page-footer .common li--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.page-footer .common li--arrow__bc li {
  padding-left: 10px;
}
.page-footer .common li--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.page-footer .common li--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.page-footer .common li:after {
  top: 50%;
  margin-top: -3px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #8eaec5;
}
.page-footer .common b {
  color: #fff;
}
/*	Page-header
		-------------------------------------------------------------------------- */
.page-header .inner-container {
  padding: 15px 0 7px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  background: -moz-linear-gradient(top, rgba(51, 83, 115, 1) 1%, rgba(51, 83, 115, 1) 50%, #335373 100%);
  /* background: -moz-linear-gradient(top, rgba(51, 83, 115, 0.95) 1%, rgba(51, 83, 115, 0.95) 50%, #335373 100%); */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(51, 83, 115, 1)), color-stop(50%, rgba(51, 83, 115, 1)), color-stop(100%, #335373));
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(51, 83, 115, 0.95)), color-stop(50%, rgba(51, 83, 115, 0.95)), color-stop(100%, #335373)); */
  background: -webkit-linear-gradient(top, rgba(51, 83, 115, 1) 1%, rgba(51, 83, 115, 1) 50%, #335373 100%);
  /* background: -webkit-linear-gradient(top, rgba(51, 83, 115, 0.95) 1%, rgba(51, 83, 115, 0.95) 50%, #335373 100%); */
  background: -o-linear-gradient(top, rgba(51, 83, 115, 1) 1%, rgba(51, 83, 115, 1) 50%, #335373 100%);
  /* background: -o-linear-gradient(top, rgba(51, 83, 115, 0.95) 1%, rgba(51, 83, 115, 0.95) 50%, #335373 100%); */
  background: -ms-linear-gradient(top, rgba(51, 83, 115, 1) 1%, rgba(51, 83, 115, 1) 50%, #335373 100%);
  /* background: -ms-linear-gradient(top, rgba(51, 83, 115, 0.95) 1%, rgba(51, 83, 115, 0.95) 50%, #335373 100%); */
  background: linear-gradient(to bottom, rgba(51, 83, 115, 1) 1%, rgba(51, 83, 115, 1) 50%, #335373 100%);
  /* background: linear-gradient(to bottom, rgba(51, 83, 115, 0.75) 1%, rgba(51, 83, 115, 0.95) 50%, #335373 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2335373', endColorstr='#335373', GradientType=0);
  position: relative;
}
.page-header .inner-container:before,
.page-header .inner-container:after {
  content: "";
  display: table;
}
.page-header .inner-container:after {
  clear: both;
}
.page-header .ico--search {
  position: absolute;
  display: none;
  float: right;
  width: 60px;
  height: 80px;
  padding: 0;
  bottom: 0;
  right: 60px;
  z-index: 888;
}
.page-header .ico--search.is-active {
  background: #335473;
}
.page-header .ico--search.is-active:after {
  background-position: -120px -32px;
}
@media only screen and (max-width: 756px) {
  .page-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 0;
    background: #3b4659;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  }
  .page-header .inner-container {
    position: static;
    padding: 10px 0 15px;
  }
}
/*	Form subscription
		-------------------------------------------------------------------------- */
.form-sub__text {
  font-size: 12px;
  color: #8eaec5;
  margin: 15px 0 0;
}
@media only screen and (max-width: 756px) {
  .form-sub input[type="text"] {
    display: block;
    width: 100%;
    padding: 15px;
    margin-bottom: 5px;
  }
}
/*	Form - search
		-------------------------------------------------------------------------- */
.form-search-search,
.form-search {
  padding: 20px 30px 30px;
  overflow: hidden;
}
.form-search-search,
.form-search label {
  display: block;
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 300;
}
.form-search input[type="text"] {
  width: 65%;
  padding: 14px;
  font-size: 18px;
}
.form-search input[type="submit"] {
  width: 25%;
  padding: 18px 2% 15px;
  font-size: 15px;
}


.form-add-favourite-city-search input[type="text"] {
  width: 70%;
  padding: 14px;
  font-size: 18px;
}


.form-add-favourite-city-search input[type="submit"] {
  padding: 18px 2% 16px;
  font-size: 15px;
}

.form-search-search input[type="text"] {
  width: 85%;
  padding: 14px;
  font-size: 18px;
}

.form-search-search.form-search-eu input[type="text"] {
  width: 80%;
}

.form-search-search input[type="submit"] {
  padding: 18px 2% 16px;
  font-size: 15px;
}
.form-search p.note {
  font-size: 14px;
  color: #fff;
}

.nearest-location-button {
  width: 9%;
  -webkit-border-radius: 0;
  border: 0 none;
  padding: 20px 2% 16px;

  background: #479fd5 url("../images/ico/location.png") no-repeat;
  background-position: 50% 50%;
  background-size: 50%;
}

.nearest-location-button:hover {
  background: #479fd5 url("../images/ico/location.png") no-repeat;
  background-position: 50% 50%;
  background-size: 50%;
}

@media only screen and (max-width: 768px) {
  .page-header .form-search {
    width: 40%;
    padding: 0 20px 0 0;
    float: right;
  }
  .page-header .form-search label {
    padding-left: 0;
  }
  .page-header .form-search label:after {
    display: none;
  }
  .page-header .form-search input[type="text"] {
    width: 100%;
    display: block;
  }
  .page-header .form-search input[type="submit"] {
    width: 80%;
    margin: 5px 0 0;
    display: inline;
  }

  .nearest-location-button {
    width: 19%;
    padding: 19px 2% 16px;
    display: inline;
  }
}
@media only screen and (max-width: 756px) {
  .page-header .form-search {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #335473;
    padding: 30px 4%;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  }
  .page-header .form-search label {
    display: none;
  }
  .page-header .form-search label:after {
    display: none;
  }
  .page-header .form-search input[type="text"] {
    width: 100%;
  }
  .page-header .form-search input[type="submit"] {
    width: 80%;
    margin: 5px 0 0;
    display: inline;
  }

  .nearest-location-button {
    width: 19%;
    padding: 19px 2% 16px;
    display: inline;
  }
}
/*	Favorites
		-------------------------------------------------------------------------- */
.favorites {
  text-align: center;
  overflow: hidden;
  float: left;
  max-width: 60%;
}
.favorites__item {
  float: left;
  width: 126px;
  margin: 0 0 0 30px;
  position: relative;
}
.favorites__item span.wi--white {
  margin: 0 auto;
}
.favorites__item .ico--close_sm {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.favorites__item:hover .ico--close_sm {
  display: block;
}
@media only screen and (max-width: 768px) {
  .favorites__item {
    margin: 0 0 0 20px;
  }
  .favorites__item .ico--close_sm {
    display: block;
  }
}
.favorites__name {
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  position: relative;
}
.favorites__name:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #8ca0b6;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 10px;
}
.favorites__name:hover {
  color: #8ca0b6;
}
.favorites__add {
  font-size: 12px;
  color: #A3A9B3;
  display: block;
  padding-top: 40px;
  margin-top: 35px;
}
.favorites table {
  font-size: 20px;
  text-align: center;
  color: #A3A8B3;
  font-weight: 400;
  width: 100%;
}
.favorites table thead th {
  height: 44px;
}
.favorites table td,
.favorites table th {
  padding: 4px 0;
}
.favorites table th {
  font-size: 10px;
  vertical-align: middle;
}
@media only screen and (max-width: 756px) {
  .favorites {
    float: none;
    display: none;
  }
  .favorites__item {
    display: inline-block;
    width: 45%;
    margin: 0;
    text-align: center;
    border: 1px solid #fff;
    margin: 0 5px;
    vertical-align: middle;
    float: none;
  }
  .favorites__name,
  .favorites__add {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 5px;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle;
  }
  .favorites__name:after,
  .favorites__add:after {
    display: none;
  }
  .favorites table {
    display: none;
  }
}
/*	Box
		-------------------------------------------------------------------------- */
.box {
  float: left;
  width: 312px;
  height: 155px;
  position: relative;
  overflow: hidden;
  margin-left: 14px;
  /*	News
		-------------------------------------------------------------------------- */
  /*	Sections
		-------------------------------------------------------------------------- */
}
@media only screen and (max-width: 768px) {
  .box {
    float: none;
    display: inline-block;
  }
}
@media only screen and (max-width: 756px) {
  .box {
    width: 49%;
    float: left;
    margin: 0;
  }
  .box--news {
    width: 100% !important;
    height: auto;
    text-align: left;
    margin-top: 12px;
  }
  .box--news img {
    display: block;
    width: 100%;
  }
  .box:last-child {
    float: right;
  }
  .box:after {
    top: 35% !important;
  }
}
.box:first-child {
  margin: 0;
}
.box a {
  display: block;
  height: 100%;
  color: #000000;
}
.box img,
.box a:after,
.box .box__text {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
.box:hover img,
.box:hover a:after,
.box:hover .box__text {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.box header {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 95%;
  background: #fff;
  padding: 10px 15px;
  z-index: 555;
  margin-bottom: 0;
}
.box__name {
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 10px;
  bottom: 10px;
  line-height: 180%;
}
@media only screen and (max-width: 756px) {
  .box__name {
    left: 0;
    padding: 0 5%;
    text-align: center;
    line-height: 140%;
  }
}
.box__title {
  font-size: 16px;
  font-weight: 700;
  margin: 5px 0 0;
}
.box__date {
  display: block;
  color: #A3A9B3;
  font-size: 10px;
}
.box__span {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  position: absolute;
  top: 20px;
  left: 20px;
}
@media only screen and (max-width: 756px) {
  .box__span {
    font-size: 16px;
    top: 10px;
    left: 10px;
  }
}
.box__weather {
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  margin: 0;
}

.box__days {
  color: #fff;
  font-size: 25px;
  text-align: left;
  position: absolute;
  bottom: 90px;
  opacity: 0.7;
  left: 20px;
  width: 100%;
  margin: 0;
}

@media only screen and (max-width: 756px) {
  .box__weather {
    bottom: 60px;
  }
  .box__days {
    bottom: 100px;
  }
}
.box .wi,
.box .wi--white {
  text-align: center;
  position: absolute;
  bottom: 75px;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 35px;
}
@media only screen and (max-width: 756px) {
  .box .wi,
  .box .wi--white {
    bottom: 85px;
  }
}
.box__text {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  text-align: center;
  position: absolute;
  bottom: 60px;
  width: 100%;
  padding: 0 6%;
  margin: 0;
}
@media only screen and (max-width: 756px) {
  .box__text {
    font-size: 14px;
  }
}
.box__text span {
  font-weight: 400;
}
.box--news a:after,
.box--temp a:after,
.box--action a:after,
.box--maps a:after,
.box--sat a:after,
.box--default a:after {
  display: none;
}
.box--default3 a:after {
  display: none;
}
.box--clouds {
  background: url("../images/bg/boxes/box--clouds.jpg");
}
.box--pred {
  background: url("../images/bg/boxes/box--prediction.jpg");
}
.box--rain {
  background: url("../images/bg/boxes/box--rain.jpg");
}
.box--maps {
  background: url("../images/bg/boxes/box--maps.jpg");
}
.box--sat {
  background: url("../images/bg/boxes/box--sat.jpg");
}
.box--graph {
  background: url("../images/bg/boxes/box--graph.jpg");
}
.box--bio {
  background: url("../images/bg/boxes/box--bio.jpg");
}
.box--default,
.box--article,
.box--archive,
.box--temp,
.box--pred_short {
  background: url("../images/bg/boxes/box--default.jpg");
}
.box--default2,
.box--pred_long {
  background: url("../images/bg/boxes/box--default2.jpg");
}
.box--default3 {
  background: url("../images/bg/boxes/box--default3.jpg");
}
.box--trend {
  background: url("../images/bg/boxes/box--trend.jpg");
}
.box--action {
  background: url("../images/bg/boxes/box--action.jpg");
}
.box--stations {
  background: url("../images/bg/boxes/box--stations.jpg");
}
.box--garden {
  background: url("../images/bg/boxes/box--garden.jpg");
}
.box--weather_map {
  background: url("../images/bg/boxes/box--weather_map.jpg");
}
.box--globe {
  background: url("../images/bg/boxes/box--globe.jpg");
}
.main-content .box {
  margin-left: 12px;
}
.main-content .box:first-child {
  margin: 0;
}
@media only screen and (max-width: 756px) {
  .main-content .box {
    margin-left: 0;
  }
}
.sidebar .box {
  float: none;
  margin: 0 0 15px;
  width: 300px;
}
.sidebar .box__title {
  font-weight: 400;
}
.sidebar .box + .banner {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .sidebar .box {
    display: none;
  }
}
/*	Banners
		-------------------------------------------------------------------------- */
.banner {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}
.banner-main{
    margin-bottom: -15vw;
}
.banner img {
  display: block;
}
.banner--728x90 {
  width: 728px;
  margin: 0 auto 15px;
}
.banner--branding {
  max-width: 1028px;
  margin: 0 auto 2px auto;
}
.banner strong {
  font-size: 10px;
}
.body--branding {
  padding-top: 0;
}

.banner--stickyBottom {
  width: 728px;
  height: 90px;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -364px;
  display: none;
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  .banner--stickyBottom {
    display: none;
  }
}
.banner--stickyBottom-article {
  width: 728px;
  height: 90px;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -364px;
  display: none;
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  .banner--stickyBottom-article {
    display: none;
  }
}
/*
.sidebar .banner + * {
  margin-top: 30px;
}
*/
@media only screen and (max-width: 768px) {
  .sidebar .banner {
    display: none;
  }
}
@media only screen and (max-width: 756px) {
  .sidebar .banner {
    margin-top: 12px;
    display: block;
  }
}
/*	Bottom content
		-------------------------------------------------------------------------- */
.bottom-content .row {
  clear: both;
}
.bottom-content .row:before,
.bottom-content .row:after {
  content: "";
  display: table;
}
.bottom-content .row:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  .bottom-content .row {
    text-align: center;
  }
  .bottom-content .row.push-right {
    float: none;
  }
}
.bottom-content .row + .row {
  padding-top: 12px;
}
.bottom-content .cols {
  font-size: 0;
}
.bottom-content .cols:before,
.bottom-content .cols:after {
  content: "";
  display: table;
}
.bottom-content .cols:after {
  clear: both;
}
.bottom-content .cols .row.ib {
  margin-top: 12px;
}
@media only screen and (max-width: 768px) {
  .bottom-content .cols .row.ib {
    float: none;
  }
  .bottom-content .cols .row.ib.standAside {
    width: 312px;
    margin-right: 12px;
  }
  .bottom-content .cols .row.ib.standAside .box {
    margin: 0;
  }
  .bottom-content .cols .row.ib.standAside .box:first-child {
    margin-bottom: 12px;
  }
}
.bottom-content .cols .row.ib:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .bottom-content .cols.noBannerOnMobile .col--bannerHolder {
    display: none;
  }
  .bottom-content .cols.noBannerOnMobile .row.ib.standAside {
    width: 100%;
    margin-right: 0;
  }
  .bottom-content .cols.noBannerOnMobile .row.ib.standAside .box {
    margin-left: 14px;
  }
  .bottom-content .cols.noBannerOnMobile .row.ib.standAside .box:first-child {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 756px) {
  .bottom-content .cols.noBannerOnMobile .row.ib.standAside .box {
    margin-left: 0;
  }
}
.bottom-content .col .row:before,
.bottom-content .col .row:after {
  content: "";
  display: table;
}
.bottom-content .col .row:after {
  clear: both;
}
.bottom-content .col--boxHolder {
  width: 636px;
  float: left;
}
@media only screen and (max-width: 756px) {
  .bottom-content .col--boxHolder {
    float: none;
  }
}
.bottom-content .col--bannerHolder {
  float: right;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .bottom-content .col--bannerHolder {
    width: 312px;
    float: none;
  }
}
@media only screen and (max-width: 756px) {
  .bottom-content .row,
  .bottom-content .col {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
  }
  .bottom-content .col--bannerHolder {
    float: none;
  }
}
/*	Slider
		-------------------------------------------------------------------------- */
.photo-slider {
  clear: both;
  width: 1024px;
  background: #dfe7f0;
  padding: 30px;
  position: relative;
  left: -30px;
  margin: 30px 0 -30px 0;
  float: left;
}
@media only screen and (max-width: 768px) {
  .photo-slider {
    width: 100%;
    left: 0;
    margin-bottom: 0;
  }
}
.photo-slider h2 {
  font-size: 18px;
  color: #3B4659;
  font-weight: 700;
  margin: 0 0 15px;
  text-align: center;
}
.photo-slider .bx-wrapper {
  margin: 0 auto;
  position: relative;
}
.photo-slider ul {
  margin: 0;
}
.photo-slider li {
  float: left;
}
.photo-slider img {
  max-width: 100%;
  display: block;
}
.photo-slider .bx-prev,
.photo-slider .bx-next {
  top: 50%;
  margin-top: -19px;
  width: 23px;
  height: 38px;
  text-indent: -9999px;
  position: relative;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
  position: absolute;
}
.photo-slider .bx-prev:after,
.photo-slider .bx-next:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.photo-slider .bx-prev--bubble,
.photo-slider .bx-next--bubble {
  padding-left: 25px;
}
.photo-slider .bx-prev--bubble:after,
.photo-slider .bx-next--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.photo-slider .bx-prev--bubble_md,
.photo-slider .bx-next--bubble_md {
  padding-left: 45px;
}
.photo-slider .bx-prev--bubble_md:after,
.photo-slider .bx-next--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.photo-slider .bx-prev--close_sm:after,
.photo-slider .bx-next--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.photo-slider .bx-prev--fav:after,
.photo-slider .bx-next--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.photo-slider .bx-prev--fav:hover,
.photo-slider .bx-next--fav:hover {
  background-color: #EAEFF5;
}
.photo-slider .bx-prev--link:after,
.photo-slider .bx-next--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.photo-slider .bx-prev--link:hover,
.photo-slider .bx-next--link:hover {
  background-color: #EAEFF5;
}
.photo-slider .bx-prev--home,
.photo-slider .bx-next--home {
  padding-left: 20px;
}
.photo-slider .bx-prev--home:after,
.photo-slider .bx-next--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.photo-slider .bx-prev--cal,
.photo-slider .bx-next--cal {
  padding-left: 35px;
}
.photo-slider .bx-prev--cal:after,
.photo-slider .bx-next--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.photo-slider .bx-prev--cal_sm,
.photo-slider .bx-next--cal_sm {
  padding-left: 38px;
}
.photo-slider .bx-prev--cal_sm:after,
.photo-slider .bx-next--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.photo-slider .bx-prev--clock_sm,
.photo-slider .bx-next--clock_sm {
  padding-left: 38px;
}
.photo-slider .bx-prev--clock_sm:after,
.photo-slider .bx-next--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.photo-slider .bx-prev--time_sm,
.photo-slider .bx-next--time_sm {
  padding-left: 18px;
}
.photo-slider .bx-prev--time_sm:after,
.photo-slider .bx-next--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.photo-slider .bx-prev--person,
.photo-slider .bx-next--person {
  padding-left: 20px;
}
.photo-slider .bx-prev--person:after,
.photo-slider .bx-next--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.photo-slider .bx-prev--drops,
.photo-slider .bx-next--drops {
  padding-left: 18px;
}
.photo-slider .bx-prev--drops:after,
.photo-slider .bx-next--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.photo-slider .bx-prev--pressure,
.photo-slider .bx-next--pressure {
  padding-left: 30px;
}
.photo-slider .bx-prev--pressure:after,
.photo-slider .bx-next--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.photo-slider .bx-prev--cloud,
.photo-slider .bx-next--cloud {
  padding-left: 30px;
}
.photo-slider .bx-prev--cloud:after,
.photo-slider .bx-next--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.photo-slider .bx-prev--sun,
.photo-slider .bx-next--sun {
  padding-left: 30px;
}
.photo-slider .bx-prev--sun:after,
.photo-slider .bx-next--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.photo-slider .bx-prev--drops_amount,
.photo-slider .bx-next--drops_amount {
  padding-left: 20px;
}
.photo-slider .bx-prev--drops_amount:after,
.photo-slider .bx-next--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.photo-slider .bx-prev--radar_sm,
.photo-slider .bx-next--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.photo-slider .bx-prev--radar_sm:after,
.photo-slider .bx-next--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.photo-slider .bx-prev--radar,
.photo-slider .bx-next--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.photo-slider .bx-prev--radar:after,
.photo-slider .bx-next--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.photo-slider .bx-prev--nfo,
.photo-slider .bx-next--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.photo-slider .bx-prev--nfo:after,
.photo-slider .bx-next--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.photo-slider .bx-prev--show,
.photo-slider .bx-next--show {
  padding-left: 25px;
}
.photo-slider .bx-prev--show:after,
.photo-slider .bx-next--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.photo-slider .bx-prev--hide,
.photo-slider .bx-next--hide {
  padding-left: 25px;
}
.photo-slider .bx-prev--hide:after,
.photo-slider .bx-next--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.photo-slider .bx-prev--navbar:after,
.photo-slider .bx-next--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.photo-slider .bx-prev--search:after,
.photo-slider .bx-next--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.photo-slider .bx-prev--tip,
.photo-slider .bx-next--tip {
  padding-left: 90px;
}
.photo-slider .bx-prev--tip:after,
.photo-slider .bx-next--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.photo-slider .bx-prev--warning,
.photo-slider .bx-next--warning {
  padding-left: 35px;
}
.photo-slider .bx-prev--warning:after,
.photo-slider .bx-next--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.photo-slider .bx-prev--photo,
.photo-slider .bx-next--photo {
  padding-left: 35px;
}
.photo-slider .bx-prev--photo:after,
.photo-slider .bx-next--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.photo-slider .bx-prev--clock,
.photo-slider .bx-next--clock {
  padding-left: 35px;
}
.photo-slider .bx-prev--clock:after,
.photo-slider .bx-next--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.photo-slider .bx-prev--clock_act,
.photo-slider .bx-next--clock_act {
  padding-left: 35px;
}
.photo-slider .bx-prev--clock_act:after,
.photo-slider .bx-next--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.photo-slider .bx-prev--snow,
.photo-slider .bx-next--snow {
  padding-left: 25px;
}
.photo-slider .bx-prev--snow:after,
.photo-slider .bx-next--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.photo-slider .bx-prev--slopes,
.photo-slider .bx-next--slopes {
  width: 53px;
  height: 49px;
}
.photo-slider .bx-prev--slopes:after,
.photo-slider .bx-next--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.photo-slider .bx-prev--snow_lg,
.photo-slider .bx-next--snow_lg {
  width: 43px;
  height: 39px;
}
.photo-slider .bx-prev--snow_lg:after,
.photo-slider .bx-next--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.photo-slider .bx-prev--lifts,
.photo-slider .bx-next--lifts {
  width: 34px;
  height: 53px;
}
.photo-slider .bx-prev--lifts:after,
.photo-slider .bx-next--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.photo-slider .bx-prev--snowOutside,
.photo-slider .bx-next--snowOutside {
  width: 44px;
  height: 42px;
}
.photo-slider .bx-prev--snowOutside:after,
.photo-slider .bx-next--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.photo-slider .bx-prev--snowType,
.photo-slider .bx-next--snowType {
  width: 46px;
  height: 43px;
}
.photo-slider .bx-prev--snowType:after,
.photo-slider .bx-next--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.photo-slider .bx-prev--bio_lg,
.photo-slider .bx-next--bio_lg {
  width: 109px;
  height: 95px;
}
.photo-slider .bx-prev--bio_lg:after,
.photo-slider .bx-next--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.photo-slider .bx-prev--add:after,
.photo-slider .bx-next--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.photo-slider .bx-prev--add:hover:after,
.photo-slider .bx-next--add:hover:after {
  background-position: -152px -32px;
}
.photo-slider .bx-prev--arrow a,
.photo-slider .bx-next--arrow a {
  padding-left: 10px;
}
.photo-slider .bx-prev--arrow a:after,
.photo-slider .bx-next--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.photo-slider .bx-prev--arrow__bc li,
.photo-slider .bx-next--arrow__bc li {
  padding-left: 10px;
}
.photo-slider .bx-prev--arrow__bc li:after,
.photo-slider .bx-next--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.photo-slider .bx-prev--arrow__down:after,
.photo-slider .bx-next--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.photo-slider .bx-prev:after,
.photo-slider .bx-next:after {
  display: none;
}
.photo-slider .bx-prev {
  left: 10px;
}
.photo-slider .bx-prev:hover {
  left: 5px;
}
@media only screen and (max-width: 1024px) {
  .photo-slider .bx-prev:hover {
    left: 10px;
  }
}
.photo-slider .bx-next {
  right: 10px;
}
.photo-slider .bx-next:hover {
  right: 5px;
}
@media only screen and (max-width: 1024px) {
  .photo-slider .bx-next:hover {
    right: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .photo-slider .bx-prev,
  .photo-slider .bx-next {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
  }
}
@media screen and (min-width: 1024px) {
    #impression {
        width: 1024px;
        margin: 0 auto;
    }
    .page-footer {
        position: absolute;
        left: 0;
    }
}
.map-slider {
  padding: 20px 0;
  font-size: 12px;
  max-width: 80%;
  margin: 0 auto;
}
.map-slider .bx-wrapper {
  position: relative;
  padding: 1px 0;
}
@media only screen and (max-width: 756px) {
  .map-slider .bx-viewport {
    height: auto !important;
  }
}

.map-slider .bx-viewport {
  background-color: #fff;
  margin-bottom: 5px;
}
.map-slider ul {
  margin: 0;
}
.map-slider li {
  float: left;
  background: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
.map-slider li a {
  display: block;
  padding: 7px 5px;
  color: #3B4659;
  text-align: center;
}
.map-slider li a span {
  font-size: 10px;
  color: #A3A9B3;
  font-weight: 400;
}
.map-slider li.is-active,
.map-slider li:hover {
  background: #335373;
}
.map-slider li.is-active a,
.map-slider li:hover a {
  color: #fff;
}
.map-slider ul {
  overflow: hidden;
  clear: both;
}
.map-slider .bx-prev,
.map-slider .bx-next {
  width: 28px;
  height: 28px;
  text-indent: -9999px;
  position: absolute;
  top: 1px;
  outline: 0;
  /*	General
		-------------------------------------------------------------------------- */
  /*	Arrows
		-------------------------------------------------------------------------- */
  background: #479FD5;
}
.map-slider .bx-prev {
  left: -30px;
}
.map-slider .bx-next {
  right: -30px;
}
.map-slider .bx-prev:after,
.map-slider .bx-next:after {
  display: block;
  position: absolute;
  content: "";
  background: transparent url("../images/ico/general.svg");
}
.map-slider .bx-prev--bubble,
.map-slider .bx-next--bubble {
  padding-left: 25px;
}
.map-slider .bx-prev--bubble:after,
.map-slider .bx-next--bubble:after {
  top: -2px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -30px 0;
}
.map-slider .bx-prev--bubble_md,
.map-slider .bx-next--bubble_md {
  padding-left: 45px;
}
.map-slider .bx-prev--bubble_md:after,
.map-slider .bx-next--bubble_md:after {
  top: -4px;
  left: 0;
  width: 32px;
  height: 28px;
  background-position: 0 -51px;
}
.map-slider .bx-prev--close_sm:after,
.map-slider .bx-next--close_sm:after {
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  background-position: -184px 0;
}
.map-slider .bx-prev--fav:after,
.map-slider .bx-next--fav:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: 0 -85px;
}
.map-slider .bx-prev--fav:hover,
.map-slider .bx-next--fav:hover {
  background-color: #EAEFF5;
}
.map-slider .bx-prev--link:after,
.map-slider .bx-next--link:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: -32px -85px;
}
.map-slider .bx-prev--link:hover,
.map-slider .bx-next--link:hover {
  background-color: #EAEFF5;
}
.map-slider .bx-prev--home,
.map-slider .bx-next--home {
  padding-left: 20px;
}
.map-slider .bx-prev--home:after,
.map-slider .bx-next--home:after {
  top: -1px;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: 0;
  background-position: -49px 0;
}
.map-slider .bx-prev--cal,
.map-slider .bx-next--cal {
  padding-left: 35px;
}
.map-slider .bx-prev--cal:after,
.map-slider .bx-next--cal:after {
  top: -7px;
  left: 0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  background-position: -94px 0;
}
.map-slider .bx-prev--cal_sm,
.map-slider .bx-next--cal_sm {
  padding-left: 38px;
}
.map-slider .bx-prev--cal_sm:after,
.map-slider .bx-next--cal_sm:after {
  top: 50%;
  margin-top: -9px;
  left: 10px;
  width: 20px;
  height: 19px;
  background-position: -195px -33px;
}
.map-slider .bx-prev--clock_sm,
.map-slider .bx-next--clock_sm {
  padding-left: 38px;
}
.map-slider .bx-prev--clock_sm:after,
.map-slider .bx-next--clock_sm:after {
  top: 50%;
  margin-top: -11px;
  left: 10px;
  width: 22px;
  height: 22px;
  background-image: url("../images/ico/general.png");
  background-position: -241px -70px;
}
.map-slider .bx-prev--time_sm,
.map-slider .bx-next--time_sm {
  padding-left: 18px;
}
.map-slider .bx-prev--time_sm:after,
.map-slider .bx-next--time_sm:after {
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -195px 0;
}
.map-slider .bx-prev--person,
.map-slider .bx-next--person {
  padding-left: 20px;
}
.map-slider .bx-prev--person:after,
.map-slider .bx-next--person:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 15px;
  height: 16px;
  background-position: -216px -34px;
}
.map-slider .bx-prev--drops,
.map-slider .bx-next--drops {
  padding-left: 18px;
}
.map-slider .bx-prev--drops:after,
.map-slider .bx-next--drops:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 11px;
  height: 14px;
  background-position: -195px -55px;
}
.map-slider .bx-prev--pressure,
.map-slider .bx-next--pressure {
  padding-left: 30px;
}
.map-slider .bx-prev--pressure:after,
.map-slider .bx-next--pressure:after {
  top: 50%;
  margin-top: -9px;
  left: 0;
  width: 22px;
  height: 17px;
  background-position: -245px -53px;
}
.map-slider .bx-prev--cloud,
.map-slider .bx-next--cloud {
  padding-left: 30px;
}
.map-slider .bx-prev--cloud:after,
.map-slider .bx-next--cloud:after {
  top: 50%;
  margin-top: -8px;
  left: 0;
  width: 24px;
  height: 16px;
  background-position: -217px -74px;
}
.map-slider .bx-prev--sun,
.map-slider .bx-next--sun {
  padding-left: 30px;
}
.map-slider .bx-prev--sun:after,
.map-slider .bx-next--sun:after {
  top: 50%;
  margin-top: -11px;
  left: 0;
  width: 22px;
  height: 22px;
  background-position: -195px -70px;
}
.map-slider .bx-prev--drops_amount,
.map-slider .bx-next--drops_amount {
  padding-left: 20px;
}
.map-slider .bx-prev--drops_amount:after,
.map-slider .bx-next--drops_amount:after {
  top: 50%;
  margin-top: -10px;
  left: 0;
  width: 14px;
  height: 17px;
  background-position: -207px -53px;
}
.map-slider .bx-prev--radar_sm,
.map-slider .bx-next--radar_sm {
  display: inline-block;
  width: 26px;
  height: 26px;
}
.map-slider .bx-prev--radar_sm:after,
.map-slider .bx-next--radar_sm:after {
  top: 0;
  left: 0;
  width: 26px;
  height: 26px;
  background-image: url("../images/ico/general.png");
  background-position: -259px 0;
}
.map-slider .bx-prev--radar,
.map-slider .bx-next--radar {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.map-slider .bx-prev--radar:after,
.map-slider .bx-next--radar:after {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background-image: url("../images/ico/general.png");
  background-position: -227px 0;
}
.map-slider .bx-prev--nfo,
.map-slider .bx-next--nfo {
  display: inline-block;
  width: 12px;
  height: 12px;
}
.map-slider .bx-prev--nfo:after,
.map-slider .bx-next--nfo:after {
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: -207px 0;
}
.map-slider .bx-prev--show,
.map-slider .bx-next--show {
  padding-left: 25px;
}
.map-slider .bx-prev--show:after,
.map-slider .bx-next--show:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -195px -14px;
}
.map-slider .bx-prev--hide,
.map-slider .bx-next--hide {
  padding-left: 25px;
}
.map-slider .bx-prev--hide:after,
.map-slider .bx-next--hide:after {
  top: -1px;
  left: 0;
  width: 16px;
  height: 17px;
  background-position: -211px -14px;
}
.map-slider .bx-prev--navbar:after,
.map-slider .bx-next--navbar:after {
  top: 50%;
  margin-top: -12px;
  right: 50%;
  margin-right: -15px;
  width: 30px;
  height: 24px;
  background-position: -62px 0;
}
.map-slider .bx-prev--search:after,
.map-slider .bx-next--search:after {
  top: 50%;
  margin-top: -16px;
  right: 50%;
  margin-right: -16px;
  width: 32px;
  height: 32px;
  background-position: -120px 0;
}
.map-slider .bx-prev--tip,
.map-slider .bx-next--tip {
  padding-left: 90px;
}
.map-slider .bx-prev--tip:after,
.map-slider .bx-next--tip:after {
  top: 50%;
  margin-top: -18px;
  left: 25px;
  width: 32px;
  height: 36px;
  background-position: 0 -126px;
}
.map-slider .bx-prev--warning,
.map-slider .bx-next--warning {
  padding-left: 35px;
}
.map-slider .bx-prev--warning:after,
.map-slider .bx-next--warning:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 23px;
  background-position: -32px -126px;
}
.map-slider .bx-prev--photo,
.map-slider .bx-next--photo {
  padding-left: 35px;
}
.map-slider .bx-prev--photo:after,
.map-slider .bx-next--photo:after {
  top: -2px;
  left: 0;
  width: 26px;
  height: 21px;
  background-position: -58px -126px;
}
.map-slider .bx-prev--clock,
.map-slider .bx-next--clock {
  padding-left: 35px;
}
.map-slider .bx-prev--clock:after,
.map-slider .bx-next--clock:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -110px -126px;
}
.map-slider .bx-prev--clock_act,
.map-slider .bx-next--clock_act {
  padding-left: 35px;
}
.map-slider .bx-prev--clock_act:after,
.map-slider .bx-next--clock_act:after {
  top: -3px;
  left: 0;
  width: 26px;
  height: 27px;
  background-position: -84px -126px;
}
.map-slider .bx-prev--snow,
.map-slider .bx-next--snow {
  padding-left: 25px;
}
.map-slider .bx-prev--snow:after,
.map-slider .bx-next--snow:after {
  top: -1px;
  left: 0;
  width: 19px;
  height: 17px;
  background-position: -136px -126px;
}
.map-slider .bx-prev--slopes,
.map-slider .bx-next--slopes {
  width: 53px;
  height: 49px;
}
.map-slider .bx-prev--slopes:after,
.map-slider .bx-next--slopes:after {
  top: 0;
  left: 0;
  width: 53px;
  height: 49px;
  background-position: 0 -174px;
}
.map-slider .bx-prev--snow_lg,
.map-slider .bx-next--snow_lg {
  width: 43px;
  height: 39px;
}
.map-slider .bx-prev--snow_lg:after,
.map-slider .bx-next--snow_lg:after {
  top: 0;
  left: 0;
  width: 43px;
  height: 39px;
  background-position: -55px -174px;
}
.map-slider .bx-prev--lifts,
.map-slider .bx-next--lifts {
  width: 34px;
  height: 53px;
}
.map-slider .bx-prev--lifts:after,
.map-slider .bx-next--lifts:after {
  top: 0;
  left: 0;
  width: 34px;
  height: 53px;
  background-position: -99px -174px;
}
.map-slider .bx-prev--snowOutside,
.map-slider .bx-next--snowOutside {
  width: 44px;
  height: 42px;
}
.map-slider .bx-prev--snowOutside:after,
.map-slider .bx-next--snowOutside:after {
  top: 0;
  left: 0;
  width: 44px;
  height: 42px;
  background-position: -181px -174px;
}
.map-slider .bx-prev--snowType,
.map-slider .bx-next--snowType {
  width: 46px;
  height: 43px;
}
.map-slider .bx-prev--snowType:after,
.map-slider .bx-next--snowType:after {
  top: 0;
  left: 0;
  width: 46px;
  height: 43px;
  background-position: -134px -174px;
}
.map-slider .bx-prev--bio_lg,
.map-slider .bx-next--bio_lg {
  width: 109px;
  height: 95px;
}
.map-slider .bx-prev--bio_lg:after,
.map-slider .bx-next--bio_lg:after {
  top: 0;
  left: 0;
  width: 109px;
  height: 95px;
  background-image: url("../images/ico/general.png");
  background-position: -109px -234px;
}
.map-slider .bx-prev--add:after,
.map-slider .bx-next--add:after {
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 32px;
  height: 32px;
  background-position: -152px 0;
}
.map-slider .bx-prev--add:hover:after,
.map-slider .bx-next--add:hover:after {
  background-position: -152px -32px;
}
.map-slider .bx-prev--arrow a,
.map-slider .bx-next--arrow a {
  padding-left: 10px;
}
.map-slider .bx-prev--arrow a:after,
.map-slider .bx-next--arrow a:after {
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -4px;
  background: transparent none !important;
  border-left: 1px solid #8AA8BF;
  border-top: 1px solid #8AA8BF;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.map-slider .bx-prev--arrow__bc li,
.map-slider .bx-next--arrow__bc li {
  padding-left: 10px;
}
.map-slider .bx-prev--arrow__bc li:after,
.map-slider .bx-next--arrow__bc li:after {
  top: 50%;
  left: 0;
  width: 3px;
  height: 3px;
  margin-top: -2px;
  background: transparent none !important;
  border-left: 1px solid #3B4659;
  border-top: 1px solid #3B4659;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.map-slider .bx-prev--arrow__down:after,
.map-slider .bx-next--arrow__down:after {
  top: 50%;
  margin-top: -3px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #3b4659 transparent transparent transparent;
}
.map-slider .bx-prev:hover,
.map-slider .bx-next:hover {
  background: #335373;
}

.map-slider .bx-prev:after {
  display: block;
  content: "";
  top: 9px;
  left: 11px;
  width: 8px;
  height: 8px;
  background: transparent none !important;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.map-slider .bx-next:after {
  display: block;
  content: "";
  top: 9px;
  left: 7px;
  width: 8px;
  height: 8px;
  background: transparent none !important;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
/*	Tabs
		-------------------------------------------------------------------------- */
.tabs {
  margin: 0;
}
.tabs:before,
.tabs:after {
  content: "";
  display: table;
}
.tabs:after {
  clear: both;
}
.tabs li {
  float: left;
  width: 96px;
  text-align: center;
  padding: 5px 0;
  position: relative;
  overflow: hidden;
}

.tabs li.long-tab {
  width: 33.333%;
}

.tabs li.thin-tab {
  width: 82px;
}

.tabs li:after {
  display: block;
  content: "";
  width: 1px;
  height: 76%;
  position: absolute;
  left: 0;
  top: 12%;
  background: #D8DFE5;
}

.tabs li:first-child:after {
  display: none;
}

.tabs li.no-separator:after {
  display: none;
}

.tabs li .font--small {
  font-size: 12px;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .tabs li {
    width: 90px;
  }
  .tabs li.thin-tab {
    width: 76px;
  }
}
@media only screen and (max-width: 756px) {
  .tabs li {
    width: 33.333%;
  }
  .tabs li:nth-of-type(4):after {
    display: none;
  }
}
.tabs li:hover,
.tabs li.is-active {
  background: #335473;
}
.tabs li:hover:after,
.tabs li.is-active:after {
  display: none;
}
.tabs li:hover span,
.tabs li.is-active span {
  color: #fff;
}
.tabs li:hover span.wi:after,
.tabs li.is-active span.wi:after {
  background-image: url("../images/ico/weather--white.png");
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .tabs li:hover span.wi:after,
  .tabs li.is-active span.wi:after {
    background-image: url("../images/ico/weather@2x--white.png");
    background-size: 252px;
  }
}
.tabs li:hover span.ico--sea:after,
.tabs li.is-active span.ico--sea:after {
  background-image: url("../images/ico/sea--white.png");
}
.tabs li:hover span.ico--tab:after,
.tabs li.is-active span.ico--tab:after {
  background-image: url("../images/ico/tabs--white.png");
}
.tabs li:hover span.ico--tab-radar:after,
.tabs li.is-active span.ico--tab-radar:after {
  background-image: url("../images/ico/radar-tabs-white.png");
}

.tabs li:hover span.ico--tab-aktual-radar:after,
.tabs li.is-active span.ico--tab-aktual-radar:after {
  background-image: url("../images/ico/radar-tabs-aktual-white.png");
}

.tabs li:hover span.ico--bio_lg:after,
.tabs li.is-active span.ico--bio_lg:after {
  background-image: url("../images/ico/general.png");
  background-position: 0 -234px;
}
.tabs li:hover .scale,
.tabs li.is-active .scale {
  background: #547A9C;
}
.tabs li:hover .scale__value,
.tabs li.is-active .scale__value {
  background: #E0E8EE;
}
.tabs li .font--small {
  font-size: 12px;
  margin: 4px 0 4px;
}
.tabs--four {
  border-bottom: 2px solid #335373;
}
.tabs--four li {
  width: 25%;
}
.tabs--four li:nth-of-type(4):after {
  display: block;
}
.tabs span {
  display: block;
  margin: 5px auto;
}
.tabs span.ico--tab {
  margin: 0;
}
.tabs span.ico--tab-radar {
  margin: 0;
}
.tabs span.ico--tab-aktual-radar {
  margin: 0;
}
.tabs__day {
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
  display: block;
}
.tabs__ski_countries {
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  font-size: 10px;
  display: block;
}
@media only screen and (max-width: 756px) {
  .tabs__ski_countries {
    font-size: 10px;
  }
}
.tabs__date {
  margin-bottom: 0;
}
.tabs__temp {
  color: #000;
  font-size: 15px;
}
.tabs__title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  padding-top: 5px;
  padding-bottom: 54px;
  height: 100px;
  line-height: 34px;
}
.tabs__title.odd {
  line-height: 140%;
}
.tabs__title--sm {
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
  display: block;
}
.tabs .ico--bio_lg {
  font-size: 40px;
  color: #479fd5;
  line-height: 90px;
  font-weight: 700;
}

.tabs .scale-empty {
  width: 58px;
  height: 2px;
  margin: 10px auto 0;
}

.tabs .scale {
  background: #E1E7EF;
  width: 58px;
  margin: 10px auto 0;
}
.tabs .scale__value {
  height: 2px;
  background: #335373;
}
.tabs .scale__text {
  color: #000;
}
@media only screen and (max-width: 756px) {
  .tabs .ico--bio_lg {
    width: 100%;
  }
  .tabs .ico--bio_lg:after {
    display: none;
  }
}
.plain-tabs {
  overflow: hidden;
  background: #DEE5ED;
  padding: 5px 5px 0;
}
.plain-tabs ul {
  overflow: hidden;
  margin: 0;
}
.plain-tabs li {
  display: inline-block;
  font-size: 13px;
}
.plain-tabs a {
  display: block;
  padding: 15px;
  color: #3B4659;
}
.plain-tabs a:hover,
.plain-tabs a.is-active {
  background: #fff;
  color: #3B4659 !important;
}
@media only screen and (max-width: 756px) {
  .plain-tabs {
    padding: 5px 0 0;
  }
  .plain-tabs li {
    text-align: center;
    float: left;
    width: 33.333%;
  }
  .plain-tabs li:last-child {
    line-height: 30px;
  }
  .plain-tabs a {
    padding: 10px;
  }
}
/*	Forecast - maps
		-------------------------------------------------------------------------- */
.map-holder {
  position:relative;
  max-width: 554px;
  margin: 0 auto;
}

.forecast__map {
  border-top: 2px solid #335473;
  background: #f8f8fa;
  background: -moz-radial-gradient(center, ellipse cover, #f8f8fa 50%, #d4dcea 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%, #f8f8fa), color-stop(100%, #d4dcea));
  background: -webkit-radial-gradient(center, ellipse cover, #f8f8fa 50%, #d4dcea 100%);
  background: -o-radial-gradient(center, ellipse cover, #f8f8fa 50%, #d4dcea 100%);
  background: -ms-radial-gradient(center, ellipse cover, #f8f8fa 50%, #d4dcea 100%);
  background: radial-gradient(ellipse at center, #f8f8fa 50%, #d4dcea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8fa', endColorstr='#d4dcea', GradientType=1);
  text-align: center;
  position: relative;
  font-size: 0;
}

#snippet--colorMap {
    height: 100%;
}

.amateur-map-container {
    width: 91%;
    height: 72%;
    position: absolute;
    top: 30px;
    left: 20px;
    margin: 0 auto;
    padding-top: 31.581227%;
    background-size: cover;
}

.amateur-map-country {
  position: absolute;
  margin: 0 auto;
  padding-top: 31.581227%;
  background-size: cover;
}

.amateur-map-container-cs {
  width: 89%;
  height: 73%;
  top: 28px;
  left: 27px;
}

.amateur-map-container-de {
  width: 78%;
  height: 74%;
  top: 51px;
  left: 68px;
}

.amateur-map-container-at {
  width: 84%;
  height: 63%;
  top: 45px;
  left: 34px;
}

.amateur-map-container-en {
  width: 57%;
  height: 82%;
  top: -30px;
  left: 169px;
}

.amateur-map-container-pl {
  width: 85%;
  height: 69%;
  top: 48px;
  left: 58px;
}

.amateur-map-background {
    width: 100%;
    margin: 0 auto;
    padding-top: 31.581227%;
    background-size: cover;
}

.background-map-cs {
    background-image: url("/images/bg/map_cr_amateur.png");
    height: 100%;
    background-position: 18px 18px;
    background-size: 94% 76%;
    background-repeat: no-repeat;
}

.background-map-en {
    background-image: url("/images/bg/map_en--default.png");
    height: 100%;
    background-position: 59px 32px;
    background-size: 83% 76%;
    background-repeat: no-repeat;
}

.background-map-de {
    background-image: url("/images/bg/map_de--default.png");
    height: 100%;
    background-position: -50px 17px;
    background-size: 120% 83%;
    background-repeat: no-repeat;
}

.background-map-at {
    background-image: url("/images/bg/map_at--default.png");
    height: 100%;
    background-position: 29px 18px;
    background-size: 89% 79%;
    background-repeat: no-repeat;
}

.background-map-pl {
    background-image: url("/images/bg/map_pl--default.png");
    height: 100%;
    background-position: 38px 14px;
    background-size: 95% 84%;
    background-repeat: no-repeat;
}

.background-map-eu {
  background-image: url("/images/bg/map_eu.png");
  height: 100%;
  /*background-position: 18px 18px;*/
  /*background-size: 94% 76%;*/
  background-repeat: no-repeat;
}


.amateur-map-container-second {
    position: absolute;
    margin: 0 auto;
    padding-top: 57.5812274368231%;
    background-size: cover;
}

.temp-map {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.map-holder-amateur-station {
    position:relative;
    max-width: 576px;
    margin: 0 auto;
}

.map-holder-amateur-station-second-cs {
    height: 413px;
}

.map-holder-amateur-station-second-en {
    height: 781px;
}

.map-holder-amateur-station-second-de {
    height: 832px;
}

.map-holder-amateur-station-second-at {
    height: 383px;
}

.map-holder-amateur-station-second-pl {
    height: 650px;
}

.map-holder-amateur-station-second-eu-temp {
    height: 629px;
}

.map-holder-amateur-station-second-eu-wind {
    height: 736px;
}

@media screen and (max-width: 596px) {
    .map-holder-amateur-station {
        max-width: 340px;
    }

    .map-holder-amateur-station-second-cs {
        height: 244px;
    }

    .map-holder-amateur-station-second-en {
        height: 459px;
    }

    .map-holder-amateur-station-second-de {
        height: 488px;
    }

    .map-holder-amateur-station-second-at {
        height: 225px;
    }

    .map-holder-amateur-station-second-pl {
        height: 382px;
    }

    .map-holder-amateur-station-second-eu-temp {
      height: 368px;
    }

    .map-holder-amateur-station-second-eu-wind {
      height: 431px;
    }

    .background-map-cs {
      background-position: 8px 9px;
    }

    .background-map-en {
      background-position: 39px 18px;
    }

    .background-map-de {
      background-position: -29px 9px;
    }

    .background-map-at {
      background-position: 16px 7px;
    }

    .background-map-pl {
      background-position: 22px 10px;
    }

    .amateur-map-container-cs {
      top: 12px;
      left: 11px;
    }

    .amateur-map-container-de {
      top: 24px;
      left: 37px;
    }

    .amateur-map-container-at {
      top: 17px;
      left: 15px;
    }

    .amateur-map-container-en {
      top: -8px;
      left: 99px;
    }

    .amateur-map-container-pl {
      top: 28px;
      left: 33px;
    }
}

div.image-in-forecast.forecast-radar-pl {
  padding-top: 100%;
}

div.image-in-forecast.forecast-radar-en {
  padding-top: 126%;
}

div.image-in-forecast.forecast-radar-de {
  padding-top: 126%;
}

div.image-in-forecast.forecast-radar-eu {
  padding-top: 104%;
}

.forecast__map .current {
  position: absolute;
  right: 5%;
  font-size: 15px;
  text-align: right;
  color: #3B4659;
}
@media only screen and (max-width: 756px) {
  .forecast__map .current {
    right: 2%;
  }
}
.forecast__map .current span {
  display: block;
}
.forecast__map .current__date {
  font-weight: 700;
}
.forecast__map .current__time {
  font-size: 22px;
}
@media only screen and (max-width: 756px) {
  .forecast__map {
    margin-left: -4%;
    width: 108%;
  }
}
.forecast__map a.value {
  position: absolute;
  font-size: 12px;
  color: #3B4659;
}
.forecast__map a:hover {
  color: #3B4659;
}
.forecast__map .map__icon {
  font-size: 16px;
  text-align: center;
  position: absolute;
}

.forecast__map .map__icon__stations {
  font-size: 12px;
  text-align: center;
  position: absolute;
}

@media only screen and (max-width: 756px) {
  .forecast__map .map__icon {
    font-size: 10px;
  }
}
.forecast__map .map__icon .wi {
  margin: 0 auto;
}
.forecast__map .map__icon span {
  color: #000;
}
.forecast__map .map__icon.cr {
  top: 45%;
  left: 43%;
}
.forecast__map .map__icon.praha {
  top: 35%;
  left: 31%;
}
.forecast__map .map__icon.ustecky {
  top: 16%;
  left: 22%;
}
.forecast__map .map__icon.liberecky {
  top: 9%;
  left: 40%;
}
.forecast__map .map__icon.karlovarsky {
  top: 28%;
  left: 7%;
}
.forecast__map .map__icon.plzensky {
  top: 50%;
  left: 12%;
}
.forecast__map .map__icon.vysocina {
  top: 56%;
  left: 49%;
}
.forecast__map .map__icon.pardubicky {
  top: 42%;
  left: 58%;
}
.forecast__map .map__icon.kralovehradecky {
  top: 22%;
  left: 52%;
}
.forecast__map .map__icon.jihomoravsky {
  top: 70%;
  left: 64%;
}
.forecast__map .map__icon.olomoucky {
  top: 48%;
  left: 70%;
}
.forecast__map .map__icon.moravskoslezsky {
  top: 44%;
  left: 85%;
}
.forecast__map .map__icon.zlinsky {
  top: 65%;
  left: 80%;
}
.forecast__map .map__icon.jihocesky {
  top: 73%;
  left: 29%;
}
.forecast__map .map__icon.helsinki {
  top: 5%;
  left: 72%;
}
.forecast__map .map__icon.stockholm {
  top: 18%;
  left: 56%;
}
.forecast__map .map__icon.oslo {
  top: 8%;
  left: 48%;
}
.forecast__map .map__icon.krbenhavn {
  top: 23%;
  left: 47%;
}
.forecast__map .map__icon.saint-petersburg {
  top: 10%;
  left: 88%;
}
.forecast__map .map__icon.london {
  top: 32%;
  left: 27%;
}
.forecast__map .map__icon.edinburgh {
  top: 18%;
  left: 25%;
}
.forecast__map .map__icon.dublin {
  top: 26%;
  left: 16%;
}
.forecast__map .map__icon.lisboa {
  top: 65%;
  left: 4%;
}
.forecast__map .map__icon.madrid {
  top: 67%;
  left: 16%;
}
.forecast__map .map__icon.paris {
  top: 51%;
  left: 31%;
}
.forecast__map .map__icon.bern {
  top: 52%;
  left: 43%;
}
.forecast__map .map__icon.berlin {
  top: 37%;
  left: 47%;
}
.forecast__map .map__icon.amsterdam {
  top: 37%;
  left: 37%;
}
.forecast__map .map__icon.viden {
  top: 49%;
  left: 57%;
}
.forecast__map .map__icon.warszawa {
  top: 35%;
  left: 67%;
}
.forecast__map .map__icon.budapest {
  top: 51%;
  left: 67%;
}
.forecast__map .map__icon.sofija {
  top: 64%;
  left: 82%;
}
.forecast__map .map__icon.kyyiv {
  top: 40%;
  left: 90%;
}
.forecast__map .map__icon.minsk {
  top: 29%;
  left: 83%;
}
.forecast__map .map__icon.bucuresti {
  top: 54%;
  left: 79%;
}
.forecast__map .map__icon.riga {
  top: 20%;
  left: 76%;
}
.forecast__map .map__icon.zagreb {
  top: 61%;
  left: 64%;
}
.forecast__map .map__icon.beograd {
  top: 70%;
  left: 70%;
}
.forecast__map .map__icon.athinai {
  top: 77%;
  left: 76%;
}
.forecast__map .map__icon.irakleio {
  top: 88%;
  left: 83%;
}
.forecast__map .map__icon.istanbul {
  top: 74%;
  left: 92%;
}
.forecast__map .map__icon.roma {
  top: 65%;
  left: 52%;
}
.forecast__map .map__icon.palermo {
  top: 82%;
  left: 55%;
}
.forecast__map .map__icon.cagliari {
  top: 71%;
  left: 43%;
}
.forecast__map .map__icon.palma-de-mallorca {
  top: 73%;
  left: 28%;
}
.forecast__map .map__icon.tunis {
  top: 86%;
  left: 44%;
}

.forecast__map .map__icon.atlantik {
  top: 45%;
  left: 5%;
}
.forecast__map .map__icon.severni {
  top: 28%;
  left: 38%;
}
.forecast__map .map__icon.baltske {
  top: 25%;
  left: 64%;
}
.forecast__map .map__icon.jaderske {
  top: 70%;
  left: 64%;
}
.forecast__map .map__icon.cerne {
  top: 64%;
  left: 92%;
}
.forecast__map .map__icon.stredozemni {
  top: 70%;
  left: 36%;
}

.forecast__map .map__icon {
  color: #489FD5;
  font-size: 14px;
  font-weight: bold;
  /*text-decoration: underline;*/
}

.forecast__map .map__icon:hover {
  text-decoration: none;
}

.forecast__map .map__icon.alpy-francie {
  top: 60%;
  left: 4%;
}

.forecast__map .map__icon.alpy-svycarsko {
  top: 40%;
  left: 12%;
}

.forecast__map .map__icon.alpy-nemecko {
  top: 30%;
  left: 30%;
}

.forecast__map .map__icon.alpy-rakousko {
  top: 30%;
  left: 50%;
}

.forecast__map .map__icon.alpy-italie {
  top: 62%;
  left: 26%;
}

@media (max-width: 756px) {

  .cr-snow .map__icon {
    display: none;
  }
}

.forecast__map .map__icon.sumava {
  top: 80%;
  left: 10%;
}

.forecast__map .map__icon.chriby {
  top: 68%;
  left: 68%;
}

.forecast__map .map__icon.jeseniky {
  top: 37%;
  left: 80%;
}

.forecast__map .map__icon.bile-karpaty {
  top: 83%;
  left: 83%;
}

.forecast__map .map__icon.ceska-sibir {
  top: 46%;
  left: 23%;
}

.forecast__map .map__icon.snih-vysocina {
  top: 70%;
  left: 50%;
}

.forecast__map .map__icon.javorniky {
  top: 65%;
  left: 85%;
}

.forecast__map .map__icon.beskydy {
  top: 45%;
  left: 82%;
}

.forecast__map .map__icon.krusne-hory {
  top: 15%;
  left: 5%;
}

.forecast__map .map__icon.luzicke-hory {
  top: 15%;
  left: 30%;
}

.forecast__map .map__icon.jizerske-hory {
  top: 5%;
  left: 50%;
}

.forecast__map .map__icon.krkonose {
  top: 12%;
  left: 58%;
}

.forecast__map .map__icon.jestrebi-hory {
  top: 18%;
  left: 64%;
}

.forecast__map .map__icon.orlicke-hory {
  top: 30%;
  left: 45%;
}

.forecast__map .map__icon.kralicky-sneznik {
  top: 26%;
  left: 68%;
}

@media only screen and (max-width: 756px) {
  .forecast__map .map__icon.praha {
    top: 30%;
    left: 30%;
  }
  .forecast__map .map__icon.ustecky {
    top: 14%;
    left: 22%;
  }
  .forecast__map .map__icon.liberecky {
    top: 9%;
    left: 38%;
  }
  .forecast__map .map__icon.karlovarsky {
    top: 26%;
    left: 5%;
  }
  .forecast__map .map__icon.plzensky {
    top: 45%;
    left: 12%;
  }
  .forecast__map .map__icon.vysocina {
    top: 54%;
    left: 47%;
  }
  .forecast__map .map__icon.pardubicky {
    top: 40%;
    left: 56%;
  }
  .forecast__map .map__icon.kralovehradecky {
    top: 20%;
    left: 50%;
  }
  .forecast__map .map__icon.jihomoravsky {
    top: 68%;
    left: 62%;
  }
  .forecast__map .map__icon.olomoucky {
    top: 46%;
    left: 70%;
  }
  .forecast__map .map__icon.ostravsky {
    top: 41%;
    left: 83%;
  }
  .forecast__map .map__icon.zlinsky {
    top: 63%;
    left: 78%;
  }
  .forecast__map .map__icon.budejovicky {
    top: 70%;
    left: 27%;
  }
  .forecast__map .map__icon.instanbul {
    top: 74%;
    left: 90%;
  }
  .forecast__map .map__icon.irakleio {
    top: 86%;
    left: 83%;
  }
  .forecast__map .map__icon.dublin {
    top: 26%;
    left: 14%;
  }
  .forecast__map .map__icon.atlantik {
    top: 45%;
    left: 5%;
  }
  .forecast__map .map__icon.severni {
    top: 28%;
    left: 38%;
  }
  .forecast__map .map__icon.baltske {
    top: 25%;
    left: 64%;
  }
  .forecast__map .map__icon.jaderske {
    top: 70%;
    left: 64%;
  }
  .forecast__map .map__icon.cerne {
    top: 64%;
    left: 92%;
  }
  .forecast__map .map__icon.stredozemni {
    top: 70%;
    left: 36%;
  }

  @media only screen and (max-width: 756px) {
    .forecast__map .map__icon {
      /* skryte teploty mori */
      /* /skryte teploty mori */
    }
    .forecast__map .map__icon[id="64867"],
    .forecast__map .map__icon[id="219200"] {
      display: none;
    }
    .forecast__map .map__icon.praha {
      top: 30%;
      left: 30%;
    }
    .forecast__map .map__icon.ustecky {
      top: 14%;
      left: 22%;
    }
    .forecast__map .map__icon.liberecky {
      top: 9%;
      left: 38%;
    }
    .forecast__map .map__icon.karlovarsky {
      top: 26%;
      left: 5%;
    }
    .forecast__map .map__icon.plzensky {
      top: 45%;
      left: 12%;
    }
    .forecast__map .map__icon.vysocina {
      top: 54%;
      left: 47%;
    }
    .forecast__map .map__icon.pardubicky {
      top: 40%;
      left: 56%;
    }
    .forecast__map .map__icon.kralovehradecky {
      top: 20%;
      left: 50%;
    }
    .forecast__map .map__icon.jihomoravsky {
      top: 68%;
      left: 62%;
    }
    .forecast__map .map__icon.olomoucky {
      top: 46%;
      left: 70%;
    }
    .forecast__map .map__icon.ostravsky {
      top: 41%;
      left: 83%;
    }
    .forecast__map .map__icon.zlinsky {
      top: 63%;
      left: 78%;
    }
    .forecast__map .map__icon.budejovicky {
      top: 70%;
      left: 27%;
    }
    .forecast__map .map__icon.turecko {
      top: 74%;
      left: 90%;
    }
    .forecast__map .map__icon.kreta {
      top: 86%;
      left: 83%;
    }
    .forecast__map .map__icon.irsko {
      top: 26%;
      left: 14%;
    }
    .forecast__map .map__icon.cerne {
      top: 64%;
      left: 90%;
    }
  }
  /*	Cela Evropa
      -------------------------------------------------------------------------- */
  .map-holder[id="0"] .map__icon[id="660466"] { /*tunis*/
    top: 84%;
    left: 46%;
  }
  .map-holder[id="0"] .map__icon[id="350036"] { /*neco u recka*/
    top: 87%;
    left: 84%;
  }
  .map-holder[id="0"] .map__icon[id="555386"] { /*lisabon*/
    top: 70%;
    left: 2%;
  }
  .map-holder[id="0"] .map__icon[id="227067"] { /*valencie*/
    top: 75%;
    left: 22%;
  }
  .map-holder[id="0"] .map__icon[id="254670"] { /*mallorca*/
    top: 73%;
    left: 31%;
  }
  .map-holder[id="0"] .map__icon[id="353436"] { /*rijeka*/
    top: 57%;
    left: 56%;
  }
  .map-holder[id="0"] .map__icon[id="355778"] { /*dubrovnik*/
    top: 65%;
    left: 66%;
  }
  .map-holder[id="0"] .map__icon[id="349822"] { /*korfu*/
    top: 75%;
    left: 69%;
  }
  .map-holder[id="0"] .map__icon[id="347545"] { /*soluň*/
    top: 73%;
    left: 77%;
  }
  .map-holder[id="0"] .map__icon[id="55847"] { /**/
    top: 63%;
    left: 88%;
  }
  .map-holder[id="0"] .map__icon[id="246251"] { /*xixon*/
    top: 56%;
    left: 12%;
  }
  .map-holder[id="0"] .map__icon[id="293422"] { /*La Rochelle*/
    top: 48%;
    left: 22%;
  }
  .map-holder[id="0"] .map__icon[id="324558"] { /*Portsmouth*/
    top: 36%;
    left: 26%;
  }
  .map-holder[id="0"] .map__icon[id="379566"] { /*Dublin*/
    top: 26%;
    left: 16%;
  }
  .map-holder[id="0"] .map__icon[id="330630"] { /*Edinburgh*/
    top: 18%;
    left: 29%;
  }
  .map-holder[id="0"] .map__icon[id="199519"] { /*Kodaň*/
    top: 28%;
    left: 52%;
  }
  .map-holder[id="0"] .map__icon[id="545492"] { /*Kdánsk*/
    top: 27%;
    left: 68%;
  }
  .map-holder[id="0"] .map__icon[id="630828"] { /*Stockholm*/
    top: 15%;
    left: 62%;
  }
  .map-holder[id="0"] .map__icon[id="500661"] { /*Oslo*/
    top: 14%;
    left: 50%;
  }
  /*	Jaderske more
      -------------------------------------------------------------------------- */
  .map-holder[id="1"] .map__icon[id="391716"] { /*taranto*/
    top: 65%;
    left: 70%;
  }
  .map-holder[id="1"] .map__icon[id="403384"] { /*bari/barletta?*/
    top: 55%;
    left: 65%;
  }
  .map-holder[id="1"] .map__icon[id="391621"] { /*vieste/rodi?*/
    top: 45%;
    left: 56%;
  }
  .map-holder[id="1"] .map__icon[id="395486"] { /*pescara?*/
    top: 35%;
    left: 43%;
  }
  .map-holder[id="1"] .map__icon[id="403889"] { /*ancona*/
    top: 24%;
    left: 35%;
  }
  .map-holder[id="1"] .map__icon[id="394301"] { /*ravenna*/
    top: 12%;
    left: 28%;
  }
  .map-holder[id="1"] .map__icon[id="390847"] { /*benatky*/
    top: 2%;
    left: 33%;
  }
  .map-holder[id="1"] .map__icon[id="353436"] { /*rijeka*/
    top: 8%;
    left: 47%;
  }
  .map-holder[id="1"] .map__icon[id="352375"] { /*zadar*/
    top: 18%;
    left: 52%;
  }
  .map-holder[id="1"] .map__icon[id="353119"] { /*split*/
    top: 28%;
    left: 64%;
  }
  .map-holder[id="1"] .map__icon[id="355778"] { /*dubrovnik*/
    top: 34%;
    left: 70%;
  }
  .map-holder[id="1"] .map__icon[id="485145"] { /*budva*/
    top: 42%;
    left: 84%;
  }
  .map-holder[id="1"] .map__icon[id="2361"] { /*tirana*/
    top: 53%;
    left: 90%;
  }
  /*	Stredozemni more id 1 a 2
      -------------------------------------------------------------------------- */
  .map-holder[id="2"] .map__icon[id="254670"] { /*Mallorca*/
    top: 57%;
    left: 21%;
  }
  .map-holder[id="2"] .map__icon[id="660466"] { /*Tunis*/
    top: 68%;
    left: 34%;
  }

  .map-holder[id="2"] .map__icon[id="251966"] { /*Barcelona*/
    top: 51%;
    left: 16%;
  }
  .map-holder[id="2"] .map__icon[id="207724"] { /*Alzir*/
    top: 65%;
    left: 16%;
  }
  .map-holder[id="2"] .map__icon[id="349822"] { /*Korfu*/
    top: 61%;
    left: 56%;
  }
  .map-holder[id="2"] .map__icon[id="346065"] { /*Atheny*/
    top: 68%;
    left: 66%;
  }
  .map-holder[id="2"] .map__icon[id="96458"] { /*Kypr*/
    top: 68%;
    left: 90%;
  }
  .map-holder[id="2"] .map__icon[id="675756"] { /*Istanbul*/
    top: 53%;
    left: 76%;
  }
  .map-holder[id="2"] .map__icon[id="350036"] { /*Kréta*/
    top: 75%;
    left: 70%;
  }
  .map-holder[id="2"] .map__icon[id="280019"] { /*narbonne*/
    top: 47%;
    left: 23%;
  }
  .map-holder[id="2"] .map__icon[id="393953"] { /*Rim*/
    top: 52%;
    left: 40%;
  }
  .map-holder[id="2"] .map__icon[id="221555"] { /*Kahira*/
    top: 86%;
    left: 53%;
  }
  .map-holder[id="2"] .map__icon[id="231521"] { /*Cartagena*/
    top: 65%;
    left: 5%;
  }
  .map-holder[id="2"] .map__icon[id="353436"] { /*Rijeka*/
    top: 40%;
    left: 42%;
  }
  .map-holder[id="2"] .map__icon[id="355778"] { /*Dubrovnik*/
    top: 50%;
    left: 50%;
  }

  .map-holder[id="2"] .map__icon[id="279645"] { /*nice*/
    top: 45%;
    left: 30%;
  }


  /*	Cerne more
      -------------------------------------------------------------------------- */
  .map-holder[id="4"] .map__icon[id="690602"] { /*krym  */
    top: 20%;
    left: 63%;
  }
  .map-holder[id="4"] .map__icon[id="693898"] { /*odessa  */
    top: 16%;
    left: 52%;
  }
  .map-holder[id="4"] .map__icon[id="581894"] { /*constantopol*/
    top: 27%;
    left: 45%;
  }
  .map-holder[id="4"] .map__icon[id="55847"] { /*varna*/
    top: 36%;
    left: 46%;
  }
  .map-holder[id="4"] .map__icon[id="60958"] { /*burgas*/
    top: 41%;
    left: 41%;
  }
  /*	Atlantik
      -------------------------------------------------------------------------- */
  .map-holder[id="5"] .map__icon[id="556028"] { /*faro */
    top: 89%;
    left: 3%;
  }
  .map-holder[id="5"] .map__icon[id="555386"] { /*lisabon*/
    top: 78%;
    left: 2%;
  }
  .map-holder[id="5"] .map__icon[id="561671"] { /*porto*/
    top: 66%;
    left: 9%;
  }
  .map-holder[id="5"] .map__icon[id="246251"] { /*gijor*/
    top: 56%;
    left: 26%;
  }
  .map-holder[id="5"] .map__icon[id="237085"] { /*santander*/
    top: 60%;
    left: 36%;
  }
  .map-holder[id="5"] .map__icon[id="293422"] { /*La Rochelle*/
    top: 46%;
    left: 46%;
  }
  .map-holder[id="5"] .map__icon[id="312040"] { /*brest*/
    top: 28%;
    left: 36%;
  }
  .map-holder[id="5"] .map__icon[id="290800"] { /*le havre*/
    top: 26%;
    left: 54%;
  }
  .map-holder[id="5"] .map__icon[id="311146"] { /*calais*/
    top: 18%;
    left: 66%;
  }
  .map-holder[id="5"] .map__icon[id="324693"] { /*plymouth*/
    top: 16%;
    left: 40%;
  }
  .map-holder[id="5"] .map__icon[id="324558"] { /*portsmouth*/
    top: 16%;
    left: 52%;
  }
  .map-holder[id="5"] .map__icon[id="327105"] { /*liverpool*/
    top: 1%;
    left: 48%;
  }
  .map-holder[id="5"] .map__icon[id="379566"] { /*dublin*/
    top: 0%;
    left: 38%;
  }
  /*	Baltske a Severni more
      -------------------------------------------------------------------------- */
  .map-holder[id="6"] .map__icon[id="185364"] { /*bremerhaven*/
    top: 80%;
    left: 15%;
  }
  .map-holder[id="6"] .map__icon[id="136255"] { /*rostock*/
    top: 78%;
    left: 28%;
  }
  .map-holder[id="6"] .map__icon[id="542162"] { /*kolobrzek*/
    top: 78%;
    left: 40%;
  }
  .map-holder[id="6"] .map__icon[id="545492"] {
    top: 76%;
    left: 52%;
  }
  .map-holder[id="6"] .map__icon[id="459486"] {
    top: 60%;
    left: 64%;
  }
  .map-holder[id="6"] .map__icon[id="630828"] {
    top: 50%;
    left: 45%;
  }
  .map-holder[id="6"] .map__icon[id="500661"] {
    top: 48%;
    left: 25%;
  }
  .map-holder[id="6"] .map__icon[id="501422"] { /*kristiansand*/
    top: 56%;
    left: 18%;
  }
  .map-holder[id="6"] .map__icon[id="642066"] {
    top: 62%;
    left: 28%;
  }
  .map-holder[id="6"] .map__icon[id="199519"] {
    top: 70%;
    left: 30%;
  }
}
/*	Forecast - text
		-------------------------------------------------------------------------- */
.forecast__text {
  clear: both;
  padding: 15px;
}
.forecast__text p {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 20px 0;
}
.forecast__text q {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 20px 0;
}
.forecast__text .description {
  overflow: hidden;
  margin-bottom: 30px;
}
.forecast__text .description:last-child {
  margin-bottom: 0;
}
.forecast__text .description .wi {
  float: left;
}
.forecast__text .description p {
  width: 90%;
  float: right;
}
@media only screen and (max-width: 756px) {
  .forecast__text .description p {
    width: 80%;
  }
}
.tip {
  font-size: 13px;
  background: #E9EFF5;
  padding: 25px;
  padding-left: 70px;
  line-height: 160%;
}
/*	Comment
		-------------------------------------------------------------------------- */
.comment-meteo{
    padding: 1px 30px 1px 30px !important;
}
.comment header {
  margin: 0;
}
.comment__title {
  font-weight: 700;
  font-size: 25px;
  color: #3B4659;
  margin: 0 0 20px;
}
.comment img {
  float: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.comment p {
  font-size: 14px;
  line-height: 160%;
  padding-left: 140px;
  margin: 0 0 20px;
}
.comment p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 756px) {
  .comment img {
    display: none;
  }
  .comment p {
    padding: 0;
  }
}
/*	Forecast - detail
		-------------------------------------------------------------------------- */
article {
  /*	Header
		-------------------------------------------------------------------------- */
  /*	List
		-------------------------------------------------------------------------- */
  /*	Row
		-------------------------------------------------------------------------- */
  /*	Table
		-------------------------------------------------------------------------- */
  /*	Footer
		-------------------------------------------------------------------------- */
}
article + .row {
  margin-top: 30px;
  clear: both;
}
article .article-bottom {
  overflow: hidden;
  padding-top: 20px;
}
article .article-bottom .author {
  float: right;
  color: #7C7C7C;
  font-size: 16px;
  padding-top: 5px;
}
article .article-bottom .social-media {
  float: left;
}
article .article-bottom .social-media a {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 2px;
}
article .article-bottom .article-icons {
  float: left;
  margin-left: 10px;
  position: relative;
  top: -5px;
}
article .article-bottom .article-icons a {
  display: inline-block;
  width: 32px;
  height: 32px;
}
@media only screen and (max-width: 756px) {
  article .article-bottom .author {
    display: block;
    float: none;
    clear: both;
  }
}
article header {
  position: relative;
  margin-bottom: 30px;
}

article header.long-text {
  padding-right: 40px;
}

article header:before,
article header:after {
  content: "";
  display: table;
}
article header:after {
  clear: both;
}
@media only screen and (max-width: 768px) {
  article header {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 756px) {
  article header {
    padding-right: 0;
  }
}
article h1 {
  color: #2984BD;
  margin: 0 0 10px;
}
article h1 span {
  font-size: 20px;
  text-transform: none;
  font-weight: 400;
}
@media only screen and (max-width: 756px) {
  article h1 {
    font-size: 30px;
   /* padding-right: 80px; */
  }
  article h1 span {
    display: block;
  }
}
article h2 {
  font-size: 25px;
  font-weight: 700;
  color: #3B4659;
}
article h2 span {
  font-size: 20px;
  font-weight: 400;
}
article h3 {
  color: #3B4659;
}

article h4 {
  font-size: 15px;
  font-weight: 700;
  color: #3B4659;
}
article .bullets {
  font-size: 14px;
  margin: 20px 0;
  font-weight: 700;
  color: #2985BD;
}
article .bullets li {
  margin: 10px 0;
}
article .bullets a {
  color: #2985BD;
  text-decoration: underline;
}
article .bullets a:hover {
  text-decoration: none;
}
article .bullets:last-child {
  margin-bottom: 0;
}
article .row {
  padding-top: 30px;
}
article .row .box {
  width: 282px;
  height: 100%;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
article .row .box a {
  display: block;
  padding-bottom: 160px;
}
article .row .box a:after {
  top: 60%;
}
@media only screen and (max-width: 768px) {
  article .row .box {
    width: 262px;
  }
}
@media only screen and (max-width: 756px) {
  article .row .box {
    width: 49%;
    margin: 0;
  }
  article .row .box:last-child {
    float: right;
  }
}
article .row .box__name {
  display: block;
  position: static;
  font-size: 17px;
  color: #3B465A;
  background: #fff;
}

@media only screen and (max-width: 756px) {
  article .row .box__name {
    font-size: 12px;
    text-align: left;
  }
}
article .row .box img {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
article p {
  font-size: 16px;
  font-weight: 300;
  line-height: 160%;
  margin: 20px 0;
}
article p.perex {
  font-weight: 700;
  color: #3B4659;
}
article p:last-child {
  margin-bottom: 0;
}
article p a {
  color: #2985BD;
  font-weight: 700;
}
article p a:hover {
  color: #325272;
}
article p.highlight {
  font-size: 16px;
  margin: 30px 0;
}
article p.highlight a {
  color: #2985BD;
  text-decoration: underline;
}
article p.highlight a:hover {
  text-decoration: none;
}
article p.highlight:last-child {
  margin-bottom: 0;
}

article p.highlightlong {
  font-size: 16px;
  margin: 30px 0;
  font-weight: bold;
  color:  #2a85bd;
}

article p.highlightlong:last-child {
  margin-bottom: 0;
}

article .form-search.noBg {
  padding: 0;
}
article .form-search.noBg label {
  color: #3B4659;
}
article .form-search.noBg input[type="text"] {
  border: 1px solid #A5A3A3;
  padding: 13px 14px;
}
@media only screen and (max-width: 756px) {
  article .form-search.noBg input {
    width: 100%;
  }
  article .form-search.noBg input[type="text"] {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
article footer .form-search {
  background: #335373;
  padding-top: 30px;
}
article table {
  font-size: 14px;
  color: #3B4659;
  text-align: center;
  width: 100%;
  margin: 20px 0;
}
article table .ico--nfo {
  top: -8px;
}
article table th {
  font-weight: 300;
  color: #595959;
  font-size: 13px;
  padding: 10px 7px;
}
article table th:first-child {
  font-weight: 700;
}
article table th.sort {
  text-align: left;
}
article table th.sort a {
  padding-right: 20px;
  color: #595959;
  font-weight: 400;
}

article table tbody tr {
  border-bottom: 1px solid #fff;
}
article table tbody tr:nth-child(odd) {
  background: #F3F5F8;
}
article table tbody tr.highlight {
  background: #E1E7EF;
}
article table tbody tr td {
  padding: 10px 7px;
}
@media only screen and (max-width: 768px) {
  article table tbody tr td {
    padding: 10px;
  }
}
@media only screen and (max-width: 756px) {
  article table tbody tr td {
    padding: 10px 0px;
  }
}
article table tbody tr td:first-child {
  font-weight: 700;
}
article table tbody tr td a {
  color: #2985BD;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}
article table tbody tr td a:hover {
  color: #206893;
  text-decoration: none;
}
article table tbody.day-time tr:first-child td {
  font-weight: 700;
}
article table tbody.night-time {
  display: none;
}

article table tbody.night-time.is-visible {
  display: block !important;
}

tbody.hide-show {
  display: none;
}

tbody.hide-show.is-visible {
  display: block !important;
}

@media only screen and (max-width: 756px) {
  article table tbody .ico--snow {
    padding-left: 0;
  }
  article table tbody .ico--snow:after {
    display: none;
  }
}
article .status {
  display: block;
  font-size: 12px;
  padding: 4px 0;
  color: #fff;
}
article .status--ok {
  background: #10AA1F;
}
article .status--error {
  background: #E71313;
}
article footer {
  position: relative;
  bottom: -30px;
  left: -30px;
  width: 636px;
}
@media only screen and (max-width: 768px) {
  article footer {
    width: 600px;
  }
}
article .facility-address {
  font-size: 14px;
  font-weight: 700;
  color: #3B4659;
  margin: 30px 0;
  padding-top: 5px;
  border-top: 1px solid #D7DFE5;
  font-style: normal;
}
article .image-container.float-r {
  float: right;
  margin: 20px 0 0 20px;
}
article .image-container.float-l {
  float: left;
  margin: 20px 20px 0 0;
}
@media only screen and (max-width: 756px) {
  article .image-container.float-r,
  article .image-container.float-l {
    display: none;
  }
}
/*	Forecast - detail
		-------------------------------------------------------------------------- */
article {
  /*	Refresh
		-------------------------------------------------------------------------- */
  /*	Help ico
		-------------------------------------------------------------------------- */
  /*	Table
		-------------------------------------------------------------------------- */
}
article header .button {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 768px) {
  article header .button {
    position: relative;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 756px) {
  article header .button {
    padding-left: 0;
  }
}
article .refresh {
  font-size: 13px;
  font-weight: 300;
  color: #3B4659;
  margin-right: 10px;
}
@media only screen and (max-width: 756px) {
  article .refresh {
    display: block;
    margin: 10px 0;
  }
}
article .icons-holder {
  position: absolute;
  top: 0;
  right: 0;
}
article .icons-holder a {
  display: inline-block;
  width: 32px;
  height: 32px;
}
article p {
  font-size: 16px;
  font-weight: 300;
}
article p:last-child {
  margin-bottom: 0;
}
article p a {
  color: #2985BD;
  font-weight: 700;
}
article p a:hover {
  color: #325272;
}
article p.highlight {
  font-size: 16px;
  margin: 30px 0;
}
article p.highlight a {
  color: #2985BD;
  text-decoration: underline;
}
article p.highlight a:hover {
  text-decoration: none;
}
article .help {
  font-size: 14px;
  padding-top: 15px;
  margin: 30px 0;
  border-top: 1px solid #D7DFE5;
}
article .help a {
  margin: 0 0 0 15px;
}
@media only screen and (max-width: 756px) {
  article .help a {
    display: block;
    margin: 5px 0;
  }
}
article .forecast-table {
  /*margin: 0 0 30px;*/
}
article .forecast-table table {
  border-top: 2px solid #A3A9B4;
}
article .forecast-table thead {
  background: #335373;
  color: #FFF;
}
article .forecast-table thead th {
  font-size: 13px;
  padding: 10px 7px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  article .forecast-table thead th {
    padding: 10px 5px;
  }
}
article .forecast-table thead th.sort {
  text-align: left;
}
article .forecast-table thead th.sort a {
  padding-right: 20px;
  color: #fff;
  font-weight: 400;
}
article .forecast-table thead th.sort a:after {
  border-color: #fff transparent transparent transparent;
}
article .forecast-table-vertical td:nth-child(3) {
  font-weight: 700;
}
@media only screen and (max-width: 756px) {
  article .forecast-table {
    overflow-x: scroll;
  }
}
article .forecast-table__title {
  font-size: 25px;
  font-weight: 700;
  color: #3B4659;
  margin: 30px 0 10px;
}
.no-js tr.toggle {
  display: none;
}
.no-js tbody.night-time {
  display: table-row;
}
/*	Station - detail
		-------------------------------------------------------------------------- */
.station-detail .cols {
  overflow: hidden;
}
.station-detail__weather {
  float: left;
  width: 50%;
}
.station-detail__weather table {
  margin-top: 0;
}
.station-detail__weather table thead th {
  font-size: 16px;
}
.station-detail__weather table th {
  text-align: left;
}
.station-detail__info {
  float: right;
  width: 45%;
}
.station-detail__info h2 {
  font-size: 16px;
  margin: 0;
  line-height: 37px;
}
.station-detail__info table {
  margin: 0 0 0px;
}
.station-detail__info table th {
  text-align: left;
}
.station-detail .stats {
  overflow: hidden;
}
.station-detail .stats > div {
  display: inline-block;
  margin: 0 1%;
  width: 31%;
}
.station-detail .stats table tr {
  background: #E1E7EF;
}
.station-detail .stats table th {
  text-align: left;
}
@media only screen and (max-width: 756px) {
  .station-detail__weather,
  .station-detail__info {
    float: none;
    width: 100%;
  }
  .station-detail__info table {
    margin: 20px 0;
  }
  .station-detail .stats > div {
    display: block;
    margin: 0 0 20px;
    width: 100%;
  }
}
/*	Facility - detail
		-------------------------------------------------------------------------- */
.facility-detail {
  position: relative;
}
.facility-detail .image-holder {
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 756px) {
  .facility-detail .image-holder img {
    display: none;
  }
}
.facility-detail .status {
  margin: 5px 0;
  padding: 5px;
}
.facility-detail .webcam {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}
.facility-detail .webcam__name {
  display: block;
  margin-top: 5px;
  font-size: 13px;
}
@media only screen and (max-width: 756px) {
  .facility-detail .webcam {
    position: static;
    margin: 15px 0;
  }
}
.facility-detail .entry {
  position: absolute;
  font-size: 13px;
  line-height: 140%;
}
.facility-detail .entry span {
  display: block;
  margin: 0 auto 5px;
}
.facility-detail .entry b {
  display: block;
  font-size: 15px;
  color: #2985BD;
}
.facility-detail .entry--height {
  top: 10%;
  left: 8%;
}
.facility-detail .entry--height b {
  color: #3B4659;
}
.facility-detail .entry--slopes {
  max-width: 80px;
  top: 45%;
  left: 5%;
}
.facility-detail .entry--weather {
  top: 77%;
  left: 42%;
}
.facility-detail .entry--weather span {
  font-size: 20px;
  color: #2985BD;
  padding-left: 45px;
  font-weight: 700;
  line-height: 35px;
}
.facility-detail .entry--snowType {
  top: 75%;
  left: 20%;
}
.facility-detail .entry--snowNew {
  top: 20%;
  left: 40%;
}
.facility-detail .entry--snowOutside {
  top: 75%;
  right: 10%;
}
.facility-detail .entry--lifts {
  top: 50%;
  left: 32%;
}
.facility-detail .entry--openHours {
  top: 45%;
  right: 10%;
}
.facility-detail .entry--openHours b {
  color: #3B4659;
}
@media only screen and (max-width: 756px) {
  .facility-detail .entry {
    position: static;
    max-width: 100%;
    margin: 10px 0;
    text-align: left;
  }
  .facility-detail .entry span.ico,
  .facility-detail .entry span.wi--blue {
    display: none;
  }
  .facility-detail .entry b,
  .facility-detail .entry span {
    display: inline-block;
  }
  .facility-detail .entry--openHours b {
    display: block;
  }
}
/*	Timeline
		-------------------------------------------------------------------------- */
.timeline__item {
  padding-top: 20px;
}
.timeline__item p {
  font-size: 14px;
  font-weight: 300;
}
.timeline__title {
  font-size: 17px;
  color: #3B4659;
  font-weight: 700;
  margin-bottom: 10px;
}
.timeline .image-container img {
  display: block;
}
.timeline .image__desc {
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin-top: 5px;
}
/*	Related
		-------------------------------------------------------------------------- */
.related {
  padding-top: 20px;
}
.related h2 {
  margin-bottom: 15px;
  font-size: 22px;
}
.related article {
  overflow: hidden;
  margin-bottom: 20px;
}
.related article:last-child {
  margin-bottom: 0;
}
.related article .image-container {
  float: left;
  width: 30%;
}
.related article .desc {
  float: right;
  width: 65%;
}
.related article .desc h3 {
  margin: 0 0 10px;
  font-size: 18px;
  color: #335373;
  font-weight: 700;
}
.related article .desc .date {
  color: #888;
  font-size: 12px;
  display: block;
  font-weight: 300;
}
.related article .desc p {
  margin: 5px 0 0;
  font-weight: 300;
  font-size: 14px;
}
.related .highlight {
  font-size: 20px;
  margin: 30px 0;
}
.related .highlight a {
  color: #2985BD;
  text-decoration: underline;
}
.related .highlight a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 756px) {
  .related article .desc {
    width: 100%;
    float: none;
  }
  .related .image-container {
    display: none;
  }
}

.tabs__section {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  padding-top: 5px;
  padding-bottom: 54px;
  height: 100px;
  line-height: 15px;
}

.tabs__section.smaller {
  font-size: 11px;
}

.thumbnail{
  width:200px;
  float: left;
  margin-right: 30px;
}

.subbox .th img{
  width:200px;
  float: left;
  margin-right: 30px;
}

.subbox p{
  margin: 0;
}

.subbox p.date{
  font-size: 1em;
}

.subbox h2 a{
  color: #2985BD;
  font-weight: 700;
}

.subbox h2{
  margin-bottom: 0;
}

.navbar--hp a.ico--radar:after {
  background-position: 0 -540px;
}
.navbar--hp a.ico--radar:hover:after,
.navbar--hp a.ico--radar.is-active:after {
  background-position: -95px -540px;
}

.box--cz {
  background: url("../images/bg/boxes/box--cz.jpg");
}
.box--pollution {
  background: url("../images/bg/boxes/box--cz.jpg");
}
.box--eu {
  background: url("../images/bg/boxes/box--eu.jpg");
}
.box--precipitation {
  background: url("../images/bg/boxes/box--precipitation.jpg");
}
.box--overcast {
  background: url("../images/bg/boxes/box--overcast.jpg");
}
.box--forecast-map-cz {
  background: url("../images/bg/boxes/box--forecast-map-cz.jpg");
}
.box--forecast-map-eu {
  background: url("../images/bg/boxes/box--forecast-map-eu.jpg");
}
.box--service-apps {
  background: url("../images/bg/boxes/box--apps.png");
}
.box--service-weather-web {
  background: url("../images/bg/boxes/box--weather_web.png");
}
.box--service-offer {
  background: url("../images/bg/boxes/box--service_offer.png");
}
.box--eshop {
  background: url("../images/bg/boxes/box--eshop.png");
}
.box--sea {
  background: url("../images/bg/boxes/box--sea.png");
}
.box--alps {
  background: url("../images/bg/boxes/box--alps.png");
}
.box--snow {
  background: url("../images/bg/boxes/box--snow.png");
}
.box--skiers {
  background: url("../images/bg/boxes/box--skiers.png");
}
.box--garden-alter {
  background: url("../images/bg/boxes/box--garden-alter.png");
}
.box--interest-archive {
  background: url("../images/bg/boxes/box--interest-archive.png");
}
.box--interest-encyclopedy {
  background: url("../images/bg/boxes/box--interest-encyclopedy.png");
}
.box--interest-photogallery {
  background: url("../images/bg/boxes/box--interest-photogallery.png");
}
.box--interest-predictions {
  background: url("../images/bg/boxes/box--interest-predictions.png");
}
.box--interest-warming {
  background: url("../images/bg/boxes/box--interest-warming.png");
}

article .row.tiles .box {
  width: 280px;
  height: 180px;
  background-position: 0px 40px;
  background-repeat: no-repeat;
}
article .row.tiles .box a:after {
  top: 60% !important;
}

.extra-report-text {
  border: 1px solid #e9eff5;
  width: 100%;
}

.custom-select {
  padding: 5px;
}

.daySun, .daySat {
  background-color: #dae8af;
}
.sea_description {
  float: left;
  clear: left;
}

/*	Encyclopedia
		-------------------------------------------------------------------------- */

.encyclopedia .topic {
  display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}

.encyclopedia .topic h2 {
  font-size: 16px;
}

.encyclopedia .topic .menu {
  float: right;
  width: 75%;
}

.encyclopedia .topic .menu ul {
  font-size: 15px;
  margin: 0px;
  list-style-type: disc;
}

.encyclopedia .topic .menu ul li{
  margin-left: 20px;
  color: #888888;
}

.encyclopedia .topic .menu ul li a {
  color: #2985bd;
  text-decoration: underline;
}

.encyclopedia .topic .menu ul li a:hover {
  text-decoration: none;
}

.encyclopedia .topic .image-container {
  float: left;
  width: 25%;
}

/*	Encyclopedia - detail
		-------------------------------------------------------------------------- */

.encyclopedia-detail p:last-child {
  margin-bottom: 20px;
}

.encyclopedia-detail .bottom_link {
  clear: both;
  font-weight: bold;
  font-size: 15px;
  padding-top: 10px;
}

.encyclopedia-detail .bottom_link a {
  color: #2985bd;
  text-decoration: underline;
}

.encyclopedia-detail .bottom_link a:hover {
  text-decoration: none;
}

.encyclopedia-detail .menu {
  border-top: 2px solid #888888;
  border-bottom: 2px solid #888888;
  padding: 10px 0px 10px 0px;
  overflow: hidden;
}

.encyclopedia-detail .menu strong {
  font-size: 15px;
  margin: 0px;
  line-height: 19px;
}

.encyclopedia-detail .menu ul {
  font-size: 15px;
  line-height: 19px;
  margin: 0px;
  list-style-type: disc;
}

.encyclopedia-detail .menu ul li{
  margin-left: 20px;
  color: #888888;
}

.encyclopedia-detail .menu ul li a {
  color: #2985bd;
  text-decoration: underline;
}

.encyclopedia-detail .menu ul li a:hover {
  text-decoration: none;
}

.encyclopedia-detail .menu ul li a.is-active{
  font-weight: bold;
}

.encyclopedia-detail .text ul {
  font-size: 16px;
  font-weight: 300;
  margin: 0px;
  list-style-type: disc;
}

.encyclopedia-detail .text ul li{
  margin-left: 20px;
}

.encyclopedia-detail .text p.list-topic{
  margin-bottom: 0px;
}

.encyclopedia-detail p a:focus {
  color: #2985bd;
}

/*	Forecast - legend
		-------------------------------------------------------------------------- */

.legend tbody tr td:first-child {
  font-weight: normal;
}

.legend tbody tr td {
  width: 16%;
}

#service-box ul li {
  background: url("../images/layout/ico_check.gif") no-repeat scroll left top transparent;
  color: #7D7D7D;
  font: 14px Arial;
  list-style: none outside none;
  padding: 0 0 0 26px;
}

/*Maps and radars - times*/
div.radar-photo-wrapper {
  padding-top: 67.70833333333334%;
  padding-left: 100%;
  background-image: url('../images/radar-background-new.png');
  background-size: cover;
  position: relative;
}

div.radar-photo-wrapper img.radar-photo {
  border: 0 none;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  position: absolute;
}


div.radar-infrared-wrapper {
  padding-top: 70.68229166666666%;
  padding-left: 100%;
  position: relative;
}

div.radar-countryDetail-wrapper {
  padding-top: 42.708333333333336%;
  padding-left: 100%;
  position: relative;
}

div.radar-precipitationEu-wrapper {
  padding-top: 70.68229166666666%;
  padding-left: 100%;
  position: relative;
}

div.map-photo-wrapper {
  padding-top: 63.541666666666664%;
  padding-left: 100%;
  position: relative;
}

div.map-photo-wrapper-country {
  padding-left: 100%;
  position: relative;
}

div.map-photo-wrapper-de {
  padding-top: 82.541666666666664%;
}

div.map-photo-wrapper-at {
  padding-top: 64.541666666666664%;
}

div.map-photo-wrapper-en {
  padding-top: 64.541666666666664%;
}

div.map-photo-wrapper-pl {
  padding-top: 82.541666666666664%;
}

div.map-photo-wrapper-cs {
  padding-top: 64.541666666666664%;
}

div.map-eumodel-wrapper {
  padding-top: 81.59722222222223%;
  padding-left: 100%;
  position: relative;
}

.absolute-top-left {
  position: absolute;
  top: 0;
  left: 0;
}

.map-times {
  text-decoration: none;
  font-size: 14px;
  margin: 0px 0;
  font-weight: 700;
  color: #2985BD;
  display:inline-block;
}

.map-times a{
  color: #2985BD;
  text-decoration: underline;
}

div.map-times div.item {
  width: 37px;
  float: left;
  text-align: center;

}

.image-box {
  text-align: center;
}

.image-box img {
  width: 100%;
}

.image-box p {
  width: 100%;
  font-style: italic;
  font-size: 1.3em;
}

.photo-pager {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

.photo-pager > * {
  display: inline-block;
  margin: 0 15px 0 15px;
}

.google-map{
  height: 424px;
  width: 100%;
}

article.search h3 {
  font-size: 2.5em;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 1.5em;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  font-size: 15px;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
  font-size: 15px;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

div.alert .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-left: 1.5em !important;
}

div.alert-success .icon{
  background: url('../images/ikony/valid-icon.gif') no-repeat;
}

div.alert-info .icon{
  background: url('../images/ikony/information.png') no-repeat;
}

div.alert-warning .icon{
  background: url("../images/ikony/warning-icon.png") no-repeat;
}

div.alert-error .icon{
  background: url('../images/ikony/error-icon.gif') no-repeat;
}

.form-error-message,.form-valid-message {
  background: url("../images/ikony/error-icon.gif") no-repeat scroll 0 0
  transparent !important;
  color: #b00 !important;
  font-size: 1em !important;
  margin-left: .5em !important;
  min-height: 2em !important;
  min-width: 2em !important;
  padding-left: 1.5em !important;
  display: inline !important;
}

.form-valid-message {
  background: url("../images/ikony/valid-icon.gif") no-repeat scroll 0 0
  transparent !important;
  color: #0b0 !important;
  display: inline !important;
}

article.search h3 {
  margin: 20px 0 0 0;
  font-weight: normal;
  font-size: 2em;
}

article.search a {
  font-weight: bold;
  text-decoration: underline;
  color: #205589;
}

article.search a:hover {
  text-decoration: none;
}

article.search p {
  margin: 3px;
}

.search-location {
  color: #969696;
}

.eu-cookies {
  display: none;
}

@media only screen and (min-width: 800px) {
  .eu-cookies {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background: #489fd5;
    z-index: 1000;
    right:0;
    overflow: hidden;
    box-sizing:border-box;
  }

  .eu-cookies > div {
    width: 800px;
    margin: auto;
  }

  .eu-cookies p {
    margin: 5px 15px 5px 15px;
    line-height: 25px;
    vertical-align: middle;
  }
}

.eu-cookies .button {
  cursor: pointer;
  float: right;
}

.pic {
  padding: 1.5em 0 0 1.5em;
}

#author-box {
  width: 100%;
}

.author-left {
  float: left;
  width: 30%;
  margin-top: 20px;
}

.author-right {
  float: right;
  padding: 2.0em 1.0em 0 0;
  width: 65%;
  margin-top: 5px;
}

article p a:focus {
  color: #2985bd;
}

/*	Global warming - window layout
		-------------------------------------------------------------------------- */

body.window-layout {
  padding: 10px;
}

body.window-layout article h1 {
  padding: 0px;
  font-size: 30px;
}

body.window-layout article p {
  font-size: 13px;
  margin: 10px 0px;
}

body.window-layout article ol {
  font-size: 13px;
  font-weight: 300;
  margin: 10px 0px;
  margin: 0px;
}

.enlarge-container {
  position:relative;
  display:block;
  min-height: 38px;
  z-index:0;
}

.enlarge-container:hover .enlarge {
  position:absolute;
  top: -60px;
  left: -23px;
  width: 100px;
  height:auto;
  display:block;
  z-index:999;
}

.copy {
  text-align: center;
  font-size: 12px;
  margin-top: 0px;
}

.satellite-photo {
  width: 600px;
  max-height: 424px;
  border: 0;
}

.banner--728x90 {
  position: relative;
}

.region-box1 > input {
  margin-right: 25px;
}

.warning_validity {
  width: 100%;
}

.tile_validity_left {
  width: 50%;
  float: left;
}

.tile_validity_left > input {
  width: 100px;
}

.tile_validity_right {
  width: 50%;
  float: right;
}

.tile_validity_right > input {
  width: 100px;
}

.warning_break {
  clear: both;
}

.map-slider li a.is-active span {
  color: #fff;
}

.js-sticky {
  width: 300px;
}

article.article-text ul {
  margin: 0px;
  list-style-type: disc;
  padding-left: 25px;
}

article.article-text {
  font-size: 16px;
  font-weight: 300;
}

.forecast__text p.weather-records {
  font-weight: bold;
  font-size: 1.7em;
}

p.weather-records-temps {
  margin: 0;
}

p.weather-records {
  margin: 0 0 3px 0;
}


.table-button-wrapper {
  display: inline-flex;
}

.table-button {
  position: absolute;
  margin-top: 25px;
  right: 0;
  top: 0;
  margin-right: 25px;
}

.hidden{
  display: none;
}

@media only screen and (max-width: 756px) {
  .table-button{
    display:none;
  }
}

@media (min-width: 652px) {
  .modal-med {
    width: 600px;
  }
}

@media (max-width: 768px) {

  #all-cities-search-box .form-search-search {
    padding: 20px 0;
  }

  #all-cities-search-box .form-search-search input[type="text"] {
    width: 80%;
  }

}

@media (max-width: 640px) {

  #all-cities-search-box .form-search-search input[type="text"] {
    width: 100%;
  }

}

.right_banner{
  width: 160px;
  height: 600px;
  float: right;
  margin-right: -200px;
  margin-left: 40px;
}

.animate_button {
  margin-top: 30px;
  height: 25px;
  padding: 5px 15px 5px;
}

a.animate_button:hover {
  color: white;
}

/*	Eshop
		-------------------------------------------------------------------------- */

.eshop h3 { margin: 0; padding: 0; font-size: 18px; }
.eshop h3 a { text-decoration: underline; color: #2984BD; }

.eshop .all .category h2 { border-top: 3px solid #3B4659; padding: 0.1em 0.2em 0 0.2em; }
.eshop .all .product { margin: 0.4em 0; }
.eshop .all .product img { float: left; width: 20%; min-height: 5em; }
.eshop .all .sideinfo { float: right; width: 78%;  position: relative; }

.eshop .all .sideinfo p.desc { margin: 0; padding: 0; font-size: 13px; width: 60%; }
.eshop .all .sideinfo p.price { margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; }

.eshop .all p.why { margin: 0 0 0.5em 0; text-align: center; text-decoration: underline;}
.eshop .all p.why a:before { content: '> '; }
.eshop .all a.eshop-banner { display: block; }

.eshop .detail .header { min-height: 20em; position: relative; }
.eshop .detail .images { width: 40%; float: left; }
.eshop .detail img.image-default { width: 100%; }
.eshop .images .small-images { text-align: center; }
.eshop .images .small-images img { width: 23%; display: inline-block; margin-right: 1em; margin-top: 0.4em; border: 1px solid gray; padding: 2px; }
.eshop .detail .info { margin-left: 42%; width: 58%; }
.eshop .detail p.desc { margin: 3px 0; }
.eshop .detail p.price { font-size: 13px; position: absolute; bottom: 0; right: 0; text-align: right; margin: 0; }
.eshop .detail p.price a { font-size: 16px; }
.eshop .detail p.price .available { color: #3B4659; font-weight: bold;}
.eshop .detail menu.tabs { margin-top: 1em; }
.eshop .detail menu.tabs a { display: block; width: 100%; height: 100%; color: #335473; font-size: 1.7em; }
.eshop .detail menu.tabs .is-active a { color: white; }
.eshop .detail menu.tabs li:hover a { color: white; }
.eshop .detail menu.tabs li { width: auto; padding: 0.3em 2em; }
.eshop .detail p.file { margin: 0.4em 0; }
.eshop .detail p.param-desc { margin-bottom: 6px; }

.eshop label { font-weight: normal; }
.eshop .required label { font-weight: bold; }
.eshop ul.params { margin: 0 0 20px 0; }
.eshop ul.params li { list-style-type: disc; font-size: 16px; font-weight: 300; margin-left: 2em; }

.eshop p.bottom-links a { text-decoration: underline; margin-right: 1em; }
.eshop p.bottom-links a:before { content: '> '; }

.eshop .order-confirm p { margin: 0.3em 0; }

.eshop .cleaner { clear: both; }

.eshop #del_address { border: 0; }

.eshop .eshop-select { -webkit-appearance: menulist; }
.eshop .display_del { margin: 3px 10px 0 0; }

/* TODO
.eshop .desc { margin-left: 44%; width: 56%; position: relative; }
.eshop .desc h3 { margin: 0; padding: 0; font-size: 18px; }
*/

/**Google apis fonts http://fonts.googleapis.com/css?family=Roboto:900,300,700,400&subset=latin,latin-ext*/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/s7gftie1JANC-QmDJvMWZhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/3Y_xCyt7TNunMGg0Et2pnhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/WeQRRE07FDkIrr29oHQgHBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/jyIYROCkJM3gZ4KV00YXOBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/phsu-QZXz1JBv0PbFoPmEBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/9_7S_tWeGDh5Pq3u05RVkhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v15/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

div.ui-datepicker{
  font-size:15px;
  z-index: 1000 !important;
}

.on-top {
    z-index: 1;
}

#chart_div {
    width: 100%;
    height: 400px;
    margin-top: 15px;
}

.fake-link {
    cursor: pointer;
}

a.ico--mapPredict-de strong{
  font-size: 13px;
}
a.ico--clouds-de strong{
  font-size: 15px;
}

a.ico--mapRain-de strong {
  font-size: 14px;
}

a.ico--sea-de strong {
  font-size: 13px;
}
.tabs-pollution li {
  width: 70px;
}

.forecast-time {
    background-color: #d0d0d0;
}


/* Show Interscroller just on mobile devices */
#AdTrackInterScroller {
    display: none;
}
@media only screen and (max-device-width: 480px) {
    #AdTrackInterScroller {
        display: inherit;
    }
}

@media only screen and (max-width: 756px) {
  .apexcharts-xaxis-fontsize:nth-child(2n){
    display: none;
  }
  .apexcharts-xaxis-fontsize{
    font-size: 8px;
  }
}

.selected-type, .selected-interval {
  background-color: #335372;
}

.tabs.simple li:hover,
.tabs.simple li.is-active {
  background: none !important;
}

.tabs.simple li.daySun:hover,
.tabs.simple li.daySat:hover,
.tabs.simple li.daySun.is-active,
.tabs.simple li.daySat.is-active {
  background: #dae8af !important;
}

.tabs.simple li:hover span,
.tabs.simple li.is-active span {
  color: #000; !important;
}
.tabs.simple li:hover span.wi:after,
.tabs.simple li.is-active span.wi:after {
  background-image: url("../images/ico/weather.png");
}

.tabs.simple li:hover .scale,
.tabs.simple li.is-active .scale {
  background: #E1E7EF;
}

.tabs.simple li:hover .scale__value,
.tabs.simple li.is-active .scale__value {
  background: #335373;
}
.tabs.simple li:hover:after,
.tabs.simple li.is-active:after {
  display: block;
}

.tabs.simple li:first-child:after {
  display: none;
}

.tabs.simple li.no-separator:after {
  display: none;
}

.li-text-tabs {
  display: flex;
}

.li-text-tabs > li {
  margin: 0px 1px;
}

.li-text-tabs > li > a {
  color: white !important;
}

.image-in-forecast {
  margin-top: 30px;
}

.highlight-webcam-link {
  margin-top: 35px;
  font-size: 14px;
  margin-bottom: -25px;
}

.overlay-webcam p {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.74);
  display: none;
  margin-top: 0px;
  font-size: 14px;
  text-align: center;
  padding: 2px;
}

.forecast > .li-text-tabs > li {
  margin: 0;
  width: 25%;
  border-left: 1px solid #6e6ea9;
  border-right: 1px solid #6e6ea9;
}

.forecast > .li-text-tabs > li > a {
  width: 100%;
  height: 100%;
}

.forecast > .li-text-tabs > li > .selected-type {
  -moz-box-shadow:    inset 0 0 10px #000000;
  -webkit-box-shadow: inset 0 0 10px #000000;
  box-shadow:         inset 0 0 10px #000000;
}

#forecast-maps-menu {
  position: relative;
  top: 29px;
}

#forecast-maps {
  background-color: white;
  margin-top: 0;
  padding: 0px 0px 0px 0px;
}

#archive-city-table {
  text-align: left;
}

#archive-city-table select, #city-detail-table select {
  padding: 5px;
  margin-left: 20px;
}

#city-detail-table td:first-child, #archive-detail-city-table td:first-child {
  font-weight: normal;
}

#city-detail-table select, #archive-city-table select, #archive-detail-city-table select {
    -webkit-appearance: menulist;
}

#city-detail-table .loader-container, #archive-city-table .loader-container {
  float: right;
}

.loader-container {
  width: 30px;
  height: 30px;
}

.loader {
  border: 4px solid #ffffff;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}

#longterm-chart {
  margin-top: 60px;
}

#archive-detail-city-table select {
  max-width: 140px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.chart-info {
  font-size: 13px;
  font-weight: 200;
}

.chart-toolbox {
  padding: 10px;
}

#radar-map-webcams {
    height: 524px;
}
#radar-map{
    margin-bottom: 25px;
}

.temperature-photo-map {
  margin-bottom: 35px;
}

.navbar--side a.ico--enAct:after, .navbar--side a.ico--deAct:after, .navbar--side a.ico--atAct:after, .navbar--side a.ico--plAct:after,
.navbar--side a.ico--enPredict:after, .navbar--side a.ico--dePredict:after, .navbar--side a.ico--atPredict:after, .navbar--side a.ico--plPredict:after{
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.navbar--side a.ico--enAct:hover:after,
.navbar--side a.ico--enAct.is-active:after {
    background-image: url('../images/ico/en-over.png');
}

.navbar--side a.ico--enAct:after {
    background-image: url('../images/ico/en.png');
}

.navbar--side a.ico--enPredict:hover:after,
.navbar--side a.ico--enPredict.is-active:after {
    background-image: url('../images/ico/en-over.png');
}

.navbar--side a.ico--enPredict:after {
    background-image: url('../images/ico/en.png');
}

.navbar--side a.ico--deAct:hover:after,
.navbar--side a.ico--deAct.is-active:after {
    background-image: url('../images/ico/de-over.png');
}

.navbar--side a.ico--deAct:after {
    background-image: url('../images/ico/de.png');
}

.navbar--side a.ico--dePredict:hover:after,
.navbar--side a.ico--dePredict.is-active:after {
    background-image: url('../images/ico/de-over.png');
}

.navbar--side a.ico--dePredict:after {
    background-image: url('../images/ico/de.png');
}

.navbar--side a.ico--atAct:hover:after,
.navbar--side a.ico--atAct.is-active:after {
    background-image: url('../images/ico/at-over.png');
}

.navbar--side a.ico--atAct:after {
    background-image: url('../images/ico/at.png');
}

.navbar--side a.ico--atPredict:hover:after,
.navbar--side a.ico--atPredict.is-active:after {
    background-image: url('../images/ico/at-over.png');
}

.navbar--side a.ico--atPredict:after {
    background-image: url('../images/ico/at.png');
}

.navbar--side a.ico--plAct:hover:after,
.navbar--side a.ico--plAct.is-active:after {
    background-image: url('../images/ico/pl-over.png');
}

.navbar--side a.ico--plAct:after {
    background-image: url('../images/ico/pl.png');
}

.navbar--side a.ico--plPredict:hover:after,
.navbar--side a.ico--plPredict.is-active:after {
    background-image: url('../images/ico/pl-over.png');
}

.navbar--side a.ico--plPredict:after {
    background-image: url('../images/ico/pl.png');
}

.enDay{
  font-size: 13px;
}

.plDay{
  font-size: 12px;
}

p.smaller {
  font-size: 14px;
}

#snippet--daysEu {
  display: inline-block;
}

.meteogram-info-text {
  font-size: 12px;
}

.favorite-cities-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
}

.favorite-cities-list li {
  float: left;
  width: 33%;
}

.favorite-cities-list li a {
  display: block;
  text-align: left;
  padding: 6px;
  text-decoration: none;
  color: #2985BD;
}

.favorite-cities-list li a:hover {
  color: #485f6f;
}

.background-cover {
  background-size: cover;
}

.to-top {
  top: 0;
  bottom: unset !important;
}

#multimodeling-table tbody tr td {
  padding: 0px 7px;
}

#multimodeling-table tbody tr {
  height: 55px;
}

.place-tabs {
  display: flex;
  text-align: center;
  height: 30px;
  border: 3px solid #345472;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
}

.place-tabs a {
  color: #345472;
  width: 50%;
  position: relative;
}

.place-tabs a.selected-place {
  background-color: #345472;
  color: white;
}

.place-tabs a.selected-place:after{
  top: 90%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.place-tabs a.selected-place:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #345472;
  border-width: 20px;
  margin-left: -20px;
}

.stations-menu-links {
  width: 25%;
  float: right;
  top: 100%;
  position: sticky;
  margin-bottom: 20px;
  text-decoration: underline;
  font-size: 13px;
}

.stations-menu-links a, .stations-menu-links a:hover {
  color: #489fd5;
}
.place-tabs {
  display: flex;
  text-align: center;
  height: 30px;
  border: 3px solid #345472;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 25px;
}

.place-tabs a {
  color: #345472;
  width: 50%;
  position: relative;
}

.place-tabs a.selected-place {
  background-color: #345472;
  color: white;
}

.place-tabs a.selected-place:after{
  top: 90%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.place-tabs a.selected-place:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #345472;
  border-width: 20px;
  margin-left: -20px;
}

.stations-menu-links {
  width: 32%;
  float: right;
  top: 100%;
  position: sticky;
  margin-bottom: 20px;
  text-decoration: underline;
  font-size: 13px;
}

.stations-menu-links a, .stations-menu-links a:hover {
  color: #489fd5;
}

#bio-heading {
  font-size: 36px;
}

#forecast-maps h2 {
  margin-top: 40px;
  margin-bottom: -20px;
  padding-left: 10px;
}

#stations-table .ico--arrow__up:after {
  border-color: transparent #335372 #ffffff transparent;
}

#water-map {
  border: none;
  padding: 10px 0;
}

#tip {
  text-align: center;
  background-color: #f7e4b9;
  padding: 7px;
  font-size: 15px;
}

#tip a {
  color: #0000ee;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .warning-in-tip {
    display: none;
  }
}

.weather-records-temps > span {
  margin-right: 30px;
}

.meteo-report > p {
  margin: 10px 0;
}

@media screen and (max-width: 768px) {
  .next-days-button {
    margin-top: 30px;
  }
}

.archive-map-ico {
  height: 30px;
  width: 30px;
  background-image: url('../images/ico/temperature-2-32.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

table.ski-center tbody tr td a:focus {
    color: #2985BD;
}

.apexcharts-xaxis-label {
  font-weight: 400
}

.visuallyhidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.table-scroll-overflow {
  overflow-x: auto;
}

.service-app-img {
  width: 140px;
  height: 280px;
}

img.meteosource-image-link {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom:  60px;
}

img#meteosource-google-play-link {
  display: block;
  margin: 0 auto;
  position:  relative;
  top: -45px;
}

.newsletterButton {
  display:  block;
  width:  35%;
  margin: 0 auto;
}

.img-source {
  color: #aaa;
  font-size: 10px;
}

.mobile-only {
  margin: 0 auto;
}

@media only screen and (min-width: 800px) {
  .mobile-only {
    display: none;
  }
}

.sklik-left-menu {
  margin-bottom: 10px;
}