body div.gigya-screen {
    max-width: 500px
    }
body div.gigya-screen-dialog {
    border: none;
    background: 0 0
    }
body div.gigya-screen-dialog-inner {
    border: 0
    }
body div.gigya-screen-dialog-top {
    background: #fff;
    z-index: 1000;
    position: relative;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
    }
body div.gigya-screen-dialog-content {
    padding: 0
    }
body div.gigya-screen-dialog-caption {
    display: none
    }
body div.gigya-footer {
    font-size: 14px;
    color: #7e7e7e
    }
body div.gigya-white-panel {
    background: #fff;
    border-radius: 10px;
    z-index: 1000;
    border: none;
    position: relative;
    padding: 20px 30px;
    color: #777
    }
body div.gigya-white-panel div.gigya-captcha, body div.gigya-white-panel input[type=password], body div.gigya-white-panel input[type=text] {
    margin-top: 10px;
    width: 100%
    }
body div.gigya-white-panel button {
    margin: 20px 0
    }
body div.gigya-white-panel h2 {
    color: #5c5c5c
    }
body div.gigya-white-panel.top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0 50px
    }
.logos {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    max-width: 400px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #fff
    }
.logos a {
    margin-right: 30px;
    text-decoration: none
    }
.logos a img {
    opacity: 0.4
    }
.logos img {
    vertical-align: middle
    }
.logos img#xl {
    width: 40px;
    height: 15px
    }
.logos img#rtlnieuws {
    width: 63px;
    height: 10px
    }
.logos img#videoland {
    width: 67px;
    height: 10px
    }
.logos img#rtlz {
    width: 31px;
    height: 11px
    }
div#gigya-screen-dialog-page-overlay {
    z-index: 35;
    display: block !important;
    opacity: 0.7
    }
.social {
    font-weight: 700
    }
.social .facebook.btn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    background: #3b5998;
    height: 30px;
    line-height: 30px;
    width: 300px;
    border-radius: 3px;
    cursor: pointer
    }
.social .google {
    color: #ef6c00;
    cursor: pointer
    }
.social .linkedin {
    color: #0077b5;
    cursor: pointer
    }
.slider {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 4px
    }
.slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none
    }
.slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 500px;
    height: 300px;
    background: #ccc;
    text-align: center;
    line-height: 300px
    }
a.slider_next, a.slider_prev {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer
    }
a.slider_next:hover, a.slider_prev:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease
    }
a.slider_prev {
    border-radius: 0 2px 2px 0
    }
a.slider_next {
    right: 0;
    border-radius: 2px 0 0 2px
    }
.divTerms {
    height: 150px;
    overflow-y: auto
    }
#content .heading:after, .app-buttons:after, .bezocht-block ul:after, .block-wrapper:after, .container:after, .footer-t .four-columns:after, .forecast-table td:after, .gallery-block .heading:after, .info-block:after, .menu:after, .overview-block .overview-block-list:after, .radar-block .map-content-info .map-content-t:after, .weather-detail-holder .holder:after, .weather-info-btm:after, .weather-info-wrap:after, .weather-map .three-columns .holder:after, .weather-map-holder:after {
    content: " ";
    display: block;
    clear: both
    }
#nav .container > ul, #nav .container > ul .dropdown ul, .app-buttons, .aside .aside-list ul, .bezocht-block ul, .data ul, .footer-t .four-columns ul, .header-r ul, .location-block ul, .more-info ul, .more-link ul, .overview-block .overview-block-list, .overview-list, .search-form .autocomplete .topic ul, .weather-info-wrap, .weather-map .open-close ul {
    margin: 0;
    padding: 0;
    list-style: none
    }
html {
    box-sizing: border-box;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
    }
*, :after, :before {
    box-sizing: inherit
    }
body.noscroll {
    overflow: hidden
    }
.center {
    text-align: center
    }
.adholder {
    display: inline-block;
    margin: 0 auto
    }
.clearboth {
    clear: both
    }
@font-face {
    font-family: RTLGraphikTT-Regular;
    src: url(../../../fonts/rtl-graphik-web-regular.eot);
    src: url(../../../fonts/rtl-graphik-web-regular.woff) format("woff"), url(../../../fonts/rtl-graphik-web-regular.ttf) format("truetype"), url(../../../fonts/rtl-graphik-web-regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
    }
@font-face {
    font-family: RTLGraphikTT-Semibold;
    src: url(../../../fonts/rtl-graphik-web-semibold.eot);
    src: url(../../../fonts/rtl-graphik-web-semibold.woff) format("woff"), url(../../../fonts/rtl-graphik-web-semibold.ttf) format("truetype"), url(../../../fonts/rtl-graphik-web-semibold.svg) format("svg");
    font-weight: 400;
    font-style: normal
    }
@font-face {
    font-family: RTLGraphikTT-bold;
    src: url(../../../fonts/rtl-graphik-web-bold.eot);
    src: url(../../../fonts/rtl-graphik-web-bold.woff) format("woff"), url(../../../fonts/rtl-graphik-web-bold.ttf) format("truetype"), url(../../../fonts/rtl-graphik-web-bold.svg) format("svg");
    font-weight: 400;
    font-style: normal
    }
@font-face {
    font-family: icomoon;
    src: url(../../../fonts/icomoon.eot?fd8q8g);
    src: url(../../../fonts/icomoon.eot?#iefixfd8q8g) format("embedded-opentype"), url(../../../fonts/icomoon.ttf?fd8q8g) format("truetype"), url(../../../fonts/icomoon.woff?fd8q8g) format("woff"), url(../../../fonts/icomoon.svg?fd8q8g#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
    }
[class*=" icon-"], [class^=icon-] {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
@font-face {
    font-family: cicomoon;
    src: url(../../../fonts/custom/icomoon.eot?fd8q8g);
    src: url(../../../fonts/custom/icomoon.eot?#iefixfd8q8g) format("embedded-opentype"), url(../../../fonts/custom/icomoon.ttf?fd8q8g) format("truetype"), url(../../../fonts/custom/icomoon.woff?fd8q8g) format("woff"), url(../../../fonts/custom/icomoon.svg?fd8q8g#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
    }
[class*=" c-icon-"], [class^=c-icon-] {
    font-family: cicomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
    }
.icon-star:before {
    content: ""
    }
.icon-indicator:before {
    content: ""
    }
.icon-google-plus:before {
    content: ""
    }
.icon-twitter:before {
    content: ""
    }
.icon-facebook:before {
    content: ""
    }
.icon-home:before {
    content: ""
    }
.icon-anroid:before {
    content: ""
    }
.icon-windows:before {
    content: ""
    }
.icon-call:before {
    content: ""
    }
.icon-search:before {
    content: ""
    }
.icon-apple:before {
    content: ""
    }
.icon-arrow:before {
    content: ""
    }
.c-icon-cross:before {
    content: ""
    }
.c-icon-plus:before {
    content: ""
    }
.c-icon-minus:before {
    content: ""
    }
.icon-button {
    background-image: url(/resources/images/icon-buttons-v1.png);
    display: block;
    cursor: pointer
    }
.icon-button-play {
    width: 50px;
    height: 50px;
    background-position: -55px -55px
    }
.icon-button-play-small {
    width: 40px;
    height: 40px;
    background-position: -105px -105px
    }
.icon-button-pause {
    width: 50px;
    height: 50px;
    background-position: -685px -685px
    }
.icon-button-pause-small {
    width: 40px;
    height: 40px;
    background-position: -735px -735px
    }
.icon-button-zoomin {
    width: 50px;
    height: 50px;
    background-position: -235px -235px
    }
.icon-button-zoomin-small {
    width: 40px;
    height: 40px;
    background-position: -285px -285px
    }
.icon-button-zoomout {
    width: 50px;
    height: 50px;
    background-position: -415px -415px
    }
.icon-button-zoomout-small {
    width: 40px;
    height: 40px;
    background-position: -465px -465px
    }
.high-contrast .icon-button-zoomin, .weathermapnl .icon-button-zoomin {
    width: 50px;
    height: 50px;
    background-position: -145px -145px
    }
.high-contrast .icon-button-zoomin-small, .weathermapnl .icon-button-zoomin-small {
    width: 40px;
    height: 40px;
    background-position: -195px -195px
    }
.high-contrast .icon-button-zoomout-blue, .weathermapnl .icon-button-zoomout-blue {
    width: 50px;
    height: 50px;
    background-position: -325px -325px
    }
.high-contrast .icon-button-zoomout-small, .weathermapnl .icon-button-zoomout-small {
    width: 40px;
    height: 40px;
    background-position: -375px -375px
    }
.high-contrast .icon-button-pause, .weathermapnl .icon-button-pause {
    width: 50px;
    height: 50px;
    background-position: -505px -505px
    }
.high-contrast .icon-button-pause-small, .weathermapnl .icon-button-pause-small {
    width: 40px;
    height: 40px;
    background-position: -645px -645px
    }
.high-contrast .icon-button-play, .weathermapnl .icon-button-play {
    width: 50px;
    height: 50px;
    background-position: -775px -775px
    }
.high-contrast .icon-button-play-small, .weathermapnl .icon-button-play-small {
    width: 40px;
    height: 40px;
    background-position: -915px -915px
    }
.icon-button-play-bluefill {
    width: 51px;
    height: 51px;
    background-position: -825px -825px
    }
.icon-button-play-bluefill-small {
    width: 40px;
    height: 40px;
    background-position: -875px -875px
    }
.icon-button-pause-bluefill {
    width: 51px;
    height: 51px;
    background-position: -555px -555px
    }
.icon-button-pause-bluefill-small {
    width: 40px;
    height: 40px;
    background-position: -605px -605px
    }
.icon-button-play-video {
    width: 110px;
    height: 110px;
    background-position: -955px -955px
    }
.icon-button-play-video:hover, .video-holder:hover .icon-button-play-video, .video-wrap:hover .icon-button-play-video {
    width: 110px;
    height: 110px;
    background-position: -1065px -1065px
    }
.icon-button-play-video-small {
    width: 55px;
    height: 55px;
    background-position: -1175px -1175px
    }
.icon-button-play-video-small:hover, .video-holder:hover .icon-button-play-video-small, .video-wrap:hover .icon-button-play-video-small {
    width: 55px;
    height: 55px;
    background-position: 0 0
    }
body {
    margin: 0;
    color: #5c5c5c;
    background: #fff;
    font: 14px/1.5 RTLGraphikTT-Regular, Arial, Helvetica, sans-serif;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    height: 100%
    }
* {
    max-height: 1000000px
    }
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block
    }
img {
    border-style: none;
    max-width: 100%;
    vertical-align: top
    }
.leaflet-container img {
    max-width: none
    }
a {
    text-decoration: none;
    color: #008bc2
    }
a:hover {
    text-decoration: underline
    }
input, select, textarea {
    font: 100% RTLGraphikTT-Regular, Arial, Helvetica, sans-serif;
    color: #000;
    vertical-align: middle
    }
fieldset, form {
    margin: 0;
    padding: 0;
    border-style: none
    }
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
    }
button, input[type=button], input[type=file], input[type=reset], input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer
    }
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
    margin: 0;
    padding: 4px 7px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #999
    }
input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
    border-color: #4d4d4d
    }
input[type=checkbox], input[type=radio] {
    padding: 0
    }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
    }
textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top
    }
h1, h2, h3, h4, h5, h6 {
    font-family: RTLGraphikTT-Regular, Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    margin: 0 0 1.2em
    }
p {
    margin: 0 0 1.2em
    }
q {
    quotes: none
    }
q:after, q:before {
    content: "";
    content: none
    }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
    }
sup {
    top: -0.5em
    }
sub {
    bottom: -0.25em
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
.gm-style img {
    max-width: none
    }
::-webkit-input-placeholder {
    color: #9b9b9b
    }
:-moz-placeholder {
    color: #9b9b9b
    }
::-moz-placeholder {
    color: #9b9b9b
    }
:-ms-input-placeholder {
    color: #9b9b9b
    }
.search-form {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 20px
    }
.search-form .search-title {
    display: inline-block;
    vertical-align: middle;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    margin-right: 8px
    }
.search-form .form-wrap {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    background: #fff;
    position: relative;
    width: 440px;
    padding-right: 40px
    }
.search-form .form-wrap.child-input-focused .autocomplete {
    display: block
    }
.search-form input[type=search] {
    display: inline-block;
    background: 0 0;
    outline: 0;
    border: none;
    width: 100%;
    height: 40px;
    font-size: 18px;
    line-height: 24px;
    padding: 8px 8px;
    color: #5c5c5c
    }
.search-form .submit-wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: #5c5c5c
    }
.search-form .submit-wrap:before {
    content: "";
    color: #fff;
    position: absolute;
    right: 9px;
    top: 11px;
    font-size: 21px;
    font-family: icomoon;
    width: 23px;
    height: 23px
    }
.search-form .submit-wrap:hover {
    background: #112264;
    cursor: pointer
    }
.search-form input[type=submit] {
    overflow: hidden;
    text-indent: -9999px;
    background: 0 0;
    border: none;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 2;
    outline: 0
    }
.autocomplete {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 500;
    background: #fff;
    text-align: left;
    font-size: 14px;
    -webkit-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.25)
    }
.autocomplete .topic .title {
    display: block;
    padding: 10px;
    background: #008bc2;
    color: #fff;
    font-weight: 700
    }
.autocomplete .topic ul {
    padding: 0;
    margin: 0
    }
.autocomplete .topic ul li {
    padding: 10px;
    color: #008bc2;
    list-style: none;
    border-top: 1px solid #eae7e4;
    font-weight: 700
    }
.autocomplete .topic ul li.selected {
    background-color: #e2eff8
    }
.autocomplete .topic ul li sub {
    bottom: 0;
    color: #9b9b9b
    }
.autocomplete .topic ul li a {
    cursor: pointer;
    text-decoration: none;
    color: #5c5c5c
    }
.country-allplaces .autocomplete {
    position: relative
    }
input:-moz-placeholder, input:-ms-input-placeholder, input::-moz-placeholder, input::-webkit-input-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder, textarea::-moz-placeholder, textarea::-webkit-input-placeholder {
    color: #000
    }
form.styled input {
    margin-bottom: 15px;
    width: 100%
    }
form.styled input[type=radio] {
    display: none;
    line-height: 20px
    }
form.styled input[type=radio] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    line-height: 20px;
    padding-left: 25px;
    margin-right: 15px
    }
form.styled input[type=radio] + label:before {
    content: "";
    top: 0;
    left: 0;
    border: 1px solid #9b9b9b;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.8)
    }
form.styled input[type=radio]:checked + label:before {
    content: "•";
    color: #008bc2;
    font-size: 40px;
    text-align: center;
    line-height: 14px
    }
form.styled input[type=checkbox] {
    display: none;
    line-height: 20px
    }
form.styled input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    line-height: 20px;
    padding-left: 25px;
    margin-right: 15px;
    margin-bottom: 20px
    }
form.styled input[type=checkbox] + label:before {
    content: "";
    top: 0;
    left: 0;
    border: 1px solid #9b9b9b;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    border-radius: 3px
    }
form.styled input[type=checkbox]:checked + label:before {
    content: "✔";
    color: #008bc2;
    font-size: 25px;
    text-align: center;
    line-height: 12px
    }
form.styled textarea {
    margin-bottom: 15px;
    width: 100%;
    height: 200px
    }
form.styled .styled-select {
    margin-bottom: 15px;
    width: 100%;
    border: 1px solid #c4c4c4
    }
form.styled select {
    width: 100%
    }
form.styled .invalid {
    border: 1px solid #c40000;
    background-color: #fee
    }
input[type=datetime-local], input[type=email], input[type=password], input[type=text], input[type=url], textarea {
    border: 1px solid #c4c4c4;
    color: #5c5c5c;
    padding: 10px
    }
.styled-select {
    position: relative;
    display: inline-block
    }
.styled-select select::-ms-expand {
    display: none
    }
.styled-select select {
    display: inline-block;
    border: none;
    background: #fff;
    margin: 0;
    outline: 0;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 36px;
    width: 246px;
    position: relative;
    margin: 0;
    padding: 7px 20px 7px 11px;
    color: #5c5c5c;
    cursor: pointer
    }
.styled-select:before {
    content: "";
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
    width: 20px;
    height: 20px;
    background: #5c5c5c;
    margin: 8px;
    box-sizing: content-box;
    border: 8px solid #fff
    }
.styled-select:after {
    content: "";
    background: url(../../../images/sprite.png) no-repeat -154px -76px;
    width: 11px;
    height: 7px;
    position: absolute;
    right: 12px;
    top: 14px;
    z-index: 2;
    pointer-events: none
    }
table.styled {
    width: 100%;
    border: none
    }
table.styled .label {
    font-weight: 700
    }
table.styled .icon {
    background: #fff;
    border-radius: 50%;
    height: 44px;
    width: 44px;
    padding: 5px;
    display: inline-block;
    border: 2px solid #e2eff9
    }
table.styled thead {
    text-align: left;
    background-color: #e2eff9;
    font-size: 13px/1.5
    }
table.styled thead th {
    padding: 8px 8px 8px 10px
    }
table.styled tbody td {
    padding: 8px 8px 8px 10px
    }
table.styled tbody tr:nth-child(even) {
    background-color: #e2eff9
    }
table.styled tbody tr:hover {
    background-color: #008bc2;
    color: #fff
    }
table.styled-nocolor {
    width: 100%;
    border: none
    }
table.styled-nocolor .label {
    font-weight: 700
    }
table.styled-nocolor thead {
    text-align: left;
    background-color: #e2eff9;
    font-size: 13px/1.5
    }
table.styled-nocolor thead th {
    padding: 8px 8px 8px 10px
    }
table.styled-nocolor tbody td {
    padding: 8px 8px 8px 10px;
    vertical-align: top
    }
h3.table-header {
    font: 20px/22px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #008bc2;
    margin: 15px 0 0 0;
    padding: 0 0 10px 0;
    text-transform: capitalize
    }
.vscroll {
    padding: 0 50px;
    position: relative;
    overflow: hidden
    }
.vscroll.hide-buttons {
    padding: 0 0
    }
.vscroll.hide-buttons .left, .vscroll.hide-buttons .right {
    display: none
    }
.vscroll .left, .vscroll .right {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    width: 50px;
    cursor: pointer;
    font-size: 30px;
    background-color: #5c5c5c;
    color: #fff;
    transition: background 0.4s
    }
.vscroll .left.inactive, .vscroll .right.inactive {
    background-color: #ddd;
    cursor: default
    }
.vscroll .left {
    left: 0
    }
.vscroll .left:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "<"
    }
.vscroll .right {
    right: 0
    }
.vscroll .right:before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: ">"
    }
.vscroll .content {
    transition: margin-left 0.6s
    }
.btn {
    border: none;
    border-radius: 5px;
    font-weight: 700
    }
.btn.livestream {
    margin-top: 10px;
    color: #646464;
    background-color: #eae7e4;
    padding: 10px 40px
    }
.btn.livestream img {
    height: 10px;
    margin: 2px 8px 0 0
    }
h1 {
    color: #008bc2;
    font: 22px/24px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    line-height: 1.1
    }
h2 {
    color: #008bc2;
    font: 20px/22px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    margin: 0 0 15px 0;
    line-height: 1.1
    }
h3 {
    color: #008bc2;
    font: 18px/20px RTLGraphikTT-Regular, Arial, Helvetica, sans-serif;
    margin: 0 0 10px 0;
    line-height: 1.1
    }
.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px
    }
.link {
    font-size: 14px;
    line-height: 16px;
    color: #008bc2;
    position: relative;
    padding: 7px 13px;
    display: block
    }
.link:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    font-family: icomoon;
    font-size: 10px;
    line-height: 1;
    color: #008bc2
    }
.link:hover {
    background-color: #e2eff8;
    color: #166b8f;
    text-decoration: none;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif !important
    }
.link:hover:before {
    content: none
    }
ul.links {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0
    }
#wrapper {
    height: 100%;
    position: relative
    }
.hold {
    display: table;
    width: 100%;
    height: 100%
    }
.nav-opener {
    display: none
    }
.header-t {
    padding: 12px 0 3px;
    text-align: center;
    border-bottom: 1px solid #c4c4c4
    }
#wrapper.active.nav-active .spec-block.tablet {
    border-color: transparent !important
    }
#wrapper.active.nav-active .search-bar {
    position: relative
    }
#wrapper.active.nav-active .search-bar:before {
    content: "";
    background: #008bc2;
    position: absolute;
    left: 0;
    right: 0;
    height: 5px
    }
.logo {
    float: left;
    width: 182px;
    height: 25px;
    margin-bottom: 8px
    }
.logo img {
    width: 100%;
    height: auto
    }
.date-holder {
    display: inline-block;
    color: #9b9b9b;
    max-width: 30%;
    font-size: 14px;
    line-height: 16px;
    color: #9b9b9b;
    padding-left: 55px
    }
.date-holder span {
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.data {
    display: none;
    background: #fff;
    margin: 5px;
    padding: 15px 10px
    }
.data .title {
    display: block;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    font-weight: 400;
    margin-bottom: 10px
    }
.data .title em {
    font-style: normal
    }
.data ul li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    font-size: 12px
    }
.data ul li:first-child {
    margin-left: 0
    }
.data ul a {
    color: #5c5c5c;
    display: block
    }
.data ul em {
    display: inline-block;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    font-style: normal;
    background: #e2eff8;
    min-width: 22px;
    text-align: center;
    vertical-align: top;
    border-radius: 100px;
    margin: 0 0 0 5px;
    padding: 1px 5px;
    position: relative
    }
.date-wrap {
    font-size: 13px;
    line-height: 15px;
    display: block;
    padding: 5px;
    display: none
    }
adv block .spec-block {
    padding: 20px 0;
    text-align: center
    }
.spec-block.tablet {
    display: none;
    padding: 3px 0 1px;
    text-align: center
    }
.spec-block.tablet img {
    width: 100%
    }
.menu {
    background: #008bc2
    }
#nav .container > ul {
    font-size: 19px;
    line-height: 21px
    }
#nav .container > ul > li {
    float: left;
    position: relative
    }
#nav .container > ul.right > li {
    float: right;
    position: relative
    }
#nav .container > ul > li:hover > a {
    background: #166b8f
    }
#nav .container > ul > li.active > a {
    background: #166b8f
    }
#nav .container > ul > li.home {
    position: relative
    }
#nav .container > ul > li.home span {
    font-size: 32px;
    line-height: 1
    }
#nav .container > ul > li.home em {
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    font-style: normal;
    vertical-align: top;
    margin: 10px 0 0 12px;
    display: none;
    color: #5c5c5c
    }
#nav .container > ul > li.home a {
    padding: 7px 14px
    }
#nav .container > ul > li.home a:before {
    content: none
    }
#nav .container > ul > li > a {
    display: block;
    color: #fff;
    padding: 13px 19px 14px;
    position: relative
    }
#nav .container > ul > li > a:hover {
    text-decoration: none;
    background: #166b8f
    }
#nav .container > ul .dropdown {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 204px;
    background: #166b8f;
    z-index: 9999;
    box-shadow: 0 19px 19px rgba(0, 0, 0, 0.25);
    padding: 15px 0
    }
#nav .container > ul .dropdown ul {
    font-size: 16px;
    line-height: 18px
    }
#nav .container > ul .dropdown ul.sep {
    border-bottom: 1px solid #fff;
    padding-bottom: 14px;
    margin-bottom: 13px
    }
#nav .container > ul .dropdown ul li {
    margin-top: 20px
    }
#nav .container > ul .dropdown ul li:first-child {
    margin-top: 0
    }
#nav .container > ul .dropdown ul a {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 17px
    }
.search-slide.js-slide-hidden {
    position: static !important
    }
.search-opener {
    display: none
    }
.search-opener:hover {
    text-decoration: none;
    background: #1d4191;
    color: #fff
    }
.open-search.active .search-opener {
    background: #1d4191;
    color: #fff
    }
.search-bar {
    background: #e2eff8;
    padding: 12px 0 13px;
    text-align: center;
    position: relative
    }
#main {
    width: 100%;
    padding-top: 12px
    }
#main.wide #content {
    width: 100%
    }
#main.wide #content .overview-block {
    width: 70%
    }
#main.wide.medium #content .overview-block {
    padding-right: 140px
    }
#main.wide #content .side-content {
    width: 27%
    }
#main.wide .aside {
    width: 14.36%
    }
.top-block {
    margin-bottom: 39px
    }
.content-l {
    width: 73.7%;
    float: left
    }
.radar-block-holder {
    float: right;
    width: 60.19%;
    padding: 0 0 20px
    }
.radar-block {
    width: 100%
    }
.radar-block.wide {
    margin-bottom: 28px
    }
.radar-block .radar-selector {
    background: #e2eff8;
    padding: 6px 12px 6px 18px;
    margin-top: 30px;
    position: relative;
    z-index: 1
    }
.radar-block .radar-selector:after {
    content: "";
    position: absolute;
    left: 38%;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #e2eff8 transparent transparent transparent
    }
.radar-block .radar-selector .title {
    float: left;
    margin: 7px 12px 0 0;
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.radar-block .radar-selector select.sel02 {
    width: 215px
    }
.advertise-block {
    display: none;
    margin-bottom: 21px
    }
.weather-info-wrap > a {
    font-size: 14px;
    line-height: 16px;
    color: #15a205;
    position: relative;
    padding-left: 13px
    }
.weather-info-wrap > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    font-family: icomoon;
    font-size: 10px;
    line-height: 1;
    color: #15a205;
    margin-top: -5px
    }
.more-info {
    font: 14px/16px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.more-info .adv-wrap.show-on-tablet {
    display: none
    }
.more-info .map {
    display: block;
    color: #162c82
    }
.more-info ul {
    margin-bottom: 23px
    }
.more-info ul li {
    margin-bottom: 5px
    }
.more-info ul li > a {
    font-size: 14px;
    line-height: 16px;
    color: #15a205;
    position: relative;
    padding-left: 13px;
    display: block;
    padding: 7px 13px;
    font-weight: 400;
    font-family: RTLGraphikTT-Regular, Arial, Helvetica, sans-serif
    }
.more-info ul li > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    font-family: icomoon;
    font-size: 10px;
    line-height: 1;
    color: #15a205;
    margin-top: -5px
    }
.more-info ul li > a:hover {
    background: #e2eff8;
    color: #5c5c5c;
    text-decoration: none;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.more-info ul li > a:hover:before {
    content: none
    }
.weather-info-btm .adv-wrap {
    width: 36.81%;
    float: left
    }
.adholder {
    padding: 10px
    }
#adholder_header .ad, #adholder_headerSmall .ad, #adholder_sidebarSmall .ad {
    margin: 0 auto
    }
.aside {
    float: right;
    padding-bottom: 20px
    }
.aside .adv-wrap.inner {
    text-align: center;
    margin-top: 6px
    }
.aside .aside-list {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #c4c4c4
    }
.aside .aside-list ul li {
    margin-bottom: 6px
    }
.aside .aside-list ul li > a {
    font-size: 14px;
    line-height: 16px;
    color: #15a205;
    position: relative;
    padding: 7px 13px;
    display: block
    }
.aside .aside-list ul li > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    font-family: icomoon;
    font-size: 10px;
    line-height: 1;
    color: #15a205;
    margin-top: -5px
    }
.aside .aside-list ul li > a:hover {
    background: #e2eff8;
    color: #5c5c5c;
    text-decoration: none;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.aside .aside-list ul li > a:hover:before {
    content: none
    }
.aside .advertisement {
    display: none
    }
.aside .advertisement.desktop {
    display: none
    }
.traffic-block .left .routeradar-block {
    margin-top: 1.2em
    }
.traffic-block .left h3 {
    font-weight: 400
    }
.traffic-block .summary-block {
    font: 16px/20px RTLGraphikTT-Regular, Arial, Helvetica, sans-serif
    }
.traffic-block .header-r {
    max-width: unset
    }
.traffic-block .header-r .title {
    display: none
    }
.traffic-block .sign-block {
    float: left;
    width: 36.91%;
    text-align: center
    }
.traffic-block .sign-block .period {
    text-align: left;
    padding-bottom: 10px
    }
.traffic-block .sign-block .holder {
    padding-bottom: 11px
    }
.traffic-block .sign-block .jam-sign {
    padding-top: 10px
    }
.traffic-block .routeradar-block .title-nl {
    float: left;
    position: relative;
    font-weight: 700;
    padding-right: 15px
    }
.traffic-block .routeradar-block .header-r .routeradar {
    float: left
    }
.traffic-block .routeradar-block .header-r ul {
    float: left
    }
.traffic-block .summary-block q {
    font-size: 18px
    }
.traffic-block .jam-sign {
    max-width: 110px
    }
.video-block {
    width: 100%
    }
.video-block .video-wrap {
    position: relative;
    margin-bottom: 10px
    }
.video-block .video-wrap .btn-play {
    overflow: hidden;
    text-indent: -9999px;
    background: url(../../../images/sprite.png) no-repeat -4px 0;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px
    }
.video-block .video-wrap .btn-play:hover {
    opacity: 0.9
    }
.video-block .video-title {
    font: 15px/16px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #5c5c5c;
    margin-bottom: 7px
    }
.video-block time {
    display: block;
    font-size: 15px;
    line-height: 17px;
    color: #999
    }
.content-l .video-block {
    float: left;
    width: 36.91%
    }
.content-l .video-block .video-wrap {
    max-width: 336px
    }
.block-holder {
    padding: 36px 20px 31px
    }
.block-holder .advertisement-block {
    float: left;
    width: 36.91%;
    margin-top: 3px
    }
.block-holder .advertisement-block .image-holder {
    display: block;
    margin-bottom: 12px
    }
.block-holder .new {
    display: block;
    font: 16px/21px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    margin-bottom: 5px
    }
.block-holder .new a {
    color: #5c5c5c
    }
.weather-map.continental .three-columns .holder {
    margin-bottom: 23px
    }
.weather-map .three-columns {
    width: 73.7%;
    float: left
    }
.weather-map .three-columns .holder {
    margin: 0 -16px 10px
    }
.weather-map .three-columns .column {
    width: 33.33%;
    padding: 0 16px;
    float: left
    }
.open-close .opener-holder {
    padding-top: 8px;
    text-align: right;
    display: block;
    position: relative
    }
.open-close .opener-holder:before {
    content: "";
    background: #c4c4c4;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 2px 30px 0 0
    }
.open-close .opener-holder.fill:before {
    margin: 2px 0 0 0
    }
.open-close .opener:hover {
    text-decoration: none;
    opacity: 0.8
    }
.open-close .opener.title {
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    color: #5c5c5c;
    display: inline-block;
    margin-bottom: 13px;
    position: relative
    }
.weather-map .open-close .opener.title:hover {
    text-decoration: none;
    color: #15a205
    }
.open-close .opener.title:before {
    content: none;
    background: url(../../../images/sprite.png) no-repeat -154px -76px;
    width: 11px;
    height: 7px;
    position: absolute;
    left: 8px;
    top: 9px;
    z-index: 2
    }
.open-close .opener.more {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #15a105;
    position: relative;
    border-radius: 50%;
    margin: 2px 2px 0 0
    }
.open-close .opener.more:before {
    content: "";
    background: url(../../../images/sprite.png) no-repeat -154px -76px;
    width: 11px;
    height: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -5px
    }
.weather-map .open-close ul li {
    margin-bottom: 5px
    }
.weather-map .open-close ul li a {
    font-size: 14px;
    line-height: 16px;
    color: #15a205;
    position: relative;
    padding: 7px 13px;
    display: block
    }
.weather-map .open-close ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    font-family: icomoon;
    font-size: 10px;
    line-height: 1;
    color: #15a205;
    margin-top: -4px
    }
.weather-map .open-close ul li a:hover {
    background: #e2eff8;
    color: #5c5c5c;
    text-decoration: none;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.weather-map .open-close ul li a:hover:before {
    content: none
    }
.bezocht-block {
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 18px;
    padding: 0 0 5px
    }
.bezocht-block ul {
    margin: 0 -10px
    }
.bezocht-block ul li {
    width: 100%;
    float: left;
    padding: 0 10px 10px
    }
#adholder_footersmall {
    padding-bottom: 20px
    }
#footer {
    width: 100%;
    display: table-footer-group;
    display: block
    }
.footer-t {
    background: #ebe8e5;
    padding: 34px 0 18px
    }
.footer-t .four-columns {
    margin: 0 -12px;
    padding-bottom: 15px;
    position: relative
    }
.footer-t .four-columns:before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    background: #7380b3;
    height: 1px
    }
.footer-t .four-columns .title {
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    display: block;
    color: #5c5c5c;
    margin-bottom: 23px
    }
.footer-t .four-columns .column {
    padding: 0 12px;
    float: left;
    width: 25%;
    width: 33.33333%
    }
.footer-t .four-columns ul li {
    margin-bottom: 13px
    }
.footer-t .four-columns ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #5c5c5c;
    position: relative;
    padding-left: 13px
    }
.footer-t .four-columns ul li a:hover {
    text-decoration: none;
    color: #5c5c5c
    }
.footer-t .four-columns ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    font-family: icomoon;
    font-size: 10px;
    line-height: 1;
    color: #5c5c5c
    }
.app-buttons {
    padding-top: 25px;
    text-align: center
    }
.app-buttons li {
    display: inline;
    width: 22.68%;
    margin: 0 25px 10px 0;
    font: 15px/17px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.app-buttons li a {
    display: inline-block;
    background: #5a9cd7;
    border-radius: 3px;
    color: #fff;
    padding: 16px 10px 17px 52px;
    position: relative
    }
.app-buttons li a:hover {
    text-decoration: none;
    background: #217ed2
    }
.app-buttons li a:before {
    font-family: icomoon;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1;
    color: #fff
    }
.app-buttons li a.apple:before {
    content: "";
    font-size: 24px;
    line-height: 1;
    left: 20px;
    top: 12px
    }
.app-buttons li a.android:before {
    content: "";
    font-size: 26px;
    left: 18px;
    top: 11px;
    width: 28px;
    height: 28px
    }
.app-buttons li a.windows:before {
    content: "";
    font-size: 28px;
    left: 19px;
    top: 11px;
    width: 30px;
    height: 34px
    }
.app-buttons li a.whatsapp:before {
    content: "";
    font-size: 27px;
    left: 15px;
    top: 10px;
    width: 32px;
    height: 40px;
    padding-top: 2px
    }
.footer-b {
    text-align: center;
    font: 15px/17px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    color: #5c5c5c;
    padding-top: 12px;
    padding-bottom: 60px
    }
.footer-b .copyright em {
    font-style: normal
    }
#wrapper.side-push.nav-active:after {
    content: none
    }
#wrapper.side-push.nav-active .spec-block.tablet {
    border-top: 5px solid #008bc2
    }
#wrapper.side-push.nav-active .spec-block.tablet .container {
    padding-top: 5px
    }
#content {
    width: 73.7%;
    float: left;
    padding-bottom: 22px
    }
#content .heading {
    border-bottom: 1px solid #e1e1e1;
    padding: 2px 0 7px;
    margin-bottom: 14px;
    min-height: 43px
    }
#content .heading .btn-favorite {
    display: none;
    float: right;
    background: #008bc2;
    font: 14px/16px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 7px 15px 7px 33px;
    border-radius: 3px;
    position: relative;
    margin-top: 4px;
    max-width: 35%
    }
#content .heading .btn-favorite:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 8px;
    font-family: icomoon;
    font-size: 13px;
    line-height: 1;
    color: #fff
    }
#content .heading .btn-favorite:hover {
    background: #028d02;
    text-decoration: none
    }
.block-wrapper {
    margin-bottom: 21px
    }
.overview-block {
    float: right;
    width: 60.19%
    }
.overview-block .overview-block-list {
    margin: 0 -10px -21px;
    letter-spacing: -4px;
    font-size: 0;
    line-height: 0;
    padding-top: 9px
    }
.overview-block .overview-block-list li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 0;
    line-height: 0;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 26px
    }
.overview-block .overview-block-list .title {
    display: block;
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    margin-bottom: 18px
    }
.overview-block .overview-block-list .image-holder {
    margin-bottom: 5px
    }
.overview-block .overview-block-list .image-holder img {
    width: 100%
    }
.popular-pages .overview-list li .link:before, .popular-pages .overview-list li a.link {
    color: #000
    }
.overview-list li {
    margin-bottom: 1px
    }
.overview-list li .link:before {
    top: 12px;
    margin: 0
    }
.overview-list li.active a {
    background: #008bc2;
    color: #fff;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.overview-list li.active a:before {
    content: none
    }
.overview-list a {
    padding: 9px 13px
    }
.side-content {
    float: left;
    width: 36.81%
    }
.side-content .adv-wrap {
    border-top: 1px solid #e1e1e1;
    padding-top: 31px
    }
.side-content .adv-wrap.wide {
    margin-top: 19px
    }
.side-content .advertisement {
    display: none
    }
.side-content .advertisement.desktop {
    display: none
    }
.video-wrapper {
    position: relative;
    margin-bottom: 33px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c4c4c4
    }
.video-wrapper .video {
    position: relative;
    margin-bottom: 9px;
    max-width: 550px
    }
.video-wrapper .title {
    display: inline-block;
    font-size: 15px;
    line-height: 17px;
    color: #5c5c5c;
    margin-bottom: 7px;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.video-wrapper time {
    display: block;
    font-size: 15px;
    line-height: 17px;
    color: #999
    }
.more-link .title {
    display: block;
    font-size: 18px;
    line-height: 20px;
    color: #5c5c5c;
    margin-bottom: 12px
    }
.more-link ul li {
    margin-bottom: 5px
    }
.location-block {
    border-top: 1px solid #e1e1e1;
    padding: 25px 0;
    margin: 19px 0 0
    }
.location-block .title {
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    display: block;
    color: #5c5c5c;
    margin-bottom: 12px
    }
.weather-detail-holder {
    margin-bottom: 37px
    }
.weather-detail-holder h3 {
    margin-bottom: 6px
    }
.weather-detail-holder .holder {
    margin: 0 -10px
    }
.weather-detail-holder table {
    width: 100%;
    vertical-align: middle
    }
.weather-detail-holder table tr {
    border-bottom: 1px solid #e1e1e1
    }
.weather-detail-holder table tr td {
    height: 36px;
    padding: 9px 15px 10px 0
    }
.weather-detail-holder table td:last-child {
    width: 40%;
    text-align: right;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.weather-detail {
    float: left;
    width: 50%;
    padding: 0 10px
    }
.winter-detail {
    padding: 0 10px
    }
.winter-detail table tr td {
    padding: 8px 15px 10px 0
    }
.winter-detail table td:first-child {
    text-align: left;
    width: 150px
    }
.winter-detail table td:last-child {
    width: auto
    }
.sort-term-block {
    margin-bottom: 46px
    }
.pricipitation-block {
    margin-bottom: 52px
    }
.pricipitation-block span {
    display: block;
    margin-bottom: 14px;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.forecast-block {
    margin-bottom: 4px
    }
.forecast-block span {
    display: block
    }
.table-wrap {
    margin-bottom: 11px;
    border: 1px solid #c4c4c4
    }
.table-wrap .jcf-scrollable {
    width: 100% !important;
    white-space: nowrap;
    height: 470px !important
    }
.table-wrap .jcf-scrollbar-vertical, .table-wrap .jcf-scrollbar-vertical .jcf-scrollbar-dec, .table-wrap .jcf-scrollbar-vertical .jcf-scrollbar-handle, .table-wrap .jcf-scrollbar-vertical .jcf-scrollbar-inc {
    width: 0 !important;
    background: 0 0
    }
.table-wrap .jcf-scrollbar-horizontal, .table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-handle, .table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    height: 0 !important
    }
.table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    width: 34px;
    height: 470px;
    position: absolute;
    left: 0;
    top: -470px;
    cursor: pointer;
    background: #5c5c5c;
    z-index: 10
    }
.table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-dec:hover, .table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-inc:hover {
    background: #5c5c5c !important
    }
.table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-dec:before, .table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before {
    content: "";
    font-family: icomoon;
    font-size: 19px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -4px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
    }
.table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-dec.jcf-inactive, .table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-inc.jcf-inactive {
    background: #c4c4c4;
    display: none
    }
.table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    left: auto;
    right: 0
    }
.table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin-left: -6px
    }
.forecast-table {
    table-layout: fixed;
    width: 100%;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    color: #262626;
    overflow: hidden
    }
.forecast-table thead {
    background: #e2eff8
    }
.forecast-table th {
    font: 12px/14px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    color: #5c5c5c;
    text-align: left
    }
.forecast-table th {
    padding: 9px 5px 10px 15px
    }
.forecast-table td {
    padding: 3px 5px 3px 15px;
    height: 37px;
    position: relative
    }
.forecast-table td.wind {
    padding-right: 42px
    }
.forecast-table td.wind em {
    display: inline-block;
    vertical-align: middle;
    font-style: normal
    }
.forecast-table td.wind .icon-indicator {
    font-size: 17px;
    line-height: 1;
    position: absolute;
    right: 23px;
    top: 11px;
    color: #5c5c5c
    }
.forecast-table td.wind .icon-indicator.style-1 {
    -webkit-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg);
    top: 8px
    }
.forecast-table td.wind .icon-indicator.style-2 {
    -webkit-transform: rotate(167deg);
    -ms-transform: rotate(167deg);
    transform: rotate(167deg);
    top: 8px
    }
.forecast-table td.wind .icon-indicator.style-3 {
    -webkit-transform: rotate(114deg);
    -ms-transform: rotate(114deg);
    transform: rotate(114deg);
    top: 8px
    }
.forecast-table td.wind .icon-indicator.style-4 {
    -webkit-transform: rotate(97deg);
    -ms-transform: rotate(97deg);
    transform: rotate(97deg);
    top: 8px
    }
.forecast-table td.wind .icon-indicator.style-5 {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
    top: 7px
    }
.forecast-table .col1 {
    width: 25.454545%
    }
.forecast-table .col2 {
    width: 13.818182%
    }
.forecast-table .col3 {
    width: 14.545455%
    }
.forecast-table .col4 {
    width: 19.818182%
    }
.forecast-table .col5 {
    width: 15.818182%
    }
.forecast-table .col6 {
    width: 10.545455%
    }
.forecast-table tbody tr {
    position: relative
    }
.forecast-table tbody tr:last-child:after {
    content: none
    }
.forecast-table time {
    display: inline-block;
    vertical-align: middle;
    width: 50%
    }
.forecast-table .weather-image {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    text-align: center;
    padding-top: 4px;
    margin-bottom: -5px
    }
.forecast-table .weather-image.wide {
    padding: 0;
    margin: 0
    }
.forecast-table .highlight {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 5px 8px;
    margin: 5px 0 0 -7px;
    background: #e85207;
    color: #fff;
    min-width: 40px;
    text-align: center
    }
.forecast-table .highlight.blue {
    background: #599cda
    }
.forecast-date {
    margin-bottom: 37px
    }
.forecast-date .graph-wrap {
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    letter-spacing: -4px
    }
.forecast-date .graph-wrap img {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    position: relative;
    z-index: -1
    }
.forecast-date .jcf-scrollable-wrapper {
    margin-bottom: 10px
    }
.forecast-date .jcf-scrollbar-horizontal {
    width: 100% !important
    }
.forecast-date .jcf-scrollable {
    width: 551px !important;
    white-space: nowrap;
    height: 275px !important
    }
.forecast-date .jcf-scrollbar-vertical, .forecast-date .jcf-scrollbar-vertical .jcf-scrollbar-dec, .forecast-date .jcf-scrollbar-vertical .jcf-scrollbar-handle, .forecast-date .jcf-scrollbar-vertical .jcf-scrollbar-inc {
    width: 0 !important;
    background: 0 0
    }
.forecast-date .jcf-scrollbar-horizontal, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-handle, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    height: 0 !important
    }
.forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    width: 40px;
    height: 275px;
    position: absolute;
    left: 0;
    top: -275px;
    cursor: pointer;
    background: #5c5c5c;
    z-index: 10
    }
.forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-dec:hover, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc:hover {
    background: #5c5c5c !important
    }
.forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-dec:before, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before {
    content: "";
    font-family: icomoon;
    font-size: 19px;
    line-height: 1;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -4px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
    }
.forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-dec.jcf-inactive, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc.jcf-inactive {
    background: #c4c4c4;
    display: none
    }
.forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    left: auto;
    right: 0
    }
.forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    margin-left: -6px
    }
.rainfall-info {
    margin-bottom: 46px
    }
.rainfall-info h3 {
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    margin-bottom: 19px
    }
.rainfall-info .info {
    font: 14px/16px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    display: block;
    margin-bottom: 19px
    }
.rainfall-info .graph-holder {
    margin-bottom: 20px
    }
@media only screen and (min-width: 1024px) {
    .open-close .opener.title {
        pointer-events: none
        }
    .open-close .slide {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        display: block !important;
        height: 105px !important;
        overflow: hidden;
        padding-bottom: 5px
        }
    .open-close.active .slide {
        height: auto !important
        }
    .open-close.active .opener.more:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        margin: -4px 0 0 -5px
        }
    .weather-map.continental .open-close .slide {
        height: 70px !important
        }
    .weather-map.continental .open-close.active .slide {
        height: auto !important
        }
    .country-winterareas .open-close .slide.toggle-list {
        height: 300px !important
        }
    .country-winterareas .open-close .slide {
        height: auto !important
        }
    .country-winterareas .open-close.active .slide {
        height: auto !important
        }
    #nav .container > ul li:hover .dropdown {
        display: block !important
        }
    #nav .container > ul .dropdown {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 204px !important
        }
    }
@media screen and (max-width: 1279px) {
    .app-buttons li {
        float: left
        }
    .app-buttons li a {
        display: block
        }
    #nav {
        float: none;
        width: 100%;
        padding-right: 20px
        }
    #nav .container {
        padding-right: 0
        }
    #nav .container > ul > li > a {
        padding: 13px 17px 14px
        }
    .search-form .search-title {
        display: none
        }
    .search-form .form-wrap {
        width: 335px;
        padding-right: 35px
        }
    .search-form input[type=search] {
        height: 35px;
        padding: 6px 10px;
        font-size: 15px;
        line-height: 23px
        }
    .search-form .submit-wrap {
        height: 35px;
        width: 35px
        }
    .search-form .submit-wrap:before {
        font-size: 18px;
        right: 8px;
        top: 8px;
        width: 22px;
        height: 24px
        }
    .search-form input[type=submit] {
        height: 35px
        }
    .search-form .autocomplete {
        font-size: 15px;
        line-height: 17px
        }
    #main {
        padding-top: 35px
        }
    #main.wide #content {
        width: 92.8%
        }
    #main.wide #content .overview-block {
        width: 60.22%;
        padding-bottom: 17px
        }
    #main.wide.medium #content .overview-block {
        padding-right: 0
        }
    #main.wide #content .side-content {
        width: 36.93%
        }
    .top-block {
        margin-bottom: 7px
        }
    .content-l {
        width: 85.78%
        }
    .radar-block-holder {
        width: 61.99%
        }
    .radar-block.wide {
        margin-bottom: 36px
        }
    .radar-block .radar-selector:after {
        left: 50%;
        margin-left: -4px
        }
    .radar-block .radar-selector select {
        width: 201px
        }
    .radar-block .radar-selector select.sel02 {
        width: 201px
        }
    .weather-info-wrap {
        margin-bottom: 30px
        }
    .more-info ul li {
        margin-bottom: 1px
        }
    .weather-info-btm .adv-wrap {
        width: 35.81%
        }
    .weather-info-btm .relevant-block {
        width: 61.99%
        }
    .weather-info-btm .relevant-block h3 {
        margin-bottom: 18px
        }
    .weather-info-btm .relevant-block .holder .block-wrap .image-holder {
        margin-bottom: 7px
        }
    .aside {
        width: 12.18%
        }
    .aside .adv-wrap {
        display: none
        }
    .aside .aside-list {
        display: none
        }
    .aside .advertisement.desktop {
        display: block
        }
    .block-holder {
        padding-top: 20px
        }
    .block-holder .advertisement-block {
        width: 35.61%
        }
    .gallery-block {
        width: 61.89%
        }
    .gallery-block .jcf-scrollable {
        width: 524px !important;
        height: 170px !important
        }
    .gallery-block .img-wrap img {
        height: 170px
        }
    .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        height: 170px;
        top: -170px
        }
    .weather-map .three-columns {
        float: none;
        width: 93%
        }
    .bezocht-block {
        display: block
        }
    .footer-t {
        padding-top: 36px
        }
    .app-buttons-holder {
        max-width: 588px;
        margin: 0 auto
        }
    .app-buttons {
        padding-top: 30px;
        margin: 0 -14px
        }
    .app-buttons li {
        width: 50%;
        padding: 0 14px;
        margin: 0 0 16px
        }
    .footer-b {
        padding-top: 19px;
        padding-bottom: 65px
        }
    #content {
        width: 92.8%;
        width: 80.62%
        }
    #content.wide {
        width: 85.7%
        }
    .block-wrapper {
        margin-bottom: 0
        }
    .side-content .advertisement.desktop {
        display: block
        }
    #adholder_sidebarSmall {
        margin-left: -50px
        }
    }
#br-ad-left {
    margin-top: 15px
    }
@media screen and (max-width: 1023px) {
    #br-ad-content {
        margin-bottom: 20px
        }
    .side-content {
        display: none
        }
    .logo-container .buienradar {
        display: none
        }
    .bottom-link {
        height: auto !important
        }
    .nederland-block.traffic-block .sign-block {
        width: 48%;
        padding-left: 15px
        }
    .content-l .video-block .video-wrap {
        max-width: none
        }
    .page-title {
        display: none
        }
    #main.wide #content .side-content {
        width: 100%
        }
    #wrapper {
        height: auto !important;
        overflow: hidden !important
        }
    .hold {
        display: block;
        width: auto;
        height: auto
        }
    #header {
        display: table;
        width: 100%;
        height: 100%;
        table-layout: fixed
        }
    .header-t {
        float: left;
        border: none;
        width: 100%;
        padding: 0
        }
    .logo {
        margin: -40px 0 0 51px;
        width: 170px;
        height: 23px
        }
    .date-holder {
        display: none
        }
    .traffic-block .routeradar-block .header-r {
        display: block;
        float: left
        }
    .header-r {
        display: none
        }
    .data {
        display: block
        }
    .date-wrap {
        display: block;
        color: #fff
        }
    .spec-block {
        border-top: 5px solid #008bc2
        }
    .menu {
        background: 0 0;
        min-height: 55px
        }
    .menu .drop {
        background: #fff;
        text-align: left;
        border-right: 1px solid #9b9b9b;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 999;
        overflow: auto;
        padding-bottom: 9999px;
        margin-bottom: -9999px;
        background: #e2eff8
        }
    #nav {
        float: none;
        width: 100%;
        padding-right: 0
        }
    #nav .container {
        padding: 0
        }
    #nav .container > ul > li {
        float: none !important;
        border-top: 1px solid #ccc
        }
    #nav .container > ul > li :first-child {
        border-top: none
        }
    #nav .container > ul > li > a {
        padding: 16px 20px;
        background: #fff;
        color: #5c5c5c
        }
    #nav .container > ul > li:hover > a {
        color: #fff;
        background: #03196f
        }
    #nav .container > ul > li.home:hover > a {
        color: #03196f;
        background: #fff
        }
    #nav .container > ul > li.home {
        color: #166b8f
        }
    #nav .container > ul > li.home :after {
        content: "";
        background: #5c5c5c;
        position: absolute;
        height: 1px;
        left: 0;
        right: 0;
        bottom: -1px;
        z-index: 2
        }
    #nav .container > ul > li.home a {
        padding: 10px 14px
        }
    #nav .container > ul > li.home.active > a {
        background: #fff
        }
    #nav .container > ul > li.active > a {
        background: #03196f
        }
    #nav .container > ul > li.current > a {
        font-weight: 700
        }
    #nav .container > ul .dropdown {
        margin: 0;
        padding: 0;
        position: static;
        width: 100%;
        box-shadow: none;
        border-top: 1px solid #fff;
        background: 0 0
        }
    #nav .container > ul .dropdown ul {
        background: #e2eff8
        }
    #nav .container > ul .dropdown ul.sep {
        padding: 0;
        margin: 0
        }
    #nav .container > ul .dropdown ul li {
        margin-top: 0;
        border-top: 1px solid #fff
        }
    #nav .container > ul .dropdown ul li :first-child {
        border-top: none
        }
    #nav .container > ul .dropdown ul li a {
        padding-left: 40px;
        display: block;
        padding: 16px 22px;
        color: #5c5c5c
        }
    #nav .container > ul .dropdown ul li a:hover {
        text-decoration: none;
        background: url(../../../images/pattern.png) !important
        }
    .header-b {
        display: table-header-group
        }
    .search-bar {
        padding: 10px 0
        }
    .search-form input[type=search] {
        border: solid #c4c4c4;
        border-width: 1px 0 1px 1px
        }
    #main {
        padding-top: 1px
        }
    #main.wide #content {
        width: 100%
        }
    #main.wide #content .overview-block {
        width: 100%
        }
    #main.wide.medium #content .overview-block {
        padding-right: 0
        }
    .top-block {
        padding: 0 70px;
        margin-bottom: 20px
        }
    .content-l {
        width: 100%
        }
    .radar-block-holder {
        float: none;
        width: 100%;
        padding-bottom: 14px;
        margin-bottom: 26px;
        height: auto !important
        }
    .radar-block .map-content-info {
        padding: 20px
        }
    .weather-info-wrap {
        margin-bottom: 28px
        }
    .map-info-holder {
        margin-bottom: 0
        }
    .more-info {
        float: left;
        width: 50%;
        padding: 0 14px;
        margin-top: 3px
        }
    .more-info .adv-wrap.show-on-tablet {
        display: block;
        margin-bottom: 19px
        }
    .more-info ul {
        margin-bottom: 20px
        }
    .more-info ul li {
        margin-bottom: 5px
        }
    .weather-info-btm .adv-wrap.hide-on-tablet {
        display: none
        }
    .aside {
        display: none
        }
    .aside .advertisement.desktop {
        display: none
        }
    .video-block {
        padding: 0 14px;
        margin-bottom: 15px
        }
    .block-holder {
        padding: 16px 20px 21px
        }
    .block-holder .advertisement-block {
        float: left;
        width: 50%;
        padding: 0 14px
        }
    .gallery-block {
        float: left;
        width: 50%;
        padding: 0 14px
        }
    .gallery-block .heading h3 {
        font-size: 18px
        }
    .gallery-block .jcf-scrollable {
        width: 100% !important;
        height: 190px !important
        }
    .gallery-block .img-wrap img {
        height: 190px
        }
    .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        height: 190px;
        top: -190px
        }
    .weather-map-holder {
        padding: 18px 34px 23px;
        margin: 0 -14px
        }
    .weather-map-holder .weather-map {
        float: left;
        width: 50%;
        padding: 10px 14px
        }
    .weather-map-holder:before {
        content: "";
        position: absolute;
        top: 0;
        left: 50px;
        right: 50px;
        right: 0;
        background: #cfcfcf;
        height: 1px
        }
    .weather-map {
        background: 0 0
        }
    .weather-map .container {
        padding: 0
        }
    .weather-map.continental {
        padding-bottom: 0
        }
    .weather-map.continental .three-columns .holder {
        margin-bottom: 0
        }
    .weather-map .three-columns {
        width: 100%
        }
    .weather-map .three-columns .holder {
        margin: 0
        }
    .weather-map .three-columns .column {
        float: none;
        width: 100%;
        padding: 0
        }
    .weather-map .open-close {
        padding-bottom: 0;
        margin-bottom: 18px;
        border-bottom: 1px solid #c4c4c4
        }
    .country-winterareas .open-close {
        padding-bottom: 0;
        margin-bottom: 18px;
        border-bottom: 1px solid #ddd
        }
    .open-close .opener-holder {
        display: none
        }
    .open-close.active .opener.title:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 8px
        }
    .open-close .opener.title {
        padding-left: 35px;
        margin-bottom: 12px
        }
    .open-close .opener.title:before {
        content: ""
        }
    .open-close .opener.title:after {
        content: "";
        width: 22px;
        height: 22px;
        background: #15a105;
        position: relative;
        border-radius: 50%;
        position: absolute;
        left: 2px;
        top: 1px
        }
    .open-close .opener.more {
        display: none
        }
    .bezocht-block {
        display: none
        }
    #footer {
        display: block
        }
    .footer-t {
        padding-bottom: 13px
        }
    .footer-t .container {
        padding: 0 34px
        }
    .footer-t .four-columns .column {
        width: 33.33%
        }
    .footer-t .four-columns .column.hide-on-tablet {
        display: none
        }
    .app-buttons {
        padding-top: 27px
        }
    .footer-b {
        padding-bottom: 26px
        }
    .side-push.nav-active .nav-opener {
        background: #5c5c5c
        }
    .side-push.nav-active .nav-opener:after, .side-push.nav-active .nav-opener:before {
        background: #fff
        }
    .side-push.nav-active .nav-opener span:after {
        background: #fff
        }
    .nav-opener {
        display: block;
        float: left;
        margin: -55px 0 0 -4px;
        height: 55px;
        position: relative;
        width: 68px;
        padding: 18px 22px
        }
    .nav-opener:hover {
        background: #5c5c5c
        }
    .nav-opener:hover:after, .nav-opener:hover:before {
        background: #fff
        }
    .nav-opener:hover span:after {
        background: #fff
        }
    .nav-opener:after, .nav-opener:before {
        content: "";
        background: #5c5c5c;
        position: absolute;
        height: 4px;
        left: 22px;
        right: 22px;
        top: 26px
        }
    .nav-opener:before {
        top: 34px
        }
    .nav-opener span {
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        position: relative
        }
    .nav-opener span:after {
        content: "";
        background: #5c5c5c;
        position: absolute;
        height: 4px;
        left: 0;
        right: 0;
        top: 0
        }
    .wrap.push .drop {
        position: static
        }
    .wrap.push .menu {
        width: 100%
        }
    #wrapper.side-push .header {
        position: static
        }
    #wrapper.side-push .drop ul {
        border: 0
        }
    #wrapper.side-push {
        overflow: hidden;
        position: relative
        }
    #wrapper.side-push .hold {
        -webkit-transition: all 0.25s linear;
        transition: all 0.25s linear;
        min-width: 768px
        }
    #wrapper.side-push .drop {
        position: absolute;
        top: 0;
        left: -250px;
        width: 250px;
        bottom: 0;
        -webkit-transition: all 0.25s linear;
        transition: all 0.25s linear
        }
    #wrapper.side-push.nav-active .hold {
        margin: 0 -250px 0 250px
        }
    #wrapper.side-push.nav-active .drop {
        left: 0
        }
    #wrapper.side-push .drop .nav-opener {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 999
        }
    .side-push.nav-active .menu > .nav-opener:after, .side-push.nav-active .menu > .nav-opener:before {
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        margin: 0;
        top: 8px
        }
    .side-push.nav-active .menu > .nav-opener:after {
        top: 20px
        }
    .side-push.nav-active .menu > .nav-opener span {
        opacity: 1
        }
    .resize-nav-active .drop, .resize-nav-active .drop > ul, .resize-nav-active .hold {
        -webkit-transition: none !important;
        transition: none !important
        }
    #content {
        width: 100%
        }
    #content.wide {
        width: 100%
        }
    #content .heading {
        padding: 16px 15px 7px 12px;
        margin-bottom: 23px
        }
    #content .heading .btn-favorite:before {
        font-size: 13px
        }
    .block-wrapper {
        padding: 0 13px;
        display: flex;
        flex-direction: column
        }
    .block-wrapper .overview-block {
        order: 2;
        width: 100%
        }
    .block-wrapper .side-content {
        order: 1;
        margin-bottom: 25px;
        width: 100%
        }
    .overview-block {
        float: none;
        width: 100%;
        padding-bottom: 14px;
        margin-bottom: 8px
        }
    .overview-block .overview-block-list {
        margin-bottom: 0
        }
    .side-content .advertisement.desktop {
        display: none
        }
    .article-block {
        float: none;
        width: 100%;
        padding-top: 0
        }
    .article-block .article-image {
        max-width: 550px;
        margin: 0 auto
        }
    .weather-detail-holder table tr td {
        padding-right: 6px
        }
    .sort-term-block {
        margin-bottom: 31px
        }
    .forecast-block {
        margin-bottom: 0
        }
    .forecast-table th {
        padding-top: 11px
        }
    .forecast-table td.wind .icon-indicator {
        right: 47px
        }
    .forecast-table .col1 {
        width: 22.755%
        }
    .forecast-table .col2 {
        width: 13.118%
        }
    .forecast-table .col3 {
        width: 13.046%
        }
    .forecast-table .col4 {
        width: 17.818%
        }
    .forecast-table .col5 {
        width: 15.818%
        }
    .forecast-table .col6 {
        width: 12.546%
        }
    .forecast-table time {
        width: 42%
        }
    .forecast-date .jcf-scrollable {
        width: 100% !important
        }
    }
@media screen and (max-width: 767px) {
    .container {
        padding: 0 10px
        }
    #wrapper:after {
        content: "";
        background: #008bc2;
        position: absolute;
        right: 0;
        left: 0;
        top: 43px;
        height: 5px
        }
    #header {
        display: block
        }
    .logo {
        width: 140px;
        height: 19px;
        margin: -30px 0 0 51px
        }
    .spec-block {
        display: none;
        border: none
        }
    .spec-block.tablet {
        display: block
        }
    .menu {
        min-height: 1px;
        text-align: right
        }
    #nav .container > ul > li.home span {
        font-size: 25px
        }
    #nav .container > ul > li.home em {
        font-size: 15px;
        margin: 6px 0 0 10px
        }
    #nav .container > ul > li.home a {
        padding: 8px 14px
        }
    #nav .container > ul > li > a {
        padding: 12px 30px
        }
    .search-slide.js-slide-hidden {
        position: absolute !important;
        top: 100% !important
        }
    .header-b {
        display: block
        }
    .search-opener {
        display: inline-block;
        padding: 7px 12px 4px;
        width: 41px;
        color: #1d4191;
        font-size: 21px;
        z-index: 2;
        height: 43px
        }
    .search-bar {
        text-align: right;
        padding: 0;
        width: 100%
        }
    .search-bar .container {
        padding: 0
        }
    .search-form {
        width: 100%;
        background: #fff;
        padding: 17px 10px 0;
        display: block
        }
    .search-form .search-title {
        display: inline-block;
        vertical-align: top;
        margin-top: 5px
        }
    .search-form .autocomplete {
        position: static;
        margin-right: -35px
        }
    .top-block {
        padding: 0 10px
        }
    .radar-block-holder {
        border: none;
        margin: 0 -10px 15px;
        padding: 0;
        width: auto
        }
    .radar-block {
        margin-bottom: 0
        }
    .radar-block .map-content-info {
        padding: 10px 9px
        }
    .radar-block .map-content-info time {
        font-size: 21px;
        line-height: 18px
        }
    .radar-block .map-content-info .controller .controller-holder {
        margin-bottom: 1px
        }
    .radar-block .map-content-info .btn-wrap {
        padding: 9px
        }
    .advertise-block {
        display: block;
        text-align: center;
        padding: 0 10px
        }
    .weather-info-left {
        padding-bottom: 27px
        }
    .weather-info-left .menu-wrap > a {
        font-size: 17px
        }
    .more-info .adv-wrap.show-on-tablet {
        display: none
        }
    .more-info ul {
        margin-bottom: 23px
        }
    .more-info ul li {
        margin-bottom: 6px
        }
    .nederland-block .container {
        padding: 0 10px
        }
    .video-block .video-wrap {
        margin: 0 auto 11px
        }
    .block-holder {
        padding: 22px 10px
        }
    .block-holder .advertisement-block {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 23px
        }
    .block-holder .advertisement-block .image-holder {
        text-align: center
        }
    .gallery-block {
        float: none;
        width: 100%;
        padding: 0;
        max-width: none
        }
    .gallery-block .heading {
        margin-bottom: 9px
        }
    .gallery-block .heading .link {
        display: none
        }
    .gallery-block .jcf-scrollable-wrapper {
        width: 500px;
        margin: 0 auto 10px
        }
    .gallery-block .jcf-scrollable {
        height: 250px !important;
        width: 500px !important;
        margin: 0 auto
        }
    .gallery-block .img-wrap {
        width: 100%
        }
    .gallery-block .img-wrap img {
        height: 250px;
        width: 100%
        }
    .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        top: -250px;
        height: 250px;
        width: 34px
        }
    .weather-map-holder {
        padding: 0 10px
        }
    .weather-map-holder:before {
        left: 20px;
        right: 20px
        }
    .bezocht-block {
        display: block
        }
    .footer-t {
        margin-top: 12px;
        padding-top: 25px;
        padding-bottom: 22px
        }
    .footer-t .container {
        margin: 0 10px;
        padding: 0
        }
    .footer-b {
        padding-top: 25px;
        padding-bottom: 27px;
        font-weight: 400
        }
    .footer-b .copyright em {
        display: block
        }
    #wrapper.side-push .hold {
        min-width: 320px
        }
    .nav-opener {
        height: 48px;
        margin: -5px 0 0 0;
        padding: 17px 11px;
        width: 45px
        }
    .nav-opener::after, .nav-opener::before {
        right: 11px;
        left: 11px
        }
    #content .heading {
        padding: 10px 0 0 0;
        margin-bottom: 0;
        border-bottom: none
        }
    #content .heading .btn-favorite {
        max-width: 100%
        }
    .block-wrapper {
        padding: 0
        }
    .overview-block {
        border: none;
        margin: 0;
        padding: 0;
        width: auto
        }
    .table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-dec:before, .table-wrap .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before {
        margin-left: -7px
        }
    .forecast-table td.wind {
        padding-right: 17px
        }
    .forecast-table td.wind .icon-indicator {
        right: 20px
        }
    .forecast-table .col1 {
        width: 134px
        }
    .forecast-table .col2 {
        width: 81px
        }
    .forecast-table .col3 {
        width: 73px
        }
    .forecast-table .col4 {
        width: 100px
        }
    .forecast-table .col5 {
        width: 89px
        }
    .forecast-table .col6 {
        width: 70px
        }
    .forecast-date .graph-wrap img {
        height: 300px
        }
    .forecast-date .jcf-scrollable-wrapper {
        width: 100% !important;
        margin: 0 auto 10px
        }
    .forecast-date .jcf-scrollable {
        height: 300px !important;
        width: 100% !important;
        margin: 0 auto
        }
    .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        top: -300px;
        height: 300px;
        width: 34px
        }
    .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-dec:before, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc:before {
        margin-left: -4px
        }
    }
@media screen and (min-width: 1024px) and (max-width: 1140px) {
    .content-l .video-block {
        padding-right: 2%
        }
    }
@media screen and (max-width: 581px) {
    .scroll-x-small {
        overflow-x: scroll
        }
    .nederland-block.traffic-block .sign-block {
        float: unset;
        width: 100%
        }
    .content-l .video-block {
        float: none;
        width: 100%
        }
    .radar-block .radar-selector {
        padding: 6px 18px;
        margin-top: 0
        }
    .radar-block .radar-selector .fake-select {
        display: block;
        margin-right: 0
        }
    .radar-block .radar-selector select {
        width: 100% !important;
        margin: 0 0 5px
        }
    .weather-info-left .menu-wrap > a {
        display: block;
        font-size: 18px
        }
    .more-info {
        float: none;
        width: 100%
        }
    .video-block {
        float: none;
        width: 100%;
        padding: 0
        }
    .gallery-block .jcf-scrollable {
        height: 230px !important;
        width: 400px !important;
        margin: 0 auto
        }
    .gallery-block .img-wrap img {
        height: 230px;
        width: 100%
        }
    .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        top: -230px;
        height: 230px;
        width: 34px
        }
    .weather-map-holder .weather-map {
        float: none;
        width: 100%;
        padding-bottom: 23px;
        padding-top: 25px;
        margin-bottom: 10px
        }
    .weather-map-holder:before {
        content: none
        }
    .weather-map {
        padding-bottom: 27px;
        padding-top: 24px
        }
    .weather-map.continental {
        padding-top: 14px;
        padding-bottom: 0
        }
    .bezocht-block ul li {
        float: none;
        width: auto;
        padding-bottom: 6px
        }
    .bezocht-block ul li:first-child {
        width: 100%
        }
    .footer-t .four-columns {
        margin: 0;
        padding-bottom: 0
        }
    .footer-t .four-columns:before {
        content: none
        }
    .footer-t .four-columns .column {
        width: 100%;
        border-bottom: 1px solid #7380b3;
        padding: 0 10px 15px;
        margin-bottom: 26px
        }
    .app-buttons {
        padding-top: 5px
        }
    .app-buttons li {
        width: 100%;
        padding: 0 24px;
        margin-bottom: 9px
        }
    #content .heading .btn-favorite {
        float: none;
        text-align: center
        }
    .info-block .image-holder {
        float: none;
        text-align: center;
        margin: 0 0 15px
        }
    .weather-detail {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 20px
        }
    .forecast-table time {
        width: auto;
        padding-right: 10px
        }
    .forecast-table .weather-image {
        width: auto;
        padding: 0;
        margin: 0
        }
    .forecast-date .graph-wrap img {
        height: 230px
        }
    .forecast-date .jcf-scrollable {
        height: 230px !important;
        width: 100% !important;
        margin: 0 auto
        }
    .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        top: -230px;
        height: 230px;
        width: 34px
        }
    #adholder_footersmall {
        margin-bottom: 10px
        }
    }
@media screen and (max-width: 499px) {
    .search-form .search-title {
        display: none
        }
    .search-form .form-wrap {
        width: 100%;
        display: block
        }
    .weather-info-left .menu-wrap {
        display: block
        }
    .bezocht-block {
        padding: 7px 0 15px;
        margin-top: 0;
        border: solid #c4c4c4;
        border-width: 0 0 1px;
        margin-bottom: 10px
        }
    .overview-block .overview-block-list li {
        width: 100%;
        display: block
        }
    }
@media only screen and (max-width: 419px) {
    .gallery-block .jcf-scrollable {
        height: 170px !important;
        width: 300px !important;
        margin: 0 auto
        }
    .gallery-block .img-wrap img {
        height: 170px;
        width: 100%
        }
    .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .gallery-block .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        top: -170px;
        height: 170px;
        width: 34px
        }
    .forecast-date .graph-wrap img {
        height: 150px
        }
    .forecast-date .jcf-scrollable {
        height: 150px !important;
        width: 300px !important;
        margin: 0 auto
        }
    .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .forecast-date .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
        top: -150px;
        height: 150px;
        width: 34px
        }
    }
.Routeradar-control .map-content-info .location {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -4px;
    border-radius: 50%
    }
.clearfix {
    clear: both
    }
.hidden {
    display: none
    }
.toggle {
    cursor: pointer;
    display: block;
    padding: 15px 15px 15px 40px;
    box-sizing: border-box;
    line-height: 20px;
    border-top: 1px solid #c4c4c4;
    text-decoration: none;
    color: #5c5c5c;
    position: relative
    }
.toggle:before {
    content: "►";
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 10px;
    pointer-events: none;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: #008bc2;
    box-sizing: content-box;
    border-radius: 50%;
    margin-top: 14px;
    border: 6px solid transparent;
    transform: rotate(90deg);
    transition: transform 0.5s
    }
.toggle.active:before {
    transform: rotate(-90deg)
    }
.toggle + :not(.toggle) {
    display: none;
    margin-bottom: 20px
    }
button.toggle {
    text-align: left;
    color: #fff;
    border: 1px solid #c4c4c4;
    background: #008bc2;
    border-radius: 3px
    }
button.toggle:before {
    background: #fff;
    color: #008bc2;
    margin-left: 7px
    }
.faq p {
    margin: 0
    }
.faq .uitleg p {
    margin: 0 0 1.2em
    }
.uitleg {
    background-color: #e7f2f9;
    padding: 20px;
    display: none
    }
.teammember {
    display: inline-block;
    margin: 10px;
    text-align: center;
    color: #008bc2
    }
.teammember img {
    margin-bottom: 10px
    }
.aspectratio {
    width: 100%;
    position: relative;
    overflow: hidden
    }
.aspectratio .respect {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0
    }
.alert {
    padding: 15px;
    margin: 10px auto;
    border: 1px solid transparent;
    border-radius: 4px;
    max-width: 1260px
    }
.alert.info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
    }
.bblocked {
    display: none
    }
body.blktest-true .bblocked {
    display: block
    }
@media screen and (max-width: 1300px) {
    .alert {
        margin: 10px
        }
    }
@media screen and (max-width: 1023px) {
    .twitter {
        margin-bottom: 25px
        }
    .bblocked {
        float: left
        }
    #adholderContainerSidebar {
        display: none
        }
    .submenu {
        display: none
        }
    .routeradar-app .contentheaderimageiphone {
        display: none
        }
    .routeradar-app .treecolumn .column {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto
        }
    }
.article .meta {
    color: #666;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 29px
    }
.article .hightlight {
    font-weight: 700
    }
.biography {
    border: solid #c4c4c4;
    border-width: 1px 0;
    padding: 20px 0;
    margin-bottom: 30px
    }
.biography .image-holder {
    float: left;
    margin-right: 27px;
    border-radius: 50%
    }
.biography .description {
    overflow: hidden;
    padding-right: 20px
    }
.biography .name {
    display: block;
    font-weight: 700;
    color: #15a205
    }
a .biography .description, a .biography .name {
    color: #5c5c5c
    }
a:hover {
    text-decoration: none
    }
.control-not-found {
    color: #999;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #eee;
    border: 1px solid #ddd
    }
.control-not-found .error {
    display: block;
    padding-top: 10px;
    color: #bbb;
    font-size: 11px;
    line-height: 13px
    }
.creator {
    padding: 10px
    }
.creator.small {
    background: #e9f4fa
    }
.creator.small .meta {
    display: inline-block;
    margin: 4px;
    margin-left: 10px
    }
.creator.small .image {
    height: 50px
    }
.creator.small .name {
    font-weight: 700
    }
.creator.small .sub {
    color: #5f666c
    }
hr {
    background-color: #d0d0d0;
    color: #d0d0d0;
    border: none;
    height: 1px;
    margin: 30px 0;
    line-height: 0
    }
hr.header-divider {
    margin: 0
    }
@media screen and (max-width: 767px) {
    hr {
        display: none
        }
    }
.topic li:hover {
    background-color: #e2eff8;
    cursor: pointer
    }
.control-spacer {
    position: relative;
    margin-top: 15px
    }
.content-pager-header {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px
    }
ul.content-pager {
    display: block;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    list-style-type: none;
    margin: 5px 0 0 0;
    padding: 10px 0 0 0
    }
ul.content-pager li {
    float: left;
    display: block;
    margin-right: 5px
    }
ul.content-pager li a:hover {
    text-decoration: underline
    }
ul.content-pager li.active a {
    color: #5c5c5c;
    text-decoration: underline;
    font-weight: 700
    }
.blog .blog-intro {
    padding-bottom: 10px
    }
.blog .blog-intro a {
    color: #5c5c5c
    }
.blog .blog-intro h4 {
    margin-bottom: 2px
    }
.blog .blog-intro .img-holder {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    max-width: 160px
    }
.blog .blog-intro .summary {
    font-size: 95%
    }
.blog .blog-intro .author {
    font-size: 90%;
    color: #9b9b9b
    }
.blog .blog-intro .author a {
    color: #9b9b9b
    }
.blog-paragraph img {
    height: auto
    }
.cim-logo {
    float: right;
    padding-bottom: 15px;
    padding-left: 10px
    }
.event-create-form .autocompletecontainer {
    position: relative;
    z-index: 500;
    margin-top: -15px
    }
.event-create-form .marginspacer {
    height: 15px
    }
.content-banner {
    margin-bottom: 20px
    }
.promo h3 {
    color: #15a205
    }
.promo img {
    height: auto
    }
.blog-parapgraph img {
    height: auto
    }
img.size-full {
    height: auto
    }
.knmi-climatemodel {
    margin-top: 30px;
    padding-bottom: 20px
    }
.rss-feed-loader figure {
    width: 100%;
    padding: 0 0 20px 0;
    margin: 0
    }
.rss-feed-loader figure figcaption {
    font-style: italic
    }
.rss-feed-loader img {
    width: 100%
    }
.blog-detail iframe {
    width: 100%
    }
.visible-high-contrast {
    display: none
    }
.high-contrast-mode .visible-high-contrast {
    display: block;
    background-color: #000;
    color: #fff
    }
.heavy-quakes-list {
    padding-bottom: 20px
    }
.pika-single {
    z-index: 12000
    }
.weather-detail .info-box-holder .info-box {
    position: absolute;
    display: block;
    width: 120px;
    height: 120px;
    display: none;
    padding: 0 0 40px 0;
    right: 0;
    top: -80px
    }
.weather-detail .info-box-holder .info-box .panel {
    height: 80px;
    padding: 10px;
    position: relative;
    display: block;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    cursor: auto
    }
.weather-detail .info-box-holder.small .info-box {
    height: 100px;
    top: -60px
    }
.weather-detail .info-box-holder.small .info-box .panel {
    height: 60px
    }
.weather-detail .info-box-holder.wide .info-box {
    width: 160px
    }
.weather-detail td {
    position: relative
    }
.weather-detail .info-box-holder {
    cursor: pointer
    }
.weather-detail .info-box-holder:hover .info-box {
    display: block
    }
.weather-detail .info-button {
    display: inline-block;
    font-family: "Times New Roman", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    font-style: italic;
    background: #e2eff8;
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: top;
    border-radius: 100px;
    margin: 0;
    padding: 0 2px 0 2px;
    position: relative
    }
a[rel=nofollow]:not(.rsbtn_play) {
    display: none
    }
.cluster-icon-white {
    background-color: #fff;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    line-height: 30px;
    left: 50%;
    margin-left: -15px;
    top: 50%;
    margin-top: -15px;
    font-weight: 700;
    font-family: RTLGraphikTT-Regular, Arial, Helvetica, sans-serif;
    font-size: 12px
    }
.button {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    font: 16px/18px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    color: #fff;
    background: #008bc2;
    padding: 10px 9px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    border: none
    }
.button:hover {
    background: #e2eff8;
    color: #008bc2
    }
.video-embed {
    width: 100%;
    max-width: 560px;
    height: 315px
    }
@media screen and (max-width: 499px) {
    .video-embed {
        height: 240px
        }
    }
.fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer
    }
.overlay {
    z-index: 10000
    }
span.delay {
    color: orange
    }
.spinner {
    border: 3px solid transparent;
    border-radius: 50%;
    border-top: 3px solid #fff;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: none
    }
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
        } 100% {
        -webkit-transform: rotate(360deg)
        }
    }
@keyframes spin {
    0% {
        transform: rotate(0)
        } 100% {
        transform: rotate(360deg)
        }
    }
.example {
    background-image: url(/images/my_image.png)
    }
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    img[src^="/resources/images/icons/weather/30x30"] {
        width: 30px;
        height: 30px
        }
    img[src="/resources/images/icons/weather/30x30/a.png"] {
        content: url(/resources/images/icons/weather/30x30/a.png)
        }
    img[src="/resources/images/icons/weather/30x30/aa.png"] {
        content: url(/resources/images/icons/weather/30x30/aa.png)
        }
    img[src="/resources/images/icons/weather/30x30/b.png"] {
        content: url(/resources/images/icons/weather/30x30/b.png)
        }
    img[src="/resources/images/icons/weather/30x30/bb.png"] {
        content: url(/resources/images/icons/weather/30x30/bb.png)
        }
    img[src="/resources/images/icons/weather/30x30/c.png"] {
        content: url(/resources/images/icons/weather/30x30/c.png)
        }
    img[src="/resources/images/icons/weather/30x30/cc.png"] {
        content: url(/resources/images/icons/weather/30x30/cc.png)
        }
    img[src="/resources/images/icons/weather/30x30/d.png"] {
        content: url(/resources/images/icons/weather/30x30/d.png)
        }
    img[src="/resources/images/icons/weather/30x30/dd.png"] {
        content: url(/resources/images/icons/weather/30x30/dd.png)
        }
    img[src="/resources/images/icons/weather/30x30/f.png"] {
        content: url(/resources/images/icons/weather/30x30/f.png)
        }
    img[src="/resources/images/icons/weather/30x30/ff.png"] {
        content: url(/resources/images/icons/weather/30x30/ff.png)
        }
    img[src="/resources/images/icons/weather/30x30/g.png"] {
        content: url(/resources/images/icons/weather/30x30/g.png)
        }
    img[src="/resources/images/icons/weather/30x30/gg.png"] {
        content: url(/resources/images/icons/weather/30x30/gg.png)
        }
    img[src="/resources/images/icons/weather/30x30/h.png"] {
        content: url(/resources/images/icons/weather/30x30/h.png)
        }
    img[src="/resources/images/icons/weather/30x30/hh.png"] {
        content: url(/resources/images/icons/weather/30x30/hh.png)
        }
    img[src="/resources/images/icons/weather/30x30/i.png"] {
        content: url(/resources/images/icons/weather/30x30/i.png)
        }
    img[src="/resources/images/icons/weather/30x30/ii.png"] {
        content: url(/resources/images/icons/weather/30x30/ii.png)
        }
    img[src="/resources/images/icons/weather/30x30/j.png"] {
        content: url(/resources/images/icons/weather/30x30/j.png)
        }
    img[src="/resources/images/icons/weather/30x30/jj.png"] {
        content: url(/resources/images/icons/weather/30x30/jj.png)
        }
    img[src="/resources/images/icons/weather/30x30/m.png"] {
        content: url(/resources/images/icons/weather/30x30/m.png)
        }
    img[src="/resources/images/icons/weather/30x30/mm.png"] {
        content: url(/resources/images/icons/weather/30x30/mm.png)
        }
    img[src="/resources/images/icons/weather/30x30/n.png"] {
        content: url(/resources/images/icons/weather/30x30/n.png)
        }
    img[src="/resources/images/icons/weather/30x30/nn.png"] {
        content: url(/resources/images/icons/weather/30x30/nn.png)
        }
    img[src="/resources/images/icons/weather/30x30/o.png"] {
        content: url(/resources/images/icons/weather/30x30/o.png)
        }
    img[src="/resources/images/icons/weather/30x30/oo.png"] {
        content: url(/resources/images/icons/weather/30x30/oo.png)
        }
    img[src="/resources/images/icons/weather/30x30/q.png"] {
        content: url(/resources/images/icons/weather/30x30/q.png)
        }
    img[src="/resources/images/icons/weather/30x30/qq.png"] {
        content: url(/resources/images/icons/weather/30x30/qq.png)
        }
    img[src="/resources/images/icons/weather/30x30/r.png"] {
        content: url(/resources/images/icons/weather/30x30/r.png)
        }
    img[src="/resources/images/icons/weather/30x30/rr.png"] {
        content: url(/resources/images/icons/weather/30x30/rr.png)
        }
    img[src="/resources/images/icons/weather/30x30/s.png"] {
        content: url(/resources/images/icons/weather/30x30/s.png)
        }
    img[src="/resources/images/icons/weather/30x30/ss.png"] {
        content: url(/resources/images/icons/weather/30x30/ss.png)
        }
    img[src="/resources/images/icons/weather/30x30/t.png"] {
        content: url(/resources/images/icons/weather/30x30/t.png)
        }
    img[src="/resources/images/icons/weather/30x30/tt.png"] {
        content: url(/resources/images/icons/weather/30x30/tt.png)
        }
    img[src="/resources/images/icons/weather/30x30/u.png"] {
        content: url(/resources/images/icons/weather/30x30/u.png)
        }
    img[src="/resources/images/icons/weather/30x30/uu.png"] {
        content: url(/resources/images/icons/weather/30x30/uu.png)
        }
    img[src="/resources/images/icons/weather/30x30/v.png"] {
        content: url(/resources/images/icons/weather/30x30/v.png)
        }
    img[src="/resources/images/icons/weather/30x30/vv.png"] {
        content: url(/resources/images/icons/weather/30x30/vv.png)
        }
    img[src="/resources/images/icons/weather/30x30/w.png"] {
        content: url(/resources/images/icons/weather/30x30/w.png)
        }
    img[src="/resources/images/icons/weather/30x30/ww.png"] {
        content: url(/resources/images/icons/weather/30x30/ww.png)
        }
    a[style*="/resources/images/countries/ad.png"] {
        background-image: url(/resources/images/countries/ad@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ae.png"] {
        background-image: url(/resources/images/countries/ae@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/af.png"] {
        background-image: url(/resources/images/countries/af@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ag.png"] {
        background-image: url(/resources/images/countries/ag@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ai.png"] {
        background-image: url(/resources/images/countries/ai@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/al.png"] {
        background-image: url(/resources/images/countries/al@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/am.png"] {
        background-image: url(/resources/images/countries/am@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ao.png"] {
        background-image: url(/resources/images/countries/ao@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/aq.png"] {
        background-image: url(/resources/images/countries/aq@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ar.png"] {
        background-image: url(/resources/images/countries/ar@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/as.png"] {
        background-image: url(/resources/images/countries/as@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/at.png"] {
        background-image: url(/resources/images/countries/at@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/au.png"] {
        background-image: url(/resources/images/countries/au@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/aw.png"] {
        background-image: url(/resources/images/countries/aw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ax.png"] {
        background-image: url(/resources/images/countries/ax@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/az.png"] {
        background-image: url(/resources/images/countries/az@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ba.png"] {
        background-image: url(/resources/images/countries/ba@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bb.png"] {
        background-image: url(/resources/images/countries/bb@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bd.png"] {
        background-image: url(/resources/images/countries/bd@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/be.png"] {
        background-image: url(/resources/images/countries/be@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bf.png"] {
        background-image: url(/resources/images/countries/bf@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bg.png"] {
        background-image: url(/resources/images/countries/bg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bh.png"] {
        background-image: url(/resources/images/countries/bh@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bi.png"] {
        background-image: url(/resources/images/countries/bi@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bj.png"] {
        background-image: url(/resources/images/countries/bj@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bl.png"] {
        background-image: url(/resources/images/countries/bl@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bm.png"] {
        background-image: url(/resources/images/countries/bm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bn.png"] {
        background-image: url(/resources/images/countries/bn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bo.png"] {
        background-image: url(/resources/images/countries/bo@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bq.png"] {
        background-image: url(/resources/images/countries/bq@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/br.png"] {
        background-image: url(/resources/images/countries/br@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bs.png"] {
        background-image: url(/resources/images/countries/bs@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bt.png"] {
        background-image: url(/resources/images/countries/bt@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bv.png"] {
        background-image: url(/resources/images/countries/bv@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bw.png"] {
        background-image: url(/resources/images/countries/bw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/by.png"] {
        background-image: url(/resources/images/countries/by@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/bz.png"] {
        background-image: url(/resources/images/countries/bz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ca.png"] {
        background-image: url(/resources/images/countries/ca@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cc.png"] {
        background-image: url(/resources/images/countries/cc@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cd.png"] {
        background-image: url(/resources/images/countries/cd@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cf.png"] {
        background-image: url(/resources/images/countries/cf@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cg.png"] {
        background-image: url(/resources/images/countries/cg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ch.png"] {
        background-image: url(/resources/images/countries/ch@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ci.png"] {
        background-image: url(/resources/images/countries/ci@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ck.png"] {
        background-image: url(/resources/images/countries/ck@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cl.png"] {
        background-image: url(/resources/images/countries/cl@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cm.png"] {
        background-image: url(/resources/images/countries/cm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cn.png"] {
        background-image: url(/resources/images/countries/cn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/co.png"] {
        background-image: url(/resources/images/countries/co@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cr.png"] {
        background-image: url(/resources/images/countries/cr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cu.png"] {
        background-image: url(/resources/images/countries/cu@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cv.png"] {
        background-image: url(/resources/images/countries/cv@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cw.png"] {
        background-image: url(/resources/images/countries/cw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cx.png"] {
        background-image: url(/resources/images/countries/cx@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cy.png"] {
        background-image: url(/resources/images/countries/cy@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/cz.png"] {
        background-image: url(/resources/images/countries/cz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/de.png"] {
        background-image: url(/resources/images/countries/de@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/dj.png"] {
        background-image: url(/resources/images/countries/dj@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/dk.png"] {
        background-image: url(/resources/images/countries/dk@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/dm.png"] {
        background-image: url(/resources/images/countries/dm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/do.png"] {
        background-image: url(/resources/images/countries/do@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/dz.png"] {
        background-image: url(/resources/images/countries/dz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ec.png"] {
        background-image: url(/resources/images/countries/ec@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ee.png"] {
        background-image: url(/resources/images/countries/ee@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/eg.png"] {
        background-image: url(/resources/images/countries/eg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/eh.png"] {
        background-image: url(/resources/images/countries/eh@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/er.png"] {
        background-image: url(/resources/images/countries/er@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/es.png"] {
        background-image: url(/resources/images/countries/es@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/et.png"] {
        background-image: url(/resources/images/countries/et@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/fi.png"] {
        background-image: url(/resources/images/countries/fi@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/fj.png"] {
        background-image: url(/resources/images/countries/fj@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/fk.png"] {
        background-image: url(/resources/images/countries/fk@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/fm.png"] {
        background-image: url(/resources/images/countries/fm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/fo.png"] {
        background-image: url(/resources/images/countries/fo@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/fr.png"] {
        background-image: url(/resources/images/countries/fr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ga.png"] {
        background-image: url(/resources/images/countries/ga@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gb.png"] {
        background-image: url(/resources/images/countries/gb@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gd.png"] {
        background-image: url(/resources/images/countries/gd@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ge.png"] {
        background-image: url(/resources/images/countries/ge@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gf.png"] {
        background-image: url(/resources/images/countries/gf@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gg.png"] {
        background-image: url(/resources/images/countries/gg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gh.png"] {
        background-image: url(/resources/images/countries/gh@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gi.png"] {
        background-image: url(/resources/images/countries/gi@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gl.png"] {
        background-image: url(/resources/images/countries/gl@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gm.png"] {
        background-image: url(/resources/images/countries/gm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gn.png"] {
        background-image: url(/resources/images/countries/gn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gp.png"] {
        background-image: url(/resources/images/countries/gp@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gq.png"] {
        background-image: url(/resources/images/countries/gq@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gr.png"] {
        background-image: url(/resources/images/countries/gr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gs.png"] {
        background-image: url(/resources/images/countries/gs@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gt.png"] {
        background-image: url(/resources/images/countries/gt@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gu.png"] {
        background-image: url(/resources/images/countries/gu@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gw.png"] {
        background-image: url(/resources/images/countries/gw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/gy.png"] {
        background-image: url(/resources/images/countries/gy@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/hk.png"] {
        background-image: url(/resources/images/countries/hk@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/hm.png"] {
        background-image: url(/resources/images/countries/hm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/hn.png"] {
        background-image: url(/resources/images/countries/hn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/hr.png"] {
        background-image: url(/resources/images/countries/hr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ht.png"] {
        background-image: url(/resources/images/countries/ht@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/hu.png"] {
        background-image: url(/resources/images/countries/hu@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/id.png"] {
        background-image: url(/resources/images/countries/id@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ie.png"] {
        background-image: url(/resources/images/countries/ie@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/il.png"] {
        background-image: url(/resources/images/countries/il@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/im.png"] {
        background-image: url(/resources/images/countries/im@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/in.png"] {
        background-image: url(/resources/images/countries/in@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/io.png"] {
        background-image: url(/resources/images/countries/io@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/iq.png"] {
        background-image: url(/resources/images/countries/iq@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ir.png"] {
        background-image: url(/resources/images/countries/ir@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/is.png"] {
        background-image: url(/resources/images/countries/is@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/it.png"] {
        background-image: url(/resources/images/countries/it@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/je.png"] {
        background-image: url(/resources/images/countries/je@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/jm.png"] {
        background-image: url(/resources/images/countries/jm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/jo.png"] {
        background-image: url(/resources/images/countries/jo@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/jp.png"] {
        background-image: url(/resources/images/countries/jp@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ke.png"] {
        background-image: url(/resources/images/countries/ke@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/kg.png"] {
        background-image: url(/resources/images/countries/kg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/kh.png"] {
        background-image: url(/resources/images/countries/kh@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ki.png"] {
        background-image: url(/resources/images/countries/ki@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/km.png"] {
        background-image: url(/resources/images/countries/km@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/kn.png"] {
        background-image: url(/resources/images/countries/kn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/kp.png"] {
        background-image: url(/resources/images/countries/kp@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/kr.png"] {
        background-image: url(/resources/images/countries/kr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/kw.png"] {
        background-image: url(/resources/images/countries/kw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ky.png"] {
        background-image: url(/resources/images/countries/ky@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/kz.png"] {
        background-image: url(/resources/images/countries/kz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/la.png"] {
        background-image: url(/resources/images/countries/la@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/lb.png"] {
        background-image: url(/resources/images/countries/lb@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/lc.png"] {
        background-image: url(/resources/images/countries/lc@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/li.png"] {
        background-image: url(/resources/images/countries/li@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/lk.png"] {
        background-image: url(/resources/images/countries/lk@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/lr.png"] {
        background-image: url(/resources/images/countries/lr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ls.png"] {
        background-image: url(/resources/images/countries/ls@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/lt.png"] {
        background-image: url(/resources/images/countries/lt@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/lu.png"] {
        background-image: url(/resources/images/countries/lu@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/lv.png"] {
        background-image: url(/resources/images/countries/lv@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ly.png"] {
        background-image: url(/resources/images/countries/ly@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ma.png"] {
        background-image: url(/resources/images/countries/ma@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mc.png"] {
        background-image: url(/resources/images/countries/mc@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/md.png"] {
        background-image: url(/resources/images/countries/md@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/me.png"] {
        background-image: url(/resources/images/countries/me@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mf.png"] {
        background-image: url(/resources/images/countries/mf@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mg.png"] {
        background-image: url(/resources/images/countries/mg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mh.png"] {
        background-image: url(/resources/images/countries/mh@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mk.png"] {
        background-image: url(/resources/images/countries/mk@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ml.png"] {
        background-image: url(/resources/images/countries/ml@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mm.png"] {
        background-image: url(/resources/images/countries/mm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mn.png"] {
        background-image: url(/resources/images/countries/mn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mo.png"] {
        background-image: url(/resources/images/countries/mo@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mp.png"] {
        background-image: url(/resources/images/countries/mp@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mq.png"] {
        background-image: url(/resources/images/countries/mq@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mr.png"] {
        background-image: url(/resources/images/countries/mr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ms.png"] {
        background-image: url(/resources/images/countries/ms@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mt.png"] {
        background-image: url(/resources/images/countries/mt@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mu.png"] {
        background-image: url(/resources/images/countries/mu@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mv.png"] {
        background-image: url(/resources/images/countries/mv@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mw.png"] {
        background-image: url(/resources/images/countries/mw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mx.png"] {
        background-image: url(/resources/images/countries/mx@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/my.png"] {
        background-image: url(/resources/images/countries/my@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/mz.png"] {
        background-image: url(/resources/images/countries/mz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/na.png"] {
        background-image: url(/resources/images/countries/na@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/nc.png"] {
        background-image: url(/resources/images/countries/nc@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ne.png"] {
        background-image: url(/resources/images/countries/ne@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/nf.png"] {
        background-image: url(/resources/images/countries/nf@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ng.png"] {
        background-image: url(/resources/images/countries/ng@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ni.png"] {
        background-image: url(/resources/images/countries/ni@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/nl.png"] {
        background-image: url(/resources/images/countries/nl@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/no.png"] {
        background-image: url(/resources/images/countries/no@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/np.png"] {
        background-image: url(/resources/images/countries/np@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/nr.png"] {
        background-image: url(/resources/images/countries/nr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/nu.png"] {
        background-image: url(/resources/images/countries/nu@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/nz.png"] {
        background-image: url(/resources/images/countries/nz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/om.png"] {
        background-image: url(/resources/images/countries/om@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pa.png"] {
        background-image: url(/resources/images/countries/pa@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pe.png"] {
        background-image: url(/resources/images/countries/pe@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pf.png"] {
        background-image: url(/resources/images/countries/pf@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pg.png"] {
        background-image: url(/resources/images/countries/pg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ph.png"] {
        background-image: url(/resources/images/countries/ph@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pk.png"] {
        background-image: url(/resources/images/countries/pk@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pl.png"] {
        background-image: url(/resources/images/countries/pl@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pm.png"] {
        background-image: url(/resources/images/countries/pm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pn.png"] {
        background-image: url(/resources/images/countries/pn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pr.png"] {
        background-image: url(/resources/images/countries/pr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ps.png"] {
        background-image: url(/resources/images/countries/ps@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pt.png"] {
        background-image: url(/resources/images/countries/pt@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/pw.png"] {
        background-image: url(/resources/images/countries/pw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/py.png"] {
        background-image: url(/resources/images/countries/py@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/qa.png"] {
        background-image: url(/resources/images/countries/qa@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/re.png"] {
        background-image: url(/resources/images/countries/re@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ro.png"] {
        background-image: url(/resources/images/countries/ro@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/rs.png"] {
        background-image: url(/resources/images/countries/rs@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ru.png"] {
        background-image: url(/resources/images/countries/ru@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/rw.png"] {
        background-image: url(/resources/images/countries/rw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sa.png"] {
        background-image: url(/resources/images/countries/sa@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sb.png"] {
        background-image: url(/resources/images/countries/sb@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sc.png"] {
        background-image: url(/resources/images/countries/sc@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sd.png"] {
        background-image: url(/resources/images/countries/sd@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/se.png"] {
        background-image: url(/resources/images/countries/se@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sg.png"] {
        background-image: url(/resources/images/countries/sg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sh.png"] {
        background-image: url(/resources/images/countries/sh@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/si.png"] {
        background-image: url(/resources/images/countries/si@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sj.png"] {
        background-image: url(/resources/images/countries/sj@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sk.png"] {
        background-image: url(/resources/images/countries/sk@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sl.png"] {
        background-image: url(/resources/images/countries/sl@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sm.png"] {
        background-image: url(/resources/images/countries/sm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sn.png"] {
        background-image: url(/resources/images/countries/sn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/so.png"] {
        background-image: url(/resources/images/countries/so@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sr.png"] {
        background-image: url(/resources/images/countries/sr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ss.png"] {
        background-image: url(/resources/images/countries/ss@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/st.png"] {
        background-image: url(/resources/images/countries/st@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sv.png"] {
        background-image: url(/resources/images/countries/sv@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sx.png"] {
        background-image: url(/resources/images/countries/sx@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sy.png"] {
        background-image: url(/resources/images/countries/sy@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/sz.png"] {
        background-image: url(/resources/images/countries/sz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tc.png"] {
        background-image: url(/resources/images/countries/tc@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/td.png"] {
        background-image: url(/resources/images/countries/td@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tf.png"] {
        background-image: url(/resources/images/countries/tf@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tg.png"] {
        background-image: url(/resources/images/countries/tg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/th.png"] {
        background-image: url(/resources/images/countries/th@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tj.png"] {
        background-image: url(/resources/images/countries/tj@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tk.png"] {
        background-image: url(/resources/images/countries/tk@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tl.png"] {
        background-image: url(/resources/images/countries/tl@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tm.png"] {
        background-image: url(/resources/images/countries/tm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tn.png"] {
        background-image: url(/resources/images/countries/tn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/to.png"] {
        background-image: url(/resources/images/countries/to@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tr.png"] {
        background-image: url(/resources/images/countries/tr@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tt.png"] {
        background-image: url(/resources/images/countries/tt@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tv.png"] {
        background-image: url(/resources/images/countries/tv@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tw.png"] {
        background-image: url(/resources/images/countries/tw@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/tz.png"] {
        background-image: url(/resources/images/countries/tz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ua.png"] {
        background-image: url(/resources/images/countries/ua@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ug.png"] {
        background-image: url(/resources/images/countries/ug@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/um.png"] {
        background-image: url(/resources/images/countries/um@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/us.png"] {
        background-image: url(/resources/images/countries/us@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/uy.png"] {
        background-image: url(/resources/images/countries/uy@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/uz.png"] {
        background-image: url(/resources/images/countries/uz@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/va.png"] {
        background-image: url(/resources/images/countries/va@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/vc.png"] {
        background-image: url(/resources/images/countries/vc@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ve.png"] {
        background-image: url(/resources/images/countries/ve@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/vg.png"] {
        background-image: url(/resources/images/countries/vg@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/vi.png"] {
        background-image: url(/resources/images/countries/vi@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/vn.png"] {
        background-image: url(/resources/images/countries/vn@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/vu.png"] {
        background-image: url(/resources/images/countries/vu@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/wf.png"] {
        background-image: url(/resources/images/countries/wf@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ws.png"] {
        background-image: url(/resources/images/countries/ws@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/ye.png"] {
        background-image: url(/resources/images/countries/ye@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/yt.png"] {
        background-image: url(/resources/images/countries/yt@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/za.png"] {
        background-image: url(/resources/images/countries/za@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/zm.png"] {
        background-image: url(/resources/images/countries/zm@2x.png) !important;
        background-size: 35px 23px
        }
    a[style*="/resources/images/countries/zw.png"] {
        background-image: url(/resources/images/countries/zw@2x.png) !important;
        background-size: 35px 23px
        }
    }
.row, .row.main {
    max-width: 1280px;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 0 20px
    }
.row aside, .row section, .row.main aside, .row.main section {
    min-height: 1px
    }
.row section.full {
    width: 100%;
    float: left
    }
.row section.left {
    float: left;
    width: 336px
    }
.row section.middle {
    float: right;
    width: 550px;
    margin-right: 25px
    }
.row aside, .row.main aside {
    float: right;
    width: 300px
    }
@media screen and (max-width: 1279px) {
    .row section.left {
        width: 30.71%
        }
    .row section.middle {
        width: 53.18%;
        margin-right: 2%
        }
    .row aside, .row.main aside {
        width: 12.18%
        }
    }
@media screen and (max-width: 1023px) {
    .row, .row.main {
        padding: 0 70px
        }
    .row section.left {
        width: 100%;
        margin: 0 10px 0 0
        }
    .row section.middle {
        width: 100%;
        margin: 0
        }
    .row aside, .row.main aside {
        display: none
        }
    }
@media screen and (max-width: 767px) {
    .row, .row.main {
        padding: 0 10px
        }
    .row section.left, .row section.middle {
        width: 100%;
        margin: 0
        }
    }
.row.main:after, .row:after {
    content: "";
    display: block;
    clear: both
    }
@media screen and (max-width: 1023px) {
    .main.row section {
        float: none
        }
    .main.row section.middle {
        width: 100%
        }
    .main.row section.left {
        width: 100%
        }
    }
@media screen and (max-width: 767px) {
    .main.row .map-container {
        margin: 0 -10px
        }
    }
@media screen and (max-width: 1023px) {
    .adv-wrap.hide-on-tablet {
        display: none
        }
    .adv-wrap.hide-on-tablet + .middle {
        margin: 0
        }
    }
.home #adholder_sidebar {
    position: relative;
    margin-top: 25px
    }
.block {
    padding: 25px 0
    }
.block:first-child {
    padding-top: 5px
    }
.block:nth-child(even) {
    background-color: #f1f7fc
    }
.control-header {
    margin-bottom: 18px;
    font: 22px/24px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.bottom-link {
    margin-top: 5px;
    height: 30px
    }
@media screen and (min-width: 1024px) {
    .bottom-link .header-r, .bottom-link .link {
        position: absolute;
        bottom: 0
        }
    .bottom-link .header-r {
        bottom: 2px
        }
    }
body.full .hold {
    display: flex;
    flex-flow: column;
    height: 100%
    }
body.full header#header {
    flex: 0 1 auto
    }
body.full #main {
    flex: 1 1 auto;
    padding-top: 0;
    position: relative
    }
body.full #main .map-wrap {
    position: absolute;
    width: 100%;
    height: 100%
    }
body.full #main .map-wrap .mapcontainer.leaflet-container {
    height: 100%;
    padding-top: 0
    }
body.fullscreen {
    overflow: hidden
    }
@media screen and (max-width: 1023px) {
    body.full header#header {
        height: auto
        }
    }
@media screen and (min-width: 1280px) {
    body.content aside.aside {
        width: 300px
        }
    body.content section#content {
        width: 905px
        }
    body.content .block-wrapper aside.side-content {
        width: 336px
        }
    body.content .block-wrapper .overview-block {
        width: 550px
        }
    }
.popup {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 500;
    background: 0 0;
    transition: background 0.5s, visibility 0s linear 0.5s, opacity 0.5s linear;
    overflow-y: scroll
    }
.popup.invalid input.invalid {
    border: 1px solid red
    }
.popup input {
    width: 100%;
    margin-bottom: 10px
    }
.popup .button {
    margin-right: 10px
    }
.popup .button.accept-button {
    float: right;
    margin-right: 0
    }
.popup .button:hover {
    background-color: #fff
    }
.popup.visible {
    transition-delay: 0s;
    visibility: visible;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.6)
    }
.popup .content {
    width: 700px;
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translate(-50%, 0)
    }
.popup .content .head {
    background: #008bc2;
    min-height: 50px;
    position: relative
    }
.popup .content .head h2 {
    box-sizing: border-box;
    font-size: 18px;
    padding: 15px 19px;
    color: #fff;
    line-height: 20px;
    margin: 0 50px 0 0
    }
.popup .content .head .close {
    cursor: pointer;
    background: #166b8f;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    color: #fff;
    font-size: 20px;
    padding: 15px
    }
.popup .content .main {
    background: #fff;
    min-height: 100px;
    padding: 35px 50px
    }
.popup .content .foot {
    background: #e2eff8;
    padding: 10px 50px
    }
.popup .autocomplete {
    margin-bottom: 60px;
    max-height: 200px;
    overflow-y: scroll
    }
.point-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 100% !important;
    max-width: 300px;
    padding: 10px 15px;
    white-space: nowrap;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700
    }
.point-popup .leaflet-popup-tip-container {
    display: none
    }
@media screen and (max-width: 767px) {
    .popup {
        transition: background 0.8s
        }
    .popup.visible .content {
        top: 0
        }
    .popup .content {
        transition: top 0.8s;
        top: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: none;
        width: auto;
        padding-bottom: 85px;
        padding-bottom: 40px
        }
    .popup .content .head {
        min-height: 40px
        }
    .popup .content .head h2 {
        font-size: 16px;
        line-height: 16px;
        padding: 10px 0 0 10px;
        margin-right: 40px
        }
    .popup .content .head .close {
        width: 40px;
        padding: 11px;
        font-size: 18px
        }
    .popup .content .main {
        padding: 10px 10px;
        padding-bottom: 60px;
        height: 100%;
        overflow-y: scroll
        }
    .popup .content .main h3.title {
        display: none
        }
    .popup .content .main p.text {
        font-size: 13px;
        line-height: 16px
        }
    .popup .content .foot {
        display: block;
        padding: 10px 10px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 101
        }
    }
@media screen and (max-width: 1023px) {
    .wide .adholder-subcontent {
        display: none
        }
    }
#adholder_headerSmall {
    max-height: 80px;
    overflow: hidden
    }
.routeradar-app .container {
    position: relative
    }
#column-content-blok .uc {
    width: 100%
    }
.contentheaderimageiphone {
    position: absolute;
    right: 10px;
    top: -275px
    }
.contentheaderimage {
    overflow: hidden;
    font-size: 32px;
    color: #fff;
    padding: 40px;
    max-height: 308px;
    width: 100%;
    background-size: cover
    }
.contentheaderimage .contentheaderimagetext {
    max-width: 500px;
    margin-top: 100px
    }
.contentheaderintro {
    padding: 40px;
    width: 100%
    }
.contentheaderintro .contentheaderintrotext {
    max-width: 600px;
    font-size: 22px
    }
.contentheaderintro h1 {
    font-size: 30px
    }
.contentintro {
    padding: 40px;
    max-width: 600px
    }
.contentintro h1 {
    font-size: 1.8rem
    }
.large {
    font-size: 22px
    }
.large h1 {
    font-size: 33px
    }
.contentdownloadbanner.bluebg {
    background-color: #008bc2
    }
.contentdownloadbanner .center {
    padding: 40px
    }
.contentdownloadbanner a {
    margin: 10px 15px;
    display: inline-block
    }
.contentvideo {
    padding: 40px
    }
.contentfunctions {
    background-color: #f6f5f3;
    padding: 40px
    }
.contentstatistics {
    padding: 40px
    }
.treecolumn {
    max-width: 865px;
    margin: 0 auto
    }
.treecolumn .column {
    width: 265px;
    display: inline-block;
    margin: 10px;
    float: left
    }
.treecolumn .column img {
    margin-bottom: 20px
    }
@media (max-width: 1009px) {
    .contentheaderimage .contentheaderimagetext {
        margin-top: 0;
        font-size: 26px
        }
    }
.mapcontainer {
    padding-top: 100%
    }
.contentwide .mapcontainer {
    padding-top: 75%
    }
.map-wrap {
    position: relative;
    margin-bottom: 15px
    }
.map-wrap .leaflet-container img.leaflet-image-layer {
    max-width: 750000px !important
    }
.map-wrap .loading {
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 100000;
    left: 50%;
    top: 50%;
    margin-left: -24px;
    margin-top: -24px;
    display: none
    }
.map-wrap img {
    height: auto
    }
.map-wrap img.location-marker {
    width: 10px;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    z-index: 10
    }
.map-wrap .map-content-info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 15px
    }
.map-wrap .map-content-info .location {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -4px;
    border-radius: 50%
    }
.map-wrap .map-content-info .controller, .map-wrap .map-content-info time {
    position: relative;
    z-index: 400
    }
.map-wrap .map-content-info time {
    font: 24px/26px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    color: #fff;
    float: left;
    text-shadow: 1px 1px 0 #152b81;
    display: block
    }
.map-wrap.airqualitymapnl .map-content-info time, .map-wrap.mosquitoradarbe .map-content-info time, .map-wrap.mosquitoradarnl .map-content-info time, .map-wrap.pollenradarnl .map-content-info time, .map-wrap.weathermapnl .map-content-info time {
    color: #152b81;
    text-shadow: 1px 1px 0 #fff
    }
.map-wrap .map-content-info .controller {
    float: right;
    max-width: 50%;
    text-align: right
    }
.map-wrap .map-content-info .controller .icon-button {
    margin-bottom: 8px;
    display: none
    }
.map-wrap .map-content-info .controller .icon-button-small {
    margin-bottom: 4px
    }
.map-wrap .map-content-info .controller .controller-holder {
    display: none;
    margin-bottom: 8px
    }
.map-wrap .map-content-info .controller a:hover {
    opacity: 0.8
    }
.map-wrap .map-content-info .btn-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    padding: 15px
    }
.map-wrap .map-content-info .btn-wrap .btn-legenda:after {
    content: "";
    position: absolute;
    font-family: icomoon;
    right: 14px;
    top: 7px;
    font-size: 10px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
    }
.map-wrap .map-content-info .btn-wrap .btn-legenda.active:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
    }
.map-wrap .map-content-info .btn-wrap .btn-legenda.active, .map-wrap .map-content-info .btn-wrap .btn-legenda:hover {
    text-decoration: none;
    background: #152b81;
    color: #fff
    }
.map-wrap .mapcontainer {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 100;
    overflow: hidden
    }
.map-wrap .background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden
    }
.map-wrap .background .image-holder {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
    }
.map-wrap .background .image-holder img {
    height: 100%
    }
.btn-legenda {
    display: none;
    border-radius: 2px;
    font: 14px/16px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    color: #152b81;
    background: #fff;
    padding: 7px 35px 7px 14px;
    position: relative;
    z-index: 400
    }
.btn-legenda.link-button, .btn-legenda.toggle-fullscreen {
    position: absolute;
    top: 10px;
    right: 15px;
    padding: 10px 20px 10px 20px;
    color: #fff;
    background-color: #333
    }
.btn-legenda.link-button.visible, .btn-legenda.toggle-fullscreen.visible {
    display: block
    }
.btn-legenda.link-button .on, .btn-legenda.toggle-fullscreen .on {
    display: none
    }
.btn-legenda.link-button:hover, .btn-legenda.toggle-fullscreen:hover {
    background-color: #666
    }
.btn-legenda.visible {
    display: inline-block
    }
.btn-legenda.active {
    display: inline-block
    }
.map-message {
    font: 24px/26px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    color: #fff;
    text-shadow: 1px 1px 0 #152b81;
    display: block;
    position: absolute;
    height: 26px;
    top: 50%;
    margin-top: -13px;
    z-index: 10000;
    width: 100%;
    text-align: center
    }
.leaflet-block-interaction {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0
    }
.leaflet-wrapper {
    position: relative
    }
.map-wrap.weathermapnl .map-content-info time {
    text-shadow: 1px 1px 0 #fff;
    color: #152b81
    }
img.lightning-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
    }
.city-overlay {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
    }
.city-overlay .location {
    display: block;
    position: absolute
    }
.city-overlay .location span.dot {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-left: -3px;
    margin-top: -3px;
    border: 3px solid red;
    border-radius: 3px;
    cursor: pointer;
    z-index: 300
    }
.city-overlay .location span.dot:hover .label {
    display: block
    }
.city-overlay .location span.dot .label {
    position: absolute;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    width: 300px;
    font-size: 12px;
    line-height: 20px;
    margin-left: -150px;
    top: -20px;
    display: none
    }
.overlay-weatherstations .weatherstation-marker {
    display: block;
    position: absolute;
    width: 50px;
    height: 56px;
    margin-left: -25px;
    margin-top: -28px;
    z-index: 10;
    text-align: center
    }
.overlay-weatherstations .weatherstation-marker:hover {
    background-color: rgba(255, 255, 255, 0.8)
    }
.overlay-weatherstations .weatherstation-marker .weather-icon {
    width: 30px
    }
.overlay-weatherstations .weatherstation-marker .weather-data {
    display: block;
    width: 100%;
    color: #fff;
    line-height: 13px;
    font-size: 13px;
    text-shadow: 1px 1px #333;
    margin-top: -2px;
    font-family: RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
.overlay-weatherstations .weatherstation-marker .weather-data .wind-direction {
    font-size: 11px;
    font-family: RTLGraphikTT-Regular, Arial, Helvetica, sans-serif
    }
.map-popup {
    position: absolute;
    display: block;
    right: 15px;
    bottom: 50px;
    z-index: 400
    }
.map-popup .pane {
    background-color: #fff;
    padding: 10px 20px 20px 20px;
    color: #000;
    font-weight: 700;
    display: none;
    border-radius: 2px
    }
.map-popup.settings ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none
    }
.leaflet-popup-pane .leaflet-popup-close-button {
    display: none
    }
.leaflet-popup-pane .leaflet-popup-content-wrapper {
    padding: 10px;
    max-height: 408px;
    overflow-y: auto;
    border-radius: unset;
    font-family: RTLGraphikTT-Regular, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000
    }
.leaflet-popup-pane .leaflet-popup-content-wrapper p.info {
    margin-bottom: 0
    }
.leaflet-popup-pane .leaflet-popup-content-wrapper a {
    color: #15a205
    }
.leaflet-popup-pane .leaflet-popup-content-wrapper h3 {
    color: #152b81
    }
.leaflet-popup-pane .leaflet-popup-content-wrapper .description {
    max-height: 70px;
    overflow: hidden
    }
.leaflet-animator.map-wrap .map-content-info time {
    margin-left: 35px
    }
@media screen and (max-width: 581px) {
    .map-wrap .map-content-info time {
        font: 16px/26px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
        }
    .map-wrap .map-content-info .btn-wrap .btn-legenda {
        text-decoration: none;
        width: 76px;
        padding-left: 10px;
        font: 13px/15px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
        }
    .map-wrap .map-content-info .btn-wrap .btn-legenda:hover {
        width: 76px
        }
    .map-wrap .map-content-info .btn-wrap .btn-legenda:after {
        display: none
        }
    .map-message {
        font: 16px/26px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
        }
    .map-content-info .controller .icon-buttons, .map-slider .icon-buttons {
        display: none
        }
    .map-content-info .controller .icon-buttons-small, .map-slider .icon-buttons-small {
        display: block
        }
    .overlay-weatherstations .weatherstation-marker {
        display: none
        }
    .overlay-weatherstations .weatherstation-marker.mobile {
        display: block
        }
    }
@media screen and (min-width: 582px) {
    .map-content-info .controller .icon-buttons, .map-slider .icon-buttons {
        display: block
        }
    .map-content-info .controller .icon-buttons-small, .map-slider .icon-buttons-small {
        display: none
        }
    }
.weathermap-overview .map-container {
    max-width: 550px
    }
.leaflet-popup-pane a.leaflet-popup-close-button {
    top: 5px;
    right: 5px;
    width: 18px;
    height: 14px;
    color: #5e5f57;
    z-index: 1;
    font-weight: 700;
    font: 20px Tahoma, Verdana, sans-serif
    }
.leaflet-popup-pane .leaflet-popup-content-wrapper {
    margin: 0;
    padding: 0;
    text-align: left;
    border-radius: 0
    }
.leaflet-popup-pane .leaflet-popup-tip {
    background-color: #1985b7
    }
.leaflet-popup-pane .leaflet-popup-content {
    margin: 0;
    padding: 0;
    width: 430px !important
    }
.leaflet-popup-pane .leaflet-popup-content .boxpopupcontainer {
    background-color: #1985b7
    }
.leaflet-popup-pane .leaflet-popup-content p {
    margin: 0;
    padding: 0
    }
.leaflet-popup-pane .leaflet-popup-content .bluebox {
    float: left;
    width: 130px;
    min-height: 120px;
    background-color: #1985b7;
    text-align: center
    }
.leaflet-popup-pane .leaflet-popup-content .bluebox img {
    display: block;
    margin: 15px auto;
    width: 60px
    }
.leaflet-popup-pane .leaflet-popup-content .bluebox .wegnr {
    font-size: 20px;
    color: #fff
    }
.leaflet-popup-pane .leaflet-popup-content .whitebox {
    float: left;
    width: 300px;
    min-height: 120px;
    background-color: #fff;
    padding: 15px 15px 40px 15px;
    position: relative;
    overflow-x: auto
    }
.leaflet-popup-pane .leaflet-popup-content .whitebox .title {
    text-align: left;
    font-size: 14px;
    color: #008bc2
    }
.leaflet-popup-pane .leaflet-popup-content .whitebox .text {
    text-align: left;
    font-size: 12px;
    color: #000
    }
.leaflet-popup-pane .leaflet-popup-content .whitebox .bottomleft {
    bottom: 0;
    left: 0;
    position: absolute;
    margin: 10px 0 15px 15px;
    height: 14px
    }
.leaflet-popup-pane .leaflet-popup-content .whitebox .bottomleft img {
    position: relative;
    top: 6px
    }
.leaflet-popup-pane .leaflet-popup-content .whitebox .left {
    width: 70px;
    height: 20px;
    text-align: left;
    float: left
    }
.leaflet-popup-pane .leaflet-popup-content .whitebox .title, .leaflet-popup-pane .leaflet-popup-content .whitebox p {
    overflow: hidden;
    line-height: 16px;
    margin-bottom: 5px
    }
.leaflet-popup-pane .leaflet-popup-content .whiteboxsmall {
    float: left;
    width: 20px;
    height: 130px;
    background-color: #fff
    }
#kaartoffset {
    height: 1px !important;
    width: 150px;
    position: absolute
    }
@media (max-width: 487px) {
    #kaartoffset {
        width: 105px
        }
    .leaflet-popup-pane .leaflet-popup-content {
        margin: 0;
        padding: 0;
        width: 280px !important
        }
    .leaflet-popup-pane .leaflet-popup-tip-container {
        margin: 0 0 0 15px
        }
    .leaflet-popup-pane .leaflet-popup-content .bluebox {
        float: left;
        width: 80px;
        background-color: #1985b7;
        text-align: center
        }
    .leaflet-popup-pane .leaflet-popup-content .whitebox {
        float: left;
        width: 200px;
        background-color: #fff;
        padding: 10px;
        position: relative
        }
    .leaflet-popup-pane .leaflet-popup-content .whitebox .bottomleft {
        margin: 10px
        }
    .leaflet-popup-pane .leaflet-popup-content .whitebox .left {
        width: 59px;
        height: 15px;
        font-size: 11px
        }
    }
.button-holder {
    position: relative;
    padding: 0
    }
.map-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 3px;
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 401
    }
.map-buttons:after {
    content: " ";
    display: block;
    clear: both
    }
.map-buttons li {
    float: left;
    background: #fff
    }
.map-buttons li.active a {
    background: #008bc2;
    color: #fff
    }
.map-buttons li.map-control-button.active a:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #008bc2 transparent transparent transparent
    }
.map-buttons a {
    display: block;
    padding: 14px 20px;
    position: relative
    }
.map-buttons a span.shortname {
    display: none
    }
.map-buttons a:hover {
    text-decoration: none;
    background: #e2eff8
    }
@media only screen and (min-width: 1024px) {
    .map-buttons a {
        padding: 14px 19px
        }
    }
@media screen and (max-width: 767px) {
    .map-buttons a span.shortname {
        display: block
        }
    .map-buttons a span.name {
        display: none
        }
    }
@media screen and (max-width: 582px) {
    .map-buttons a {
        padding: 14px 12px
        }
    }
@media screen and (max-width: 390px) {
    .map-buttons li:nth-child(n+4) {
        display: none
        }
    }
.button-holder .mapregion-select {
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 0
    }
.button-holder .mapregion-select .title {
    font: 18px/20px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif;
    display: block;
    padding-right: 10px;
    float: left;
    margin-top: 14px
    }
.button-holder .mapregion-select .dropdown-select {
    border: 1px solid #152b81;
    display: block;
    float: left;
    margin-top: 6px
    }
.button-holder .mapregion-select .dropdown-select select {
    font: 15px/17px RTLGraphikTT-Semibold, Arial, Helvetica, sans-serif
    }
@media screen and (max-width: 1279px) {
    .button-holder .mapregion-select {
        margin-bottom: 10px;
        position: relative;
        right: unset;
        top: unset
        }
    .button-holder .mapregion-select .title {
        display: inline;
        padding-right: 10px;
        float: none;
        margin-top: 0
        }
    .button-holder .mapregion-select .dropdown-select {
        display: inline-block;
        float: none
        }
    }
#tabs-table {
    width: 100%
    }
#tabs-table td {
    height: 50px;
    text-align: center;
    vertical-align: middle
    }
.list-controls.route .list-container {
    border-left: 15px solid #008bc2
    }
.list-controls.route .list-control-header {
    background-color: #008bc2
    }
.list-controls.route .list-control-header .list-detail, .list-controls.route .list-control-header h2 {
    color: #fff
    }
.list-controls .list-container {
    border-left: 15px solid #eae7e4;
    padding-left: 10px
    }
.list-controls .list-data {
    width: 100%
    }
.list-controls .list-info {
    padding: 20px 0;
    border-top: 1px solid #d3d3d3;
    font-weight: 700;
    line-height: 28px;
    display: none
    }
.list-controls .list-control-header {
    padding: 15px;
    background-color: #eae7e4
    }
.list-controls .list-control-header h2 {
    color: #5c5c5c
    }
.list-controls .list-control-header h2, .list-controls .list-control-header span {
    display: inline-block;
    margin: 0
    }
.list-controls .list-control-header span {
    float: right;
    font-weight: 700
    }
.list-controls .list-link {
    margin-top: 10px
    }
.list-controls .route-info {
    font-weight: 700;
    border-bottom: 2px solid #f6f4f3;
    padding: 15px 0 15px 10px
    }
.list-controls .route-info p {
    margin: 0;
    padding: 5px
    }
.list-with-tabs .source {
    font-size: 11px;
    font-size: 1.1rem;
    color: #aaa;
    margin: 0
    }
.wegtype td {
    padding: 10px 0 10px 20px
    }
.tab-item p {
    margin: 0
    }
.tab-item td {
    padding: 15px;
    border-bottom: 2px solid #f6f4f3;
    min-height: 75px
    }
.tab-item td.tab-item-left {
    vertical-align: top;
    padding-left: 15px;
    max-width: 65px
    }
.tab-item td.tab-item-left .wegnr {
    color: #fff;
    padding: 5px 5px 5px 5px;
    min-width: 48px;
    text-align: center;
    border-radius: 3px;
    margin-top: 5px;
    max-width: 60px
    }
.tab-item td.tab-item-left .wegnr.A {
    background-color: red
    }
.tab-item td.tab-item-left .wegnr.N {
    background-color: #ffdf07;
    color: #333
    }
.tab-item td.tab-item-center {
    vertical-align: top
    }
.tab-item td.tab-item-center .title {
    display: block;
    font-weight: 700
    }
.tab-item td.tab-item-center .bottomleft {
    padding-top: 10px
    }
.tab-item td.tab-item-center .bottomleft .left {
    display: inline-block;
    height: 20px;
    width: 80px;
    text-align: left
    }
.tab-item td.tab-item-center .bottomleft .left img {
    position: relative;
    top: 8px
    }
.tab-item td.tab-item-right {
    vertical-align: top;
    width: 15%;
    padding-left: 0;
    padding-right: 0
    }
.tab-item td.tab-item-right .image {
    padding: 15px 0;
    width: 100%;
    border-left: 1px solid #ebe8e5
    }
.tab-item td.tab-item-right .image img {
    margin: 0 auto;
    display: block
    }
.tab-item.removeOnFilter td {
    border-top: 1px solid #e2dfd8
    }
@media screen and (max-width: 1023px) {
    .list-controls {
        margin-bottom: 45px
        }
    }
@media screen and (max-width: 480px) {
    .list-controls .list-control-header span {
        float: none;
        display: block;
        padding-bottom: 10px
        }
    }
.plan-route .failed {
    width: 100%;
    background-color: #ffe895;
    display: none;
    text-align: center;
    padding: 5px
    }
.plan-route-form {
    text-align: center;
    background: #eae7e4;
    padding: 8px 0
    }
.plan-route-form .form-wrap {
    display: inline-block
    }
.plan-route-form .search-title {
    color: #000;
    font-size: 16px;
    padding: 0 10px 0 0
    }
.plan-route-form .form-wrap {
    padding-right: 5px;
    position: relative;
    max-width: 250px;
    width: 100%
    }
.plan-route-form .form-wrap::before {
    position: absolute;
    content: "▼";
    top: 6px;
    right: 12px;
    height: 20px;
    width: 20px
    }
.plan-route-form .form-wrap input {
    width: 100%;
    padding: 8px 10px;
    border: none;
    color: #5c5c5c;
    font-weight: 700;
    padding-right: 25px
    }
.plan-route-form .plan-route-button {
    background-color: #008bc2;
    color: #fff;
    border: none;
    padding: 10px 20px;
    position: relative;
    top: 1px
    }
.plan-route-form .plan-route-button.processing {
    padding-right: 40px
    }
.plan-route-form .plan-route-button.processing .spinner {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 8px
    }
.plan-route-form .plan-route-button.short {
    display: none
    }
.plan-route-form .plan-route-button:hover {
    background-color: #166b8f
    }
.plan-route-form .plan-route-button:focus {
    border: none;
    outline: 0
    }
@media screen and (min-width: 1280px) {
    .plan-route {
        width: 100%;
        display: block
        }
    }
@media screen and (max-width: 1024px) {
    .plan-route {
        margin-bottom: 25px
        }
    }
@media screen and (max-width: 899px) {
    .plan-route-form {
        padding: 10px;
        display: flex
        }
    .plan-route-form .search-title {
        display: none
        }
    .plan-route-form .form-wrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        max-width: none;
        width: auto
        }
    .plan-route-form .plan-route-button {
        padding: 0 20px;
        top: 0
        }
    }
@media screen and (max-width: 767px) {
    .plan-route-form .plan-route-button.short {
        display: inline-block;
        flex: 1 1 auto;
        flex-wrap: nowrap;
        min-width: 105px;
        max-width: 160px
        }
    .plan-route-form .plan-route-button.long {
        display: none
        }
    }
@media screen and (max-width: 479px) {
    .plan-route-form {
        padding: 10px;
        display: block
        }
    .plan-route-form .search-title {
        display: none
        }
    .plan-route-form .form-wrap {
        width: 100%;
        padding: 0;
        margin-bottom: 5px
        }
    .plan-route-form .plan-route-button {
        padding: 10px 20px
        }
    .plan-route-form .plan-route-button.short {
        display: none
        }
    .plan-route-form .plan-route-button.long {
        width: 100%;
        display: inline-block;
        flex: 1 1 auto;
        max-width: none
        }
    }
.rush-hour-expectation {
    margin-bottom: 25px
    }
.rush-hour-expectation .rush-hour-day {
    margin: 5px 0;
    float: left;
    text-align: center;
    width: 50%;
    border-top: 1px solid #e2dfd8;
    border-bottom: 1px solid #e2dfd8;
    padding: 15px;
    height: 180px
    }
.rush-hour-expectation .rush-hour-day:first-child {
    border-right: 1px solid #e2dfd8
    }
.rush-hour-expectation .rush-hour-day .day {
    margin-bottom: 0
    }
.rush-hour-expectation .rush-hour-day .description {
    font-weight: 700
    }
.rush-hour-expectation .rush-hour-day .rush-hour-type .image {
    max-width: 81%;
    max-height: 80%
    }
.plan-route .retrieving-routes {
    display: none
    }
.plan-route .myRouteContainer .list-item ul, .plan-route .myRouteContainer .user-route-list {
    list-style: none;
    padding: 0;
    margin: 0
    }
.plan-route .myRouteContainer .list-item ul .button-send, .plan-route .myRouteContainer .user-route-list .button-send {
    display: none
    }
.plan-route .myRouteContainer .list-item ul .list-item.active .title, .plan-route .myRouteContainer .user-route-list .list-item.active .title {
    color: red !important
    }
.plan-route .myRouteContainer .list-item ul .list-item.active .toggleButton, .plan-route .myRouteContainer .user-route-list .list-item.active .toggleButton {
    background: red !important;
    transform: rotate(90deg) !important
    }
.plan-route .myRouteContainer .list-item ul .list-item.active .active-row, .plan-route .myRouteContainer .user-route-list .list-item.active .active-row {
    display: block
    }
.plan-route .myRouteContainer .list-item ul .list-container, .plan-route .myRouteContainer .user-route-list .list-container {
    border-bottom: 1px solid #d3d3d3
    }
.plan-route .myRouteContainer .list-item ul .list-container .route-row, .plan-route .myRouteContainer .user-route-list .list-container .route-row {
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap
    }
.plan-route .myRouteContainer .list-item ul .list-container .route-row .toggleButton, .plan-route .myRouteContainer .user-route-list .list-container .route-row .toggleButton {
    flex: none;
    max-height: 17px;
    max-width: 17px;
    min-height: 17px;
    min-width: 17px;
    background: #008bc2;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    top: 12px;
    transition: all 0.2s
    }
.plan-route .myRouteContainer .list-item ul .list-container .route-row .toggleButton::before, .plan-route .myRouteContainer .user-route-list .list-container .route-row .toggleButton::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 4.5px;
    font-family: icomoon;
    font-size: 8px;
    font-weight: 400;
    line-height: 1;
    color: #fff
    }
.plan-route .myRouteContainer .list-item ul .list-container .route-row .title, .plan-route .myRouteContainer .user-route-list .list-container .route-row .title {
    flex: 1;
    padding: 10px;
    font-weight: 700;
    color: #000;
    min-width: 0
    }
.plan-route .myRouteContainer .list-item ul .list-container .route-row .title p, .plan-route .myRouteContainer .user-route-list .list-container .route-row .title p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0;
    margin: 0
    }
.plan-route .myRouteContainer .list-item ul .list-container .active-row, .plan-route .myRouteContainer .user-route-list .list-container .active-row {
    display: none
    }
.plan-route .myRouteContainer .list-item ul .list-container .active-row .button-row, .plan-route .myRouteContainer .user-route-list .list-container .active-row .button-row {
    padding-bottom: 15px
    }
.plan-route .myRouteContainer .list-item ul .list-container .active-row .button-row button, .plan-route .myRouteContainer .user-route-list .list-container .active-row .button-row button {
    background-color: #fff;
    border: 1px solid gray;
    padding: 7px 15px;
    border-radius: 5px;
    margin-right: 5px
    }
.plan-route .myRouteContainer .list-item ul .list-container .active-row .button-row button:hover, .plan-route .myRouteContainer .user-route-list .list-container .active-row .button-row button:hover {
    background-color: #eae7e4;
    color: #000
    }
.plan-route .myRouteContainer .list-item ul .list-container .active-row .button-row .button-remove, .plan-route .myRouteContainer .user-route-list .list-container .active-row .button-row .button-remove {
    padding: 4px 15px;
    color: red;
    position: relative;
    font-size: 16.2px;
    top: 2px
    }
.plan-route .myRouteContainer .list-item ul .list-container .active-row .button-row .button-remove:hover, .plan-route .myRouteContainer .user-route-list .list-container .active-row .button-row .button-remove:hover {
    background-color: red;
    color: #fff;
    border-color: #fff
    }
.plan-route .myRouteContainer .list-item ul .list-container .active-row .info-row, .plan-route .myRouteContainer .user-route-list .list-container .active-row .info-row {
    padding-bottom: 15px;
    font-weight: 700
    }
.plan-route .myRouteContainer .list-item ul .list-container .active-row .info-row .text, .plan-route .myRouteContainer .user-route-list .list-container .active-row .info-row .text {
    display: inline-block;
    min-width: 150px
    }
a.buienradar {
    color: #5c5c5c;
    float: right;
    width: 250px;
    text-align: right;
    line-height: 25px
    }
a.buienradar img {
    margin-top: -3px
    }
@media screen and (max-width: 1024px) {
    .buienradar {
        margin: -40px 0 0 51px
        }
    }
@media screen and (max-width: 767px) {
    .buienradar {
        margin: -31px 0 0 51px
        }
    }
@media screen and (max-width: 400px) {
    .buienradar {
        display: none
        }
    }