@charset "UTF-8";
@import url("//hello.myfonts.net/count/30a56e");

html {
    margin: 0;
    padding: 0;
    border: 0
}

a, abbr, acronym, address, article, aside, blockquote, body, caption, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, iframe, img, label, legend, li, nav, object, ol, p, pre, q, section, span, table, tbody, td, tfoot, th, thead, tr, ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block
}

body {
    line-height: 1.5;
    background: #fff
}

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

caption, td, th {
    text-align: left;
    font-weight: 400;
    float: none !important
}

table, td, th {
    vertical-align: middle
}

blockquote after, blockquote before, q after, q before {
    content: ""
}

a img {
    border: none
}

b, i {
    display: none
}

@font-face {
    font-family: Averta-ExtraBold;
    src: url(../fonts/30A56E_4_0.eot);
    src: url(../fonts/30A56E_4_0.eot?#iefix) format("embedded-opentype"), url(../fonts/30A56E_4_0.woff2) format("woff2"), url(../fonts/30A56E_4_0.woff) format("woff"), url(../fonts/30A56E_4_0.ttf) format("truetype")
}

@font-face {
    font-family: Averta-Regular;
    src: url(../fonts/30A56E_A_0.eot);
    src: url(../fonts/30A56E_A_0.eot?#iefix) format("embedded-opentype"), url(../fonts/30A56E_A_0.woff2) format("woff2"), url(../fonts/30A56E_A_0.woff) format("woff"), url(../fonts/30A56E_A_0.ttf) format("truetype")
}

* {
    box-sizing: border-box;
    font-family: Averta-Regular;
    font-size: 17px;
    line-height: 28px
}

body, html {
    margin: 0;
    background: #eaebec
}

a {
    margin: 0;
    padding: 0;
    text-decoration: none
}

ul {
    list-style-type: none
}

li {
    display: inline-block
}

.link {
    color: #33c5f3;
    font-family: Averta-ExtraBold;
    font-size: 14px;
    padding-right: 10px;
    letter-spacing: 2px
}

.link:after {
    content: "";
    background: #33c5f3 url(../svg/right.svg) no-repeat 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 17px;
    margin-left: 32px;
    vertical-align: middle;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .4s
}

.link:hover:after {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.co-body {
    padding: 0
}

@media all and (min-width: 768px) {
    .co-body {
        padding: 0 35px
    }
}

@media all and (min-width: 1024px) {
    .co-body {
        padding: 0 60px
    }
}

.main-text {
    font-family: Averta-Regular;
    font-size: 15px;
    line-height: 24px;
    color: #33c5f3
}

.main-text p {
    padding-bottom: 20px
}

@media all and (min-width: 1024px) {
    .main-text p {
        padding-bottom: 50px
    }
}

@media all and (min-width: 1200px) {
    .main-text {
        font-size: 20px;
        line-height: 36px
    }
}

.grid {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -24px;
    letter-spacing: -.31em
}

.grid, .opera:-o-prefocus {
    word-spacing: -.43em
}

.grid__item {
    display: inline-block;
    padding-left: 24px;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal
}

.grid--rev {
    direction: rtl;
    text-align: left
}

.grid--rev > .grid__item {
    direction: ltr;
    text-align: left
}

.grid--full {
    margin-left: 0
}

.grid--full > .grid__item {
    padding-left: 0
}

.grid--right {
    text-align: right
}

.grid--right > .grid__item {
    text-align: left
}

.grid--center {
    text-align: center
}

.grid--center > .grid__item {
    text-align: left
}

.grid--middle > .grid__item {
    vertical-align: middle
}

.grid--bottom > .grid__item {
    vertical-align: bottom
}

.grid--narrow {
    margin-left: -12px
}

.grid--narrow > .grid__item {
    padding-left: 12px
}

.grid--wide {
    margin-left: -48px
}

.grid--wide > .grid__item {
    padding-left: 48px
}

.one-whole {
    width: 100%
}

.five-tenths, .four-eighths, .one-half, .six-twelfths, .three-sixths, .two-quarters {
    width: 50%
}

.four-twelfths, .one-third, .two-sixths {
    width: 33.333%
}

.eight-twelfths, .four-sixths, .two-thirds {
    width: 66.666%
}

.one-quarter, .three-twelfths, .two-eighths {
    width: 25%
}

.nine-twelfths, .six-eighths, .three-quarters {
    width: 75%
}

.one-fifth, .two-tenths {
    width: 20%
}

.four-tenths, .two-fifths {
    width: 40%
}

.six-tenths, .three-fifths {
    width: 60%
}

.eight-tenths, .four-fifths {
    width: 80%
}

.one-sixth, .two-twelfths {
    width: 16.666%
}

.five-sixths, .ten-twelfths {
    width: 83.333%
}

.one-seventh {
    width: 14.3%
}

.two-sevenths {
    width: 28.6%
}

.three-sevenths {
    width: 42.9%
}

.four-sevenths {
    width: 57.14%
}

.five-sevenths {
    width: 71.43%
}

.six-sevenths {
    width: 85.8%
}

.one-eighth {
    width: 12.5%
}

.three-eighths {
    width: 37.5%
}

.five-eighths {
    width: 62.5%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.three-tenths {
    width: 30%
}

.seven-tenths {
    width: 70%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.333%
}

.five-twelfths {
    width: 41.666%
}

.seven-twelfths {
    width: 58.333%
}

.eleven-twelfths {
    width: 91.666%
}

.zero {
    width: 0
}

@media only screen and (min-width: 600px) {
    .mob--one-whole {
        width: 100%
    }

    .mob--five-tenths, .mob--four-eighths, .mob--one-half, .mob--six-twelfths, .mob--three-sixths, .mob--two-quarters {
        width: 50%
    }

    .mob--four-twelfths, .mob--one-third, .mob--two-sixths {
        width: 33.333%
    }

    .mob--eight-twelfths, .mob--four-sixths, .mob--two-thirds {
        width: 66.666%
    }

    .mob--one-quarter, .mob--three-twelfths, .mob--two-eighths {
        width: 25%
    }

    .mob--nine-twelfths, .mob--six-eighths, .mob--three-quarters {
        width: 75%
    }

    .mob--one-fifth, .mob--two-tenths {
        width: 20%
    }

    .mob--four-tenths, .mob--two-fifths {
        width: 40%
    }

    .mob--six-tenths, .mob--three-fifths {
        width: 60%
    }

    .mob--eight-tenths, .mob--four-fifths {
        width: 80%
    }

    .mob--one-sixth, .mob--two-twelfths {
        width: 16.666%
    }

    .mob--five-sixths, .mob--ten-twelfths {
        width: 83.333%
    }

    .mob--one-seventh {
        width: 14.3%
    }

    .mob--two-sevenths {
        width: 28.6%
    }

    .mob--three-sevenths {
        width: 42.9%
    }

    .mob--four-sevenths {
        width: 57.14%
    }

    .mob--five-sevenths {
        width: 71.43%
    }

    .mob--six-sevenths {
        width: 85.8%
    }

    .mob--one-eighth {
        width: 12.5%
    }

    .mob--three-eighths {
        width: 37.5%
    }

    .mob--five-eighths {
        width: 62.5%
    }

    .mob--seven-eighths {
        width: 87.5%
    }

    .mob--one-tenth {
        width: 10%
    }

    .mob--three-tenths {
        width: 30%
    }

    .mob--seven-tenths {
        width: 70%
    }

    .mob--nine-tenths {
        width: 90%
    }

    .mob--one-twelfth {
        width: 8.333%
    }

    .mob--five-twelfths {
        width: 41.666%
    }

    .mob--seven-twelfths {
        width: 58.333%
    }

    .mob--eleven-twelfths {
        width: 91.666%
    }

    .mob--zero {
        width: 0
    }
}

@media only screen and (min-width: 768px) {
    .tabp--one-whole {
        width: 100%
    }

    .tabp--five-tenths, .tabp--four-eighths, .tabp--one-half, .tabp--six-twelfths, .tabp--three-sixths, .tabp--two-quarters {
        width: 50%
    }

    .tabp--four-twelfths, .tabp--one-third, .tabp--two-sixths {
        width: 33.333%
    }

    .tabp--eight-twelfths, .tabp--four-sixths, .tabp--two-thirds {
        width: 66.666%
    }

    .tabp--one-quarter, .tabp--three-twelfths, .tabp--two-eighths {
        width: 25%
    }

    .tabp--nine-twelfths, .tabp--six-eighths, .tabp--three-quarters {
        width: 75%
    }

    .tabp--one-fifth, .tabp--two-tenths {
        width: 20%
    }

    .tabp--four-tenths, .tabp--two-fifths {
        width: 40%
    }

    .tabp--six-tenths, .tabp--three-fifths {
        width: 60%
    }

    .tabp--eight-tenths, .tabp--four-fifths {
        width: 80%
    }

    .tabp--one-sixth, .tabp--two-twelfths {
        width: 16.666%
    }

    .tabp--five-sixths, .tabp--ten-twelfths {
        width: 83.333%
    }

    .tabp--one-seventh {
        width: 14.3%
    }

    .tabp--two-sevenths {
        width: 28.6%
    }

    .tabp--three-sevenths {
        width: 42.9%
    }

    .tabp--four-sevenths {
        width: 57.14%
    }

    .tabp--five-sevenths {
        width: 71.43%
    }

    .tabp--six-sevenths {
        width: 85.8%
    }

    .tabp--one-eighth {
        width: 12.5%
    }

    .tabp--three-eighths {
        width: 37.5%
    }

    .tabp--five-eighths {
        width: 62.5%
    }

    .tabp--seven-eighths {
        width: 87.5%
    }

    .tabp--one-tenth {
        width: 10%
    }

    .tabp--three-tenths {
        width: 30%
    }

    .tabp--seven-tenths {
        width: 70%
    }

    .tabp--nine-tenths {
        width: 90%
    }

    .tabp--one-twelfth {
        width: 8.333%
    }

    .tabp--five-twelfths {
        width: 41.666%
    }

    .tabp--seven-twelfths {
        width: 58.333%
    }

    .tabp--eleven-twelfths {
        width: 91.666%
    }

    .tabp--zero {
        width: 0
    }
}

@media only screen and (min-width: 1024px) {
    .tab--one-whole {
        width: 100%
    }

    .tab--five-tenths, .tab--four-eighths, .tab--one-half, .tab--six-twelfths, .tab--three-sixths, .tab--two-quarters {
        width: 50%
    }

    .tab--four-twelfths, .tab--one-third, .tab--two-sixths {
        width: 33.333%
    }

    .tab--eight-twelfths, .tab--four-sixths, .tab--two-thirds {
        width: 66.666%
    }

    .tab--one-quarter, .tab--three-twelfths, .tab--two-eighths {
        width: 25%
    }

    .tab--nine-twelfths, .tab--six-eighths, .tab--three-quarters {
        width: 75%
    }

    .tab--one-fifth, .tab--two-tenths {
        width: 20%
    }

    .tab--four-tenths, .tab--two-fifths {
        width: 40%
    }

    .tab--six-tenths, .tab--three-fifths {
        width: 60%
    }

    .tab--eight-tenths, .tab--four-fifths {
        width: 80%
    }

    .tab--one-sixth, .tab--two-twelfths {
        width: 16.666%
    }

    .tab--five-sixths, .tab--ten-twelfths {
        width: 83.333%
    }

    .tab--one-seventh {
        width: 14.3%
    }

    .tab--two-sevenths {
        width: 28.6%
    }

    .tab--three-sevenths {
        width: 42.9%
    }

    .tab--four-sevenths {
        width: 57.14%
    }

    .tab--five-sevenths {
        width: 71.43%
    }

    .tab--six-sevenths {
        width: 85.8%
    }

    .tab--one-eighth {
        width: 12.5%
    }

    .tab--three-eighths {
        width: 37.5%
    }

    .tab--five-eighths {
        width: 62.5%
    }

    .tab--seven-eighths {
        width: 87.5%
    }

    .tab--one-tenth {
        width: 10%
    }

    .tab--three-tenths {
        width: 30%
    }

    .tab--seven-tenths {
        width: 70%
    }

    .tab--nine-tenths {
        width: 90%
    }

    .tab--one-twelfth {
        width: 8.333%
    }

    .tab--five-twelfths {
        width: 41.666%
    }

    .tab--seven-twelfths {
        width: 58.333%
    }

    .tab--eleven-twelfths {
        width: 91.666%
    }

    .tab--zero {
        width: 0
    }
}

@media only screen and (min-width: 1170px) {
    .lap--one-whole {
        width: 100%
    }

    .lap--five-tenths, .lap--four-eighths, .lap--one-half, .lap--six-twelfths, .lap--three-sixths, .lap--two-quarters {
        width: 50%
    }

    .lap--four-twelfths, .lap--one-third, .lap--two-sixths {
        width: 33.333%
    }

    .lap--eight-twelfths, .lap--four-sixths, .lap--two-thirds {
        width: 66.666%
    }

    .lap--one-quarter, .lap--three-twelfths, .lap--two-eighths {
        width: 25%
    }

    .lap--nine-twelfths, .lap--six-eighths, .lap--three-quarters {
        width: 75%
    }

    .lap--one-fifth, .lap--two-tenths {
        width: 20%
    }

    .lap--four-tenths, .lap--two-fifths {
        width: 40%
    }

    .lap--six-tenths, .lap--three-fifths {
        width: 60%
    }

    .lap--eight-tenths, .lap--four-fifths {
        width: 80%
    }

    .lap--one-sixth, .lap--two-twelfths {
        width: 16.666%
    }

    .lap--five-sixths, .lap--ten-twelfths {
        width: 83.333%
    }

    .lap--one-seventh {
        width: 14.3%
    }

    .lap--two-sevenths {
        width: 28.6%
    }

    .lap--three-sevenths {
        width: 42.9%
    }

    .lap--four-sevenths {
        width: 57.14%
    }

    .lap--five-sevenths {
        width: 71.43%
    }

    .lap--six-sevenths {
        width: 85.8%
    }

    .lap--one-eighth {
        width: 12.5%
    }

    .lap--three-eighths {
        width: 37.5%
    }

    .lap--five-eighths {
        width: 62.5%
    }

    .lap--seven-eighths {
        width: 87.5%
    }

    .lap--one-tenth {
        width: 10%
    }

    .lap--three-tenths {
        width: 30%
    }

    .lap--seven-tenths {
        width: 70%
    }

    .lap--nine-tenths {
        width: 90%
    }

    .lap--one-twelfth {
        width: 8.333%
    }

    .lap--five-twelfths {
        width: 41.666%
    }

    .lap--seven-twelfths {
        width: 58.333%
    }

    .lap--eleven-twelfths {
        width: 91.666%
    }

    .lap--zero {
        width: 0
    }
}

@media only screen and (min-width: 1200px) {
    .desk--one-whole {
        width: 100%
    }

    .desk--five-tenths, .desk--four-eighths, .desk--one-half, .desk--six-twelfths, .desk--three-sixths, .desk--two-quarters {
        width: 50%
    }

    .desk--four-twelfths, .desk--one-third, .desk--two-sixths {
        width: 33.333%
    }

    .desk--eight-twelfths, .desk--four-sixths, .desk--two-thirds {
        width: 66.666%
    }

    .desk--one-quarter, .desk--three-twelfths, .desk--two-eighths {
        width: 25%
    }

    .desk--nine-twelfths, .desk--six-eighths, .desk--three-quarters {
        width: 75%
    }

    .desk--one-fifth, .desk--two-tenths {
        width: 20%
    }

    .desk--four-tenths, .desk--two-fifths {
        width: 40%
    }

    .desk--six-tenths, .desk--three-fifths {
        width: 60%
    }

    .desk--eight-tenths, .desk--four-fifths {
        width: 80%
    }

    .desk--one-sixth, .desk--two-twelfths {
        width: 16.666%
    }

    .desk--five-sixths, .desk--ten-twelfths {
        width: 83.333%
    }

    .desk--one-seventh {
        width: 14.3%
    }

    .desk--two-sevenths {
        width: 28.6%
    }

    .desk--three-sevenths {
        width: 42.9%
    }

    .desk--four-sevenths {
        width: 57.14%
    }

    .desk--five-sevenths {
        width: 71.43%
    }

    .desk--six-sevenths {
        width: 85.8%
    }

    .desk--one-eighth {
        width: 12.5%
    }

    .desk--three-eighths {
        width: 37.5%
    }

    .desk--five-eighths {
        width: 62.5%
    }

    .desk--seven-eighths {
        width: 87.5%
    }

    .desk--one-tenth {
        width: 10%
    }

    .desk--three-tenths {
        width: 30%
    }

    .desk--seven-tenths {
        width: 70%
    }

    .desk--nine-tenths {
        width: 90%
    }

    .desk--one-twelfth {
        width: 8.333%
    }

    .desk--five-twelfths {
        width: 41.666%
    }

    .desk--seven-twelfths {
        width: 58.333%
    }

    .desk--eleven-twelfths {
        width: 91.666%
    }

    .desk--zero {
        width: 0
    }
}

[class*=push--] {
    position: relative
}

.push--one-whole {
    left: 100%
}

.push--five-tenths, .push--four-eighths, .push--one-half, .push--six-twelfths, .push--three-sixths, .push--two-quarters {
    left: 50%
}

.push--four-twelfths, .push--one-third, .push--two-sixths {
    left: 33.333%
}

.push--eight-twelfths, .push--four-sixths, .push--two-thirds {
    left: 66.666%
}

.push--one-quarter, .push--three-twelfths, .push--two-eighths {
    left: 25%
}

.push--nine-twelfths, .push--six-eighths, .push--three-quarters {
    left: 75%
}

.push--one-fifth, .push--two-tenths {
    left: 20%
}

.push--four-tenths, .push--two-fifths {
    left: 40%
}

.push--six-tenths, .push--three-fifths {
    left: 60%
}

.push--eight-tenths, .push--four-fifths {
    left: 80%
}

.push--one-sixth, .push--two-twelfths {
    left: 16.666%
}

.push--five-sixths, .push--ten-twelfths {
    left: 83.333%
}

.push--one-seventh {
    left: 14.3%
}

.push--two-sevenths {
    left: 28.6%
}

.push--three-sevenths {
    left: 42.9%
}

.push--four-sevenths {
    left: 57.14%
}

.push--five-sevenths {
    left: 71.43%
}

.push--six-sevenths {
    left: 85.8%
}

.push--one-eighth {
    left: 12.5%
}

.push--three-eighths {
    left: 37.5%
}

.push--five-eighths {
    left: 62.5%
}

.push--seven-eighths {
    left: 87.5%
}

.push--one-tenth {
    left: 10%
}

.push--three-tenths {
    left: 30%
}

.push--seven-tenths {
    left: 70%
}

.push--nine-tenths {
    left: 90%
}

.push--one-twelfth {
    left: 8.333%
}

.push--five-twelfths {
    left: 41.666%
}

.push--seven-twelfths {
    left: 58.333%
}

.push--eleven-twelfths {
    left: 91.666%
}

.push--zero {
    left: 0
}

@media only screen and (min-width: 600px) {
    .push--mob--one-whole {
        left: 100%
    }

    .push--mob--five-tenths, .push--mob--four-eighths, .push--mob--one-half, .push--mob--six-twelfths, .push--mob--three-sixths, .push--mob--two-quarters {
        left: 50%
    }

    .push--mob--four-twelfths, .push--mob--one-third, .push--mob--two-sixths {
        left: 33.333%
    }

    .push--mob--eight-twelfths, .push--mob--four-sixths, .push--mob--two-thirds {
        left: 66.666%
    }

    .push--mob--one-quarter, .push--mob--three-twelfths, .push--mob--two-eighths {
        left: 25%
    }

    .push--mob--nine-twelfths, .push--mob--six-eighths, .push--mob--three-quarters {
        left: 75%
    }

    .push--mob--one-fifth, .push--mob--two-tenths {
        left: 20%
    }

    .push--mob--four-tenths, .push--mob--two-fifths {
        left: 40%
    }

    .push--mob--six-tenths, .push--mob--three-fifths {
        left: 60%
    }

    .push--mob--eight-tenths, .push--mob--four-fifths {
        left: 80%
    }

    .push--mob--one-sixth, .push--mob--two-twelfths {
        left: 16.666%
    }

    .push--mob--five-sixths, .push--mob--ten-twelfths {
        left: 83.333%
    }

    .push--mob--one-seventh {
        left: 14.3%
    }

    .push--mob--two-sevenths {
        left: 28.6%
    }

    .push--mob--three-sevenths {
        left: 42.9%
    }

    .push--mob--four-sevenths {
        left: 57.14%
    }

    .push--mob--five-sevenths {
        left: 71.43%
    }

    .push--mob--six-sevenths {
        left: 85.8%
    }

    .push--mob--one-eighth {
        left: 12.5%
    }

    .push--mob--three-eighths {
        left: 37.5%
    }

    .push--mob--five-eighths {
        left: 62.5%
    }

    .push--mob--seven-eighths {
        left: 87.5%
    }

    .push--mob--one-tenth {
        left: 10%
    }

    .push--mob--three-tenths {
        left: 30%
    }

    .push--mob--seven-tenths {
        left: 70%
    }

    .push--mob--nine-tenths {
        left: 90%
    }

    .push--mob--one-twelfth {
        left: 8.333%
    }

    .push--mob--five-twelfths {
        left: 41.666%
    }

    .push--mob--seven-twelfths {
        left: 58.333%
    }

    .push--mob--eleven-twelfths {
        left: 91.666%
    }

    .push--mob--zero {
        left: 0
    }
}

@media only screen and (min-width: 768px) {
    .push--tabp--one-whole {
        left: 100%
    }

    .push--tabp--five-tenths, .push--tabp--four-eighths, .push--tabp--one-half, .push--tabp--six-twelfths, .push--tabp--three-sixths, .push--tabp--two-quarters {
        left: 50%
    }

    .push--tabp--four-twelfths, .push--tabp--one-third, .push--tabp--two-sixths {
        left: 33.333%
    }

    .push--tabp--eight-twelfths, .push--tabp--four-sixths, .push--tabp--two-thirds {
        left: 66.666%
    }

    .push--tabp--one-quarter, .push--tabp--three-twelfths, .push--tabp--two-eighths {
        left: 25%
    }

    .push--tabp--nine-twelfths, .push--tabp--six-eighths, .push--tabp--three-quarters {
        left: 75%
    }

    .push--tabp--one-fifth, .push--tabp--two-tenths {
        left: 20%
    }

    .push--tabp--four-tenths, .push--tabp--two-fifths {
        left: 40%
    }

    .push--tabp--six-tenths, .push--tabp--three-fifths {
        left: 60%
    }

    .push--tabp--eight-tenths, .push--tabp--four-fifths {
        left: 80%
    }

    .push--tabp--one-sixth, .push--tabp--two-twelfths {
        left: 16.666%
    }

    .push--tabp--five-sixths, .push--tabp--ten-twelfths {
        left: 83.333%
    }

    .push--tabp--one-seventh {
        left: 14.3%
    }

    .push--tabp--two-sevenths {
        left: 28.6%
    }

    .push--tabp--three-sevenths {
        left: 42.9%
    }

    .push--tabp--four-sevenths {
        left: 57.14%
    }

    .push--tabp--five-sevenths {
        left: 71.43%
    }

    .push--tabp--six-sevenths {
        left: 85.8%
    }

    .push--tabp--one-eighth {
        left: 12.5%
    }

    .push--tabp--three-eighths {
        left: 37.5%
    }

    .push--tabp--five-eighths {
        left: 62.5%
    }

    .push--tabp--seven-eighths {
        left: 87.5%
    }

    .push--tabp--one-tenth {
        left: 10%
    }

    .push--tabp--three-tenths {
        left: 30%
    }

    .push--tabp--seven-tenths {
        left: 70%
    }

    .push--tabp--nine-tenths {
        left: 90%
    }

    .push--tabp--one-twelfth {
        left: 8.333%
    }

    .push--tabp--five-twelfths {
        left: 41.666%
    }

    .push--tabp--seven-twelfths {
        left: 58.333%
    }

    .push--tabp--eleven-twelfths {
        left: 91.666%
    }

    .push--tabp--zero {
        left: 0
    }
}

@media only screen and (min-width: 1024px) {
    .push--tab--one-whole {
        left: 100%
    }

    .push--tab--five-tenths, .push--tab--four-eighths, .push--tab--one-half, .push--tab--six-twelfths, .push--tab--three-sixths, .push--tab--two-quarters {
        left: 50%
    }

    .push--tab--four-twelfths, .push--tab--one-third, .push--tab--two-sixths {
        left: 33.333%
    }

    .push--tab--eight-twelfths, .push--tab--four-sixths, .push--tab--two-thirds {
        left: 66.666%
    }

    .push--tab--one-quarter, .push--tab--three-twelfths, .push--tab--two-eighths {
        left: 25%
    }

    .push--tab--nine-twelfths, .push--tab--six-eighths, .push--tab--three-quarters {
        left: 75%
    }

    .push--tab--one-fifth, .push--tab--two-tenths {
        left: 20%
    }

    .push--tab--four-tenths, .push--tab--two-fifths {
        left: 40%
    }

    .push--tab--six-tenths, .push--tab--three-fifths {
        left: 60%
    }

    .push--tab--eight-tenths, .push--tab--four-fifths {
        left: 80%
    }

    .push--tab--one-sixth, .push--tab--two-twelfths {
        left: 16.666%
    }

    .push--tab--five-sixths, .push--tab--ten-twelfths {
        left: 83.333%
    }

    .push--tab--one-seventh {
        left: 14.3%
    }

    .push--tab--two-sevenths {
        left: 28.6%
    }

    .push--tab--three-sevenths {
        left: 42.9%
    }

    .push--tab--four-sevenths {
        left: 57.14%
    }

    .push--tab--five-sevenths {
        left: 71.43%
    }

    .push--tab--six-sevenths {
        left: 85.8%
    }

    .push--tab--one-eighth {
        left: 12.5%
    }

    .push--tab--three-eighths {
        left: 37.5%
    }

    .push--tab--five-eighths {
        left: 62.5%
    }

    .push--tab--seven-eighths {
        left: 87.5%
    }

    .push--tab--one-tenth {
        left: 10%
    }

    .push--tab--three-tenths {
        left: 30%
    }

    .push--tab--seven-tenths {
        left: 70%
    }

    .push--tab--nine-tenths {
        left: 90%
    }

    .push--tab--one-twelfth {
        left: 8.333%
    }

    .push--tab--five-twelfths {
        left: 41.666%
    }

    .push--tab--seven-twelfths {
        left: 58.333%
    }

    .push--tab--eleven-twelfths {
        left: 91.666%
    }

    .push--tab--zero {
        left: 0
    }
}

@media only screen and (min-width: 1170px) {
    .push--lap--one-whole {
        left: 100%
    }

    .push--lap--five-tenths, .push--lap--four-eighths, .push--lap--one-half, .push--lap--six-twelfths, .push--lap--three-sixths, .push--lap--two-quarters {
        left: 50%
    }

    .push--lap--four-twelfths, .push--lap--one-third, .push--lap--two-sixths {
        left: 33.333%
    }

    .push--lap--eight-twelfths, .push--lap--four-sixths, .push--lap--two-thirds {
        left: 66.666%
    }

    .push--lap--one-quarter, .push--lap--three-twelfths, .push--lap--two-eighths {
        left: 25%
    }

    .push--lap--nine-twelfths, .push--lap--six-eighths, .push--lap--three-quarters {
        left: 75%
    }

    .push--lap--one-fifth, .push--lap--two-tenths {
        left: 20%
    }

    .push--lap--four-tenths, .push--lap--two-fifths {
        left: 40%
    }

    .push--lap--six-tenths, .push--lap--three-fifths {
        left: 60%
    }

    .push--lap--eight-tenths, .push--lap--four-fifths {
        left: 80%
    }

    .push--lap--one-sixth, .push--lap--two-twelfths {
        left: 16.666%
    }

    .push--lap--five-sixths, .push--lap--ten-twelfths {
        left: 83.333%
    }

    .push--lap--one-seventh {
        left: 14.3%
    }

    .push--lap--two-sevenths {
        left: 28.6%
    }

    .push--lap--three-sevenths {
        left: 42.9%
    }

    .push--lap--four-sevenths {
        left: 57.14%
    }

    .push--lap--five-sevenths {
        left: 71.43%
    }

    .push--lap--six-sevenths {
        left: 85.8%
    }

    .push--lap--one-eighth {
        left: 12.5%
    }

    .push--lap--three-eighths {
        left: 37.5%
    }

    .push--lap--five-eighths {
        left: 62.5%
    }

    .push--lap--seven-eighths {
        left: 87.5%
    }

    .push--lap--one-tenth {
        left: 10%
    }

    .push--lap--three-tenths {
        left: 30%
    }

    .push--lap--seven-tenths {
        left: 70%
    }

    .push--lap--nine-tenths {
        left: 90%
    }

    .push--lap--one-twelfth {
        left: 8.333%
    }

    .push--lap--five-twelfths {
        left: 41.666%
    }

    .push--lap--seven-twelfths {
        left: 58.333%
    }

    .push--lap--eleven-twelfths {
        left: 91.666%
    }

    .push--lap--zero {
        left: 0
    }
}

@media only screen and (min-width: 1200px) {
    .push--desk--one-whole {
        left: 100%
    }

    .push--desk--five-tenths, .push--desk--four-eighths, .push--desk--one-half, .push--desk--six-twelfths, .push--desk--three-sixths, .push--desk--two-quarters {
        left: 50%
    }

    .push--desk--four-twelfths, .push--desk--one-third, .push--desk--two-sixths {
        left: 33.333%
    }

    .push--desk--eight-twelfths, .push--desk--four-sixths, .push--desk--two-thirds {
        left: 66.666%
    }

    .push--desk--one-quarter, .push--desk--three-twelfths, .push--desk--two-eighths {
        left: 25%
    }

    .push--desk--nine-twelfths, .push--desk--six-eighths, .push--desk--three-quarters {
        left: 75%
    }

    .push--desk--one-fifth, .push--desk--two-tenths {
        left: 20%
    }

    .push--desk--four-tenths, .push--desk--two-fifths {
        left: 40%
    }

    .push--desk--six-tenths, .push--desk--three-fifths {
        left: 60%
    }

    .push--desk--eight-tenths, .push--desk--four-fifths {
        left: 80%
    }

    .push--desk--one-sixth, .push--desk--two-twelfths {
        left: 16.666%
    }

    .push--desk--five-sixths, .push--desk--ten-twelfths {
        left: 83.333%
    }

    .push--desk--one-seventh {
        left: 14.3%
    }

    .push--desk--two-sevenths {
        left: 28.6%
    }

    .push--desk--three-sevenths {
        left: 42.9%
    }

    .push--desk--four-sevenths {
        left: 57.14%
    }

    .push--desk--five-sevenths {
        left: 71.43%
    }

    .push--desk--six-sevenths {
        left: 85.8%
    }

    .push--desk--one-eighth {
        left: 12.5%
    }

    .push--desk--three-eighths {
        left: 37.5%
    }

    .push--desk--five-eighths {
        left: 62.5%
    }

    .push--desk--seven-eighths {
        left: 87.5%
    }

    .push--desk--one-tenth {
        left: 10%
    }

    .push--desk--three-tenths {
        left: 30%
    }

    .push--desk--seven-tenths {
        left: 70%
    }

    .push--desk--nine-tenths {
        left: 90%
    }

    .push--desk--one-twelfth {
        left: 8.333%
    }

    .push--desk--five-twelfths {
        left: 41.666%
    }

    .push--desk--seven-twelfths {
        left: 58.333%
    }

    .push--desk--eleven-twelfths {
        left: 91.666%
    }

    .push--desk--zero {
        left: 0
    }
}

[class*=pull--] {
    position: relative
}

.pull--one-whole {
    right: 100%
}

.pull--five-tenths, .pull--four-eighths, .pull--one-half, .pull--six-twelfths, .pull--three-sixths, .pull--two-quarters {
    right: 50%
}

.pull--four-twelfths, .pull--one-third, .pull--two-sixths {
    right: 33.333%
}

.pull--eight-twelfths, .pull--four-sixths, .pull--two-thirds {
    right: 66.666%
}

.pull--one-quarter, .pull--three-twelfths, .pull--two-eighths {
    right: 25%
}

.pull--nine-twelfths, .pull--six-eighths, .pull--three-quarters {
    right: 75%
}

.pull--one-fifth, .pull--two-tenths {
    right: 20%
}

.pull--four-tenths, .pull--two-fifths {
    right: 40%
}

.pull--six-tenths, .pull--three-fifths {
    right: 60%
}

.pull--eight-tenths, .pull--four-fifths {
    right: 80%
}

.pull--one-sixth, .pull--two-twelfths {
    right: 16.666%
}

.pull--five-sixths, .pull--ten-twelfths {
    right: 83.333%
}

.pull--one-eighth {
    right: 12.5%
}

.pull--three-eighths {
    right: 37.5%
}

.pull--five-eighths {
    right: 62.5%
}

.pull--seven-eighths {
    right: 87.5%
}

.pull--one-tenth {
    right: 10%
}

.pull--three-tenths {
    right: 30%
}

.pull--seven-tenths {
    right: 70%
}

.pull--nine-tenths {
    right: 90%
}

.pull--one-twelfth {
    right: 8.333%
}

.pull--five-twelfths {
    right: 41.666%
}

.pull--seven-twelfths {
    right: 58.333%
}

.pull--eleven-twelfths {
    right: 91.666%
}

@media only screen and (min-width: 600px) {
    .pull--mob--one-whole {
        right: 100%
    }

    .pull--mob--five-tenths, .pull--mob--four-eighths, .pull--mob--one-half, .pull--mob--six-twelfths, .pull--mob--three-sixths, .pull--mob--two-quarters {
        right: 50%
    }

    .pull--mob--four-twelfths, .pull--mob--one-third, .pull--mob--two-sixths {
        right: 33.333%
    }

    .pull--mob--eight-twelfths, .pull--mob--four-sixths, .pull--mob--two-thirds {
        right: 66.666%
    }

    .pull--mob--one-quarter, .pull--mob--three-twelfths, .pull--mob--two-eighths {
        right: 25%
    }

    .pull--mob--nine-twelfths, .pull--mob--six-eighths, .pull--mob--three-quarters {
        right: 75%
    }

    .pull--mob--one-fifth, .pull--mob--two-tenths {
        right: 20%
    }

    .pull--mob--four-tenths, .pull--mob--two-fifths {
        right: 40%
    }

    .pull--mob--six-tenths, .pull--mob--three-fifths {
        right: 60%
    }

    .pull--mob--eight-tenths, .pull--mob--four-fifths {
        right: 80%
    }

    .pull--mob--one-sixth, .pull--mob--two-twelfths {
        right: 16.666%
    }

    .pull--mob--five-sixths, .pull--mob--ten-twelfths {
        right: 83.333%
    }

    .pull--mob--one-eighth {
        right: 12.5%
    }

    .pull--mob--three-eighths {
        right: 37.5%
    }

    .pull--mob--five-eighths {
        right: 62.5%
    }

    .pull--mob--seven-eighths {
        right: 87.5%
    }

    .pull--mob--one-tenth {
        right: 10%
    }

    .pull--mob--three-tenths {
        right: 30%
    }

    .pull--mob--seven-tenths {
        right: 70%
    }

    .pull--mob--nine-tenths {
        right: 90%
    }

    .pull--mob--one-twelfth {
        right: 8.333%
    }

    .pull--mob--five-twelfths {
        right: 41.666%
    }

    .pull--mob--seven-twelfths {
        right: 58.333%
    }

    .pull--mob--eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width: 768px) {
    .pull--tabp--one-whole {
        right: 100%
    }

    .pull--tabp--five-tenths, .pull--tabp--four-eighths, .pull--tabp--one-half, .pull--tabp--six-twelfths, .pull--tabp--three-sixths, .pull--tabp--two-quarters {
        right: 50%
    }

    .pull--tabp--four-twelfths, .pull--tabp--one-third, .pull--tabp--two-sixths {
        right: 33.333%
    }

    .pull--tabp--eight-twelfths, .pull--tabp--four-sixths, .pull--tabp--two-thirds {
        right: 66.666%
    }

    .pull--tabp--one-quarter, .pull--tabp--three-twelfths, .pull--tabp--two-eighths {
        right: 25%
    }

    .pull--tabp--nine-twelfths, .pull--tabp--six-eighths, .pull--tabp--three-quarters {
        right: 75%
    }

    .pull--tabp--one-fifth, .pull--tabp--two-tenths {
        right: 20%
    }

    .pull--tabp--four-tenths, .pull--tabp--two-fifths {
        right: 40%
    }

    .pull--tabp--six-tenths, .pull--tabp--three-fifths {
        right: 60%
    }

    .pull--tabp--eight-tenths, .pull--tabp--four-fifths {
        right: 80%
    }

    .pull--tabp--one-sixth, .pull--tabp--two-twelfths {
        right: 16.666%
    }

    .pull--tabp--five-sixths, .pull--tabp--ten-twelfths {
        right: 83.333%
    }

    .pull--tabp--one-eighth {
        right: 12.5%
    }

    .pull--tabp--three-eighths {
        right: 37.5%
    }

    .pull--tabp--five-eighths {
        right: 62.5%
    }

    .pull--tabp--seven-eighths {
        right: 87.5%
    }

    .pull--tabp--one-tenth {
        right: 10%
    }

    .pull--tabp--three-tenths {
        right: 30%
    }

    .pull--tabp--seven-tenths {
        right: 70%
    }

    .pull--tabp--nine-tenths {
        right: 90%
    }

    .pull--tabp--one-twelfth {
        right: 8.333%
    }

    .pull--tabp--five-twelfths {
        right: 41.666%
    }

    .pull--tabp--seven-twelfths {
        right: 58.333%
    }

    .pull--tabp--eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width: 1024px) {
    .pull--tab--one-whole {
        right: 100%
    }

    .pull--tab--five-tenths, .pull--tab--four-eighths, .pull--tab--one-half, .pull--tab--six-twelfths, .pull--tab--three-sixths, .pull--tab--two-quarters {
        right: 50%
    }

    .pull--tab--four-twelfths, .pull--tab--one-third, .pull--tab--two-sixths {
        right: 33.333%
    }

    .pull--tab--eight-twelfths, .pull--tab--four-sixths, .pull--tab--two-thirds {
        right: 66.666%
    }

    .pull--tab--one-quarter, .pull--tab--three-twelfths, .pull--tab--two-eighths {
        right: 25%
    }

    .pull--tab--nine-twelfths, .pull--tab--six-eighths, .pull--tab--three-quarters {
        right: 75%
    }

    .pull--tab--one-fifth, .pull--tab--two-tenths {
        right: 20%
    }

    .pull--tab--four-tenths, .pull--tab--two-fifths {
        right: 40%
    }

    .pull--tab--six-tenths, .pull--tab--three-fifths {
        right: 60%
    }

    .pull--tab--eight-tenths, .pull--tab--four-fifths {
        right: 80%
    }

    .pull--tab--one-sixth, .pull--tab--two-twelfths {
        right: 16.666%
    }

    .pull--tab--five-sixths, .pull--tab--ten-twelfths {
        right: 83.333%
    }

    .pull--tab--one-eighth {
        right: 12.5%
    }

    .pull--tab--three-eighths {
        right: 37.5%
    }

    .pull--tab--five-eighths {
        right: 62.5%
    }

    .pull--tab--seven-eighths {
        right: 87.5%
    }

    .pull--tab--one-tenth {
        right: 10%
    }

    .pull--tab--three-tenths {
        right: 30%
    }

    .pull--tab--seven-tenths {
        right: 70%
    }

    .pull--tab--nine-tenths {
        right: 90%
    }

    .pull--tab--one-twelfth {
        right: 8.333%
    }

    .pull--tab--five-twelfths {
        right: 41.666%
    }

    .pull--tab--seven-twelfths {
        right: 58.333%
    }

    .pull--tab--eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width: 1170px) {
    .pull--lap--one-whole {
        right: 100%
    }

    .pull--lap--five-tenths, .pull--lap--four-eighths, .pull--lap--one-half, .pull--lap--six-twelfths, .pull--lap--three-sixths, .pull--lap--two-quarters {
        right: 50%
    }

    .pull--lap--four-twelfths, .pull--lap--one-third, .pull--lap--two-sixths {
        right: 33.333%
    }

    .pull--lap--eight-twelfths, .pull--lap--four-sixths, .pull--lap--two-thirds {
        right: 66.666%
    }

    .pull--lap--one-quarter, .pull--lap--three-twelfths, .pull--lap--two-eighths {
        right: 25%
    }

    .pull--lap--nine-twelfths, .pull--lap--six-eighths, .pull--lap--three-quarters {
        right: 75%
    }

    .pull--lap--one-fifth, .pull--lap--two-tenths {
        right: 20%
    }

    .pull--lap--four-tenths, .pull--lap--two-fifths {
        right: 40%
    }

    .pull--lap--six-tenths, .pull--lap--three-fifths {
        right: 60%
    }

    .pull--lap--eight-tenths, .pull--lap--four-fifths {
        right: 80%
    }

    .pull--lap--one-sixth, .pull--lap--two-twelfths {
        right: 16.666%
    }

    .pull--lap--five-sixths, .pull--lap--ten-twelfths {
        right: 83.333%
    }

    .pull--lap--one-eighth {
        right: 12.5%
    }

    .pull--lap--three-eighths {
        right: 37.5%
    }

    .pull--lap--five-eighths {
        right: 62.5%
    }

    .pull--lap--seven-eighths {
        right: 87.5%
    }

    .pull--lap--one-tenth {
        right: 10%
    }

    .pull--lap--three-tenths {
        right: 30%
    }

    .pull--lap--seven-tenths {
        right: 70%
    }

    .pull--lap--nine-tenths {
        right: 90%
    }

    .pull--lap--one-twelfth {
        right: 8.333%
    }

    .pull--lap--five-twelfths {
        right: 41.666%
    }

    .pull--lap--seven-twelfths {
        right: 58.333%
    }

    .pull--lap--eleven-twelfths {
        right: 91.666%
    }
}

@media only screen and (min-width: 1200px) {
    .pull--desk--one-whole {
        right: 100%
    }

    .pull--desk--five-tenths, .pull--desk--four-eighths, .pull--desk--one-half, .pull--desk--six-twelfths, .pull--desk--three-sixths, .pull--desk--two-quarters {
        right: 50%
    }

    .pull--desk--four-twelfths, .pull--desk--one-third, .pull--desk--two-sixths {
        right: 33.333%
    }

    .pull--desk--eight-twelfths, .pull--desk--four-sixths, .pull--desk--two-thirds {
        right: 66.666%
    }

    .pull--desk--one-quarter, .pull--desk--three-twelfths, .pull--desk--two-eighths {
        right: 25%
    }

    .pull--desk--nine-twelfths, .pull--desk--six-eighths, .pull--desk--three-quarters {
        right: 75%
    }

    .pull--desk--one-fifth, .pull--desk--two-tenths {
        right: 20%
    }

    .pull--desk--four-tenths, .pull--desk--two-fifths {
        right: 40%
    }

    .pull--desk--six-tenths, .pull--desk--three-fifths {
        right: 60%
    }

    .pull--desk--eight-tenths, .pull--desk--four-fifths {
        right: 80%
    }

    .pull--desk--one-sixth, .pull--desk--two-twelfths {
        right: 16.666%
    }

    .pull--desk--five-sixths, .pull--desk--ten-twelfths {
        right: 83.333%
    }

    .pull--desk--one-eighth {
        right: 12.5%
    }

    .pull--desk--three-eighths {
        right: 37.5%
    }

    .pull--desk--five-eighths {
        right: 62.5%
    }

    .pull--desk--seven-eighths {
        right: 87.5%
    }

    .pull--desk--one-tenth {
        right: 10%
    }

    .pull--desk--three-tenths {
        right: 30%
    }

    .pull--desk--seven-tenths {
        right: 70%
    }

    .pull--desk--nine-tenths {
        right: 90%
    }

    .pull--desk--one-twelfth {
        right: 8.333%
    }

    .pull--desk--five-twelfths {
        right: 41.666%
    }

    .pull--desk--seven-twelfths {
        right: 58.333%
    }

    .pull--desk--eleven-twelfths {
        right: 91.666%
    }
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.co-head {
    padding: 30px 20px;
    height: 130px
}

@media all and (min-width: 768px) {
    .co-head {
        padding: 30px 0
    }
}

@media all and (min-width: 1024px) {
    .co-head.home {
        padding: 30px 0
    }
}

.co-logo, .co-logo-link {
    vertical-align: middle
}

.co-logo-link {
    max-width: 100%
}

.co-logo-link img {
    max-width: 100%;
    heighT: auto;
    vertical-align: bottom
}

.co-head-navigation {
    text-align: right;
    vertical-align: middle
}

.co-footer {
    background: #33c5f3;
    color: #fff;
    padding: 60px 0;
    margin-bottom: 60px;
    position: relative
}

@media all and (min-width: 768px) {
    .co-footer {
        padding: 60px 0
    }
}

.footer-logo {
    display: none
}

@media all and (min-width: 768px) {
    .footer-logo {
        display: inline-block
    }
}

.footer-logo img {
    max-width: 90%
}

.footer-menu {
    padding-top: 15px
}

@media all and (min-width: 768px) {
    .footer-menu {
        padding-top: 0
    }
}

.footer-menu-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media all and (min-width: 768px) {
    .footer-menu-list {
        display: block
    }
}

.footer-menu-item {
    display: inline-block;
    color: #fff
}

@media all and (min-width: 768px) {
    .footer-menu-item {
        display: block
    }
}

.footer-menu-link {
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    font-family: Averta-ExtraBold;
    transition: .4s
}

@media all and (min-width: 768px) {
    .footer-menu-link {
        font-size: 13px;
        line-height: 36px
    }
}

@media all and (min-width: 1024px) {
    .footer-menu-link {
        font-size: 16px;
        line-height: 40px
    }
}

.footer-menu-link:hover {
    color: #04336c
}

.footer-follow, .footer-office {
    padding-top: 15px
}

@media all and (min-width: 768px) {
    .footer-follow, .footer-office {
        padding-top: 0
    }
}

.footer-section-title {
    font-family: Averta-ExtraBold;
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 25px;
    display: block
}

@media all and (min-width: 1200px) {
    .footer-section-title {
        font-size: 16px;
        line-height: 22px
    }
}

.footer-section-text {
    font-size: 13px;
    line-height: 21px
}

@media all and (min-width: 1200px) {
    .footer-section-text {
        font-size: 16px;
        line-height: 22px
    }
}

.footer-office-link {
    font-size: 16px;
    line-height: 18px;
    font-family: Averta-Regular;
    color: #fff;
    transition: .4s
}

@media all and (min-width: 768px) {
    .footer-office-link {
        font-size: 11px;
        line-height: 21px
    }
}

@media all and (min-width: 1024px) {
    .footer-office-link {
        font-size: 14px;
        line-height: 18px
    }
}

@media all and (min-width: 1150px) {
    .footer-office-link {
        font-size: 16px;
        line-height: 18px
    }
}

.footer-office-link:hover {
    color: #04336c
}

.footer-social-item {
    display: block
}

.footer-social-link {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    transition: .4s;
    display: block;
    font-family: Averta-ExtraBold
}

@media all and (min-width: 768px) {
    .footer-social-link {
        font-size: 13px;
        line-height: 27px
    }
}

@media all and (min-width: 1024px) {
    .footer-social-link {
        font-size: 16px;
        line-height: 26px
    }
}

.footer-social-link:hover {
    color: #04336c
}

.footer-copyright {
    position: absolute;
    bottom: -30px;
    color: #33c5f3;
    text-align: left;
    left: 10%;
    font-size: 11px;
    line-height: 22px;
    font-family: Averta-Regular;
    width: 90%
}

@media all and (min-width: 768px) {
    .footer-copyright {
        left: 0;
        width: 100%
    }
}

.footer-copyright-link {
    color: inherit;
    transition: .4s
}

.footer-copyright-link:hover {
    color: #04336c
}

.main-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../img/menu-back.jpg) no-repeat 50%;
    background-size: cover;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    transition: .4s .4s, visibility .4s .8s
}

.main-menu.active {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s .4s, visibiliy 0s
}

.main-menu.active .co-menu-list {
    opacity: 1;
    transition: .4s .8s
}

.main-menu.active .co-menu-link {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.main-menu.active .co-menu-item:nth-child(1) .co-menu-link {
    transition: opacity .5s .7s, -webkit-transform .7s .7s;
    transition: opacity .5s .7s, transform .7s .7s;
    transition: opacity .5s .7s, transform .7s .7s, -webkit-transform .7s .7s
}

.main-menu.active .co-menu-item:nth-child(2) .co-menu-link {
    transition: opacity .5s .8s, -webkit-transform .7s .8s;
    transition: opacity .5s .8s, transform .7s .8s;
    transition: opacity .5s .8s, transform .7s .8s, -webkit-transform .7s .8s
}

.main-menu.active .co-menu-item:nth-child(3) .co-menu-link {
    transition: opacity .5s .9s, -webkit-transform .7s .9s;
    transition: opacity .5s .9s, transform .7s .9s;
    transition: opacity .5s .9s, transform .7s .9s, -webkit-transform .7s .9s
}

.main-menu.active .co-menu-item:nth-child(4) .co-menu-link {
    transition: opacity .5s 1s, -webkit-transform .7s 1s;
    transition: opacity .5s 1s, transform .7s 1s;
    transition: opacity .5s 1s, transform .7s 1s, -webkit-transform .7s 1s
}

.main-menu.active .co-menu-item:nth-child(5) .co-menu-link {
    transition: opacity .5s 1.1s, -webkit-transform .7s 1.1s;
    transition: opacity .5s 1.1s, transform .7s 1.1s;
    transition: opacity .5s 1.1s, transform .7s 1.1s, -webkit-transform .7s 1.1s
}

.main-menu.active .co-menu-item:nth-child(6) .co-menu-link {
    transition: opacity .5s 1.2s, -webkit-transform .7s 1.2s;
    transition: opacity .5s 1.2s, transform .7s 1.2s;
    transition: opacity .5s 1.2s, transform .7s 1.2s, -webkit-transform .7s 1.2s
}

.main-menu.active .co-menu-item:nth-child(7) .co-menu-link {
    transition: opacity .5s 1.3s, -webkit-transform .7s 1.3s;
    transition: opacity .5s 1.3s, transform .7s 1.3s;
    transition: opacity .5s 1.3s, transform .7s 1.3s, -webkit-transform .7s 1.3s
}

.main-menu.active .co-menu-item:nth-child(8) .co-menu-link {
    transition: opacity .5s 1.4s, -webkit-transform .7s 1.4s;
    transition: opacity .5s 1.4s, transform .7s 1.4s;
    transition: opacity .5s 1.4s, transform .7s 1.4s, -webkit-transform .7s 1.4s
}

.main-menu.active .co-menu-item:nth-child(9) .co-menu-link {
    transition: opacity .5s 1.5s, -webkit-transform .7s 1.5s;
    transition: opacity .5s 1.5s, transform .7s 1.5s;
    transition: opacity .5s 1.5s, transform .7s 1.5s, -webkit-transform .7s 1.5s
}

.main-menu.active .co-menu-item:nth-child(10) .co-menu-link {
    transition: opacity .5s 1.6s, -webkit-transform .7s 1.6s;
    transition: opacity .5s 1.6s, transform .7s 1.6s;
    transition: opacity .5s 1.6s, transform .7s 1.6s, -webkit-transform .7s 1.6s
}

.main-menu.active .co-menu-lang-item {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.main-menu.active .co-menu-lang-item:nth-child(1) {
    transition: opacity .5s 1s, -webkit-transform .7s 1s;
    transition: opacity .5s 1s, transform .7s 1s;
    transition: opacity .5s 1s, transform .7s 1s, -webkit-transform .7s 1s
}

.main-menu.active .co-menu-lang-item:nth-child(2) {
    transition: opacity .5s 1.1s, -webkit-transform .7s 1.1s;
    transition: opacity .5s 1.1s, transform .7s 1.1s;
    transition: opacity .5s 1.1s, transform .7s 1.1s, -webkit-transform .7s 1.1s
}

.main-menu.active .co-menu-lang-item:nth-child(3) {
    transition: opacity .5s 1.2s, -webkit-transform .7s 1.2s;
    transition: opacity .5s 1.2s, transform .7s 1.2s;
    transition: opacity .5s 1.2s, transform .7s 1.2s, -webkit-transform .7s 1.2s
}

.main-menu.active .co-menu-lang-item:nth-child(4) {
    transition: opacity .5s 1.3s, -webkit-transform .7s 1.3s;
    transition: opacity .5s 1.3s, transform .7s 1.3s;
    transition: opacity .5s 1.3s, transform .7s 1.3s, -webkit-transform .7s 1.3s
}

.main-menu.active .co-menu-lang-item:nth-child(5) {
    transition: opacity .5s 1.4s, -webkit-transform .7s 1.4s;
    transition: opacity .5s 1.4s, transform .7s 1.4s;
    transition: opacity .5s 1.4s, transform .7s 1.4s, -webkit-transform .7s 1.4s
}

.main-menu.active .co-menu-lang-item:nth-child(6) {
    transition: opacity .5s 1.5s, -webkit-transform .7s 1.5s;
    transition: opacity .5s 1.5s, transform .7s 1.5s;
    transition: opacity .5s 1.5s, transform .7s 1.5s, -webkit-transform .7s 1.5s
}

.main-menu.active .co-menu-lang-item:nth-child(7) {
    transition: opacity .5s 1.6s, -webkit-transform .7s 1.6s;
    transition: opacity .5s 1.6s, transform .7s 1.6s;
    transition: opacity .5s 1.6s, transform .7s 1.6s, -webkit-transform .7s 1.6s
}

.main-menu.active .co-menu-lang-item:nth-child(8) {
    transition: opacity .5s 1.7s, -webkit-transform .7s 1.7s;
    transition: opacity .5s 1.7s, transform .7s 1.7s;
    transition: opacity .5s 1.7s, transform .7s 1.7s, -webkit-transform .7s 1.7s
}

.main-menu.active .co-menu-lang-item:nth-child(9) {
    transition: opacity .5s 1.8s, -webkit-transform .7s 1.8s;
    transition: opacity .5s 1.8s, transform .7s 1.8s;
    transition: opacity .5s 1.8s, transform .7s 1.8s, -webkit-transform .7s 1.8s
}

.main-menu.active .co-menu-lang-item:nth-child(10) {
    transition: opacity .5s 1.9s, -webkit-transform .7s 1.9s;
    transition: opacity .5s 1.9s, transform .7s 1.9s;
    transition: opacity .5s 1.9s, transform .7s 1.9s, -webkit-transform .7s 1.9s
}

.main-menu:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #04336c;
    opacity: .9;
    widtH: 100%;
    height: 100%;
    background-blend-mode: multiply;
    mix-blend-mode: multiply
}

.co-menu-list {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
    opacity: 0;
    transition: .4s 0s;
    widtH: 100vw
}

@media all and (min-width: 1024px) {
    .co-menu-list {
        left: 16.666%;
        width: 66.666%
    }
}

.co-menu-link {
    font-family: Averta-ExtraBold;
    font-size: 20px;
    line-height: 22px;
    border-top: 8px solid #fff;
    color: #fff;
    transition: .4s;
    display: block;
    white-space: nowrap;
    margin-bottom: 10px;
    padding-top: 15px;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0
}

@media all and (min-width: 1024px) {
    .co-menu-link {
        border-top: 12px solid #fff;
        margin-bottom: 80px;
        font-size: 30px;
        line-height: 32px
    }
}

.co-menu-link.active, .co-menu-link:hover {
    color: #33c5f3;
    border-top-color: #33c5f3
}

.co-menu-lang {
    z-index: 2;
    position: absolute;
    bottom: 40px;
    left: 16.666%;
    padding-left: 24px
}

@media all and (min-width: 1024px) {
    .co-menu-lang {
        bottom: 15px
    }
}

.co-menu-lang-item {
    font-family: Averta-ExtraBold;
    font-size: 14px;
    line-height: normal;
    transition: .4s;
    margin-right: 24px;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.co-menu-lang-link {
    color: #fff
}

.co-menu-lang-link.active, .co-menu-lang-link:hover {
    color: #33c5f3
}

.co-menu-sec {
    display: none;
    vertical-align: middle;
    margin-right: 20px
}

@media all and (min-width: 768px) {
    .co-menu-sec {
        display: inline-block
    }
}

.co-menu-sec-item {
    margin-right: 22px
}

.co-menu-sec-link {
    font-size: 16px;
    font-family: Averta-ExtraBold;
    color: #33c5f3;
    transition: .4s;
    letter-spacing: 2px
}

.co-menu-sec-link:hover {
    color: #04336c
}

.co-menu-toggle {
    border: none;
    background: url(../svg/Menu.svg) no-repeat 50%;
    background-size: contain;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    z-index: 5;
    position: relative;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    transition: .7s 0s
}

.co-menu-toggle-close {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    color: #fff;
    white-space: nowrap;
    -webkit-transform: translate(calc(-100% - 25px), -5px);
    -ms-transform: translate(calc(-100% - 25px), -5px);
    transform: translate(calc(-100% - 25px), -5px);
    transition: .4s 0s
}

.co-menu-toggle.close {
    overflow: visible;
    background-image: url(../svg/close.svg)
}

.co-menu-toggle.close .co-menu-toggle-close {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(calc(-100% - 15px), -5px);
    -ms-transform: translate(calc(-100% - 15px), -5px);
    transform: translate(calc(-100% - 15px), -5px);
    transition: .7s .9s
}

.home-head {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    heighT: 80vh
}

.home-head:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #04336c;
    opacity: .8;
    z-index: 1
}

.home-title {
    position: relative;
    z-index: 3;
    font-family: Averta-ExtraBold;
    font-size: 28px;
    line-height: 33px;
    color: #fff;
    left: 10%;
    top: 15%;
    display: inline-block
}

@media all and (min-width: 1024px) {
    .home-title {
        font-size: 44px;
        line-height: 52px;
        left: 16.667%
    }
}

@media all and (min-width: 1200px) {
    .home-title {
        font-size: 60px;
        line-height: 68px
    }
}

.co-home-canvas {
    position: absolute;
    top: 0;
    lefT: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.home-imports {
    background: #33c5f3;
    margin-top: -30vh;
    position: relative;
    z-index: 3;
    padding-top: 40px;
    color: #fff
}

@media all and (min-width: 1024px) {
    .home-imports {
        padding-top: 60px
    }
}

@media all and (min-width: 1200px) {
    .home-imports {
        padding-top: 110px
    }
}

.co-home-exports, .co-home-imports {
    padding-bottom: 90px
}

.co-imports-title {
    border-top: 12px solid #fff;
    font-family: Averta-ExtraBold;
    font-size: 28px;
    line-height: 33px;
    position: relative;
    padding-top: 15px
}

@media all and (min-width: 1024px) {
    .co-imports-title {
        font-size: 60px;
        line-height: 68px
    }
}

.co-imports-title .co-note {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-family: Averta-Regular
}

@media all and (min-width: 1024px) {
    .co-imports-title .co-note {
        font-size: 18px;
        line-height: 68px;
        padding-right: 20px
    }
}

@media all and (min-width: 1024px) {
    .co-imports-table {
        padding-right: 10px
    }
}

.co-imports-table-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.co-imports-table-head .co-home-table-cell {
    width: 25%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 12px;
    line-heighT: 19px;
    font-family: Averta-Regular
}

@media all and (min-width: 1024px) {
    .co-imports-table-head .co-home-table-cell {
        font-size: 14px;
        line-heighT: 49px
    }
}

@media all and (min-width: 1200px) {
    .co-imports-table-head .co-home-table-cell {
        font-size: 18px
    }
}

.co-imports-table-head .co-home-table-cell:first-child {
    padding-left: 45%
}

.co-imports-table-head .co-home-table-cell.single {
    padding-left: 75%
}

.co-im-row {
    width: 100%;
    padding: 15px 0;
    border-top: 3px solid #fff
}

.co-im-row .im-name {
    font-size: 20px;
    line-height: 49px
}

@media all and (min-width: 1200px) {
    .co-im-row .im-name {
        font-size: 30px;
        line-heighT: 68px
    }
}

.co-im-row .im-price {
    font-size: 24px;
    line-height: 49px;
    position: relative
}

@media all and (min-width: 1024px) {
    .co-im-row .im-price {
        font-size: 27px;
        line-height: 68px
    }
}

@media all and (min-width: 1200px) {
    .co-im-row .im-price {
        font-size: 40px;
        line-heighT: 68px
    }
}

.co-im-row .im-price .price {
    font-family: Averta-ExtraBold
}

.co-im-row .im-price .price-cur {
    font-family: Averta-ExtraBold;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding-top: 12px
}

@media all and (min-width: 1200px) {
    .co-im-row .im-price .price-cur {
        font-size: 19px
    }
}

.co-im-row .im-price .price-notes {
    opacity: 0;
    max-height: 0;
    position: absolute;
    font-size: 14px;
    font-family: Averta-ExtraBold;
    background: #fff;
    padding: 0;
    width: 180px;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(-30px, -50%);
    -ms-transform: translate(-30px, -50%);
    transform: translate(-30px, -50%);
    color: #33c5f3
}

.co-im-row .im-price .price-notes:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    width: 0;
    height: 0;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.co-im-row .im-price .price-notes-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    vertical-align: baseline;
    position: absolute;
    bottom: 16px;
    transition: .4s
}

@media all and (min-width: 1024px) {
    .co-im-row .im-price .price-notes-icon {
        bottom: 20px;
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px)
    }
}

.co-im-row .im-price .price-notes-icon:before {
    height: 2px;
    border-radius: 50%;
    top: 3px
}

.co-im-row .im-price .price-notes-icon:after, .co-im-row .im-price .price-notes-icon:before {
    content: "";
    width: 2px;
    background: #fff;
    position: absolute;
    lefT: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: .4s
}

.co-im-row .im-price .price-notes-icon:after {
    height: 7px;
    top: 7px
}

.co-im-row .im-price .price-notes-icon:hover {
    background: #fff
}

.co-im-row .im-price .price-notes-icon:hover:after, .co-im-row .im-price .price-notes-icon:hover:before {
    background: #33c5f3
}

.co-im-row .im-price .price-notes-icon:hover + .price-notes {
    max-height: 1000px;
    opacity: 1;
    padding: 15px;
    -webkit-transform: translate(30px, -50%);
    -ms-transform: translate(30px, -50%);
    transform: translate(30px, -50%);
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    margin-top: 20px;
    margin-right: 15px
}

@media all and (min-width: 1024px) {
    .co-im-row .im-price .price-notes-icon:hover + .price-notes {
        margin-top: -5px;
        margin-right: -12px
    }
}

@media all and (min-width: 1170px) {
    .co-im-row .im-price .price-notes-icon:hover + .price-notes {
        margin-top: -4px;
        margin-right: -30px
    }
}

.co-im-row .im-price .price-notes span {
    display: block;
    line-height: 1.4
}

.co-home-offers {
    padding-top: 30px
}

@media all and (min-width: 768px) {
    .co-home-offers {
        padding-top: 110px
    }
}

.co-home-offers-title {
    font-sizE: 14px;
    line-height: 16px;
    font-family: Averta-ExtraBold;
    color: #33c5f3;
    border-top: 2px solid #33c5f3;
    padding-bottom: 60px;
    padding-top: 15px
}

.offers-counter-count {
    font-family: Averta-ExtraBold;
    font-size: 80px;
    line-height: 54px;
    color: #33c5f3;
    display: inline-block;
    vertical-align: top;
    height: 80px;
    width: 100px;
    position: relative;
    overflow: hidden
}

.offers-counter-count .current, .offers-counter-count .next {
    height: 100%;
    line-height: 75px
}

.offers-counter-count .next {
    position: absolute;
    top: 0;
    left: 0;
    width: 110%
}

.offers-counter-count .current .first, .offers-counter-count .current .second {
    display: inline-block;
    height: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.offers-counter-count .next .first {
    display: inline-block;
    height: 100%;
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    opacity: 0
}

.offers-counter-count .next .second {
    display: inline-block;
    height: 100%;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.offers-counter-count.back .next .first, .offers-counter-count.back .next .second {
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%)
}

.offers-counter-count.go .next .first {
    transition: .4s .2s
}

.offers-counter-count.go .next .first, .offers-counter-count.go .next .second {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.offers-counter-count.go .next .second {
    transition: .4s .3s
}

.offers-counter-count.go .current .first {
    transition: .4s 0s
}

.offers-counter-count.go .current .first, .offers-counter-count.go .current .second {
    opacity: 0;
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    transform: translateY(-110%)
}

.offers-counter-count.go .current .second {
    transition: .4s .1s
}

.offers-counter-count.go.back .current .first, .offers-counter-count.go.back .current .second {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%)
}

.offers-counter-total {
    color: #33c5f3;
    font-size: 30px;
    line-height: 82px;
    display: inline-block;
    vertical-align: top;
    margin-left: -10px;
    padding-top: 7px;
    font-family: Averta-ExtraBold
}

.offers-counter-total:before {
    content: "/"
}

.offers-slider {
    overflow: hidden
}

.offers-slider-button {
    background: none;
    border: none;
    font-size: 14px;
    color: #33c5f3;
    outline: none
}

.offers-slider-button-wrapper {
    displaY: flex;
    margin-bottom: 40px
}

.offers-slider-button.slider-prev:before {
    content: "";
    background: #33c5f3 url(../svg/left.svg) no-repeat 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 17px;
    margin-right: 7px;
    vertical-align: middle;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .4s
}

.offers-slider-button.slider-prev:hover:before {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.offers-slider-button.slider-next:after {
    content: "";
    background: #33c5f3 url(../svg/right.svg) no-repeat 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-size: 17px;
    vertical-align: middle;
    margin-left: 7px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .4s
}

.offers-slider-button.slider-next:hover:after {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.offers-slider-button-line {
    content: "";
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 2px;
    background: #33c5f3;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.offers-slide {
    display: none;
    font-size: 27px;
    color: #33c5f3;
    font-family: Averta-ExtraBold;
    line-height: 38px
}

.offers-slide.active {
    displaY: block
}

@media all and (min-width: 1024px) {
    .offers-slide {
        font-size: 36px;
        line-height: 42px
    }
}

.co-home-about {
    padding-top: 70px;
    padding-bottom: 70px
}

@media all and (min-width: 768px) {
    .co-home-about {
        padding-top: 110px;
        padding-bottom: 110px
    }
}

.co-home-about-title {
    border-top: 12px solid #33c5f3;
    font-family: Averta-ExtraBold;
    font-size: 44px;
    line-height: 52px;
    color: #33c5f3;
    padding-bottom: 60px;
    padding-top: 40px
}

@media all and (min-width: 768px) {
    .co-home-about-title {
        font-size: 40px;
        line-heighT: 48px
    }
}

@media all and (min-width: 1200px) {
    .co-home-about-title {
        font-size: 60px;
        line-heighT: 68px
    }
}

.about-text {
    font-family: Averta-Regular;
    font-size: 20px;
    line-height: 36px;
    color: #33c5f3
}

@media all and (min-width: 768px) {
    .about-text {
        font-size: 15px;
        line-heighT: 24px
    }
}

.about-text p {
    padding-bottom: 50px
}

.co-home-network {
    min-height: 100vh;
    position: relative;
    padding-bottom: 70px
}

@media all and (min-width: 1024px) {
    .co-home-network {
        padding-bottom: 110px
    }
}

.co-home-network .network-map {
    height: calc(100vh - 300px)
}

@media all and (min-width: 768px) {
    .co-home-network .network-map {
        margin-bottom: 30px
    }
}

@media all and (min-width: 1024px) {
    .co-home-network .network-map {
        margin-bottom: 30px
    }
}

.co-home-network .co-home-title, .co-home-network .people-title {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 30px
}

@media all and (min-width: 768px) {
    .co-home-network .co-home-title, .co-home-network .people-title {
        margin-left: 0;
        width: 100%
    }
}

.co-home-title, .people-title {
    border-top: 12px solid #33c5f3;
    font-family: Averta-ExtraBold;
    font-size: 28px;
    line-height: 33px;
    color: #33c5f3;
    padding-top: 30px
}

@media all and (min-width: 768px) {
    .co-home-title, .people-title {
        font-size: 40px;
        line-height: 48px
    }
}

@media all and (min-width: 1024px) {
    .co-home-title, .people-title {
        font-size: 44px;
        line-height: 52px
    }
}

@media all and (min-width: 1200px) {
    .co-home-title, .people-title {
        font-size: 60px;
        line-height: 68px
    }
}

.network-notes {
    font-family: Averta-Regular;
    font-size: 13px;
    line-height: 22px;
    color: #33c5f3;
    border-top: 3px solid #33c5f3;
    max-width: 80%;
    margin-left: 10%
}

@media all and (min-width: 768px) {
    .network-notes {
        width: 50%;
        margin-left: 0
    }
}

@media all and (min-width: 1024px) {
    .network-notes {
        position: absolute;
        left: 0;
        bottom: 150px;
        max-width: 275px;
        margin-left: 0
    }
}

@media all and (min-width: 1200px) {
    .network-notes {
        font-size: 17px;
        line-height: 28px
    }
}

.network-notes-text {
    padding: 20px 0 55px
}

.co-home-services {
    padding-bottom: 70px
}

@media all and (min-width: 1024px) {
    .co-home-services {
        padding-bottom: 120px
    }
}

.home-services-list {
    padding-top: 80px
}

.home-service {
    margin-bottom: 30px
}

@media all and (min-width: 1024px) {
    .home-service {
        margin-bottom: 0
    }
}

.home-service .service-title {
    border-top: 3px solid #33c5f3;
    font-family: Averta-ExtraBold;
    font-size: 20px;
    line-height: 28px;
    padding-top: 30px;
    color: #33c5f3;
    margin-bottom: 30px
}

@media all and (min-width: 1024px) {
    .home-service .service-title {
        height: 120px;
        margin-bottom: 0
    }
}

@media all and (min-width: 1200px) {
    .home-service .service-title {
        font-size: 30px;
        line-height: 32px
    }
}

.home-service .service-text {
    font-size: 13px;
    line-height: 22px;
    color: #33c5f3;
    font-family: Averta-Regular;
    margin-bottom: 30px
}

@media all and (min-width: 1200px) {
    .home-service .service-text {
        font-size: 17px;
        line-height: 28px
    }
}

.co-home-locations {
    min-height: 70vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    padding: 105px 0 100px
}

.co-home-locations:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #04336c;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-indeX: 1
}

.co-home-locations .co-home-title, .co-home-locations .people-title {
    z-index: 2;
    color: #fff;
    margin-bottom: 70px
}

@media all and (min-width: 1024px) {
    .co-home-locations .co-home-title, .co-home-locations .people-title {
        margin-bottom: 30px
    }
}

.locations-list {
    z-index: 2;
    position: relative;
    text-align: right
}

@media all and (min-width: 768px) {
    .locations-list {
        padding-right: 8.333%
    }
}

@media all and (min-width: 1024px) {
    .locations-list {
        padding-right: 0
    }
}

.location {
    width: 135px;
    display: inline-block;
    margin-left: 30px
}

@media all and (min-width: 768px) {
    .location {
        width: 180px
    }
}

@media all and (min-width: 1170px) {
    .location {
        widtH: 300px
    }
}

.location:first-child {
    margin: 0
}

.location-wrap {
    width: 100%;
    padding-bottom: 100%;
    border: 3px solid #33c5f3;
    border-radius: 50%;
    position: relative
}

.location-text {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 20px
}

@media all and (min-width: 768px) {
    .location-text {
        font-size: 20px;
        line-height: 25px
    }
}

@media all and (min-width: 1200px) {
    .location-text {
        font-size: 30px;
        line-height: 35px
    }
}

.location-code {
    font-family: Averta-Regular;
    display: block;
    text-align: left;
    padding: 0 10px
}

@media all and (min-width: 1024px) {
    .location-code {
        padding: 0 30px
    }
}

.location-name {
    font-family: Averta-ExtraBold;
    display: block;
    text-align: left;
    padding: 0 10px;
    line-height: 20px
}

@media all and (min-width: 1024px) {
    .location-name {
        padding: 10px 30px 0;
        line-height: 30px
    }
}

.co-home-people {
    padding-top: 70px;
    padding-bottom: 70px
}

@media all and (min-width: 1024px) {
    .co-home-people {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.people-teams {
    padding-top: 45px
}

@media all and (min-width: 1024px) {
    .people-teams {
        padding-top: 70px
    }
}

.people-team {
    width: 100%;
    border-top: 3px solid #33c5f3;
    padding: 20px 0;
    color: #33c5f3
}

.people-link {
    letter-spacing: normal;
    display: block;
    position: relative;
    font-size: 17px;
    line-height: 49px
}

@media all and (min-width: 1024px) {
    .people-link {
        font-size: 30px;
        line-height: 32px
    }
}

.people-link:after {
    position: absolute;
    left: auto;
    right: 0;
    top: 3px
}

.services {
    padding: 0 10%
}

@media all and (min-width: 768px) {
    .services {
        padding: 0
    }
}

@media all and (min-width: 768px) {
    .services .services--list {
        padding-left: 24px
    }
}

@media all and (min-width: 1024px) {
    .services .services--list {
        padding-left: 0
    }
}

.services-title {
    margin-bottom: 30px
}

@media all and (min-width: 1024px) {
    .services-title {
        margin-bottom: 60px
    }
}

.services-title .co-home-title, .services-title .people-title {
    margin-bottom: 50px
}

.services-list {
    margin-bottom: 60px
}

.service-item {
    margin-bottom: 20px
}

@media all and (min-width: 1024px) {
    .service-item {
        margin-bottom: 80px
    }
}

.service-item-number {
    display: block;
    font-family: Averta-ExtraBold;
    font-size: 50px;
    line-height: 58px;
    color: #33c5f3;
    border-top: 3px solid #33c5f3;
    padding-top: 15px;
    font-style: normal
}

@media all and (min-width: 1024px) {
    .service-item-number {
        font-size: 60px;
        line-height: 68px
    }
}

.service-item-text {
    font-family: Averta-ExtraBold;
    color: #33c5f3;
    font-size: 16px;
    line-height: 22px
}

@media all and (min-width: 1024px) {
    .service-item-text {
        font-size: 26px;
        line-height: 33px
    }
}

.services-ports {
    margin-bottom: 70px;
    padding-top: 95px
}

@media all and (min-width: 1024px) {
    .services-ports {
        margin-bottom: 150px;
        padding-top: 150px
    }
}

@media all and (min-width: 768px) {
    .services-ports {
        padding-top: 140px;
        margin-bottom: 115px
    }
}

.services-port-icon {
    font-family: Averta-ExtraBold;
    font-size: 60px;
    padding-bottom: 100%;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    overflow: hidden
}

.services-port-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #04336c;
    opacity: .6;
    width: 100%;
    height: 100%
}

.services-port-icon-text {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #33c5f3;
    z-index: 2
}

.services-port-icon.port-skg {
    background-image: url(../img/skg-port.jpg)
}

.services-port-icon.port-ath {
    background-image: url(../img/ath-port.jpg)
}

.services-port-text {
    font-family: Averta-Regular;
    font-size: 17px;
    color: #33c5f3;
    line-height: 28px;
    margin-bottom: 20px
}

@media all and (min-width: 768px) {
    .services-port-text {
        font-size: 13px;
        line-height: 22px
    }
}

@media all and (min-width: 1024px) {
    .services-port-text {
        margin-bottom: 0;
        font-size: 17px;
        line-height: 28px
    }
}

.services-port-text p {
    margin-bottom: 30px
}

.services-port-title {
    font-family: Averta-ExtraBold;
    font-sizE: 30px;
    line-height: 32px;
    border-top: 3px solid #33c5f3;
    color: #33c5f3;
    padding-top: 21px;
    margin-bottom: 44px
}

@media all and (min-width: 768px) {
    .services-port-title {
        font-size: 20px;
        line-height: 28px;
        font-size: 30px;
        line-height: 32px
    }
}

.fob-benefits, .services-combined {
    position: relative;
    min-height: 80vh;
    margin-bottom: 150px;
    padding-top: 100px;
    padding-bottom: 80px;
    background-repeat: no-repeat;
    background-size: cover
}

.fob-benefits:before, .services-combined:before {
    content: "";
    background: #04336c;
    opacity: .8;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-blend-mode: multiply;
    mix-blend-mode: multiply
}

.fob-benefits .co-home-title, .fob-benefits .people-title, .services-combined .co-home-title, .services-combined .people-title {
    z-index: 2;
    color: #fff;
    margin-bottom: 60px
}

.fob-benefits .services-text, .services-combined .services-text {
    color: #fff;
    z-index: 2
}

.people-title {
    margin-bottom: 120px
}

.people-subtitle {
    display: block
}

.people-thumbs {
    margin-bottom: 140px
}

@media all and (min-width: 768px) {
    .people-thumbs {
        width: 75%
    }
}

@media all and (min-width: 1024px) {
    .people-thumbs {
        width: 100%
    }
}

@media all and (min-width: 768px) {
    .people-thumbs-item {
        margin-bottom: 10px
    }
}

@media all and (min-width: 1024px) {
    .people-thumbs-item {
        margin-bottom: 0
    }
}

.people-thumbs-icon {
    padding-bottom: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    display: block;
    margin-bottom: 40px
}

.people-thumbs-name {
    font-family: Averta-ExtraBold;
    padding-top: 30px;
    border-top: 3px solid #33c5f3
}

.people-thumbs-name, .people-thumbs-title {
    font-size: 18px;
    line-height: 25px;
    color: #33c5f3
}

.people-thumbs-title {
    font-family: Averta-Regular
}

@media all and (min-width: 768px) {
    .people-thumbs-title {
        font-size: 14px;
        line-height: 21px
    }
}

@media all and (min-width: 1024px) {
    .people-thumbs-title {
        font-size: 18px;
        line-height: 25px
    }
}

.people-thumbs-mail {
    font-family: Averta-Regular;
    font-size: 18px;
    line-height: 25px;
    color: #33c5f3
}

.faq-section {
    margin-bottom: 70px
}

@media all and (min-width: 1024px) {
    .faq-section {
        margin-bottom: 140px
    }
}

.faq-title {
    font-family: Averta-ExtraBold;
    color: #33c5f3;
    position: relative;
    border-top: 12px solid #33c5f3;
    padding-top: 14px;
    font-size: 17px;
    line-height: 49px
}

@media all and (min-width: 1024px) {
    .faq-title {
        font-size: 30px;
        line-height: 32px
    }
}

.faq-question {
    border-top: 3px solid #33c5f3;
    padding-top: 15px;
    margin-bottom: 10px
}

@media all and (min-width: 1024px) {
    .faq-question {
        padding-top: 25px;
        margin-bottom: 40px
    }
}

.faq-question:hover .faq-question-icon {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media all and (min-width: 1024px) {
    .faq-question:hover .faq-question-icon {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
}

.faq-question-title {
    font-family: Averta-ExtraBold;
    font-size: 17px;
    line-height: 29px;
    color: #33c5f3;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer
}

@media all and (min-width: 1024px) {
    .faq-question-title {
        font-size: 30px;
        line-height: 32px
    }
}

.faq-question-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #33c5f3;
    overflow: hidden;
    displaY: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(0deg) translateY(0);
    -ms-transform: rotate(0deg) translateY(0);
    transform: rotate(0deg) translateY(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition: .4s
}

.faq-question-icon svg {
    width: 80%;
    height: 80%;
    margin: 10%
}

.faq-question-icon svg * {
    fill: #fff;
    transition: .4s
}

.faq-question.active .faq-question-icon {
    -webkit-transform: rotate(180deg) translateY(0);
    -ms-transform: rotate(180deg) translateY(0);
    transform: rotate(180deg) translateY(0)
}

.faq-question.active:hover .faq-question-icon {
    -webkit-transform: rotate(180deg) translateY(-10px);
    -ms-transform: rotate(180deg) translateY(-10px);
    transform: rotate(180deg) translateY(-10px)
}

.faq-question.active .faq-answer {
    max-height: 1000px;
    transition: max-height .7s 0s
}

.faq-question.active .faq-answer-container {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .4s .3s
}

.faq-answer {
    max-height: 1px;
    color: #33c5f3;
    font-family: Averta-Regular;
    font-size: 15px;
    line-height: 24px;
    overflow: hidden;
    transition: opacity .4s 0s, max-height .4s .4s, -webkit-transform 0s .4s;
    transition: opacity .4s 0s, max-height .4s .4s, transform 0s .4s;
    transition: opacity .4s 0s, max-height .4s .4s, transform 0s .4s, -webkit-transform 0s .4s
}

@media all and (min-width: 1024px) {
    .faq-answer {
        font-size: 20px;
        line-height: 17px
    }
}

.faq-answer-container {
    opacity: 0;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    transition: opacity .4s 0s, -webkit-transform 0s .4s;
    transition: opacity .4s 0s, transform 0s .4s;
    transition: opacity .4s 0s, transform 0s .4s, -webkit-transform 0s .4s
}

.contact-section {
    margin-bottom: 140px
}

.contact-section .co-home-title, .contact-section .people-title {
    margin-bottom: 40px
}

@media all and (min-width: 1024px) {
    .contact-section .co-home-title, .contact-section .people-title {
        margin-bottom: 80px
    }
}

.contact-address {
    position: relative;
    margin-bottom: 30px
}

@media all and (min-width: 768px) {
    .contact-address {
        min-height: 220px;
        margin-bottom: 0
    }
}

.contact-address:nth-child(3) .contact-address-text {
    border-top: none;
    padding-top: 0
}

@media all and (min-width: 768px) {
    .contact-address:nth-child(3) .contact-address-text {
        border-top: 3px solid #33c5f3;
        padding-top: 30px
    }
}

.contact-address-text {
    font-size: 15px;
    line-heighT: 22px;
    font-family: Averta-Regular;
    color: #33c5f3;
    border-top: 3px solid #33c5f3;
    padding-top: 15px
}

@media all and (min-width: 768px) {
    .contact-address-text {
        padding-top: 30px
    }
}

@media all and (min-width: 1024px) {
    .contact-address-text {
        padding-top: 30px;
        font-size: 20px;
        line-heighT: 34px
    }
}

.contact-address-text a {
    color: #33c5f3;
    transition: .4s
}

.contact-address-text a:hover {
    color: #04336c
}

.contact-address-map {
    font-size: 18px;
    line-heighT: normal;
    font-family: Averta-ExtraBold;
    color: #33c5f3;
    transition: .4s
}

.contact-address-map:hover {
    color: #04336c
}

.contact-address-map:hover .contact-address-map-icon svg * {
    fill: #04336c
}

.contact-address-map-icon {
    width: 18px;
    height: 24px;
    display: inline-block;
    vertical-align: bottom
}

.contact-address-map-icon svg {
    width: 100%;
    heighT: 100%
}

.contact-address-map-icon svg * {
    fill: #33c5f3;
    transition: .4s
}

.contact-address-phone {
    font-size: 12px;
    line-heighT: 14px;
    font-family: Averta-ExtraBold;
    color: #33c5f3
}

@media all and (min-width: 768px) {
    .contact-address-phone {
        position: absolute;
        bottom: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@media all and (min-width: 1024px) {
    .contact-address-phone {
        position: absolute;
        bottom: 0;
        font-size: 22px;
        line-height: 32px;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@media all and (min-width: 1200px) {
    .contact-address-phone {
        font-size: 30px;
        line-height: 32px
    }
}

.contact-address-phone:hover {
    color: #04336c
}

.contact-field, .contact-field-message {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
    color: #33c5f3;
    background: none;
    border: none;
    font-family: Averta-ExtraBold;
    font-size: 18px;
    line-height: 75px;
    height: 75px;
    outline: none;
    border-bottom: 3px solid #33c5f3
}

.contact-field-message:focus + .contact-label, .contact-field-message:valid + .contact-label, .contact-field:focus + .contact-label, .contact-field:valid + .contact-label {
    font-size: 12px;
    line-height: 12px;
    height: 12px;
    top: 8px;
    transition: .4s 0s
}

.contact-field-group {
    position: relative;
    height: 75px
}

.contact-field-group.message-group {
    height: 150px
}

.contact-field-group.message-group .contact-label {
    background: none
}

.contact-field-message {
    height: 150px;
    max-height: 150px;
    max-width: 100%;
    min-width: 100%;
    background: linear-gradient(transparent 72px, #33c5f3 0, #33c5f3 75px, transparent 0)
}

.contact-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: #33c5f3;
    font-family: Averta-ExtraBold;
    font-size: 18px;
    line-height: 75px;
    opacity: 1;
    max-width: 100%;
    overflow: hidden;
    transition: .4s 0s;
    background: #eaebec;
    width: 100%;
    height: calc(100% - 3px)
}

.contact-form-submit {
    padding-top: 35px;
    text-align: right
}

.contact-form-submit-icon {
    width: 30px;
    heighT: 30px;
    display: inline-block;
    vertical-align: middle;
    background: #33c5f3;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .4s
}

.contact-form-submit-icon svg {
    width: 80%;
    heighT: 80%;
    margin: 10%
}

.contact-form-submit-icon svg * {
    fill: #fff;
    transition: .4s
}

.contact-form-button {
    font-size: 14px;
    font-family: Averta-ExtraBold;
    line-heighT: normal;
    color: #33c5f3;
    background: none;
    border: none;
    outline: none;
    transition: .4s
}

.contact-form-button:hover + .contact-form-submit-icon {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.fob-list {
    margin-bottom: 70px
}

@media all and (min-width: 1024px) {
    .fob-list {
        margin-bottom: 150px
    }
}

.fob-list .offers-counter {
    margin-bottom: 30px
}

.fob-list .offers-counter-count {
    font-size: 60px
}

@media all and (min-width: 1024px) {
    .fob-list .offers-counter-count {
        font-size: 80px
    }
}

.fob-list .offers-counter-total {
    font-size: 20px;
    line-heighT: normal
}

@media all and (min-width: 1024px) {
    .fob-list .offers-counter-total {
        font-size: 30px
    }
}

.fob-slide {
    font-size: 13px;
    color: #33c5f3;
    font-family: Averta-Regular;
    line-height: 22px
}

@media all and (min-width: 1024px) {
    .fob-slide {
        font-size: 26px;
        line-height: 36px
    }
}

.timeline {
    position: relative;
    height: 44px;
    margin-bottom: 220px;
    display: none
}

@media all and (min-width: 768px) {
    .timeline {
        display: block
    }
}

.timeline-wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.timeline-wrapper:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    heighT: 3px;
    background: #33c5f3
}

.timeline-item {
    position: relative;
    width: 12px
}

.timeline-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 22px;
    background: #33c5f3;
    transition: .4s .4s
}

.timeline-item-text {
    position: absolute;
    top: 65px;
    left: 6px;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    opacity: 0;
    transition: .4s 0s;
    font-family: Averta-ExtraBold;
    font-size: 14px;
    line-heighT: normal;
    color: #33c5f3;
    text-transform: uppercase
}

.timeline-item.active:before {
    height: 44px
}

.timeline-item.active .timeline-item-text {
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 1;
    transition: .4s .4s
}

.fob-problems {
    margin-bottom: 150px
}

.fob-problems .fob-title {
    margin-bottom: 70px
}

.fob-problems-note {
    font-family: Averta-Regular
}

.fob-problems-note, .fob-solution {
    font-size: 20px;
    line-height: 36px;
    color: #33c5f3
}

.fob-solution {
    font-family: Averta-ExtraBold;
    border-top: 3px solid #33c5f3;
    padding-top: 15px;
    margin-bottom: 40px
}

.fob-benefits {
    background-repeat: no-repeat;
    background-size: cover
}

.fob-benefits-grid {
    position: relative;
    z-index: 2
}

.fob-benefits-grid .offers-slider-button-wrapper {
    width: 100%;
    max-width: 300px
}

.fob-benefits-grid .offers-slides {
    margin-bottom: 50px
}

.fob-benefits-grid .offers-slides .fob-slide {
    color: #fff
}

.fob-benefits-grid .offers-counter {
    margin-bottom: 20px
}

.network-grid {
    margin-bottom: 60px
}

@media all and (min-width: 1024px) {
    .network-grid {
        height: 90vh;
        max-height: 900px
    }
}

.network-map {
    height: 90vh
}

@media all and (min-width: 1024px) {
    .network-map {
        heighT: 100%
    }
}

.infoWrapper {
    width: 350px;
    padding-bottom: 10px
}

.infoContainer {
    widtH: 100%;
    background: #33c5f3;
    padding: 45px 35px;
    color: #fff;
    font-size: 15px;
    font-family: Averta-Regular;
    line-height: 22px;
    position: relative
}

.infoContainer:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    width: 0;
    height: 0;
    border-top: 10px solid #33c5f3;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

.infoContainer a {
    font-size: 15px;
    font-family: Averta-Regular;
    line-height: 22px;
    color: #fff;
    text-decoration: underline;
    transition: .4s
}

.infoContainer a:hover {
    text-decoration: none
}

.infoContainer p {
    margin: 0;
    padding: 0
}

.infoTitle {
    font-family: Averta-ExtraBold;
    font-size: 18px;
    line-height: 32px;
    border-bottom: 3px solid #fff;
    margin-bottom: 10px
}

.info-close-btn {
    position: relative
}

.info-close-btn:after, .info-close-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    heighT: 3px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.info-close-btn:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.network-filters {
    height: 100%;
    background: #33c5f3;
    padding-top: 90px
}

.network-filter {
    padding: 0 12%;
    margin-bottom: 20px;
    color: #fff;
    overflow: hidden;
    position: relative;
    display: block
}

.network-filter.active .filter-options {
    max-height: 1000px
}

.filter-title {
    font-family: Averta-ExtraBold;
    font-size: 20px;
    line-heighT: 22px;
    border-top: 3px solid #fff;
    padding-top: 15px;
    margin-bottom: 30px;
    padding-right: 30px;
    position: relative;
    cursor: pointer
}

@media all and (min-width: 1200px) {
    .filter-title {
        font-size: 30px;
        line-heighT: 32px
    }
}

.filter-title:after {
    content: "";
    position: absolute;
    background: url(../svg/right.svg) no-repeat 50%;
    background-size: 20px;
    width: 30px;
    heighT: 30px;
    right: 0;
    top: 15px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: .4s
}

.filter-title:hover:after {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.filter-options {
    max-height: 0;
    transition: .7s
}

.filter-option {
    display: block
}

.filter-check {
    position: absolute;
    left: -100%
}

.filter-check:checked + .filter-label:after {
    opacity: 1
}

.filter-label {
    font-family: Averta-Regular;
    font-size: 14px;
    line-height: 19px;
    padding-left: 30px;
    position: relative
}

@media all and (min-width: 1200px) {
    .filter-label {
        font-size: 20px;
        line-height: 32px
    }
}

.filter-label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.filter-label:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 4px;
    background: none;
    border-left: 2px solid #33c5f3;
    border-bottom: 2px solid #33c5f3;
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
    top: 5px;
    left: 2px;
    opacity: 0;
    transition: .4s
}