body {
    color: #042643;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

a, a:hover, a:active, a:visited {
    color: #1e8fdb;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


img.ik.small-icon {
    margin-right: 3px;
    margin-top: -4px;
    width: 20px;

}

.ik.location-selector-collapsing {
    display: none;
}

.ik.location-title {
    font-size: 20px;
}

.ik.hourly-second-title {
    font-size: 25px;
}

h2.category {
    /*font-weight: bold;*/

    line-height: 1.79em;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

.ik.red-pill {
    background: #EE5143;
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
}


.ik.header {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #182C3D;
    font-size: 1.2em;
    padding-top: 0;
    padding-bottom: 20px;
    display: block;
}

h1.ik.header {
    color: #182C3D;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 39px;
    padding-bottom: 0;
}

.ik.header span {
    /*font-weight: bold;
    background: #fff;
    padding: .5em;
    line-height: 1.9em;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;*/
    font-weight: bold;
    background: #fff;
    padding: 0.3em;
    line-height: 1.79em;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}



main article h1.ik.header {
    padding-left: 4px;
}

h1.ik.header-standalone {
    color: #182C3D;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: bold;
    line-height: 39px;
    padding-bottom: 0;
    padding-left: 4px;
}

.ik.header-standalone span {
    font-weight: bold;
    padding: 0.3em;
    line-height: 1.79em;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;

}

.typeahead,
.tt-query,
.tt-hint {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
    width: 300px;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

input#locationName.tt-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    color: #042643;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}


.gist {
    font-size: 14px;
}

.input-group > .twitter-typeahead {
    flex: 1 1 auto;
    width: 50%;
}

.ik.reg .twitter-typeahead { width: 100%; }

.ik.reg .tt-menu {
    width: 100%;
}

.ik.wbg {
    background-repeat: no-repeat;
    background-color: #93a7b3;
    background-size: 100% auto;
}

.ik.wbg.borult {
    background-image: url('/assets/main-bg/borult.jpg');
}

.ik.wbg.borult_konvektiv {
    background-image: url('/assets/main-bg/borult_konvektiv.jpg');
}

.ik.wbg.derult {
    background-image: url('/assets/main-bg/derult.jpg');
}

.ik.wbg.esos {
    background-image: url('/assets/main-bg/esos.jpg');
}

.ik.wbg.gyengen_felhos {
    background-image: url('/assets/main-bg/gyengen_felhos.jpg');
}

.ik.wbg.felhos,
.ik.wbg.kozepesen_felhos,
.ik.kozepesen-felhos {
    background-image: url('/assets/main-bg/kozepesen_felhos.jpg');
}

.ik.wbg.erosen_felhos {
    background-image: url('/assets/main-bg/erosen_felhos.jpg');
}

.ik.wbg.gyengen_felhos_konvektiv {
    background-image: url('/assets/main-bg/gyengen_felhos_konvektiv.jpg');
}

.ik.wbg.kozepesen_felhos_konvektiv {
    background-image: url('/assets/main-bg/kozepesen_felhos_konvektiv.jpg');
}

.ik.wbg.erosen_felhos_konvektiv {
    background-image: url('/assets/main-bg/erosen_felhos_konvektiv.jpg');
}

.ik.wbg.havaseso {
    background-image: url('/assets/main-bg/havaseso.jpg');
}

.ik.wbg.hozapor {
    background-image: url('/assets/main-bg/hozapor.jpg');
}

.ik.wbg.zapor {
    background-image: url('/assets/main-bg/zapor.jpg');
}

.ik.wbg.havazas {
    background-image: url('/assets/main-bg/havazas.jpg');
}

.ik.wbg.szaraz_zivatar {
    background-image: url('/assets/main-bg/szaraz_zivatar.jpg');
}

.ik.wbg.zivatar {
    background-image: url('/assets/main-bg/zivatar.jpg');
}

.ik.wbg.kod {
    background-image: url('/assets/main-bg/kod.jpg');
}

.ik.wbg.borult_ejszaka {
    background-image: url('/assets/main-bg/borult_ejszaka.jpg');
}

.ik.wbg.derult_ejszaka {
    background-image: url('/assets/main-bg/derult_ejszaka.jpg');
}

.ik.wbg.esos_ejszaka {
    background-image: url('/assets/main-bg/esos_ejszaka.jpg');
}

.ik.wbg.gyengen_felhos_ejszaka {
    background-image: url('/assets/main-bg/gyengen_felhos_ejszaka.jpg');
}

.ik.kozepesen_felhos_ejszaka {
    background-image: url('/assets/main-bg/kozepesen_felhos_ejszaka.jpg');
}

.ik.wbg.erosen_felhos_ejszaka {
    background-image: url('/assets/main-bg/erosen_felhos_ejszaka.jpg');
}

.ik.wbg.havazas_ejszaka {
    background-image: url('/assets/main-bg/havazas_ejszaka.jpg');
}

.ik.wbg.szaraz_zivatar_ejszaka {
    background-image: url('/assets/main-bg/szaraz_zivatar_ejszaka.jpg');
}

.ik.wbg.zivatar_ejszaka {
    background-image: url('/assets/main-bg/zivatar_ejszaka.jpg');
}

.ik.wbg.borult_ejszaka_konvektiv {
    background-image: url('/assets/main-bg/borult_ejszaka_konvektiv.jpg');
}
.ik.wbg.erosen_felhos_ejszaka_konvektiv {
    background-image: url('/assets/main-bg/erosen_felhos_ejszaka_konvektiv.jpg');
}
.ik.wbg.havaseso_ejszaka {
    background-image: url('/assets/main-bg/havaseso_ejszaka.jpg');
}
.ik.wbg.hozapor_ejszaka {
    background-image: url('/assets/main-bg/hozapor_ejszaka.jpg');
}
.ik.wbg.kod_ejszaka {
    background-image: url('/assets/main-bg/kod_ejszaka.jpg');
}
.ik.wbg.kozepesen_felhos_ejszaka_konvektiv {
    background-image: url('/assets/main-bg/kozepesen_felhos_ejszaka_konvektiv.jpg');
}
.ik.wbg.zapor_konvektiv_ejszaka {
    background-image: url('/assets/main-bg/zapor_konvektiv_ejszaka.jpg');
}



.ik.content-fill {
    background-color: #ffffff;
    color: #182c3d;
}
.ik.top-frame {
    background-color: #ffffff;
}

.ik.wordmark-logo {
    height: 90px;
    max-width: 230px;
    background: url("../assets/idokep_wordmark_logo_lockup_revC.svg") no-repeat;
    background-position: center;
}

.ik.logo {
    height: 90px;
    min-width: 90px;
    max-width: 230px;
    background: url("../assets/idokep_wordmark_logo_lockup_revC.svg") no-repeat;
    display: block;
    background-position: center;
}


.embed-responsive {
    margin-bottom: 2em;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}

.table-dark {
    background-color: #182c3d;
}

button:focus {
    outline: none !important;
}

br.ik.break-on-mobile {
    display: none;
}

.ik.main-content {
    position: relative;
}

/*
 *  Colors - színek
 */

/* white -- fehér */
.ik.white-color, .ik.feher-color {
    color: #ffffff !important;
}

/* Dark - sötét, footer*/
.ik.dark-color, .ik.sotet-color {
    color: #0A2232 !important;
}

/* blue - kék */
.ik.blue-color, .ik.kek-color {
    color: #1E8FDB !important;
}

/* dark blue - sotetkek */
.ik.darkblue-color, .ik.dark-blue-color, .ik.sotetkek-color, .ik.sotet-kek-color {
    color: #042643 !important;
}

/* breaking red - azonnali vörös */
.ik.red.brk-color, .ik.red.crawl-color, .ik.red.breaking-color, .ik.voros.azonnali-color {
    color: #FF3300 !important;
}

.ik.red-color, .ik.voros-color {
    color: #EE5143 !important;
}

/*
 *  Background Colors - Háttérszínek
 */

/* BG white -- fehér */
.ik.white-bg, .ik.feher-bg {
    background-color: #ffffff !important;
}

.ik.gray-bg, .ik.grey-bg, .ik.szurke-bg {
    background-color: #EBEFF2 !important;
}

/* BG blue - kék, menu */
.ik.blue-bg, .ik.kek-bg {
    background-color: #1E8FDB !important;
}

/* Dark background - sötét háttér, footer*/
.ik.dark-bg, .ik.sotet-bg {
    /*background-color: #0A2232 !important;*/
    background-color: #182C3D !important;
}

/* BG breaking red - azonnali vörös */
.ik.red.brk-bg, .ik.red.crawl-bg, .ik.red.breaking-bg, .ik.voros.azonnali-bg {
    background-color: #FF3300 !important;
}

.ik.red-bg, .ik.voros-bg {
    background-color: #EE5143 !important;
}

.ik.alert-bar {
    background: #182C3D;
    color: #DDDDDD;
    height:40px;
}

.ik.alert-bar a,
.ik.alert-bar span.ik.alertpad {
    padding: 10px;
    display: block;
}

.ik.alert-bar.green {
    background-color: #00C763 !important;
    color: #182C3D;
}

.ik.alert-bar.yellow {
    background-color: #fffe29 !important;
    color: #efefef;
}

.ik.alert-bar.orange {
    background-color: #DB6735 !important;
    color: #efefef;
}

.ik.alert-bar.red {
    background-color: #ee5143 !important;
    color: #efefef;
}

.ik.alert-bar.purple {
    background-color: #9f1aee !important;
    color: #efefef;
}

.ik.alert-bar.black {
    background-color: #333333 !important;
    color: #efefef;
}



.ik.alert-bar a,.ik.alert-bar a:visited,.ik.alert-bar a:active {
    color: #efefef;
    display: block;
    width: 100%;
}

.ik.alert-bar a:hover {
    color: #fff;
    text-decoration: none;
}


.ik.alert-bar.green a,.ik.alert-bar.green a:visited,.ik.alert-bar.green a:active {
    color: #FDFDFD;
}

.ik.alert-bar.yellow span.ik.alertpad,
.ik.alert-bar.yellow a,.ik.alert-bar.yellow a:visited,.ik.alert-bar.yellow a:active {
    color: #182C3D;
}

.ik.alert-bar.orange a,.ik.alert-bar.orange a:visited,.ik.alert-bar.orange a:active {
    color: #efefef;
}


.ik.alert-bar.black a,.ik.alert-bar.black a:visited,.ik.alert-bar.black a:active {
    color: #efefef;
}

.ik.alert-bar.black a:hover {
    color: #fff;
}



.ik.alert-bar.yellow a:hover {
    color: #111111;
}

.ik.alert-bar .close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 17px;
    color: #fff;
    text-shadow: 0 1px 0 #efefef;
    opacity: .5;
}

.ik.alert-bar .close:hover {
    color: #fff;
}


.ik.alert-bar.yellow .close {
    color: #182C3D;
    text-shadow: 0 1px 0 #182C3D;
}

.ik.alert-bar.yellow .close:hover {
    color: #111111;
}





.container {
    max-width: 1200px;
}

.ik.top-frame {
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ik.menubar-desktop {
    z-index: 99999;
}

.ik.menubar-desktop nav {
    height: 40px;
    /*overflow: hidden;*/
}

.ik.sidebar {
    position: relative;
}

.tablet-only {
    display: none;
}

.ik.desktop-logo {
    display: none !important;
}

footer {
    color: #FFFFFF;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 22px;
}

footer a,
footer a:visited {
    color: #efefef;
}

footer a.nav-link:hover {
    color: #1e8fdb !important;
}


.ik.footer-height {
    min-height: 55px;
}


nav.ik.desktop-nav a {
    text-decoration: none;
}

nav.ik.desktop-nav ul {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
nav.ik.desktop-nav ul li {
    text-transform: uppercase;
}

nav.ik.desktop-nav ul.drop li {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    border-top: 1px solid #0d83c7;
}

nav.ik.desktop-nav ul.drop li:first-of-type {
    border-top: none;
}

nav.ik.desktop-nav ul {
    background: #1e8fdb;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

nav.ik.desktop-nav li {
    color: #fff;
    background: #1e8fdb;
    display: block;
    float: left;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
}


nav.ik.desktop-nav ul.drop li.fontos {
    color: #fff;
    background: #ee5143;
    border-top: 1px solid #efefef;

}


nav.ik.desktop-nav ul.drop li.kiemelt {
    color: #fff;
    background: #DB6735;
    border-top: 1px solid #DB6735;

}

nav.ik.desktop-nav li a {
    color: #fff;
    transition-duration: 0.5s;
    display: block;
    padding: .6rem;
}

nav.ik.desktop-nav li:hover,
nav.ik.desktop-nav li.kiemelt:hover,
nav.ik.desktop-nav li.fontos:hover{
    background: #ffffff;
    cursor: pointer;
}

nav.ik.desktop-nav ul li:hover a {
    color: #1e8fdb;
    transition-duration: 0.5s;
}

nav.ik.desktop-nav ul li:hover ul.drop li a {
    color: #ffffff;
    transition-duration: 0.5s;
}

nav.ik.desktop-nav ul li:hover ul.drop li:hover a {
    color: #1e8fdb;
    transition-duration: 0.5s;
}

nav.ik.desktop-nav ul li:hover ul.drop li.kiemelt:hover a,
nav.ik.desktop-nav ul li:hover ul.drop li.fontos:hover a{
    color: #fff;
    transition-duration: 0.5s;
}

nav.ik.desktop-nav ul li ul.drop {
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    min-width: 12rem;
    position: absolute;
    transition: all 0.5s ease;
    left: 0;
    display: none;
}

nav.ik.desktop-nav ul li:hover > ul,
nav.ik.desktop-nav ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

nav.ik.desktop-nav ul li ul li {
    clear: both;
    width: 100%;
}


/* Mobile menu */


.ik.menubar-mobile {
    min-height: 55px;
    overflow: auto;
    max-height: 95vh;
    /*align-items: flex-start;*/
    z-index: 99999999;
    background: #ffffff;
}

.ik.mobile-menu-logo {
    background: url('../assets/idokep_logo.svg') no-repeat;
    height: 50px;
    width: 46px;
    background-position-x: center;
    background-position-y: bottom;
}

.ik.mobile-menu-collapsing {
    display: none;
    background-color: #1E8FDB;
}


ul.ik.mobile-menu-ul {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

ul.ik.mobile-menu-ul li {
    padding-left: 1em;
    padding-right: 1em;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    list-style-type: none;
    border-bottom: 1px solid #0d83c7;
}

ul.ik.mobile-menu-ul li.ik.active-menu,
ul.ik.mobile-menu-ul li.ik.active-menu a {
    color: #fff !important;
    background: #63AFE1 !important;
}

ul.ik.mobile-menu-ul li:last-child {
    border-bottom: none;
}

ul.ik.mobile-menu-ul li a,
ul.ik.mobile-menu-ul li a:visited,
ul.ik.mobile-menu-ul li a:active {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 10px 0 10px 0;
}

.ik.submenu-collapsed {
    display: none;
}

ul.ik.mobile-submenu-ul li a:hover {
    text-decoration: none;
}

ul.ik.mobile-submenu-ul {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    border-left: 5px #0d83c7 solid;
    margin-left: 10px;
    margin-bottom: 20px;
}

ul.ik.mobile-submenu-ul li {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    list-style-type: none;
    border-bottom: none;
}

ul.ik.mobile-submenu-ul li:last-child {
    border-bottom: none;
}

ul.ik.mobile-submenu-ul li a,
ul.ik.mobile-submenu-ul li a:visited,
ul.ik.mobile-submenu-ul li a:active {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 10px 0 10px 0;
}

ul.ik.mobile-menu-ul li a:hover {
    text-decoration: none;
}

.ik.ln-hugeIcon {
    position: relative;
    top: 4px;
    width: 35px;
    text-align: center;
}

.ik.hugeIcon {
    position: relative;
    top: 2px;
    font-size: 1.6em !important;
    padding-right: 5px;
    width: 35px;
    text-align: center;
}

.ik.carret {
    font-size: 20px;
    color: #182C3D;
}

button.ik.menuopener {
    background: #fff;
    border: 1px solid #1E8FDB;
    color: #1E8FDB;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ik.mobile-menuopener-text {
    padding-left: 25px;
    text-transform: uppercase;
}

#mobileMenuopener {
    width: 15px;
    top: 6px;
    /*height: 45px;*/
    position: relative;
    /*margin: 50px auto;*/
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;

}

#mobileMenuopener span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #1E8FDB;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#mobileMenuopener span:nth-child(1) {
    top: 0;
}

#mobileMenuopener span:nth-child(2) {
    top: 5px;
}

#mobileMenuopener span:nth-child(3) {
    top: 10px;
}

#mobileMenuopener.open span:nth-child(1) {
    top: 5px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#mobileMenuopener.open span:nth-child(2) {
    opacity: 0;
    left: -10px;
}

#mobileMenuopener.open span:nth-child(3) {
    top: 5px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.ik.hr-mobile-div {
    border-top: solid 1px #ffffff;
    opacity: 0.2;
}

.ik.collapsed-item {
    display: none;
}

.ik.register-first-mobile {
    /*display: none;*/
}

.ik.login-first-mobile {
    /*display: none;*/
}



.ik.vertical-info-small {
    height: 0;
    display: inline-block;
    transform: rotate(-90deg);
    transform-origin: center;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    position: relative;
    top: 68px;
    float: left;
    width: 0;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    color: #607D8D;
}

.ik.info-small {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .7em;
    color: #607D8D;
}



.ik.ad-lockup-top-970{
    position: relative;
    height: 90px;
    width: 985px;
    float: left;
    margin-left: 15px;
}

.ik.ad-lockup-top-728{
    position: relative;
    height: 90px;
    width: 728px;
    float: left;
    margin-left: 15px;
}

.ik.ad-970 {
    height: 90px;
    width: 970px;
}

.ik.ad-728 {
    height: 90px;
    width: 728px;
}

.ik.inner-form input {
    color: #182C3D;
    font-size: 14px;
    line-height: 22px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ik.wht-rounded-borders {
    border-radius: 8px;
    border: 1px #fff solid;
    padding: .2em .5em .2em .5em;
}

.ik.rounded-borders {
    border-radius: 8px;
    border: 1px #1e8fdb solid;
    padding: .2em .5em .2em .5em;
}

a.ik.biglink {
    color: #1E8FDB;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

input.ik.btn-ikblue, button.ik.btn-ikblue {
    background-color: #1E8FDB;
    color: #fff;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/*
input.ik.btn-blue, button.ik.btn-blue, a.ik.btn-blue, a.ik.btn-blue:visited, a.ik.btn-blue:active {
    background-color: #1E8FDB;
    color: #fff;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 8px;

    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    border: #1E8FDB 1px solid;
    text-transform: uppercase;
    /    top right bottom left   /
    padding: .5em 1em .5em 1em;
    text-align: center;
    outline: none ! important;
}
*/

input.ik.btn-blue.btn-sm, button.ik.btn-blue.btn-sm, a.ik.btn-blue.btn-sm, a.ik.btn-blue.btn-sm:visited, a.ik.btn-blue.btn-sm:active {
    font-size: 12px;
}

button.ik.btn-blue:hover, a.ik.btn-blue:hover {
    background-color: #21a0f5;
    cursor: pointer;

}

.ik.noLocationSelection {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    display: inline;
}

a.ik.location-selector, a:active.ik.location-selector, a:visited.ik.location-selector, a:hover.ik.location-selector {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    display: inline;
}

a.ik.location-selector-eszlel,
a:active.ik.location-selector-eszlel,
a:visited.ik.location-selector-eszlel,
a:hover.ik.location-selector-eszlel {
    font-size: 16px;
    /*color: #222222;*/
    font-weight: bold;
    display: inline;
}

button.ik.menuopener:focus {
    outline:none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
}

.ik.logo a {
    display: block;
    width: 100%;
    height: 100%;
    content: " ";
}

.ik.shortCurrentWeatherText {
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding-bottom: .5em;
    font-weight: normal;
    color: #ffffff;
}

.ik.current-weather-title {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.ik.current-weather-short-desc {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #fff;
    padding-bottom: 1.2em;
    font-weight: bold;
    display: inline;
}

.ik.current-weather {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding-top: 2px;
}

.ik.current-temperature {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #fff;
    font-weight: normal;
}

.ik.extra-info-line {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding-bottom: .5em;
    font-weight: normal;
}

img.ik.forecast-bigicon {
    width: 75px;
    height: 75px;
}
.ik.hourly-forecast-row{
    background: #1eadff
}
.ik.hourly-forecast-row.esos { background: url('../assets/hourly-forecast-bg/esos.jpg') no-repeat; }
.ik.hourly-forecast-row.derult {background: url('../assets/hourly-forecast-bg/derult.jpg') no-repeat;}
.ik.hourly-forecast-row.derult2 {background: url('../assets/hourly-forecast-bg/derult2.jpg') no-repeat;}
.ik.hourly-forecast-row.gyengen_felhos {background: url('../assets/hourly-forecast-bg/gyengen_felhos.jpg') no-repeat;}
.ik.hourly-forecast-row.kozepesen_felhos {background: url('../assets/hourly-forecast-bg/kozepesen_felhos.jpg') no-repeat;}
.ik.hourly-forecast-row.kozepesen_felhos2 {background: url('../assets/hourly-forecast-bg/kozepesen_felhos2.jpg') no-repeat;}
.ik.hourly-forecast-row.erosen_felhos {background: url('../assets/hourly-forecast-bg/erosen_felhos.jpg') no-repeat;}
.ik.hourly-forecast-row.erosen_felhos2 {background: url('../assets/hourly-forecast-bg/erosen_felhos2.jpg') no-repeat;}
.ik.hourly-forecast-row.erosen_felhos3 {background: url('../assets/hourly-forecast-bg/erosen_felhos3.jpg') no-repeat;}
.ik.hourly-forecast-row.borult {background: url('../assets/hourly-forecast-bg/borult.jpg') no-repeat;}
.ik.hourly-forecast-row.borult2 {background: url('../assets/hourly-forecast-bg/borult2.jpg') no-repeat;}
.ik.hourly-forecast-row.borult3 {background: url('../assets/hourly-forecast-bg/borult3.jpg') no-repeat;}
.ik.hourly-forecast-row.borult4 {background: url('../assets/hourly-forecast-bg/borult4.jpg') no-repeat;}
/*.ik.hourly-forecast-row.kod {background: url('../assets/hourly-forecast-bg/kod.jpg') no-repeat;}*/
.ik.hourly-forecast-row.eso {background: url('../assets/hourly-forecast-bg/eso.jpg') no-repeat;}
.ik.hourly-forecast-row.zivatar {background: url('../assets/hourly-forecast-bg/zivatar.jpg') no-repeat;}
.ik.hourly-forecast-row.havazas {background: url('../assets/hourly-forecast-bg/havazas.jpg') no-repeat;}

.ik.hourly-forecast-row.derult_ejszaka {background: url('../assets/hourly-forecast-bg/derult_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.gyengen_felhos_ejszaka {background: url('../assets/hourly-forecast-bg/gyengen_felhos_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.kozepesen_felhos_ejszaka {background: url('../assets/hourly-forecast-bg/kozepesen_felhos_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.erosen_felhos_ejszaka {background: url('../assets/hourly-forecast-bg/erosen_felhos_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.borult_ejszaka {background: url('../assets/hourly-forecast-bg/borult_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.eso_ejszaka {background: url('../assets/hourly-forecast-bg/eso_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.kod_ejszaka {background: url('../assets/hourly-forecast-bg/kod_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.zivatar_ejszaka {background: url('../assets/hourly-forecast-bg/zivatar_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.szaraz_zivatar_ejszaka {background: url('../assets/hourly-forecast-bg/szaraz_zivatar_ejszaka.jpg') no-repeat;}
.ik.hourly-forecast-row.havaseso_ejszaka {background: url('../assets/hourly-forecast-bg/havaseso_ejszaka.jpg') no-repeat;}



.ik.hourly-hours-outer {
    max-width: 550px;
}

.ik.hourly-forecast-header-container {
    display: flex;
    flex-direction: row;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
}

.ik.hourly-forecast-header-ln {
    border-top: #fff 1px solid;
    width: 550px;
}


.ik.hourly-forecast-header-ln.hrly {
    border-top: #fff 1px solid;
    width: 1670px;
}

.ik.hourly-forecast-header {
    min-width: 60px;
    width: 60px;
    margin-left: 10px;
}

.ik.hourly-forecast-header:first-child {
    margin-left: 0px !important;

}

.ik.hourly-forecast-header.today {
    /*padding-left: 10px; margin-left: 0px; border-left: #fff 1px solid; */
}

.ik.hourly-forecast-header.tomorrow {
    padding-left: 10px;
    margin-left: 5px;
    border-left: #fff 1px solid;
    /* background-color: white; */
    width: 60px !important;

}

.ik.hourly-forecast-header.tomorrow::before {
    content: "holnap";
}

.ik.hourly-forecast-card-container {
    display: flex;
    flex-direction: row;
}

.ik.hourly-forecast-card {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: rgba(255,255,255,0.2);
    min-width: 60px;
    width: 60px;
    text-align: center;
    margin-left: 10px;
    padding-bottom: 12px;
}

.ik.hourly-forecast-card a,
.ik.hourly-forecast-card a:visited,
.ik.hourly-forecast-card a:active
.ik.hourly-forecast-card a:hover {
    text-decoration: none;
    color: inherit;
}


.ik.hourly-forecast-card:first-child {
    margin-left: 0px !important;
}

.ik.hourly-forecast-card .ik.hourly-forecast-hour {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ik.hourly-forecast-card .ik.forecast-icon-container img {
    max-width: 45px;
}

.ik.hourly-forecast-card .ik.temperature-circled {
    border-radius: 50%;
    background: #182C3D;
    height: 45px;
    width: 45px;
    color: #fff !important;
    text-align: center;
    font-weight: bold;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*
    margin-top: 1em;
    margin-bottom: .4em;
    */
    margin-top: 15px;
    line-height: 15px;
}


.ik.hourly-rain-chance {
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #fff;
    text-align: center;
}


.ik.hourly-rainlevel-container {
    position: relative;
    height: 35px;
    margin-bottom: 5px;
}

.ik.hourly-rainlevel-container-inner {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    color: #ffffff;
    font-size: 11px;
}

.ik.rainlevel-na {
    height: 40px;
}

.ik.hourly-rainlevel {
    text-align: center;
}

.ik.hourly-rainlevel-meter {
    background: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

.ik.rainlevel-container {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #1E8FDB;
    left: 2px;
    max-width: 56px;
    width: 56px;
    position: absolute;
    bottom: 0;
}

.ik.wind,
.ik.wind-dark {
    background-size: cover;
    width:100%;
    /* transform: rotate(-66deg); */
    height: 40px;
}

.ik.hourly-wind {
    padding-top: 10px;
}

.ik.wind.szelcsend {
    background: url(../assets/wind-icons/szelcsend_d1.svg) center no-repeat;
}

.ik.wind.elenk {
    background: url(../assets/wind-icons/elenk_d0.svg) center no-repeat;
}

.ik.wind.eros {
    background: url(../assets/wind-icons/eros_d0.svg) center no-repeat;
}

.ik.wind.erosen-viharos {
    background: url(../assets/wind-icons/erosen-viharos_d0.svg) center no-repeat;
}

.ik.wind.gyenge {
    background: url(../assets/wind-icons/gyenge_d0.svg) center no-repeat;
}

.ik.wind.mersekelt {
    background: url(../assets/wind-icons/mersekelt_d0.svg) center no-repeat;
}

.ik.wind.szelvihar {
    background: url(../assets/wind-icons/szelvihar_d0.svg) center no-repeat;
}

.ik.wind.viharos {
    background: url(../assets/wind-icons/viharos_d0.svg) center no-repeat;
}



.ik.wind-dark.szelcsend {
    background: url(../assets/wind-icons/szelcsend_d1-dark.svg) center no-repeat;
}

.ik.wind-dark.elenk {
    background: url(../assets/wind-icons/elenk_d0-dark.svg) center no-repeat;
}

.ik.wind-dark.eros {
    background: url(../assets/wind-icons/eros_d0-dark.svg) center no-repeat;
}

.ik.wind-dark.erosen-viharos {
    background: url(../assets/wind-icons/erosen-viharos_d0-dark.svg) center no-repeat;
}

.ik.wind-dark.gyenge {
    background: url(../assets/wind-icons/gyenge_d0-dark.svg) center no-repeat;
}

.ik.wind-dark.mersekelt {
    background: url(../assets/wind-icons/mersekelt_d0-dark.svg) center no-repeat;
}

.ik.wind-dark.szelvihar {
    background: url(../assets/wind-icons/szelvihar_d0-dark.svg) center no-repeat;
}

.ik.wind-dark.viharos {
    background: url(../assets/wind-icons/viharos_d0-dark.svg) center no-repeat;
}



.ik.wind.r0 {
    transform: rotate(0deg);
}

.ik.wind.r1 {
    transform: rotate(1deg);
}

.ik.wind.r2 {
    transform: rotate(2deg);
}

.ik.wind.r3 {
    transform: rotate(3deg);
}

.ik.wind.r4 {
    transform: rotate(4deg);
}

.ik.wind.r5 {
    transform: rotate(5deg);
}

.ik.wind.r6 {
    transform: rotate(6deg);
}

.ik.wind.r7 {
    transform: rotate(7deg);
}

.ik.wind.r8 {
    transform: rotate(8deg);
}

.ik.wind.r9 {
    transform: rotate(9deg);
}

.ik.wind.r10 {
    transform: rotate(10deg);
}

.ik.wind.r11 {
    transform: rotate(11deg);
}

.ik.wind.r12 {
    transform: rotate(12deg);
}

.ik.wind.r13 {
    transform: rotate(13deg);
}

.ik.wind.r14 {
    transform: rotate(14deg);
}

.ik.wind.r15 {
    transform: rotate(15deg);
}

.ik.wind.r16 {
    transform: rotate(16deg);
}

.ik.wind.r17 {
    transform: rotate(17deg);
}

.ik.wind.r18 {
    transform: rotate(18deg);
}

.ik.wind.r19 {
    transform: rotate(19deg);
}

.ik.wind.r20 {
    transform: rotate(20deg);
}

.ik.wind.r21 {
    transform: rotate(21deg);
}

.ik.wind.r22 {
    transform: rotate(22deg);
}

.ik.wind.r23 {
    transform: rotate(23deg);
}

.ik.wind.r24 {
    transform: rotate(24deg);
}

.ik.wind.r25 {
    transform: rotate(25deg);
}

.ik.wind.r26 {
    transform: rotate(26deg);
}

.ik.wind.r27 {
    transform: rotate(27deg);
}

.ik.wind.r28 {
    transform: rotate(28deg);
}

.ik.wind.r29 {
    transform: rotate(29deg);
}

.ik.wind.r30 {
    transform: rotate(30deg);
}

.ik.wind.r31 {
    transform: rotate(31deg);
}

.ik.wind.r32 {
    transform: rotate(32deg);
}

.ik.wind.r33 {
    transform: rotate(33deg);
}

.ik.wind.r34 {
    transform: rotate(34deg);
}

.ik.wind.r35 {
    transform: rotate(35deg);
}

.ik.wind.r36 {
    transform: rotate(36deg);
}

.ik.wind.r37 {
    transform: rotate(37deg);
}

.ik.wind.r38 {
    transform: rotate(38deg);
}

.ik.wind.r39 {
    transform: rotate(39deg);
}

.ik.wind.r40 {
    transform: rotate(40deg);
}

.ik.wind.r41 {
    transform: rotate(41deg);
}

.ik.wind.r42 {
    transform: rotate(42deg);
}

.ik.wind.r43 {
    transform: rotate(43deg);
}

.ik.wind.r44 {
    transform: rotate(44deg);
}

.ik.wind.r45 {
    transform: rotate(45deg);
}

.ik.wind.r46 {
    transform: rotate(46deg);
}

.ik.wind.r47 {
    transform: rotate(47deg);
}

.ik.wind.r48 {
    transform: rotate(48deg);
}

.ik.wind.r49 {
    transform: rotate(49deg);
}

.ik.wind.r50 {
    transform: rotate(50deg);
}

.ik.wind.r51 {
    transform: rotate(51deg);
}

.ik.wind.r52 {
    transform: rotate(52deg);
}

.ik.wind.r53 {
    transform: rotate(53deg);
}

.ik.wind.r54 {
    transform: rotate(54deg);
}

.ik.wind.r55 {
    transform: rotate(55deg);
}

.ik.wind.r56 {
    transform: rotate(56deg);
}

.ik.wind.r57 {
    transform: rotate(57deg);
}

.ik.wind.r58 {
    transform: rotate(58deg);
}

.ik.wind.r59 {
    transform: rotate(59deg);
}

.ik.wind.r60 {
    transform: rotate(60deg);
}

.ik.wind.r61 {
    transform: rotate(61deg);
}

.ik.wind.r62 {
    transform: rotate(62deg);
}

.ik.wind.r63 {
    transform: rotate(63deg);
}

.ik.wind.r64 {
    transform: rotate(64deg);
}

.ik.wind.r65 {
    transform: rotate(65deg);
}

.ik.wind.r66 {
    transform: rotate(66deg);
}

.ik.wind.r67 {
    transform: rotate(67deg);
}

.ik.wind.r68 {
    transform: rotate(68deg);
}

.ik.wind.r69 {
    transform: rotate(69deg);
}

.ik.wind.r70 {
    transform: rotate(70deg);
}

.ik.wind.r71 {
    transform: rotate(71deg);
}

.ik.wind.r72 {
    transform: rotate(72deg);
}

.ik.wind.r73 {
    transform: rotate(73deg);
}

.ik.wind.r74 {
    transform: rotate(74deg);
}

.ik.wind.r75 {
    transform: rotate(75deg);
}

.ik.wind.r76 {
    transform: rotate(76deg);
}

.ik.wind.r77 {
    transform: rotate(77deg);
}

.ik.wind.r78 {
    transform: rotate(78deg);
}

.ik.wind.r79 {
    transform: rotate(79deg);
}

.ik.wind.r80 {
    transform: rotate(80deg);
}

.ik.wind.r81 {
    transform: rotate(81deg);
}

.ik.wind.r82 {
    transform: rotate(82deg);
}

.ik.wind.r83 {
    transform: rotate(83deg);
}

.ik.wind.r84 {
    transform: rotate(84deg);
}

.ik.wind.r85 {
    transform: rotate(85deg);
}

.ik.wind.r86 {
    transform: rotate(86deg);
}

.ik.wind.r87 {
    transform: rotate(87deg);
}

.ik.wind.r88 {
    transform: rotate(88deg);
}

.ik.wind.r89 {
    transform: rotate(89deg);
}

.ik.wind.r90 {
    transform: rotate(90deg);
}

.ik.wind.r91 {
    transform: rotate(91deg);
}

.ik.wind.r92 {
    transform: rotate(92deg);
}

.ik.wind.r93 {
    transform: rotate(93deg);
}

.ik.wind.r94 {
    transform: rotate(94deg);
}

.ik.wind.r95 {
    transform: rotate(95deg);
}

.ik.wind.r96 {
    transform: rotate(96deg);
}

.ik.wind.r97 {
    transform: rotate(97deg);
}

.ik.wind.r98 {
    transform: rotate(98deg);
}

.ik.wind.r99 {
    transform: rotate(99deg);
}

.ik.wind.r100 {
    transform: rotate(100deg);
}

.ik.wind.r101 {
    transform: rotate(101deg);
}

.ik.wind.r102 {
    transform: rotate(102deg);
}

.ik.wind.r103 {
    transform: rotate(103deg);
}

.ik.wind.r104 {
    transform: rotate(104deg);
}

.ik.wind.r105 {
    transform: rotate(105deg);
}

.ik.wind.r106 {
    transform: rotate(106deg);
}

.ik.wind.r107 {
    transform: rotate(107deg);
}

.ik.wind.r108 {
    transform: rotate(108deg);
}

.ik.wind.r109 {
    transform: rotate(109deg);
}

.ik.wind.r110 {
    transform: rotate(110deg);
}

.ik.wind.r111 {
    transform: rotate(111deg);
}

.ik.wind.r112 {
    transform: rotate(112deg);
}

.ik.wind.r113 {
    transform: rotate(113deg);
}

.ik.wind.r114 {
    transform: rotate(114deg);
}

.ik.wind.r115 {
    transform: rotate(115deg);
}

.ik.wind.r116 {
    transform: rotate(116deg);
}

.ik.wind.r117 {
    transform: rotate(117deg);
}

.ik.wind.r118 {
    transform: rotate(118deg);
}

.ik.wind.r119 {
    transform: rotate(119deg);
}

.ik.wind.r120 {
    transform: rotate(120deg);
}

.ik.wind.r121 {
    transform: rotate(121deg);
}

.ik.wind.r122 {
    transform: rotate(122deg);
}

.ik.wind.r123 {
    transform: rotate(123deg);
}

.ik.wind.r124 {
    transform: rotate(124deg);
}

.ik.wind.r125 {
    transform: rotate(125deg);
}

.ik.wind.r126 {
    transform: rotate(126deg);
}

.ik.wind.r127 {
    transform: rotate(127deg);
}

.ik.wind.r128 {
    transform: rotate(128deg);
}

.ik.wind.r129 {
    transform: rotate(129deg);
}

.ik.wind.r130 {
    transform: rotate(130deg);
}

.ik.wind.r131 {
    transform: rotate(131deg);
}

.ik.wind.r132 {
    transform: rotate(132deg);
}

.ik.wind.r133 {
    transform: rotate(133deg);
}

.ik.wind.r134 {
    transform: rotate(134deg);
}

.ik.wind.r135 {
    transform: rotate(135deg);
}

.ik.wind.r136 {
    transform: rotate(136deg);
}

.ik.wind.r137 {
    transform: rotate(137deg);
}

.ik.wind.r138 {
    transform: rotate(138deg);
}

.ik.wind.r139 {
    transform: rotate(139deg);
}

.ik.wind.r140 {
    transform: rotate(140deg);
}

.ik.wind.r141 {
    transform: rotate(141deg);
}

.ik.wind.r142 {
    transform: rotate(142deg);
}

.ik.wind.r143 {
    transform: rotate(143deg);
}

.ik.wind.r144 {
    transform: rotate(144deg);
}

.ik.wind.r145 {
    transform: rotate(145deg);
}

.ik.wind.r146 {
    transform: rotate(146deg);
}

.ik.wind.r147 {
    transform: rotate(147deg);
}

.ik.wind.r148 {
    transform: rotate(148deg);
}

.ik.wind.r149 {
    transform: rotate(149deg);
}

.ik.wind.r150 {
    transform: rotate(150deg);
}

.ik.wind.r151 {
    transform: rotate(151deg);
}

.ik.wind.r152 {
    transform: rotate(152deg);
}

.ik.wind.r153 {
    transform: rotate(153deg);
}

.ik.wind.r154 {
    transform: rotate(154deg);
}

.ik.wind.r155 {
    transform: rotate(155deg);
}

.ik.wind.r156 {
    transform: rotate(156deg);
}

.ik.wind.r157 {
    transform: rotate(157deg);
}

.ik.wind.r158 {
    transform: rotate(158deg);
}

.ik.wind.r159 {
    transform: rotate(159deg);
}

.ik.wind.r160 {
    transform: rotate(160deg);
}

.ik.wind.r161 {
    transform: rotate(161deg);
}

.ik.wind.r162 {
    transform: rotate(162deg);
}

.ik.wind.r163 {
    transform: rotate(163deg);
}

.ik.wind.r164 {
    transform: rotate(164deg);
}

.ik.wind.r165 {
    transform: rotate(165deg);
}

.ik.wind.r166 {
    transform: rotate(166deg);
}

.ik.wind.r167 {
    transform: rotate(167deg);
}

.ik.wind.r168 {
    transform: rotate(168deg);
}

.ik.wind.r169 {
    transform: rotate(169deg);
}

.ik.wind.r170 {
    transform: rotate(170deg);
}

.ik.wind.r171 {
    transform: rotate(171deg);
}

.ik.wind.r172 {
    transform: rotate(172deg);
}

.ik.wind.r173 {
    transform: rotate(173deg);
}

.ik.wind.r174 {
    transform: rotate(174deg);
}

.ik.wind.r175 {
    transform: rotate(175deg);
}

.ik.wind.r176 {
    transform: rotate(176deg);
}

.ik.wind.r177 {
    transform: rotate(177deg);
}

.ik.wind.r178 {
    transform: rotate(178deg);
}

.ik.wind.r179 {
    transform: rotate(179deg);
}

.ik.wind.r180 {
    transform: rotate(180deg);
}

.ik.wind.r181 {
    transform: rotate(181deg);
}

.ik.wind.r182 {
    transform: rotate(182deg);
}

.ik.wind.r183 {
    transform: rotate(183deg);
}

.ik.wind.r184 {
    transform: rotate(184deg);
}

.ik.wind.r185 {
    transform: rotate(185deg);
}

.ik.wind.r186 {
    transform: rotate(186deg);
}

.ik.wind.r187 {
    transform: rotate(187deg);
}

.ik.wind.r188 {
    transform: rotate(188deg);
}

.ik.wind.r189 {
    transform: rotate(189deg);
}

.ik.wind.r190 {
    transform: rotate(190deg);
}

.ik.wind.r191 {
    transform: rotate(191deg);
}

.ik.wind.r192 {
    transform: rotate(192deg);
}

.ik.wind.r193 {
    transform: rotate(193deg);
}

.ik.wind.r194 {
    transform: rotate(194deg);
}

.ik.wind.r195 {
    transform: rotate(195deg);
}

.ik.wind.r196 {
    transform: rotate(196deg);
}

.ik.wind.r197 {
    transform: rotate(197deg);
}

.ik.wind.r198 {
    transform: rotate(198deg);
}

.ik.wind.r199 {
    transform: rotate(199deg);
}

.ik.wind.r200 {
    transform: rotate(200deg);
}

.ik.wind.r201 {
    transform: rotate(201deg);
}

.ik.wind.r202 {
    transform: rotate(202deg);
}

.ik.wind.r203 {
    transform: rotate(203deg);
}

.ik.wind.r204 {
    transform: rotate(204deg);
}

.ik.wind.r205 {
    transform: rotate(205deg);
}

.ik.wind.r206 {
    transform: rotate(206deg);
}

.ik.wind.r207 {
    transform: rotate(207deg);
}

.ik.wind.r208 {
    transform: rotate(208deg);
}

.ik.wind.r209 {
    transform: rotate(209deg);
}

.ik.wind.r210 {
    transform: rotate(210deg);
}

.ik.wind.r211 {
    transform: rotate(211deg);
}

.ik.wind.r212 {
    transform: rotate(212deg);
}

.ik.wind.r213 {
    transform: rotate(213deg);
}

.ik.wind.r214 {
    transform: rotate(214deg);
}

.ik.wind.r215 {
    transform: rotate(215deg);
}

.ik.wind.r216 {
    transform: rotate(216deg);
}

.ik.wind.r217 {
    transform: rotate(217deg);
}

.ik.wind.r218 {
    transform: rotate(218deg);
}

.ik.wind.r219 {
    transform: rotate(219deg);
}

.ik.wind.r220 {
    transform: rotate(220deg);
}

.ik.wind.r221 {
    transform: rotate(221deg);
}

.ik.wind.r222 {
    transform: rotate(222deg);
}

.ik.wind.r223 {
    transform: rotate(223deg);
}

.ik.wind.r224 {
    transform: rotate(224deg);
}

.ik.wind.r225 {
    transform: rotate(225deg);
}

.ik.wind.r226 {
    transform: rotate(226deg);
}

.ik.wind.r227 {
    transform: rotate(227deg);
}

.ik.wind.r228 {
    transform: rotate(228deg);
}

.ik.wind.r229 {
    transform: rotate(229deg);
}

.ik.wind.r230 {
    transform: rotate(230deg);
}

.ik.wind.r231 {
    transform: rotate(231deg);
}

.ik.wind.r232 {
    transform: rotate(232deg);
}

.ik.wind.r233 {
    transform: rotate(233deg);
}

.ik.wind.r234 {
    transform: rotate(234deg);
}

.ik.wind.r235 {
    transform: rotate(235deg);
}

.ik.wind.r236 {
    transform: rotate(236deg);
}

.ik.wind.r237 {
    transform: rotate(237deg);
}

.ik.wind.r238 {
    transform: rotate(238deg);
}

.ik.wind.r239 {
    transform: rotate(239deg);
}

.ik.wind.r240 {
    transform: rotate(240deg);
}

.ik.wind.r241 {
    transform: rotate(241deg);
}

.ik.wind.r242 {
    transform: rotate(242deg);
}

.ik.wind.r243 {
    transform: rotate(243deg);
}

.ik.wind.r244 {
    transform: rotate(244deg);
}

.ik.wind.r245 {
    transform: rotate(245deg);
}

.ik.wind.r246 {
    transform: rotate(246deg);
}

.ik.wind.r247 {
    transform: rotate(247deg);
}

.ik.wind.r248 {
    transform: rotate(248deg);
}

.ik.wind.r249 {
    transform: rotate(249deg);
}

.ik.wind.r250 {
    transform: rotate(250deg);
}

.ik.wind.r251 {
    transform: rotate(251deg);
}

.ik.wind.r252 {
    transform: rotate(252deg);
}

.ik.wind.r253 {
    transform: rotate(253deg);
}

.ik.wind.r254 {
    transform: rotate(254deg);
}

.ik.wind.r255 {
    transform: rotate(255deg);
}

.ik.wind.r256 {
    transform: rotate(256deg);
}

.ik.wind.r257 {
    transform: rotate(257deg);
}

.ik.wind.r258 {
    transform: rotate(258deg);
}

.ik.wind.r259 {
    transform: rotate(259deg);
}

.ik.wind.r260 {
    transform: rotate(260deg);
}

.ik.wind.r261 {
    transform: rotate(261deg);
}

.ik.wind.r262 {
    transform: rotate(262deg);
}

.ik.wind.r263 {
    transform: rotate(263deg);
}

.ik.wind.r264 {
    transform: rotate(264deg);
}

.ik.wind.r265 {
    transform: rotate(265deg);
}

.ik.wind.r266 {
    transform: rotate(266deg);
}

.ik.wind.r267 {
    transform: rotate(267deg);
}

.ik.wind.r268 {
    transform: rotate(268deg);
}

.ik.wind.r269 {
    transform: rotate(269deg);
}

.ik.wind.r270 {
    transform: rotate(270deg);
}

.ik.wind.r271 {
    transform: rotate(271deg);
}

.ik.wind.r272 {
    transform: rotate(272deg);
}

.ik.wind.r273 {
    transform: rotate(273deg);
}

.ik.wind.r274 {
    transform: rotate(274deg);
}

.ik.wind.r275 {
    transform: rotate(275deg);
}

.ik.wind.r276 {
    transform: rotate(276deg);
}

.ik.wind.r277 {
    transform: rotate(277deg);
}

.ik.wind.r278 {
    transform: rotate(278deg);
}

.ik.wind.r279 {
    transform: rotate(279deg);
}

.ik.wind.r280 {
    transform: rotate(280deg);
}

.ik.wind.r281 {
    transform: rotate(281deg);
}

.ik.wind.r282 {
    transform: rotate(282deg);
}

.ik.wind.r283 {
    transform: rotate(283deg);
}

.ik.wind.r284 {
    transform: rotate(284deg);
}

.ik.wind.r285 {
    transform: rotate(285deg);
}

.ik.wind.r286 {
    transform: rotate(286deg);
}

.ik.wind.r287 {
    transform: rotate(287deg);
}

.ik.wind.r288 {
    transform: rotate(288deg);
}

.ik.wind.r289 {
    transform: rotate(289deg);
}

.ik.wind.r290 {
    transform: rotate(290deg);
}

.ik.wind.r291 {
    transform: rotate(291deg);
}

.ik.wind.r292 {
    transform: rotate(292deg);
}

.ik.wind.r293 {
    transform: rotate(293deg);
}

.ik.wind.r294 {
    transform: rotate(294deg);
}

.ik.wind.r295 {
    transform: rotate(295deg);
}

.ik.wind.r296 {
    transform: rotate(296deg);
}

.ik.wind.r297 {
    transform: rotate(297deg);
}

.ik.wind.r298 {
    transform: rotate(298deg);
}

.ik.wind.r299 {
    transform: rotate(299deg);
}

.ik.wind.r300 {
    transform: rotate(300deg);
}

.ik.wind.r301 {
    transform: rotate(301deg);
}

.ik.wind.r302 {
    transform: rotate(302deg);
}

.ik.wind.r303 {
    transform: rotate(303deg);
}

.ik.wind.r304 {
    transform: rotate(304deg);
}

.ik.wind.r305 {
    transform: rotate(305deg);
}

.ik.wind.r306 {
    transform: rotate(306deg);
}

.ik.wind.r307 {
    transform: rotate(307deg);
}

.ik.wind.r308 {
    transform: rotate(308deg);
}

.ik.wind.r309 {
    transform: rotate(309deg);
}

.ik.wind.r310 {
    transform: rotate(310deg);
}

.ik.wind.r311 {
    transform: rotate(311deg);
}

.ik.wind.r312 {
    transform: rotate(312deg);
}

.ik.wind.r313 {
    transform: rotate(313deg);
}

.ik.wind.r314 {
    transform: rotate(314deg);
}

.ik.wind.r315 {
    transform: rotate(315deg);
}

.ik.wind.r316 {
    transform: rotate(316deg);
}

.ik.wind.r317 {
    transform: rotate(317deg);
}

.ik.wind.r318 {
    transform: rotate(318deg);
}

.ik.wind.r319 {
    transform: rotate(319deg);
}

.ik.wind.r320 {
    transform: rotate(320deg);
}

.ik.wind.r321 {
    transform: rotate(321deg);
}

.ik.wind.r322 {
    transform: rotate(322deg);
}

.ik.wind.r323 {
    transform: rotate(323deg);
}

.ik.wind.r324 {
    transform: rotate(324deg);
}

.ik.wind.r325 {
    transform: rotate(325deg);
}

.ik.wind.r326 {
    transform: rotate(326deg);
}

.ik.wind.r327 {
    transform: rotate(327deg);
}

.ik.wind.r328 {
    transform: rotate(328deg);
}

.ik.wind.r329 {
    transform: rotate(329deg);
}

.ik.wind.r330 {
    transform: rotate(330deg);
}

.ik.wind.r331 {
    transform: rotate(331deg);
}

.ik.wind.r332 {
    transform: rotate(332deg);
}

.ik.wind.r333 {
    transform: rotate(333deg);
}

.ik.wind.r334 {
    transform: rotate(334deg);
}

.ik.wind.r335 {
    transform: rotate(335deg);
}

.ik.wind.r336 {
    transform: rotate(336deg);
}

.ik.wind.r337 {
    transform: rotate(337deg);
}

.ik.wind.r338 {
    transform: rotate(338deg);
}

.ik.wind.r339 {
    transform: rotate(339deg);
}

.ik.wind.r340 {
    transform: rotate(340deg);
}

.ik.wind.r341 {
    transform: rotate(341deg);
}

.ik.wind.r342 {
    transform: rotate(342deg);
}

.ik.wind.r343 {
    transform: rotate(343deg);
}

.ik.wind.r344 {
    transform: rotate(344deg);
}

.ik.wind.r345 {
    transform: rotate(345deg);
}

.ik.wind.r346 {
    transform: rotate(346deg);
}

.ik.wind.r347 {
    transform: rotate(347deg);
}

.ik.wind.r348 {
    transform: rotate(348deg);
}

.ik.wind.r349 {
    transform: rotate(349deg);
}

.ik.wind.r350 {
    transform: rotate(350deg);
}

.ik.wind.r351 {
    transform: rotate(351deg);
}

.ik.wind.r352 {
    transform: rotate(352deg);
}

.ik.wind.r353 {
    transform: rotate(353deg);
}

.ik.wind.r354 {
    transform: rotate(354deg);
}

.ik.wind.r355 {
    transform: rotate(355deg);
}

.ik.wind.r356 {
    transform: rotate(356deg);
}

.ik.wind.r357 {
    transform: rotate(357deg);
}

.ik.wind.r358 {
    transform: rotate(358deg);
}

.ik.wind.r359 {
    transform: rotate(359deg);
}

.ik.wind.r360 {
    transform: rotate(360deg);
}

.ik.keptar-album-cover {
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);
    position: relative;
}

.ik.keptar-album-cover img {
    object-fit: cover;
    height: 100vh;
    max-height: 250px;
    max-width: 100%;
    border-radius: 8px;
}

.ik.keptar-album-cover.portrait img {
    object-fit: cover;
    width: 100%;
    max-height: 250px;
    max-width: 100% !important;
    border-radius: 8px;
    overflow: hidden;
}

.ik.keptar-album{
    padding-bottom: 2em;
}

.ik.keptar-album .ik.keptar-album-cover .ik.keptar-album-osd {
    position: absolute;
    display: block;
    bottom: 0;
    background: #ffffff;
    width: 100%;
    min-height: 45px;
    border-radius: 0 0 8px 8px;
}

.ik.keptar-album .ik.keptar-album-cover .ik.keptar-album-osd .ik.text {
    color: #1E8FDB;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 12px 10px 12px;
}

.ik.keptar-decor-border {
    border-bottom: 1px #D8D8D8 solid;
    margin-bottom: 2em;
}

ul.ik.kozosseg-navigation {
    list-style: none;
    text-transform: uppercase;
    color: #607D8D;
    padding: 0;
    margin: 0;
}

ul.ik.kozosseg-navigation.tighter a {
    padding-left: .8em;
    padding-right: .8em;
}

ul.ik.kozosseg-navigation li {
    float: left;
}

ul.ik.kozosseg-navigation li a,
ul.ik.kozosseg-navigation li a:active,
ul.ik.kozosseg-navigation li a:visited {
    display: block;
    line-height: 3em;
    font-weight: bold;
    font-size: 14px;
    padding-left: 1em;
    padding-right: 1em;
    color: #607D8D;
    border-bottom: 2px solid #F5F6F7;
}

ul.ik.kozosseg-navigation li a:hover {
    text-decoration: none;
    border-bottom: 2px solid #182C3D;
    color: #182C3D;
}

ul.ik.kozosseg-navigation li.active a,
ul.ik.kozosseg-navigation li.active a:active,
ul.ik.kozosseg-navigation li.active a:visited,
ul.ik.kozosseg-navigation li.active a:hover {
    display: block;
    line-height: 3em;
    font-weight: bold;
    font-size: 14px;
    padding-left: 1em;
    padding-right: 1em;
    color: #182C3D;
    border-bottom: 2px solid #182C3D;
    text-decoration: none;
}

ul.ik.kozosseg-navigation li span.ik.icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

ul.ik.kozosseg-navigation li span.ik.icon.keptar {
    background: url(../assets/kozosseg-icons/kozosseg_keptar_ikon.svg) no-repeat;
}

ul.ik.kozosseg-navigation li span.ik.icon.tarsalgo {
    background: url(../assets/kozosseg-icons/kozosseg_tarsalgo_ikon.svg) no-repeat;
}

ul.ik.kozosseg-navigation li span.ik.icon.eszlelesek {
    background: url(../assets/kozosseg-icons/kozosseg_eszlelesek_ikon.svg) no-repeat;
}

ul.ik.kozosseg-navigation li span.ik.icon.ujeszleles {
    background: url(../assets/kozosseg-icons/kozosseg_ujeszleles_ikon.svg) no-repeat;
}

ul.ik.kozosseg-navigation li span.ik.icon.automatak {
    background: url(../assets/kozosseg-icons/kozosseg_automatak_ikon.svg) no-repeat;
}

ul.ik.kozosseg-navigation li span.ik.icon.felhoatlasz {
    background: url(../assets/kozosseg-icons/kozosseg_felhoatlasz_ikon.svg) no-repeat;
}

ul.ik.kozosseg-navigation li span.ik.icon.tudastar {
    background: url(../assets/kozosseg-icons/kozosseg_tudastar_ikon.svg) no-repeat;
}

ul.ik.kozosseg-navigation li span.ik.icon.gyik {
    background: url(../assets/kozosseg-icons/kozosseg_gyik_ikon.svg) no-repeat;
}

.ik.keptar-album a .ik.hover-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    transition-duration: .15s;
    opacity: 0;
}

.ik.keptar-album a:hover .ik.hover-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ffff;
    border-radius: 8px;
    opacity:.5;
    transition-duration: .15s;
}

ul.ik.kozosseg-navigation li.active span.ik.icon.keptar,
ul.ik.kozosseg-navigation li a:hover span.ik.icon.keptar {
    background: url(../assets/kozosseg-icons/kozosseg_keptar_ikon_aktiv.svg) no-repeat;
}

ul.ik.kozosseg-navigation li.active span.ik.icon.tarsalgo,
ul.ik.kozosseg-navigation li a:hover span.ik.icon.tarsalgo {
    background: url(../assets/kozosseg-icons/kozosseg_tarsalgo_ikon_aktiv.svg) no-repeat;
}

ul.ik.kozosseg-navigation li.active span.ik.icon.eszlelesek,
ul.ik.kozosseg-navigation li a:hover span.ik.icon.eszlelesek {
    background: url(../assets/kozosseg-icons/kozosseg_eszlelesek_ikon_aktiv.svg) no-repeat;
}

ul.ik.kozosseg-navigation li.active span.ik.icon.ujeszleles,
ul.ik.kozosseg-navigation li a:hover span.ik.icon.ujeszleles {
    background: url(../assets/kozosseg-icons/kozosseg_ujeszleles_ikon_aktiv.svg) no-repeat;
}

ul.ik.kozosseg-navigation li.active span.ik.icon.automatak,
ul.ik.kozosseg-navigation li a:hover span.ik.icon.automatak {
    background: url(../assets/kozosseg-icons/kozosseg_automatak_ikon_aktiv.svg) no-repeat;
}

ul.ik.kozosseg-navigation li.active span.ik.icon.felhoatlasz,
ul.ik.kozosseg-navigation li a:hover span.ik.icon.felhoatlasz {
    background: url(../assets/kozosseg-icons/kozosseg_felhoatlasz_ikon_aktiv.svg) no-repeat;
}

ul.ik.kozosseg-navigation li.active span.ik.icon.tudastar,
ul.ik.kozosseg-navigation li a:hover span.ik.icon.tudastar {
    background: url(../assets/kozosseg-icons/kozosseg_tudastar_ikon_aktiv.svg) no-repeat;
}

ul.ik.kozosseg-navigation li.active span.ik.icon.gyik,
ul.ik.kozosseg-navigation li a:hover span.ik.icon.gyik {
    background: url(../assets/kozosseg-icons/kozosseg_gyik_ikon_aktiv.svg) no-repeat;
}

.ik.head-crumb-nav {
    padding-top: 20px;
}

ol.breadcrumb {
    font-size: .8em;
    background: none !important;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
}

.ik.album-image-container {
    max-height: 300px;
    max-width: 300px;
    margin-bottom: 20px;
}

.ik.album-image-container .ik.album-image-thumbnail {
    position: relative;
    text-align: center;
}

.ik.album-image-container a .ik.album-image-thumbnail .ik.hover-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    transition-duration: .15s;
    opacity: 0;
    background: #ffffff;
}

.ik.album-image-container a:hover .ik.album-image-thumbnail .ik.hover-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #ffff;
    border-radius: 0 0 8px 8px;
    opacity:.5;
    transition-duration: .15s;
}

.ik.album-image-container a {
    text-decoration: none;
    color: #042643;
}

.ik.album-image-container .ik.album-image-thumbnail img {
    object-fit: cover;
    height: 100vh;
    max-height: 170px;
    max-width: 170px;
    border-radius: 5px;
}


.ik.album-image-container .ik.image-title {
    color: #042643;
    font-weight: bold;
    padding-top: 8px;
}

.ik.album-image-container .ik.image-interactions {
    color: #607D8D;
    font-size: .8em;
}


.ik.image-viewer {
    font-size: 14px;
}

.ik.image-viewer-image-title {
    font-weight: bold;
    color: #042643;
    padding-top: 20px
}

.ik.image-viewer-interactions {
    color: #607D8D;
    padding-top: 10px;
    /* line-height: 40px; */

}
/*
.ik.image-viewer-interactions i {
    font-size: 24px;
    height: 30px;
    vertical-align: middle;
}
*/
.ik.image-viewer-userinfo {
    padding-top: 20px;
    color: #607D8D;
}

.ik.image-viewer-userinfo .ik.image-username {
    color: #607D8D;
    font-weight: bold;
}

.ik.image-viewer-userinfo .ik.image-date {
    color: #607D8D;
}
.ik.exif-info-container,
.ik.image-admin-functions-container {
    padding-top: 20px;
}

.ik.exif-info-container {
    padding-top: 20px;
    font-size: 12px;
}

.ik.exif-info-container table tr th,
.ik.exif-info-container table tr td {
    font-size: 12px;
}


.ik.exif-info-container h2.category-feature,
.ik.comment-section h2.category-feature,
.ik.add-comment-container h2.category-feature,
.ik.image-admin-functions-container h2.category-feature
{
    padding-bottom: 0;
}
.ik.exif-info {
    font-size: 14px;
}

.ik.image-viewer-interactions .ik.liked {
    color: #f34a46;
}

.ik.comment-section {
    padding-top: 20px;
}

.ik.comment {
    padding-bottom: 20px;
}

.ik.comment-bubble {
    background: #ebeff2;
    border-radius: 8px;
    padding: 8px;
    font-size: 14px;
}

.ik.post-time {
    text-align: right;
    font-size: .8em;
    padding-top: 8px;
}

.ik.sidescroll {
    display: flex;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*max-width: 1170px;*/
    overflow-x: auto;
}

.ik.dailyForecastBigger {
    max-width: 1040px;
}

.ik.dailyForecastWidthFix {
    width: 1036px;
}

.ik.dailyForecastBiggerContainer {
    display: flex;
    flex-direction: row;
    padding-bottom: 10px;
}

.ik.sidescroll::-webkit-scrollbar {
    /*display: none;*/
}

input.ik.btn-blue, button.ik.btn-blue, a.ik.btn-blue, a.ik.btn-blue:visited, a.ik.btn-blue:active {
    background-color: #1e8fdb;
    color: #fff;
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 8px;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    border: #1e8fdb 1px solid;
    text-transform: uppercase;
    padding: .5em 1em .5em 1em;
    text-align: center;
    outline: none!important;
}

input.ik.btn-red, button.ik.btn-red, a.ik.btn-red, a.ik.btn-red:visited, a.ik.btn-red:active {
    background-color: #EE5143;
    color: #fff;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 8px;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    border: #EE5143 1px solid;
    text-transform: uppercase;
    /* top right bottom left*/
    padding: .5em 1em .5em 1em;
    text-align: center;
    outline: none ! important;
}


button.ik.btn-red:hover, a.ik.btn-red:hover {
    background-color: #FF5F4F;
    border: #FF5F4F 1px solid;
    color: #fff;
    cursor: pointer;

}

input.ik.btn-gray, button.ik.btn-gray, a.ik.btn-gray, a.ik.btn-gray:visited, a.ik.-gray:active {
    background-color: #666666;
    color: #dddddd;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 8px;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    border: #666666 1px solid;
    text-transform: uppercase;
    /* top right bottom left*/
    padding: .5em 1em .5em 1em;
    text-align: center;
    outline: none ! important;
}

button.ik.btn-gray:hover, a.ik.btn-gray:hover {
    background-color: #999999;
    border: #999999 1px solid;
    color: #dddddd;
    cursor: pointer;

}


a.ik.blue-more-link, a.ik.blue-more-link:active, a.ik.blue-more-link:visited, a.ik.blue-more-link:hover {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1E8FDB;
}





a.ik.blue-more-link::after {
    content: url("../assets/icons/link-arrow-blue.svg");
    padding-left: 5px;
}

a.ik.blue-more-link.bigfont::after {
    content: '';
    font-size: 30px;
}

.ik.border-rounded {
    border: 1px solid #EBEFF2;
    border-radius: 4px;
}

a.ik.more-link, a.ik.more-link:active, a.ik.more-link:visited, a.ik.more-link:hover {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

a.ik.more-link::after {
    content: url("../assets/icons/link-arrow.svg");
    padding-left: 5px;
}

span.ik.d {
    color: #182c3d;
    font-size: 14px;
    line-height: 22px;
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.ik.pad-t-b-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ik.flex-v-m {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ik.decor-border {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #efefef;
}

.ik.dailyForecastCol {
    min-width: 42px;
    max-width: 42px;
    text-align: center;
    /*padding-left: 2px;
    padding-right: 1px;*/
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    position: relative;
}

.ik.daily-forecast-container {
    display: flex;
    flex-direction: row;
    padding-bottom: 10px;
}

.ik.dailyForecastCol .ik.dfColHeader {
    border-bottom: 4px solid #efefef;
    padding-top:5px;
    padding-bottom:5px;
}

.ik.dailyForecastCol:first-child {
    border-left: none;
}

.ik.noHauteCouture .ik.dailyForecastCol:first-child {
    border-left: 1px solid #efefef;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.ik.dailyForecastCol:last-child {
    border-right: 1px solid #efefef;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.ik.dailyForecastCol span.ik.dfDayNum {
    display: block;
    font-weight: bold;
}

.ik.dailyForecastCol span.ik.dfDay {
    display: block;
    font-size: 0.8em;
}

.ik.dailyForecastCol span.ik.dfDayNum.holiday, .ik.dailyForecastCol span.ik.dfDayNum.vacation {
    color: #EE5143;
}

.ik.dailyForecastCol span.ik.dfDay.holiday, .ik.dailyForecastCol span.ik.dfDay.vacation {
    color: #EE5143;
}

.ik.min-max-container {
    position: relative;
    height: 250px;
}

.ik.min-max-container .ik.max {
    cursor: pointer;
    position:absolute;
    color: #fff;
    font-family: 'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    height:34px;
    width: 100%;
    background: url('../assets/daily-forecast-bubbles/max.svg') center no-repeat;
}

.ik.min-max-container .ik.min {
    cursor: pointer;
    position:absolute;
    color: #fff;
    font-family: 'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 38px;
    height:34px;
    width: 100%;
    background: url('../assets/daily-forecast-bubbles/min.svg') center no-repeat;
}


a.ik.minmax,a.ik.minmax:visited,a.ik.minmax:active,a.ik.minmax:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    border:0;
}

.ik.bigfont {
    font-size: 30px !important;
}

.ik.min-daily-temp,
.ik.max-daily-temp {
    font-size: 18px;
    display: block
}

.ik.daily-record-temp {
    font-size: 16px;
    display: block
}

.ik.min-max-line {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ik.daily-record-location,
.ik.daily-temp-location {
    font-size: 10px;
}

.ik.min-max-container .ik.max-min-close, .ik.min-max-container .ik.min-max-close {
    position: absolute;
    padding-top: 3px;
    color: #fff;
    font-family: 'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    width: 100%;
    height: 60px;
    background: url('../assets/daily-forecast-bubbles/max-min-close-revB.svg') center no-repeat;
}

.ik.min-max-container .ik.max-min-closer, .ik.min-max-container .ik.min-max-closer {
    position: absolute;
    padding-top:3px;
    color: #fff;
    font-family: 'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    width: 100%;
    height: 55px;
    background: url('../assets/daily-forecast-bubbles/max-min-closer-revB.svg') center no-repeat;
}



.ik.rainlevel-container {
    width: 40px;
    bottom: 44px;
    left: 1px;
    position: absolute;
}

.ik.rainlevel-container span.ik.mm {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #1E8FDB;
    display: block;
    padding-bottom: 5px;
}

.ik.rainlevel {
    border-radius: 4px 4px 0 0;
    width: 100%;
    position: absolute;
    bottom:0;
    margin-top: 2px;
}

.ik.rainlevel.blue {
    background-color: #1E8FDB;
}

.ik.rainlevel.gray, .ik.rainlevel.grey {
    background-color: #C7D0D5;
}

span.ik.mit-vegyek-fel-header {
    color: #182C3D;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-bottom: 8px;
}

.ik.mitVegyekFelBox {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #efefef;
    flex-direction: column;
    display: flex;
    min-width: 110px;
    max-width: 110px;
}

.ik.haute-couture {
    padding-top: 15px;
}

.ik.mit-vegyek-fel-text {
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

span.ik.what-to-wear {
    font-size: 12px;
    line-height: 18px !important;
    display: block;
    color: #607d8d;
}

h3.popover-header {
    font-size: .8em;
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    text-align: center;
}

img.ik.popover-icon {
    width: 35px;
    padding-right: 5px;
}

.popover {
    font-size: 11px !important;
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.ik.forecast-alert-icon {
    margin-top: 5px;
    max-width: 25px;
    margin: 0 auto;
}

.ik.dailyBadge {
    border-top: 4px solid #efefef;
    min-height: 45px;
}

.ik.dailyBadge img {
    width: 40px;
    height: 40px;
}

.ik.dfIconAlert {
    height: 75px;
}

.ik.category-header {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #182C3D;
    font-size: 1.2em;
    display: block;
    margin-bottom: 20px;
    margin-top: 0;
}




.ik.news-item {
    margin-bottom: 20px;
    border-radius: 5px;
}

.ik.news-item a, .ik.news-item a:visited, .ik.news-item a:active, .ik.news-item a:hover {
    text-decoration: none;
    color: #182C3D;

}

.ik.news-item a:hover .news-title {
    text-decoration: underline !important;
    color: #1E8FDB;

}

.ik.news-item .news-title {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #182C3D;
    font-weight: bold;
}

.ik.news-item.boxed {
    margin-bottom: 25px;
    padding: .8em;
}

.ik.news-item.boxed a:hover .news-title {
    color: #efefef;
}

.ik.news-item.boxed .news-title {
    color: #efefef;
}


.ik.news-item.xl .ik.news-title {
    font-size: 2em;
    line-height: 1.2em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.ik.news-item.l .ik.news-title,.ik.news-item.lg .ik.news-title {
    font-size: 1.6em;
    line-height: 1.2em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.ik.news-item.m .ik.news-title,.ik.news-item.md .ik.news-title {
    font-size: 1.25em;
    line-height: 1.2em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.ik.news-item.m .row .col-6 .ik.news-title,
.ik.news-item.md .row .col-6 .ik.news-title {
    padding-left: 18px;
    padding-right: 15px;
}

.ik.news-item.s .ik.news-title,.ik.news-item.sm .news-title {
    font-size: 1.2em;
    line-height: 1.2em;
    padding-top: .2em;
    padding-bottom: .2em;
}

.ik.news-item .ik.news-lead {
    color: #182C3D;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

.ik.news-item.xl img {
    width: 100%;
}


.ik.news-item img {
    width: 100%;
}

.ik.weatherpager {
    height: 50px;
}

nav.ik.weatherpager {
    z-index: 9000;
    overflow: visible;
    height: 50px;
}

.ik.weatherpager-content {
    z-index: 4000;
}

.ik.weatherpager ul {
    border-bottom: 0 none !important;
    height: 50px;
}

.ik.weatherpager li.nav-item {
    width: 25%;
    padding: 0;
    margin: 0;
    z-index: 9999;
}

.ik.nav-tabs .nav-link {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border: none !important;
    background: transparent !important;
}

.ik.nav-tabs .nav-link {
    background: transparent !important;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #1E8FDB !important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    /*height: 50px;*/
}

.ik.nav-tabs a.nav-link {
    /*background: #1E8FDB !important;*/
    padding: 0 !important;
    background: transparent !important;
    border: 0 none !important;
}

.ik.weatherpager .nav-item:first-child a .ik.nav-inner {
    border-top-left-radius: 5px !important;
}

.ik.weatherpager .nav-item:last-child a .ik.nav-inner {
    border-top-right-radius: 5px !important;
}

.ik.weatherpager li.nav-item:hover {
    border: 0 none !important;
}

.ik.nav-tabs .nav-link.active {
    /*background: #1E8FDB !important;*/
    color: #FFFFFF !important;
}

.ik.nav-tabs .nav-link .nav-inner {
    background-color: #EBEFF2 !important;
    height: 50px;
}

.ik.nav-tabs .nav-link.active .nav-inner {
    background-color: #1E8FDB !important;
    height: 50px;
}
/*
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
    justify-content: center;
}
*/

.ik.tab-icon {
    font-size: 20px;
    width: 35px;
}

/*

.ik.nav-tabs .nav-link.active .nav-inner.idokep {
	background: url("../assets/icons/idokep-white.svg") no-repeat 2em 41%;
}


.ik.nav-tabs .nav-link .nav-inner.felhokep {
	background: url("../assets/icons/felhokep.svg") no-repeat 1.2em 41%;
}

.ik.nav-tabs .nav-link .nav-inner.hoterkep {
	background: url("../assets/icons/hoterkep.svg") no-repeat 1.5em 41%;
}

.ik.nav-tabs .nav-link .nav-inner.villamterkep {
	background: url("../assets/icons/villamterkep.svg") no-repeat .5em 41%;
}

*/

.ik.arrow-down {
    display: none;
}

.ik.nav-link.active .arrow-down {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1E8FDB;
}



.ik.camera-image-container {
    position: relative;
    cursor: pointer;
}

.ik.camera-image-osd {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.ik.cam-single-col-item .camera-image img {
    object-fit: cover;
    width: 100%;
    max-height: 220px;
}

.ik.camera-image-tag {
    display: inline-block;
    font-size: 14px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: #1E8FDB;
    padding: 1px 8px 1px 8px;
}

.ik.camera-image-location {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1E8FDB;
    background-color: #fff;
    padding: 3px 8px 3px 8px;
    line-height: 24px;
}

.ik.camera-image-2-col {
    padding-top: 20px;
}


ul.ik.footer li.nav-item {
    padding: 0;
    margin: 0;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

ul.ik.footer li.nav-item a.nav-link {
    color: #fff;
    padding: .1rem 0.6rem;
}
/*
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
    display: flex;
    justify-content: center;
}
*/

.ik.c-r {
    color: #607D8D;
    font-weight: normal;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-height: 100%;
    font-size: 10px;
    padding-bottom: 20px;
    font-weight: bold;
    letter-spacing: 0px;
}

span.ik.d {
    color: #182C3D;
    font-size: 14px;
    line-height: 22px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.ik.d {
    color: #182C3D;
    font-size: 14px;
    line-height: 22px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ik.footer-navigation-container {
    display: flex;
    justify-content: center;
}

.ik.blue-circle {
    border-radius: 50%;
    background: #1E8FDB;
    height: 35px;
    width: 35px;
}

.ik.blue-circle img {
    max-width: 20px;
    max-height: 20px;

}


.ik.socials {
    margin-right: 10px;
}

.ik.social-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
}

.ik.socials:last-child {
    margin-right: 0;
}



.ik.forecast-user-card {
    height: 104px;
    width: 100%;
    border-radius: 8px;
    background-color: #EBEFF2;
}

a.ik.user-forecast-card-link, a.ik.user-forecast-card-link:visited, a.ik.user-forecast-card-link:active {
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}

.ik.user-forecast-card {
    height: 104px;
    width: 100%;
    border-radius: 8px;
    background-color: #EBEFF2;
    margin: 0px auto;
}

.ik.automata-card {
    height: 104px;
    width: 100%;
    border-radius: 8px;
    background-color: #EBEFF2;
    margin: 0px auto;
    color: #222222;
}

.ik.user-forecast-card .ik.user-container {
    padding-top: 15px;
    padding-left: 15px;
    color: #607D8D;
    font-size: 14px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ik.user-forecast-card .ik.user-container img.user-avatar {
    padding-right: 5px;
}

.ik.user-forecast-card .ik.forecast-location {
    padding-left: 15px;
    padding-top: 10px;
    color: #182C3D;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.ik.user-forecast-card .ik.forecast-status-icon {
    padding-top: 20px;
}

.ik.user-forecast-card .ik.forecast-timestamp {
    padding-top: 15px;
    padding-right: 15px;
    color: #607D8D;
    font-size: 14px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ik.user-forecast-card .ik.forecast-status-icon img {
    width: 4em;
}

.ik.pt-20 {
    padding-top: 20px !important;
}

.ik.pb-20 {
    padding-bottom: 20px !important;
}

.ik.pb-10 {
    padding-bottom: 10px !important;
}

.ik.hosszutavu-elorejelzes p {
    font-size: 14px;
    line-height: 22px;
}

.ik.article-header-container {
    position: relative;
}

.ik.article-header-container img {
    object-fit: cover;
    min-width: 100%;
    max-height: 300px;
}

.ik.article-header-container.shorter img {
    max-height: 250px;
}



.ik.article-header {
    position: absolute;
    bottom: 1em;
}

.ik.author-avatar-image {
    width: 60px;
    margin-right: 5px;
}

.ik.author-box {
    display: flex;
    margin-left: 10px;
}

.ik.author-box:first-child {
    margin-left: 0;
}

.ik.author-name {
    height: 60px;
    display: flex;
    align-items: center;
}

.ik.author-name small {
    font-size: 12px;
}

a.ik.author-link,
a:visited.ik.author-link,
a:active.ik.author-link {
    display: flex;
    color: #1b1e21;
    margin-left: 10px;
}

a.ik.author-link:first-child {
    margin-left: 0;
}

a:hover.ik.author-link {
    text-decoration: none;
}

.ik.author-avatar-image {
    background-size: cover !important;
    border-radius: 25%;
    border: #1E8FDB solid 4px;
}


.ik.author-avatar-image img {
    width: 60px;
    /*border: #607D8D solid 4px;*/
    /*border: #1E8FDB solid 4px;*/
    border: #1E8FDB solid 4px;
    width: 60px;
    height: 60px;
    border-image-slice: 1;
    border-radius: 25%;
    -webkit-background-clip: padding-box;
    -moz-background-clip:    padding;
    background-clip:         padding-box;
}


.ik.author-avatar-image span,
span.ik.author {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.4em;

}

span.ik.author {
    font-size: 12px;
}

p.intro {
    font-size: 18px;
    color: #182C3D;
    font-weight: bold;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

main article p {
    color: #182C3D;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*font-size: 16px;*/
    font-size: 16px;
}


@keyframes storyBorderUpdate {
    0% {border: #96c9de solid 4px;}
    50% {border: #1E8FDB solid 4px;}
    75% {border: #96c9de solid 4px;}
    100% {border: #1E8FDB solid 4px;}
}

.ik.authorStoryUpdated {
    -webkit-animation-name: storyBorderUpdate;
    -webkit-animation-duration: 4s;
    animation-direction: alternate-reverse;
    animation-name: storyBorderUpdate;
    animation-duration: 4s;
    animation-iteration-count: 5;
    border: #1E8FDB solid 5px;
}

.ik.highlight {
    margin-bottom: 1.5rem;
}

/*
.ik.highlight p {
    color: #1E8FDB;
    display: inline;
    border-bottom: 5px solid #1E8FDB;
    font-size: 1.8em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    font-weight: 300;
    line-height: 2em;
    margin: 0 !important;
}

*/

::selection {
    color: #fff;
    background: #1e8fdb;
}

.ik.highlight {
    position: relative;
}

div.ik.highlight p {
    display: block;
}

div.ik.highlight p span {
    background: #1E8FDB;
    padding: 10px !important;
    display: inline;
    line-height: 60px;
    font-size: 20px !important;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    color: #fff;
    font-weight: 400;
}

blockquote{
    font-size: 1.4em;
    margin:50px auto;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    color: #182C3D;
    padding: 1.2em 30px 1.2em 55px;
    line-height:1.6;
    position: relative;
    background:#efefef;
    border-radius: .25rem !important;
}

blockquote::before{
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    content: "\201C";
    color:#607D8D;
    font-size:4em;
    position: absolute;
    left: 10px;
    top:-10px;
}

blockquote::after{
    content: '';
}

blockquote cite{
    display:block;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#333333;
    font-style: normal;
    font-weight: 300;
    text-align: right;
    margin-top:1em;
}




.ik.tags {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.ik.tags a,
.ik.tags a:active,
.ik.tags a:visited {
    text-transform: uppercase;
    font-weight: 300;
    background: #efefef;
    padding: 7px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: flex;
    font-size: 12px;
    color: #1e8fdb;
    border-radius: 5px;
}

.ik.tags a:hover {
    background: #1e8fdb;
    color: #fff;
    text-decoration: none;
}

.ik.tags a::before {
    content: "#";
}

.impresszum div.person {
    padding-bottom: 1em;
}

.impresszum span.name {
    font-weight: bold;
    display: block;
}

.impresszum span.title {
    display: block;
    font-size: 13px;
}

/*
img.ik.idokep-logo {
    max-width: 200px;
    padding-top: 0;
    padding-bottom: 25px;
}
*/


.ik.camera-image-2-col .camera-image img {
    object-fit: cover;
    width: 100%;
    max-height: 210px;
}


.ik.cam-single-col-item:first-child {
    padding-top: 0;
}

.ik.cam-single-col-item:not(:first-child) {
    padding-top: 20px;
}

.ik.cam-single-col-item:nth-child(odd) {
    /*padding-top: 20px;*/
    /*padding-right: 10px;*/
}

.ik.cam-single-col-item:nth-child(even) {
    padding-top: 20px;
    /*padding-left: 10px;*/
}

.ik.cam-single-col-item .camera-image img {
    object-fit: cover;
    width: 100%;
    max-height: 210px;
}

.ik.cam-single-col-item:not(:first-child) {
    padding-top: 1.2em;
}

.ik.locationSelectorContainer {
    margin-left: 10px;
}

ul.ik.webcam-list {
    column-count: 3;
}

.ik.forecasted-temp-disc {
    /*
    display: block;
    position: absolute;
    color: white;
    background: rgba(127, 127, 127, .8);
    width: 45px;
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 50%;
    height: 45px;
    margin: 0px auto;
    text-align: center;
    padding: 12px 0 0 0;
    */
    display: block;
    position: absolute;
    color: white;
    background: rgba(127, 127, 127, .8);
    width: 35px;
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 50%;
    height: 35px;
    margin: 0px auto;
    text-align: center;
    padding: 7px 0 0 0;

}

.ik.rounded-soft {
    border-radius: 10px !important;
}

.ik.rounded-soft-bottom {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}




.nav-hav {
    border-bottom: 1px solid #1e8fdb;
}

.nav-tabs.nav-hav li.nav-item:first-of-type {
    padding-left: 0px;
}


.nav-tabs.nav-hav li.nav-item {
    padding-left: 3px;
}

.nav-tabs.nav-hav .nav-item .nav-link {
    color: #1e8fdb;
    border-color: #1e8fdb;
}

.nav-tabs.nav-hav .nav-item.show .nav-link,
.nav-tabs.nav-hav .nav-link.active {
    color: #ffffff;
    border-color: #1e8fdb;
    background-color: #1e8fdb;
}
/*
.nav-tabs.nav-hav .nav-link.active {
    color: #fff;
    background-color: #1e8fdb;
    border-color: #1e8fdb;
}
*/


.nav-tabs.nav-hav .nav-link:hover {
    border-color: #1e8fdb;
}
/*
.nav-tabs.nav-hav .nav-link.active:hover {
    border-color: #1e8fdb;
}*/


.ik.adriabox-forecast-text-container {
    color: #ffffff;
    background-color: rgba(17,38,53,0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    margin: 1.5rem;
    padding: 1.5rem;
}

.ik.adriabox-container {
    background: url('../assets/adriabox-bg2.jpg') no-repeat center;
    background-size: cover;
    /*
    background-position: center;
    */
    padding: 0.5rem;
    border-radius: 10px;
    margin-bottom: 20px
}


.ik.adriabox-container .adriabox-forecast-text-container h5 {
    font-style: normal;
    font-size: 20px;
}

.ik.adriabox-container .adriabox-forecast-text-container p {
    font-size: 14px;
    line-height: 22px;
}

.ik.adria-box-map-outer {
    max-width: 360px;
    min-height: 380px;
    position: relative;
    margin: 0 auto;
    padding: 1em;
}

.ik.adria-box-map-inner {
    position: relative;
}


.ik.adria-temperature-rieka {
    position: absolute;
    top: 2em;
    left: -1em;
}

.ik.adria-temperature-split {
    position: absolute;
    top: 11em;
    left: 4em;
}

.ik.adria-temperature-dubrovnik {
    position: absolute;
    top: 16em;
    left: 11em;
}

.ik.adria-box-map {
    position: relative;
    padding: 1rem 3.6rem 3.6rem 3.6rem;
    /*padding-top: 1rem;*/
}

.ik.adria-white-icon-plate {
    border-radius:50%;
    background: #ffffff;
    padding: .2em;
    width: 3.5em;
}

.ik.adriabox-container .ik.white-icon-plate img {
    width: 37px;
}

.ik.forecast-box-temperature-label {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    padding-top: .5rem;
}



.ik.balatonbox-container {
    background: url('../assets/balatonbox_bg.jpg') no-repeat center;
    background-size: cover;
    /*background-position: center;*/
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 20px
}

.ik.balatonbox-forecast-text-container {
    color: #ffffff;
    background-color: rgba(17,38,53,0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    margin: 1.5rem;
    padding: 1.5rem;
}

.ik.balatonbox-forecast-text-container h5 {
    font-style: normal;
    font-size: 20px;
}

.ik.balatonbox-forecast-text-container p {
    font-size: 14px; line-height: 22px;
}

.ik.balatonbox-map-vizhomerseklet-container {
    position: relative;
}

.ik.balatonbox-vizhomerseklet-container {
    position: relative;
    color: #ffffff;
}

.ik.balatonbox-container .balatonbox-vizhomerseklet-label {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.ik.balatonbox-container .balatonbox-vizhomerseklet-ertek {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
}

.ik.balatonbox-balaton-map {
    padding-top: 0;
    padding-bottom: 1rem;
}

.ik.balatonbox-balaton-map img {
    opacity: .5;
}

.ik.kamera-ajanlo {
    background: transparent;
    width: 100%;
    margin-bottom: 30px;
}

.ik.kamera-ajanlo-container {
    position: relative;
}

.ik.kamera-ajanlo-container .ik.kamera-caption {
    position: absolute;
    bottom: 1em;
    left: 1em;
    /*background: #ffffff;*/
    padding: 5px;
}

.ik.kamera-ajanlo-container .ik.kamera-kep img,
.ik.kamera-ajanlo-container .ik.kamera-kep video {
    height: 180px;
    object-fit: cover;
    width: 100%;
}

.ik.kamera-ajanlo-container .ik.kamera-caption span {
    color: #1E8FDB;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    box-shadow: 5px 5px 0 #fff, 5px -5px 0 #fff, -5px 5px 0 #fff, -5px -5px 0 #fff;
}

.ik.kamera-ajanlo a .ik.kamera-ajanlo-container .ik.hover-overlay {
    background: transparent;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition-duration: .15s;
}

.ik.kamera-ajanlo a:hover .ik.kamera-ajanlo-container .ik.hover-overlay {
    background: #ffffff;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .5;
    transition-duration: .15s;
}


.row.ik.webcam-grid .col-1,
.row.ik.webcam-grid .col-2,
.row.ik.webcam-grid .col-3,
.row.ik.webcam-grid .col-4,
.row.ik.webcam-grid .col-5,
.row.ik.webcam-grid .col-6,
.row.ik.webcam-grid .col-7,
.row.ik.webcam-grid .col-8,
.row.ik.webcam-grid .col-9,
.row.ik.webcam-grid .col-10,
.row.ik.webcam-grid .col-11,
.row.ik.webcam-grid .col-12,
.row.ik.webcam-grid .col,
.row.ik.webcam-grid .col-auto,
.row.ik.webcam-grid .col-sm-1,
.row.ik.webcam-grid .col-sm-2,
.row.ik.webcam-grid .col-sm-3,
.row.ik.webcam-grid .col-sm-4,
.row.ik.webcam-grid .col-sm-5,
.row.ik.webcam-grid .col-sm-6,
.row.ik.webcam-grid .col-sm-7,
.row.ik.webcam-grid .col-sm-8,
.row.ik.webcam-grid .col-sm-9,
.row.ik.webcam-grid .col-sm-10,
.row.ik.webcam-grid .col-sm-11,
.row.ik.webcam-grid .col-sm-12,
.row.ik.webcam-grid .col-sm,
.row.ik.webcam-grid .col-sm-auto,
.row.ik.webcam-grid .col-md-1,
.row.ik.webcam-grid .col-md-2,
.row.ik.webcam-grid .col-md-3,
.row.ik.webcam-grid .col-md-4,
.row.ik.webcam-grid .col-md-5,
.row.ik.webcam-grid .col-md-6,
.row.ik.webcam-grid .col-md-7,
.row.ik.webcam-grid .col-md-8,
.row.ik.webcam-grid .col-md-9,
.row.ik.webcam-grid .col-md-10,
.row.ik.webcam-grid .col-md-11,
.row.ik.webcam-grid .col-md-12,
.row.ik.webcam-grid .col-md,
.row.ik.webcam-grid .col-md-auto,
.row.ik.webcam-grid .col-lg-1,
.row.ik.webcam-grid .col-lg-2,
.row.ik.webcam-grid .col-lg-3,
.row.ik.webcam-grid .col-lg-4,
.row.ik.webcam-grid .col-lg-5,
.row.ik.webcam-grid .col-lg-6,
.row.ik.webcam-grid .col-lg-7,
.row.ik.webcam-grid .col-lg-8,
.row.ik.webcam-grid .col-lg-9,
.row.ik.webcam-grid .col-lg-10,
.row.ik.webcam-grid .col-lg-11,
.row.ik.webcam-grid .col-lg-12,
.row.ik.webcam-grid .col-lg,
.row.ik.webcam-grid .col-lg-auto,
.row.ik.webcam-grid .col-xl-1,
.row.ik.webcam-grid .col-xl-2,
.row.ik.webcam-grid .col-xl-3,
.row.ik.webcam-grid .col-xl-4,
.row.ik.webcam-grid .col-xl-5,
.row.ik.webcam-grid .col-xl-6,
.row.ik.webcam-grid .col-xl-7,
.row.ik.webcam-grid .col-xl-8,
.row.ik.webcam-grid .col-xl-9,
.row.ik.webcam-grid .col-xl-10,
.row.ik.webcam-grid .col-xl-11,
.row.ik.webcam-grid .col-xl-12,
.row.ik.webcam-grid .col-xl,
.row.ik.webcam-grid .col-xl-auto {
    /* padding-right: 10px !important;
    padding-left: 10px !important; */
}


.ik.mb-20 {
    margin-bottom: 20px;
}

span.ik.cam-data {
    padding-right: 24px;
}

.ik.icon-gray {
    color: #607D8D;
    font-weight: bold;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    height: 30px;
}

ul.ik.webcam-list {
    list-style: none;
    color: #3DA5EB;
    font-size: 14px;
    font-weight: bold;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 0;
    margin-left: 0;

}

ul.ik.webcam-list li {
}

ul.ik.webcam-list li a {
    display: inline-block;
    margin-bottom: 10px;
}

.ik.webcam-category {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #163651;
}

hr.ik.webcam-category-border {
    margin: 24px 0 24px 0;
    height: 4px;
    width: 80px;
    background-color: #EBEFF2;
    border: 0 none;
}


.eszleles-bekuld .valaszto {
    padding-left: 30px;
    padding-right: 30px;
}


.felhoValaszto .sor {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    text-align: center;

}

.felhoValaszto .sor img {
    vertical-align:middle;
    max-width: 98px;
    width: 100%;
}

.felhoValaszto input[type=radio] {
    display: none;
}

.felhoValaszto label {
    cursor: pointer;
    align-items: center;
    width: 125px;
    height: 165px;
    margin-top: 15px;
    border: 2px solid #DDDDDD;
    border-radius: 15px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    margin-right: 12px;
    margin-left: 12px;
    text-align: center;
}

.felhoValaszto label .szoveg {
    display: block;
    font-size: 14px;
    color: #042643;
    vertical-align: top;

    padding-top: 12px;
    text-align: center;
}

.felhoValaszto input[type=radio]:checked+label {
    border: #1e8fdb solid 2px;
    background-color: #DDDDDD;
}

.felhoValaszto label:hover {
    /*background-color: #f5f6f7;*/
    border: #1e8fdb solid 2px;
}

.valaszto .sor {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}

.valaszto .sor image {
    vertical-align:middle;
    display: flex;
}

.valaszto input[type=radio] {
    display: none;
}

.valaszto label {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 184px;
    height: 65px;
    margin-top: 15px;
    border: 2px solid #DDDDDD;
    border-radius: 15px;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 12px;
    margin-left: 12px;
}

.valaszto label .szoveg {
    display: inline-block;
    font-size: 14px;
    color: #042643;
    vertical-align: top;
    margin-left: 7px;
}

.valaszto input[type=radio]:checked+label {
    border: #1e8fdb solid 2px;
    background-color: #DDDDDD;
}

.valaszto label:hover {
    /*background-color: #f5f6f7;*/
    border: #1e8fdb solid 2px;
}

img.ik.idokep-logo {
    max-width: 200px;
    padding-top: 0;
    padding-bottom: 25px;
}

.ik.news-2-col .ik.news-title {
    padding-top: 0;
}

.ik.news-item.sidebar-item .ik.news-title {
    font-size: 18px;
}

.ik.flex-break {
    flex-basis: 100%;
    height: 0;
}

.ik.partner-grid div {
    flex: 0 0 32%;

    text-align: center;
    min-height: 145px;
    min-width: 145px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.ik.partner-grid div img {
    max-width: 145px;
    min-width: 120px;
}


.ik.featured-content-jumbo {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 170px
}

.ik.featured-content-jumbo-inner {
    background: linear-gradient(to bottom, rgba(24,41,61,0) -10%,rgba(24,41,61,0.2) 17%,rgba(24,41,61,1) 100%);
}

.ik.featured-content-jumbo {}

.ik.hosszutavu-elorejelzes-container {
    background: url('../assets/hosszutavu-osz.jpg') no-repeat;
    background-size: cover;
    border-radius: 10px;
    position: relative;
}

.ik.hosszutavu-elorejelzes {
    border-radius: 10px;
    max-width: 600px;
    color: #ffffff;
    background-color: rgba(17,38,53,0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    position: relative;
    display: block;
}




.ik.hosszutavu-elorejelzes a,.ik.hosszutavu-elorejelzes a:visited,.ik.hosszutavu-elorejelzes a:active {
    text-decoration: underline;
    color: #efefef;
}

.ik.hosszutavu-elorejelzes a:hover {
    color: #fff;
}
/*
.ik.hosszutavu-elorejelzes .ik.fadefilter {
    content: '';
    filter: url(#f1);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: inherit;
    z-index: 0;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(17,38,53,0.2)
}

*/

.ik.hojelentes-container,
.ik.pollenjelentes-container {
    border-radius: 10px;
}

.ik.hojelentes-container {
    background: url('/assets/hojelentes-background.jpg');
    background-size: cover;
}


.ik.pollenjelentes-container {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 15px;
    padding-right: 15px;
    background: url('/assets/pollenjelentes3-background.jpg') right no-repeat;
    color: #fff;
    background-size: cover;
    min-height: 450px;
}

.ik.pollenjelentes-container p {
    font-size: 14px;
    line-height: 22px;
    text-shadow: 2px 2px #182C3D;
}

.ik.pollenjelentes-container a,
.ik.pollenjelentes-container a:active,
.ik.pollenjelentes-container a:visited {
    color: #fff !important;
    text-decoration: underline;
}

.ik.hojelentes-container h4,
.ik.pollenjelentes-container h4 {
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
}

.forecast-box-text h4 {
    padding-top: 15px;
    padding-bottom: 15px;
}


.ik.hojelentes-container h5,
.ik.pollenjelentes-container h5 {
    font-size: 18px;
    text-shadow: 2px 2px #182C3D;
}

.ik.pollenjelentes-container .table tr {
    height: 35px;
}




.ik.pollenjelentes-container .table th, .ik.pollenjelentes-container .table td {
    padding: 0 !important;
    vertical-align: middle;
    margin-bottom: 5px !important;
    margin-right: 5px !important;
}

.ik.col-border-right {
    border-right: 1px rgba(255,255,255,0.1) solid;
}


.ik.pill {
    border-radius: 4px;
    display: inline-block;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    background: #1e8fdb;
}

.ik.pill.red {
    background: #ee5143;
}

.ik.pollenjelentes-container span.ik.pill {
    border-radius: 4px;
    display: inline-block;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 0;
}

.ik.pollenjelentes-container span.ik.pill.pollen {
    display: inline-block;
    width: 75px;
    text-align: center;
}

.ik.pollenjelentes-container span.ik.pill.pollen.na {
    background: #333333;
}

.ik.pollenjelentes-container span.ik.pill.pollen.alacsony {
    background: #00C763;
    color: #182C3D;
}

.ik.pollenjelentes-container span.ik.pill.pollen.kozepes {
    background: #DB6735;
    color: #f9f9f9;
}

.ik.pollenjelentes-container span.ik.pill.pollen.magas {
    background: #EE5143;
    color: #efefef;
}

.ik.pollenjelentes-container span.ik.pill.pollen.extrem {
    background: #c00000;
}


.ik.user-forecast-extradata-title {
    font-weight: bold;
}

.ik.user-forecast-extradata {
    padding-bottom: 1em;
}

.ik.btn-ik-dd {
    border-radius: 8px;
    border: 1px #1e8fdb solid;
    padding: .2em .5em .2em .5em;
    color: #1e8fdb;
    font-size: 16px;
    font-weight: bold;
}

.ik.btn-ik-dd:hover {
    text-decoration: underline;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

a.dropdown-item, a.dropdown-item:visited, a.dropdown-item:active {
    color: #222222;
}

a.dropdown-item.active, a.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #1e8fdb;
}

a.ik.hojelentes, a.ik.hojelentes:active, a.ik.hojelentes:visited {
    color: #EFEFEF;
    text-decoration: underline;
}

a.ik.hojelentes:hover {
    color: #fff;
}

.ik.text-shadow {
    text-shadow: 2px 2px 5px #222222;
}


.ik.tarsalgo-wrap {
}

.ik.tarsalgo-wrap ul {
    list-style: none;
}

.commentmetadata {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #607d8d;
    padding: 15px;
    color: #efefef;
}

.ik.tarsalgo-wrap ul.commentlist li:first-child {
    margin-top: 20px;
}

.ik.tarsalgo-wrap ul.commentlist li {
    margin-bottom: 10px;
}

.ik.forum-main-container:first-child {
    margin-top: 20px;
}

.ik.forum-main-container {
    position: relative;
    height: 150px;
    width: 100%;

    border-radius: 15px;
    padding: 15px 15px 10px 15px;
    cursor: pointer;
    max-width: 470px;
    margin: 20px auto;
}

.ik.forum-img-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 8000;
    max-height: 150px;
    overflow: hidden;
    border-radius: 15px;

}

.ik.forum-img-container .ik.backdrop {
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(24,41,61,0) -10%,rgba(24,41,61,0.2) 17%,rgba(24,41,61,1) 100%);
    z-index: 9000;
    position: absolute;
}

.ik.forum-img-container img {
    object-fit:cover;
    width: 100%;
}

.ik.forum-main-topic {
    z-index: 9000;
    position: relative;
    height: 100%;
}

.ik.forum-main-container .ik.forum-title {
    color: #FFFFFF;
    text-shadow: 2px 2px 5px #182C3D;
    font-size: 18px;
    height: 40px;
    font-weight: bold;
}

.ik.forum-main-container .ik.forum-description {
    color: #FFFFFF;
    font-size: 14px;
}

.ik.forum-main-container .ik.forum-last-comment {
    color: #FFFFFF;
    /*text-shadow: 2px 2px 5px #182C3D;*/
    font-size: 10px;
    text-align: right;
    bottom: 0;
    position: absolute;
    right: 0;
}

.ik.forum-main-container .ik.forum-description a,
.ik.forum-main-container .ik.forum-description a:visited,
.ik.forum-main-container .ik.forum-description a:active {
    color: #eeeeee;
    text-decoration: underline;
}

.ik.forum-main-container .ik.forum-description a:hover {
    color: #fff;
}


.ik.useravatar {
    height: 60px;
    width: 60px;
}

.ik.useravatar img {
    object-fit:cover;
    width: 100%;
    height: 100%;}

.ik.forum-comment {
    max-width: 600px;

    margin: 20px auto;
}

a[name]:not([href]){
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}

a.target:target + .ik.forum-comment .media-body.ik.comment-bubble {
    background: #607d8d;
    color: #fff;
}

a.target:target + .ik.forum-comment .media-body.ik.comment-bubble a,
a.target:target + .ik.forum-comment .media-body.ik.comment-bubble a:visited,
a.target:target + .ik.forum-comment .media-body.ik.comment-bubble a:active {
    color: #efefef;
    text-decoration: underline;
}

a.target:target + .ik.forum-comment .media-body.ik.comment-bubble a:hover {
    color: #fff
}

a.target:target + .ik.forum-comment .media-body.ik.comment-bubble strong.uname a {
    text-decoration: none;
    color: #fff;
}


.ik.forum-header a,
.ik.forum-header a:visited,
.ik.forum-header a:active {
    color: #efefef;
    text-decoration: underline;
}

.ik.forum-header a:hover {
    color: #fff;
}

.ik.pager-links {
    text-align: center;
    padding: 10px;
}

.ik.pager-links a {
    padding: 10px;
}


.ik.forum-search-container {
    max-width: 400px;
    margin: 20px auto;
}

.ik.highlight a,.ik.highlight a:visited,.ik.highlight a:active {
    color: #efefef;
    text-decoration: underline;
}

.ik.highlight a:hover {
    color: #fff;
    text-decoration: underline;
}

.ik.pp-row {
    background: #fff;
}

.ik.pp-container h4 {
    font-size: 24px;
    font-weight: bold;
    /* line-height: 1.2em; */
    /* padding-top: .2em; */
    padding-bottom: .2em;
}


/*fixme*/
.ik.force-light-bg {
    background: #fff;
}

.gomb.feher {
    background-color: #fff;
    color: #3498db;
    /*
    border-color: #3498db;
    border-style: solid;
    border-width: 1px;
    */
    border: #3498db solid 1px;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 10
}

.gomb.fehergps {
    background-color: #fff;
    color: #3498db;
    border-color: #3498db;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    position: absolute;
    top: 30px;
    right: 170px;
    z-index: 10;
    width: auto
}

.gomb.fehergps img {
    margin-left: 5px;
    margin-top: 2px
}

.gomb.feher .gomb-icon,.gomb.feher .gomb-szoveg {
    display: inline-block;
    vertical-align: baseline
}

.slider-wrap {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ik.felhokep .embed-responsive-4by3::before {
    padding-top: 74% !important;
}

.ik.automata-data-card {
    padding-top: 60px;
}

.ik.automata-data-card:first-child {
    padding-top: 0 !important;
}

.ik.interact {
    cursor: pointer;;
}


.ik.photoUpload .twitter-typeahead,
.ik.photoUpload .tt-hint,
.ik.photoUpload .tt-input,
.ik.photoUpload .tt-menu {
    width: 100%;
}


.ik.pp-container a,
.ik.pp-container a:visited,
.ik.pp-container a:active,
.ik.top-info-box-container a,
.ik.top-info-box-container a:visited,
.ik.top-info-box-container a:active{
    color: #042643;
}

.ik.pp-container a:hover,
.ik.top-info-box-container a:hover {
    color: #1E8FDB;
}

ul.ik.pp-timeline li a .ik.pp-item .ik.pp-text::after {
    content: url("../assets/icons/link-arrow-dark.svg");
    padding-left: 5px;
    color: #042643;
}

ul.ik.pp-timeline li a:hover .ik.pp-item .ik.pp-text::after {
    content: url("../assets/icons/link-arrow-blue.svg");
    padding-left: 5px;
    color: #1E8FDB;
}


img.ik.pp-feature, img.ik.topbox-img {
    padding-bottom: 20px;
}


ul.ik.pp-timeline {
    list-style: none;
    padding: 0;
}

ul.ik.pp-timeline li {
    padding-top: 10px
}

ul.ik.pp-timeline li:first-child {
    padding-top: 0px;
}

ul li .ik.pp-item {
    display: inline-flex;
}

ul li .ik.pp-time {
    font-weight: bold;
    padding-right: 15px;
    min-width: 54px;
}

.ik.min-max-container .ik.min a,
.ik.min-max-container .ik.min a:visited,
.ik.min-max-container .ik.min a:active,
.ik.min-max-container .ik.min a:hover,
.ik.min-max-container .ik.max a,
.ik.min-max-container .ik.max a:visited,
.ik.min-max-container .ik.max a:active,
.ik.min-max-container .ik.min-max-close a,
.ik.min-max-container .ik.min-max-close a:visited,
.ik.min-max-container .ik.min-max-close a:active,
.ik.min-max-container .ik.min-max-close a:hover,
.ik.min-max-container .ik.min-max-closer a,
.ik.min-max-container .ik.min-max-closer a:visited,
.ik.min-max-container .ik.min-max-closer a:active,
.ik.min-max-container .ik.min-max-closer a:hover {
    color: #fff;
    text-decoration: none;
}

a.interact:focus {
    border: 0 !important;
    outline: 0;
}

a.nodecor, a.nodecor:active, a.nodecor:visited  {
    color: inherit;
    text-decoration: inherit;
}

a.nodecor:hover  {
    text-decoration: inherit;
}



.ik.pp-osszefoglalo ul li {
    padding-bottom: 12px;
    font-size: 18px;
}

.card.ik.pp-osszefoglalo-card {
    background: #efefef;
    margin: 0 auto;
}

.ik.timeline {
    position: relative;
    padding-top:15px;
}

.ik.mt-15px {
    margin-top:15px !important;
}

.ik.timeline iframe {
    width: 100%;
}

.ik.timeline img {
    width: 100% !important;
    height: auto !important;
}

.ik.timeline img.ik.noatr {
    width: auto !important;
    height: auto !important;
}

.ik.timeline .ik.event .ik.event-body-container .ik.event-body {
    font-size: 14px;
}

.ik.timeline .ik.event .ik.event-body-container .ik.event-body p,
.ik.timeline .ik.event .ik.event-body-container .ik.event-body img {
    padding-bottom: 16px;
}

.ik.timeline h5 {
    padding-top: 12px;
    padding-bottom: 12px;
}


.ik.timeline .ik.event .ik.event-time {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #1e8fdb;
    width: 100%;
    color: #fff;
    text-align: left;
    padding-left: 15px;
    margin-left: 0;
    text-transform: uppercase;
    font-weight: 100;
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    align-items: center;
    min-height: 45px;
}

.ik.timeline .ik.event.event-highlight .ik.event-time {
    background: #ee5143;
}

.ik.timeline .ik.event.event-highlight h5 {
    color: #ee5143;
    font-weight: bold;
}

.ik.timeline .ik.event .ik.event-time .date-time {
    padding-top: .25rem;
}


.ik.timeline .ik.event .ik.event-time .date {
    padding-right: 3px;
}

.ik.timeline .ik.event .ik.event-time .date,
.ik.timeline .ik.event .ik.event-time .time {
    display: inline-block;
    color: #fff;
}

.ik.timeline .ik.event .ik.event-time .location {
    margin-left: auto;
    padding-right: 16px;
    padding-bottom: 6px;
}

.ik.timeline .ik.event {
    background: #efefef;
    border-radius: 5px;
    margin-bottom: 20px;
}

.ik.timeline .ik.event .ik.event-body-container .ik.event-body {
    /*border-top: 3px solid #1e8fdb;*/
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ik.kisterkep,
.ik.timeline .ik.event .ik.event-time .location img.ik.kisterkep {
    height: 70px !important;
    width: 108px !important;
}


.ik.timeline .ik.timeline-event-day .ik.timeline-header {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4e555b;
    font-size: 1em;
    font-weight: 100;
    padding-bottom: 12px;
    text-align: right;
}

.ik.map-title {
    font-size: 16px;
    margin-bottom: 12px;
    color: #042643;
    font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    display: block;
    z-index: 9000;
}

.ik.terkep {
    min-height: 280px;
}



.ik.havtab .tab-pane {
    min-height: 330px;
}


.ik.havtab .tab-pane table td {
    padding: 0;
}

.ik.havazas-tab .ik.hav-data-row:nth-child(even) {
    background: rgba(24, 44, 61, 0.21);
}

.ik.havazas-tab .ik.hav-data-row:nth-child(odd) {
    background: rgba(24, 44, 61, 0.5);
}

.ik.havazas-tab .ik.hav-data-row:hover {
    background: rgba(24, 44, 61, 0.1);
}


.ik.havazas-tab {
    background: url("/assets/havazas-tab-bgs/01.jpg") no-repeat local 50% 50%;
    background-size: cover;
    object-fit: cover;
}

.ik.havazas-tab a,.ik.havazas-tab a:active,.ik.havazas-tab a:visited {
    color: #efefef;
    padding: .75rem;
    display: block;
    /*text-decoration: underline; */
}

.ik.havazas-tab a:hover {
    color: #ffffff;
    text-decoration: none;
}


.ik.pager-button {
    width: 45px;
}

.ik.pager-button a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    /*background: #fffe29;*/
}


/* Fixes for Firefox */


@supports not (backdrop-filter: none) {

    /* Blurred background elements are
       not supported in FF so background
       has to be darker and some shadow
       applied to text...*/
    .ik.hosszutavu-elorejelzes,
    .ik.balatonbox-forecast-text-container,
    .ik.adriabox-forecast-text-container
    {
        background-color: rgba(17,38,53,0.5);
        backdrop-filter: none;
        text-shadow: 2px 2px 5px #222222;
    }
}


/* Idokep terkep fixes */

@media (prefers-color-scheme: dark) {
    #nagy_terkep {
        background-color: inherit !important;
    }

}

/*
@media (max-width: 576px) {
    #nagy_terkep {
        height: 320px !important;
    }
}
*/

.ik.regcards a {
    color: inherit;
}

.ik.regcards a:hover {
    text-decoration: none;
}

.ik.regcards a:hover .card-body {
    background: #efefef;
}

.fs16px {
    font-size: 16px;
}

.bold {
    font-weight: bold;
}

@media (max-width: 576px) {

    .ik.recent-photo-fp img {
        width: 100% !important;
    }

    .ik.footer-menu-item {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .ik.pt-m-20px {
        padding-top: 20px !important;
    }

    .ik.pb-m-20px {
        padding-bottom: 20px !important;
    }

    br.ik.break-on-mobile {
        display: block;
    }

    .ik.camera-image-2-col .camera-image img {
        max-width: 100%;
        height: auto;
    }

    .ik.pad-off-small-screens {
        padding: 0 !important;
        margin: 0 !important;
    }

    .ik.weatherpager {
        height: 90px;
    }

    nav.ik.weatherpager {
        z-index: 9000;
        overflow: visible;
        height: 90px;
    }

    .ik.weatherpager-content {
        z-index: 4000;
    }

    .ik.weatherpager ul {
        border-bottom: 0 none !important;
        height: 90px;
    }

    .ik.weatherpager li.nav-item {
        width: 50%;
        padding: 0;
        margin: 0;
        z-index: 9999;
    }

    .ik.nav-tabs .nav-link {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border: none !important;
        background: transparent !important;
    }

    .ik.nav-tabs .nav-link {
        background: transparent !important;
        font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        color: #1E8FDB !important;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        /*height: 50px;*/
    }

    .ik.nav-tabs a.nav-link {
        /*background: #1E8FDB !important;*/
        padding: 0 !important;
        background: transparent !important;
        border: 0 none !important;
    }

    .ik.weatherpager li.nav-item:hover {
        border: 0 none !important;
    }

    .ik.nav-link.active .arrow-down {
        display: none;
    }

    h1.ik.header {
        color: #182c3d;
        font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 23px;
        font-weight: bold;
        line-height: 39px;
        width: 94.5%;
    }

    .ik.balatonbox-map-vizhomerseklet-container{
        position: relative;
        padding-bottom: 1rem;
    }



    .ik.album-image-container .ik.album-image-thumbnail img {
        object-fit: cover;
        height: 100vh;
        max-height: 90px !important;
        max-width: 90px !important;
        border-radius: 5px;

    }

    .ik.hourly-hour,.ik.hourly-today-label {
        padding-left: 0;
    }

    .ik.temp-circle-container {
        padding-left: 0;
    }

    .ik.temperature-circled {
        border-radius: 50%;
        background: #182C3D;
        height: 35px;
        width: 35px;
        color: #fff !important;
        text-align: center;
        font-weight: bold;
        font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
        /*
        margin-top: 1em;
        margin-bottom: .4em;
        */
        margin-top: 15px;
    }

    .ik.forecast-icon-container {
        padding-left: 0;
    }

    img.ik.forecast-icon {
        width: 35px;
    }

    img.ik.small-icon {
        margin-right: 1px;
    }
}

@media (min-width: 576px) {


    .carousel-item img {
        width: auto !important;
        height: 500px;
        max-height: 500px;
    }

    .ik.adriabox-forecast-text-container {
        max-width: 360px;
    }

    .ik.balatonbox-balaton-map {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

    nav.ik.kozosseg {
        height: 100%;
        border-bottom: 2px solid #f5f6f7;
    }
}

@media (min-width: 768px) {

    .ik.image-viewer-userinfo .ik.image-date {
    }

    .ik.image-date {
        font-size: 11px;
    }

    img.ik.keptar-image {
        /*max-height: 704px;*/
    }

    .ik.map-title {
        display: inline;
        position: absolute;
        top: 24px;
        left: 24px;
        margin: 0;
        font-size: 24px;
        background: rgba(255,255,255,.8);
        padding: 7px 14px 7px 14px;
        color: #042643;
        font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 300;
    }

    .ik.timeline h5 {
        padding-top:1px;
    }

    .ik.timeline .ik.event {
        display: flex;
        min-height: 250px;
        border-radius: 0;
        margin-bottom:0;
    }

    .ik.timeline .ik.timeline-event-day {
     position:relative;
    }

    .ik.timeline .ik.timeline-event-day .ik.timeline-header {
        font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #4e555b;
        padding-left: 119px;
        padding-bottom: 0px;
        font-size: 1em;
        font-weight: 100;
        text-align: left;
        margin-top:20px;
    }

    .ik.timeline .ik.timeline-event-day .ik.timeline-header::after {
        left: 120px;
        /*background: #1e8fdb; */
        background: #afafaf;
        height: 4px;
        width: 32px;
        content: "";
        position: absolute;
        display: block;
        top: 19px;
        z-index: 9999;
        border-radius: 6px;
    }

    .ik.timeline .ik.timeline-event-day:not(:first-child) .ik.timeline-header::before {
        left: 120px;
        /* background: #1e8fdb; */
        background: #afafaf;
        height: 4px;
        width: 32px;
        content: "";
        position: absolute;
        display: block;
        top: -13px;
        z-index: 9999;
        border-radius: 6px;
    }

    .ik.timeline .ik.event-divider+.ik.timeline-event-day:not(:first-child) .ik.timeline-header::before {
        background: #444444;
    }

    .ik.timeline .ik.event.event-highlight+.ik.timeline-event-day:not(:first-child) .ik.timeline-header::before {
        /*background: #ee5143;*/
        background: #afafaf;
    }

    .ik.timeline .ik.timeline-event-day:first-child .ik.timeline-header {
        margin-top:0;
        margin-bottom: 5px;
    }

    .ik.timeline .ik.timeline-event-day:first-child .ik.timeline-header::after {
        left: 120px;
        /* background: #1e8fdb; */
        background: #afafaf;
        height: 3px;
        width: 32px;
        content: "";
        position: absolute;
        display: block;
        top: 24px;
        z-index: 9999;
        border-radius: 6px;
    }

    .ik.timeline .ik.timeline-event-day .ik.timeline-header.hl::after {
        /*background: #ee5143;*/
        background: #afafaf;
    }

    .ik.timeline .ik.timeline-event-day:not(:first-child) .ik.timeline-header{
        margin-top: 11px;
        padding-bottom: 9px;
        margin-bottom: 0;
    }

    .ik.timeline .ik.timeline-event-day:not(:first-child) .ik.timeline-header::after {
        top: 27px;
    }

    .ik.timeline .ik.event {
        background: inherit;
    }

    .ik.timeline .ik.event .ik.event-time {
        border-radius: 0;
        background: inherit;
        width: 125px;
        color: #4e555b;
        text-align: center;
        padding-top: 12px;
        margin-left: 0;
        text-transform: uppercase;
        font-weight: 100;
        font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
        display: block;
    }

    .ik.timeline .ik.event.event-highlight .ik.event-time {
        background: inherit;
    }

    .ik.timeline .ik.event .ik.event-time .date-time,
    .ik.timeline .ik.event .ik.event-time .date {
        padding: 0;
    }

    .ik.timeline .ik.event .ik.event-time .date,
    .ik.timeline .ik.event .ik.event-time .time {
        display: block;
        color: #4e555b;
    }

    .ik.timeline .ik.event .ik.event-time .time {
        font-size: 1.5em;
    }

    .ik.timeline .ik.event-divider .ik.event-body-container,
    .ik.timeline .ik.event .ik.event-body-container {
        display: flex;
        flex: 1;
    }

    .ik.timeline .ik.event .ik.event-body-container .ik.event-body {
        border-top: 0;
        /*border-left: 3px solid #1e8fdb; */
        border-left: 3px solid #afafaf;
        position: relative;
        margin-left: 10px;
        padding: 15px;
        background: #efefef;
        font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        width: 100%;
    }

    .ik.timeline .ik.event-divider {
        display: flex;
        min-height: 250px;
        border-radius: 0;
        margin-bottom: 0;
    }

    .ik.timeline .ik.event-divider .ik.event-body-container .ik.event-body {
        border-top: 0;
        border-left: 3px solid #afafaf;
        position: relative;
        margin-left: 10px;
        padding: 15px;
        background: #fafafa;
        flex: 1;
        font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;

    }



    .ik.timeline .ik.event-divider .ik.spacer {
        background: inherit;
        width: 125px;
        color: #4e555b;
        text-transform: uppercase;
        display: block;
        content: "";
    }

    .ik.timeline .ik.event.event-highlight .ik.event-body-container .ik.event-body {
        /*border-left: 3px solid #ee5143; */
    }

    .ik.timeline .ik.event.event-highlight .ik.event-body-container .ik.event-body::after {
        -webkit-box-shadow: 0 0 0 3px #ee5143;
        /*box-shadow: 0 0 0 3px #ee5143; */
        left: -9px;
        background: #ee5143;
        border-radius: 50%;
        height: 14px;
        width: 14px;
        content: "";
        position: absolute;
        display: block;
        top: 20px;
    }




    .ik.timeline .ik.event.event-highlight h5 {
        color: #ee5143;
        font-weight: bold;
    }


    .ik.timeline .ik.event .ik.event-time .location {
        padding-right: 0;
    }

    .ik.timeline .ik.event .ik.event-body-container .ik.event-body p,
    .ik.timeline .ik.event .ik.event-body-container .ik.event-body img {
        margin-bottom: 16px;
        padding-bottom: 0;
    }


    .ik.timeline .ik.timeline-event-day:first-of-type + .ik.event .ik.event-body-container .ik.event-body,
    .ik.timeline .ik.event:first-child .ik.event-body-container .ik.event-body {
        border-top-right-radius: 5px;
    }



    .ik.timeline .ik.event:last-child .ik.event-body-container .ik.event-body{
        border-bottom-right-radius: 5px;
    }

    .ik.timeline .ik.event .ik.event-body-container .ik.event-body::after {
        -webkit-box-shadow: 0 0 0 3px #1e8fdb;
        box-shadow: 0 0 0 3px #1e8fdb;
        left: -9px;
        background: #1e8fdb;
        border-radius: 50%;
        height: 14px;
        width: 14px;
        content: "";
        position: absolute;
        display: block;
        top: 20px;
    }

    /*

    .ik.timeline .ik.event.event-highlight .ik.event-body-container .ik.event-body::before {
        background: #BA0000;
        content: "";
        height: 10px;
        width: 3px;
    }

    .ik.timeline .ik.event.event-highlight + .ik.event.event-highlight .ik.event-body-container .ik.event-body::after {
        background: #4455aa !important;
    }
*/

    .ik.article-header-container img {
        object-fit: cover;
        min-width: 100%;
        max-height: 370px;
    }

    .ik.header.red-header span {
        background: #ee5143;
        color: #FFF;
    }

    .ik.forum-header {
        color: #fff;
        font-size: 18px;
        text-shadow: 2px 2px 5px #182C3D;
    }

    .ik.md-border-right {
        border-right: 1px solid #efefef;
    }
    .ik.news-divider {
        border-bottom: 1px solid #efefef;
    }

    .ik.hojelentes-container,
    .ik.pollenjelentes-container {
        /*margin-right: 15px;*/
    }

    .ik.camera-image-2-col:nth-child(odd) {
        padding-top: 20px;
        padding-right: 10px;
    }

    .ik.camera-image-2-col:nth-child(even) {
        padding-top: 20px;
        padding-left: 10px;
    }


}


.ik.album-interact-button-lockup {
    display: flex;
    align-items: center;
    /*padding-left: 5px;*/
}

.ik.album-interact-button-lockup.taller {
    height: 56px;
}

.ik.album-photo-views {
    margin-bottom: 0;
    /* border-radius: 5px; */
    width: 55px;
    /* height: 56px; */
    text-align: center;
    /* cursor: pointer; */
    /* margin-left: 5px; */
    /* padding-top: 10px; */
    margin-left: 0px;
    font-size: 14px;
}


.ik.photo-interact-line {
    margin-bottom: 0;
    width: 55px;
    text-align: center;
    margin-left: 0px;
    font-size: 14px;
    padding-top: 5px;
}



.ik.superlike label {
    margin: 0 auto;
    margin-bottom: 0;
    /*border: 1px solid #1e8fdb;*/
    /*border-radius:5px; */
    min-width: 55px;
    text-align: center;
    cursor: pointer;
}

.ik.superlike svg {
    cursor: pointer;
    overflow: visible;
    width: 55px;
    margin: 0;
}

.ik.superlike svg #heart {
    transform-origin: center;
    animation: animateHeartOut .3s linear forwards;
    background: #4455aa;
}

.ik.superlike .ik.superliker+label svg #heart {
    transform: scale(.2);
}

.ik.superlike svg #main-circ {
    transform-origin: 29.5px 29.5px;
}

.ik.superlike .ik.superliker {
    display: none;
}

.ik.superlike .ik.superliker:checked+label svg #heart {
    fill: #ee5143;
    transform: scale(.2);
    animation: animateHeart .8s linear forwards .25s;
}

.ik.superlike .ik.superliker:checked+label svg #main-circ {
    transition: all 2s;
    animation: animateCircle .4s linear forwards;
    opacity: 1;
}

.ik.superlike .ik.superliker:checked+label svg #grp1 {
    opacity: 1;
    transition: .1s all .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp1 #oval1 {
    transform: scale(0) translate(0, -30px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp1 #oval2 {
    transform: scale(0) translate(10px, -50px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp2 {
    opacity: 1;
    transition: .1s all .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp2 #oval1 {
    transform: scale(0) translate(30px, -15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp2 #oval2 {
    transform: scale(0) translate(60px, -15px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp3 {
    opacity: 1;
    transition: .1s all .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp3 #oval1 {
    transform: scale(0) translate(30px, 0px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp3 #oval2 {
    transform: scale(0) translate(60px, 10px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp4 {
    opacity: 1;
    transition: .1s all .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp4 #oval1 {
    transform: scale(0) translate(30px, 15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp4 #oval2 {
    transform: scale(0) translate(40px, 50px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp5 {
    opacity: 1;
    transition: .1s all .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp5 #oval1 {
    transform: scale(0) translate(-10px, 20px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp5 #oval2 {
    transform: scale(0) translate(-60px, 30px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp6 {
    opacity: 1;
    transition: .1s all .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp6 #oval1 {
    transform: scale(0) translate(-30px, 0px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp6 #oval2 {
    transform: scale(0) translate(-60px, -5px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp7 {
    opacity: 1;
    transition: .1s all .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp7 #oval1 {
    transform: scale(0) translate(-30px, -15px);
    transform-origin: 0 0 0;
    transition: .5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp7 #oval2 {
    transform: scale(0) translate(-55px, -30px);
    transform-origin: 0 0 0;
    transition: 1.5s transform .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp2 {
    opacity: 1;
    transition: .1s opacity .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp3 {
    opacity: 1;
    transition: .1s opacity .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp4 {
    opacity: 1;
    transition: .1s opacity .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp5 {
    opacity: 1;
    transition: .1s opacity .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp6 {
    opacity: 1;
    transition: .1s opacity .3s;
}

.ik.superlike .ik.superliker:checked+label svg #grp7 {
    opacity: 1;
    transition: .1s opacity .3s;
}



@keyframes animateCircle {
    40% {
        transform: scale(10);
        opacity: 1;
        fill: #ee5143;
    }
    55% {
        transform: scale(11);
        opacity: 1;
        fill: #fec3b5;
    }
    65% {
        transform: scale(12);
        opacity: 1;
        fill: #eec3a9;
    }
    75% {
        transform: scale(13);
        opacity: 1;
        fill: transparent;
        stroke: #ee5143;
        stroke-width: .5;
    }
    85% {
        transform: scale(17);
        opacity: 1;
        fill: transparent;
        stroke: #fec3b5;
        stroke-width: .2;
    }
    95% {
        transform: scale(18);
        opacity: 1;
        fill: transparent;
        stroke: #eec3a9;
        stroke-width: .1;
    }
    100% {
        transform: scale(19);
        opacity: 1;
        fill: transparent;
        stroke: #ee5143;
        stroke-width: 0;
    }
}

@keyframes animateHeart {
    0% {
        transform: scale(0.2);
    }
    40% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes animateHeartOut {
    0% {
        transform: scale(1.4);
    }
    100% {
        transform: scale(1);
    }
}


.btn:disabled {
    cursor: not-allowed !important;
}


.ik.sunmoon-chart-container .ik.fishing-column {
    border-radius: 4px;
    background: rgba(24, 44, 61, .2);
    min-width: 100px;
    text-align: center;
    margin-left: 10px;
    padding-bottom: 12px;
    margin-top: 10px;
}

.ik.sunmoon-chart-container .ik.fishing-column:first-of-type {
    margin-left: 0;
}

.ik.sunmoon-chart-container .ik.fishing-column-header {
    font-weight: bold;
    min-height: 65px;
    display: flex;
    align-items: center;
}

.ik.sunmoon-chart-container .ik.fishing-column-header div {
    margin-left: auto;
    margin-right: auto;
    max-width: 80px;
}

.ik.sunmoon-chart-container .ik.fishing-column-forecast-icon img {
    width: 60px;
}

.ik.sunmoon-chart-container .ik.fishing-column-moonphase img {
    width: 60px;
}

.ik.sunmoon-chart-container .ik.fishing-column-temperature {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #182C3D;
}

.ik.sunmoon-chart-container .ik.fishing-column-forecast-icon,
.ik.sunmoon-chart-container .ik.fishing-column-moonphase,
.ik.sunmoon-chart-container .ik.fishing-column-temperature,
.ik.sunmoon-chart-container .ik.fishing-column-kapasindex,
.ik.sunmoon-chart-container .ik.fishing-column-ertekeles {
    padding-top: 12px;
}

.ik.sunmoon-chart-container .ik.sunrise-header {
    display: flex;
    align-items: flex-start;
    padding-top: 24px;
}

.ik.sunmoon-chart-container .ik.sunrise-header-item {
    width: 100px;
    margin-left: 10px;
    text-align: center;
}

.ik.sunmoon-chart-container .ik.sunrise-header-item:first-of-type {
    margin-left: 0;
}

.ik.max970 {
    max-width: 970px;
    width: 100%;
}


@media (max-width: 768px) {

    .ik.album-visual-item-container img {
        width: 100%;
        height: auto;
    }

    .scroll .nav-tabs {
        overflow-x: auto;
        overflow-y:hidden;
        flex-wrap: nowrap;
    }

    .scroll .nav-tabs .nav-link {
        white-space: nowrap;
    }


    .ik.top-frame { display: none !important; }
    ul.ik.footer li.nav-item {
        padding-top: 12px !important;

    }
    .ik.article-header {
        position: relative;
        bottom: unset;
        background: #fff;
        padding-right: 15px;
        padding-left: 15px;
    }
    .ik.header span {
        background: none;
        line-height: unset;
        padding: 0;
    }
    /*
    span.ik.pill.pollen {
        font-size: 9px;
        width: 70px !important;
    }

    .ik.pollenjelentes-container .table th,
    .ik.pollenjelentes-container .table td {
        font-size: 14px;
    }

    .ik.pollenjelentes-container p {
        font-size: 12px !important;
        line-height: 20px !important;
    }
    */
    .ik.pollenjelentes-container .table {
        width: 80%;
        margin: 0 auto;
    }
}

@media (max-width: 1010px) {
    .ik.ad-lockup-top-970 {
        width: 100%;
        height: 90px;
    }

    .ik.ad-970 { display: none !important; }
}

@media (max-width: 992px) {
    .ik.pp-row {
        background: #ebeff2;
    }
}

@media (min-width: 992px) {



    .ik.pp-row {
        margin: 20px 0px 10px 0px;
        padding-top: 15px;
        border-radius: 8px 8px 8px 8px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
        background: #fff;

    }

    .carousel img {
        min-width: 100%;
        max-width: none;
        max-height: none;
        height: 512px;
        object-fit: cover;
    }

    .valaszto label {
        width: 230px;
    }


    .ik.news-2-col .ik.news-title {
        padding-left: 15px;
    }
    .ik.col-md-border-right {
        border-right: 1px rgba(255,255,255,0.1) solid;
    }

    .ik.forecast-box-text {
        padding-top: 12px;
    }

    .ik.pollenbox {
        padding-top: 15px;
    }

    .ik.col-border-right {
        border-right: 1px rgba(255,255,255,0.1) solid;
    }

    .ik.col-border-left {
        border-right: 1px rgba(255,255,255,0.1) solid;
    }

}

@media (max-width: 1200px) {
    .ik.logo {
        height: 90px;
        min-width: 90px;
        background: url("../assets/idokep_logo.svg") no-repeat;
        display: block;
    }

    .ik.sidescroll {
        overflow-x: auto;
    }
}

@media (max-width: 1100px) {
    .ik.navheight {
        height: auto !important;
    }
}

@media (max-width: 1120px) {
    .logo, .logoOuter {
        display: none;
    }

    .tablet-only {
        display: inline-block !important;
        background: #fff;
        margin: 0;
        padding: 0;
    }

    .tablet-only img {
        height: 40px;
    }

}

@media (min-width: 1120px) {
    .ik.displayLogo .ik.desktop-logo {
        display: inline-block !important;
        width: 40px;
        height: 40px;
    }

    .ik.displayLogo .ik.desktop-logo a {
        width: 40px;
        height: 40px;
        background-image: url("../assets/idokep_logo-wht.svg");
        background-repeat: no-repeat;
    }

    .ik.displayLogo .ik.desktop-logo a:hover {
        background-image: url("../assets/idokep_logo.svg");
        background-repeat: no-repeat;
    }

}


@media (min-width: 1011px) {

    .ik.album-visual-item-container {
        /*max-height: 750px;*/
        max-height: 814px;
        width: 100%;
        text-align: center;

    }

    .ik.ad-728 { display: none !important; }
    .kartya-full {
        /*background-color: #fff;
        box-shadow: 2px 2px 4px 0.02px rgba(161,172,179,.8);*/
        width: 980px;
        /*#FIXME*/
        /*font-size: 0;*/
        overflow: hidden;
    }


    .cam-container {
        float: left;
        width: 980px;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        overflow: hidden;
    }
    #terkep-box {
        overflow: hidden;
        width: 980px;
        height: 679px;
    }
}

@media (max-width: 1035px) {
    #menubarDesktop { display: none;}
    #menubarMobile { display: block;}
}

@media (min-width: 1035px) {
    #menubarMobile { display: none; }
    #menubarDesktop { display: block; }
}

@media (min-width: 1200px) {



    .ik.sidebar {
        position: absolute;
        padding-top: 25px;
        background: #fff;
        min-height: 80%;
        z-index: 99990; /* fixing click issue*/
        /* right: 1%; */
        top: 20px;
        width: 360px;
        border-radius: 8px 8px 8px 8px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4);
    }

    .ik.sidebar .ik.sidebarRow {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ik.pollenjelentes-container {
        background-position-x: -80px !important;
    }
}

@media (prefers-color-scheme: dark) {

    .select2-results__option {
        color: #222222;
    }

    .card.ik.pp-osszefoglalo-card {
        background: #444444;
    }

    .card.ik.pp-osszefoglalo-card .card-header {
        background: #333333;
    }

    .ik.timeline {
        color: #efefef;
    }

    @media (max-width: 768px) {
        .ik.timeline .ik.event .ik.event-time {
            background: #333333;
        }

        .ik.timeline .ik.event.event-highlight .ik.event-time {
            background: #1e8fdb;
        }
    }

    .ik.timeline .ik.event:nth-child(even) .ik.event-body-container .ik.event-body {
        background: #4e555b;
    }

    .ik.timeline .ik.event:nth-child(odd) .ik.event-body-container .ik.event-body {
        background: #4e555b;
    }

    .ik.timeline .ik.event-divider .ik.event-body-container .ik.event-body {
        background: #2a2a2a;
    }

    .ik.timeline .ik.timeline-event-day .ik.timeline-header,
    .ik.timeline .ik.timeline-event-day .ik.timeline-header .date,
    .ik.timeline .ik.event .ik.event-time .date,
    .ik.timeline .ik.event .ik.event-time .time  {
        color: #efefef;
    }

    .ik.timeline .ik.event.event-highlight h5 {
        color: #fff;
        font-weight: bold;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        color: #222222;
    }

    .valaszto label .szoveg {
        display: inline-block;
        font-size: 14px;
        color: #DDDDDD;
        vertical-align: top;
        margin-left: 7px;
    }

    .valaszto input[type=radio]:checked+label .szoveg {
        color: #042643;
    }

    article p a,
    article p a:hover,
    ul.ik.webcam-list li a,
    ul.ik.webcam-list li a:hover {
        color: #ffffff;
        text-decoration: underline;
        position: relative;
    }

    .ik.wbg {
        background-image: none !important;
        /*background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(130,91,0,1) 100%) no-repeat !important;*/
        background-color: #000000 !important;
    }

    .ik.top-frame {
        background-color: #212529;
        color: #ffffff;
    }

    .ik.content-fill,
    .modal-content {
        background-color: #212529;
        color: #ffffff;
    }

    .modal-content {
        border: 1px solid #DDDDDD;
    }

    .close {
        color: #efefef;
    }

    .close:hover {
        color: #fff;
    }

    .ik.wordmark-logo {
        height: 90px;
        max-width: 230px;
        background: url("../assets/idokep_wordmark_logo_lockup_revC-wht.svg") no-repeat;
        background-position: center;
    }

    .ik.logo {
        height: 90px;
        min-width: 90px;
        max-width: 230px;
        background: url("../assets/idokep_wordmark_logo_lockup_revC-wht.svg") no-repeat;
        background-position: center;
        display: block;
    }

    @media (max-width: 1235px) {
        .ik.logo {
            height: 90px;
            min-width: 90px;
            background: url("../assets/idokep_logo-wht.svg") no-repeat;
            background-position: center;
            display: block;
        }
    }

    .ik.menubar-mobile {
        background: #576269;
    }

    .ik.mobile-menu-logo {
        background: url('../assets/idokep_logo-wht.svg') no-repeat;
        height: 50px;
        width: 46px;
        background-position-x: center;
        background-position-y: bottom;
    }

    a.ik.mobile-menu-logo {
        display: block;
        background: url('../assets/idokep_logo-wht.svg') no-repeat;
        height: 50px;
        width: 46px;
        background-position-x: center;
        background-position-y: bottom;
    }

    button.ik.menuopener {
        background: #576269;
        color: #DDDDDD;
        border: 1px solid #DDDDDD;
    }

    #mobileMenuopener span {
        background: #DDDDDD;
    }

    .ik.sidebar {
        background: #222222;
        color: #ffffff;
    }

    span.ik.d {
        color: #DDDDDD !important;
    }

    .ik.info-small,
    .ik.vertical-info-small {
        color: #9d9d9d;
    }

    .ik.mitVegyekFelBox {
        background: linear-gradient(to bottom, rgba(24,41,61,0) -10%,rgba(24,41,61,0.2) 17%,rgba(24,41,61,1) 100%);
        border-left: 1px solid #607d8d;
        border-top: 1px solid #607d8d;
        border-bottom: 1px solid #607d8d;

    }

    /*
    .ik.mitVegyekFelBox {
        background: linear-gradient(to bottom, rgba(24,41,61,0) -10%,rgba(24,41,61,0.2) 17%,rgb(34, 34, 34) 100%);
        border-left: 1px solid #5d5d5d;
        border-top: 1px solid #5d5d5d;
        border-bottom: 1px solid #5d5d5d;
    }
    */

    .ik.dailyForecastCol {
        border-top: 1px solid #607d8d;
        border-bottom: 1px solid #607d8d;
        border-left: 1px solid #607d8d;
        background: linear-gradient(to bottom, rgba(24,41,61,0) -10%,rgba(24,41,61,0.2) 17%,rgba(24,41,61,1) 100%);

    }

    /*
    .ik.dailyForecastCol {
        border-top: 1px solid #5d5d5d;
        border-bottom: 1px solid #5d5d5d;
        border-left: 1px solid #5d5d5d;
        background: linear-gradient(to bottom, rgba(24,41,61,0) -10%,rgba(24,41,61,0.2) 17%,rgb(34,34,34,1) 100%);;
    }
    */

    .ik.dailyForecastCol .ik.dfColHeader {
        border-bottom: 4px solid #607d8d;
    }

    /*
     .ik.dailyForecastCol .ik.dfColHeader {
         border-bottom: 4px solid #5d5d5d;
     }
     */

    .ik.dailyBadge {
        border-top: 4px solid #607d8d;
    }

    .ik.dailyForecastCol:last-child {
        border-right: 1px solid #607d8d;
    }

    /*
    .ik.dailyForecastCol:last-child {
        border-right: 1px solid #5d5d5d;
    }
    */

    span.ik.mit-vegyek-fel-header {
        color: #fff;
    }

    span.ik.what-to-wear {
        color: #efefef;
    }

    .ik.dailyForecastCol .ik.forecast-icon {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .form-control {
        background-color: unset !important;
    }

    .form-control .input-group input {
        background-color: #fff !important;
    }

    input.form-control,
    select.form-control,
    textarea.form-control {
        background-color: #efefef !important;
    }

    .simplebar-scrollbar::before {
        background-color: #efefef !important;
    }

    .ik.decor-border {
        border-top: 1px solid #607d8d;
    }

    .ik.category-header {
        color: #DDDDDD;
    }

    .ik.news-item a:hover .ik.news-title {
        color: #efefef;
    }

    .ik.news-item .ik.news-title {
        color: #efefef;
    }

    .ik.news-item .ik.news-lead {
        color: #efefef;
    }


    .ik.nav-tabs .nav-link.active {
        /*background: #1E8FDB !important;*/
        color: #EFEFEF !important;
    }

    .ik.nav-tabs .nav-link {
        color: #efefef !important;
    }


    .ik.nav-tabs .nav-link .nav-inner {
        background-color: #666666 !important;
        height: 50px;
    }

    .ik.nav-tabs .nav-link.active .nav-inner {
        background-color: #1E8FDB !important;
        height: 50px;
    }

    span.ik.header {
        color: #DDDDDD;
    }

    .locationSelectorContainer a,.locationSelectorContainer a:visited {
        color: #dddddd;
    }

    .locationSelectorContainer a:hover {
        color: #efefef;
    }

    main article p {
        color: #EFEFEF;
    }

    main article p.intro {
        color: #FFF;
    }

    .ik.hightlight p {
        color: #dddddd;
    }

    a.ik.author-link,
    a:visited.ik.author-link,
    a:active.ik.author-link {
        color: #dddddd;
    }


    @media (max-width: 768px) {
        .ik.article-header {
            background: #212529;
        }

        .ik.article-header h1.ik.header {
            color: #fff;
        }
    }

    h1.ik.header-standalone {
        color: #fff;
    }


    .ik.keptar-decor-border {
        border-bottom: 1px #D8D8D8 solid;
        margin-bottom: 2em;
    }

    ul.ik.kozosseg-navigation {
        list-style: none;
        text-transform: uppercase;
        color: #607D8D;
        padding: 0;
        margin: 0;
    }

    ul.ik.kozosseg-navigation li {
        float: left;
    }

    ul.ik.kozosseg-navigation li a,
    ul.ik.kozosseg-navigation li a:active,
    ul.ik.kozosseg-navigation li a:visited {
        display: block;
        line-height: 3em;
        font-weight: bold;
        font-size: 14px;
        padding-left: 1em;
        padding-right: 1em;
        color: #607d8d;
        border-bottom: 2px solid #607d8d;
    }



    ul.ik.kozosseg-navigation li.active a,
    ul.ik.kozosseg-navigation li.active a:active,
    ul.ik.kozosseg-navigation li.active a:visited {
        display: block;
        line-height: 3em;
        font-weight: bold;
        font-size: 14px;
        padding-left: 1em;
        padding-right: 1em;
        color: #1e8fdb;
        border-bottom: 2px solid #1e8fdb;
        text-decoration: none;
    }

    ul.ik.kozosseg-navigation li a:hover {
        text-decoration: none;
        border-bottom: 2px solid #DDDDDD !important;
        color: #DDDDDD !important;
    }

    ul.ik.kozosseg-navigation li span.ik.icon {
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
    }

    ul.ik.kozosseg-navigation li span.ik.icon.keptar {
        background: url(../assets/kozosseg-icons/kozosseg_keptar_ikon.svg) no-repeat;
    }

    ul.ik.kozosseg-navigation li span.ik.icon.tarsalgo {
        background: url(../assets/kozosseg-icons/kozosseg_tarsalgo_ikon.svg) no-repeat;
    }

    ul.ik.kozosseg-navigation li span.ik.icon.eszlelesek {
        background: url(../assets/kozosseg-icons/kozosseg_eszlelesek_ikon.svg) no-repeat;
    }

    ul.ik.kozosseg-navigation li span.ik.icon.ujeszleles {
        background: url(../assets/kozosseg-icons/kozosseg_ujeszleles_ikon.svg) no-repeat;
    }

    ul.ik.kozosseg-navigation li span.ik.icon.automatak {
        background: url(../assets/kozosseg-icons/kozosseg_automatak_ikon.svg) no-repeat;
    }

    ul.ik.kozosseg-navigation li span.ik.icon.felhoatlasz {
        background: url(../assets/kozosseg-icons/kozosseg_felhoatlasz_ikon.svg) no-repeat;
    }

    ul.ik.kozosseg-navigation li span.ik.icon.tudastar {
        background: url(../assets/kozosseg-icons/kozosseg_tudastar_ikon.svg) no-repeat;
    }

    ul.ik.kozosseg-navigation li span.ik.icon.gyik {
        background: url(../assets/kozosseg-icons/kozosseg_gyik_ikon.svg) no-repeat;
    }


    .ik.keptar-album .ik.keptar-album-cover .ik.keptar-album-osd {
        background: #DDDDDD;
    }

    .ik.album-image-container .ik.image-title {
        color: #DDDDDD;
        font-weight: bold;
        padding-top: 8px;
    }

    .ik.album-image-container .ik.image-interactions {
        color: #DDDDDD;
        font-size: .8em;
    }

    .ik.comment-bubble {
        background: #777777;
        border-radius: 8px;
        padding: 8px;
        font-size: 14px;
    }


    .ik.image-viewer-image-title,
    .ik.image-viewer-interactions,
    .ik.image-viewer-userinfo,
    .ik.image-viewer-userinfo .ik.image-username,
    .ik.image-viewer-userinfo .ik.image-date {
        color: #DDDDDD;
    }

    .ik.image-viewer-userinfo .ik.image-username a,
    .ik.image-viewer-userinfo .ik.image-username a:visited,
    .ik.image-viewer-userinfo .ik.image-username a:active {
        color: #ffffff
    }

    .ik.tags a, .ik.tags a:active, .ik.tags a:visited {
        background-color: #191919;
        color: #DDDDDD;
    }

    .form-control {
        background-clip: unset;
    }


    .ik.webcam-category {
        color: #DDDDDD;
    }

    .ik.icon-gray {
        color: #DDDDDD;
    }

    .ik.rounded-borders {
        border: 1px #DDDDDD solid;
    }

    a.ik.location-selector-eszlel,
    a:active.ik.location-selector-eszlel,
    a:visited.ik.location-selector-eszlel {
        font-size: 16px;
        color: #DDDDDD;
        font-weight: bold;
        display: inline;
    }

    a:hover.ik.location-selector-eszlel {
        color: #fff;
    }

    .ik.chart {
        background: #efefef;
    }

    .ik.btn-ik-dd {
        border-radius: 8px;
        border: 1px #DDDDDD solid;
        padding: .2em .5em .2em .5em;
        color: #DDDDDD;
        font-size: 16px;
        font-weight: bold;
    }

    .ik.btn-ik-dd:hover {
        text-decoration: underline;
        color: #fff;
    }

    .ik.forum-main-container {
        box-shadow: 0px 0px 3px #607d8d;
    }

}