/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

*, :after, :before {
    box-sizing: border-box
}

:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
    margin: 0
}

hr {
    color: inherit;
    height: 0
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

.iti {
    display: inline-block;
    position: relative
}

    .iti * {
        box-sizing: border-box;
        -moz-box-sizing: border-box
    }

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input, .iti input[type=tel], .iti input[type=text] {
    margin-bottom: 0 !important;
    margin-right: 0;
    margin-top: 0 !important;
    padding-right: 36px;
    position: relative;
    z-index: 0
}

.iti__flag-container {
    bottom: 0;
    padding: 1px;
    position: absolute;
    right: 0;
    top: 0
}

.iti__selected-flag {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 6px 0 8px;
    position: relative;
    z-index: 1
}

.iti__arrow {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
    height: 0;
    margin-left: 6px;
    width: 0
}

.iti__arrow--up {
    border-bottom: 4px solid #555;
    border-top: none
}

.iti__country-list {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    list-style: none;
    margin: 0 0 0 -1px;
    max-height: 200px;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    z-index: 2
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.iti__flag-box {
    display: inline-block;
    width: 20px
}

.iti__divider {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.iti__country {
    outline: none;
    padding: 5px 10px
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0,0,0,.05)
}

.iti__country-name, .iti__dial-code, .iti__flag-box {
    vertical-align: middle
}

.iti__country-name, .iti__flag-box {
    margin-right: 6px
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text] {
    margin-left: 0;
    padding-left: 52px;
    padding-right: 6px
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    left: 0;
    right: auto
}

    .iti--allow-dropdown .iti__flag-container:hover {
        cursor: pointer
    }

        .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
            background-color: rgba(0,0,0,.05)
        }

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default
}

    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
        background-color: transparent
    }

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0,0,0,.05)
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px
}

.iti--container {
    left: -1000px;
    padding: 1px;
    position: absolute;
    top: -1000px;
    z-index: 1060
}

    .iti--container:hover {
        cursor: pointer
    }

.iti-mobile .iti--container {
    bottom: 30px;
    left: 30px;
    position: fixed;
    right: 30px;
    top: 30px
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .iti__country {
    line-height: 1.5em;
    padding: 10px
}

.iti__flag {
    width: 20px
}

    .iti__flag.iti__be {
        width: 18px
    }

    .iti__flag.iti__ch {
        width: 15px
    }

    .iti__flag.iti__mc {
        width: 19px
    }

    .iti__flag.iti__ne {
        width: 18px
    }

    .iti__flag.iti__np {
        width: 13px
    }

    .iti__flag.iti__va {
        width: 15px
    }

    .iti__flag.iti__ac {
        background-position: 0 0;
        height: 10px
    }

    .iti__flag.iti__ad {
        background-position: -22px 0;
        height: 14px
    }

    .iti__flag.iti__ae {
        background-position: -44px 0;
        height: 10px
    }

    .iti__flag.iti__af {
        background-position: -66px 0;
        height: 14px
    }

    .iti__flag.iti__ag {
        background-position: -88px 0;
        height: 14px
    }

    .iti__flag.iti__ai {
        background-position: -110px 0;
        height: 10px
    }

    .iti__flag.iti__al {
        background-position: -132px 0;
        height: 15px
    }

    .iti__flag.iti__am {
        background-position: -154px 0;
        height: 10px
    }

    .iti__flag.iti__ao {
        background-position: -176px 0;
        height: 14px
    }

    .iti__flag.iti__aq {
        background-position: -198px 0;
        height: 14px
    }

    .iti__flag.iti__ar {
        background-position: -220px 0;
        height: 13px
    }

    .iti__flag.iti__as {
        background-position: -242px 0;
        height: 10px
    }

    .iti__flag.iti__at {
        background-position: -264px 0;
        height: 14px
    }

    .iti__flag.iti__au {
        background-position: -286px 0;
        height: 10px
    }

    .iti__flag.iti__aw {
        background-position: -308px 0;
        height: 14px
    }

    .iti__flag.iti__ax {
        background-position: -330px 0;
        height: 13px
    }

    .iti__flag.iti__az {
        background-position: -352px 0;
        height: 10px
    }

    .iti__flag.iti__ba {
        background-position: -374px 0;
        height: 10px
    }

    .iti__flag.iti__bb {
        background-position: -396px 0;
        height: 14px
    }

    .iti__flag.iti__bd {
        background-position: -418px 0;
        height: 12px
    }

    .iti__flag.iti__be {
        background-position: -440px 0;
        height: 15px
    }

    .iti__flag.iti__bf {
        background-position: -460px 0;
        height: 14px
    }

    .iti__flag.iti__bg {
        background-position: -482px 0;
        height: 12px
    }

    .iti__flag.iti__bh {
        background-position: -504px 0;
        height: 12px
    }

    .iti__flag.iti__bi {
        background-position: -526px 0;
        height: 12px
    }

    .iti__flag.iti__bj {
        background-position: -548px 0;
        height: 14px
    }

    .iti__flag.iti__bl {
        background-position: -570px 0;
        height: 14px
    }

    .iti__flag.iti__bm {
        background-position: -592px 0;
        height: 10px
    }

    .iti__flag.iti__bn {
        background-position: -614px 0;
        height: 10px
    }

    .iti__flag.iti__bo {
        background-position: -636px 0;
        height: 14px
    }

    .iti__flag.iti__bq {
        background-position: -658px 0;
        height: 14px
    }

    .iti__flag.iti__br {
        background-position: -680px 0;
        height: 14px
    }

    .iti__flag.iti__bs {
        background-position: -702px 0;
        height: 10px
    }

    .iti__flag.iti__bt {
        background-position: -724px 0;
        height: 14px
    }

    .iti__flag.iti__bv {
        background-position: -746px 0;
        height: 15px
    }

    .iti__flag.iti__bw {
        background-position: -768px 0;
        height: 14px
    }

    .iti__flag.iti__by {
        background-position: -790px 0;
        height: 10px
    }

    .iti__flag.iti__bz {
        background-position: -812px 0;
        height: 14px
    }

    .iti__flag.iti__ca {
        background-position: -834px 0;
        height: 10px
    }

    .iti__flag.iti__cc {
        background-position: -856px 0;
        height: 10px
    }

    .iti__flag.iti__cd {
        background-position: -878px 0;
        height: 15px
    }

    .iti__flag.iti__cf {
        background-position: -900px 0;
        height: 14px
    }

    .iti__flag.iti__cg {
        background-position: -922px 0;
        height: 14px
    }

    .iti__flag.iti__ch {
        background-position: -944px 0;
        height: 15px
    }

    .iti__flag.iti__ci {
        background-position: -961px 0;
        height: 14px
    }

    .iti__flag.iti__ck {
        background-position: -983px 0;
        height: 10px
    }

    .iti__flag.iti__cl {
        background-position: -1005px 0;
        height: 14px
    }

    .iti__flag.iti__cm {
        background-position: -1027px 0;
        height: 14px
    }

    .iti__flag.iti__cn {
        background-position: -1049px 0;
        height: 14px
    }

    .iti__flag.iti__co {
        background-position: -1071px 0;
        height: 14px
    }

    .iti__flag.iti__cp {
        background-position: -1093px 0;
        height: 14px
    }

    .iti__flag.iti__cr {
        background-position: -1115px 0;
        height: 12px
    }

    .iti__flag.iti__cu {
        background-position: -1137px 0;
        height: 10px
    }

    .iti__flag.iti__cv {
        background-position: -1159px 0;
        height: 12px
    }

    .iti__flag.iti__cw {
        background-position: -1181px 0;
        height: 14px
    }

    .iti__flag.iti__cx {
        background-position: -1203px 0;
        height: 10px
    }

    .iti__flag.iti__cy {
        background-position: -1225px 0;
        height: 14px
    }

    .iti__flag.iti__cz {
        background-position: -1247px 0;
        height: 14px
    }

    .iti__flag.iti__de {
        background-position: -1269px 0;
        height: 12px
    }

    .iti__flag.iti__dg {
        background-position: -1291px 0;
        height: 10px
    }

    .iti__flag.iti__dj {
        background-position: -1313px 0;
        height: 14px
    }

    .iti__flag.iti__dk {
        background-position: -1335px 0;
        height: 15px
    }

    .iti__flag.iti__dm {
        background-position: -1357px 0;
        height: 10px
    }

    .iti__flag.iti__do {
        background-position: -1379px 0;
        height: 14px
    }

    .iti__flag.iti__dz {
        background-position: -1401px 0;
        height: 14px
    }

    .iti__flag.iti__ea {
        background-position: -1423px 0;
        height: 14px
    }

    .iti__flag.iti__ec {
        background-position: -1445px 0;
        height: 14px
    }

    .iti__flag.iti__ee {
        background-position: -1467px 0;
        height: 13px
    }

    .iti__flag.iti__eg {
        background-position: -1489px 0;
        height: 14px
    }

    .iti__flag.iti__eh {
        background-position: -1511px 0;
        height: 10px
    }

    .iti__flag.iti__er {
        background-position: -1533px 0;
        height: 10px
    }

    .iti__flag.iti__es {
        background-position: -1555px 0;
        height: 14px
    }

    .iti__flag.iti__et {
        background-position: -1577px 0;
        height: 10px
    }

    .iti__flag.iti__eu {
        background-position: -1599px 0;
        height: 14px
    }

    .iti__flag.iti__fi {
        background-position: -1621px 0;
        height: 12px
    }

    .iti__flag.iti__fj {
        background-position: -1643px 0;
        height: 10px
    }

    .iti__flag.iti__fk {
        background-position: -1665px 0;
        height: 10px
    }

    .iti__flag.iti__fm {
        background-position: -1687px 0;
        height: 11px
    }

    .iti__flag.iti__fo {
        background-position: -1709px 0;
        height: 15px
    }

    .iti__flag.iti__fr {
        background-position: -1731px 0;
        height: 14px
    }

    .iti__flag.iti__ga {
        background-position: -1753px 0;
        height: 15px
    }

    .iti__flag.iti__gb {
        background-position: -1775px 0;
        height: 10px
    }

    .iti__flag.iti__gd {
        background-position: -1797px 0;
        height: 12px
    }

    .iti__flag.iti__ge {
        background-position: -1819px 0;
        height: 14px
    }

    .iti__flag.iti__gf {
        background-position: -1841px 0;
        height: 14px
    }

    .iti__flag.iti__gg {
        background-position: -1863px 0;
        height: 14px
    }

    .iti__flag.iti__gh {
        background-position: -1885px 0;
        height: 14px
    }

    .iti__flag.iti__gi {
        background-position: -1907px 0;
        height: 10px
    }

    .iti__flag.iti__gl {
        background-position: -1929px 0;
        height: 14px
    }

    .iti__flag.iti__gm {
        background-position: -1951px 0;
        height: 14px
    }

    .iti__flag.iti__gn {
        background-position: -1973px 0;
        height: 14px
    }

    .iti__flag.iti__gp {
        background-position: -1995px 0;
        height: 14px
    }

    .iti__flag.iti__gq {
        background-position: -2017px 0;
        height: 14px
    }

    .iti__flag.iti__gr {
        background-position: -2039px 0;
        height: 14px
    }

    .iti__flag.iti__gs {
        background-position: -2061px 0;
        height: 10px
    }

    .iti__flag.iti__gt {
        background-position: -2083px 0;
        height: 13px
    }

    .iti__flag.iti__gu {
        background-position: -2105px 0;
        height: 11px
    }

    .iti__flag.iti__gw {
        background-position: -2127px 0;
        height: 10px
    }

    .iti__flag.iti__gy {
        background-position: -2149px 0;
        height: 12px
    }

    .iti__flag.iti__hk {
        background-position: -2171px 0;
        height: 14px
    }

    .iti__flag.iti__hm {
        background-position: -2193px 0;
        height: 10px
    }

    .iti__flag.iti__hn {
        background-position: -2215px 0;
        height: 10px
    }

    .iti__flag.iti__hr {
        background-position: -2237px 0;
        height: 10px
    }

    .iti__flag.iti__ht {
        background-position: -2259px 0;
        height: 12px
    }

    .iti__flag.iti__hu {
        background-position: -2281px 0;
        height: 10px
    }

    .iti__flag.iti__ic {
        background-position: -2303px 0;
        height: 14px
    }

    .iti__flag.iti__id {
        background-position: -2325px 0;
        height: 14px
    }

    .iti__flag.iti__ie {
        background-position: -2347px 0;
        height: 10px
    }

    .iti__flag.iti__il {
        background-position: -2369px 0;
        height: 15px
    }

    .iti__flag.iti__im {
        background-position: -2391px 0;
        height: 10px
    }

    .iti__flag.iti__in {
        background-position: -2413px 0;
        height: 14px
    }

    .iti__flag.iti__io {
        background-position: -2435px 0;
        height: 10px
    }

    .iti__flag.iti__iq {
        background-position: -2457px 0;
        height: 14px
    }

    .iti__flag.iti__ir {
        background-position: -2479px 0;
        height: 12px
    }

    .iti__flag.iti__is {
        background-position: -2501px 0;
        height: 15px
    }

    .iti__flag.iti__it {
        background-position: -2523px 0;
        height: 14px
    }

    .iti__flag.iti__je {
        background-position: -2545px 0;
        height: 12px
    }

    .iti__flag.iti__jm {
        background-position: -2567px 0;
        height: 10px
    }

    .iti__flag.iti__jo {
        background-position: -2589px 0;
        height: 10px
    }

    .iti__flag.iti__jp {
        background-position: -2611px 0;
        height: 14px
    }

    .iti__flag.iti__ke {
        background-position: -2633px 0;
        height: 14px
    }

    .iti__flag.iti__kg {
        background-position: -2655px 0;
        height: 12px
    }

    .iti__flag.iti__kh {
        background-position: -2677px 0;
        height: 13px
    }

    .iti__flag.iti__ki {
        background-position: -2699px 0;
        height: 10px
    }

    .iti__flag.iti__km {
        background-position: -2721px 0;
        height: 12px
    }

    .iti__flag.iti__kn {
        background-position: -2743px 0;
        height: 14px
    }

    .iti__flag.iti__kp {
        background-position: -2765px 0;
        height: 10px
    }

    .iti__flag.iti__kr {
        background-position: -2787px 0;
        height: 14px
    }

    .iti__flag.iti__kw {
        background-position: -2809px 0;
        height: 10px
    }

    .iti__flag.iti__ky {
        background-position: -2831px 0;
        height: 10px
    }

    .iti__flag.iti__kz {
        background-position: -2853px 0;
        height: 10px
    }

    .iti__flag.iti__la {
        background-position: -2875px 0;
        height: 14px
    }

    .iti__flag.iti__lb {
        background-position: -2897px 0;
        height: 14px
    }

    .iti__flag.iti__lc {
        background-position: -2919px 0;
        height: 10px
    }

    .iti__flag.iti__li {
        background-position: -2941px 0;
        height: 12px
    }

    .iti__flag.iti__lk {
        background-position: -2963px 0;
        height: 10px
    }

    .iti__flag.iti__lr {
        background-position: -2985px 0;
        height: 11px
    }

    .iti__flag.iti__ls {
        background-position: -3007px 0;
        height: 14px
    }

    .iti__flag.iti__lt {
        background-position: -3029px 0;
        height: 12px
    }

    .iti__flag.iti__lu {
        background-position: -3051px 0;
        height: 12px
    }

    .iti__flag.iti__lv {
        background-position: -3073px 0;
        height: 10px
    }

    .iti__flag.iti__ly {
        background-position: -3095px 0;
        height: 10px
    }

    .iti__flag.iti__ma {
        background-position: -3117px 0;
        height: 14px
    }

    .iti__flag.iti__mc {
        background-position: -3139px 0;
        height: 15px
    }

    .iti__flag.iti__md {
        background-position: -3160px 0;
        height: 10px
    }

    .iti__flag.iti__me {
        background-position: -3182px 0;
        height: 10px
    }

    .iti__flag.iti__mf {
        background-position: -3204px 0;
        height: 14px
    }

    .iti__flag.iti__mg {
        background-position: -3226px 0;
        height: 14px
    }

    .iti__flag.iti__mh {
        background-position: -3248px 0;
        height: 11px
    }

    .iti__flag.iti__mk {
        background-position: -3270px 0;
        height: 10px
    }

    .iti__flag.iti__ml {
        background-position: -3292px 0;
        height: 14px
    }

    .iti__flag.iti__mm {
        background-position: -3314px 0;
        height: 14px
    }

    .iti__flag.iti__mn {
        background-position: -3336px 0;
        height: 10px
    }

    .iti__flag.iti__mo {
        background-position: -3358px 0;
        height: 14px
    }

    .iti__flag.iti__mp {
        background-position: -3380px 0;
        height: 10px
    }

    .iti__flag.iti__mq {
        background-position: -3402px 0;
        height: 14px
    }

    .iti__flag.iti__mr {
        background-position: -3424px 0;
        height: 14px
    }

    .iti__flag.iti__ms {
        background-position: -3446px 0;
        height: 10px
    }

    .iti__flag.iti__mt {
        background-position: -3468px 0;
        height: 14px
    }

    .iti__flag.iti__mu {
        background-position: -3490px 0;
        height: 14px
    }

    .iti__flag.iti__mv {
        background-position: -3512px 0;
        height: 14px
    }

    .iti__flag.iti__mw {
        background-position: -3534px 0;
        height: 14px
    }

    .iti__flag.iti__mx {
        background-position: -3556px 0;
        height: 12px
    }

    .iti__flag.iti__my {
        background-position: -3578px 0;
        height: 10px
    }

    .iti__flag.iti__mz {
        background-position: -3600px 0;
        height: 14px
    }

    .iti__flag.iti__na {
        background-position: -3622px 0;
        height: 14px
    }

    .iti__flag.iti__nc {
        background-position: -3644px 0;
        height: 10px
    }

    .iti__flag.iti__ne {
        background-position: -3666px 0;
        height: 15px
    }

    .iti__flag.iti__nf {
        background-position: -3686px 0;
        height: 10px
    }

    .iti__flag.iti__ng {
        background-position: -3708px 0;
        height: 10px
    }

    .iti__flag.iti__ni {
        background-position: -3730px 0;
        height: 12px
    }

    .iti__flag.iti__nl {
        background-position: -3752px 0;
        height: 14px
    }

    .iti__flag.iti__no {
        background-position: -3774px 0;
        height: 15px
    }

    .iti__flag.iti__np {
        background-position: -3796px 0;
        height: 15px
    }

    .iti__flag.iti__nr {
        background-position: -3811px 0;
        height: 10px
    }

    .iti__flag.iti__nu {
        background-position: -3833px 0;
        height: 10px
    }

    .iti__flag.iti__nz {
        background-position: -3855px 0;
        height: 10px
    }

    .iti__flag.iti__om {
        background-position: -3877px 0;
        height: 10px
    }

    .iti__flag.iti__pa {
        background-position: -3899px 0;
        height: 14px
    }

    .iti__flag.iti__pe {
        background-position: -3921px 0;
        height: 14px
    }

    .iti__flag.iti__pf {
        background-position: -3943px 0;
        height: 14px
    }

    .iti__flag.iti__pg {
        background-position: -3965px 0;
        height: 15px
    }

    .iti__flag.iti__ph {
        background-position: -3987px 0;
        height: 10px
    }

    .iti__flag.iti__pk {
        background-position: -4009px 0;
        height: 14px
    }

    .iti__flag.iti__pl {
        background-position: -4031px 0;
        height: 13px
    }

    .iti__flag.iti__pm {
        background-position: -4053px 0;
        height: 14px
    }

    .iti__flag.iti__pn {
        background-position: -4075px 0;
        height: 10px
    }

    .iti__flag.iti__pr {
        background-position: -4097px 0;
        height: 14px
    }

    .iti__flag.iti__ps {
        background-position: -4119px 0;
        height: 10px
    }

    .iti__flag.iti__pt {
        background-position: -4141px 0;
        height: 14px
    }

    .iti__flag.iti__pw {
        background-position: -4163px 0;
        height: 13px
    }

    .iti__flag.iti__py {
        background-position: -4185px 0;
        height: 11px
    }

    .iti__flag.iti__qa {
        background-position: -4207px 0;
        height: 8px
    }

    .iti__flag.iti__re {
        background-position: -4229px 0;
        height: 14px
    }

    .iti__flag.iti__ro {
        background-position: -4251px 0;
        height: 14px
    }

    .iti__flag.iti__rs {
        background-position: -4273px 0;
        height: 14px
    }

    .iti__flag.iti__ru {
        background-position: -4295px 0;
        height: 14px
    }

    .iti__flag.iti__rw {
        background-position: -4317px 0;
        height: 14px
    }

    .iti__flag.iti__sa {
        background-position: -4339px 0;
        height: 14px
    }

    .iti__flag.iti__sb {
        background-position: -4361px 0;
        height: 10px
    }

    .iti__flag.iti__sc {
        background-position: -4383px 0;
        height: 10px
    }

    .iti__flag.iti__sd {
        background-position: -4405px 0;
        height: 10px
    }

    .iti__flag.iti__se {
        background-position: -4427px 0;
        height: 13px
    }

    .iti__flag.iti__sg {
        background-position: -4449px 0;
        height: 14px
    }

    .iti__flag.iti__sh {
        background-position: -4471px 0;
        height: 10px
    }

    .iti__flag.iti__si {
        background-position: -4493px 0;
        height: 10px
    }

    .iti__flag.iti__sj {
        background-position: -4515px 0;
        height: 15px
    }

    .iti__flag.iti__sk {
        background-position: -4537px 0;
        height: 14px
    }

    .iti__flag.iti__sl {
        background-position: -4559px 0;
        height: 14px
    }

    .iti__flag.iti__sm {
        background-position: -4581px 0;
        height: 15px
    }

    .iti__flag.iti__sn {
        background-position: -4603px 0;
        height: 14px
    }

    .iti__flag.iti__so {
        background-position: -4625px 0;
        height: 14px
    }

    .iti__flag.iti__sr {
        background-position: -4647px 0;
        height: 14px
    }

    .iti__flag.iti__ss {
        background-position: -4669px 0;
        height: 10px
    }

    .iti__flag.iti__st {
        background-position: -4691px 0;
        height: 10px
    }

    .iti__flag.iti__sv {
        background-position: -4713px 0;
        height: 12px
    }

    .iti__flag.iti__sx {
        background-position: -4735px 0;
        height: 14px
    }

    .iti__flag.iti__sy {
        background-position: -4757px 0;
        height: 14px
    }

    .iti__flag.iti__sz {
        background-position: -4779px 0;
        height: 14px
    }

    .iti__flag.iti__ta {
        background-position: -4801px 0;
        height: 10px
    }

    .iti__flag.iti__tc {
        background-position: -4823px 0;
        height: 10px
    }

    .iti__flag.iti__td {
        background-position: -4845px 0;
        height: 14px
    }

    .iti__flag.iti__tf {
        background-position: -4867px 0;
        height: 14px
    }

    .iti__flag.iti__tg {
        background-position: -4889px 0;
        height: 13px
    }

    .iti__flag.iti__th {
        background-position: -4911px 0;
        height: 14px
    }

    .iti__flag.iti__tj {
        background-position: -4933px 0;
        height: 10px
    }

    .iti__flag.iti__tk {
        background-position: -4955px 0;
        height: 10px
    }

    .iti__flag.iti__tl {
        background-position: -4977px 0;
        height: 10px
    }

    .iti__flag.iti__tm {
        background-position: -4999px 0;
        height: 14px
    }

    .iti__flag.iti__tn {
        background-position: -5021px 0;
        height: 14px
    }

    .iti__flag.iti__to {
        background-position: -5043px 0;
        height: 10px
    }

    .iti__flag.iti__tr {
        background-position: -5065px 0;
        height: 14px
    }

    .iti__flag.iti__tt {
        background-position: -5087px 0;
        height: 12px
    }

    .iti__flag.iti__tv {
        background-position: -5109px 0;
        height: 10px
    }

    .iti__flag.iti__tw {
        background-position: -5131px 0;
        height: 14px
    }

    .iti__flag.iti__tz {
        background-position: -5153px 0;
        height: 14px
    }

    .iti__flag.iti__ua {
        background-position: -5175px 0;
        height: 14px
    }

    .iti__flag.iti__ug {
        background-position: -5197px 0;
        height: 14px
    }

    .iti__flag.iti__um {
        background-position: -5219px 0;
        height: 11px
    }

    .iti__flag.iti__un {
        background-position: -5241px 0;
        height: 14px
    }

    .iti__flag.iti__us {
        background-position: -5263px 0;
        height: 11px
    }

    .iti__flag.iti__uy {
        background-position: -5285px 0;
        height: 14px
    }

    .iti__flag.iti__uz {
        background-position: -5307px 0;
        height: 10px
    }

    .iti__flag.iti__va {
        background-position: -5329px 0;
        height: 15px
    }

    .iti__flag.iti__vc {
        background-position: -5346px 0;
        height: 14px
    }

    .iti__flag.iti__ve {
        background-position: -5368px 0;
        height: 14px
    }

    .iti__flag.iti__vg {
        background-position: -5390px 0;
        height: 10px
    }

    .iti__flag.iti__vi {
        background-position: -5412px 0;
        height: 14px
    }

    .iti__flag.iti__vn {
        background-position: -5434px 0;
        height: 14px
    }

    .iti__flag.iti__vu {
        background-position: -5456px 0;
        height: 12px
    }

    .iti__flag.iti__wf {
        background-position: -5478px 0;
        height: 14px
    }

    .iti__flag.iti__ws {
        background-position: -5500px 0;
        height: 10px
    }

    .iti__flag.iti__xk {
        background-position: -5522px 0;
        height: 15px
    }

    .iti__flag.iti__ye {
        background-position: -5544px 0;
        height: 14px
    }

    .iti__flag.iti__yt {
        background-position: -5566px 0;
        height: 14px
    }

    .iti__flag.iti__za {
        background-position: -5588px 0;
        height: 14px
    }

    .iti__flag.iti__zm {
        background-position: -5610px 0;
        height: 14px
    }

    .iti__flag.iti__zw {
        background-position: -5632px 0;
        height: 10px
    }

.iti__flag {
    background-color: #dbdbdb;
    background-image: url(../images/flags.png);
    background-position: 20px 0;
    background-repeat: no-repeat;
    box-shadow: 0 0 1px 0 #888;
    height: 15px
}

    .iti__flag.iti__np {
        background-color: transparent
    }

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

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Montserrat/Montserrat-Medium.eot);
    src: url(../fonts/Montserrat/Montserrat-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat/Montserrat-Medium.woff) format("woff"),url(../fonts/Montserrat/Montserrat-Medium.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.eot);
    src: url(../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat/Montserrat-SemiBold.woff) format("woff"),url(../fonts/Montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Montserrat/Montserrat-Bold.eot);
    src: url(../fonts/Montserrat/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Montserrat/Montserrat-Bold.woff) format("woff"),url(../fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype")
}

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

@font-face {
    font-display: swap;
    font-family: Acrom;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Acrom/Acrom-Medium.eot);
    src: url(../fonts/Acrom/Acrom-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Acrom/Acrom-Medium.woff) format("woff"),url(../fonts/Acrom/Acrom-Medium.woff2) format("woff2"),url(../fonts/Acrom/Acrom-Medium.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Acrom;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Acrom/Acrom-Bold.eot);
    src: url(../fonts/Acrom/Acrom-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Acrom/Acrom-Bold.woff) format("woff"),url(../fonts/Acrom/Acrom-Bold.woff2) format("woff2"),url(../fonts/Acrom/Acrom-Bold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Acrom;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/Acrom/Acrom-ExtraBold.eot);
    src: url(../fonts/Acrom/Acrom-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Acrom/Acrom-ExtraBold.woff) format("woff"),url(../fonts/Acrom/Acrom-ExtraBold.woff2) format("woff2"),url(../fonts/Acrom/Acrom-ExtraBold.ttf) format("truetype")
}

@font-face {
    font-display: swap;
    font-family: Futura;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Futura/Futura-Bold.eot);
    src: url(../fonts/Futura/Futura-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Futura/Futura-Bold.woff) format("woff"),url(../fonts/Futura/Futura-Bold.woff2) format("woff2"),url(../fonts/Futura/Futura-Bold.ttf) format("truetype")
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit;
    margin: 0;
    padding: 0
}

body {
    color: #6b6f7a;
    font-family: Acrom,Arial,sans-serif
}

ol, ul {
    list-style: none
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

h1, h2, h3, h4, h5, h6 {
    margin: 0
}

a {
    display: block;
    text-decoration: none
}

.scroll-hidden {
    overflow: hidden
}

.container {
    margin: 0 auto;
    width: 280px
}

.section__title {
    font-family: Acrom,Arial,sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 40px;
    text-transform: uppercase
}

    .section__title:before {
        content: "[";
        margin-right: 16px
    }

    .section__title:after {
        content: "]";
        margin-left: 16px
    }

.section__button {
    background-color: gold;
    border: none;
    border-radius: 30px;
    box-shadow: 0 8px 43px rgba(255,107,8,.59);
    cursor: pointer;
    display: block;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: 50px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 270px
}

.section__button, .sub-text {
    color: #fff;
    font-family: Acrom,Arial,sans-serif;
    font-weight: 800
}

.sub-text {
    background-color: #562a87;
    display: inline-block;
    font-size: 16px;
    line-height: 21px
}

    .sub-text:before {
        content: "[";
        margin-right: 8px
    }

    .sub-text:after {
        content: "]";
        margin-left: 8px
    }

@-webkit-keyframes anime {
    0% {
        transform: translateY(-200px)
    }

    40% {
        transform: translateY(0),rotate(0)
    }

    50% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes anime {
    0% {
        transform: translateY(-200px)
    }

    40% {
        transform: translateY(0),rotate(0)
    }

    50% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.header {
    padding: 37px 0 65px;
    position: relative
}

    .header:after {
        background-color: #fff;
        bottom: 0;
        content: "";
        height: 26px;
        left: 50%;
        position: absolute;
        transform: rotate(45deg) translate(-50%,50%);
        transform-origin: left bottom;
        width: 26px
    }

.header__title_size {
    color: #fff;
    font-family: Acrom,sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.333;
    margin-bottom: 12px;
    text-align: center;
    text-transform: uppercase
}

    .header__title_size:before {
        content: "[";
        margin-right: 16px
    }

    .header__title_size:after, .header__title_size:before {
        color: gold;
        font-family: Acrom,sans-serif;
        font-size: 28px;
        font-weight: 700;
        line-height: 1.333
    }

    .header__title_size:after {
        content: "]";
        margin-left: 16px
    }

.header__slogan {
    font-size: 18px;
    line-height: 24px;
    margin: 0 auto 26px;
    padding: 0 25px
}

.header__slogan, .header__text {
    color: #fff;
    font-family: Acrom,Arial,sans-serif;
    font-weight: 400;
    text-align: center
}

.header__text {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 14px;
    padding: 0 50px
}

.header__start {
    color: #fdc33f;
    font-family: Acrom,Arial,sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: center
}

.header__holiday, .header__project {
    color: #fff;
    font-family: Acrom,Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 32px;
    padding-left: 42px;
    padding-right: 42px;
    text-align: center;
    text-transform: uppercase
}

.header__project_arrow:after, .header__project_arrow:before {
    content: "//"
}

.header__button {
    line-height: 50px
}

.site-logo {
    display: block;
    width: 100px
}

.whyit {
    padding: 56px 0 62px
}

.whyit__title {
    color: #000;
    margin-bottom: 20px;
    text-align: center
}

    .whyit__title:after, .whyit__title:before {
        color: gold
    }

.whyit__description {
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 26px;
    margin-bottom: 22px;
    padding: 0 22px;
    text-align: center
}

.whyit-list {
    text-align: center
}

.whyit-list__text {
    font-family: Acrom,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding: 0 24px
}

.whyit-list__item:before {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(11,20,30,.08);
    content: "";
    display: block;
    height: 84px;
    margin: 0 auto 14px;
    width: 84px
}

.whyit-list__item_money:before {
    background-image: url(../images/icons/money.png)
}

.whyit-list__item_controls:before {
    background-image: url(../images/icons/controls.png)
}

.whyit-list__item_clock:before {
    background-image: url(../images/icons/clock.png)
}

.whyit-list__item_bus:before {
    background-image: url(../images/icons/bus.png)
}

.choose {
    background-color: #f2f2f2;
    overflow: hidden;
    padding: 56px 0 58px;
    position: relative
}

    .choose:after {
        background-color: #fff;
        bottom: 0;
        content: "";
        height: 26px;
        left: 50%;
        position: absolute;
        transform: rotate(45deg) translate(-50%,50%);
        transform-origin: left bottom;
        width: 26px
    }

.choose__graph {
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto
}

.choose__graph-picture {
    display: block;
    margin-bottom: 10px
}

.choose-qwe {
    color: gold;
    font-family: Acrom,Arial,sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase
}

.choose-list {
    margin-bottom: 30px
}

.choose-list__item:not(:last-child) {
    margin-bottom: 42px
}

.choose__title {
    color: #000;
    margin-bottom: 20px;
    text-align: center
}

    .choose__title:after, .choose__title:before {
        color: gold
    }

.choose__description_small {
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    font-size: 14px;
    font-weight: 800;
    line-height: 21px;
    margin-bottom: 14px;
    padding: 0 12px;
    text-align: center
}

.choose__description_light {
    font-weight: 400
}

.offers {
    padding: 56px 0 62px
}

.offers__title_left {
    color: #000;
    margin-bottom: 38px;
    text-align: center
}

    .offers__title_left:after, .offers__title_left:before {
        color: gold
    }

.offers-list {
    margin: 0 auto;
    text-align: center
}

.offers-list__text {
    font-family: Acrom,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.offers-list__item:before {
    background-color: gold;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    content: "";
    display: block;
    height: 84px;
    margin: 0 auto 8px;
    width: 84px
}

.offers-list__item_plant:before {
    background-image: url(../images/icons/plant.png)
}

.offers-list__item_lamp:before {
    background-image: url(../images/icons/lamp.png)
}

.offers-list__item_hand:before {
    background-image: url(../images/icons/hand.png)
}

.offers-list__item_house:before {
    background-image: url(../images/icons/house.png)
}

.offers-list__item_cup:before {
    background-image: url(../images/icons/cup.png)
}

.try {
    background-attachment: fixed;
    background-image: url(../images/try/img_bg-first2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 0 64px;
    position: relative
}

    .try:after {
        background-color: #fff;
        bottom: 0;
        content: "";
        height: 26px;
        left: 50%;
        position: absolute;
        transform: rotate(45deg) translate(-50%,50%);
        transform-origin: left bottom;
        width: 26px
    }

.section__title_try {
    color: #fff;
    font-size: 28px;
    line-height: 38px;
    margin: 0 auto 22px;
    text-align: center
}

    .section__title_try:after, .section__title_try:before, .try-text {
        color: #fff
    }

.try-text {
    font-family: Acrom,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 auto;
    text-align: center
}

.try-text__item {
    background-color: gold;
    padding: 0 3px
}

.try-description {
    color: #000;
    font-family: Acrom,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 auto;
    text-align: center
}

.try-description__item {
    background-color: #fdc33f;
    padding: 0 3px
}

.developing {
    padding: 64px 0
}

.developing-title {
    color: #000;
    font-family: Acrom,sans-serif;
    font-size: 18px;
    font-weight: 800;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase
}

.developing-item__list {
    display: block;
    letter-spacing: -.8px;
    text-align: center;
    width: 236px
}

    .developing-item__list:before {
        background-position: 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 64px;
        margin: 0 auto 20px;
        width: 64px
    }

.developing-item__list_first:before {
    background-image: url(../images/developing/computer.png)
}

.developing-item__list_second:before {
    background-image: url(../images/developing/people.png)
}

.developing-item__list_third:before {
    background-image: url(../images/developing/message.png)
}

.developing-item__list_fourth:before {
    background-image: url(../images/developing/man.png)
}

.developing-item__list-title {
    margin: 0 auto 20px;
    text-align: center
}

.developing-item__list-description {
    color: #6b6f7a;
    font-family: Acrom,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: center
}

.maraphone {
    background-image: url(../images/maraphone/mobile-first.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 64px 0;
    position: relative
}

    .maraphone:after {
        background-color: #fff;
        bottom: -31px;
        content: "";
        height: 36px;
        left: 50%;
        position: absolute;
        transform: rotate(45deg) translate(-50%);
        width: 36px
    }

.maraphone-description {
    color: #000;
    font-family: Acrom,sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.556;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 270px
}

.maraphone-description__span-text, .maraphone-description__text {
    color: #fff
}

.maraphone-description:before {
    content: "[";
    font-family: Acrom,sans-serif
}

.maraphone-description:after, .maraphone-description:before {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.313
}

.maraphone-description:after {
    content: "_]";
    font-family: Acrom
}

.go {
    padding: 62px 0 66px;
    position: relative
}

.go-aside__text {
    color: #000;
    font-weight: 700;
    margin: 0 auto 30px
}

.go-aside__description, .go-aside__text {
    font-family: Acrom,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: left
}

.go-aside__description {
    color: #6b6f7a;
    font-weight: 400;
    margin: 0 auto 40px
}

.go-aside__description-text {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.go-aside__button {
    margin-bottom: 20px
}

.title__str {
    color: #000;
    letter-spacing: -.5px;
    margin-bottom: 30px;
    text-align: left
}

    .title__str:before {
        color: gold;
        position: relative
    }

    .title__str:after {
        color: gold
    }

.structure {
    border-top: 2px dashed #e5e5e5;
    padding-bottom: 60px;
    padding-top: 60px
}

.instruction-list {
    color: #6b6f7a;
    display: block;
    font-family: Acrom,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 35px
}

.instruction-list__item {
    padding-left: 25px
}

    .instruction-list__item:before {
        background-image: url(../images/structure/list-dec.png);
        content: "";
        display: block;
        height: 13px;
        position: relative;
        right: 35px;
        top: 22px;
        width: 15px
    }

.instruction-list__dec {
    color: #000;
    font-weight: 700
}

.button__str {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2px;
    line-height: 50px;
    margin-bottom: 22px
}

.decor {
    display: block;
    padding-left: 15px
}

.text {
    background-color: #562a87;
    display: block;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

    .text, .text:before {
        color: #fff;
        font-family: Acrom,sans-serif;
        font-size: 16px;
        font-weight: 800;
        line-height: 21px
    }

        .text:before {
            content: "["
        }

        .text:after {
            color: #fff;
            content: "]";
            font-family: Acrom,sans-serif;
            font-size: 16px;
            font-weight: 800;
            line-height: 21px
        }

.text-add {
    display: block;
    margin: 0 auto
}

.text-subtitle {
    color: gold;
    font-family: Acrom,sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 26px;
    margin-bottom: 40px;
    text-transform: uppercase
}

.introduction {
    color: #000;
    font-family: Acrom,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 38px
}

.sub-introduction {
    background-color: gold;
    font-weight: 700
}

.oportunity-text {
    clear: left;
    color: #6b6f7a;
    font-family: Acrom,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 15px
}

.oportunity-img {
    border: 29px solid #562a87
}

.oportunity-img__dec {
    border: 29px solid #fff;
    border-right: none;
    box-shadow: 1px 1.732px 6px 0 #000
}

.button__pr {
    margin-bottom: 20px
}

.oportunity-dec {
    color: #000;
    font-weight: 700
}

.skills-list {
    counter-reset: my-counter
}

.skills-list__title {
    float: left;
    margin-bottom: 15px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.skills-list__item {
    counter-increment: my-counter;
    margin-bottom: 40px
}

    .skills-list__item:before {
        align-items: baseline;
        color: gold;
        content: "#" counter(my-counter,decimal-leading-zero);
        float: left;
        font-family: Acrom,sans-serif;
        font-size: 23px;
        font-weight: 800;
        line-height: 24px;
        margin-right: 8px
    }

.skills-list__title_struct {
    float: left;
    margin-bottom: 15px
}

    .skills-list__title_struct, .skills-list__title_struct:after, .skills-list__title_struct:before {
        font-size: 23px;
        font-weight: 800;
        line-height: 21px
    }

.skills-list__title_struct_hard {
    width: 164px
}

.skills-list__title_struct_soft {
    width: 160px
}

.skills-list__title_struct_english {
    width: 157px
}

.skills-list__title_struct_career {
    width: 188px
}

.project {
    padding-bottom: 65px
}

.section__title_mentor {
    margin-bottom: 34px
}

    .mentor, .section__title_mentor:after, .section__title_mentor:before {
        color: #fff
    }

.mentor {
    background-color: #562a87;
    font-family: Acrom,Arial,sans-serif;
    padding-bottom: 60px;
    padding-top: 60px;
    text-align: center
}

.mentor__subtitle {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px
}

.mentor__subtitle_ora {
    margin-bottom: 5px
}

.mentor__subtitle_yell {
    margin-bottom: 23px
}

.mentor__subtitle_orange {
    color: #fff;
    padding: 0 5px
}

    .mentor__subtitle_orange:first-child {
        margin-bottom: 5px
    }

.mentor__subtitle_yellow {
    color: #fff
}

    .mentor__subtitle_yellow:not(:last-child) {
        margin-bottom: 5px
    }

.mentor__discription {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin: auto auto 35px
}

.mentor__list {
    text-align: left
}

.mentor__list-title {
    font-size: 23px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.mentor__list-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding-left: 65px;
    position: relative
}

    .mentor__list-item:before {
        background-color: #fdc33f;
        content: "";
        display: inline-block;
        height: 12px;
        left: 25px;
        position: absolute;
        top: 2px;
        width: 12px
    }

.section__title_community {
    color: #000;
    margin-bottom: 25px;
    text-align: center
}

    .section__title_community:after, .section__title_community:before {
        color: gold
    }

.community {
    border-bottom: 1px dashed rgba(0,0,0,.1);
    font-family: Acrom,Arial,sans-serif;
    padding-bottom: 58px;
    padding-top: 60px;
    position: relative
}

    .community:after {
        background-color: #fff;
        content: "";
        display: block;
        height: 36px;
        left: 50%;
        position: absolute;
        top: -5px;
        transform: rotate(45deg) translateX(-50%);
        width: 36px
    }

.community__text-wrap {
    padding: 0 12px
}

.community__subtitle {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 20px
}

.community__discription {
    color: #6b6f7a;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.container_result {
    text-align: center
}

.section__title_result {
    color: #000;
    margin-bottom: 28px;
    text-align: center
}

    .section__title_result:after, .section__title_result:before {
        color: gold
    }

.result {
    border-bottom: 1px dashed rgba(0,0,0,.1);
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    padding-bottom: 58px;
    padding-top: 60px
}

.result__content {
    align-content: center;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start
}

.result__list {
    margin-bottom: 60px
}

.result__list-item {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    padding-left: 65px;
    position: relative;
    text-align: left
}

    .result__list-item:before {
        background-color: gold;
        content: "";
        display: inline-block;
        height: 12px;
        left: 25px;
        position: absolute;
        top: 2px;
        width: 12px
    }

    .result__list-item:not(:last-child) {
        margin-bottom: 24px
    }

.result__text-wrap {
    background-color: #562a87;
    color: #fff;
    margin-bottom: 58px;
    padding: 44px 20px 58px;
    text-align: center
}

.result__text-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 60px;
    margin-bottom: 4px;
    text-transform: uppercase
}

.result__text-comments {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

.section__button_result {
    margin-bottom: 22px
}

.future {
    padding: 60px 0
}

.future-title {
    color: #000;
    margin-bottom: 32px;
    text-align: center;
    text-transform: uppercase
}

    .future-title, .future-title:after, .future-title:before {
        font-family: Acrom,Arial,sans-serif;
        font-size: 30px;
        font-weight: 800;
        line-height: 40px
    }

        .future-title:after, .future-title:before {
            color: gold;
            margin-left: 6px;
            margin-right: 6px
        }

        .future-title:before {
            content: "["
        }

        .future-title:after {
            content: "]"
        }

.future-title__description {
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 55px;
    text-align: center
}

.future__description {
    color: #000;
    display: flex;
    flex-wrap: wrap;
    font-family: Acrom,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.future__description_list:first-child {
    background-color: #fdc33f;
    margin-bottom: 50px;
    padding: 42px 20px
}

.future__description_list:last-child {
    background-color: #562a87;
    color: #fff;
    margin-bottom: 50px;
    padding: 42px 20px
}

.future__description_list_text_bold {
    font-weight: 800
}

.future__description_list:first-child:before {
    content: "01"
}

.future__description_list:first-child:before, .future__description_list:last-child:before {
    bottom: 55px;
    color: #ff802b;
    display: block;
    font-family: Futura,Arial,sans-serif;
    font-size: 80px;
    font-style: italic;
    position: relative
}

.future__description_list:last-child:before {
    content: "02"
}

.your-way {
    color: gold;
    font-family: Acrom,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 42px;
    text-align: center
}

.first-wrapper {
    display: flex;
    flex-direction: column
}

.first-wrapper__list {
    margin: 0 auto
}

.free-marafon {
    padding-left: 45px
}

.free-marafon__list {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 14px;
    text-align: left
}

.free-marafon__first_step {
    color: gold;
    font-family: Acrom,Arial,sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    text-align: left
}

.free-marafon__title {
    font-weight: 900;
    text-transform: uppercase
}

.free-marafon__title, .free-marafon__what-you-learn {
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px
}

.free-marafon__what-you-learn {
    font-weight: 400
}

.free-marafon__you-do {
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.man__list_arrow {
    fill: #fdc33f;
    height: 78px;
    margin-bottom: 8px;
    margin-top: 8px;
    width: 16px
}

.arrow-wrapper {
    display: flex;
    justify-content: center;
    position: relative
}

.arrow-wrapper__month {
    bottom: 40%;
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    left: 60%;
    line-height: 18px;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.mans {
    align-items: center;
    display: flex;
    flex-direction: column
}

.mans__list {
    text-align: center
}

.mans__list_position {
    background-color: #562a87;
    display: inline-block;
    margin-bottom: 8px;
    text-align: center
}

    .mans__list_position, .mans__list_position:before {
        color: #fff;
        font-family: Acrom,Arial,sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px
    }

        .mans__list_position:before {
            content: "[";
            margin-right: 6px
        }

        .mans__list_position:after {
            color: #fff;
            content: "]";
            font-family: Acrom;
            font-size: 18px;
            font-weight: 700;
            line-height: 18px;
            margin-left: 6px
        }

.mans__list_image {
    margin-bottom: 20px
}

.mans__list_salary {
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

.mans__list_salary_orange {
    color: gold
}

.first-step {
    background-color: #562a87;
    padding-bottom: 62px;
    width: 100%
}

.section__title_first-step {
    color: #fff;
    margin: 0 auto 42px;
    padding-top: 60px;
    text-align: left;
    width: 230px
}

    .section__title_first-step:after, .section__title_first-step:before {
        color: gold
    }

.section__button_first-step {
    box-shadow: 0 8px 30px rgba(255,107,8,.59);
    margin-bottom: 22px
}

.sub-text_first-step {
    display: block;
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.awards {
    padding-bottom: 100px;
    padding-top: 60px
}

.section__title_awards {
    color: #000;
    margin: 0 auto 42px;
    text-align: center;
    width: 230px
}

    .section__title_awards:after, .section__title_awards:before {
        color: gold
    }

    .section__title_awards:after {
        content: "_]";
        margin-left: 4px
    }

.article-wraper {
    margin: 0 auto;
    text-align: left;
    width: 224px
}

.article-Go {
    background-image: url(../images/img.png);
    background-position: top 0 right 16px;
    background-repeat: no-repeat;
    background-size: 144px;
    font-family: Acrom,Arial,sans-serif;
    margin: 0 auto 58px;
    padding-top: 18px
}

.article-Go__title {
    margin-bottom: 20px
}

.article-Go__description {
    color: #6b6f7a;
    font-family: Acrom,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.article-title {
    color: #000;
    font-family: Acrom,Arial,sans-serif;
    font-size: 23px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.sub-text__awards {
    text-align: center;
    width: 110px
}

    .sub-text__awards:after, .sub-text__awards:before {
        text-align: center
    }

        .sub-text__awards:after:before, .sub-text__awards:before:before {
            content: "[";
            margin-right: 6px
        }

        .sub-text__awards:after:after, .sub-text__awards:before:after {
            content: "]";
            margin-left: 6px
        }

.sub-text__awards_first {
    margin-bottom: 46px
}

.sub-text__awards_second {
    margin-bottom: 40px
}

.sub-text__awards_third {
    margin-bottom: 52px
}

.article-partner {
    margin: 0 auto 65px
}

.article-awards, .partner-logo {
    margin: 0 auto
}

.article-awards__list {
    margin-bottom: 68px
}

.article-awards__item {
    text-align: left
}

.article-awards__photo {
    margin: 0 auto;
    max-height: 194px
}

.article-awards__title {
    margin-bottom: 17px
}

.article-awards__description {
    color: #6b6f7a;
    font-family: Acrom,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

.article-awards__description--special {
    color: #000;
    font-size: 14px;
    font-weight: 800;
    line-height: 21px
}

.image-wrapper {
    height: 100%;
    width: 100%
}

.sub-text_start {
    display: block;
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.bottom-box {
    background-color: #562a87;
    height: 56px
}

.modalwindow {
    background: rgba(0,0,0,.8);
    bottom: 0;
    display: none;
    font-family: Acrom,Arial,sans-serif;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .4s ease-in;
    z-index: 9999
}

.modalwindow__logo {
    display: inline-block;
    margin: 0 auto 40px
}

.modalwindow_active {
    display: block
}

.modalwindow_container {
    left: 50%;
    margin-top: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    transform: translate(-50%);
    width: 320px
}

.modalwindow__title {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

.modalwindow__form {
    color: #fff;
    display: flex;
    flex-flow: column nowrap;
    font-family: Acrom,Arial,sans-serif;
    font-weight: 700;
    margin: 0 auto;
    text-align: center
}

.modalwindow__form_wrap {
    margin-bottom: 20px
}

    .modalwindow__form_wrap > label {
        margin: 0
    }

.modalwindow__btn {
    box-shadow: 0 8px 19px 0 rgba(0,0,0,.29);
    font-size: 14px;
    font-weight: 600;
    height: 55px;
    line-height: 55px;
    text-align: center;
    width: 250px
}

.close {
    background-color: gold;
    border: none;
    border-radius: 12px;
    box-shadow: 1px 1px 3px #000;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    text-decoration: none;
    top: -10px;
    width: 24px
}

input:focus {
    outline: none
}

.input_email, .input_tel, .input_text {
    border: 2px solid #ccc;
    height: 25px;
    margin: 0 auto;
    padding-left: 5px;
    width: 240px
}

.input_chec {
    margin-left: -18px
}

.header__nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px
}

.header input {
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.toggle-wrapper {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center
}

#transparent {
    height: 4px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 4px
}

.toggle, .toggle-item {
    position: relative
}

.toggle-item {
    background: #2e394d;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    width: 40px
}

.transparent .toggle-item {
    background: transparent;
    border: 2px solid #fff;
    height: 22px
}

.toggle-item:before {
    background: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: "";
    display: block;
    height: 16px;
    left: 1px;
    position: absolute;
    top: 1px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    width: 16px
}

.dot-move:before {
    transform: translateX(18px);
    -webkit-transform: translateX(18px);
    -moz-transform: translateX(18px);
    -ms-transform: translateX(18px);
    -o-transform: translateX(18px)
}

.toggle-item.is-toggle-left:before {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}

.toggle-item.is-toggle-left:before, .toggle-item.is-toggle-right:before {
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
    -o-transition: transform .3s ease
}

.toggle-item.is-toggle-right:before {
    transform: translateX(18px);
    -webkit-transform: translateX(18px);
    -moz-transform: translateX(18px);
    -ms-transform: translateX(18px);
    -o-transform: translateX(18px)
}

.btn-lang {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font: 500 12px Rubik,sans-serif;
    margin: 0 5px;
    opacity: .5;
    outline: none;
    text-transform: uppercase
}

.active {
    opacity: 1;
    text-decoration: underline;
    transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out
}

.choose__caption {
    color: #6b6f7a;
    font-size: 12px;
    margin-left: 22px;
    position: relative;
    text-align: center
}

    .choose__caption:before {
        background-image: url(../images/icons/done.svg);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        display: block;
        height: 18px;
        left: 32px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        width: 18px
    }

.choose__caption-bold {
    color: #545454;
    font-weight: 700
}

.backdrop {
    background-color: rgba(0,0,0,.55);
    bottom: 0;
    display: flex;
    left: 0;
    opacity: 1;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s;
    visibility: visible;
    z-index: 100
}

    .backdrop.is-hidden {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }

.btn-close {
    align-items: center;
    background-image: url(../images/icon-close.svg);
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    outline: none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 24px
}

.btn-close, .modal {
    background-color: #fff;
    background-position: 50%
}

.modal {
    background-repeat: repeat-y;
    background-size: contain;
    border-radius: 4px;
    margin: auto;
    max-width: 480px;
    min-height: 680px;
    padding: 48px 20px;
    transform: translate(0) scale(1);
    transition: transform .3s linear .2s;
    width: 100%
}

.is-hidden .modal {
    transform: translateY(100%) scale(0)
}

.modal-progress-bar {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
    padding: 0
}

    .modal-progress-bar .is-active:before {
        background-color: #fff;
        border-color: gold
    }

    .modal-progress-bar > .item {
        border-bottom: 3px solid gold;
        color: gold;
        flex: 2;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.5;
        overflow: visible;
        padding-bottom: 20px;
        position: relative;
        text-align: center;
        white-space: nowrap
    }

        .modal-progress-bar > .item:first-child, .modal-progress-bar > .item:last-child {
            flex: 1
        }

        .modal-progress-bar > .item:first-child {
            padding-left: 12px;
            text-align: left
        }

        .modal-progress-bar > .item:last-child {
            text-align: right
        }

        .modal-progress-bar > .item:before {
            background-color: #fff;
            border: 4px solid gold;
            border-radius: 50%;
            bottom: -15px;
            content: "";
            display: block;
            height: 30px;
            left: calc(50% - 15px);
            position: absolute;
            transition: all .2s ease-in-out;
            width: 30px
        }

        .modal-progress-bar > .item:first-child:before {
            left: 0
        }

        .modal-progress-bar > .item:last-child:before {
            left: auto;
            right: 0
        }

        .modal-progress-bar > .item.is-active:before {
            transform: scale(1.33)
        }

        .modal-progress-bar > .item span {
            transition: opacity var(--fast) ease-in-out
        }

        .modal-progress-bar > .item:not(.is-active) span {
            opacity: 0
        }

.modal-form {
    margin-top: 24px
}

.modal-title {
    color: #1b1b1f;
    letter-spacing: .1em;
    margin-bottom: 24px;
    text-align: center
}

.modal-form .modal-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    position: relative
}

    .modal-form .modal-group:nth-last-child(2) {
        margin-bottom: 40px
    }

.modal-form .modal-label {
    margin-bottom: 8px
}

.modal-form .modal-input {
    border: 1px solid #676883;
    border-radius: 4px;
    height: 48px;
    outline: none;
    padding: 12px 16px;
    width: 100%
}

    .modal-form .modal-input:focus, .modal-form .modal-input:hover {
        border: 1px solid gold
    }

.modal-form .btn {
    font-size: 12px
}

.modal-form .btn-cont {
    display: flex;
    justify-content: center;
    margin-top: 48px
}

.modal-form .invalid-feedback {
    bottom: -16px;
    color: red;
    font-size: 10px;
    margin-top: 3px;
    position: absolute
}

.modal-message {
    display: none;
    margin-top: 32px
}

.modal-message--show {
    display: block
}

.modal-message .text {
    margin-bottom: 20px;
    width: auto
}

.modal-support {
    margin-top: 20px
}

.support-text {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center
}

.support-list {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

    .support-list li:not(:last-child) {
        margin-right: 30px
    }

.support-icon, .support-link {
    display: block
}

.leeloo {
    display: none
}

.leeloo--active {
    display: block;
    margin-top: 72px;
    overflow: hidden
}

.leeloo .leeloo-lgt-form-wrapper {
    display: block
}

.leeloo iframe {
    display: block;
    margin: 0 auto
}

.progress {
    position: relative;
    width: 100%
}

    .progress, .progress .color {
        border-radius: 15px;
        height: 10px
    }

        .progress .color {
            -webkit-animation: progres 4s linear infinite;
            animation: progres 4s linear infinite;
            background-color: gold;
            position: absolute;
            width: 0
        }

@-webkit-keyframes progres {
    0% {
        width: 0
    }

    25% {
        width: 50%
    }

    50% {
        width: 75%
    }

    75% {
        width: 85%
    }

    to {
        width: 100%
    }
}

@keyframes progres {
    0% {
        width: 0
    }

    25% {
        width: 50%
    }

    50% {
        width: 75%
    }

    75% {
        width: 85%
    }

    to {
        width: 100%
    }
}

.btn {
    background-color: gold;
    border: none;
    border-radius: 30px;
    box-shadow: 0 8px 43px rgba(255,107,8,.59);
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Acrom,Arial,sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 50px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 270px
}

.text-orange {
    color: gold
}

.text-strong {
    font-weight: 700
}

.holidays {
    padding-bottom: 50px
}

    .holidays p {
        margin-bottom: 20px
    }

        .holidays p:last-child {
            margin-bottom: 0
        }

    .holidays .section__title {
        margin-bottom: 38px
    }

    .holidays .btn {
        margin-top: 38px
    }

    .holidays .text-orange {
        font-size: 28px;
        line-height: 1.36
    }

    .holidays .img-cont {
        display: none
    }

.holidays-img {
    margin-bottom: 20px
}

.community__content-img {
    margin-bottom: 30px
}

#chart, #chart2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
    width: 100%
}

.visibility {
    display: none
}

@media (min-width:768px) {
    .header {
        background-image: url(../images/header/bg_mobile.jpg);
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover
    }

    .site-logo {
        -webkit-animation: anime 2s linear;
        animation: anime 2s linear
    }

    .container {
        width: 724px
    }

    .section__title {
        font-size: 35px;
        font-weight: 800;
        line-height: 45px
    }

    .header {
        background-image: url(../images/header/bg_tablet.jpg);
        padding-bottom: 84px
    }

    .header__slogan {
        background-color: hsla(0,0%,100%,.2);
        border-radius: 30px;
        height: 50px;
        line-height: 50px;
        margin-bottom: 36px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .header__text {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 30px
    }

    .header__start {
        color: #fdc33f;
        font-size: 44px;
        font-weight: 400;
        line-height: 53px;
        margin-bottom: 36px
    }

    .header__holiday, .header__project {
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 14px
    }

    .header__project_arrow:after, .header__project_arrow:before {
        content: url(../images/header/arrow.png)
    }

    .header__title_size {
        font-size: 43px;
        margin-bottom: 12px
    }

        .header__title_size:after, .header__title_size:before {
            font-size: 43px
        }

    .site-logo {
        margin-left: 0
    }

    .whyit {
        padding: 84px 0 88px
    }

    .whyit__description {
        margin-bottom: 20px;
        padding: 0 92px
    }

    .whyit-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        width: 490px
    }

    .whyit-list__item {
        width: 228px
    }

    .whyit-list__text {
        padding: 0
    }

    .choose {
        padding: 86px 0 90px
    }

    .choose-list {
        margin-bottom: 38px
    }

    .choose-list__item {
        margin: 0 auto;
        width: 516px
    }

        .choose-list__item:not(:last-child) {
            margin-bottom: 36px
        }

    .choose__graph {
        margin: 0 auto 25px
    }

    .choose-qwe {
        font-size: 23px;
        font-weight: 800;
        line-height: 28px
    }

    .offers {
        padding: 86px 0 90px
    }

    .offers__title_left {
        margin-bottom: 28px;
        padding: 0 124px
    }

    .offers-list {
        display: flex;
        justify-content: space-between;
        width: 600px
    }

    .offers-list__item {
        width: 101px
    }

    .offers-list__text {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .section__title_try {
        margin-bottom: 30px;
        width: 600px
    }

    .try {
        background-image: url(../images/try/tablet_first.jpg);
        padding: 86px 0 92px
    }

    .try-text {
        background-color: gold;
        margin-bottom: 4px;
        padding: 0 3px;
        width: 544px
    }

    .try-text__item {
        padding: 0
    }

    .try-description {
        background-color: #fdc33f;
        padding: 0 3px;
        width: 680px
    }

    .try-description__item {
        padding: 0
    }

    .developing-title {
        margin-bottom: 40px
    }

    .developing-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 auto;
        position: relative;
        width: 490px
    }

        .developing-item:before {
            border-bottom: 18px solid transparent;
            border-left: 33px solid gold;
            border-top: 18px solid transparent;
            content: "";
            display: block;
            height: 38px;
            left: -2%;
            position: absolute;
            transform: rotate(45deg);
            width: 33px
        }

    .developing-item__list {
        width: 224px
    }

    .maraphone {
        background-image: url(../images/maraphone/tablet_first.jpg);
        padding: 78px 0
    }

    .maraphone-description {
        width: 620px
    }

    .maraphone-description__tagline {
        display: block
    }

    .go {
        background-image: url(../images/go/go.png);
        background-position: right 11% top 92px;
        background-repeat: no-repeat;
        padding-top: 92px;
        opacity:0.6;
        position: relative
    }

        .go:before {
            border-bottom: 18px solid transparent;
            border-left: 33px solid gold;
            border-top: 18px solid transparent;
            bottom: -19px;
            content: "";
            display: block;
            height: 38px;
            position: absolute;
            right: 20%;
            width: 33px;
            z-index: 123
        }

    .go-aside {
        margin-left: 60px;
        padding: 0;
        width: 50%
    }

    .go-aside__description {
        margin-bottom: 70px
    }

    .structure {
        position: relative
    }

        .structure:before {
            border-bottom: 18px solid transparent;
            border-left: 33px solid gold;
            border-top: 18px solid transparent;
            content: "";
            display: block;
            height: 35px;
            left: 17%;
            position: absolute;
            top: 40px;
            transform: rotate(45deg);
            width: 30px
        }

    .title__str {
        color: #000;
        text-align: center
    }

    .instruction-list {
        display: flex;
        flex-wrap: wrap;
        width: 710px
    }

        .instruction-list:before {
            background-image: url(../images/structure/bg.png);
            background-position: 50%;
            background-repeat: no-repeat;
            content: "";
            display: block;
            height: 255px;
            left: 0;
            position: absolute;
            width: 330px
        }

    .instruction-list__dec_trans {
        display: block
    }

    .instruction-list__item {
        padding-left: 370px
    }

    .text-subtitle {
        font-size: 23px;
        text-align: center
    }

    .project {
        position: relative
    }

        .project:before {
            border-bottom: 18px solid transparent;
            border-left: 33px solid gold;
            border-top: 18px solid transparent;
            bottom: 48px;
            content: "";
            display: block;
            height: 35px;
            position: absolute;
            right: 20%;
            transform: rotate(5deg);
            width: 30px
        }

    .introduction {
        margin: 0 auto;
        text-align: center;
        width: 640px
    }

    .sub-introduction {
        color: #fff;
        display: inline
    }

    .introduction-dec, .skills-list {
        display: block
    }

    .skills-list {
        margin-bottom: 75px;
        padding-top: 40px
    }

    .skills-list__item {
        position: relative
    }

        .skills-list__item:before {
            margin-left: 130px
        }

        .skills-list__item:after {
            background-color: gold;
            content: "";
            display: block;
            height: 3px;
            left: 75px;
            position: absolute;
            top: 2.5%;
            width: 43px
        }

    .oportunity-img {
        border: 29px solid #562a87;
        box-shadow: 1px 1.732px 6px 0 #000;
        margin: 0 auto;
        width: 475px
    }

    .oportunity-img__dec {
        border: 29px solid #fff
    }

    .project {
        padding-bottom: 90px
    }

    .skills-wrapper {
        padding-left: 40px
    }

    .mentor__subtitle_ora {
        background-color: gold;
        margin: 0 auto 5px;
        max-width: 612px
    }

    .mentor__subtitle_yell {
        background-color: gold;
        color: #fff;
        padding: 0 5px
    }

    .mentor__subtitle_mobile-vissible {
        display: none
    }

    .mentor__discription {
        font-size: 14px;
        font-weight: 600;
        line-height: 21px;
        margin-bottom: 43px;
        max-width: 538px
    }

    .mentor__list-item {
        width: 330px
    }

    .mentor__list-item_three {
        order: 1
    }

    .mentor__list-item_four {
        order: 2
    }

    .mentor__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .mentor {
        background-image: url(../images/mentor/mentor-bg.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 106px;
        padding-top: 90px
    }

    .container_center {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .community__content {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .community__text-wrap {
        max-width: 290px
    }

    .community {
        padding-bottom: 95px;
        padding-top: 90px
    }

        .community:before {
            border-bottom: 18px solid transparent;
            border-left: 33px solid gold;
            border-top: 18px solid transparent;
            bottom: -19px;
            content: "";
            display: block;
            height: 38px;
            position: absolute;
            right: 30%;
            width: 33px
        }

    .result__list {
        max-width: 600px
    }

    .result__text-wrap {
        width: 600px
    }

    .result__text-title {
        text-align: left
    }

    .result {
        padding-bottom: 95px;
        padding-top: 90px
    }

    .future__description_list:first-child, .future__description_list:last-child {
        padding: 42px 50px
    }

    .title {
        font-size: 35px;
        font-weight: 800;
        line-height: 45px
    }

    .first-wrapper {
        flex-direction: row-reverse
    }

    .future__description_list:first-child:before, .future__description_list:last-child:before {
        bottom: 58px
    }

    .first-step {
        padding-bottom: 78px;
        position: relative
    }

        .first-step:after {
            background-color: #fff;
            bottom: -31px;
            content: "";
            height: 36px;
            left: 50%;
            position: absolute;
            transform: rotate(45deg) translate(-50%);
            width: 36px
        }

    .section__title_first-step {
        margin-bottom: 44px;
        padding-top: 88px;
        text-align: center;
        width: 640px
    }

    .section__button_first-step {
        letter-spacing: 1.2px;
        margin: 0 auto;
        width: 366px
    }

    .sub-text_first-step {
        display: none
    }

    .awards {
        padding-bottom: 116px;
        width: 600px
    }

    .section__title_awards {
        padding-top: 94px;
        width: 600px
    }

    .article-wraper {
        margin: 0;
        width: 388px
    }

    .article-Go {
        background-position: top 2px right 18px;
        margin-bottom: 44px;
        padding-right: 38px;
        padding-top: 12px
    }

    .sub-text__awards {
        font-size: 16px;
        font-weight: 500;
        line-height: 21px
    }

    .sub-text__awards_first {
        margin-bottom: 34px
    }

    .sub-text__awards_second {
        margin-bottom: 42px
    }

    .sub-text__awards_third {
        margin-bottom: 12px
    }

    .article-awards__list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 68px
    }

    .article-awards__item {
        height: 398px;
        margin-bottom: 0;
        text-align: left;
        width: 290px
    }

    .article-awards__title {
        margin-bottom: 14px
    }

    .image-wrapper {
        align-items: flex-end;
        display: flex;
        height: 194px;
        margin-bottom: 28px
    }

    .modalwindow_container {
        margin-top: 0;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 420px
    }

    .modalwindow__btn {
        width: 280px
    }

    .input_email, .input_tel, .input_text {
        height: 40px;
        width: 280px
    }

    .modal {
        padding: 72px 40px
    }

    .modal-form {
        margin-top: 48px
    }

    #chart, #chart2 {
        max-width: 768px
    }

    .choose-graph {
        display: none
    }
}

@media (min-width:992px) {
    .instruction-list {
        margin-bottom: 80px
    }

        .instruction-list:before {
            left: 170px
        }

    .structure {
        padding-bottom: 94px
    }

    .button__str:before {
        bottom: 450px
    }
}

@media (min-width:1200px) {
    .container {
        width: 940px
    }

    .section__title {
        font-size: 43px;
        font-weight: 800;
        line-height: 60px
    }

    .section__button {
        cursor: pointer;
        overflow: hidden;
        position: relative;
        transition: all 1s ease-in-out
    }

        .section__button:before {
            background-color: hsla(0,0%,100%,.5);
            content: "";
            display: block;
            height: 100%;
            left: -60px;
            position: absolute;
            top: 0;
            transform: skewX(-45deg) translateX(0);
            transition: none;
            width: 40px
        }

        .section__button:hover {
            background-color: gold;
            color: #fff
        }

            .section__button:hover:before {
                transform: skewX(-45deg) translateX(460px);
                transition: all 1s ease-in-out
            }

    @-webkit-keyframes sheen {
        0% {
            transform: skewY(-45deg) translateX(0)
        }

        to {
            transform: skewY(-45deg) translateX(460px)
        }
    }

    @keyframes sheen {
        0% {
            transform: skewY(-45deg) translateX(0)
        }

        to {
            transform: skewY(-45deg) translateX(460px)
        }
    }

    .header {
        background-image: url(../images/header/bg_desktop.jpg);
        padding-bottom: 82px
    }

    .header__slogan {
        font-size: 21px;
        font-weight: 400;
        margin-bottom: 26px;
        margin-top: 65px
    }

    .header__text {
        font-size: 31px;
        font-weight: 400;
        line-height: 38px;
        margin-bottom: 24px
    }

    .header__title_size {
        font-size: 53px;
        margin-bottom: 10px
    }

        .header__title_size:after, .header__title_size:before {
            font-size: 53px
        }

    .whyit {
        padding: 80px 0 88px
    }

    .whyit__title {
        margin-bottom: 16px
    }

    .whyit__description {
        font-size: 23px;
        line-height: 28px;
        margin-bottom: 28px;
        padding: 0 124px
    }

    .whyit-list {
        width: 100%
    }

    .whyit-list__item {
        width: 210px
    }

    .whyit-list__text {
        font-size: 16px;
        line-height: 24px
    }

    .choose {
        padding: 80px 0 88px
    }

    .choose__title {
        margin-bottom: 28px
    }

    .choose__graph {
        margin: 0
    }

    .choose-list {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px
    }

    .choose-list__item {
        margin: 0;
        width: 460px
    }

        .choose-list__item:last-of-type .choose__description_small {
            -webkit-hyphens: auto;
            hyphens: auto
        }

    .choose__description_small {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -.1px;
        line-height: 24px;
        margin-bottom: 52px;
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }

    .offers {
        padding: 78px 0 90px
    }

    .offers-list {
        width: 780px
    }

    .offers-list__item {
        width: 140px
    }

    .offers-list__text {
        font-size: 16px;
        line-height: 24px
    }

    .offers__title_left {
        margin-bottom: 44px;
        padding: 0 184px
    }

    .try {
        background-image: url(../images/try/desktop.jpg)
    }

    .section__title_try {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 16px;
        width: 650px
    }

    .try-text {
        font-size: 21px;
        line-height: 28px;
        width: 632px
    }

    .try-description {
        font-size: 21px;
        width: 810px
    }

    .developing-item {
        display: flex;
        justify-content: space-between;
        width: 940px
    }

    .maraphone {
        background-image: url(../images/maraphone/desktop.jpg);
        padding: 94px 0
    }

    .maraphone-description {
        width: 600px
    }

    .maraphone-description__tagline {
        display: initial
    }

    .maraphone-description__text {
        color: #000
    }

    .go-aside {
        margin-left: 160px;
        padding: 0;
        width: 42%
    }

    .go {
        background-position: right 30% top 92px
    }

        .go:before {
            right: 31%
        }

    .project {
        padding-bottom: 95px;
        padding-top: 75px
    }

        .project:before {
            right: 34%
        }

    .skills-list {
        align-items: baseline;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

        .skills-list:before {
            bottom: -1720px
        }

    .skills-list__item {
        width: 400px
    }

        .skills-list__item :nth-child(-n+2) {
            margin-bottom: 20px
        }

        .skills-list__item:before {
            margin-left: 50px
        }

        .skills-list__item:after {
            left: 7px
        }

    .skills-list:after {
        left: 5px
    }

    .oportunity-img:hover {
        border: 29px solid gold;
        box-shadow: 0 55px 55px -45px rgba(0,0,0,.5);
        opacity: .97
    }

    .mentor__subtitle_yell {
        max-width: 820px
    }

    .mentor__list {
        display: flex;
        justify-content: center
    }

    .mentor {
        background-image: url(../images/mentor/mentor-bg-desk.jpg);
        padding-bottom: 108px;
        padding-top: 85px
    }

    .community__subtitle {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px
    }

    .community__discription {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .result__content {
        align-items: center;
        flex-direction: row
    }

    .result__list {
        max-width: 460px
    }

    .result__text-wrap {
        max-width: 460px;
        padding-bottom: 44px;
        padding-left: 74px;
        padding-top: 30px
    }

    .result__text-comments {
        text-align: left
    }

    .title {
        font-size: 43px;
        font-weight: 800;
        line-height: 60px
    }

    .title__description {
        font-size: 23px;
        font-weight: 700;
        line-height: 28px
    }

    .title:after, .title:before {
        font-size: 43px;
        font-weight: 800;
        line-height: 60px
    }

    .mans {
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between
    }

    .free-marafon {
        padding: 0;
        width: 250px
    }

    .free-marafon__list {
        margin-bottom: 5px
    }

    .free-marafon__title {
        margin-right: 4px
    }

    .first-wrapper {
        display: flex;
        transform: translateY(-7%);
        width: 380px
    }

    .second-wrapper {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
        width: 350px
    }

    .first {
        bottom: -140px;
        height: 300px;
        left: 280px;
        position: absolute;
        transform: rotate(-90deg)
    }

    .first_two {
        bottom: 30px;
        left: 235px;
        position: absolute
    }

    .second {
        height: 90px;
        left: 150px;
        position: absolute;
        top: -83px;
        transform: rotate(-90deg)
    }

    .second_two {
        bottom: 40px;
        left: 128px;
        position: absolute
    }

    .middle {
        height: 110px;
        left: 168px;
        position: absolute;
        top: -93px;
        transform: rotate(-90deg)
    }

    .middle_two {
        bottom: 40px;
        left: 145px;
        position: absolute
    }

    .future__description {
        justify-content: space-between
    }

    .future__description_list {
        width: 460px
    }

    .section__title_first-step {
        margin-bottom: 30px;
        padding-top: 80px;
        width: 940px
    }

    .awards {
        width: 940px
    }

    .two-articles {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    .article-wraper {
        width: 385px
    }

    .article-partner {
        padding-top: 12px;
        width: 460px
    }

    .article-awards__item:not(:last-child) {
        margin-right: 20px
    }
}

@media screen and (min-width:1200px) {
    .community__content-img {
        height: 300px;
        margin-bottom: 0;
        width: 460px
    }
}

@media (min-width:1280px) {
    .holidays .container {
        align-items: center;
        display: flex
    }

    .holidays .text-cont {
        width: 50%
    }

    .holidays .img-cont {
        display: block;
        padding-top: 80px
    }

    .holidays-img {
        display: none
    }

    #chart, #chart2 {
        margin-left: -12px;
        max-width: 100%
    }
}

@media (max-width:1199px) {
    .free-marafon__title {
        width: 95px
    }

    .future__description {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (max-width:767.98px) {
    .header {
        background-color: rgba(0,0,0,.8);
        background-image: linear-gradient(white, black, white, black,white);
    }

    #chart {
        display: none
    }
}

@media (max-width:767px) {
    .whyit-list__item:not(:last-child) {
        margin-bottom: 30px
    }

    .container_graph {
        padding: 0 20px;
        width: 100%
    }

    .choose__graph-picture {
        margin: 0 auto
    }

    .choose__graph {
        width: auto
    }

    .offers-list__item:not(:last-child) {
        margin-bottom: 22px
    }

    .offers-list__text {
        padding: 0 42px
    }

    .offers__title_left {
        text-align: left
    }

    .try-text {
        width: 190px
    }

    .try-description {
        width: 280px
    }

    .developing-item__list {
        margin: 0 auto
    }

        .developing-item__list:not(:last-child), .developing-title {
            margin-bottom: 30px
        }

    .developing-title {
        width: 164px
    }

    .mentor__subtitle_orange, .mentor__subtitle_yellow {
        background-color: gold
    }

    .mentor__subtitle_tablet-vissible {
        display: none
    }

    .mentor__list-item:not(:last-child) {
        margin-bottom: 18px
    }

    .community__content-img {
        margin-bottom: 30px
    }

    .container_result {
        padding: 0;
        width: 100%
    }

    .article-awards__item:not(:last-child) {
        margin-bottom: 70px
    }

    .article-awards__photo {
        margin-bottom: 28px
    }
}

@media screen and (max-width:767px) {
    .choose__caption:before {
        display: none
    }
}

@media (max-width:500px) {
    .iti__country-list {
        white-space: normal
    }
}

@media screen and (max-width:767px) and (min-width:1200px) {
    .community__content-img {
        height: 300px;
        width: 460px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .whyit-list__item:not(:nth-last-child(-n+2)) {
        margin-bottom: 20px
    }

    .developing-item__list:not(:nth-last-child(-n+2)) {
        margin-bottom: 36px
    }

    .oportunity-text {
        margin-bottom: 20px;
        padding-left: 75px;
        width: 688px
    }

    .result__text-title {
        padding-left: 42px
    }

    .result__text-comments {
        margin: 0 auto;
        text-align: center;
        width: 476px
    }

    .mans {
        align-items: flex-start;
        justify-content: space-between;
        margin: 0 auto;
        width: 59.3333%
    }

    .middle {
        bottom: -50px;
        height: 150px;
        left: 200px;
        position: absolute;
        transform: rotate(-90deg)
    }

    .middle_two {
        bottom: 42px;
        left: 180px;
        position: absolute
    }

    .second-wrapper {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
        transform: translateY(-8%);
        width: 420px
    }

    .free-marafon {
        transform: translateY(15%);
        width: 280px
    }

    .future__description {
        margin: 0 auto;
        width: 476px
    }

    .article-awards__item:nth-child(odd) {
        margin-right: 20px
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
    .iti__flag {
        background-image: url(../images/flags@2x.png);
        background-size: 5652px 15px
    }
}