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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
body {
    line-height: 1.25
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

body, html {
    font-family: Panton, Sans-serif;
    font-size: 16px;
    font-weight: 700;
    background: #ddd;
    z-index: -1;
    position: relative;
    height: 100%;
}

.formskipass {
    display: flex;
    flex-wrap: wrap;
}

.formskipass__row {
    display: flex;
    width: 100%;
}
.formskipass__col-left {
    width: 60%;
}
.formskipass__col-right {
    width: 40%;
}

.formskipass__col-1 { width: 50%; }
.formskipass__col-2 { width: 50%; }
.formskipass__col-3 {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.formskipass__col-3 .js-guests.guests {
    width: 100%;
}
.formskipass__col-4 {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.formskipass__col-20 {
    width: 20%;
    box-sizing: border-box; padding: 0 20px;
    display: flex;
    flex-direction: column;
}
.formskipass__col-25 {
    width: 25%;
    box-sizing: border-box; padding: 0 20px;
    display: flex;
    flex-direction: column;
}
.formskipass__col-30 {
    width: 30%;
    box-sizing: border-box; padding: 0 20px;
    display: flex;
    flex-direction: column;
}

.formskipass__col-1,
.formskipass__col-2,
.formskipass__col-3,
.formskipass__col-4 { box-sizing: border-box; padding: 0 20px; }

.formskipass__form-group {
    margin-bottom: 15px;
}
.formskipass__label {
    display: block;
    font-family: Panton;
    font-size: 16px;
    color: #484151;
    font-weight: 600;
    margin-bottom: 10px;
}
.radiogroup {
    display: flex;
    flex-direction: row;
}
.radiogroup__item {

}

.radiogroup__input { display: none; }

.radiogroup__label {
    width: 125px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #01BAC6;
    font-family: Panton;
    font-size: 16px;
    background: #FFF;
    border: 1px solid rgba(1, 186, 198, 0.2);
    transition: all ease .3s;
    border-right-width: 0;
    cursor: pointer;
}

.radiogroup__input:checked + .radiogroup__label {
    background: rgba(1, 186, 198, 0.2);
}

.radiogroup__item:first-child .radiogroup__label {
    border-radius: 4px 0 0 4px;
}
.radiogroup__item:last-child .radiogroup__label {
    border-radius: 0 4px 4px 0;
    border-right-width: 1px;
}

.radiogroup--rounded .radiogroup__label {
    width: 42px;
    border-radius: 50% !important;
    margin-right: 15px;
    flex-shrink: 0;
}
.radiogroup--rounded .radiogroup__item {
    display: flex;
    align-items: center;
}

.formskipass__select {
    display: block;
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px #D3D6DB;
    border: 0;

}

.formskipass__text {
    display: block;
    width: 100%;
    height: 44px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px #D3D6DB;
    border: 0;
    margin-top: 7px;
}

.align-items-center {
    align-items: center;
    justify-content: center;
}

.home-app__lists_container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.home-app__list{
    list-style:none;
    text-align: left;
}
.home-app__list>li{
    font-weight: 600;
    font-size: 16px;
    color: #484151;
}
.home-app__list>li:before{
    content: '';
    background-image:url(/assets/template/kp/assets/img/check_banner.svg);
    background-repeat:no-repeat;
    background-size:contain;
    background-position: 50% 50%;
    display:inline-block;
    width:16.5px;
    height:12.5px;
    margin-right: 11.5px;
}
@media screen and (max-width: 450px) {
    .formskipass__col-left {
        width: 100%;
    }
    .formskipass__col-right {
        width: 100%;
    }
    .formskipass__col-1 {
        width: 100%;
    }
    .formskipass__col-2 {
        width: 100%;
    }
    .formskipass__col-3 {
        width: 100%;
        align-items: flex-start;
    }
    .formskipass__col-3 .js-guests.guests.guests--ready {
        width: 40%;
    }
    .formskipass__col-4 {
        width: 100%;
    }
    .formskipass__row {
        flex-wrap: wrap;
    }
    .formskipass__col-20 {
        width: 100%;
    }
    .formskipass__col-25 {
        width: 100%;
    }
    .formskipass__col-30 {
        width: 100%;
    }
    .js-guests.guests.guests--ready {
        width: 110px;
    }
}
@media screen and (min-width: 960px) {
    .header {
        height: 130px;
        box-sizing: border-box;
        font-family: Panton, Sans-serif;
        padding-top: 0;
        background: #fff;
        position: fixed;
        width: 100vw;
        top: 0;
        left: 0;
        transition: height .2s;
        z-index: 10
    }

    .header__wrapper {
        position: relative;
        top: 0;
        left: 0;
        height: 130px;
        width: 100%;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5)
    }

    .header__container {
        width: 100%;
        max-width: 1160px;
        margin: 0 auto;
        display: flex;
        flex-flow: row;
        flex-wrap: nowrap
    }

    .header__social-links {
        display: none
    }

    .header__specials {
        cursor: pointer;
        height: 65px;
        padding-top: 36px;
        padding-bottom: 11px;
        text-align: right;
        display: block;
        box-sizing: border-box
    }

    .header__specials li:not(.header__social-links) {
        display: inline-block
    }

    .header__specials li {
        color: #a197ac;
        padding: 0 20px;
    }

    .header__link {
        color: #a197ac;
        text-decoration: none;
        transition: color .5s
    }

    .header__link:hover {
        transition: color .5s;
        color: #484151
    }

    .header__language-link {
        display: inline-block;
        font-size: 12px;
        margin: 0 6px;
        color: #a197ac;
        text-decoration: none;
        transition: color .5s
    }

    .header__language-link:hover {
        transition: color .5s;
        color: #484151
    }

    .header__language-link--current {
        color: #484151;
        border-bottom: 1px solid currentColor
    }

    .header__logo {
        height: 130px;
        display: flex;
        flex-flow: row;
        align-items: flex-end;
        position: relative;
        z-index: 7;
        line-height: 0;
        width: 25%;
        transition: height .3s;
    }

    .header__logo img {
        transition: height .3s;
        display: block;
        position: relative;
        top: 1px;
        /* height: 96px; */
        width: auto;
        margin: 5px 0 5px 0;
    }

    .header__controls {
        width: 75%;
    }

    .header__menu {
        text-align: right;
        box-sizing: border-box;
        padding-top: 11px;
        height: 65px
    }

    .header__menu-switch {
        display: none
    }

    .header--fixed {
        height: 72px;
        transition: height .5s;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
        z-index: 10
    }

    .header--fixed .header__logo {
        height: 72px;
        transition: height .4s
    }

    .header--fixed .header__logo img {
        transition: height .4s;
        display: block;
        position: relative;
        top: 1px;
        height: 64px;
        width: auto
    }

    .header--fixed .header__controls {
        display: flex;
        flex-flow: row;
        justify-content: flex-end
    }

    .header--fixed .header__menu {
        order: 1;
        padding-top: 24px
    }

    .header--fixed .header__specials {
        order: 99;
        padding-top: 16px;
    }

    .header--fixed .header__specials > li:not(.header__search) {
        display: none
    }
}

@media screen and (max-width: 959px) {
    .header {
        height: 50px;
        background: #fff;
        width: 100%;
        padding: 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
        font-family: Panton, Sans-serif;
        font-size: 16px
    }

    .header__logo {
        height: 50px;
        padding-left: 20px;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-flow: row;
        align-items: flex-end;
        position: fixed;
        z-index: 6;
        top: 0;
        left: 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5);
        background-color: #fff
    }

    .header__logo img {
        display: block;
        margin: 5px 0 5px 0;
        height: 41px
    }

    .header__menu-switch {
        display: block;
        cursor: pointer;
        position: fixed;
        right: 16px;
        top: 14px;
        width: 18px;
        height: 18px;
        z-index: 8;
        background-color: #484151
    }

    .header__menu-switch:after, .header__menu-switch:before {
        display: block;
        position: absolute;
        content: '';
        right: 0;
        width: 18px;
        height: 3px;
        background-color: #fff;
        transform: rotate(0) translate(0, 0);
        transition: transform .5s
    }

    .header__menu-switch:before {
        top: 4px
    }

    .header__menu-switch:after {
        top: 11px
    }

    .header__menu-switch--open {
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        position: fixed;
        background-color: #01bac6;
        transition: background-color .5s
    }

    .header__menu-switch--open:after, .header__menu-switch--open:before {
        left: 16px;
        background-color: #fff;
        transition: transform .5s
    }

    .header__menu-switch--open:before {
        top: 18px;
        transform: rotate(45deg) translate(3px, 3px)
    }

    .header__menu-switch--open:after {
        top: 25px;
        transform: rotate(-45deg) translate(2px, -2px)
    }

    .header__language-link {
        position: fixed;
        transition: right .5s;
        right: -50px;
        width: 49px;
        height: 52px;
        background-color: #484151;
        font-size: 12px;
        padding-top: 18px;
        padding-left: 18px;
        line-height: 12px;
        box-sizing: border-box;
        color: rgba(255, 255, 255, .5)
    }

    .header__language-link--current {
        color: #fff;
        text-decoration: underline
    }

    .header__language-link:nth-of-type(1) {
        top: 50px
    }

    .header__language-link:nth-of-type(2) {
        top: 102px
    }

    .header__controls {
        position: absolute;
        top: 0;
        height: 100%;
        width: calc(100vw - 50px);
        box-shadow: 0 200px 100vw #000;
        z-index: 10;
        display: flex;
        flex-flow: column;
        background: #fff;
        padding-top: 50px;
        transition: left 1s;
        left: -200vw;
        border-left: 1px solid #a197ac
    }

    .header__controls--open {
        left: 0;
        transition: left 1s
    }

    .header__controls--open .header__language-link {
        right: 0;
        transition: right .5s
    }

    .header__menu {
        order: 1
    }

    .header__specials {
        order: 99
    }
    .header__link {
        color: #a197ac;
        text-decoration: none;
        transition: color .5s;
        display: block;
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        margin-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #dcdcdc;
        box-sizing: border-box
    }

    .header__social-links {
        display: block;
        text-align: center
    }
}

@media screen and (min-width: 960px) {
    .menu {
        font-size: 16px;
        font-family: Panton, Sans-serif;
        font-weight: 600
    }

    .menu .menu-main {
        height: 100%
    }

    .menu .menu-main__root {
        height: 100%
    }

    .menu .menu-main__container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto
    }

    .menu .menu-main a {
        text-decoration: none
    }

    .menu .menu-main__item--level1 {
        display: inline-block;
        height: 100%;
        box-sizing: border-box
    }

    .menu .menu-main__item--level1 > .menu-main__submenu {
        transition: .5s;
        position: absolute;
        box-sizing: content-box;
        padding-top: 38px;
        padding-bottom: 66px;
        background: #fff;
        left: 0;
        width: 100vw;
        opacity: 0;
        top: -999px;
        text-align: left;
        z-index: -5
    }

    .menu .menu-main__item--level1 > .menu-main__submenu:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        display: block;
        width: 0%;
        height: 8px;
        background-color: #e30613
    }

    .menu .menu-main__item--level1:hover .menu-main__header--level1, .menu .menu-main__item--level1:hover .menu-main__link--level1 {
        color: #e30613;
        transition: .3s;
        border-bottom: 2px solid #e30613;
        z-index: 10;
        position: relative
    }

    .menu .menu-main__item--level1:hover > .menu-main__submenu {
        transition: .5s;
        top: auto;
        margin-top: -2px;
        opacity: 1;
        display: block;
        z-index: 6
    }

    .menu .menu-main__item--level1:hover > .menu-main__submenu:after {
        transition-property: width;
        transition-delay: .3s;
        transition-duration: 1s;
        transition-timing-function: linear;
        width: 100%
    }

    .menu .menu-main__item--level2 {
        width: calc(100% / 6);
        display: table-cell;
        vertical-align: top;
        text-align: left;
        top: 0;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px
    }

    .menu .menu-main__item--level3 {
        margin: 1rem 0;
        color: #484151
    }

    .menu .menu-main__filler--level1 {
        width: 15%;
        height: 100px;
        float: left
    }

    .menu .menu-main__filler--level2 {
        display: none
    }

    .menu .menu-main__item-offer {
        height: 100%
    }

    .menu .menu-main__item-offer a {
        color: #484151;
        text-align: left;
        display: block;
        font-size: 14px
    }

    .menu .menu-main__item-offer img {
        display: block;
        margin-bottom: 16px
    }

    .menu .menu-main__item-offer:hover a {
        color: #e30613
    }

    .menu .menu-main__header--level2 {
        color: #484151;
        font-size: 14px;
        display: block;
        padding-bottom: 18px
    }

    .menu .menu-main__header--level1, .menu .menu-main__link--level1 {
        color: #484151;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .5s;
        position: relative;
        height: 100%;
        font-size: true;
        z-index: 2;
        padding: 0 20px 20px;
        box-sizing: border-box;
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        transition: .3s
    }

    .menu .menu-main__header--level1:active, .menu .menu-main__header--level1:visited, .menu .menu-main__link--level1:active, .menu .menu-main__link--level1:visited {
        color: #484151
    }

    .menu .menu-main__link--level3,.menu .menu-main__link--level2:not(.menu-main__item--has-children) {
        font-size: 14px;
        color: #7f7688;
        transition: .3s
    }

    .menu .menu-main__link--level3:hover,.menu .menu-main__link--level2:not(.menu-main__item--has-children):hover {
        transition: .3s;
        color: #e30613
    }
}

@media screen and (max-width: 959px) {
    .menu {
        font-size: 16px;
        font-family: Panton, Sans-serif;
        font-weight: 600;
        padding: 8px 40px 0 24px;
        text-align: left;
        margin-bottom: 40px;
        overflow-y: scroll;
    }

    .menu-main__header--level1, .menu-main__link--level1 {
        font-size: 16px;
        line-height: 24px;
        color: #484151;
        font-weight: 700;
        margin-top: 16px;
        margin-bottom: 16px;
        display: block;
        text-decoration: none
    }

    .menu-main__header--level2 {
        font-size: 14px;
        line-height: 20px;
        color: #929292;
        font-weight: 600;
        margin-top: 16px;
        margin-bottom: 16px;
        margin-left: 8px;
        display: block;
        text-decoration: none
    }

    .menu-main__link--level3 {
        font-size: 12px;
        line-height: 18px;
        color: #ee1c25;
        font-weight: 600;
        margin-top: 16px;
        margin-bottom: 16px;
        margin-left: 16px;
        display: block;
        text-decoration: none
    }

    .menu-main__item-offer {
        display: none
    }
}

@media screen and (min-width: 960px) {
    .home__video {
        z-index: -1;
        position: absolute;
        top: 130px;
        left: 0;
        width: 100%;
        height: 85vh;
        box-sizing: border-box
    }

    .home__overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: rgba(0, 0, 0, .25);
        box-sizing: border-box
    }

    .home__title-container {
        box-sizing: border-box;
        position: relative;
        top: 0;
        left: 0;
        height: calc(90vh - 148px);
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        z-index: 0
    }

    .home__title-header {
        position: relative;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
        font-size: 36px;
        text-align: center
    }

    .home__title-header a {
        font-weight: inherit;
        color: inherit;
        text-decoration: none;
        font-size: inherit
    }

    .home__title-header:after, .home__title-header:before {
        position: absolute;
        top: 50%;
        height: 1px;
        width: 108px;
        border-bottom: 1px solid #fff;
        display: block;
        content: ''
    }

    .home__title-header:before {
        left: -126px
    }

    .home__title-header:after {
        right: -126px
    }

    .home__title {
        font-weight: 900;
        position: relative;
        color: #fff;
        text-decoration: none;
        font-size: 72px;
        text-align: center;
        margin-top: 25px;
        margin-bottom: 36px
    }

    .home__title a {
        font-weight: inherit;
        color: inherit;
        text-decoration: none;
        font-size: inherit
    }

    .home__title-link {
        font-weight: 800;
        position: relative;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        text-align: center;
        box-sizing: border-box;
        text-align: center;
        padding: 22px 61px;
        border: 3px solid #fff;
        border-radius: 4px
    }

    .home__title-link a {
        font-weight: inherit;
        color: inherit;
        text-decoration: none;
        font-size: inherit
    }
}

@media screen and (max-width: 959px) {
    .home__video {
        z-index: -1;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100vw;
        height: 50vh;
        box-sizing: border-box
    }

    .home__overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        z-index: -1;
        background: rgba(0, 0, 0, .25);
        box-sizing: border-box
    }

    .home__title-container {
        box-sizing: border-box;
        position: relative;
        top: 0;
        left: 0;
        height: calc(40vh + 50px);
        width: 100vw;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .home__title-header {
        position: relative;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        text-align: center
    }

    .home__title-header a {
        font-weight: inherit;
        color: inherit;
        text-decoration: none;
        font-size: inherit
    }

    .home__title-header:after, .home__title-header:before {
        position: absolute;
        top: 50%;
        height: 1px;
        width: 48px;
        border-bottom: 1px solid #fff;
        display: block;
        content: ''
    }

    .home__title-header:before {
        left: -68px
    }

    .home__title-header:after {
        right: -68px
    }

    .home__title {
        font-weight: 900;
        position: relative;
        color: #fff;
        text-decoration: none;
        font-size: 34px;
        text-align: center;
        margin-top: 12px;
        margin-bottom: 18px
    }

    .home__title a {
        font-weight: inherit;
        color: inherit;
        text-decoration: none;
        font-size: inherit
    }

    .home__title-link {
        font-weight: 800;
        position: relative;
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        text-align: center;
        box-sizing: border-box;
        text-align: center;
        padding: 12px 30px;
        border: 2px solid #fff;
        border-radius: 4px
    }

    .home__title-link a {
        font-weight: inherit;
        color: inherit;
        text-decoration: none;
        font-size: inherit
    }
}

@media screen and (min-width: 960px) {
    .home-panel {
        width: 194px;
        box-sizing: border-box;
        padding: 22px 18px 18px 18px;
        background: #fff;
        border-radius: 4px 0 0 4px;
        left: auto;
        right: 0;
        position: absolute;
        height: 270px;
        overflow: hidden;
        top: calc(50% - 312px / 2);
        transition: .5s;
        z-index: 1
    }

    .home-panel__hide {
        font-weight: 400;
        font-size: 12px;
        color: #929292;
        display: block;
        padding-left: 36px;
        background-image: url('data:image/svg+xml;utf8,<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.590086 10.58L5.17009 6L0.590088 1.41L2.00009 2.46532e-07L8.00009 6L2.00009 12L0.590086 10.58Z" fill="rgb(146,146,146)"/></svg>');
        background-size: 12px 8px;
        background-repeat: no-repeat;
        background-position: 8px 3px;
        margin-bottom: 12px;
        cursor: pointer
    }

    .home-panel__link {
        text-decoration: none;
        font-weight: 400;
        color: #484151;
        font-size: 14px;
        display: block;
        margin-top: 12px;
        margin-bottom: 12px
    }

    .home-panel__weather {
        box-sizing: border-box;
        display: flex;
        flex-flow: row;
        border-top: 1px solid kp-text-light-grey;
        padding-bottom: 12px
    }

    .home-panel__weather-item {
        width: 33%;
        display: block;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        font-weight: 400;
        font-size: 14px;
        color: #aea6b8
    }

    .home-panel__weather-item img {
        display: block;
        width: 20px;
        height: auto;
        margin: 6px auto
    }

    .home-panel__weather-temp {
        font-weight: 700;
        color: #484151;
        font-size: 18px
    }

    .home-panel--collapsed {
        width: 70px;
        overflow-x: hidden
    }

    .home-panel--collapsed .home-panel__hide {
        background-image: url('data:image/svg+xml;utf8,<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.41004 1.42L2.83003 6L7.41003 10.59L6.00003 12L3.48568e-05 6L6.00004 -1.23266e-07L7.41004 1.42Z" fill="rgb(1,186,198)"/></svg>');
        height: 12px;
        font-size: 0
    }

    .home-panel--collapsed .home-panel__link span {
        display: none
    }

    .home-panel--collapsed .home-panel__weather-item {
        width: 100%
    }

    .home-panel--collapsed .home-panel__weather-item:nth-of-type(2n+1) {
        display: none
    }
}

@media (max-width: 959px) {
    .home-panel {
        display: flex;
        flex-direction: row;
        position: absolute;
        width: calc(100vw - 14px);
        top: 0;
        left: 7px;
        max-height: 40px;
        box-sizing: border-box;
        padding: 0 12px 0 12px;
        background: #e8e8e8;
        border-radius: 0 0 4px 4px;
        transition: .5s;
        z-index: 1
    }

    .home-panel__hide {
        width: 15%;
        font-weight: 400;
        font-size: 0;
        color: #929292;
        display: flex;
        text-align: left;
        line-height: 24px;
        background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.42 0.590087L6 5.17009L10.59 0.590088L12 2.00009L6 8.00009L-6.16331e-08 2.00009L1.42 0.590087Z" fill="rgb(1,186,198)"/></svg>');
        background-size: 12px 8px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        align-items: center;
        padding: 16px 0 6px 0
    }

    .home-panel__link {
        padding: 0 0 8px 0;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        text-decoration: none;
        font-weight: 400;
        color: #484151;
        font-size: 12px;
        flex-direction: row-reverse;
        width: 15%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .home-panel__link span {
        display: none
    }

    .home-panel__link i {
        margin-top: 0
    }

    .home-panel__weather {
        width: 40%;
        padding: 6px 0 6px 0;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-left: 1px solid rgba(72, 65, 81, .2)
    }

    .home-panel__weather-item {
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        font-weight: 400;
        font-size: 12px;
        color: #aea6b8;
        display: flex;
        align-items: center;
        flex-direction: row;
        height: 40px
    }

    .home-panel__weather-item img {
        display: inline-block;
        width: 20px;
        height: auto;
        margin: 0 10px
    }

    .home-panel__weather-item:nth-of-type(2n+1) {
        display: none
    }

    .home-panel__weather-temp {
        font-weight: 700;
        color: #484151;
        font-size: 16px
    }

    .home-panel--collapsed {
        max-height: 180px;
        transition: .5s
    }

    .home-panel--collapsed .home-panel__hide {
        font-size: 12px;
        background-image: url('data:image/svg+xml;utf8,<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m 8.8750879,9.7050021 -4.58,-4.580004 -4.59000002,4.580002 -1.40999978,-1.410002 5.9999998,-6 6.0000001,6 -1.4200001,1.410004 z" fill="rgb(146,146,146)"/></svg>');
        background-position: 50% calc(100% - 8px)
    }

    .home-panel--collapsed .home-panel__link {
        padding: 16px 0 6px 0
    }

    .home-panel--collapsed .home-panel__link span {
        display: inline-block
    }

    .home-panel--collapsed .home-panel__link i {
        margin-top: 11px;
        margin-left: 15%
    }

    .home-panel--collapsed .home-panel__weather {
        padding: 16px 0 6px 0
    }

    .home-panel--collapsed .home-panel__weather-item {
        display: flex
    }
}

@media screen and (min-width: 960px) {
    .home-page__title {
        font-family: Panton, sans-serif;
        font-size: 24px;
        text-align: center;
        vertical-align: bottom;
        color: rgba(72, 65, 81, .5);
        margin-top: 20px;
        margin-bottom: 20px;
        font-weight: 600
    }

    .home-page__link-isolated {
        display: block;
        margin: 16px auto;
        text-align: center;
        color: #01bac6;
        font-size: 16px;
        font-family: Panton, sans-serif;
        font-weight: 600
    }
}

@media screen and (max-width: 959px) {
    .home-page__title {
        font-family: Panton, sans-serif;
        font-size: 20px;
        text-align: center;
        vertical-align: bottom;
        color: rgba(72, 65, 81, .5);
        margin-top: 32px;
        margin-bottom: 24px;
        font-weight: 600
    }

    .home-page__link-isolated {
        display: block;
        margin: 16px auto 32px;
        box-sizing: border-box;
        text-align: center;
        color: #01bac6;
        font-size: 16px;
        font-family: Panton, sans-serif;
        font-weight: 600
    }
}

@media screen and (min-width: 1160px) {
    .home-offers {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1160px;
        margin: 20px auto;
        justify-content: space-between
    }

    .home-offers__item {
        height: 376px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: #c4c4c4;
        border-radius: 8px;
        background-repeat: no-repeat;
        background-size: 50% 50%;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M62.0604 20L127.996 42.573L147.817 26.1872L190.526 58.483L151.815 180H10L62.0604 20Z" fill="rgb(255,255,255)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83.6262 68.6636C90.9957 68.6636 96.959 74.6638 96.959 82.0408V120.235C96.959 127.629 90.9957 133.612 83.6262 133.612C76.2568 133.612 70.2935 127.629 70.2935 120.235V82.0408C70.2935 74.6468 76.2568 68.6636 83.6262 68.6636Z" fill="rgb(196,196,196)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M133.569 101.436L142.87 110.768C148.088 116.003 148.088 124.468 142.87 129.686C137.686 134.888 129.283 134.922 124.082 129.754C118.983 124.502 118.983 116.224 124.015 111.04L124.15 110.904L126.861 108.184L133.569 101.436Z" fill="rgb(196,196,196)"/><path d="M122.963 110.311L122.828 110.447C118.169 115.257 117.83 122.719 121.811 127.921L104.142 110.345C98.89 105.076 98.89 96.6108 104.091 91.3755L122.828 72.5929C128.046 67.3746 136.483 67.3746 141.684 72.5929C146.885 77.8282 146.885 86.2931 141.684 91.5115L125.674 107.574L122.963 110.311Z" fill="rgb(196,196,196)"/></svg>')
    }

    .home-offers__item:nth-of-type(1) {
        width: 376px
    }

    .home-offers__item:nth-of-type(2) {
        width: 768px
    }

    .home-offers__item:nth-of-type(3) {
        width: 572px
    }

    .home-offers__item:nth-of-type(4) {
        width: 572px
    }
}

@media screen and (min-width: 960px) and (max-width: 1159px) {
    .home-offers {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1160px;
        margin: 20px auto;
        justify-content: space-between
    }

    .home-offers__item {
        height: 33vw !important;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: #c4c4c4;
        border-radius: 8px
    }

    .home-offers__item:nth-of-type(1) {
        width: calc(33.3vw - 16px);
        height: 33vw
    }

    .home-offers__item:nth-of-type(2) {
        width: calc(66.6vw - 16px);
        height: 33vw
    }

    .home-offers__item:nth-of-type(3) {
        width: calc(50vw - 16px);
        height: 33vw
    }

    .home-offers__item:nth-of-type(4) {
        width: calc(50vw - 16px);
        height: 33vw
    }
}

@media screen and (max-width: 959px) {
    .home-offers__item {
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: #c4c4c4;
        border-radius: 8px
    }

    .home-offers__item {
        width: 100vw;
        height: 100vw;
        border-radius: 0
    }

    .home-offers__item:nth-of-type(1) {
        border-radius: 8px;
        width: calc(100vw - 16px);
        height: calc(100vw - 16px);
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 960px) {
    .special-event {
        margin: 0 auto;
        max-width: 1160px;
        height: 500px;
        margin-top: 48px;
        margin-bottom: 48px;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .special-event__image {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        z-index: 0
    }

    .special-event__title {
        display: block;
        position: relative;
        top: 0;
        margin: 0 auto;
        border: 15px solid #fff;
        padding: 24px 48px;
        box-sizing: border-box;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 32px;
        line-height: 32px;
        font-weight: 800;
        text-decoration: none;
        text-align: center;
        background-color: rgba(0, 0, 0, .25);
        text-shadow: 0 0 13px rgba(36, 50, 74, .7);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .special-event__title span {
        font-size: 24px
    }
}

@media screen and (max-width: 959px) {
    .special-event {
        margin: 0 auto;
        width: 100%;
        height: 250px;
        margin-top: 48px;
        margin-bottom: 59px;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .special-event__image {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        z-index: 0
    }

    .special-event__title {
        display: block;
        position: relative;
        top: 0;
        margin: 0 auto;
        border: 8px solid #fff;
        padding: 16px 24px;
        box-sizing: border-box;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 20px;
        line-height: 24px;
        font-weight: 800;
        text-decoration: none;
        text-align: center;
        background-color: rgba(0, 0, 0, .25);
        text-shadow: 0 0 13px rgba(36, 50, 74, .7);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .special-event__title span {
        font-size: 12px
    }
}

@media screen and (min-width: 960px) {
    .kp-offer {
        position: relative;
        overflow: hidden;
        height: 100%;
        width: 100%;
        font-family: Panton, sans-serif;
        border-radius: 8px
    }

    .kp-offer__bg {
        z-index: 0;
        position: absolute;
        border-radius: inherit;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        transition: transform .5s;
        transform: none
    }

    .kp-offer:hover .kp-offer__bg {
        transition: transform .5s;
        transform: scale(1.2)
    }

    .kp-offer__link {
        z-index: 1;
        text-decoration: none;
        color: #fff;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        border-radius: inherit;
        width: 100%;
        height: 100%;
        padding: 32px;
        box-sizing: border-box;
        background-color: rgba(72, 65, 81, .4)
    }

    .kp-offer__label {
        position: absolute;
        top: 32px;
        left: 32px;
        display: inline-block;
        max-width: calc(100% - 96px - 64px - 8px);
        overflow-wrap: break-word;
        box-sizing: border-box;
        border-radius: 4px;
        background-color: #ee1c25;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        color: #fff;
        padding: 12px 16px
    }

    .kp-offer__label--hotels {
        background-color: #95c11f
    }

    .kp-offer__label--mountain {
        background-color: #4c2973
    }

    .kp-offer__label--events {
        background-color: #c4025f
    }

    .kp-offer__timer {
        position: absolute;
        top: 32px;
        right: 32px;
        left: auto;
        display: inline-block;
        width: 96px;
        box-sizing: border-box;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        padding: 12px 16px;
        color: #fff
    }

    .kp-offer__price {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 32px
    }

    .kp-offer__price span {
        font-size: 48px
    }

    .kp-offer__title {
        color: #fff;
        font-size: 24px;
        font-weight: 800;
        line-height: 32px;
        max-width: 50%
    }
}

@media screen and (max-width: 959px) {
    .kp-offer {
        position: relative;
        overflow: hidden;
        height: 100%;
        width: 100%;
        font-family: Panton, sans-serif;
        border-radius: inherit
    }

    .kp-offer__bg {
        z-index: 0;
        position: absolute;
        border-radius: inherit;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        transition: transform .5s;
        transform: none
    }

    .kp-offer:hover .kp-offer__bg {
        transition: transform .5s;
        transform: scale(1.2)
    }

    .kp-offer__link {
        z-index: 1;
        text-decoration: none;
        color: #fff;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        border-radius: inherit;
        width: 100%;
        height: 100%;
        padding: 16px 16px 48px 48px;
        box-sizing: border-box;
        background-color: rgba(72, 65, 81, .4)
    }

    .kp-offer--of-the-day .kp-offer__link {
        padding: 16px 16px 48px 16px
    }

    .kp-offer__label {
        position: absolute;
        top: 16px;
        left: 16px;
        display: inline-block;
        max-width: calc(100% - 84px - 40px);
        overflow-wrap: break-word;
        box-sizing: border-box;
        border-radius: 4px;
        background-color: #ee1c25;
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        color: #fff;
        padding: 12px 16px
    }

    .kp-offer__label--hotels {
        background-color: #95c11f
    }

    .kp-offer__label--mountain {
        background-color: #4c2973
    }

    .kp-offer__label--events {
        background-color: #c4025f
    }

    .kp-offer__timer {
        position: absolute;
        top: 16px;
        right: 16px;
        left: auto;
        display: inline-block;
        width: 84px;
        box-sizing: border-box;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, .5);
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        padding: 12px 16px;
        color: #fff
    }

    .kp-offer__price {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 40px
    }

    .kp-offer__price span {
        font-size: 32px
    }

    .kp-offer__title {
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        line-height: 24px;
        max-width: 50%
    }
}

@media screen and (min-width: 960px) {
    .book-form__container {
        margin: 20px auto;
        max-width: 1040px;
        width: 100%
    }

    .book-form__tab-header {
        text-decoration: none;
        background-color: #e8e8e8;
        cursor: pointer;
        position: relative;
        top: 8px;
        display: inline-block;
        transition: top .4s;
        box-sizing: border-box;
        border-radius: 4px 4px 0 0;
        margin-right: 2px;
        color: #484151;
        font-weight: 400;
        font-size: 16px;
        padding: 16px 32px 16px 52px
    }

    .book-form__tab-header--active {
        top: 0;
        transition: top .4s;
        background-color: #fff
    }

    .book-form__tab-header a {
        color: inherit;
        text-decoration: none
    }

    .book-form__tab-wrapper {
        border-radius: 0 4px 4px 4px;
        padding: 36px 64px;
        background-color: #fff;
        position: relative;
        z-index: 1
    }

    .book-form__tab {
        display: none
    }

    .book-form__tab--active {
        display: block
    }

    .book-form__items--hotels {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

    .book-form__item {
        width: 25%
    }

    .book-form__btn {
        font-family: Panton;
        outline: 0;
        border: none;
        background-color: #01bac6;
        transition: .5s;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding: 12px 24px;
        cursor: pointer;
        border-radius: 4px;
        display: block;
        width: 100%
    }

    .book-form__btn:hover {
        background-color: #005b61;
        transition: .5s
    }
}

@media screen and (max-width: 959px) {
    .book-form {
        flex-direction: column;
        display: flex;
        margin-bottom: 4px
    }

    .book-form__container {
        padding-left: 12px;
        padding-right: 12px;
        display: block
    }

    .book-form__tab-header {
        order: 99;
        background-color: #fff;
        position: relative;
        display: block;
        transition: .4s;
        box-sizing: border-box;
        border-radius: 4px;
        margin-top: 4px;
        margin-bottom: 4px;
        color: #484151;
        font-weight: 400;
        font-size: 16px;
        padding: 12px 12px 12px 12px;
        text-decoration: none
    }

    .book-form__tab-header a {
        color: inherit;
        text-decoration: none
    }

    .book-form__tab-header--active {
        transition: .5s;
        order: 0;
        border-radius: 4px 4px 0 0;
        margin-bottom: 0
    }

    .book-form__tab-header--active:after {
        display: block;
        position: absolute;
        top: 12px;
        left: auto;
        right: 12px;
        content: '✕'
    }

    .book-form__tab-wrapper {
        order: 1;
        border-radius: 0 4px 4px 4px;
        padding: 12px;
        background-color: #fff;
        position: relative;
        z-index: 1;
        margin-bottom: 4px;
        max-height: 10000px;
        transition: .5s;
        overflow-y: hidden
    }

    .book-form__tab-wrapper--collapsed {
        padding: 0 12px;
        transition: .5s;
        max-height: 0
    }

    .book-form__tab {
        display: none
    }

    .book-form__tab--active {
        display: block
    }

    .book-form__items--hotels {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }

    .book-form__item {
        width: 50%;
        margin-top: 9px;
        margin-bottom: 9px
    }

    .book-form__item:last-of-type {
        width: 100%
    }

    .book-form__btn {
        outline: 0;
        border: none;
        background-color: #01bac6;
        transition: .5s;
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        padding: 12px 24px;
        cursor: pointer;
        border-radius: 4px;
        display: block;
        width: 100%
    }

    .book-form__btn:hover {
        background-color: #005b61;
        transition: .5s
    }
}

@media screen and (min-width: 960px) {
    .datepicker {
        position: relative
    }

    .datepicker__caption {
        position: relative;
        color: #484151;
        text-align: left;
        cursor: pointer;
        font-size: 16px;
        line-height: 24px;
        vertical-align: top;
        font-weight: 600
    }

    .datepicker__caption:after {
        position: relative;
        top: 0;
        right: -16px;
        content: '';
        transition: .5s;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L5 5L10 0H0Z" fill="rgb(1,186,198)"/></svg>')
    }

    .datepicker__caption--open:after {
        transition: .5s;
        transform: rotate(180deg)
    }

    .datepicker__value table {
        margin: 0
    }

    .datepicker__value--placeholder {
        color: #a197ac
    }

    .datepicker__value td {
        height: 32px;
        vertical-align: middle;
        font-size: 16px;
        line-height: 16px;
        text-align: left;
        font-weight: 600;
        color: #484151
    }

    .datepicker__value .day {
        font-size: 64px;
        line-height: 64px;
        height: 64px;
        padding-right: 8px;
        font-weight: 700
    }

    .datepicker__value .year {
        vertical-align: middle;
        font-weight: 400
    }

    .datepicker__value--open td {
        color: #01bac6
    }

    .datepicker__list {
        width: 400px;
        position: absolute;
        z-index: 2;
        background: #fff;
        border-width: 0 1px 1px;
        border-color: light-grey;
        border-style: solid;
        overflow: visible
    }

    .datepicker__item {
        padding: .5rem;
        text-align: left
    }

    .datepicker__item:hover {
        background: light-grey
    }
}

@media screen and (max-width: 959px) {
    .datepicker {
        position: relative
    }

    .datepicker__caption {
        position: relative;
        color: #484151;
        text-align: left;
        cursor: pointer;
        font-size: 12px;
        line-height: 24px;
        vertical-align: top;
        font-weight: 600
    }

    .datepicker__caption:after {
        position: relative;
        top: 0;
        right: -12px;
        content: '';
        transition: .5s;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L5 5L10 0H0Z" fill="rgb(1,186,198)"/></svg>')
    }

    .datepicker__caption--open:after {
        transition: .5s;
        transform: rotate(180deg)
    }

    .datepicker__value table {
        margin: 0
    }

    .datepicker__value--placeholder {
        color: #a197ac
    }

    .datepicker__value td {
        height: 20px;
        vertical-align: middle;
        font-size: 12px;
        line-height: 12px;
        text-align: left;
        font-weight: 600;
        color: #484151
    }

    .datepicker__value .day {
        font-size: 40px;
        line-height: 40px;
        height: 40px;
        padding-right: 8px;
        font-weight: 700
    }

    .datepicker__value .year {
        vertical-align: middle;
        font-weight: 400
    }

    .datepicker__value--open td {
        color: #01bac6
    }

    .datepicker__list {
        width: 400px;
        position: absolute;
        z-index: 2;
        background: #fff;
        border-width: 0 1px 1px;
        border-color: light-grey;
        border-style: solid;
        overflow: visible
    }

    .datepicker__item {
        padding: .5rem;
        text-align: left
    }

    .datepicker__item:hover {
        background: light-grey
    }
}

.pickmeup {
    background: #fff;
    border-radius: 8px;
    box-sizing: content-box;
    display: inline-block;
    position: absolute;
    touch-action: manipulation;
    z-index: 10;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.pickmeup * {
    box-sizing: border-box;
}

.pickmeup.pmu-flat {
    position: relative
}

.pickmeup.pmu-hidden {
    display: none
}

.pickmeup .pmu-instance {
    display: inline-block;
    height: 384px;
    padding: 24px;
    text-align: center;
    width: 352px
}

@media (max-width: 959px) {
    .pickmeup{
        left: 0!important;
    }
    .pickmeup .pmu-instance {
        padding: 5px;
    }
}

.pickmeup .pmu-instance .pmu-button {
    color: #484151;
    cursor: pointer;
    outline: 0;
    text-decoration: none
}

.pickmeup .pmu-instance .pmu-button:hover {
    background-color: rgba(1, 186, 198, .3);
    color: #01bac6
}

.pickmeup .pmu-instance .pmu-selected {
    background-color: #01bac6;
    color: #fff
}

.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
    background: #17384d
}
.pickmeup .pmu-instance>div{
    display: flex;
    flex-wrap: wrap;
    max-width: 280px;
}
.pickmeup .pmu-instance nav {
    color: #484151;
    background: #fff;
    display: flex;
    line-height: 2em;
    font-weight: 700;
}

.pickmeup .pmu-instance nav :first-child :hover {
    color: #01bac6
}

.pickmeup .pmu-instance nav .pmu-next, .pickmeup .pmu-instance nav .pmu-prev {
    height: 32px;
    width: 32px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px
}

.pickmeup .pmu-instance nav .pmu-prev {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7912 7.00496H3.62124L8.50124 2.12496C8.89124 1.73496 8.89124 1.09496 8.50124 0.704961C8.31441 0.517709 8.06076 0.412476 7.79624 0.412476C7.53172 0.412476 7.27807 0.517709 7.09124 0.704961L0.50124 7.29496C0.11124 7.68496 0.11124 8.31496 0.50124 8.70496L7.09124 15.295C7.48124 15.685 8.11124 15.685 8.50124 15.295C8.89124 14.905 8.89124 14.275 8.50124 13.885L3.62124 9.00496H14.7912C15.3412 9.00496 15.7912 8.55496 15.7912 8.00496C15.7912 7.45496 15.3412 7.00496 14.7912 7.00496Z" fill="rgb(1,186,198)"/></svg>')
}

.pickmeup .pmu-instance nav .pmu-next {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.20874 8.99996H12.3787L7.49874 13.88C7.10874 14.27 7.10874 14.91 7.49874 15.3C7.88874 15.69 8.51874 15.69 8.90874 15.3L15.4987 8.70996C15.8887 8.31996 15.8887 7.68996 15.4987 7.29996L8.91874 0.699956C8.73191 0.512704 8.47826 0.407471 8.21374 0.407471C7.94922 0.407471 7.69557 0.512704 7.50874 0.699956C7.11874 1.08996 7.11874 1.71996 7.50874 2.10996L12.3787 6.99996H1.20874C0.65874 6.99996 0.20874 7.44996 0.20874 7.99996C0.20874 8.54996 0.65874 8.99996 1.20874 8.99996Z" fill="rgb(1,186,198)"/></svg>')
}

.pickmeup .pmu-instance nav .pmu-month {
    width: 14em
}

@media (max-width: 767px) {
    .pickmeup .pmu-instance nav .pmu-month {
        width: 80vw !important
    }
}

.pickmeup .pmu-instance nav .pmu-button {
    color: #484151
}

.pickmeup .pmu-instance nav .pmu-disabled, .pickmeup .pmu-instance nav .pmu-disabled:hover {
    color: #999;
    cursor: default
}

.pickmeup .pmu-instance .pmu-months *, .pickmeup .pmu-instance .pmu-years * {
    display: inline-block;
    line-height: 3.6em;
    width: 3.5em
}

.pickmeup .pmu-instance .pmu-day-of-week {
    font-size: .8rem;
    color: #929292;
    cursor: default;
    text-transform: none;
    font-weight: 400
}

.pickmeup .pmu-instance .pmu-day-of-week *, .pickmeup .pmu-instance .pmu-days * {
    display: block;
    color: #484151;
    width: 40px;
    height: 40px;
    padding: 13px 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
}

.pickmeup .pmu-instance .pmu-day-of-week>*:nth-child(7n+1), .pickmeup .pmu-instance .pmu-days>*:nth-child(7n+1){

}

.pickmeup .pmu-instance .pmu-day-of-week .pmu-disabled, .pickmeup .pmu-instance .pmu-day-of-week .pmu-disabled:hover, .pickmeup .pmu-instance .pmu-days .pmu-disabled, .pickmeup .pmu-instance .pmu-days .pmu-disabled:hover {
    color: #999;
    cursor: default
}

.pickmeup .pmu-instance .pmu-day-of-week * {
    line-height: 1.8em;
    font-size: .8rem;
}

.pickmeup .pmu-instance .pmu-not-in-month {
    color: #929292
}

.pickmeup .pmu-instance .pmu-today {
    background: rgba(1, 186, 198, .3);
    color: #01bac6
}

.pickmeup .pmu-instance:first-child .pmu-prev, .pickmeup .pmu-instance:last-child .pmu-next {
    display: block
}

.pickmeup .pmu-instance:first-child .pmu-month, .pickmeup .pmu-instance:last-child .pmu-month {
    width: 19em
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
    width: 21em
}

.pickmeup:not(.pmu-view-days) .pmu-day-of-week, .pickmeup:not(.pmu-view-days) .pmu-days, .pickmeup:not(.pmu-view-months) .pmu-months, .pickmeup:not(.pmu-view-years) .pmu-years {
    display: none
}

.pickmeup .pmu-goto-today {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto
}

.pickmeup .pmu-goto-today > div {
    width: 100%;
    padding: 8px;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
    background: rgba(1, 186, 198, .3);
    color: #01bac6;
    text-align: center;
    transition: .3s;
    border-radius: 0 0 4px 4px
}

.pickmeup .pmu-goto-today > div:hover {
    transition: .3s;
    background-color: #01bac6;
    color: #fff
}

@media screen and (min-width: 960px) {
    .guests {
        opacity: 0
    }

    .guests__minus, .guests__plus {
        z-index: 1;
        cursor: pointer;
        width: 96px;
        position: absolute;
        top: calc(50% - 16px);
        color: #01bac6;
        font-size: 48px;
        font-weight: 400;
        opacity: 0
    }

    .guests__minus {
        text-align: left;
        left: 10%
    }

    .guests__plus {
        text-align: right;
        left: auto;
        right: 10%
    }

    .guests__group {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        text-align: center
    }

    .guests__group * {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .guests__group:hover .guests__minus, .guests__group:hover .guests__plus {
        opacity: 1;
        transition: .5s
    }

    .guests--ready {
        opacity: 1
    }

    .guests__value {
        font-weight: 700;
        color: #484151;
        font-size: 64px;
        text-align: center
    }

    .guests__value span {
        font-size: 16px;
        font-weight: 600
    }

    .guests__value--placeholder {
        color: grey
    }

    .guests__caption {
        position: relative;
        text-transform: none;
        color: #484151;
        font-weight: 600;
        cursor: pointer
    }

    .guests__caption--has-value {
        color: #01bac6;
        text-transform: none
    }

    .guests__caption--caret:after {
        position: relative;
        top: 0;
        right: -16px;
        content: '';
        transition: .5s;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L5 5L10 0H0Z" fill="rgb(1,186,198)"/></svg>')
    }

    .guests__caption--caret--open:after {
        transition: .5s;
        transform: rotate(180deg)
    }

    .guests__panel {
        position: relative;
        top: -24px;
        margin-bottom: -48px;
        display: none;
        color: #01bac6;
        background: #fff;
        width: 100%;
        z-index: 1
    }

    .guests__panel--visible {
        display: block
    }

    .guests__panel .guests__minus, .guests__panel .guests__plus {
        text-align: center;
        opacity: 1 !important;
        font-size: 40px;
        color: inherit;
        top: calc(50% - 28px)
    }

    .guests__panel .guests__minus {
        left: 0
    }

    .guests__panel .guests__plus {
        right: 6px
    }

    .guests__panel .guests__value {
        padding-left: 4px;
        color: inherit;
        font-size: 48px;
        position: relative
    }
}

@media screen and (max-width: 959px) {
    .guests {
        opacity: 0
    }

    .guests__minus, .guests__plus {
        z-index: 1;
        cursor: pointer;
        width: 48px;
        position: absolute;
        top: calc(50% - 16px);
        color: #01bac6;
        font-size: 32px;
        font-weight: 400
    }

    .guests__minus {
        text-align: left;
        left: 0
    }

    .guests__plus {
        text-align: right;
        left: auto;
        right: 24px
    }

    .guests__value {
        position: relative;
        left: 32px;
        margin-bottom: 16px
    }

    .guests__group {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative;
        text-align: center;
        text-align: left
    }

    .guests__group * {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .guests--ready {
        opacity: 1
    }

    .guests__value {
        font-weight: 700;
        color: #484151;
        font-size: 40px;
        text-align: center
    }

    .guests__value span {
        font-size: 16px;
        font-weight: 600
    }

    .guests__value--placeholder {
        color: grey
    }
}

@media screen and (max-width: 959px) and (max-width: 767px) {
    .guests__value {
        text-align: left
    }
}

@media screen and (max-width: 959px) {
    .guests__caption {
        position: relative;
        text-transform: none;
        color: #484151;
        font-weight: 600;
        cursor: pointer;
        font-size: 12px
    }

    .guests__caption--has-value {
        color: #01bac6;
        text-transform: none
    }

    .guests__caption--caret:after {
        position: relative;
        top: 0;
        right: -16px;
        content: '';
        transition: .5s;
        display: inline-block;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L5 5L10 0H0Z" fill="rgb(1,186,198)"/></svg>')
    }

    .guests__caption--caret--open:after {
        transition: .5s;
        transform: rotate(180deg)
    }

    .guests__panel {
        position: relative;
        top: -24px;
        margin-bottom: -32px;
        display: none;
        color: #01bac6;
        background: #fff;
        width: 100%;
        z-index: 1
    }

    .guests__panel--visible {
        display: block
    }

    .guests__panel .guests__minus, .guests__panel .guests__plus {
        text-align: left;
        opacity: 1 !important;
        font-size: 32px;
        color: inherit;
        top: calc(50% - 20px)
    }

    .guests__panel .guests__minus {
        left: 0
    }

    .guests__panel .guests__value {
        color: inherit;
        font-size: 32px;
        left: 40px
    }

    .guests__panel .guests__plus {
        right: auto;
        left: 120px
    }
}

@media screen and (min-width: 960px) {
    .footer__container {
        width: 100%;
        margin: 0 auto;
        max-width: 1200px;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px
    }

    .footer__container--flex {
        display: flex;
        flex-flow: row;
        align-items: flex-end;
        justify-content: space-between
    }

    .footer__container--flex2 {
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        justify-content: space-between
    }

    .footer__top {
        background: #fff;
        padding-top: 11px;
        padding-bottom: 49px;
        border-top: 1px solid #a197ac;
        margin-top: 96px
    }

    .footer__address {
        width: 33%;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        color: #484151;
        text-align: left
    }

    .footer__address>p {
        max-width: 260px;
        margin-top: 28px;
        margin-bottom: 28px
    }

    .footer__logo {
        width: 33%;
        text-align: center;
        padding-bottom: 40px
    }

    .footer__logo img {
        display: block;
        width: 170px;
        height: auto;
        margin: 11px auto
    }

    .footer__phone {
        text-decoration: none!important;
        display: block;
        margin: 11px auto;
        font-size: 36px;
        line-height: 100%;
        font-weight: 600;
        color: #484151!important;
    }

    .footer__email {
        text-decoration: none!important;
        display: block;
        margin: 11px auto;
        font-size: 18px;
        line-height: 100%;
        font-weight: 500;
        color: #484151!important;
    }

    .footer__icons {
        width: 33%;
        text-align: right
    }

    .footer__app {
        display: flex;
        flex-flow: row;
        margin-top: 15px;
        margin-bottom: 15px;
        justify-content: flex-end
    }

    .footer__app p {
        font-size: 12px;
        max-width: 137px;
        text-align: left;
        padding-left: 11px;
        font-weight: 600
    }

    .footer__social {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 215px;
        text-align: left;
        margin-left: auto;
        margin-right: 6px
    }

    .footer__feedback {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        text-align: center;
        position: relative
    }

    .footer__feedback:before {
        position: absolute;
        top: 50%;
        left: 0;
        height: 1px;
        width: 100%;
        display: block;
        content: '';
        background-color: #484151;
        opacity: .3;
        z-index: 0
    }

    .footer__feedback-btn {
        position: relative;
        z-index: 1;
        display: inline-block;
        margin: 0 auto;
        border: 2px solid #484151;
        border-radius: 5px;
        outline: 0;
        padding: 18px 54px;
        color: #484151!important;
        text-decoration: none!important;
        font-size: 18px;
        font-weight: 400;
        background-color: #fff;
        box-sizing: border-box;
    }

    .footer__feedback-btn:after, .footer__feedback-btn:before {
        z-index: 0;
        position: absolute;
        top: 0;
        background-color: #fff;
        height: 100%;
        content: '';
        display: block;
        width: 13px
    }

    .footer__feedback-btn:before {
        left: -15px
    }

    .footer__feedback-btn:after {
        right: -15px
    }

    .footer__menu {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-left: -27px
    }

    .footer__menu-col, .footer__menu > * {
        box-sizing: border-box;
        padding-left: 27px;
        padding-right: 27px;
        flex-basis: 20%
    }

    .footer__menu-header, .footer__menu-link {
        font-size: 14px;
        font-weight: 700;
        color: #484151;
        display: block;
        text-decoration: none!important;
        margin-bottom: 28px;
        margin-top: 36px;
        transition: color .3s;
    }

    .footer__menu-header:hover, .footer__menu-link:hover {
        transition: color .3s;
        color: #e30613
    }

    .footer__menu-sublink {
        transition: color .3s;
        font-size: 14px;
        font-weight: 600;
        color: #7f7688;
        display: block;
        text-decoration: none!important;
        margin-bottom: 14px;
        margin-top: 14px;
    }

    .footer__menu-sublink:hover {
        transition: color .3s;
        color: rgba(227, 6, 19, .7)
    }

    .footer__bottom {
        padding-top: 28px;
        padding-bottom: 28px;
        background-color: #dad9dc
    }

    .footer__bottom-col:nth-of-type(1) {
        flex-basis: 30%;
        font-size: 14px;
        line-height: 22px;
        color: #484151;
        font-weight: 600
    }

    .footer__bottom-col:nth-of-type(2) {
        flex-basis: 46%;
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: rgba(72, 65, 81, .5)
    }

    .footer__bottom-col:nth-of-type(3) {
        flex-basis: 18%;
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: #484151
    }

    .footer__bottom-col:nth-of-type(3) a {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: #484151
    }
}

@media screen and (max-width: 959px) {
    .footer__container {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding-left: 16px;
        padding-right: 16px
    }

    .footer__container--flex {
        display: flex;
        flex-flow: column
    }

    .footer__top {
        background: #fff;
        padding-top: 32px;
        padding-bottom: 32px;
        border-top: 1px solid #a197ac
    }

    .footer__address {
        order: 3;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        color: #484151;
        text-align: center
    }

    .footer__address>p {
        padding-left: 28px;
        padding-right: 28px;
        margin-top: 28px;
        margin-bottom: 28px
    }

    .footer__logo {
        order: 1;
        text-align: center;
        box-sizing: border-box;
        padding-top: 20px;
        padding-bottom: 0
    }

    .footer__logo img {
        display: block;
        min-width: 96px;
        height: auto;
        width: 33%;
        margin: 0 auto 24px
    }

    .footer__phone {
        text-decoration: none!important;
        display: block;
        margin: 15px auto;
        font-size: 24px;
        font-weight: 600;
        color: #484151!important;
    }

    .footer__email {
        text-decoration: none;
        display: block;
        margin: 14px auto;
        font-size: 14px;
        font-weight: 600;
        color: #484151
    }

    .footer__icons {
        order: 2;
        text-align: center
    }

    .footer__app {
        display: none
    }

    .footer__social {
        margin-top: 15px;
        margin-bottom: 0;
        text-align: center
    }

    .footer__feedback {
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        text-align: center
    }

    .footer__feedback-btn {
        position: relative;
        z-index: 1;
        display: inline-block;
        margin: 0 auto;
        border: 2px solid #484151;
        border-radius: 5px;
        outline: 0;
        padding: 13px 24px;
        color: #484151!important;
        text-decoration: none!important;
        font-size: 14px;
        font-weight: 600;
        background-color: #fff;
        box-sizing: border-box;
    }

    .footer__menu {
        display: none
    }

    .footer__bottom {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #dad9dc
    }

    .footer__bottom-col {
        text-align: center;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .footer__bottom-col:nth-of-type(1) {
        font-size: 14px;
        line-height: 22px;
        color: #484151;
        font-weight: 600
    }

    .footer__bottom-col:nth-of-type(2) {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: rgba(72, 65, 81, .5)
    }

    .footer__bottom-col:nth-of-type(3) {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: #484151
    }

    .footer__bottom-col:nth-of-type(3) a {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: #484151
    }
}

@font-face {
    font-family: Panton;
    src: url(fonts/Panton-Regular.ttf);
    font-weight: 400
}

@font-face {
    font-family: Panton;
    src: url(fonts/Panton-SemiBold.ttf);
    font-weight: 600
}

@font-face {
    font-family: Panton;
    src: url(fonts/Panton-Bold.ttf);
    font-weight: 700
}

@font-face {
    font-family: Panton;
    src: url(fonts/Panton-ExtraBold.ttf);
    font-weight: 800
}

.spinner {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 8px
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #e30613;
    border-radius: 100%;
    display: inline-block;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    animation-delay: -.32s
}

.spinner .bounce2 {
    animation-delay: -.16s
}

@keyframes sk-bouncedelay {
    0%, 100%, 80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

.scrollable {
    background-image: none;
    overflow-y: hidden
}

.scrollable__page {
    position: absolute;
    top: calc(50% - 1.5rem);
    transition: .3s;
    padding: .5rem 1.25rem;
    font-size: 12px;
    line-height: 2rem;
    color: #fff;
    z-index: 2;
    background: rgba(0, 0, 0, .5);
    cursor: pointer
}

.scrollable__page:hover {
    transition: .3s;
    background: rgba(0, 0, 0, .75)
}

.scrollable__page-left {
    left: 1px
}

.scrollable__page-left:after {
    content: '❬'
}

.scrollable__page-right {
    right: 1px;
    left: auto
}

.scrollable__page-right:after {
    content: '❭'
}

.scrollable__indicator {
    position: absolute;
    right: 2rem;
    z-index: 4;
    bottom: 2rem
}

.scrollable__indicator-item {
    border-radius: 100%;
    transition: .5s;
    width: .5rem;
    height: .5rem;
    margin-left: .75rem;
    margin-right: .75rem;
    background: #fff;
    display: inline-block
}

@media (max-width: 767px) {
    .scrollable__indicator {
        left: 0;
        right: auto;
        width: 100%;
        bottom: 1rem;
        text-align: center
    }
}

.scrollable__indicator-item--active {
    transition: .5s;
    background: #44c8f5
}

.scrollable--hotels .scrollable__indicator-item--active {
    background: #95c11f
}

.scrollable--mountain .scrollable__indicator-item--active {
    background: #4c2973
}

.scrollable--events .scrollable__indicator-item--active {
    background: #c4025f
}

@media screen and (min-width: 960px) {
    .scrollable--events-home:before {
        position: absolute;
        width: 10%;
        top: 50%;
        left: calc(48px + 1%);
        height: 1px;
        content: '';
        display: block;
        border-bottom: 1px solid #01bac6
    }

    .scrollable--events-home:after {
        position: absolute;
        width: 10%;
        top: 50%;
        right: calc(48px + 1%);
        height: 1px;
        content: '';
        display: block;
        border-bottom: 1px solid #01bac6
    }

    .scrollable--events-home .scrollable__page {
        position: absolute;
        top: calc(50% - 1.5rem);
        cursor: pointer;
        padding: .5rem;
        font-size: 24px;
        transform: scaleY(.5);
        color: #01bac6;
        line-height: 2rem;
        z-index: 2;
        background: 0 0
    }

    .scrollable--blog .scrollable__page {
        position: absolute;
        top: calc(50% - 1.5rem);
        cursor: pointer;
        padding: .5rem;
        font-size: 24px;
        transform: scaleY(.5);
        color: #fff;
        line-height: 2rem;
        z-index: 2;
        background: 0 0
    }
}

@media screen and (min-width: 960px) {
    .home-activities {
        margin-top: 42px;
        margin-bottom: 42px;
        height: 512px;
        max-width: 1160px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }

    .home-activities--auto {
        height: auto
    }

    .home-activities__image {
        background-size: cover;
        border-radius: 8px;
        position: absolute;
        top: 0;
        left: 60px;
        width: calc(100% - 120px);
        height: 100%;
        background-blend-mode: overlay
    }

    .home-activities__image--summer {
        background-image: url(../assets/img/summer.jpg);
        background-color: #3aaa35
    }

    .home-activities__image--winter {
        background-image: url(../assets/img/winter.jpg);
        background-color: #0091b2
    }

    .home-activities__title {
        position: relative;
        display: block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        text-decoration: none;
        margin-left: 116px;
        margin-top: 16px
    }

    .home-activities__more {
        line-height: 24px;
        text-decoration: none;
        margin-top: 16px;
        position: relative;
        display: inline-block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 16px;
        font-weight: 600;
        padding: 12px 24px;
        box-sizing: border-box;
        border: 1px solid #fff;
        margin-right: 116px;
        border-radius: 4px
    }

    .home-activities__slider {
        margin-bottom: 32px;
        position: relative;
        height: 376px;
        width: 100%;
        z-index: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (min-width: 960px) and (max-width: 1160px) {
    .home-activities__slider {
        height: calc(33vw - 8px)
    }
}

@media screen and (min-width: 960px) {
    .home-activities__item {
        height: 376px;
        width: 376px;
        background-color: #c4c4c4;
        border-radius: 8px;
        background-repeat: no-repeat;
        background-size: 50% 50%;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M62.0604 20L127.996 42.573L147.817 26.1872L190.526 58.483L151.815 180H10L62.0604 20Z" fill="rgb(255,255,255)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83.6262 68.6636C90.9957 68.6636 96.959 74.6638 96.959 82.0408V120.235C96.959 127.629 90.9957 133.612 83.6262 133.612C76.2568 133.612 70.2935 127.629 70.2935 120.235V82.0408C70.2935 74.6468 76.2568 68.6636 83.6262 68.6636Z" fill="rgb(196,196,196)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M133.569 101.436L142.87 110.768C148.088 116.003 148.088 124.468 142.87 129.686C137.686 134.888 129.283 134.922 124.082 129.754C118.983 124.502 118.983 116.224 124.015 111.04L124.15 110.904L126.861 108.184L133.569 101.436Z" fill="rgb(196,196,196)"/><path d="M122.963 110.311L122.828 110.447C118.169 115.257 117.83 122.719 121.811 127.921L104.142 110.345C98.89 105.076 98.89 96.6108 104.091 91.3755L122.828 72.5929C128.046 67.3746 136.483 67.3746 141.684 72.5929C146.885 77.8282 146.885 86.2931 141.684 91.5115L125.674 107.574L122.963 110.311Z" fill="rgb(196,196,196)"/></svg>');
        position: relative;
        overflow: hidden
    }
}

@media screen and (min-width: 960px) and (max-width: 1160px) {
    .home-activities__item {
        height: calc(33vw - 8px);
        width: calc(33vw - 8px)
    }
}

@media screen and (min-width: 960px) {
    .home-activities__item-bg {
        z-index: 0;
        position: absolute;
        border-radius: inherit;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        transition: transform .7s;
        transform: none;
        background-color: rgba(72, 65, 81, .5);
        background-blend-mode: multiply
    }

    .home-activities__item:hover .home-activities__item-bg {
        transition: transform .7s;
        transform: scale(1.2)
    }

    .home-activities__item:hover .home-activities__item-link {
        text-decoration: underline;
        padding-bottom: 40px;
        transition: .4s
    }

    .home-activities__item-link {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-start;
        height: 100%;
        box-sizing: border-box;
        transition: .4s;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 24px;
        text-align: left;
        font-weight: 800;
        position: relative;
        z-index: 1;
        padding: 32px;
        text-decoration: none;
        line-height: 32px
    }

    .home-activities__block {
        width: 100%;
        text-decoration: none;
        height: 400px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        margin-top: 32px;
        margin-bottom: 32px;
        border-radius: 8px;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .home-activities__block:hover .home-activities__block-bg {
        transform: scale(1.2);
        transition: .5s
    }

    .home-activities__block-bg {
        transition: .5s;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        background-color: rgba(72, 65, 81, .5);
        background-blend-mode: overlay;
        background-size: cover;
        background-position: 50% 50%;
        border-radius: 8px
    }

    .home-activities__block-title {
        line-height: 48px;
        text-decoration: none;
        margin-bottom: 16px;
        position: relative;
        display: inline-block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 48px;
        font-weight: 800
    }

    .home-activities__block-text {
        line-height: 24px;
        text-decoration: none;
        margin-bottom: 16px;
        position: relative;
        display: inline-block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 24px;
        font-weight: 600
    }

    .home-activities__block-more {
        line-height: 24px;
        text-decoration: none;
        position: relative;
        display: inline-block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 16px;
        font-weight: 600;
        padding: 12px 24px;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #fff
    }
}

@media screen and (max-width: 959px) {
    .home-activities {
        margin-top: 42px;
        margin-bottom: 42px;
        height: 512px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .home-activities__image {
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-blend-mode: overlay
    }

    .home-activities__image--summer {
        background-image: url(../assets/img/summer.jpg);
        background-color: #3aaa35
    }

    .home-activities__image--winter {
        background-image: url(../assets/img/winter.jpg);
        background-color: #0091b2
    }

    .home-activities__title {
        position: relative;
        display: block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        text-decoration: none;
        margin-left: 16px;
        margin-right: 16px;
        text-align: center;
        margin-top: 16px;
        margin-bottom: 16px
    }

    .home-activities__more {
        order: 99;
        line-height: 24px;
        text-decoration: none;
        margin-top: 16px;
        position: relative;
        display: block;
        margin-bottom: 16px;
        z-index: 1;
        color: #fff;
        letter-spacing: 4%;
        font-family: Panton, sans-serif;
        font-size: 16px;
        font-weight: 600;
        padding: 12px 24px;
        box-sizing: boder-box;
        border: 1px solid #fff;
        box-sizing: border-box
    }

    .home-activities__slider {
        margin-bottom: 16px;
        margin-top: 16px;
        position: relative;
        height: calc(100vw - 32px);
        width: calc(100vw - 32px);
        z-index: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
    }

    .home-activities__item {
        height: calc(100vw - 32px);
        width: calc(100vw - 32px);
        margin-left: 16px;
        margin-right: 16px;
        border-radius: 8px;
        background-color: #c4c4c4;
        background-repeat: no-repeat;
        background-size: 50% 50%;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M62.0604 20L127.996 42.573L147.817 26.1872L190.526 58.483L151.815 180H10L62.0604 20Z" fill="rgb(255,255,255)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83.6262 68.6636C90.9957 68.6636 96.959 74.6638 96.959 82.0408V120.235C96.959 127.629 90.9957 133.612 83.6262 133.612C76.2568 133.612 70.2935 127.629 70.2935 120.235V82.0408C70.2935 74.6468 76.2568 68.6636 83.6262 68.6636Z" fill="rgb(196,196,196)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M133.569 101.436L142.87 110.768C148.088 116.003 148.088 124.468 142.87 129.686C137.686 134.888 129.283 134.922 124.082 129.754C118.983 124.502 118.983 116.224 124.015 111.04L124.15 110.904L126.861 108.184L133.569 101.436Z" fill="rgb(196,196,196)"/><path d="M122.963 110.311L122.828 110.447C118.169 115.257 117.83 122.719 121.811 127.921L104.142 110.345C98.89 105.076 98.89 96.6108 104.091 91.3755L122.828 72.5929C128.046 67.3746 136.483 67.3746 141.684 72.5929C146.885 77.8282 146.885 86.2931 141.684 91.5115L125.674 107.574L122.963 110.311Z" fill="rgb(196,196,196)"/></svg>');
        position: relative;
        overflow: hidden
    }

    .home-activities__item-bg {
        z-index: 0;
        position: absolute;
        border-radius: inherit;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        transition: transform .7s;
        transform: none;
        background-color: rgba(72, 65, 81, .5);
        background-blend-mode: multiply
    }

    .home-activities__item-link {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-start;
        height: 100%;
        box-sizing: border-box;
        transition: .4s;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 24px;
        text-align: left;
        font-weight: 800;
        position: relative;
        z-index: 1;
        padding: 32px;
        text-decoration: none;
        line-height: 32px
    }

    .home-activities--auto {
        height: 100vw;
        padding: 0
    }

    .home-activities__block {
        width: 100%;
        text-decoration: none;
        height: 100%;
        position: relative;
        z-index: 1;
        overflow: hidden;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center
    }

    .home-activities__block-bg {
        transition: .5s;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        background-color: rgba(72, 65, 81, .5);
        background-blend-mode: overlay;
        background-size: cover;
        background-position: 50% 50%
    }

    .home-activities__block-title {
        line-height: 24px;
        text-decoration: none;
        margin-bottom: 16px;
        position: relative;
        display: inline-block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 24px;
        font-weight: 800
    }

    .home-activities__block-text {
        line-height: 16px;
        text-decoration: none;
        margin-bottom: 16px;
        position: relative;
        display: inline-block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 16px;
        font-weight: 600
    }

    .home-activities__block-more {
        line-height: 12px;
        text-decoration: none;
        position: relative;
        display: inline-block;
        z-index: 1;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 12px;
        font-weight: 600;
        padding: 12px 24px;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #fff
    }
}

@media screen and (min-width: 960px) {
    .home-events {
        margin-top: 42px;
        margin-bottom: 42px;
        height: 376px;
        max-width: 1160px;
        width: 100%;
        padding-left: 197px;
        padding-right: 197px;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between
    }
}

@media screen and (min-width: 960px) and (max-width: 1160px) {
    .home-events {
        padding-left: 16vw;
        padding-right: 16vw
    }
}

@media screen and (min-width: 960px) {
    .home-events__slider {
        margin-bottom: 32px;
        position: relative;
        height: 376px;
        width: 100%;
        z-index: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media screen and (min-width: 960px) and (max-width: 1160px) {
    .home-events__slider {
        height: calc(33vw - 8px)
    }
}

@media screen and (min-width: 960px) {
    .home-events__item {
        height: 376px;
        width: 376px;
        background-color: #c4c4c4;
        border-radius: 8px;
        background-repeat: no-repeat;
        background-size: 50% 50%;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M62.0604 20L127.996 42.573L147.817 26.1872L190.526 58.483L151.815 180H10L62.0604 20Z" fill="rgb(255,255,255)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83.6262 68.6636C90.9957 68.6636 96.959 74.6638 96.959 82.0408V120.235C96.959 127.629 90.9957 133.612 83.6262 133.612C76.2568 133.612 70.2935 127.629 70.2935 120.235V82.0408C70.2935 74.6468 76.2568 68.6636 83.6262 68.6636Z" fill="rgb(196,196,196)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M133.569 101.436L142.87 110.768C148.088 116.003 148.088 124.468 142.87 129.686C137.686 134.888 129.283 134.922 124.082 129.754C118.983 124.502 118.983 116.224 124.015 111.04L124.15 110.904L126.861 108.184L133.569 101.436Z" fill="rgb(196,196,196)"/><path d="M122.963 110.311L122.828 110.447C118.169 115.257 117.83 122.719 121.811 127.921L104.142 110.345C98.89 105.076 98.89 96.6108 104.091 91.3755L122.828 72.5929C128.046 67.3746 136.483 67.3746 141.684 72.5929C146.885 77.8282 146.885 86.2931 141.684 91.5115L125.674 107.574L122.963 110.311Z" fill="rgb(196,196,196)"/></svg>');
        position: relative;
        overflow: hidden
    }
}

@media screen and (min-width: 960px) and (max-width: 1160px) {
    .home-events__item {
        height: calc(33vw - 8px);
        width: calc(33vw - 8px)
    }
}

@media screen and (min-width: 960px) {
    .home-events__item-bg {
        z-index: 0;
        position: absolute;
        border-radius: inherit;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        transition: transform .7s;
        transform: none;
        background-color: rgba(72, 65, 81, .5);
        background-blend-mode: multiply
    }

    .home-events__item:hover .home-events__item-bg {
        transition: transform .7s;
        transform: scale(1.2)
    }

    .home-events__item:hover .home-events__item-title {
        text-decoration: underline;
        padding-bottom: 40px;
        transition: .4s
    }

    .home-events__item-link {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        height: 100%;
        box-sizing: border-box;
        transition: .4s;
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 24px;
        text-align: left;
        font-weight: 800;
        position: relative;
        z-index: 1;
        padding: 32px;
        text-decoration: none;
        line-height: 32px
    }

    .home-events__item-title {
        transition: .7s;
        font-family: Panton, sans-serif;
        font-size: 24px;
        text-align: left;
        font-weight: 800
    }

    .home-events__item-date {
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 48px;
        text-align: left;
        font-weight: 700;
        display: flex;
        width: 100%;
        flex-direction: row;
        align-items: flex-start
    }

    .home-events__item-date > span {
        padding-left: 8px;
        font-weight: 700;
        font-size: 18px;
        line-height: 18px;
        font-weight: 600;
        text-transform: uppercase
    }

    .home-events__item-date > span span {
        text-transform: none;
        font-weight: 400;
        display: block;
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width: 959px) {
    .home-events {
        height: calc(100vw - 32px);
        width: 100%;
        position: relative;
        box-sizing: border-box;
        overflow-y: hidden;
        margin-top: 12px;
        margin-bottom: 24px
    }

    .home-events__item {
        height: calc(100vw - 32px);
        width: calc(100vw - 32px);
        margin-left: 16px;
        margin-right: 16px;
        border-radius: 8px;
        background-color: #c4c4c4;
        background-repeat: no-repeat;
        background-size: 50% 50%;
        background-position: 50% 50%;
        background-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M62.0604 20L127.996 42.573L147.817 26.1872L190.526 58.483L151.815 180H10L62.0604 20Z" fill="rgb(255,255,255)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M83.6262 68.6636C90.9957 68.6636 96.959 74.6638 96.959 82.0408V120.235C96.959 127.629 90.9957 133.612 83.6262 133.612C76.2568 133.612 70.2935 127.629 70.2935 120.235V82.0408C70.2935 74.6468 76.2568 68.6636 83.6262 68.6636Z" fill="rgb(196,196,196)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M133.569 101.436L142.87 110.768C148.088 116.003 148.088 124.468 142.87 129.686C137.686 134.888 129.283 134.922 124.082 129.754C118.983 124.502 118.983 116.224 124.015 111.04L124.15 110.904L126.861 108.184L133.569 101.436Z" fill="rgb(196,196,196)"/><path d="M122.963 110.311L122.828 110.447C118.169 115.257 117.83 122.719 121.811 127.921L104.142 110.345C98.89 105.076 98.89 96.6108 104.091 91.3755L122.828 72.5929C128.046 67.3746 136.483 67.3746 141.684 72.5929C146.885 77.8282 146.885 86.2931 141.684 91.5115L125.674 107.574L122.963 110.311Z" fill="rgb(196,196,196)"/></svg>');
        position: relative;
        overflow: hidden
    }

    .home-events__item-bg {
        z-index: 0;
        position: absolute;
        border-radius: inherit;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        height: 100%;
        width: 100%;
        transition: transform .7s;
        transform: none;
        background-color: rgba(72, 65, 81, .5);
        background-blend-mode: multiply
    }

    .home-events__item-link {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        height: 100%;
        box-sizing: border-box;
        transition: .4s;
        position: relative;
        z-index: 1;
        padding: 32px;
        text-decoration: none;
        line-height: 32px
    }

    .home-events__item-title {
        transition: .7s;
        font-family: Panton, sans-serif;
        font-size: 16px;
        text-align: left;
        font-weight: 800;
        color: #fff
    }

    .home-events__item-date {
        color: #fff;
        font-family: Panton, sans-serif;
        font-size: 36px;
        text-align: left;
        font-weight: 700;
        flex-direction: row;
        display: flex;
        align-items: flex-start
    }

    .home-events__item-date > span {
        padding-left: 8px;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
        text-transform: uppercase
    }

    .home-events__item-date > span span {
        text-transform: none;
        font-weight: 400;
        display: block;
        font-size: 12px;
        line-height: 12px
    }
}
@media screen and (min-width: 960px) {
    .home-app {
        width: 840px;
        height: 290px;
        border: 15px solid #484151;
        margin: 64px auto 80px;
        box-sizing: content-box;
        display: flex;
        flex-flow: row;
        justify-content: space-evenly;
    }

    .home-app__image {
        width: 187px;
        box-sizing: border-box;
        overflow: hidden;
        border-radius: 0 0 90px 90px;
        margin-bottom: 40px;
        position: relative;
    }

    .home-app__bg {
        width: 187px;
        height: 187px;
        position: absolute;
        border-radius: 100%;
        bottom: 0
    }

    .home-app__hand {
        height: auto;
        width: 187px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
        top: auto;
        z-index: 1;
        transition: .5s;
    }

    .home-app__hand--visible {
        bottom: 0;
        right: 0;
        transition: right 2s, bottom 2s, transform .5s
    }

    .home-app__hand:hover {
        transition: .5s;
        transform: scale(1.2);
    }

    .home-app__text {
        padding-top: 25px;
        width: 360px;
        box-sizing: border-box;
    }
    
    .home-app__lists_container{
        margin-bottom: 32px;
    }

    .home-app__list>li{

    }

    .home-app__text p {
        font-family: Panton, sans-serif
    }

    .home-app__text p:nth-of-type(1) {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 16px;
        letter-spacing: .04em;
        line-height: 16px;
        color: #929292;
        margin-bottom: 16px;
    }

    .home-app__text p:nth-of-type(2) {
        font-weight: 900;
        margin-top: 16px;
        font-size: 26px;
        line-height: 40px;
        color: #484151;
        margin-bottom: 20px;
        letter-spacing: 0.03em;
    }

    .home-app__buttons {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

@media screen and (max-width: 959px) {
    .home-app {
        height: auto;
        border: 8px solid #484151;
        margin: 32px 4px 32px
    }

    .home-app__image {
        width: 187px;
        height: 262px;
        box-sizing: border-box;
        overflow: hidden;
        margin: 0 auto 32px auto;
        position: relative;
        border-radius: 0 0 90px 90px
    }

    .home-app__bg {
        width: 187px;
        height: 187px;
        position: absolute;
        border-radius: 100%;
        bottom: 0
    }

    .home-app__hand {
        height: auto;
        width: 187px;
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
        top: auto;
        z-index: 1;
        transition: .5s
    }

    .home-app__text {
        text-align: center;
        padding: 0 10px;
        margin: 0 auto 24px;
        box-sizing: border-box;
    }

    .home-app__text p {
        font-family: Panton, sans-serif;
        text-align: center
    }

    .home-app__text p:nth-of-type(1) {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: .1em;
        line-height: 16px;
        color: #484151;
        opacity: .5;
        margin-bottom: 16px;
    }

    .home-app__text p:nth-of-type(2) {
        font-weight: 900;
        margin-top: 16px;
        font-size: 32px;
        line-height: 40px;
        color: #484151;
        margin-bottom: 16px;
    }

    .home-app__buttons {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .home-app__buttons>a {
        margin: 0 5px
    }
    
    .home-app__buttons img {
        height: 36px;
        width: auto
    }
}

@media screen and (min-width: 960px) {
    .home-subscribe {
        width: 840px;
        display: block;
        margin-top: 80px;
        margin-bottom: 85px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end
    }

    .home-subscribe--success {
        justify-content: center;
        align-items: center;
        font-size: 24px;
        color: #877c96;
        font-weight: 400
    }

    .home-subscribe__slogan {
        font-family: Panton, sans-serif;
        font-weight: 700;
        font-size: 32px;
        text-align: left;
        line-height: 40px;
        color: #484151
    }

    .home-subscribe__slogan span {
        display: block;
        font-weight: 400;
        font-size: 16px;
        text-align: left;
        line-height: 24px
    }

    .home-subscribe__input {
        outline: 0;
        border-width: 0 0 2px 0;
        border-color: #484151;
        background: 0 0;
        width: 365px;
        padding-bottom: 16px;
        color: #484151;
        font-size: 24px;
        font-weight: 400
    }

    .home-subscribe__input:-ms-input-placeholder {
        font-size: 16px;
        color: rgba(72, 65, 81, .4)
    }

    .home-subscribe__input::-ms-input-placeholder {
        font-size: 16px;
        color: rgba(72, 65, 81, .4)
    }

    .home-subscribe__input::placeholder {
        font-size: 16px;
        color: rgba(72, 65, 81, .4)
    }

    .home-subscribe__default {
        display: none
    }

    .home-subscribe__button {
        font-family: Panton;
        outline: 0;
        border: none;
        background-color: #01bac6;
        transition: .5s;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        padding: 14px 37px 13px;
        cursor: pointer;
        border-radius: 4px;
        display: inline-block;
        width: 180px;
        line-height: 14px;
        height: 51px
    }

    .home-subscribe__button:hover {
        background-color: #018a93;
        transition: .5s
    }

    .home-subscribe__button:disabled {
        background-color: #646464;
        cursor: default;
        color: #ccc
    }
}

@media screen and (max-width: 959px) {
    .home-subscribe {
        display: block;
        margin-top: 32px;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 16px
    }

    .home-subscribe--success {
        text-align: center;
        font-size: 18px;
        color: #877c96;
        font-weight: 400
    }

    .home-subscribe__slogan {
        font-family: Panton, sans-serif;
        font-weight: 700;
        font-size: 24px;
        text-align: center;
        line-height: 32px;
        margin-bottom: 16px;
        color: #484151
    }

    .home-subscribe__slogan span {
        text-align: center;
        display: block;
        font-weight: 400;
        font-size: 16px;
        margin-top: 8px;
        line-height: 24px
    }

    .home-subscribe__input {
        margin-bottom: 16px;
        outline: 0;
        border-width: 0 0 2px 0;
        border-color: #484151;
        background: 0 0;
        width: 100%;
        padding-bottom: 16px;
        color: #484151;
        font-size: 20px;
        font-weight: 400;
        text-align: center
    }

    .home-subscribe__input:-ms-input-placeholder {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: rgba(72, 65, 81, .4)
    }

    .home-subscribe__input::-ms-input-placeholder {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: rgba(72, 65, 81, .4)
    }

    .home-subscribe__input::placeholder {
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        color: rgba(72, 65, 81, .4)
    }

    .home-subscribe__default {
        display: none
    }

    .home-subscribe__button {
        display: block;
        font-family: Panton;
        outline: 0;
        letter-spacing: .04em;
        width: 100%;
        border: none;
        background-color: #01bac6;
        transition: .5s;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        padding: 14px 37px 13px;
        cursor: pointer;
        border-radius: 4px;
        line-height: 14px;
        height: 51px
    }

    .home-subscribe__button:hover {
        background-color: #018a93;
        transition: .5s
    }

    .home-subscribe__button:disabled {
        background-color: #646464;
        cursor: default;
        color: #ccc
    }
}

@media screen and (min-width: 960px) {
    .home-blog {
        max-width: 1160px;
        margin: 40px auto 32px
    }
}

@media screen and (max-width: 959px) {
    .home-blog {
        margin: 40px auto 32px
    }
}

@media screen and (min-width: 960px) {
    .kp-popup {
        z-index: 6;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(72, 65, 81, .8)
    }

    .kp-popup__balloon {
        z-index: 7;
        position: relative;
        margin: 162px auto;
        width: 100%;
        max-width: 1160px;
        box-sizing: border-box;
        padding: 112px 90px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end
    }

    .kp-popup__balloon:before {
        position: absolute;
        left: 64px;
        width: 1px;
        height: 32px;
        display: block;
        box-sizing: border-box;
        top: -32px;
        content: '';
        border-left: 32px solid #fff;
        border-bottom: 32px solid #fff;
        border-right: 32px solid transparent;
        border-top: 32px solid transparent;
        transition: .3s
    }

    .kp-popup__balloon:after {
        display: block;
        position: absolute;
        right: 32px;
        top: 24px;
        content: '✕';
        font-size: 24px;
        color: #929292;
        font-weight: 400
    }

    .kp-popup--fixed .kp-popup__balloon:before {
        transition: .4s;
        top: -90px;
        border-left: 32px solid #fff;
        border-bottom: 64px solid #fff;
        border-right: 32px solid transparent;
        border-top: 64px solid transparent
    }

    .kp-popup__separator {
        width: 1px;
        height: 218px;
        background: linear-gradient(rgba(72, 65, 81, 0) 0, #484151 50%, rgba(72, 65, 81, 0) 100%)
    }

    .kp-popup__text {
        max-width: 616px;
        font-size: 20px;
        color: #484151;
        font-weight: 400;
        line-height: 32px
    }

    .kp-popup__text h1, .kp-popup__text h2, .kp-popup__text h3, .kp-popup__text h4, .kp-popup__text h5, .kp-popup__text h6 {
        font-size: 48px;
        color: #484151;
        font-weight: 800;
        line-height: 64px;
        margin-bottom: 24px
    }

    .kp-popup__image {
        height: 216px;
        width: auto
    }

    .kp-popup p {
        text-align: justify
    }

    .kp-popup a {
        color: #e30613
    }
}

@media screen and (max-width: 959px) {
    .home-app__list>li{
        font-size: 12px;
        line-height: 24px;
    }
    .home-app__lists_container{
        margin-bottom: 16px
    }
    .kp-popup {
        z-index: 6;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(72, 65, 81, .8);
        display: flex;
        align-items: center
    }

    .kp-popup__balloon {
        z-index: 7;
        position: relative;
        margin: 0 8px;
        width: calc(100% - 16px);
        box-sizing: border-box;
        padding: 16px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start
    }

    .kp-popup__balloon:after {
        display: block;
        position: absolute;
        right: 16px;
        top: 12px;
        content: '✕';
        font-size: 16px;
        color: #929292;
        font-weight: 400
    }

    .kp-popup__separator {
        padding: 8px;
        height: 100px;
        width: 1px
    }

    .kp-popup__text {
        font-size: 12px;
        color: #484151;
        font-weight: 400;
        line-height: 16px
    }

    .kp-popup__text h1, .kp-popup__text h2, .kp-popup__text h3, .kp-popup__text h4, .kp-popup__text h5, .kp-popup__text h6 {
        font-size: 16px;
        color: #484151;
        font-weight: 700;
        line-height: 24px;
        margin-bottom: 24px
    }

    .kp-popup__image {
        height: 56px;
        width: 56px
    }

    .kp-popup p {
        text-align: justify
    }

    .kp-popup a {
        color: #e30613
    }
}

.kp-icon-social {
    display: inline-block;
    width: 29px;
    height: 29px;
    border-radius: 100px;
    border: 2px solid #484151;
    margin-left: 2px;
    margin-right: 2px;
    background-position: 9px 9px;
    background-size: 12px 12px;
    background-repeat: no-repeat;
    box-sizing: content-box;
}

.kp-icon-facebook {
    background-image: url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook icon</title><path fill="rgb(72,65,81)" d="M23.9981 11.9991C23.9981 5.37216 18.626 0 11.9991 0C5.37216 0 0 5.37216 0 11.9991C0 17.9882 4.38789 22.9522 10.1242 23.8524V15.4676H7.07758V11.9991H10.1242V9.35553C10.1242 6.34826 11.9156 4.68714 14.6564 4.68714C15.9692 4.68714 17.3424 4.92149 17.3424 4.92149V7.87439H15.8294C14.3388 7.87439 13.8739 8.79933 13.8739 9.74824V11.9991H17.2018L16.6698 15.4676H13.8739V23.8524C19.6103 22.9522 23.9981 17.9882 23.9981 11.9991Z"/></svg>')
}

.kp-icon-vk {
    background-image: url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>VK icon</title><path fill="rgb(72,65,81)" d="M11.701 18.771h1.437s.433-.047.654-.284c.21-.221.21-.63.21-.63s-.031-1.927.869-2.21c.887-.281 2.012 1.86 3.211 2.683.916.629 1.605.494 1.605.494l3.211-.044s1.682-.105.887-1.426c-.061-.105-.451-.975-2.371-2.76-2.012-1.861-1.742-1.561.676-4.787 1.469-1.965 2.07-3.166 1.875-3.676-.166-.48-1.26-.361-1.26-.361l-3.602.031s-.27-.031-.465.09c-.195.119-.314.391-.314.391s-.572 1.529-1.336 2.82c-1.623 2.729-2.268 2.879-2.523 2.699-.604-.391-.449-1.58-.449-2.432 0-2.641.404-3.75-.781-4.035-.39-.091-.681-.15-1.685-.166-1.29-.014-2.378.01-2.995.311-.405.203-.72.652-.539.675.24.03.779.146 1.064.537.375.506.359 1.636.359 1.636s.211 3.116-.494 3.503c-.495.262-1.155-.28-2.595-2.756-.735-1.26-1.291-2.67-1.291-2.67s-.105-.256-.299-.406c-.227-.165-.557-.225-.557-.225l-3.435.03s-.51.016-.689.24c-.166.195-.016.615-.016.615s2.686 6.287 5.732 9.453c2.79 2.902 5.956 2.715 5.956 2.715l-.05-.055z"/></svg>')
}

.kp-icon-youtube {
    background-image: url('data:image/svg+xml;utf8,<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>YouTube icon</title><path fill="rgb(72,65,81)" d="M23.495 6.205a3.007 3.007 0 0 0-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 0 0 .527 6.205a31.247 31.247 0 0 0-.522 5.805 31.247 31.247 0 0 0 .522 5.783 3.007 3.007 0 0 0 2.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 0 0 2.088-2.088 31.247 31.247 0 0 0 .5-5.783 31.247 31.247 0 0 0-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"/></svg>')
}

.kp-icon-insta {
    background-image: url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title><path fill="rgb(72,65,81)" d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg>')
}

.kp-icon-store {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    margin-right: 8px;
    background-position: 0 0;
    background-size: 24px 24px;
    background-repeat: no-repeat
}

.kp-icon-android {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 5.00006H12V4.00006H13V5.00006ZM8 5.00006H7V4.00006H8V5.00006ZM13.53 2.16006L14.84 0.850059C15.03 0.660059 15.03 0.340059 14.84 0.140059C14.64 -0.0499414 14.32 -0.0499414 14.13 0.140059L12.65 1.62006C11.85 1.23006 10.95 1.00006 10 1.00006C9.04 1.00006 8.14 1.23006 7.34 1.63006L5.85 0.140059C5.66 -0.0499414 5.34 -0.0499414 5.15 0.140059C4.95 0.340059 4.95 0.660059 5.15 0.850059L6.46 2.16006C4.97 3.26006 4 5.00006 4 7.00006H16C16 5.00006 15 3.25006 13.53 2.16006ZM18.5 8.00006C18.1022 8.00006 17.7206 8.15809 17.4393 8.4394C17.158 8.7207 17 9.10223 17 9.50006V16.5001C17 16.8979 17.158 17.2794 17.4393 17.5607C17.7206 17.842 18.1022 18.0001 18.5 18.0001C18.8978 18.0001 19.2794 17.842 19.5607 17.5607C19.842 17.2794 20 16.8979 20 16.5001V9.50006C20 9.10223 19.842 8.7207 19.5607 8.4394C19.2794 8.15809 18.8978 8.00006 18.5 8.00006ZM1.5 8.00006C1.10218 8.00006 0.720644 8.15809 0.43934 8.4394C0.158035 8.7207 0 9.10223 0 9.50006V16.5001C0 16.8979 0.158035 17.2794 0.43934 17.5607C0.720644 17.842 1.10218 18.0001 1.5 18.0001C1.89782 18.0001 2.27936 17.842 2.56066 17.5607C2.84196 17.2794 3 16.8979 3 16.5001V9.50006C3 9.10223 2.84196 8.7207 2.56066 8.4394C2.27936 8.15809 1.89782 8.00006 1.5 8.00006ZM4 18.0001C4 18.2653 4.10536 18.5196 4.29289 18.7072C4.48043 18.8947 4.73478 19.0001 5 19.0001H6V22.5001C6 22.8979 6.15804 23.2794 6.43934 23.5607C6.72064 23.842 7.10218 24.0001 7.5 24.0001C7.89782 24.0001 8.27936 23.842 8.56066 23.5607C8.84196 23.2794 9 22.8979 9 22.5001V19.0001H11V22.5001C11 22.8979 11.158 23.2794 11.4393 23.5607C11.7206 23.842 12.1022 24.0001 12.5 24.0001C12.8978 24.0001 13.2794 23.842 13.5607 23.5607C13.842 23.2794 14 22.8979 14 22.5001V19.0001H15C15.2652 19.0001 15.5196 18.8947 15.7071 18.7072C15.8946 18.5196 16 18.2653 16 18.0001V8.00006H4V18.0001Z" fill="rgb(238,28,37)"/></svg>')
}

.kp-icon-apple {
    background-image: url('data:image/svg+xml;utf8,<svg width="17" height="21" viewBox="0 0 17 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.46 17.5C14.63 18.74 13.75 19.95 12.41 19.97C11.07 20 10.64 19.18 9.11997 19.18C7.58997 19.18 7.11997 19.95 5.84997 20C4.53997 20.05 3.54997 18.68 2.70997 17.47C0.99997 15 -0.31003 10.45 1.44997 7.39C2.31997 5.87 3.87997 4.91 5.56997 4.88C6.84997 4.86 8.06997 5.75 8.85997 5.75C9.63997 5.75 11.12 4.68 12.67 4.84C13.32 4.87 15.14 5.1 16.31 6.82C16.22 6.88 14.14 8.1 14.16 10.63C14.19 13.65 16.81 14.66 16.84 14.67C16.81 14.74 16.42 16.11 15.46 17.5ZM9.74997 1.5C10.48 0.67 11.69 0.04 12.69 0C12.82 1.17 12.35 2.35 11.65 3.19C10.96 4.04 9.81997 4.7 8.69997 4.61C8.54997 3.46 9.10997 2.26 9.74997 1.5Z" fill="rgb(238,28,37)"/></svg>')
}

.kp-icon-panel {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 24px;
    background-position: 100% 100%;
    background-size: 20px 20px;
    background-repeat: no-repeat
}

.kp-icon-webcam {
    background-image: url('data:image/svg+xml;utf8,<svg width="19" height="23" viewBox="0 0 19 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9583 17.5417C16.8333 15.9583 18.75 12.875 18.75 9.375C18.75 4.20833 14.5417 0 9.375 0C4.20833 0 0 4.20833 0 9.375C0 12.9583 2.04167 16.125 5.04167 17.6667L3.375 20.4167H1.25V22.5H17.9167V20.4167H15.7083L13.9583 17.5417ZM2 9.375C2 5.33333 5.29167 2 9.375 2C13.4167 2 16.75 5.29167 16.75 9.375C16.75 13.4167 13.4583 16.75 9.375 16.75C5.33333 16.75 2 13.4167 2 9.375ZM5.79167 20.4167L7 18.4583C7.75 18.6667 8.54167 18.75 9.375 18.75C10.2917 18.75 11.1667 18.625 12 18.375L13.25 20.4167H5.79167ZM13.3333 9.375C13.3333 7.20833 11.5417 5.41667 9.375 5.41667C7.20833 5.41667 5.41667 7.20833 5.41667 9.375C5.41667 11.5417 7.20833 13.3333 9.375 13.3333C11.5417 13.3333 13.3333 11.5417 13.3333 9.375ZM7.41667 9.375C7.41667 8.29167 8.29167 7.41667 9.375 7.41667C10.4583 7.41667 11.3333 8.29167 11.3333 9.375C11.3333 10.4583 10.4583 11.3333 9.375 11.3333C8.29167 11.3333 7.41667 10.4583 7.41667 9.375Z" fill="rgb(72,65,81)"/></svg>')
}

.kp-icon-map {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.125 17.875L11.9583 18.9167L12.7917 17.875C12.7917 17.875 14.9167 15.2083 15.7083 14.125C17.2917 12.0833 18.8333 9.83333 18.8333 6.83333C18.8333 3.08333 15.75 0 11.9583 0C8.16667 0 5.08333 3.08333 5.08333 6.83333C5.08333 9.83333 6.625 12.0833 8.20833 14.125C9.04167 15.2083 11.125 17.875 11.125 17.875ZM11.9583 2.08333C14.5833 2.08333 16.75 4.20833 16.75 6.83333C16.75 8.95833 15.75 10.625 14.0833 12.8333C13.5833 13.4583 12.6667 14.6667 11.9583 15.5417C11.2917 14.6667 10.3333 13.4583 9.83333 12.8333C8.125 10.625 7.16667 8.91667 7.16667 6.83333C7.16667 4.20833 9.29167 2.08333 11.9583 2.08333ZM11.9583 8.75C13 8.75 13.8333 7.91667 13.8333 6.875C13.8333 5.83333 13 5 11.9583 5C10.9167 5 10.0833 5.83333 10.0833 6.875C10.0833 7.91667 10.9167 8.75 11.9583 8.75ZM20.25 13.75H18.0417C17.7083 14.25 17.375 14.7083 17 15.1667C16.875 15.3333 16.6667 15.5833 16.4583 15.8333H18.7917L20.8333 20.8333H3.08333L5.08333 15.8333H7.41667C7.20833 15.5833 7.04167 15.3333 6.875 15.125C6.54167 14.6667 6.16667 14.2083 5.83333 13.75H3.66667L0 22.9167H23.9167L20.25 13.75Z" fill="rgb(72,65,81)"/></svg>')
}

.kp-icon-elevator {
    background-image: url('data:image/svg+xml;utf8,<svg width="23" height="27" viewBox="0 0 23 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.95833 3.75C9.75 3.75 10.4167 3.08333 10.4167 2.29167C10.4167 1.5 9.75 0.833333 8.95833 0.833333C8.16667 0.833333 7.5 1.5 7.5 2.29167C7.5 3.08333 8.16667 3.75 8.95833 3.75ZM13.9583 2.91667C14.75 2.91667 15.4167 2.25 15.4167 1.45833C15.4167 0.666667 14.75 0 13.9583 0C13.1667 0 12.5 0.666667 12.5 1.45833C12.5 2.25 13.1667 2.91667 13.9583 2.91667ZM22.9167 3.45833V1.16667C15 4.83333 8.33333 6 0 5.08333V7.16667C3.75 7.54167 7.08333 7.58333 10.4167 7.16667V12.5H6.04167C4.08333 12.5 2.5 14.0833 2.5 16.0417V22.7083C2.5 24.6667 4.08333 26.25 6.04167 26.25H16.875C18.8333 26.25 20.4167 24.6667 20.4167 22.7083V16.0417C20.4167 14.0833 18.8333 12.5 16.875 12.5H12.5V6.83333C15.8333 6.16667 19.1667 5.08333 22.9167 3.45833ZM16.875 14.5833C17.6667 14.5833 18.3333 15.2083 18.3333 16.0417V18.3333H6.25V20.4167H18.3333V22.7083C18.3333 23.5 17.6667 24.1667 16.875 24.1667H6.04167C5.25 24.1667 4.58333 23.5 4.58333 22.7083V16.0417C4.58333 15.25 5.20833 14.5833 6.04167 14.5833H16.875Z" fill="rgb(72,65,81)"/></svg>')
}

.kp-icon-book-form {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 6px;
    background-position: 50% 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat
}

.kp-icon-house {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g id="Bounding_Box"><rect fill="none" width="24" height="24"/></g><g id="Master">	<path d="M19,9.3V4h-3v2.6L12,3L2,12h3v8h5v-6h4v6h5v-8h3L19,9.3z M10,10c0-1.1,0.9-2,2-2s2,0.9,2,2H10z" fill="rgb(72,65,81)"/></g></svg>')
}

.kp-icon-card {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="rgb(72,65,81)" d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z"/></svg>')
}

.kp-icon-bus {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="rgb(72,65,81)" d="M4 16c0 .88.39 1.67 1 2.22V20c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.61-.55 1-1.34 1-2.22V6c0-3.5-3.58-4-8-4s-8 .5-8 4v10zm3.5 1c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6H6V6h12v5z"/></svg>')
}

.kp-icon-helmet {
    background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"><g id="Bounding_Box"><rect fill="none" width="24" height="24"/></g><g id="Master">	<g>		<path  fill="rgb(72,65,81)" d="M12,11.39c0-0.65-0.39-1.23-0.98-1.48L5.44,7.55c-1.48,1.68-2.32,3.7-2.8,5.45h7.75C11.28,13,12,12.28,12,11.39z"/>		<path fill="rgb(72,65,81)" d="M21.96,11.22c-0.41-4.41-4.56-7.49-8.98-7.2c-2.51,0.16-4.44,0.94-5.93,2.04l4.74,2.01c1.33,0.57,2.2,1.87,2.2,3.32			c0,1.99-1.62,3.61-3.61,3.61H2.21C2,16.31,2,17.2,2,17.2V18c0,1.1,0.9,2,2,2h10C18.67,20,22.41,15.99,21.96,11.22z"/>	</g></g></svg>')
}

.kp-icon-school {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path fill="rgb(72,65,81)" d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>')
}
.events_button{
    display: flex;
    justify-content: space-evenly;
}
.events_button  a{
    display: flex;
    outline: 0;
    border: none;
    background-color: #01bac6;
    transition: .5s;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    border-radius: 4px;
    width: 200px;
    line-height: 51px;
    height: 51px;
    justify-content: center;
}
@media screen and (max-width: 678px) {
    .events_button{
        flex-direction: column;
        align-items: center;
    }
    .events_button  a{
        width: 90%;
        margin-top: 10px;
    }
}
.main-center_bannerwrapper{
    position: relative;
    max-width: 1160px;
    width: 100%;
    height: 376px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 8px;
}
.main-center_banner{
    z-index: 0;
    position: absolute;
    border-radius: inherit;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    transition: transform .5s;
    transform: none;

}
.main-center_banner:hover{
    transition: transform .5s;
    transform: scale(1.2)
}
@media screen and (max-width: 959px) {
    .main-center_bannerwrapper{
        width: 100vw;
        height: 100vw;
    }
    .main-center_banner{
        background-position: 9% 50%;
    }
}