/* Minification failed. Returning unminified contents.
(11527,19): run-time error CSS1036: Expected expression, found ':'
(11557,19): run-time error CSS1036: Expected expression, found ':'
(12723,1): run-time error CSS1019: Unexpected token, found '}'
(13696,38): run-time error CSS1038: Expected hex color, found '#efee'
(15291,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15308,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15325,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15335,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15345,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15355,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16025,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16038,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16051,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16063,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16201,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(16202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16218,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(16219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
a, a:focus, a:hover {
    text-decoration: none
}

.link, .link .icon {
    vertical-align: middle
}

    .link .icon, a {
        display: inline-block;
        position: relative
    }

.main-tickets, .owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}



* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: 0 !important;
    -webkit-tap-highlight-color: transparent !important
}

body, html {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 500;
    color: #23242A;
    line-height: 1.42
}

    body.overlayed, html.overlayed {
        overflow: hidden !important
    }

    body.faded, html.faded {
        background: #f3f3f3
    }

    body.no-touch, html.no-touch {
        touch-action: none
    }

.tickets-wrapper {
    position: relative;
    padding-bottom: 30px;
}

@media (max-width:768px) {
    body .no-touch, html.no-touch {
        overflow: hidden !important
    }

    body.overlayed.no-touch main {
        height: 100%
    }
}

.calendar .body .months table .disabled .day {
    opacity: .2;
    cursor: not-allowed, default;
}

.nowrap {
    white-space: nowrap
}

a {
    color: #2E48E8;
    transition: .2s
}

    a:focus, a:hover {
        color: #11259f
    }

.link {
    display: inline-block;
    color: #34363E
}

    .link .icon {
        background: #F7F8FA;
        width: 20px;
        height: 20px;
        line-height: 21px;
        text-align: center;
        border-radius: 50%;
        font-size: 24px;
        text-indent: -2px;
        margin-right: 5px;
        transition: background .1s
    }

    .link b {
        font-weight: 900
    }

    .link .grey {
        color: #8F969D;
        margin-right: .5em
    }

    .link:focus, .link:hover {
        color: #2E48E8
    }

        .link:focus .icon, .link:hover .icon {
            color: #fff;
            background: #2E48E8
        }

main {
    height: auto;
    min-height: calc(100vh + 1px);
    transition: -webkit-transform .1s;
    transition: transform .1s;
    transition: transform .1s,-webkit-transform .1s
}

    main.offseted {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px)
    }

    main.static-offset {
        padding-top: 80px
    }

body.copy-offset .fixed-nav.active, body.copy-offset .main-header, body.copy-offset main {
    transition: -webkit-transform .4s cubic-bezier(.8,0,.2,1) !important;
    transition: transform .4s cubic-bezier(.8,0,.2,1) !important;
    transition: transform .4s cubic-bezier(.8,0,.2,1),-webkit-transform .4s cubic-bezier(.8,0,.2,1) !important;
    -webkit-transform: translateY(99px);
    transform: translateY(99px)
}

body.copy-offset .copy-block {
    transition: -webkit-transform .4s cubic-bezier(.8,0,.2,1) !important;
    transition: transform .4s cubic-bezier(.8,0,.2,1) !important;
    transition: transform .4s cubic-bezier(.8,0,.2,1),-webkit-transform .4s cubic-bezier(.8,0,.2,1) !important;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto
}

[v-cloak] {
    display: none
}

.top-space {
    margin-top: 35px
}

body.faded main {
    transition: padding-top .3s
}

@media (min-width:769px) {
    body.faded main.filter-disable {
        padding-top: 140px
    }

    body.faded main.filter-enable {
        padding-top: 300px
    }

    body.faded main.s-engine-expanded {
        padding-top: calc(330px - 80px)
    }

        body.faded main.s-engine-expanded.has-filters {
            padding-top: calc(300px)
        }

    body.faded main.s-engine-collapsed {
        padding-top: calc(192px - 80px)
    }

        body.faded main.s-engine-collapsed.has-filters {
            padding-top: calc(132px)
        }
}

.form-hero-background {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    -webkit-filter: saturate(0);
    filter: saturate(0);
    height: 280px;
    overflow: hidden
}

    .form-hero-background .background, .form-hero-background:after, .form-hero-background:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 2
    }

    .form-hero-background:before {
        background: rgba(255,255,255,.85)
    }

    .form-hero-background:after {
        width: 800px;
        height: 800px;
        left: 50%;
        top: auto;
        bottom: 15px;
        border-radius: 0 0 50% 50%;
        box-shadow: 0 0 0 400px #fff;
        margin-left: -400px;
        background: linear-gradient(180deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.68) 100%);
        z-index: 3
    }

.form-hero, [data-parallax-ratio] {
    padding-top: 80px;
    position: relative;
    padding-bottom: 110px;
    transition: padding .4s
}

    .form-hero .background, .form-hero:after, .form-hero:before, [data-parallax-ratio] .background, [data-parallax-ratio]:after, [data-parallax-ratio]:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 2
    }

    .form-hero:after, [data-parallax-ratio]:after {
        z-index: 3
    }

    .form-hero .background, [data-parallax-ratio] .background {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: -1;
        -webkit-filter: saturate(0);
        filter: saturate(0)
    }

        .form-hero .background .background, .form-hero .background:after, .form-hero .background:before, [data-parallax-ratio] .background .background, [data-parallax-ratio] .background:after, [data-parallax-ratio] .background:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            z-index: 2
        }

        .form-hero .background:before, [data-parallax-ratio] .background:before {
            background: rgba(255,255,255,.85)
        }

        .form-hero .background:after, [data-parallax-ratio] .background:after {
            background: linear-gradient(180deg,rgba(255,255,255,.5) 0,rgba(255,255,255,.68) 100%);
            z-index: 3
        }

    .form-hero .form-section, [data-parallax-ratio] .form-section {
        z-index: 4
    }

    .form-hero .airline-logo, [data-parallax-ratio] .airline-logo {
        position: absolute;
        z-index: 4;
        left: 0;
        bottom: 0;
        pointer-events: none
    }

.image-cover, .relative {
    position: relative
}

.form-hero.spaced-bottom, [data-parallax-ratio].spaced-bottom {
    padding-bottom: 150px
}

.main-header.collapsed ~ main .form-hero {
    padding-bottom: 0
}

    .main-header.collapsed ~ main .form-hero.spaced-bottom {
        padding-bottom: 150px
    }

main.filter-disable .form-hero {
    padding-bottom: 0
}

    main.filter-disable .form-hero.spaced-bottom {
        padding-bottom: 0 !important
    }

.clear, .info-block ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.image-contain, .image-cover {
    padding-top: 100%;
    overflow: hidden
}

.clear-col {
    padding-left: 0;
    padding-right: 0
}

.none {
    display: none
}

.adaptive {
    display: block;
    width: 100%;
    height: auto;
    margin: 0
}

.owl-item {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.row.collapsed-row {
    margin-left: 0;
    margin-right: 0
}

    .row.collapsed-row > * {
        padding-left: 0;
        padding-right: 0
    }

.row.paddless-row {
    margin-right: -5px;
    margin-left: -5px
}

    .row.paddless-row > * {
        padding-left: 5px;
        padding-right: 5px
    }

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.image-cover {
    display: block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

    .image-cover img {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .image-cover img.vertical {
            top: 50%;
            left: 0;
            height: auto;
            width: 100%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.image-contain {
    display: block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

    .image-contain img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.verticaly-bottom, .verticaly-middle, .verticaly-top {
    width: 100%;
    height: 100%;
    white-space: nowrap
}

    .verticaly-bottom:after, .verticaly-middle:after, .verticaly-top:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 100%
    }

    .verticaly-bottom .inner, .verticaly-middle .inner, .verticaly-top .inner {
        display: inline-block;
        width: 100%;
        white-space: normal
    }

    .verticaly-top .inner, .verticaly-top:after {
        vertical-align: top
    }

    .verticaly-middle .inner, .verticaly-middle:after {
        vertical-align: middle
    }

    .verticaly-bottom .inner, .verticaly-bottom:after {
        vertical-align: bottom
    }

.info-block p, .paragraph {
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0;
    line-height: 1.5
}

    .info-block p.collapsed-top, .paragraph.collapsed-top {
        margin-top: 0
    }

    .info-block p.collapsed-bottom, .paragraph.collapsed-bottom {
        margin-bottom: 0
    }

    .info-block p.collapsed, .paragraph.collapsed {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .info-block p.spaced-top, .paragraph.spaced-top {
        margin-top: 60px
    }

    .info-block p.marked, .paragraph.marked {
        padding-left: 24px;
        position: relative
    }

        .info-block p.marked:before, .paragraph.marked:before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            height: calc(100% - 6px);
            width: 2px;
            background-color: #34363E
        }

    .info-block p:last-child, .paragraph:last-child {
        margin-bottom: 0
    }

.info-block h2, .marked-title {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2
}

    .info-block h2 > span, .marked-title > span {
        display: inline-block;
        background: #23242A;
        color: #fff;
        line-height: 1;
        padding: 0 4px;
        box-shadow: 0 0 0 2px #23242A
    }

    .info-block h2 img, .marked-title img {
        width: auto;
        height: 40px;
        margin-right: 20px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: 2px
    }

    .info-block h2.small, .marked-title.small {
        font-size: 18px
    }

    .info-block h2.smallest, .marked-title.smallest {
        font-size: 16px
    }

.dark-link, .info-block a {
    color: #34363E;
    font-weight: 900
}

    .dark-link:hover, .info-block a:hover {
        color: #2E48E8
    }

.simple-list {
    margin-top: 30px
}

    .simple-list li {
        padding-top: 30px
    }

        .simple-list li:first-child {
            padding-top: 0
        }

    .simple-list.small {
        margin-right: 30px
    }

        .simple-list.small li {
            padding-top: 7px;
            padding-right: 40px;
            position: relative
        }

            .simple-list.small li .badge {
                display: block;
                height: 20px;
                line-height: 20px;
                padding: 0 10px;
                background: #F7F8FA;
                border-radius: 10px;
                position: absolute;
                top: 7px;
                right: 0;
                font-weight: 900;
                font-size: 14px;
                min-width: 44px
            }

.section, .section-title > span.paper-plane {
    position: relative
}

.simple-list.small li:first-child {
    padding-top: 0
}

    .simple-list.small li:first-child .badge {
        top: 0
    }

.simple-list.part {
    font-size: 0;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px
}

    .simple-list.part li {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 10px 15px;
        font-size: 14px
    }

.section {
    padding: 80px 0;
    overflow: hidden
}

    .section.collapsed-top {
        padding-top: 0
    }

    .section.collapsed-bottom {
        padding-bottom: 0
    }

    .section.collapsed {
        padding-top: 0;
        padding-bottom: 0
    }

    .section.spaced-top {
        padding-top: 130px
    }

.section-title {
    font-size: 38px;
    font-weight: 900;
    line-height: 1.3
}

    .section-title > span {
        color: #2E48E8;
        display: inline-block
    }

        .section-title > span.paper-plane:before {
            content: '';
            display: block;
            width: 32px;
            height: 32px;
            position: absolute;
            bottom: 34px;
            left: 68px;
            background: url(../Media/icons/fly.svg)
        }

.lined-title .icon, .lined-title:after {
    display: inline-block;
    vertical-align: middle
}

.section-title > span.paper-plane.smaller:before {
    left: 35px
}

.section-title > span.paper-plane.inherit {
    color: inherit
}

    .section-title > span.paper-plane.inherit:before {
        left: 60%;
        background: url(../Media/icons/fly-dark.svg)
    }

.section-title .dark {
    color: #23242A
}

.section-subtitle {
    margin-bottom: 80px
}

    .section-subtitle b {
        font-weight: 900
    }

.lined-title {
    margin: 60px 0;
    padding: 0 30px;
    line-height: 1;
    font-size: 14px;
    white-space: nowrap;
    color: #8F969D;
    font-weight: 600;
    overflow: hidden
}

    .lined-title:after {
        content: '';
        height: 1px;
        width: 100%;
        position: relative;
        top: .3em;
        margin-left: 30px;
        background: #F7F8FA
    }

    .lined-title .icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: -5px;
        text-align: center;
        position: relative;
        bottom: 2px
    }

.questions-list {
    margin-bottom: 40px;
    cursor: default
}

    .questions-list > li {
        position: relative;
        padding-left: 50px;
        line-height: 1;
        margin-bottom: 15px
    }

        .questions-list > li:before {
            content: '';
            display: block;
            width: 26px;
            height: 26px;
            position: absolute;
            left: 10px;
            top: 0;
            background: url(../Media/icons/faq.svg)
        }

        .answers-list .title > span, .questions-list > li.active span {
            background: #23242A;
            color: #fff
        }

        .questions-list > li span {
            transition: .2s;
            display: inline-block;
            padding: 5px
        }

        .questions-list > li:last-child {
            margin-bottom: 0
        }

.answers-list > li {
    display: none;
    -webkit-transform-origin: top;
    transform-origin: top
}

@media (min-width:769px) {
    .answers-list > li.active {
        display: block;
        -webkit-animation: fade-in .5s forwards;
        animation: fade-in .5s forwards
    }
}

.answers-list .title {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2
}

    .answers-list .title > span {
        display: inline-block;
        line-height: 1;
        padding: 0 4px;
        box-shadow: 0 0 0 2px #23242A
    }

.backgrounds, .backgrounds:before {
    background: #fff;
    position: absolute;
    left: 0;
    width: 100%
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.02) translate3d(0,0,0);
        transform: scale(1.02) translate3d(0,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(0,0,0);
        transform: scale(1) translate3d(0,0,0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.02) translate3d(0,0,0);
        transform: scale(1.02) translate3d(0,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(0,0,0);
        transform: scale(1) translate3d(0,0,0)
    }
}

.backgrounds {
    z-index: 1;
    top: 0;
    height: 100%
}

    .backgrounds:before {
        content: '';
        display: block;
        bottom: 0;
        height: 200px;
        background: linear-gradient(to bottom,rgba(255,255,255,0),#fff);
        z-index: 2;
        pointer-events: none
    }

    .backgrounds > div {
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: .3s;
        opacity: 0
    }

        .backgrounds > div.active {
            opacity: .1
        }

.container.relative {
    position: relative;
    z-index: 2
}

.primary {
    color: #2E48E8
}

.hidden {
    display: none !important
}

.hero {
    height: 70vh;
    position: relative;
    overflow: hidden
}

    .hero:after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,rgba(255,255,255,.5) 0,#FFF 80.11%);
        z-index: 2
    }

    .hero .background, .hero .content {
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 1
    }

    .hero .verticaly-offset {
        margin-top: 85px
    }

    .hero .background {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        top: -150px;
        height: calc(100% + 150px)
    }

        .blockquote:before, .hero .background:before {
            top: 0;
            left: 0;
            content: ''
        }

        .hero .background:before {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,.6)
        }

    .hero .content {
        z-index: 3;
        padding: 80px 0
    }

[data-route=tickets] {
    background: #F7F8FA
}

    [data-route=tickets] [data-main-page] {
        display: none !important
    }

.simple-dl {
    display: table;
    width: 100%;
    margin: 20px 0;
    font-size: 14px
}

    .simple-dl dd, .simple-dl dt {
        display: table-cell;
        vertical-align: top
    }

    .simple-dl dt {
        color: #34363E;
        white-space: nowrap;
        font-weight: 900;
        width: 40px
    }

    .simple-dl dd {
        color: #8F969D
    }

    .simple-dl.block {
        display: block
    }

        .simple-dl.block dd, .simple-dl.block dt {
            display: block;
            text-align: left
        }

        .simple-dl.block dt {
            color: #8F969D;
            font-weight: 500
        }

        .simple-dl.block dd {
            color: inherit;
            font-weight: 900
        }

.scroll-top {
    position: fixed;
    bottom: 130px;
    right: 60px;
    z-index: 5;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #2E48E8;
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    transition: .3s;
    pointer-events: none
}

    .scroll-top .icon {
        display: block;
        line-height: 42px
    }

    .scroll-top:focus, .scroll-top:hover {
        color: #fff;
        background: #11259f
    }

    .scroll-top.active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto
    }

    .scroll-top.to-top {
        bottom: 210px
    }

.blockquote {
    position: relative;
    margin: 100px 50px 100px 100px;
    padding-left: 70px;
    font-size: 14px;
    font-style: italic;
    color: #8F969D;
    line-height: 1.6
}

    .blockquote:before {
        display: block;
        width: 50px;
        height: 50px;
        margin-top: -12px;
        background: url(../Media/quote.svg) center no-repeat;
        position: absolute
    }

.figure, .figure img {
    height: auto;
    width: 100%
}

.blockquote footer {
    font-style: normal;
    font-size: 11px;
    color: #34363E;
    margin-top: 10px
}

mark {
    display: inline;
    background: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    color: #8F969D
}

.images-list {
    font-size: 0;
    margin-top: 30px
}

    .images-list > li {
        display: inline-block;
        vertical-align: middle;
        opacity: .5;
        padding: 20px 40px 0 0
    }

    .figure, .figure img, .images-list img {
        display: block
    }

@-webkit-keyframes dot-activation {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes dot-activation {
    0%,100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.figure {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin: 30px 0
}

    .figure figcaption {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        color: #fff;
        padding: 10px;
        background: linear-gradient(to top,rgba(52,54,62,.7) 0,rgba(52,54,62,0) 100%)
    }

        .figure figcaption .icon {
            width: 22px;
            height: 22px;
            background: #FB0;
            display: inline-block;
            line-height: 22px;
            text-align: center;
            color: #34363E;
            font-size: 22px;
            vertical-align: middle;
            border-radius: 50%;
            margin-top: -2px;
            margin-bottom: -2px;
            margin-right: 10px;
            position: relative;
            bottom: 2px
        }

.offset-top {
    margin-top: 30px
}

    .offset-top.larger {
        margin-top: 60px
    }

.offset-bottom {
    margin-bottom: 30px
}

    .offset-bottom.larger {
        margin-bottom: 60px
    }

.properties-table {
    display: table;
    width: 100%;
    margin-top: 80px
}

    .properties-table > li {
        display: table-cell;
        vertical-align: top
    }

    .properties-table dl, .properties-table dl dd, .properties-table dl dt, hr {
        display: block
    }

    .properties-table dl {
        font-size: 14px
    }

        .properties-table dl dt {
            color: #8F969D
        }

        .properties-table dl dd {
            font-weight: 900
        }

hr {
    height: 1px;
    border: none;
    background: #E9EBED;
    margin: 70px 0
}

.airline-bag {
    padding: 20% 20% 0;
    cursor: default
}

    .airline-bag .relative {
        height: 192px
    }

    .airline-bag .adaptive {
        transition: .2s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        max-height: 100%
    }

    .airline-bag .depth, .airline-bag .height, .airline-bag .width {
        position: absolute;
        display: block;
        width: 70px;
        height: 1px;
        background: #34363E;
        bottom: 0;
        transition: .3s
    }

        .airline-bag .depth .unit, .airline-bag .height .unit, .airline-bag .width .unit {
            width: 30px;
            height: 14px;
            font-size: 10px;
            font-weight: 900;
            position: absolute;
            transition: .1s;
            opacity: 0
        }

            .airline-bag .depth .unit b, .airline-bag .height .unit b, .airline-bag .width .unit b {
                font-size: 13px;
                font-weight: 900;
                color: #2E48E8
            }

    .airline-bag .height {
        width: 1px;
        height: 70px;
        left: 50%;
        margin-bottom: 10px;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

        .airline-bag .height .unit {
            bottom: 110%;
            left: 50%;
            margin-left: -15px
        }

    .airline-bag .width {
        right: 50%;
        margin-right: 10px;
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: rotate(40deg) scaleX(0);
        transform: rotate(40deg) scaleX(0)
    }

        .airline-bag .width .unit {
            right: 110%;
            top: 50%;
            margin-top: -5px;
            -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg)
        }

    .airline-bag .depth {
        width: 60px;
        left: 50%;
        margin-left: 10px;
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: rotate(-20deg) scaleX(0);
        transform: rotate(-20deg) scaleX(0)
    }

        .airline-bag .depth .unit {
            left: 110%;
            top: 50%;
            margin-top: -5px;
            -webkit-transform: rotate(20deg);
            transform: rotate(20deg)
        }

    .airline-bag .bag-title, .airline-bag .title {
        font-weight: 900;
        font-size: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 20px 0;
        text-align: center
    }

    .airline-bag .value {
        font-size: 16px;
        color: #8F969D;
        text-align: center
    }

        .airline-bag .value b {
            font-weight: 900;
            color: #34363E
        }

    .airline-bag.in-viewport .adaptive, .airline-bag:hover .adaptive {
        opacity: .3;
        -webkit-transform: translate3d(0,0,0) scale(.9);
        transform: translate3d(0,0,0) scale(.9)
    }

    .airline-bag.in-viewport .width, .airline-bag:hover .width {
        -webkit-transform: rotate(40deg) scaleX(1);
        transform: rotate(40deg) scaleX(1)
    }

    .airline-bag.in-viewport .depth, .airline-bag:hover .depth {
        -webkit-transform: rotate(-20deg) scaleX(1);
        transform: rotate(-20deg) scaleX(1)
    }

    .airline-bag.in-viewport .height, .airline-bag:hover .height {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

        .airline-bag.in-viewport .depth .unit, .airline-bag.in-viewport .height .unit, .airline-bag.in-viewport .width .unit, .airline-bag:hover .depth .unit, .airline-bag:hover .height .unit, .airline-bag:hover .width .unit {
            transition: .3s .3s;
            opacity: 1
        }

.about-article .figure {
    width: 120%
}

.about-article .persons-list {
    padding-left: 50px;
    margin-top: 80px
}

    .about-article .persons-list > li {
        display: table;
        width: 100%;
        table-layout: fixed;
        font-size: 16px;
        margin-top: 30px
    }

        .about-article .persons-list > li .content, .about-article .persons-list > li .image {
            display: table-cell;
            vertical-align: top
        }

        .about-article .persons-list > li .image {
            width: 70px;
            overflow: hidden;
            border-radius: 8px
        }

            .about-article .persons-list > li .image img {
                display: block;
                width: 100%;
                height: auto
            }

        .about-article .persons-list > li .name {
            font-size: 24px;
            font-weight: 900;
            margin-bottom: 15px
        }

        .about-article .persons-list > li .bio {
            color: #8F969D;
            line-height: 1.5
        }

            .about-article .persons-list > li .bio b {
                color: #34363E;
                font-weight: 900
            }

        .about-article .persons-list > li .content {
            padding-top: 10px;
            padding-left: 40px
        }

        .about-article .persons-list > li:first-child {
            margin-top: 0
        }

@media (max-width:1200px) {
    .scroll-top {
        right: 50px;
        bottom: 110px
    }

        .scroll-top.to-top {
            bottom: 190px
        }

    .about-article .figure {
        width: 100%
    }

    .about-article .persons-list {
        padding-left: 40px;
        margin-top: 80px
    }

    [data-lg] {
        display: none
    }
}

@media (max-width:992px) {
    [data-md] {
        display: none !important
    }

    .hero .content {
        position: relative
    }

    .airline-bag {
        padding-left: 20px;
        padding-right: 20px
    }

        .airline-bag .relative {
            height: 160px
        }
}

@media (max-width:768px) {
    .form-hero:before, .hero:after {
        border-radius: 50%;
        box-shadow: 0 0 0 500px #fff
    }

    .questions-wrapper, .section-subtitle {
        margin-bottom: 50px
    }

    body.copy-offset .fixed-nav.active, body.copy-offset .main-header, body.copy-offset main {
        transition: -webkit-transform .4s cubic-bezier(.8,0,.2,1) !important;
        transition: transform .4s cubic-bezier(.8,0,.2,1) !important;
        transition: transform .4s cubic-bezier(.8,0,.2,1),-webkit-transform .4s cubic-bezier(.8,0,.2,1) !important;
        -webkit-transform: translateY(115px);
        transform: translateY(115px)
    }

    body.faded main.filter-disable {
        padding-top: 120px
    }

    body.faded .section {
        padding: 0
    }

    .hero {
        height: auto
    }

        .hero .verticaly-offset {
            margin-top: 0
        }

        .hero .content {
            padding-top: 200px;
            padding-bottom: 0;
            height: auto
        }

        .hero:after {
            width: 800px;
            height: 800px;
            padding: 0;
            left: 50%;
            top: 0;
            margin-left: -400px;
            margin-top: -460px;
            background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 80%)
        }

        .hero .filter-nav {
            margin-left: -20px;
            margin-right: -20px
        }

    body.faded main {
        padding-top: 120px
    }

    [data-sm] {
        display: none !important
    }

    .section {
        padding: 65px 0
    }

    .questions-wrapper {
        width: calc(100% + 40px);
        margin-top: 25px;
        margin-left: -20px;
        overflow: hidden
    }

        .questions-wrapper .questions-inner {
            overflow: hidden;
            padding: 0 20px 20px;
            overflow-x: scroll;
            margin-bottom: -20px
        }

    .section.spaced-top {
        padding-top: 80px
    }

    .section.collapsed-top-xs {
        padding-top: 0
    }

    .questions-list {
        font-size: 0;
        white-space: nowrap;
        width: 100%;
        margin: 0
    }

        .questions-list > li {
            margin: 0 0 0 25px;
            font-size: 16px;
            display: inline-block;
            width: 160px;
            background: #34363E;
            white-space: normal;
            vertical-align: bottom;
            padding: 100px 20px 20px;
            color: #fff;
            border-radius: 10px
        }

    .airline-bag, .info-block p.spaced-xs, .paragraph.spaced-xs {
        margin-bottom: 50px
    }

    .questions-list > li:before {
        width: 50px;
        height: 50px;
        background: url(../Media/icons/faq-grey.svg);
        background-size: 100%;
        top: 30px
    }

    .questions-list > li span {
        display: block;
        padding: 0;
        background: 0 0;
        height: 4em;
        line-height: 1.3;
        font-weight: 900
    }

    .questions-list > li:first-child {
        margin-left: 0
    }

    .questions-list > li:last-child {
        margin-right: 20px
    }

    .questions-list > li:hover {
        cursor: pointer;
        background: #23242A
    }

    .questions-list > li.active span {
        background: 0 0
    }

    .answers-list {
        position: static;
        height: auto !important
    }

        .answers-list > li {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 22;
            background: #34363E;
            display: block;
            padding: 100px;
            color: rgba(255,255,255,.6);
            line-height: 1.7;
            overflow-x: hidden;
            overflow-y: auto;
            opacity: 0;
            pointer-events: none;
            -webkit-transform: scale(.9);
            transform: scale(.9);
            -webkit-transform-origin: 50% 70%;
            transform-origin: 50% 70%;
            transition: .2s
        }

    .form-hero.spaced-bottom, .main-header.collapsed ~ main .form-hero.spaced-bottom, .section.sm-collapsed-bottom {
        padding-bottom: 0
    }

    .answers-list > li .title {
        line-height: 1.3;
        font-size: 34px;
        color: #fff
    }

    .answers-list > li .info-block p, .answers-list > li .paragraph, .info-block .answers-list > li p {
        font-size: 18px
    }

    .answers-list > li.opened {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        pointer-events: auto
    }

        .answers-list > li.opened ~ .closer {
            opacity: 1;
            pointer-events: all
        }

    .answers-list > .closer {
        width: 50px;
        height: 50px;
        background: #2E48E8;
        z-index: 23;
        top: auto;
        bottom: 50px;
        left: 50%;
        padding: 0;
        border-radius: 50%;
        line-height: 50px;
        margin-left: -25px;
        text-align: center;
        font-size: 38px;
        font-weight: 400;
        font-family: Roboto,sans-serif;
        cursor: pointer;
        color: #fff
    }

        .answers-list > .closer .icon {
            display: block;
            width: 50px;
            height: 50px;
            line-height: 50px
        }

    .main-map .section-title {
        margin-top: -170px;
        position: relative;
        z-index: 3;
        text-align: center;
        pointer-events: auto
    }

        .main-map .section-title .paper-plane {
            left: 0
        }

    .form-hero {
        padding-top: 300px;
        overflow: hidden;
        position: relative
    }

        .form-hero:before {
            width: 800px;
            height: 800px;
            padding: 0;
            left: 50%;
            bottom: 0;
            margin-left: -400px;
            margin-top: -500px;
            background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 80%)
        }

    .sm-spaced-top {
        padding-top: 60px
    }

    .section.sm-collapsed {
        padding-top: 0;
        padding-bottom: 0
    }

    .section.sm-collapsed-top {
        padding-top: 0
    }

    .properties-table {
        display: block;
        font-size: 0;
        margin-top: 20px
    }

        .properties-table > li {
            display: inline-block;
            width: 50% !important;
            padding-top: 20px;
            vertical-align: top
        }

    .scroll-top.upper {
        bottom: 35px
    }

    .section-title .block-xs {
        display: block
    }

    .section.hidden-xs {
        display: none
    }
}

@media (max-width:480px) {
    .mobile-align-center, .properties-table dl {
        text-align: center
    }

    .main-map .section-title {
        margin-top: -140px
    }

        .main-map .section-title span.paper-plane:before {
            left: 0 !important;
            bottom: 15px
        }

    .simple-dl.block dd, .simple-dl.block dt {
        text-align: center;
        display: block;
        width: 100%
    }

    .simple-list.small {
        margin-right: 0
    }

    .xs-spaced-top {
        padding-top: 60px
    }

    .hero {
        height: auto;
        min-height: 300px
    }

        .hero .content {
            padding-top: 100px;
            height: auto
        }

        .form-hero:before, .hero:after {
            width: 600px;
            height: 600px;
            margin-left: -300px;
            margin-top: -400px
        }

    .form-hero {
        padding-top: 200px
    }

    .section-title {
        font-size: 24px;
        line-height: 1.1
    }

        .section-title > span.paper-plane:before {
            bottom: 15px
        }

        .section-title > span.paper-plane.smaller:before {
            left: 15px
        }

        .section-title > span.paper-plane.inherit:before {
            width: 40px;
            height: 40px;
            background-size: 100%;
            bottom: 30px
        }

        .section-title.mobile-large {
            font-size: 38px;
            margin-top: 20px;
            margin-bottom: 40px
        }

    .section-subtitle {
        font-size: 16px;
        margin-top: 30px;
        margin-bottom: 60px
    }

    .section.mobile-collapsed-top {
        padding-top: 0
    }

    .section.mobile-collapsed-bottom {
        padding-bottom: 0
    }

    .section.mobile-smaller {
        padding: 60px 0 40px
    }

    .section.mobile-spaced-top {
        padding-top: 20px
    }

    .questions-wrapper {
        margin-top: 40px;
        margin-bottom: 0
    }

    .answers-list > li {
        padding: 100px 20px;
        overflow: hidden
    }

        .answers-list > li .title {
            font-size: 28px;
            color: #fff;
            position: absolute;
            left: 0;
            bottom: calc(100% - 170px);
            padding: 50px 20px;
            width: 100%;
            z-index: 10
        }

            .answers-list > li .title span {
                background: 0 0;
                box-shadow: none;
                margin: 0;
                padding: 0
            }

        .answers-list > li [data-scroll] {
            height: calc(100% + 50px);
            margin-top: 50px;
            overflow-y: auto;
            padding-bottom: 100px
        }

            .answers-list > li [data-scroll] p:first-child {
                margin-top: 0
            }

            .answers-list > li [data-scroll] p:last-child {
                margin-bottom: 0
            }

        .answers-list > li .info-block p, .answers-list > li .paragraph, .info-block .answers-list > li p {
            font-size: 16px
        }

        .answers-list > li.closer {
            -webkit-transform: none;
            transform: none
        }

    .lined-title {
        margin: 30px 0;
        padding-left: 0
    }

        .lined-title:after {
            display: none
        }

    .scroll-top {
        right: 20px;
        bottom: 150px
    }

        .scroll-top.upper {
            bottom: 100px
        }

    .airline-bag {
        padding: 70px 20%;
        margin-bottom: 0
    }

    hr {
        margin: 0
    }

    .hr {
        margin: 60px 0
    }

    .ms-offset-top {
        margin-top: 30px
    }

        .info-block h2.ms-offset-top, .ms-offset-top.marked-title {
            margin-top: 120px
        }

            .info-block h2.ms-offset-top.small, .ms-offset-top.marked-title.small {
                margin-top: 60px
            }

    .blockquote {
        margin: 60px 0
    }

    .properties-table > li {
        display: block;
        width: 100% !important;
        padding-top: 30px
    }

    .about-article .persons-list {
        padding-left: 0
    }

        .about-article .persons-list > li .content {
            padding-left: 20px;
            padding-top: 20px
        }

        .about-article .persons-list > li .name {
            line-height: 1
        }

        .about-article .persons-list > li .bio {
            font-size: 0
        }

            .about-article .persons-list > li .bio b {
                font-size: 16px
            }

    .hidden-xs {
        display: none
    }
}

.static-alert {
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    background: rgba(0,0,0,.1);
    color: #34363E
}

    .static-alert .icon {
        display: inline-block;
        vertical-align: middle;
        margin: -10px 5px -10px 0;
        width: 20px;
        height: 30px;
        line-height: 30px;
        text-align: left;
        font-size: 26px;
        bottom: 2px
    }

    .static-alert.danger {
        background: #ffda75
    }

    .static-alert.error {
        background: #f597ae
    }

    .static-alert.success {
        background: #b0ff8a
    }

    .static-alert.info {
        background: #dadffb
    }

    .static-alert.primary {
        background: #b8c1f7
    }

@media (max-width:480px) {
    .static-alert {
        font-size: 12px
    }
}

.anchors-list {
    font-size: 0
}

    .anchors-list .item.fake {
        display: none
    }

    .anchors-list .item .anchor-link {
        padding: 5px 0
    }

        .anchors-list .item .anchor-link .text-icon {
            height: 22px;
            width: 22px;
            background-color: #383A40;
            border-radius: 50%;
            opacity: .3;
            display: inline-block;
            vertical-align: top;
            margin-right: 15px;
            font-size: 26px;
            color: #fff;
            text-align: center;
            line-height: 20px;
            transition: .3s
        }

            .anchors-list .item .anchor-link .text-icon .icon:before {
                position: relative;
                left: -2px;
                top: -1px
            }

        .anchors-list .item .anchor-link .text {
            display: inline-block;
            vertical-align: top;
            height: 22px;
            min-width: 195px;
            padding: 0 8px;
            color: #34363E;
            line-height: 21px;
            font-size: 14px;
            transition: .3s
        }

    .anchors-list .item.active .anchor-link .text, .anchors-list .item.active .anchor-link .text-icon, .anchors-list .item:hover .anchor-link .text, .anchors-list .item:hover .anchor-link .text-icon {
        background-color: #34363E;
        color: #fff;
        opacity: 1
    }

.blog-item, .blog-item:focus, .blog-item:hover {
    color: #23242A
}

.blog-wrapper .blog-inner {
    white-space: nowrap;
    font-size: 0;
    margin: 0 -20px
}

.blog-item .image-wrapper ~ .category, .blog-wrapper .item .blog-item + .blog-item {
    margin-top: 20px
}

.blog-wrapper .item {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    white-space: normal;
    width: 31%;
    position: relative;
    font-size: 14px
}

.blog-article, .blog-item, .blog-post {
    display: block
}

.blog-wrapper .item.large {
    width: 38%
}

.blog-wrapper .item.small {
    width: 12.4%
}

.blog-item .row {
    margin-left: -5px;
    margin-right: -5px
}

    .blog-item .row > [class*=col] {
        padding-left: 5px;
        padding-right: 5px
    }

.blog-item .image-wrapper {
    border-radius: 10px;
    overflow: hidden
}

.blog-item .image-cover {
    padding-top: 57%;
    border-radius: 10px;
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    transition: .5s;
    margin-bottom: 15px
}

.blog-item .category {
    font-size: 10px;
    color: #8F969D;
    text-transform: uppercase;
    padding: 0 15px;
    margin-bottom: 2px
}

.blog-item .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    padding: 0 15px;
    transition: .2s;
    margin-top: 20px
}

.blog-item:hover .title {
    color: #2E48E8
}

.blog-item:hover .image-cover {
    transition-duration: .5s;
    -webkit-transform: scale(1.05) translate3d(0,0,0);
    transform: scale(1.05) translate3d(0,0,0)
}

.blog-item.small .image-cover {
    margin-bottom: 0
}

.blog-item.small .title {
    font-size: 16px;
    padding: 0
}

.blog-item.small .category {
    padding: 0
}

.blog-post {
    margin-top: 70px
}

    .blog-post .title {
        font-size: 24px;
        font-weight: 900;
        margin-bottom: 15px;
        line-height: 1.2;
        color: inherit
    }

        .blog-post .title:hover {
            color: #2E48E8
        }

    .blog-post .image-cover {
        padding-top: 36.2%;
        border-radius: 8px;
        transition: .3s
    }

        .blog-post .image-cover:hover {
            -webkit-filter: brightness(1.1);
            filter: brightness(1.1)
        }

    .blog-post .tags {
        font-size: 10px;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #8F969D;
        margin-bottom: 10px
    }

        .blog-post .tags a {
            color: #34363E
        }

            .blog-post .tags a:hover {
                color: #2E48E8
            }

    .blog-post .text {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 15px
    }

    .blog-article .tags, .blog-post .date {
        font-size: 10px;
        color: #8F969D
    }

.blog-article .tags {
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 10px
}

    .blog-article .tags a {
        color: #34363E
    }

        .blog-article .tags a:hover {
            color: #2E48E8
        }

.blog-article footer {
    position: fixed;
    top: 180px;
    right: 50%;
    margin-right: 360px;
    font-size: 0;
    width: 200px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .blog-article footer .date, .blog-article footer .logo {
        display: inline-block;
        vertical-align: middle
    }

    .blog-article footer .date {
        font-size: 10px;
        padding-left: 20px
    }

    .blog-article footer .logo {
        display: inline-block;
        width: 32px;
        height: 32px;
        overflow: hidden;
        border-radius: 50%
    }

        .blog-article footer .logo img {
            display: block;
            width: 100%;
            height: 100%
        }

.blog-article .blog-articles {
    position: fixed;
    top: 280px;
    right: 50%;
    margin-right: 400px;
    font-size: 0;
    width: 160px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .blog-article .blog-articles .blog-item .text {
        font-size: 13px
    }

.blog-article .figures, .blog-images-popup .figures {
    position: relative;
    margin-left: -60px;
    margin-right: -140px;
    cursor: crosshair
}

    .blog-article .figures figure, .blog-images-popup .figures figure {
        padding-top: 36.2%;
        border-radius: 8px;
        transition: .3s
    }

        .blog-article .figures figure + figure, .blog-images-popup .figures figure + figure {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 2;
            -webkit-transform-origin: right;
            transform-origin: right;
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            background: #fff
        }

            .blog-article .figures figure + figure img, .blog-images-popup .figures figure + figure img {
                opacity: .1;
                transition: .2s
            }

            .blog-article .figures figure + figure:nth-child(2), .blog-images-popup .figures figure + figure:nth-child(2) {
                -webkit-transform: scale(.88) translateX(calc(20px * 1));
                transform: scale(.88) translateX(calc(20px * 1));
                z-index: -2
            }

            .blog-article .figures figure + figure:nth-child(3), .blog-images-popup .figures figure + figure:nth-child(3) {
                -webkit-transform: scale(.77) translateX(calc(20px * 2));
                transform: scale(.77) translateX(calc(20px * 2));
                z-index: -3
            }

            .blog-article .figures figure + figure:nth-child(4), .blog-images-popup .figures figure + figure:nth-child(4) {
                -webkit-transform: scale(.66) translateX(calc(20px * 3));
                transform: scale(.66) translateX(calc(20px * 3));
                z-index: -4
            }

            .blog-article .figures figure + figure:nth-child(5), .blog-images-popup .figures figure + figure:nth-child(5) {
                -webkit-transform: scale(.55) translateX(calc(20px * 4));
                transform: scale(.55) translateX(calc(20px * 4));
                z-index: -5
            }

            .blog-article .figures figure + figure:nth-child(6), .blog-images-popup .figures figure + figure:nth-child(6) {
                -webkit-transform: scale(.44) translateX(calc(20px * 5));
                transform: scale(.44) translateX(calc(20px * 5));
                z-index: -6
            }

            .blog-article .figures figure + figure:nth-child(7), .blog-images-popup .figures figure + figure:nth-child(7) {
                -webkit-transform: scale(.33) translateX(calc(20px * 6));
                transform: scale(.33) translateX(calc(20px * 6));
                z-index: -7
            }

            .blog-article .figures figure + figure:nth-child(8), .blog-images-popup .figures figure + figure:nth-child(8) {
                -webkit-transform: scale(.22) translateX(calc(20px * 7));
                transform: scale(.22) translateX(calc(20px * 7));
                z-index: -8
            }

            .blog-article .figures figure + figure:nth-child(9), .blog-images-popup .figures figure + figure:nth-child(9) {
                -webkit-transform: scale(.11) translateX(calc(20px * 8));
                transform: scale(.11) translateX(calc(20px * 8));
                z-index: -9
            }

            .blog-article .figures figure + figure:nth-child(10), .blog-images-popup .figures figure + figure:nth-child(10) {
                -webkit-transform: scale(0) translateX(calc(20px * 9));
                transform: scale(0) translateX(calc(20px * 9));
                z-index: -10
            }

        .blog-article .figures figure:last-child, .blog-images-popup .figures figure:last-child {
            margin-right: 20px
        }

    .blog-article .figures:hover figure, .blog-images-popup .figures:hover figure {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }

        .blog-article .figures:hover figure + figure, .blog-images-popup .figures:hover figure + figure {
            -webkit-filter: grayscale(0);
            filter: grayscale(0)
        }

            .blog-article .figures:hover figure + figure img, .blog-images-popup .figures:hover figure + figure img {
                opacity: 1
            }

            .blog-article .figures:hover figure + figure:nth-child(2), .blog-images-popup .figures:hover figure + figure:nth-child(2) {
                -webkit-transform: scale(.88) translateX(calc(40px * 1));
                transform: scale(.88) translateX(calc(40px * 1))
            }

            .blog-article .figures:hover figure + figure:nth-child(3), .blog-images-popup .figures:hover figure + figure:nth-child(3) {
                -webkit-transform: scale(.77) translateX(calc(40px * 2));
                transform: scale(.77) translateX(calc(40px * 2))
            }

            .blog-article .figures:hover figure + figure:nth-child(4), .blog-images-popup .figures:hover figure + figure:nth-child(4) {
                -webkit-transform: scale(.66) translateX(calc(40px * 3));
                transform: scale(.66) translateX(calc(40px * 3))
            }

            .blog-article .figures:hover figure + figure:nth-child(5), .blog-images-popup .figures:hover figure + figure:nth-child(5) {
                -webkit-transform: scale(.55) translateX(calc(40px * 4));
                transform: scale(.55) translateX(calc(40px * 4))
            }

            .blog-article .figures:hover figure + figure:nth-child(6), .blog-images-popup .figures:hover figure + figure:nth-child(6) {
                -webkit-transform: scale(.44) translateX(calc(40px * 5));
                transform: scale(.44) translateX(calc(40px * 5))
            }

            .blog-article .figures:hover figure + figure:nth-child(7), .blog-images-popup .figures:hover figure + figure:nth-child(7) {
                -webkit-transform: scale(.33) translateX(calc(40px * 6));
                transform: scale(.33) translateX(calc(40px * 6))
            }

            .blog-article .figures:hover figure + figure:nth-child(8), .blog-images-popup .figures:hover figure + figure:nth-child(8) {
                -webkit-transform: scale(.22) translateX(calc(40px * 7));
                transform: scale(.22) translateX(calc(40px * 7))
            }

            .blog-article .figures:hover figure + figure:nth-child(9), .blog-images-popup .figures:hover figure + figure:nth-child(9) {
                -webkit-transform: scale(.11) translateX(calc(40px * 8));
                transform: scale(.11) translateX(calc(40px * 8))
            }

            .blog-article .figures:hover figure + figure:nth-child(10), .blog-images-popup .figures:hover figure + figure:nth-child(10) {
                -webkit-transform: scale(0) translateX(calc(40px * 9));
                transform: scale(0) translateX(calc(40px * 9))
            }

.blog-article .blog-articles, .blog-images-popup .blog-articles {
    white-space: nowrap
}

    .blog-article .blog-articles .blog-item, .blog-images-popup .blog-articles .blog-item {
        display: inline-block;
        vertical-align: top;
        width: 320px;
        white-space: normal
    }

.blog-images-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.9);
    z-index: 10;
    pointer-events: none;
    transition: .1s;
    opacity: 0
}

    .blog-images-popup .wrapper {
        height: calc(100% + 20px);
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
        padding-top: 100px
    }

    .blog-images-popup .figures {
        white-space: nowrap;
        opacity: 1;
        z-index: 6;
        font-size: 0;
        width: 100%
    }

        .blog-images-popup .figures figure, .blog-images-popup .figures figure + figure {
            width: 100%;
            display: inline-block;
            position: relative;
            opacity: 1;
            -webkit-filter: none;
            filter: none;
            -webkit-transform: none;
            transform: none;
            z-index: 1;
            transition: none
        }

            .blog-images-popup .figures figure img, .blog-images-popup .figures figure + figure img {
                opacity: 1;
                -webkit-filter: none;
                filter: none
            }

            .blog-images-popup .figures figure + figure {
                margin-left: 20px
            }

                .blog-images-popup .figures figure + figure:nth-child(2) {
                    -webkit-transform: translateX(calc(-100% * 1));
                    transform: translateX(calc(-100% * 1));
                    z-index: -2
                }

                .blog-images-popup .figures figure + figure:nth-child(3) {
                    -webkit-transform: translateX(calc(-100% * 2));
                    transform: translateX(calc(-100% * 2));
                    z-index: -3
                }

                .blog-images-popup .figures figure + figure:nth-child(4) {
                    -webkit-transform: translateX(calc(-100% * 3));
                    transform: translateX(calc(-100% * 3));
                    z-index: -4
                }

                .blog-images-popup .figures figure + figure:nth-child(5) {
                    -webkit-transform: translateX(calc(-100% * 4));
                    transform: translateX(calc(-100% * 4));
                    z-index: -5
                }

                .blog-images-popup .figures figure + figure:nth-child(6) {
                    -webkit-transform: translateX(calc(-100% * 5));
                    transform: translateX(calc(-100% * 5));
                    z-index: -6
                }

                .blog-images-popup .figures figure + figure:nth-child(7) {
                    -webkit-transform: translateX(calc(-100% * 6));
                    transform: translateX(calc(-100% * 6));
                    z-index: -7
                }

                .blog-images-popup .figures figure + figure:nth-child(8) {
                    -webkit-transform: translateX(calc(-100% * 7));
                    transform: translateX(calc(-100% * 7));
                    z-index: -8
                }

                .blog-images-popup .figures figure + figure:nth-child(9) {
                    -webkit-transform: translateX(calc(-100% * 8));
                    transform: translateX(calc(-100% * 8));
                    z-index: -9
                }

                .blog-images-popup .figures figure + figure:nth-child(10) {
                    -webkit-transform: translateX(calc(-100% * 9));
                    transform: translateX(calc(-100% * 9));
                    z-index: -10
                }

        .blog-images-popup .figures.active {
            transition: .3s;
            width: 100% !important;
            margin: 0 !important;
            top: 0 !important;
            left: 0 !important
        }

            .blog-images-popup .figures.active figure + figure {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .blog-images-popup .figures.active figure, .blog-images-popup .figures.active figure + figure {
                -webkit-transform: none !important;
                transform: none !important
            }

    .blog-images-popup [data-close] {
        position: absolute;
        z-index: 10;
        top: 20px;
        left: 50%;
        margin-left: -16px
    }

    .blog-images-popup .title {
        position: absolute;
        font-size: 24px;
        font-weight: 900;
        top: 100px;
        pointer-events: none;
        padding-top: 450px;
        padding-right: 100px;
        width: 460px;
        right: 50%;
        opacity: 0;
        transition: .2s
    }

    .blog-images-popup.active {
        transition: .1s;
        opacity: 1;
        pointer-events: auto
    }

        .blog-images-popup.active .title {
            transition: .2s .3s;
            opacity: 1
        }

@media (min-width:769px) {
    .blog-article .blog-articles .blog-item {
        display: block;
        width: 100%;
        margin-bottom: 60px
    }

        .blog-article .blog-articles .blog-item .date {
            font-size: 10px;
            color: #8F969D
        }

        .blog-article .blog-articles .blog-item .category {
            display: none
        }

        .blog-article .blog-articles .blog-item .title {
            font-size: 14px;
            margin: 5px 0 20px;
            line-height: 1.3
        }

        .blog-article .blog-articles .blog-item .text {
            font-size: 13px;
            line-height: 1.5
        }
}

.book-item, .book-item:focus, .book-item:hover {
    color: #fff
}

@media (max-width:1440px) {
    .blog-images-popup .title {
        position: absolute;
        padding-top: 390px;
        line-height: 1.2
    }

    .blog-article footer {
        top: 130px
    }

    .blog-article .blog-articles {
        top: 200px
    }

        .blog-article .blog-articles .blog-item {
            margin-bottom: 40px
        }

            .blog-article .blog-articles .blog-item .title {
                margin-bottom: 10px
            }

            .blog-article .blog-articles .blog-item .text {
                overflow: hidden;
                max-height: 80px
            }
}

@media (max-width:1200px) {
    .blog-wrapper .blog-inner {
        margin: 0 -10px
    }

    .blog-wrapper .item {
        padding: 0 10px;
        width: 28%
    }

        .blog-wrapper .item .blog-item + .blog-item {
            margin-top: 20px
        }

        .blog-wrapper .item.large {
            width: 35%
        }

        .blog-wrapper .item.small {
            width: 10%
        }

    .blog-article .blog-articles, .blog-article footer {
        right: auto;
        left: 20px;
        margin-right: 0
    }
}

@media (max-width:992px) {
    .blog-wrapper {
        overflow: hidden;
        margin-left: -20px;
        margin-right: -20px
    }

        .blog-wrapper .blog-inner {
            margin: 0 0 -20px;
            padding-bottom: 20px;
            overflow-x: auto
        }

        .blog-wrapper .item {
            padding: 0 20px;
            width: 320px
        }

            .blog-wrapper .item.large {
                width: 390px
            }

            .blog-wrapper .item.small {
                width: 126px
            }

    .blog-images-popup .title {
        padding-top: calc(36%);
        left: 0;
        right: auto;
        padding-right: 0;
        padding-left: 20px
    }

    .blog-article .blog-articles {
        width: 17%
    }
}

@media (max-width:768px) {
    .blog-post .tags {
        margin-top: 40px
    }

    .blog-images-popup .title {
        width: 100%;
        padding-right: 20px
    }

    .blog-article {
        padding-top: 80px
    }

        .blog-article .figures {
            margin: 0 10px 0 0
        }

        .blog-article .blog-articles {
            position: relative;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
            width: auto;
            overflow-x: scroll;
            margin-bottom: -20px;
            padding: 0 20px 20px
        }

            .blog-article .blog-articles .blog-item {
                width: 300px;
                padding-right: 40px;
                margin: 0
            }

                .blog-article .blog-articles .blog-item .text {
                    display: none
                }

        .blog-article footer {
            top: 90px;
            position: absolute
        }

    .blog-articles-wrapper {
        position: relative;
        margin-left: -20px;
        width: calc(100% + 40px);
        overflow: hidden
    }
}

@media (max-width:480px) {
    .blog-item .title {
        font-size: 20px
    }

    .blog-item.small .title {
        font-size: 16px
    }

    .blog-wrapper {
        margin-left: -10px;
        margin-right: -10px
    }

        .blog-wrapper .item {
            padding: 0 10px;
            width: 320px
        }

            .blog-wrapper .item.large {
                width: 300px
            }

            .blog-wrapper .item.small {
                width: 110px
            }

    .blog-post {
        margin-top: 40px
    }

    .blog-article .blog-articles .blog-item {
        width: 270px;
        padding-right: 10px
    }
}

.book-item {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    font-size: 14px
}

    .book-item .image-cover {
        padding-top: 125%
    }

    .book-item .content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(13,13,15,.46);
        padding: 20px;
        z-index: 2;
        transition: .4s;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .book-item .icon-duration {
        position: absolute;
        top: 20px;
        right: 17px;
        color: #FB0;
        font-size: 28px;
        line-height: 20px;
        display: none
    }

    .book-item .label {
        margin-bottom: 20px
    }

    .book-item .title {
        font-size: 38px;
        font-weight: 900;
        letter-spacing: -.02em
    }

    .book-item .price {
        font-size: 30px;
        font-weight: 900
    }

    .book-item .date {
        color: #FB0;
        position: absolute;
        bottom: 20px;
        left: 20px;
        font-weight: 900
    }

        .book-item .date .icon {
            font-size: 28px;
            vertical-align: middle;
            position: relative;
            bottom: 2px
        }

.booking .text:after, .btn .icon {
    display: inline-block;
    bottom: 1px;
    position: relative
}

.book-item:hover .content {
    background: rgba(35,36,42,.7)
}

.booking {
    background: #fff;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 0;
    line-height: 1;
    transition: .2s;
    cursor: pointer;
    color: #34363E;
    height: 60px
}

    .booking .host, .booking .price, .booking .text {
        font-size: 14px;
        display: inline-block;
        line-height: 60px;
        height: 60px;
        padding: 0 15px;
        vertical-align: middle
    }

    .booking .price {
        width: 30%;
        font-size: 24px;
        font-weight: 900
    }

    .booking .host {
        font-weight: 500;
        width: 40%;
        color: #8F969D
    }

    .booking .text {
        font-weight: 600;
        text-align: right;
        width: 30%
    }

        .booking .text:after {
            content: '\e966';
            margin-left: 6px;
            font-family: icomoon;
            font-size: 70%;
            transition: opacity .2s,-webkit-transform .2s;
            transition: opacity .2s,transform .2s;
            transition: opacity .2s,transform .2s,-webkit-transform .2s
        }

    .booking.active, .booking:focus, .booking:hover {
        color: #fff;
        background: #2E48E8;
        box-shadow: 0 12px 24px rgba(46,72,232,.3)
    }

        .booking.active .host, .booking:focus .host, .booking:hover .host {
            color: inherit
        }

        .booking.active .text:after, .booking:focus .text:after, .booking:hover .text:after {
            -webkit-transform: translateX(5px);
            transform: translateX(5px);
            opacity: .5
        }

        .booking.active:focus, .booking.active:hover {
            background-color: #fff;
            color: #34363E
        }

@media (max-width:480px) {
    .booking .price {
        font-size: 20px;
        width: 25%
    }

    .booking .host {
        width: 45%
    }

    .booking .text {
        line-height: 63px
    }

    .spaced .booking {
        color: #fff;
        background: #2E48E8;
        box-shadow: 0 12px 24px rgba(46,72,232,.3)
    }

        .spaced .booking .host {
            color: inherit
        }

    .spaced ~ .spaced .booking {
        color: #34363E;
        background: #fff;
        box-shadow: none
    }

        .spaced ~ .spaced .booking .host {
            color: #8F969D
        }

        .spaced ~ .spaced .booking .text:after {
            -webkit-transform: none;
            transform: none;
            opacity: 1
        }
}

.btn {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    line-height: 20px;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 900;
    background: #34363E;
    border: none;
    border-radius: 3px;
    padding: 15px 25px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: .4s box-shadow,.2s color;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center
}

    .btn .icon {
        vertical-align: middle;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: -10px -5px;
        font-size: 24px
    }

    .btn .text {
        position: relative;
        z-index: 2;
        color: inherit
    }

    .btn .animation, .btn .animation:after, .btn .animation:before {
        position: absolute;
        transition: .4s;
        top: 0;
        height: 100%;
        width: 100%
    }

    .btn:active, .btn:focus, .btn:hover {
        color: #fff
    }

    .btn .animation {
        z-index: 1;
        left: 0;
        background: #8F969D;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

        .btn .animation:after, .btn .animation:before {
            content: '';
            display: block;
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }

        .btn .animation:before {
            background: #7083F0;
            left: -100%
        }

    .btn:hover {
        box-shadow: 0 12px 24px rgba(46,72,232,.3)
    }

        .btn:hover .animation {
            -webkit-transform: translateX(99.5%);
            transform: translateX(99.5%)
        }

            .btn:hover .animation:before {
                -webkit-transform: translateX(.2%);
                transform: translateX(.2%)
            }

    .btn.btn-link {
        background: 0 0;
        color: #34363E
    }

        .btn.btn-link .animation {
            display: none
        }

        .btn.btn-link:hover {
            box-shadow: none;
            color: #8F969D
        }

    .btn.btn-block {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .btn.btn-info {
        background: #7083F0
    }

    .btn.btn-primary {
        background: #2E48E8
    }

        .btn.btn-primary[disabled] {
            background: #7083F0
        }

    .btn.btn-light {
        background: #F7F8FA;
        color: #8F969D;
        transition: .1s
    }

        .btn.btn-light:hover {
            background: #e7eaf0;
            box-shadow: none;
            color: #8F969D
        }

    .btn.btn-dark {
        background: 0 0;
        color: #8F969D;
        transition: .1s
    }

        .btn.btn-dark:hover {
            background: 0 0;
            box-shadow: none;
            color: #fff
        }

    .btn.btn-expander {
        display: block;
        position: relative;
        text-transform: none;
        width: 100%;
        padding: 10px 15px
    }

        .btn.btn-expander:after {
            display: block;
            content: "\e902";
            font-family: icomoon;
            width: 20px;
            height: 20px;
            text-align: center;
            transition: .2s;
            font-size: 20px;
            line-height: 20px;
            top: 10px;
            right: 10px;
            position: absolute
        }

    .btn.btn-round {
        width: 32px;
        height: 32px;
        padding: 0;
        line-height: 32px;
        background: #F7F8FA;
        color: #34363E;
        border-radius: 50%;
        box-shadow: none;
        transition: .2s
    }

        .btn.btn-round:focus, .btn.btn-round:hover {
            box-shadow: none;
            background: #34363E;
            color: #fff
        }

        .btn.btn-round .icon {
            display: block;
            width: 100%;
            text-align: center;
            margin: 0
        }

            .btn.btn-round .icon.icon-close, .btn.btn-round .icon.icon-facebook, .btn.btn-round .icon.icon-messenger, .btn.btn-round .icon.icon-share, .btn.btn-round .icon.icon-viber {
                line-height: 34px
            }

            .btn.btn-round .icon.icon-close {
                font-size: 30px;
                font-weight: 400
            }

        .btn.btn-round .active, .btn.btn-round .inactive {
            transition: .1s transform
        }

        .btn.btn-round.dark, .btn.btn-round.dark:focus {
            background: #34363E;
            color: #fff
        }

            .btn.btn-round.dark:hover {
                background: #F7F8FA;
                color: #34363E
            }

        .btn.btn-round.active .active, .btn.btn-round.active .inactive {
            transition: .5s transform;
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
        }

        .btn.btn-round.larger {
            width: 50px;
            height: 50px;
            line-height: 50px
        }

            .btn.btn-round.larger .icon:before {
                font-size: 44px
            }

.calculator {
    position: relative
}

    .calculator input {
        border: none;
        background: 0 0;
        height: 30px;
        font-family: Roboto,sans-serif;
        font-size: 18px;
        font-weight: 900;
        display: block;
        width: 100%;
        line-height: 16px;
        padding: 5px 10px;
        text-align: center
    }

        .calculator input.disabled {
            color: #8F969D
        }

    .calculator .minus, .calculator .plus {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 27px;
        position: absolute;
        display: block;
        transition: .1s;
        top: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #8F969D
    }

.calendar, .calendar .sidebar .months-list {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.calculator .minus .icon, .calculator .plus .icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    bottom: 3px
}

.calculator .minus:hover, .calculator .plus:hover {
    color: #34363E
}

.calculator .minus:active, .calculator .plus:active {
    transition: 0s;
    color: #23242A;
    -webkit-transform: scale(1.2) translate3d(0,0,0);
    transform: scale(1.2) translate3d(0,0,0)
}

.calculator .minus {
    left: 0
}

.calculator .plus {
    right: 0
}

.calendar {
    position: absolute;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    top: 0;
    z-index: 12;
    width: 100%;
    margin-top: -70px;
    border-radius: 3px;
    overflow: hidden;
    user-select: none;
    opacity: 0;
    pointer-events: none;
    transition: .2s
}

    .calendar .header {
        padding: 20px 0;
        text-align: left;
        position: absolute;
        font-size: 0;
        left: 200px;
        top: 0;
        right: 0
    }

        .calendar .header .date, .calendar .header .divider {
            display: inline-block;
            position: relative;
            width: 50%;
            vertical-align: middle;
            line-height: 30px;
            padding: 0 8px
        }

        .calendar .header .date {
            white-space: nowrap;
            overflow: hidden;
            text-align: left
        }

            .calendar .header .date .form-group {
                width: 210px
            }

    .calendar .sidebar {
        width: 200px;
        padding: 25px 0
    }

        .calendar .sidebar .months-list {
            line-height: 1;
            user-select: none
        }

.checkbox, .fixed-nav .logo img, .form-section.collapsed .static, .main-header .logo img {
    -ms-user-select: none;
    -webkit-user-select: none
}

.calendar .sidebar .months-list > li {
    padding: 10px 20px;
    cursor: pointer;
    transition: .1s;
    color: #8F969D
}

@media (min-width:769px) {
    .calendar .sidebar .months-list > li.visible:not(.active), .calendar .sidebar .months-list > li:hover {
        color: #7083F0
    }

    .calendar .sidebar .months-list > li.active, .calendar .sidebar .months-list > li:active {
        color: #34363E
    }
}

.calendar .body {
    position: absolute;
    top: 100px;
    left: 200px;
    right: 0;
    bottom: 0;
    overflow: hidden
}

    .calendar .body .months {
        font-size: 0
    }

        .calendar .body .months > li {
            font-size: 14px;
            display: inline-block;
            width: 50%;
            vertical-align: top;
            padding-bottom: 50px
        }

        .calendar .body .months table {
            display: table;
            width: 100%;
            max-width: 280px;
            border-collapse: collapse;
            table-layout: fixed
        }

            .calendar .body .months table .day {
                display: block;
                width: 100%;
                height: 40px;
                position: relative;
                z-index: 2;
                color: #34363E;
                line-height: 40px;
                border-radius: 50%;
                text-align: center;
                cursor: pointer;
                font-weight: 500;
                transition: .1s
            }

            .calendar .body .months table caption {
                text-align: left;
                font-size: 16px;
                font-weight: 900;
                padding: 0 0 20px 10px
            }

            .calendar .body .months table td, .calendar .body .months table th {
                padding: 0 0 1px;
                border: none;
                text-align: center;
                color: #34363E
            }

            .calendar .body .months table th {
                font-weight: 900;
                text-transform: uppercase;
                font-size: 13px;
                padding-bottom: 10px
            }

            .calendar .body .months table td {
                font-size: 16px
            }

                .calendar .body .months table td:hover:not(.highlighted):not(.start):not(.end) .day {
                    background: #F7F8FA;
                    border-radius: 50%
                }

                .calendar .body .months table td.highlighted .day {
                    background: #F7F8FD;
                    border-radius: 0;
                    color: #23242A
                }

                .calendar .body .months table td.highlighted.first .day {
                    border-radius: 50% 0 0 50%
                }

                .calendar .body .months table td.highlighted.first.end .day {
                    border-top-right-radius: 50%;
                    border-bottom-right-radius: 50%
                }

                .calendar .body .months table td.highlighted.last .day {
                    border-radius: 0 50% 50% 0
                }

                .calendar .body .months table td.highlighted.last.start .day {
                    border-top-left-radius: 50%;
                    border-bottom-left-radius: 50%
                }

                .calendar .body .months table td.start .day {
                    border-radius: 50% 0 0 50%
                }

                .calendar .body .months table td.end .day {
                    border-radius: 0 50% 50% 0
                }

                .calendar .body .months table td.active .day {
                    color: #fff;
                    background: #F7F8FD
                }

                    .calendar .body .months table td.active .day:before {
                        content: '';
                        display: block;
                        position: absolute;
                        background: #7083F0;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        z-index: -1;
                        border-radius: 50%
                    }

    .calendar .body .scrolled {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        padding-top: 30px
    }

    .calendar .body:after, .calendar .body:before {
        background: #fff;
        content: '';
        display: none;
        position: absolute;
        box-shadow: 0 0 30px 15px #fff;
        left: 0;
        width: calc(100% - 50px);
        height: 30px;
        z-index: 3
    }

    .calendar .body:before {
        top: -20px
    }

    .calendar .body:after {
        bottom: 0
    }

    .calendar .body.collapsed {
        top: 0
    }

.calendar.active {
    opacity: 1;
    pointer-events: auto
}

@media (max-width:768px) {
    .s-engine .calendar .input.grey {
        color: #8F969D
    }
}

.checkbox {
    -moz-user-select: none;
    user-select: none;
    font-weight: 900
}

    .checkbox input {
        position: absolute;
        opacity: 0
    }

        .checkbox input:checked ~ label span:not(.label-icon) {
            border-color: #2E48E8
        }

            .checkbox input:checked ~ label span:not(.label-icon):after {
                transition-delay: 0s;
                -webkit-transform: rotate(-45deg) scaleX(1);
                transform: rotate(-45deg) scaleX(1)
            }

            .checkbox input:checked ~ label span:not(.label-icon):before {
                transition-delay: .1s;
                -webkit-transform: rotate(45deg) scaleX(1);
                transform: rotate(45deg) scaleX(1)
            }

        .checkbox input:focus ~ label span:not(.label-icon) {
            box-shadow: 0 0 0 4px rgba(143,150,157,.2)
        }

        .checkbox input:checked:focus ~ label span:not(.label-icon) {
            box-shadow: 0 0 0 4px rgba(46,72,232,.2)
        }

        .checkbox input:checked ~ label {
            color: #2E48E8
        }

    .checkbox label {
        display: block;
        position: relative;
        padding: 10px 0 10px 30px;
        width: 100%;
        cursor: pointer;
        transition: .1s
    }

        .checkbox label span:not(.label-icon) {
            position: absolute;
            width: 14px;
            height: 14px;
            border: 2px solid #8F969D;
            border-radius: 50%;
            left: 0;
            top: 11px;
            transition: .1s
        }

            .checkbox label span:not(.label-icon):after, .checkbox label span:not(.label-icon):before {
                content: '';
                display: block;
                position: absolute;
                height: 2px;
                background: #2E48E8
            }

            .checkbox label span:not(.label-icon):after {
                transition: .1s .1s;
                width: 10px;
                top: 0;
                left: 3px;
                box-shadow: 0 0 0 2px #fff;
                -webkit-transform-origin: 70% 50%;
                transform-origin: 70% 50%;
                -webkit-transform: rotate(-45deg) scaleX(.2);
                transform: rotate(-45deg) scaleX(.2);
                z-index: 2
            }

            .checkbox label span:not(.label-icon):before {
                width: 4px;
                top: 6px;
                left: 1px;
                transition: .1s;
                -webkit-transform-origin: right;
                transform-origin: right;
                -webkit-transform: rotate(45deg) scaleX(0);
                transform: rotate(45deg) scaleX(0);
                z-index: 3
            }

        .checkbox label:hover {
            color: #34363E
        }

    .checkbox dl {
        display: table;
        table-layout: fixed;
        width: 100%
    }

        .checkbox dl dd, .checkbox dl dt {
            display: table-cell;
            vertical-align: top
        }

        .checkbox dl dd {
            text-align: right
        }

.dropdown .checkbox label {
    padding-left: 45px;
    padding-right: 20px
}

    .dropdown .checkbox label > span:not(.label-icon) {
        left: 20px
    }

.dropdown .checkbox.round label {
    padding-left: 10px;
    padding-right: 20px
}

    .dropdown .checkbox.round label > span {
        left: 0
    }

.checkbox.round {
    display: inline-block;
    width: auto;
    padding-left: 0;
    padding-right: 0
}

    .checkbox.round label span:not(.label-icon) {
        background: #8F969D;
        width: 30px;
        height: 12px;
        border-radius: 10px;
        border: none;
        margin-top: -6px;
        left: 0
    }

        .checkbox.round label span:not(.label-icon):before {
            display: none
        }

        .checkbox.round label span:not(.label-icon):after {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            -webkit-transform: none;
            transform: none;
            transition-delay: 0s;
            box-shadow: 0 2px 5px rgba(0,0,0,.1);
            background: #fff;
            top: -2px;
            left: 0;
            z-index: 3
        }

    .checkbox.round input:checked ~ label span {
        background: #7083F0
    }

        .checkbox.round input:checked ~ label span:after {
            -webkit-transform: translateX(16px);
            transform: translateX(16px);
            transition-delay: 0s
        }

        .checkbox.round input:checked ~ label span:before {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
            transition-delay: 0s
        }

    .checkbox.round.primary label span {
        background: rgba(112,131,240,.5)
    }

        .checkbox.round.primary label span:after {
            box-shadow: 0 0 0 1px rgba(112,131,240,.5)
        }

    .checkbox.round.primary input:checked ~ label span {
        background: #2E48E8
    }

        .checkbox.round.primary input:checked ~ label span:after {
            box-shadow: 0 0 0 1px #2E48E8
        }

.checkbox.black input:checked ~ label span {
    border-color: #34363E !important
}

.checkbox.black input:checked:focus ~ label span {
    box-shadow: 0 0 0 5px rgba(0,0,0,.1)
}

.checkbox.black label span {
    width: 18px;
    height: 18px;
    border-color: #8F969D !important
}

    .checkbox.black label span:after {
        width: 14px;
        height: 2px;
        top: 2px;
        left: 5px;
        background: #34363E;
        -webkit-transform-origin: 60% 50%;
        transform-origin: 60% 50%
    }

    .checkbox.black label span:before {
        background: #34363E;
        width: 5px;
        height: 2px;
        top: 8px;
        left: 3px
    }

.main-city {
    display: block
}

    .main-city .image-cover {
        width: 110px;
        padding-top: 118px;
        border-radius: 8px;
        margin: 0 auto
    }

    .main-city .chevron {
        position: relative;
        z-index: 3
    }

        .main-city .chevron .icon {
            display: block;
            margin: -23px auto 0;
            width: 44px;
            height: 44px;
            background: #2E48E8;
            color: #fff;
            line-height: 44px;
            text-align: center;
            font-size: 20px;
            border-radius: 50%;
            box-shadow: 0 12px 24px rgba(46,72,232,.32)
        }

    .main-city .title {
        font-size: 32px;
        font-weight: 900;
        margin: 40px 0;
        line-height: 1
    }

    .main-city .subtitle {
        margin: 10px 0;
        line-height: 1.2;
        font-size: 24px;
        font-weight: 500
    }

    .main-city .text {
        font-size: 14px
    }

    .main-city.airline .image-cover img:not(.logo) {
        -webkit-filter: saturate(0) brightness(1);
        filter: saturate(0) brightness(1);
        opacity: .15
    }

    .main-city.airline .image-cover img.logo {
        width: 40px;
        height: auto;
        -webkit-transform: none;
        transform: none;
        top: auto;
        left: 50%;
        bottom: 40px;
        margin-left: -20px
    }

.inline-logo {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 20px;
    position: relative;
    bottom: 1px;
    margin-right: 20px
}

.airline-card, .city-card, .city-fake {
    display: table;
    width: 100%;
    color: #34363E;
    table-layout: fixed;
    margin: 60px 0
}

    .airline-card .column, .city-card .column, .city-fake .column {
        display: table-cell;
        vertical-align: middle
    }

        .airline-card .column:nth-child(1), .city-card .column:nth-child(1), .city-fake .column:nth-child(1) {
            width: 100px;
            padding-right: 25px
        }

        .airline-card .column:nth-child(2), .city-card .column:nth-child(2), .city-fake .column:nth-child(2) {
            padding-left: 25px
        }

        .airline-card .column:nth-child(3), .city-card .column:nth-child(3), .city-fake .column:nth-child(3) {
            width: 30%
        }

        .airline-card .column:nth-child(4), .city-card .column:nth-child(4), .city-fake .column:nth-child(4) {
            width: 100px;
            text-align: right
        }

            .airline-card .column:nth-child(4) .icon, .city-card .column:nth-child(4) .icon, .city-fake .column:nth-child(4) .icon {
                width: 32px;
                height: 32px;
                line-height: 32px;
                text-align: center;
                background: #F7F8FA;
                display: inline-block;
                border-radius: 50%;
                font-size: 17px;
                transition: .2s
            }

    .airline-card .image-cover, .city-card .image-cover, .city-fake .image-cover {
        padding-top: 200%;
        border-radius: 8px
    }

        .airline-card .image-cover .logo, .city-card .image-cover .logo, .city-fake .image-cover .logo {
            width: 75px;
            height: 75px;
            opacity: 1;
            -webkit-filter: none;
            filter: none;
            top: auto;
            left: auto;
            bottom: 0;
            right: 0;
            margin: 0;
            -webkit-transform: none;
            transform: none;
            z-index: 3
        }

        .airline-card .image-cover.danger:before, .airline-card .image-cover.info:before, .airline-card .image-cover.primary:before, .city-card .image-cover.danger:before, .city-card .image-cover.info:before, .city-card .image-cover.primary:before, .city-fake .image-cover.danger:before, .city-fake .image-cover.info:before, .city-fake .image-cover.primary:before {
            font-family: icomoon;
            content: "\e971";
            width: 30px;
            height: 30px;
            line-height: 36px;
            text-align: center;
            font-size: 16px;
            position: absolute;
            display: block;
            background: #2E48E8;
            z-index: 3;
            top: 0;
            left: 50%;
            color: #fff;
            margin-left: -15px
        }

        .airline-card .image-cover.danger:after, .airline-card .image-cover.info:after, .airline-card .image-cover.primary:after, .city-card .image-cover.danger:after, .city-card .image-cover.info:after, .city-card .image-cover.primary:after, .city-fake .image-cover.danger:after, .city-fake .image-cover.info:after, .city-fake .image-cover.primary:after {
            content: '';
            position: absolute;
            display: block;
            top: 24px;
            left: 50%;
            margin-left: -15px;
            border: 15px solid #2E48E8;
            transition: .2s;
            border-top-width: 10px;
            border-bottom-width: 10px;
            border-bottom-color: transparent
        }

        .airline-card .image-cover.info:before, .city-card .image-cover.info:before, .city-fake .image-cover.info:before {
            background: #8F5EE0
        }

        .airline-card .image-cover.info:after, .city-card .image-cover.info:after, .city-fake .image-cover.info:after {
            border-top-color: #8F5EE0;
            border-left-color: #8F5EE0;
            border-right-color: #8F5EE0
        }

        .airline-card .image-cover.danger:before, .city-card .image-cover.danger:before, .city-fake .image-cover.danger:before {
            background: #FB0
        }

        .airline-card .image-cover.danger:after, .city-card .image-cover.danger:after, .city-fake .image-cover.danger:after {
            border-top-color: #FB0;
            border-left-color: #FB0;
            border-right-color: #FB0
        }

    .airline-card .title, .city-card .title, .city-fake .title {
        font-size: 24px;
        font-weight: 900;
        line-height: 1;
        margin-bottom: 20px
    }

    .airline-card .text, .city-card .text, .city-fake .text {
        font-size: 16px;
        max-width: 300px
    }

    .airline-card .features, .city-card .features, .city-fake .features {
        display: table;
        list-style: none;
        white-space: nowrap;
        table-layout: fixed;
        width: 100%;
        font-size: 14px
    }

        .airline-card .features > li, .city-card .features > li, .city-fake .features > li {
            display: table-cell;
            vertical-align: middle;
            text-align: center
        }

        .airline-card .features .icon, .airline-card .features b, .city-card .features .icon, .city-card .features b, .city-fake .features .icon, .city-fake .features b {
            display: block;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 30px
        }

            .airline-card .features .icon.icon-price-down, .airline-card .features b.icon-price-down, .city-card .features .icon.icon-price-down, .city-card .features b.icon-price-down, .city-fake .features .icon.icon-price-down, .city-fake .features b.icon-price-down {
                color: #3DBD00
            }

            .airline-card .features .icon.icon-price-up, .airline-card .features b.icon-price-up, .city-card .features .icon.icon-price-up, .city-card .features b.icon-price-up, .city-fake .features .icon.icon-price-up, .city-fake .features b.icon-price-up {
                color: #EB2C5A
            }

        .airline-card .features b, .city-card .features b, .city-fake .features b {
            font-size: 18px;
            font-weight: 900
        }

    .airline-card:focus, .airline-card:hover, .city-card:focus, .city-card:hover {
        color: #34363E
    }

        .airline-card:focus .title, .airline-card:hover .title, .city-card:focus .title, .city-card:hover .title {
            color: #2E48E8
        }

        .airline-card:focus .image-cover:after, .airline-card:hover .image-cover:after, .city-card:focus .image-cover:after, .city-card:hover .image-cover:after {
            -webkit-transform: translateY(5px);
            transform: translateY(5px)
        }

        .airline-card:focus .column:nth-child(4) .icon, .airline-card:hover .column:nth-child(4) .icon, .city-card:focus .column:nth-child(4) .icon, .city-card:hover .column:nth-child(4) .icon {
            color: #fff;
            background: #34363E
        }

    .airline-card .image-cover img {
        -webkit-filter: saturate(0);
        filter: saturate(0);
        opacity: .2
    }

    .city-fake .image {
        background: #F7F8FA;
        padding-top: 200%;
        border-radius: 8px
    }

    .city-fake .features > li span, .city-fake .text, .city-fake .title {
        border-radius: 5px;
        background: #F7F8FA
    }

    .city-fake .title {
        height: 24px;
        width: 30%;
        margin-bottom: 20px
    }

    .city-fake .text {
        height: 16px;
        width: 60%;
        margin-bottom: 15px
    }

    .city-fake .features > li {
        display: table-cell
    }

        .city-fake .features > li span {
            display: block;
            margin: 0 auto;
            width: 40px;
            height: 40px
        }

    .city-fake .icon {
        background: #F7F8FA;
        vertical-align: middle
    }

    .city-fake .features li span, .city-fake .icon, .city-fake .image, .city-fake .text, .city-fake .title {
        position: relative;
        overflow: hidden
    }

        .city-fake .features li span:before, .city-fake .icon:before, .city-fake .image:before, .city-fake .text:before, .city-fake .title:before {
            content: '';
            display: block;
            width: 200%;
            height: 200%;
            top: -50%;
            left: -50%;
            position: absolute;
            background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);
            -webkit-transform: translate(-100%,-100%) rotate(45deg);
            transform: translate(-100%,-100%) rotate(45deg);
            -webkit-animation: city-fake 2s infinite;
            animation: city-fake 2s infinite
        }

.city-hero .name, .city-hero .premium .icon, .city-hero .premium .text, .city-hero .price {
    display: inline-block;
    vertical-align: top
}

.city-fake .text:before, .city-fake .title:before {
    -webkit-animation: city-fake2 2s infinite;
    animation: city-fake2 2s infinite;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.city-fake .features li:nth-child(1) span:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.city-fake .features li:nth-child(2) span:before {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.city-fake .features li:nth-child(3) span:before {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.city-fake .features li:nth-child(4) span:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.city-fake .icon:before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes city-fake {
    0% {
        -webkit-transform: translate(-100%,-100%) rotate(45deg);
        transform: translate(-100%,-100%) rotate(45deg)
    }

    100% {
        -webkit-transform: translate(100%,100%) rotate(45deg);
        transform: translate(100%,100%) rotate(45deg)
    }
}

@keyframes city-fake {
    0% {
        -webkit-transform: translate(-100%,-100%) rotate(45deg);
        transform: translate(-100%,-100%) rotate(45deg)
    }

    100% {
        -webkit-transform: translate(100%,100%) rotate(45deg);
        transform: translate(100%,100%) rotate(45deg)
    }
}

@-webkit-keyframes city-fake2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes city-fake2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.city-hero .name {
    font-weight: 900;
    font-size: 58px;
    line-height: 1;
    margin-right: 50px
}

.city-hero .price {
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    background: #F7F8FA;
    border-radius: 25px;
    position: relative;
    top: 3px;
    font-size: 28px;
    font-weight: 900
}

.city-hero .premium {
    white-space: nowrap;
    font-size: 0;
    margin-top: 60px
}

    .city-hero .premium .text {
        font-size: 20px;
        padding-left: 20px;
        line-height: 1.2
    }

        .city-hero .premium .text small {
            display: block;
            margin-top: 2px;
            font-size: 14px
        }

    .city-hero .premium .icon {
        width: 44px;
        height: 44px;
        line-height: 44px;
        background: #2E48E8;
        color: #fff;
        font-size: 20px;
        text-align: center;
        border-radius: 50%
    }

.city-hero .features {
    display: table;
    width: calc(100% + 40px);
    table-layout: fixed;
    list-style: none;
    margin-left: -20px
}

    .city-hero .features > li {
        display: table-cell;
        vertical-align: top
    }

    .city-hero .features span {
        margin: 0 auto;
        display: block;
        width: 48px;
        height: 70px;
        background: #F7F8FA;
        border-radius: 30px;
        text-align: center;
        line-height: 1;
        cursor: default;
        transition: .2s
    }

.copy-block, .dropdown {
    transition: .1s;
    opacity: 0;
    pointer-events: none
}

.city-hero .features span .icon, .city-hero .features span b {
    display: block;
    height: 40px;
    line-height: 48px
}

.city-hero .features span .icon {
    font-size: 28px
}

.city-hero .features span .icon-price-down {
    color: #3DBD00
}

.city-hero .features span .icon-price-up {
    color: #EB2C5A
}

.city-hero .features span b {
    font-weight: 900;
    font-size: 18px
}

.city-hero .features span:hover {
    color: #fff;
    background: #34363E
}

    .city-hero .features span:hover .icon, .city-hero .features span:hover b {
        color: rgba(255,255,255,.7)
    }

.city-hero .subtitle {
    margin-top: 20px
}

.city-hero .destinations-list {
    padding-top: 20px
}

    .city-hero .destinations-list li {
        display: table;
        width: 100%;
        table-layout: fixed;
        padding-top: 20px;
        white-space: nowrap;
        font-size: 16px
    }

        .city-hero .destinations-list li .city, .city-hero .destinations-list li .cost, .city-hero .destinations-list li .icon {
            display: table-cell;
            vertical-align: top
        }

        .city-hero .destinations-list li .icon {
            width: 40px;
            height: 40px;
            text-align: left;
            line-height: 40px;
            font-size: 32px
        }

            .city-hero .destinations-list li .icon.icon-price-down {
                color: #3DBD00
            }

            .city-hero .destinations-list li .icon.icon-price-up {
                color: #EB2C5A
            }

        .city-hero .destinations-list li .city, .city-hero .destinations-list li .cost {
            padding-top: 10px
        }

        .city-hero .destinations-list li .cost {
            width: 50px;
            font-weight: 900
        }

        .city-hero .destinations-list li .city {
            overflow: hidden;
            white-space: nowrap
        }

            .city-hero .destinations-list li .city .divider {
                height: 1px;
                width: 22px;
                display: inline-block;
                background: #34363E;
                vertical-align: middle;
                margin: 0 5px
            }

.city-hero [data-lists-row] {
    margin-right: -80%
}

@media (max-width:1200px) {
    .airline-card, .city-card, .city-fake {
        width: calc(100% - 40px)
    }
}

@media (max-width:992px) {
    .airline-card .column:nth-child(3), .city-card .column:nth-child(3), .city-fake .column:nth-child(3) {
        width: 35%
    }

    .airline-card .column:nth-child(4), .city-card .column:nth-child(4), .city-fake .column:nth-child(4), .city-hero .premium {
        display: none
    }

    .city-hero [data-lists-row] {
        margin-right: -50%
    }
}

@media (max-width:768px) {
    .airline-card, .city-card, .city-fake {
        width: 100%
    }

        .airline-card .column:nth-child(2), .city-card .column:nth-child(2), .city-fake .column:nth-child(2) {
            padding-left: 0;
            padding-right: 20px
        }

    .city-hero-section {
        position: relative;
        margin-top: -220px;
        z-index: 3
    }

    .city-hero {
        position: relative;
        z-index: 2
    }

        .city-hero .price {
            display: none
        }

        .city-hero .name {
            line-height: 60px;
            height: 60px;
            padding: 0;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            display: block
        }

        .city-hero .subtitle {
            text-align: center;
            margin-top: 10px;
            margin-bottom: 25px
        }

        .city-hero .features {
            width: 200px;
            margin: 30px auto
        }

        .city-hero .premium-mobile .icon {
            background: #2E48E8;
            color: #fff;
            display: inline-block;
            width: 18px;
            height: 18px;
            line-height: 18px;
            text-align: center;
            font-size: 10px;
            border-radius: 50%;
            vertical-align: middle;
            position: relative;
            bottom: 2px;
            margin-right: 10px
        }

        .city-hero [data-graph-block] {
            -webkit-flex-basis: 60%;
            flex-basis: 60%;
            max-width: 60%;
            margin-left: 20%;
            margin-top: 70px
        }

        .city-hero [data-lists-row] {
            margin-right: -20px
        }

    .form-hero .airline-logo {
        display: none
    }
}

@media (max-width:480px) {
    .main-city .title {
        margin: 30px 0
    }

    .airline-card, .city-card, .city-fake {
        display: block;
        margin: 30px 0;
        position: relative
    }

        .airline-card .column, .city-card .column, .city-fake .column {
            display: block
        }

            .airline-card .column:nth-child(1), .city-card .column:nth-child(1), .city-fake .column:nth-child(1) {
                width: 100%;
                padding: 0
            }

            .airline-card .column:nth-child(2), .city-card .column:nth-child(2), .city-fake .column:nth-child(2) {
                position: absolute;
                width: 100%;
                top: 0;
                left: 0;
                z-index: 2;
                padding: 15px 20px
            }

            .airline-card .column:nth-child(3), .city-card .column:nth-child(3), .city-fake .column:nth-child(3) {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                z-index: 2;
                padding: 15px 0
            }

        .airline-card .text, .city-card .text, .city-fake .text {
            display: none
        }

        .airline-card .image, .airline-card .image-cover, .city-card .image, .city-card .image-cover, .city-fake .image, .city-fake .image-cover {
            padding-top: 41%;
            background: #fff;
            border-radius: 7px
        }

            .airline-card .image img, .airline-card .image-cover img, .city-card .image img, .city-card .image-cover img, .city-fake .image img, .city-fake .image-cover img {
                top: 50%;
                left: 0;
                width: 100%;
                height: auto;
                -webkit-transform: translateY(-50%) translateZ(0);
                transform: translateY(-50%) translateZ(0);
                -webkit-filter: saturate(0);
                filter: saturate(0)
            }

            .airline-card .image span, .airline-card .image-cover span, .city-card .image span, .city-card .image-cover span, .city-fake .image span, .city-fake .image-cover span {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 101%;
                height: 101%;
                border-radius: 4px;
                overflow: hidden
            }

                .airline-card .image span:after, .airline-card .image span:before, .airline-card .image-cover span:after, .airline-card .image-cover span:before, .city-card .image span:after, .city-card .image span:before, .city-card .image-cover span:after, .city-card .image-cover span:before, .city-fake .image span:after, .city-fake .image span:before, .city-fake .image-cover span:after, .city-fake .image-cover span:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%
                }

                .airline-card .image span:before, .airline-card .image-cover span:before, .city-card .image span:before, .city-card .image-cover span:before, .city-fake .image span:before, .city-fake .image-cover span:before {
                    background: rgba(255,255,255,.73);
                    z-index: 1
                }

                .airline-card .image span:after, .airline-card .image-cover span:after, .city-card .image span:after, .city-card .image-cover span:after, .city-fake .image span:after, .city-fake .image-cover span:after {
                    background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.68) 100%)
                }

            .airline-card .image-cover:after, .airline-card .image-cover:before, .airline-card .image:after, .airline-card .image:before, .city-card .image-cover:after, .city-card .image-cover:before, .city-card .image:after, .city-card .image:before, .city-fake .image-cover:after, .city-fake .image-cover:before, .city-fake .image:after, .city-fake .image:before {
                z-index: 3;
                left: 12.5% !important
            }

            .airline-card .image-cover:before, .airline-card .image:before, .city-card .image-cover:before, .city-card .image:before, .city-fake .image-cover:before, .city-fake .image:before {
                line-height: 45px !important;
                height: 40px !important
            }

            .airline-card .image-cover:after, .airline-card .image:after, .city-card .image-cover:after, .city-card .image:after, .city-fake .image-cover:after, .city-fake .image:after {
                top: 30px !important
            }

        .airline-card.danger .column:nth-child(2), .airline-card.info .column:nth-child(2), .airline-card.primary .column:nth-child(2), .city-card.danger .column:nth-child(2), .city-card.info .column:nth-child(2), .city-card.primary .column:nth-child(2), .city-fake.danger .column:nth-child(2), .city-fake.info .column:nth-child(2), .city-fake.primary .column:nth-child(2) {
            padding-left: 25%
        }

        .city-fake .image {
            background: #F7F8FA
        }

            .city-fake .image:before {
                height: 300%;
                width: 100%
            }

        .city-fake .features, .city-fake .title {
            display: none
        }

    .city-hero .name {
        font-size: 38px
    }

    .city-hero .features {
        margin-top: 35px
    }

    .city-hero [data-graph-block] {
        -webkit-flex-basis: 60%;
        flex-basis: 60%;
        max-width: 60%;
        margin-left: 20%;
        margin-bottom: 0;
        margin-top: 70px
    }

    .city-hero [data-destinations] {
        display: initial !important
    }
}

.copy-block {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 11;
    padding: 10px 0;
    min-height: 80px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

    .copy-block .layout {
        display: table;
        width: 100%;
        table-layout: fixed;
        position: relative;
        z-index: 5
    }

        .copy-block .layout .column {
            display: table-cell;
            vertical-align: middle
        }

            .copy-block .layout .column:nth-child(1) {
                width: 62px;
                padding-right: 30px
            }

            .copy-block .layout .column:nth-child(3) {
                width: 200px;
                text-align: right;
                font-size: 0
            }

                .copy-block .layout .column:nth-child(3) [data-tooltip] {
                    margin-left: 18px
                }

    .copy-block .btn.btn-round .icon-copy {
        font-size: 18px;
        text-shadow: 3px 3px rgba(0,0,0,.3)
    }

    .copy-block .btn.btn-round:hover .icon-copy {
        text-shadow: 3px 3px rgba(255,255,255,.3)
    }

    .copy-block input {
        display: block;
        width: 100%;
        font-family: Roboto,sans-serif;
        font-size: 16px;
        font-weight: 500;
        background: 0 0;
        border-radius: 0;
        border: none
    }

        .copy-block input::-moz-selection {
            background: #34363E;
            color: #fff
        }

        .copy-block input::selection {
            background: #34363E;
            color: #fff
        }

    .copy-block .breadcrumbs {
        display: block;
        width: 100%;
        position: relative;
        font-size: 0;
        margin-top: 25px;
        white-space: nowrap;
        overflow: hidden
    }

        .copy-block .breadcrumbs:after {
            content: '';
            display: block;
            width: 30px;
            height: 30px;
            position: absolute;
            right: -30px;
            top: 0;
            z-index: 3;
            box-shadow: 0 0 40px 25px #fff
        }

        .copy-block .breadcrumbs > li {
            display: inline-block;
            vertical-align: middle;
            line-height: 24px;
            font-size: 13px;
            color: #8F969D;
            padding: 0 10px;
            cursor: default;
            border-radius: 12px;
            background: #F7F8FA
        }

            .copy-block .breadcrumbs > li ~ li {
                position: relative;
                margin-left: 24px
            }

                .copy-block .breadcrumbs > li ~ li:before {
                    content: "\e966";
                    font-family: icomoon;
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    display: block;
                    left: -24px;
                    top: 0;
                    text-align: center;
                    font-size: 7px;
                    color: #8F969D
                }

            .copy-block .breadcrumbs > li.active, .copy-block .breadcrumbs > li.active a {
                background: #34363E;
                color: #fff
            }

        .copy-block .breadcrumbs a {
            display: block;
            margin: 0 -10px;
            padding: 0 10px;
            color: #8F969D;
            border-radius: 12px
        }

            .copy-block .breadcrumbs a:hover {
                background: #34363E;
                color: #fff
            }

@media (max-width:768px) {
    .copy-block .layout .column {
        white-space: nowrap
    }

        .copy-block .layout .column:nth-child(1) {
            width: auto !important
        }

        .copy-block .layout .column:nth-child(2) {
            display: none
        }

    .copy-block .layout .btn {
        text-transform: none;
        display: inline-block;
        vertical-align: middle
    }

        .copy-block .layout .btn.btn-link {
            padding-left: 10px;
            padding-right: 10px
        }
}

.dropdown, .dropdown:before {
    display: block;
    position: absolute;
    left: 0;
    width: 100%
}

.dropdown {
    top: 100%;
    height: auto;
    background: 0 0;
    margin-top: 10px;
    border-radius: 3px;
    overflow-x: hidden;
    padding: 15px 0;
    font-weight: 500;
    font-size: 14px;
    min-width: 200px;
    z-index: 2;
    box-shadow: 0 12px 24px rgba(143,150,157,.12)
}

    .dropdown:before {
        content: '';
        top: 0;
        height: 100%;
        background: #fff;
        -webkit-transform-origin: center top;
        transform-origin: center top;
        transition: .4s;
        border-radius: 5px;
        z-index: -1
    }

    .dropdown .title {
        font-size: 13px;
        font-weight: 900;
        padding-right: 20px;
        position: relative;
        margin-bottom: 15px
    }

        .dropdown .title .icon {
            font-size: 26px;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            bottom: 1px;
            width: 30px;
            height: 26px;
            line-height: 26px;
            text-align: center
        }

        .dropdown .title .badge {
            color: #8F969D;
            position: absolute;
            top: 3px;
            right: 5px
        }

    .dropdown .header {
        background: #34363E;
        margin: -15px 0 0
    }

    .dropdown .cities-list > li.hovered, .dropdown .light {
        background: #F7F8FA
    }

    .dropdown .header .title {
        margin: 0;
        color: #fff;
        line-height: 1.6;
        font-size: 14px
    }

    .dropdown .btn.btn-expander {
        max-width: 100%;
        width: 100%;
        text-align: left;
        border-radius: 0
    }

        .dropdown .btn.btn-expander.active:after {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

    .dropdown .scrolled {
        max-height: 300px
    }

    .dropdown .block {
        padding: 15px 20px
    }

        .dropdown .block.header {
            padding: 10px 20px
        }

    .dropdown b {
        font-weight: 900;
        margin-right: 10px
    }

    .dropdown small {
        font-size: 11px;
        color: #8F969D
    }

    .dropdown .cities-list {
        margin: -15px 0
    }

        .dropdown .cities-list > li {
            padding: 15px 20px 15px 65px;
            position: relative;
            cursor: default
        }

            .dropdown .cities-list > li a {
                display: block;
                position: relative;
                margin: -15px -20px -15px -65px;
                padding: 15px 20px 15px 65px;
                color: inherit
            }

            .dropdown .cities-list > li .icon {
                width: 24px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                display: block;
                position: absolute;
                font-size: 28px;
                left: 20px;
                top: 11px
            }

            .dropdown .cities-list > li .highlight {
                color: #2E48E8
            }

    .dropdown .airports-list {
        display: none;
        margin: 15px -20px 0 -65px
    }

        .dropdown .airports-list > li {
            position: relative;
            padding: 10px 20px 10px 65px;
            cursor: default;
            line-height: 1
        }

            .dropdown .airports-list > li > .icon {
                width: 24px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                display: block;
                position: absolute;
                font-size: 26px;
                left: 20px;
                top: 13px
            }

@media (min-width:769px) {
    .dropdown .airports-list > li.hovered, .dropdown .airports-list > li:hover {
        background: #F7F8FA
    }
}

.dropdown .airports-list.expanded {
    display: block
}

.dropdown .empty {
    color: #8F969D;
    padding: 10px 20px;
    text-align: center
}

.dropdown.min-width {
    min-width: 340px
}

.dropdown.max-width {
    max-width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dropdown.active {
    pointer-events: auto;
    opacity: 1;
    z-index: 5
}

[data-dropdown] {
    position: relative;
    z-index: 3
}

    [data-dropdown] .dropdown {
        pointer-events: none;
        opacity: 0
    }

    [data-dropdown].active {
        z-index: 13
    }

        [data-dropdown].active .dropdown {
            opacity: 1;
            pointer-events: auto
        }

@-webkit-keyframes dropdown-show {
    0% {
        box-shadow: 0 12px 24px rgba(143,150,157,0);
        opacity: 0
    }

    50% {
        opacity: 1;
        box-shadow: 0 12px 24px rgba(143,150,157,0)
    }

    100% {
        opacity: 1;
        pointer-events: auto;
        box-shadow: 0 12px 24px rgba(143,150,157,.12)
    }
}

@keyframes dropdown-show {
    0% {
        box-shadow: 0 12px 24px rgba(143,150,157,0);
        opacity: 0
    }

    50% {
        opacity: 1;
        box-shadow: 0 12px 24px rgba(143,150,157,0)
    }

    100% {
        opacity: 1;
        pointer-events: auto;
        box-shadow: 0 12px 24px rgba(143,150,157,.12)
    }
}

.error-page-body {
    background-color: #23242a;
    background-image: url(../Media/404-moon/pl_03.svg),url(../Media/404-moon/moon.svg),url(../Media/404-moon/pl_01.svg),url(../Media/404-moon/pl_02.svg),url(../Media/404-moon/satellite.svg);
    background-repeat: no-repeat;
    background-position: left top,50px top,260px 120px,275px 165px,210px 35px
}

    .error-page-body .dark-main {
        min-height: calc(100vh - 80px);
        color: #8F969D;
        position: relative
    }

    .error-page-body .simple-header {
        padding: 30px 0;
        height: 80px
    }

        .error-page-body .simple-header .header-logo {
            display: inline-block
        }

            .error-page-body .simple-header .header-logo img {
                max-width: 110px
            }

    .error-page-body .bottom-side {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-bottom: 60px
    }

        .error-page-body .bottom-side .image-container {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            pointer-events: none
        }

        .error-page-body .bottom-side .back-link {
            color: #8F969D;
            font-weight: 900;
            font-size: 14px
        }

            .error-page-body .bottom-side .back-link .left-icon {
                color: #fbd97c;
                font-size: 24px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 5px;
                transition: -webkit-transform .3s;
                transition: transform .3s;
                transition: transform .3s,-webkit-transform .3s
            }

                .error-page-body .bottom-side .back-link .left-icon:before {
                    position: relative;
                    top: -1px
                }

            .error-page-body .bottom-side .back-link:hover {
                color: #fff
            }

                .error-page-body .bottom-side .back-link:hover .left-icon {
                    -webkit-transform: translateX(-2px);
                    transform: translateX(-2px)
                }

        .error-page-body .bottom-side .caption {
            font-weight: 500;
            line-height: 21px;
            font-size: 14px;
            color: #383A40;
            margin-top: 57px
        }

            .error-page-body .bottom-side .caption .parent {
                position: relative;
                height: 20px;
                line-height: 20px;
                display: inline-block
            }

                .error-page-body .bottom-side .caption .parent .light {
                    position: absolute;
                    height: 20px;
                    line-height: 20px;
                    color: #fff;
                    z-index: 1;
                    left: 0;
                    top: 0;
                    opacity: 0;
                    transition: .7s;
                    width: 0;
                    display: block
                }

                    .error-page-body .bottom-side .caption .parent .light.large {
                        transition: .5s
                    }

                    .error-page-body .bottom-side .caption .parent .light.small {
                        transition: .03s
                    }

                .error-page-body .bottom-side .caption .parent.first:nth-child(0) .light {
                    transition-delay: 0s
                }

                .error-page-body .bottom-side .caption .parent.first:nth-child(1) .light {
                    transition-delay: .5s
                }

                .error-page-body .bottom-side .caption .parent.first:nth-child(2) .light {
                    transition-delay: 1s
                }

                .error-page-body .bottom-side .caption .parent.first:nth-child(3) .light {
                    transition-delay: 1.5s
                }

                .error-page-body .bottom-side .caption .parent.second:nth-child(4) .light {
                    transition-delay: 2.6s
                }

                .error-page-body .bottom-side .caption .parent.second:nth-child(5) .light {
                    transition-delay: 3.25s
                }

                .error-page-body .bottom-side .caption .parent.second:nth-child(6) .light {
                    transition-delay: 3.9s
                }

                .error-page-body .bottom-side .caption .parent.third:nth-child(7) .light {
                    transition-delay: 3.57s
                }

                .error-page-body .bottom-side .caption .parent.third:nth-child(8) .light {
                    transition-delay: 4.08s
                }

                .error-page-body .bottom-side .caption .parent.third:nth-child(9) .light {
                    transition-delay: 4.59s
                }

                .error-page-body .bottom-side .caption .parent.third:nth-child(10) .light {
                    transition-delay: 5.1s
                }

                .error-page-body .bottom-side .caption .parent.third:nth-child(11) .light {
                    transition-delay: 5.61s
                }

                .error-page-body .bottom-side .caption .parent.third:nth-child(12) .light {
                    transition-delay: 6.12s
                }

                .error-page-body .bottom-side .caption .parent.third:nth-child(13) .light {
                    transition-delay: 6.63s
                }

            .error-page-body .bottom-side .caption.animated .parent .light {
                opacity: 1;
                width: 100%
            }

@media (max-height:760px) {
    .error-page-body .bottom-side {
        padding-bottom: 100px
    }

        .error-page-body .bottom-side .caption {
            text-align: center
        }

        .error-page-body .bottom-side .image-container {
            margin-bottom: 100px
        }
}

@media (max-width:640px) {
    .error-page-body {
        background-color: #23242a;
        background-image: url(../Media/404-moon/pl_03.svg),url(../Media/404-moon/moon.svg),url(../Media/404-moon/pl_01.svg),url(../Media/404-moon/pl_02.svg),url(../Media/404-moon/satellite-mob.svg);
        background-repeat: no-repeat;
        background-position: left top,40px top,250px 120px,265px 165px,100px 165px
    }

        .error-page-body .bottom-side, .error-page-body .bottom-side .caption, .error-page-body .simple-header {
            text-align: center
        }

            .error-page-body .bottom-side .image-container {
                margin-bottom: 140px
            }

            .error-page-body .bottom-side .back-link {
                position: absolute;
                top: 205px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%)
            }

                .error-page-body .bottom-side .back-link .left-icon {
                    -webkit-animation: linear icon-move 1.5s infinite;
                    animation: linear icon-move 1.5s infinite
                }
}

@media (max-width:355px) {
    .error-page-body {
        background-image: url(../Media/404-moon/moon.svg),url(../Media/404-moon/pl_01.svg),url(../Media/404-moon/pl_02.svg),url(../Media/404-moon/satellite-mob.svg);
        background-repeat: no-repeat;
        background-position: left top,210px 120px,225px 165px,60px 165px
    }
}

@-webkit-keyframes icon-move {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

@keyframes icon-move {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
}

.fixed-nav, .main-menu, .main-menu .menu li {
    -webkit-transform: translateY(-100%)
}

.feature {
    display: block;
    white-space: nowrap;
    font-size: 0;
    cursor: default
}

    .feature .icon, .feature .text {
        display: inline-block;
        vertical-align: middle
    }

    .feature .icon {
        width: 70px;
        height: 70px;
        background: #F7F8FA;
        border-radius: 50%;
        line-height: 70px;
        font-size: 30px;
        text-align: center;
        color: #2E48E8;
        transition: .3s
    }

    .feature .text {
        width: calc(100% - 70px);
        font-size: 14px;
        line-height: 1.2;
        transition: .3s;
        padding-left: 15px;
        white-space: normal
    }

        .feature .text .title {
            font-weight: 900;
            margin-bottom: 10px
        }

    .feature:hover .icon {
        background: #2E48E8;
        color: #fff;
        box-shadow: 0 10px 40px rgba(46,72,232,.4)
    }

    .feature:hover .title {
        color: #2E48E8
    }

.filter-nav ul {
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 12px 24px rgba(118,118,118,.1);
    border-radius: 7px;
    margin-top: 60px
}

    .filter-nav ul > li {
        display: inline-block;
        vertical-align: middle
    }

    .filter-nav ul a {
        display: block;
        line-height: 20px;
        padding: 20px 30px;
        font-size: 14px;
        color: #8F969D;
        font-weight: 700
    }

        .filter-nav ul a:hover {
            color: #34363E
        }

    .filter-nav ul li.active a {
        background: #34363E;
        color: #fff
    }

.fixed-nav {
    pointer-events: all !important;
    transition: .1s !important;
    transform: translateY(-100%);
    z-index: 10 !important;
    opacity: 0
}

    .fixed-nav .filter-nav ul {
        display: block;
        margin: -20px 0;
        border-radius: 0;
        box-shadow: none
    }

        .fixed-nav .filter-nav ul a {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .fixed-nav .filter-nav ul li.active a {
            color: #34363E;
            background: 0 0
        }

    .fixed-nav [data-tooltip] {
        top: 4px
    }

    .fixed-nav .preloader {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2
    }

    .fixed-nav.active {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        pointer-events: 1
    }

.copy-offset .fixed-nav {
    top: 115px
}

.letters-filter, .letters-filter a:after {
    display: block;
    top: 50%;
    pointer-events: none
}

.letters-filter {
    position: fixed;
    width: 22px;
    list-style: none;
    right: 70px;
    margin-top: -310px;
    z-index: 8;
    border-radius: 10px;
    background: #F7F8FA;
    transition: .3s;
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px)
}

    .letters-filter > li {
        display: block;
        line-height: 22px;
        text-align: center
    }

    .letters-filter a {
        display: block;
        color: #8F969D;
        font-size: 9px;
        text-transform: uppercase;
        font-weight: 900;
        border-radius: 50%;
        transition: .1s
    }

        .letters-filter a .icon {
            display: block;
            line-height: 23px;
            height: 22px
        }

        .letters-filter a:hover {
            color: #34363E;
            background: rgba(0,0,0,.1);
            -webkit-transform: scale(1.5);
            transform: scale(1.5)
        }

            .letters-filter a:hover:after {
                opacity: 1
            }

        .letters-filter a:after {
            content: attr(data-title);
            line-height: 36px;
            min-width: 36px;
            box-sizing: border-box;
            position: absolute;
            right: 100%;
            margin-top: -18px;
            background: #34363E;
            border-radius: 18px;
            text-align: center;
            margin-right: 10px;
            color: #fff;
            font-size: 16px;
            font-weight: 900;
            padding: 0 10px;
            opacity: 0;
            transition: .2s
        }

    .letters-filter li.active a {
        color: #fff
    }

        .letters-filter li.active a:before {
            content: '';
            z-index: -1;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #34363E;
            -webkit-transform: scale(.7);
            transform: scale(.7)
        }

        .letters-filter li.active a:hover {
            color: #fff;
            background: 0 0;
            -webkit-transform: none;
            transform: none
        }

    .letters-filter.active {
        pointer-events: auto;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

.filter-static-data {
    display: none
}

.blog-nav {
    margin: 10px 0
}

    .blog-nav ul {
        font-size: 0
    }

        .blog-nav ul > li {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px
        }

            .blog-nav ul > li + li {
                padding-left: 20px
            }

        .blog-nav ul a {
            display: block;
            line-height: 32px;
            padding: 0 20px;
            font-weight: 900;
            background: #F7F8FA;
            color: #34363E;
            border-radius: 16px
        }

            .blog-nav ul a.active, .blog-nav ul a:focus, .blog-nav ul a:hover {
                color: #fff;
                background: #34363E
            }

.fixed-nav [data-toggle-blog].active, .fixed-nav [data-toggle-blog].active:focus {
    background: #F7F8FA;
    color: #34363E
}

.fixed-nav [data-toggle-blog] {
    white-space: nowrap;
    text-overflow: inherit;
    font-size: 0
}

    .fixed-nav [data-toggle-blog] .icon {
        font-size: 20px;
        line-height: 32px;
        vertical-align: middle;
        display: inline-block;
        transition: .2s transform
    }

    .fixed-nav [data-toggle-blog] .icon-filter1 {
        font-size: 18px
    }

    .fixed-nav [data-toggle-blog].active .icon {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

.fixed-nav [data-toggler-col] {
    position: relative
}

.fixed-nav .blog-nav {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 15px 0 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0
}

    .fixed-nav .blog-nav li {
        transition: .2s;
        opacity: 0;
        pointer-events: none
    }

        .fixed-nav .blog-nav li:nth-child(1) {
            -webkit-transform: translateX(150px);
            transform: translateX(150px)
        }

        .fixed-nav .blog-nav li:nth-child(2) {
            -webkit-transform: translateX(250px);
            transform: translateX(250px)
        }

        .fixed-nav .blog-nav li:nth-child(3) {
            -webkit-transform: translateX(350px);
            transform: translateX(350px)
        }

        .fixed-nav .blog-nav li:nth-child(4) {
            -webkit-transform: translateX(450px);
            transform: translateX(450px)
        }

        .fixed-nav .blog-nav li:nth-child(5) {
            -webkit-transform: translateX(550px);
            transform: translateX(550px)
        }

    .fixed-nav .blog-nav.active {
        width: calc(100% - 100px)
    }

        .fixed-nav .blog-nav.active li {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
            pointer-events: auto;
            transition: .5s cubic-bezier(.5,0,0,1)
        }

@media (max-width:1200px) {
    .letters-filter {
        width: 24px;
        right: 20px;
        margin-top: 0;
        top: auto;
        bottom: 90px;
        font-size: 0;
        height: 400px;
        overflow: scroll
    }

        .letters-filter > li {
            line-height: 24px
        }

    .blog-nav ul li a, .fixed-nav .filter-nav ul li a {
        padding-left: 15px;
        padding-right: 15px
    }

    .blog-nav ul li + li {
        padding-left: 5px
    }

    .fixed-nav .blog-nav.active {
        width: calc(100% - 50px)
    }
}

@media (max-width:768px) {
    .filter-nav {
        display: block;
        overflow: hidden;
        height: 60px;
        margin-top: 60px
    }

        .filter-nav ul {
            margin: 0 0 -20px;
            display: block;
            box-shadow: none;
            overflow-x: scroll;
            border-radius: 0;
            padding-right: 35%;
            padding-bottom: 20px
        }

            .filter-nav ul li.active a {
                background: 0 0;
                color: #2E48E8
            }

    .letters-filter-wrapper .hint, .letters-filter-wrapper .wrapper {
        height: 50px;
        border-radius: 25px;
        background: #34363E;
        display: block
    }

    .letters-filter-wrapper {
        position: fixed;
        bottom: 30px;
        left: 50%;
        width: 50px;
        margin-left: -25px;
        height: 50px;
        z-index: 8;
        transition: .1s;
        overflow: hidden;
        border-radius: 25px;
        box-shadow: 0 12px 24px rgba(52,54,62,.32)
    }

        .letters-filter-wrapper .wrapper {
            width: 100%;
            overflow: hidden;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        .letters-filter-wrapper .hint {
            position: absolute;
            bottom: 100%;
            margin-left: -30px;
            line-height: 50px;
            min-width: 50px;
            color: #fff;
            text-align: center;
            padding: 0 10px;
            font-size: 32px;
            font-weight: 900;
            z-index: 6;
            text-transform: uppercase;
            margin-bottom: 10px;
            box-shadow: 0 12px 24px rgba(52,54,62,.32);
            opacity: 0
        }

            .letters-filter-wrapper .hint:after {
                content: '';
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 2px;
                position: absolute;
                top: 100%;
                left: 50%;
                background: inherit;
                margin-top: -8px;
                margin-left: -5px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .letters-filter-wrapper .hint.beginning {
                font-size: 20px
            }

                .letters-filter-wrapper .hint.beginning:after {
                    left: 25px
                }

            .letters-filter-wrapper .hint.active {
                opacity: 1;
                transition: opacity .3s,-webkit-transform .3s;
                transition: opacity .3s,transform .3s;
                transition: opacity .3s,transform .3s,-webkit-transform .3s
            }

        .letters-filter-wrapper.fake-active {
            width: 100px;
            transition: .1s;
            margin-left: -50px;
            overflow: visible
        }

        .letters-filter-wrapper.active {
            width: calc(100% - 40px);
            transition: .3s;
            margin-left: calc(-50% + 20px);
            overflow: visible
        }

    .letters-filter {
        position: static;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        pointer-events: auto;
        width: 100%;
        height: auto;
        overflow-x: scroll;
        overflow-y: hidden;
        padding-left: 10px;
        background: 0 0;
        padding-right: 10px;
        white-space: nowrap;
        padding-bottom: 20px
    }

        .letters-filter a, .letters-filter > li {
            padding: 0;
            line-height: 50px;
            height: 50px
        }

        .letters-filter > li {
            display: inline-block;
            width: 30px;
            vertical-align: middle
        }

            .letters-filter > li.active a {
                font-size: 20px;
                -webkit-transform: none !important;
                transform: none !important
            }

        .letters-filter a {
            font-size: 16px;
            display: block
        }

            .letters-filter a .icon {
                line-height: 50px;
                height: 50px
            }

            .letters-filter a:after {
                display: none
            }

    .fixed-nav, .fixed-nav.cllapsed {
        padding: 10px 0 !important;
        height: 60px !important
    }

        .filter-static-data, .fixed-nav .filter-nav, .fixed-nav.cllapsed .filter-nav {
            left: 0;
            width: 100%;
            height: 60px;
            box-shadow: 0 12px 24px rgba(135,135,135,.14)
        }

        .fixed-nav .logo, .fixed-nav.cllapsed .logo {
            display: block;
            margin: 0 auto;
            -webkit-transform: none !important;
            transform: none !important
        }

        .fixed-nav [data-tooltip], .fixed-nav.cllapsed [data-tooltip] {
            position: absolute;
            z-index: 4;
            top: 5px;
            right: 20px
        }

            .fixed-nav [data-tooltip]:after, .fixed-nav [data-tooltip]:before, .fixed-nav.cllapsed [data-tooltip]:after, .fixed-nav.cllapsed [data-tooltip]:before {
                display: none
            }

        .fixed-nav .filter-nav, .fixed-nav.cllapsed .filter-nav {
            position: absolute;
            display: none;
            top: 100%;
            overflow: hidden;
            margin: 10px 0 0;
            background: #fff;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            border-top: 1px solid #F7F8FA
        }

            .fixed-nav .filter-nav ul, .fixed-nav.cllapsed .filter-nav ul {
                margin-top: 0;
                width: 100%;
                margin-bottom: -20px;
                padding-bottom: 20px
            }

                .fixed-nav .filter-nav ul li a, .fixed-nav.cllapsed .filter-nav ul li a {
                    padding-top: 20px;
                    padding-bottom: 20px
                }

        .fixed-nav .btn.btn-round.dark, .fixed-nav.cllapsed .btn.btn-round.dark {
            background: #F7F8FA;
            color: #34363E
        }

        .fixed-nav.active .filter-nav, .fixed-nav.cllapsed.active .filter-nav {
            display: block
        }

    .filter-static-data {
        display: block;
        position: fixed;
        top: 60px;
        background: #fff;
        z-index: 7;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 14px;
        line-height: 60px;
        white-space: nowrap
    }

        .filter-static-data .dash {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            height: 4px;
            width: 22px;
            background: url(../Media/dash.svg) center no-repeat
        }

        .filter-static-data .icon {
            display: inline-block;
            vertical-align: middle;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: right;
            font-size: 25px;
            margin: -5px 0
        }

    .blog-nav, .blog-nav:after, .blog-nav:before {
        height: 50px;
        background: #34363E;
        display: block
    }

    .blog-nav {
        position: fixed;
        bottom: 20px;
        z-index: 6;
        left: 150px;
        width: calc(100% - 300px);
        border-radius: 40px;
        overflow: hidden
    }

        .blog-nav:after, .blog-nav:before {
            content: '';
            position: absolute;
            width: 20px;
            top: 0;
            box-shadow: 0 0 30px 15px #34363E;
            z-index: 2
        }

        .blog-nav:before {
            left: -20px
        }

        .blog-nav:after {
            right: -20px
        }

        .blog-nav ul {
            text-align: center;
            display: block;
            width: 100%;
            overflow: hidden;
            overflow-x: scroll;
            white-space: nowrap;
            padding-bottom: 20px;
            padding-left: 20px;
            padding-right: 20px
        }

            .blog-nav ul li + li {
                padding: 0
            }

            .blog-nav ul li a {
                border-radius: 0;
                background: 0 0;
                color: #8F969D;
                line-height: 50px;
                padding-left: 10px;
                padding-right: 10px
            }
}

@media (max-width:480px) {
    .filter-nav {
        margin-top: 30px
    }

    .fixed-nav .logo, .fixed-nav.cllapsed .logo {
        height: 40px !important;
        padding: 11px 0 13px !important
    }

        .fixed-nav .logo img, .fixed-nav.cllapsed .logo img {
            height: 100% !important;
            width: auto !important
        }

    .blog-nav {
        left: 20px;
        width: calc(100% - 40px)
    }
}

.main-footer {
    background: #fff;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    position: relative
}

    .main-footer .menu, .main-footer .socials {
        white-space: nowrap;
        font-size: 0;
        margin: 0 -30px;
        font-weight: 900
    }

        .main-footer .menu > li, .main-footer .socials > li {
            display: inline-block;
            font-size: 14px;
            vertical-align: middle
        }

        .main-footer .menu a, .main-footer .socials a {
            display: block;
            color: #23242A;
            line-height: 40px;
            padding: 20px 30px
        }

            .main-footer .menu a.active, .main-footer .menu a:hover, .main-footer .socials a.active, .main-footer .socials a:hover {
                color: #8F969D
            }

        .main-footer .socials a {
            font-size: 28px;
            padding: 20px 5px;
            color: #8F969D
        }

            .main-footer .socials a:hover {
                color: #34363E
            }

    .main-footer .information {
        font-weight: 900;
        color: #34363E
    }

        .main-footer .information:hover {
            color: #2E48E8
        }

    .main-footer .footer {
        background: #F7F8FA;
        padding: 10px 0;
        font-size: 13px
    }

        .main-footer .footer .copyright {
            padding: 0 25px 0 0
        }

        .main-footer .footer .link {
            display: inline-block;
            vertical-align: top;
            color: #34363E;
            padding: 0 25px
        }

            .main-footer .footer .link:hover {
                color: #8F969D
            }

    .main-footer.offseted {
        -webkit-transform: translateY(-80px);
        transform: translateY(-80px);
        margin-bottom: 80px
    }

    .main-footer .language, .main-menu .footer .language {
        line-height: 40px;
        display: block;
        font-weight: 900;
        color: #34363E;
        white-space: nowrap;
        padding: 20px 0
    }

        .main-footer .language.active .anchor:after, .main-menu .footer .language.active .anchor:after {
            opacity: 1;
            -webkit-transform: translate(-50%,-50%) scale(1);
            transform: translate(-50%,-50%) scale(1)
        }

        .main-footer .language img, .main-menu .footer .language img {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            bottom: 2px;
            z-index: 1
        }

        .main-footer .language .anchor, .main-menu .footer .language .anchor {
            cursor: pointer;
            display: inline-block;
            position: relative
        }

            .main-footer .language .anchor:after, .main-menu .footer .language .anchor:after {
                position: absolute;
                content: '';
                height: 32px;
                width: 32px;
                background-color: #F7F7F7;
                border-radius: 50%;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%) scale(.7);
                transform: translate(-50%,-50%) scale(.7);
                opacity: 0;
                transition: scale .2s,-webkit-transform .2s;
                transition: transform .2s,scale .2s;
                transition: transform .2s,scale .2s,-webkit-transform .2s
            }

            .main-footer .language .anchor:hover:after, .main-menu .footer .language .anchor:hover:after {
                -webkit-transform: translate(-50%,-50%) scale(1);
                transform: translate(-50%,-50%) scale(1);
                opacity: 1
            }

        .main-footer .language .dropdown, .main-menu .footer .language .dropdown {
            top: auto;
            bottom: calc(100% - 10px);
            margin-top: 0;
            margin-bottom: 0;
            padding: 0;
            text-align: left;
            min-width: 126px;
            border-radius: 6px;
            z-index: 2;
            box-shadow: 0 12px 24px rgba(118,118,118,.22);
            white-space: normal;
            overflow: visible
        }

            .main-footer .language .dropdown:before, .main-menu .footer .language .dropdown:before {
                border-radius: 6px
            }

            .main-footer .language .dropdown:after, .main-menu .footer .language .dropdown:after {
                content: '';
                position: absolute;
                height: 14px;
                width: 8px;
                border-radius: 2px;
                background-color: #fff;
                top: 89%;
                left: 50%;
                -webkit-transform: translateX(-50%) rotate(45deg);
                transform: translateX(-50%) rotate(45deg)
            }

            .main-footer .language .dropdown .lang-list, .main-menu .footer .language .dropdown .lang-list {
                padding: 8px 0 6px
            }

                .main-footer .language .dropdown .lang-list .item, .main-menu .footer .language .dropdown .lang-list .item {
                    font-size: 14px;
                    font-weight: 900;
                    cursor: pointer;
                    line-height: 1;
                    color: #8F969D
                }

                    .main-footer .language .dropdown .lang-list .item .lang-select, .main-menu .footer .language .dropdown .lang-list .item .lang-select {
                        display: block;
                        padding: 3px 7px 3px 12px;
                        color: #8F969D;
                        transition: color .2s
                    }

                    .main-footer .language .dropdown .lang-list .item .img-icon, .main-menu .footer .language .dropdown .lang-list .item .img-icon {
                        -webkit-filter: grayscale(100%);
                        filter: grayscale(100%);
                        opacity: .5;
                        transition: opacity .2s
                    }

                    .main-footer .language .dropdown .lang-list .item.active .lang-select, .main-footer .language .dropdown .lang-list .item:hover .lang-select, .main-menu .footer .language .dropdown .lang-list .item.active .lang-select, .main-menu .footer .language .dropdown .lang-list .item:hover .lang-select {
                        color: #383A40
                    }

                    .main-footer .language .dropdown .lang-list .item.active .img-icon, .main-footer .language .dropdown .lang-list .item:hover .img-icon, .main-menu .footer .language .dropdown .lang-list .item.active .img-icon, .main-menu .footer .language .dropdown .lang-list .item:hover .img-icon {
                        -webkit-filter: none;
                        filter: none;
                        opacity: 1
                    }

@media (max-width:1200px) {
    .main-footer .menu {
        margin: 0 -20px
    }

        .main-footer .menu a {
            padding: 15px 20px;
            line-height: 20px
        }

    .main-footer .socials a {
        line-height: 20px;
        padding: 15px 5px
    }

        .main-footer .socials a .icon {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            bottom: 3px
        }

    .main-footer .language {
        line-height: 20px;
        padding: 15px 0
    }

        .main-footer .language .dropdown {
            right: -10px;
            left: auto;
            bottom: 100%
        }

            .main-footer .language .dropdown:after {
                left: auto;
                right: 10px
            }

    .main-footer .footer .link {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width:768px) {
    .main-footer {
        padding-bottom: 0;
        font-size: 13px
    }

        .main-footer .footer {
            background: 0 0;
            text-align: center;
            padding: 0
        }

            .main-footer .footer .link {
                display: none
            }

            .main-footer .footer .copyright {
                font-size: inherit;
                display: block;
                padding: 30px 0;
                line-height: 20px
            }

            .main-footer .footer .information {
                color: #8F969D;
                line-height: 20px;
                padding: 30px 0;
                pointer-events: none
            }

        .main-footer .language {
            padding: 27px 0
        }

            .main-footer .language .anchor:after, .main-footer .language:hover:not(.active) .anchor:after {
                opacity: 1;
                -webkit-transform: translate(-50%,-50%) scale(1);
                transform: translate(-50%,-50%) scale(1)
            }

            .main-footer .language .dropdown {
                right: auto;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                bottom: 100%;
                width: auto
            }

                .main-footer .language .dropdown:after {
                    left: 50%;
                    right: auto
                }

        .main-footer .socials {
            text-align: center;
            margin-left: -15px;
            margin-right: -15px
        }

            .main-footer .socials a {
                padding: 26px 10px;
                color: #34363E
            }

        .main-footer .align-right {
            text-align: center
        }
}

@media (min-width:769px) {
    .form-hero.on-scroll {
        height: 400px
    }

    .form-section.fixed-form.top {
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-transform .5s;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 40px;
        opacity: 0
    }

    .form-section.fixed-form.active-top {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        background: #fff;
        box-shadow: 0 12px 24px rgba(135,135,135,.07)
    }

        .form-section.fixed-form.active-top .filter-body {
            position: relative
        }

        .form-section.fixed-form.active-top .logo {
            display: block;
            width: 101px;
            position: absolute;
            right: 100%;
            top: -20px;
            -webkit-transform: translateX(calc(100% + 20px));
            transform: translateX(calc(100% + 20px))
        }

            .form-section.fixed-form.active-top .logo img {
                max-width: 100%
            }
}

@media (min-width:1320px) {
    .form-section.fixed-form.active-top .logo {
        display: block;
        width: 101px;
        position: absolute;
        right: 100%;
        top: 15px;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

        .form-section.fixed-form.active-top .logo img {
            max-width: 100%
        }
}

.form-section {
    position: relative;
    transition: margin .3s,-webkit-transform .3s;
    transition: transform .3s,margin .3s;
    transition: transform .3s,margin .3s,-webkit-transform .3s
}

    .form-section .logo {
        display: none
    }

    .form-section form {
        position: relative
    }

    .form-section .filter {
        position: relative;
        z-index: 2;
        height: 170px
    }

        .form-section .filter form {
            display: block;
            transition-delay: .3s
        }

    .form-section .layout {
        display: table;
        width: calc(100% + 40px);
        margin-left: -20px;
        table-layout: fixed
    }

        .form-section .layout > .column {
            display: table-cell;
            vertical-align: top;
            padding: 0 20px;
            width: auto
        }

            .form-section .layout > .column.small {
                width: 56px;
                padding-left: 0;
                padding-right: 0
            }

            .form-section .layout > .column:last-child {
                width: 180px
            }

        .form-section .layout.offset-bottom {
            margin-bottom: 20px;
            position: relative;
            z-index: 5
        }

    .form-section [v-cloak] {
        opacity: 0
    }

    .form-section .checkboxes {
        position: relative;
        overflow: hidden;
        font-size: 0;
        margin-left: -20px;
        margin-right: -20px
    }

        .form-section .checkboxes input {
            position: absolute;
            opacity: 0;
            top: 50%;
            -webkit-transform: scale(0);
            transform: scale(0);
            z-index: 1
        }

        .form-section .checkboxes label {
            color: #8F969D;
            padding-left: 20px;
            padding-right: 20px
        }

        .form-section .checkboxes input:checked + label {
            color: #23242A
        }

    .form-section .passengers-icon {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-left: -10px;
        bottom: 2px;
        margin-top: -3px;
        width: 34px;
        height: 28px
    }

        .form-section .passengers-icon > span {
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            transition: .2s;
            opacity: 0;
            -webkit-transform: scale(.8);
            transform: scale(.8);
            background-position: center;
            background-size: auto 100% !important;
            background-repeat: no-repeat
        }

            .form-section .passengers-icon > span.active {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }

    .form-section .search {
        position: relative;
        transition: .4s .3s;
        z-index: 4
    }

    .form-section .static {
        text-transform: uppercase;
        color: #8F969D;
        position: absolute;
        pointer-events: none;
        top: 0;
        left: 0;
        width: 100%;
        line-height: 30px;
        padding: 25px 0;
        text-align: center;
        cursor: pointer;
        transition: .2s;
        opacity: 0;
        z-index: 5;
        font-weight: 700
    }

        .form-section .static [class*=col-] {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .form-section .static .icon-plane {
            vertical-align: middle;
            display: inline-block;
            position: relative;
            bottom: 1px
        }

        .form-section .static .passengers-icon {
            opacity: .5
        }

        .form-section .static .dividing {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            bottom: 2px
        }

        .form-section .static .icon-drop {
            font-size: 26px;
            color: #8F969D
        }

    .form-section .darken {
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 2;
        width: 100%;
        height: auto;
        color: #8F969D;
        transition: .3s;
        pointer-events: none;
        opacity: 0;
        background: #34363E
    }

        .form-section .darken .layout {
            display: block;
            white-space: nowrap;
            position: relative;
            font-size: 0
        }

            .form-section .darken .layout .column {
                display: inline-block;
                width: auto
            }

                .form-section .darken .layout .column[md-show] {
                    display: none
                }

                .form-section .darken .layout .column.right {
                    position: absolute;
                    z-index: 3;
                    top: 0;
                    right: 0
                }

        .form-section .darken [data-dropdown] {
            margin: 0 -20px
        }

            .form-section .darken [data-dropdown].active .anchor {
                box-shadow: none
            }

        .form-section .darken .container-fluid {
            transition: .3s;
            position: relative;
            z-index: 2
        }

        .form-section .darken .checkbox-btn {
            display: inline-block;
            vertical-align: top;
            border-radius: 0 100px 100px 0;
            overflow: hidden;
            position: relative;
            padding: 0;
            color: #fff;
            font-size: 14px;
            font-weight: 900;
            width: 170px
        }

            .form-section .darken .checkbox-btn canvas {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #23242A;
                z-index: 1
            }

            .form-section .darken .checkbox-btn .inner-side {
                padding: 7px 10px 5px 30px;
                display: block;
                position: relative;
                line-height: 20px;
                z-index: 2;
                border-radius: 0 100px 100px 0;
                transition: .2s;
                -webkit-transform: translateX(-30px);
                transform: translateX(-30px);
                box-shadow: 0 0 0 30px #34363E
            }

            .form-section .darken .checkbox-btn input:checked ~ label {
                color: #fff;
                padding-left: 30px
            }

                .form-section .darken .checkbox-btn input:checked ~ label .label-round {
                    opacity: 1
                }

                .form-section .darken .checkbox-btn input:checked ~ label span:not(.label-icon) {
                    border-color: #fff
                }

            .form-section .darken .checkbox-btn input:checked:focus ~ label span:not(.label-icon) {
                box-shadow: 0 0 0 4px rgba(255,255,255,.1)
            }

            .form-section .darken .checkbox-btn label {
                padding-left: 30px
            }

                .form-section .darken .checkbox-btn label:hover {
                    color: #fff
                }

                .form-section .darken .checkbox-btn label span:not(.label-icon) {
                    top: 15px
                }

                    .form-section .darken .checkbox-btn label span:not(.label-icon):after {
                        box-shadow: 0 0 0 2px #23242A;
                        background: #fff
                    }

                    .form-section .darken .checkbox-btn label span:not(.label-icon):before {
                        background: #fff
                    }

                .form-section .darken .checkbox-btn label .label-round {
                    opacity: 0
                }

                .form-section .darken .checkbox-btn label .label-icon {
                    position: relative;
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 20px 0 4px
                }

                    .form-section .darken .checkbox-btn label .label-icon:after, .form-section .darken .checkbox-btn label .label-icon:before {
                        background-repeat: no-repeat;
                        position: absolute;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 1;
                        content: ''
                    }

                    .form-section .darken .checkbox-btn label .label-icon:before {
                        background-image: url(../Media/icons/percent-before.svg);
                        right: 36%;
                        -webkit-transform-origin: top center;
                        transform-origin: top center;
                        transition: opacity .3s,-webkit-transform .3s;
                        transition: transform .3s,opacity .3s;
                        transition: transform .3s,opacity .3s,-webkit-transform .3s;
                        -webkit-transform: rotate(0);
                        transform: rotate(0)
                    }

                    .form-section .darken .checkbox-btn label .label-icon:after {
                        background-image: url(../Media/icons/percent-after.svg);
                        left: 45%;
                        -webkit-transform-origin: top center;
                        transform-origin: top center;
                        transition: opacity .3s,-webkit-transform .3s;
                        transition: transform .3s,opacity .3s;
                        transition: transform .3s,opacity .3s,-webkit-transform .3s;
                        -webkit-transform: rotate(0);
                        transform: rotate(0)
                    }

                    .form-section .darken .checkbox-btn label .label-icon img {
                        top: 2px;
                        position: relative;
                        z-index: 2
                    }

            .form-section .darken .checkbox-btn.active .inner-side, .form-section .darken .checkbox-btn:hover .inner-side {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            .form-section .darken .checkbox-btn.active .label-icon:after, .form-section .darken .checkbox-btn:hover .label-icon:after {
                -webkit-transform: rotate(17deg);
                transform: rotate(17deg);
                opacity: 0
            }

            .form-section .darken .checkbox-btn.active .label-icon:before, .form-section .darken .checkbox-btn:hover .label-icon:before {
                -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
                opacity: 0
            }

            .form-section .darken .checkbox-btn.active .label-round, .form-section .darken .checkbox-btn:hover .label-round {
                opacity: 1;
                transition: opacity .5s
            }

            .form-section .darken .checkbox-btn.active .inner-side {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

        .form-section .darken .btn.btn-block {
            padding: 20px;
            text-align: left;
            text-transform: none;
            color: #8F969D
        }

            .form-section .darken .btn.btn-block.btn-clear {
                display: inline-block;
                width: auto
            }

                .form-section .darken .btn.btn-block.btn-clear .mobile-text, .mobile-filter {
                    display: none
                }

            .form-section .darken .btn.btn-block .icon {
                font-size: 24px
            }

                .form-section .darken .btn.btn-block .icon.btn-icon {
                    transition: color .3s
                }

                    .form-section .darken .btn.btn-block .icon.btn-icon:before {
                        position: relative;
                        top: -2px
                    }

            .form-section .darken .btn.btn-block > span {
                color: #8F969D;
                margin-left: 5px
            }

                .form-section .darken .btn.btn-block > span .icon:not(.btn-icon) {
                    margin-left: 0;
                    bottom: 1px;
                    font-size: 14px
                }

            .form-section .darken .btn.btn-block:hover {
                color: #fff;
                box-shadow: none
            }

                .form-section .darken .btn.btn-block:hover .btn-icon {
                    color: #fff
                }

        .form-section .darken .btn.btn-clear {
            padding-right: 12px
        }

.main-map {
    background: #f0f0f0;
    z-index: 1;
    overflow: hidden;
    position: relative;
    transition: .4s;
    width: 100%;
    height: calc(100vh - 254px)
}

.form-section.collapsed {
    margin-top: -80px;
    z-index: 4;
    pointer-events: none
}

    .form-section.collapsed .filter {
        height: 140px
    }

        .form-section.collapsed .filter form {
            transition-delay: 0s
        }

        .form-section.collapsed .filter .fader:after, .form-section.collapsed .filter .fader:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

    .form-section.collapsed .filter-body {
        opacity: 0
    }

    .form-section.collapsed .main-map {
        top: 120px
    }

        .form-section.collapsed .main-map .map {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

    .form-section.collapsed .static {
        opacity: 1;
        pointer-events: none;
        transition-delay: .3s;
        height: 80px;
        -moz-user-select: none;
        user-select: none
    }

    .form-section.collapsed .search {
        opacity: 0;
        margin-top: -5px;
        pointer-events: none;
        transition-delay: 0s
    }

        .form-section.collapsed .search .dropdown.active {
            pointer-events: none
        }

    .form-section.collapsed .darken {
        opacity: 1;
        transition-delay: .3s;
        pointer-events: auto
    }

        .form-section.collapsed .darken .container-fluid {
            opacity: 1
        }

.form-section.fixed {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: auto;
    background: #fff;
    z-index: 7;
    overflow: visible
}

    .form-section.fixed .darken {
        opacity: 1;
        transition-delay: 0s;
        z-index: 3;
        pointer-events: auto;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }

.subscribe-form, .subscribe-form .success {
    opacity: 0;
    pointer-events: none;
    overflow: hidden
}

.form-section.fixed.collapsed {
    background: 0 0
}

    .form-section.fixed.collapsed .darken {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.sorting {
    background: #fff;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 0;
    line-height: 20px;
    margin-bottom: 15px;
    overflow: hidden;
    cursor: default;
    position: relative;
    box-shadow: 0 12px 24px rgba(135,135,135,.07)
}

    .sorting .layout {
        display: table;
        width: 100%
    }

        .sorting .layout .column {
            display: table-cell;
            vertical-align: middle
        }

    .sorting .link, .sorting .link .icon, .sorting .results > span {
        display: inline-block;
        position: relative
    }

    .sorting .results {
        color: #8F969D;
        font-size: 13px;
        padding: 20px 30px
    }

        .sorting .results > span {
            color: #34363E;
            font-weight: 900;
            margin-right: 10px
        }

    .sorting .link {
        font-size: 14px;
        font-weight: 900;
        padding: 15px;
        margin-right: 10px;
        color: #8F969D
    }

        .sorting .link .icon {
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 26px;
            vertical-align: middle;
            bottom: 2px;
            color: inherit;
            background: inherit
        }

        .sorting .link:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: #2E48E8;
            -webkit-transform-origin: center;
            transform-origin: center;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            transition: .3s
        }

        .sorting .link > span {
            position: relative;
            color: inherit;
            overflow: hidden
        }

            .sorting .link > span:after, .sorting .link > span:before {
                top: -1px;
                left: 0;
                position: absolute;
                content: attr(data-prefix);
                font-size: 14px;
                display: none;
                color: #34363E;
                transition: .3s
            }

            .sorting .link > span:after {
                color: #2E48E8;
                left: 100%
            }

        .sorting .link.active, .sorting .link:hover {
            color: #34363E
        }

            .sorting .link:hover .icon {
                background: 0 0
            }

            .sorting .link.active > span {
                color: #2E48E8
            }

                .sorting .link.active > span:after, .sorting .link.active > span:before {
                    -webkit-transform: translate3d(-100%,0,0);
                    transform: translate3d(-100%,0,0)
                }

.subscribe-form {
    background: #F7F8FA;
    position: fixed;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-animation: subscribe-form-hide .3s forwards;
    animation: subscribe-form-hide .3s forwards
}

    .subscribe-form .preloader {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 0;
        height: 2px;
        background: #2E48E8;
        transition: 1s cubic-bezier(.99,.01,.99,0)
    }

        .subscribe-form .preloader.active {
            width: 100%
        }

    .subscribe-form .form-group:before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 300%;
        height: 100%;
        background: #F7EFF2;
        display: block;
        z-index: -1;
        opacity: 0;
        transition: .3s
    }

    .subscribe-form .success {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 3;
        color: #fff;
        display: block;
        background: #2E48E8;
        line-height: 40px;
        white-space: nowrap;
        font-size: 24px;
        font-weight: 800;
        padding: 20px 0;
        box-shadow: 0 0 0 #8F969D;
        transition: .5s
    }

        .subscribe-form .success .icon {
            vertical-align: middle;
            font-size: 46px;
            margin: -10px 0 -10px -10px;
            position: relative;
            bottom: 2px
        }

        .subscribe-form .success.active {
            opacity: 1;
            transition-delay: 1s;
            pointer-events: auto
        }

@-webkit-keyframes success-fadein {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        box-shadow: 0 0 0 #8F969D
    }

    50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        box-shadow: 1000px 0 0 #8F969D
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        box-shadow: 0 0 0 #8F969D
    }
}

@keyframes success-fadein {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        box-shadow: 0 0 0 #8F969D
    }

    50% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        box-shadow: 1000px 0 0 #8F969D
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        box-shadow: 0 0 0 #8F969D
    }
}

.subscribe-form .form-group .error {
    position: absolute;
    color: #94717F;
    font-size: 9px;
    z-index: 2;
    top: 15px;
    left: 0;
    padding-bottom: 30px;
    transition: .5s;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none
}

    .subscribe-form .form-group .error:before {
        content: '';
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background: #EB2C5A;
        -webkit-transform-origin: 50% 5px;
        transform-origin: 50% 5px;
        transition: .3s;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

    .subscribe-form .form-group.error:before {
        opacity: 1
    }

    .subscribe-form .form-group.error .input {
        color: #EB2C5A
    }

        .subscribe-form .form-group.error .input::-webkit-input-placeholder {
            color: rgba(235,44,90,.5)
        }

        .subscribe-form .form-group.error .input:-moz-placeholder {
            color: rgba(235,44,90,.5)
        }

        .subscribe-form .form-group.error .input::-moz-placeholder {
            color: rgba(235,44,90,.5)
        }

        .subscribe-form .form-group.error .input:-ms-input-placeholder {
            color: rgba(235,44,90,.5)
        }

    .subscribe-form .form-group.error .error {
        width: 200px;
        opacity: 1
    }

        .subscribe-form .form-group.error .error:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

    .subscribe-form .form-group.error .btn img {
        display: none
    }

        .subscribe-form .form-group.error .btn img[src*=error] {
            display: inline-block
        }

.subscribe-form .input {
    font-size: 24px;
    line-height: 30px;
    padding: 25px 50px 25px 0;
    color: #2E48E8;
    background: 0 0;
    border-radius: 0
}

    .subscribe-form .input::-webkit-input-placeholder {
        color: #7083F0
    }

    .subscribe-form .input:-moz-placeholder {
        color: #7083F0
    }

    .subscribe-form .input::-moz-placeholder {
        color: #7083F0
    }

    .subscribe-form .input:-ms-input-placeholder {
        color: #7083F0
    }

    .subscribe-form .input.filled, .subscribe-form .input:focus, .subscribe-form .input:hover {
        background: 0 0;
        color: #2E48E8;
        box-shadow: none
    }

.subscribe-form .btn {
    position: absolute;
    top: 5px;
    right: -20px;
    width: 70px;
    height: 70px;
    border-radius: 0;
    background: 0 0;
    box-shadow: none !important;
    padding: 0;
    transition: .2s
}

    .subscribe-form .btn img {
        display: inline-block;
        vertical-align: middle
    }

        .subscribe-form .btn img[src*=error] {
            display: none
        }

    .subscribe-form .btn.faded {
        opacity: .5
    }

.subscribe-form.active {
    -webkit-animation: subscribe-form-show .3s forwards;
    animation: subscribe-form-show .3s forwards
}

@-webkit-keyframes subscribe-form-show {
    0%,99% {
        pointer-events: none;
        z-index: -1;
        opacity: 1
    }

    100% {
        pointer-events: auto;
        z-index: 1;
        opacity: 1
    }
}

@keyframes subscribe-form-show {
    0%,99% {
        pointer-events: none;
        z-index: -1;
        opacity: 1
    }

    100% {
        pointer-events: auto;
        z-index: 1;
        opacity: 1
    }
}

@-webkit-keyframes subscribe-form-hide {
    0%,99% {
        pointer-events: auto;
        z-index: -1;
        opacity: 1
    }

    100% {
        pointer-events: none;
        z-index: -1;
        opacity: 0
    }
}

@keyframes subscribe-form-hide {
    0%,99% {
        pointer-events: auto;
        z-index: -1;
        opacity: 1
    }

    100% {
        pointer-events: none;
        z-index: -1;
        opacity: 0
    }
}

@media (max-width:992px) {
    .form-section .layout {
        width: calc(100% + 30px);
        margin-left: -15px
    }

        .form-section .layout > .column {
            padding-left: 15px;
            padding-right: 15px
        }

            .form-section .layout > .column:nth-child(1) {
                padding-right: 0
            }

            .form-section .layout > .column:nth-child(3) {
                padding-left: 0
            }

    .form-section .checkboxes label, .form-section .darken .layout > .column, .form-section .static .row > * {
        padding-left: 10px;
        padding-right: 10px
    }

    .form-section .layout > .column:last-child .btn {
        display: block;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px
    }

    .form-section .checkboxes {
        overflow: visible;
        z-index: 2
    }

    .form-section .static .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .form-section .darken .layout > .column {
        margin-right: 20px
    }

        .form-section .darken .layout > .column:last-child {
            padding-right: 0;
            text-align: right;
            width: 250px;
            margin-right: 5px
        }

            .form-section .darken .layout > .column:last-child .btn.btn-block {
                padding-left: 20px;
                padding-right: 20px;
                display: inline-block;
                width: auto
            }

    .form-section .darken [data-dropdown] {
        margin-left: -15px;
        margin-right: -15px
    }

    .form-section .darken .btn.btn-block {
        padding-left: 12px;
        padding-right: 12px
    }

    .form-section .darken .checkbox-btn label {
        padding-right: 10px
    }

    .calendar .sidebar {
        width: 150px
    }

    .calendar .body, .calendar .header {
        left: 150px
    }
}

@media (max-width:768px) {
    .close-form, .mobile-filter {
        left: 50%;
        transition: .2s;
        color: #fff
    }

    .close-form, .mobile-entry {
        z-index: 5;
        text-align: center;
        cursor: pointer
    }

    .calendar .body .scrolled {
        overflow-y: scroll
    }

    .form-hero.on-scroll {
        height: auto
    }

    .close-form, .close-form .icon {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .close-form {
        position: absolute;
        top: 28px;
        font-family: Roboto,sans-serif;
        font-weight: 400;
        font-size: 32px;
        border: none;
        border-radius: 50%;
        background: #23242A;
        margin-left: -25px
    }

        .close-form .icon {
            display: block;
            position: relative;
            font-size: 38px
        }

        .close-form:hover {
            color: #34363E;
            background: #fff
        }

    [data-md] {
        display: inline-block !important;
        float: right
    }

    .mobile-entry {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        transition: .3s
    }

        .mobile-entry.hidden {
            display: block !important;
            opacity: 0;
            -webkit-transform: translateY(50%);
            transform: translateY(50%);
            pointer-events: none
        }

        .mobile-entry .section-title {
            margin: 0 0 30px
        }

            .mobile-entry .section-title .paper-plane:before {
                left: 10px
            }

        .mobile-entry:before {
            content: '';
            display: block;
            width: 88px;
            height: 4px;
            background: #fff;
            opacity: .2;
            margin: 0 auto -15px;
            position: relative;
            z-index: 2
        }

        .mobile-entry .text {
            background: #34363E;
            color: rgba(255,255,255,.5);
            text-align: left;
            line-height: 30px;
            padding: 30px;
            font-weight: 900;
            font-size: 24px;
            border-radius: 30px 30px 0 0;
            white-space: nowrap;
            overflow: hidden
        }

            .mobile-entry .text::-webkit-input-placeholder {
                color: #8F969D
            }

            .mobile-entry .text:-moz-placeholder {
                color: #8F969D
            }

            .mobile-entry .text::-moz-placeholder {
                color: #8F969D
            }

            .mobile-entry .text:-ms-input-placeholder {
                color: #8F969D
            }

            .mobile-entry .text:before {
                content: '-';
                margin-left: -.4em;
                pointer-events: none;
                opacity: 0
            }

            .mobile-entry .text:after {
                content: '';
                display: inline-block;
                width: 1px;
                height: 30px;
                margin: -5px 0;
                bottom: 2px;
                position: relative;
                background: #fff;
                vertical-align: middle;
                -webkit-animation: caret 1s infinite;
                animation: caret 1s infinite
            }

    .mobile-filter, .mobile-filter .icon {
        display: block;
        line-height: 50px
    }

    .mobile-filter {
        position: fixed;
        bottom: 30px;
        width: 50px;
        height: 50px;
        text-align: center;
        z-index: 5;
        margin-left: -25px;
        background: #34363E;
        border-radius: 50%;
        font-size: 22px;
        cursor: pointer;
        box-shadow: 0 12px 24px rgba(52,54,62,.32)
    }

        .mobile-filter .image-icon {
            display: none
        }

        .mobile-filter:hover {
            color: #fff;
            background: #2E48E8
        }

        .mobile-filter.primary {
            background: #2E48E8
        }

        .mobile-filter.active:before {
            content: '';
            display: block;
            width: 9px;
            height: 9px;
            background: #FB0;
            position: absolute;
            top: 3px;
            left: 3px;
            border-radius: 50%;
            box-shadow: 0 0 0 2px #fff
        }

        .mobile-filter.darken-theme {
            background: #fff;
            line-height: 55px
        }

            .mobile-filter.darken-theme .icon {
                display: none
            }

            .mobile-filter.darken-theme .image-icon {
                display: inline-block
            }

            .mobile-filter.darken-theme:before {
                box-shadow: 0 0 0 2px #333
            }

    .form-hero .form-section, .form-section {
        display: block;
        position: fixed;
        background: #34363E;
        z-index: 11;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        transition: margin .3s,background-color .3s,-webkit-transform .3s;
        transition: transform .3s,margin .3s,background-color .3s;
        transition: transform .3s,margin .3s,background-color .3s,-webkit-transform .3s
    }

        .form-hero .form-section form, .form-section form {
            display: block;
            width: 100%;
            height: 100%
        }

        .form-hero .form-section .filter, .form-section .filter {
            overflow: hidden;
            width: 100%;
            height: 100%
        }

            .form-hero .form-section .filter [data-scroll], .form-section .filter [data-scroll] {
                height: 100%;
                padding-top: 100px;
                padding-bottom: 70px;
                overflow-y: auto;
                position: relative
            }

            .form-hero .form-section .filter form, .form-section .filter form {
                position: static
            }

        .form-hero .form-section .static, .form-section .static {
            position: static;
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: none;
            transform: none;
            display: none
        }

        .form-hero .form-section .darken, .form-section .darken {
            position: static;
            opacity: 1;
            pointer-events: auto
        }

            .form-hero .form-section .darken .container, .form-hero .form-section .darken .container-fluid, .form-section .darken .container, .form-section .darken .container-fluid {
                padding-left: 0;
                padding-right: 0
            }

            .form-hero .form-section .darken .layout, .form-section .darken .layout {
                display: block;
                width: 100%;
                margin: 0;
                position: static !important
            }

                .form-hero .form-section .darken .layout .column, .form-section .darken .layout .column {
                    display: block;
                    position: static !important;
                    width: 100%;
                    padding: 0;
                    text-align: left !important
                }

                    .form-hero .form-section .darken .layout .column[md-show], .form-section .darken .layout .column[md-show] {
                        display: block
                    }

                    .form-hero .form-section .darken .layout .column:last-child .btn.btn-block, .form-section .darken .layout .column:last-child .btn.btn-block {
                        display: block;
                        width: 100%
                    }

                        .form-hero .form-section .darken .layout .column:last-child .btn.btn-block span, .form-section .darken .layout .column:last-child .btn.btn-block span {
                            color: inherit
                        }

                    .form-hero .form-section .darken .layout .column .btn-clear, .form-section .darken .layout .column .btn-clear {
                        background-color: #3A3C45;
                        color: #FBD97C;
                        padding-left: 15px;
                        padding-right: 15px
                    }

                        .form-hero .form-section .darken .layout .column .btn-clear > span, .form-section .darken .layout .column .btn-clear > span {
                            position: static
                        }

                        .form-hero .form-section .darken .layout .column .btn-clear .mobile-text, .form-section .darken .layout .column .btn-clear .mobile-text {
                            display: inline
                        }

                        .form-hero .form-section .darken .layout .column .btn-clear:after, .form-hero .form-section .darken .layout .column .btn-clear:before, .form-section .darken .layout .column .btn-clear:after, .form-section .darken .layout .column .btn-clear:before {
                            display: none
                        }

                        .form-hero .form-section .darken .layout .column .btn-clear .icon:before, .form-section .darken .layout .column .btn-clear .icon:before {
                            position: relative;
                            top: 2px
                        }

                .form-hero .form-section .darken .layout > .column:last-child, .form-section .darken .layout > .column:last-child {
                    width: 100%
                }

            .form-hero .form-section .darken .btn.btn-block, .form-section .darken .btn.btn-block {
                padding-right: 155px;
                position: relative
            }

                .form-hero .form-section .darken .btn.btn-block > span, .form-section .darken .btn.btn-block > span {
                    margin: 0;
                    display: inline-block;
                    position: absolute;
                    top: 21px;
                    right: 47px
                }

                    .form-hero .form-section .darken .btn.btn-block > span .icon:not(.btn-icon), .form-section .darken .btn.btn-block > span .icon:not(.btn-icon) {
                        font-size: 30px;
                        right: 10px;
                        top: 12px;
                        display: inline-block
                    }

                        .form-hero .form-section .darken .btn.btn-block > span .icon:not(.btn-icon).icon-plus, .form-section .darken .btn.btn-block > span .icon:not(.btn-icon).icon-plus {
                            position: absolute;
                            left: 100%;
                            top: -4px;
                            margin-left: 10px
                        }

            .form-hero .form-section .darken button, .form-section .darken button {
                float: none;
                clear: both
            }

                .form-hero .form-section .darken button > .icon, .form-section .darken button > .icon {
                    display: none !important
                }

            .form-hero .form-section .darken [data-dropdown], .form-section .darken [data-dropdown] {
                margin-left: 0;
                margin-right: 0
            }

            .form-hero .form-section .darken .checkbox-btn, .form-section .darken .checkbox-btn {
                display: block;
                background-color: #23242A;
                border-radius: 0;
                background-image: url(../Media/particles-small.svg),url(../Media/particles-small2.svg);
                background-repeat: no-repeat;
                background-position: top left,top right;
                position: absolute;
                left: 0;
                top: -60px;
                width: 100%;
                transition: 0s
            }

                .form-hero .form-section .darken .checkbox-btn .offers-animation, .form-section .darken .checkbox-btn .offers-animation {
                    display: none
                }

                .form-hero .form-section .darken .checkbox-btn .inner-side, .form-section .darken .checkbox-btn .inner-side {
                    box-shadow: none;
                    border-radius: 0;
                    width: 100%;
                    -webkit-transform: translateX(0);
                    transform: translateX(0);
                    padding-left: 15px;
                    padding-right: 15px
                }

                .form-hero .form-section .darken .checkbox-btn input:checked ~ label, .form-hero .form-section .darken .checkbox-btn label, .form-section .darken .checkbox-btn input:checked ~ label, .form-section .darken .checkbox-btn label {
                    padding-left: 0
                }

                    .form-hero .form-section .darken .checkbox-btn label .label-round, .form-section .darken .checkbox-btn label .label-round {
                        opacity: 1;
                        left: auto;
                        right: 0
                    }

        .form-hero .form-section .container, .form-section .container {
            padding: 0
        }

        .form-hero .form-section .layout, .form-section .layout {
            display: block;
            width: 100%;
            margin: 0 !important;
            position: static !important
        }

            .form-hero .form-section .layout .column, .form-section .layout .column {
                display: block;
                width: 100%;
                padding: 0
            }

            .form-hero .form-section .layout input[type=checkbox] ~ label .icon, .form-section .layout input[type=checkbox] ~ label .icon {
                display: block
            }

            .form-hero .form-section .layout .checkboxes label, .form-hero .form-section .layout button, .form-section .layout .checkboxes label, .form-section .layout button {
                color: #8F969D;
                background: 0 0;
                font-family: Roboto,sans-serif;
                line-height: 20px;
                padding: 20px;
                font-size: 16px;
                font-weight: 900;
                display: block;
                width: 100%;
                text-align: left;
                border-radius: 0;
                border: none;
                text-transform: uppercase;
                cursor: pointer;
                position: relative
            }

                .form-hero .form-section .layout .checkboxes label .text, .form-hero .form-section .layout button .text, .form-section .layout .checkboxes label .text, .form-section .layout button .text {
                    position: static;
                    color: inherit
                }

                .form-hero .form-section .layout .checkboxes label .counter, .form-hero .form-section .layout .checkboxes label .icon:not(.icon-trash):not(.icon-trash-filled), .form-hero .form-section .layout button .counter, .form-hero .form-section .layout button .icon:not(.icon-trash):not(.icon-trash-filled), .form-section .layout .checkboxes label .counter, .form-section .layout .checkboxes label .icon:not(.icon-trash):not(.icon-trash-filled), .form-section .layout button .counter, .form-section .layout button .icon:not(.icon-trash):not(.icon-trash-filled) {
                    position: absolute;
                    display: none;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    text-align: center;
                    font-size: 30px;
                    top: 13px;
                    right: 10px;
                    margin: 0
                }

                .form-hero .form-section .layout .checkboxes label .icon.icon-trash, .form-hero .form-section .layout .checkboxes label .icon.icon-trash-filled, .form-hero .form-section .layout button .icon.icon-trash, .form-hero .form-section .layout button .icon.icon-trash-filled, .form-section .layout .checkboxes label .icon.icon-trash, .form-section .layout .checkboxes label .icon.icon-trash-filled, .form-section .layout button .icon.icon-trash, .form-section .layout button .icon.icon-trash-filled {
                    position: absolute;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    text-align: center;
                    top: 20px !important;
                    right: 20px !important;
                    font-size: 22px !important
                }

                .form-hero .form-section .layout .checkboxes label .icon.icon-trash-filled, .form-hero .form-section .layout button .icon.icon-trash-filled, .form-section .layout .checkboxes label .icon.icon-trash-filled, .form-section .layout button .icon.icon-trash-filled {
                    display: none
                }

                .form-hero .form-section .layout .checkboxes label .counter, .form-hero .form-section .layout button .counter, .form-section .layout .checkboxes label .counter, .form-section .layout button .counter {
                    display: block;
                    font-size: 18px
                }

                .form-hero .form-section .layout .checkboxes label[for=onlyDirect] .icon.icon-checked, .form-hero .form-section .layout .checkboxes label[for=onlyDirect] .icon.icon-unchecked, .form-hero .form-section .layout button[for=onlyDirect] .icon.icon-checked, .form-hero .form-section .layout button[for=onlyDirect] .icon.icon-unchecked, .form-section .layout .checkboxes label[for=onlyDirect] .icon.icon-checked, .form-section .layout .checkboxes label[for=onlyDirect] .icon.icon-unchecked, .form-section .layout button[for=onlyDirect] .icon.icon-checked, .form-section .layout button[for=onlyDirect] .icon.icon-unchecked {
                    display: block
                }

                .form-hero .form-section .layout .checkboxes label:focus, .form-hero .form-section .layout .checkboxes label:hover, .form-hero .form-section .layout button:focus, .form-hero .form-section .layout button:hover, .form-section .layout .checkboxes label:focus, .form-section .layout .checkboxes label:hover, .form-section .layout button:focus, .form-section .layout button:hover {
                    color: #8F969D
                }

                .form-hero .form-section .layout .checkboxes label.active, .form-hero .form-section .layout button.active, .form-section .layout .checkboxes label.active, .form-section .layout button.active {
                    color: #fff !important
                }

                .form-hero .form-section .layout .checkboxes label.filled, .form-hero .form-section .layout button.filled, .form-section .layout .checkboxes label.filled, .form-section .layout button.filled {
                    background: #3A3C45
                }

                    .form-hero .form-section .layout .checkboxes label.filled .icon.icon-trash, .form-hero .form-section .layout button.filled .icon.icon-trash, .form-section .layout .checkboxes label.filled .icon.icon-trash, .form-section .layout button.filled .icon.icon-trash {
                        display: none
                    }

                    .form-hero .form-section .layout .checkboxes label.filled .icon.icon-trash-filled, .form-hero .form-section .layout button.filled .icon.icon-trash-filled, .form-section .layout .checkboxes label.filled .icon.icon-trash-filled, .form-section .layout button.filled .icon.icon-trash-filled {
                        display: block
                    }

                .form-hero .form-section .layout button[data-search-model], .form-section .layout button[data-search-model] {
                    text-transform: none
                }

            .form-hero .form-section .layout .checkboxes, .form-section .layout .checkboxes {
                margin: 0
            }

                .form-hero .form-section .layout .checkboxes input:checked ~ label, .form-section .layout .checkboxes input:checked ~ label {
                    color: #fff
                }

        .form-hero .form-section .modals, .form-section .modals {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            overflow: hidden;
            pointer-events: none
        }

            .form-hero .form-section .modals [data-modal], .form-section .modals [data-modal] {
                position: absolute;
                top: 0;
                left: 0;
                overflow-x: hidden;
                overflow-y: auto;
                width: 100%;
                height: 100%;
                background: rgba(52,54,62,.8);
                opacity: 0;
                pointer-events: none;
                transition: .2s opacity;
                padding: 50px 25px
            }

                .form-hero .form-section .modals [data-modal] .verticaly-middle, .form-section .modals [data-modal] .verticaly-middle {
                    text-align: center
                }

                .form-hero .form-section .modals [data-modal] .inner, .form-section .modals [data-modal] .inner {
                    background: #fff;
                    -webkit-transform: scale(.9);
                    transform: scale(.9);
                    border-radius: 10px;
                    max-width: 300px;
                    opacity: 0;
                    transition: .3s;
                    text-align: left;
                    margin-bottom: 50px
                }

                .form-hero .form-section .modals [data-modal] .checkboxes, .form-section .modals [data-modal] .checkboxes {
                    margin: 0;
                    padding: 20px 0
                }

                    .form-hero .form-section .modals [data-modal] .checkbox:not(.round) label, .form-hero .form-section .modals [data-modal] .checkboxes label, .form-section .modals [data-modal] .checkbox:not(.round) label, .form-section .modals [data-modal] .checkboxes label {
                        display: block;
                        padding: 15px 45px 15px 95px;
                        color: #8F969D;
                        font-size: 18px;
                        position: relative;
                        line-height: 1.2;
                        text-align: left
                    }

                        .form-hero .form-section .modals [data-modal] .checkbox:not(.round) label:before, .form-hero .form-section .modals [data-modal] .checkboxes label:before, .form-section .modals [data-modal] .checkbox:not(.round) label:before, .form-section .modals [data-modal] .checkboxes label:before {
                            content: '';
                            display: block;
                            position: absolute;
                            width: 18px;
                            height: 18px;
                            box-shadow: inset 0 0 0 1px #8F969D;
                            border-radius: 50%;
                            left: 45px;
                            transition: .2s
                        }

                        .form-hero .form-section .modals [data-modal] .checkbox:not(.round) label:before, .form-hero .form-section .modals [data-modal] .dropdown:before, .form-hero .form-section .modals [data-modal][data-search-field] .form-group .input-icon, .form-section .modals [data-modal] .checkbox:not(.round) label:before, .form-section .modals [data-modal] .dropdown:before, .form-section .modals [data-modal][data-search-field] .form-group .input-icon {
                            display: none
                        }

                    .form-hero .form-section .modals [data-modal] .checkbox:not(.round) input:checked + label, .form-hero .form-section .modals [data-modal] .checkboxes input:checked + label, .form-section .modals [data-modal] .checkbox:not(.round) input:checked + label, .form-section .modals [data-modal] .checkboxes input:checked + label {
                        color: #2E48E8
                    }

                        .form-hero .form-section .modals [data-modal] .checkbox:not(.round) input:checked + label:before, .form-hero .form-section .modals [data-modal] .checkboxes input:checked + label:before, .form-section .modals [data-modal] .checkbox:not(.round) input:checked + label:before, .form-section .modals [data-modal] .checkboxes input:checked + label:before {
                            box-shadow: inset 0 0 0 5px #2E48E8
                        }

                .form-hero .form-section .modals [data-modal] .checkbox:not(.round) label > span, .form-section .modals [data-modal] .checkbox:not(.round) label > span {
                    width: 20px;
                    height: 20px;
                    left: 42px;
                    top: 15px
                }

                    .form-hero .form-section .modals [data-modal] .checkbox:not(.round) label > span:after, .form-section .modals [data-modal] .checkbox:not(.round) label > span:after {
                        width: 15px;
                        height: 2px;
                        top: 2px;
                        left: 5px
                    }

                    .form-hero .form-section .modals [data-modal] .checkbox:not(.round) label > span:before, .form-section .modals [data-modal] .checkbox:not(.round) label > span:before {
                        width: 6px;
                        height: 2px;
                        top: 9px;
                        left: 3px
                    }

                .form-hero .form-section .modals [data-modal] .accept-button, .form-section .modals [data-modal] .accept-button {
                    margin: 0 0 -25px;
                    position: relative;
                    z-index: 5
                }

                    .form-hero .form-section .modals [data-modal] .accept-button .btn, .form-section .modals [data-modal] .accept-button .btn {
                        border-radius: 0 0 10px 10px;
                        line-height: 20px;
                        padding: 20px;
                        font-size: 16px;
                        background: #F7F8FA;
                        color: #34363E
                    }

                        .form-hero .form-section .modals [data-modal] .accept-button .btn:focus, .form-hero .form-section .modals [data-modal] .accept-button .btn:hover, .form-section .modals [data-modal] .accept-button .btn:focus, .form-section .modals [data-modal] .accept-button .btn:hover {
                            background: #F7F8FA;
                            color: #34363E;
                            box-shadow: none
                        }

                .form-hero .form-section .modals [data-modal] .dropdown, .form-section .modals [data-modal] .dropdown {
                    position: relative;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    opacity: 1;
                    pointer-events: inherit;
                    margin: 0;
                    min-width: 10px;
                    -webkit-transform: none;
                    transform: none;
                    width: 100%;
                    height: auto;
                    max-width: 100%;
                    max-height: 100%;
                    overflow: visible;
                    box-shadow: none
                }

                    .form-hero .form-section .modals [data-modal] .dropdown .title, .form-section .modals [data-modal] .dropdown .title {
                        font-size: 18px
                    }

                        .form-hero .form-section .modals [data-modal] .dropdown .title .icon, .form-section .modals [data-modal] .dropdown .title .icon {
                            width: 40px;
                            height: 40px;
                            font-size: 36px;
                            line-height: 40px;
                            position: relative;
                            bottom: 2px
                        }

                    .form-hero .form-section .modals [data-modal] .dropdown .calculator .minus, .form-hero .form-section .modals [data-modal] .dropdown .calculator .plus, .form-section .modals [data-modal] .dropdown .calculator .minus, .form-section .modals [data-modal] .dropdown .calculator .plus {
                        width: 50px;
                        height: 50px;
                        line-height: 50px;
                        font-size: 40px
                    }

                    .form-hero .form-section .modals [data-modal] .dropdown .calculator input, .form-section .modals [data-modal] .dropdown .calculator input {
                        line-height: 50px;
                        height: 50px;
                        padding: 0;
                        font-size: 38px
                    }

                .form-hero .form-section .modals [data-modal][data-search-field], .form-section .modals [data-modal][data-search-field] {
                    background: rgba(52,54,62,.95);
                    padding: 0
                }

                    .form-hero .form-section .modals [data-modal][data-search-field] .form-group, .form-section .modals [data-modal][data-search-field] .form-group {
                        height: 100%
                    }

                        .form-hero .form-section .modals [data-modal][data-search-field] .form-group .input, .form-section .modals [data-modal][data-search-field] .form-group .input {
                            border-radius: 0;
                            background: #fff;
                            color: #34363E;
                            line-height: 40px;
                            padding: 10px 20px;
                            font-size: 16px
                        }

                            .form-hero .form-section .modals [data-modal][data-search-field] .form-group .input::-webkit-input-placeholder, .form-section .modals [data-modal][data-search-field] .form-group .input::-webkit-input-placeholder {
                                color: #8F969D
                            }

                            .form-hero .form-section .modals [data-modal][data-search-field] .form-group .input:-moz-placeholder, .form-section .modals [data-modal][data-search-field] .form-group .input:-moz-placeholder {
                                color: #8F969D
                            }

                            .form-hero .form-section .modals [data-modal][data-search-field] .form-group .input::-moz-placeholder, .form-section .modals [data-modal][data-search-field] .form-group .input::-moz-placeholder {
                                color: #8F969D
                            }

                            .form-hero .form-section .modals [data-modal][data-search-field] .form-group .input:-ms-input-placeholder, .form-section .modals [data-modal][data-search-field] .form-group .input:-ms-input-placeholder {
                                color: #8F969D
                            }

                        .form-hero .form-section .modals [data-modal][data-search-field] .form-group .input-clear, .form-section .modals [data-modal][data-search-field] .form-group .input-clear {
                            color: #34363E;
                            width: 50px;
                            height: 60px;
                            line-height: 60px;
                            text-align: center;
                            top: 0;
                            right: 0
                        }

                    .form-hero .form-section .modals [data-modal][data-search-field] .dropdown, .form-section .modals [data-modal][data-search-field] .dropdown {
                        padding: 0;
                        box-shadow: none;
                        border-radius: 0;
                        height: calc(100% - 120px)
                    }

                        .form-hero .form-section .modals [data-modal][data-search-field] .dropdown .scrolled, .form-section .modals [data-modal][data-search-field] .dropdown .scrolled {
                            height: 100%;
                            max-height: 100%;
                            padding: 10px 0
                        }

                        .form-hero .form-section .modals [data-modal][data-search-field] .dropdown .empty, .form-section .modals [data-modal][data-search-field] .dropdown .empty {
                            padding: 50px 20px;
                            font-size: 18px
                        }

                    .form-hero .form-section .modals [data-modal][data-search-field] .accept-button, .form-section .modals [data-modal][data-search-field] .accept-button {
                        margin: 0
                    }

                        .form-hero .form-section .modals [data-modal][data-search-field] .accept-button .btn, .form-section .modals [data-modal][data-search-field] .accept-button .btn {
                            background: #fff;
                            border-radius: 0
                        }

                            .form-hero .form-section .modals [data-modal][data-search-field] .accept-button .btn:focus, .form-hero .form-section .modals [data-modal][data-search-field] .accept-button .btn:hover, .form-section .modals [data-modal][data-search-field] .accept-button .btn:focus, .form-section .modals [data-modal][data-search-field] .accept-button .btn:hover {
                                background: #fff
                            }

                    .form-hero .form-section .modals [data-modal][data-search-field] .airports-list, .form-section .modals [data-modal][data-search-field] .airports-list {
                        margin-left: -60px
                    }

                        .form-hero .form-section .modals [data-modal][data-search-field] .airports-list b, .form-section .modals [data-modal][data-search-field] .airports-list b {
                            margin-right: 10px
                        }

                    .form-hero .form-section .modals [data-modal][data-search-field] .airports-list, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list, .form-section .modals [data-modal][data-search-field] .airports-list, .form-section .modals [data-modal][data-search-field] .cities-list {
                        color: #fff
                    }

                        .form-hero .form-section .modals [data-modal][data-search-field] .airports-list > li, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list > li, .form-section .modals [data-modal][data-search-field] .airports-list > li, .form-section .modals [data-modal][data-search-field] .cities-list > li {
                            padding-left: 60px
                        }

                            .form-hero .form-section .modals [data-modal][data-search-field] .airports-list > li > .icon, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list > li > .icon, .form-section .modals [data-modal][data-search-field] .airports-list > li > .icon, .form-section .modals [data-modal][data-search-field] .cities-list > li > .icon {
                                left: 15px;
                                color: #8F969D
                            }

                            .form-hero .form-section .modals [data-modal][data-search-field] .airports-list > li .highlight, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list > li .highlight, .form-section .modals [data-modal][data-search-field] .airports-list > li .highlight, .form-section .modals [data-modal][data-search-field] .cities-list > li .highlight {
                                color: inherit
                            }

                            .form-hero .form-section .modals [data-modal][data-search-field] .airports-list > li b, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list > li b, .form-section .modals [data-modal][data-search-field] .airports-list > li b, .form-section .modals [data-modal][data-search-field] .cities-list > li b {
                                font-weight: 900
                            }

                            .form-hero .form-section .modals [data-modal][data-search-field] .airports-list > li a, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list > li a, .form-section .modals [data-modal][data-search-field] .airports-list > li a, .form-section .modals [data-modal][data-search-field] .cities-list > li a {
                                padding-left: 60px;
                                margin-left: -60px;
                                font-size: 16px
                            }

                                .form-hero .form-section .modals [data-modal][data-search-field] .airports-list > li a small, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list > li a small, .form-section .modals [data-modal][data-search-field] .airports-list > li a small, .form-section .modals [data-modal][data-search-field] .cities-list > li a small {
                                    font-size: 80%;
                                    line-height: 1.4;
                                    margin-top: 2px;
                                    display: block
                                }

                                .form-hero .form-section .modals [data-modal][data-search-field] .airports-list > li a > .icon, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list > li a > .icon, .form-section .modals [data-modal][data-search-field] .airports-list > li a > .icon, .form-section .modals [data-modal][data-search-field] .cities-list > li a > .icon {
                                    left: 15px;
                                    color: #8F969D
                                }

                            .form-hero .form-section .modals [data-modal][data-search-field] .airports-list > li:hover, .form-hero .form-section .modals [data-modal][data-search-field] .cities-list > li:hover, .form-section .modals [data-modal][data-search-field] .airports-list > li:hover, .form-section .modals [data-modal][data-search-field] .cities-list > li:hover {
                                background: 0 0 !important
                            }

                .form-hero .form-section .modals [data-modal][data-airlines-field] .checkbox:not(.round) label, .form-section .modals [data-modal][data-airlines-field] .checkbox:not(.round) label {
                    padding: 10px 15px 10px 50px;
                    font-size: 16px
                }

                    .form-hero .form-section .modals [data-modal][data-airlines-field] .checkbox:not(.round) label > span, .form-section .modals [data-modal][data-airlines-field] .checkbox:not(.round) label > span {
                        left: 20px;
                        top: 12px;
                        width: 14px;
                        height: 14px
                    }

                        .form-hero .form-section .modals [data-modal][data-airlines-field] .checkbox:not(.round) label > span:after, .form-section .modals [data-modal][data-airlines-field] .checkbox:not(.round) label > span:after {
                            width: 10px;
                            height: 2px;
                            top: 0;
                            left: 3px
                        }

                        .form-hero .form-section .modals [data-modal][data-airlines-field] .checkbox:not(.round) label > span:before, .form-section .modals [data-modal][data-airlines-field] .checkbox:not(.round) label > span:before {
                            width: 4px;
                            height: 2px;
                            top: 6px;
                            left: 1px
                        }

                .form-hero .form-section .modals [data-modal] [data-calendar] ~ .accept-button, .form-section .modals [data-modal] [data-calendar] ~ .accept-button {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    z-index: 5
                }

                    .form-hero .form-section .modals [data-modal] [data-calendar] ~ .accept-button .btn, .form-section .modals [data-modal] [data-calendar] ~ .accept-button .btn {
                        background: #fff;
                        color: #34363E
                    }

                .form-hero .form-section .modals [data-modal] [data-anchors], .form-section .modals [data-modal] [data-anchors] {
                    background: #000
                }

                    .form-hero .form-section .modals [data-modal] [data-anchors] .btn, .form-section .modals [data-modal] [data-anchors] .btn {
                        box-shadow: none
                    }

                .form-hero .form-section .modals [data-modal] .range-labels, .form-section .modals [data-modal] .range-labels {
                    margin-left: 0;
                    margin-right: 0;
                    margin-bottom: 20px;
                    font-weight: 900;
                    font-size: 16px
                }

                .form-hero .form-section .modals [data-modal] .range-slider, .form-section .modals [data-modal] .range-slider {
                    margin-left: 20px;
                    margin-right: 20px
                }

                .form-hero .form-section .modals [data-modal] .calendar, .form-section .modals [data-modal] .calendar {
                    opacity: 1;
                    top: 60px;
                    left: 0;
                    margin: 0;
                    width: 100%;
                    height: calc(100% - 60px);
                    box-shadow: none
                }

                .form-hero .form-section .modals [data-modal].open, .form-section .modals [data-modal].open {
                    opacity: 1;
                    pointer-events: auto
                }

                    .form-hero .form-section .modals [data-modal].open .calendar, .form-section .modals [data-modal].open .calendar {
                        pointer-events: auto
                    }

                    .form-hero .form-section .modals [data-modal].open .inner, .form-section .modals [data-modal].open .inner {
                        transition-delay: .1s;
                        opacity: 1;
                        -webkit-transform: scale(1);
                        transform: scale(1)
                    }

        .form-hero .form-section [data-main-submit], .form-section [data-main-submit] {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: auto;
            z-index: 5
        }

            .form-hero .form-section [data-main-submit] .btn, .form-section [data-main-submit] .btn {
                border-radius: 0;
                line-height: 20px;
                padding: 20px;
                font-size: 16px
            }

        .form-hero .form-section [data-modal] .sorting, .form-section [data-modal] .sorting {
            display: block;
            background: 0 0;
            margin: 0;
            box-shadow: none
        }

            .form-hero .form-section [data-modal] .sorting .layout, .form-section [data-modal] .sorting .layout {
                display: block
            }

                .form-hero .form-section [data-modal] .sorting .layout .column, .form-section [data-modal] .sorting .layout .column {
                    display: block;
                    width: 100%;
                    margin: 0;
                    text-align: left
                }

            .form-hero .form-section [data-modal] .sorting .link, .form-section [data-modal] .sorting .link {
                display: block;
                font-size: 18px;
                padding: 10px 30px;
                margin: 0
            }

                .form-hero .form-section [data-modal] .sorting .link .icon, .form-section [data-modal] .sorting .link .icon {
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    font-size: 36px;
                    margin-right: 10px
                }

            .form-hero .form-section [data-modal] .sorting .results, .form-section [data-modal] .sorting .results {
                font-size: 16px;
                padding: 30px 20px 40px 40px
            }

        .form-hero .form-section[data-mode=search] .darken, .form-hero .form-section[data-mode=filter] .filter-body, .form-hero .form-section[data-mode=filter] .search, .form-section[data-mode=search] .darken, .form-section[data-mode=filter] .filter-body, .form-section[data-mode=filter] .search {
            display: none !important
        }

        .form-hero .form-section[data-mode=filter] [data-main-submit], .form-section[data-mode=filter] [data-main-submit], .main-map .users-counter {
            display: none
        }

        .form-hero .form-section[data-mode=filter] .close-form, .form-section[data-mode=filter] .close-form {
            top: auto;
            bottom: 28px
        }

        .form-hero .form-section[data-mode=filter] .filter [data-scroll], .form-section[data-mode=filter] .filter [data-scroll] {
            padding-top: 60px
        }

        .form-hero .form-section.open, .form-section.open {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        .form-hero .form-section.collapsed, .form-section.collapsed {
            margin: 0;
            background: #fff;
            pointer-events: none;
            -webkit-transform: translateY(-110%);
            transform: translateY(-110%)
        }

            .form-hero .form-section.collapsed .filter, .form-section.collapsed .filter {
                pointer-events: none;
                opacity: 0;
                height: 100%
            }

    .main-map {
        height: 100vh
    }

        .main-map .map {
            height: 100% !important
        }

    .subscribe-form {
        position: relative;
        z-index: 2;
        opacity: 1;
        pointer-events: all;
        -webkit-animation: none;
        animation: none
    }

    .filter-disable .form-section.fixed {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
        height: 100%;
        width: 100%;
        top: 0;
        left: 0
    }

        .filter-disable .form-section.fixed .darken, .filter-disable .form-section.fixed .filter-body, .filter-disable .form-section.fixed .search {
            opacity: 1;
            display: block;
            pointer-events: auto
        }

        .filter-disable .form-section.fixed.open {
            opacity: 1;
            background: #34363E;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

            .filter-disable .form-section.fixed.open .filter {
                opacity: 1;
                pointer-events: auto
            }
}

@-webkit-keyframes caret {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes caret {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media (max-width:480px) {
    .subscribe-form .success {
        font-size: 17px
    }

        .subscribe-form .success .icon {
            font-size: 32px;
            margin: -10px 0 -10px -10px;
            bottom: 2px
        }

    .calendar .body .months > li {
        width: 100%;
        display: block
    }
}

.graph-wrapper {
    position: relative;
    padding-top: 100%;
    margin-bottom: 95px
}

    .graph-wrapper .value {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        font-size: 38px;
        font-weight: 900;
        line-height: .8;
        padding-left: 20px;
        letter-spacing: -.1em
    }

.graph {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 100%;
    height: 100%
}

    .graph path {
        fill: #F7F8FA;
        transition: fill .3s
    }

        .graph path:hover {
            transition: fill .1s;
            fill: #34363E
        }

.tooltip-block {
    text-align: right;
    padding-top: 35px;
    line-height: 20px;
    height: 95px;
    padding-left: 40%;
    position: relative;
    right: 50%;
    margin-right: -70px;
    overflow: hidden;
    display: none;
    margin-top: -95px
}

    .tooltip-block .title {
        font-weight: 900;
        display: block;
        font-size: 16px;
        text-align: right
    }

    .tooltip-block b {
        font-weight: 900
    }

    .tooltip-block.active {
        display: block
    }

@media (max-width:768px) {
    .graph path.active {
        transition: fill .1s;
        fill: #34363E
    }

    .graph-wrapper:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5
    }

    .graph[data-mobile-state="0"] path {
        fill: #34363E
    }
}

.fixed-nav, .main-header {
    padding: 30px 0;
    height: 90px;
    transition: height .5s,padding .5s,-webkit-transform .5s;
    transition: transform .5s,height .5s,padding .5s;
    transition: transform .5s,height .5s,padding .5s,-webkit-transform .5s;
    position: relative;
    z-index: 3;
    pointer-events: none
}

    .fixed-nav .logo, .main-header .logo {
        pointer-events: all;
        display: block;
        width: 100px;
        height: auto;
        transition: .5s;
        padding: 10px 0
    }

        .fixed-nav .logo img, .main-header .logo img {
            display: block;
            width: 120px;
            height: auto;
            user-drag: none;
            -moz-user-select: none;
            user-select: none;
            pointer-events: none
        }

    .fixed-nav .container, .fixed-nav .container-fluid, .main-header .container, .main-header .container-fluid {
        position: relative;
        z-index: 2
    }

    .fixed-nav .relative, .main-header .relative {
        position: relative
    }

    .fixed-nav .btn.btn-back, .main-header .btn.btn-back {
        background: 0 0;
        box-shadow: none;
        color: #34363E;
        position: absolute;
        left: 20px;
        top: 50%;
        margin-top: -13px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        padding: 0;
        transition: .5s;
        opacity: 0
    }

        .fixed-nav .btn.btn-back .icon, .main-header .btn.btn-back .icon {
            font-size: 24px;
            margin-left: 0;
            margin-right: 0
        }

        .fixed-nav .btn.btn-back .text, .main-header .btn.btn-back .text {
            display: block;
            overflow: visible
        }

        .fixed-nav .btn.btn-back:hover, .main-header .btn.btn-back:hover {
            -webkit-transform: translateX(-5px);
            transform: translateX(-5px)
        }

    .fixed-nav .form-toggler, .main-header .form-toggler {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        pointer-events: all;
        cursor: pointer;
        transition: .2s;
        background: #fff
    }

        .fixed-nav .form-toggler .icon, .main-header .form-toggler .icon {
            display: inline-block;
            line-height: 80px;
            width: 80px;
            height: 80px;
            text-align: center;
            font-size: 26px;
            margin-right: -15px;
            color: rgba(0,0,0,.2);
            position: relative;
            z-index: 2;
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg);
            transition: .2s
        }

        .fixed-nav .form-toggler:before, .main-header .form-toggler:before {
            content: '';
            z-index: 2;
            position: absolute;
            top: 0;
            left: -100%;
            width: 300%;
            height: 100%;
            background: #f3f3f3;
            transition: .2s;
            opacity: 0
        }

    .fixed-nav [data-tooltip], .main-header [data-tooltip] {
        pointer-events: all
    }

    .fixed-nav.collapsed, .main-header.collapsed {
        padding: 20px 0;
        height: 80px;
        z-index: 2;
        background: #fff
    }

        .fixed-nav.collapsed .logo, .main-header.collapsed .logo {
            -webkit-transform: translateX(50px);
            transform: translateX(50px)
        }

        .fixed-nav.collapsed .btn.btn-back, .main-header.collapsed .btn.btn-back {
            opacity: 1;
            pointer-events: all
        }

    .fixed-nav.fixed, .main-header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 90px;
        z-index: 6;
        background: #fff
    }

        .fixed-nav.fixed.collapsed, .main-header.fixed.collapsed {
            pointer-events: none;
            background: 0 0
        }

            .fixed-nav.fixed.collapsed .form-toggler .icon, .main-header.fixed.collapsed .form-toggler .icon {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            .fixed-nav.fixed.collapsed:hover .form-toggler:before, .main-header.fixed.collapsed:hover .form-toggler:before {
                opacity: 1
            }

    .fixed-nav:hover .form-toggler .icon, .main-header:hover .form-toggler .icon {
        color: #34363E
    }

    .main-header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        background: 0 0
    }

@media (min-width:769px) {
    .main-header.fixed ~ main {
        transition: .2s padding-top;
        padding-top: 354px
    }

        .main-header.fixed ~ main .s-engine {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 9;
            height: 350px
        }

            .main-header.fixed ~ main .s-engine.collapsed {
                height: 90px;
                background: #fff;
                box-shadow: 0 5px 10px rgba(0,0,0,.1)
            }

                .main-header.fixed ~ main .s-engine.collapsed.has-filters {
                    height: 190px
                }

        .main-header.fixed ~ main.s-engine-collapsed {
            padding-top: 90px
        }
}

.fixed-nav, .fixed-nav.fixed {
    height: 80px
}

.main-header.static {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: 0 0
}

.fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff !important;
    box-shadow: 0 12px 24px rgba(135,135,135,.07)
}

@media (max-width:1400px) {
    .fixed-nav [data-blog-nav] {
        padding-right: 80px
    }
}

@media (max-width:768px) {
    .main-header {
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
        width: 100%;
        padding: 10px 0
    }

        .main-header .logo {
            text-align: center;
            width: 200px;
            margin: 0 auto;
            display: block;
            padding: 7px 0;
            height: 40px
        }

        .main-header.collapsed, .main-header.fixed {
            padding: 10px 0;
            height: 60px
        }

        .main-header .logo img {
            display: inline-block;
            width: auto;
            height: 100%
        }

        .main-header .btn.btn-back {
            margin-top: 0;
            left: 0;
            top: -10px;
            border-radius: 0;
            line-height: 60px;
            text-align: center;
            width: 60px;
            height: 60px
        }

            .main-header .btn.btn-back .icon {
                font-size: 33px
            }

        .main-header [data-toggle-copy] {
            position: absolute;
            z-index: 3;
            top: 5px;
            right: 20px;
            pointer-events: all
        }

            .main-header [data-toggle-copy].active {
                color: #F7F8FA;
                background: #34363E
            }

        .main-header.fixed, .main-header.fixed.collapsed {
            background: #fff;
            box-shadow: 0 12px 24px rgba(135,135,135,.14)
        }

        .main-header.collapsed {
            box-shadow: 0 12px 24px rgba(135,135,135,.14)
        }

            .main-header.collapsed .logo {
                -webkit-transform: none;
                transform: none
            }

        .main-header.fixed .form-toggler {
            display: none
        }

        .main-header.fixed.collapsed {
            pointer-events: none
        }

            .main-header.fixed.collapsed .form-toggler .icon {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            .main-header.fixed.collapsed:hover .form-toggler:before {
                opacity: 1
            }

        .main-header.static {
            box-shadow: none
        }

        .main-header:hover .form-toggler .icon {
            color: #34363E
        }
}

[class*=" icon2-"], [class*=" icon-"], [class^=icon2-], [class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal
}

@media (max-width:480px) {
    .main-header .logo {
        padding: 11px 0 13px;
        height: 40px
    }

    .main-header .btn.btn-back .icon {
        font-size: 25px
    }

    .main-header.collapsed {
        padding: 10px 0;
        height: 60px
    }

        .main-header.collapsed .logo {
            -webkit-transform: none;
            transform: none
        }

    .main-header.fixed {
        position: fixed
    }
}

@font-face {
    font-family: icomoon;
    src: url(../Fonts/icomoon.eot?yfz5oq);
    src: url(../Fonts/icomoon.eot?yfz5oq#iefix) format("embedded-opentype"),url(../Fonts/icomoon.ttf?yfz5oq) format("truetype"),url(../Fonts/icomoon.woff?yfz5oq) format("woff"),url(../Fonts/icomoon.svg?yfz5oq#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-drop:before {
    content: "\e902"
}

.icon-enter:before {
    content: "\e903"
}

.icon-building:before {
    content: "\e904"
}

.icon-babies:before {
    content: "\e911"
}

.icon-children:before {
    content: "\e912"
}

.icon-adult:before {
    content: "\e913"
}

.icon-passenger:before {
    content: "\e900"
}

.icon-checked:before {
    content: "\e901"
}

.icon-weather3:before {
    content: "\e906"
}

.icon-weather2:before {
    content: "\e907"
}

.icon-weather1:before {
    content: "\e908"
}

.icon-fly .path1:before {
    content: "\e909";
    color: #7083f0
}

.icon-fly .path2:before {
    content: "\e90a";
    margin-left: -1em;
    color: #2e48e8
}

.icon-fly .path3:before {
    content: "\e90b";
    margin-left: -1em;
    color: #2e48e8
}

.icon-send .path1:before {
    content: "\e90c";
    color: #7083f0
}

.icon-send .path2:before {
    content: "\e90d";
    margin-left: -1em;
    color: #2e48e8
}

.icon-alert:before {
    content: "\e90e"
}

.icon-info:before {
    content: "\e90f"
}

.icon-share:before {
    content: "\e918"
}

.icon-clock:before {
    content: "\e919"
}

.icon-cheapest:before {
    content: "\e91a"
}

.icon-like:before {
    content: "\e91b"
}

.icon-arrow-left:before {
    content: "\e91c"
}

.icon-plane:before {
    content: "\e91d"
}

.icon-gr .path1:before {
    content: "\e91e";
    color: #23242a
}

.icon-gr .path2:before {
    content: "\e91f";
    margin-left: -1em;
    color: #2b3187
}

.icon-gr .path3:before, .icon-gr .path4:before, .icon-gr .path5:before, .icon-gr .path6:before, .icon-gr .path7:before, .icon-gr .path8:before {
    margin-left: -1em;
    color: #f9f9f9
}

.icon-gr .path3:before {
    content: "\e920"
}

.icon-gr .path4:before {
    content: "\e921"
}

.icon-gr .path5:before {
    content: "\e922"
}

.icon-gr .path6:before {
    content: "\e923"
}

.icon-gr .path7:before {
    content: "\e924"
}

.icon-gr .path8:before {
    content: "\e925"
}

.icon-en .path1:before {
    content: "\e926";
    color: #23242a
}

.icon-en .path2:before, .icon-en .path3:before, .icon-en .path4:before, .icon-en .path5:before, .icon-en .path6:before, .icon-en .path7:before, .icon-en .path8:before, .icon-en .path9:before {
    color: #01247d;
    margin-left: -1em
}

.icon-en .path2:before {
    content: "\e927"
}

.icon-en .path3:before {
    content: "\e928"
}

.icon-en .path4:before {
    content: "\e929"
}

.icon-en .path5:before {
    content: "\e92a"
}

.icon-en .path6:before {
    content: "\e92b"
}

.icon-en .path7:before {
    content: "\e92c"
}

.icon-en .path8:before {
    content: "\e92d"
}

.icon-en .path9:before {
    content: "\e92e"
}

.icon-en .path10:before {
    content: "\e92f";
    margin-left: -1em;
    color: #fff
}

.icon-en .path11:before {
    content: "\e930";
    margin-left: -1em;
    color: #fff
}

.icon-en .path12:before {
    content: "\e931";
    margin-left: -1em;
    color: #fff
}

.icon-en .path13:before {
    content: "\e932";
    margin-left: -1em;
    color: #fff
}

.icon-en .path14:before, .icon-en .path15:before, .icon-en .path16:before, .icon-en .path17:before, .icon-en .path18:before {
    color: #cf142b;
    margin-left: -1em
}

.icon-en .path14:before {
    content: "\e933"
}

.icon-en .path15:before {
    content: "\e934"
}

.icon-en .path16:before {
    content: "\e935"
}

.icon-en .path17:before {
    content: "\e936"
}

.icon-en .path18:before {
    content: "\e937"
}

.icon-pinterest:before {
    content: "\e938"
}

.icon-facebook:before {
    content: "\e939"
}

.icon-twitter:before {
    content: "\e93a"
}

.icon-arrows:before {
    content: "\e940"
}

.icon-unchecked:before {
    content: "\e941"
}

.icon-airlines:before {
    content: "\e946"
}

.icon-fly-return:before {
    content: "\e948"
}

.icon-fly-down:before {
    content: "\e949"
}

.icon-fly-up:before {
    content: "\e94a"
}

.icon-stops:before {
    content: "\e94b"
}

.icon-duration:before {
    content: "\e94c"
}

.icon-passenger2 .path1:before {
    content: "\e94d";
    color: #34363e
}

.icon-passenger2 .path2:before {
    content: "\e94e";
    margin-left: -1em;
    color: #34363e
}

.icon-passenger2 .path3:before {
    content: "\e94f";
    margin-left: -1em;
    color: #8f969d
}

.icon-passenger2 .path4:before {
    content: "\e950";
    margin-left: -1em;
    color: #8f969d
}

.icon-passenger4 .path2:before, .icon-passenger4 .path3:before, .icon-passenger4 .path4:before, .icon-passenger4 .path5:before, .icon-passenger4 .path6:before {
    margin-left: -1.384765625em;
    color: #34363e
}

.icon-passenger4 .path1:before {
    content: "\e951";
    color: #34363e
}

.icon-passenger4 .path2:before {
    content: "\e952"
}

.icon-passenger4 .path3:before {
    content: "\e953"
}

.icon-passenger4 .path4:before {
    content: "\e954"
}

.icon-passenger4 .path5:before {
    content: "\e955"
}

.icon-passenger4 .path6:before {
    content: "\e956"
}

.icon-passenger4 .path7:before {
    content: "\e957";
    margin-left: -1.384765625em;
    color: #8f969d
}

.icon-passenger3 .path1:before {
    content: "\e958";
    color: #34363e
}

.icon-passenger3 .path2:before {
    content: "\e959";
    margin-left: -1em;
    color: #34363e
}

.icon-passenger3 .path3:before {
    content: "\e95a";
    margin-left: -1em;
    color: #8f969d
}

.icon-passenger3 .path4:before {
    content: "\e95b";
    margin-left: -1em;
    color: #8f969d
}

.icon-passenger3 .path5:before {
    content: "\e95c";
    margin-left: -1em;
    color: #8f969d
}

.icon-passenger3 .path6:before {
    content: "\e95d";
    margin-left: -1em;
    color: #8f969d
}

.icon-filter:before {
    content: "\e905"
}

.icon-faq:before {
    content: "\e910"
}

.icon-close:before {
    content: "\e914"
}

.icon-calendar:before {
    content: "\e915"
}

.icon-droid:before {
    content: "\e93b"
}

.icon-arrow-right:before {
    content: "\e93c"
}

.icon-arrow-up:before {
    content: "\e93d"
}

.icon-arrow-down:before {
    content: "\e93e"
}

.icon-weather-clouds:before {
    content: "\e93f"
}

.icon-weather-thunder:before {
    content: "\e942"
}

.icon-weather-cloud:before {
    content: "\e943"
}

.icon-weather-mist:before {
    content: "\e944"
}

.icon-weather-snow:before {
    content: "\e945"
}

.icon-weather-sun:before {
    content: "\e947"
}

.icon-weather-wind:before {
    content: "\e95e"
}

.icon-weather-heavy-rain:before {
    content: "\e95f"
}

.icon-weather-rain:before {
    content: "\e960"
}

.icon-weather-sun-clouds:before {
    content: "\e961"
}

.icon-smile:before {
    content: "\e962"
}

.icon-angle-down:before {
    content: "\e963"
}

.icon-angle-left:before {
    content: "\e964"
}

.icon-angle-up:before {
    content: "\e965"
}

.icon-angle-right:before {
    content: "\e966"
}

.icon-filter1:before {
    content: "\e967"
}

.icon-price-down:before {
    content: "\e968"
}

.icon-person:before {
    content: "\e969"
}

.icon-price-up:before {
    content: "\e96a"
}

.icon-planer:before {
    content: "\e96b"
}

.icon-baggage2:before {
    content: "\e96c"
}

.icon-rating:before {
    content: "\e96d"
}

.icon-baggage:before {
    content: "\e96e"
}

.icon-baggage-disabled:before {
    content: "\e96f"
}

.icon-baggage2-disabled:before {
    content: "\e970"
}

.icon-union-star:before {
    content: "\e971"
}

.icon-messenger:before {
    content: "\e972"
}

.icon-phone:before {
    content: "\e973"
}

.icon-viber:before {
    content: "\e974"
}

.icon-copy:before {
    content: "\e975"
}

.icon-filter-plane:before {
    content: "\e976"
}

.icon-trash:before {
    content: "\e977"
}

.icon-trash-filled:before {
    content: "\e978"
}

@font-face {
    font-family: icomoon;
    src: url(../Fonts/icons2/icomoon.eot?1pqagl);
    src: url(../Fonts/icons2/icomoon.eot?1pqagl#iefix) format("embedded-opentype"),url(../Fonts/icons2/icomoon.ttf?1pqagl) format("truetype"),url(../Fonts/icons2/icomoon.woff?1pqagl) format("woff"),url(../Fonts/icons2/icomoon.svg?1pqagl#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon-search:before {
    content: "\e900"
}

.icon-cancel:before {
    content: "\e901"
}

.icon-plus:before {
    content: "\e902"
}

.icon-minus:before {
    content: "\e903"
}

.icon-location:before {
    content: "\e904"
}

.icon-chevron-down-thick:before {
    content: "\e906"
}

.icon-chevron-left-thick:before {
    content: "\e905"
}

.icon-chevron-up-thick:before {
    content: "\e907"
}

.icon-chevron-right-thick:before {
    content: "\e908"
}

.info-block {
    margin-left: -15px
}

    .info-block:last-child {
        margin-bottom: 0
    }

    .info-block .info-subtitle, .info-block h3 {
        font-weight: 900;
        font-size: 16px;
        color: #383A40;
        margin: 23px 0 16px
    }

    .info-block .marked-title, .info-block .paragraph, .info-block h2, .info-block p {
        max-width: 70%
    }

    .info-block table {
        min-width: 100%;
        border-collapse: collapse;
        text-align: left;
        table-layout: fixed;
        margin: 50px -100px 50px 0
    }

        .info-block table thead {
            text-align: left;
            vertical-align: top
        }

            .info-block table thead th {
                font-weight: 900;
                padding-bottom: 30px
            }

        .info-block table td, .info-block table th {
            padding: 5px 7px
        }

            .info-block table td.small, .info-block table th.small {
                width: 90px
            }

            .info-block table td:first-child, .info-block table th:first-child {
                width: 170px
            }

        .info-block table span {
            background-color: #F7F7F7;
            display: inline-block;
            white-space: nowrap;
            font-weight: 900;
            padding: 4px 14px;
            border-radius: 24px;
            text-align: center
        }

        .info-block table.equal-cell td, .info-block table.equal-cell th {
            width: 25%
        }

    .info-block ul li {
        font-weight: 500;
        line-height: 24px;
        font-size: 16px;
        padding: 6px 0 6px 24px;
        position: relative
    }

.form-group label, .input {
    display: block;
    font-weight: 900;
    font-family: Roboto,sans-serif
}

.info-block ul li:before {
    height: 6px;
    width: 6px;
    content: '';
    position: absolute;
    background-color: #383A40;
    left: 0;
    top: 15px
}

.info-block ul li span {
    color: #8F969D
}

@media (max-width:1200px) {
    .info-block {
        margin-left: 0
    }

        .info-block table {
            margin-right: -10px
        }
}

@media (max-width:993px) {
    .info-block table {
        margin-right: 0
    }
}

.input {
    width: 100%;
    border-radius: 3px;
    border: none;
    background: #8F969D;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 36px;
    color: #fff;
    cursor: pointer;
    transition: .2s;
    text-decoration: none !important
}

    .input.filled, .input:focus, .input:hover {
        background: #34363E
    }

    .input::-webkit-input-placeholder {
        color: rgba(255,255,255,.5)
    }

    .input:-moz-placeholder {
        color: rgba(255,255,255,.5)
    }

    .input::-moz-placeholder {
        color: rgba(255,255,255,.5)
    }

    .input:-ms-input-placeholder {
        color: rgba(255,255,255,.5)
    }

    .input:focus {
        cursor: text
    }

    .input.filled {
        box-shadow: 0 12px 24px rgba(52,54,62,.32);
        color: #fff
    }

    .input.grey::-webkit-input-placeholder {
        color: #fff
    }

    .input.grey:-moz-placeholder {
        color: #fff
    }

    .input.grey::-moz-placeholder {
        color: #fff
    }

    .input.grey:-ms-input-placeholder {
        color: #fff
    }

    .input.grey:focus::-webkit-input-placeholder {
        color: rgba(255,255,255,.5)
    }

    .input.grey:focus:-moz-placeholder {
        color: rgba(255,255,255,.5)
    }

    .input.grey:focus::-moz-placeholder {
        color: rgba(255,255,255,.5)
    }

    .input.grey:focus:-ms-input-placeholder {
        color: rgba(255,255,255,.5)
    }

.form-group {
    position: relative
}

    .form-group .input-icon {
        position: absolute;
        z-index: 2;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 22px;
        color: #fff;
        opacity: .5;
        text-align: center;
        transition: .2s;
        top: 25px;
        left: 15px;
        margin-top: -12px;
        margin-left: -12px;
        pointer-events: none
    }

    .form-group label {
        line-height: 20px;
        padding: 15px 30px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        color: #fff;
        z-index: 2
    }

        .form-group label .caret {
            display: none;
            vertical-align: middle;
            width: 1px;
            height: 20px;
            background: #fff;
            bottom: 2px;
            position: relative;
            margin: -10px -.2em -10px -.1em
        }

    .form-group .input-clear {
        display: block;
        position: absolute;
        top: 10px;
        right: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: rgba(255,255,255,.5);
        z-index: 3;
        cursor: pointer;
        font-size: 22px;
        font-weight: 500;
        transition: .2s;
        border-radius: 3px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .form-group .input-clear:hover {
            color: #fff
        }

    .form-group .autocomplete {
        color: #8F969D
    }

    .form-group .input:focus ~ .input-icon {
        opacity: 1
    }

    .form-group .input:focus ~ label .caret {
        display: inline-block;
        -webkit-animation: caret 1s infinite;
        animation: caret 1s infinite
    }

@keyframes caret {
    0%,100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.main-menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 19;
    width: 350px;
    height: 100%;
    background: #fff;
    transform: translateY(-100%)
}

    .main-menu .socials {
        white-space: nowrap;
        font-size: 0;
        margin: -10px -20px 0;
        font-weight: 900
    }

        .main-menu .socials > li {
            display: inline-block;
            font-size: 14px;
            vertical-align: middle
        }

        .main-menu .socials a {
            display: block;
            color: #23242A;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 28px;
            text-align: center
        }

            .main-menu .socials a.active, .main-menu .socials a:hover {
                color: #7083F0
            }

    .main-menu .wrapper {
        position: relative;
        height: 100%;
        z-index: 3
    }

    .main-menu .body, .main-menu .footer, .main-menu .header {
        padding: 30px 50px
    }

    .main-menu .header {
        height: 100px
    }

    .main-menu .footer {
        height: 250px
    }

    .main-menu .body {
        height: calc(100% - 350px);
        overflow-y: auto;
        overflow-x: hidden
    }

    .main-menu .menu a {
        display: block;
        font-size: 18px;
        font-weight: 900;
        color: #34363E;
        height: 50px;
        line-height: 50px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .main-menu .menu a.active, .main-menu .menu a:hover {
            color: #7083F0
        }

    .main-menu .menu li {
        opacity: 0;
        transform: translateY(-100%);
        transition: .3s transform,.3s opacity
    }

    .main-menu .footer .links {
        height: 170px
    }

        .main-menu .footer .links a {
            display: inline-block;
            color: #8F969D;
            line-height: 20px;
            padding: 10px 0
        }

            .main-menu .footer .links a:hover {
                color: #34363E
            }

        .main-menu .footer .links li {
            opacity: 0;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            transition: .3s transform,.3s opacity
        }

    .main-menu .footer .copyright {
        color: #8F969D
    }

    .main-menu .footer, .main-menu .socials {
        transition: .2s opacity;
        pointer-events: none;
        opacity: 0
    }

        .main-menu .footer .language {
            bottom: 22px;
            right: 50px;
            padding: 0;
            position: absolute
        }

            .main-menu .footer .language .dropdown {
                left: auto;
                right: -10px;
                bottom: 120%
            }

                .main-menu .footer .language .dropdown:after {
                    width: 10px;
                    height: 10px;
                    background: #fff;
                    left: auto;
                    right: 8px;
                    top: 100%;
                    margin-top: -6px
                }

    .main-menu.fading-in {
        transition: .5s transform;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

        .main-menu.fading-in .footer .links li {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

            .main-menu.fading-in .footer .links li:nth-last-child(1) {
                transition-delay: 125ms
            }

            .main-menu.fading-in .footer .links li:nth-last-child(2) {
                transition-delay: .15s
            }

            .main-menu.fading-in .footer .links li:nth-last-child(3) {
                transition-delay: 175ms
            }

            .main-menu.fading-in .footer .links li:nth-last-child(4) {
                transition-delay: .2s
            }

            .main-menu.fading-in .footer .links li:nth-last-child(5) {
                transition-delay: 225ms
            }

            .main-menu.fading-in .footer .links li:nth-last-child(6) {
                transition-delay: .25s
            }

            .main-menu.fading-in .footer .links li:nth-last-child(7) {
                transition-delay: 275ms
            }

            .main-menu.fading-in .footer .links li:nth-last-child(8) {
                transition-delay: .3s
            }

            .main-menu.fading-in .footer .links li:nth-last-child(9) {
                transition-delay: 325ms
            }

            .main-menu.fading-in .footer .links li:nth-last-child(10) {
                transition-delay: .35s
            }

        .main-menu.fading-in .menu li {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

            .main-menu.fading-in .menu li:nth-last-child(1) {
                transition-delay: 325ms
            }

            .main-menu.fading-in .menu li:nth-last-child(2) {
                transition-delay: .35s
            }

            .main-menu.fading-in .menu li:nth-last-child(3) {
                transition-delay: 375ms
            }

            .main-menu.fading-in .menu li:nth-last-child(4) {
                transition-delay: .4s
            }

            .main-menu.fading-in .menu li:nth-last-child(5) {
                transition-delay: 425ms
            }

            .main-menu.fading-in .menu li:nth-last-child(6) {
                transition-delay: .45s
            }

            .main-menu.fading-in .menu li:nth-last-child(7) {
                transition-delay: 475ms
            }

            .main-menu.fading-in .menu li:nth-last-child(8) {
                transition-delay: .5s
            }

            .main-menu.fading-in .menu li:nth-last-child(9) {
                transition-delay: 525ms
            }

            .main-menu.fading-in .menu li:nth-last-child(10) {
                transition-delay: .55s
            }

        .main-menu.fading-in .footer, .main-menu.fading-in .socials {
            transition-delay: .4s;
            pointer-events: auto;
            opacity: 1
        }

[data-main-menu-toggler] {
    display: block;
    width: 50px;
    height: 50px;
    border: none;
    position: fixed;
    top: 15px;
    right: 20px;
    z-index: 20;
    pointer-events: auto;
    cursor: pointer;
    padding: 0 13px;
    background: 0 0
}

    [data-main-menu-toggler] i {
        display: block;
        height: 3px;
        background: #34363E;
        margin: 4.5px 0;
        width: 100%;
        transition: .2s background,.4s transform
    }

        [data-main-menu-toggler] i:nth-child(2) {
            width: 80%;
            margin-left: 20%
        }

@media (min-width:769px) {
    [data-main-menu-toggler]:hover i {
        background: #7083F0
    }
}

[data-main-menu-toggler].active i {
    width: 100%;
    margin-left: 0
}

    [data-main-menu-toggler].active i:nth-child(1) {
        -webkit-transform: translateY(3.5px) rotate(-45deg);
        transform: translateY(3.5px) rotate(-45deg)
    }

    [data-main-menu-toggler].active i:nth-child(2) {
        -webkit-transform: translateY(-3.5px) rotate(-135deg);
        transform: translateY(-3.5px) rotate(-135deg)
    }

@media (max-width:768px) {
    [data-main-menu-toggler] {
        top: 7px;
        right: 7px
    }

    .main-menu .header {
        padding-top: 22px
    }

    .main-menu.fading-in ~ main .s-engine {
        -webkit-transform: translateY(calc(100% + 50px));
        transform: translateY(calc(100% + 50px))
    }
}

@media (max-width:480px) {
    [data-main-menu-toggler] {
        top: 5px;
        right: 5px;
        padding: 0 15px
    }

    .main-menu {
        left: 0;
        right: auto;
        width: 100%;
        height: 100%
    }

        .main-menu .header {
            padding: 20px 25px;
            height: 60px
        }

        .main-menu .body {
            padding: 20px 25px;
            height: calc(100% - 300px)
        }

        .main-menu .footer {
            padding: 20px 25px;
            height: 240px
        }
}

.map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-map .map {
    height: calc(100vh - 100px);
    transition: .3s opacity;
    opacity: 0;
    top: -100px
}

    .main-map .map.initialized {
        opacity: 1
    }

.main-map {
    pointer-events: none
}

.city-map {
    position: relative;
    height: 440px;
    background: #F7F8FA
}

    .city-map .marker, .main-map .marker, .map .marker {
        font-family: Roboto,sans-serif;
        padding-left: 20px;
        z-index: 3
    }

        .city-map .marker .price, .city-map .marker .title, .main-map .marker .price, .main-map .marker .title, .map .marker .price, .map .marker .title {
            font-weight: 900;
            line-height: 1;
            padding: 5px;
            font-size: 13px;
            display: inline-block;
            background: #34363E;
            -webkit-transform-origin: left;
            transform-origin: left;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            color: transparent
        }

        .city-map .marker .point, .main-map .marker .point, .map .marker .point {
            display: block;
            width: 5px;
            height: 5px;
            background: #34363E;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 7px;
            transition: .5s;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

            .city-map .marker .point:before, .main-map .marker .point:before, .map .marker .point:before {
                content: '';
                display: block;
                position: absolute;
                top: -8px;
                left: -8px;
                border-radius: 50%;
                box-sizing: border-box;
                transition: .5s;
                -webkit-transform: scale(0);
                transform: scale(0);
                width: 21px;
                height: 21px;
                border: 6px solid rgba(52,54,62,.2)
            }

        .city-map .marker .title, .main-map .marker .title, .map .marker .title {
            display: block;
            margin-bottom: -6px
        }

        .city-map .marker.point-showing .point, .main-map .marker.point-showing .point, .map .marker.point-showing .point {
            transition: .5s;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

            .city-map .marker.point-showing .point:before, .main-map .marker.point-showing .point:before, .map .marker.point-showing .point:before {
                transition: .5s .5s;
                -webkit-transform: scale(1);
                transform: scale(1)
            }

        .city-map .marker.content-showing .price, .city-map .marker.content-showing .title, .main-map .marker.content-showing .price, .main-map .marker.content-showing .title, .map .marker.content-showing .price, .map .marker.content-showing .title {
            transition: .5s;
            transition: color .3s .6s,-webkit-transform .6s cubic-bezier(.5,0,.5,1);
            transition: transform .6s cubic-bezier(.5,0,.5,1),color .3s .6s;
            transition: transform .6s cubic-bezier(.5,0,.5,1),color .3s .6s,-webkit-transform .6s cubic-bezier(.5,0,.5,1);
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            color: #fff
        }

        .city-map .marker.content-showing .price, .main-map .marker.content-showing .price, .map .marker.content-showing .price {
            transition: color .3s .8s,-webkit-transform .6s .2s cubic-bezier(.5,0,.5,1);
            transition: transform .6s .2s cubic-bezier(.5,0,.5,1),color .3s .8s;
            transition: transform .6s .2s cubic-bezier(.5,0,.5,1),color .3s .8s,-webkit-transform .6s .2s cubic-bezier(.5,0,.5,1)
        }

        .city-map .marker.home, .main-map .marker.home, .map .marker.home {
            z-index: 2;
            pointer-events: all;
            padding-left: 10px;
            height: auto
        }

            .city-map .marker.home .point, .main-map .marker.home .point, .map .marker.home .point {
                background: 0 0;
                top: -50px;
                left: 25px;
                box-shadow: 0 0 0 4px #34363E,0 0 0 26px rgba(251,217,124,.2)
            }

                .city-map .marker.home .point:before, .main-map .marker.home .point:before, .map .marker.home .point:before {
                    border: none
                }

            .city-map .marker.home .title, .main-map .marker.home .title, .map .marker.home .title {
                background: 0 0;
                color: #34363E;
                font-size: 24px;
                text-transform: uppercase;
                line-height: 1;
                padding: 0;
                margin: 0
            }

                .city-map .marker.home .title span, .main-map .marker.home .title span, .map .marker.home .title span {
                    display: block;
                    text-transform: none;
                    font-size: 14px
                }

            .city-map .marker.home .temperature, .main-map .marker.home .temperature, .map .marker.home .temperature {
                position: absolute;
                display: block;
                z-index: 2;
                text-align: left;
                line-height: 1;
                padding: 0;
                font-size: 24px;
                text-transform: uppercase;
                font-weight: 900;
                right: 100%;
                bottom: 0
            }

                .city-map .marker.home .temperature .icon, .main-map .marker.home .temperature .icon, .map .marker.home .temperature .icon {
                    display: block;
                    font-size: 32px;
                    margin-bottom: 3px
                }

        .city-map .marker.airport, .main-map .marker.airport, .map .marker.airport {
            pointer-events: auto;
            padding-left: 0;
            padding-top: 40px;
            opacity: .5
        }

            .city-map .marker.airport .title, .main-map .marker.airport .title, .map .marker.airport .title {
                background: 0 0;
                color: #34363E;
                padding: 0;
                display: inline-block;
                vertical-align: middle;
                font-size: 16px
            }

            .city-map .marker.airport .icon, .main-map .marker.airport .icon, .map .marker.airport .icon {
                display: inline-block;
                vertical-align: middle;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                font-size: 30px;
                margin: -5px 0 -5px -5px
            }

            .city-map .marker.airport .dist, .main-map .marker.airport .dist, .map .marker.airport .dist {
                position: absolute;
                top: 100%;
                left: 25px;
                margin-top: 5px;
                background: #2E48E8;
                color: #fff;
                font-weight: 900;
                line-height: 20px;
                border-radius: 3px;
                padding: 0 4px;
                -webkit-transform: translateY(-3px);
                transform: translateY(-3px);
                opacity: 0;
                transition: .1s
            }

                .city-map .marker.airport .dist:before, .main-map .marker.airport .dist:before, .map .marker.airport .dist:before {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 100px;
                    height: 100px;
                    top: 50%;
                    left: 50%;
                    margin: -80px -55px
                }

            .city-map .marker.airport .point, .main-map .marker.airport .point, .map .marker.airport .point {
                background: #fff;
                width: 13px;
                height: 13px;
                border: 4px solid #2E48E8;
                margin-left: -4px;
                margin-top: -4px
            }

                .city-map .marker.airport .point:before, .main-map .marker.airport .point:before, .map .marker.airport .point:before {
                    width: 27px;
                    height: 27px;
                    border-width: 6px;
                    margin-left: -3px;
                    margin-top: -3px
                }

            .city-map .marker.airport.active, .main-map .marker.airport.active, .map .marker.airport.active {
                opacity: 1
            }

                .city-map .marker.airport.active .dist, .main-map .marker.airport.active .dist, .map .marker.airport.active .dist {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    transition: .2s;
                    opacity: 1
                }

    .city-map .point-marker .point, .main-map .point-marker .point, .map .point-marker .point {
        display: block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        position: absolute;
        left: -3px;
        top: -3px;
        transition: .5s;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

        .city-map .point-marker .point:before, .main-map .point-marker .point:before, .map .point-marker .point:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 50%;
            box-sizing: border-box;
            transition: .5s;
            width: 100%;
            height: 100%
        }

    .city-map .point-marker.primary .point, .main-map .point-marker.primary .point, .map .point-marker.primary .point {
        width: 11px;
        height: 11px;
        top: -5px;
        left: -5px;
        border: 3px solid #2E48E8;
        background: #fff
    }

        .city-map .point-marker.primary .point:before, .main-map .point-marker.primary .point:before, .map .point-marker.primary .point:before {
            width: 15px;
            height: 15px;
            top: -5px;
            left: -5px
        }

    .city-map .point-marker.danger .point, .main-map .point-marker.danger .point, .map .point-marker.danger .point {
        width: 11px;
        height: 11px;
        top: -5px;
        left: -5px;
        border: 3px solid #EB2C5A;
        background: #fff
    }

        .city-map .point-marker.danger .point:before, .main-map .point-marker.danger .point:before, .map .point-marker.danger .point:before {
            width: 15px;
            height: 15px;
            top: -5px;
            left: -5px
        }

    .city-map .point-marker.point-showing .point, .main-map .point-marker.point-showing .point, .map .point-marker.point-showing .point {
        transition: .5s;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

        .city-map .point-marker.point-showing .point:before, .main-map .point-marker.point-showing .point:before, .map .point-marker.point-showing .point:before {
            transition: .5s .5s;
            -webkit-animation: point-showing 1s forwards;
            animation: point-showing 1s forwards
        }

    .city-map .point-marker.point-showing.primary .point:before, .main-map .point-marker.point-showing.primary .point:before, .map .point-marker.point-showing.primary .point:before {
        -webkit-animation: point-showing 1s forwards;
        animation: point-showing 1s forwards
    }

    .city-map .plane, .main-map .plane, .map .plane {
        -webkit-transform: none !important;
        transform: none !important;
        top: 0 !important;
        left: 0 !important
    }

        .city-map .plane > span, .main-map .plane > span, .map .plane > span {
            display: block;
            font-size: 32px;
            text-indent: 1em;
            position: relative;
            -webkit-perspective: 100px;
            perspective: 100px
        }

            .city-map .plane > span:before, .main-map .plane > span:before, .map .plane > span:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 32px;
                height: 32px;
                margin: -16px;
                background: url(../Media/plane.png) center no-repeat;
                background-size: 100%;
                transition: 1s;
                -webkit-transform: scale(0);
                transform: scale(0)
            }

    .city-map .weather .caption > span, .city-map .weather .name > span, .city-map .weather .temperature .deg > span, .city-map .weather .temperature .image > span, .main-map .weather .caption > span, .main-map .weather .name > span, .main-map .weather .temperature .deg > span, .main-map .weather .temperature .image > span, .map .weather .caption > span, .map .weather .name > span, .map .weather .temperature .deg > span, .map .weather .temperature .image > span {
        transition: .4s;
        display: block
    }

    .city-map .plane > span:after, .main-map .plane > span:after, .map .plane > span:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100px;
        height: 1px;
        background: #000;
        margin-left: -50px
    }

    .city-map .weather.right, .city-map .weather.top-right, .main-map .weather.right, .main-map .weather.top-right, .map .weather.right, .map .weather.top-right {
        margin-left: -15px;
        padding-right: 40px;
        text-align: right
    }

    .city-map .plane.fly-up > span:before, .main-map .plane.fly-up > span:before, .map .plane.fly-up > span:before {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .city-map .weather, .main-map .weather, .map .weather {
        font-family: Roboto,sans-serif;
        padding: 20px 0;
        line-height: 1.2;
        z-index: 1
    }

        .city-map .weather .temperature, .main-map .weather .temperature, .map .weather .temperature {
            position: absolute;
            display: block;
            z-index: 2;
            text-align: center;
            line-height: 1;
            font-size: 14px;
            font-weight: 500
        }

            .city-map .weather .temperature .deg, .city-map .weather .temperature .image, .main-map .weather .temperature .deg, .main-map .weather .temperature .image, .map .weather .temperature .deg, .map .weather .temperature .image {
                display: block;
                overflow: hidden;
                font-weight: 900
            }

                .city-map .weather .temperature .image > span, .main-map .weather .temperature .image > span, .map .weather .temperature .image > span {
                    -webkit-transform: translateY(100%);
                    transform: translateY(100%)
                }

                .city-map .weather .temperature .deg > span, .main-map .weather .temperature .deg > span, .map .weather .temperature .deg > span {
                    -webkit-transform: translateY(-100%);
                    transform: translateY(-100%)
                }

            .city-map .weather .temperature .icon, .main-map .weather .temperature .icon, .map .weather .temperature .icon {
                display: block;
                font-size: 32px;
                margin-bottom: 3px
            }

        .city-map .weather .caption, .city-map .weather .name, .main-map .weather .caption, .main-map .weather .name, .map .weather .caption, .map .weather .name {
            display: block;
            overflow: hidden;
            font-weight: 900
        }

        .city-map .weather .name, .main-map .weather .name, .map .weather .name {
            font-size: 24px
        }

            .city-map .weather .name > span, .main-map .weather .name > span, .map .weather .name > span {
                -webkit-transform: translateY(100%);
                transform: translateY(100%)
            }

        .city-map .weather .caption, .main-map .weather .caption, .map .weather .caption {
            font-size: 9px
        }

            .city-map .weather .caption > span, .main-map .weather .caption > span, .map .weather .caption > span {
                -webkit-transform: translateY(-100%);
                transform: translateY(-100%)
            }

        .city-map .weather.right .temperature, .main-map .weather.right .temperature, .map .weather.right .temperature {
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .city-map .weather.bottom, .city-map .weather.bottom-left, .city-map .weather.left, .city-map .weather.top, .city-map .weather.top-left, .main-map .weather.bottom, .main-map .weather.bottom-left, .main-map .weather.left, .main-map .weather.top, .main-map .weather.top-left, .map .weather.bottom, .map .weather.bottom-left, .map .weather.left, .map .weather.top, .map .weather.top-left {
            margin-left: 15px;
            padding-left: 40px
        }

        .city-map .weather.top-right .temperature, .main-map .weather.top-right .temperature, .map .weather.top-right .temperature {
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .city-map .weather.top .temperature, .main-map .weather.top .temperature, .map .weather.top .temperature {
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .city-map .weather.top-left .temperature, .main-map .weather.top-left .temperature, .map .weather.top-left .temperature {
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .city-map .weather.left .temperature, .main-map .weather.left .temperature, .map .weather.left .temperature {
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .city-map .weather.bottom-left .temperature, .main-map .weather.bottom-left .temperature, .map .weather.bottom-left .temperature {
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .city-map .weather.bottom .temperature, .main-map .weather.bottom .temperature, .map .weather.bottom .temperature {
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .city-map .weather.bottom-right, .main-map .weather.bottom-right, .map .weather.bottom-right {
            padding-right: 40px;
            margin-left: -15px;
            text-align: right
        }

            .city-map .weather.bottom-right .temperature, .main-map .weather.bottom-right .temperature, .map .weather.bottom-right .temperature {
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

        .city-map .weather.content-showing .caption > span, .city-map .weather.content-showing .name > span, .main-map .weather.content-showing .caption > span, .main-map .weather.content-showing .name > span, .map .weather.content-showing .caption > span, .map .weather.content-showing .name > span {
            transition-delay: .2s;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        .city-map .weather.content-showing .temperature .deg > span, .city-map .weather.content-showing .temperature .image > span, .main-map .weather.content-showing .temperature .deg > span, .main-map .weather.content-showing .temperature .image > span, .map .weather.content-showing .temperature .deg > span, .map .weather.content-showing .temperature .image > span {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

    .city-map .users-counter, .main-map .users-counter, .map .users-counter {
        position: absolute;
        z-index: 2;
        bottom: 30px;
        left: 60px;
        pointer-events: none;
        color: #8F969D;
        padding-left: 30px
    }

        .city-map .users-counter .icon, .main-map .users-counter .icon, .map .users-counter .icon {
            width: 16px;
            height: 16px;
            line-height: 17px;
            text-align: center;
            color: #34363E;
            display: block;
            vertical-align: middle;
            font-size: 10px;
            font-weight: 900;
            border-radius: 50%;
            position: absolute;
            bottom: 2px;
            left: 0;
            margin-right: 5px;
            background: #FB0;
            font-style: normal;
            transition: .5s
        }

        .city-map .users-counter .icon-smile, .main-map .users-counter .icon-smile, .map .users-counter .icon-smile {
            line-height: 18px;
            text-indent: 1px;
            -webkit-transform: scale(.5);
            transform: scale(.5);
            opacity: 0
        }

        .city-map .users-counter b, .main-map .users-counter b, .map .users-counter b {
            color: #34363E
        }

        .city-map .users-counter.smiled .icon, .main-map .users-counter.smiled .icon, .map .users-counter.smiled .icon {
            -webkit-transform: scale(.5);
            transform: scale(.5);
            opacity: 0
        }

            .city-map .users-counter.smiled .icon.icon-smile, .main-map .users-counter.smiled .icon.icon-smile, .map .users-counter.smiled .icon.icon-smile {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1)
            }

    .city-map .city-detail {
        position: absolute;
        bottom: 60px;
        left: 60px;
        width: 200px;
        opacity: 0;
        -webkit-transform-origin: top right;
        transform-origin: top right;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

        .city-map .city-detail .title {
            font-size: 18px;
            margin-bottom: 15px
        }

            .city-map .city-detail .title .icon {
                display: inline-block;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                margin: -5px 0 -5px -10px;
                font-size: 30px;
                position: relative;
                bottom: 2px;
                vertical-align: middle
            }

        .city-map .city-detail .info-block p, .city-map .city-detail .paragraph, .info-block .city-map .city-detail p {
            margin: 0;
            font-size: 14px
        }

        .city-map .city-detail.active {
            opacity: 1;
            transition: .3s;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

@-webkit-keyframes point-showing {
    0% {
        box-shadow: 0 0 0 0 rgba(52,54,62,.1)
    }

    20% {
        box-shadow: 0 0 0 15px rgba(52,54,62,.4)
    }

    100% {
        box-shadow: 0 0 0 5px rgba(52,54,62,.1)
    }
}

@keyframes point-showing {
    0% {
        box-shadow: 0 0 0 0 rgba(52,54,62,.1)
    }

    20% {
        box-shadow: 0 0 0 15px rgba(52,54,62,.4)
    }

    100% {
        box-shadow: 0 0 0 5px rgba(52,54,62,.1)
    }
}

@-webkit-keyframes point-showing-primary {
    0% {
        box-shadow: 0 0 0 0 #2e48e8
    }

    20% {
        box-shadow: 0 0 0 15px rgba(46,72,232,.4)
    }

    100% {
        box-shadow: 0 0 0 4px #2e48e8
    }
}

@keyframes point-showing-primary {
    0% {
        box-shadow: 0 0 0 0 #2e48e8
    }

    20% {
        box-shadow: 0 0 0 15px rgba(46,72,232,.4)
    }

    100% {
        box-shadow: 0 0 0 4px #2e48e8
    }
}

@media (max-width:768px) {
    .main-map .map {
        top: 0;
        height: calc(100% + 50px) !important
    }
}

@media (max-width:480px) {
    .map .weather {
        line-height: 1.2;
        z-index: 1;
        padding: 0 !important;
        text-align: center !important
    }

        .map .weather .temperature {
            font-size: 14px;
            display: block;
            position: static;
            -webkit-transform: none !important;
            transform: none !important;
            margin-bottom: -3px
        }

            .map .weather .temperature .deg, .map .weather .temperature .image {
                font-weight: 500;
                display: inline-block;
                vertical-align: middle
            }

            .map .weather .temperature .icon {
                font-size: 31px;
                margin-bottom: 0
            }

        .map .weather .caption, .map .weather .name {
            display: inline-block;
            overflow: hidden;
            font-weight: 900;
            max-width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .map .weather .caption > span, .map .weather .name > span {
                transition: .4s;
                display: block
            }

        .city-map .city-detail, .map .weather .caption {
            display: none
        }

        .map .weather .name {
            font-size: 16px
        }

            .map .weather .name > span {
                -webkit-transform: translateY(100%);
                transform: translateY(100%)
            }

    .city-map {
        height: 560px;
        background: 0 0
    }

        .city-map .map {
            height: 560px;
            width: 560px;
            border-radius: 50%;
            left: 50%;
            margin-left: -280px
        }
}

.marked-list .item {
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
    padding: 6px 0 6px 24px;
    position: relative
}

    .marked-list .item:before {
        height: 6px;
        width: 6px;
        content: '';
        position: absolute;
        background-color: #383A40;
        left: 0;
        top: 15px
    }

    .marked-list .item .title {
        color: #8F969D
    }

@media (max-width:767px) {
    .info-block .marked-title, .info-block .paragraph, .info-block h2, .info-block p {
        max-width: 100%
    }

    .marked-list .item .title {
        display: block
    }
}

.s-engine {
    margin-top: -90px;
    height: 254px;
    padding: 25px 0;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    transition: .2s height
}

    .s-engine .mobile-fake {
        display: none
    }

    .s-engine [v-cloak] {
        display: none !important
    }

    .s-engine #date-range {
        width: 0;
        height: 0;
        border: none;
        background: 0 0;
        color: transparent;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        position: absolute;
        z-index: -1
    }

    .s-engine .fake-trigger {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 15
    }

        .s-engine .fake-trigger.small {
            height: calc(100% - 100px)
        }

    .s-engine .fake-cities {
        position: absolute;
        width: 100%;
        bottom: 0;
        line-height: 20px;
        height: 20px;
        font-size: 18px;
        font-weight: 900;
        color: #8F969D;
        pointer-events: none
    }

        .s-engine .fake-cities > li {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: .3s;
            opacity: 0
        }

            .s-engine .fake-cities > li.active {
                opacity: 1
            }

    .s-engine .trip-type {
        position: relative;
        font-size: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .s-engine .trip-type input {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        .s-engine .trip-type label {
            display: inline-block;
            color: #8F969D;
            width: auto;
            max-width: 50%;
            position: static;
            padding-left: 15px;
            padding-right: 15px;
            font-size: 18px;
            cursor: pointer;
            transition: color .2s
        }

            .s-engine .trip-type label:hover {
                color: #747d85
            }

        .s-engine .trip-type input:checked + label {
            color: #34363E
        }

    .s-engine .top-filter {
        transition: margin .2s;
        height: 50px
    }

        .s-engine .top-filter .btn {
            font-size: 18px;
            text-transform: none;
            text-align: left;
            padding-left: 20px;
            padding-right: 20px
        }

            .s-engine .top-filter .btn [class*=icon-chevron] {
                right: 30px;
                bottom: 13px
            }

        .s-engine .top-filter .title {
            font-size: 14px;
            margin-bottom: 0
        }

            .s-engine .top-filter .title .badge {
                top: 0
            }

        .s-engine .top-filter [data-dropdown] .dropdown {
            border-radius: 0;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

            .s-engine .top-filter [data-dropdown] .dropdown:before {
                border-radius: inherit
            }

    .s-engine .calculator {
        border-bottom: 1px solid #E9EBED
    }

        .s-engine .calculator .minus, .s-engine .calculator .plus {
            width: 24px;
            height: 24px;
            line-height: 24px;
            font-size: 18px;
            border-radius: 50%;
            top: 12px;
            color: #34363E;
            background: #E9EBED
        }

            .s-engine .calculator .minus:hover, .s-engine .calculator .plus:hover {
                box-shadow: 0 0 0 5px #E9EBED
            }

        .s-engine .calculator .minus {
            font-size: 26px
        }

        .s-engine .calculator input {
            font-size: 30px;
            height: 50px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            color: #34363E
        }

        .s-engine .calculator.disabled .minus, .s-engine .calculator.disabled .plus, .s-engine .calculator.disabled input {
            color: #8F969D
        }

    .s-engine .main-search {
        transition: padding .2s;
        padding-top: 60px;
        position: relative;
        z-index: 12;
        height: 140px
    }

    .s-engine .search-dropdown {
        position: relative;
        margin: -30px;
        padding: 30px
    }

        .s-engine .search-dropdown .form-group {
            position: relative;
            z-index: 3
        }

        .s-engine .search-dropdown .subtitle {
            font-weight: 900;
            font-size: 18px;
            color: #34363E;
            margin: 0 0 30px
        }

        .s-engine .search-dropdown .dropdown {
            z-index: 2;
            top: 0;
            margin: 0;
            padding-top: 140px;
            background: #fff;
            overflow: hidden
        }

            .s-engine .search-dropdown .dropdown:before {
                content: '';
                display: none;
                width: calc(100% - 10px);
                height: 20px;
                background: inherit;
                box-shadow: 0 0 10px 10px #fff;
                border-radius: 0;
                z-index: 2;
                top: 110px
            }

        .s-engine .search-dropdown.city .scrolled {
            max-height: 350px
        }

        .s-engine .search-dropdown.city.active {
            z-index: 5;
            margin-right: -150px
        }

@media (min-width:769px) {
    .s-engine [data-from-col], .s-engine [data-to-col] {
        height: 80px
    }

    .s-engine [data-from-col] {
        padding-right: 0
    }

    .s-engine [data-to-col] {
        padding-left: 0
    }
}

.s-engine .calendar label, .s-engine .mobile-fake label, .s-engine .search-dropdown label {
    display: block;
    position: relative;
    color: #8F969D;
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 10px;
    min-height: 20px;
    cursor: pointer;
    transition: .1s transform
}

    .s-engine .calendar label span, .s-engine .mobile-fake label span, .s-engine .search-dropdown label span {
        display: block;
        margin-top: 10px
    }

    .s-engine .calendar label:hover, .s-engine .mobile-fake label:hover, .s-engine .search-dropdown label:hover {
        color: #747d85
    }

    .s-engine .calendar label.empty, .s-engine .mobile-fake label.empty, .s-engine .search-dropdown label.empty {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

.s-engine .calendar .input, .s-engine .mobile-fake .input, .s-engine .search-dropdown .input {
    font-size: 18px;
    padding: 0 25px 0 0;
    line-height: 20px;
    height: 20px;
    box-shadow: none;
    border-radius: 0;
    background: 0 0;
    color: #34363E;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
}

    .s-engine .calendar .input::-webkit-input-placeholder, .s-engine .mobile-fake .input::-webkit-input-placeholder, .s-engine .search-dropdown .input::-webkit-input-placeholder {
        color: #8F969D
    }

    .s-engine .calendar .input:-moz-placeholder, .s-engine .mobile-fake .input:-moz-placeholder, .s-engine .search-dropdown .input:-moz-placeholder {
        color: #8F969D
    }

    .s-engine .calendar .input::-moz-placeholder, .s-engine .mobile-fake .input::-moz-placeholder, .s-engine .search-dropdown .input::-moz-placeholder {
        color: #8F969D
    }

    .s-engine .calendar .input:-ms-input-placeholder, .s-engine .mobile-fake .input:-ms-input-placeholder, .s-engine .search-dropdown .input:-ms-input-placeholder {
        color: #8F969D
    }

    .s-engine .calendar .input.filled ~ .line:before, .s-engine .calendar .input:focus ~ .line:before, .s-engine .mobile-fake .input.filled ~ .line:before, .s-engine .mobile-fake .input:focus ~ .line:before, .s-engine .search-dropdown .input.filled ~ .line:before, .s-engine .search-dropdown .input:focus ~ .line:before {
        opacity: 1;
        transition: .2s
    }

.s-engine .calendar .line, .s-engine .mobile-fake .line, .s-engine .search-dropdown .line {
    display: block;
    height: 1px;
    background: rgba(0,0,0,.1);
    position: relative
}

    .s-engine .calendar .line:before, .s-engine .mobile-fake .line:before, .s-engine .search-dropdown .line:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: #7083F0;
        transition: .1s;
        opacity: 0
    }

    .s-engine .calendar .line.hovered, .s-engine .mobile-fake .line.hovered, .s-engine .search-dropdown .line.hovered {
        background: #34363E
    }

.s-engine .calendar .input-fader, .s-engine .mobile-fake .input-fader, .s-engine .search-dropdown .input-fader {
    position: absolute;
    display: none;
    bottom: 1px;
    right: 0;
    width: 40px;
    height: 20px;
    z-index: 2;
    background: linear-gradient(to left,#fff 0,#fff 60%,rgba(255,255,255,0) 100%)
}

.s-engine .calendar .clear-input, .s-engine .mobile-fake .clear-input, .s-engine .search-dropdown .clear-input {
    position: absolute;
    bottom: -2px;
    right: -10px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    line-height: 30px;
    font-size: 28px;
    border: none;
    border-radius: 0;
    text-align: center;
    background: 0 0;
    cursor: pointer;
    transition: .1s;
    z-index: 3
}

    .s-engine .calendar .clear-input .icon, .s-engine .mobile-fake .clear-input .icon, .s-engine .search-dropdown .clear-input .icon {
        font-weight: 400;
        display: inline-block;
        vertical-align: middle
    }

.s-engine .airports-list {
    display: block;
    margin: 0
}

    .s-engine .airports-list > li {
        padding: 20px 30px
    }

@media (min-width:769px) {
    .s-engine .airports-list > li.hightlighted, .s-engine .airports-list > li.selected, .s-engine .airports-list > li:hover {
        background: #F7F8FA
    }

        .s-engine .airports-list > li.hightlighted .name span, .s-engine .airports-list > li.selected .name span, .s-engine .airports-list > li:hover .name span {
            color: inherit
        }
}

.s-engine .airports-list .location {
    color: #8F969D;
    font-size: 14px;
    font-weight: 500
}

.s-engine .airports-list .name {
    font-weight: 900;
    margin-top: 10px;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 40px 2px 0;
    text-overflow: ellipsis;
    position: relative;
    border-bottom: 1px solid #E9EBED
}

    .s-engine .airports-list .name span {
        position: absolute;
        bottom: 3px;
        right: 0;
        font-size: 14px;
        color: #8F969D
    }

.s-engine .airport-suggestion {
    display: block;
    margin: 0 30px 30px;
    background: #E9EBED;
    padding: 15px 20px;
    position: relative;
    cursor: pointer;
    transition: .1s
}

    .s-engine .airport-suggestion .location {
        font-size: 10px
    }

    .s-engine .airport-suggestion .name {
        font-weight: 900;
        margin-top: 5px
    }

    .s-engine .airport-suggestion .clear-input {
        bottom: auto;
        top: 0;
        right: 0;
        border-radius: 0;
        background: #fff;
        font-size: 32px
    }

        .s-engine .airport-suggestion .clear-input .icon {
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

        .s-engine .airport-suggestion .clear-input:hover {
            background: #34363E;
            color: #fff
        }

    .s-engine .airport-suggestion:hover {
        background: #cdd2d6
    }

.s-engine .no-results {
    padding: 10px;
    text-align: left;
    color: #8F969D
}

.s-engine .switch-button {
    position: relative;
    top: 25px
}

    .s-engine .switch-button.active {
        transition: .2s;
        -webkit-transform: translateY(-1px) rotate(-180deg);
        transform: translateY(-1px) rotate(-180deg)
    }

    .s-engine .switch-button.colored {
        color: #7083F0
    }

.s-engine [data-city=airlines] .dropdown .scrolled {
    max-height: 400px
}

.s-engine [class*=icon-chevron] {
    position: absolute;
    right: 40px;
    bottom: -1px;
    display: block;
    width: 24px;
    height: 24px;
    background: #E9EBED;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    transition: .2s
}

.s-engine .dropdown {
    padding-bottom: 0
}

    .s-engine .dropdown.active [class*=icon-chevron], .s-engine [data-dropdown].active [class*=icon-chevron] {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

.s-engine .submit-search-col {
    padding-left: 0;
    padding-right: 0;
    text-align: right
}

.s-engine .btn-submit-search, .s-engine .fake-submit {
    width: 64px;
    height: 64px;
    transition: .2s;
    padding: 0;
    font-size: 24px;
    text-transform: none;
    background: #E9EBED;
    color: #34363E;
    border-radius: 35px;
    box-shadow: none;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

    .s-engine .btn-submit-search .icon, .s-engine .btn-submit-search .icon2, .s-engine .fake-submit .icon, .s-engine .fake-submit .icon2 {
        display: block;
        width: 84px;
        height: 64px;
        line-height: 64px;
        position: absolute;
        right: -11px;
        top: 1px;
        font-size: 30px;
        transition: .2s transform;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

.popup, .popup .inner {
    transition: .2s;
    opacity: 0
}

.s-engine .btn-submit-search span, .s-engine .fake-submit span {
    display: block;
    position: absolute;
    width: 1px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    left: 0;
    top: 50%;
    margin-top: -10px;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
    transition: .2s
}

@media (min-width:993px) {
    .s-engine .btn-submit-search:hover, .s-engine .fake-submit:hover {
        width: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

        .s-engine .btn-submit-search:hover span, .s-engine .fake-submit:hover span {
            width: calc(100% - 40px);
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
}

.s-engine .btn-submit-search.active, .s-engine .fake-submit.active {
    pointer-events: auto;
    background: #7083F0;
    color: #fff
}

.s-engine .attention .fake-cities, .s-engine .attention .input {
    -webkit-animation: attention .2s linear;
    animation: attention .2s linear;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

.s-engine .attention .line:before {
    -webkit-animation: attention2 .2s linear;
    animation: attention2 .2s linear;
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2
}

@-webkit-keyframes attention {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        .s-engine::-webkit-input-placeholder

{
    color: #7083F0;
}

.s-engine:-moz-placeholder {
    color: #7083F0;
}

.s-engine::-moz-placeholder {
    color: #7083F0;
}

.s-engine:-ms-input-placeholder {
    color: #7083F0;
}

}
}

@keyframes attention {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        .s-engine::-webkit-input-placeholder

{
    color: #7083F0;
}

.s-engine:-moz-placeholder {
    color: #7083F0;
}

.s-engine::-moz-placeholder {
    color: #7083F0;
}

.s-engine:-ms-input-placeholder {
    color: #7083F0;
}

}
}

@-webkit-keyframes attention2 {
    0%,100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

@keyframes attention2 {
    0%,100% {
        opacity: 0
    }

    40% {
        opacity: 1
    }
}

.s-engine.has-filters {
    height: 330px;
    box-shadow: 0 5px 15px rgba(0,0,0,.1) !important
}

@media (min-width:769px) {
    .s-engine.collapsed {
        height: 192px
    }

        .s-engine.collapsed:not(.has-filters) {
            height: 90px
        }

        .s-engine.collapsed .top-filter {
            margin-top: -92px
        }

        .s-engine.collapsed .main-search {
            padding-top: 0;
            padding-left: 110px;
            height: 80px;
            padding-right: 0
        }

        .s-engine.collapsed .form-group label {
            opacity: 0
        }

        .s-engine.collapsed .form-group .line:before {
            -webkit-transform: scaleX(0) !important;
            transform: scaleX(0) !important
        }

        .s-engine.collapsed .btn-submit-search {
            top: 20px
        }

        .s-engine.collapsed .search-dropdown.dates {
            padding-right: 0;
            padding-left: 30px
        }

        .s-engine.collapsed .switch-button {
            color: #8F969D !important
        }
}

.s-engine .main-filters {
    padding-top: 40px;
    position: relative;
    z-index: 11;
    background: #fff
}

    .s-engine .main-filters label {
        opacity: 1 !important
    }

    .s-engine .main-filters .layout {
        display: table;
        margin-left: -20px;
        width: calc(100% + 40px);
        table-layout: fixed
    }

        .s-engine .main-filters .layout .column {
            display: table-cell;
            vertical-align: top;
            padding: 0 20px
        }

    .s-engine .main-filters .input {
        white-space: nowrap
    }

        .s-engine .main-filters .input i {
            display: inline;
            color: #8F969D;
            margin-left: .5em;
            font-style: inherit;
            font-weight: inherit
        }

        .s-engine .main-filters .input.grey {
            color: #8F969D
        }

    .s-engine .main-filters .dropdown {
        padding-top: 0;
        margin-top: 0;
        z-index: 5;
        left: 5px;
        width: calc(100% - 10px)
    }

        .s-engine .main-filters .dropdown .block {
            padding: 20px 25px
        }

    .s-engine .main-filters .checkbox.round {
        display: block
    }

        .s-engine .main-filters .checkbox.round input:checked:focus ~ label span {
            box-shadow: 0 0 0 5px rgba(0,0,0,.1)
        }

        .s-engine .main-filters .checkbox.round input:checked ~ label {
            color: #34363E
        }

            .s-engine .main-filters .checkbox.round input:checked ~ label span {
                background: #34363E
            }

                .s-engine .main-filters .checkbox.round input:checked ~ label span:after {
                    -webkit-transform: translateX(12px);
                    transform: translateX(12px)
                }

        .s-engine .main-filters .checkbox.round label {
            display: block;
            padding-left: 0;
            padding-right: 50px;
            padding-top: 5px
        }

            .s-engine .main-filters .checkbox.round label span {
                height: 18px;
                top: 10px;
                left: auto;
                right: 0
            }

                .s-engine .main-filters .checkbox.round label span:after {
                    top: 1px;
                    left: 1px;
                    box-shadow: none
                }

    .s-engine .main-filters .checkbox:not(.round) {
        margin-bottom: 12px
    }

        .s-engine .main-filters .checkbox:not(.round) i {
            font-style: inherit;
            font-weight: 500;
            display: block;
            font-size: 14px;
            color: #8F969D;
            line-height: 1;
            margin-bottom: 10px
        }

        .s-engine .main-filters .checkbox:not(.round) label {
            font-size: 18px;
            color: #34363E;
            font-weight: 900;
            line-height: 20px;
            border-bottom: 1px solid #eee;
            padding-top: 12px;
            padding-right: 20px
        }

            .s-engine .main-filters .checkbox:not(.round) label span {
                left: auto;
                top: auto;
                margin: 0;
                right: 0;
                bottom: 12px
            }

            .s-engine .main-filters .checkbox:not(.round) label:hover {
                border-bottom: 1px solid #34363E
            }

        .s-engine .main-filters .checkbox:not(.round):last-child {
            margin-bottom: 0
        }

.s-engine .airline-title {
    color: #8F969D
}

.s-engine .loading {
    height: 4px;
    background: inherit;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    pointer-events: none
}

    .s-engine .loading span {
        display: block;
        width: 100%;
        height: 100%
    }

        .s-engine .loading span:after, .s-engine .loading span:before {
            content: '';
            display: block;
            width: 0;
            height: 100%;
            position: absolute;
            z-index: 1;
            background: #ccd3fa
        }

        .s-engine .loading span:after {
            z-index: 2;
            background: #2E48E8
        }

    .s-engine .loading.postloading span:after, .s-engine .loading.preloading span:before {
        transition: .4s;
        width: 100%
    }

.s-engine.collapsed .main-filters {
    padding-top: 55px
}

.s-engine .background-wrapper {
    pointer-events: none;
    position: absolute;
    background: #fff;
    z-index: -5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    transition: opacity .3s
}

    .s-engine .background-wrapper.hidden {
        opacity: 0 !important
    }

.main-header.fixed ~ main .s-engine {
    margin-top: -10px
}

@media (min-width:769px) {
    body.faded .s-engine {
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5;
        margin-top: -10px
    }

    .main-header.fixed ~ main .s-engine:not(.hidden-background) {
        box-shadow: none
    }

    .main-header.fixed ~ main .s-engine.hidden-background {
        background: #fff;
        height: 254px
    }

        .main-header.fixed ~ main .s-engine.hidden-background.has-filters:not(.collapsed) {
            height: 330px
        }

    .main-header.fixed ~ main .s-engine.collapsed {
        height: 90px
    }

        .main-header.fixed ~ main .s-engine.collapsed .background-wrapper {
            opacity: 0
        }
}

@media (max-width:1200px) {
    .s-engine.collapsed .main-search {
        margin-left: 8%
    }

        .s-engine.collapsed .main-search .submit-search-col {
            display: none
        }

        .s-engine.collapsed .main-search .calendar-col {
            -webkit-flex-basis: 30%;
            flex-basis: 30%;
            max-width: 30%
        }
}

@media (max-width:992px) {
    .s-engine .top-filter {
        padding-left: 50px
    }

    .s-engine .trip-type label {
        padding-left: 10px;
        padding-right: 10px
    }

    .s-engine .search-dropdown {
        margin: -20px;
        padding: 20px
    }

        .s-engine .search-dropdown .subtitle {
            margin: 0 0 20px
        }

    .s-engine .main-filters .layout {
        margin-left: -10px;
        width: calc(100% + 20px)
    }

        .s-engine .main-filters .layout .column {
            padding: 0 10px
        }

    .s-engine .main-filters .dropdown {
        left: 0;
        top: -5px;
        min-width: 100px;
        width: calc(100% - 20px)
    }

        .s-engine .main-filters .dropdown .block {
            padding: 15px 20px
        }

    .s-engine .main-filters [data-city=airlines] .dropdown {
        left: -50px;
        width: auto;
        right: 10px;
        max-width: 300px
    }

    .s-engine.collapsed .main-search {
        margin-left: 9%
    }

        .s-engine.collapsed .main-search .calendar-col {
            -webkit-flex-basis: 35%;
            flex-basis: 35%;
            max-width: 35%;
            padding-left: 0
        }

        .s-engine.collapsed .main-search .switch-col {
            padding-left: 0;
            padding-right: 0
        }
}

@media (max-width:768px) {
    .s-engine, .s-engine .mobile-body {
        position: fixed;
        left: 0;
        width: 100%
    }

    .s-engine {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        bottom: 0;
        top: 0;
        height: auto;
        margin: 0 !important;
        z-index: 21;
        padding: 0;
        overflow: hidden;
        pointer-events: none
    }

        .s-engine .mobile-body {
            pointer-events: auto;
            top: calc(100% - 90px);
            padding: 15px;
            height: 600px;
            background: #fff;
            border-radius: 40px 40px 0 0;
            box-shadow: 0 10px 40px rgba(0,0,0,.18)
        }

            .s-engine .mobile-body.transition {
                transition: .2s
            }

        .s-engine .top-filter {
            padding: 0
        }

        .s-engine .main-search {
            height: auto;
            padding: 40px;
            position: static
        }

            .s-engine .main-search .switch-col {
                text-align: right
            }

                .s-engine .main-search .switch-col .btn {
                    width: 50px;
                    z-index: 5;
                    display: inline-block;
                    margin-right: -50px;
                    color: #8F969D
                }

                    .s-engine .main-search .switch-col .btn .icon {
                        font-size: 30px;
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg)
                    }

        .s-engine .fake-trigger {
            display: none;
            visibility: hidden
        }

        .s-engine .background-wrapper {
            display: none
        }

        .s-engine.has-filters {
            height: 100%
        }

        .s-engine .main-filters {
            position: static;
            background: #fff;
            margin-top: 60px;
            width: 100%;
            height: 60px;
            pointer-events: auto;
            padding: 0 !important;
            touch-action: none
        }

            .s-engine .main-filters .toggler {
                display: block;
                position: relative;
                font-size: 18px;
                font-weight: 900;
                padding: 20px 60px;
                line-height: 20px;
                margin: 0 -20px;
                transition: -webkit-transform .3s;
                transition: transform .3s;
                transition: transform .3s,-webkit-transform .3s;
                background: #fff;
                overflow: hidden;
                box-shadow: 0 3px 3px rgba(0,0,0,.03)
            }

                .s-engine .main-filters .toggler [class*=icon-chevron] {
                    right: 20px;
                    bottom: 22px;
                    transition: -webkit-transform .3s;
                    transition: transform .3s;
                    transition: transform .3s,-webkit-transform .3s;
                    display: block
                }

                .s-engine .main-filters .toggler [class*=chevron-up] {
                    -webkit-transform: translateY(-120px);
                    transform: translateY(-120px);
                    bottom: 18px
                }

                .s-engine .main-filters .toggler [class*=icon-filter] {
                    position: absolute;
                    bottom: 22px;
                    left: 25px
                }

                    .s-engine .main-filters .toggler [class*=icon-filter].changed:after {
                        content: '';
                        display: block;
                        width: 5px;
                        height: 5px;
                        background: #7083F0;
                        border-radius: 50%;
                        position: absolute;
                        z-index: 2;
                        box-shadow: 0 0 0 2px #fff;
                        bottom: 50%;
                        left: 50%;
                        margin: 0 0 4px 4px
                    }

            .s-engine .main-filters .btn {
                height: 64px;
                transition: .2s;
                padding: 0;
                font-size: 24px;
                text-transform: none;
                background: #7083F0;
                color: #fff;
                border-radius: 35px;
                box-shadow: none
            }

            .s-engine .main-filters .layout {
                display: block;
                position: absolute;
                top: 60px;
                left: 0;
                width: 100%;
                height: calc(100% - 60px);
                padding-top: 0;
                padding-bottom: 80px;
                background: #fff;
                margin: 0;
                z-index: 1;
                transition: -webkit-transform .3s;
                transition: transform .3s;
                transition: transform .3s,-webkit-transform .3s;
                -webkit-transform: translateY(calc(-100% - 120px));
                transform: translateY(calc(-100% - 120px))
            }

                .s-engine .main-filters .layout > .column {
                    display: block;
                    width: 100%;
                    padding: 20px 50px
                }

                .s-engine .main-filters .layout > .sm-hide {
                    position: absolute;
                    margin: 0;
                    z-index: 3;
                    bottom: 10px;
                    left: 10px;
                    width: calc(100% - 20px)
                }

            .s-engine .main-filters .search-dropdown {
                position: static;
                padding: 0;
                margin: 0
            }

                .s-engine .main-filters .search-dropdown .dropdown {
                    top: auto;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    z-index: 7;
                    border-radius: 40px 40px 0 0;
                    max-width: 100%;
                    height: auto;
                    box-shadow: 0 0 50px rgba(0,0,0,.1);
                    padding: 30px;
                    max-height: 100%;
                    overflow-x: hidden;
                    overflow-y: auto;
                    -webkit-transform: translateY(100%);
                    transform: translateY(100%)
                }

                    .s-engine .main-filters .search-dropdown .dropdown .sm-hide {
                        margin: 0 -40px -30px
                    }

                .s-engine .main-filters .search-dropdown[data-city=airlines] .dropdown {
                    height: calc(100% + 60px);
                    max-height: calc(100% + 60px);
                    border-radius: 0;
                    padding: 10px;
                    overflow: hidden
                }

                    .s-engine .main-filters .search-dropdown[data-city=airlines] .dropdown .scrolled {
                        height: calc(100% - 140px)
                    }

                    .s-engine .main-filters .search-dropdown[data-city=airlines] .dropdown .sm-hide {
                        margin: 0 -10px
                    }

                .s-engine .main-filters .search-dropdown.active .form-group {
                    margin-left: 0;
                    margin-right: 0
                }

                .s-engine .main-filters .search-dropdown.active .dropdown {
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                    transition: .3s
                }

        .s-engine .btn-submit-search span, .s-engine:not(.transition) .btn-submit-search {
            transition: none
        }

        .s-engine .main-filters.active .toggler {
            -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
            box-shadow: 0 -59px 0 0 #fff,0 59px 0 0 #fff
        }

            .s-engine .main-filters.active .toggler [class*=chevron-up] {
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

            .s-engine .main-filters.active .toggler [class*=chevron-down] {
                -webkit-transform: translateY(120px);
                transform: translateY(120px)
            }

        .s-engine .main-filters.active .layout {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

        .s-engine .main-filters.disabled {
            background: 0 0
        }

            .s-engine .main-filters.disabled .toggler {
                -webkit-transform: translateY(-200%);
                transform: translateY(-200%)
            }

        .s-engine .trip-type {
            border: 1px solid #eee;
            border-radius: 40px
        }

            .s-engine .trip-type label {
                width: 50%;
                height: 60px;
                line-height: 60px;
                padding: 0 20px;
                text-align: center;
                font-size: 18px
            }

                .s-engine .trip-type label:nth-of-type(1) {
                    border-radius: 30px 0 0 30px
                }

                .s-engine .trip-type label:nth-of-type(2) {
                    border-radius: 0 30px 30px 0
                }

            .s-engine .trip-type input:checked + label {
                background: #f7f7f7
            }

        .s-engine .search-dropdown label {
            padding-bottom: 5px
        }

        .s-engine .submit-btn {
            background: #7083F0;
            border-radius: 34px;
            height: 64px;
            line-height: 64px;
            padding: 0 20px;
            font-weight: 900;
            font-size: 24px;
            text-transform: none;
            margin: 15px;
            width: calc(100% - 30px)
        }

        .s-engine .dropdown {
            overflow: hidden
        }

        .s-engine .mobile-scrolled {
            height: calc(100% - 95px);
            overflow: hidden;
            overflow-y: auto
        }

        .s-engine .search-dropdown.dates .input .icon2 {
            right: 0
        }

        .s-engine .mobile-fake {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100px;
            z-index: 2;
            background: #fff;
            border-radius: 50px 50px 0 0;
            padding: 25px 100px 0 25px
        }

        .s-engine .btn-submit-search.hidden, .s-engine .btn-submit-search:not(.fixed) {
            display: none
        }

        .s-engine .mobile-fake label {
            padding-bottom: 5px
        }

        .s-engine .mobile-fake .input {
            font-size: 22px
        }

            .s-engine .mobile-fake .input .icon {
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                right: 0;
                bottom: -5px;
                position: absolute;
                font-size: 30px
            }

            .s-engine .mobile-fake .input[data-dir=from] {
                padding-right: 30px
            }

            .s-engine .mobile-fake .input[data-dir=to] {
                padding-right: 0;
                padding-left: 35px
            }

                .s-engine .mobile-fake .input[data-dir=to] .icon {
                    right: auto;
                    left: 0
                }

        .s-engine .fake-submit {
            position: absolute;
            top: 15px;
            right: -15px
        }

        .s-engine .switch-col {
            height: 30px
        }

        .s-engine .calendar-col {
            margin-top: 20px;
            margin-bottom: 10px
        }

        .s-engine .submit-search-col {
            padding-left: 20px;
            padding-right: 20px
        }

        .s-engine .btn-submit-search {
            width: 64px;
            right: 15px;
            bottom: 15px;
            position: fixed;
            margin: 0;
            z-index: 11;
            pointer-events: none;
            -webkit-transform: none;
            transform: none;
            min-width: 64px;
            max-width: calc(100% - 30px)
        }

            .s-engine .btn-submit-search.active {
                pointer-events: auto
            }

        .s-engine .dir-indicator {
            position: absolute;
            top: 182px;
            left: 28px;
            width: 1px;
            height: 85px;
            background: #7083F0
        }

            .s-engine .dir-indicator .from, .s-engine .dir-indicator .to {
                position: absolute;
                width: 9px;
                height: 9px;
                border-radius: 50%;
                border: 2px solid #8F969D;
                left: -4px
            }

                .s-engine .dir-indicator .from.filled, .s-engine .dir-indicator .to.filled {
                    border-color: #7083F0
                }

            .s-engine .dir-indicator .from {
                top: -15px
            }

            .s-engine .dir-indicator .to {
                bottom: -15px
            }

            .s-engine .dir-indicator:after, .s-engine .dir-indicator:before {
                content: '';
                display: block;
                width: 1px;
                height: 5px;
                background: inherit;
                bottom: 0;
                left: 0;
                position: absolute;
                -webkit-transform-origin: bottom;
                transform-origin: bottom
            }

        .s-engine #passengersMobilePlace [data-dropdown], .s-engine [data-calendar-wrapper] {
            position: static
        }

        .s-engine .dir-indicator:before {
            -webkit-animation: dir-indicator-1 .5s forwards;
            animation: dir-indicator-1 .5s forwards
        }

        .s-engine .dir-indicator:after {
            -webkit-animation: dir-indicator-2 .5s forwards;
            animation: dir-indicator-2 .5s forwards
        }

    @-webkit-keyframes dir-indicator-1 {
        0% {
            -webkit-transform: none;
            transform: none
        }

        100% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
    }

    @keyframes dir-indicator-1 {
        0% {
            -webkit-transform: none;
            transform: none
        }

        100% {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
    }

    @-webkit-keyframes dir-indicator-2 {
        0% {
            -webkit-transform: none;
            transform: none
        }

        100% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
    }

    @keyframes dir-indicator-2 {
        0% {
            -webkit-transform: none;
            transform: none
        }

        100% {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
    }

    .s-engine #passengersMobilePlace {
        text-align: left
    }

        .s-engine #passengersMobilePlace [data-dropdown] .dropdown {
            top: calc(90px);
            left: 0;
            width: 100%;
            height: calc(100% - 90px);
            box-shadow: none;
            z-index: 10;
            margin: 0;
            padding: 0;
            background: #fff
        }

            .s-engine #passengersMobilePlace [data-dropdown] .dropdown .title {
                margin: 30px 0 0;
                font-size: 18px;
                text-align: left
            }

                .s-engine #passengersMobilePlace [data-dropdown] .dropdown .title span {
                    top: 0;
                    color: inherit
                }

        .s-engine #passengersMobilePlace [data-dropdown] .label {
            color: #8F969D;
            pointer-events: none;
            margin: 30px 0 -5px
        }

        .s-engine #passengersMobilePlace [data-dropdown] .anchor {
            font-size: 18px;
            height: 50px;
            text-align: left;
            text-transform: none
        }

            .s-engine #passengersMobilePlace [data-dropdown] .anchor .icon2 {
                bottom: 14px;
                right: 0
            }

        .s-engine #passengersMobilePlace [data-dropdown] .block {
            padding: 0 30px
        }

        .s-engine #passengersMobilePlace [data-dropdown] .calculator {
            padding: 25px 0
        }

            .s-engine #passengersMobilePlace [data-dropdown] .calculator .minus, .s-engine #passengersMobilePlace [data-dropdown] .calculator .plus {
                width: 40px;
                height: 40px;
                line-height: 40px;
                top: 25px;
                font-size: 24px
            }

            .s-engine #passengersMobilePlace [data-dropdown] .calculator .minus {
                font-size: 30px
            }

    .s-engine .calendar {
        top: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        height: calc(100% - 90px);
        margin: 0;
        z-index: 6;
        touch-action: auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding-bottom: 65px;
        -webkit-overflow-scrolling: touch;
    }

        .s-engine .calendar .sidebar {
            position: relative;
            width: initial;
            margin: 0;
            display: block
        }

        .s-engine .calendar .body, .s-engine .calendar .header {
            left: 0;
            position: static
        }

        .s-engine .calendar .header {
            padding: 30px 20px 0
        }

        .s-engine .calendar .scrolled {
            overflow: hidden;
            padding: 0
        }

        .s-engine .calendar .months-wrapper {
            padding: 0 30%
        }

        .s-engine .calendar .months-list {
            white-space: nowrap;
            width: 100%;
            transition: .3s transform
        }

            .s-engine .calendar .months-list > li {
                width: 100%;
                display: inline-block;
                text-align: center;
                font-size: 24px;
                font-weight: 900;
                padding: 10px 0;
            }

                .s-engine .calendar .months-list > li .sm-hide {
                    display: none
                }

                .s-engine .calendar .months-list > li.mobile-active {
                    color: #34363E
                }

        .s-engine .calendar .sm-hide {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 5
        }

        .s-engine .calendar .months {
            white-space: nowrap;
            width: 100%;
            transition: .3s transform
        }

            .s-engine .calendar .months > li {
                width: 100%;
                display: inline-block;
                vertical-align: top
            }

            .s-engine .calendar .months table {
                margin: 0 auto
            }

                .s-engine .calendar .months table caption {
                    display: none;
                    font-size: 24px;
                    text-align: center;
                    padding: 70px 0
                }

                .s-engine .calendar .months table thead th {
                    padding-bottom: 50px
                }

    .s-engine .search-dropdown {
        position: static;
        margin: 0;
        padding: 0;
        width: 100%;
        height: calc(100% - 90px)
    }

        .s-engine .search-dropdown .scrolled {
            max-height: initial !important;
            height: 100%
        }

        .s-engine .search-dropdown .dropdown {
            z-index: 6;
            height: 100%;
            padding-top: 180px
        }

        .s-engine .search-dropdown .clear-input {
            font-size: 32px;
            width: 50px;
            height: 50px;
            bottom: -12px;
            right: -20px;
            z-index: 5
        }

        .s-engine .search-dropdown.active .form-group {
            z-index: 7;
            margin-left: -25px;
            margin-right: -25px
        }

            .s-engine .search-dropdown.active .form-group label {
                opacity: 0
            }

                .s-engine .search-dropdown.active .form-group label span {
                    display: none
                }

            .s-engine .search-dropdown.active .form-group .input.filled ~ .line:before, .s-engine .search-dropdown.active .form-group .input:focus ~ .line:before {
                background: #7083F0
            }

        .s-engine .search-dropdown.active[data-city=to] {
            margin-top: -100px
        }

    .s-engine.expanded {
        pointer-events: all
    }

        .s-engine.expanded .mobile-fake {
            pointer-events: none
        }

        .s-engine.expanded .mobile-body {
            -webkit-transform: translate3d(0,calc(-100% + 90px),0);
            transform: translate3d(0,calc(-100% + 90px),0)
        }

        .s-engine.expanded .btn-submit-search {
            pointer-events: auto
        }

    .s-engine.full-size {
        pointer-events: all;
        border-radius: 0
    }

        .s-engine.full-size .mobile-body {
            height: calc(100% + 90px)
        }

    .s-engine.hide-anchor .btn-submit-search, .s-engine.hide-anchor .mobile-body {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }
}

@media (max-height:600px) {
    .s-engine .mobile-body {
        height: 480px
    }

    .s-engine .main-search {
        padding-bottom: 10px
    }

    .s-engine .search-dropdown label span {
        padding: 0;
        margin: 0
    }

    .s-engine .switch-col {
        height: 10px
    }

        .s-engine .switch-col .btn {
            top: 10px
        }

    .s-engine .dir-indicator {
        top: 160px;
        height: 56px
    }

    .s-engine .calendar-col {
        margin: 0
    }

    .s-engine #passengersMobilePlace [data-dropdown] .label {
        margin-top: 20px
    }

    .s-engine .calendar .sidebar {
        padding: 0
    }

    .s-engine .calendar .input {
        font-size: 16px
    }

    .s-engine .calendar .months-list > li {
        padding: 10px 0;
        font-size: 20px
    }

    .s-engine .calendar .months table thead th {
        padding-bottom: 20px
    }
}

.offers-dark {
    background-color: #23242a;
    position: relative;
    padding: 50px 0 0;
    overflow: hidden;
    max-height: 500px
}

    .offers-dark .ticket {
        opacity: 1;
        -webkit-filter: grayscale(0) brightness(1);
        filter: grayscale(0) brightness(1);
        margin: 18px 0
    }

    .offers-dark .company-info {
        margin: 0 -11px;
        position: relative;
        z-index: 2
    }

        .offers-dark .company-info .logo {
            display: inline-block;
            vertical-align: top;
            padding: 0 11px;
            border-right: 1px solid #3F4147
        }

            .offers-dark .company-info .logo img {
                opacity: .5;
                height: 16px
            }

        .offers-dark .company-info .count {
            color: #8F969D;
            padding: 0 11px;
            font-size: 13px;
            display: inline-block;
            vertical-align: top;
            line-height: 18px
        }

    .offers-dark .title-outer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(270deg,rgba(35,36,42,.3) 0,#23242A 83.96%)
    }

        .offers-dark .title-outer .title {
            font-size: 38px;
            color: #fff;
            font-weight: 900;
            font-family: Roboto,sans-serif;
            margin: 0 0 75px
        }

            .offers-dark .title-outer .title .primary {
                color: #7083F0
            }

            .offers-dark .title-outer .title .paper-plane {
                position: relative
            }

                .offers-dark .title-outer .title .paper-plane:after {
                    display: block;
                    width: 24px;
                    height: 16px;
                    position: absolute;
                    bottom: 34px;
                    left: 39px;
                    content: '';
                    background-image: url(../Media/icons/fly-white.svg);
                    background-repeat: no-repeat
                }

        .offers-dark .title-outer .btn-outer .offers-link {
            background-color: #34363E;
            border-radius: 100px;
            padding: 15px 25px;
            color: #fff;
            transition: .3s;
            position: relative;
            display: inline-block;
            height: 57px;
            width: 135px;
            overflow: hidden
        }

            .offers-dark .title-outer .btn-outer .offers-link .offers-animation {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #34363E;
                z-index: 1
            }

            .offers-dark .title-outer .btn-outer .offers-link .label-icon {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                margin: 0 20px 0 4px;
                z-index: 1
            }

                .offers-dark .title-outer .btn-outer .offers-link .label-icon:before {
                    background-image: url(../Media/icons/percent-before.svg);
                    background-repeat: no-repeat;
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 36%;
                    width: 100%;
                    height: 100%;
                    -webkit-transform-origin: top center;
                    transform-origin: top center;
                    transition: opacity .3s,-webkit-transform .3s;
                    transition: transform .3s,opacity .3s;
                    transition: transform .3s,opacity .3s,-webkit-transform .3s;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1
                }

                .offers-dark .title-outer .btn-outer .offers-link .label-icon:after {
                    background-image: url(../Media/icons/percent-after.svg);
                    background-repeat: no-repeat;
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 45%;
                    width: 100%;
                    height: 100%;
                    -webkit-transform-origin: top center;
                    transform-origin: top center;
                    transition: opacity .3s,-webkit-transform .3s;
                    transition: transform .3s,opacity .3s;
                    transition: transform .3s,opacity .3s,-webkit-transform .3s;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                    opacity: 1
                }

                .offers-dark .title-outer .btn-outer .offers-link .label-icon img {
                    top: 2px;
                    position: relative;
                    z-index: 2
                }

            .offers-dark .title-outer .btn-outer .offers-link .text, .owl-carousel {
                z-index: 1;
                position: relative
            }

            .offers-dark .title-outer .btn-outer .offers-link:hover .label-icon:after {
                -webkit-transform: rotate(17deg);
                transform: rotate(17deg);
                opacity: 0
            }

            .offers-dark .title-outer .btn-outer .offers-link:hover .label-icon:before {
                -webkit-transform: rotate(-15deg);
                transform: rotate(-15deg);
                opacity: 0
            }

    .offers-dark .container, .offers-dark .row {
        height: 100%
    }

    .offers-dark .vertical-middle {
        height: 100%;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle
    }

        .offers-dark .vertical-middle:before {
            content: '';
            height: 100%;
            display: inline-block;
            vertical-align: middle
        }

        .offers-dark .vertical-middle .middle-outer {
            display: inline-block;
            vertical-align: middle;
            width: 100%;
            white-space: normal
        }

@media (max-width:768px) {
    .offers-dark .title-outer {
        white-space: normal
    }

        .offers-dark .title-outer .title {
            margin-bottom: 100px
        }

    .offers-dark .tickets-outer {
        white-space: nowrap;
        font-size: 0;
        margin-left: -20%;
        margin-top: 80px
    }

        .offers-dark .tickets-outer .ticket {
            display: inline-block;
            white-space: normal;
            margin-right: 20px
        }

            .offers-dark .tickets-outer .ticket:nth-child(n+3) {
                display: none
            }
}

@media (max-width:525px) {
    .offers-dark {
        overflow: hidden;
        padding-top: 30px
    }

        .offers-dark .title-outer {
            background: linear-gradient(270deg,rgba(35,36,42,.3) -291.94%,#23242A 100%)
        }

            .offers-dark .title-outer .title {
                margin-bottom: 170px
            }

            .offers-dark .title-outer .btn-outer .offers-link {
                padding-top: 12px;
                padding-bottom: 11px
            }

        .offers-dark .tickets-outer {
            white-space: nowrap;
            font-size: 0;
            margin-left: -100px;
            margin-top: 70px
        }

            .offers-dark .tickets-outer .ticket {
                display: inline-block;
                white-space: normal;
                margin-right: 25px
            }

                .offers-dark .tickets-outer .ticket:nth-child(n+3) {
                    display: none
                }
}

@media (max-width:355px) {
    .offers-dark .title-outer .title {
        margin-bottom: 100px
    }
}

.offers-description {
    margin-bottom: 70px;
    display: none
}

    .offers-description .logo-cover {
        margin-bottom: 34px;
        height: 32px
    }

        .offers-description .logo-cover img {
            max-height: 100%
        }

    .info-block .offers-description p, .offers-description .info-block p, .offers-description .paragraph {
        font-size: 16px
    }

        .info-block .offers-description p .bold, .offers-description .info-block p .bold, .offers-description .paragraph .bold {
            font-weight: 900
        }

    .offers-description .title {
        font-size: 24px;
        font-weight: 900;
        margin-bottom: 28px
    }

    .offers-description .flights-list {
        font-size: 0;
        margin: 0 -50px
    }

        .offers-description .flights-list .item {
            padding: 2px 50px;
            display: inline-block;
            width: 50%;
            line-height: 1.8
        }

            .offers-description .flights-list .item .inner {
                display: table;
                width: 100%;
                white-space: nowrap
            }

                .offers-description .flights-list .item .inner .col {
                    display: table-cell;
                    width: 10px;
                    font-size: 14px;
                    vertical-align: middle;
                    padding: 0 3px
                }

                    .offers-description .flights-list .item .inner .col:nth-child(2) {
                        width: auto
                    }

                        .offers-description .flights-list .item .inner .col:nth-child(2):after {
                            content: '';
                            display: block;
                            border-bottom: 1px solid #383A40
                        }

            .offers-description .flights-list .item .price {
                margin-right: 10px
            }

.darken-theme .offers-description {
    color: #8F969D;
    display: block
}

    .darken-theme .offers-description .title {
        color: #fff
    }

@media (max-width:992px) {
    .offers-description .flights-list {
        margin-left: -15px;
        margin-right: -15px
    }

        .offers-description .flights-list .item {
            padding-left: 15px;
            padding-right: 15px
        }
}

@media (max-width:767px) {
    .offers-description {
        margin: 35px 0 39px
    }

        .offers-description .list-cover {
            overflow: auto
        }

        .offers-description .title {
            display: none
        }

        .offers-description .flights-list {
            margin-top: 30px;
            width: 525px
        }
}

.owl-carousel {
    width: 100%;
    -webkit-tap-highlight-color: transparent
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .no-js .owl-carousel, .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.noUi-target, .noUi-target *, .subscribing {
    -moz-user-select: none;
    -ms-user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

.blog-carousel {
    white-space: nowrap;
    font-size: 0;
    margin: 0 -20px
}

    .blog-carousel .item {
        display: inline-block;
        padding: 0 0 0 20px;
        width: 28%;
        font-size: 14px;
        white-space: normal;
        vertical-align: top
    }

        .blog-carousel .item.large {
            width: 40%;
            padding: 0 20px
        }

            .blog-carousel .item.large .image-cover {
                padding-top: calc(57% - 20px)
            }

        .blog-carousel .item.small {
            width: 10%
        }

    .blog-carousel .owl-stage-outer {
        width: calc(100% + 100px);
        padding-right: 100px
    }

    .blog-carousel .owl-stage {
        width: 100% !important;
        white-space: nowrap
    }

    .blog-carousel .owl-item {
        width: 28% !important;
        float: none;
        display: inline-block;
        vertical-align: top
    }

        .blog-carousel .owl-item.large {
            width: 40% !important
        }

        .blog-carousel .owl-item.small {
            width: 10% !important
        }

        .blog-carousel .owl-item .item {
            width: 100%;
            height: 100%
        }

    .blog-carousel .blog-item.small {
        margin-bottom: 20px
    }

        .blog-carousel .blog-item.small .image-cover {
            padding-top: calc(57%)
        }

    .blog-carousel .more, .blog-wrapper .more {
        background: #34363E;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        padding-top: calc(185% + 40px);
        position: relative;
        font-weight: 900;
        text-align: center
    }

        .blog-carousel .more .text, .blog-wrapper .more .text {
            position: absolute;
            text-align: left;
            top: 50%;
            left: 50%;
            width: auto;
            height: auto;
            z-index: 2;
            margin-top: -30px;
            margin-left: -15px
        }

        .blog-carousel .more .icon, .blog-wrapper .more .icon {
            font-size: 20px;
            color: #8F969D;
            transition: 1s;
            display: block
        }

        .blog-carousel .more:hover, .blog-wrapper .more:hover {
            background: #23242A
        }

            .blog-carousel .more:hover .icon, .blog-wrapper .more:hover .icon {
                transition: .3s;
                -webkit-transform: translateX(5px);
                transform: translateX(5px)
            }

.book-carousel .item, .book-carousel .owl-item {
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    position: relative;
    z-index: 2
}

.book-carousel {
    white-space: nowrap;
    font-size: 0;
    margin: 0 -100%;
    overflow: hidden
}

    .book-carousel .owl-carousel {
        width: 33.333%;
        margin: 0 auto
    }

    .book-carousel .item {
        display: inline-block;
        width: 100%;
        padding: 0 35px;
        font-size: 14px;
        white-space: normal;
        vertical-align: top;
        transform: translateZ(0);
        backface-visibility: hidden
    }

    .book-carousel [data-more-button] {
        display: none !important
    }

    .book-carousel .owl-item {
        pointer-events: none;
        opacity: 0;
        transition: .3s opacity;
        transform: translateZ(0);
        backface-visibility: hidden
    }

        .book-carousel .owl-item.active {
            opacity: 1;
            pointer-events: auto
        }

            .book-carousel .owl-item.active + .owl-item {
                opacity: .5
            }

    .book-carousel .owl-carousel, .book-carousel .owl-stage-outer {
        overflow: visible
    }

    .book-carousel canvas {
        position: absolute;
        top: 20px;
        right: 70px;
        width: 15px;
        height: 15px;
        box-shadow: 0 0 0 1px #FB0;
        border-radius: 50%;
        z-index: 2;
        opacity: 0
    }

        .book-carousel canvas.active {
            transition: .5s;
            opacity: 1
        }

.weather-carousel {
    white-space: nowrap;
    font-size: 0;
    overflow: hidden
}

    .weather-carousel .owl-carousel {
        width: 100%
    }

    .weather-carousel .owl-item {
        float: none;
        display: inline-block;
        vertical-align: top;
        width: 200px !important
    }

        .weather-carousel .owl-item:last-child {
            width: 300px !important
        }

    .weather-carousel .item {
        display: inline-block;
        width: 200px;
        padding: 0;
        font-size: 14px;
        white-space: normal;
        vertical-align: top;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: relative;
        z-index: 2;
        text-align: center;
        color: #8F969D
    }

        .weather-carousel .item .day {
            font-size: 10px;
            display: block;
            text-transform: uppercase;
            font-weight: 900;
            letter-spacing: .1em;
            width: 32px
        }

        .weather-carousel .item .text {
            width: 32px;
            display: block
        }

        .weather-carousel .item .date {
            font-size: 24px;
            line-height: 30px;
            width: 32px;
            font-weight: 900
        }

        .weather-carousel .item .icon {
            display: block;
            width: 32px;
            font-size: 28px;
            line-height: 30px
        }

        .weather-carousel .item .temperature {
            width: 32px
        }

        .weather-carousel .item .caption {
            position: absolute;
            top: 0;
            left: 60px;
            text-align: left;
            width: calc(100% - 60px)
        }

        .weather-carousel .item.active, .weather-carousel .item:hover {
            color: #34363E
        }

    .weather-carousel .owl-item .item {
        width: 100%;
        display: block
    }

    .weather-carousel .owl-carousel, .weather-carousel .owl-stage-outer, .weather-carousel.initialized {
        overflow: visible
    }

@media (max-width:1200px) {
    .blog-carousel .owl-item {
        width: calc(33% - 40px) !important
    }

        .blog-carousel .owl-item.large {
            width: 42% !important
        }

        .blog-carousel .owl-item.small {
            width: 10% !important
        }

    .blog-carousel .owl-stage-outer {
        width: 100%;
        padding-right: 0
    }
}

@media (max-width:992px) {
    .book-carousel .owl-carousel {
        width: 40%
    }

    .book-carousel canvas {
        right: 50px
    }
}

@media (max-width:768px) {
    .blog-carousel .owl-item {
        width: calc(50% - 40px) !important
    }

        .blog-carousel .owl-item.large {
            width: 63% !important
        }

        .blog-carousel .owl-item.small {
            width: 16% !important
        }

    .weather-carousel .owl-item {
        width: 100px !important
    }

        .weather-carousel .owl-item:last-child {
            width: 250px !important
        }

    .weather-carousel .item {
        width: 100px
    }
}

@media (max-width:480px) {
    .blog-carousel {
        margin-left: -20px;
        margin-right: -20px
    }

        .blog-carousel .item, .blog-carousel .item.large {
            padding-left: 10px;
            padding-right: 10px
        }

        .blog-carousel .owl-item {
            width: calc(92% - 20px) !important
        }

            .blog-carousel .owl-item.large {
                width: 90% !important
            }

            .blog-carousel .owl-item.small {
                width: 50% !important
            }

    .book-carousel {
        position: relative
    }

        .book-carousel .owl-carousel {
            width: 34%
        }

        .book-carousel canvas {
            left: calc(67% - 70px);
            right: auto;
            z-index: 2
        }

    .blog-carousel .more, .blog-wrapper .more {
        padding-top: calc(130% + 40px)
    }

        .blog-carousel .more .icon, .blog-wrapper .more .icon {
            margin-top: 20px;
            font-size: 25px
        }

    .book-carousel .carousel {
        width: 30%
    }

    .book-carousel .item {
        padding: 0 10px
    }

    .book-carousel [data-more-button] {
        display: block !important
    }

    .book-carousel .more {
        background: #34363E;
        color: #fff;
        font-size: 38px;
        position: relative;
        padding-top: 125%;
        border-radius: 10px
    }

        .book-carousel .more .text {
            font-weight: 900;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            padding: 0 25%
        }

        .book-carousel .more .icon {
            color: #8F969D;
            position: absolute;
            top: 50%;
            left: 25%;
            font-size: 24px;
            margin-top: 60px
        }

    .weather-carousel .owl-item {
        width: 95px !important
    }

        .weather-carousel .owl-item:last-child {
            width: 250px !important
        }

    .weather-carousel .item {
        width: 95px
    }
}

.popup {
    position: fixed;
    z-index: 20;
    background: rgba(52,54,62,.2);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
    display: none;
    padding: 50px 10px 0
}

    .popup .inner, .popup:after {
        display: inline-block;
        vertical-align: middle
    }

    .popup:after {
        content: '';
        width: 0;
        height: 100%
    }

    .popup .block {
        padding: 20px 50px
    }

        .popup .block:not(:last-child) {
            border-bottom: 1px solid #efee
        }

        .popup .block.no-border {
            border: none
        }

    .popup .socials-list {
        margin-top: 10px
    }

    .popup .close-popup {
        position: absolute;
        left: 50%;
        top: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin-left: -25px;
        margin-top: -25px;
        box-shadow: 0 12px 24px rgba(52,54,62,.32)
    }

        .popup .close-popup .icon:before {
            font-size: 44px;
            font-weight: 300
        }

    .popup .inner {
        width: 100%;
        padding: 50px;
        color: inherit;
        max-width: 400px;
        border-radius: 8px 8px 0 0;
        text-align: left;
        background: #fff;
        font-size: 14px;
        white-space: normal;
        position: relative;
        -webkit-transform: scale(.9);
        transform: scale(.9);
        box-shadow: 0 12px 24px rgba(98,98,98,.14)
    }

        .popup .inner .link {
            color: #8F969D
        }

        .popup .inner .premium {
            white-space: nowrap;
            font-size: 0;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 30px
        }

            .popup .inner .premium .text {
                font-size: 14px;
                line-height: 1.4
            }

                .popup .inner .premium .text small {
                    display: block;
                    margin-top: 2px;
                    font-size: 14px
                }

            .popup .inner .premium .icon {
                width: 24px;
                height: 24px;
                line-height: 24px;
                display: block;
                margin: 0 auto 10px;
                background: #2E48E8;
                color: #fff;
                font-size: 12px;
                text-align: center;
                border-radius: 50%
            }

        .popup .inner .title {
            font-size: 38px;
            font-weight: 900
        }

        .popup .inner:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 10px
        }

        .popup .inner[data-align=bottom] {
            vertical-align: bottom
        }

    .popup.showed {
        display: block
    }

    .popup.active {
        opacity: 1
    }

        .popup.active .inner {
            transition-delay: .2s;
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }

    .popup.large .inner {
        max-width: 700px
    }

    .popup.largest .inner {
        max-width: 1000px
    }

    .popup.class-popup .inner {
        max-width: 1026px;
        padding: 0;
        border-radius: 8px
    }

    .popup.class-popup .header {
        background-color: #34363E;
        color: #fff;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
        padding: 10px 30px
    }

        .popup.class-popup .header .title {
            font-size: 24px;
            line-height: 1
        }

            .popup.class-popup .header .title .text, .popup.class-popup .header .title .title-icon {
                display: inline-block;
                vertical-align: middle
            }

    .popup.class-popup .close-popup.show-ms, .popup.class-popup .show-xs {
        display: none
    }

    .popup.class-popup .header .title .text {
        margin-left: 25px
    }

    .popup.class-popup .close-popup {
        position: absolute;
        left: auto;
        top: 0;
        right: 0;
        margin: 0;
        height: 60px;
        width: 60px;
        font-size: 18px;
        box-shadow: none;
        background-color: #34363E;
        color: #fff;
        line-height: 72px;
        border: 0;
        border-radius: 0 8px 0 0;
        cursor: pointer
    }

        .popup.class-popup .close-popup .icon:before {
            font-size: 30px
        }

    .popup.class-popup .content {
        padding: 30px 50px;
        max-height: 610px
    }

        .popup.class-popup .content .to-top {
            position: absolute;
            top: 0;
            right: 0;
            height: calc(100% - 30px);
            padding-top: 35px
        }

    .popup.class-popup .spaced-info {
        padding: 70px 50px 0
    }

@media (max-width:768px) {
    .popup.class-popup {
        padding-bottom: 20px
    }

        .popup.class-popup .show-xs {
            display: block
        }

        .popup.class-popup .hidden-xs {
            display: none
        }

        .popup.class-popup .spaced-info {
            padding: 50px 0 0
        }

        .popup.class-popup .content {
            overflow: auto
        }

            .popup.class-popup .content .to-top {
                position: static
            }

        .popup.class-popup .airline-bag.active-mobile .adaptive {
            opacity: .3;
            -webkit-transform: translate3d(0,0,0) scale(.9);
            transform: translate3d(0,0,0) scale(.9)
        }

        .popup.class-popup .airline-bag.active-mobile .width {
            -webkit-transform: rotate(40deg) scaleX(1);
            transform: rotate(40deg) scaleX(1)
        }

        .popup.class-popup .airline-bag.active-mobile .depth {
            -webkit-transform: rotate(-20deg) scaleX(1);
            transform: rotate(-20deg) scaleX(1)
        }

        .popup.class-popup .airline-bag.active-mobile .height {
            -webkit-transform: scaleY(1);
            transform: scaleY(1)
        }

            .popup.class-popup .airline-bag.active-mobile .depth .unit, .popup.class-popup .airline-bag.active-mobile .height .unit, .popup.class-popup .airline-bag.active-mobile .width .unit {
                transition: .3s .3s;
                opacity: 1
            }
}

@media (max-width:480px) {
    .popup.class-popup .content {
        padding: 0 15px
    }

    .popup.class-popup .scrolled {
        max-height: none;
        overflow: visible;
        position: static
    }

    .popup.class-popup .inner {
        padding-bottom: 50px;
        height: 100%;
        overflow: auto
    }

        .popup.class-popup .inner .content {
            overflow: hidden;
            max-height: none
        }

    .popup.class-popup .spaced-info {
        padding: 0
    }

    .popup.class-popup .close-popup {
        position: fixed;
        left: 50%;
        top: auto;
        bottom: 35px;
        width: 50px;
        height: 50px;
        line-height: 4.2;
        box-shadow: 0 12px 24px rgba(52,54,62,.32);
        z-index: 5;
        margin-left: -25px;
        margin-top: -25px;
        border-radius: 50%
    }

        .popup.class-popup .close-popup .icon:before {
            font-size: 44px
        }

        .popup.class-popup .close-popup.show-ms {
            display: inline-block
        }

        .popup.class-popup .close-popup.hidden-ms {
            display: none
        }

    .popup.class-popup .airline-bag {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.preloader {
    position: absolute;
    display: block;
    height: 4px;
    width: 100%;
    z-index: 2
}

    .preloader > span {
        transition: .3s;
        height: 100%;
        display: block;
        background: #2E48E8
    }

    .preloader.bottom {
        bottom: 0
    }

    .preloader.top {
        top: 0
    }

    .preloader.middle {
        top: 50%;
        margin-top: -2px
    }

    .preloader.no-transition > span {
        transition: none
    }
/*! nouislider - 12.0.0 - 9/14/2018 */

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    touch-action: none;
    user-select: none;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr;
    background: #F7F8FA;
    border-radius: 4px
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    z-index: 0;
    border-radius: 3px
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 2px
}

    .noUi-horizontal .noUi-handle {
        width: 15px;
        height: 15px;
        left: -15px;
        top: -7px
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 20px;
        height: 20px;
        left: -6px;
        top: -17px
    }

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -10px;
    left: auto
}

.noUi-connects:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: -10px;
    bottom: -10px;
    width: 100%
}

.noUi-connect {
    background: #34363E
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    position: absolute;
    cursor: pointer
}

    .noUi-handle:before {
        content: '';
        display: block;
        margin: 4px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        box-shadow: 0 0 0 2px #34363E;
        background: #fff;
        transition: .1s
    }

@media (min-width:769px) {
    .noUi-handle:hover:before {
        margin: 0;
        width: 100%;
        height: 100%
    }
}

@media (max-width:768px) {
    .noUi-handle.noUi-active:before {
        margin: 0;
        width: 100%;
        height: 100%
    }
}

[disabled] .noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #CCC
}

.noUi-marker-large, .noUi-marker-sub {
    background: #AAA
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%,50%);
    transform: translate(50%,50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}

.noUi-value-vertical {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%,0);
    padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0,50%);
    transform: translate(0,50%)
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    left: 50%;
    bottom: 120%
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 120%
}

.range-labels {
    font-size: 18px;
    font-weight: 900;
    margin-top: 37px;
    color: #8F969D;
    margin-bottom: -10px
}

    .range-labels .align-right {
        color: #34363E
    }

.range-slider {
    padding: 10px 0
}

@media (max-width:768px) {
    .range-slider {
        padding: 30px 0
    }

        .range-slider .noUi-horizontal .noUi-handle {
            width: 30px;
            height: 30px;
            left: -30px;
            top: -15px
        }

            .range-slider .noUi-horizontal .noUi-handle:before {
                content: '';
                display: block;
                margin: 9px;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                box-shadow: 0 0 0 2px #34363E;
                background: #fff;
                transition: .1s
            }

            .range-slider .noUi-horizontal .noUi-handle.noUi-active:before {
                margin: 0;
                width: 100%;
                height: 100%
            }

    .range-labels {
        margin: 0;
        font-size: 20px
    }

        .range-labels span {
            font-size: 30px
        }
}

.scrollable-progress {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px
}

    .scrollable-progress span {
        display: block;
        width: 0;
        height: 100%;
        background: #34363E
    }

.scrollable-section .background {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    -webkit-filter: saturate(0);
    filter: saturate(0)
}

    .scrollable-section .background:after, .scrollable-section .background:before {
        content: '';
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute
    }

    .scrollable-section .background:before {
        background: rgba(255,255,255,.73)
    }

    .scrollable-section .background:after {
        z-index: 2;
        background: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.68) 100%)
    }

.scrollable {
    height: calc(100vh - 84px - 118px);
    overflow: hidden;
    overflow-y: auto;
    margin-right: -20px;
    padding-right: 20px;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 1
}

    .scrollable .title {
        font-size: 38px;
        line-height: 1;
        font-weight: 900;
        margin: 30px 0
    }

.scrollable-content {
    position: absolute;
    z-index: 3;
    right: 50%;
    top: 0;
    height: 100%;
    width: 508px;
    pointer-events: none
}

    .scrollable-content .images-slider {
        padding-top: 185%;
        position: relative
    }

        .scrollable-content .images-slider > li {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transition: .3s;
            -webkit-transform: translate3d(-25px,0,0) scale(.91);
            transform: translate3d(-25px,0,0) scale(.91);
            -webkit-filter: saturate(0) brightness(1.2);
            filter: saturate(0) brightness(1.2);
            z-index: 1;
            opacity: .5
        }

            .scrollable-content .images-slider > li.active {
                -webkit-transform: translate3d(0,0,0) scale(1);
                transform: translate3d(0,0,0) scale(1);
                -webkit-filter: saturate(1);
                filter: saturate(1);
                z-index: 2;
                opacity: 1
            }

                .scrollable-content .images-slider > li.active ~ li {
                    -webkit-transform: translate3d(25px,0,0) scale(.91);
                    transform: translate3d(25px,0,0) scale(.91)
                }

        .scrollable-content .images-slider .image-cover {
            padding: 0;
            border-radius: 8px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0)
        }

    .scrollable-content [data-tab] {
        display: none
    }

        .scrollable-content [data-tab].active {
            display: block
        }

    .scrollable-content .images-dots {
        font-size: 0;
        margin-top: 25px;
        text-align: center;
        margin-bottom: -25px
    }

        .scrollable-content .images-dots > li {
            display: inline-block;
            vertical-align: middle;
            width: 20px;
            height: 5px
        }

            .scrollable-content .images-dots > li span {
                display: block;
                margin: 0 auto;
                width: 5px;
                height: 5px;
                background: #34363E;
                border-radius: 50%
            }

            .scrollable-content .images-dots > li.active span {
                background: #2E48E8;
                -webkit-animation: dot-activation .5s forwards;
                animation: dot-activation .5s forwards
            }

@media (max-width:1200px) {
    .scrollable {
        height: calc(100vh - 80px - 96px)
    }
}

@media (max-width:992px) {
    .scrollable-content {
        width: calc(50% - 20px);
        pointer-events: auto
    }

        .scrollable-content .images-slider {
            padding-top: 92%;
            width: 50%;
            margin: 0 auto 30px
        }

        .scrollable-content .images-dots {
            display: none
        }
}

.ps-container.ps-in-scrolling, .ps-container:hover.ps-in-scrolling, .subscribing .success, .subscribing-form {
    pointer-events: none
}

@media (max-width:768px) {
    .scrollable {
        height: auto
    }

    .scrollable-content {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        padding: 60px 100px 0
    }

        .scrollable-content .images-slider {
            padding-top: 46%;
            width: 25%
        }

    .scrollable-section .background {
        height: auto;
        padding-top: 100%
    }

        .scrollable-section .background:after {
            z-index: 2;
            background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)
        }

    main.no-height {
        min-height: inherit;
        overflow: hidden;
    }

    .overlayed.no-touch .s-engine, .overlayed.no-touch .s-engine .mobile-body {
        position: absolute;
        height: 100%;
    }


    .s-engine .search-dropdown.active .form-group {
        margin-left: 0;
        margin-right: 0;
    }



    .s-engine .search-dropdown.city.active {
        z-index: 5;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 20;
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 0;
        margin-right: 0;
    }



    .s-engine .search-dropdown.active[data-city=to] {
        margin-top: 0
    }



    .s-engine .search-dropdown .dropdown {
        padding-top: 90px;
    }
}

@media (max-width:480px) {
    .scrollable-content {
        display: none;
        padding: 30px 60px 0
    }

        .scrollable-content .images-slider {
            padding-top: 92%;
            width: 50%
        }

    .scrollable .title {
        font-size: 24px
    }

    .scrollable .figure {
        margin-left: -5px;
        margin-right: -5px;
        width: calc(100% + 10px)
    }

    .scrollable-section .background {
        height: auto;
        padding-top: 100%
    }

        .scrollable-section .background:after {
            z-index: 2;
            background: linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)
        }
}

.ps-container {
    touch-action: none;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps-container {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .ps-container {
        overflow: auto !important
    }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999
    }

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999
    }

.ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    bottom: 0;
    height: 15px
}

    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        position: absolute;
        background-color: #aaa;
        border-radius: 6px;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        bottom: 2px;
        height: 6px
    }

    .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
        height: 11px
    }

.ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    right: 0;
    width: 15px
}

    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        position: absolute;
        background-color: #aaa;
        border-radius: 6px;
        transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;
        right: 2px;
        width: 6px
    }

    .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
        width: 11px
    }

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
        background-color: #999
    }

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #999
    }

.ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: .6
}

    .ps-container:hover > .ps-scrollbar-x-rail:hover {
        background-color: #eee;
        opacity: .9
    }

        .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
            background-color: #999
        }

    .ps-container:hover > .ps-scrollbar-y-rail:hover {
        background-color: #eee;
        opacity: .9
    }

        .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
            background-color: #999
        }

.ps-container .ps-scrollbar-y-rail {
    opacity: 1 !important;
    background: rgba(255,255,255,.2) !important;
    width: 6px !important;
    border-radius: 0;
    transition: width .1s,opacity .2s !important;
    left: auto !important;
    right: 0 !important;
    z-index: 3 !important
}

    .ps-container .ps-scrollbar-y-rail:before {
        content: '';
        display: block;
        top: 0;
        right: 0;
        width: 30px;
        height: 100%;
        position: absolute;
        z-index: 1
    }

    .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
        width: 100% !important;
        z-index: 3;
        opacity: 1 !important;
        border-radius: 0 !important;
        right: 0 !important;
        transition: width .2s,background .2s !important;
        cursor: pointer !important;
        background: #34363E !important
    }

        .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y:active, .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y:hover {
            background: #34363E !important
        }

    .ps-container .ps-scrollbar-y-rail:active, .ps-container .ps-scrollbar-y-rail:hover {
        width: 10px !important
    }

        .ps-container .ps-scrollbar-y-rail:active .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container:hover .ps-scrollbar-y-rail {
            opacity: 1 !important
        }

.scrolled {
    position: relative;
    overflow: hidden
}

    .scrolled.full-height {
        height: 100%
    }

@media (max-width:768px) {
    .scrolled {
        overflow-y: auto
    }
}

[data-sticky].fixed {
    position: fixed
}

@media (max-width:993px) {
    [data-sticky] {
        position: fixed;
        right: 50px;
        bottom: 150px;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        z-index: 10
    }

        [data-sticky].anchors-list {
            box-shadow: 0 12px 24px rgba(52,54,62,.32);
            margin-bottom: 70px
        }

            [data-sticky].anchors-list.active {
                background-color: #fff
            }

                [data-sticky].anchors-list.active .item {
                    display: block
                }

            [data-sticky].anchors-list .item {
                text-align: right;
                display: none;
                transition: background-color .3s
            }

                [data-sticky].anchors-list .item.active:not(.fake), [data-sticky].anchors-list .item:hover:not(.fake) {
                    background-color: #34363E
                }

                [data-sticky].anchors-list .item .anchor-link {
                    padding: 0
                }

                    [data-sticky].anchors-list .item .anchor-link .text {
                        min-width: 100px;
                        padding: 7px 15px;
                        height: auto;
                        background-color: transparent
                    }

                    [data-sticky].anchors-list .item .anchor-link .text-icon {
                        display: none
                    }

                [data-sticky].anchors-list .item.fake {
                    display: block;
                    position: absolute;
                    bottom: -60px;
                    right: 0
                }

                    [data-sticky].anchors-list .item.fake .text-icon {
                        display: inline-block;
                        height: 42px;
                        width: 42px;
                        font-size: 32px;
                        line-height: 46px;
                        margin-right: 0;
                        cursor: pointer;
                        opacity: 1;
                        background-color: #8F969D
                    }

                        [data-sticky].anchors-list .item.fake .text-icon .icon:before {
                            left: 0;
                            top: -1px
                        }
}

.subscribing, .tickets-section .ticket.single:hover {
    cursor: default
}

@media (max-width:480px) {
    [data-sticky] {
        right: 20px;
        bottom: 90px
    }
}

.subscribing {
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    position: relative;
    margin: 20px 0;
    transition: .2s
}

    .subscribing .dividing {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: 3px
    }

        .subscribing .dividing .icon {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            bottom: 1px
        }

    .subscribing .fake-label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        z-index: 2;
        cursor: pointer
    }

.subscribing-alert {
    background: #fff;
    border-radius: 6px;
    line-height: 18px;
    padding: 20px 20px 20px 40px;
    font-weight: 900;
    position: relative;
    height: 60px;
    z-index: 2
}

    .subscribing-alert .bell {
        position: absolute;
        left: 16px;
        top: 20px;
        width: 20px;
        height: 20px
    }

        .subscribing-alert .bell:after, .subscribing-alert .bell:before {
            content: '';
            display: block;
            border-radius: 50%;
            width: 10px;
            height: 10px;
            border: 1px solid transparent;
            border-left: 1px solid #2E48E8;
            -webkit-animation: bell-right 4s infinite ease-in-out;
            animation: bell-right 4s infinite ease-in-out;
            -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
            top: 0;
            left: 0;
            position: absolute
        }

    .subscribing-alert img, .subscribing-form .btn img {
        display: inline-block;
        vertical-align: middle
    }

    .subscribing-alert .bell:after {
        border: 1px solid transparent;
        border-right: 1px solid #2E48E8;
        -webkit-animation: bell-left 4s infinite ease-in-out;
        animation: bell-left 4s infinite ease-in-out;
        left: auto;
        right: 0;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    .subscribing-alert img {
        width: auto;
        height: 20px;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        -webkit-animation: bell-body 4s infinite ease-in-out;
        animation: bell-body 4s infinite ease-in-out
    }

    .subscribing-alert .message {
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: -2px
    }

    .subscribing-alert .static {
        color: #8F969D;
        transition: .2s
    }

.subscribing-form {
    position: absolute;
    background: #fdfdfe;
    top: 100%;
    left: 0;
    width: 100%;
    height: 60px;
    border-radius: 0 0 6px 6px;
    z-index: 1;
    transition: .2s;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

    .subscribing-form .btn, .subscribing-form .input {
        height: 60px;
        border-radius: 0;
        background: 0 0;
        position: absolute
    }

    .subscribing-form .input {
        top: 0;
        left: 0;
        width: 100%;
        line-height: 20px;
        padding: 20px 100px 20px 20px;
        font-weight: 500;
        font-size: 16px
    }

        .subscribing-form .input::-webkit-input-placeholder {
            color: rgba(112,131,240,.7)
        }

        .subscribing-form .input:-moz-placeholder {
            color: rgba(112,131,240,.7)
        }

        .subscribing-form .input::-moz-placeholder {
            color: rgba(112,131,240,.7)
        }

        .subscribing-form .input:-ms-input-placeholder {
            color: rgba(112,131,240,.7)
        }

        .subscribing-form .input:focus {
            box-shadow: none;
            color: #7083F0
        }

    .subscribing-form .btn {
        top: 5px;
        right: 0;
        width: 60px;
        box-shadow: none !important;
        padding: 0;
        transition: .2s
    }

        .subscribing .form-group.error .btn img, .subscribing-form .btn img[src*=error] {
            display: none
        }

        .subscribing-form .btn.faded {
            opacity: .5
        }

.subscribing .form-group .error {
    position: absolute;
    color: #94717F;
    font-size: 9px;
    z-index: 2;
    top: 12px;
    left: 20px;
    padding-bottom: 30px;
    transition: .5s;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none
}

    .subscribing .form-group .error:before {
        content: '';
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background: #EB2C5A;
        -webkit-transform-origin: 50% 5px;
        transform-origin: 50% 5px;
        transition: .3s;
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }

.subscribing .checkbox {
    position: relative;
    bottom: 2px
}

.subscribing .input, .subscribing .input:focus, .subscribing .input:hover {
    color: #2E48E8
}

.subscribing .success {
    background: #2E48E8;
    height: 60px;
    border-radius: 0 0 5px 5px;
    line-height: 20px;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    z-index: 3;
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: .2s
}

    .subscribing .success .icon {
        vertical-align: middle;
        position: relative;
        bottom: 2px;
        font-size: 22px
    }

    .subscribing .success.active {
        opacity: 1;
        transition-delay: 1s;
        pointer-events: auto
    }

.subscribing .preloader {
    height: 2px
}

    .subscribing .preloader.active > span {
        transition: 1s !important;
        width: 100% !important
    }

.subscribing .form-group.error:before {
    opacity: 1
}

.subscribing .form-group.error .input {
    color: #EB2C5A
}

    .subscribing .form-group.error .input::-webkit-input-placeholder {
        color: rgba(235,44,90,.5)
    }

    .subscribing .form-group.error .input:-moz-placeholder {
        color: rgba(235,44,90,.5)
    }

    .subscribing .form-group.error .input::-moz-placeholder {
        color: rgba(235,44,90,.5)
    }

    .subscribing .form-group.error .input:-ms-input-placeholder {
        color: rgba(235,44,90,.5)
    }

.subscribing.active .subscribing-alert .static, .subscribing:hover .subscribing-alert .static {
    color: #2E48E8
}

.subscribing .form-group.error .error {
    width: 200px;
    opacity: 1
}

    .subscribing .form-group.error .error:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

.subscribing .form-group.error .btn img[src*=error] {
    display: inline-block
}

.subscribing.active {
    margin-bottom: 95px
}

    .subscribing.active .subscribing-alert {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .subscribing.active .subscribing-form {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        transition-delay: .1s;
        pointer-events: auto;
        overflow: hidden
    }

.subscribing.darken-theme .subscribing-alert {
    background-color: #383A40;
    color: #fff
}

    .subscribing.darken-theme .subscribing-alert .static {
        color: #fff
    }

        .subscribing.darken-theme .subscribing-alert .static .dividing {
            color: #8F969D
        }

.subscribing.darken-theme .bell:after, .subscribing.darken-theme .bell:before {
    border-left-color: #8F969D
}

.subscribing.darken-theme .bell:after {
    border-right-color: #8F969D
}

.subscribing.darken-theme .checkbox input:checked ~ label span {
    background-color: #8F969D
}

.subscribing-form.darken {
    background-color: #23242a
}

    .subscribing-form.darken .input {
        background-color: #292A30;
        color: #8F969D
    }

        .subscribing-form.darken .input::-webkit-input-placeholder {
            color: #8F969D
        }

        .subscribing-form.darken .input:-moz-placeholder {
            color: #8F969D
        }

        .subscribing-form.darken .input::-moz-placeholder {
            color: #8F969D
        }

        .subscribing-form.darken .input:-ms-input-placeholder {
            color: #8F969D
        }

@-webkit-keyframes bell-body {
    0%,10%,100%,15%,25%,5% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    12.5%,2.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    17.5%,7.5% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
}

@keyframes bell-body {
    0%,10%,100%,15%,25%,5% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    12.5%,2.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    17.5%,7.5% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }
}

@-webkit-keyframes bell-left {
    0%,10%,100%,15%,25%,5% {
        opacity: 0
    }

    12.5%,2.5% {
        opacity: 1
    }
}

@keyframes bell-left {
    0%,10%,100%,15%,25%,5% {
        opacity: 0
    }

    12.5%,2.5% {
        opacity: 1
    }
}

@-webkit-keyframes bell-right {
    0%,10%,100%,15%,25%,5% {
        opacity: 0
    }

    17.5%,7.5% {
        opacity: 1
    }
}

@keyframes bell-right {
    0%,10%,100%,15%,25%,5% {
        opacity: 0
    }

    17.5%,7.5% {
        opacity: 1
    }
}

.tabs .tab-content {
    display: none
}

    .tabs .tab-content.active {
        display: block
    }

.tag-list {
    font-size: 0;
    margin: 35px -5px 0
}

    .tag-list .item {
        padding: 5px;
        display: inline-block
    }

        .tag-list .item .tag {
            border-radius: 2px;
            background-color: #E9EBED;
            color: #34363E;
            line-height: 24px;
            font-size: 16px;
            padding: 3px 10px
        }

            .tag-list .item .tag:hover {
                color: #E9EBED;
                background-color: #34363E
            }

.terms-container {
    margin-left: 400px;
    max-width: 400px;
    padding-top: 80px
}

    .terms-container article {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 160px
    }

.terms-nav {
    position: fixed;
    top: 160px;
    left: 50%;
    margin-left: -620px;
    z-index: 5;
    transition: .5s
}

    .terms-nav a {
        display: block;
        line-height: 1;
        padding: 7px 10px;
        color: #8F969D
    }

        .terms-nav a:hover {
            color: #34363E
        }

    .terms-nav li {
        padding-bottom: 10px
    }

        .terms-nav li.active a {
            color: #fff;
            background: #34363E
        }

.ticket, .ticket:focus, .ticket:hover {
    color: #34363E
}

.copy-offset .terms-nav {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: .4s cubic-bezier(.8,0,.2,1)
}

@media (max-width:1280px) {
    .terms-nav {
        left: 15px;
        margin: 0
    }
}

@media (max-width:992px) {
    .terms-nav {
        top: 100px;
        left: 10px
    }

    .terms-container {
        margin-left: 260px;
        max-width: 400px;
        padding-top: 80px
    }
}

@media (max-width:480px) {
    .terms-nav {
        display: none
    }

    .terms-container {
        margin-left: 0;
        max-width: 500px;
        padding-top: 30px
    }

        .terms-container article {
            margin-bottom: 80px
        }

            .terms-container article:last-child {
                margin-bottom: 0
            }
}

.ticket-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #dda
}

    .ticket-map .wrapper {
        position: absolute;
        top: 25%;
        left: 0;
        width: 100%;
        height: 50%
    }

.ticket {
    margin: 30px 0;
    display: block;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: .5s;
    -webkit-filter: grayscale(1) brightness(.9);
    filter: grayscale(1) brightness(.9)
}

    .ticket.active, .ticket:hover .map-wrapper, .ticket:hover:before {
        opacity: 1
    }

    .ticket [data-hover] {
        transition: .3s
    }

    .ticket:hover {
        box-shadow: 0 12px 24px rgba(0,0,0,.07)
    }

        .ticket:hover .layout .column .separator:after {
            background: #e5e5e5
        }

        .ticket:hover [data-hover] {
            color: #2E48E8
        }

        .ticket:hover .map-wrapper img {
            -webkit-transform: translate3d(0,-50%,0);
            transform: translate3d(0,-50%,0)
        }

    .ticket .row {
        height: auto
    }

    .ticket .map-wrapper {
        position: relative;
        padding-top: 59.8%;
        width: 100%;
        overflow: hidden;
        z-index: 2;
        transition: .2s;
        border-radius: 6px 0 0 6px
    }

        .ticket .map-wrapper .rounder {
            position: absolute;
            border-radius: 6px 50% 50% 6px;
            background: #fafbfc;
            overflow: hidden;
            top: -50%;
            left: 0;
            width: 100%;
            height: 200%
        }

        .ticket .map-wrapper .map {
            z-index: 3;
            position: absolute;
            transition: .3s
        }

        .ticket .map-wrapper img {
            position: absolute;
            display: block;
            top: 50%;
            left: 0;
            width: 100%;
            height: auto;
            -webkit-transform: translate3d(0,-50%,0);
            transform: translate3d(0,-50%,0);
            transition: .3s
        }

    .ticket .layout {
        display: table;
        width: 100%;
        table-layout: fixed;
        position: relative;
        z-index: 2;
        transition: opacity .2s .5s
    }

        .ticket .layout .column {
            display: table-cell;
            vertical-align: top;
            position: relative;
            width: auto;
            background: #fff;
            padding: 25px 20px
        }

            .ticket .layout .column:after, .ticket .layout .column:before {
                content: '';
                display: block;
                position: absolute;
                width: 0;
                height: auto;
                left: 0;
                top: 7px;
                bottom: 7px
            }

            .ticket .layout .column .separator {
                display: block;
                position: absolute;
                height: auto;
                top: 7px;
                bottom: 7px;
                right: -2px;
                width: 3px;
                z-index: 2;
                background: url(../Media/stroke.svg) center no-repeat;
                background-size: auto 95%
            }

                .ticket .layout .column .separator:after, .ticket .layout .column .separator:before {
                    background: #f3f3f3;
                    width: 14px;
                    height: 14px;
                    content: '';
                    border-radius: 50%;
                    display: block;
                    position: absolute;
                    z-index: 2;
                    left: 50%;
                    margin-left: -7px
                }

            .ticket .layout .column.no-border:after, .ticket .layout .column.no-corner-left:after, .ticket .layout .column.no-corner-left:before, .ticket .layout .column.no-corner:after, .ticket .layout .column.no-corner:before, .ticket .layout .column:first-child:after, .ticket .layout .column:first-child:before {
                display: none
            }

            .ticket .layout .column .separator:before {
                top: -14px
            }

            .ticket .layout .column .separator:after {
                bottom: -14px;
                transition: .5s
            }

            .ticket .layout .column .separator.faded {
                background-image: none
            }

            .ticket .layout .column:first-child {
                overflow: hidden;
                width: 280px;
                border-radius: 6px 0 0 6px
            }

            .ticket .layout .column:last-child {
                border-radius: 0 5px 5px 0;
                padding-top: 18px
            }

            .ticket .layout .column.collapsed {
                padding: 0 10px 0 0
            }

            .ticket .layout .column.no-corner {
                background: #fff
            }

            .ticket .layout .column.small {
                width: 140px
            }

    .ticket .airline-image, .ticket .airline-name {
        display: inline-block;
        vertical-align: middle;
        height: 20px;
        width: auto;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        max-width: 40px;
        line-height: 20px
    }

    .ticket .airline-name {
        font-size: 18px;
        font-weight: 900;
        max-width: calc(100% - 20px);
        padding-left: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ticket .smaller {
        font-size: 9px;
        letter-spacing: .02em
    }

    .ticket .duration {
        font-size: 13px;
        color: #8F969D;
        white-space: nowrap;
        font-weight: 900;
        display: inline-block;
        line-height: 23px;
        padding-left: 27px;
        border-radius: 10px;
        padding-right: 8px;
        position: relative;
        max-width: 100%;
        height: 22px
    }

        .ticket .duration .icon {
            background: #8F969D;
            width: 22px;
            height: 22px;
            line-height: 21px;
            text-align: center;
            display: block;
            position: absolute;
            color: #fff;
            border-radius: 50%;
            font-size: 28px;
            left: 0;
            top: 0
        }

    .ticket .price, .ticket .timing {
        font-size: 24px;
        font-weight: 900
    }

    .ticket .duration .icon:before {
        display: block;
        width: 30px;
        height: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

    .ticket .content.spaced .timing .align-center .duration, .ticket .content.spaced .timing .align-center .smaller, .ticket .timing img {
        display: inline-block
    }

    .ticket .duration.danger {
        background: #FB0;
        color: #34363E;
        overflow: hidden
    }

        .ticket .duration.danger .icon {
            background: 0 0;
            color: #34363E
        }

    .ticket .duration.light {
        color: #8F969D;
        text-transform: none;
        letter-spacing: 1
    }

    .date-picker-wrapper .month-name, .small-ticket .status, .small-ticket .timing .label, .ticket .labels {
        text-transform: uppercase
    }

    .ticket .duration.light .icon {
        background-color: transparent;
        color: #8F969D
    }

    .ticket .content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: inherit
    }

        .ticket .content.spaced {
            padding-bottom: 35px
        }

            .ticket .content.spaced .timing .align-center .smaller {
                margin-left: 17px
            }

                .ticket .content.spaced .timing .align-center .smaller:nth-child(2) {
                    margin-left: 0
                }

    .ticket .price {
        color: #23242A
    }

        .ticket .price.primary {
            color: #2E48E8
        }

    .ticket .timing {
        white-space: nowrap;
        line-height: 1
    }

        .ticket .timing .align-center {
            font-size: 10px;
            text-transform: uppercase
        }

        .ticket .timing > [class*=col-] {
            overflow: hidden
        }

            .ticket .timing > [class*=col-].align-center {
                overflow: visible
            }

.small-ticket, .small-ticket .timing > [class*=col-] {
    overflow: hidden
}

.ticket .timing .label {
    margin-left: .5em
}

    .ticket .timing .label.light {
        color: #8F969D
    }

.ticket .timing img {
    vertical-align: middle;
    margin: 0 1px 0 10px;
    bottom: 1px;
    position: relative
}

    .ticket .timing img[src*=stops] {
        bottom: 4px
    }

.ticket .labels {
    margin-top: 8px;
    color: #8F969D;
    font-size: 18px;
    font-weight: 900
}

    .ticket .labels .align-center {
        font-size: 10px
    }

.ticket .date {
    font-size: 13px;
    font-weight: 900;
    line-height: 24px;
    white-space: nowrap
}

    .ticket .date .wrap-icon {
        height: 20px;
        width: 20px;
        background-color: #f7f7f7;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
        margin-right: 5px;
        margin-top: -2px
    }

    .ticket .date .icon {
        font-size: 26px
    }

        .ticket .date .icon:before {
            position: relative;
            left: -2px;
            top: -2px
        }

.ticket.transitioned {
    transition-delay: .2s
}

.ticket.active {
    -webkit-filter: grayscale(0) brightness(1);
    filter: grayscale(0) brightness(1);
    pointer-events: auto
}

.fake-tickets, .fake-tickets .ticket {
    pointer-events: none
}

.fade-group {
    position: relative
}

    .fade-group:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 60%;
        background: linear-gradient(180deg,rgba(243,243,243,0) 0,#F3F3F3 69.01%);
        z-index: 2
    }

.ticket.empty-ticket {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
    margin: 30px 0
}

    .ticket.empty-ticket:hover .map-wrapper {
        -webkit-transform: none;
        transform: none
    }

    .ticket.empty-ticket .map-wrapper {
        padding-top: 61.5%
    }

    .ticket.empty-ticket .rounder {
        background-color: #E9EBED
    }

    .ticket.empty-ticket .time {
        font-size: 0;
        background-color: #E9EBED;
        height: 20px
    }

    .ticket.empty-ticket .duration, .ticket.empty-ticket .title {
        font-size: 0;
        background-color: #E9EBED;
        height: 20px;
        border-radius: 100px
    }

    .ticket.empty-ticket .place {
        font-size: 0;
        background-color: #E9EBED;
        height: 12px
    }

    .ticket.empty-ticket .price {
        font-size: 0;
        background-color: #E9EBED;
        height: 20px;
        border-radius: 100px
    }

    .ticket.empty-ticket .layout .column:last-child {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .ticket.empty-ticket .labels {
        margin-top: 17px
    }

    .ticket.empty-ticket .duration, .ticket.empty-ticket .place, .ticket.empty-ticket .price, .ticket.empty-ticket .time, .ticket.empty-ticket .title {
        position: relative;
        overflow: hidden
    }

        .ticket.empty-ticket .duration:before, .ticket.empty-ticket .place:before, .ticket.empty-ticket .price:before, .ticket.empty-ticket .time:before, .ticket.empty-ticket .title:before {
            content: '';
            display: block;
            width: 200%;
            height: 200%;
            top: -50%;
            left: -50%;
            z-index: 1;
            position: absolute;
            background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 50%,rgba(255,255,255,0) 100%);
            -webkit-transform: translate(-100%,-100%) rotate(0);
            transform: translate(-100%,-100%) rotate(0);
            -webkit-animation: empty-ticket 2s infinite;
            animation: empty-ticket 2s infinite
        }

    .ticket.empty-ticket .map-wrapper:before {
        -webkit-animation: empty-ticket2 2s infinite;
        animation: empty-ticket2 2s infinite;
        -webkit-animation-delay: .1s;
        animation-delay: .1s;
        width: 200%;
        height: 200%
    }

    .ticket.empty-ticket .title:before {
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .ticket.empty-ticket .time:before {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }

    .ticket.empty-ticket .place:before {
        -webkit-animation-delay: .7s;
        animation-delay: .7s
    }

    .ticket.empty-ticket .duration:before, .ticket.empty-ticket .price:before {
        -webkit-animation-delay: .8s;
        animation-delay: .8s
    }

@-webkit-keyframes empty-ticket {
    0% {
        -webkit-transform: translate(-100%,-100%) rotate(15deg);
        transform: translate(-100%,-100%) rotate(15deg)
    }

    100% {
        -webkit-transform: translate(100%,100%) rotate(15deg);
        transform: translate(100%,100%) rotate(15deg);
        opacity: .9
    }
}

@keyframes empty-ticket {
    0% {
        -webkit-transform: translate(-100%,-100%) rotate(15deg);
        transform: translate(-100%,-100%) rotate(15deg)
    }

    100% {
        -webkit-transform: translate(100%,100%) rotate(15deg);
        transform: translate(100%,100%) rotate(15deg);
        opacity: .9
    }
}

@-webkit-keyframes empty-ticket2 {
    0% {
        -webkit-transform: translateX(-100%) rotate(15deg);
        transform: translateX(-100%) rotate(15deg)
    }

    100% {
        -webkit-transform: translateX(100%) rotate(15deg);
        transform: translateX(100%) rotate(15deg)
    }
}

@keyframes empty-ticket2 {
    0% {
        -webkit-transform: translateX(-100%) rotate(15deg);
        transform: translateX(-100%) rotate(15deg)
    }

    100% {
        -webkit-transform: translateX(100%) rotate(15deg);
        transform: translateX(100%) rotate(15deg)
    }
}

.ticket-fake {
    position: absolute;
    width: 100%;
    background: url(../Media/ticket-fake.png) center no-repeat;
    background-size: 100% 100%;
    transition: opacity .3s cubic-bezier(1,0,1,0),-webkit-transform .3s;
    transition: transform .3s,opacity .3s cubic-bezier(1,0,1,0);
    transition: transform .3s,opacity .3s cubic-bezier(1,0,1,0),-webkit-transform .3s;
    -webkit-transform: translateY(50vh) scale(1.2);
    transform: translateY(50vh) scale(1.2);
    z-index: 2
}

    .ticket-fake.faded {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 0
    }

.tickets-wrapper {
    padding-bottom: 30px;
    position: relative
}

.main-tickets {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
}

    .main-tickets.visible {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.fake-tickets {
    position: relative;
    height: auto;
    opacity: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .1s opacity,.1s transform;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

    .fake-tickets .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .fake-tickets .ticket:before {
        display: none
    }

    .fake-tickets .ticket:not(.empty-ticket) {
        margin: 0;
        font-size: 18px;
        font-weight: 900
    }

        .fake-tickets .ticket:not(.empty-ticket) .column {
            padding: 20px;
        }

    .fake-tickets .ticket .layout .column:first-child {
        width: auto;
    }

    .fake-tickets .ticket .layout .column:nth-child(2),
    .fake-tickets .ticket .layout .column:nth-child(3) {
        display: none;
    }

    .fake-tickets .ticket .column {
        vertical-align: middle;
    }

    .fake-tickets .ticket:not(.empty-ticket) .icon {
        font-size: 30px;
        width: 20px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        position: relative;
        bottom: 2px
    }

    .fake-tickets .ticket.empty-ticket {
        z-index: 3;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        margin-top: -10px;
        box-shadow: 0 -15px 20px #f3f3f3
    }

    .fake-tickets.active {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        transition: .2s opacity,.2s transform
    }

        .fake-tickets.active .ticket.empty-ticket {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

    .fake-tickets:hover .ticket.empty-ticket {
        transition-duration: .2s;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

@-webkit-keyframes fake-tickets {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }

    30% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fake-tickets {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px)
    }

    30% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.small-ticket {
    background: #fff;
    border-radius: 7px;
    padding: 25px 25px 35px;
    position: relative;
    transition: .2s;
    cursor: pointer
}

    .small-ticket .timing {
        font-size: 24px;
        font-weight: 900;
        white-space: nowrap;
        line-height: 1
    }

        .small-ticket .timing .align-center {
            font-size: 10px
        }

        .small-ticket .timing > [class*=col-].align-center {
            overflow: visible
        }

        .small-ticket .timing .label {
            line-height: 1;
            display: inline-block;
            background-color: #8F969D;
            color: #fff;
            font-size: 14px;
            font-weight: 900;
            padding: 3px 5px;
            vertical-align: middle;
        }

        .small-ticket .timing .place {
            font-size: 18px;
            color: #8F969D;
            display: inline-block;
            padding: 3px 5px;
            vertical-align: middle;
        }

        .small-ticket .timing img {
            display: inline-block;
            vertical-align: middle;
            margin: 0 1px 0 10px;
            bottom: 1px;
            position: relative
        }

            .small-ticket .timing img:first-child, .small-ticket .timing img[src*=strai] {
                margin-left: 2px
            }

            .small-ticket .timing img[src*=stops] {
                bottom: 4px;
                margin-left: 2px
            }

        .small-ticket .timing.offseted {
            margin-top: 20px
        }

    .small-ticket .date {
        font-size: 13px;
        font-weight: 900;
        line-height: 24px;
        white-space: nowrap
    }

        .small-ticket .date .wrap-icon {
            height: 20px;
            width: 20px;
            background-color: #f7f7f7;
            display: inline-block;
            vertical-align: middle;
            border-radius: 50%;
            margin-right: 5px;
            margin-top: -2px
        }

        .small-ticket .date .icon {
            font-size: 26px
        }

            .small-ticket .date .icon:before {
                position: relative;
                left: -2px;
                top: -2px
            }

    .small-ticket .duration {
        font-size: 13px;
        color: #8F969D;
        white-space: nowrap;
        font-weight: 900;
        display: inline-block;
        line-height: 23px;
        padding-left: 27px;
        border-radius: 10px;
        padding-right: 8px;
        position: relative;
        max-width: 100%;
        height: 22px
    }

        .small-ticket .duration .icon {
            background: #8F969D;
            width: 22px;
            height: 22px;
            line-height: 21px;
            text-align: center;
            display: block;
            position: absolute;
            color: #fff;
            border-radius: 50%;
            font-size: 28px;
            left: 0;
            top: 0
        }

            .small-ticket .duration .icon:before {
                display: block;
                width: 30px;
                height: 20px;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate3d(-50%,-50%,0);
                transform: translate3d(-50%,-50%,0)
            }

    .small-ticket .airline-image, .small-ticket .depart .icon, .small-ticket .depart .text {
        display: inline-block;
        vertical-align: middle
    }

    .small-ticket .duration.danger {
        background: #FB0;
        color: #34363E;
        overflow: hidden
    }

        .small-ticket .duration.danger .icon {
            background: 0 0;
            color: #34363E
        }

    .small-ticket .duration.light .icon {
        background-color: transparent;
        color: #8F969D
    }

    .small-ticket .airline-image {
        height: 20px;
        width: auto;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        max-width: 100%
    }

    .small-ticket .depart {
        white-space: nowrap
    }

        .small-ticket .depart .icon {
            background: #000;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            color: #fff;
            position: relative;
            z-index: 2;
            overflow: hidden;
            border-radius: 50%;
            bottom: 1px
        }

            .small-ticket .depart .icon:before {
                display: block;
                top: 50%;
                left: 50%;
                color: #fff;
                width: 30px;
                height: 20px;
                position: absolute;
                z-index: 3;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                font-size: 24px
            }

        .small-ticket .depart .text {
            font-size: 13px;
            font-weight: 600;
            margin-left: 5px;
            width: calc(100% - 50px);
            white-space: normal;
            line-height: 1
        }

    .small-ticket .subtitle {
        font-size: 13px;
        margin-bottom: 15px;
        color: #8F969D
    }

    .small-ticket .stops-list {
        font-weight: 500;
        line-height: 20px;
        font-size: 0;
        margin-left: 4px;
        white-space: nowrap
    }

        .small-ticket .stops-list .airport, .small-ticket .stops-list .date, .small-ticket .stops-list .time {
            font-size: 13px;
            padding: 0 5px;
            display: inline-block;
            vertical-align: top;
            position: relative
        }

            .small-ticket .stops-list .airport:after, .small-ticket .stops-list .date:after, .small-ticket .stops-list .time:after {
                content: '\e966';
                font-family: icomoon;
                display: inline-block;
                vertical-align: middle;
                width: 14px;
                height: 14px;
                font-size: 8px;
                margin-right: -5px;
                margin-left: 5px;
                line-height: 14px;
                text-align: center;
                color: #2E48E8;
                position: relative
            }

        .small-ticket .stops-list .date {
            min-width: 70px;
            padding-left: 0
        }

        .small-ticket .stops-list .time {
            min-width: 70px
        }

        .small-ticket .stops-list .airport {
            display: inline;
            white-space: normal
        }

            .small-ticket .stops-list .airport:after {
                display: none
            }

        .small-ticket .stops-list .bold {
            font-weight: 900
        }

        .small-ticket .stops-list .badge {
            display: inline-block;
            vertical-align: middle;
            height: 16px;
            font-size: 9px;
            color: #fff;
            padding: 0 5px;
            border-radius: 10px;
            font-weight: 900;
            background: #34363E;
            line-height: 16px;
            margin: -5px 0;
            position: relative;
            bottom: 1px
        }

        .small-ticket .stops-list > li {
            position: relative;
            padding-left: 20px;
            padding-bottom: 10px;
            background: url(../Media/point.svg) 0 8px repeat-y
        }

            .small-ticket .stops-list > li:before {
                content: '';
                display: block;
                width: 6px;
                height: 6px;
                background: #fff;
                box-shadow: 0 0 0 1px #8F969D;
                position: absolute;
                top: 6px;
                left: -2px;
                border-radius: 50%
            }

            .small-ticket .stops-list > li[data-only-time] {
                padding-left: 10px
            }

                .small-ticket .stops-list > li[data-only-time]:before {
                    background: #34363E;
                    box-shadow: none;
                    top: 5px
                }

            .small-ticket .stops-list > li[data-clock]:before {
                content: '\e94c';
                font-family: icomoon;
                font-size: 16px;
                color: #8F969D;
                width: 20px;
                height: 20px;
                line-height: 20px;
                left: -9px;
                top: 0;
                text-align: center;
                box-shadow: none;
                background: 0 0
            }

            .small-ticket .stops-list > li:last-child {
                background-repeat: no-repeat
            }

    .small-ticket [data-expanded] {
        margin-top: 20px;
        margin-bottom: 30px;
        display: none
    }

    .small-ticket .expander {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        text-align: center;
        padding: 16px 0;
        font-size: 12px;
        color: #8F969D
    }

    .small-ticket.expanded .timing .place, .small-ticket:hover .expander {
        color: #34363E
    }

    .small-ticket .expander .icon {
        display: block;
        transition: .2s
    }

    .small-ticket .static-alert {
        margin: 0 -25px;
        border-radius: 0;
        padding-left: 18px;
        padding-right: 15px
    }

    .small-ticket.expanded, .small-ticket:hover {
        box-shadow: 0 12px 24px rgba(52,54,62,.07)
    }

        .small-ticket.expanded .expander .icon, .small-ticket:hover .expander .icon {
            -webkit-transform: translateY(5px);
            transform: translateY(5px)
        }

        .small-ticket.expanded [data-expanded] {
            display: block
        }

        .small-ticket.expanded .timing .label {
            background-color: #34363E
        }

        .small-ticket.expanded .time-primary {
            color: #2E48E8
        }

        .small-ticket.expanded .expander {
            color: #2E48E8;
            padding-bottom: 24px
        }

            .small-ticket.expanded .expander .icon {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

        .small-ticket.expanded:hover .expander .icon {
            -webkit-transform: rotate(180deg) translateY(5px);
            transform: rotate(180deg) translateY(5px)
        }

@media (max-width:992px) {
    .ticket .map-wrapper {
        padding-top: 90%
    }

        .ticket .map-wrapper .rounder img {
            left: -25%;
            width: 150%
        }

    .ticket .price {
        white-space: nowrap;
        font-size: 20px
    }

    .ticket .layout .column {
        padding-left: 20px;
        padding-right: 20px
    }

        .ticket .layout .column:first-child {
            width: 180px
        }

        .ticket .layout .column:last-child {
            padding-top: 15px
        }

        .ticket .layout .column.collapsed {
            padding: 0 10px 0 0
        }

        .ticket .layout .column.no-corner {
            background: #fff
        }

        .ticket .layout .column.small {
            width: 100px;
            padding-left: 20px;
            padding-right: 10px
        }

    .ticket.empty-ticket .map-wrapper {
        padding-top: 90%
    }

    .small-ticket [data-airline-image] {
        text-align: left
    }
}

@media (max-width:920px) {
    .ticket .timing {
        font-size: 22px
    }

        .ticket .timing .indicator {
            display: none
        }

    .ticket .layout .column {
        padding-left: 15px;
        padding-right: 15px
    }

    .ticket .date {
        font-size: 12px
    }
}

@media (max-width:768px) {
    .main-tickets {
        min-height: 100vh
    }

    .ticket {
        background: #fff;
        overflow: hidden;
        border-radius: 6px
    }

        .ticket .map-wrapper {
            padding-top: 50%;
            overflow: hidden
        }

            .ticket .map-wrapper .rounder {
                border-radius: 0
            }

                .ticket .map-wrapper .rounder img {
                    left: 0;
                    width: 100%
                }

            .ticket .map-wrapper:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 101%;
                z-index: 2;
                background: 0 0;
                background: linear-gradient(to top,#fff 0,rgba(255,255,255,.3) 100%)
            }

        .ticket .price {
            white-space: nowrap;
            font-size: 32px
        }

        .ticket .date {
            font-size: 13px
        }

        .ticket .layout {
            display: block;
            position: relative;
            font-size: 0
        }

            .ticket .layout .column {
                display: block;
                width: 100%;
                padding-left: 20px;
                padding-right: 20px;
                z-index: 2;
                height: 150px;
                background: 0 0
            }

                .ticket .layout .column .separator, .ticket .layout .column:before {
                    display: none
                }

                .ticket .layout .column[data-double] {
                    display: inline-block;
                    vertical-align: top;
                    width: 50%;
                    margin-top: -150px
                }

                    .ticket .layout .column[data-double] .separator {
                        display: block
                    }

                        .ticket .layout .column[data-double] .separator:before, .ticket .layout .column[data-double] + [data-double] .separator {
                            display: none
                        }

                .ticket .layout .column:first-child {
                    width: 100%;
                    height: auto;
                    padding: 0;
                    border-radius: 5px 5px 0 0;
                    z-index: 1
                }

                    .ticket .layout .column:first-child + .column {
                        margin-top: -150px
                    }

                .ticket .layout .column.small {
                    width: 100%;
                    top: 0;
                    left: 0;
                    z-index: 2;
                    border-radius: 5px;
                    text-align: left;
                    background: 0 0;
                    padding: 25px 20px;
                    position: absolute
                }

        .ticket .timing {
            font-size: 24px
        }

    .tickets-wrapper {
        padding-bottom: 30px;
        position: relative
    }

    .ticket-fake {
        background: url(../Media/ticket-fake-mobile.png) top center no-repeat
    }

    .fake-tickets .ticket .layout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px;
    }

        .fake-tickets .ticket .layout .column {
            padding: 5px;
            font-size: 16px;
            height: auto;
            width: auto !important;
            display: inline-block;
            vertical-align: middle;
            white-space: nowrap
        }

        .fake-tickets .col-xs-12 {
	        padding-left: 0;
	        padding-right: 0;
        }

            .fake-tickets .ticket .layout .column[data-double] {
                display: none !important
            }

        .fake-tickets .ticket:not(.empty-ticket) {
            margin: 0;
        }

    .ticket.empty-ticket {
        margin-bottom: 20px
    }

        .ticket.empty-ticket:first-child {
            margin-top: 20px
        }

        .ticket.empty-ticket:nth-child(n+3) {
            display: none
        }

        .ticket.empty-ticket .map-wrapper {
            padding-top: 90%
        }

        .ticket.empty-ticket .rounder {
            background-color: #fff;
            opacity: .2
        }

        .ticket.empty-ticket .price {
            width: 100px
        }
}

@media (max-width:640px) {
    .ticket .layout .column:first-child + .column, .ticket .layout .column[data-double] {
        margin-top: -120px
    }
}

@media (max-width:525px) {
    .small-ticket .airline-image, .ticket .airline-image {
        max-width: 100%
    }

    .fade-group:after {
        height: 75%
    }

    .ticket {
        margin: 20px 0
    }

        .ticket .date {
            white-space: nowrap
        }

        .ticket .map-wrapper {
            padding-top: 65%
        }

        .ticket .price {
            font-size: 24px
        }

        .ticket .layout .column {
            height: auto;
            padding-top: 20px;
            padding-bottom: 20px
        }

            .ticket .layout .column .separator, .ticket .layout .column:before {
                display: none
            }

            .ticket .layout .column .content {
                position: static;
                padding: 15px 0 0
            }

            .ticket .layout .column .duration:not(.danger) {
                padding-right: 0
            }

            .ticket .layout .column .timing {
                font-size: 18px
            }

                .ticket .layout .column .timing .label {
                    margin: 0;
                    display: block;
                    padding-top: 10px
                }

                .ticket .layout .column .timing [data-multi-stops] {
                    position: relative;
                    padding-bottom: 25px
                }

                    .ticket .layout .column .timing [data-multi-stops] [data-stops] {
                        display: block;
                        position: absolute;
                        bottom: -2px;
                        text-align: center;
                        width: 100%;
                        left: 0;
                        text-indent: 1em
                    }

                        .ticket .layout .column .timing [data-multi-stops] [data-stops] + img {
                            margin-left: 0
                        }

                    .ticket .layout .column .timing [data-multi-stops] .smaller {
                        display: block
                    }

                    .ticket .layout .column .timing [data-multi-stops] .duration {
                        position: absolute;
                        bottom: -9px;
                        left: 50%;
                        -webkit-transform: translateX(-50%);
                        transform: translateX(-50%)
                    }

            .ticket .layout .column .labels {
                font-size: 16px
            }

                .ticket .layout .column .labels [data-hover] {
                    color: #2E48E8
                }

            .ticket .layout .column[data-double] {
                display: block;
                vertical-align: top;
                width: 100%;
                margin-top: 0
            }

                .ticket .layout .column[data-double] .separator {
                    display: block;
                    background: url(../Media/stroke-horizontal.svg) center no-repeat;
                    background-size: 90% 100%;
                    left: 0;
                    top: 100%;
                    width: 100%;
                    height: 6px;
                    margin-top: -3px
                }

                    .ticket .layout .column[data-double] .separator:before {
                        display: block;
                        left: 0
                    }

                    .ticket .layout .column[data-double] .separator:after, .ticket .layout .column[data-double] .separator:before {
                        top: 50%;
                        margin-top: -7px;
                        bottom: auto
                    }

                    .ticket .layout .column[data-double] .separator:after {
                        right: 0;
                        left: auto;
                        margin-right: -7px
                    }

                .ticket .layout .column[data-double] + [data-double] .separator {
                    display: none
                }

            .ticket .layout .column:first-child {
                width: 100%;
                height: auto;
                padding: 0;
                border-radius: 5px 5px 0 0;
                z-index: 1
            }

                .ticket .layout .column:first-child + .column {
                    margin-top: -112px
                }

            .ticket .layout .column.small {
                width: 100%;
                top: 0;
                left: 0;
                z-index: 2;
                border-radius: 5px;
                text-align: left;
                background: 0 0;
                padding: 45px 20px;
                position: absolute
            }

        .ticket .timing .indicator {
            display: inline-block
        }

    .small-ticket .timing {
        font-size: 16px;
        margin-left: -5px;
        margin-right: -5px
    }

        .small-ticket .timing > * {
            padding-left: 5px;
            padding-right: 5px;
            padding-bottom: 10px
        }

        .small-ticket .timing .align-center span {
            color: #8F969D;
            text-indent: 1em;
            letter-spacing: 0;
            font-size: 9px
        }

            .small-ticket .timing .align-center span + img {
                margin-left: 0;
                margin-top: 3px
            }

        .small-ticket .timing .place {
            font-size: 14px
        }

        .small-ticket .timing .label {
            font-size: 13px
        }

        .small-ticket .timing [data-hover] {
            color: #2E48E8
        }

        .small-ticket .timing.offseted {
            font-size: 20px
        }

        .small-ticket .timing:not(.offseted) {
            margin-bottom: -10px
        }

        .small-ticket .timing .status span {
            color: #34363E
        }

    .small-ticket .duration:not(.danger) {
        padding-right: 0
    }

    .small-ticket .labels {
        font-size: 16px
    }

    .small-ticket .labels [data-hover] {
        color: #2E48E8
    }

    .fake-tickets .ticket .layout .column:first-child {
        padding: 5px;
    }
}

.main-tickets {
    transition: background-color .3s;
    min-height: 77vh
}

main:before {
    content: '';
    height: 100px;
    width: 150px;
    position: absolute;
    top: 0;
    left: 75%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #23242a;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    transition: .3S
}

main.darken-theme {
    position: relative;
    overflow: hidden
}

    main.darken-theme:before {
        height: 250%;
        width: 250%;
        opacity: 1
    }

    main.darken-theme .fake-tickets > div:before {
        background: url(../Media/ticket-fake-dark.png) center no-repeat
    }

    main.darken-theme .fake-tickets > div:nth-child(2):before {
        -webkit-filter: brightness(1.36);
        filter: brightness(1.36)
    }

    main.darken-theme .fade-group {
        background-color: #23242a
    }

    main.darken-theme .ticket-fake {
        background: url(../Media/ticket-fake-dark.png) center no-repeat
    }

main .fade-group {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: opacity .3s,-webkit-transform .3s;
    transition: transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s,-webkit-transform .3s;
    visibility: hidden
}

main.animate .fade-group {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.darken-theme .sorting {
    display: none
}

.darken-theme .main-tickets {
    padding-top: 40px
}

.darken-theme .fade-group:after {
    background: linear-gradient(180deg,rgba(243,243,243,0) 0,#222 69.01%)
}

.darken-theme .form-section.fixed .darken [data-tooltip]:after, .darken-theme .form-section.fixed .darken [data-tooltip]:before {
    background: #fff;
    color: #34363E
}

.darken-theme .ticket .layout .column .separator:after, .darken-theme .ticket .layout .column .separator:before {
    background-color: #23242a
}

.darken-theme .ticket.empty-ticket .layout .column {
    background-color: #383a40
}

    .darken-theme .ticket.empty-ticket .layout .column .separator {
        background-image: url(../Media/stroke-dark.svg)
    }

.darken-theme .ticket.empty-ticket .duration, .darken-theme .ticket.empty-ticket .place, .darken-theme .ticket.empty-ticket .price, .darken-theme .ticket.empty-ticket .rounder, .darken-theme .ticket.empty-ticket .time, .darken-theme .ticket.empty-ticket .title {
    background-color: #27282e
}

    .darken-theme .ticket.empty-ticket .duration:before, .darken-theme .ticket.empty-ticket .map-wrapper:before, .darken-theme .ticket.empty-ticket .place:before, .darken-theme .ticket.empty-ticket .price:before, .darken-theme .ticket.empty-ticket .time:before, .darken-theme .ticket.empty-ticket .title:before {
        background: linear-gradient(to right,rgba(56,58,64,0) 0,#383a40 50%,rgba(56,58,64,0) 100%)
    }

.ticket.dark-ticket {
    color: #fff
}

    .ticket.dark-ticket .layout .column {
        background-color: #383a40
    }

        .ticket.dark-ticket .layout .column .separator {
            background-image: url(../Media/stroke-dark.svg)
        }

            .ticket.dark-ticket .layout .column .separator:after, .ticket.dark-ticket .layout .column .separator:before {
                background-color: #23242a
            }

    .ticket.dark-ticket .map-wrapper .rounder {
        background-color: #383a40
    }

    .ticket.dark-ticket [data-tooltip]:after, .ticket.dark-ticket [data-tooltip]:before {
        background: #fff;
        color: #34363E;
        box-shadow: none
    }

    .ticket.dark-ticket .date, .ticket.dark-ticket .smaller {
        color: #8F969D
    }

        .ticket.dark-ticket .date .wrap-icon {
            background-color: #23242A
        }

    .ticket.dark-ticket .price {
        color: #fff
    }

        .ticket.dark-ticket .price.old-price {
            font-size: 16px;
            color: #8F969D
        }

            .ticket.dark-ticket .price.old-price span {
                position: relative;
                display: inline-block
            }

                .ticket.dark-ticket .price.old-price span:before {
                    content: '';
                    border-radius: 1px;
                    background-color: #FBD97C;
                    width: 100%;
                    height: 1px;
                    position: absolute;
                    left: 0;
                    top: 50%;
                    margin-top: -1px
                }

    .ticket.dark-ticket .offers-state {
        background-image: url(../Media/particles.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        padding-bottom: 26px;
        padding-top: 25px;
        text-align: center
    }

    .ticket.dark-ticket .label-cover {
        display: inline-block;
        height: 42px;
        width: 42px;
        background-color: #313237;
        border-radius: 50%;
        padding: 8px
    }

    .ticket.dark-ticket .label-icon {
        position: relative;
        display: inline-block
    }

        .ticket.dark-ticket .label-icon:after, .ticket.dark-ticket .label-icon:before {
            background-repeat: no-repeat;
            content: '';
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 1
        }

        .ticket.dark-ticket .label-icon:before {
            background-image: url(../Media/icons/percent-before.svg);
            right: 36%;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            transition: opacity .3s,-webkit-transform .3s;
            transition: transform .3s,opacity .3s;
            transition: transform .3s,opacity .3s,-webkit-transform .3s;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        .ticket.dark-ticket .label-icon:after {
            background-image: url(../Media/icons/percent-after.svg);
            left: 45%;
            -webkit-transform-origin: top center;
            transform-origin: top center;
            transition: opacity .3s,-webkit-transform .3s;
            transition: transform .3s,opacity .3s;
            transition: transform .3s,opacity .3s,-webkit-transform .3s;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        .ticket.dark-ticket .label-icon img {
            top: 2px;
            position: relative;
            z-index: 2
        }

    .ticket.dark-ticket:hover [data-hover] {
        color: #7083F0
    }

    .ticket.dark-ticket:hover .label-icon:after {
        -webkit-transform: rotate(17deg);
        transform: rotate(17deg);
        opacity: 0
    }

    .ticket.dark-ticket:hover .label-icon:before {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        opacity: 0
    }

.ticket-popup.darken-theme .small-ticket {
    background-color: #383a40;
    color: #fff
}

    .ticket-popup.darken-theme .small-ticket .date {
        color: #8F969D
    }

        .ticket-popup.darken-theme .small-ticket .date .wrap-icon {
            background-color: #34363E
        }

    .ticket-popup.darken-theme .small-ticket .timing .label {
        color: #383a40
    }

    .ticket-popup.darken-theme .small-ticket:hover .expander {
        color: #fff
    }

    .ticket-popup.darken-theme .small-ticket.expanded .expander, .ticket-popup.darken-theme .small-ticket.expanded .time-primary {
        color: #7083F0
    }

    .ticket-popup.darken-theme .small-ticket.expanded .timing .label {
        background-color: #fff;
        color: #383a40
    }

    .ticket-popup.darken-theme .small-ticket.expanded .date, .ticket-popup.darken-theme .small-ticket.expanded .timing .place {
        color: #fff
    }

    .ticket-popup.darken-theme .small-ticket.expanded .stops-list > li:before {
        background: #383a40
    }

    .ticket-popup.darken-theme .small-ticket.expanded .stops-list .airport:after, .ticket-popup.darken-theme .small-ticket.expanded .stops-list .date:after, .ticket-popup.darken-theme .small-ticket.expanded .stops-list .time:after {
        color: #8F969D
    }

    .ticket-popup.darken-theme .small-ticket.expanded .stops-list .badge {
        background-color: #23242a
    }

.ticket-popup.darken-theme .booking {
    background-color: #383a40;
    color: #fff
}

    .ticket-popup.darken-theme .booking.active, .ticket-popup.darken-theme .booking:focus, .ticket-popup.darken-theme .booking:hover {
        background: #2E48E8;
        box-shadow: none
    }

        .ticket-popup.darken-theme .booking.active:focus, .ticket-popup.darken-theme .booking.active:hover {
            background-color: #383a40;
            color: #fff
        }

@media (max-width:767px) {
    .ticket.dark-ticket {
        background-color: #383a40
    }

        .ticket.dark-ticket .offers-state {
            width: auto;
            bottom: auto;
            top: 0;
            padding: 42px 20px 10px 46px;
            background-size: cover
        }

        .ticket.dark-ticket .layout .column {
            background-color: transparent
        }

        .ticket.dark-ticket .map-wrapper:before {
            background: linear-gradient(to top,#383A40 0,rgba(56,58,64,.3) 100%)
        }

    main.darken-theme .form-section[data-mode=filter] .filter [data-scroll] {
        padding-top: 100px
    }

    main.darken-theme .form-section .darken .checkbox-btn {
        top: -100px;
        padding-top: 20px;
        padding-bottom: 20px;
        background-position: center left,center right;
        background-size: auto 65px
    }

        main.darken-theme .form-section .darken .checkbox-btn .label-icon:after, main.darken-theme .form-section .darken .checkbox-btn .label-icon:before {
            opacity: 1;
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
}

@media (max-width:480px) {
    .ticket.dark-ticket .layout .column .separator {
        background: url(../Media/stroke-horizontal-dark.svg) center repeat-x
    }

    .calendar .months-list .month-year {
        display: none !important;
    }
}

.tickets-section, .tickets-section .ticket.single .column .separator::before {
    background-color: #f7f7f7
}

.tickets-section {
    min-height: 100vh;
    padding-top: 17vh
}

    .tickets-section .section-lead {
        font-weight: 900;
        font-size: 28px;
        margin: 0 0 14vh
    }

    .tickets-section .line-cover {
        margin: 0 auto 7vh;
        position: relative;
        width: 140px;
        height: 40px
    }

        .tickets-section .line-cover canvas {
            width: 100%
        }

    .tickets-section .intro {
        font-weight: 500;
        line-height: 24px;
        font-size: 16px;
        color: #8F969D;
        margin: 0 0 12px
    }

    .tickets-section .logo {
        max-width: 200px;
        display: inline-block;
        margin: 0 0 10vh
    }

        .tickets-section .logo img {
            max-width: 100%
        }

    .tickets-section .ticket.single {
        box-shadow: 0 12px 24px rgba(98,98,98,.14)
    }

        .tickets-section .ticket.single .column .separator::after {
            background-color: #e5e5e5
        }

        .tickets-section .ticket.single:hover [data-hover] {
            color: #23242A
        }

        .tickets-section .ticket.single:hover [data-tooltip] {
            cursor: pointer
        }

    .tickets-section .ticket.dark-ticket:hover {
        cursor: default
    }

        .tickets-section .ticket.dark-ticket:hover [data-hover] {
            color: #fff
        }

        .tickets-section .ticket.dark-ticket:hover [data-tooltip] {
            cursor: pointer
        }

.darken-theme .tickets-section {
    background-color: #23242a;
    color: #fff
}

@media (max-width:768px) {
    .tickets-section {
        padding-top: 10vh;
        min-height: calc(100vh - 10vh)
    }

        .tickets-section .section-lead {
            font-size: 24px;
            margin-bottom: 7vh
        }

        .tickets-section .logo {
            margin-bottom: 1vh
        }

        .tickets-section .line-cover {
            margin-bottom: 5vh
        }

        .tickets-section .intro {
            font-size: 14px
        }

            .tickets-section .intro .block-xs {
                display: block
            }
}

.ticket-popup {
    position: fixed;
    z-index: 25;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .ticket-popup .map-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 270px;
        height: 100%;
        background: #f3f3f3;
        transition: .5s cubic-bezier(1,0,.2,1)
    }

        .ticket-popup .map-wrapper .map {
            position: absolute;
            top: 0;
            left: 0;
            transition: opacity .2s;
            width: 100%;
            height: 100%;
            opacity: 0
        }

        .ticket-popup .map-wrapper .mapboxgl-ctrl-bottom-right {
            display: none
        }

    .ticket-popup .close-popup {
        position: absolute;
        top: 20px;
        left: 40px;
        z-index: 5;
        padding: 0;
        width: 50px;
        height: 50px;
        background: 0 0;
        color: #34363E;
        opacity: 0;
        transition: .3s;
        margin-left: -100px
    }

        .ticket-popup .close-popup .icon {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            transition: .2s
        }

    .ticket-popup .offers-label, .ticket-popup .site-logo {
        z-index: 5;
        transition: .3s;
        position: absolute;
        opacity: 0
    }

    .ticket-popup .close-popup:focus, .ticket-popup .close-popup:hover {
        background: 0 0;
        box-shadow: none;
        color: #34363E
    }

        .ticket-popup .close-popup:focus .icon, .ticket-popup .close-popup:hover .icon {
            -webkit-transform: translateX(-5px);
            transform: translateX(-5px)
        }

    .ticket-popup .site-logo {
        top: 35px;
        left: 120px;
        width: 101px
    }

        .ticket-popup .site-logo img {
            display: block;
            width: 100%;
            height: auto
        }

        .ticket-popup .site-logo .light-logo {
            display: none
        }

        .ticket-popup .site-logo .dark-logo {
            display: block
        }

    .ticket-popup .offers-label {
        top: 27px;
        left: 250px;
        height: 42px;
        width: 42px;
        background-color: #313237;
        border-radius: 50%;
        line-height: 54px;
        text-align: center;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        display: none
    }

        .ticket-popup .offers-label img {
            display: inline-block
        }

    .ticket-popup [data-tickets-info] > li {
        padding-top: 20px;
        transition: .1s;
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

        .ticket-popup [data-tickets-info] > li:nth-child(1) {
            padding-top: 0
        }

        .ticket-popup [data-tickets-info] > li.spaced {
            padding: 50px 20px 10px
        }

            .ticket-popup [data-tickets-info] > li.spaced ~ .spaced {
                padding: 10px 20px
            }

    .ticket-popup .content-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        overflow: hidden;
        overflow-y: scroll;
        padding: 45px 60px;
        transition: .2s;
        opacity: 0
    }

    .ticket-popup.transitioned {
        transition: .5s cubic-bezier(1,0,.2,1);
        background: #f3f3f3;
        opacity: 1
    }

    .ticket-popup.unwrapped {
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: auto
    }

        .ticket-popup.unwrapped .offers-label, .ticket-popup.unwrapped .site-logo {
            opacity: 1
        }

        .ticket-popup.unwrapped .offers-label {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .ticket-popup.unwrapped .map-wrapper {
            opacity: 1;
            width: calc(100% - 620px);
            background: 0 0
        }

            .ticket-popup.unwrapped .map-wrapper .map {
                opacity: 1
            }

        .ticket-popup.unwrapped .content-wrapper {
            opacity: 1;
            width: 620px;
            transition-delay: .3s
        }

        .ticket-popup.unwrapped .close-popup {
            margin-left: 0;
            opacity: 1;
            transition-delay: 1s
        }

        .ticket-popup.unwrapped [data-tickets-info] > li {
            transition: .3s;
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }

            .ticket-popup.unwrapped [data-tickets-info] > li:nth-child(1) {
                transition-delay: .75s
            }

            .ticket-popup.unwrapped [data-tickets-info] > li:nth-child(2) {
                transition-delay: .8s
            }

            .ticket-popup.unwrapped [data-tickets-info] > li:nth-child(3) {
                transition-delay: .85s
            }

            .ticket-popup.unwrapped [data-tickets-info] > li:nth-child(4) {
                transition-delay: .9s
            }

            .ticket-popup.unwrapped [data-tickets-info] > li:nth-child(5) {
                transition-delay: .95s
            }

    .ticket-popup .small-ticket .airline-image.light {
        display: none
    }

    .ticket-popup.darken-theme, .ticket-popup.darken-theme .map-wrapper, .ticket-popup.darken-theme.transitioned {
        background: #23242a
    }

        .ticket-popup.darken-theme .site-logo .light-logo {
            display: block
        }

        .ticket-popup.darken-theme .site-logo .dark-logo {
            display: none
        }

        .ticket-popup.darken-theme .close-popup {
            color: #8F969D
        }

            .ticket-popup.darken-theme .close-popup:hover, .ticket-popup.darken-theme .mapboxgl-marker {
                color: #fff
            }

        .ticket-popup.darken-theme .offers-label {
            display: block
        }

        .ticket-popup.darken-theme .map .weather .caption, .ticket-popup.darken-theme .map .weather .temperature {
            color: #8F969D
        }

        .ticket-popup.darken-theme .map .point-marker.danger .point {
            background: #383a40;
            border-color: #8f969d
        }

        .ticket-popup.darken-theme .map .point-marker .point {
            background: #fff;
            border-color: #fff
        }

        .ticket-popup.darken-theme .small-ticket .airline-image.dark {
            display: none
        }

        .ticket-popup.darken-theme .small-ticket .airline-image.light {
            display: block
        }

        .ticket-popup.darken-theme.unwrapped {
            background: #23242a
        }

            .ticket-popup.darken-theme.unwrapped .map-wrapper .map:before {
                background: #23242a;
                background: linear-gradient(to top,#23242a 0,#23242a 30%,rgba(35,36,42,0) 100%)
            }

@media (max-width:1440px) {
    .ticket-popup.unwrapped .content-wrapper {
        width: 500px;
        padding: 20px
    }

    .ticket-popup.unwrapped .map-wrapper {
        width: calc(100% - 500px)
    }
}

@media (max-width:992px) {
    .ticket-popup.unwrapped .content-wrapper {
        width: 400px;
        padding: 20px
    }

    .ticket-popup.unwrapped .map-wrapper {
        width: calc(100% - 400px)
    }
}

@media (max-width:768px) {
    .ticket-popup [data-tickets-info] > li {
        padding-top: 15px
    }

        .ticket-popup [data-tickets-info] > li:nth-child(1) {
            padding-top: 0
        }

        .ticket-popup [data-tickets-info] > li.spaced {
            padding: 20px 10px 0
        }

            .ticket-popup [data-tickets-info] > li.spaced ~ .spaced {
                padding: 10px 10px 0
            }

    .ticket-popup > .map-wrapper {
        width: 100%
    }

    .ticket-popup .content-wrapper {
        top: 0;
        left: 0;
        width: 100%;
        height: 50%
    }

    .ticket-popup .site-logo {
        top: 20px;
        left: 50%;
        margin-left: -50px
    }

    .ticket-popup.unwrapped {
        background: #E9EBED
    }

        .ticket-popup.unwrapped .content-wrapper {
            width: 100%;
            top: 0;
            height: 100%;
            padding: 50vh 15px 15px;
            z-index: 3
        }

        .ticket-popup.unwrapped .close-popup {
            left: 5px;
            top: 5px
        }

        .ticket-popup.unwrapped .map-wrapper {
            width: 100%
        }

            .ticket-popup.unwrapped .map-wrapper .map {
                height: 50%;
                top: 0
            }

                .ticket-popup.unwrapped .map-wrapper .map:before {
                    content: '';
                    display: block;
                    position: absolute;
                    background: #E9EBED;
                    background: linear-gradient(to top,#e9ebed 0,#e9ebed 30%,rgba(233,235,237,0) 100%);
                    width: 100%;
                    height: 30%;
                    z-index: 3;
                    bottom: 0;
                    left: 0
                }

    .ticket-popup.darken-theme .offers-label {
        top: 10px;
        right: 30px;
        left: auto
    }
}

[data-tooltip], [data-tooltip] .icon.danger {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

[data-tooltip] {
    overflow: visible
}

    [data-tooltip] .icon.danger {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        line-height: 22px;
        text-align: center;
        font-size: 22px;
        bottom: 1px;
        background: #FBD97C
    }

    [data-tooltip]:after, [data-tooltip]:before {
        position: absolute;
        background: #34363E;
        top: 100%;
        left: 50%;
        pointer-events: none;
        border-radius: 3px;
        transition: .1s;
        opacity: 0
    }

    [data-tooltip]:after {
        content: attr(data-tooltip);
        z-index: 2;
        font-size: 9px;
        color: #fff;
        font-weight: 900;
        line-height: 20px;
        padding: 5px 10px;
        -webkit-transform: translateX(-50%) translateY(5px) scale(.9) translateZ(0);
        transform: translateX(-50%) translateY(5px) scale(.9) translateZ(0);
        white-space: nowrap;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 12px;
        box-shadow: 0 12px 24px rgba(118,118,118,.32)
    }

    [data-tooltip]:before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        margin: 10px -5px 0;
        -webkit-transform: translateY(5px) rotate(45deg);
        transform: translateY(5px) rotate(45deg)
    }

    [data-tooltip]:hover:after, [data-tooltip]:hover:before {
        transition: .2s;
        opacity: 1
    }

    [data-tooltip]:hover:after {
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }

    [data-tooltip]:hover:before {
        transition-delay: .05s;
        -webkit-transform: translateY(0) rotate(45deg) scale(1) translateZ(0);
        transform: translateY(0) rotate(45deg) scale(1) translateZ(0)
    }

    [data-tooltip].clickable {
        background: #FBD97C;
        padding: 2px 10px 2px 2px;
        border-radius: 20px;
        font-size: 13px;
        cursor: pointer;
        font-weight: 700;
        transition: .2s
    }

.date-picker, .date-picker-wrapper {
    font-size: 12px;
    font-family: Arial,sans-serif
}

[data-tooltip].clickable .icon {
    bottom: 0;
    position: relative;
    margin-right: 10px
}

[data-tooltip].clickable:hover {
    background: #F7F8FA
}

    [data-tooltip].clickable:hover .icon {
        background: #FBD97C
    }

[data-tooltip][data-origin=left]:after {
    left: auto;
    top: 50%;
    right: 100%;
    margin-top: 0;
    margin-right: 12px;
    -webkit-transform: translateY(-50%) translateX(5px) scale(.9) translateZ(0);
    transform: translateY(-50%) translateX(5px) scale(.9) translateZ(0)
}

[data-tooltip][data-origin=left]:before {
    -webkit-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg);
    top: 50%;
    margin: -5px 15px 0;
    left: auto;
    right: 100%
}

[data-tooltip][data-origin=left]:hover:after {
    -webkit-transform: translateY(-50%) translateX(0) scale(1) translateZ(0);
    transform: translateY(-50%) translateX(0) scale(1) translateZ(0)
}

.date-picker {
    width: 170px;
    height: 25px;
    padding: 0 0 0 10px;
    border: 0;
    line-height: 25px;
    font-weight: 700;
    cursor: pointer;
    color: #303030;
    position: relative;
    z-index: 2
}

.date-picker-wrapper {
    position: absolute;
    z-index: 1;
    border: 1px solid #bfbfbf;
    background-color: #efefef;
    padding: 5px 12px;
    line-height: 20px;
    color: #aaa;
    -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
    box-shadow: 3px 3px 10px rgba(0,0,0,.5);
    -webkit-box-sizing: initial;
    box-sizing: initial
}

.dp-clearfix {
    clear: both;
    height: 0;
    font-size: 0
}

.date-picker-wrapper.inline-wrapper {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block
}

.date-picker-wrapper.single-date {
    width: auto
}

.date-picker-wrapper.no-shortcuts {
    padding-bottom: 12px
}

.date-picker-wrapper.no-topbar {
    padding-top: 12px
}

.date-picker-wrapper .footer {
    font-size: 11px;
    padding-top: 3px
}

.date-picker-wrapper b {
    color: #666;
    font-weight: 700
}

.date-picker-wrapper a {
    color: #6bb4d6;
    text-decoration: underline
}

.date-picker-wrapper .select-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

    .date-picker-wrapper .select-wrapper:hover {
        text-decoration: underline
    }

.date-picker-wrapper .month-element {
    display: inline-block;
    vertical-align: middle
}

.date-picker-wrapper .drp_top-bar .error-top, .date-picker-wrapper .drp_top-bar .normal-top, .date-picker-wrapper .month-wrapper table .day.lastMonth, .date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .selected-days {
    display: none
}

.date-picker-wrapper .select-wrapper select {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    top: -1px;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    outline: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: .01
}

.date-picker-wrapper .month-wrapper {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background-color: #fff;
    padding: 5px;
    cursor: default;
    position: relative
}

    .date-picker-wrapper .month-wrapper table, .date-picker-wrapper .month-wrapper table.month2 {
        width: 190px;
        float: left
    }

        .date-picker-wrapper .month-wrapper table td, .date-picker-wrapper .month-wrapper table th {
            vertical-align: middle;
            text-align: center;
            line-height: 14px;
            margin: 0;
            padding: 0
        }

        .date-picker-wrapper .month-wrapper table .day {
            padding: 5px 0;
            line-height: 1;
            font-size: 12px;
            margin-bottom: 1px;
            color: #ccc;
            cursor: default
        }

        .date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
            color: #999;
            cursor: default
        }

        .date-picker-wrapper .month-wrapper table .day.checked {
            background-color: #9cdbf7
        }

        .date-picker-wrapper .month-wrapper table .week-name {
            height: 20px;
            line-height: 20px;
            font-weight: 100;
            text-transform: uppercase
        }

        .date-picker-wrapper .month-wrapper table .day.has-tooltip {
            cursor: help !important
        }

            .date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip, .date-picker-wrapper .time label {
                white-space: nowrap
            }

        .date-picker-wrapper .month-wrapper table .day.toMonth.valid {
            color: #333;
            cursor: pointer
        }

        .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
            background-color: #cdecfa
        }

        .date-picker-wrapper .month-wrapper table .day.real-today {
            background-color: #ffe684
        }

            .date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
                background-color: #70ccd5
            }

.date-picker-wrapper table .caption {
    height: 40px
}

    .date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
        width: 27px
    }

    .date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
        padding: 0 5px;
        cursor: pointer
    }

        .date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
            background-color: #ccc;
            color: #fff
        }

.date-picker-wrapper .gap {
    position: relative;
    z-index: 1;
    width: 15px;
    background-color: red;
    font-size: 0;
    line-height: 0;
    float: left;
    top: -5px;
    margin: 0 10px -10px;
    visibility: hidden;
    height: 0
}

    .date-picker-wrapper .gap .gap-lines {
        height: 100%;
        overflow: hidden
    }

    .date-picker-wrapper .gap .gap-line {
        height: 15px;
        width: 15px;
        position: relative
    }

        .date-picker-wrapper .gap .gap-line .gap-1 {
            z-index: 1;
            height: 0;
            border-left: 8px solid #fff;
            border-top: 8px solid #eee;
            border-bottom: 8px solid #eee
        }

        .date-picker-wrapper .gap .gap-line .gap-2 {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
            height: 0;
            border-left: 8px solid transparent;
            border-top: 8px solid #fff
        }

        .date-picker-wrapper .gap .gap-line .gap-3 {
            position: absolute;
            right: 0;
            top: 8px;
            z-index: 2;
            height: 0;
            border-left: 8px solid transparent;
            border-bottom: 8px solid #fff
        }

    .date-picker-wrapper .gap .gap-top-mask {
        width: 6px;
        height: 1px;
        position: absolute;
        top: -1px;
        left: 1px;
        background-color: #eee;
        z-index: 3
    }

    .date-picker-wrapper .gap .gap-bottom-mask {
        width: 6px;
        height: 1px;
        position: absolute;
        bottom: -1px;
        left: 7px;
        background-color: #eee;
        z-index: 3
    }

.date-picker-wrapper .drp_top-bar {
    line-height: 1.4;
    position: relative;
    padding: 10px 40px 10px 0
}

    .date-picker-wrapper .drp_top-bar .default-top {
        display: block
    }

    .date-picker-wrapper .drp_top-bar.error .default-top {
        display: none
    }

    .date-picker-wrapper .drp_top-bar.error .error-top {
        display: block;
        color: red
    }

    .date-picker-wrapper .drp_top-bar.normal .default-top {
        display: none
    }

    .date-picker-wrapper .drp_top-bar.normal .normal-top, .date-picker-wrapper.single-month .time {
        display: block
    }

        .date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
            color: #333
        }

    .date-picker-wrapper .drp_top-bar .apply-btn {
        position: absolute;
        right: 0;
        top: 6px;
        padding: 3px 5px;
        margin: 0;
        font-size: 12px;
        border-radius: 4px;
        cursor: pointer;
        border: 1px solid #0076a3;
        background: #0095cd;
        background: -moz-linear-gradient(top,#00adee,#0078a5);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
        color: #fff;
        line-height: initial
    }

        .date-picker-wrapper .drp_top-bar .apply-btn.disabled {
            cursor: pointer;
            color: #606060;
            border: 1px solid #b7b7b7;
            background: #fff;
            background: -moz-linear-gradient(top,#fff,#ededed);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')
        }

.date-picker-wrapper .time {
    position: relative
}

.date-picker-wrapper .hide, .date-picker-wrapper.two-months.no-gap .month1 .next, .date-picker-wrapper.two-months.no-gap .month2 .prev {
    display: none
}

.date-picker-wrapper .time input[type=range] {
    vertical-align: middle;
    width: 129px;
    padding: 0;
    margin: 0;
    height: 20px
}

.date-picker-wrapper .time1, .time2 {
    width: 180px;
    padding: 0 5px;
    text-align: center
}

.date-picker-wrapper .time1 {
    float: left
}

.date-picker-wrapper .time2 {
    float: right
}

.date-picker-wrapper .hour, .minute {
    text-align: right
}

.date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected {
    background-color: #49e !important;
    color: #fff !important
}

.date-picker-wrapper .date-range-length-tip {
    position: absolute;
    margin-top: -4px;
    margin-left: -8px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    display: none;
    background-color: #ff0;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3));
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .3))
}

    .date-picker-wrapper .date-range-length-tip:after {
        content: '';
        position: absolute;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #ff0;
        left: 50%;
        margin-left: -4px;
        bottom: -4px
    }

.date-picker-wrapper .week-number {
    padding: 5px 0;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 1px;
    color: #999;
    cursor: pointer
}

    .date-picker-wrapper .week-number.week-number-selected {
        color: #49e;
        font-weight: 700
    }

.row, .row.reverse {
    -webkit-box-orient: horizontal
}

main {
    display: block;
    width: 100%
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1276px
}

.container {
    max-width: 1056px
}

.row {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px
}

    .col.reverse, .row.reverse {
        -webkit-box-direction: reverse
    }

    .row.reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

.col.reverse {
    -ms-flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    flex-direction: column-reverse
}

.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 20px;
    padding-left: 20px
}

.col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.col-xs-offset-1 {
    margin-left: 8.333%
}

.col-xs-offset-2 {
    margin-left: 16.667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.333%
}

.col-xs-offset-5 {
    margin-left: 41.667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.333%
}

.col-xs-offset-8 {
    margin-left: 66.667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.333%
}

.col-xs-offset-11 {
    margin-left: 91.667%
}

.start-xs {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start
}

.middle-xs {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.bottom-xs {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

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

.first-xs {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1
}

.last-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1
}

.lg-iblock, .lg-inline, .lg-show, .md-iblock, .md-inline, .md-show, .ms-iblock, .ms-inline, .ms-show, .sm-iblock, .sm-inline, .sm-show {
    display: none
}

.xs-show {
    display: block
}

.xs-inline {
    display: inline
}

.xs-iblock {
    display: inline-block
}

.xs-hide {
    display: none
}

@media only screen and (min-width:481px) {
    .ms-show {
        display: block
    }

    .ms-inline {
        display: inline
    }

    .ms-iblock {
        display: inline-block
    }

    .ms-hide {
        display: none
    }

    .col-ms-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-ms-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-ms-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-ms-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-ms-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-ms-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-ms-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-ms-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-ms-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-ms-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-ms-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-ms-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-ms-offset-1 {
        margin-left: 8.333%
    }

    .col-ms-offset-2 {
        margin-left: 16.667%
    }

    .col-ms-offset-3 {
        margin-left: 25%
    }

    .col-ms-offset-4 {
        margin-left: 33.333%
    }

    .col-ms-offset-5 {
        margin-left: 41.667%
    }

    .col-ms-offset-6 {
        margin-left: 50%
    }

    .col-ms-offset-7 {
        margin-left: 58.333%
    }

    .col-ms-offset-8 {
        margin-left: 66.667%
    }

    .col-ms-offset-9 {
        margin-left: 75%
    }

    .col-ms-offset-10 {
        margin-left: 83.333%
    }

    .col-ms-offset-11 {
        margin-left: 91.667%
    }

    .start-ms {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-ms {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-ms {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-ms {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-ms {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-ms {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-ms {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

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

    .first-ms {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-ms {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

@media only screen and (min-width:769px) {
    .sm-show {
        display: block
    }

    .sm-inline {
        display: inline
    }

    .sm-iblock {
        display: inline-block
    }

    .sm-hide {
        display: none
    }

    .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 20px;
        padding-left: 20px
    }

    .col-sm {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-1 {
        margin-left: 8.333%
    }

    .col-sm-offset-2 {
        margin-left: 16.667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.333%
    }

    .col-sm-offset-5 {
        margin-left: 41.667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.333%
    }

    .col-sm-offset-8 {
        margin-left: 66.667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.333%
    }

    .col-sm-offset-11 {
        margin-left: 91.667%
    }

    .start-sm {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-sm {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-sm {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-sm {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

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

    .first-sm {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-sm {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

@media only screen and (min-width:993px) {
    .md-show {
        display: block
    }

    .md-inline {
        display: inline
    }

    .md-iblock {
        display: inline-block
    }

    .md-hide {
        display: none
    }

    .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 20px;
        padding-left: 20px
    }

    .col-md {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-md-offset-1 {
        margin-left: 8.333%
    }

    .col-md-offset-2 {
        margin-left: 16.667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.333%
    }

    .col-md-offset-5 {
        margin-left: 41.667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.333%
    }

    .col-md-offset-8 {
        margin-left: 66.667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.333%
    }

    .col-md-offset-11 {
        margin-left: 91.667%
    }

    .start-md {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-md {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-md {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-md {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

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

    .first-md {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-md {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}

@media only screen and (min-width:1201px) {
    .lg-show {
        display: block
    }

    .lg-inline {
        display: inline
    }

    .lg-iblock {
        display: inline-block
    }

    .lg-hide {
        display: none
    }

    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        box-sizing: border-box;
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        padding-right: 20px;
        padding-left: 20px
    }

    .col-lg {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.333%;
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.667%;
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.333%;
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.667%;
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.333%;
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.667%;
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.333%;
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.667%;
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-lg-offset-1 {
        margin-left: 8.333%
    }

    .col-lg-offset-2 {
        margin-left: 16.667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.333%
    }

    .col-lg-offset-5 {
        margin-left: 41.667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.333%
    }

    .col-lg-offset-8 {
        margin-left: 66.667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.333%
    }

    .col-lg-offset-11 {
        margin-left: 91.667%
    }

    .start-lg {
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-lg {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .middle-lg {
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center
    }

    .bottom-lg {
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

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

    .first-lg {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        order: -1
    }

    .last-lg {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }
}