.footer-logo {
    background-image: url(../sprite.png);
    background-position: 0% 48.497854077253216%;
    background-size: 383.69565217391306% 350.5376344086022%;
    width: 92px;
    height: 93px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-arrow-down {
    background-image: url(../sprite.png);
    background-position: 62.99694189602446% 67.96116504854369%;
    background-size: 1357.6923076923076% 1917.6470588235293%;
    width: 26px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-book {
    background-image: url(../sprite.png);
    background-position: 0% 73.42657342657343%;
    background-size: 641.8181818181818% 815%;
    width: 55px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-calendar {
    background-image: url(../sprite.png);
    background-position: 44.92307692307692% 70%;
    background-size: 1260.7142857142858% 1253.8461538461538%;
    width: 28px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-facebook-large {
    background-image: url(../sprite.png);
    background-position: 0% 100%;
    background-size: 3209.0909090909095% 1417.3913043478262%;
    width: 11px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-facebook {
    background-image: url(../sprite.png);
    background-position: 42.31884057971014% 81.93548387096774%;
    background-size: 4412.5% 2037.5%;
    width: 8px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-hands {
    background-image: url(../sprite.png);
    background-position: 83.27645051194538% 42.4812030075188%;
    background-size: 588.3333333333334% 543.3333333333334%;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-instagram-large {
    background-image: url(../sprite.png);
    background-position: 36.44578313253012% 83.27868852459017%;
    background-size: 1680.952380952381% 1552.3809523809523%;
    width: 21px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-instagram {
    background-image: url(../sprite.png);
    background-position: 69.8224852071006% 67.52411575562701%;
    background-size: 2353.3333333333335% 2173.3333333333335%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-letter {
    background-image: url(../sprite.png);
    background-position: 13.20754716981132% 88.81118881118881%;
    background-size: 1008.5714285714286% 815%;
    width: 35px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-logo {
    background-image: url(../sprite.png);
    background-position: 34.78260869565217% 45.564516129032256%;
    background-size: 458.4415584415584% 417.94871794871796%;
    width: 77px;
    height: 78px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-mail {
    background-image: url(../sprite.png);
    background-position: 32.802547770700635% 70.70707070707071%;
    background-size: 905.1282051282051% 1124.1379310344828%;
    width: 39px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-mobile {
    background-image: url(../sprite.png);
    background-position: 99.67637540453075% 42.32209737827715%;
    background-size: 802.2727272727274% 552.542372881356%;
    width: 44px;
    height: 59px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-pie {
    background-image: url(../sprite.png);
    background-position: 61.03448275862069% 42.803030303030305%;
    background-size: 560.3174603174602% 525.8064516129032%;
    width: 63px;
    height: 62px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-register {
    background-image: url(../sprite.png);
    background-position: 18.849840255591054% 73.17073170731707%;
    background-size: 882.4999999999999% 835.8974358974359%;
    width: 40px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-twitter-blue {
    background-image: url(../sprite.png);
    background-position: 25.55205047318612% 85.8108108108108%;
    background-size: 980.5555555555555% 1086.6666666666667%;
    width: 36px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-twitter-large {
    background-image: url(../sprite.png);
    background-position: 54.1033434650456% 68.40390879478826%;
    background-size: 1470.8333333333335% 1715.7894736842106%;
    width: 24px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-twitter {
    background-image: url(../sprite.png);
    background-position: 75.89285714285714% 67.0926517571885%;
    background-size: 2076.470588235294% 2507.6923076923076%;
    width: 17px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.ico-where {
    background-image: url(../sprite.png);
    background-position: 0% 90.39145907473309%;
    background-size: 928.9473684210526% 724.4444444444445%;
    width: 38px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

.logo {
    background-image: url(../sprite.png);
    background-position: 0% 0%;
    background-size: 100% 299.08256880733944%;
    width: 353px;
    height: 109px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0
}

@media(-webkit-min-device-pixel-ratio:2),(-o-min-device-pixel-ratio:2/1),(min-resolution:192dpi) {
    .footer-logo {
        background-image: url(../sprite.@2x.png);
        background-position: 0% 48.497854077253216%;
        background-size: 383.69565217391306% 350.5376344086022%;
        width: 92px;
        height: 93px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-arrow-down {
        background-image: url(../sprite.@2x.png);
        background-position: 62.99694189602446% 67.96116504854369%;
        background-size: 1357.6923076923076% 1917.6470588235293%;
        width: 26px;
        height: 17px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-book {
        background-image: url(../sprite.@2x.png);
        background-position: 0% 73.42657342657343%;
        background-size: 641.8181818181818% 815%;
        width: 55px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-calendar {
        background-image: url(../sprite.@2x.png);
        background-position: 44.92307692307692% 70%;
        background-size: 1260.7142857142858% 1253.8461538461538%;
        width: 28px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-facebook-large {
        background-image: url(../sprite.@2x.png);
        background-position: 0% 100%;
        background-size: 3209.0909090909095% 1417.3913043478262%;
        width: 11px;
        height: 23px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-facebook {
        background-image: url(../sprite.@2x.png);
        background-position: 42.31884057971014% 81.93548387096774%;
        background-size: 4412.5% 2037.5%;
        width: 8px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-hands {
        background-image: url(../sprite.@2x.png);
        background-position: 83.27645051194538% 42.4812030075188%;
        background-size: 588.3333333333334% 543.3333333333334%;
        width: 60px;
        height: 60px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-instagram-large {
        background-image: url(../sprite.@2x.png);
        background-position: 36.44578313253012% 83.27868852459017%;
        background-size: 1680.952380952381% 1552.3809523809523%;
        width: 21px;
        height: 21px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-instagram {
        background-image: url(../sprite.@2x.png);
        background-position: 69.8224852071006% 67.52411575562701%;
        background-size: 2353.3333333333335% 2173.3333333333335%;
        width: 15px;
        height: 15px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-letter {
        background-image: url(../sprite.@2x.png);
        background-position: 13.20754716981132% 88.81118881118881%;
        background-size: 1008.5714285714286% 815%;
        width: 35px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-logo {
        background-image: url(../sprite.@2x.png);
        background-position: 34.78260869565217% 45.564516129032256%;
        background-size: 458.4415584415584% 417.94871794871796%;
        width: 77px;
        height: 78px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-mail {
        background-image: url(../sprite.@2x.png);
        background-position: 32.802547770700635% 70.70707070707071%;
        background-size: 905.1282051282051% 1124.1379310344828%;
        width: 39px;
        height: 29px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-mobile {
        background-image: url(../sprite.@2x.png);
        background-position: 99.67637540453075% 42.32209737827715%;
        background-size: 802.2727272727274% 552.542372881356%;
        width: 44px;
        height: 59px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-pie {
        background-image: url(../sprite.@2x.png);
        background-position: 61.03448275862069% 42.803030303030305%;
        background-size: 560.3174603174602% 525.8064516129032%;
        width: 63px;
        height: 62px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-register {
        background-image: url(../sprite.@2x.png);
        background-position: 18.849840255591054% 73.17073170731707%;
        background-size: 882.4999999999999% 835.8974358974359%;
        width: 40px;
        height: 39px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-twitter-blue {
        background-image: url(../sprite.@2x.png);
        background-position: 25.55205047318612% 85.8108108108108%;
        background-size: 980.5555555555555% 1086.6666666666667%;
        width: 36px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-twitter-large {
        background-image: url(../sprite.@2x.png);
        background-position: 54.1033434650456% 68.40390879478826%;
        background-size: 1470.8333333333335% 1715.7894736842106%;
        width: 24px;
        height: 19px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-twitter {
        background-image: url(../sprite.@2x.png);
        background-position: 75.89285714285714% 67.0926517571885%;
        background-size: 2076.470588235294% 2507.6923076923076%;
        width: 17px;
        height: 13px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .ico-where {
        background-image: url(../sprite.@2x.png);
        background-position: 0% 90.39145907473309%;
        background-size: 928.9473684210526% 724.4444444444445%;
        width: 38px;
        height: 45px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }

    .logo {
        background-image: url(../sprite.@2x.png);
        background-position: 0% 0%;
        background-size: 100% 299.08256880733944%;
        width: 353px;
        height: 109px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0
    }
}

body {
    min-width: 320px;
    background: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 18px;
    line-height: 1.33;
    color: #000
}

a {
    color: inherit;
    text-decoration: underline
}

    a:focus {
        opacity: .6
    }

.list-events__date:focus {
    opacity: .6;
    outline: 0
}

.field:focus {
    border: 2px solid #000
}

.subscribe__btn:focus, .btn:focus {
    opacity: .6;
    outline: 0
}

a:hover, a[href^="tel"] {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: .665em
}

h1 {
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700
}

h2 {
    font-size: 30px;
    font-weight: bold;
    color: #bc0000
}

h3 {
    font-size: 22px;
    font-weight: 800
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 16px;
    font-weight: 700
}

h6 {
    font-size: 14px
}

p, ul, ol, dl, hr, table, blockquote {
    margin-bottom: 1.33em
}

    h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child {
        margin-bottom: 0
    }

.clear:after {
    content: '';
    display: block;
    clear: both
}

* {
    padding: 0;
    margin: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    *:before, *:after {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {
    display: block
}

template {
    display: none
}

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0)
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}

img, iframe, video, audio, object {
    max-width: 100%
}

img, iframe {
    border: 0 none
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle
}

b, strong {
    font-weight: bold
}

address {
    font-style: normal
}

svg:not(:root) {
    overflow: hidden
}

a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] {
    cursor: pointer
}

    a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
            appearance: none
        }

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

button, select {
    text-transform: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

nav ul, nav ol {
    list-style: none outside none
}

.container {
    max-width: 1120px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto
}

    .container:after {
        content: '';
        clear: both;
        display: table;
        line-height: 0
    }

.container--fluid {
    max-width: none
}

.footer {
    padding: 48px 0;
    background: #161616
}

    .footer .footer__inner:after {
        content: '';
        clear: both;
        display: table;
        line-height: 0
    }

    .footer .footer__logo {
        float: left
    }

    .footer .footer__content {
        padding: 3px 0 0 29px;
        overflow: hidden;
        color: #fff
    }

        .footer .footer__content h5 {
            margin-bottom: 5px;
            font-size: 18px
        }

        .footer .footer__content ul {
            list-style-type: none;
            font-size: 14px
        }

        .footer .footer__content li + li {
            margin-top: 6px
        }

    .footer .footer__links {
        margin-bottom: 23px;
        text-align: right;
        color: #fff;
        font-size: 14px;
        font-weight: 700
    }

        .footer .footer__links ul {
            display: inline-block;
            margin-bottom: 0;
            list-style-type: none
        }

            .footer .footer__links ul:after {
                content: '';
                clear: both;
                display: table;
                line-height: 0
            }

        .footer .footer__links li {
            position: relative;
            float: left
        }

            .footer .footer__links li + li:before {
                padding-left: 4px;
                content: '|';
                color: #4c4e4f
            }

        .footer .footer__links a {
            text-decoration: none;
            -webkit-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s
        }

            .footer .footer__links a:hover {
                color: #fff;
                opacity: .7
            }

    .footer .footer__nav {
        margin-bottom: 9px;
        text-align: right;
        color: #fff;
        font-size: 13px
    }

        .footer .footer__nav ul {
            display: inline-block;
            margin-bottom: 0;
            list-style-type: none
        }

        .footer .footer__nav li {
            float: left
        }

            .footer .footer__nav li + li:before {
                padding-left: 4px;
                content: '|';
                color: #4c4e4f
            }

        .footer .footer__nav a {
            text-decoration: none;
            -webkit-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s
        }

            .footer .footer__nav a:hover {
                color: #fff;
                opacity: .7
            }

    .footer .footer__copyright {
        text-align: right;
        color: #fff;
        font-size: 13px
    }

@media(max-width:1199px) {
    .footer .footer__links {
        font-size: 12px
    }

    .footer .footer__nav {
        font-size: 11px
    }
}

@media(max-width:991px) {
    .footer .footer__copyright, .footer .footer__nav, .footer .footer__links {
        text-align: left
    }

    .footer .footer__links {
        margin-bottom: 10px
    }

    .footer .column + .column {
        margin-top: 20px
    }
}

@media(max-width:767px) {
    .footer .footer__logo {
        display: none
    }

    .footer .footer__content {
        padding-left: 0
    }

    .footer .column + .column {
        margin-top: 52px
    }

    .footer .footer__links {
        margin-bottom: 36px;
        font-size: 13px
    }

        .footer .footer__links ul {
            display: block;
            margin-bottom: 6px
        }

    .footer .footer__nav {
        font-size: 13px;
        line-height: 2
    }
}

.header .header__bar {
    padding: 7px 0 10px;
    background: #bc0000
}

.header .nav, .header .header__holder {
    float: right
}

    .header .header__holder:after {
        content: '';
        clear: both;
        display: table;
        line-height: 0
    }

.header .socials, .header .logo, .header .nav-utilities {
    float: left
}

.header .logo {
    margin-top: 11px
}

.header .header__content {
    position: relative
}

.header .nav-utilities {
    margin-top: 4px
}

    .header .nav-utilities + .socials {
        margin-left: 30px
    }

@media(max-width:1199px) {
    .header .logo {
        width: 291px;
        height: 90px
    }
}

@media(max-width:991px) {
    .header .header__content {
        padding: 11px 0 6px
    }

    .header .logo {
        margin-top: 0
    }
}

@media(max-width:767px) {
    .header .logo {
        width: 261px;
        height: 80px
    }

    .header .header__bar {
        padding: 4px 0 9px
    }

        .header .header__bar .nav-utilities {
            display: none
        }
}


input::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

input::-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

input::placeholder {
    color: inherit;
    opacity: 1
}

textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1
}

textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

textarea::-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

textarea::placeholder {
    color: inherit;
    opacity: 1
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.intro {
    position: relative
}

    .intro .container {
        height: 100%
    }

    .intro .twitter {
        position: relative;
        z-index: 1;
        height: 410px;
        width: 348px;
        margin-left: auto;
        overflow-y: auto;
        overflow-x: hidden;
        pointer-events: visible
    }

    .intro .intro__overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none
    }

    .intro .intro__inner {
        padding-top: 23px
    }

@media(max-width:767px) {
    .intro {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

        .intro .intro__overlay {
            width: 100%;
            position: static;
            pointer-events: visible
        }

        .intro .intro__container {
            width: 100%
        }

        .intro .intro__inner, .intro__innerBlue {
            padding-top: 0
        }

        .intro .twitter {
            display: none;
            width: 80%;
            margin: 20px auto
        }
}

.intro-small {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

    .intro-small .intro__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 330px
    }

.intro__innerBlue {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.intro-small h1 {
    color: #fff
}

@media(max-width:767px) {
    .intro-small .intro__inner, .intro__innerBlue {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.link-skip {
    overflow: hidden;
    padding: 10px 5px;
    position: absolute;
    left: -100%;
    z-index: 10;
    color: red
}

    .link-skip:focus {
        overflow: visible;
        left: 0
    }

[class^="list-"] {
    list-style: none outside none
}

.socials ul {
    list-style-type: none
}

    .socials ul:after {
        content: '';
        clear: both;
        display: table;
        line-height: 0
    }

.socials li {
    float: left
}

    .socials li + li {
        margin-left: 18px
    }

.socials a {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

    .socials a:hover {
        opacity: .7
    }

.socials--follow {
    display: inline-block
}

    .socials--follow span {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
        color: #77797a;
        text-transform: capitalize
    }

    .socials--follow li + li {
        margin-left: 24px
    }
