@charset "UTF-8";
/* parent clearfix mixin */
/* placeholder mixin */
/* placeholder mixin usage 
    input {
        @include placeholder {
            opacity: 0.5;
        }
    }
*/
/* mixin to create multiple column grid */
/* grid inspired by twitter bootstrap css */
/* column classes no breakpoint */
.col {
  float: left; }

/* width equals to 25% */
.col-3 {
  width: -webkit-calc(100%/12 * 3);
  width: calc(100%/12 * 3); }

/* width equals to 33.33333% */
.col-4 {
  width: -webkit-calc(100%/12 * 4);
  width: calc(100%/12 * 4); }

/* width equals to 50% */
.col-6 {
  width: -webkit-calc(100%/12 * 6);
  width: calc(100%/12 * 6); }

/* width equals to 66.66667% */
.col-8 {
  width: -webkit-calc(100%/12 * 8);
  width: calc(100%/12 * 8); }

/* column classes from tablet */
@media (min-width: 600px) {
  .col-sm {
    float: left; } }

/* width equals to 8.33333% */
@media (min-width: 600px) {
  .col-sm-1 {
    width: -webkit-calc(100%/12 * 1);
    width: calc(100%/12 * 1); } }

/* width equals to 16.66667% */
@media (min-width: 600px) {
  .col-sm-2 {
    width: -webkit-calc(100%/12 * 2);
    width: calc(100%/12 * 2); } }

/* width equals to 25% */
@media (min-width: 600px) {
  .col-sm-3 {
    width: -webkit-calc(100%/12 * 3);
    width: calc(100%/12 * 3); } }

/* width equals to 33.33333% */
@media (min-width: 600px) {
  .col-sm-4 {
    width: -webkit-calc(100%/12 * 4);
    width: calc(100%/12 * 4); } }

/* width equals to 41.66667% */
@media (min-width: 600px) {
  .col-sm-5 {
    width: -webkit-calc(100%/12 * 5);
    width: calc(100%/12 * 5); } }

/* width equals to 50% */
@media (min-width: 600px) {
  .col-sm-6 {
    width: -webkit-calc(100%/12 * 6);
    width: calc(100%/12 * 6); } }

/* width equals to 58.33333% */
@media (min-width: 600px) {
  .col-sm-7 {
    width: -webkit-calc(100%/12 * 7);
    width: calc(100%/12 * 7); } }

/* width equals to 66.66667% */
@media (min-width: 600px) {
  .col-sm-8 {
    width: -webkit-calc(100%/12 * 8);
    width: calc(100%/12 * 8); } }

/* width equals to 75% */
@media (min-width: 600px) {
  .col-sm-9 {
    width: -webkit-calc(100%/12 * 9);
    width: calc(100%/12 * 9); } }

/* width equals to 83.33333% */
@media (min-width: 600px) {
  .col-sm-10 {
    width: -webkit-calc(100%/12 * 10);
    width: calc(100%/12 * 10); } }

/*
	 * generic column classes based on "multiple column layout" css feature,
	 * when creating new class with different count of columns keep the structure of class as follow,
	 * .multi-col-(count of columns on mobile version)-(count of columns on desktop version) and
	 * use pre-created mixin @multi-column
	 */
.multi-col-2-4 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px; }
  @media (min-width: 600px) {
    .multi-col-2-4 {
      -webkit-column-count: 4;
         -moz-column-count: 4;
              column-count: 4;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }

.multi-col-2-3 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px; }
  @media (min-width: 600px) {
    .multi-col-2-3 {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3;
      -webkit-column-gap: 40px;
         -moz-column-gap: 40px;
              column-gap: 40px; } }

/*
  This scss contains all margin padding classes.
  Naming convections are inspired from BASSCSS framework
 */
/* margin vertical */
.my-xs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.my-s {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.my-m {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

.my-l {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.my-xl {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

.my-xxl {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }

.my-xxxl {
  margin-top: 6rem;
  margin-bottom: 6rem; }

.my-nxxs {
  margin-top: -0.2rem;
  margin-bottom: -0.2rem; }

/* margin horizontal */
.mx-l {
  margin-left: 2rem;
  margin-right: 2rem; }

.mx-xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

/* margin top */
.mt-xs {
  margin-top: 0.5rem; }

.mt-s {
  margin-top: 1rem; }

.mt-m {
  margin-top: 1.5rem; }

.mt-l {
  margin-top: 2rem; }

.mt-xl {
  margin-top: 2.5rem; }

.mt-xxl {
  margin-top: 4.5rem; }

.mt-xxxl {
  margin-top: 6rem; }

/* margin bottom */
.mb-xs {
  margin-bottom: 0.5rem; }

.mb-s {
  margin-bottom: 1rem; }

.mb-m {
  margin-bottom: 1.5rem; }

.mb-l {
  margin-bottom: 2rem; }

.mb-xl {
  margin-bottom: 2.5rem; }

.mb-xxl {
  margin-bottom: 4.5rem; }

/* margin left */
.ml-l {
  margin-left: 2rem; }

.ml-m {
  margin-left: 1.5rem; }

.ml-s {
  margin-left: 1rem; }

.ml-xs {
  margin-left: 0.5rem; }

.ml-xxs {
  margin-left: 0.2rem; }

/* margin right */
.mr-xxs {
  margin-right: 0.2rem; }

.mr-xs {
  margin-right: 0.5rem; }

.mr-s {
  margin-right: 1rem; }

.mr-m {
  margin-right: 1.5rem; }

.mr-xl {
  margin-right: 2.5rem; }

/* padding all around */
.p-s {
  padding: 1rem; }

.p-m {
  padding: 1.5rem; }

.p-xl {
  padding: 2.5rem; }

/* padding vertical */
.py-m {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

.py-s {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.py-l {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.py-xl {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.py-xxl {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }

/* padding horizontal */
.px-xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.px-s {
  padding-left: 1rem;
  padding-right: 1rem; }

.px-m {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

.px-l {
  padding-left: 2rem;
  padding-right: 2rem; }

.px-xl {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

.px-xxxl {
  padding-left: 6rem;
  padding-right: 6rem; }

@media (min-width: 600px) {
  .px-sx-sm {
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }

@media (min-width: 600px) {
  .px-s-sm {
    padding-left: 1rem;
    padding-right: 1rem; } }

@media (min-width: 600px) {
  .px-m-sm {
    padding-left: 1.5rem;
    padding-right: 1.5rem; } }

@media (min-width: 600px) {
  .pb-l-sm {
    padding-bottom: 2rem; } }

.pb-xl {
  padding-bottom: 2.5rem; }

.pb-l {
  padding-bottom: 2rem; }

.pb-m {
  padding-bottom: 1.5rem; }

.pb-s {
  padding-bottom: 1rem; }

.pb-xs {
  padding-bottom: 0.5rem; }

/* padding left */
.pl-xl {
  padding-left: 2.5rem; }

.pl-m {
  padding-left: 1.5rem; }

.pl-xs {
  padding-left: 0.5rem; }

/* padding right */
.pr-m {
  padding-right: 1.5rem; }

.pr-xs {
  padding-right: 0.5rem; }

/* padding top */
.pt-xl {
  padding-top: 2.5rem; }

/* mobile-only paddings */
.px-m-mo {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }
  @media (min-width: 600px) {
    .px-m-mo {
      padding-left: 0;
      padding-right: 0; } }

@media (max-width: 599px) {
  .py-s-mo {
    padding-top: 1rem;
    padding-bottom: 1rem; } }

/*
    Negative margin for creating gutters in grids
  */
@media (min-width: 600px) {
  .mxn-sm-xs {
    margin-left: -0.5rem;
    margin-right: -0.5rem; } }

@media (min-width: 600px) {
  .mxn-sm-s {
    margin-left: -1rem;
    margin-right: -1rem; } }

@media (min-width: 600px) {
  .mxn-sm-m {
    margin-left: -1.5rem;
    margin-right: -1.5rem; } }

.mxn-xs {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.mxn-m {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

.mxn-l {
  margin-left: -2rem;
  margin-right: -2rem; }

@-webkit-keyframes spinning {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spinning {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.stretch-anim {
  -webkit-transition: all 300ms cubic-bezier(0, 0.425, 0, 1.42);
  transition: all 300ms cubic-bezier(0, 0.425, 0, 1.42);
  /* custom */
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  /* -webkit-transform: scale(0.8); */
  opacity: 0.6; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* TODO consider change it to partially transparent */
[placeholder]:focus::-webkit-input-placeholder {
  color: transparent; }

[placeholder]:focus:-moz-placeholder {
  color: transparent; }

[placeholder]:focus::-moz-placeholder {
  color: transparent; }

[placeholder]:focus:-ms-input-placeholder {
  color: transparent; }

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

textarea,
input[type="text"],
input[type="password"],
input[type="email"],
select {
  /* is this necessary for input? not every input needs to have border, sometimes it has its parent */
  border: 1px solid #ececec; }

input[type="radio"] {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle; }

/* newly added base style, it does remove chrome outline */
textarea,
input:focus,
button:focus {
  outline: none; }

.fonts-loaded b, .fonts-loaded strong {
  font-family: "greta-medium-normal"; }

em {
  font-style: italic; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline;
    cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

.cf::after {
  content: " ";
  display: table;
  clear: both; }

.ol {
  list-style-type: decimal;
  padding: 0 0 0 20px;
  margin: 12px 0; }
  .ol li {
    margin: 7px 0 0; }

.ul {
  list-style-type: square;
  padding: 0 15px 0 20px;
  margin-top: 15px;
  margin-bottom: 15px; }
  .ul li {
    margin: 7px 0 0; }

.ul-simple {
  margin: 15px 0; }
  .ul-simple li {
    margin: 3px 0 0; }

/*
    this scss is DEFAULT THEME(the red one) for artemis projects,
    it were moved from artemis to bootstrap bundle,
    it used to be named artemis-theme and it was default theme for artemis
*/
a {
  color: #cf2528; }

.btn-primary {
  background: #cf2528;
  color: white;
  border-bottom: 2px solid #A21C1E; }

.btn-border-primary {
  color: #cf2528;
  border: 1px solid #cf2528; }
  .btn-border-primary:hover {
    background: #cf2528; }

header {
  background: white; }

.header-search, .header-nl {
  background: #cf2528;
  border-top: 1px solid #A21C1E; }
  @media (min-width: 600px) {
    .header-search, .header-nl {
      background: transparent;
      border: none; } }

.article-sequence-number {
  background: #cf2528; }

.font-size-link {
  color: #cf2528; }

.tabs li.is-selected a {
  border-bottom: 2px solid #cf2528; }

.tabs-large li.is-selected a {
  border-left: 2px solid #cf2528; }
  @media (min-width: 600px) {
    .tabs-large li.is-selected a {
      border: none;
      border-bottom: 2px solid #cf2528; } }

.tab-panel-content-list li a {
  color: #cf2528; }

.main-nav {
  background: #cf2528; }
  .main-nav > ul > li > a {
    color: white; }
    .main-nav > ul > li > a.is-selected, .main-nav > ul > li > a:hover {
      background: #A21C1E; }

.sub-nav {
  background: #f7f7f7; }
  .sub-nav > ul > li > a {
    background: #f7f7f7;
    color: #cf2528; }

.sub-nav-2 {
  background: white; }
  .sub-nav-2 > ul > li > a {
    background: white; }
    .sub-nav-2 > ul > li > a.is-selected {
      border-bottom: 2px solid #cf2528; }

.main-nav-sticky {
  background: #cf2528; }

.media-next-btn span {
  color: #cf2528; }

.media-type {
  background: #ececec;
  color: #4c4c4c; }

.piano-banner-col .btn-border {
  border-color: #cf2528;
  color: #cf2528; }
  .piano-banner-col .btn-border:hover {
    background: #cf2528; }

.services .btn {
  color: #cf2528; }

.main-nav-wrapper {
  background-color: #cf2528; }

.tabs {
  /* tabs size M */
  /* tabs size L */ }
  .tabs-m, .tabs-l {
    /* additional classes for tabs, FLEX or INLINE */ }
    @media (min-width: 600px) {
      .tabs-m-flex ul, .tabs-l-flex ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    .tabs-m-flex ul li, .tabs-l-flex ul li {
      display: inline-block; }
      @media (min-width: 600px) {
        .tabs-m-flex ul li, .tabs-l-flex ul li {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; } }
    .tabs-m-inline li, .tabs-l-inline li {
      display: inline-block; }
      @media (min-width: 600px) {
        .tabs-m-inline li, .tabs-l-inline li {
          margin-right: 3px; } }
    .tabs-m-flex li, .tabs-m-inline li, .tabs-l-flex li, .tabs-l-inline li {
      text-align: center; }
      .tabs-m-flex li.is-selected, .tabs-m-inline li.is-selected, .tabs-l-flex li.is-selected, .tabs-l-inline li.is-selected {
        position: relative;
        top: 1px; }
        @media (min-width: 600px) {
          .tabs-m-flex li.is-selected, .tabs-m-inline li.is-selected, .tabs-l-flex li.is-selected, .tabs-l-inline li.is-selected {
            margin-top: 0; } }
        .tabs-m-flex li.is-selected a, .tabs-m-inline li.is-selected a, .tabs-l-flex li.is-selected a, .tabs-l-inline li.is-selected a {
          /* background: white;*/
          border-top: none; }
          .fonts-loaded .tabs-m-flex li.is-selected a, .fonts-loaded .tabs-m-inline li.is-selected a, .fonts-loaded .tabs-l-flex li.is-selected a, .fonts-loaded .tabs-l-inline li.is-selected a {
            font-family: "open-sans-bold", Arial, sans-serif; }
      .tabs-m-flex li a, .tabs-m-inline li a, .tabs-l-flex li a, .tabs-l-inline li a {
        display: block;
        white-space: nowrap; }
        .fonts-loaded .tabs-m-flex li a, .fonts-loaded .tabs-m-inline li a, .fonts-loaded .tabs-l-flex li a, .fonts-loaded .tabs-l-inline li a {
          font-family: "open-sans-regular", Arial, sans-serif; }
  .tabs-m-flex, .tabs-m-inline {
    font-size: 1.4rem;
    line-height: 2.4rem;
    /*
                Important tag to prevent gap under tabs. There should never be any gap under tabs.
            */
    margin-bottom: 0 !important; }
    .tabs-m-flex li a, .tabs-m-inline li a {
      padding: 11px 6px 12px;
      border-bottom-width: 0; }
      @media (min-width: 600px) {
        .tabs-m-flex li a, .tabs-m-inline li a {
          padding-top: 2px; } }
    .tabs-m-flex li.is-selected a, .tabs-m-inline li.is-selected a {
      border-bottom: 2px solid #cf2528; }
    .tabs-m-flex .tab-piano a, .tabs-m-inline .tab-piano a {
      color: #3BA4DC; }
      .fonts-loaded .tabs-m-flex .tab-piano a, .fonts-loaded .tabs-m-inline .tab-piano a {
        font-family: "open-sans-bold", Arial, sans-serif; }
  .tabs-l-flex, .tabs-l-inline {
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin: 15px 0; }
    @media (min-width: 600px) {
      .tabs-l-flex, .tabs-l-inline {
        font-size: 1.65rem;
        line-height: 2.2rem;
        margin-bottom: 0; } }
    .tabs-l-flex li.is-selected, .tabs-l-inline li.is-selected {
      border: none; }
      @media (min-width: 600px) {
        .tabs-l-flex li.is-selected, .tabs-l-inline li.is-selected {
          border-bottom: 2px solid #cf2528; } }
      .tabs-l-flex li.is-selected a, .tabs-l-inline li.is-selected a {
        position: relative;
        top: -1px;
        color: #cf2528; }
    .tabs-l-flex li a, .tabs-l-inline li a {
      padding: 10px;
      color: #b2b2b2; }
      .fonts-loaded .tabs-l-flex li a, .fonts-loaded .tabs-l-inline li a {
        font-family: "open-sans-bold", Arial, sans-serif; }
      @media (min-width: 600px) {
        .tabs-l-flex li a, .tabs-l-inline li a {
          padding: 14px 20px 10px;
          display: block; } }

/* base styles for FLEX and INLINE alt tabs */
.tabs-alt-flex,
.tabs-alt-inline {
  margin-bottom: 0 !important;
  font-size: 1.4rem;
  border-bottom: 1px solid #ececec; }
  .tabs-alt-flex li.is-selected,
  .tabs-alt-inline li.is-selected {
    position: relative;
    top: 1px; }
    .tabs-alt-flex li.is-selected a,
    .tabs-alt-inline li.is-selected a {
      border-color: transparent #ececec;
      border-style: solid;
      border-width: 0 1px; }
      .fonts-loaded .tabs-alt-flex li.is-selected a, .fonts-loaded
      .tabs-alt-inline li.is-selected a {
        font-family: "open-sans-bold", Arial, sans-serif; }
    .tabs-alt-flex li.is-selected:first-child a,
    .tabs-alt-inline li.is-selected:first-child a {
      border-left-color: transparent; }
    .tabs-alt-flex li.is-selected:last-child a,
    .tabs-alt-inline li.is-selected:last-child a {
      border-right-color: transparent; }
  .tabs-alt-flex li a,
  .tabs-alt-inline li a {
    background-color: white;
    padding-right: 12px;
    padding-left: 12px;
    white-space: nowrap;
    color: #313131; }
    .fonts-loaded .tabs-alt-flex li a, .fonts-loaded
    .tabs-alt-inline li a {
      font-family: "open-sans-regular", Arial, sans-serif; }

.tabs-alt {
  /* specific styles for FLEX or INLINE alt tabs */ }
  .tabs-alt-flex ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .tabs-alt-flex ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -ms-flex-item-align: stretch;
          align-self: stretch; }
      .tabs-alt-flex ul li.is-selected a {
        -webkit-box-shadow: 0px -2px 0px 0px #313131;
                box-shadow: 0px -2px 0px 0px #313131; }
      .tabs-alt-flex ul li a {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .tabs-alt-inline li {
    display: inline-block; }
    .tabs-alt-inline li.is-selected a {
      border-top-width: 2px;
      border-top-color: #313131; }
    .tabs-alt-inline li a {
      display: inline-block; }

/* TODO not checked/improved yet */
.tab-panel-content-border {
  border: 1px solid #ececec;
  border-top: 0; }

.tab-panel-content {
  font-size: 1.35rem;
  line-height: 1.8rem;
  margin: 14px 0 0; }
  .fonts-loaded .tab-panel-content {
    font-family: "open-sans-regular", Arial, sans-serif; }
  .tab-panel-content small {
    font-size: 1.1rem;
    line-height: 1.4rem;
    white-space: nowrap; }
  .tab-panel-content ul, .tab-panel-content ol {
    display: none;
    color: #4c4c4c; }
  .tab-panel-content .is-selected {
    display: block; }
  .tab-panel-content .media-type {
    margin-right: 5px; }

.tab-panel-content-list li {
  margin: 7px 0 0; }
  .tab-panel-content-list li > span:first-child {
    padding-right: 4px;
    width: 22px;
    text-align: center; }

.tab-panel-center {
  text-align: center; }
  @media (min-width: 600px) {
    .tab-panel-center ul li {
      float: none;
      display: inline-block; } }

.tab-panel-inline {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .tab-panel-inline ul li, .tab-panel-inline ul li a {
    display: inline-block; }

/*
        modular display classes
    */
.inline-block {
  display: inline-block; }

.inline-block-sm {
  display: none; }
  @media (min-width: 600px) {
    .inline-block-sm {
      display: inline-block; } }

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

@media (min-width: 600px) {
  .flex-sm {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; } }

.flex-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.block {
  display: block; }

@media (min-width: 600px) {
  .block-sm {
    display: block; } }

.block-mo {
  display: block; }
  @media (min-width: 600px) {
    .block-mo {
      display: inline-block; } }

.hidden {
  display: none !important; }

@media (min-width: 600px) {
  .hidden-sm {
    display: none !important; } }

@media (max-width: 599px) {
  .hidden-mo {
    display: none !important; } }

.es-relative,
.relative {
  position: relative !important; }

.es-fixed {
  position: fixed; }

.es-block {
  display: block !important; }

.table-cell {
  display: table-cell; }

.wf {
  width: 100%;
  display: block; }

.wf-flex {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.w100 {
  width: 100%;
  display: block; }
  .w100 img {
    width: 100%;
    display: block; }

@media (max-width: 599px) {
  .wf-mo {
    width: 100%;
    display: block; } }

.spaced-m {
  letter-spacing: 2px; }

/*
        modular text transform classes
    */
.caps {
  text-transform: uppercase; }

.caps-none {
  text-transform: none; }

.underline-off {
  text-decoration: none !important; }
  .underline-off:hover {
    text-decoration: none !important; }

/* TODO overit ci sa pouziva*/
.big {
  font-size: 125%; }

.bigger {
  font-size: 150%; }

.link-opacity {
  text-decoration: none; }
  .link-opacity:hover {
    opacity: .85;
    cursor: pointer;
    text-decoration: none; }

.link:hover {
  text-decoration: underline;
  cursor: pointer; }

.link-underline {
  text-decoration: underline;
  cursor: pointer; }

.i-link {
  cursor: pointer; }
  .i-link:hover {
    text-decoration: none; }
    .i-link:hover > .i-link-text {
      text-decoration: underline; }
  .i-link > .i-link-text {
    display: inline-block;
    vertical-align: middle; }
  .i-link > svg {
    color: inherit; }

hr {
  margin: 0;
  clear: both;
  border: none;
  border-top: 1px solid #ececec; }

.anchor-link {
  margin-top: -50px !important;
  padding-top: 60px; }

small {
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: inline-block; }

/*
        modular color classes
    */
.c-brand {
  color: #cf2528; }

.c-black-30 {
  color: #b2b2b2; }

.c-black-50 {
  color: #7f7f7f; }

.c-black-60 {
  color: #666666; }

.c-black-70 {
  color: #4c4c4c; }

.c-black-80 {
  color: #333333; }

.c-text-black {
  color: #313131; }

.c-white {
  color: white; }

/*
        modular background color classes
    */
.bg-black-50 {
  background-color: #f7f7f7; }

.bg-brand {
  background-color: #cf2528; }

/*
        modular aligning classes
    */
.align-center {
  text-align: center !important; }

@media (min-width: 600px) {
  .align-center-sm {
    text-align: center !important; } }

.align-left {
  text-align: left !important; }

.align-right {
  text-align: right !important; }

/*
        modular floating classes
    */
.fl {
  float: left; }

@media (min-width: 600px) {
  .fl-sm {
    float: left; } }

.fr {
  float: right; }

@media (min-width: 600px) {
  .fr-sm {
    float: right; } }

/* TODO, this is actually t-tin-block but with small differences */
.headline-small-up {
  font-size: 1.1rem;
  line-height: 1.3rem;
  display: block;
  text-transform: uppercase;
  color: #7f7f7f; }
  .fonts-loaded .headline-small-up {
    font-family: "open-sans-bold", Arial, sans-serif; }

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden; }

/*
        ---------------------------------------------------------
        DELETE THIS PART AFTER MIGRATING TO SME BOOTSTRAP BUNDLE
        ---------------------------------------------------------
    */
.is-hidden {
  display: none !important; }

.es-block-mobile {
  display: block; }
  @media (min-width: 600px) {
    .es-block-mobile {
      display: inline-block; } }

.is-hidden-mobile {
  display: none !important; }
  @media (min-width: 600px) {
    .is-hidden-mobile {
      display: inline-block !important; } }

.is-hidden-mobile-block {
  display: none !important; }
  @media (min-width: 600px) {
    .is-hidden-mobile-block {
      display: block !important; } }

@media (min-width: 600px) {
  .is-hidden-desktop {
    display: none !important; } }

.es-fixed {
  position: fixed; }

.es-block {
  display: block !important; }

.es-inline-block {
  display: inline-block; }

.uppercase {
  text-transform: uppercase !important; }

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

.es-right {
  float: right !important; }

.margin-m {
  margin: 1em 0; }

.margin-l {
  margin: 1.5em 0; }

.margin-s {
  margin: 0.5em 0; }

/* base styles for svg icons, to apply them use "svg-icon" class on <svg> icon */
[class*="svg-icon"],
[class^="svg-icon"] {
  display: inline-block;
  vertical-align: middle;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  /* fix for hover state */ }
  [class*="svg-icon"]:hover,
  [class^="svg-icon"]:hover {
    pointer-events: all; }

/*
    font size mixins
*/
/*
        previour rb-heading - main
     */
.h-tiny-l {
  font-size: 1.4rem;
  line-height: 2rem;
  text-transform: uppercase; }

.h-tiny-bold-l {
  font-size: 1.4rem;
  line-height: 2rem;
  text-transform: uppercase; }
  .fonts-loaded .h-tiny-bold-l {
    font-family: "open-sans-bold", Arial, sans-serif; }

.h-tiny {
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-transform: uppercase; }

.h-tiny-bold {
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-transform: uppercase; }
  .fonts-loaded .h-tiny-bold {
    font-family: "open-sans-bold", Arial, sans-serif; }

/*
        FEDRA font family classes
        1 = fedra
    */
.h-main-1-xxl {
  font-size: 3rem;
  line-height: 2.9rem; }
  .fonts-loaded .h-main-1-xxl {
    font-family: "fedra-display-heavy"; }
  @media (min-width: 600px) {
    .h-main-1-xxl {
      font-size: 4rem;
      line-height: 3.8rem; } }

.h-main-1-xl {
  font-size: 3rem;
  line-height: 3.4rem; }
  .fonts-loaded .h-main-1-xl {
    font-family: "fedra-display-heavy"; }

.h-main-1-l {
  font-size: 2.5rem;
  line-height: 2.9rem; }
  .fonts-loaded .h-main-1-l {
    font-family: "fedra-display-heavy"; }

.h-main-1-m {
  font-size: 2rem;
  line-height: 2.2rem; }
  .fonts-loaded .h-main-1-m {
    font-family: "fedra-display-heavy"; }

/*
        GRETA font family classes
        2 = greta
    */
.h-main-2-xl {
  font-size: 3.2rem;
  line-height: 3.8rem; }
  .fonts-loaded .h-main-2-xl {
    font-family: "greta-display-medium"; }
  @media (min-width: 600px) {
    .h-main-2-xl {
      font-size: 3.8rem;
      line-height: 4.2rem; } }

.h-main-2-l {
  font-size: 2.7rem;
  line-height: 2.8rem; }
  .fonts-loaded .h-main-2-l {
    font-family: "greta-display-medium"; }
  @media (min-width: 600px) {
    .h-main-2-l {
      font-size: 3rem;
      line-height: 3.2rem; } }

.h-main-2-m {
  font-size: 2.4rem;
  line-height: 2.8rem; }
  .fonts-loaded .h-main-2-m {
    font-family: "greta-display-medium"; }

.h-main-2-s {
  font-size: 2rem;
  line-height: 2.2rem; }
  .fonts-loaded .h-main-2-s {
    font-family: "greta-display-medium"; }

.h-main-2-xs {
  font-size: 1.6rem;
  line-height: 1.6rem; }
  .fonts-loaded .h-main-2-xs {
    font-family: "greta-display-medium"; }

/*
        OPEN-SANS font family classes
        3 = open-sans
    */
/*
        modular font family classes
    */
.fonts-loaded .sans-reg {
  font-family: "open-sans-regular", Arial, sans-serif; }

.fonts-loaded .sans-reg b, .fonts-loaded .sans-reg strong {
  font-family: "open-sans-bold", Arial, sans-serif; }

/* open sans */
.fonts-loaded .sans-bold {
  font-family: "open-sans-bold", Arial, sans-serif; }

/* greta medium normal */
.fonts-loaded .serif-bold {
  font-family: "greta-medium-normal"; }

/*
        modular font size classes
    */
.fs-l {
  font-size: 1.7rem;
  line-height: 2.2rem; }
  @media (min-width: 600px) {
    .fs-l {
      font-size: 1.7rem;
      line-height: 2.2rem; } }

.fs-m {
  font-size: 1.5rem;
  line-height: 1.9rem; }
  @media (min-width: 600px) {
    .fs-m {
      font-size: 1.5rem;
      line-height: 1.9rem; } }

.fs-s {
  font-size: 1.3rem;
  line-height: 1.6rem; }
  @media (min-width: 600px) {
    .fs-s {
      font-size: 1.3rem;
      line-height: 1.6rem; } }

.fs-xs {
  font-size: 1.1rem;
  line-height: 1.4rem; }
  @media (min-width: 600px) {
    .fs-xs {
      font-size: 1.1rem;
      line-height: 1.4rem; } }

@media (max-width: 599px) {
  .fs-m-mo {
    font-size: 1.5rem;
    line-height: 1.9rem; } }

/* TODO consider to not include every class in critical */
/* btn default */
.btn {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  background: #F0F0F0;
  border-radius: 3px;
  border: none;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /*
            Default size and padding
        */
  font-size: 1.3rem;
  line-height: 1.8rem;
  padding: 7px 15px; }
  .fonts-loaded .btn {
    font-family: "open-sans-bold", Arial, sans-serif; }
  .btn:last-child {
    margin-right: 0; }
  .btn:focus {
    outline: none; }
  .btn:hover {
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 0.9; }
  .btn:disabled {
    background: #f7f7f7;
    color: #b2b2b2;
    cursor: auto; }
    .btn:disabled:hover {
      opacity: 1; }

.btn {
  margin-right: 10px; }
  .btn:last-child {
    margin-right: 0 !important; }
  .btn.wf {
    margin-right: 0; }
  @media (max-width: 599px) {
    .btn.wf-mo {
      margin-right: 0; } }

/* btn sizes */
.btn-s {
  font-size: 1.1rem;
  line-height: 1.4rem;
  padding: 3px 10px; }

.btn-m {
  font-size: 1.3rem;
  line-height: 1.8rem;
  padding: 7px 15px; }

.btn-l {
  font-size: 1.45rem;
  line-height: 1.9rem;
  padding: 12.5px 20px;
  border-radius: 4px; }

/* btn styles */
.btn-disabled {
  opacity: 0.5 !important;
  cursor: default !important;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.btn-empty {
  background: white;
  border: none; }
  .fonts-loaded .btn-empty {
    font-family: "open-sans-regular", Arial, sans-serif; }

.btn-primary {
  background: #cf2528;
  color: white; }

.btn-basic {
  background: #f7f7f7;
  color: #7f7f7f; }

.btn-border {
  border: 1px solid #ececec;
  color: #313131;
  /* TODO warning */
  background: white; }

.btn-border-selected {
  border: 1px solid #ececec; }
  .fonts-loaded .btn-border-selected {
    font-family: "open-sans-bold", Arial, sans-serif; }

.btn-border-primary {
  border: 1px solid #cf2528;
  color: #cf2528;
  background: transparent; }
  .btn-border-primary:hover {
    color: white; }

.btn-reload {
  position: relative;
  text-align: left; }
  @media (min-width: 600px) {
    .btn-reload {
      padding-left: 62px; } }
  .btn-reload i {
    font-size: 18px;
    position: relative;
    left: -4px;
    top: -2px; }
    @media (min-width: 600px) {
      .btn-reload i {
        font-size: 25px;
        position: absolute;
        left: 27px;
        top: 10px; } }

.btn-inverse {
  background: #444444;
  color: white; }

/*
    modular border classes
*/
.bt {
  border-top: 1px solid #ececec; }

.bb {
  border-bottom: 1px solid #ececec; }

.b-all {
  border: 1px solid #ececec; }

.tt-main {
  position: absolute;
  z-index: 250;
  background: white;
  border-radius: 2px;
  display: none; }
  .tt-main:after {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: white transparent transparent transparent; }
  .tt-main.is-top, .tt-main.is-bottom {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
    .tt-main.is-top:after, .tt-main.is-bottom:after {
      margin-left: -5px;
      left: 50%; }
  .tt-main.is-top {
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.15);
    bottom: 150%; }
    .tt-main.is-top:after {
      top: 100%; }
  .tt-main.is-bottom {
    -webkit-box-shadow: 0 -4px 25px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 -4px 25px 0 rgba(0, 0, 0, 0.15);
    top: 150%; }
    .tt-main.is-bottom:after {
      bottom: 100%;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }

.tt-toggle {
  position: relative; }
  .tt-toggle:hover .tt-main {
    display: block; }

.spinner {
  font-size: 1.05rem;
  line-height: 1.3rem;
  text-transform: uppercase;
  color: #7f7f7f;
  text-align: center; }
  .fonts-loaded .spinner {
    font-family: "open-sans-regular", Arial, sans-serif; }
  .spinner.spinner-s:before {
    width: 24px;
    height: 24px; }
  .spinner.spinner-m:before {
    width: 30px;
    height: 30px; }
  .spinner:before {
    content: '';
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #f7f7f7;
    border-top-color: #cf2528;
    -webkit-animation: spinning .6s linear infinite;
            animation: spinning .6s linear infinite; }

.sme-footer {
  font-size: 1.5rem;
  line-height: 2.25rem;
  background: #f7f7f7;
  margin-top: 30px;
  padding-bottom: 30px;
  /* css overrides for REGIONY footer */ }
  .fonts-loaded .sme-footer {
    font-family: "open-sans-regular", Arial, sans-serif; }
  .sme-footer.sme-footer-regions .sme-footer-bottom {
    padding: 30px 0; }
  .sme-footer.sme-footer-regions .footer-logo-svg {
    fill: #7f7f7f;
    width: 60px;
    height: 33px; }
  .sme-footer.sme-footer-regions .sme-footer-top .footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .sme-footer.sme-footer-regions .footer-logo-text {
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #7f7f7f; }
    .sme-footer.sme-footer-regions .footer-logo-text:hover {
      text-decoration: none; }

.inner-footer-top, .inner-footer-bottom {
  width: 100%;
  text-align: center;
  margin: auto; }
  @media (min-width: 600px) {
    .inner-footer-top, .inner-footer-bottom {
      width: 1000px; } }

.inner-footer-bottom {
  padding: 40px 0; }

.sme-footer-top {
  padding: 10px 0;
  border-bottom: 1px solid #ececec; }
  .sme-footer-top nav a {
    color: #4c4c4c;
    margin: 0;
    display: block;
    padding: 5px 0;
    text-align: center; }
  .sme-footer-top nav .up {
    position: absolute;
    right: 0;
    top: -10px;
    fill: #c7c7c7;
    padding: 13px;
    margin: 0;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease; }
    .sme-footer-top nav .up:hover {
      opacity: 0.8;
      text-decoration: none; }
  .sme-footer-top .sme-footer-logo {
    cursor: pointer;
    fill: #c7c7c7; }

.sme-footer-responsive-toggle {
  display: none;
  padding: 25px;
  background: #cf2528;
  font-size: 2.8rem;
  line-height: 3.4rem;
  color: #FFF;
  text-align: center;
  text-transform: uppercase; }
  .fonts-loaded .sme-footer-responsive-toggle {
    font-family: "open-sans-regular", Arial, sans-serif; }

.footer-logo img {
  height: 26px; }

@media (min-width: 600px) {
  .footer-logo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0; } }

.footer-share {
  text-align: center;
  margin-top: 40px; }
  .footer-share .item {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle; }
    .footer-share .item:hover {
      opacity: 0.8; }
    .footer-share .item svg {
      display: table-cell;
      fill: white;
      margin: auto;
      margin-top: 8px; }
    .footer-share .item.fb {
      background: #3b5998; }
    .footer-share .item.tw {
      background: #00aced; }
    .footer-share .item.inst {
      background: #fc3f70; }

.sme-footer .site-wrapper {
  background: transparent;
  text-align: center; }

@media (max-width: 599px) {
  .sme-footer-services .es-block-mobile {
    margin-top: 20px; } }

.sme-footer-services .item {
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: inline-block;
  color: #8D8D8D;
  width: 70px; }
  @media (min-width: 600px) {
    .sme-footer-services .item {
      padding: 0 5px;
      width: 80px; } }
  .sme-footer-services .item i {
    display: inline-block; }
  .sme-footer-services .item .text {
    display: block; }
  .sme-footer-services .item:hover {
    opacity: 0.8;
    text-decoration: none; }

.sme-footer-services svg {
  fill: #c7c7c7;
  margin-bottom: 5px; }

.sme-footer-bottom {
  background: #f7f7f7;
  color: #4c4c4c;
  text-align: center; }
  .sme-footer-bottom small {
    color: #666666; }

@media (min-width: 600px) {
  .sme-footer .sme-footer-top {
    padding: 0; }
    .sme-footer .sme-footer-top nav a {
      display: inline-block;
      margin: 0 15px;
      padding: 25px 0; }
    .sme-footer .sme-footer-top nav .up {
      right: 0;
      top: 0;
      height: 100%;
      margin: 0;
      padding: 20px; }
      .sme-footer .sme-footer-top nav .up svg {
        fill: #c7c7c7; }
  .sme-footer .sme-footer-logo {
    position: absolute;
    left: 0;
    top: -5px; } }

.sme-footer-copyright {
  font-size: 1.2rem;
  line-height: 1.8rem;
  max-width: 1000px;
  margin: 50px auto 20px;
  text-align: center;
  position: relative;
  z-index: 10;
  color: #c4c4c4;
  padding: 0 15px; }
  .sme-footer-copyright a {
    color: #4c4c4c;
    margin: 0 3px; }

.bottom-wrap {
  height: 0;
  overflow: hidden; }

.sme-footer-bottom-wrap {
  background: #222; }

header {
  position: relative;
  font-size: 1.3rem;
  line-height: 1.9rem;
  clear: both; }
  .fonts-loaded header {
    font-family: "open-sans-regular", Arial, sans-serif; }
  @media (min-width: 600px) {
    header {
      background: white;
      max-width: 1000px; }
      header .header-search, header .header-nl {
        border: none;
        display: block;
        background: transparent;
        padding: 0; }
        header .header-search input[type="text"], header .header-nl input[type="text"] {
          width: 240px; }
        header .header-search .btn-search, header .header-nl .btn-search {
          width: auto;
          margin-left: 10px; } }

.header-logo-sme, .header-logo-korzar {
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  margin-top: 15px; }
  @media (min-width: 600px) {
    .header-logo-sme, .header-logo-korzar {
      margin: 0; } }
  .header-logo-sme:hover, .header-logo-korzar:hover {
    opacity: 0.7;
    text-decoration: none; }
  .header-logo-sme .svg-container, .header-logo-korzar .svg-container {
    width: 85px;
    height: 30px;
    overflow: hidden;
    pointer-events: none;
    max-height: 46px;
    fill: #cf2528; }
    @media (min-width: 600px) {
      .header-logo-sme .svg-container, .header-logo-korzar .svg-container {
        width: 95px;
        height: 45px;
        margin: 25px 0 0; } }
  .header-logo-sme span, .header-logo-korzar span {
    text-indent: -9999px;
    display: inline-block; }

.header-logo-korzar .svg-container {
  width: 130px; }
  @media (min-width: 600px) {
    .header-logo-korzar .svg-container {
      width: 199px;
      max-height: 50px; } }

.header-text-info {
  color: #7f7f7f;
  margin-bottom: 10px; }
  .fonts-loaded .header-text-info {
    font-family: "open-sans-regular", Arial, sans-serif; }
  .header-text-info a {
    color: #7f7f7f; }
    .fonts-loaded .header-text-info a {
      font-family: "open-sans-bold", Arial, sans-serif; }

.header-logo-alt {
  margin: 11px 0 0 5px;
  letter-spacing: -2px;
  font-size: 2.9rem;
  line-height: 4.4rem;
  color: #313131;
  display: inline-block;
  vertical-align: top; }
  .header-logo-alt:hover {
    text-decoration: none;
    opacity: 0.8; }
  @media (min-width: 600px) {
    .header-logo-alt {
      font-size: 3.8rem;
      line-height: 4.4rem;
      margin: 31px 0 0 5px; } }
  .fonts-loaded .header-logo-alt b {
    font-family: "open-sans-regular", Arial, sans-serif; }

.header-logo {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  display: inline-block;
  white-space: nowrap;
  margin: 12px 0 0 5px;
  vertical-align: middle; }
  .header-logo:hover {
    text-decoration: none; }
  .header-logo .logo-mobile {
    display: block;
    max-height: 100%; }
  .header-logo b {
    font-size: 4rem;
    line-height: 4rem;
    color: #313131; }
    .fonts-loaded .header-logo b {
      font-family: "greta-display-medium"; }
  @media (min-width: 600px) {
    .header-logo {
      max-width: none;
      max-height: none;
      margin: 28px 0 0 10px;
      height: auto; }
      .header-logo b {
        font-size: 4.6rem;
        line-height: 4.4rem;
        color: #313131;
        display: inline-block;
        vertical-align: top; }
      .header-logo .svg-container {
        width: 95px;
        max-width: none;
        height: 37px;
        margin-right: 10px; } }

/*On title page is visible only logo SME*/
.header-title-logo {
  display: inline-block; }
  @media (min-width: 600px) {
    .header-title-logo .svg-container {
      width: 138px;
      max-height: 48px; } }

.header-text-info {
  color: #7f7f7f;
  margin: 0 auto 10px auto;
  padding: 0 15px; }
  .fonts-loaded .header-text-info {
    font-family: "open-sans-regular", Arial, sans-serif; }
  @media (min-width: 600px) {
    .header-text-info {
      white-space: nowrap;
      max-width: 430px;
      overflow: hidden;
      text-overflow: ellipsis; } }
  .header-text-info a {
    color: #7f7f7f; }
    .fonts-loaded .header-text-info a {
      font-family: "open-sans-bold", Arial, sans-serif; }
  .header-text-info b {
    color: #313131; }
    .fonts-loaded .header-text-info b {
      font-family: "open-sans-bold", Arial, sans-serif; }

/* two aside ads in header */
.header-ad {
  display: none; }
  @media (min-width: 600px) {
    .header-ad {
      position: absolute;
      top: 0;
      max-width: 220px;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .header-ad.header-ad-left {
        left: 0; }
      .header-ad.header-ad-right {
        right: 0; }
      .header-ad .header-ad-inner {
        max-height: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .header-ad .header-ad-inner > div > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
      .header-ad .header-ad-img {
        display: inline-block;
        max-height: 65px;
        max-width: 65px; }
      .header-ad .header-ad-text {
        font-size: 1.3rem;
        line-height: 1.5rem;
        display: inline-block;
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
        padding-left: 10px;
        text-align: left; }
      .header-ad a img {
        display: block; } }

.header-ad-label-left {
  display: none; }
  @media (min-width: 600px) {
    .header-ad-label-left {
      display: block;
      width: 100%; } }

@media (min-width: 600px) {
  .header-right-panel {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); } }

.header-slogan {
  padding: 6px 0 6px; }
  @media (min-width: 600px) {
    .header-slogan {
      text-align: right;
      padding: 0 0 6px; } }

.header-top {
  text-align: center; }
  @media (min-width: 600px) {
    .header-top {
      height: 115px;
      position: relative; } }

.header-mobile-nav {
  display: none; }

.header-mobile-nav {
  font-size: 30px;
  cursor: pointer;
  color: white;
  float: right; }
  .header-mobile-nav span {
    padding: 15px;
    float: right; }

.header-search, .header-nl {
  padding: 10px;
  display: none; }
  .header-search input[type="text"], .header-nl input[type="text"],
  .header-search input[type="email"],
  .header-nl input[type="email"] {
    font-size: 1.4rem;
    line-height: 1.6rem;
    width: 65%;
    height: 34px;
    line-height: 24px;
    padding: 5px 10px;
    float: left;
    color: #4c4c4c;
    background: #f7f7f7;
    vertical-align: middle; }
  .header-search .btn-search, .header-nl .btn-search {
    width: 30%;
    height: 34px;
    padding: 0 15px;
    margin: 0 0 0 4%;
    float: left;
    line-height: 34px;
    text-transform: uppercase; }

/*
	 *	Here is custom CSS for region landing page. Contains styles for Logo, Map
	 *	TODO consider creating new critical scss for all region sections
	 */
.header-center {
  text-align: center; }
  @media (min-width: 600px) {
    .header-center {
      width: 50%;
      margin: auto; } }

.header-right-panel, .header-left-panel {
  display: none; }
  @media (min-width: 600px) {
    .header-right-panel, .header-left-panel {
      display: block;
      width: 25%;
      height: 100%;
      padding: 15px 0 0 0;
      text-align: left;
      position: absolute;
      top: 0; } }
  .header-right-panel .rb-heading, .header-left-panel .rb-heading {
    margin: 15px 0 0 0;
    display: block; }

.header-right-panel {
  right: 0; }

.header-left-panel {
  left: 0; }

.header-left-panel {
  text-align: left; }

.header-top-flex {
  padding: 20px 0 0 0; }
  @media (min-width: 600px) {
    .header-top-flex {
      height: 130px;
      padding: 0;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.header-logo-my .svg-container {
  width: 85px;
  pointer-events: none; }
  @media (min-width: 600px) {
    .header-logo-my .svg-container {
      width: 114px;
      height: 60px; } }

.svg-regions-map {
  margin: 5px 10px; }

.header-logo-text {
  font-size: 3.2rem;
  line-height: 4rem;
  color: #313131;
  letter-spacing: -2px; }
  .header-logo-text:hover {
    text-decoration: none; }
  @media (min-width: 600px) {
    .header-logo-text {
      font-size: 4rem;
      line-height: 4.4rem; } }

.header-ad {
  display: none; }
  @media (min-width: 600px) {
    .header-ad {
      position: absolute;
      top: 0;
      max-width: 220px;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .header-ad.header-ad-left {
        left: 0; }
      .header-ad.header-ad-right {
        right: 0; }
      .header-ad .header-ad-inner {
        max-height: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .header-ad .header-ad-inner > div > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
      .header-ad .header-ad-img {
        display: inline-block;
        max-height: 65px;
        max-width: 65px; }
      .header-ad .header-ad-text {
        font-size: 1.3rem;
        line-height: 1.5rem;
        display: inline-block;
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
        padding-left: 10px;
        text-align: left; }
      .header-ad a img {
        display: block; } }

.header-ad-label-left {
  display: none; }
  @media (min-width: 600px) {
    .header-ad-label-left {
      display: block;
      width: 100%; } }

.site-wrapper {
  background: white; }
  @media (min-width: 600px) {
    .site-wrapper {
      width: 1000px;
      margin: auto; } }

.right-panel > * {
  margin-left: 15px;
  margin-right: 15px; }

@media (min-width: 600px) {
  .right-panel > * {
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 600px) {
  .right-panel {
    width: 336px;
    float: right; } }

.left-panel {
  padding: 0 15px; }
  @media (min-width: 600px) {
    .left-panel {
      width: 614px;
      padding: 0;
      margin-right: 20px;
      float: left; } }

/* these wrappers make mostly menus/nagivations horizontally scrollable on responsive devices */
@media (max-width: 599px) {
  .tabs-scroll-wrapper {
    overflow: hidden;
    position: relative;
    clear: both; } }

@media (max-width: 599px) {
  .tabs-scroll-wrapper-inner {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; } }

/*
    styles for Main navigation, the red one
*/
[placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.8s 0.8s ease;
  transition: opacity 0.8s 0.8s ease;
  opacity: 0; }

/* first level navigation, the red one */
.main-nav {
  clear: both;
  position: relative;
  display: table-cell;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /* --- Tablet screen --- */ }
  .fonts-loaded .main-nav {
    font-family: "open-sans-regular", Arial, sans-serif; }
  .main-nav > ul {
    white-space: nowrap;
    padding-right: 120px; }
  .main-nav > ul > li {
    display: table-cell;
    white-space: nowrap; }
    .main-nav > ul > li:first-child a {
      padding-left: 7px; }
    .main-nav > ul > li > a {
      font-size: 1.25rem;
      line-height: 2.1rem;
      display: block;
      height: 38px;
      padding: 9px 4px 9px 5px;
      text-transform: uppercase;
      -webkit-transition: background-color 0.3s ease;
      transition: background-color 0.3s ease; }
      @media (min-width: 600px) {
        .main-nav > ul > li > a {
          padding: 7px 4px 6px 5px;
          height: 36px; } }
      .main-nav > ul > li > a:hover, .main-nav > ul > li > a.is-selected {
        text-decoration: none; }
  @media (min-width: 600px) {
    .main-nav {
      padding: 0; }
      .main-nav > ul > li > a {
        display: inline-block;
        border: none; } }

/* Second level navigation, the grey one */
.sub-nav {
  clear: both;
  background: #666666;
  display: table-cell; }
  .fonts-loaded .sub-nav {
    font-family: "open-sans-regular", Arial, sans-serif; }
  @media (min-width: 600px) {
    .sub-nav {
      padding: 0 4px; } }
  .sub-nav > ul {
    white-space: nowrap;
    padding-right: 120px; }
    @media (min-width: 600px) {
      .sub-nav > ul {
        padding-right: 0; } }
    .sub-nav > ul > li {
      display: table-cell;
      white-space: nowrap; }
      .sub-nav > ul > li > a {
        font-size: 1.3rem;
        line-height: 1.8rem;
        padding: 8px 5px 10px;
        display: inline-block;
        position: relative; }
        .sub-nav > ul > li > a.is-selected {
          background: transparent; }
          .fonts-loaded .sub-nav > ul > li > a.is-selected {
            font-family: "open-sans-bold", Arial, sans-serif; }
        .sub-nav > ul > li > a:hover {
          background: transparent;
          text-decoration: underline; }
  .sub-nav .sub-nav-category {
    background: #f8f8f8; }
    .sub-nav .sub-nav-category a, .sub-nav .sub-nav-category > span {
      padding: 8px 12px 8px 8px;
      margin-right: 5px;
      display: inline-block;
      position: relative;
      -webkit-transition: none;
      transition: none; }
      .fonts-loaded .sub-nav .sub-nav-category a, .fonts-loaded .sub-nav .sub-nav-category > span {
        font-family: "open-sans-bold", Arial, sans-serif; }
      .sub-nav .sub-nav-category a:hover, .sub-nav .sub-nav-category > span:hover {
        background: #f8f8f8; }
    .sub-nav .sub-nav-category .sprite-submenu-arrow {
      position: absolute;
      right: 0;
      top: 0;
      height: 36px; }
    @media (min-width: 600px) {
      .sub-nav .sub-nav-category a, .sub-nav .sub-nav-category > span {
        padding: 8px 19px 8px 12px;
        margin-right: 8px; } }

/* blue POST button in navigation */
.nav-post-link {
  font-size: 1.3rem;
  line-height: 1.9rem;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.44);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.44);
  width: 111px;
  text-align: center;
  background: #dbe6ef;
  color: #3f6ea7;
  position: absolute;
  right: 0;
  top: 0;
  height: 36px;
  padding: 8px 11px; }
  .fonts-loaded .nav-post-link {
    font-family: "open-sans-bold", Arial, sans-serif; }
  @media (min-width: 600px) {
    .nav-post-link {
      bottom: 0;
      -webkit-box-shadow: none;
              box-shadow: none; } }
  .nav-post-link:hover {
    text-decoration: none; }
  .nav-post-link i {
    vertical-align: middle;
    font-size: 150%;
    display: inline-block;
    margin: 0 5px 0 0; }

/* Dropdown menu in second level navigation */
.sub-nav-dropdown-toggle {
  position: relative;
  white-space: nowrap; }

.sub-nav-dropdown-menu {
  display: none; }

/* main navigation search and controls */
.main-nav-ctrls {
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  position: absolute;
  right: 0;
  top: 0;
  width: 111px;
  height: 38px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.74);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.74); }
  @media (min-width: 600px) {
    .main-nav-ctrls {
      -webkit-box-shadow: none;
              box-shadow: none;
      height: 36px; } }
  .main-nav-ctrls.is-open {
    width: 320px; }
    @media (min-width: 600px) {
      .main-nav-ctrls.is-open {
        width: 354px; } }

.main-nav-search {
  color: white;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 20;
  overflow: hidden;
  width: 0; }

.main-search-open,
.main-search-close {
  display: inline-block;
  cursor: pointer;
  width: 33px;
  height: 38px;
  background: #3A3A3A; }
  @media (min-width: 600px) {
    .main-search-open,
    .main-search-close {
      height: 36px; } }
  .main-search-open:hover,
  .main-search-close:hover {
    background: #444444; }
  .main-search-open svg,
  .main-search-close svg {
    position: relative;
    fill: white; }

.main-search-open {
  float: right; }
  .main-search-open svg {
    font-size: 16px;
    top: 8px;
    left: 8px; }
    @media (min-width: 600px) {
      .main-search-open svg {
        top: 7px; } }

.submenu {
  display: none; }

.submenu-toggle {
  float: right;
  background: #3A3A3A;
  color: white;
  height: 38px;
  padding: 9px 8px;
  border-right: 1px solid #828282;
  cursor: pointer;
  line-height: 21px;
  width: 78px;
  white-space: nowrap; }
  @media (min-width: 600px) {
    .submenu-toggle {
      height: 36px;
      padding: 8px; }
      .submenu-toggle.is-open:hover {
        background: #f7f7f7; }
      .submenu-toggle:hover {
        background: #444444; } }
  .submenu-toggle.is-open {
    background: #f7f7f7;
    color: #252525; }
    .submenu-toggle.is-open svg {
      fill: #252525; }
  .submenu-toggle svg {
    font-size: 2rem;
    line-height: 1rem;
    position: relative;
    top: -2px;
    fill: white; }
  .submenu-toggle .text {
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px; }
    .fonts-loaded .submenu-toggle .text {
      font-family: "open-sans-bold", Arial, sans-serif; }

.nav-outer-wrapper {
  height: 38px;
  position: relative;
  overflow-x: hidden; }
  @media (min-width: 600px) {
    .nav-outer-wrapper {
      overflow-x: visible;
      height: 36px; } }
  @media (min-width: 600px) {
    .nav-outer-wrapper.is-open {
      -webkit-transform: translate(0, 50px);
          -ms-transform: translate(0, 50px);
              transform: translate(0, 50px); } }
  .nav-outer-wrapper.sub-nav-outer-wrapper {
    height: 36px;
    background: #f7f7f7; }
  .nav-outer-wrapper.sub-nav-outer-wrapper-2 {
    height: 50px;
    background: white; }

.scroll-wrapper {
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 600px) {
    .scroll-wrapper {
      overflow-x: visible; } }

.scroll-wrapper::-webkit-scrollbar {
  display: none; }

.sub-nav-2 {
  /*
            other styles are in artemis theme scss
         */
  display: block;
  width: 100%; }
  .sub-nav-2 ul {
    border-bottom: 1px solid #ececec; }
  .sub-nav-2 > ul > li > a {
    padding: 6px 15px;
    line-height: 34px;
    height: 49px; }
    .sub-nav-2 > ul > li > a.is-selected {
      top: 1px;
      line-height: 33px; }

/* Moved to non critical, currently not used, but Andrej H. said that it will work one day */
.nav-post-notification {
  font-size: 1.19rem;
  line-height: 1.3rem;
  background: #0297ff;
  padding: 1px 4px;
  display: inline-block;
  color: white;
  border-radius: 2px; }

.easyAdminActions {
  position: absolute;
  right: 10px;
  bottom: 0; }
  .easyAdminActions a {
    color: #313131;
    font-size: 13px;
    font-weight: bold; }

.sub-nav-dropdown-menu,
.fc-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 5px 0;
  margin-top: 0;
  background-color: white;
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
  font-size: 1.3rem;
  line-height: 1.7rem; }
  .sub-nav-dropdown-menu > li > a,
  .fc-dropdown > li > a {
    border-right: none;
    padding: 7px 15px;
    display: block; }
    .sub-nav-dropdown-menu > li > a:hover,
    .fc-dropdown > li > a:hover {
      background: #f7f7f7;
      text-decoration: none; }
  .sub-nav-dropdown-menu li,
  .fc-dropdown li {
    display: block; }
    .sub-nav-dropdown-menu li.level-2 > a,
    .fc-dropdown li.level-2 > a {
      padding-left: 30px; }

@media (min-width: 600px) {
  .sub-nav-dropdown-menu {
    width: auto;
    min-width: 160px; } }

.nav-dropdown-menu-region {
  font-size: 1.3rem;
  line-height: 1.5rem;
  padding: 10px 0 20px;
  z-index: 99999;
  white-space: normal;
  text-align: center;
  top: auto; }
  .fonts-loaded .nav-dropdown-menu-region {
    font-family: "open-sans-regular", Arial, sans-serif; }
  @media (min-width: 600px) {
    .nav-dropdown-menu-region {
      font-size: 1.4rem;
      line-height: 1.5rem;
      padding: 5px 0 25px;
      width: 515px; } }
  .nav-dropdown-menu-region .region-settings {
    padding: 0 15px;
    margin: 1em 0 1.4em;
    text-align: center; }
    .nav-dropdown-menu-region .region-settings small {
      font-size: 1.1rem;
      line-height: 1.65rem;
      display: block;
      text-transform: uppercase;
      color: #7f7f7f;
      margin-bottom: 2px; }
    .nav-dropdown-menu-region .region-settings h4 {
      font-size: 2rem;
      line-height: 2rem;
      color: #313131;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px; }
      @media (min-width: 600px) {
        .nav-dropdown-menu-region .region-settings h4 {
          font-size: 2.5rem;
          line-height: 2.5rem; } }
    .nav-dropdown-menu-region .region-settings a {
      font-size: 1.1rem;
      line-height: 1.65rem;
      text-transform: uppercase;
      vertical-align: bottom; }
  .nav-dropdown-menu-region .region-news-link {
    padding: 1.3em 15px 1.3em;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    .nav-dropdown-menu-region .region-news-link a {
      text-transform: uppercase; }
    .fonts-loaded .nav-dropdown-menu-region .region-news-link strong {
      font-family: "open-sans-bold", Arial, sans-serif; }
  .nav-dropdown-menu-region .region-guide-text {
    margin: 1em 0; }
    @media (min-width: 600px) {
      .nav-dropdown-menu-region .region-guide-text {
        margin: 2em 0; } }
    .nav-dropdown-menu-region .region-guide-text p {
      color: #4c4c4c; }
  .nav-dropdown-menu-region .region-divisions, .nav-dropdown-menu-region .region-guide-text, .nav-dropdown-menu-region .region-current {
    padding: 0 10px; }
    @media (min-width: 600px) {
      .nav-dropdown-menu-region .region-divisions, .nav-dropdown-menu-region .region-guide-text, .nav-dropdown-menu-region .region-current {
        padding: 0 20px; } }
  .nav-dropdown-menu-region .region-divisions {
    text-align: left; }
    .nav-dropdown-menu-region .region-divisions h4 {
      font-size: 1.4rem;
      line-height: 2.1rem; }
      .fonts-loaded .nav-dropdown-menu-region .region-divisions h4 {
        font-family: "open-sans-bold", Arial, sans-serif; }
  .nav-dropdown-menu-region .col {
    text-align: center; }
    .nav-dropdown-menu-region .col a {
      display: block;
      padding: 4px 0; }
  .nav-dropdown-menu-region .gama {
    margin-bottom: 0.5em; }

.choose-region {
  width: 100%;
  text-align: center; }
  @media (min-width: 600px) {
    .choose-region {
      width: auto;
      padding-left: 30px;
      padding-right: 30px; } }

@media (min-width: 600px) {
  .main-nav-search {
    display: block;
    height: 36px; } }

.main-nav-search.is-open {
  width: 320px; }
  @media (min-width: 600px) {
    .main-nav-search.is-open {
      width: 354px; } }

.main-nav-search i, .main-nav-search .text {
  color: white; }

.main-nav-search i {
  font-size: 16px;
  position: relative;
  top: -1px;
  right: -2px; }

.main-nav-search .text {
  font-size: 1.3rem;
  line-height: 2.1rem;
  text-transform: uppercase; }

.main-nav-search input[type="text"] {
  border: none;
  outline: 0;
  border-radius: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 129px;
  background: #e9e9e9;
  padding-left: 15px;
  padding-right: 10px;
  color: #7e7e7e;
  width: 191px;
  height: 38px; }
  .fonts-loaded .main-nav-search input[type="text"] {
    font-family: "open-sans-regular", Arial, sans-serif; }
  @media (min-width: 600px) {
    .main-nav-search input[type="text"] {
      height: 36px;
      width: 225px; } }
  .main-nav-search input[type="text"]::-webkit-input-placeholder {
    color: #7e7e7e; }

.main-nav-search button {
  -webkit-appearance: none;
  border: none;
  padding: 0;
  outline: none;
  position: absolute;
  top: 0;
  right: 34px;
  cursor: pointer;
  overflow: hidden;
  background: #3A3A3A;
  white-space: nowrap;
  height: 38px;
  width: 95px; }
  .fonts-loaded .main-nav-search button {
    font-family: "open-sans-bold", Arial, sans-serif; }
  @media (min-width: 600px) {
    .main-nav-search button {
      height: 36px; } }
  .main-nav-search button:hover {
    background: #444444; }
  .main-nav-search button svg {
    position: relative;
    top: -1px;
    right: -3px;
    fill: white; }

.main-search-close {
  position: absolute;
  right: 0;
  top: 0; }
  .main-search-close svg {
    font-size: 12px;
    left: 10px;
    top: 8px; }
    @media (min-width: 600px) {
      .main-search-close svg {
        top: 6px; } }

/* main nav sticky state after scroll */
@media (min-width: 600px) {
  .main-nav-sticky,
  .submenu-sticky {
    position: fixed;
    top: 0;
    z-index: 8000;
    width: 100%; } }

@media (min-width: 600px) {
  .main-nav-sticky {
    left: 0;
    background: #cf2528;
    -webkit-transform: translateY(-36px);
        -ms-transform: translateY(-36px);
            transform: translateY(-36px); }
    .main-nav-sticky.is-sliding {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    .main-nav-sticky.is-sliding-anim {
      -webkit-transition: -webkit-transform 0.25s ease-out;
      transition: -webkit-transform 0.25s ease-out;
      transition: transform 0.25s ease-out;
      transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; }
    .main-nav-sticky .nav-outer-wrapper {
      max-width: 1000px;
      margin: auto; } }

@media (min-width: 600px) {
  .region-menu-sticky {
    position: relative;
    max-width: 1000px;
    margin: auto; } }

@media (min-width: 600px) {
  .submenu-sticky {
    top: 36px;
    max-width: 1000px;
    margin: auto;
    -webkit-transform: translateY(-36px);
        -ms-transform: translateY(-36px);
            transform: translateY(-36px); }
    .submenu-sticky.is-sliding {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    .submenu-sticky.is-sliding-anim {
      -webkit-transition: -webkit-transform 0.25s ease-out;
      transition: -webkit-transform 0.25s ease-out;
      transition: transform 0.25s ease-out;
      transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } }

/* end sticky state */
/* submenu that opens after clicking on "Menu" button in main redaction nav */
.submenu {
  position: relative;
  background: #f7f7f7;
  padding: 0; }
  .fonts-loaded .submenu {
    font-family: "open-sans-regular", Arial, sans-serif; }
  @media (min-width: 600px) {
    .submenu {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2; } }
  .submenu h3 {
    font-size: 2.6rem;
    line-height: 3.9rem;
    display: inline-block; }
    .fonts-loaded .submenu h3 {
      font-family: "greta-medium-normal"; }
  .submenu .row {
    padding: 8px 10px;
    border-top: 1px solid #ececec; }
    @media (min-width: 600px) {
      .submenu .row {
        padding: 10px 15px;
        -webkit-column-break-inside: avoid;
           -moz-column-break-inside: avoid;
                break-inside: avoid;
        page-break-inside: avoid; } }
  .submenu .section-title,
  .submenu .subsections {
    display: block; }
  .fonts-loaded .submenu .section-title {
    font-family: "greta-medium-normal"; }
  .submenu .section-title a {
    font-size: 1.7rem;
    line-height: 2.7rem; }
    @media (min-width: 600px) {
      .submenu .section-title a {
        font-size: 1.8rem;
        line-height: 2.8rem; } }
  .submenu .subsections a {
    font-size: 1.3rem;
    line-height: 2.2rem;
    color: #4c4c4c;
    margin-right: 8px;
    display: inline-block; }
    @media (min-width: 600px) {
      .submenu .subsections a {
        margin-right: 15px; } }
  .submenu .close {
    -webkit-transition: all 300ms cubic-bezier(0, 0.425, 0, 1.42);
    transition: all 300ms cubic-bezier(0, 0.425, 0, 1.42);
    /* custom */
    position: absolute;
    right: 15px;
    top: 2px;
    padding: 10px;
    cursor: pointer; }
    .submenu .close:hover {
      -webkit-transform: scale(1.4);
          -ms-transform: scale(1.4);
              transform: scale(1.4); }

.fc-dd-list {
  display: none; }

.fc-dd-selected {
  position: relative;
  z-index: 1;
  padding: 15px 70px 15px 20px;
  border-radius: 3px;
  border: 1px solid #ececec;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .fonts-loaded .fc-dd-selected {
    font-family: "open-sans-regular", Arial, sans-serif; }
  .fc-dd-selected:hover {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 0.9; }

.fc-dd-s {
  background: #f7f7f7; }
  .fc-dd-s .fc-dd-selected {
    border: none;
    font-size: 1.4rem;
    line-height: 2.1rem; }
    .fonts-loaded .fc-dd-s .fc-dd-selected {
      font-family: "open-sans-bold", Arial, sans-serif; }
  .fc-dd-s .fc-dd-pointer {
    border: none; }

.fc-dd-pointer {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-left: 1px solid #ececec;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50px; }
  .fc-dd-pointer svg {
    color: #4c4c4c; }

.fc-dd {
  font-size: 1.5rem;
  line-height: 1.9rem; }
  .fc-dd.is-open .fc-dd-list {
    display: block; }
  .fc-dd.is-absolute {
    position: relative; }
    .fc-dd.is-absolute .fc-dd-list {
      position: absolute;
      left: 0;
      top: auto;
      z-index: 10;
      width: 100%;
      margin-top: -1px; }

.fc-dd-list {
  position: relative;
  top: auto;
  z-index: 10;
  margin-top: -1px;
  border: 1px solid #ececec;
  border-radius: 3px;
  background-color: white;
  -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  max-height: 355px; }
  .fc-dd-list li.is-selected,
  .fc-dd-list li a.is-selected,
  .fc-dd-list li a:hover {
    background: #f1f1f1;
    text-decoration: none; }
  .fc-dd-list li a {
    color: #313131;
    padding: 15px 20px;
    display: block; }
    .fonts-loaded .fc-dd-list li a {
      font-family: "open-sans-bold", Arial, sans-serif; }

/*
        Small version of dropdown, used in filters
     */
.fc-dd-s .fc-dd-list {
  font-size: 1.4rem;
  line-height: 2.1rem;
  border: none;
  background: #f7f7f7;
  -webkit-box-shadow: none;
          box-shadow: none; }

.fc-search {
  position: relative; }
  .fc-search.is-open .fc-search-list {
    display: block; }

.fc-search-field {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  padding: 3px;
  border-radius: 5px;
  border: 1px solid #ececec; }
  .fc-search-field input {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #313131;
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    height: 100%;
    padding-left: 18px;
    padding-right: 18px;
    border: none;
    min-width: 140px; }
    .fonts-loaded .fc-search-field input {
      font-family: "open-sans-bold", Arial, sans-serif; }
    .fc-search-field input::-webkit-input-placeholder {
      color: #313131; }
      .fonts-loaded .fc-search-field input::-webkit-input-placeholder {
        font-family: "open-sans-bold", Arial, sans-serif; }
    .fc-search-field input:-moz-placeholder {
      color: #313131; }
      .fonts-loaded .fc-search-field input:-moz-placeholder {
        font-family: "open-sans-bold", Arial, sans-serif; }
    .fc-search-field input::-moz-placeholder {
      color: #313131; }
      .fonts-loaded .fc-search-field input::-moz-placeholder {
        font-family: "open-sans-bold", Arial, sans-serif; }
    .fc-search-field input:-ms-input-placeholder {
      color: #313131; }
      .fonts-loaded .fc-search-field input:-ms-input-placeholder {
        font-family: "open-sans-bold", Arial, sans-serif; }

.fc-search-btn {
  font-size: 1.5rem;
  line-height: 1.5rem;
  height: 100%;
  text-transform: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 70px;
          flex: 1 1 70px;
  padding: 0 15px; }
  @media (min-width: 600px) {
    .fc-search-btn {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 80px;
              flex: 1 1 80px;
      padding: 0 20px; } }
  .fc-search-btn > span {
    display: inline-block;
    vertical-align: middle; }
    .fc-search-btn > span + svg {
      margin-left: 10px;
      color: inherit; }

.fc-search-list {
  display: none;
  position: absolute;
  left: 0;
  top: auto;
  z-index: 200;
  width: 100%;
  margin-top: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: #ececec;
  border-radius: 5px;
  background-color: white;
  -webkit-box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 18px 0 rgba(0, 0, 0, 0.12); }
  .fc-search-list li {
    background-color: white; }
    .fc-search-list li.is-selected,
    .fc-search-list li a:hover {
      background: #f1f1f1;
      text-decoration: none; }
    .fc-search-list li a {
      font-size: 1.5rem;
      line-height: 1.9rem;
      color: #313131;
      padding: 15px 20px;
      display: block; }
      .fonts-loaded .fc-search-list li a {
        font-family: "open-sans-bold", Arial, sans-serif; }

.switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  border: 1px solid #ececec;
  border-radius: 5px;
  height: 60px; }
  .switcher span {
    font-size: 1.5rem;
    line-height: 1.8rem;
    display: inline-block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    cursor: pointer;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .switcher span:not(:last-child) {
      border-right: 1px solid #ececec; }
    .fonts-loaded .switcher span.is-selected {
      font-family: "open-sans-bold", Arial, sans-serif; }

.c-sun {
  color: #fdbf2c; }

.c-snow {
  color: #92bcf0; }

.bg-snow {
  background-color: #92bcf0; }

.town-search .search-wrapper {
  position: relative; }
  .town-search .search-wrapper .twitter-typeahead {
    width: 100%; }
    .town-search .search-wrapper .twitter-typeahead input {
      width: 100%;
      height: 50px;
      outline: none;
      border: 1px solid #ccc;
      line-height: 20px;
      color: #313131;
      padding-left: 15px;
      font-size: 15px;
      border-radius: 5px; }
      .town-search .search-wrapper .twitter-typeahead input::-webkit-input-placeholder {
        color: #bbb;
        font-weight: 700; }
      .town-search .search-wrapper .twitter-typeahead input::-moz-placeholder {
        color: #bbb;
        font-weight: 700; }
      .town-search .search-wrapper .twitter-typeahead input:-ms-input-placeholder {
        color: #bbb;
        font-weight: 700; }
      .town-search .search-wrapper .twitter-typeahead input::-ms-input-placeholder {
        color: #bbb;
        font-weight: 700; }
      .town-search .search-wrapper .twitter-typeahead input::placeholder {
        color: #bbb;
        font-weight: 700; }
    .town-search .search-wrapper .twitter-typeahead .tt-menu {
      background-color: white;
      width: 100%;
      border: 1px solid #ececec;
      border-top: 0;
      padding: 15px 0;
      max-height: 150px;
      overflow-y: auto; }
      .town-search .search-wrapper .twitter-typeahead .tt-menu .tt-suggestion {
        padding: 5px 15px;
        font-size: 14px;
        line-height: 20px; }
        .town-search .search-wrapper .twitter-typeahead .tt-menu .tt-suggestion.tt-cursor, .town-search .search-wrapper .twitter-typeahead .tt-menu .tt-suggestion:hover {
          background-color: #ececec;
          cursor: pointer; }
        .town-search .search-wrapper .twitter-typeahead .tt-menu .tt-suggestion strong {
          font-weight: 600; }
        .town-search .search-wrapper .twitter-typeahead .tt-menu .tt-suggestion a:hover {
          display: block;
          text-decoration: none; }
      .town-search .search-wrapper .twitter-typeahead .tt-menu .no-search-results {
        padding: 0 20px; }
  .town-search .search-wrapper button {
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: #CF2528;
    width: 100%;
    max-width: 95px;
    height: 48px;
    border-radius: 5px;
    border: 3px solid #fff;
    color: #fff; }
    .town-search .search-wrapper button svg {
      width: 16px;
      fill: white; }
    .town-search .search-wrapper button:hover {
      cursor: pointer; }
    .town-search .search-wrapper button span {
      position: relative;
      top: -15px;
      font-weight: 600;
      margin-left: 5px; }

.towns-list > a {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 10px; }

.intro {
  margin-bottom: 2.5rem; }
  .intro h1 {
    font-size: 1.5rem;
    margin-top: 2rem; }
    .intro h1 span {
      display: block;
      font-size: 2.25rem; }
  .intro h2 {
    font-size: 2.25rem; }
  .intro .intro-right {
    margin-top: 6rem;
    margin-bottom: 6rem;
    text-align: center; }
    @media (min-width: 600px) {
      .intro .intro-right {
        padding-left: 2.5rem;
        margin-bottom: 0;
        text-align: left; } }
    @media (min-width: 600px) {
      .intro .intro-right .fc-search {
        max-width: 530px; } }

.not-found-error {
  font-size: 50px;
  font-weight: 600;
  line-height: initial;
  margin: 50px 0; }

.tabs-alt-flex.fav-places {
  border-bottom: none; }
  @media (max-width: 599px) {
    .tabs-alt-flex.fav-places {
      -webkit-box-shadow: inset 0px -1px 0px 0px #ececec;
              box-shadow: inset 0px -1px 0px 0px #ececec; } }
  .tabs-alt-flex.fav-places li {
    position: relative;
    background-color: transparent; }
    @media (min-width: 600px) {
      .tabs-alt-flex.fav-places li:not(:last-child) {
        margin-right: -1px; } }
    .tabs-alt-flex.fav-places li.is-selected {
      -webkit-box-shadow: 0 0px 35px 0px rgba(0, 0, 0, 0.08);
              box-shadow: 0 0px 35px 0px rgba(0, 0, 0, 0.08);
      border-bottom-color: transparent; }
    .tabs-alt-flex.fav-places li:not(.is-selected) {
      border-left-width: 1px;
      border-style: solid;
      border-color: #ececec; }
      @media (min-width: 600px) {
        .tabs-alt-flex.fav-places li:not(.is-selected) {
          border-width: 0 1px 1px 1px;
          border-color: transparent transparent #ececec transparent; } }
    .tabs-alt-flex.fav-places li:hover:not(.is-selected) {
      border-color: #ececec; }
      @media (min-width: 600px) {
        .tabs-alt-flex.fav-places li:hover:not(.is-selected) {
          -webkit-box-shadow: inset 0px 1px 0px 0px #ececec;
                  box-shadow: inset 0px 1px 0px 0px #ececec; } }
    .tabs-alt-flex.fav-places li:hover a {
      text-decoration: none; }
    .tabs-alt-flex.fav-places li:hover .fav-places-item-close {
      display: inline-block; }
    .tabs-alt-flex.fav-places li:hover .add-fav-item {
      border-color: #ececec; }
    .tabs-alt-flex.fav-places li.add-fav-item {
      border-right-width: 1px; }
      @media (max-width: 599px) {
        .tabs-alt-flex.fav-places li.add-fav-item {
          top: -1px; }
          .tabs-alt-flex.fav-places li.add-fav-item a {
            height: 68px; }
          .tabs-alt-flex.fav-places li.add-fav-item .sans-bold {
            margin-top: 0; }
          .tabs-alt-flex.fav-places li.add-fav-item .svg-icon-add {
            margin-right: 15px;
            -webkit-transform: scale(0.8);
                -ms-transform: scale(0.8);
                    transform: scale(0.8); } }
    .tabs-alt-flex.fav-places li a {
      border-right-width: 0;
      background-color: transparent; }
      @media (max-width: 599px) {
        .tabs-alt-flex.fav-places li a {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          padding-left: 20px;
          padding-right: 30px; } }
      @media (max-width: 599px) {
        .tabs-alt-flex.fav-places li a .fs-l {
          display: none; } }
      @media (max-width: 599px) {
        .tabs-alt-flex.fav-places li a .svg-icon-weather {
          -webkit-transform: scale(0.8);
              -ms-transform: scale(0.8);
                  transform: scale(0.8);
          margin-right: 10px; } }
    .tabs-alt-flex.fav-places li .svg-icon-add {
      color: #ececec; }
    .tabs-alt-flex.fav-places li .fav-places-item-close {
      position: absolute;
      top: 5px;
      right: 10px; }
      @media (min-width: 600px) {
        .tabs-alt-flex.fav-places li .fav-places-item-close {
          display: none;
          top: 10px; } }
      .tabs-alt-flex.fav-places li .fav-places-item-close svg {
        color: #ececec; }

/* tabs alt classes for responsive horizontal scrolling */
@media (max-width: 599px) {
  .tabs-fav-places-scroll [class^="tabs-alt"], .tabs-fav-places-scroll [class^="tabs-alt"] ul,
  .tabs-alt-m-scroll [class^="tabs-alt"],
  .tabs-alt-m-scroll [class^="tabs-alt"] ul,
  .tabs-alt-xl-scroll [class^="tabs-alt"],
  .tabs-alt-xl-scroll [class^="tabs-alt"] ul {
    display: table-cell;
    white-space: nowrap; }
  .tabs-fav-places-scroll [class^="tabs-alt"] ul li,
  .tabs-alt-m-scroll [class^="tabs-alt"] ul li,
  .tabs-alt-xl-scroll [class^="tabs-alt"] ul li {
    display: table-cell;
    white-space: nowrap;
    float: none; } }

.tabs-alt-m-scroll .tabs-alt-flex ul,
.tabs-alt-m-scroll .tabs-alt-inline ul {
  border-top: 1px solid transparent; }

.tabs-fav-places-scroll {
  overflow: hidden; }
  @media (max-width: 599px) {
    .tabs-fav-places-scroll {
      height: 71px; }
      .tabs-fav-places-scroll [class^="tabs-alt"], .tabs-fav-places-scroll [class^="tabs-alt"] ul {
        height: 70px; } }

@media (max-width: 599px) {
  .tabs-alt-m-scroll {
    height: 52px; }
    .tabs-alt-m-scroll [class^="tabs-alt"], .tabs-alt-m-scroll [class^="tabs-alt"] ul {
      height: 51px; } }

@media (max-width: 599px) {
  .tabs-alt-xl-scroll {
    height: 72px; }
    .tabs-alt-xl-scroll [class^="tabs-alt"], .tabs-alt-xl-scroll [class^="tabs-alt"] ul {
      height: 71px; } }

.tt-highchart {
  min-width: 175px; }
  .tt-highchart.tt-main {
    display: none; }
    @media (min-width: 600px) {
      .tt-highchart.tt-main {
        display: block; } }
    .tt-highchart.tt-main:after {
      display: none; }

.highchart-square {
  display: inline-block;
  width: 8px;
  height: 8px;
  position: relative;
  top: -2px; }

.highcharts-container {
  overflow: visible !important; }

.fonts-loaded .highcharts-title {
  font-family: "fedra-display-heavy"; }

@media (min-width: 600px) {
  .left-panel {
    margin: 0 10px; } }

/* TODO TEMP styles for MEDIA TYPE label from artemis */
/* Label used for marking content type, ie Video, Audio, Plus */
.media-type {
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 2px 3px 1px;
  text-transform: uppercase;
  vertical-align: middle;
  border-radius: 2px; }
  .fonts-loaded .media-type {
    font-family: "open-sans-bold", Arial, sans-serif; }

.forecast-not-available {
  font-size: 14px;
  margin-top: 30px;
  text-align: center; }

.pre-footer {
  background: #fff;
  padding: 10px 15px 0;
  text-align: center;
  margin-top: 15px;
  border-top: 1px solid #ececec; }
  .pre-footer a {
    color: #313131;
    font-size: 12px;
    line-height: 19px;
    font-family: open-sans-regular, Arial, sans-serif; }

div footer {
  border-top: none !important; }

.sub-nav-outer-wrapper {
  padding: 0 4px; }
  .sub-nav-outer-wrapper > ul {
    white-space: nowrap; }
    .sub-nav-outer-wrapper > ul > li {
      display: inline;
      visibility: hidden; }
      .sub-nav-outer-wrapper > ul > li a {
        display: inline-block;
        color: #cf2528;
        font-size: 13px;
        padding: 8px 5px; }
  @media (max-width: 599px) {
    .sub-nav-outer-wrapper .sub-nav-dropdown-toggle .sub-nav-dropdown-menu {
      display: none !important; } }

.sub-nav-dropdown-menu {
  position: absolute;
  top: 36px !important; }
  @media (max-width: 599px) {
    .sub-nav-dropdown-menu {
      top: 158px !important; } }

@media (max-width: 599px) {
  .breadcrumbs {
    display: none; } }

.breadcrumbs ul {
  padding: 0 5px; }
  .breadcrumbs ul li {
    display: inline; }
    .breadcrumbs ul li a {
      display: inline-block;
      padding: 7px 5px;
      font-size: 13px;
      color: #4c4c4c; }
  .breadcrumbs ul span {
    font-size: 10px; }

.last-locations {
  display: none; }
  @media (max-width: 599px) {
    .last-locations.responsive {
      margin-bottom: 15px; } }
  .last-locations ul li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    margin-bottom: 8px;
    padding: 5px 0;
    border: 1px solid #ececec;
    border-radius: 3px; }
    .last-locations ul li:hover {
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
      opacity: .9; }
    .last-locations ul li a {
      display: inline-block;
      font-family: open-sans-bold, Arial, sans-serif;
      font-size: 13px;
      text-transform: uppercase;
      color: #cf2528;
      padding: 3px 15px; }
      .last-locations ul li a:hover {
        text-decoration: none; }
    .last-locations ul li .remove {
      position: absolute;
      top: -6px;
      right: -5px;
      background-color: #000;
      color: #fff;
      padding: 2px 5px;
      line-height: 1;
      border-radius: 50%;
      opacity: 0.8;
      cursor: pointer;
      font-size: 13px;
      font-weight: 800; }
      .last-locations ul li .remove:hover {
        opacity: 1; }

.location-picker .content .select-region, .location-picker .content .select-district {
  float: left; }
  @media (max-width: 599px) {
    .location-picker .content .select-region, .location-picker .content .select-district {
      float: none;
      width: 100%; } }
  @media (min-width: 600px) {
    .location-picker .content .select-region, .location-picker .content .select-district {
      width: 50%; } }
  .location-picker .content .select-region .select-item, .location-picker .content .select-district .select-item {
    font-family: open-sans-bold, Arial, sans-serif;
    padding: 15px 20px;
    display: block;
    cursor: pointer; }
    .location-picker .content .select-region .select-item:hover, .location-picker .content .select-district .select-item:hover {
      background: #f1f1f1; }

.location-picker .content .towns-list {
  margin-top: 25px; }

.location-picker .slovak-town-list .group {
  margin-bottom: 20px; }

.location-picker .my-xxl .h-main-1-xl {
  font-size: 2.2rem; }

.fcast-table-wrapper.is-expanded .fcast-table-inner-shadow {
  display: none; }

.fcast-table-wrapper.is-expanded .expandable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.fcast-table-inner-shadow {
  display: none; }
  @media (min-width: 600px) {
    .fcast-table-inner-shadow {
      display: block;
      position: absolute;
      bottom: -40px;
      z-index: 5;
      width: 100%;
      height: 40px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-box-shadow: 0 -30px 62px 0 white;
              box-shadow: 0 -30px 62px 0 white; } }

/* tabs alt overrides for forecast table */
.tabs-alt-flex.fcast-table-tabs {
  display: none; }
  @media (min-width: 600px) {
    .tabs-alt-flex.fcast-table-tabs {
      display: block; }
      .fonts-loaded .tabs-alt-flex.fcast-table-tabs li.is-selected a {
        font-family: "open-sans-regular", Arial, sans-serif; }
      .tabs-alt-flex.fcast-table-tabs li a {
        padding-top: 12px;
        padding-bottom: 12px; }
        .tabs-alt-flex.fcast-table-tabs li a:hover {
          text-decoration: none; }
        .tabs-alt-flex.fcast-table-tabs li a > span:first-child {
          font-size: 1.2rem;
          line-height: 1.2rem;
          margin-bottom: 4px; }
        .tabs-alt-flex.fcast-table-tabs li a > span:last-child {
          margin-top: 4px; } }

/* forecast table, currently used on HOME page, one week forecast */
.fcast-table {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-color: #ececec;
  border-width: 1px 0 1px 0;
  border-style: solid; }
  @media (min-width: 600px) {
    .fcast-table {
      border: none;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .fcast-table .expandable {
    display: none; }

/* first section of table that contains all the captions */
.fcast-table-captions {
  display: none; }
  @media (min-width: 600px) {
    .fcast-table-captions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 110px;
              flex: 1 1 110px;
      max-width: 110px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .fcast-table-captions .fcast-table-head {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding-left: 10px; }
      .fcast-table-captions .fcast-table-cell {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-left: 10px; }
        .fcast-table-captions .fcast-table-cell span {
          color: #7f7f7f; } }

.fcast-table-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-color: #f1f1f1;
  border-width: 0 0 1px 0;
  border-style: solid; }
  @media (min-width: 600px) {
    .fcast-table-col {
      border-width: 0 0 0 1px;
      -webkit-transition: background-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
      transition: background-color .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
      transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out;
      transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out; }
      .fcast-table-col.active {
        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1); } }
  .fcast-table-col:last-child {
    border-bottom-width: 0; }
    @media (min-width: 600px) {
      .fcast-table-col:last-child {
        border-right-width: 1px; } }

.fcast-table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  /* time value */
  /* celsias value */
  /* chevron arrow in responsive version */
  /* if is-open in responsive version */ }
  @media (min-width: 600px) {
    .fcast-table-head {
      padding: 0;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 154px;
              flex: 1 1 154px;
      max-height: 154px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .fcast-table-head .h-tiny-bold {
    -ms-flex-preferred-size: 68px;
        flex-basis: 68px;
    max-width: 68px; }
    @media (min-width: 600px) {
      .fcast-table-head .h-tiny-bold {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        max-width: none; } }
  .fcast-table-head span:last-child {
    -ms-flex-preferred-size: 45px;
        flex-basis: 45px;
    max-width: 45px;
    text-align: right; }
    @media (min-width: 600px) {
      .fcast-table-head span:last-child {
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        max-width: none;
        text-align: left; } }
  .fcast-table-head i {
    display: inline-block;
    vertical-align: text-top;
    margin-right: 8px; }
    @media (min-width: 600px) {
      .fcast-table-head i {
        display: none; } }
    .fcast-table-head i svg {
      color: #b2b2b2; }
  @media (max-width: 599px) {
    .fcast-table-head.is-open {
      background-color: #fbfbfb;
      /*temp color*/ }
      .fcast-table-head.is-open + .fcast-table-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #fbfbfb;
        /*temp color*/ }
      .fcast-table-head.is-open i {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); } }

.fcast-table-body {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 15px; }
  @media (min-width: 600px) {
    .fcast-table-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 0; } }

.fcast-table-cell {
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 31px;
          flex: 1 1 31px;
  max-height: 31px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #f1f1f1;
  padding-left: 10px;
  padding-right: 20px;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  /* caption in cell in responsive version */
  /* weather icon and values be aligned to right */ }
  @media (min-width: 600px) {
    .fcast-table-cell {
      margin: 0;
      padding: 0;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-width: 0 0 1px 0; } }
  .fcast-table-cell small {
    display: inline-block;
    color: #7f7f7f; }
    @media (min-width: 600px) {
      .fcast-table-cell small {
        display: none; } }
  .fcast-table-cell i,
  .fcast-table-cell span {
    margin-left: auto; }
    @media (min-width: 600px) {
      .fcast-table-cell i,
      .fcast-table-cell span {
        margin-left: 0; } }

/* styles for wind direction */
i, use {
  display: inline-block; }
  i.south, use.south {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  i.south-south-west, use.south-south-west {
    -webkit-transform: rotate(203deg);
        -ms-transform: rotate(203deg);
            transform: rotate(203deg); }
  i.south-west, use.south-west {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg); }
  i.west-south-west, use.west-south-west {
    -webkit-transform: rotate(248deg);
        -ms-transform: rotate(248deg);
            transform: rotate(248deg); }
  i.west, use.west {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  i.west-north-west, use.west-north-west {
    -webkit-transform: rotate(293deg);
        -ms-transform: rotate(293deg);
            transform: rotate(293deg); }
  i.north-west, use.north-west {
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg); }
  i.north-north-west, use.north-north-west {
    -webkit-transform: rotate(338deg);
        -ms-transform: rotate(338deg);
            transform: rotate(338deg); }
  i.north, use.north {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  i.north-north-east, use.north-north-east {
    -webkit-transform: rotate(23deg);
        -ms-transform: rotate(23deg);
            transform: rotate(23deg); }
  i.north-east, use.north-east {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  i.east-north-east, use.east-north-east {
    -webkit-transform: rotate(68deg);
        -ms-transform: rotate(68deg);
            transform: rotate(68deg); }
  i.east, use.east {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  i.east-south-east, use.east-south-east {
    -webkit-transform: rotate(113deg);
        -ms-transform: rotate(113deg);
            transform: rotate(113deg); }
  i.south-east, use.south-east {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg); }
  i.south-south-east, use.south-south-east {
    -webkit-transform: rotate(158deg);
        -ms-transform: rotate(158deg);
            transform: rotate(158deg); }

/* forecast table extended, currently used on HOME page, 15 days forecast */
.fcast-table-ext-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #313131; }
  @media (min-width: 600px) {
    .fcast-table-ext-row {
      -webkit-transition: background-color .3s ease-in-out;
      transition: background-color .3s ease-in-out;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: 40px; } }
  .fcast-table-ext-row:hover {
    text-decoration: none; }
    @media (min-width: 600px) {
      .fcast-table-ext-row:hover {
        background-color: #fbfbfb;
        /*temp color*/ } }
  @media (max-width: 599px) {
    .fcast-table-ext-row.is-open {
      background-color: #fbfbfb;
      /*temp color*/ }
      .fcast-table-ext-row.is-open .fcast-table-ext-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .fcast-table-ext-row.is-open .fcast-table-ext-cell-day i {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        left: 17px;
        margin-top: 1px; } }
  .fcast-table-ext-row .svg-icon-temp-low,
  .fcast-table-ext-row .svg-icon-temp-high {
    color: #b2b2b2;
    margin-right: 10px; }
  .fcast-table-ext-row i {
    margin-right: 7px; }
  @media (min-width: 600px) {
    .fcast-table-ext-row.fcast-table-ext-head .fcast-table-ext-cell-y small,
    .fcast-table-ext-row.fcast-table-ext-head .fcast-table-ext-cell small,
    .fcast-table-ext-row.fcast-table-ext-head .fcast-table-ext-cell-y small {
      display: inline-block;
      bottom: -webkit-calc(100% + 5px);
      bottom: calc(100% + 5px);
      position: absolute;
      pointer-events: none; } }
  .fcast-table-ext-row.forecast-snow {
    margin: 8px 0; }
    .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell .second, .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell-y .second {
      margin-left: 10px; }
    @media (min-width: 600px) {
      .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell, .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell-y {
        display: block; }
        .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell .first, .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell-y .first, .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell .second, .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell-y .second {
          display: block; }
        .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell .second, .fcast-table-ext-row.forecast-snow .fcast-table-ext-body .fcast-table-ext-cell-y .second {
          margin-left: 0; } }

.fcast-table-ext-body {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 15px;
  border-bottom: 1px solid #f1f1f1; }
  @media (min-width: 600px) {
    .fcast-table-ext-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
      padding-bottom: 0;
      border-bottom: none; } }

.fcast-table-ext-cell, .fcast-table-ext-cell-y {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #f1f1f1; }
  @media (min-width: 600px) {
    .fcast-table-ext-cell, .fcast-table-ext-cell-y {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      height: 100%;
      padding-right: 0;
      padding-left: 0;
      border-bottom: none; } }
  .fcast-table-ext-cell:not(.fcast-table-ext-cell-day), .fcast-table-ext-cell-y:not(.fcast-table-ext-cell-day) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40px;
            flex: 1 1 40px;
    margin-left: 15px;
    margin-right: 15px; }
    @media (min-width: 600px) {
      .fcast-table-ext-cell:not(.fcast-table-ext-cell-day), .fcast-table-ext-cell-y:not(.fcast-table-ext-cell-day) {
        margin-left: 0;
        margin-right: 0; } }
  .fcast-table-ext-cell.fcast-table-ext-cell-day, .fcast-table-ext-cell-day.fcast-table-ext-cell-y {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 75px;
            flex: 1 1 75px;
    padding-left: 35px;
    padding-right: 25px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 600px) {
      .fcast-table-ext-cell.fcast-table-ext-cell-day, .fcast-table-ext-cell-day.fcast-table-ext-cell-y {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-preferred-size: 350px;
            flex-basis: 350px;
        padding-left: 10px;
        padding-right: 0; } }
    .fcast-table-ext-cell.fcast-table-ext-cell-day i, .fcast-table-ext-cell-day.fcast-table-ext-cell-y i {
      position: absolute;
      left: 15px;
      margin-top: -1px; }
      @media (min-width: 600px) {
        .fcast-table-ext-cell.fcast-table-ext-cell-day i, .fcast-table-ext-cell-day.fcast-table-ext-cell-y i {
          display: none; } }
    @media (min-width: 600px) {
      .fcast-table-ext-cell.fcast-table-ext-cell-day > svg, .fcast-table-ext-cell-day.fcast-table-ext-cell-y > svg {
        display: none; } }
    .fcast-table-ext-cell.fcast-table-ext-cell-day small, .fcast-table-ext-cell-day.fcast-table-ext-cell-y small {
      display: none; }
      @media (min-width: 600px) {
        .fcast-table-ext-cell.fcast-table-ext-cell-day small, .fcast-table-ext-cell-day.fcast-table-ext-cell-y small {
          display: inline-block; } }
  .fcast-table-ext-cell.fcast-table-ext-cell-icon, .fcast-table-ext-cell-icon.fcast-table-ext-cell-y {
    display: none; }
    @media (min-width: 600px) {
      .fcast-table-ext-cell.fcast-table-ext-cell-icon, .fcast-table-ext-cell-icon.fcast-table-ext-cell-y {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  .fcast-table-ext-cell.fcast-table-ext-cell-rainfall span:last-child, .fcast-table-ext-cell-rainfall.fcast-table-ext-cell-y span:last-child {
    margin-left: 10px; }
    @media (min-width: 600px) {
      .fcast-table-ext-cell.fcast-table-ext-cell-rainfall span:last-child, .fcast-table-ext-cell-rainfall.fcast-table-ext-cell-y span:last-child {
        margin-left: 0; } }
  .fcast-table-ext-cell.fcast-table-ext-cell-humidity, .fcast-table-ext-cell-humidity.fcast-table-ext-cell-y {
    padding-right: 15px;
    border-bottom: none; }
  .fcast-table-ext-cell small, .fcast-table-ext-cell-y small {
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    margin-right: auto;
    white-space: nowrap;
    color: #7f7f7f; }
    @media (min-width: 600px) {
      .fcast-table-ext-cell small, .fcast-table-ext-cell-y small {
        font-size: 1rem;
        line-height: 1.4rem;
        margin-right: 0;
        display: none; } }
  .fcast-table-ext-cell svg.weather-character, .fcast-table-ext-cell-y svg.weather-character {
    width: 40px;
    height: 40px; }
    @media (min-width: 600px) {
      .fcast-table-ext-cell svg.weather-character, .fcast-table-ext-cell-y svg.weather-character {
        width: 60px;
        height: 40px; } }

@media (min-width: 600px) {
  .fcast-table-ext-cell-y {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.fcast-table-ext-cell-y .resort-title {
  text-align: left; }

/* forecast table aside, currently used on HOME page */
.fcast-table-aside-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  padding-right: 10px; }
  .fcast-table-aside-row:hover {
    text-decoration: none; }
  .fcast-table-aside-row:not(:last-child) {
    border-bottom: 1px solid #f1f1f1; }

.fcast-table-aside-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px; }
  .fcast-table-aside-cell:not(:first-child) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .fcast-table-aside-cell:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .fcast-table-aside-cell [class^="svg-icon"] {
    min-width: 22px; }
  .fcast-table-aside-cell .sans-bold {
    min-width: 30px; }

.fcast-table-header {
  text-transform: uppercase;
  font-size: 11px;
  height: 50px;
  color: #7f7f7f; }

.resort-section {
  padding-top: 10px; }
  @media (min-width: 600px) {
    .resort-section {
      border-top: 1px solid #ddd; } }

.sections {
  padding: 15px 0; }
  .sections a {
    margin-right: 15px;
    font-size: 14px; }

.data-source {
  color: #7f7f7f;
  font-size: 15px;
  text-align: center;
  padding-top: 25px; }
  .data-source a {
    font-size: 15px;
    color: #7f7f7f; }

.chart-container {
  margin-top: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  position: relative; }
  .chart-container .chart-scroll {
    position: absolute;
    display: none; }
    .chart-container .chart-scroll.left, .chart-container .chart-scroll.right {
      top: 0;
      z-index: 1;
      padding: 325px 9px 5px;
      border: 1px solid grey;
      font-size: 30px;
      color: #aaa; }
    .chart-container .chart-scroll.right {
      right: 0; }
  .chart-container .highcharts-label span {
    text-align: center; }
  .chart-container .weather-character-icon {
    width: 35px;
    height: 35px; }
  .chart-container .temperature-extremes {
    position: relative;
    top: -1px;
    text-align: center;
    font-weight: 400; }
    .chart-container .temperature-extremes .minimum {
      color: #4472b9; }
    .chart-container .temperature-extremes .maximum {
      color: #cf2528; }
  .chart-container .highcharts-tooltip > span {
    background-color: #fff;
    text-align: center;
    padding: 10px 20px 15px;
    -webkit-box-shadow: 0 0 10px 0 #ccc;
            box-shadow: 0 0 10px 0 #ccc; }
    .chart-container .highcharts-tooltip > span .icon {
      width: 60px;
      height: 60px;
      margin: 5px 0; }
    .chart-container .highcharts-tooltip > span .date {
      color: #767676;
      font-size: 10px;
      font-weight: 800;
      line-height: 15px;
      text-align: center;
      margin-bottom: 8px;
      letter-spacing: 2px; }
    .chart-container .highcharts-tooltip > span .legend .marker {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 5px;
      margin-bottom: 2px; }
    .chart-container .highcharts-tooltip > span .legend .text {
      color: #000;
      font-size: 17px; }
      .chart-container .highcharts-tooltip > span .legend .text:not(:last-child) {
        padding-right: 15px; }
  .chart-container #cloud-amount-chart-container .sun-up-label, .chart-container #cloud-amount-chart-container .sun-down-label {
    position: absolute;
    font-size: 11px;
    color: gray; }
  .chart-container #cloud-amount-chart-container .sun-up-label {
    top: -20px; }
  .chart-container #cloud-amount-chart-container .sun-down-label {
    top: -9px; }
  .chart-container .chart-loader {
    width: 100%;
    height: 400px;
    background-color: #f7f7f7; }

.forecast-maps h1, .forecast-maps h2 {
  font-family: fedra-display-heavy; }

.forecast-maps h1 {
  line-height: 22px;
  font-size: 20px;
  color: #313131;
  margin-top: 20px;
  margin-bottom: 40px; }

.forecast-maps h2 {
  font-size: 15px;
  margin-bottom: 5px; }

.forecast-maps p {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: justify; }

.forecast-maps img {
  width: 600px;
  margin-bottom: 40px; }

.sub-nav-dropdown-menu {
  top: inherit;
  z-index: 2;
  padding-top: 0;
  margin-top: -2px; }
  .sub-nav-dropdown-menu .level-1 {
    display: block; }
    .sub-nav-dropdown-menu .level-1 a {
      width: 100%;
      padding: 7px 15px; }

.data-source h1 {
  font-family: fedra-display-heavy;
  line-height: 22px;
  font-size: 20px;
  color: #313131;
  margin-top: 20px;
  margin-bottom: 40px; }

.data-source p {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: justify; }

.data-source img {
  float: right; }

.advert-manager-debug-info {
  border: 2px solid red;
  background: #ff0;
  color: red;
  opacity: .4;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: -2px;
  z-index: 999;
  padding: 5px;
  line-height: 12px;
  text-transform: none;
  max-width: 300px;
  overflow: hidden; }

.advert-manager-debug-info span {
  display: block;
  text-align: left;
  font-size: 12px; }

.advert-manager-debug-info:hover {
  opacity: 1;
  max-width: none; }

.blog-ad-position {
  position: relative;
  text-align: center; }

.blog-ad-position table {
  margin: auto; }

.ad-megaboard-bottom {
  max-width: 990px;
  margin: 0 auto;
  text-align: center; }

.ad-position-article-body {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1.65rem;
  max-width: 960px;
  margin: auto; }

.ad-position-article-body.ad-position-item {
  clear: left; }

.ad-position-article-body-full {
  text-align: center;
  clear: both;
  max-width: 990px;
  margin: auto; }

.left-panel .summer-weather-title {
  margin-top: 20px; }

.left-panel .intro.no-data h1.h-main-1-m {
  font-size: 2.5rem;
  margin-bottom: 50px;
  margin-top: 50px; }

.left-panel .intro.no-data .title {
  font-family: "fedra-display-heavy";
  font-size: 2rem;
  margin-bottom: 25px; }

.forecast-table {
  margin-bottom: 20px; }

@media (max-width: max-width 599px) {
  .hidden-phone {
    display: none !important; } }

@media (max-width: 768px) {
  .hidden-phablet {
    display: none !important; } }

.visible-phablet {
  display: none !important; }
  @media (max-width: 768px) {
    .visible-phablet {
      display: inline-block !important; } }

.w-header:after, .w-navigation > ul:after, .w-content:after, .w-content .day-row:after, .w-header:before, .w-navigation > ul:before, .w-content:before, .w-content .day-row:before {
  display: table;
  content: " "; }

.w-header:after, .w-navigation > ul:after, .w-content:after, .w-content .day-row:after {
  clear: both; }

.blue-text {
  color: #4472b9 !important; }

.red-text {
  color: #D0282C !important; }

.light-red-text {
  color: #ff5555; }

.rainfall-color {
  color: #5590DA; }

.rainfall-probability-color {
  color: #0071ff; }

.left-panel .external-url {
  font-size: 14px; }

.dropdown-wrapper .active-dropdown-btn.open + .dropdown-content {
  display: block; }

.dropdown-wrapper .active-dropdown-btn.open + .dropdown-content {
  display: block; }

.w-header {
  padding-bottom: 21px; }
  .w-header .title-wrapper {
    width: 75%;
    float: left; }
    .w-header .title-wrapper h1 {
      margin-right: 15px;
      line-height: 22px;
      font-size: 20px;
      color: #313131;
      font-family: fedra-display-heavy; }
    .w-header .title-wrapper h2 {
      line-height: 14px;
      font-size: 10px;
      color: #8a8a8a;
      text-transform: uppercase; }
    .w-header .title-wrapper .subtitle {
      line-height: 14px;
      font-size: 10px;
      color: #8a8a8a;
      text-transform: uppercase; }
  .w-header .btn-border {
    width: 25%;
    float: right;
    text-transform: none;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    color: #313131;
    padding: 11px 24px 12px;
    border-color: #e9e9e9; }
    @media (max-width: 599px) {
      .w-header .btn-border {
        width: 100%;
        margin-top: 15px; } }

.w-navigation {
  -webkit-box-shadow: 0 -60px 0px 0 #fff;
          box-shadow: 0 -60px 0px 0 #fff; }
  .w-navigation > ul {
    list-style: none; }
    .w-navigation > ul > li {
      width: 20%;
      display: block;
      float: left;
      background-color: rgba(233, 233, 233, 0.3); }
      @media (max-width: max-width 374px) {
        .w-navigation > ul > li {
          width: 20%; } }
      .w-navigation > ul > li > a {
        display: block;
        width: 100%;
        color: rgba(49, 49, 49, 0.5);
        text-align: center;
        text-transform: uppercase;
        padding: 23px 0;
        font-size: 12px;
        font-weight: bold;
        line-height: 17px;
        border-bottom: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        font-family: open-sans-bold, serif; }
        .w-navigation > ul > li > a:hover {
          text-decoration: none; }
        @media (max-width: 768px) {
          .w-navigation > ul > li > a {
            padding: 18px 0;
            font-size: 10px;
            line-height: 14px; } }
      .w-navigation > ul > li.active {
        background-color: white; }
        .w-navigation > ul > li.active a {
          color: #313131;
          border-bottom: 1px solid #fff; }
      .w-navigation > ul > li:first-child.active a {
        border-left: 0; }
      .w-navigation > ul > li:last-child a {
        border-right: 0; }
  .w-navigation .dropdown-wrapper {
    position: relative; }
    .w-navigation .dropdown-wrapper .active-dropdown-btn:after {
      font-weight: normal;
      position: relative;
      padding-left: 5px;
      font-size: 12px;
      font-family: Arial, Helvetica, sans-serif;
      content: '˅';
      top: 1px;
      display: inline-block; }
    .w-navigation .dropdown-wrapper .active-dropdown-btn.open {
      border-bottom: 0;
      background-color: #fff; }
      .w-navigation .dropdown-wrapper .active-dropdown-btn.open:after {
        content: "˄"; }
    .w-navigation .dropdown-wrapper .dropdown-content {
      z-index: 10;
      padding: 20px 15px 25px 30px;
      -webkit-box-shadow: -10px 10px 25px 0 rgba(0, 0, 0, 0.08);
              box-shadow: -10px 10px 25px 0 rgba(0, 0, 0, 0.08);
      width: 135%;
      min-width: 125px;
      max-width: 194px;
      background-color: #fff;
      position: absolute;
      top: 64px;
      right: 0;
      display: none;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        .w-navigation .dropdown-wrapper .dropdown-content {
          top: 51px; } }
      .w-navigation .dropdown-wrapper .dropdown-content .break {
        height: 18px;
        display: inline-block; }
      .w-navigation .dropdown-wrapper .dropdown-content .title {
        font-size: 10px;
        color: #a2a2a2;
        line-height: 26px; }
      .w-navigation .dropdown-wrapper .dropdown-content li a {
        font-size: 12px;
        color: #767676;
        font-weight: bold;
        line-height: 27px; }
        .w-navigation .dropdown-wrapper .dropdown-content li a:hover, .w-navigation .dropdown-wrapper .dropdown-content li a.active {
          text-decoration: none;
          color: #CF2528; }

.w-content {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 25px; }
  @media (max-width: 599px) {
    .w-content .w-main-info-column {
      width: 100%; } }
  .w-content .bubble-label {
    display: inline-block;
    border-radius: 12px;
    background-color: rgba(216, 216, 216, 0.29);
    font-size: 11px;
    line-height: 14px;
    color: #7e7e7e;
    text-transform: uppercase;
    padding: 4px 15px 5px; }
  .w-content .weather-image {
    padding-top: 15px;
    padding-bottom: 0; }
    .w-content .weather-image svg {
      width: 101px;
      height: 99px; }
  .w-content .temperature {
    font-size: 50px;
    color: #313131;
    line-height: 68px;
    position: relative; }
    .w-content .temperature .degree {
      position: absolute;
      font-size: 19px;
      line-height: 26px;
      top: 11px;
      font-weight: bold; }
  .w-content .describe-label {
    color: #7e7e7e;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px; }
  .w-content .temperature-labels .min, .w-content .temperature-labels .max {
    position: relative;
    padding: 0 3px; }
  .w-content .description {
    width: 100%;
    text-align: left;
    padding: 18px 20px 0 20px; }
    .w-content .description h3 {
      color: #313131;
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 8px; }
    .w-content .description p {
      font-size: 13px;
      line-height: 23px;
      color: #8a8a8a; }
  .w-content .details {
    width: 18%;
    padding-right: 24px;
    padding-top: 24px; }
    .w-content .details a {
      float: right;
      border-radius: 19px;
      border: 1px solid #e9e9e9;
      display: inline-block;
      line-height: 0;
      background-image: url("data:image/png;base64,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eG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgICAgICAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDx0aWZmOkNvbXByZXNzaW9uPjU8L3RpZmY6Q29tcHJlc3Npb24+CiAgICAgICAgIDx0aWZmOlhSZXNvbHV0aW9uPjcyPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEyPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgICAgIDxkYzpzdWJqZWN0PgogICAgICAgICAgICA8cmRmOlNlcS8+CiAgICAgICAgIDwvZGM6c3ViamVjdD4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTg6MDM6MjAgMTU6MDM6MDU8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOkNyZWF0b3JUb29sPlBpeGVsbWF0b3IgMy43PC94bXA6Q3JlYXRvclRvb2w+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpG6+gpAAAAhUlEQVQYGYWQWQ7DIBBDQ1gPwXL/UyEQd6BiEXVDPhKFqPOBxPDweEzGGNu9Ukq1VmMMY2y+7Hfgd/scFUJorb1CWmtolFLAQRIceY5DF0SMEQTn3DlHvPc55ym7PKWUC09P9P84a+255PU3loOh3rsQAgRsLSDkNAlYnlEtIKUUpfQa5he3Akpvj0JKhgAAAABJRU5ErkJggg==");
      background-repeat: no-repeat;
      background-position: center center;
      width: 50px;
      height: 34px; }
    @media (max-width: 768px) {
      .w-content .details {
        width: 25%; } }
  .w-content .small-text {
    font-size: 12px;
    line-height: 16px; }
  @media (max-width: 768px) {
    .w-content .rows-wrapper {
      padding-left: 20px; } }
  .w-content.without-padding {
    padding-top: 0;
    padding-bottom: 0; }
  .w-content .summary-row {
    padding-bottom: 23px;
    padding-top: 18px;
    display: inline-block;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #e9e9e9; }
    .w-content .summary-row:last-child {
      border-bottom: 0; }
    .w-content .summary-row div.data {
      font-size: 18px;
      line-height: 24px; }
    @media (max-width: 600px) {
      .w-content .summary-row .col-sm-6 {
        width: 50%;
        float: left; } }
  .w-content .day-row {
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
    height: 80px; }
    .w-content .day-row > div {
      display: inline-block;
      float: left; }
    .w-content .day-row .date {
      padding-top: 33px;
      width: 20%;
      padding-left: 26px; }
      @media (max-width: 768px) {
        .w-content .day-row .date {
          padding-top: 21px;
          padding-left: 21px;
          width: 50%; }
          .w-content .day-row .date span {
            width: 100%; }
          .w-content .day-row .date .temperature {
            text-align: left;
            display: inline-block;
            float: left;
            padding: 0;
            width: 49%;
            max-width: 75px; } }
    .w-content .day-row .image {
      padding-top: 8px;
      padding-right: 26px;
      width: 10%; }
      .w-content .day-row .image svg {
        width: 60px;
        height: 50px; }
      @media (max-width: 768px) {
        .w-content .day-row .image {
          width: 25%; }
          .w-content .day-row .image svg {
            width: 43px;
            height: 46px; } }
    .w-content .day-row .temperature {
      text-align: center;
      padding-top: 28px;
      width: 8.5%;
      font-size: 20px;
      line-height: 24px; }
    .w-content .day-row .info {
      padding-top: 21px;
      padding-left: 31px;
      width: 17%; }
      .w-content .day-row .info > div {
        width: 100%; }
      .w-content .day-row .info .data {
        font-size: 15px;
        line-height: 24px; }
    .w-content .day-row:last-child {
      border-bottom: 0; }
    .w-content .day-row.weekend {
      background-color: #f9f9f9; }
  .w-content .column {
    padding-top: 20px;
    padding-bottom: 29px;
    border-right: 1px solid #e9e9e9; }
    .w-content .column .image {
      padding-top: 26px;
      padding-bottom: 16px; }
      .w-content .column .image svg {
        width: 98px;
        height: 104px; }
    .w-content .column .temperature {
      display: inline-block; }
      .w-content .column .temperature.red-text {
        padding-right: 30px;
        padding-left: 10px; }
      .w-content .column .temperature.blue-text {
        font-size: 32px;
        padding-right: 23px;
        padding-left: 10px; }
        .w-content .column .temperature.blue-text .degree {
          font-size: 13px;
          top: 15px; }
    .w-content .column .info {
      padding-top: 20px;
      font-size: 18px; }
    .w-content .column .details {
      width: 100%;
      padding-top: 26px;
      padding-right: 0;
      float: none; }
      .w-content .column .details a {
        float: none; }
    @media (max-width: 768px) {
      .w-content .column {
        border-right: 0; } }
  .w-content .col:last-of-type .column {
    border-right: 0; }
  .w-content .external-url {
    text-align: left;
    font-size: 13px;
    color: #8a8a8a;
    line-height: 23px;
    padding: 0 20px;
    margin-top: 10px; }

.w-navbar {
  padding: 0 26px 5px;
  border-top: 1px solid #e9e9e9; }
  .w-navbar .inactive-dropdown-label,
  .w-navbar .active-dropdown-btn {
    text-transform: uppercase;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    color: #a2a2a2;
    padding: 21px 8px 16px 0;
    float: left; }
  .w-navbar .active-dropdown-btn {
    text-decoration: none;
    display: none; }
    .w-navbar .active-dropdown-btn span {
      font-weight: bold; }
    .w-navbar .active-dropdown-btn:before {
      font-weight: bold;
      padding-right: 5px;
      content: '>'; }
  .w-navbar ul li {
    text-transform: uppercase;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    padding: 21px 0 22px; }
    .w-navbar ul li a {
      color: #a2a2a2;
      font-weight: bold;
      padding: 0 8px; }
      .w-navbar ul li a:hover, .w-navbar ul li a.active {
        text-decoration: none;
        color: #CF2528; }
  @media (max-width: 768px) {
    .w-navbar .inactive-dropdown-label {
      display: none; }
    .w-navbar .active-dropdown-btn {
      color: #a2a2a2;
      float: none;
      display: inline-block; }
      .w-navbar .active-dropdown-btn.open {
        color: #CF2528; }
        .w-navbar .active-dropdown-btn.open:before {
          font-weight: bold;
          position: relative;
          top: -2px;
          content: "\2228"; }
    .w-navbar ul {
      display: none;
      padding-bottom: 20px; }
      .w-navbar ul li {
        display: block;
        float: none;
        padding: 10px 0;
        font-size: 12px;
        color: #767676; }
        .w-navbar ul li a {
          padding: 0; } }

.widget-container {
  max-width: 650px;
  width: 100%;
  display: inline-block;
  margin-top: 20px; }
  @media (max-width: 600px) {
    .widget-container {
      max-width: 100%; } }

html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #313131;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .fonts-loaded body {
    font-family: "open-sans-regular", Arial, sans-serif; }
  body svg {
    max-height: 100%; }

.site-wrapper {
  position: relative; }

/* CSS from public/css/bootstrap.css */
.js-tabs .js-tabs-content .js-tab.js-tabs-selected {
  display: block; }

.js-tabs .js-tabs-content .js-tab {
  display: none; }

/* TODO TEMP styles for Bootstrap template, will be deleted */
.clipboard-btn {
  display: none; }
  @media (min-width: 600px) {
    .clipboard-btn {
      display: inline-block;
      text-shadow: none;
      position: absolute;
      top: 10px;
      right: 10px; } }

.charts-holder h2 {
  margin-top: 30px; }

.related-towns-holder {
  margin-bottom: 30px;
  font-size: 14px; }

.sticky-ad {
  position: relative; }
  @media (min-width: 600px) {
    .sticky-ad > div {
      position: absolute; } }