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

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

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

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

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

details, menu {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

svg {
    pointer-events: none
}

    svg line {
        shape-rendering: crispEdges
    }

.svg-hide {
    display: none;
    width: 0;
    height: 0
}

blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, img, input, legend, li, ol, p, pre, td, textarea, th, ul {
    border: medium none;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

ul {
    list-style: none
}

body {
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent
}

    body.layer--fixed {
        position: fixed;
        z-index: 1;
        left: 0;
        width: 100vw
    }

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

body, html {
    min-width: 320px;
    margin: 0
}

.section {
    padding: 0 40px
}

    .section.whole {
        padding: 0
    }

.wrap {
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

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

    .flex.center {
        justify-content: center
    }

    .flex + .flex {
        margin-top: 0 !important
    }

.center {
    text-align: center
}

.block, .whole {
    width: 100%
}

.cols-12.flex-clearfix-1:after {
    content: ""
}

.cols-12.flex-clearfix-1:after, .cols-12 > .col-1 {
    width: 8.33333%
}

.cols-12.flex-clearfix-2:after {
    content: ""
}

.cols-12.flex-clearfix-2:after, .cols-12 > .col-2 {
    width: 16.66667%
}

.cols-12.flex-clearfix-3:after {
    content: ""
}

.cols-12.flex-clearfix-3:after, .cols-12 > .col-3, .cols-12 > .quarter {
    width: 25%
}

.cols-12.flex-clearfix-4:after {
    content: ""
}

.cols-12.flex-clearfix-4:after, .cols-12 > .col-4, .cols-12 > .one-third {
    width: 33.33333%
}

.cols-12.flex-clearfix-5:after {
    content: ""
}

.cols-12.flex-clearfix-5:after, .cols-12 > .col-5 {
    width: 41.66667%
}

.cols-12.flex-clearfix-6:after {
    content: ""
}

.cols-12.flex-clearfix-6:after, .cols-12 > .col-6, .cols-12 > .half {
    width: 50%
}

.cols-12.flex-clearfix-7:after {
    content: ""
}

.cols-12.flex-clearfix-7:after, .cols-12 > .col-7 {
    width: 58.33333%
}

.cols-12.flex-clearfix-8:after {
    content: ""
}

.cols-12.flex-clearfix-8:after, .cols-12 > .col-8 {
    width: 66.66667%
}

.cols-12.flex-clearfix-9:after {
    content: ""
}

.cols-12.flex-clearfix-9:after, .cols-12 > .col-9 {
    width: 75%
}

.cols-12.flex-clearfix-10:after {
    content: ""
}

.cols-12.flex-clearfix-10:after, .cols-12 > .col-10 {
    width: 83.33333%
}

.cols-12.flex-clearfix-11:after {
    content: ""
}

.cols-12.flex-clearfix-11:after, .cols-12 > .col-11 {
    width: 91.66667%
}

.cols-12.flex-clearfix-12:after {
    content: ""
}

.cols-12.flex-clearfix-12:after, .cols-12 > .col-12, .cols-12 > .whole {
    width: 100%
}

.cols-12-gap-0.flex-clearfix-1:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-1:after, .cols-12-gap-0 > .col-1 {
    width: 8.33333%
}

.cols-12-gap-0.flex-clearfix-2:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-2:after, .cols-12-gap-0 > .col-2 {
    width: 16.66667%
}

.cols-12-gap-0.flex-clearfix-3:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-3:after, .cols-12-gap-0 > .col-3, .cols-12-gap-0 > .quarter {
    width: 25%
}

.cols-12-gap-0.flex-clearfix-4:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-4:after, .cols-12-gap-0 > .col-4, .cols-12-gap-0 > .one-third {
    width: 33.33333%
}

.cols-12-gap-0.flex-clearfix-5:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-5:after, .cols-12-gap-0 > .col-5 {
    width: 41.66667%
}

.cols-12-gap-0.flex-clearfix-6:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-6:after, .cols-12-gap-0 > .col-6, .cols-12-gap-0 > .half {
    width: 50%
}

.cols-12-gap-0.flex-clearfix-7:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-7:after, .cols-12-gap-0 > .col-7 {
    width: 58.33333%
}

.cols-12-gap-0.flex-clearfix-8:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-8:after, .cols-12-gap-0 > .col-8 {
    width: 66.66667%
}

.cols-12-gap-0.flex-clearfix-9:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-9:after, .cols-12-gap-0 > .col-9 {
    width: 75%
}

.cols-12-gap-0.flex-clearfix-10:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-10:after, .cols-12-gap-0 > .col-10 {
    width: 83.33333%
}

.cols-12-gap-0.flex-clearfix-11:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-11:after, .cols-12-gap-0 > .col-11 {
    width: 91.66667%
}

.cols-12-gap-0.flex-clearfix-12:after {
    content: ""
}

.cols-12-gap-0.flex-clearfix-12:after, .cols-12-gap-0 > .col-12, .cols-12-gap-0 > .whole {
    width: 100%
}

.cols-12-gap-1.flex-clearfix-1:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-1:after, .cols-12-gap-1 > .col-1 {
    width: 7.61719%
}

.cols-12-gap-1.flex-clearfix-2:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-2:after, .cols-12-gap-1 > .col-2 {
    width: 16.01562%
}

.cols-12-gap-1.flex-clearfix-3:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-3:after, .cols-12-gap-1 > .col-3, .cols-12-gap-1 > .quarter {
    width: 24.41406%
}

.cols-12-gap-1.flex-clearfix-4:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-4:after, .cols-12-gap-1 > .col-4, .cols-12-gap-1 > .one-third {
    width: 32.8125%
}

.cols-12-gap-1.flex-clearfix-5:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-5:after, .cols-12-gap-1 > .col-5 {
    width: 41.21094%
}

.cols-12-gap-1.flex-clearfix-6:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-6:after, .cols-12-gap-1 > .col-6, .cols-12-gap-1 > .half {
    width: 49.60938%
}

.cols-12-gap-1.flex-clearfix-7:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-7:after, .cols-12-gap-1 > .col-7 {
    width: 58.00781%
}

.cols-12-gap-1.flex-clearfix-8:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-8:after, .cols-12-gap-1 > .col-8 {
    width: 66.40625%
}

.cols-12-gap-1.flex-clearfix-9:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-9:after, .cols-12-gap-1 > .col-9 {
    width: 74.80469%
}

.cols-12-gap-1.flex-clearfix-10:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-10:after, .cols-12-gap-1 > .col-10 {
    width: 83.20312%
}

.cols-12-gap-1.flex-clearfix-11:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-11:after, .cols-12-gap-1 > .col-11 {
    width: 91.60156%
}

.cols-12-gap-1.flex-clearfix-12:after {
    content: ""
}

.cols-12-gap-1.flex-clearfix-12:after, .cols-12-gap-1 > .col-12, .cols-12-gap-1 > .whole {
    width: 100%
}

.cols-12-gap-2.flex-clearfix-1:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-1:after, .cols-12-gap-2 > .col-1 {
    width: 6.90104%
}

.cols-12-gap-2.flex-clearfix-2:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-2:after, .cols-12-gap-2 > .col-2 {
    width: 15.36458%
}

.cols-12-gap-2.flex-clearfix-3:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-3:after, .cols-12-gap-2 > .col-3, .cols-12-gap-2 > .quarter {
    width: 23.82812%
}

.cols-12-gap-2.flex-clearfix-4:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-4:after, .cols-12-gap-2 > .col-4, .cols-12-gap-2 > .one-third {
    width: 32.29167%
}

.cols-12-gap-2.flex-clearfix-5:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-5:after, .cols-12-gap-2 > .col-5 {
    width: 40.75521%
}

.cols-12-gap-2.flex-clearfix-6:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-6:after, .cols-12-gap-2 > .col-6, .cols-12-gap-2 > .half {
    width: 49.21875%
}

.cols-12-gap-2.flex-clearfix-7:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-7:after, .cols-12-gap-2 > .col-7 {
    width: 57.68229%
}

.cols-12-gap-2.flex-clearfix-8:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-8:after, .cols-12-gap-2 > .col-8 {
    width: 66.14583%
}

.cols-12-gap-2.flex-clearfix-9:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-9:after, .cols-12-gap-2 > .col-9 {
    width: 74.60938%
}

.cols-12-gap-2.flex-clearfix-10:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-10:after, .cols-12-gap-2 > .col-10 {
    width: 83.07292%
}

.cols-12-gap-2.flex-clearfix-11:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-11:after, .cols-12-gap-2 > .col-11 {
    width: 91.53646%
}

.cols-12-gap-2.flex-clearfix-12:after {
    content: ""
}

.cols-12-gap-2.flex-clearfix-12:after, .cols-12-gap-2 > .col-12, .cols-12-gap-2 > .whole {
    width: 100%
}

.cols-12-gap-3.flex-clearfix-1:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-1:after, .cols-12-gap-3 > .col-1 {
    width: 6.1849%
}

.cols-12-gap-3.flex-clearfix-2:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-2:after, .cols-12-gap-3 > .col-2 {
    width: 14.71354%
}

.cols-12-gap-3.flex-clearfix-3:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-3:after, .cols-12-gap-3 > .col-3, .cols-12-gap-3 > .quarter {
    width: 23.24219%
}

.cols-12-gap-3.flex-clearfix-4:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-4:after, .cols-12-gap-3 > .col-4, .cols-12-gap-3 > .one-third {
    width: 31.77083%
}

.cols-12-gap-3.flex-clearfix-5:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-5:after, .cols-12-gap-3 > .col-5 {
    width: 40.29948%
}

.cols-12-gap-3.flex-clearfix-6:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-6:after, .cols-12-gap-3 > .col-6, .cols-12-gap-3 > .half {
    width: 48.82812%
}

.cols-12-gap-3.flex-clearfix-7:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-7:after, .cols-12-gap-3 > .col-7 {
    width: 57.35677%
}

.cols-12-gap-3.flex-clearfix-8:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-8:after, .cols-12-gap-3 > .col-8 {
    width: 65.88542%
}

.cols-12-gap-3.flex-clearfix-9:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-9:after, .cols-12-gap-3 > .col-9 {
    width: 74.41406%
}

.cols-12-gap-3.flex-clearfix-10:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-10:after, .cols-12-gap-3 > .col-10 {
    width: 82.94271%
}

.cols-12-gap-3.flex-clearfix-11:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-11:after, .cols-12-gap-3 > .col-11 {
    width: 91.47135%
}

.cols-12-gap-3.flex-clearfix-12:after {
    content: ""
}

.cols-12-gap-3.flex-clearfix-12:after, .cols-12-gap-3 > .col-12, .cols-12-gap-3 > .whole {
    width: 100%
}

.cols-12-gap-4.flex-clearfix-1:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-1:after, .cols-12-gap-4 > .col-1 {
    width: 5.46875%
}

.cols-12-gap-4.flex-clearfix-2:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-2:after, .cols-12-gap-4 > .col-2 {
    width: 14.0625%
}

.cols-12-gap-4.flex-clearfix-3:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-3:after, .cols-12-gap-4 > .col-3, .cols-12-gap-4 > .quarter {
    width: 22.65625%
}

.cols-12-gap-4.flex-clearfix-4:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-4:after, .cols-12-gap-4 > .col-4, .cols-12-gap-4 > .one-third {
    width: 31.25%
}

.cols-12-gap-4.flex-clearfix-5:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-5:after, .cols-12-gap-4 > .col-5 {
    width: 39.84375%
}

.cols-12-gap-4.flex-clearfix-6:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-6:after, .cols-12-gap-4 > .col-6, .cols-12-gap-4 > .half {
    width: 48.4375%
}

.cols-12-gap-4.flex-clearfix-7:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-7:after, .cols-12-gap-4 > .col-7 {
    width: 57.03125%
}

.cols-12-gap-4.flex-clearfix-8:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-8:after, .cols-12-gap-4 > .col-8 {
    width: 65.625%
}

.cols-12-gap-4.flex-clearfix-9:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-9:after, .cols-12-gap-4 > .col-9 {
    width: 74.21875%
}

.cols-12-gap-4.flex-clearfix-10:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-10:after, .cols-12-gap-4 > .col-10 {
    width: 82.8125%
}

.cols-12-gap-4.flex-clearfix-11:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-11:after, .cols-12-gap-4 > .col-11 {
    width: 91.40625%
}

.cols-12-gap-4.flex-clearfix-12:after {
    content: ""
}

.cols-12-gap-4.flex-clearfix-12:after, .cols-12-gap-4 > .col-12, .cols-12-gap-4 > .whole {
    width: 100%
}

.cols-12-gap-5.flex-clearfix-1:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-1:after, .cols-12-gap-5 > .col-1 {
    width: 4.7526%
}

.cols-12-gap-5.flex-clearfix-2:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-2:after, .cols-12-gap-5 > .col-2 {
    width: 13.41146%
}

.cols-12-gap-5.flex-clearfix-3:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-3:after, .cols-12-gap-5 > .col-3, .cols-12-gap-5 > .quarter {
    width: 22.07031%
}

.cols-12-gap-5.flex-clearfix-4:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-4:after, .cols-12-gap-5 > .col-4, .cols-12-gap-5 > .one-third {
    width: 30.72917%
}

.cols-12-gap-5.flex-clearfix-5:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-5:after, .cols-12-gap-5 > .col-5 {
    width: 39.38802%
}

.cols-12-gap-5.flex-clearfix-6:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-6:after, .cols-12-gap-5 > .col-6, .cols-12-gap-5 > .half {
    width: 48.04688%
}

.cols-12-gap-5.flex-clearfix-7:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-7:after, .cols-12-gap-5 > .col-7 {
    width: 56.70573%
}

.cols-12-gap-5.flex-clearfix-8:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-8:after, .cols-12-gap-5 > .col-8 {
    width: 65.36458%
}

.cols-12-gap-5.flex-clearfix-9:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-9:after, .cols-12-gap-5 > .col-9 {
    width: 74.02344%
}

.cols-12-gap-5.flex-clearfix-10:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-10:after, .cols-12-gap-5 > .col-10 {
    width: 82.68229%
}

.cols-12-gap-5.flex-clearfix-11:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-11:after, .cols-12-gap-5 > .col-11 {
    width: 91.34115%
}

.cols-12-gap-5.flex-clearfix-12:after {
    content: ""
}

.cols-12-gap-5.flex-clearfix-12:after, .cols-12-gap-5 > .col-12, .cols-12-gap-5 > .whole {
    width: 100%
}

.cols-12-gap-6.flex-clearfix-1:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-1:after, .cols-12-gap-6 > .col-1 {
    width: 4.03646%
}

.cols-12-gap-6.flex-clearfix-2:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-2:after, .cols-12-gap-6 > .col-2 {
    width: 12.76042%
}

.cols-12-gap-6.flex-clearfix-3:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-3:after, .cols-12-gap-6 > .col-3, .cols-12-gap-6 > .quarter {
    width: 21.48438%
}

.cols-12-gap-6.flex-clearfix-4:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-4:after, .cols-12-gap-6 > .col-4, .cols-12-gap-6 > .one-third {
    width: 30.20833%
}

.cols-12-gap-6.flex-clearfix-5:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-5:after, .cols-12-gap-6 > .col-5 {
    width: 38.93229%
}

.cols-12-gap-6.flex-clearfix-6:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-6:after, .cols-12-gap-6 > .col-6, .cols-12-gap-6 > .half {
    width: 47.65625%
}

.cols-12-gap-6.flex-clearfix-7:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-7:after, .cols-12-gap-6 > .col-7 {
    width: 56.38021%
}

.cols-12-gap-6.flex-clearfix-8:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-8:after, .cols-12-gap-6 > .col-8 {
    width: 65.10417%
}

.cols-12-gap-6.flex-clearfix-9:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-9:after, .cols-12-gap-6 > .col-9 {
    width: 73.82812%
}

.cols-12-gap-6.flex-clearfix-10:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-10:after, .cols-12-gap-6 > .col-10 {
    width: 82.55208%
}

.cols-12-gap-6.flex-clearfix-11:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-11:after, .cols-12-gap-6 > .col-11 {
    width: 91.27604%
}

.cols-12-gap-6.flex-clearfix-12:after {
    content: ""
}

.cols-12-gap-6.flex-clearfix-12:after, .cols-12-gap-6 > .col-12, .cols-12-gap-6 > .whole {
    width: 100%
}

.cols-10.flex-clearfix-1:after {
    content: ""
}

.cols-10.flex-clearfix-1:after, .cols-10 > .col-1 {
    width: 10%
}

.cols-10.flex-clearfix-2:after {
    content: ""
}

.cols-10.flex-clearfix-2:after, .cols-10 > .col-2 {
    width: 20%
}

.cols-10.flex-clearfix-3:after {
    content: ""
}

.cols-10.flex-clearfix-3:after, .cols-10 > .col-3 {
    width: 30%
}

.cols-10.flex-clearfix-4:after {
    content: ""
}

.cols-10.flex-clearfix-4:after, .cols-10 > .col-4 {
    width: 40%
}

.cols-10.flex-clearfix-5:after {
    content: ""
}

.cols-10.flex-clearfix-5:after, .cols-10 > .col-5, .cols-10 > .half {
    width: 50%
}

.cols-10.flex-clearfix-6:after {
    content: ""
}

.cols-10.flex-clearfix-6:after, .cols-10 > .col-6 {
    width: 60%
}

.cols-10.flex-clearfix-7:after {
    content: ""
}

.cols-10.flex-clearfix-7:after, .cols-10 > .col-7 {
    width: 70%
}

.cols-10.flex-clearfix-8:after {
    content: ""
}

.cols-10.flex-clearfix-8:after, .cols-10 > .col-8 {
    width: 80%
}

.cols-10.flex-clearfix-9:after {
    content: ""
}

.cols-10.flex-clearfix-9:after, .cols-10 > .col-9 {
    width: 90%
}

.cols-10.flex-clearfix-10:after {
    content: ""
}

.cols-10.flex-clearfix-10:after, .cols-10 > .col-10, .cols-10 > .whole {
    width: 100%
}

.cols-10-gap-0.flex-clearfix-1:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-1:after, .cols-10-gap-0 > .col-1 {
    width: 10%
}

.cols-10-gap-0.flex-clearfix-2:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-2:after, .cols-10-gap-0 > .col-2 {
    width: 20%
}

.cols-10-gap-0.flex-clearfix-3:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-3:after, .cols-10-gap-0 > .col-3 {
    width: 30%
}

.cols-10-gap-0.flex-clearfix-4:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-4:after, .cols-10-gap-0 > .col-4 {
    width: 40%
}

.cols-10-gap-0.flex-clearfix-5:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-5:after, .cols-10-gap-0 > .col-5, .cols-10-gap-0 > .half {
    width: 50%
}

.cols-10-gap-0.flex-clearfix-6:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-6:after, .cols-10-gap-0 > .col-6 {
    width: 60%
}

.cols-10-gap-0.flex-clearfix-7:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-7:after, .cols-10-gap-0 > .col-7 {
    width: 70%
}

.cols-10-gap-0.flex-clearfix-8:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-8:after, .cols-10-gap-0 > .col-8 {
    width: 80%
}

.cols-10-gap-0.flex-clearfix-9:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-9:after, .cols-10-gap-0 > .col-9 {
    width: 90%
}

.cols-10-gap-0.flex-clearfix-10:after {
    content: ""
}

.cols-10-gap-0.flex-clearfix-10:after, .cols-10-gap-0 > .col-10, .cols-10-gap-0 > .whole {
    width: 100%
}

.cols-10-gap-1.flex-clearfix-1:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-1:after, .cols-10-gap-1 > .col-1 {
    width: 9.29688%
}

.cols-10-gap-1.flex-clearfix-2:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-2:after, .cols-10-gap-1 > .col-2 {
    width: 19.375%
}

.cols-10-gap-1.flex-clearfix-3:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-3:after, .cols-10-gap-1 > .col-3 {
    width: 29.45313%
}

.cols-10-gap-1.flex-clearfix-4:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-4:after, .cols-10-gap-1 > .col-4 {
    width: 39.53125%
}

.cols-10-gap-1.flex-clearfix-5:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-5:after, .cols-10-gap-1 > .col-5, .cols-10-gap-1 > .half {
    width: 49.60938%
}

.cols-10-gap-1.flex-clearfix-6:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-6:after, .cols-10-gap-1 > .col-6 {
    width: 59.6875%
}

.cols-10-gap-1.flex-clearfix-7:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-7:after, .cols-10-gap-1 > .col-7 {
    width: 69.76562%
}

.cols-10-gap-1.flex-clearfix-8:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-8:after, .cols-10-gap-1 > .col-8 {
    width: 79.84375%
}

.cols-10-gap-1.flex-clearfix-9:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-9:after, .cols-10-gap-1 > .col-9 {
    width: 89.92188%
}

.cols-10-gap-1.flex-clearfix-10:after {
    content: ""
}

.cols-10-gap-1.flex-clearfix-10:after, .cols-10-gap-1 > .col-10, .cols-10-gap-1 > .whole {
    width: 100%
}

.cols-10-gap-2.flex-clearfix-1:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-1:after, .cols-10-gap-2 > .col-1 {
    width: 8.59375%
}

.cols-10-gap-2.flex-clearfix-2:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-2:after, .cols-10-gap-2 > .col-2 {
    width: 18.75%
}

.cols-10-gap-2.flex-clearfix-3:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-3:after, .cols-10-gap-2 > .col-3 {
    width: 28.90625%
}

.cols-10-gap-2.flex-clearfix-4:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-4:after, .cols-10-gap-2 > .col-4 {
    width: 39.0625%
}

.cols-10-gap-2.flex-clearfix-5:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-5:after, .cols-10-gap-2 > .col-5, .cols-10-gap-2 > .half {
    width: 49.21875%
}

.cols-10-gap-2.flex-clearfix-6:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-6:after, .cols-10-gap-2 > .col-6 {
    width: 59.375%
}

.cols-10-gap-2.flex-clearfix-7:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-7:after, .cols-10-gap-2 > .col-7 {
    width: 69.53125%
}

.cols-10-gap-2.flex-clearfix-8:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-8:after, .cols-10-gap-2 > .col-8 {
    width: 79.6875%
}

.cols-10-gap-2.flex-clearfix-9:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-9:after, .cols-10-gap-2 > .col-9 {
    width: 89.84375%
}

.cols-10-gap-2.flex-clearfix-10:after {
    content: ""
}

.cols-10-gap-2.flex-clearfix-10:after, .cols-10-gap-2 > .col-10, .cols-10-gap-2 > .whole {
    width: 100%
}

.cols-10-gap-3.flex-clearfix-1:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-1:after, .cols-10-gap-3 > .col-1 {
    width: 7.89062%
}

.cols-10-gap-3.flex-clearfix-2:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-2:after, .cols-10-gap-3 > .col-2 {
    width: 18.125%
}

.cols-10-gap-3.flex-clearfix-3:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-3:after, .cols-10-gap-3 > .col-3 {
    width: 28.35937%
}

.cols-10-gap-3.flex-clearfix-4:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-4:after, .cols-10-gap-3 > .col-4 {
    width: 38.59375%
}

.cols-10-gap-3.flex-clearfix-5:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-5:after, .cols-10-gap-3 > .col-5, .cols-10-gap-3 > .half {
    width: 48.82812%
}

.cols-10-gap-3.flex-clearfix-6:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-6:after, .cols-10-gap-3 > .col-6 {
    width: 59.0625%
}

.cols-10-gap-3.flex-clearfix-7:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-7:after, .cols-10-gap-3 > .col-7 {
    width: 69.29688%
}

.cols-10-gap-3.flex-clearfix-8:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-8:after, .cols-10-gap-3 > .col-8 {
    width: 79.53125%
}

.cols-10-gap-3.flex-clearfix-9:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-9:after, .cols-10-gap-3 > .col-9 {
    width: 89.76562%
}

.cols-10-gap-3.flex-clearfix-10:after {
    content: ""
}

.cols-10-gap-3.flex-clearfix-10:after, .cols-10-gap-3 > .col-10, .cols-10-gap-3 > .whole {
    width: 100%
}

.cols-10-gap-4.flex-clearfix-1:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-1:after, .cols-10-gap-4 > .col-1 {
    width: 7.1875%
}

.cols-10-gap-4.flex-clearfix-2:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-2:after, .cols-10-gap-4 > .col-2 {
    width: 17.5%
}

.cols-10-gap-4.flex-clearfix-3:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-3:after, .cols-10-gap-4 > .col-3 {
    width: 27.8125%
}

.cols-10-gap-4.flex-clearfix-4:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-4:after, .cols-10-gap-4 > .col-4 {
    width: 38.125%
}

.cols-10-gap-4.flex-clearfix-5:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-5:after, .cols-10-gap-4 > .col-5, .cols-10-gap-4 > .half {
    width: 48.4375%
}

.cols-10-gap-4.flex-clearfix-6:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-6:after, .cols-10-gap-4 > .col-6 {
    width: 58.75%
}

.cols-10-gap-4.flex-clearfix-7:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-7:after, .cols-10-gap-4 > .col-7 {
    width: 69.0625%
}

.cols-10-gap-4.flex-clearfix-8:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-8:after, .cols-10-gap-4 > .col-8 {
    width: 79.375%
}

.cols-10-gap-4.flex-clearfix-9:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-9:after, .cols-10-gap-4 > .col-9 {
    width: 89.6875%
}

.cols-10-gap-4.flex-clearfix-10:after {
    content: ""
}

.cols-10-gap-4.flex-clearfix-10:after, .cols-10-gap-4 > .col-10, .cols-10-gap-4 > .whole {
    width: 100%
}

.cols-10-gap-5.flex-clearfix-1:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-1:after, .cols-10-gap-5 > .col-1 {
    width: 6.48438%
}

.cols-10-gap-5.flex-clearfix-2:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-2:after, .cols-10-gap-5 > .col-2 {
    width: 16.875%
}

.cols-10-gap-5.flex-clearfix-3:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-3:after, .cols-10-gap-5 > .col-3 {
    width: 27.26563%
}

.cols-10-gap-5.flex-clearfix-4:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-4:after, .cols-10-gap-5 > .col-4 {
    width: 37.65625%
}

.cols-10-gap-5.flex-clearfix-5:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-5:after, .cols-10-gap-5 > .col-5, .cols-10-gap-5 > .half {
    width: 48.04688%
}

.cols-10-gap-5.flex-clearfix-6:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-6:after, .cols-10-gap-5 > .col-6 {
    width: 58.4375%
}

.cols-10-gap-5.flex-clearfix-7:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-7:after, .cols-10-gap-5 > .col-7 {
    width: 68.82812%
}

.cols-10-gap-5.flex-clearfix-8:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-8:after, .cols-10-gap-5 > .col-8 {
    width: 79.21875%
}

.cols-10-gap-5.flex-clearfix-9:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-9:after, .cols-10-gap-5 > .col-9 {
    width: 89.60938%
}

.cols-10-gap-5.flex-clearfix-10:after {
    content: ""
}

.cols-10-gap-5.flex-clearfix-10:after, .cols-10-gap-5 > .col-10, .cols-10-gap-5 > .whole {
    width: 100%
}

.cols-10-gap-6.flex-clearfix-1:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-1:after, .cols-10-gap-6 > .col-1 {
    width: 5.78125%
}

.cols-10-gap-6.flex-clearfix-2:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-2:after, .cols-10-gap-6 > .col-2 {
    width: 16.25%
}

.cols-10-gap-6.flex-clearfix-3:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-3:after, .cols-10-gap-6 > .col-3 {
    width: 26.71875%
}

.cols-10-gap-6.flex-clearfix-4:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-4:after, .cols-10-gap-6 > .col-4 {
    width: 37.1875%
}

.cols-10-gap-6.flex-clearfix-5:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-5:after, .cols-10-gap-6 > .col-5, .cols-10-gap-6 > .half {
    width: 47.65625%
}

.cols-10-gap-6.flex-clearfix-6:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-6:after, .cols-10-gap-6 > .col-6 {
    width: 58.125%
}

.cols-10-gap-6.flex-clearfix-7:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-7:after, .cols-10-gap-6 > .col-7 {
    width: 68.59375%
}

.cols-10-gap-6.flex-clearfix-8:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-8:after, .cols-10-gap-6 > .col-8 {
    width: 79.0625%
}

.cols-10-gap-6.flex-clearfix-9:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-9:after, .cols-10-gap-6 > .col-9 {
    width: 89.53125%
}

.cols-10-gap-6.flex-clearfix-10:after {
    content: ""
}

.cols-10-gap-6.flex-clearfix-10:after, .cols-10-gap-6 > .col-10, .cols-10-gap-6 > .whole {
    width: 100%
}

@media (max-width:1020px) and (orientation:portrait) {
    .m-cols-6.m-flex-clearfix-1:after {
        content: ""
    }

    .m-cols-6.m-flex-clearfix-1:after, .m-cols-6 > .m-col-1 {
        width: 16.66667%
    }

    .m-cols-6.m-flex-clearfix-2:after {
        content: ""
    }

    .m-cols-6.m-flex-clearfix-2:after, .m-cols-6 > .m-col-2, .m-cols-6 > .m-one-third {
        width: 33.33333%
    }

    .m-cols-6.m-flex-clearfix-3:after {
        content: ""
    }

    .m-cols-6.m-flex-clearfix-3:after, .m-cols-6 > .m-col-3, .m-cols-6 > .m-half {
        width: 50%
    }

    .m-cols-6.m-flex-clearfix-4:after {
        content: ""
    }

    .m-cols-6.m-flex-clearfix-4:after, .m-cols-6 > .m-col-4 {
        width: 66.66667%
    }

    .m-cols-6.m-flex-clearfix-5:after {
        content: ""
    }

    .m-cols-6.m-flex-clearfix-5:after, .m-cols-6 > .m-col-5 {
        width: 83.33333%
    }

    .m-cols-6.m-flex-clearfix-6:after {
        content: ""
    }

    .m-cols-6.m-flex-clearfix-6:after, .m-cols-6 > .m-col-6, .m-cols-6 > .m-whole {
        width: 100%
    }

    .m-cols-6-gap-0.m-flex-clearfix-1:after {
        content: ""
    }

    .m-cols-6-gap-0.m-flex-clearfix-1:after, .m-cols-6-gap-0 > .m-col-1 {
        width: 16.66667%
    }

    .m-cols-6-gap-0.m-flex-clearfix-2:after {
        content: ""
    }

    .m-cols-6-gap-0.m-flex-clearfix-2:after, .m-cols-6-gap-0 > .m-col-2, .m-cols-6-gap-0 > .m-one-third {
        width: 33.33333%
    }

    .m-cols-6-gap-0.m-flex-clearfix-3:after {
        content: ""
    }

    .m-cols-6-gap-0.m-flex-clearfix-3:after, .m-cols-6-gap-0 > .m-col-3, .m-cols-6-gap-0 > .m-half {
        width: 50%
    }

    .m-cols-6-gap-0.m-flex-clearfix-4:after {
        content: ""
    }

    .m-cols-6-gap-0.m-flex-clearfix-4:after, .m-cols-6-gap-0 > .m-col-4 {
        width: 66.66667%
    }

    .m-cols-6-gap-0.m-flex-clearfix-5:after {
        content: ""
    }

    .m-cols-6-gap-0.m-flex-clearfix-5:after, .m-cols-6-gap-0 > .m-col-5 {
        width: 83.33333%
    }

    .m-cols-6-gap-0.m-flex-clearfix-6:after {
        content: ""
    }

    .m-cols-6-gap-0.m-flex-clearfix-6:after, .m-cols-6-gap-0 > .m-col-6, .m-cols-6-gap-0 > .m-whole {
        width: 100%
    }

    .m-cols-6-gap-1.m-flex-clearfix-1:after {
        content: ""
    }

    .m-cols-6-gap-1.m-flex-clearfix-1:after, .m-cols-6-gap-1 > .m-col-1 {
        width: 15.55556%
    }

    .m-cols-6-gap-1.m-flex-clearfix-2:after {
        content: ""
    }

    .m-cols-6-gap-1.m-flex-clearfix-2:after, .m-cols-6-gap-1 > .m-col-2, .m-cols-6-gap-1 > .m-one-third {
        width: 32.44444%
    }

    .m-cols-6-gap-1.m-flex-clearfix-3:after {
        content: ""
    }

    .m-cols-6-gap-1.m-flex-clearfix-3:after, .m-cols-6-gap-1 > .m-col-3, .m-cols-6-gap-1 > .m-half {
        width: 49.33333%
    }

    .m-cols-6-gap-1.m-flex-clearfix-4:after {
        content: ""
    }

    .m-cols-6-gap-1.m-flex-clearfix-4:after, .m-cols-6-gap-1 > .m-col-4 {
        width: 66.22222%
    }

    .m-cols-6-gap-1.m-flex-clearfix-5:after {
        content: ""
    }

    .m-cols-6-gap-1.m-flex-clearfix-5:after, .m-cols-6-gap-1 > .m-col-5 {
        width: 83.11111%
    }

    .m-cols-6-gap-1.m-flex-clearfix-6:after {
        content: ""
    }

    .m-cols-6-gap-1.m-flex-clearfix-6:after, .m-cols-6-gap-1 > .m-col-6, .m-cols-6-gap-1 > .m-whole {
        width: 100%
    }

    .m-cols-6-gap-2.m-flex-clearfix-1:after {
        content: ""
    }

    .m-cols-6-gap-2.m-flex-clearfix-1:after, .m-cols-6-gap-2 > .m-col-1 {
        width: 14.44444%
    }

    .m-cols-6-gap-2.m-flex-clearfix-2:after {
        content: ""
    }

    .m-cols-6-gap-2.m-flex-clearfix-2:after, .m-cols-6-gap-2 > .m-col-2, .m-cols-6-gap-2 > .m-one-third {
        width: 31.55556%
    }

    .m-cols-6-gap-2.m-flex-clearfix-3:after {
        content: ""
    }

    .m-cols-6-gap-2.m-flex-clearfix-3:after, .m-cols-6-gap-2 > .m-col-3, .m-cols-6-gap-2 > .m-half {
        width: 48.66667%
    }

    .m-cols-6-gap-2.m-flex-clearfix-4:after {
        content: ""
    }

    .m-cols-6-gap-2.m-flex-clearfix-4:after, .m-cols-6-gap-2 > .m-col-4 {
        width: 65.77778%
    }

    .m-cols-6-gap-2.m-flex-clearfix-5:after {
        content: ""
    }

    .m-cols-6-gap-2.m-flex-clearfix-5:after, .m-cols-6-gap-2 > .m-col-5 {
        width: 82.88889%
    }

    .m-cols-6-gap-2.m-flex-clearfix-6:after {
        content: ""
    }

    .m-cols-6-gap-2.m-flex-clearfix-6:after, .m-cols-6-gap-2 > .m-col-6, .m-cols-6-gap-2 > .m-whole {
        width: 100%
    }

    .m-cols-6-gap-3.m-flex-clearfix-1:after {
        content: ""
    }

    .m-cols-6-gap-3.m-flex-clearfix-1:after, .m-cols-6-gap-3 > .m-col-1 {
        width: 13.33333%
    }

    .m-cols-6-gap-3.m-flex-clearfix-2:after {
        content: ""
    }

    .m-cols-6-gap-3.m-flex-clearfix-2:after, .m-cols-6-gap-3 > .m-col-2, .m-cols-6-gap-3 > .m-one-third {
        width: 30.66667%
    }

    .m-cols-6-gap-3.m-flex-clearfix-3:after {
        content: ""
    }

    .m-cols-6-gap-3.m-flex-clearfix-3:after, .m-cols-6-gap-3 > .m-col-3, .m-cols-6-gap-3 > .m-half {
        width: 48%
    }

    .m-cols-6-gap-3.m-flex-clearfix-4:after {
        content: ""
    }

    .m-cols-6-gap-3.m-flex-clearfix-4:after, .m-cols-6-gap-3 > .m-col-4 {
        width: 65.33333%
    }

    .m-cols-6-gap-3.m-flex-clearfix-5:after {
        content: ""
    }

    .m-cols-6-gap-3.m-flex-clearfix-5:after, .m-cols-6-gap-3 > .m-col-5 {
        width: 82.66667%
    }

    .m-cols-6-gap-3.m-flex-clearfix-6:after {
        content: ""
    }

    .m-cols-6-gap-3.m-flex-clearfix-6:after, .m-cols-6-gap-3 > .m-col-6, .m-cols-6-gap-3 > .m-whole {
        width: 100%
    }

    .m-cols-6-gap-4.m-flex-clearfix-1:after {
        content: ""
    }

    .m-cols-6-gap-4.m-flex-clearfix-1:after, .m-cols-6-gap-4 > .m-col-1 {
        width: 12.22222%
    }

    .m-cols-6-gap-4.m-flex-clearfix-2:after {
        content: ""
    }

    .m-cols-6-gap-4.m-flex-clearfix-2:after, .m-cols-6-gap-4 > .m-col-2, .m-cols-6-gap-4 > .m-one-third {
        width: 29.77778%
    }

    .m-cols-6-gap-4.m-flex-clearfix-3:after {
        content: ""
    }

    .m-cols-6-gap-4.m-flex-clearfix-3:after, .m-cols-6-gap-4 > .m-col-3, .m-cols-6-gap-4 > .m-half {
        width: 47.33333%
    }

    .m-cols-6-gap-4.m-flex-clearfix-4:after {
        content: ""
    }

    .m-cols-6-gap-4.m-flex-clearfix-4:after, .m-cols-6-gap-4 > .m-col-4 {
        width: 64.88889%
    }

    .m-cols-6-gap-4.m-flex-clearfix-5:after {
        content: ""
    }

    .m-cols-6-gap-4.m-flex-clearfix-5:after, .m-cols-6-gap-4 > .m-col-5 {
        width: 82.44444%
    }

    .m-cols-6-gap-4.m-flex-clearfix-6:after {
        content: ""
    }

    .m-cols-6-gap-4.m-flex-clearfix-6:after, .m-cols-6-gap-4 > .m-col-6, .m-cols-6-gap-4 > .m-whole {
        width: 100%
    }

    .m-cols-6-gap-5.m-flex-clearfix-1:after {
        content: ""
    }

    .m-cols-6-gap-5.m-flex-clearfix-1:after, .m-cols-6-gap-5 > .m-col-1 {
        width: 11.11111%
    }

    .m-cols-6-gap-5.m-flex-clearfix-2:after {
        content: ""
    }

    .m-cols-6-gap-5.m-flex-clearfix-2:after, .m-cols-6-gap-5 > .m-col-2, .m-cols-6-gap-5 > .m-one-third {
        width: 28.88889%
    }

    .m-cols-6-gap-5.m-flex-clearfix-3:after {
        content: ""
    }

    .m-cols-6-gap-5.m-flex-clearfix-3:after, .m-cols-6-gap-5 > .m-col-3, .m-cols-6-gap-5 > .m-half {
        width: 46.66667%
    }

    .m-cols-6-gap-5.m-flex-clearfix-4:after {
        content: ""
    }

    .m-cols-6-gap-5.m-flex-clearfix-4:after, .m-cols-6-gap-5 > .m-col-4 {
        width: 64.44444%
    }

    .m-cols-6-gap-5.m-flex-clearfix-5:after {
        content: ""
    }

    .m-cols-6-gap-5.m-flex-clearfix-5:after, .m-cols-6-gap-5 > .m-col-5 {
        width: 82.22222%
    }

    .m-cols-6-gap-5.m-flex-clearfix-6:after {
        content: ""
    }

    .m-cols-6-gap-5.m-flex-clearfix-6:after, .m-cols-6-gap-5 > .m-col-6, .m-cols-6-gap-5 > .m-whole {
        width: 100%
    }

    .m-cols-6-gap-6.m-flex-clearfix-1:after {
        content: ""
    }

    .m-cols-6-gap-6.m-flex-clearfix-1:after, .m-cols-6-gap-6 > .m-col-1 {
        width: 10%
    }

    .m-cols-6-gap-6.m-flex-clearfix-2:after {
        content: ""
    }

    .m-cols-6-gap-6.m-flex-clearfix-2:after, .m-cols-6-gap-6 > .m-col-2, .m-cols-6-gap-6 > .m-one-third {
        width: 28%
    }

    .m-cols-6-gap-6.m-flex-clearfix-3:after {
        content: ""
    }

    .m-cols-6-gap-6.m-flex-clearfix-3:after, .m-cols-6-gap-6 > .m-col-3, .m-cols-6-gap-6 > .m-half {
        width: 46%
    }

    .m-cols-6-gap-6.m-flex-clearfix-4:after {
        content: ""
    }

    .m-cols-6-gap-6.m-flex-clearfix-4:after, .m-cols-6-gap-6 > .m-col-4 {
        width: 64%
    }

    .m-cols-6-gap-6.m-flex-clearfix-5:after {
        content: ""
    }

    .m-cols-6-gap-6.m-flex-clearfix-5:after, .m-cols-6-gap-6 > .m-col-5 {
        width: 82%
    }

    .m-cols-6-gap-6.m-flex-clearfix-6:after {
        content: ""
    }

    .m-cols-6-gap-6.m-flex-clearfix-6:after, .m-cols-6-gap-6 > .m-col-6, .m-cols-6-gap-6 > .m-whole {
        width: 100%
    }
}

@media (max-width:1020px) {
    .section {
        padding: 0 20px
    }
}

@media (max-width:460px) {
    .section {
        padding: 0 10px
    }
}

@media (max-width:1680px) {
    .cols-10-gap-0.without-margin-top, .cols-10-gap-0 > .block, .cols-12-gap-0.without-margin-top, .cols-12-gap-0 > .block {
        margin-top: 0
    }

    .padding-0 {
        padding: 0
    }

    .padding-h-0 {
        padding-left: 0;
        padding-right: 0
    }

    .margin-0 {
        margin: 0
    }

    .margin-h-0 {
        margin-left: 0;
        margin-right: 0
    }

    .margin-top-0 {
        margin-top: 0
    }

    .cols-10-gap-1 > .block, .cols-12-gap-1 > .block {
        margin-top: .78125vw
    }

    .cols-10-gap-1.without-margin-top, .cols-12-gap-1.without-margin-top {
        margin-top: -.78125vw
    }

    .padding-1 {
        padding: .78125vw
    }

    .padding-h-1 {
        padding-left: .78125vw;
        padding-right: .78125vw
    }

    .margin-1 {
        margin: .78125vw
    }

    .margin-h-1 {
        margin-left: .78125vw;
        margin-right: .78125vw
    }

    .margin-top-1 {
        margin-top: .78125vw
    }

    .cols-10-gap-2 > .block, .cols-12-gap-2 > .block {
        margin-top: 1.5625vw
    }

    .cols-10-gap-2.without-margin-top, .cols-12-gap-2.without-margin-top {
        margin-top: -1.5625vw
    }

    .padding-2 {
        padding: 1.5625vw
    }

    .padding-h-2 {
        padding-left: 1.5625vw;
        padding-right: 1.5625vw
    }

    .margin-2 {
        margin: 1.5625vw
    }

    .margin-h-2 {
        margin-left: 1.5625vw;
        margin-right: 1.5625vw
    }

    .margin-top-2 {
        margin-top: 1.5625vw
    }

    .cols-10-gap-3 > .block, .cols-12-gap-3 > .block {
        margin-top: 2.34375vw
    }

    .cols-10-gap-3.without-margin-top, .cols-12-gap-3.without-margin-top {
        margin-top: -2.34375vw
    }

    .padding-3 {
        padding: 2.34375vw
    }

    .padding-h-3 {
        padding-left: 2.34375vw;
        padding-right: 2.34375vw
    }

    .margin-3 {
        margin: 2.34375vw
    }

    .margin-h-3 {
        margin-left: 2.34375vw;
        margin-right: 2.34375vw
    }

    .margin-top-3 {
        margin-top: 2.34375vw
    }

    .cols-10-gap-4 > .block, .cols-12-gap-4 > .block {
        margin-top: 3.125vw
    }

    .cols-10-gap-4.without-margin-top, .cols-12-gap-4.without-margin-top {
        margin-top: -3.125vw
    }

    .padding-4 {
        padding: 3.125vw
    }

    .padding-h-4 {
        padding-left: 3.125vw;
        padding-right: 3.125vw
    }

    .margin-4 {
        margin: 3.125vw
    }

    .margin-h-4 {
        margin-left: 3.125vw;
        margin-right: 3.125vw
    }

    .margin-top-4 {
        margin-top: 3.125vw
    }

    .cols-10-gap-5 > .block, .cols-12-gap-5 > .block {
        margin-top: 3.90625vw
    }

    .cols-10-gap-5.without-margin-top, .cols-12-gap-5.without-margin-top {
        margin-top: -3.90625vw
    }

    .padding-5 {
        padding: 3.90625vw
    }

    .padding-h-5 {
        padding-left: 3.90625vw;
        padding-right: 3.90625vw
    }

    .margin-5 {
        margin: 3.90625vw
    }

    .margin-h-5 {
        margin-left: 3.90625vw;
        margin-right: 3.90625vw
    }

    .margin-top-5 {
        margin-top: 3.90625vw
    }

    .cols-10-gap-6 > .block, .cols-12-gap-6 > .block {
        margin-top: 4.6875vw
    }

    .cols-10-gap-6.without-margin-top, .cols-12-gap-6.without-margin-top {
        margin-top: -4.6875vw
    }

    .padding-6 {
        padding: 4.6875vw
    }

    .padding-h-6 {
        padding-left: 4.6875vw;
        padding-right: 4.6875vw
    }

    .margin-6 {
        margin: 4.6875vw
    }

    .margin-h-6 {
        margin-left: 4.6875vw;
        margin-right: 4.6875vw
    }

    .margin-top-6 {
        margin-top: 4.6875vw
    }
}

@media (min-width:1680px) {
    .cols-10-gap-0.without-margin-top, .cols-10-gap-0 > .block, .cols-12-gap-0.without-margin-top, .cols-12-gap-0 > .block {
        margin-top: 0
    }

    .padding-0 {
        padding: 0
    }

    .padding-h-0 {
        padding-left: 0;
        padding-right: 0
    }

    .margin-0 {
        margin: 0
    }

    .margin-h-0 {
        margin-left: 0;
        margin-right: 0
    }

    .margin-top-0 {
        margin-top: 0
    }

    .cols-10-gap-1 > .block, .cols-12-gap-1 > .block {
        margin-top: 13.33333px
    }

    .cols-10-gap-1.without-margin-top, .cols-12-gap-1.without-margin-top {
        margin-top: -13.33333px
    }

    .padding-1 {
        padding: 13.33333px
    }

    .padding-h-1 {
        padding-left: 13.33333px;
        padding-right: 13.33333px
    }

    .margin-1 {
        margin: 13.33333px
    }

    .margin-h-1 {
        margin-left: 13.33333px;
        margin-right: 13.33333px
    }

    .margin-top-1 {
        margin-top: 13.33333px
    }

    .cols-10-gap-2 > .block, .cols-12-gap-2 > .block {
        margin-top: 26.66667px
    }

    .cols-10-gap-2.without-margin-top, .cols-12-gap-2.without-margin-top {
        margin-top: -26.66667px
    }

    .padding-2 {
        padding: 26.66667px
    }

    .padding-h-2 {
        padding-left: 26.66667px;
        padding-right: 26.66667px
    }

    .margin-2 {
        margin: 26.66667px
    }

    .margin-h-2 {
        margin-left: 26.66667px;
        margin-right: 26.66667px
    }

    .margin-top-2 {
        margin-top: 26.66667px
    }

    .cols-10-gap-3 > .block, .cols-12-gap-3 > .block {
        margin-top: 40px
    }

    .cols-10-gap-3.without-margin-top, .cols-12-gap-3.without-margin-top {
        margin-top: -40px
    }

    .padding-3 {
        padding: 40px
    }

    .padding-h-3 {
        padding-left: 40px;
        padding-right: 40px
    }

    .margin-3 {
        margin: 40px
    }

    .margin-h-3 {
        margin-left: 40px;
        margin-right: 40px
    }

    .margin-top-3 {
        margin-top: 40px
    }

    .cols-10-gap-4 > .block, .cols-12-gap-4 > .block {
        margin-top: 53.33333px
    }

    .cols-10-gap-4.without-margin-top, .cols-12-gap-4.without-margin-top {
        margin-top: -53.33333px
    }

    .padding-4 {
        padding: 53.33333px
    }

    .padding-h-4 {
        padding-left: 53.33333px;
        padding-right: 53.33333px
    }

    .margin-4 {
        margin: 53.33333px
    }

    .margin-h-4 {
        margin-left: 53.33333px;
        margin-right: 53.33333px
    }

    .margin-top-4 {
        margin-top: 53.33333px
    }

    .cols-10-gap-5 > .block, .cols-12-gap-5 > .block {
        margin-top: 66.66667px
    }

    .cols-10-gap-5.without-margin-top, .cols-12-gap-5.without-margin-top {
        margin-top: -66.66667px
    }

    .padding-5 {
        padding: 66.66667px
    }

    .padding-h-5 {
        padding-left: 66.66667px;
        padding-right: 66.66667px
    }

    .margin-5 {
        margin: 66.66667px
    }

    .margin-h-5 {
        margin-left: 66.66667px;
        margin-right: 66.66667px
    }

    .margin-top-5 {
        margin-top: 66.66667px
    }

    .cols-10-gap-6 > .block, .cols-12-gap-6 > .block {
        margin-top: 80px
    }

    .cols-10-gap-6.without-margin-top, .cols-12-gap-6.without-margin-top {
        margin-top: -80px
    }

    .padding-6 {
        padding: 80px
    }

    .padding-h-6 {
        padding-left: 80px;
        padding-right: 80px
    }

    .margin-6 {
        margin: 80px
    }

    .margin-h-6 {
        margin-left: 80px;
        margin-right: 80px
    }

    .margin-top-6 {
        margin-top: 80px
    }
}

@media (max-width:1020px) and (orientation:portrait) {
    .m-cols-6-gap-0.without-margin-top, .m-cols-6-gap-0 > .block {
        margin-top: 0
    }

    .padding-0 {
        padding: 0
    }

    .padding-h-0 {
        padding-left: 0;
        padding-right: 0
    }

    .margin-0 {
        margin: 0
    }

    .margin-h-0 {
        margin-left: 0;
        margin-right: 0
    }

    .margin-top-0 {
        margin-top: 0
    }

    .m-cols-6-gap-1 > .block {
        margin-top: 1.5625vw
    }

    .m-cols-6-gap-1.without-margin-top {
        margin-top: -1.5625vw
    }

    .padding-1 {
        padding: .78125vw
    }

    .padding-h-1 {
        padding-left: .78125vw;
        padding-right: .78125vw
    }

    .margin-1 {
        margin: .78125vw
    }

    .margin-h-1 {
        margin-left: .78125vw;
        margin-right: .78125vw
    }

    .margin-top-1 {
        margin-top: .78125vw
    }

    .m-cols-6-gap-2 > .block {
        margin-top: 3.125vw
    }

    .m-cols-6-gap-2.without-margin-top {
        margin-top: -3.125vw
    }

    .padding-2 {
        padding: 1.5625vw
    }

    .padding-h-2 {
        padding-left: 1.5625vw;
        padding-right: 1.5625vw
    }

    .margin-2 {
        margin: 1.5625vw
    }

    .margin-h-2 {
        margin-left: 1.5625vw;
        margin-right: 1.5625vw
    }

    .margin-top-2 {
        margin-top: 1.5625vw
    }

    .m-cols-6-gap-3 > .block {
        margin-top: 4.6875vw
    }

    .m-cols-6-gap-3.without-margin-top {
        margin-top: -4.6875vw
    }

    .padding-3 {
        padding: 2.34375vw
    }

    .padding-h-3 {
        padding-left: 2.34375vw;
        padding-right: 2.34375vw
    }

    .margin-3 {
        margin: 2.34375vw
    }

    .margin-h-3 {
        margin-left: 2.34375vw;
        margin-right: 2.34375vw
    }

    .margin-top-3 {
        margin-top: 2.34375vw
    }

    .m-cols-6-gap-4 > .block {
        margin-top: 6.25vw
    }

    .m-cols-6-gap-4.without-margin-top {
        margin-top: -6.25vw
    }

    .padding-4 {
        padding: 3.125vw
    }

    .padding-h-4 {
        padding-left: 3.125vw;
        padding-right: 3.125vw
    }

    .margin-4 {
        margin: 3.125vw
    }

    .margin-h-4 {
        margin-left: 3.125vw;
        margin-right: 3.125vw
    }

    .margin-top-4 {
        margin-top: 3.125vw
    }

    .m-cols-6-gap-5 > .block {
        margin-top: 7.8125vw
    }

    .m-cols-6-gap-5.without-margin-top {
        margin-top: -7.8125vw
    }

    .padding-5 {
        padding: 3.90625vw
    }

    .padding-h-5 {
        padding-left: 3.90625vw;
        padding-right: 3.90625vw
    }

    .margin-5 {
        margin: 3.90625vw
    }

    .margin-h-5 {
        margin-left: 3.90625vw;
        margin-right: 3.90625vw
    }

    .margin-top-5 {
        margin-top: 3.90625vw
    }

    .m-cols-6-gap-6 > .block {
        margin-top: 9.375vw
    }

    .m-cols-6-gap-6.without-margin-top {
        margin-top: -9.375vw
    }

    .padding-6 {
        padding: 4.6875vw
    }

    .padding-h-6 {
        padding-left: 4.6875vw;
        padding-right: 4.6875vw
    }

    .margin-6 {
        margin: 4.6875vw
    }

    .margin-h-6 {
        margin-left: 4.6875vw;
        margin-right: 4.6875vw
    }

    .margin-top-6 {
        margin-top: 4.6875vw
    }
}

.bar, .golden-ratio, .golden-ratio-v, .ratio, .ratio-1-1, .ratio-1-2, .ratio-2-1, .ratio-2-3, .ratio-3-1, .ratio-3-2, .ratio-3-4, .ratio-3-5, .ratio-4-1, .ratio-4-3, .ratio-4-5, .ratio-5-3, .ratio-5-4, .ratio-6-1, .ratio-6-5, .ratio-8-5, .ratio-9-16, .ratio-12-1, .ratio-16-9, .ratio-21-9, .ratio-24-1, .square {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0
}

.ratio-1-2 {
    padding-bottom: 200%
}

.ratio-9-16 {
    padding-bottom: 177.77778%
}

.ratio-3-5 {
    padding-bottom: 166.66667%
}

.golden-ratio-v {
    padding-bottom: 161.80339888%
}

.ratio-2-3 {
    padding-bottom: 150%
}

.ratio-3-4 {
    padding-bottom: 133.33333%
}

.ratio-4-5 {
    padding-bottom: 125%
}

.ratio-1-1, .square {
    padding-bottom: 100%
}

.ratio-6-5 {
    padding-bottom: 83.33333%
}

.ratio-5-4 {
    padding-bottom: 80%
}

.ratio-4-3 {
    padding-bottom: 75%
}

.ratio-3-2 {
    padding-bottom: 66.66667%
}

.ratio-8-5 {
    padding-bottom: 62.5%
}

.golden-ratio {
    padding-bottom: 61.80339888%
}

.ratio-5-3 {
    padding-bottom: 60%
}

.ratio-16-9 {
    padding-bottom: 56.25%
}

.ratio-2-1 {
    padding-bottom: 50%
}

.ratio-21-9 {
    padding-bottom: 42.85714%
}

.ratio-3-1 {
    padding-bottom: 33.33333%
}

.ratio-4-1 {
    padding-bottom: 25%
}

.ratio-6-1 {
    padding-bottom: 16.66667%
}

.ratio-12-1 {
    padding-bottom: 8.33333%
}

.bar, .ratio-24-1 {
    padding-bottom: 4.16667%
}

.m-bar, .m-golden-ratio, .m-golden-ratio-v, .m-ratio-1-1, .m-ratio-1-2, .m-ratio-2-1, .m-ratio-2-3, .m-ratio-3-1, .m-ratio-3-2, .m-ratio-3-4, .m-ratio-3-5, .m-ratio-4-1, .m-ratio-4-3, .m-ratio-4-5, .m-ratio-5-3, .m-ratio-5-4, .m-ratio-6-1, .m-ratio-6-5, .m-ratio-8-5, .m-ratio-9-16, .m-ratio-16-9, .m-ratio-21-9, .m-square {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0
}

@media (max-width:460px),(max-width:1020px) and (orientation:portrait) {
    .m-ratio-1-2 {
        padding-bottom: 200%
    }

    .m-ratio-9-16 {
        padding-bottom: 177.77778%
    }

    .m-ratio-3-5 {
        padding-bottom: 166.66667%
    }

    .golden-ratio-v {
        padding-bottom: 161.80339888%
    }

    .m-ratio-2-3 {
        padding-bottom: 150%
    }

    .m-ratio-3-4 {
        padding-bottom: 133.33333%
    }

    .m-ratio-4-5 {
        padding-bottom: 125%
    }

    .m-ratio-1-1, .m-square {
        padding-bottom: 100%
    }

    .m-ratio-6-5 {
        padding-bottom: 83.33333%
    }

    .m-ratio-5-4 {
        padding-bottom: 80%
    }

    .m-ratio-4-3 {
        padding-bottom: 75%
    }

    .m-ratio-3-2 {
        padding-bottom: 66.66667%
    }

    .m-ratio-8-5 {
        padding-bottom: 62.5%
    }

    .golden-ratio {
        padding-bottom: 61.80339888%
    }

    .m-ratio-5-3 {
        padding-bottom: 60%
    }

    .m-ratio-16-9 {
        padding-bottom: 56.25%
    }

    .m-ratio-2-1 {
        padding-bottom: 50%
    }

    .m-ratio-21-9 {
        padding-bottom: 42.85714%
    }

    .m-ratio-3-1 {
        padding-bottom: 33.33333%
    }

    .m-ratio-4-1 {
        padding-bottom: 25%
    }

    .m-ratio-6-1 {
        padding-bottom: 16.66667%
    }

    .m-ratio-12-1 {
        padding-bottom: 8.33333%
    }
}

@media (min-width:460px) and (orientation:landscape) {
    .ratio-auto {
        height: auto
    }
}

.flex-item-last {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important
}

body {
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    -webkit-text-size-adjust: none
}

@media (max-width:1020px) and (orientation:portrait) {
    .only--pc {
        display: none !important
    }
}

@media (min-width:460px) and (orientation:landscape),(min-width:1020px) {
    .only--mobile {
        display: none !important
    }
}

.lazyload, .lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity .3s
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    src: local("Lato Light"),local("Lato-Light"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format("woff2");
    unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    src: local("Lato Light"),local("Lato-Light"),url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: local("Lato Regular"),local("Lato-Regular"),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format("woff2");
    unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: local("Lato Regular"),local("Lato-Regular"),url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format("woff2");
    unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

body, html {
    font-family: Lato,sans-serif;
    font-size: 13px;
    letter-spacing: .5px;
    color: #fff
}

.font--typeA, .font--typeB {
    font-family: Lato,sans-serif;
    letter-spacing: 2px !important
}

.btn {
    width: 100%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    margin: 0;
    cursor: pointer
}

    .btn:focus {
        outline: none
    }

.btn--l {
    height: 40px;
    line-height: 40px
}

.btn--m {
    height: 35px;
    line-height: 35px
}

.btn--font-l {
    font-size: 16px
}

.btn--font-m {
    font-size: 12px
}

.btn--font-s {
    font-size: 11px
}

.btn--major {
    background: #ff891e;
    color: #fff
}

    .btn--major:hover {
        opacity: .8
    }

.btn--facebook {
    background: #3b5998;
    color: #fff;
    margin-top: 0
}

    .btn--facebook .facebook-icon {
        fill: #fff;
        margin: 0 30px 0 -15px;
        height: 24px;
        width: 24px;
        -ms-transform: translateY(6px);
        transform: translateY(6px)
    }

@media (max-width:1020px) and (orientation:portrait) {
    .m-cols-6-gap-4 > .block {
        margin-top: 16px
    }
}

.btn--facebook:hover {
    opacity: .8
}

.block.col-12.m-col-6.or {
    color: #888;
    margin: 16px 0 0
}

.btn--minor {
    background: #c1a779;
    color: #fff
}

    .btn--minor:hover {
        background: #b28f5a
    }

.btn--light {
    background: #fff;
    color: #c1a779;
    border: 1px solid #c1a779
}

    .btn--light:hover {
        color: #b28f5a;
        border: 1px solid #b28f5a
    }

.btn--white {
    background: #fff;
    color: #888;
    border: 1px solid #888
}

    .btn--white:hover {
        opacity: .8
    }

    .btn--light.btn--disabled, .btn--white.btn--disabled {
        border: 1px solid #bdbdbd;
        color: #bdbdbd;
        cursor: not-allowed
    }

        .btn--light.btn--disabled:hover, .btn--white.btn--disabled:hover {
            border: 1px solid #bdbdbd;
            color: #bdbdbd
        }

.btn--major.btn--disabled, .btn--minor.btn--disabled {
    background: #e1e1e1;
    cursor: not-allowed
}

    .btn--major.btn--disabled:hover, .btn--minor.btn--disabled:hover {
        background: #e1e1e1
    }

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #403d37
}

input:-moz-placeholder, input::-moz-placeholder, select:-moz-placeholder, select::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
    color: #403d37
}

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #403d37
}

input:focus, select:focus, textarea:focus {
    outline: none
}

input[type=checkbox], input[type=radio] {
    border: 1px solid #dbdbdb;
    width: 13px;
    height: 13px
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
    border-radius: 0
}

input[type=radio] {
    -webkit-appearance: radio
}

.form-item__select, .form-item__textbox {
    position: relative
}

    .form-item__select select, .form-item__textbox input {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 40px;
        padding: 0 12px;
        font-size: 14px;
        line-height: 20px;
        border: 1px solid #dbdbdb;
        outline: none;
        background: transparent;
        border-radius: 0;
        -webkit-appearance: none;
        border-radius: 8px
    }

    .form-item__select:after {
        content: "";
        display: block;
        position: absolute;
        top: 5px;
        right: 10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 6px 0;
        border-color: transparent;
        border-top-color: #dbdbdb
    }

.form-item__title {
    display: block;
    position: absolute;
    top: 0;
    left: 8px;
    max-width: 90%;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    font-style: normal;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
    padding: 0 4px;
    background: #fff;
    transition: .2s
}

.form-item__select select:focus, .form-item__textbox input:focus {
    border-color: #403d37
}

    .form-item__select select:focus + i.form-item__title, .form-item__textbox input:focus + i.form-item__title {
        z-index: 4;
        color: #403d37
    }

    .form-item__select select:focus + .form-item__title, .form-item__select select:valid + .form-item__title, .form-item__textbox input:focus + .form-item__title, .form-item__textbox input:valid + .form-item__title {
        z-index: 4;
        top: -20px;
        font-size: 12px;
        color: #333
    }

.form-item__error input, .form-item__error select {
    color: #c1272d;
    border-color: #c1272d !important
}

.form-item__error.form-item__select:after {
    border-top-color: #c1272d
}

.form-item__error input:focus, .form-item__error select:focus {
    color: #333
}

.form-item__error .form-item__title {
    color: #c1272d !important
}

.form-item__disabled input, .form-item__disabled select {
    color: #ddd;
    border-color: #ddd !important
}

.form-item__disabled.form-item__select:after {
    border-top-color: #ddd
}

.form-item__disabled input:focus, .form-item__disabled select:focus {
    color: #ddd
}

.form-item__disabled .form-item__title {
    color: #ddd !important;
    z-index: 4;
    top: -20px;
    font-size: 12px
}

textarea {
    resize: none
}

.section-login--wrap {
    position: relative;
    z-index: 2;
    margin-bottom: 3.125vw;
    margin-top: 170px
}

    .section-login--wrap .btn--font-m {
        font-size: 16px
    }

.wrap-brandlogo {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
    padding-top: 40px;
    padding-bottom: 40px
}

.brandlogo__title {
    font-weight: 400;
    position: relative;
    z-index: 1;
    font-size: 24px;
    text-transform: capitalize;
    color: #888
}

@media (max-width:1020px) and (orientation:portrait) {
    .section-login--wrap {
        padding: 0 6.25vw;
        margin-top: calc(6vh + 80px)
    }
}

@media (min-width:460px) and (orientation:landscape),(min-width:1020px) {
    .wrap-brandlogo {
        width: auto !important;
        padding-left: 20px;
        padding-right: 20px
    }
}

.fromCon--text {
    font-size: 14px;
    text-align: center;
    line-height: 1.6;
    color: #888
}

    .fromCon--text a:not(.btn), .fromCon--text a:not(.btn):hover {
        color: #999;
        text-decoration: underline
    }

        .fromCon--text a:not(.btn):hover {
            opacity: .8
        }

    .fromCon--text strong {
        color: #34312a;
        word-break: break-all
    }

    .fromCon--text.fromCon--text--tips {
        font-size: 12px;
        color: #999
    }

    .fromCon--text.fromCon--text--email {
        font-size: 18px;
        color: #c1a779
    }

        .fromCon--text.fromCon--text--email strong {
            color: #c1a779
        }

            .fromCon--text.fromCon--text--email strong:before {
                content: "Email: "
            }

.fromCon__special--textalign {
    text-align: left
}

.fromCon__special--orstyle {
    position: relative;
    z-index: 1;
    color: #999;
    text-transform: capitalize;
    width: 20px !important
}

    .fromCon__special--orstyle:after, .fromCon__special--orstyle:before {
        position: absolute;
        content: "";
        width: 10px;
        height: 1px;
        background: #999;
        top: 10px
    }

    .fromCon__special--orstyle:after {
        right: -15px
    }

    .fromCon__special--orstyle:before {
        left: -15px
    }

.fromCon__special--color {
    color: #999
}

.fromCon--warning {
    background: #f9dad8;
    color: #c1272d;
    text-align: center;
    padding: 12px 10px;
    display: none;
    border-radius: 4px
}

.checkRadio__area {
    cursor: pointer
}

    .checkRadio__area input {
        margin-right: 5px
    }

.fromCon--group {
    position: relative;
    z-index: 1
}

    .fromCon--group .forgot__link {
        position: absolute;
        z-index: 2;
        right: 0;
        bottom: 0;
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        display: block;
        color: #333
    }

        .fromCon--group .forgot__link:hover {
            color: #c1a779;
            text-decoration: underline
        }

.brandlogo__formCon {
    width: 284px;
    text-align: left
}

    .brandlogo__formCon .otherCon--notice {
        color: #333;
        padding: 0 0 30px;
        font-size: 14px;
        line-height: 1.6
    }

        .brandlogo__formCon .otherCon--notice h2 {
            font-size: 24px;
            padding-bottom: 20px
        }

    .brandlogo__formCon .otherCon--notice__special {
        color: #888;
        font-size: 14px
    }

    .brandlogo__formCon .btn--font-m {
        font-size: 16px
    }

@media (max-width:1020px) and (orientation:portrait) {
    .brandlogo__formCon {
        width: 100%;
        padding-left: 6.25vw;
        padding-right: 6.25vw
    }
}

.login-logo__area {
    position: absolute;
    z-index: 2;
    width: 124px;
    height: 80px;
    border: 4px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    left: 0;
    right: 0
}

.bg-area img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 100vh;
    display: block;
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover
}

.login-iframe__area {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff
}

@media (max-width:1020px) and (orientation:portrait) {
    .login-logo__area {
        margin-top: 3vh
    }
}

@media (min-width:460px) and (orientation:landscape),(min-width:1020px) {
    .login-logo__area {
        margin-top: 50px
    }
}

.verification__area {
    display: flex;
    flex-flow: row nowrap
}

    .verification__area .input__area {
        margin-right: 15px;
        flex: auto
    }

    .verification__area .img__area img {
        height: 40px
    }