@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('/wp-content/themes/scent-child/fonts/brandon_bld-webfont.woff2') format('woff2'),
    url('/wp-content/themes/scent-child/fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

audio,
canvas,
img,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

.form-error,
[hidden],
template {
    display: none
}

html,
legend {
    box-sizing: border-box
}

body,
button,
legend {
    padding: 0
}

.flex-dir-row,
.row {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal
}

.flex-dir-row,
.flex-dir-row-reverse,
.row {
    -webkit-box-orient: horizontal
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    text-rendering: optimizeLegibility
}

button,
hr,
input {
    overflow: visible
}

.clearfix::after,
hr {
    clear: both
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent
}

.h1,
.quote-1,
h1 {
    letter-spacing: -.035em
}

.color-abbey {
    color: #50555b!important
}

.background-color-abbey {
    background-color: #50555b!important
}

.color-alabaster {
    color: #f9f9f9!important
}

.background-color-alabaster {
    background-color: #f9f9f9!important
}

.color-alto {
    color: #ddd!important
}

.background-color-alto {
    background-color: #ddd!important
}

.color-apple {
    color: #67b93c!important
}

.background-color-apple {
    background-color: #67b93c!important
}

.color-athens-gray {
    color: #f7f7f9!important
}

.background-color-athens-gray {
    background-color: #f7f7f9!important
}

.color-black {
    color: #000!important
}

.background-color-black {
    background-color: #000!important
}

.color-boston-blue {
    color: #3582c1!important
}

.background-color-boston-blue {
    background-color: #3582c1!important
}

.color-boulder {
    color: #777!important
}

.background-color-boulder {
    background-color: #777!important
}

.color-cloud {
    color: #bdbcba!important
}

.background-color-cloud {
    background-color: #bdbcba!important
}

.color-cloudy {
    color: #a8a4a1!important
}

.background-color-cloudy {
    background-color: #a8a4a1!important
}

.color-concrete {
    color: #f2f2f2!important
}

.background-color-concrete {
    background-color: #f2f2f2!important
}

.color-curious-blue {
    color: #358ed7!important
}

.background-color-curious-blue {
    background-color: #358ed7!important
}

.color-flamingo {
    color: #ec5840!important
}

.background-color-flamingo {
    background-color: #ec5840!important
}

.color-gallery {
    color: #eee!important
}

.background-color-gallery {
    background-color: #eee!important
}

.color-gray {
    color: #8a8a8a!important
}

.background-color-gray {
    background-color: #8a8a8a!important
}

.color-havelock-blue {
    color: #5aa8df!important
}

.background-color-havelock-blue {
    background-color: #5aa8df!important
}

.color-heather {
    color: #c3cfd8!important
}

.background-color-heather {
    background-color: #c3cfd8!important
}

.color-hillary {
    color: #ab9a89!important
}

.background-color-hillary {
    background-color: #ab9a89!important
}

.color-japanese-laurel {
    color: green!important
}

.background-color-japanese-laurel {
    background-color: green!important
}

.color-light-link-water {
    color: #f0f5fb!important
}

.background-color-light-link-water {
    background-color: #f0f5fb!important
}

.color-link-water {
    color: #dfe9f4!important
}

.background-color-link-water {
    background-color: #dfe9f4!important
}

.color-loblolly {
    color: #bdc6cf!important
}

.background-color-loblolly {
    background-color: #bdc6cf!important
}

.color-mako {
    color: #43484d!important
}

.background-color-mako {
    background-color: #43484d!important
}

.color-mantis {
    color: #7dc855!important
}

.background-color-mantis {
    background-color: #7dc855!important
}

.color-mercury {
    color: #e1e1e1!important
}

.background-color-mercury {
    background-color: #e1e1e1!important
}

.color-mine-shaft {
    color: #333!important
}

.background-color-mine-shaft {
    background-color: #333!important
}

.color-mystic {
    color: #e1e8ee!important
}

.background-color-mystic {
    background-color: #e1e8ee!important
}

.color-nevada {
    color: #6f7276!important
}

.background-color-nevada {
    background-color: #6f7276!important
}

.color-pelorous {
    color: #38a1c1!important
}

.background-color-pelorous {
    background-color: #38a1c1!important
}

.color-persimmon {
    color: #ff585b!important
}

.background-color-persimmon {
    background-color: #ff585b!important
}

.color-porcelain {
    color: #e7eaec!important
}

.background-color-porcelain {
    background-color: #e7eaec!important
}

.color-regent-gray {
    color: #86939e!important
}

.background-color-regent-gray {
    background-color: #86939e!important
}

.color-scooter {
    color: #39add1!important
}

.background-color-scooter {
    background-color: #39add1!important
}

.color-shamrock {
    color: #3adb76!important
}

.background-color-shamrock {
    background-color: #3adb76!important
}

.color-ship-cove {
    color: #838cc7!important
}

.background-color-ship-cove {
    background-color: #838cc7!important
}

.color-shuttle-gray {
    color: #5e6977!important
}

.background-color-shuttle-gray {
    background-color: #5e6977!important
}

.color-silver {
    color: #c1c1c1!important
}

.background-color-silver {
    background-color: #c1c1c1!important
}

.color-silver-chalice {
    color: #afafaf!important
}

.background-color-silver-chalice {
    background-color: #afafaf!important
}

.color-steel-blue {
    color: #4987b3!important
}

.background-color-steel-blue {
    background-color: #4987b3!important
}

.color-sushi {
    color: #7ab949!important
}

.background-color-sushi {
    background-color: #7ab949!important
}

.color-tradewind {
    color: #50b4ac!important
}

.background-color-tradewind {
    background-color: #50b4ac!important
}

.color-trout {
    color: #525b64!important
}

.background-color-trout {
    background-color: #525b64!important
}

.color-tuna {
    color: #3b3d40!important
}

.background-color-tuna {
    background-color: #3b3d40!important
}

.color-white {
    color: #fff!important
}

.background-color-white {
    background-color: #fff!important
}

.color-wild-sand {
    color: #f4f4f4!important
}

.background-color-wild-sand {
    background-color: #f4f4f4!important
}

.color-yellow-sea {
    color: #ffae00!important
}

abbr,
body {
    color: #5e6977
}

.background-color-yellow-sea {
    background-color: #ffae00!important
}


/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

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

a:active,
a:hover {
    outline-width: 0
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

img {
    border-style: none;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic
}

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

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

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: ButtonText dotted 1px
}

[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
}

a,
b,
em,
i,
small,
strong {
    line-height: inherit
}

legend {
    display: table;
    color: inherit;
    white-space: normal
}

textarea {
    overflow: auto
}

summary {
    display: list-item
}

.foundation-mq {
    font-family: "small=0em&mobile=22.5em&medium=48em&large=64em&xlarge=75em&xxlarge=90em"
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif
}

html {
    font-size: 100%
}

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

body {
    margin: 0;
    background: #fff;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

select {
    width: 100%
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none!important
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0
}

[data-whatinput=mouse] button {
    outline: 0
}

.is-visible {
    display: block!important
}

.is-hidden {
    display: none!important
}

.column.row.row,
.row,
.row.row.columns {
    display: -webkit-box;
    display: -ms-flexbox
}

.align-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.align-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-self-top {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-self-bottom {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

@media print,
screen and (min-width:22.5em) {
    .mobile-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .mobile-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .mobile-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .mobile-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .mobile-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .mobile-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .row .row {
        margin-right: -.5rem;
        margin-left: -.5rem
    }
}

@media print,
screen and (min-width:48em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media print,
screen and (min-width:64em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

.row {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row .row {
    margin-right: -.5rem;
    margin-left: -.5rem
}

@media print,
screen and (min-width:48em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.row.expanded {
    max-width: none
}

.row.collapse>.column,
.row.collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.row.collapse>.column>.row,
.row.collapse>.columns>.row,
.row.is-collapse-child {
    margin-right: 0;
    margin-left: 0
}

.column,
.columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: .5rem;
    padding-left: .5rem;
    min-width: initial
}

@media print,
screen and (min-width:48em) {
    .column,
    .columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.column.row.row,
.row.row.columns {
    display: flex
}

.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.flex-child-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex-dir-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-dir-row-reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.flex-dir-column,
.flex-dir-column-reverse,
.generator__popup,
.hamburger,
.hamburger__auth {
    -webkit-box-orient: vertical
}

.flex-dir-column {
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-dir-column-reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.small-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-2,
.small-3 {
    -webkit-box-flex: 0
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-4,
.small-5 {
    -webkit-box-flex: 0
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-6,
.small-7 {
    -webkit-box-flex: 0
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-8,
.small-9 {
    -webkit-box-flex: 0
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.small-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-1>.column,
.small-up-1>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.small-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-2>.column,
.small-up-2>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.small-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-3>.column,
.small-up-3>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-4>.column,
.small-up-4>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.small-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-5>.column,
.small-up-5>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.small-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-6>.column,
.small-up-6>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-7>.column,
.small-up-7>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%
}

.small-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.small-up-8>.column,
.small-up-8>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.small-collapse>.column,
.small-collapse>.columns {
    padding-right: 0;
    padding-left: 0
}

.small-uncollapse>.column,
.small-uncollapse>.columns {
    padding-right: .5rem;
    padding-left: .5rem
}

@media print,
screen and (min-width:22.5em) {
    .mobile-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .mobile-offset-0 {
        margin-left: 0
    }
    .mobile-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .mobile-offset-1 {
        margin-left: 8.33333%
    }
    .mobile-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .mobile-offset-2 {
        margin-left: 16.66667%
    }
    .mobile-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .mobile-offset-3 {
        margin-left: 25%
    }
    .mobile-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .mobile-offset-4 {
        margin-left: 33.33333%
    }
    .mobile-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .mobile-offset-5 {
        margin-left: 41.66667%
    }
    .mobile-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .mobile-offset-6 {
        margin-left: 50%
    }
    .mobile-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .mobile-offset-7 {
        margin-left: 58.33333%
    }
    .mobile-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .mobile-offset-8 {
        margin-left: 66.66667%
    }
    .mobile-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .mobile-offset-9 {
        margin-left: 75%
    }
    .mobile-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .mobile-offset-10 {
        margin-left: 83.33333%
    }
    .mobile-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .mobile-offset-11 {
        margin-left: 91.66667%
    }
    .mobile-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .mobile-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .mobile-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .mobile-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .mobile-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .mobile-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .mobile-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .mobile-up-1>.column,
    .mobile-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .mobile-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .mobile-up-2>.column,
    .mobile-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .mobile-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .mobile-up-3>.column,
    .mobile-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .mobile-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .mobile-up-4>.column,
    .mobile-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .mobile-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .mobile-up-5>.column,
    .mobile-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .mobile-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .mobile-up-6>.column,
    .mobile-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .mobile-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .mobile-up-7>.column,
    .mobile-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .mobile-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .mobile-up-8>.column,
    .mobile-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:22.5em) and (min-width:22.5em) {
    .mobile-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:22.5em) {
    .mobile-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .mobile-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .mobile-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .mobile-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .mobile-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .mobile-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .mobile-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.row.mobile-unstack>.column,
.row.mobile-unstack>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:22.5em) {
    .row.mobile-unstack>.column,
    .row.mobile-unstack>.columns {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
    .mobile-collapse>.column,
    .mobile-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .mobile-uncollapse>.column,
    .mobile-uncollapse>.columns {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

@media print,
screen and (min-width:48em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .medium-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-1>.column,
    .medium-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .medium-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-2>.column,
    .medium-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .medium-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-3>.column,
    .medium-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .medium-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-4>.column,
    .medium-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .medium-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-5>.column,
    .medium-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .medium-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-6>.column,
    .medium-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .medium-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-7>.column,
    .medium-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .medium-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .medium-up-8>.column,
    .medium-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) {
    .medium-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:48em) {
    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.row.medium-unstack>.column,
.row.medium-unstack>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:48em) {
    .row.medium-unstack>.column,
    .row.medium-unstack>.columns {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
    .medium-collapse>.column,
    .medium-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .medium-uncollapse>.column,
    .medium-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
    h1 {
        font-size: 2.625rem;
        line-height: 1.19048
    }
    h2 {
        font-size: 1.5rem;
        line-height: 1.33333
    }
    h3 {
        font-size: 1.125rem;
        line-height: 1.38889
    }
    h4,
    h5,
    h6 {
        font-size: 1rem
    }
    h4 {
        line-height: 1.5625
    }
    h5,
    h6 {
        line-height: 1
    }
}

@media print,
screen and (min-width:64em) {
    .large-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
    .large-2,
    .large-3 {
        -webkit-box-flex: 0
    }
    .large-offset-0 {
        margin-left: 0
    }
    .large-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .large-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-4,
    .large-5 {
        -webkit-box-flex: 0
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .large-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .large-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
    .large-6,
    .large-7 {
        -webkit-box-flex: 0
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .large-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .large-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
    .large-8,
    .large-9 {
        -webkit-box-flex: 0
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .large-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .large-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .large-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .large-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .large-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
    .large-up-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-1>.column,
    .large-up-1>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .large-up-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-2>.column,
    .large-up-2>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .large-up-3 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-3>.column,
    .large-up-3>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .large-up-4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-4>.column,
    .large-up-4>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .large-up-5 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-5>.column,
    .large-up-5>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
    .large-up-6 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-6>.column,
    .large-up-6>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
    .large-up-7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-7>.column,
    .large-up-7>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
    .large-up-8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .large-up-8>.column,
    .large-up-8>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

figure,
kbd {
    margin: 0
}

.shrink,
legend,
textarea {
    max-width: 100%
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .large-expand {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {
    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
}

.generator__popup,
.generator__popup__block,
.hamburger,
.hamburger__auth {
    -webkit-box-direction: normal
}

.row.large-unstack>.column,
.row.large-unstack>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

@media print,
screen and (min-width:64em) {
    .row.large-unstack>.column,
    .row.large-unstack>.columns {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
    .large-collapse>.column,
    .large-collapse>.columns {
        padding-right: 0;
        padding-left: 0
    }
    .large-uncollapse>.column,
    .large-uncollapse>.columns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    margin-left: 1.25rem
}

dl,
ol,
p,
ul {
    margin-bottom: 1rem
}

em,
i {
    font-style: italic
}

b,
strong {
    font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: 300;
    color: inherit
}

code,
kbd {
    background-color: #f4f4f4;
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    color: #000
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    line-height: 0;
    color: #c1c1c1
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

@media print,
screen and (min-width:64em) {
    h1 {
        font-size: 3rem;
        line-height: 1.20833
    }
    h2 {
        font-size: 1.75rem;
        line-height: 1.28571
    }
    h3 {
        font-size: 1.125rem;
        line-height: 1.38889
    }
    h4,
    h5,
    h6 {
        font-size: 1rem
    }
    h4 {
        line-height: 1.5625
    }
    h5,
    h6 {
        line-height: 1
    }
}

@media screen and (min-width:75em) {
    h1 {
        font-size: 3.25rem;
        line-height: 1.11538
    }
    h2 {
        font-size: 2rem;
        line-height: 1.1875
    }
    h3 {
        font-size: 1.125rem;
        line-height: 1.38889
    }
    h4,
    h5,
    h6 {
        font-size: 1rem
    }
    h4 {
        line-height: 1.5625
    }
    h5,
    h6 {
        line-height: 1
    }
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #7dc855;
    text-decoration: none;
    cursor: pointer
}

.lead,
.subheader,
dl,
ol,
ul {
    line-height: 1.5625
}

a:focus,
a:hover {
    color: #67b93c
}

a img {
    border: 0
}

hr {
    box-sizing: content-box;
    max-width: 71.25rem;
    height: 0;
    margin: 1.25rem auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #c1c1c1;
    border-left: 0
}

dl,
ol,
ul {
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

.subheader,
code,
label {
    font-weight: 400
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #c1c1c1
}

blockquote,
blockquote p {
    line-height: 1.5625;
    color: #8a8a8a
}

cite {
    display: block;
    font-size: .8125rem;
    color: #8a8a8a
}

cite:before {
    content: "— "
}

abbr {
    border-bottom: 1px dotted #000;
    cursor: help
}

code {
    padding: .125rem .3125rem .0625rem;
    border: 1px solid #c1c1c1
}

kbd {
    padding: .125rem .25rem 0
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    color: #8a8a8a
}

.lead {
    font-size: 125%
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width:22.5em) {
    .mobile-text-left {
        text-align: left
    }
    .mobile-text-right {
        text-align: right
    }
    .mobile-text-center {
        text-align: center
    }
    .mobile-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width:48em) {
    .medium-text-left {
        text-align: left
    }
    .medium-text-right {
        text-align: right
    }
    .medium-text-center {
        text-align: center
    }
    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }
    .large-text-right {
        text-align: right
    }
    .large-text-center {
        text-align: center
    }
    .large-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none!important
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        box-shadow: none!important;
        color: #000!important;
        text-shadow: none!important
    }
    .show-for-print {
        display: block!important
    }
    .hide-for-print {
        display: none!important
    }
    table.show-for-print {
        display: table!important
    }
    thead.show-for-print {
        display: table-header-group!important
    }
    tbody.show-for-print {
        display: table-row-group!important
    }
    tr.show-for-print {
        display: table-row!important
    }
    td.show-for-print,
    th.show-for-print {
        display: table-cell!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    .ir a:after,
    a[href^='javascript:']:after,
    a[href^='#']:after {
        content: ''
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    blockquote,
    pre {
        border: 1px solid #8a8a8a
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    -webkit-appearance: none;
    border: 1px solid transparent;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    text-align: center;
    cursor: pointer;
    background-color: #7dc855;
    color: #fff
}

.button.disabled,
.button.disabled.alert,
.button.disabled.primary,
.button.disabled.secondary,
.button.disabled.success,
.button.disabled.warning,
.button[disabled],
.button[disabled].alert,
.button[disabled].primary,
.button[disabled].secondary,
.button[disabled].success,
.button[disabled].warning {
    opacity: .25;
    cursor: not-allowed
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button:focus,
.button:hover {
    background-color: #66b73b;
    color: #fff
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.button.primary {
    background-color: #1779ba;
    color: #000
}

.button.primary:focus,
.button.primary:hover {
    background-color: #126195;
    color: #000
}

.button.secondary {
    background-color: #767676;
    color: #000
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #5e5e5e;
    color: #000
}

.button.success {
    background-color: #3adb76;
    color: #000
}

.button.success:focus,
.button.success:hover {
    background-color: #22bb5b;
    color: #000
}

.button.warning {
    background-color: #ffae00;
    color: #000
}

.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #000
}

.button.alert {
    background-color: #cc4b37;
    color: #000
}

.button.alert:focus,
.button.alert:hover {
    background-color: #a53b2a;
    color: #000
}

.button.hollow {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow,
.button.hollow:focus,
.button.hollow:hover {
    background-color: transparent
}

.button.hollow:focus,
.button.hollow:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button.hollow.primary {
    border: 1px solid #1779ba;
    color: #1779ba
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #0c3d5d;
    color: #0c3d5d
}

.button.hollow.secondary {
    border: 1px solid #767676;
    color: #767676
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #3b3b3b;
    color: #3b3b3b
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #67251a;
    color: #67251a
}

.button.disabled:focus,
.button.disabled:hover,
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #1779ba;
    color: #fff
}

.button.disabled.primary:focus,
.button.disabled.primary:hover,
.button[disabled].primary:focus,
.button[disabled].primary:hover {
    background-color: #1779ba;
    color: #fff
}

.button.disabled.secondary:focus,
.button.disabled.secondary:hover,
.button[disabled].secondary:focus,
.button[disabled].secondary:hover {
    background-color: #767676;
    color: #fff
}

.button.disabled.success:focus,
.button.disabled.success:hover,
.button[disabled].success:focus,
.button[disabled].success:hover {
    background-color: #3adb76;
    color: #fff
}

.button.disabled.warning:focus,
.button.disabled.warning:hover,
.button[disabled].warning:focus,
.button[disabled].warning:hover {
    background-color: #ffae00;
    color: #fff
}

.button.disabled.alert:focus,
.button.disabled.alert:hover,
.button[disabled].alert:focus,
.button[disabled].alert:hover {
    background-color: #cc4b37;
    color: #fff
}

.button.dropdown::after {
    width: 0;
    height: 0;
    border: .4em inset;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #fff transparent transparent;
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    margin-left: 1em
}

.button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0
}

[type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url],
[type=color],
textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 2px solid #e1e8ee;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    color: #43484d;
    -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=text]:focus,
[type=password]:focus,
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=week]:focus,
[type=email]:focus,
[type=number]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=url]:focus,
[type=color]:focus,
textarea:focus {
    outline: 0;
    border: 2px solid #7dc855;
    background-color: #fff;
    box-shadow: none;
    -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

textarea {
    min-height: 50px
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c1c1c1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c1c1c1
}

input::placeholder,
textarea::placeholder {
    color: #c1c1c1
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #f4f4f4;
    cursor: default
}

[type=submit],
[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

[type=file],
[type=checkbox],
[type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label,
[type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

[type=checkbox]+label[for],
[type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox],
label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    line-height: 1.8;
    color: #000
}

label.middle {
    margin: 0 0 1rem;
    padding: .625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #333
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group>:first-child {
    border-radius: 6px 0 0 6px
}

.input-group>:last-child>* {
    border-radius: 0 6px 6px 0
}

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #c1c1c1;
    background: #f4f4f4;
    color: #000;
    text-align: center;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    height: 100%
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem
}

.input-group .input-group-button {
    display: table-cell
}

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

legend {
    margin-bottom: .5rem
}

.fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #c1c1c1
}

.fieldset legend {
    margin: 0 0 0 -.1875rem;
    padding: 0 .1875rem;
    background: #fff
}

select {
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem 1.5rem .5rem .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #e1e8ee;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #43484d;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2851, 51, 51%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

.form-error,
.is-invalid-label {
    color: #ec5840
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:focus {
    outline: 0;
    border: 2px solid #7dc855;
    background-color: #fff;
    box-shadow: none;
    -webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

select:disabled {
    background-color: #f4f4f4;
    cursor: default
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    border-color: #ec5840;
    background-color: #fdeeec
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #ec5840
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #ec5840
}

.is-invalid-input:not(:focus)::placeholder {
    color: #ec5840
}

.form-error {
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.h1,
.h2,
h1,
h2 {
    font-weight: 300
}

.caption a,
.caption a:focus,
.caption a:hover,
.h1 a,
.h1 a:focus,
.h1 a:hover,
.h2 a,
.h2 a:focus,
.h2 a:hover,
.h3 a,
.h3 a:focus,
.h3 a:hover,
.h4 a,
.h4 a:focus,
.h4 a:hover,
.h5 a,
.h5 a:focus,
.h5 a:hover,
.h6 a,
.h6 a:focus,
.h6 a:hover,
.quote-1 a,
.quote-1 a:focus,
.quote-1 a:hover,
.quote-2 a,
.quote-2 a:focus,
.quote-2 a:hover,
.subheading a,
.subheading a:focus,
.subheading a:hover,
.tag-1 a,
.tag-1 a:focus,
.tag-1 a:hover,
.tag-2 a,
.tag-2 a:focus,
.tag-2 a:hover,
h1 a,
h1 a:focus,
h1 a:hover,
h2 a,
h2 a:focus,
h2 a:hover,
h3 a,
h3 a:focus,
h3 a:hover,
h4 a,
h4 a:focus,
h4 a:hover,
h5 a,
h5 a:focus,
h5 a:hover,
h6 a,
h6 a:focus,
h6 a:hover {
    color: inherit
}

.form-error.is-visible {
    display: block
}

.hide {
    display: none!important
}

.invisible {
    visibility: hidden
}

@media screen and (max-width:0em),
screen and (min-width:22.5em) {
    .show-for-small-only {
        display: none!important
    }
}

@media print,
screen and (min-width:22.5em) {
    .hide-for-mobile {
        display: none!important
    }
}

@media screen and (max-width:22.4375em) {
    .hide-for-small-only,
    .show-for-mobile {
        display: none!important
    }
}

@media screen and (min-width:22.5em) and (max-width:47.9375em) {
    .hide-for-mobile-only {
        display: none!important
    }
}

@media screen and (max-width:22.4375em),
screen and (min-width:48em) {
    .show-for-mobile-only {
        display: none!important
    }
}

@media print,
screen and (min-width:48em) {
    .hide-for-medium {
        display: none!important
    }
}

@media screen and (max-width:47.9375em) {
    .show-for-medium {
        display: none!important
    }
}

@media screen and (min-width:48em) and (max-width:63.9375em) {
    .hide-for-medium-only {
        display: none!important
    }
}

@media screen and (max-width:47.9375em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none!important
    }
}

@media print,
screen and (min-width:64em) {
    .hide-for-large {
        display: none!important
    }
}

@media screen and (max-width:63.9375em) {
    .show-for-large {
        display: none!important
    }
}

@media screen and (min-width:64em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none!important
    }
}

@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
    .show-for-large-only {
        display: none!important
    }
}

.show-for-sr,
.show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active,
.show-on-focus:focus {
    position: static!important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait,
.show-for-landscape {
    display: block!important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none!important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none!important
}

@media screen and (orientation:portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none!important
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: block!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.clearfix::after,
.clearfix::before {
    display: table;
    content: ' '
}

.dropdown-pane {
    position: absolute;
    z-index: 10;
    display: block;
    width: 300px;
    padding: 1rem;
    visibility: hidden;
    border: 1px solid #c1c1c1;
    border-radius: 0;
    background-color: #fff;
    font-size: 1rem
}

.dropdown-pane.is-open {
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    position: relative;
    padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #7dc855 transparent transparent;
    right: 5px;
    margin-top: -3px
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a::after {
    right: 14px
}

.dropdown.menu.vertical>li.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7dc855 transparent transparent
}

.dropdown.menu.vertical>li.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #7dc855
}

@media print,
screen and (min-width:22.5em) {
    .dropdown.menu.mobile-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }
    .dropdown.menu.mobile-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }
    .dropdown.menu.mobile-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }
    .dropdown.menu.mobile-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #7dc855 transparent transparent;
        right: 5px;
        margin-top: -3px
    }
    .dropdown.menu.mobile-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.mobile-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }
    .dropdown.menu.mobile-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.mobile-vertical>li>a::after {
        right: 14px
    }
    .dropdown.menu.mobile-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #7dc855 transparent transparent
    }
    .dropdown.menu.mobile-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #7dc855
    }
}

@media print,
screen and (min-width:48em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }
    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #7dc855 transparent transparent;
        right: 5px;
        margin-top: -3px
    }
    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }
    .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px
    }
    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #7dc855 transparent transparent
    }
    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #7dc855
    }
}

@media print,
screen and (min-width:64em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        top: 100%;
        right: 0;
        left: auto
    }
    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        top: 100%;
        right: auto;
        left: 0
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        position: relative;
        padding-right: 1.5rem
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-bottom-width: 0;
        border-top-style: solid;
        border-color: #7dc855 transparent transparent;
        right: 5px;
        margin-top: -3px
    }
    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
        right: 100%;
        left: auto
    }
    .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.large-vertical>li>a::after {
        right: 14px
    }
    .dropdown.menu.large-vertical>li.opens-left>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-left-width: 0;
        border-right-style: solid;
        border-color: transparent #7dc855 transparent transparent
    }
    .dropdown.menu.large-vertical>li.opens-right>a::after {
        display: block;
        width: 0;
        height: 0;
        border: 6px inset;
        content: '';
        border-right-width: 0;
        border-left-style: solid;
        border-color: transparent transparent transparent #7dc855
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    right: 0;
    left: auto
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
    top: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
    right: 100%;
    left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 100%
}

.is-dropdown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: none;
    min-width: 200px;
    border: 1px solid #c1c1c1;
    background: #fff
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: '';
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent #7dc855 transparent transparent
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent #7dc855
}

.position-bottom.is-transition-push::after,
.position-left.is-transition-push::after,
.position-right.is-transition-push::after,
.position-top.is-transition-push::after {
    box-shadow: 0 0 10px rgba(0, 0, 0, .7);
    content: " "
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

.is-off-canvas-open {
    overflow: hidden
}

.js-off-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
    background: rgba(255, 255, 255, .25);
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.off-canvas,
.off-canvas-absolute {
    -webkit-transition: -webkit-transform .5s ease;
    background: #f4f4f4
}

.js-off-canvas-overlay.is-visible {
    opacity: 1;
    visibility: visible
}

.generator__popup .mCSB_scrollTools,
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.js-off-canvas-overlay.is-closable {
    cursor: pointer
}

.js-off-canvas-overlay.is-overlay-absolute {
    position: absolute
}

.js-off-canvas-overlay.is-overlay-fixed {
    position: fixed
}

.off-canvas-wrapper {
    position: relative;
    overflow: hidden
}

.position-left,
.position-right {
    overflow-y: auto;
    height: 100%;
    top: 0
}

.off-canvas {
    position: fixed;
    z-index: 1;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-whatinput=mouse] .off-canvas {
    outline: 0
}

.off-canvas.is-transition-overlap {
    z-index: 10
}

.off-canvas.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(0, 0, 0, .7)
}

.off-canvas.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.off-canvas-absolute {
    position: absolute;
    z-index: 1;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-whatinput=mouse] .off-canvas-absolute {
    outline: 0
}

.off-canvas-absolute.is-transition-overlap {
    z-index: 10
}

.off-canvas-absolute.is-transition-overlap.is-open {
    box-shadow: 0 0 10px rgba(0, 0, 0, .7)
}

.off-canvas-absolute.is-open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.position-left {
    left: 0;
    width: 250px;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px)
}

.position-left.is-open~.off-canvas-content {
    -webkit-transform: translateX(250px);
    transform: translateX(250px)
}

.position-left.is-transition-push::after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px
}

.position-left.is-transition-overlap.is-open~.off-canvas-content {
    -webkit-transform: none;
    transform: none
}

.position-right {
    right: 0;
    width: 250px;
    -webkit-transform: translateX(250px);
    transform: translateX(250px)
}

.position-right.is-open~.off-canvas-content {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px)
}

.position-right.is-transition-push::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px
}

.position-right.is-transition-overlap.is-open~.off-canvas-content {
    -webkit-transform: none;
    transform: none
}

.position-top {
    top: 0;
    left: 0;
    width: 100%;
    height: 250px;
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px);
    overflow-x: auto
}

.position-top.is-open~.off-canvas-content {
    -webkit-transform: translateY(250px);
    transform: translateY(250px)
}

.position-top.is-transition-push::after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%
}

.position-top.is-transition-overlap.is-open~.off-canvas-content {
    -webkit-transform: none;
    transform: none
}

.position-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 250px;
    -webkit-transform: translateY(250px);
    transform: translateY(250px);
    overflow-x: auto
}

.position-bottom.is-open~.off-canvas-content {
    -webkit-transform: translateY(-250px);
    transform: translateY(-250px)
}

.position-bottom.is-transition-push::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 100%
}

.position-bottom.is-transition-overlap.is-open~.off-canvas-content {
    -webkit-transform: none;
    transform: none
}

.off-canvas-content {
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media print,
screen and (min-width:22.5em) {
    .position-left.reveal-for-mobile {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-left.reveal-for-mobile~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-mobile {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-right.reveal-for-mobile~.off-canvas-content {
        margin-right: 250px
    }
    .position-top.reveal-for-mobile {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-top.reveal-for-mobile~.off-canvas-content {
        margin-top: 250px
    }
    .position-bottom.reveal-for-mobile {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-bottom.reveal-for-mobile~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,
screen and (min-width:48em) {
    .position-left.reveal-for-medium {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-medium {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }
    .position-top.reveal-for-medium {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-top.reveal-for-medium~.off-canvas-content {
        margin-top: 250px
    }
    .position-bottom.reveal-for-medium {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-bottom.reveal-for-medium~.off-canvas-content {
        margin-bottom: 250px
    }
}

@media print,
screen and (min-width:64em) {
    .position-left.reveal-for-large {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-large {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }
    .position-top.reveal-for-large {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-top.reveal-for-large~.off-canvas-content {
        margin-top: 250px
    }
    .position-bottom.reveal-for-large {
        -webkit-transform: none;
        transform: none;
        z-index: 1
    }
    .position-bottom.reveal-for-large~.off-canvas-content {
        margin-bottom: 250px
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.call-to-action-3__block::after,
.contents-5__video__icon::before,
.contents-7__video::after,
.contents-7__video::before,
.features-10__content__button::before,
.generator-drag .drag-item::before,
.generator__popup__thank__block__bottom__icon::after,
.hamburger__user__image::after {
    content: ""
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.contents-7__video,
.features-10__content__button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos] {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos] {
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos] {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos] {
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos] {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos] {
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos] {
    -webkit-transition-duration: .45s;
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos] {
    -webkit-transition-duration: .55s;
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos] {
    -webkit-transition-duration: .6s;
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos] {
    -webkit-transition-duration: .65s;
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos] {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos] {
    -webkit-transition-duration: .75s;
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos] {
    -webkit-transition-duration: .8s;
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos] {
    -webkit-transition-duration: .85s;
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos] {
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos] {
    -webkit-transition-duration: .95s;
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate {
    -webkit-transition-delay: .95s;
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos] {
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos] {
    -webkit-transition-duration: 1.05s;
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos] {
    -webkit-transition-duration: 1.1s;
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos] {
    -webkit-transition-duration: 1.15s;
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.15s;
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos] {
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos] {
    -webkit-transition-duration: 1.25s;
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos] {
    -webkit-transition-duration: 1.3s;
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos] {
    -webkit-transition-duration: 1.35s;
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos] {
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos] {
    -webkit-transition-duration: 1.45s;
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos] {
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos] {
    -webkit-transition-duration: 1.55s;
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.55s;
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos] {
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos] {
    -webkit-transition-duration: 1.65s;
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos] {
    -webkit-transition-duration: 1.7s;
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos] {
    -webkit-transition-duration: 1.75s;
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.75s;
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos] {
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos] {
    -webkit-transition-duration: 1.85s;
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos] {
    -webkit-transition-duration: 1.9s;
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.9s;
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos] {
    -webkit-transition-duration: 1.95s;
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate {
    -webkit-transition-delay: 1.95s;
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos] {
    -webkit-transition-duration: 2s;
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos] {
    -webkit-transition-duration: 2.05s;
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos] {
    -webkit-transition-duration: 2.1s;
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos] {
    -webkit-transition-duration: 2.15s;
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.15s;
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos] {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.2s;
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos] {
    -webkit-transition-duration: 2.25s;
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos] {
    -webkit-transition-duration: 2.3s;
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.3s;
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos] {
    -webkit-transition-duration: 2.35s;
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.35s;
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos] {
    -webkit-transition-duration: 2.4s;
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos] {
    -webkit-transition-duration: 2.45s;
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos] {
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos] {
    -webkit-transition-duration: 2.55s;
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.55s;
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos] {
    -webkit-transition-duration: 2.6s;
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.6s;
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos] {
    -webkit-transition-duration: 2.65s;
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos] {
    -webkit-transition-duration: 2.7s;
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.7s;
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos] {
    -webkit-transition-duration: 2.75s;
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.75s;
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos] {
    -webkit-transition-duration: 2.8s;
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos] {
    -webkit-transition-duration: 2.85s;
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos] {
    -webkit-transition-duration: 2.9s;
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos] {
    -webkit-transition-duration: 2.95s;
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate {
    -webkit-transition-delay: 2.95s;
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos] {
    -webkit-transition-duration: 3s;
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);
    transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-quad],
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-cubic] [data-aos],
body[data-aos-easing=ease-in-quad] [data-aos],
body[data-aos-easing=ease-in-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-out-quad],
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-cubic] [data-aos],
body[data-aos-easing=ease-out-quad] [data-aos],
body[data-aos-easing=ease-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-cubic] [data-aos],
body[data-aos-easing=ease-in-out-quad] [data-aos],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

[data-aos=fade-up] {
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

[data-aos=fade-down] {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px)
}

[data-aos=fade-right] {
    -webkit-transform: translate(-100px);
    transform: translate(-100px)
}

[data-aos=fade-left] {
    -webkit-transform: translate(100px);
    transform: translate(100px)
}

[data-aos=fade-up-right] {
    -webkit-transform: translate(-100px, 100px);
    transform: translate(-100px, 100px)
}

[data-aos=fade-up-left] {
    -webkit-transform: translate(100px, 100px);
    transform: translate(100px, 100px)
}

[data-aos=fade-down-right] {
    -webkit-transform: translate(-100px, -100px);
    transform: translate(-100px, -100px)
}

[data-aos=fade-down-left] {
    -webkit-transform: translate(100px, -100px);
    transform: translate(100px, -100px)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

[data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    -webkit-transform: translateY(100px) scale(.6);
    transform: translateY(100px) scale(.6)
}

[data-aos=zoom-in-down] {
    -webkit-transform: translateY(-100px) scale(.6);
    transform: translateY(-100px) scale(.6)
}

[data-aos=zoom-in-right] {
    -webkit-transform: translate(-100px) scale(.6);
    transform: translate(-100px) scale(.6)
}

[data-aos=zoom-in-left] {
    -webkit-transform: translate(100px) scale(.6);
    transform: translate(100px) scale(.6)
}

[data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    -webkit-transform: translateY(100px) scale(1.2);
    transform: translateY(100px) scale(1.2)
}

[data-aos=zoom-out-down] {
    -webkit-transform: translateY(-100px) scale(1.2);
    transform: translateY(-100px) scale(1.2)
}

[data-aos=zoom-out-right] {
    -webkit-transform: translate(-100px) scale(1.2);
    transform: translate(-100px) scale(1.2)
}

[data-aos=zoom-out-left] {
    -webkit-transform: translate(100px) scale(1.2);
    transform: translate(100px) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    -webkit-transform: translate(0);
    transform: translate(0)
}

[data-aos=slide-up] {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

[data-aos=slide-down] {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

[data-aos=slide-right] {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

[data-aos=slide-left] {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.icon,
.textbox {
    display: inline-block;
    vertical-align: middle
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}


/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    20%,
    53%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    50%,
    from,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@keyframes pulse {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

@keyframes rubberBand {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

@keyframes tada {
    from,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

@keyframes wobble {
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {
    11.1%,
    from,
    to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    60%,
    75%,
    90%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

body {
    font-size: 1rem;
    line-height: 1.5625rem
}

@media print,
screen and (min-width:64em) {
    body {
        font-size: 1rem;
        line-height: 1.5625rem
    }
}

@media screen and (min-width:75em) {
    body {
        font-size: 1rem;
        line-height: 1.5625rem
    }
}

.container {
    margin: 0 auto;
    padding-right: 1rem;
    padding-left: 1rem
}

@media print,
screen and (min-width:48em) {
    body {
        font-size: 1rem;
        line-height: 1.5625rem
    }
    .container {
        padding-right: .9375rem;
        padding-left: .9375rem;
        max-width: 73.125rem
    }
}

.row {
    margin-right: -.5rem;
    margin-left: -.5rem;
    max-width: none
}

.h1,
h1 {
    font-size: 2.3125rem;
    line-height: 2.75rem
}

@media print,
screen and (min-width:48em) {
    .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
    .h1,
    h1 {
        font-size: 2.625rem;
        line-height: 3.125rem
    }
}

@media print,
screen and (min-width:64em) {
    .h1,
    h1 {
        font-size: 3rem;
        line-height: 3.625rem
    }
}

@media screen and (min-width:75em) {
    .h1,
    h1 {
        font-size: 3.25rem;
        line-height: 3.625rem
    }
}

.h2,
h2 {
    font-size: 1.25rem;
    line-height: 1.875rem
}

@media print,
screen and (min-width:48em) {
    .h2,
    h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media print,
screen and (min-width:64em) {
    .h2,
    h2 {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

@media screen and (min-width:75em) {
    .h2,
    h2 {
        font-size: 2rem;
        line-height: 2.375rem
    }
    .h3,
    h3 {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }
}

.h3,
.h4,
h3,
h4 {
    line-height: 1.5625rem
}

.h3,
h3 {
    font-weight: 400;
    font-size: 1.125rem
}

@media print,
screen and (min-width:48em) {
    .h3,
    h3 {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }
}

@media print,
screen and (min-width:64em) {
    .h3,
    h3 {
        font-size: 1.125rem;
        line-height: 1.5625rem
    }
}

.h4,
h4 {
    font-size: 1rem
}

@media print,
screen and (min-width:48em) {
    .h4,
    h4 {
        font-size: 1rem;
        line-height: 1.5625rem
    }
}

@media print,
screen and (min-width:64em) {
    .h4,
    h4 {
        font-size: 1rem;
        line-height: 1.5625rem
    }
}

@media screen and (min-width:75em) {
    .h4,
    h4 {
        font-size: 1rem;
        line-height: 1.5625rem
    }
    .h5,
    h5 {
        font-size: 1rem;
        line-height: 1rem
    }
}

.h5,
.h6,
h5,
h6 {
    line-height: 1rem;
    font-size: 1rem
}

@media print,
screen and (min-width:48em) {
    .h5,
    .h6,
    h5,
    h6 {
        font-size: 1rem;
        line-height: 1rem
    }
}

@media print,
screen and (min-width:64em) {
    .h5,
    .h6,
    h5,
    h6 {
        font-size: 1rem;
        line-height: 1rem
    }
}

@media screen and (min-width:75em) {
    .h6,
    h6 {
        font-size: 1rem;
        line-height: 1rem
    }
    .p,
    p {
        font-size: 1rem;
        line-height: 1.5625rem
    }
}

.p,
p {
    font-size: 1rem;
    line-height: 1.5625rem
}

.p a,
.p a:focus,
.p a:hover,
p a,
p a:focus,
p a:hover {
    color: inherit
}

@media print,
screen and (min-width:48em) {
    .p,
    p {
        font-size: 1rem;
        line-height: 1.5625rem
    }
}

@media print,
screen and (min-width:64em) {
    .p,
    p {
        font-size: 1rem;
        line-height: 1.5625rem
    }
}

.quote-1 {
    font-weight: 300;
    font-size: 2.3125rem;
    line-height: 2.75rem
}

@media print,
screen and (min-width:48em) {
    .quote-1 {
        font-size: 2.625rem;
        line-height: 3.125rem
    }
}

@media print,
screen and (min-width:64em) {
    .quote-1 {
        font-size: 3rem;
        line-height: 3.625rem
    }
}

@media screen and (min-width:75em) {
    .quote-1 {
        font-size: 3.25rem;
        line-height: 4.0625rem
    }
}

.quote-2 {
    font-weight: 300;
    font-size: 1.5625rem;
    line-height: 2.375rem
}

.tag-1,
.tag-2 {
    font-weight: 500
}

@media print,
screen and (min-width:48em) {
    .quote-2 {
        font-size: 1.6875rem;
        line-height: 2.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .quote-2 {
        font-size: 2rem;
        line-height: 2.875rem
    }
}

@media screen and (min-width:75em) {
    .quote-2 {
        font-size: 2rem;
        line-height: 2.875rem
    }
    .tag-1 {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
}

.tag-1 {
    font-size: 1.125rem;
    line-height: 1.125rem
}

@media print,
screen and (min-width:48em) {
    .tag-1 {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
}

@media print,
screen and (min-width:64em) {
    .tag-1 {
        font-size: 1.125rem;
        line-height: 1.125rem
    }
}

.tag-2 {
    font-size: .875rem;
    line-height: .875rem;
    letter-spacing: .093em
}

@media print,
screen and (min-width:48em) {
    .tag-2 {
        font-size: .875rem;
        line-height: .875rem
    }
}

@media print,
screen and (min-width:64em) {
    .tag-2 {
        font-size: .875rem;
        line-height: .875rem
    }
}

@media screen and (min-width:75em) {
    .tag-2 {
        font-size: .875rem;
        line-height: .875rem
    }
}

.subheading {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5625rem
}

@media print,
screen and (min-width:48em) {
    .subheading {
        font-size: 1.25rem;
        line-height: 1.875rem
    }
}

@media print,
screen and (min-width:64em) {
    .subheading {
        font-size: 1.375rem;
        line-height: 2rem
    }
}

@media screen and (min-width:75em) {
    .subheading {
        font-size: 1.375rem;
        line-height: 2rem
    }
    .caption {
        font-size: .875rem;
        line-height: 1.1875rem
    }
}

.caption {
    font-size: .875rem;
    line-height: 1.1875rem
}

@media print,
screen and (min-width:48em) {
    .caption {
        font-size: .875rem;
        line-height: 1.1875rem
    }
}

@media print,
screen and (min-width:64em) {
    .caption {
        font-size: .875rem;
        line-height: 1.1875rem
    }
}

.button,
.input,
.textarea,
.textbox__input,
button,
input,
textarea {
    font-size: 1rem;
    line-height: 1rem
}

.button,
button {
    font-family: Roboto, sans-serif
}

@media print,
screen and (min-width:48em) {
    .button,
    .input,
    .textarea,
    button,
    input,
    textarea {
        font-size: 1rem;
        line-height: 1rem
    }
}

@media print,
screen and (min-width:64em) {
    .button,
    .input,
    .textarea,
    button,
    input,
    textarea {
        font-size: 1rem;
        line-height: 1rem
    }
}

@media screen and (min-width:75em) {
    .button,
    .input,
    .textarea,
    button,
    input,
    textarea {
        font-size: 1rem;
        line-height: 1rem
    }
}

.side-bar {
    padding: 1rem 0;
    background: #43484d
}

.side-menu ul {
    margin: 0;
    padding: 0
}

.side-menu li {
    list-style: none;
    padding: .5rem 1rem
}

.side-menu li a {
    color: #fff
}

.side-menu li a .icon {
    max-width: 1.5rem;
    max-height: 1.5rem;
    fill: #7dc855
}

.side-social {
    padding: 1rem
}

.side-social a {
    margin-right: 1rem
}

.side-social a .icon {
    max-width: 1.5rem;
    max-height: 1.5rem;
    fill: #fff;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.button--transparent-gray,
.button--transparent-white {
    -webkit-transition: border-color .3s, color .3s, background-color .3s
}

.side-social a:hover .icon {
    fill: #7dc855
}

.button {
    border-radius: .375rem;
    padding: 1.25rem 3.125rem;
    height: 3.75rem;
    font-weight: 500;
    font-size: 1rem
}

.button--transparent-gray {
    border: .125rem solid #e1e8ee;
    color: #86939e;
    background-color: transparent;
    transition: border-color .3s, color .3s, background-color .3s
}

.button--transparent-gray:focus,
.button--transparent-gray:hover {
    border-color: #7dc855;
    color: #fff;
    background-color: #7dc855
}

.button--transparent-white {
    border: .125rem solid rgba(255, 255, 255, .11);
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    transition: border-color .3s, color .3s, background-color .3s
}

.button--transparent-white:focus,
.button--transparent-white:hover {
    border-color: rgba(255, 255, 255, 0)
}

.textbox {
    position: relative
}

.textbox__input {
    display: block;
    margin: 0;
    border: .125rem solid rgba(255, 255, 255, 0);
    border-radius: .375rem;
    padding: 1.25rem;
    width: 100%;
    height: 3.75rem;
    font-weight: 400;
    color: rgba(255, 255, 255, .7);
    background-color: rgba(0, 0, 0, .1);
    -webkit-transition: border-color .3s, color .3s, background-color .3s;
    transition: border-color .3s, color .3s, background-color .3s
}

.textbox__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7);
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.textbox__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.textbox__input::placeholder {
    color: rgba(255, 255, 255, .7);
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.textbox__input::-moz-selection {
    background-color: rgba(0, 0, 0, .5)
}

.textbox__input::selection {
    background-color: rgba(0, 0, 0, .5)
}

.textbox__input:focus,
.textbox__input:hover {
    border-color: #fff!important;
    color: #fff;
    background-color: rgba(0, 0, 0, .1)
}

.textbox__input:focus::-webkit-input-placeholder {
    opacity: .4
}

.textbox__input:focus:-ms-input-placeholder {
    opacity: .4
}

.textbox__input:focus::placeholder {
    opacity: .4
}

textarea.textbox__input {
    resize: vertical
}

.textbox--password .textbox__input {
    padding-right: 3.75rem
}

.textbox--password .textbox__toggle {
    position: absolute;
    right: 0;
    top: 0;
    outline: 0;
    border-radius: 0 .375rem .375rem 0;
    width: 3.4375rem;
    height: 3.75rem;
    background: 0 0;
    cursor: pointer
}

.textbox--password .textbox__toggle__icon {
    position: absolute;
    right: 1.1875rem;
    top: 50%;
    margin-top: -.34375rem;
    width: 1.375rem;
    height: .6875rem;
    fill: #fff;
    opacity: .4;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.textbox--password .textbox__toggle:focus .textbox--password .textbox__toggle__icon,
.textbox--password .textbox__toggle:hover .textbox--password .textbox__toggle__icon,
.textbox--password.is-password-visible .textbox__toggle__icon {
    opacity: 1
}

.textbox--white .textbox__input {
    border-color: #e1e8ee;
    color: #86939e;
    background-color: #fff
}

.textbox--white .textbox__input::-webkit-input-placeholder {
    color: #86939e
}

.textbox--white .textbox__input:-ms-input-placeholder {
    color: #86939e
}

.textbox--white .textbox__input::placeholder {
    color: #86939e
}

.textbox--white .textbox__input::-moz-selection {
    color: #fff
}

.textbox--white .textbox__input::selection {
    color: #fff
}

.textbox--white .textbox__input:focus,
.textbox--white .textbox__input:hover {
    border-color: #bdc6cf!important;
    color: #86939e;
    background-color: #fff
}

.hamburger-button {
    position: relative;
    display: none;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:22.5em) {
    .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #fff
    }
    .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.hamburger {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(0, 0, 0, .95)!important;
    opacity: 0
}

.hamburger__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.hamburger__header__logo {
    margin-top: 2.8125rem;
    margin-bottom: 3.125rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__header__logo__svg {
    width: 7.5625rem;
    height: 1.375rem;
    fill: #fff
}

.hamburger__header__logo__svg.small-logo {
    width: 3.75rem;
    height: 1.75rem
}

.hamburger__header__logo:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__header__close {
    position: absolute;
    right: 3.125rem;
    top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__header__close__svg {
    width: 1rem;
    height: 1rem;
    fill: #fff
}

.hamburger__header__close:hover {
    border-color: transparent;
    background-color: transparent;
    opacity: .7;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__menu__list {
    list-style: none;
    margin: 0
}

.hamburger__menu__list__item {
    margin-bottom: 1.875rem!important;
    text-align: center
}

.hamburger__menu__list__item__link {
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__menu__list__item.cart-item {
    position: relative
}

.hamburger__menu__list__item.cart-item .cart-item-count {
    position: absolute;
    right: calc(50% - 75px);
    top: .4375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: .875rem;
    color: #fff;
    background-color: #7dc855;
    cursor: pointer
}

.hamburger__menu__list__item.statistic-item {
    position: relative
}

.hamburger__menu__list__item.statistic-item .statistic-item-image {
    position: absolute;
    right: calc(50% - 75px);
    top: -.3125rem
}

.hamburger__menu__list__item.statistic-item .statistic-item-image-svg {
    width: 1.5625rem;
    height: 1.25rem;
    fill: #7dc855
}

.hamburger__social {
    margin-bottom: 2.8125rem
}

.hamburger__social__title {
    margin-bottom: .75rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    opacity: .6
}

.hamburger__social__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hamburger__social__block__item {
    margin-right: 1.875rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__social__block__item__svg {
    width: 1.4375rem;
    height: 1.4375rem;
    fill: #fff
}

.hamburger__social__block__item:last-child {
    margin-right: 0
}

.hamburger__social__block__item:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-bottom: 2.5rem;
    border-top: .0625rem solid rgba(255, 255, 255, .1)
}

.hamburger__auth__login,
.hamburger__auth__singup {
    display: block;
    font-weight: 500;
    line-height: 1rem;
    font-size: 1rem
}

.hamburger__auth__singup {
    margin-top: 2.5rem;
    border: .125rem solid rgba(223, 233, 244, .3);
    border-radius: .375rem;
    padding: .8125rem 1.875rem;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__auth__alter,
.hamburger__country,
.hamburger__gs,
.hamburger__user {
    border-top: .0625rem solid rgba(255, 255, 255, .1)
}

.hamburger__auth__singup:hover {
    color: rgba(255, 255, 255, .6);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__auth__login {
    margin-top: 1.875rem;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__auth__login:hover {
    color: rgba(255, 255, 255, .6);
    opacity: .6;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__auth__alter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 2.9375rem 0
}

.hamburger__auth__alter__login,
.hamburger__auth__alter__singup {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__auth__alter__login:hover,
.hamburger__auth__alter__singup:hover {
    color: rgba(255, 255, 255, .6);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.hamburger__gs__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -1.3125rem auto 0;
    padding: 0;
    width: 2.625rem;
    height: 2.625rem
}

.hamburger__gs__title {
    margin-top: 2.5rem;
    margin-bottom: 2.8125rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #fff
}

.hamburger__country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.8125rem 0 2.5rem
}

.hamburger__country__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: rgba(255, 255, 255, .6)
}

.hamburger__country__icon__image {
    margin-right: .625rem;
    width: 1.625rem;
    height: 1.5625rem;
    background-image: url(../blocks/header-10/images/france-flag.png);
    background-position: center center;
    background-repeat: no-repeat
}

.hamburger__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.5rem 0
}

.hamburger__user__image {
    position: relative;
    margin-right: 1.25rem
}

.hamburger__user__image::after {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    width: .75rem;
    height: .75rem;
    background-color: #7dc855
}

.hamburger__user__name {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff
}

.generator-body {
    min-width: 48rem;
    background-color: #f7f7f9
}

.generator {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.generator__sublist {
    position: fixed;
    left: -5.625rem;
    top: 0;
    bottom: 0;
    z-index: 99;
    overflow: hidden;
    width: 18.75rem;
    background-color: #35383b;
    -webkit-transition: left .45s;
    transition: left .45s
}

.generator__sublist__item__inside {
    position: relative;
    z-index: 999;
    height: 100%
}

.generator__sublist__item__inside__item {
    position: relative;
    margin-right: 2.0625rem;
    margin-bottom: 2.0625rem;
    margin-left: 2.0625rem;
    cursor: move;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__sublist__item__inside__item__title {
    position: absolute;
    left: .9375rem;
    top: .9375rem;
    z-index: 9;
    max-width: 12.5rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__sublist__item__inside__item__image img {
    max-width: 100%
}

.generator__sublist__item__inside__item__icon {
    position: absolute;
    right: 1rem;
    bottom: 1.1875rem;
    display: none;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__sublist__item__inside__item__icon__svg {
    width: 1rem;
    height: 1rem
}

.generator__sublist__item__inside__item__icon:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.generator__sublist__item__inside__item__delete {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    z-index: 999;
    display: none;
    margin-right: .625rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #e5e6e8;
    cursor: pointer;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.generator__sublist__item__inside__item__delete__svg {
    position: absolute;
    right: 1.0625rem;
    top: .9375rem;
    width: .875rem;
    height: 1.125rem;
    fill: #43484d
}

.generator__sublist__item__inside__item__delete .svg-open {
    position: absolute;
    right: .875rem;
    top: .6875rem;
    display: none;
    width: 1.125rem;
    height: 1.375rem;
    fill: #43484d
}

.generator__sublist__item__inside__item__delete__title {
    display: none
}

.generator__sublist__item__inside__item__delete:hover {
    border-radius: 6.25rem;
    width: 6.625rem;
    background-color: #f44;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.generator__sublist__item__inside__item__delete:hover .svg-default {
    display: none
}

.generator__sublist__item__inside__item__delete:hover .svg-open {
    display: block;
    fill: #fff
}

.generator__sublist__item__inside__item__delete:hover .delete-title {
    display: block;
    padding-top: 1.0625rem;
    padding-left: 1.5rem;
    font-weight: 500;
    font-size: .875rem;
    line-height: .875rem;
    color: #fff
}

.generator__sublist__item__inside__item__delete:active {
    background-color: #d4d6d8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__sublist__item__inside__item:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, .7);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__sublist__item__inside__item:hover .item-svg,
.generator__sublist__item__inside__item:hover .item-title {
    opacity: 1;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__sublist__item__inside__item:first-child {
    margin-top: 2.0625rem
}

.generator__sublist__item__inside__item:last-child {
    margin-bottom: 2.0625rem
}

.generator__sublist.is-open {
    position: fixed;
    left: 13.125rem;
    -webkit-transition: left .45s;
    transition: left .45s
}

.generator__popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    background-color: rgba(33, 34, 36, .95);
    opacity: 0
}

.generator__popup__wrap {
    height: 100%
}

.generator__popup__close {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #f7f7f9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__close__svg {
    width: 1rem;
    height: 1rem;
    fill: #43484d
}

.generator__popup__close:hover {
    opacity: .8;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__title {
    margin: 6.875rem auto 4.0625rem;
    max-width: 46.875rem;
    text-align: center;
    color: #fff
}

.generator__popup__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    max-width: 71.25rem
}

.generator__popup__block__item {
    position: relative;
    margin-top: .9375rem;
    margin-bottom: 4.0625rem;
    width: 16.4375rem;
    height: 25rem;
    opacity: .6;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__block__item__title {
    margin-bottom: 1.25rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    color: rgba(255, 255, 255, .6)
}

.generator__popup__block__item__content {
    overflow: hidden;
    border-radius: .25rem
}

.generator__popup__block__item:hover {
    margin-top: 0;
    opacity: 1;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:75em) {
    .generator__popup__block {
        padding-right: 3.125rem;
        padding-left: 3.125rem
    }
}

@media screen and (max-width:40em) {
    .generator__popup__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media screen and (max-width:93.75em) {
    .generator__content {
        padding-right: 5.3125rem;
        padding-left: 5.3125rem
    }
}

.generator__left {
    position: relative;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: -13.125rem;
    width: 13.125rem;
    background-color: #404449;
    -webkit-transition: margin .45s;
    transition: margin .45s
}

.generator__left__bottom,
.generator__left__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.generator__left__wrap {
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.generator__left__menu {
    border-bottom: .0625rem solid #50555b
}

.generator__left__menu__list {
    list-style: none;
    margin: 0;
    padding: 1.875rem 0 2.5rem
}

.generator__left__menu__list__item {
    line-height: 1rem
}

.generator__left__menu__list__item__link {
    display: block;
    padding: .625rem 2.1875rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    opacity: .6;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__left__menu__list__item__link:hover {
    color: #fff;
    background-color: #35383b;
    opacity: 1;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__left__menu__list__item__link:active,
.generator__left__menu__list__item__link:focus {
    color: #fff;
    opacity: .6
}

.generator__left__links {
    padding-top: 1.875rem;
    padding-bottom: 2.1875rem
}

.generator__left__links__list {
    list-style: none;
    margin: 0
}

.generator__left__links__list__item__link {
    display: block;
    padding: .625rem 2.1875rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: .875rem;
    color: #fff;
    opacity: .5;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__left__links__list__item__link:hover {
    color: #fff;
    opacity: 1
}

@media screen and (max-height:820px) {
    .generator__left__links {
        display: none
    }
}

.generator__left__bottom {
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.generator__left__bottom__inner {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-top: 1.25rem;
    padding-bottom: .9375rem;
    background-color: #313336
}

.generator__left__bottom__title {
    margin-bottom: 1.25rem;
    margin-left: 2.1875rem;
    max-width: 10rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    text-align: left;
    color: #fff;
    opacity: .5;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__left__bottom__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .8125rem;
    border-radius: 6.25rem;
    padding: 1rem 0 1rem 1.0625rem;
    max-width: 11.25rem;
    color: #fff;
    background-color: #39add1;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__left__bottom__more__svg {
    margin-right: 1rem;
    width: 1.25rem;
    height: 1.25rem;
    fill: #fff
}

.generator__left__bottom__more:active,
.generator__left__bottom__more:focus,
.generator__left__bottom__more:hover {
    color: #fff;
    background-color: #3399b9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__left__bottom__more__text {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem
}

@media screen and (max-height:775px) {
    .generator__left__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.generator__left.is-open {
    margin-left: 0;
    -webkit-transition: margin .45s;
    transition: margin .45s
}

.generator__left.is-open-full>.generator__left__wrap {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
    width: 13.125rem;
    background-color: #404449
}

.generator__right__open,
.generator__right__open__inner {
    width: 3rem;
    height: 3rem;
    background-color: #39add1;
    -webkit-transition: all linear .3s;
    box-sizing: border-box
}

.generator__right {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.generator__right__open {
    position: fixed;
    left: 1.25rem;
    top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: all linear .3s
}

.generator__right__open__inner {
    border: 0 solid #fff;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all linear .3s
}

.generator__right__open__inner__svg {
    position: absolute;
    left: 1rem;
    top: 1rem;
    width: 1rem;
    height: 1rem;
    fill: #fff
}

.generator__right__delete__text,
.generator__right__download__text {
    left: 1.125rem;
    font-weight: 500;
    font-size: .875rem;
    line-height: .875rem
}

.generator__right__open__inner:hover {
    background-color: #3399b9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__open__inner:active {
    background-color: #2a7d97;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__open:active {
    background-color: #39add1;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__open.is-pulsed {
    -webkit-animation: is-pulsed;
    animation: is-pulsed;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.generator__right__buttons {
    position: fixed;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.25rem;
    padding-right: 1.25rem
}

.generator__right__download {
    position: relative;
    display: block;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #7dc855;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.generator__right__download__svg {
    position: absolute;
    right: 1rem;
    top: .96875rem;
    width: .9375rem;
    height: 1.0625rem;
    fill: #fff
}

.generator__right__download__text {
    position: absolute;
    top: 1.0625rem;
    display: none;
    color: #fff;
    opacity: 0
}

.generator__right__download:hover {
    border-radius: 6.25rem;
    width: 6.625rem;
    background-color: #72b64e;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.generator__right__download:hover .download-text {
    display: block;
    opacity: 1
}

.generator__right__download:active {
    background-color: #72b64e;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.generator__right__delete {
    position: relative;
    display: block;
    margin-right: .625rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #e5e6e8;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.generator__right__delete__svg {
    position: absolute;
    right: 1.0625rem;
    top: .9375rem;
    width: .875rem;
    height: 1.125rem;
    fill: #43484d
}

.generator__right__delete .svg-open {
    position: absolute;
    right: .875rem;
    top: .6875rem;
    display: none;
    width: 1.125rem;
    height: 1.375rem;
    fill: #43484d
}

.generator__right__delete__text {
    position: absolute;
    top: 1.0625rem;
    display: none;
    color: #43484d;
    opacity: 0
}

.generator__right__delete:hover {
    border-radius: 6.25rem;
    width: 6.625rem;
    background-color: #d4d6d8;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.generator__right__delete:hover .delete-text {
    display: block;
    opacity: 1
}

.generator__right__delete:hover .svg-open {
    display: block
}

.generator__right__delete:hover .svg-default {
    display: none
}

.generator__right__delete:active {
    background-color: #d4d6d8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__message {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    display: none;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #dc2c2a;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__message:hover {
    background-color: #b92a28;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__message:active {
    background-color: #a52928;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__zoom {
    position: fixed;
    right: 1.25rem;
    top: 45%
}

.generator__right__zoom__in {
    position: relative;
    display: block;
    margin-top: 1.875rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #e5e6e8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__zoom__in__svg {
    position: absolute;
    right: .9375rem;
    top: 1.03125rem;
    width: 1.0625rem;
    height: 1.0625rem;
    fill: #43484d
}

.generator__right__zoom__in:hover {
    background-color: #dadcde;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__zoom__in:active {
    background-color: #c5c7c9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__zoom__out {
    position: relative;
    display: block;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #e5e6e8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__zoom__out__svg {
    position: absolute;
    right: .9375rem;
    top: 1.03125rem;
    width: 1.0625rem;
    height: 1.0625rem;
    fill: #43484d
}

.generator__right__zoom__out:hover {
    background-color: #dadcde;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__zoom__out:active {
    background-color: #c5c7c9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__close {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    display: block;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #e5e6e8;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.generator__right__close__svg {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 1rem;
    height: 1rem;
    fill: #43484d
}

.generator__right__close:hover {
    background-color: #dadcde;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__right__close:active {
    background-color: #c5c7c9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 6.875rem;
    padding-bottom: 6.875rem;
    min-height: 100vh
}

.generator__content__title {
    margin: 0 auto 7.1875rem;
    max-width: 46.875rem;
    text-align: center;
    color: #43484d
}

.generator__content__title__span {
    border-bottom: .125rem solid #43484d;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__content__title__span:hover {
    padding-bottom: .25rem;
    color: #000!important;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__content__drag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 2;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    box-shadow: 0 .5rem 1.75rem rgba(66, 72, 76, .32);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__content__drag__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: .6875rem;
    height: 2.125rem;
    background-color: #f7f7f9
}

.generator__content__drag__header__circle {
    margin-right: .4375rem;
    border-radius: 50%;
    width: .75rem;
    height: .75rem;
    background-color: #e5e6e8
}

.generator__content__drag__place {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    background-color: #fff
}

.generator__content__drag__place__cross {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 75px);
    margin: 0 auto;
    width: 9.1875rem;
    height: 9.1875rem;
    max-width: 100%
}

.generator__content__drag__place__cross__svg {
    width: 9.1875rem;
    height: 9.1875rem;
    fill: #f7f7f9
}

.generator__content__drag__place__box {
    position: relative;
    -webkit-box-flex: 2;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
    min-height: 10rem
}

.generator__content__drag__place__box .drag-item {
    margin: 0
}

.generator-drag .drag-item {
    position: relative;
    box-shadow: none;
    cursor: move
}

.generator__popup__export__block,
.generator__popup__thank__block,
.generator__popup__version__block {
    box-shadow: 0 8px 28px rgba(0, 0, 0, .32);
    overflow: hidden
}

.generator-drag .drag-item::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: 0 0;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator-drag .drag-item:hover {
    cursor: move
}

.generator-drag .drag-item:hover .item-img {
    opacity: 1
}

.generator-drag .drag-item:hover .item-delete {
    display: block
}

.generator-drag .drag-item:hover::before {
    background: rgba(0, 0, 0, .3);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator-drag .drag-item .item-title {
    left: 2.0625rem;
    top: 2.125rem
}

.generator__popup__export {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 3.125rem;
    background-color: rgba(33, 34, 36, .95);
    opacity: 0
}

.generator__popup__export__close {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #f7f7f9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__export__close__svg {
    width: 1rem;
    height: 1rem;
    fill: #43484d
}

.generator__popup__export__close:hover {
    opacity: .8;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__export__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 3.4375rem
}

.generator__popup__export__title__left {
    margin-right: .5rem
}

.generator__popup__export__title__left__svg {
    width: 5.3125rem;
    height: 1.1875rem;
    fill: #fff
}

.generator__popup__export__title__right__svg {
    width: 7.875rem;
    height: 1.1875rem;
    fill: rgba(255, 255, 255, .5)
}

.generator__popup__export__block {
    border-radius: .3125rem;
    background-color: #39add1
}

.generator__popup__export__block__top {
    padding: 4.5625rem 7.5rem 2.8125rem;
    background-color: #39add1
}

.generator__popup__export__block__top__title {
    margin-bottom: .75rem;
    text-align: center;
    color: #fff
}

.generator__popup__export__block__top__description {
    margin: 0 auto 2rem;
    max-width: 35.625rem;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.75rem;
    text-align: center;
    color: rgba(255, 255, 255, .6)
}

.generator__popup__export__block__top__button {
    display: block;
    margin: 0 auto;
    border-radius: 6.25rem;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem;
    width: 12.5rem;
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1rem;
    text-align: center;
    color: #35383b;
    background-color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__export__block__top__button:active,
.generator__popup__export__block__top__button:focus,
.generator__popup__export__block__top__button:hover {
    color: #fff;
    background-color: #35383b;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__export__block__bottom {
    padding: 2.5rem 7.5rem 1.0625rem;
    background-color: #349dbd
}

.generator__popup__export__block__bottom__description {
    margin-bottom: 1.625rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    color: rgba(255, 255, 255, .5)
}

.generator__popup__export__block__bottom__form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto 1.0625rem;
    max-width: 29.5rem
}

.generator__popup__thank__title__left,
.generator__popup__version__title__left {
    margin-right: .5rem
}

.generator__popup__export__block__bottom__form__input {
    display: block;
    margin-bottom: 0;
    border: 1px solid rgba(255, 255, 255, 0);
    border-right: none;
    border-radius: 6.25rem 0 0 6.25rem;
    padding: 1rem 1.25rem;
    height: 3rem;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1rem;
    color: #fff;
    background-color: rgba(255, 255, 255, .12);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__export__block__bottom__form__input:active,
.generator__popup__export__block__bottom__form__input:focus {
    border: 1px solid rgba(255, 255, 255, .5);
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: rgba(255, 255, 255, .12);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__export__block__bottom__form__input:active::-webkit-input-placeholder,
.generator__popup__export__block__bottom__form__input:focus::-webkit-input-placeholder {
    color: #fff;
    opacity: .6
}

.generator__popup__export__block__bottom__form__input:active:-ms-input-placeholder,
.generator__popup__export__block__bottom__form__input:focus:-ms-input-placeholder {
    color: #fff;
    opacity: .6
}

.generator__popup__export__block__bottom__form__input:active::placeholder,
.generator__popup__export__block__bottom__form__input:focus::placeholder {
    color: #fff;
    opacity: .6
}

.generator__popup__export__block__bottom__form__input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.generator__popup__export__block__bottom__form__input:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.generator__popup__export__block__bottom__form__input::placeholder {
    color: #fff;
    opacity: 1
}

.generator__popup__export__block__bottom__form__input.is-invalid {
    border: .125rem solid #ff601f;
    color: #ff8757
}

.generator__popup__export__block__bottom__form__input.is-invalid::-webkit-input-placeholder {
    color: #ff8757
}

.generator__popup__export__block__bottom__form__input.is-invalid:-ms-input-placeholder {
    color: #ff8757
}

.generator__popup__export__block__bottom__form__input.is-invalid::placeholder {
    color: #ff8757
}

.generator__popup__export__block__bottom__form__submit {
    position: relative;
    left: -1.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 6.25rem;
    padding: 1rem 0;
    width: 7.9375rem;
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1rem;
    text-align: center;
    color: #35383b;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__export__block__bottom__form__submit:active,
.generator__popup__export__block__bottom__form__submit:focus,
.generator__popup__export__block__bottom__form__submit:hover {
    outline: 0;
    color: #fff;
    background-color: #35383b;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__export__block__bottom__form__invalid {
    position: absolute;
    right: 10.3125rem;
    top: .625rem
}

.generator__popup__thank,
.generator__popup__version {
    position: fixed;
    left: 0;
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    opacity: 0;
    z-index: 99999
}

.generator__popup__export__block__bottom__form__invalid__svg {
    width: 1.0625rem;
    height: 1.0625rem;
    fill: #ff8757
}

.generator__popup__export__block__bottom__message {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #fff
}

.generator__popup__version {
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 3.125rem;
    background-color: rgba(33, 34, 36, .95)
}

.generator__popup__version__close {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #f7f7f9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__version__close__svg {
    width: 1rem;
    height: 1rem;
    fill: #43484d
}

.generator__popup__version__close:hover {
    opacity: .8;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__version__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 3.4375rem
}

.generator__popup__version__title__left__svg {
    width: 5.3125rem;
    height: 1.1875rem;
    fill: #fff
}

.generator__popup__version__title__right__svg {
    width: 7.875rem;
    height: 1.1875rem;
    fill: rgba(255, 255, 255, .5)
}

.generator__popup__version__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: .3125rem;
    width: 50.625rem
}

.generator__popup__version__block__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background-color: #39add1
}

.generator__popup__version__block__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    background-color: #7dc855
}

.generator__popup__version__block .block-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 5rem 0 4.0625rem
}

.generator__popup__version__block .block-item .block-item-for {
    margin-bottom: 1.875rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: rgba(255, 255, 255, .6)
}

.generator__popup__version__block .block-item .block-item-title {
    margin-bottom: 1.25rem;
    font-weight: 300;
    font-size: 4.375rem;
    line-height: 4.625rem;
    letter-spacing: -.1875rem;
    text-align: center;
    color: #fff
}

.generator__popup__version__block .block-item .block-item-description {
    margin-bottom: 3.75rem;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .6)
}

.generator__popup__version__block .block-item .block-item-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6.25rem;
    padding: 1.375rem 0;
    width: 12.5rem;
    font-weight: 500;
    font-size: 1.0625rem;
    line-height: 1rem;
    color: #35383b;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__version__block .block-item .block-item-download .svg {
    margin-left: .9375rem;
    width: 1.5rem;
    height: 1.5rem;
    fill: #35383b;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__version__block .block-item .block-item-download:active,
.generator__popup__version__block .block-item .block-item-download:focus,
.generator__popup__version__block .block-item .block-item-download:hover {
    color: #fff;
    background-color: #35383b;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__version__block .block-item .block-item-download:active .svg,
.generator__popup__version__block .block-item .block-item-download:focus .svg,
.generator__popup__version__block .block-item .block-item-download:hover .svg {
    fill: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__thank {
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 3.125rem;
    background-color: rgba(33, 34, 36, .95)
}

.generator__popup__thank__close {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: #f7f7f9;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__thank__close__svg {
    width: 1rem;
    height: 1rem;
    fill: #43484d
}

.generator__popup__thank__close:hover {
    opacity: .8;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__thank__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 3.4375rem
}

.generator__popup__thank__title__left__svg {
    width: 5.3125rem;
    height: 1.1875rem;
    fill: #fff
}

.generator__popup__thank__title__right__svg {
    width: 7.875rem;
    height: 1.1875rem;
    fill: rgba(255, 255, 255, .5)
}

.generator__popup__thank__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: .3125rem;
    width: 50.625rem
}

.call-to-action-2__list__item__photo,
.features-11__item__image,
.testimonials-2__people__item__photo {
    box-shadow: .0625rem .0625rem .1875rem rgba(0, 0, 0, .1)
}

.generator__popup__thank__block__top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 7.5rem;
    padding-bottom: 5.3125rem;
    background-color: #39add1
}

.generator__popup__thank__block__top__arrow {
    position: absolute;
    left: 1.25rem;
    top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background-color: rgba(255, 255, 255, .2);
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__thank__block__top__arrow__svg {
    width: 1rem;
    height: 1rem;
    fill: #fff
}

.generator__popup__thank__block__top__arrow:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.generator__popup__thank__block__top__title {
    margin-bottom: 1.5625rem;
    font-weight: 300;
    font-size: 4.25rem;
    line-height: 4.25rem;
    letter-spacing: -.1875rem;
    text-align: center;
    color: #fff
}

.generator__popup__thank__block__top__description {
    max-width: 28.125rem;
    font-weight: 400;
    font-size: 1.375rem;
    line-height: 1.75rem;
    text-align: center;
    color: rgba(255, 255, 255, .6)
}

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

.generator__popup__thank__block__bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 3.4375rem;
    padding-bottom: 2.8125rem;
    background-color: #349dbd
}

.generator__popup__thank__block__bottom__icon {
    position: absolute;
    top: -1.875rem
}

.generator__popup__thank__block__bottom__icon__svg {
    position: relative;
    z-index: 99;
    width: 3.125rem;
    height: 3.75rem;
    fill: #000
}

.generator__popup__thank__block__bottom__icon::after {
    position: absolute;
    left: .3125rem;
    right: .3125rem;
    top: .3125rem;
    bottom: .3125rem;
    z-index: 9;
    display: block;
    background-color: #fff
}

.generator__popup__thank__block__bottom__copyright {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: rgba(255, 255, 255, .6)
}

.generator__popup__thank__block__bottom__mail {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: rgba(255, 255, 255, .9)
}

.open-button.is-clicked {
    -webkit-animation-name: is-clicked;
    animation-name: is-clicked;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.open-button.is-clicked .open-inner {
    -webkit-animation-name: is-clicked-inner;
    animation-name: is-clicked-inner;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes is-clicked {
    20% {
        left: -6.25rem;
        top: -6.25rem;
        width: 18.125rem;
        height: 18.125rem
    }
    40% {
        left: -4.375rem;
        top: -4.375rem;
        width: 14.375rem;
        height: 14.375rem
    }
    60% {
        left: -1.875rem;
        top: -1.875rem;
        width: 9.375rem;
        height: 9.375rem
    }
    80% {
        left: 0;
        top: 0;
        width: 5.625rem;
        height: 5.625rem
    }
}

@keyframes is-clicked {
    20% {
        left: -6.25rem;
        top: -6.25rem;
        width: 18.125rem;
        height: 18.125rem
    }
    40% {
        left: -4.375rem;
        top: -4.375rem;
        width: 14.375rem;
        height: 14.375rem
    }
    60% {
        left: -1.875rem;
        top: -1.875rem;
        width: 9.375rem;
        height: 9.375rem
    }
    80% {
        left: 0;
        top: 0;
        width: 5.625rem;
        height: 5.625rem
    }
}

@-webkit-keyframes is-clicked-inner {
    20% {
        border: 2.5rem solid #fff;
        width: 7.9375rem;
        height: 7.9375rem
    }
    40% {
        border: .625rem solid #fff;
        width: 4.25rem;
        height: 4.25rem
    }
    60% {
        border: 0 solid #fff;
        width: 3rem;
        height: 3rem
    }
    80% {
        border: .625rem solid #fff;
        width: 4.375rem;
        height: 4.375rem
    }
}

@keyframes is-clicked-inner {
    20% {
        border: 2.5rem solid #fff;
        width: 7.9375rem;
        height: 7.9375rem
    }
    40% {
        border: .625rem solid #fff;
        width: 4.25rem;
        height: 4.25rem
    }
    60% {
        border: 0 solid #fff;
        width: 3rem;
        height: 3rem
    }
    80% {
        border: .625rem solid #fff;
        width: 4.375rem;
        height: 4.375rem
    }
}

@-webkit-keyframes is-pulsed {
    25%,
    75% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes is-pulsed {
    25%,
    75% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.block-sublist {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.is-blur {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.is-opacity-full {
    opacity: 0!important
}

.call-to-action-1 {
    padding: 6.25rem 0 5.3125rem;
    text-align: center;
    background: #f4f4f4
}

.call-to-action-1__quote {
    margin: 0 auto;
    max-width: 59.375rem;
    color: #5e6977
}

.call-to-action-1__button {
    margin-top: 3.75rem;
    margin-bottom: 0;
    color: #fff;
    background-color: #358ed7
}

.call-to-action-1__button:focus,
.call-to-action-1__button:hover {
    background-color: #1779ba
}

@media screen and (max-width:63.9375em) {
    .call-to-action-1 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .call-to-action-1 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.call-to-action-2__container {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.call-to-action-2__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.call-to-action-2__list__item__photo {
    position: relative;
    z-index: 1;
    display: block;
    float: left;
    overflow: hidden;
    margin: 0 0 0 3.3125rem;
    border-radius: 50%;
    padding: .25rem;
    width: 5.625rem;
    height: 5.625rem;
    background-color: #fff
}

.call-to-action-2__list__item__photo__image {
    display: block;
    overflow: hidden;
    border-radius: 50%;
    width: 5.125rem;
    height: 5.125rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.call-to-action-2__list__item__title {
    margin-bottom: .625rem;
    margin-left: 10.8125rem;
    max-width: 20.625rem;
    color: #43484d
}

.call-to-action-2__list__item__text {
    margin-bottom: .5rem;
    margin-left: 10.8125rem;
    max-width: 20.625rem;
    color: #86939e
}

.call-to-action-2__list__item__link {
    display: inline-block;
    margin-left: 10.8125rem;
    font-size: 0;
    line-height: 0
}

.call-to-action-2__list__item__link__text {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.call-to-action-2__list__item__link__icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.125rem;
    margin-left: 1rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7;
    opacity: .8;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.call-to-action-2__list__item__link:focus .call-to-action-2__list__item__link__text,
.call-to-action-2__list__item__link:hover .call-to-action-2__list__item__link__text {
    color: #3582c1
}

.call-to-action-2__list__item__link:focus .call-to-action-2__list__item__link__icon,
.call-to-action-2__list__item__link:hover .call-to-action-2__list__item__link__icon {
    fill: #3582c1
}

@media screen and (max-width:63.9375em) {
    .call-to-action-2__container {
        padding-top: 5rem;
        padding-bottom: 1.25rem;
        text-align: center
    }
    .call-to-action-2__list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .call-to-action-2__list__item {
        margin-bottom: 3.75rem
    }
    .call-to-action-2__list__item__photo {
        float: none;
        margin: 0 auto .625rem
    }
    .call-to-action-2__list__item__text,
    .call-to-action-2__list__item__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
    .call-to-action-2__list__item__link {
        margin: 0 auto
    }
}

@media screen and (max-width:22.4375em) {
    .call-to-action-2__container {
        padding-top: 3.75rem;
        padding-bottom: 0
    }
}

.call-to-action-3__container {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
}

.call-to-action-3__title {
    margin: 0 auto 1.25rem;
    text-align: center;
    color: #43484d
}

.call-to-action-3__subheading {
    margin: 0 auto 4.375rem;
    max-width: 46.875rem;
    text-align: center;
    color: #5e6977
}

.call-to-action-3__block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.call-to-action-3__block__item {
    text-align: center
}

.call-to-action-3__block__item__icon {
    margin-bottom: 3.125rem
}

.call-to-action-3__block__item__icon__svg {
    width: 4.25rem;
    height: 3.625rem
}

.call-to-action-3__block__item__title {
    margin-bottom: .9375rem;
    max-width: 25rem;
    color: #43484d
}

.call-to-action-3__block__item__text {
    margin: 0 auto 2.5rem;
    max-width: 21.875rem;
    color: #86939e
}

.call-to-action-3__block__item__button {
    margin: 0 auto;
    border-radius: .375rem;
    padding: .75rem 1.875rem .625rem;
    height: 2.625rem
}

.call-to-action-3__block::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    display: block;
    margin: 0 auto;
    width: .0625rem;
    height: 80%;
    background-color: #ddd
}

@media screen and (max-width:63.9375em) {
    .call-to-action-3__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .call-to-action-3__block::after {
        display: none
    }
    .call-to-action-3__block__item:first-child {
        margin-bottom: 3.75rem
    }
    .call-to-action-3__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .call-to-action-3__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.call-to-action-4 {
    background: url(../blocks/call-to-action-4/images/new-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

.call-to-action-4__container {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    text-align: center
}

.call-to-action-4__title {
    margin-bottom: 1.25rem;
    color: #fff
}

.call-to-action-4__subheading {
    margin: 0 auto 2.5rem;
    max-width: 35rem;
    color: rgba(255, 255, 255, .8)
}

.call-to-action-4__button {
    margin: 0 auto 1.25rem;
    padding-right: 3.4375rem;
    padding-left: 3.4375rem;
    color: #fff;
    background-color: #358ed7
}

.call-to-action-4__button:hover {
    background-color: #5aa8df
}

.call-to-action-4__caption {
    margin: 0 auto;
    color: rgba(255, 255, 255, .7)
}

@media screen and (max-width:63.9375em) {
    .call-to-action-4__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.call-to-action-5__container {
    border-bottom: solid .0625rem #eee;
    padding-top: 6.25rem;
    padding-bottom: 5.8125rem;
    text-align: center
}

.call-to-action-5__subheading {
    margin: 0 auto 1.875rem;
    max-width: 29.6875rem;
    text-align: center;
    color: #5e6977
}

.call-to-action-5__button {
    margin: 0;
    min-width: 11.875rem
}

@media screen and (max-width:63.9375em) {
    .call-to-action-5__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .call-to-action-5__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.call-to-action-6__content {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.call-to-action-6__content__tag {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #86939e
}

.call-to-action-6__content__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.call-to-action-6__content__block__item {
    margin-right: 2.375rem
}

.call-to-action-6__content__block__item:last-child {
    margin-right: 0
}

.call-to-action-6__content__block__item__svg {
    fill: #86939e;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.call-to-action-6__content__block__item__svg:hover {
    fill: #525b64;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.call-to-action-6__content__block__item__svg.svg-item-01 {
    width: 2.6875rem;
    height: 1.75rem
}

.call-to-action-6__content__block__item__svg.svg-item-02 {
    width: 1.1875rem;
    height: 2.125rem
}

.call-to-action-6__content__block__item__svg.svg-item-03 {
    width: 2.25rem;
    height: 1.875rem
}

.call-to-action-6__content__block__item__svg.svg-item-04 {
    width: 2rem;
    height: 2rem
}

.call-to-action-6__content__block__item__svg.svg-item-05 {
    width: 2.375rem;
    height: 1.5rem
}

@media screen and (max-width:47.9375em) {
    .call-to-action-6__content__block {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .call-to-action-6__content__block__item {
        margin-right: 0
    }
}

.call-to-action-7__container {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.call-to-action-7__wrap {
    border-radius: .375rem;
    padding: 5rem 0 3.75rem;
    background-color: #f4f4f4
}

.call-to-action-9__downbutton,
.contents-1__next__link,
.contents-2__scroll-down {
    border-radius: 50%;
    box-shadow: .0625rem .0625rem .0625rem rgba(0, 0, 0, .1)
}

.call-to-action-7__slogan {
    margin: 0 0 1.25rem;
    font-weight: 500;
    font-size: .875rem;
    line-height: .875rem;
    text-align: center;
    text-transform: uppercase;
    color: #86939e
}

.call-to-action-7__title {
    margin: 0 0 .625rem;
    text-align: center;
    color: #43484d
}

.call-to-action-7__description {
    margin: 0 auto 2.5625rem;
    max-width: 28.875rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #86939e
}

.call-to-action-7__button {
    display: block;
    margin: 0 auto;
    max-width: 10.3125rem
}

@media screen and (max-width:47.9375em) {
    .call-to-action-7__wrap {
        padding: 5rem 1.25rem 3.75rem
    }
}

@media screen and (max-width:22.4375em) {
    .call-to-action-7__wrap {
        padding: 3.75rem 1.25rem
    }
}

.call-to-action-8 {
    background-color: #5e6977
}

.call-to-action-8__content {
    padding-top: 15.625rem;
    padding-bottom: 5.9375rem
}

.call-to-action-8__content__title {
    margin: 0 auto 1.25rem;
    text-align: center;
    color: #fff
}

.call-to-action-8__content__subheading {
    margin: 0 auto 2.5rem;
    max-width: 40.625rem;
    text-align: center;
    color: rgba(255, 255, 255, .8)
}

.call-to-action-8__content__button {
    display: block;
    margin: 0 auto 5rem;
    padding: 1.25rem 0;
    max-width: 10.625rem
}

.call-to-action-8__content__slogan {
    margin: 0 auto 1.25rem;
    max-width: 26.25rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    color: rgba(255, 255, 255, .6)
}

.call-to-action-8__content__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.call-to-action-8__content__block__item {
    margin-right: 1.25rem;
    margin-bottom: 1.25rem
}

.call-to-action-8__content__block__item:last-child {
    margin-right: 0
}

.call-to-action-8__content__block__item__svg {
    fill: rgba(255, 255, 255, .2);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.call-to-action-8__content__block__item__svg:hover {
    fill: rgba(255, 255, 255, .5);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.call-to-action-8__content__block__item__svg.svg-item-01 {
    width: 8.6875rem;
    height: 2.1875rem
}

.call-to-action-8__content__block__item__svg.svg-item-02 {
    width: 4.9375rem;
    height: 2.1875rem
}

.call-to-action-8__content__block__item__svg.svg-item-03 {
    width: 8.75rem;
    height: 1.875rem
}

.call-to-action-8__content__block__item__svg.svg-item-04 {
    width: 9.75rem;
    height: 1.875rem
}

.call-to-action-8__content__block__item__svg.svg-item-05 {
    width: 6rem;
    height: 1.625rem
}

.call-to-action-8__content__block__item__svg.svg-item-06 {
    width: 6.5625rem;
    height: 1.4375rem
}

@media screen and (max-width:63.9375em) {
    .call-to-action-8__content {
        padding-top: 14.375rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .call-to-action-8__content {
        padding-top: 13.125rem;
        padding-bottom: 3.75rem
    }
}

.call-to-action-9 {
    position: relative;
    z-index: 9
}

.call-to-action-9__content {
    padding-top: 8.75rem;
    padding-bottom: 7.625rem
}

.call-to-action-9__content__quote {
    margin: 0 auto 2.5rem;
    max-width: 59.25rem;
    text-align: center;
    color: #43484d
}

.call-to-action-9__content__buynow {
    display: block;
    margin: 0 auto;
    max-width: 13.75rem
}

.call-to-action-9__downbutton {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    padding-top: .1875rem;
    width: 2.8125rem;
    height: 2.8125rem;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.call-to-action-9__downbutton svg {
    width: 1.5625rem;
    height: .9375rem;
    fill: #5e6977;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.call-to-action-9__downbutton:hover {
    background-color: #67b93c;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.call-to-action-9__downbutton:hover svg {
    fill: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:22.5em) {
    .call-to-action-9__downbutton {
        bottom: .3125rem
    }
}

@media screen and (max-width:74.9375em) {
    .call-to-action-9__content {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .call-to-action-9__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .call-to-action-9__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-1 {
    padding: 1.25rem 1.25rem 0;
    background-color: #fff
}

.contents-1__inner {
    /*position: relative;*/
    padding: 6.25rem 1.875rem;
    background-color: #f4f4f4
}

.contents-1__title {
    margin-bottom: 1.0625rem;
    text-align: center;
    color: #43484d
}

.contents-1__subheading {
    margin: 0 auto;
    max-width: 46.875rem;
    text-align: center
}

.contents-1__next {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.375rem;
    z-index: 10
}

.contents-1__next__link {
    position: relative;
    top: -1.875rem;
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 2.8125rem;
    height: 2.8125rem;
    background: #fff;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.contents-1__next__link__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: -.40625rem 0 0 -.28125rem;
    width: .5625rem;
    height: .9375rem;
    fill: #5e6977;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.contents-1__next__link:focus,
.contents-1__next__link:hover {
    background-color: #67b93c
}

.contents-1__next__link:focus .contents-1__next__link__icon,
.contents-1__next__link:hover .contents-1__next__link__icon {
    fill: #fff
}

@media screen and (max-width:63.9375em) {
    .contents-1 {
        padding: 0
    }
    .contents-1__inner {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-1__inner {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-2__container {
    position: relative;
    border-bottom: solid .0625rem #eee;
    padding-top: 5rem;
    padding-bottom: 5.625rem
}

.contents-2__icon {
    display: block;
    margin: 0 auto 2.0625rem;
    width: 2.5rem;
    height: 2.5rem;
    fill: rgba(0, 0, 0, .2)
}

.contents-2__title {
    margin-bottom: 1.1875rem;
    text-align: center;
    color: #43484d
}

.contents-2__subheading {
    margin: 0 auto;
    max-width: 40.625rem;
    text-align: center;
    color: #5e6977
}

.contents-2__scroll-down {
    position: absolute;
    left: 50%;
    bottom: .625rem;
    display: block;
    margin-left: -1.375rem;
    width: 2.75rem;
    height: 2.75rem;
    background: #fff;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.contents-4__block,
.contents-4__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.contents-4__filter__button,
.ecommerce-1__content__block__product,
.ecommerce-1__content__block__special,
.ecommerce-1__content__filter__button {
    box-shadow: .0625rem .125rem .1875rem rgba(0, 0, 0, .12)
}

.contents-2__scroll-down__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: -.46875rem 0 0 -.28125rem;
    width: .5625rem;
    height: .9375rem;
    fill: #5e6977;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.contents-2__scroll-down:focus,
.contents-2__scroll-down:hover {
    background-color: #67b93c
}

.contents-2__scroll-down:focus .contents-2__scroll-down__icon,
.contents-2__scroll-down:hover .contents-2__scroll-down__icon {
    fill: #fff
}

@media screen and (max-width:63.9375em) {
    .contents-2__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-2__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-3 {
    padding-top: 6.25rem;
    padding-bottom: 7.1875rem;
    text-align: center
}

.contents-3__icon {
    margin-bottom: 2.7rem;
    width: 3.4375rem;
    height: 2.75rem
}

.contents-3__quote {
    margin: 0 auto;
    max-width: 50.9375rem
}

@media screen and (max-width:74.9375em) {
    .contents-3 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .contents-3 {
        padding: 5rem 0
    }
}

@media screen and (max-width:22.4375em) {
    .contents-3 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-4 {
    border-top: solid .0625rem #e1e8ee;
    border-bottom: solid .0625rem #e1e8ee
}

.contents-4__container {
    position: relative;
    padding-top: 6.25rem;
    padding-bottom: 5.625rem
}

.contents-4__filter {
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3.6875rem
}

.contents-4__filter__button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1.25rem;
    border: .125rem solid transparent;
    border-radius: 6.25rem;
    padding: .8125rem 1.5625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.contents-4__filter__button.is-active,
.contents-4__filter__button:hover {
    outline: 0;
    border: .125rem solid #7dc855;
    color: #7dc855;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.contents-4__filter__button:focus {
    outline: 0
}

.contents-4__block {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contents-4__block__item {
    margin-bottom: 2.1875rem;
    width: 30.9375rem
}

.contents-4__block__item__title {
    margin-bottom: .3125rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    color: #43484d
}

.contents-4__block__item__description,
.contents-5__description,
.contents-6__description {
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400
}

.contents-4__block__item__description {
    color: #86939e
}

@media screen and (max-width:89.9375em) {
    .contents-4__block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .contents-4__container {
        padding-top: 6.25rem;
        padding-bottom: 4.0625rem
    }
}

@media screen and (max-width:63.9375em) {
    .contents-4__container {
        padding-top: 5rem;
        padding-bottom: 2.8125rem
    }
}

@media screen and (max-width:36.25em) {
    .contents-4__filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: hidden
    }
}

@media screen and (max-width:22.4375em) {
    .contents-4__container {
        padding-top: 3.75rem;
        padding-bottom: 1.5625rem
    }
}

.contents-5 {
    border-bottom: solid .0625rem #e1e8ee
}

.contents-5__container {
    padding-top: 5rem;
    padding-bottom: 7.5rem
}

.contents-5__video__popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .9)
}

.contents-5__video__popup__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contents-5__video__popup__item iframe {
    width: 70%;
    height: 65%
}

@media screen and (max-width:22.5em) {
    .contents-5__video__popup__item iframe {
        height: 30%
    }
}

.contents-5__video__popup__close {
    position: absolute;
    right: 3.75rem;
    top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 2.8125rem;
    height: 2.8125rem;
    background-color: #3b3d40;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.contents-5__video__popup__close:hover {
    opacity: .8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.contents-5__video__popup__close__svg {
    width: .8125rem;
    height: .8125rem;
    fill: #fff
}

@media screen and (max-width:47.9375em) {
    .contents-4__filter__button {
        margin-bottom: 1.25rem
    }
    .contents-5__video__popup__close {
        right: .9375rem;
        top: .9375rem
    }
}

.contents-5__title {
    margin: 0 0 .3125rem;
    text-align: center;
    color: #43484d
}

.contents-5__description {
    margin: 0 auto 3.75rem;
    max-width: 32.8125rem;
    text-align: center;
    color: #86939e
}

.contents-5__video {
    position: relative;
    overflow: hidden;
    border-radius: .375rem
}

.contents-5__video__image {
    max-width: 100%
}

.contents-5__video__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5.78125rem 0 0 -5.78125rem;
    border: .0625rem solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    width: 11.5625rem;
    height: 11.5625rem;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.contents-5__video__icon::before {
    border-style: solid;
    border-width: 2.34375rem 0 2.34375rem 3.1875rem;
    border-color: transparent transparent transparent #fff;
    width: 0;
    height: 0;
    position: absolute;
    left: 40%;
    top: 50%;
    margin-top: -2.34375rem
}

.contents-5__video__icon:focus,
.contents-5__video__icon:hover {
    opacity: .7
}

@media screen and (max-width:74.9375em) {
    .contents-5__container {
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:32.5em) {
    .contents-5__video__icon {
        margin: -2.8125rem 0 0 -2.8125rem;
        width: 5.625rem;
        height: 5.625rem
    }
    .contents-5__video__icon::before {
        border-style: solid;
        border-width: 1.125rem 0 1.125rem 1.5625rem;
        border-color: transparent transparent transparent #fff;
        width: 0;
        height: 0;
        margin-top: -1.125rem
    }
}

@media screen and (max-width:63.9375em) {
    .contents-5__container {
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-5__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-6 {
    border-bottom: solid .0625rem #e1e8ee
}

.contents-6__container {
    padding-top: 5rem;
    padding-bottom: 5.625rem
}

.contents-6__title {
    margin-bottom: .9375rem;
    text-align: center;
    color: #43484d
}

.contents-6__description {
    margin: 0 auto 3.75rem;
    max-width: 32.75rem;
    text-align: center;
    color: #86939e
}

.contents-6__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contents-6__block__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 49%;
    flex: 0 1 49%;
    margin: 0 0 1.5625rem;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    border-radius: 4px;
    overflow: hidden
}

.contents-6__block__item:hover {
    opacity: .7;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.contents-6__block__item__image {
    width: 100%;
    max-width: 100%
}

.contents-6__block__item.item-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

@media screen and (max-width:63.9375em) {
    .contents-6__container {
        padding-top: 5rem;
        padding-bottom: 3.125rem
    }
}

@media screen and (max-width:22.5em) {
    .contents-6__block__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }
    .contents-6__container {
        padding-top: 3.75rem;
        padding-bottom: 1.875rem
    }
}

.contents-7__container {
    border-bottom: solid .0625rem #eee;
    padding-top: 2.5rem;
    padding-bottom: 4.6875rem
}

.contents-7__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contents-7__column-left {
    padding-top: 2.6875rem;
    padding-right: .625rem
}

.contents-7__title {
    margin-bottom: .875rem;
    color: #43484d
}

.contents-7__subheading {
    margin-bottom: .9375rem;
    max-width: 29.0625rem;
    color: #5e6977
}

.contents-7__icons {
    margin: 0 -.8125rem;
    font-size: 0;
    line-height: 0
}

.contents-7__icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    margin: .8125rem;
    border-radius: .5rem;
    width: 2.875rem;
    height: 2.875rem;
    background-color: #e1e8ee
}

.contents-7__icon__svg {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 90%;
    max-height: 90%;
    fill: #5e6977;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.contents-7__icon--sketch .contents-7__icon__svg {
    margin-top: .0625rem;
    width: 1.5625rem;
    height: 1.5rem
}

.contents-7__icon--photoshop .contents-7__icon__svg {
    width: 1.375rem;
    height: 1rem
}

.contents-7__video {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: .375rem;
    user-select: none
}

.contents-7__video::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #3b3d40;
    opacity: .5;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.contents-7__video__image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto
}

.contents-7__video::after {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    margin: -2.5625rem 0 0 -1.25rem;
    border-style: solid;
    border-width: 2.5625rem 0 2.5625rem 3.5625rem;
    border-color: transparent transparent transparent #f0f5fb;
    width: 0;
    height: 0;
    opacity: .6;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.contents-7__video:focus::before,
.contents-7__video:hover::before {
    opacity: .65
}

.contents-7__video:focus::after,
.contents-7__video:hover::after {
    opacity: 1
}

.contents-7__video__popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .9)
}

.contents-7__video__popup__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contents-7__video__popup__item iframe {
    width: 70%;
    height: 65%
}

@media screen and (max-width:22.5em) {
    .contents-7__video__popup__item iframe {
        height: 30%
    }
}

.contents-7__video__popup__close {
    position: absolute;
    right: 3.75rem;
    top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 2.8125rem;
    height: 2.8125rem;
    background-color: #3b3d40;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.contents-7__video__popup__close:hover {
    opacity: .8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.contents-7__video__popup__close__svg {
    width: .8125rem;
    height: .8125rem;
    fill: #fff
}

@media screen and (max-width:47.9375em) {
    .contents-7__video__popup__close {
        right: .9375rem;
        top: .9375rem
    }
}

@media screen and (max-width:63.9375em) {
    .contents-7__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .contents-7__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .contents-7__column-left {
        margin-bottom: 5rem;
        padding-top: 0;
        padding-right: 0;
        text-align: center
    }
}

@media screen and (max-width:22.4375em) {
    .contents-7__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .contents-7__column-left {
        margin-bottom: 3.75rem
    }
    .contents-7__subheading,
    .contents-7__title {
        margin-right: auto;
        margin-left: auto;
        max-width: 31.25rem;
        text-align: center
    }
    .contents-7__icons {
        text-align: center
    }
}

.contents-8 {
    background-color: #f7f7f9
}

.contents-8__content {
    padding-top: 4.375rem
}

.contents-8__content__slider {
    position: relative
}

.contents-8__content__slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contents-8__content__slider__item__left {
    margin-right: 8.125rem;
    max-width: 55%
}

.contents-8__content__slider__item__right {
    position: relative;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-top: 5.8125rem
}

.contents-8__content__slider__item__right__title {
    margin-bottom: .9375rem;
    color: #43484d
}

.contents-8__content__slider__item__right__description {
    margin: 0 auto 1.875rem 0;
    max-width: 21.375rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.contents-8__content__slider__item__right__more {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #358ed7;
    -webkit-transition: fill, color linear .2s;
    transition: fill, color linear .2s
}

.contents-8__content__slider__item__right__more__svg {
    margin-left: .3125rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7;
    -webkit-transition: fill, color linear .2s;
    transition: fill, color linear .2s
}

.contents-8__content__slider__item__right__more:hover .svg-item {
    fill: green;
    -webkit-transition: fill, color linear .2s;
    transition: fill, color linear .2s
}

.contents-8__content__slider__item__right__arrow {
    position: absolute;
    right: -20%;
    top: 55%;
    cursor: pointer
}

.contents-8__content__slider__item__right__arrow__svg {
    width: .9375rem;
    height: 1.75rem;
    fill: #86939e
}

.contents-8__content .owl-dots {
    position: absolute;
    left: 0;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contents-8__content .owl-dot {
    margin-right: .9375rem;
    border-radius: 50%;
    width: .375rem;
    height: .375rem;
    background-color: #86939e
}

.contents-8__content .owl-dot.active {
    width: .625rem;
    height: .625rem;
    background-color: #358ed7
}

@media screen and (max-width:82.5em) {
    .contents-8__content__slider__item__right__arrow {
        right: -2.5rem
    }
}

@media screen and (max-width:68.75em) {
    .contents-8__content {
        padding-bottom: 6.25rem
    }
    .contents-8__content__slider__item__left {
        margin-right: 0
    }
}

@media screen and (max-width:74.9375em) {
    .contents-8__content__slider__item__right__arrow {
        right: -5rem;
        top: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .contents-8__content {
        padding-bottom: 5rem
    }
    .contents-8__content__slider__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .contents-8__content__slider__item__right {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        padding-top: .625rem
    }
    .contents-8__content__slider .owl-dots {
        left: calc(50% - 172px)!important;
        top: unset!important;
        bottom: -3.4375rem!important
    }
}

@media screen and (max-width:48em) {
    .contents-8__content__slider__item__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .contents-8__content__slider__item__right__description,
    .contents-8__content__slider__item__right__title {
        text-align: center
    }
    .contents-8__content__slider__item__right__arrow {
        display: none
    }
    .contents-8__content__slider .owl-dots {
        left: calc(50% - 55px)!important
    }
}

@media screen and (max-width:22.4375em) {
    .contents-8__content {
        padding-top: 3.75rem
    }
    .contents-8__content__slider__item__right {
        padding-right: 1.5625rem;
        padding-left: 1.5625rem
    }
}

.contents-9__container {
    padding-top: 5.875rem;
    padding-bottom: 6.0625rem
}

.contents-9__tag {
    margin-bottom: 1.25rem;
    color: #86939e
}

.contents-9__quote {
    max-width: 30rem;
    color: #43484d
}

.contents-9__link {
    display: none;
    margin-top: 2.1875rem;
    font-size: 0;
    line-height: 0
}

.contents-9__link__text {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.contents-9__link__icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: .625rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7;
    opacity: .8;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.contents-9__link:focus .contents-9__link__text,
.contents-9__link:hover .contents-9__link__text {
    color: #3582c1
}

.contents-9__link:focus .contents-9__link__icon,
.contents-9__link:hover .contents-9__link__icon {
    fill: #3582c1
}

.contents-9__column .contents-9__link {
    display: inline-block
}

.contents-9__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-left: -3.5625rem;
    -webkit-transform: translate(.9375rem, .8125rem);
    transform: translate(.9375rem, .8125rem)
}

.contents-9__logos__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5.9375rem
}

.contents-9__logos__item__icon {
    max-width: 90%;
    max-height: 90%;
    fill: #86939e
}

.contents-9__logos__item__icon--cannes-lions {
    width: 6.625rem;
    height: 2.875rem
}

.contents-9__logos__item__icon--github {
    margin-left: -.875rem;
    width: 6.625rem;
    height: 1.8125rem
}

.contents-9__logos__item__icon--airbnb {
    width: 7.8125rem;
    height: 2.4375rem
}

.contents-9__logos__item__icon--flickr {
    margin-top: -1.5625rem;
    width: 5.75rem;
    height: 1.75rem
}

.contents-9__logos__item__icon--vine {
    margin-top: -1.375rem;
    margin-left: -.9375rem;
    width: 5.5rem;
    height: 2.125rem
}

.contents-9__logos__item__icon--amazon {
    margin-top: -.125rem;
    width: 10.125rem;
    height: 2rem
}

.contents-9__logos__item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.contents-9__logos__item:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.contents-9__logos__item:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.contents-9__logos__item:nth-child(4) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.contents-9__logos__item:nth-child(5) {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.contents-9__logos__item:nth-child(6) {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

@media screen and (max-width:89.9375em) {
    .contents-9__tag {
        margin-top: 2.6875rem
    }
    .contents-9__logos__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
    .contents-9__logos__item__icon--cannes-lions {
        margin-top: .625rem;
        margin-left: 3.8125rem
    }
    .contents-9__logos__item__icon--github {
        margin-top: 0;
        margin-left: 3.8125rem
    }
    .contents-9__logos__item__icon--airbnb {
        margin-top: -.0625rem;
        margin-left: -.6875rem
    }
    .contents-9__logos__item__icon--flickr {
        margin-top: .625rem;
        margin-left: -.625rem
    }
    .contents-9__logos__item__icon--vine {
        margin-top: -1.375rem;
        margin-left: 3.875rem
    }
    .contents-9__logos__item__icon--amazon {
        margin-top: -.125rem;
        margin-left: -.625rem
    }
    .contents-9__logos__item:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .contents-9__logos__item:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .contents-9__logos__item:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .contents-9__logos__item:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .contents-9__logos__item:nth-child(5) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }
    .contents-9__logos__item:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }
}

@media screen and (max-width:74.9375em) {
    .contents-9__tag {
        margin-top: 2.75rem;
        margin-bottom: .9375rem
    }
    .contents-9__logos__item__icon--cannes-lions {
        margin-top: 1rem;
        margin-left: 1.8125rem
    }
    .contents-9__logos__item__icon--github {
        margin-top: .3125rem;
        margin-left: 2rem
    }
    .contents-9__logos__item__icon--airbnb {
        margin-top: .3125rem;
        margin-left: -.3125rem
    }
    .contents-9__logos__item__icon--flickr {
        margin-top: 1rem;
        margin-left: -.25rem
    }
    .contents-9__logos__item__icon--vine {
        margin-top: -1.125rem;
        margin-left: 1.8125rem
    }
    .contents-9__logos__item__icon--amazon {
        margin-top: .25rem;
        margin-left: -.375rem
    }
}

@media screen and (max-width:63.9375em) {
    .contents-9__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .contents-9__container,
    .contents-9__quote,
    .contents-9__tag {
        text-align: center
    }
    .contents-9__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .contents-9__tag {
        margin-top: 0;
        margin-bottom: 1rem
    }
    .contents-9__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .contents-9__column .contents-9__link {
        display: none
    }
    .contents-9__link {
        display: inline-block;
        margin-top: 1.1875rem
    }
    .contents-9__logos {
        margin-top: .75rem
    }
    .contents-9__logos__icon--cannes-lions {
        margin-top: .9375rem;
        margin-left: 1.125rem
    }
    .contents-9__logos__icon--github {
        margin-top: .3125rem;
        margin-left: 1.125rem
    }
    .contents-9__logos__icon--airbnb {
        margin-top: -.9375rem;
        margin-left: .3125rem
    }
    .contents-9__logos__icon--flickr {
        margin-top: 1rem;
        margin-left: -.875rem
    }
    .contents-9__logos__icon--vine {
        margin-top: -1.125rem;
        margin-left: 1.125rem
    }
    .contents-9__logos__icon--amazon {
        margin-top: .25rem;
        margin-left: -.9375rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-9__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-10 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.contents-10__tag {
    margin-bottom: 3.125rem;
    text-align: center;
    color: #86939e
}

.contents-10__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 2.5rem;
    max-width: 25.3125rem
}

.contents-10__icon__svg {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.contents-10__icon--google-drive .contents-10__icon__svg {
    width: 4.25rem;
    height: 3.625rem
}

.contents-10__icon--slack .contents-10__icon__svg {
    width: 4.25rem;
    height: 4.25rem
}

.contents-10__icon--dropbox .contents-10__icon__svg {
    width: 4.25rem;
    height: 3.9375rem
}

.contents-10__subheading {
    margin: 0 auto;
    max-width: 46.875rem;
    text-align: center;
    color: #5e6977
}

@media screen and (max-width:22.4375em) {
    .contents-10 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .contents-10__icons {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .contents-10__icon {
        margin-bottom: 1.875rem
    }
    .contents-10__icon:last-child {
        margin-bottom: 0
    }
}

.contents-11__container {
    border-bottom: solid .0625rem #eee;
    padding-top: 5.625rem;
    padding-bottom: 5.625rem
}

.contents-11__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contents-11__column-left {
    padding-top: 7.5625rem;
    padding-left: 3.75rem
}

.contents-11__icon {
    display: block;
    margin-bottom: 2.0625rem;
    width: 2.4375rem;
    height: 2.125rem;
    fill: #86939e
}

.contents-11__title {
    margin-bottom: .875rem;
    color: #43484d
}

.contents-11__subheading {
    max-width: 28.125rem;
    color: #5e6977
}

.contents-11__image {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

@media screen and (max-width:63.9375em) {
    .contents-11__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .contents-11__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .contents-11__column-left {
        margin-bottom: 3.75rem;
        padding-top: 0;
        padding-left: 0
    }
    .contents-11__icon {
        margin-right: auto;
        margin-bottom: 1.875rem;
        margin-left: auto
    }
    .contents-11__title {
        text-align: center
    }
    .contents-11__subheading {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
}

@media screen and (max-width:22.4375em) {
    .contents-11__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-12__container {
    border-bottom: solid .0625rem #eee;
    padding-top: 7.5rem;
    padding-bottom: 7.625rem
}

.contents-12__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contents-12__column-left {
    padding-left: 1.875rem
}

.contents-12__column-right {
    margin-right: 4.0625rem;
    padding-top: 5rem
}

.contents-12__image {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.contents-12__icon {
    display: block;
    margin-bottom: 2.0625rem;
    width: 2rem;
    height: 2.1875rem;
    fill: #86939e
}

.contents-12__title {
    margin-bottom: .875rem;
    color: #43484d
}

.contents-12__subheading {
    margin-bottom: 1.0625rem;
    max-width: 28.125rem;
    color: #5e6977
}

.contents-12__link {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    color: #358ed7
}

.contents-12__link__text {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.contents-12__link__icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.125rem;
    margin-left: .625rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7;
    opacity: .8;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.contents-12__link:focus,
.contents-12__link:focus .contents-12__link__text,
.contents-12__link:hover,
.contents-12__link:hover .contents-12__link__text {
    color: #3582c1
}

.contents-12__link:focus .contents-12__link__icon,
.contents-12__link:hover .contents-12__link__icon {
    fill: #3582c1
}

@media screen and (max-width:63.9375em) {
    .contents-12__subheading,
    .contents-12__title {
        text-align: center
    }
    .contents-12__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .contents-12__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .contents-12__column-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0
    }
    .contents-12__column-right {
        margin-right: 0;
        margin-bottom: 3.75rem;
        padding-top: 0;
        text-align: center
    }
    .contents-12__icon,
    .contents-12__subheading {
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (max-width:22.4375em) {
    .contents-12__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-13__container {
    border-bottom: solid .0625rem #eee;
    padding-top: 3.75rem;
    padding-bottom: 1.25rem
}

.contents-13__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contents-13__column-left {
    padding-top: 9.0625rem;
    padding-left: 4.0625rem
}

.contents-13__icon {
    display: block;
    margin-bottom: 2.0625rem;
    width: 2.4375rem;
    height: 1.8125rem;
    fill: #86939e
}

.contents-13__button,
.contents-13__button__icon,
.contents-13__button__text {
    display: inline-block;
    vertical-align: middle
}

.contents-13__title {
    margin-bottom: .875rem;
    color: #43484d
}

.contents-13__subheading {
    margin-bottom: 2.4375rem;
    max-width: 28.125rem;
    color: #5e6977
}

.contents-13__button {
    border: .125rem solid #e1e8ee;
    border-radius: .375rem;
    padding: 1.25rem 1.875rem;
    min-height: 3.75rem;
    max-width: 100%;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    text-align: center;
    background: rgba(53, 142, 215, 0);
    cursor: pointer;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s
}

.contents-13__button__icon {
    margin: -.3125rem 1.25rem -.125rem 0;
    width: 1.0625rem;
    height: 1.3125rem;
    fill: #c3cfd8;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.contents-13__button__text {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.contents-13__button:focus,
.contents-13__button:hover {
    border-color: #358ed7;
    background-color: #358ed7
}

.contents-13__button:focus .contents-13__button__icon,
.contents-13__button:hover .contents-13__button__icon {
    fill: #fff
}

.contents-13__button:focus .contents-13__button__text,
.contents-13__button:hover .contents-13__button__text {
    color: #fff
}

.contents-13__image {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

@media screen and (max-width:63.9375em) {
    .contents-13__subheading,
    .contents-13__title {
        text-align: center
    }
    .contents-13__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .contents-13__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .contents-13__column-left {
        margin-bottom: 3.75rem;
        padding-top: 0;
        padding-left: 0;
        text-align: center
    }
    .contents-13__icon,
    .contents-13__subheading {
        margin-right: auto;
        margin-bottom: 1.875rem;
        margin-left: auto
    }
}

@media screen and (max-width:22.4375em) {
    .contents-13__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-14 {
    background: url(../blocks/contents-14/images/background.png) 0 43% no-repeat
}

.contents-14__container {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem
}

.contents-14__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contents-14__column-right {
    margin-right: 8.4375rem;
    padding-top: 4.1875rem
}

.contents-14__image {
    display: block;
    margin: 0 0 0 1.0625rem;
    max-width: calc(100% - 1.0625rem)
}

.contents-14__icon {
    display: block;
    margin-bottom: 2.0625rem;
    width: 2rem;
    height: 2.1875rem;
    fill: #86939e
}

.contents-14__title {
    margin-bottom: .875rem;
    color: #43484d
}

.contents-14__subheading {
    margin-bottom: 1.0625rem;
    max-width: 28.125rem;
    color: #5e6977
}

@media screen and (max-width:63.9375em) {
    .contents-14__subheading,
    .contents-14__title {
        text-align: center
    }
    .contents-14__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .contents-14__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .contents-14__column-left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .contents-14__column-right {
        margin-right: 0;
        margin-bottom: 3.75rem;
        padding-top: 0;
        text-align: center
    }
    .contents-14__icon,
    .contents-14__image,
    .contents-14__subheading {
        margin-right: auto;
        margin-left: auto
    }
    .contents-14__icon {
        margin-bottom: 1.875rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-14__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-15__content {
    padding-top: 6.25rem;
    padding-bottom: 5.3125rem
}

.contents-15__tag {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #86939e
}

.contents-15__title {
    margin-bottom: 3.75rem;
    text-align: center;
    color: #43484d
}

.contents-15__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contents-15__block__item {
    position: relative;
    width: 22.5rem;
    height: 25rem
}

.contents-15__block__item__image {
    overflow: hidden;
    border-radius: .375rem
}

.contents-15__block__item__image img {
    max-width: 100%;
    max-height: 100%
}

.contents-15__block__item__content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 8.75rem;
    padding-right: 2.9375rem;
    padding-left: 2.9375rem;
    width: 100%;
    height: 100%
}

.contents-15__block__item__content__title {
    margin-bottom: .9375rem;
    text-align: center;
    color: #fff
}

.contents-15__block__item__content__description {
    margin-bottom: 3rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #fff;
    opacity: .8
}

.contents-15__block__item__content__link {
    text-align: center
}

.contents-15__block__item__content__link__item {
    position: relative;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3125rem;
    color: #fff;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.contents-16__more__link,
.contents-17__more__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    text-decoration: none
}

.contents-15__block__item__content__link__item__svg {
    margin-left: .3125rem;
    width: .375rem;
    height: .6875rem;
    fill: #fff
}

.contents-15__block__item__content__link__item:focus,
.contents-15__block__item__content__link__item:hover {
    color: #fff;
    opacity: .6
}

.contents-15__block__item__content__link__item:focus .contents-15__block__item__content__link__item__svg,
.contents-15__block__item__content__link__item:hover .contents-15__block__item__content__link__item__svg {
    fill: #fff
}

.contents-15__block__item__content__link__item.video-link::before {
    content: "";
    position: absolute;
    left: -1.25rem;
    top: .1875rem;
    border-top: solid .375rem transparent;
    border-bottom: solid .375rem transparent;
    border-left: solid .625rem #fff;
    width: 0;
    height: 0
}

.contents-15__block__item__content__link__item.video-link:focus::before,
.contents-15__block__item__content__link__item.video-link:hover::before {
    border-left-color: #fff
}

@media screen and (max-width:74.9375em) {
    .contents-15__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .contents-15__block__item {
        margin-bottom: 3.75rem
    }
    .contents-15__block__item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:63.9375em) {
    .contents-15__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:25em) {
    .contents-15__block__item {
        width: auto;
        max-width: 100%
    }
}

@media screen and (max-width:22.5em) {
    .contents-15__block__item {
        height: auto
    }
    .contents-15__block__item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 .3125rem
    }
    .contents-15__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.ecommerce-1__content__block,
.ecommerce-1__content__filter {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.contents-16 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    background: url(../blocks/contents-16/images/ask-tv-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

.contents-16__content {
    border-radius: .375rem;
    padding: 7rem 1.25rem 5.1875rem;
    max-width: 34.6875rem;
    background-color: #fff
}

@media screen and (max-width:89.9375em) {
    .contents-16__content {
        margin: 0 auto
    }
}

.contents-16__title {
    margin: 0 auto 1.25rem;
    max-width: 20.3125rem;
    text-align: center;
    color: #43484d
}

.contents-16__subheading {
    margin: 0 auto 5rem;
    max-width: 24.6875rem;
    text-align: center;
    color: #5e6977
}

.contents-16__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contents-16__more__link {
    position: relative;
    display: block;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.contents-16__more__link:focus,
.contents-16__more__link:hover {
    color: #3582c1
}

.contents-16__more__icon {
    display: inline-block;
    vertical-align: middle;
    margin: -.125rem 0 0 .3125rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.contents-16__more__hover:hover .contents-16__more__link,
.contents-16__more__link:focus .contents-16__more__link {
    fill: #3582c1
}

@media screen and (max-width:63.9375em) {
    .contents-16 {
        border-bottom: solid .0625rem #eee;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .contents-16__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .contents-16__content {
        padding: 5rem 1.875rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-16 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .contents-16__content {
        padding: 3.75rem 1.25rem
    }
}

.contents-17 {
    background: url(../blocks/contents-17/images/ask-table-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

.contents-17__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
}

.contents-17__content {
    border-radius: .375rem;
    padding: .75rem 5.4375rem 5rem;
    width: 34.375rem;
    background: #fff
}

.contents-17__image {
    max-width: 100%
}

.contents-17__title {
    margin-bottom: 3.4375rem;
    text-align: center;
    color: #43484d
}

.contents-17__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.contents-17__more__link {
    position: relative;
    display: block;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.contents-17__more__link:focus,
.contents-17__more__link:hover {
    color: #3582c1
}

.contents-17__more__icon {
    display: inline-block;
    vertical-align: middle;
    margin: -.125rem 0 0 .3125rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.contents-17__more__hover:hover .contents-17__more__link,
.contents-17__more__link:focus .contents-17__more__link {
    fill: #3582c1
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .contents-17 {
        background: url(../blocks/contents-17/images/ask-table-bg-2x.png) 50% 0 no-repeat;
        background-size: cover
    }
}

@media screen and (max-width:74.9375em) {
    .contents-17__container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:63.9375em) {
    .contents-17 {
        border-bottom: solid .0625rem #eee
    }
    .contents-17__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-17__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .contents-17__content {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

.contents-18 {
    background-color: #f4f4f4
}

.contents-18__container {
    position: relative;
    padding-top: 15rem;
    padding-bottom: 12.1875rem
}

.contents-18__logo {
    position: relative;
    overflow: hidden;
    margin: 0 auto 2.5rem;
    border-radius: 1.5625rem;
    padding: 2.0625rem 0 0 1.5625rem;
    width: 6.25rem;
    height: 6.25rem;
    background: -webkit-linear-gradient(316deg, #50b4ac 0, #38a1c1 66%, #358ed7 100%) no-repeat #38a1c1;
    background: linear-gradient(134deg, #50b4ac 0, #38a1c1 66%, #358ed7 100%) no-repeat #38a1c1
}

.contents-18__logo__circle {
    position: absolute;
    left: 1.3125rem;
    top: -.25rem;
    border-radius: 50%;
    width: 8.375rem;
    height: 8.375rem;
    background-image: -webkit-linear-gradient(316deg, #0b3835 0, #358ed7 100%);
    background-image: linear-gradient(134deg, #0b3835 0, #358ed7 100%)
}

.contents-18__logo__svg {
    position: relative;
    z-index: 10;
    width: 3.6875rem;
    height: 1.75rem;
    fill: #fff
}

.contents-18__title {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #43484d
}

.contents-18__subheading {
    margin: 0 auto 3.75rem;
    max-width: 34.6875rem;
    text-align: center;
    color: #5e6977
}

.contents-18__app {
    display: block;
    margin: 0 auto 1rem;
    max-width: 10.5rem;
    text-align: center
}

.contents-18__app__svg {
    width: 10.5rem;
    height: 3rem;
    fill: #000;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.contents-18__app__svg:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.contents-18__require {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1875rem;
    text-align: center;
    color: #86939e
}

@media screen and (max-width:89.9375em) {
    .contents-18__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .contents-18__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-18__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.contents-19 {
    border-bottom: solid .0625rem #eee
}

.contents-19__container {
    padding-top: 6.25rem;
    padding-bottom: 7.5rem;
    text-align: center
}

.contents-19__tag {
    margin-bottom: 1.75rem;
    text-align: center;
    color: #86939e
}

.contents-19__title {
    margin-bottom: .875rem;
    text-align: center;
    color: #43484d
}

.contents-19__subheading {
    margin: 0 auto 3.625rem;
    max-width: 37.5rem;
    text-align: center;
    color: #5e6977
}

.contents-19__slider {
    position: relative;
    margin-bottom: 3.875rem
}

.contents-19__slide {
    padding-right: 3.125rem;
    padding-left: 3.125rem
}

.contents-19__slide__image {
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: .375rem;
    height: auto;
    max-width: 46.875rem
}

.contents-19 .owl-nav .owl-next,
.contents-19 .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -1.0625rem;
    border-radius: 50%;
    width: 1.1875rem;
    height: 2.125rem;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.contents-19 .owl-nav .owl-next .icon,
.contents-19 .owl-nav .owl-prev .icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: #e1e8ee;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.contents-19 .owl-nav .owl-next:focus .icon,
.contents-19 .owl-nav .owl-next:hover .icon,
.contents-19 .owl-nav .owl-prev:focus .icon,
.contents-19 .owl-nav .owl-prev:hover .icon {
    fill: #43484d
}

.contents-19 .owl-nav .owl-next.disabled,
.contents-19 .owl-nav .owl-prev.disabled {
    opacity: .5;
    cursor: default
}

.contents-19 .owl-nav .owl-next.disabled .icon,
.contents-19 .owl-nav .owl-prev.disabled .icon {
    fill: #86939e
}

.contents-19 .owl-nav .owl-prev {
    left: -3.0625rem
}

.contents-19 .owl-nav .owl-prev .icon {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.contents-19 .owl-nav .owl-next {
    right: -3.0625rem
}

.contents-19 .owl-dots {
    position: absolute;
    left: 0;
    bottom: -3.875rem;
    padding: 1.3125rem 0 1rem;
    width: 100%;
    text-align: center
}

.contents-19 .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin: .125rem .3125rem;
    border-radius: 50%;
    width: .375rem;
    height: .375rem;
    background: #86939e;
    opacity: .2
}

.contents-19 .owl-dots .owl-dot.active {
    margin: 0 .1875rem;
    width: .625rem;
    height: .625rem;
    background: #7dc855;
    opacity: 1
}

.contents-19__button {
    margin: 1.125rem 0 0;
    padding-right: 2.1875rem;
    padding-left: 2.1875rem
}

@media screen and (max-width:89.9375em) {
    .contents-19 .owl-nav .owl-prev {
        left: 1rem
    }
    .contents-19 .owl-nav .owl-next {
        right: 1rem
    }
}

@media screen and (max-width:74.9375em) {
    .contents-19__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .contents-19__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .contents-19__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.ecommerce-1 {
    background-color: #f4f4f4
}

.ecommerce-1__content {
    padding-top: 11.125rem;
    padding-bottom: 3.75rem
}

.ecommerce-1__content__tag {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #86939e
}

.ecommerce-1__content__title {
    margin-bottom: 2.375rem;
    text-align: center;
    color: #43484d
}

.ecommerce-1__content__filter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 3.6875rem
}

.ecommerce-1__content__filter__button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 2rem;
    margin-bottom: .3125rem;
    border: .125rem solid transparent;
    border-radius: 6.25rem;
    padding: .8125rem 1.5625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.ecommerce-1__content__filter__button.is-active,
.ecommerce-1__content__filter__button:hover {
    outline: 0;
    border: .125rem solid #7dc855;
    color: #7dc855;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.ecommerce-1__content__filter__button:focus {
    outline: 0
}

.ecommerce-1__content__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3.375rem
}

.ecommerce-1__content__block__special {
    -ms-flex-preferred-size: 49.3%;
    flex-basis: 49.3%;
    margin-bottom: 1.125rem;
    border-radius: .375rem;
    padding-top: 5rem;
    padding-bottom: 5.625rem;
    max-height: 25rem;
    background-color: #7dc855
}

.ecommerce-1__content__block__special__tag,
.ecommerce-1__content__block__special__title {
    margin-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.ecommerce-1__content__block__special__tag {
    opacity: .6
}

.ecommerce-1__content__block__special__subheading {
    margin: 0 auto 3.125rem;
    max-width: 24.1875rem;
    text-align: center;
    color: #fff;
    opacity: .8
}

.ecommerce-1__content__block__special__buy {
    position: relative;
    display: block;
    margin: 0 auto;
    border: .125rem solid rgba(255, 255, 255, .2);
    border-radius: .375rem;
    padding: .8125rem 1.875rem .8125rem 3.5rem;
    width: 10.625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.ecommerce-1__content__block__special__buy__svg {
    position: absolute;
    left: 1.875rem;
    top: .8125rem
}

.ecommerce-1__content__block__special__buy__svg__icon {
    width: 1rem;
    height: 1rem;
    fill: rgba(255, 255, 255, .6)
}

.ecommerce-1__content__block__special__buy:hover {
    background: #fff;
    -webkit-transition: all linear .1s;
    transition: all linear .1s
}

.ecommerce-1__content__block__special__buy:hover .svg-icon {
    fill: #7dc855
}

.ecommerce-1__content__block__product {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.125rem;
    border-radius: .375rem;
    padding: 1.1875rem 1.125rem 1.25rem;
    height: 25rem;
    text-align: center;
    background-color: #fff;
    cursor: pointer
}

.ecommerce-1__content__block__product__image img {
    max-width: 100%;
    max-height: 100%
}

.ecommerce-1__content__block__product__title {
    margin-bottom: .625rem;
    color: #43484d
}

.ecommerce-1__content__block__product__price {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.ecommerce-1__content__block__product__hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: .375rem;
    padding-top: 7.5rem;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.ecommerce-1__content__block__product__hover__title {
    text-align: center;
    color: #fff
}

.ecommerce-1__content__block__product__hover__description {
    margin: 0 auto .625rem;
    max-width: 14.125rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #fff;
    opacity: .8
}

.ecommerce-1__content__block__product__hover__brand {
    margin-bottom: 2.375rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #fff;
    opacity: .8
}

.ecommerce-1__content__block__product__hover__price {
    margin-bottom: .625rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #fff
}

.ecommerce-1__content__block__product__hover__buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: .375rem;
    width: 9.875rem;
    height: 2.625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    background-color: #7dc855;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-1__content__block__product__hover__buy:hover {
    background-color: #fff;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-1__content__block__product:hover .hover-block {
    opacity: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.ecommerce-1__content__block__product:hover .text-block {
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.ecommerce-1__content__more {
    position: relative;
    display: block;
    margin: 0 auto;
    padding-left: 1rem;
    max-width: 10rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #358ed7
}

.ecommerce-1__content__more__svg {
    position: absolute;
    left: 0;
    top: 0;
    width: .9375rem;
    height: .9375rem;
    fill: #358ed7
}

.ecommerce-1__content__more:hover .svg-icon {
    fill: #7dc855
}

@media screen and (max-width:74.9375em) {
    .ecommerce-1__content__block__product {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%
    }
    .ecommerce-1__content__block__special {
        -ms-flex-preferred-size: 66%;
        flex-basis: 66%
    }
}

@media screen and (max-width:63.9375em) {
    .ecommerce-1__content__block__special {
        -ms-flex-preferred-size: 98%;
        flex-basis: 98%;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        max-height: none
    }
    .ecommerce-1__content__block__product {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%
    }
}

@media screen and (max-width:51.875em) {
    .ecommerce-1__content__filter {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .ecommerce-1__content__filter::after,
    .ecommerce-1__content__filter::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 2rem;
        height: 100%;
        background: -webkit-linear-gradient(left, #f4f4f4 10%, transparent);
        background: linear-gradient(to right, #f4f4f4 10%, transparent);
        z-index: 10
    }
    .ecommerce-1__content__filter::after {
        left: auto;
        right: 0;
        background: -webkit-linear-gradient(right, #f4f4f4 10%, transparent);
        background: linear-gradient(to left, #f4f4f4 10%, transparent)
    }
    .ecommerce-1__content__filter__button::first-child {
        margin-left: 3rem
    }
}

@media screen and (max-width:47.9375em) {
    .ecommerce-1__content__block__product,
    .ecommerce-1__content__block__special {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media screen and (max-width:22.5em) {
    .ecommerce-1__content {
        padding-top: 3.75rem
    }
}

.ecommerce-2 {
    border-bottom: solid .0625rem #eee
}

.ecommerce-2__container {
    padding-top: 5.3125rem;
    padding-bottom: 4.375rem;
    text-align: center
}

.ecommerce-2__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
    max-width: none
}

.ecommerce-2__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: .5rem;
    padding-left: .5rem;
    max-width: 50%;
    margin-bottom: 3.75rem
}

@media print,
screen and (min-width:48em) {
    .ecommerce-2__list {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
    .ecommerce-2__item {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.ecommerce-2__product {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    border-radius: .375rem;
    padding: .9375rem;
    max-width: 32.6875rem
}

.ecommerce-2__product__image {
    display: block;
    margin: 0 auto 1.3125rem;
    width: 100%;
    height: auto;
    max-width: 30.8125rem;
    max-height: 30.8125rem
}

.ecommerce-2__product__title {
    display: block;
    margin: 0 auto .6875rem;
    max-width: 25rem;
    text-align: center;
    color: #43484d
}

.ecommerce-2__product__colors {
    display: block;
    margin-bottom: .75rem;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.ecommerce-2__product__color {
    display: inline-block;
    vertical-align: middle;
    margin: .46875rem;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem
}

.ecommerce-2__product__price {
    display: block;
    text-align: center;
    color: #86939e
}

.ecommerce-2__more-link {
    display: inline-block;
    padding: .625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.ecommerce-2__more-link__icon {
    margin-right: .625rem;
    width: .9375rem;
    height: .9375rem;
    fill: #358ed7;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.ecommerce-2__more-link:focus,
.ecommerce-2__more-link:hover {
    color: #3582c1
}

.ecommerce-2__more-link:focus .ecommerce-2__more-link__icon,
.ecommerce-2__more-link:hover .ecommerce-2__more-link__icon {
    fill: #3582c1
}

@media screen and (max-width:63.9375em) {
    .ecommerce-2__container {
        padding-top: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .ecommerce-2__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:22.4375em) {
    .ecommerce-2__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.ecommerce-3 {
    position: relative;
    z-index: 99;
    overflow: hidden;
    margin-bottom: -1.375rem
}

.ecommerce-3__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1.0625rem;
    padding-bottom: 6.875rem
}

.ecommerce-3__scrollbutton {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99
}

.ecommerce-3__scrollbutton__link {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
    width: 2.8125rem;
    height: 2.8125rem;
    box-shadow: .0625rem .0625rem .0625rem rgba(0, 0, 0, .1);
    background: #fff;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.ecommerce-3__scrollbutton__link__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    margin: -.46875rem 0 0 -.28125rem;
    width: .5625rem;
    height: .9375rem;
    fill: #5e6977;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.ecommerce-3__scrollbutton__link:focus,
.ecommerce-3__scrollbutton__link:hover {
    background-color: #67b93c
}

.ecommerce-3__scrollbutton__link:focus .ecommerce-3__scrollbutton__link__icon,
.ecommerce-3__scrollbutton__link:hover .ecommerce-3__scrollbutton__link__icon {
    fill: #fff
}

.ecommerce-3__image {
    position: relative;
    max-width: 39.375rem
}

.ecommerce-3__image__item {
    width: 43.75rem
}

.ecommerce-3__image__item__buy {
    display: none;
    margin: 0 auto;
    max-width: 15.625rem;
    text-align: center
}

.ecommerce-3__image__slider__nav__left {
    position: absolute;
    left: 1.875rem;
    top: 45%;
    z-index: 9;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ecommerce-3__image__slider__nav__left__svg {
    width: 1rem;
    height: 1.75rem;
    fill: #ddd;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__image__slider__nav__left__svg:hover {
    fill: #86939e;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__image__slider__nav__right {
    position: absolute;
    right: 1.875rem;
    top: 45%;
    z-index: 9;
    cursor: pointer
}

.ecommerce-3__image__slider__nav__right__svg {
    width: 1rem;
    height: 1.75rem;
    fill: #ddd;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__image__slider__nav__right__svg:hover {
    fill: #86939e;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: 5.1875rem;
    padding-left: 4.125rem;
    max-width: 32.5rem
}

.ecommerce-3__info__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1.25rem;
    cursor: pointer
}

.ecommerce-3__info__rating__item {
    margin-right: .1875rem
}

.ecommerce-3__info__rating__item__svg {
    width: 1rem;
    height: 1rem;
    fill: #e1e8ee;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__rating__item.is-active svg {
    fill: #67b93c;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__title {
    margin-bottom: 1.25rem;
    color: #43484d
}

.ecommerce-3__info__subheading {
    margin-bottom: 1.875rem;
    color: #5e6977
}

.ecommerce-3__info__colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 2.5rem
}

.ecommerce-3__info__colors__item {
    margin-right: .9375rem;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__colors__item:hover {
    opacity: .8;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__colors__item.item-black {
    background-color: #333
}

.ecommerce-3__info__colors__item.item-darkgrey {
    background-color: #a8a4a1
}

.ecommerce-3__info__colors__item.item-brown {
    background-color: #ab9a89
}

.ecommerce-3__info__colors__item.item-grey {
    background-color: #eee
}

.ecommerce-3__info__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: solid .0625rem #e1e8ee;
    padding-bottom: 2.8125rem
}

.ecommerce-3__info__price__num {
    margin-right: 1.8125rem;
    color: #43484d
}

.ecommerce-3__info__price__col {
    margin-right: .625rem;
    width: 5.0625rem;
    height: 3.75rem
}

.ecommerce-3__info__price__col span {
    position: relative;
    display: block
}

.ecommerce-3__info__price__col .ui-widget-content .ui-spinner-down span,
.ecommerce-3__info__price__col .ui-widget-content .ui-spinner-up span {
    display: none
}

.ecommerce-3__info__price__col input {
    padding-right: 1.875rem;
    padding-left: 0;
    text-align: center;
    color: #5e6977
}

.ecommerce-3__info__price__col input:focus,
.ecommerce-3__info__price__col input:hover {
    border-color: #e1e8ee
}

.ecommerce-3__info__price__col .ui-widget-content {
    position: relative;
    border: none;
    height: 100%!important
}

.ecommerce-3__info__price__col .ui-widget-content .ui-spinner-input {
    margin: 0;
    height: 100%
}

.ecommerce-3__info__price__col .ui-widget-content .ui-spinner-up {
    position: absolute;
    right: 0;
    top: 0;
    border-bottom: solid .0625rem rgba(189, 188, 186, .25);
    width: 2.0625rem;
    height: 1.875rem;
    background: url(../blocks/ecommerce-3/images/arrow-up.png) 50% 50% no-repeat #e1e8ee;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__price__col .ui-widget-content .ui-spinner-up:hover {
    opacity: .6;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__price__col .ui-widget-content .ui-spinner-down {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.0625rem;
    height: 1.875rem;
    background: url(../blocks/ecommerce-3/images/arrow-down.png) 50% 50% no-repeat #e1e8ee;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__price__col .ui-widget-content .ui-spinner-down:hover {
    opacity: .6;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__price__buy {
    margin-bottom: 0
}

.ecommerce-3__info__fav-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2.6875rem
}

.ecommerce-3__info__fav-share__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-right: solid .0625rem #e1e8ee;
    padding-right: 2.5rem
}

.ecommerce-3__info__fav-share__left__title {
    margin-right: 1.25rem;
    padding-top: .1875rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e
}

.ecommerce-3__info__fav-share__left__star {
    outline: 0
}

.ecommerce-3__info__fav-share__left__star__svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #86939e;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__fav-share__left__star__svg.is-active {
    fill: #67b93c;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__fav-share__left__star__svg:hover {
    fill: #525b64;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__fav-share__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 2.5rem
}

.ecommerce-3__info__fav-share__right__title {
    margin-right: 1.5625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e
}

.ecommerce-3__info__fav-share__right__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ecommerce-3__info__fav-share__right__social__item {
    margin-right: 1.75rem
}

.ecommerce-3__info__fav-share__right__social__item__svg {
    fill: #86939e;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__fav-share__right__social__item__svg:hover {
    fill: #50555b;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-3__info__fav-share__right__social__item__svg.item-facebook {
    width: .6875rem;
    height: 1.25rem
}

.ecommerce-3__info__fav-share__right__social__item__svg.item-twitter {
    width: 1.3125rem;
    height: 1.125rem
}

.ecommerce-3__info__fav-share__right__social__item__svg.item-googleplus {
    width: 1.5625rem;
    height: 1rem
}

.ecommerce-3 .owl-item {
    opacity: 0
}

.ecommerce-3 .owl-item.center {
    opacity: 1
}

.home_language_switch {
    display: none;
}

@media screen and (max-width:89.9375em) {
    .ecommerce-3__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding-bottom: 6.25rem
    }
    .ecommerce-3__info {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        padding-right: 0;
        padding-left: 0
    }
    .ecommerce-3__image__item {
        width: 37.5rem
    }
}

@media screen and (max-width:74.9375em) {
    .ecommerce-3__image__item {
        width: 31.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .ecommerce-3__container {
        padding-bottom: 5rem
    }
    .ecommerce-3__image__item {
        width: 25rem
    }
}

@media screen and (max-width:47.9375em) {
    .ecommerce-3__image__slider__nav__left {
        left: 20%
    }
    .ecommerce-3__image__slider__nav__right {
        right: 20%
    }
    .ecommerce-3__image__item__buy {
        display: none
    }
    .ecommerce-3__info {
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}

@media screen and (max-width:26.875em) {
    .ecommerce-3__info__fav-share,
    .ecommerce-3__info__price {
        display: -webkit-box;
        display: -ms-flexbox;
        -webkit-box-direction: normal
    }
    .ecommerce-3__info {
        max-width: 18.75rem
    }
    .ecommerce-3__info__price {
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .ecommerce-3__info__price__buy {
        margin: 1.25rem auto 0
    }
    .ecommerce-3__info__fav-share {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .ecommerce-3__info__fav-share__left {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-bottom: 1.25rem;
        border: none;
        padding: 0
    }
    .ecommerce-3__info__fav-share__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        align-self: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0
    }
}

.features-3__container,
.features-7,
.features-9 {
    border-bottom: solid .0625rem #eee
}

@media screen and (max-width:25em) {
    .ecommerce-3__image__slider__nav {
        display: none
    }
}

@media screen and (max-width:22.4375em) {
    .ecommerce-3__info__item {
        padding-right: 0;
        padding-left: 0;
        max-width: 20rem
    }
    .ecommerce-3__info__price {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .ecommerce-3__info__fav-share__right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        width: 100%
    }
    .ecommerce-3__info__fav-share__right__title {
        margin: 0 0 1.25rem
    }
    .ecommerce-3__info__fav-share__right__social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
    .ecommerce-3__info__fav-share__right__social__item {
        margin-right: 0
    }
    .ecommerce-3__container {
        padding-bottom: 3.75rem
    }
    .ecommerce-3__image__item {
        width: 18.75rem
    }
}

.ecommerce-4__container {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 1.875rem
}

.ecommerce-4__nav__next,
.ecommerce-4__nav__prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer
}

.ecommerce-4__title {
    margin: 0 0 3.75rem;
    text-align: center;
    color: #43484d
}

.ecommerce-4__block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ecommerce-4__block__item__product {
    display: block;
    outline: 0;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s
}

.ecommerce-4__block__item__product__image {
    display: block;
    margin: 0 0 1.25rem;
    border-radius: .375rem;
    width: 34.6875rem;
    height: 34.6875rem;
    background-color: #f2f2f2
}

.ecommerce-4__block__item__product__title {
    margin: 0 0 .625rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #43484d
}

.ecommerce-4__block__item__product__price {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #86939e
}

.ecommerce-4__block__item__product:hover {
    opacity: .8;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s
}

.ecommerce-4 .owl-dots {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 2.8125rem 0 0
}

.ecommerce-4 .owl-dot {
    margin: 0 .625rem 0 0;
    border-radius: 50%;
    width: .375rem;
    height: .375rem;
    background-color: rgba(134, 147, 158, .21)
}

.ecommerce-4 .owl-dot.active {
    width: .625rem;
    height: .625rem;
    background-color: #7dc855
}

.ecommerce-4__nav__prev {
    left: -4rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.ecommerce-4__nav__prev__svg {
    width: 1rem;
    height: 1.75rem;
    fill: #ddd;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-4__nav__prev__svg:hover {
    fill: #afafaf;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-4__nav__next {
    right: -4rem
}

.ecommerce-4__nav__next__svg {
    width: 1rem;
    height: 1.75rem;
    fill: #ddd;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.ecommerce-4__nav__next__svg:hover {
    fill: #afafaf
}

@media screen and (max-width:89.9375em) {
    .ecommerce-4__block__item {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .ecommerce-4__block__item__product {
        margin: 0 0 1.25rem
    }
    .ecommerce-4__block__item__product__image {
        width: auto;
        height: auto
    }
    .ecommerce-4__nav__prev {
        left: .9375rem;
        top: 51%
    }
    .ecommerce-4__nav__next {
        right: .9375rem;
        top: 51%
    }
}

@media screen and (max-width:48em) {
    .ecommerce-4__block__item__product:last-child {
        display: none
    }
}

@media screen and (max-width:22.4375em) {
    .ecommerce-4__container {
        padding-top: 3.75rem
    }
    .ecommerce-4__nav__next,
    .ecommerce-4__nav__prev {
        display: none
    }
}

.features-1 {
    padding-top: 5.625rem;
    padding-bottom: .3125rem
}

.features-1__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features-1__item {
    margin-bottom: 5rem;
    max-width: 18.125rem
}

.features-1__item__title {
    margin-bottom: .625rem;
    text-align: center;
    color: #43484d
}

.features-1__item__text {
    margin: 0;
    text-align: center;
    color: #86939e
}

@media screen and (max-width:63.9375em) {
    .features-1 {
        padding-top: 5rem;
        padding-bottom: 0
    }
    .features-1__container {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .features-1__item {
        padding-right: .9375rem;
        padding-left: .9375rem;
        max-width: 20rem
    }
}

@media screen and (max-width:22.4375em) {
    .features-1 {
        padding-top: 3.75rem
    }
    .features-1__item {
        margin-bottom: 3.75rem
    }
}

.features-2 {
    overflow: hidden
}

.features-2__container {
    padding-top: 4.3125rem;
    padding-bottom: 6.625rem
}

.features-2__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features-2__list__item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .5625rem;
    height: 6.25rem;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.features-2__list__item__icon__svg {
    display: inline-block;
    vertical-align: middle;
    max-width: 4.6875rem;
    max-height: 4.6875rem
}

.features-2__list__item__icon--structure .features-2__list__item__icon__svg {
    width: 3.75rem;
    height: 3.6875rem
}

.features-2__list__item__icon--design .features-2__list__item__icon__svg {
    width: 4.5rem;
    height: 4.125rem
}

.features-2__list__item__icon--layers .features-2__list__item__icon__svg {
    width: 4.6875rem;
    height: 4.6875rem
}

.features-2__list__item__icon--great-fonts .features-2__list__item__icon__svg {
    width: 3.75rem;
    height: 3.5625rem
}

.features-2__list__item__title {
    margin: 0 auto .5625rem;
    max-width: 16.875rem;
    text-align: center;
    color: #43484d
}

.features-2__list__item__text {
    margin: 0 auto;
    max-width: 16.875rem;
    text-align: center;
    color: #86939e
}

.features-2__list__item:nth-child(4n-3) {
    clear: left
}

.footer-4::after,
.header-10__bottom__container::after,
.header-10__colors::after,
.header-10__top__container::after,
.header-4__bottom__container::after,
.header-7__slider,
.promo-6__platforms__inner::after,
.testimonials-5__top__slider::after,
.testimonials-5__top__slider__item::after {
    clear: both
}

@media screen and (max-width:63.9375em) {
    .features-2__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:48em) {
    .features-2__list {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .features-2__list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        margin-bottom: 1.875rem
    }
}

@media screen and (max-width:22.4375em) {
    .features-2__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .features-2__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.features-3__container {
    padding-top: 6.25rem;
    padding-bottom: 4.375rem
}

.features-3__tag {
    margin-bottom: 1.1875rem;
    text-align: center;
    color: #86939e
}

.features-3__title {
    margin-bottom: 2.6875rem;
    text-align: center;
    color: #43484d
}

.features-3__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.features-3__list__item {
    margin-bottom: 1.875rem
}

.features-3__list__item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .5625rem;
    height: 6.25rem;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.features-3__list__item__icon__svg {
    display: inline-block;
    vertical-align: middle;
    max-width: 4.6875rem;
    max-height: 4.6875rem
}

.features-3__list__item__icon--motion .features-3__list__item__icon__svg {
    width: 3.75rem;
    height: 3.6875rem
}

.features-3__list__item__icon--touch .features-3__list__item__icon__svg {
    width: 4.5rem;
    height: 4.125rem
}

.features-3__list__item__icon--data .features-3__list__item__icon__svg {
    width: 4.6875rem;
    height: 4.6875rem
}

.features-3__list__item__title {
    margin: 0 auto .5625rem;
    max-width: 16.875rem;
    text-align: center;
    color: #43484d
}

.features-3__list__item__text {
    margin: 0 auto;
    max-width: 16.875rem;
    text-align: center;
    color: #86939e
}

@media screen and (max-width:63.9375em) {
    .features-3__container {
        padding-top: 5rem;
        padding-bottom: 3.125rem
    }
}

@media screen and (max-width:48em) {
    .features-3__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

@media screen and (max-width:22.4375em) {
    .features-3__container {
        padding-top: 3.75rem;
        padding-bottom: 1.875rem
    }
    .features-3__title {
        margin-bottom: .9375rem
    }
}

.features-4 {
    padding-top: 6.25rem;
    padding-bottom: 7.5rem;
    text-align: center
}

.features-4__title {
    text-align: center;
    color: #43484d
}

.features-4__subheading {
    margin: 0 auto;
    max-width: 47.75rem;
    text-align: center;
    color: #5e6977
}

.features-4__tag {
    margin: 2.2rem 0 3.5rem;
    text-align: center;
    color: #86939e
}

.features-4__wrapper {
    margin: 0 auto;
    max-width: 36.5625rem
}

.features-4__item {
    margin-bottom: 3.5rem
}

.features-4__item__icon {
    margin-bottom: 2rem;
    max-width: 3.6875rem;
    max-height: 3rem
}

.features-7__block__item__icon__svg,
.features-7__block__item__image {
    max-height: 100%;
    max-width: 100%;
    display: block
}

.features-4__item__title {
    display: block;
    color: #43484d
}

.features-4__button {
    margin-bottom: 0
}

@media screen and (max-width:74.9375em) {
    .features-4 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .features-4 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .features-4 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.features-5__content {
    padding-top: 7.5rem;
    padding-bottom: 7.8125rem
}

.features-5__content__title {
    margin-bottom: .625rem;
    text-align: center;
    color: #43484d
}

.features-5__content__subheading {
    margin: 0 auto 3.75rem;
    max-width: 41rem;
    text-align: center;
    color: #5e6977
}

.features-5__content__image {
    margin-bottom: 3.75rem
}

.features-5__content__image__img {
    max-width: 100%
}

.features-5__content__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features-5__content__block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.features-5__content__block__item__left {
    margin-right: 1.75rem
}

.features-5__content__block__item__left__icon {
    padding-top: .625rem
}

.features-5__content__block__item__left__icon__svg {
    width: 3.4375rem;
    height: 2.75rem
}

.features-5__content__block__item__right__title {
    margin-bottom: .625rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    color: #43484d
}

.features-5__content__block__item__right__description {
    max-width: 14.375rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

@media screen and (max-width:74.9375em) {
    .features-5__content {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:47.9375em) {
    .features-5__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .features-5__content__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .features-5__content__block__item {
        margin-bottom: 1.5625rem
    }
}

@media screen and (max-width:22.4375em) {
    .features-5__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.features-6 {
    background: url(../blocks/features-6/images/ask-device-bg.jpg) 47% 100% no-repeat
}

.features-6__content {
    padding-top: 6.25rem;
    padding-bottom: 14.0625rem
}

.features-6__title {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #43484d
}

.features-6__subheading {
    margin: 0 auto 6.25rem;
    max-width: 46.875rem;
    text-align: center;
    color: #5e6977
}

.features-6__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features-6__columns__left .features-6__item {
    text-align: right
}

.features-6__columns__right .features-6__item {
    text-align: left
}

.features-6__item {
    margin-bottom: 2.1875rem;
    max-width: 15.6875rem
}

.features-6__item__icon {
    margin-bottom: 1.25rem
}

.features-6__item__icon__svg {
    fill: #ddd
}

.features-6__item__icon__svg--rectangles {
    width: 2.375rem;
    height: 1.8125rem
}

.features-6__item__icon__svg--charts {
    width: 2rem;
    height: 2.1875rem
}

.features-6__item__icon__svg--cloud {
    width: 2.375rem;
    height: 1.4375rem
}

.features-6__item__icon__svg--dialog {
    width: 2.4375rem;
    height: 1.8125rem
}

.features-6__item__icon__svg--globe {
    width: 2.125rem;
    height: 2.125rem
}

.features-6__item__icon__svg--infinity {
    width: 2.125rem;
    height: .9375rem
}

.features-6__item__title {
    margin-bottom: .625rem;
    color: #43484d
}

.features-6__item__text {
    margin: 0;
    color: #86939e
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .features-6 {
        background: url(../blocks/features-6/images/ask-device-bg-2x.png) 47% 100% no-repeat;
        background-size: 25% auto
    }
}

@media screen and (-webkit-min-device-pixel-ratio:2) and (max-width:90em),
screen and (min-resolution:192dpi) and (max-width:90em) {
    .features-6 {
        background-size: 35% auto
    }
}

@media screen and (max-width:74.9375em) {
    .features-6 {
        background-image: none
    }
    .features-6__content {
        padding-top: 6.25rem;
        padding-bottom: 4.0625rem
    }
    .features-6__description {
        margin-bottom: 1.875rem
    }
    .features-6__columns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .features-6__columns__left,
    .features-6__columns__right {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .features-6__columns__left .features-6__item,
    .features-6__columns__right .features-6__item {
        text-align: center
    }
    .features-6__item {
        width: 100%;
        max-width: none
    }
    .features-6__item__text {
        margin: 0 auto;
        max-width: 25rem
    }
}

@media screen and (max-width:63.9375em) {
    .features-6 {
        border-bottom: solid .0625rem #eee
    }
    .features-6__content {
        padding-top: 5rem;
        padding-bottom: 2.8125rem
    }
}

@media screen and (max-width:47.9375em) {
    .features-6__columns__left,
    .features-6__columns__right {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:22.4375em) {
    .features-6__content {
        padding-top: 3.75rem;
        padding-bottom: 1.5625rem
    }
}

.features-7 {
    padding-top: 6.25rem;
    padding-bottom: 3.125rem;
    background: url(../blocks/features-7/images/chart-01.png) 100% 50% no-repeat;
    background-size: 58% auto
}

.features-7__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features-7__tag {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #86939e
}

.features-7__title {
    margin-bottom: 5.3125rem;
    text-align: center;
    color: #43484d
}

.features-7__block {
    padding-top: 5.125rem
}

.features-7__block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4.1875rem;
    max-width: 24.0625rem
}

.features-7__block__item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -.4375rem;
    width: 5.3125rem;
    height: 5.3125rem
}

.features-7__block__item__icon--layers .features-7__block__item__icon__svg {
    width: 4.625rem;
    height: 4.125rem
}

.features-7__block__item__icon--design .features-7__block__item__icon__svg {
    width: 4.5rem;
    height: 4.125rem
}

.features-7__block__item__icon--structure .features-7__block__item__icon__svg {
    width: 3.75rem;
    height: 3.6875rem
}

.features-7__block__item__content {
    padding-left: 1.25rem
}

.features-7__block__item__title {
    margin-bottom: .625rem;
    color: #43484d
}

.features-7__block__item__text {
    margin: 0;
    color: #86939e
}

.features-7__block__item:last-child {
    margin-bottom: 0
}

.features-7__image {
    max-width: 38.0625rem
}

.features-7__image__img {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%
}

@media screen and (max-width:74.9375em) {
    .features-7 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
        background: 0 0
    }
    .features-7__wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .features-7__block {
        margin-bottom: 3.75rem;
        padding-top: 0
    }
}

@media screen and (max-width:63.9375em) {
    .features-7 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .features-7__wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .features-7__block {
        margin-bottom: 3.125rem;
        padding-top: 0
    }
}

.features-8__tag,
.features-8__title {
    margin-bottom: 1.25rem;
    text-align: center
}

@media screen and (max-width:22.4375em) {
    .features-7 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.features-8 {
    padding-top: 12.5rem;
    padding-bottom: 13.75rem;
    background: url(../blocks/features-8/images/time-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

.features-8__tag {
    color: rgba(255, 255, 255, .6)
}

.features-8__title {
    color: #fff
}

.features-8__subheading {
    margin: 0 auto 4.25rem;
    max-width: 39.875rem;
    text-align: center;
    color: rgba(255, 255, 255, .8)
}

.features-8__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features-8__block__item {
    max-width: 18.125rem
}

.features-8__block__item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.75rem
}

.features-8__block__item__icon__svg {
    fill: #fff
}

.features-8__block__item__icon--flag .features-8__block__item__icon__svg,
.features-8__block__item__icon--tools .features-8__block__item__icon__svg {
    width: 1.75rem;
    height: 2.125rem
}

.features-8__block__item__icon--sand-clock .features-8__block__item__icon__svg {
    width: 1.625rem;
    height: 2.125rem
}

.features-8__block__item__tag {
    margin-bottom: 1.0625rem;
    text-align: center;
    color: #fff
}

.features-8__block__item__text {
    margin: 0;
    text-align: center;
    color: rgba(255, 255, 255, .6)
}

@media screen and (max-width:74.9375em) {
    .features-8 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    .features-8__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .features-8__block__item {
        margin-bottom: 1.875rem
    }
    .features-8__block__item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:63.9375em) {
    .features-8 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .features-8 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .features-8 {
        background: url(../blocks/features-8/images/time-bg-2x.png) 50% 0 no-repeat;
        background-size: cover
    }
}

.features-9 {
    border-top: solid .0625rem #eee;
    background: url(../blocks/features-9/images/design-bg.png) 0 65% no-repeat;
    background-size: 45% auto
}

.features-9__content {
    position: relative;
    padding-top: 6.25rem;
    padding-bottom: 6.9375rem
}

.features-9__content__title {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #43484d
}

.features-9__content__subheading {
    margin: 0 auto 7.8125rem;
    max-width: 45rem;
    text-align: center;
    color: #5e6977
}

.features-9__content__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.features-9__content__block__items {
    border-left: solid .0625rem #e1e8ee;
    padding-left: 1.875rem;
    max-width: 25.625rem
}

.features-9__content__block__items__item {
    position: relative;
    margin-bottom: 5.9375rem
}

.features-9__content__block__items__item__number {
    position: absolute;
    left: -3rem;
    top: -.625rem;
    border: .125rem solid #e1e8ee;
    border-radius: 50%;
    padding: .5rem .6875rem;
    width: 2.1875rem;
    height: 2.1875rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e;
    background-color: #fff
}

.features-9__content__block__items__item__content__title {
    margin-bottom: .625rem;
    color: #43484d
}

.features-9__content__block__items__item__content__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.features-9__content__info {
    position: relative;
    top: -4.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 19.0625rem
}

.features-9__content__info__icon {
    position: relative;
    top: -.3125rem;
    margin-right: 1.25rem
}

.features-9__content__info__icon__svg {
    width: 1.875rem;
    height: 1.875rem
}

.features-9__content__info__text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3125rem;
    color: #86939e
}

@media screen and (max-width:89.9375em) {
    .features-9 {
        background-size: 55% auto
    }
    .features-9__content {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:74.9375em) {
    .features-9 {
        background-image: none
    }
    .features-9__content__block {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .features-9__content__info {
        display: none
    }
}

@media screen and (max-width:63.9375em) {
    .features-9__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .features-9__content__block__items {
        border-left: none;
        padding-left: 0
    }
    .features-9__content__block__items__item__number {
        display: none
    }
    .features-9__content__block__items__item__content {
        text-align: center
    }
    .features-9__content__block__items__item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:22.4375em) {
    .features-9__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .features-9 {
        display: none;
        background: url(../blocks/features-9/images/design-bg-2x.png) 0 65% no-repeat;
        background-size: 45% auto
    }
}

.features-10__content {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.features-10__content__tag {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #86939e
}

.features-10__content__title {
    margin: 0 auto 3.75rem;
    max-width: 54.0625rem;
    text-align: center;
    color: #43484d
}

.features-10__content__block {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5rem;
    border-top: solid .0625rem rgba(225, 232, 238, .5);
    padding-top: 2.5rem
}

.features-10__content__block__item {
    position: relative;
    max-width: 18.125rem
}

.features-10__content__block__item__number {
    position: absolute;
    left: 0;
    right: 0;
    top: -3.5625rem;
    margin: 0 auto;
    border: .125rem solid #e1e8ee;
    border-radius: 50%;
    padding: .5rem .6875rem;
    width: 2.1875rem;
    height: 2.1875rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e;
    background-color: #fff
}

.features-10__content__block__item__title {
    margin-bottom: .625rem;
    text-align: center;
    color: #43484d
}

.features-10__content__block__item__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #86939e
}

.features-10__content__button {
    position: relative;
    display: block;
    margin: 0 auto;
    padding-left: 5rem;
    width: 15.625rem;
    user-select: none
}

.features-11__list,
.features-12__items {
    display: -webkit-box;
    display: -ms-flexbox
}

.features-10__content__button::before {
    position: absolute;
    left: 3.125rem;
    border-top: solid .5rem transparent;
    border-bottom: solid .5rem transparent;
    border-left: solid .75rem #fff;
    width: 0;
    height: 0
}

@media screen and (max-width:74.9375em) {
    .features-10__content {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .features-10__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .features-10__content__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        margin-bottom: 0
    }
    .features-10__content__block__item {
        margin-bottom: 4.375rem
    }
}

.features-11__tag,
.features-11__title {
    margin-bottom: 1.25rem;
    text-align: center
}

@media screen and (max-width:22.4375em) {
    .features-10__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.features-11__container {
    padding-top: 6.25rem;
    padding-bottom: 7.5rem
}

.features-11__tag {
    color: #86939e
}

.features-11__title {
    color: #43484d
}

.features-11__subheading {
    margin: 0 auto 5rem;
    max-width: 43.75rem;
    text-align: center;
    color: #5e6977
}

.features-11__list {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
    max-width: none
}

.features-11__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    padding-right: .5rem;
    padding-left: .5rem;
    max-width: 33.33333%
}

@media print,
screen and (min-width:48em) {
    .features-11__list {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
    .features-11__item {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.features-11__item__image {
    position: relative;
    overflow: hidden;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    padding: .25rem;
    width: 5.625rem;
    height: 5.625rem;
    background-color: #fff
}

.features-11__item__image__img {
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4
}

.features-11__item__title {
    margin-bottom: .625rem;
    text-align: center;
    color: #43484d
}

.features-11__item__text {
    margin: 0 auto;
    max-width: 20rem;
    text-align: center;
    color: #86939e
}

@media screen and (max-width:74.9375em) {
    .features-11__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .features-11__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .features-11__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2.5rem
    }
    .features-11__item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:22.4375em) {
    .features-11__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.features-12 {
    background-color: #f4f4f4
}

.features-12__container {
    position: relative;
    padding-top: 8.75rem;
    padding-bottom: 7.8125rem
}

.features-12__title {
    margin: 0 auto 5.625rem;
    max-width: 46.875rem;
    text-align: center;
    color: #43484d
}

.features-12__items {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.features-12__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.333%;
    flex: 1 1 33.333%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1.875rem;
    max-width: 18.75rem
}

.features-12__item__image {
    margin-bottom: 2.5rem;
    box-shadow: 0 .125rem .25rem rgba(67, 72, 77, .2)
}

.features-12__item__description {
    max-width: 18.75rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #86939e
}

@media screen and (max-width:89.9375em) {
    .features-12__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .features-12__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .features-12__items {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .features-12__item {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

@media screen and (max-width:22.4375em) {
    .features-12__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.features-13 {
    position: relative;
    overflow: hidden;
    background-color: #838cc7
}

.features-13__container {
    padding-top: 7.8125rem;
    padding-bottom: 16.875rem
}

.features-13__image {
    position: absolute;
    right: 20%;
    top: 7.8125rem;
    z-index: 9999999999;
    width: 27.625rem;
    height: 48.4375rem
}

.features-13__image__img {
    height: auto
}

.features-13__slider {
    left: -16.5625rem;
    padding-top: 8.75rem
}

.features-13__slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features-13__slider__item__text {
    border: .125rem solid #fff;
    border-radius: .375rem;
    padding: 3.125rem;
    max-width: 34.6875rem
}

.features-13__slider__item__text__title {
    position: relative;
    margin-bottom: 1.25rem;
    padding-left: 3.75rem;
    color: #fff
}

.features-13__slider__item__text__title__icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.4375rem;
    height: 1.8125rem;
    fill: #fff
}

.features-13__slider__item__text__subheading {
    margin-bottom: 3.125rem;
    color: rgba(255, 255, 255, .8)
}

.features-13__slider__item__text__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.features-13__slider__item__text__buttons__more {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.125rem;
    flex: 0 0 14.125rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.features-13__slider__item__text__buttons__more__icon {
    display: inline-block;
    margin-right: .9375rem;
    border: .125rem solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    padding-left: .4375rem;
    width: 1.5625rem;
    height: 1.5625rem;
    font-weight: 31.25rem;
    font-size: 1rem;
    line-height: 1.1875rem;
    text-align: left;
    color: rgba(255, 255, 255, .5)
}

.features-13__slider__item__text__buttons__more:hover {
    color: #fff;
    opacity: .6;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.features-13__slider__item__text__buttons__download {
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.125rem;
    flex: 0 0 14.125rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    text-align: right;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.features-13__slider__item__text__buttons__download__svg {
    display: inline-block;
    margin-right: .9375rem;
    width: .8125rem;
    height: 1.5625rem;
    fill: rgba(255, 255, 255, .5)
}

.features-13__slider .owl-nav,
.footer-1 {
    display: -webkit-box;
    display: -ms-flexbox
}

.features-13__slider__item__text__buttons__download:hover {
    color: #fff;
    opacity: .6;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.features-13__slider .owl-item {
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.features-13__slider .owl-nav {
    position: absolute;
    left: 49.5%;
    bottom: -4.375rem;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.features-13__slider .owl-nav .owl-prev {
    position: relative;
    left: 0;
    bottom: 0;
    margin-right: .9375rem;
    border: .125rem solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: rgba(255, 255, 255, .05);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.features-13__slider .owl-nav .owl-prev__svg {
    position: absolute;
    left: calc(50% - 2px);
    top: calc(50% - 5.5px);
    width: .375rem;
    height: .6875rem;
    fill: #fff
}

.features-13__slider .owl-nav .owl-prev:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.features-13__slider .owl-nav .owl-next {
    position: relative;
    bottom: 0;
    border: .125rem solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: rgba(255, 255, 255, .05);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.features-13__slider .owl-nav .owl-next__svg {
    position: absolute;
    left: calc(50% - 2px);
    top: calc(50% - 5.5px);
    width: .375rem;
    height: .6875rem;
    fill: #fff
}

.features-13__slider .owl-nav .owl-next:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:106.25em) {
    .features-13__image {
        right: 0
    }
}

@media screen and (max-width:87.5em) {
    .features-13__image {
        right: -3.125rem
    }
}

@media screen and (max-width:67.5em) {
    .features-13__slider__item__text__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .features-13__slider__item__text__buttons__more {
        margin-bottom: 1.25rem
    }
    .features-13__slider__item__text__buttons__download {
        text-align: left
    }
}

@media screen and (min-width:106.25em) {
    .features-13 .owl-nav {
        left: 33.5%;
        bottom: -5.625rem
    }
}

@media screen and (max-width:89.9375em) {
    .features-13__container {
        padding-top: 6.25rem;
        padding-bottom: 14.375rem
    }
    .features-13__image {
        right: -9.375rem;
        top: 5rem
    }
}

@media screen and (max-width:74.9375em) {
    .features-13__container {
        padding-top: 5rem;
        padding-bottom: .625rem
    }
    .features-13__image {
        position: static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        height: auto
    }
    .features-13__slider {
        left: 0;
        padding-top: 0
    }
    .features-13__slider__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .features-13__slider__item__text {
        position: relative;
        margin-bottom: 5rem
    }
    .features-13__slider__item__text__buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .features-13__slider__item__text__buttons__more {
        margin-bottom: 1.875rem
    }
    .features-13__slider__item__text__buttons__download {
        text-align: left
    }
    .features-13__slider .owl-nav.owl-nav {
        left: 45%;
        top: 29.375rem;
        bottom: unset
    }
}

.footer-1,
.footer-2 {
    -webkit-box-pack: justify
}

@media screen and (max-width:63.9375em) {
    .features-13 .owl-nav.owl-nav {
        left: 45%;
        top: 26.875rem;
        bottom: unset
    }
}

@media screen and (max-width:48em) {
    .features-13__slider .owl-nav.owl-nav {
        left: calc(50% - 42.5px);
        top: 23.75rem;
        bottom: unset
    }
    .features-13__container {
        padding: 5rem 1rem
    }
}

@media screen and (max-width:36.875em) {
    .features-13__slider__item__text {
        border: none;
        padding-top: 0;
        padding-bottom: 2rem;
        margin-bottom: 0
    }
    .features-13__slider__item__text__subheading {
        margin-bottom: 1.5rem
    }
    .features-13__slider__item__text__buttons>a {
        display: block;
        width: 100%;
        text-align: left
    }
    .features-13__slider__item__text__buttons__more {
        margin-bottom: .75rem;
        margin-right: 1rem
    }
    .features-13__slider__item__text__buttons__download__svg {
        width: 1.5625rem;
        height: 1.5625rem
    }
    .features-13__slider .owl-nav.owl-nav {
        top: unset;
        position: relative;
        bottom: unset;
        margin-bottom: 5rem;
        left: 4.0625rem
    }
}

.footer-5__language .select,
.footer-5__language .select:active,
.footer-5__language .select:focus {
    border-right: .0625rem solid #ddd
}

@media screen and (max-width:35.3125em) {
    .features-13__slider .owl-nav.owl-nav {
        left: 3.125rem;
        bottom: unset
    }
}

@media screen and (max-width:22.5em) {
    .features-13__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.footer-1 {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.625rem 4.375rem 2.5rem
}

.footer-1__social,
.footer-2 {
    display: -webkit-box;
    display: -ms-flexbox
}

.footer-1__copyright {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #86939e
}

.footer-1__social {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer-1__social__item {
    display: block;
    margin-right: 1.25rem;
    line-height: .875rem
}

.footer-1__social__item__svg {
    fill: #86939e;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.footer-1__social__item__svg.item-01,
.footer-1__social__item__svg.item-02,
.footer-1__social__item__svg.item-03,
.footer-1__social__item__svg.item-04,
.footer-1__social__item__svg.item-05 {
    width: 1.1875rem;
    height: .75rem
}

.footer-1__social__item__svg:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:37.5em) {
    .footer-1 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .footer-1__copyright {
        margin-bottom: 1.25rem
    }
}

.footer-2 {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.8125rem 4.375rem
}

.footer-2__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0
}

.footer-2__label,
.footer-2__link {
    display: inline-block;
    margin-right: 1.875rem;
    padding: .5rem 0 .5625rem;
    line-height: 1.5625rem;
    vertical-align: middle
}

.footer-2__link {
    font-size: 1rem;
    white-space: nowrap;
    color: #86939e;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer-2__link:focus,
.footer-2__link:hover {
    color: #43484d
}

.footer-2__label {
    font-size: 1rem;
    color: #5e6977
}

.footer-2__button {
    margin: 0;
    padding: .8125rem 1.875rem;
    height: 2.625rem;
    background-color: #358ed7
}

.footer-2__button:focus,
.footer-2__button:hover {
    background-color: #2474b5
}

@media screen and (max-width:74.9375em) {
    .footer-2,
    .footer-2__left {
        -webkit-box-direction: normal
    }
    .footer-2 {
        -webkit-box-orient: vertical;
        -ms-flex-flow: column;
        flex-flow: column;
        padding-bottom: .9375rem
    }
    .footer-2__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-top: 1.6875rem;
        text-align: center
    }
    .footer-2__right {
        border-bottom: 1px solid #eee;
        padding-bottom: 1.875rem;
        text-align: center
    }
    .footer-2__link {
        margin: 0 .9375rem .9375rem
    }
}

@media screen and (max-width:47.9375em) {
    .footer-2__left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-2__link {
        margin-right: 0
    }
}

@media screen and (max-width:38.75em) {
    .footer-2__label {
        margin-right: 0
    }
}

@media screen and (max-width:22.5em) {
    .footer-2 {
        padding-right: 0;
        padding-left: 0
    }
    .footer-2__left__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-2__left__wrap a {
        margin-right: .625rem;
        font-weight: 400;
        font-size: .875rem;
        line-height: 1.1875rem;
        color: #86939e
    }
    .footer-2__left__wrap a:last-child {
        margin-right: 0
    }
    .footer-2__left>a {
        margin-bottom: 0
    }
    .footer-2__link {
        margin-left: 0
    }
}

.footer-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.5625rem 4.375rem;
    color: #86939e;
    background: #fff
}

.footer-3__logo {
    padding-right: 1rem
}

.footer-3__logo__icon {
    width: 3.4375rem;
    height: 3.125rem
}

.footer-3__copyright {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: .5rem
}

.footer-3__to-top {
    font-weight: 500;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer-3__to-top__icon {
    margin: -.125rem .25rem 0 .5rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer-4__menu__item__link,
.footer-6__top__menu__item__link {
    -webkit-transition: opacity .3s;
    text-align: center;
    white-space: nowrap
}

.footer-3__to-top:focus,
.footer-3__to-top:hover {
    color: #3582c1
}

.footer-3__to-top:focus .footer-3__to-top__icon,
.footer-3__to-top:hover .footer-3__to-top__icon {
    fill: #3582c1
}

@media screen and (max-width:63.9375em) {
    .footer-3__copyright,
    .footer-3__logo {
        margin-bottom: 1.875rem
    }
    .footer-3 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .footer-3__copyright {
        text-align: center
    }
}

@media screen and (max-width:47.9375em) {
    .footer-3 {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }
    .footer-3__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0
    }
    .footer-3__to-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 1.4375rem;
        padding-bottom: 1.4375rem;
        background-color: #f4f4f4
    }
}

.footer-4 {
    padding: 3rem 4.375rem 2.6875rem;
    background-color: #38a1c1
}

.footer-4::after,
.footer-4::before {
    display: table;
    content: ' '
}

.footer-4__left {
    float: left;
    font-size: 0
}

.footer-4__right {
    float: right
}

.footer-4__logo {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.4375rem;
    margin-right: 3.125rem;
    padding: .625rem 0
}

.footer-4__logo__icon {
    display: block;
    width: 7.5625rem;
    height: 1.375rem;
    fill: #fff
}

.footer-4__menu,
.footer-4__menu__item {
    display: inline-block;
    vertical-align: middle
}

.footer-4__menu {
    list-style: none;
    margin: .4375rem 0 0;
    font-size: 0
}

.footer-4__menu__item {
    margin-right: 2.0625rem
}

.footer-4__menu__item__link {
    display: block;
    padding: .8125rem .625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    opacity: 1;
    transition: opacity .3s
}

.footer-4__copyright,
.footer-5__copyright,
.footer-5__language__select,
.footer-5__menu__list__item__link {
    line-height: 1.5625rem;
    font-size: 1rem;
    font-weight: 400
}

.footer-4__menu__item__link:focus,
.footer-4__menu__item__link:hover {
    color: #fff;
    opacity: .6
}

.footer-4__menu__item:last-child {
    margin-right: 0
}

.footer-4__copyright {
    margin-top: .3125rem;
    padding: .53125rem 0;
    color: rgba(255, 255, 255, .6)
}

@media screen and (max-width:74.9375em) {
    .footer-4__menu__item {
        margin-right: .3125rem
    }
    .footer-4__menu__item:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:63.9375em) {
    .footer-4__left,
    .footer-4__right {
        float: none;
        text-align: center
    }
    .footer-4 {
        padding: 5rem 1rem
    }
    .footer-4__left {
        margin-bottom: 1.875rem
    }
    .footer-4__logo {
        display: block;
        margin: 0 auto 1.875rem;
        width: 7.5625rem
    }
    .footer-4__copyright,
    .footer-4__menu {
        margin: 0 auto;
        text-align: center
    }
}

@media screen and (max-width:22.4375em) {
    .footer-4 {
        padding: 3.125rem 0 2.5rem
    }
    .footer-4__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .footer-4__menu__item {
        display: block;
        margin: 0 0 .3125rem
    }
    .footer-4__menu__item:last-child {
        margin-bottom: 0
    }
    .footer-4__right {
        border-top: 1px solid #60b4cd;
        padding-top: 2.5rem
    }
    .footer-4__copyright {
        padding-top: 0;
        padding-bottom: 0
    }
}

.footer-5__container,
.footer-5__left,
.footer-5__right {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify
}

.footer-5__container {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.5rem 4.375rem
}

.footer-5__left,
.footer-5__right {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-5__language,
.footer-5__menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify
}

.footer-5__language {
    position: relative;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-5__language__icon {
    margin-top: .3125rem;
    margin-right: .3125rem;
    width: 2.5rem;
    height: 1.125rem;
    background: url(../blocks/footer-5/images/france-flag.png) no-repeat
}

.footer-5__language .select {
    position: relative;
    margin-right: 3.125rem;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    min-width: 8.75rem
}

.footer-5__language .select .select__icons__text__country {
    display: none!important
}

.footer-5__language .select .select-styled {
    padding-right: 2.5rem
}

.footer-5__language .select .select__icons__text {
    color: #86939e
}

.footer-5__language .select .select-options {
    position: absolute;
    top: unset;
    bottom: 4.375rem;
    min-width: unset
}

.footer-5__language .select .select-options::after {
    display: none
}

.footer-5__language__select {
    position: relative;
    top: -.5rem;
    margin-right: 1.875rem;
    border: none;
    border-right: solid .0625rem #ddd;
    padding-right: 2.5rem;
    color: #86939e;
    cursor: pointer
}

.footer-5__language__select:active,
.footer-5__language__select:focus {
    border: none;
    border-right: solid .125rem #ddd
}

.footer-5__language__arrow {
    position: absolute;
    right: 2.8125rem;
    top: .5rem;
    pointer-events: none
}

.footer-5__language__arrow__svg {
    width: .6875rem;
    height: .375rem;
    fill: #86939e
}

.footer-5__menu {
    padding-top: .5rem
}

.footer-5__menu__list {
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0
}

.footer-5__menu__list__item {
    margin-right: 1.875rem;
    text-align: center
}

.footer-5__menu__list__item__link {
    color: #86939e;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer-5__menu__list__item__link:focus,
.footer-5__menu__list__item__link:hover {
    color: #43484d
}

.footer-5__copyright {
    padding-top: .625rem;
    padding-right: 1.875rem;
    text-align: center;
    color: #86939e
}

.footer-5__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .625rem
}

.footer-5__social__item {
    margin-right: 1.5625rem
}

.footer-5__social__item__icon {
    width: 1.0625rem;
    height: 1.0625rem;
    fill: #86939e;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.footer-5__social__item__icon:hover {
    fill: #525b64;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:74.9375em) {
    .footer-5__container {
        display: block;
        padding-bottom: 2.625rem
    }
    .footer-5__left,
    .footer-5__right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-5 .select,
    .footer-5 .select:active,
    .footer-5 .select:focus {
        border-right: .0625rem solid transparent
    }
}

@media screen and (max-width:63.9375em) {
    .footer-5__left {
        display: block;
        margin-bottom: .625rem
    }
    .footer-5__right {
        display: block
    }
    .footer-5__language {
        margin-right: auto;
        margin-left: auto;
        padding-left: 1.25rem;
        max-width: 11.875rem
    }
    .footer-5__language__select {
        margin-right: 0;
        margin-bottom: 0;
        border-right: none
    }
    .footer-5__language__select:active,
    .footer-5__language__select:focus {
        border: none
    }
    .footer-5__language__arrow {
        right: 1.5625rem
    }
    .footer-5__menu__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-5__menu__list__item {
        margin: 0 .9375rem
    }
    .footer-5__copyright {
        padding-right: 0
    }
    .footer-5__social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: .625rem
    }
    .footer-5__social__item:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:22.5em) {
    .footer-5__left,
    .footer-5__menu__list,
    .footer-5__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .footer-5__container {
        padding: 2.5rem 0
    }
    .footer-5__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 0
    }
    .footer-5__language,
    .footer-5__right {
        display: -webkit-box;
        display: -ms-flexbox
    }
    .footer-5__right {
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 2.5rem
    }
    .footer-5__language {
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: .0625rem solid #eee;
        padding-bottom: 1.875rem;
        width: 17.8125rem;
        max-width: unset
    }
    .footer-5__language__icon {
        margin-right: 0;
        width: 1.625rem
    }
    .footer-5__language__select {
        width: auto
    }
    .footer-5__language__arrow {
        right: calc(50% - 51px)
    }
    .footer-5__menu {
        margin-top: 3.125rem;
        margin-bottom: 0;
        border-bottom: .0625rem solid #eee
    }
    .footer-5__menu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .footer-5__menu__list__item {
        margin-bottom: 2.5rem
    }
    .footer-5__social {
        margin-top: 1.25rem
    }
    .footer-5 .select,
    .footer-5 .select:active,
    .footer-5 .select:focus {
        border-right: none
    }
}

.footer-6 {
    position: relative;
    background-color: #5e6977
}

.footer-6::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1)
}

.footer-6__top {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid .0625rem rgba(255, 255, 255, .21);
    padding-top: 2.375rem;
    padding-bottom: 1.875rem
}

.footer-6__top__logo {
    margin-left: -.3125rem;
    padding: .5rem .3125rem .5625rem
}

.footer-6__top__logo__icon {
    display: block;
    width: 7.5625rem;
    height: 1.375rem;
    fill: #fff
}

.footer-6__top__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0
}

.footer-6__top__menu__item {
    margin-right: 2.5rem
}

.footer-6__top__menu__item__link {
    display: block;
    padding: .8125rem .625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    opacity: 1;
    transition: opacity .3s
}

.footer-6__top__menu__item__link:focus,
.footer-6__top__menu__item__link:hover {
    color: #fff;
    opacity: .6
}

.footer-6__top__menu__item:last-child {
    margin-right: 0
}

.footer-6__top__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: -.3125rem
}

.footer-6__top__social__link {
    margin-right: .9375rem;
    padding: .3125rem;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.footer-6__top__social__link__svg {
    display: block;
    fill: #fff;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.footer-6__top__social__link:last-child {
    margin-right: 0
}

.footer-6__top__social__link--facebook .footer-6__top__social__link__svg {
    width: .75rem;
    height: 1.375rem
}

.footer-6__top__social__link--twitter .footer-6__top__social__link__svg {
    width: 1.3125rem;
    height: 1.125rem
}

.footer-6__top__social__link--instagram .footer-6__top__social__link__svg {
    width: 1.375rem;
    height: 1.375rem
}

.footer-6__top__social__link:focus,
.footer-6__top__social__link:hover {
    opacity: .6
}

.footer-6__bottom {
    position: relative;
    z-index: 2;
    padding-top: 2.625rem;
    padding-bottom: 2.25rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3125rem;
    text-align: center;
    color: rgba(255, 255, 255, .7)
}

.footer-7__copyright,
.footer-7__list__item {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    letter-spacing: 0
}

@media screen and (max-width:47.9375em) {
    .footer-6__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .footer-6__top__logo {
        margin: 0 auto .9375rem
    }
    .footer-6__top__menu {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: .9375rem;
        width: 100%
    }
    .footer-6__top__social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto
    }
}

@media screen and (max-width:48em) {
    .footer-6__top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .footer-6__top__menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 1.5625rem
    }
    .footer-6__top__menu__item {
        display: block;
        margin: 0 auto;
        width: 100%
    }
}

.footer-7 {
    overflow: hidden
}

.footer-7__container {
    overflow: hidden;
    padding-top: 5rem;
    padding-bottom: 0
}

.footer-7__title {
    display: block;
    margin-bottom: .4375rem;
    color: #43484d
}

.footer-7__title a {
    color: #43484d
}

.footer-7__title:last-child {
    margin-bottom: 0
}

.footer-7__list {
    display: block;
    list-style: none;
    margin: .625rem 0 0;
    max-width: 14.375rem
}

.footer-7__list__item {
    display: block;
    margin-bottom: .1875rem;
    color: #86939e
}

.footer-7__list__item a {
    color: #86939e
}

.footer-7__list__item:last-child {
    margin-bottom: 0
}

.footer-7__list:first-child {
    margin-top: 0
}

.footer-7__top__column:last-child {
    text-align: right
}

.footer-7__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: none;
    margin-top: 3rem;
    border-top: solid .0625rem #eee;
    padding-top: 2.3125rem;
    padding-bottom: 2.3125rem
}

.footer-7__copyright {
    float: left;
    margin-right: 2.0625rem;
    color: #86939e
}

.footer-7__social {
    float: left;
    font-size: 0;
    line-height: 0
}

.footer-7__social__link {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.5625rem
}

.footer-7__social__link__icon {
    display: block;
    max-width: 1.0625rem;
    max-height: 1.0625rem;
    fill: #86939e;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.footer-7__social__link:last-child {
    margin-right: 0
}

.footer-7__social__link:focus .footer-7__social__link__icon,
.footer-7__social__link:hover .footer-7__social__link__icon {
    fill: #43484d
}

@media screen and (max-width:89.9375em) {
    .footer-7__container {
        max-width: 58.5rem
    }
    .footer-7__link,
    .footer-7__list__item {
        letter-spacing: 0
    }
    .footer-7__bottom {
        float: none;
        margin-top: 3rem;
        border-top: solid .0625rem #eee;
        padding-top: 2.3125rem;
        padding-bottom: 2.3125rem
    }
    .footer-7__copyright {
        margin-right: 0;
        letter-spacing: 0
    }
    .footer-7__social {
        float: right;
        margin-top: .25rem
    }
}

@media screen and (max-width:74.9375em) {
    .footer-7__container {
        max-width: 44.25rem
    }
}

@media screen and (max-width:47.9375em) {
    .footer-7 {
        background-color: #f4f4f4
    }
    .footer-7__container {
        overflow: visible;
        max-width: 22.125rem;
        text-align: center
    }
    .footer-7__top__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2.4375rem;
        text-align: center
    }
    .footer-7__top__column:last-child {
        margin-top: 0;
        margin-bottom: 0;
        border-top: solid .0625rem #eee;
        padding-top: 2.3125rem;
        text-align: center
    }
    .footer-7__link {
        margin-bottom: .625rem
    }
    .footer-7__list {
        margin: 0 auto;
        max-width: 15.3125rem
    }
    .footer-7__bottom {
        position: relative;
        margin-top: 2.5rem;
        border-top: none
    }
    .footer-7__bottom::before {
        content: "";
        position: absolute;
        left: -312.5rem;
        bottom: 0;
        width: 625rem;
        height: 10rem;
        background: #fff
    }
    .footer-7__copyright {
        position: relative;
        z-index: 3;
        float: none;
        margin-top: 3.625rem
    }
    .footer-7__social {
        position: absolute;
        left: 0;
        top: 2.4375rem;
        z-index: 3;
        float: none;
        margin: 0;
        width: 100%
    }
    .footer-7__social__link {
        margin-right: 2.4375rem
    }
    .footer-7__social__link__icon {
        max-width: 1.6875rem;
        max-height: 1.6875rem
    }
}

.footer-8 {
    background-color: #86939e
}

.footer-8__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.25rem
}

.footer-8__content__logo {
    padding-top: 1.9375rem
}

.footer-8__content__logo__svg {
    width: 2.625rem;
    height: 2.4375rem
}

.footer-8__content__social {
    display: none
}

.footer-8__content__menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding-top: 2.5rem
}

.footer-8__content__menu__list__item {
    margin-right: 2.5rem
}

.footer-8__content__menu__list__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: rgba(255, 255, 255, .6)
}

.footer-8__content__copyright {
    padding-top: 2.6875rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3125rem;
    color: rgba(255, 255, 255, .7)
}

@media screen and (max-width:47.9375em) {
    .footer-8__content,
    .footer-8__content__menu__list {
        -webkit-box-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .footer-8__container {
        padding-right: 0;
        padding-left: 0
    }
    .footer-8__content {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-top: 2.5rem
    }
    .footer-8__content__logo {
        margin-bottom: 3.75rem;
        padding-top: 0
    }
    .footer-8__content__menu {
        margin-bottom: 4.375rem
    }
    .footer-8__content__menu__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding-top: 0
    }
    .footer-8__content__menu__list__item {
        margin-right: 0;
        margin-bottom: 3.125rem
    }
    .footer-8__content__menu__list__item:last-child {
        margin-bottom: 0
    }
    .footer-8__content__copyright {
        margin-bottom: 1.25rem;
        border-top: .0625rem solid rgba(255, 255, 255, .2);
        width: 100%;
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5625rem;
        text-align: center
    }
    .footer-8__content__social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .footer-8__content__social__item {
        margin-right: 1.5625rem
    }
    .footer-8__content__social__item__svg {
        fill: #fff;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .footer-8__content__social__item__svg:hover {
        fill: #f4f4f4;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .footer-8__content__social__item__svg.svg-facebook {
        width: 1.0625rem;
        height: 1.0625rem
    }
    .footer-8__content__social__item__svg.svg-twitter {
        width: 1.0625rem;
        height: .875rem
    }
    .footer-8__content__social__item__svg.svg-instagram {
        width: 1.0625rem;
        height: 1.0625rem
    }
    .footer-8__content__social__item:last-child {
        margin-right: 0
    }
}

.footer-9 {
    border-bottom: solid .0625rem rgba(193, 193, 193, .3)
}

.footer-9__content__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5rem 0
}

.footer-9__content__top__item__title {
    margin-bottom: 1.25rem;
    color: #43484d
}

.footer-9__content__top__item__menu {
    list-style: none;
    margin: 0
}

.footer-9__content__top__item__menu__item {
    margin-bottom: .625rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.footer-9__content__top__item__menu__item__link {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.footer-9__content__top__item__menu__item__icon {
    margin-right: 1.75rem
}

.footer-9__content__top__item__menu__item.text {
    text-align: center
}

.footer-9__content__top__item__menu__item.social-block {
    margin-bottom: 1.25rem
}

.footer-9__content__top__item__menu__item.social-block .item-svg {
    fill: #86939e
}

.footer-9__content__top__item__menu__item.social-block .item-svg:hover {
    fill: #43484d
}

.footer-9__content__top__item__menu__item.social-block .item-google-plus .item-svg {
    width: 1.5625rem;
    height: 1rem
}

.footer-9__content__top__item__menu__item.social-block .item-facebook .item-svg {
    width: .6875rem;
    height: 1.25rem
}

.footer-9__content__top__item__menu__item.social-block .item-twitter .item-svg {
    width: 1.3125rem;
    height: 1.125rem
}

.footer-9__content__top__item__menu__item.social-block .item-instagram .item-svg {
    width: 1.125rem;
    height: 1.1875rem
}

.footer-9__content__top__item__menu__item.social-block .item-behance .item-svg {
    width: 1.375rem;
    height: .875rem
}

.footer-9__content__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2.375rem;
    padding-bottom: 2.5625rem
}

.footer-9__content__bottom__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0
}

.footer-9__content__bottom__menu__item {
    margin-right: 2.1875rem
}

.footer-9__content__bottom__menu__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.footer-9__content__bottom__copyright {
    padding-top: .625rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #86939e
}

.footer-9__bottom {
    border-top: solid .0625rem rgba(193, 193, 193, .31)
}

@media screen and (max-width:74.9375em) {
    .footer-9__content__top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .footer-9__content__top__item__title {
        text-align: center
    }
    .footer-9__content__top__item__menu {
        margin-right: .3125rem;
        margin-bottom: 2.1875rem;
        text-align: center
    }
    .footer-9__content__top__item__menu__item__icon {
        margin-right: .3125rem
    }
}

@media screen and (max-width:63.9375em) {
    .footer-9__content__bottom,
    .footer-9__content__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .footer-9__content__top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .footer-9__content__top__item {
        margin-bottom: 2.5rem
    }
    .footer-9__content__top__item:last-child,
    .footer-9__content__top__item__menu {
        margin-bottom: 0
    }
    .footer-9__content__bottom {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
}

@media screen and (max-width:64em) {
    .footer-9__content__bottom,
    .footer-9__content__bottom__menu,
    .footer-9__content__top__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .footer-9__container {
        padding: 0
    }
    .footer-9__content__top {
        padding-top: 3.75rem;
        padding-bottom: 0
    }
    .footer-9__content__top__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .footer-9__content__top__item__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0
    }
    .footer-9__content__top__item__menu {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 0 0 3.125rem;
        padding: 0 1.4375rem
    }
    .footer-9__content__top__item__menu .social-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }
    .footer-9__content__top__item__menu__item__icon {
        margin-right: 2.5rem
    }
    .footer-9__content__top__item__menu__item__icon.item-google-plus .item-svg.item-svg {
        width: 2.375rem;
        height: 1.5rem
    }
    .footer-9__content__top__item__menu__item__icon.item-facebook .item-svg.item-svg {
        width: 1.0625rem;
        height: 1.875rem
    }
    .footer-9__content__top__item__menu__item__icon.item-twitter .item-svg.item-svg {
        width: 2rem;
        height: 1.6875rem
    }
    .footer-9__content__top__item__menu__item__icon.item-instagram .item-svg.item-svg {
        width: 1.75rem;
        height: 1.75rem
    }
    .footer-9__content__top__item__menu__item__icon.item-behance .item-svg.item-svg {
        width: 2.0625rem;
        height: 1.3125rem
    }
    .footer-9__content__top__item__menu__item__icon .item-svg {
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .footer-9__content__top__item__menu__item__icon:last-child {
        margin-right: 0
    }
    .footer-9__content__top__item .text {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 0 2rem
    }
    .footer-9__content__top__item:last-child {
        padding-top: 2.5rem;
        padding-bottom: 0;
        width: 100%;
        background-color: #f4f4f4
    }
    .footer-9__content__top__item:nth-child(3) {
        margin-bottom: 0
    }
    .footer-9__content__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column;
        flex-flow: column;
        padding-bottom: 3.75rem;
        background-color: #f4f4f4
    }
    .footer-9__content__bottom__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 3.125rem
    }
    .footer-9__content__bottom__menu__item {
        margin-right: 0;
        margin-bottom: 2.5rem
    }
    .footer-9__content__bottom__menu__item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:22.5em) {
    .footer-9__content__top__item__menu .social-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .footer-9__content__top__item__menu__item__icon {
        margin: 0 0 1.5625rem
    }
}

.footer-10 {
    background-color: #f9f9f9
}

.footer-10__top__container {
    border-bottom: solid .0625rem #eee;
    padding-top: 4.375rem;
    padding-bottom: 3.75rem
}

.footer-10__bottom__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2.125rem;
    padding-bottom: 2.125rem
}

.footer-10__bottom__left {
    width: 9.375rem
}

.footer-10__bottom__right {
    width: 9.375rem;
    text-align: right
}

.footer-10__menu,
.footer-10__social,
.footer-10__title {
    text-align: center
}

.footer-10__title {
    margin-bottom: .3125rem;
    color: #43484d
}

.footer-10__address {
    margin-bottom: 2rem;
    text-align: center;
    color: #86939e
}

.footer-10__social__link {
    display: inline-block;
    vertical-align: middle;
    margin: .4375rem;
    padding: .3125rem;
    width: 1.6875rem;
    height: 1.6875rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.footer-10__social__link__icon {
    display: block;
    max-width: 1.0625rem;
    max-height: 1.0625rem;
    fill: #86939e;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.footer-10__social__link:focus,
.footer-10__social__link:hover {
    fill: #525b64
}

.footer-10__social__link:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.footer-10__menu {
    list-style: none;
    margin: 0;
    font-size: 0
}

.footer-10__menu__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .625rem
}

.footer-10__menu__item__link {
    display: block;
    padding: .5rem .625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #5e6977;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer-10__menu__item__link:focus,
.footer-10__menu__item__link:hover {
    color: #43484d
}

.footer-10__copyright {
    padding: .375rem 0;
    font-size: .875rem;
    line-height: 1.25rem
}

@media screen and (max-width:63.9375em) {
    .footer-10__menu__item {
        margin-right: 0;
        margin-left: 0
    }
}

@media screen and (max-width:47.9375em) {
    .footer-10__bottom__container {
        display: block
    }
    .footer-10__bottom__left {
        width: 100%
    }
    .footer-10__bottom__right {
        width: 100%;
        text-align: center
    }
    .footer-10__menu {
        margin-bottom: 1.25rem
    }
    .footer-10__menu__item {
        display: block;
        margin-bottom: .875rem
    }
    .footer-10__menu__item:last-child {
        margin-bottom: 0
    }
}

.footer-11,
.footer-12__top {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:22.4375em) {
    .footer-10__top__container {
        padding-top: 3.75rem
    }
    .footer-11__social {
        text-align: center
    }
}

.footer-11 {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem 4.375rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #fff;
    background: #86939e
}

.footer-11__logo {
    margin-right: 2rem
}

.footer-11__logo__icon {
    width: 2.875rem;
    height: 1.375rem;
    fill: #fff
}

.footer-11__contacts,
.footer-11__copyrights {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: .5rem
}

.footer-11__contacts a {
    color: #fff;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.footer-11__contacts a:focus,
.footer-11__contacts a:hover {
    opacity: .6
}

.footer-11__social__link {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.25rem;
    -webkit-transition: .3s;
    transition: .3s
}

.footer-11__social__link__icon {
    max-width: 1.0625rem;
    max-height: 1.0625rem;
    fill: #fff
}

.footer-11__social__link:focus,
.footer-11__social__link:hover {
    opacity: .5
}

@media screen and (max-width:74.9375em) {
    .footer-11__logo,
    .footer-11__social {
        margin-bottom: 1.25rem
    }
    .footer-11 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .footer-11__logo {
        margin-right: 0
    }
    .footer-11__contacts,
    .footer-11__copyrights {
        margin-bottom: 1.25rem;
        padding: 0 .5rem;
        text-align: center
    }
    .footer-11__social__link {
        margin-right: 0;
        margin-left: 1.25rem
    }
}

.footer-12__top {
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid .0625rem #e1e8ee;
    padding: 0 0 2.5rem
}

.footer-12__apps,
.footer-12__menu__list {
    display: -webkit-box;
    display: -ms-flexbox
}

.footer-12__bottom {
    padding: 1.875rem 0 5.3125rem
}

.footer-12__menu {
    padding: 4.0625rem 0 0
}

.footer-12__menu__list {
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style: none;
    margin: 0
}

.footer-12__menu__list__item {
    margin: 0 1.875rem 0 0
}

.footer-12__menu__list__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e
}

.footer-12__apps__title,
.footer-12__copyright,
.footer-13__content__description {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem
}

.footer-12__apps {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3.1875rem 0 0
}

.footer-12__apps__title {
    margin: 0 1.8125rem 0 0;
    color: #86939e
}

.footer-12__apps__link {
    border-radius: .375rem;
    padding: .4375rem .625rem;
    background-color: #86939e;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.footer-12__apps__link__svg {
    width: 6.125rem;
    height: 1.625rem;
    fill: #fff
}

.footer-12__apps__link:hover {
    opacity: .8;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.footer-12__copyright {
    color: #86939e
}

@media screen and (max-width:63.9375em) {
    .footer-12__bottom {
        padding-bottom: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .footer-12__top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .footer-12__menu__list__item {
        margin: 0 .625rem 0 0
    }
    .footer-12__menu__list__item:last-child {
        margin: 0
    }
    .footer-12__apps {
        padding: 3.75rem 0 0
    }
    .footer-12__copyright {
        text-align: center
    }
}

@media screen and (max-width:22.4375em) {
    .footer-12__bottom {
        padding-bottom: 3.75rem
    }
    .footer-12__menu {
        padding-top: 3.75rem
    }
}

.footer-13 {
    background-color: #545e6b
}

.footer-13__content__language__select,
.footer-13__content__language__select:active,
.footer-13__content__language__select:focus {
    border: none;
    background-color: transparent
}

.footer-13__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 3.75rem;
    padding-bottom: 5.625rem
}

.footer-13__content__logo {
    margin-right: 1.875rem
}

.footer-13__content__logo__icon {
    width: 4.25rem;
    height: 4.25rem;
    background-image: url(../blocks/footer-13/images/logo-blue.png);
    background-size: cover
}

.footer-13__content__description {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 4.125rem;
    max-width: 18.4375rem;
    color: rgba(255, 255, 255, .6)
}

.footer-13__content__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer-13__content__menu__column {
    margin-right: 4.375rem;
    min-width: 5rem
}

.footer-13__content__menu__column__title {
    margin-bottom: 1.25rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.125rem;
    color: #fff
}

.footer-13__content__language__select,
.footer-13__content__menu__column__list__item__link {
    font-weight: 400;
    line-height: 1.5625rem;
    color: rgba(255, 255, 255, .6);
    font-size: 1rem
}

.footer-13__content__menu__column__list {
    list-style: none;
    margin: 0
}

.footer-13__content__language {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -.5rem;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.footer-13__content__language:hover {
    opacity: .8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.footer-13__content__language__icon {
    position: absolute;
    left: 0;
    top: .3125rem;
    margin-right: .625rem;
    pointer-events: none
}

.footer-13__content__language__icon__svg {
    width: .9375rem;
    height: .9375rem;
    fill: #bdc6cf
}

.footer-13__content__language__select {
    padding: 0 0 0 1.5625rem;
    width: 9.375rem;
    cursor: pointer
}

.footer-13__content__language__select__item {
    color: #000;
    cursor: pointer
}

.footer-13__content__language__arrow {
    content: "";
    position: absolute;
    right: 0;
    top: 31%;
    z-index: 99;
    display: block;
    border-top: solid .3125rem rgba(255, 255, 255, .6);
    border-right: solid .3125rem transparent;
    border-left: solid .3125rem transparent;
    width: 0;
    height: 0;
    pointer-events: none
}

.footer-13__content__language__arrow.top-direction {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media screen and (max-width:74.9375em) {
    .footer-13__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .footer-13__content__logo {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-right: 0;
        margin-bottom: 1.875rem
    }
    .footer-13__content__description {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-right: 0;
        margin-bottom: 1.875rem;
        text-align: center
    }
    .footer-13__content__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 40%;
        text-align: center
    }
    .footer-13__content__menu__column {
        margin-right: 0
    }
    .footer-13__content__language {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-top: 1.875rem
    }
    .footer-13__content__language__select {
        margin-bottom: 0
    }
}

@media screen and (max-width:47.9375em) {
    .footer-13__content {
        padding-bottom: 5rem
    }
    .footer-13__content__logo {
        margin: 0 0 1.875rem
    }
    .footer-13__content__description {
        margin: 0 0 1.875rem;
        text-align: center
    }
    .footer-13__content__menu {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        text-align: center
    }
    .footer-13__content__menu__column {
        margin-right: .625rem
    }
    .footer-13__content__menu__column__list,
    .footer-13__content__menu__column__title {
        text-align: center
    }
}

@media screen and (max-width:64em) {
    .footer-13__container {
        padding: 0
    }
    .footer-13__content {
        padding-top: 2.5rem;
        padding-bottom: 2.1875rem
    }
    .footer-13__content__description {
        margin-bottom: 2.5rem
    }
    .footer-13__content__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 2.8125rem
    }
    .footer-13__content__menu__column {
        margin-right: 0;
        margin-bottom: 2.5rem
    }
    .footer-13__content__menu__column__list__item {
        margin-bottom: .625rem
    }
    .footer-13__content__menu__column:last-child {
        margin-bottom: 0
    }
    .footer-13__content__language {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
        border-top: .0625rem solid #43484d;
        padding-top: 2.5rem;
        width: 100%;
        cursor: auto
    }
    .footer-13__content__language__icon {
        left: calc(50% - 70px);
        top: 2.875rem
    }
    .footer-13__content__language__select {
        padding-left: 1.875rem
    }
    .footer-13__content__language__arrow {
        right: calc(50% - 65px);
        top: 3.5625rem
    }
}

.header-1 {
    background: url(../blocks/header-1/images/header-bg.png) no-repeat;
    background-size: cover
}

.header-1__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.75rem;
    padding-top: 3.25rem;
    padding-right: 4.375rem;
    padding-left: 4.375rem
}

.header-1__menu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-1__menu__wrap__logo {
    position: relative;
    display: block;
    margin-right: 1.9375rem;
    border-radius: 1rem;
    width: 4.375rem;
    height: 4.375rem;
    box-shadow: .125rem .125rem .1875rem rgba(0, 0, 0, .1);
    background-color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-1__menu__wrap__logo__svg {
    position: absolute;
    left: 1.0625rem;
    top: 1.5625rem;
    width: 2.625rem;
    height: 1.25rem;
    fill: #358ed7
}

.header-1__menu__wrap__logo:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-1__menu__store {
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-1__menu__store__svg {
    width: 7.3125rem;
    height: 1.9375rem;
    fill: #fff
}

.header-1__menu__store:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-1__menu__auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-1__menu__auth__share {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff
}

.header-1__menu__auth__share:hover {
    color: rgba(255, 255, 255, .6)
}

.header-1__menu__auth__sing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1.875rem;
    border: .0625rem solid rgba(255, 255, 255, .41);
    border-radius: .375rem;
    width: 7.1875rem;
    height: 2.625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-1__menu__auth__sing:hover {
    color: #358ed7;
    background-color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-1__container {
    position: relative
}

.header-1__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-1__block__text {
    padding-top: 10.625rem
}

.header-1__block__text__title {
    margin-bottom: 1.25rem;
    color: #fff
}

.header-1__block__text__subheading {
    margin-bottom: 3.75rem;
    max-width: 28.5625rem;
    color: rgba(255, 255, 255, .8)
}

.header-1__block__text__buttons__more {
    margin-right: 1.25rem;
    padding: 1.375rem 2.1875rem;
    background-color: rgba(255, 255, 255, .15)
}

.header-1__block__text__buttons__more:hover {
    background-color: rgba(255, 255, 255, .3)
}

.header-1__block__text__buttons__download {
    position: relative;
    padding: 1.3125rem 2.1875rem 1.3125rem 1.875rem;
    line-height: 1rem
}

.header-1__block__text__buttons__download__svg {
    display: inline-block;
    margin-top: -.3125rem;
    margin-right: 1.25rem;
    width: 1.0625rem;
    height: 1.375rem;
    fill: #fff
}

.header-1__block__image__img {
    width: 100%;
    max-width: 100%
}

.header-1__block__next {
    position: absolute;
    left: 0;
    bottom: 3.75rem;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-1__block__next__svg {
    width: 1rem;
    height: .625rem;
    fill: rgba(255, 255, 255, .5)
}

.header-1__block__next:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:80.625em) {
    .header-1__container {
        margin: 0;
        padding: 0 4.375rem;
        max-width: unset
    }
}

@media screen and (max-width:74.9375em) {
    .header-1 {
        background: #358ed7
    }
    .header-1__block__text {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
        padding-left: 0
    }
}

@media screen and (max-width:48em) {
    .header-1__block__next,
    .header-1__menu__auth__share,
    .header-1__menu__store {
        display: none
    }
    .header-1__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .header-1__block__text {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .header-1__block__text__subheading,
    .header-1__block__text__title {
        text-align: center
    }
    .header-1__menu__auth__sing {
        border: none;
        width: auto;
        height: auto;
        background: 0 0;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-1__menu__auth__sing:hover {
        color: rgba(255, 255, 255, .8);
        background: 0 0;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

@media screen and (max-width:29.375em) {
    .header-1__container {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .header-1__block__text__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .header-1__block__text__buttons__more {
        margin-right: 0
    }
}

@media screen and (max-width:22.5em) {
    .header-1__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        padding-right: .625rem;
        padding-left: .625rem
    }
    .header-1__block__text {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.header-2 .hamburger,
.header-3__hamburger__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.header-2 {
    position: relative;
    background-color: #358ed7
}

.header-2__top__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.5rem 4.375rem 0 2.5rem
}

@media screen and (max-width:22.4375em) {
    .header-2__top__container {
        padding: 2.5rem 4.375rem 3.75rem
    }
}

.header-2__top__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-2__bottom__container {
    padding-top: 7.5rem;
    padding-bottom: 11.25rem
}

.header-2__logo {
    float: left;
    margin-left: -.625rem;
    padding: .625rem .625rem .875rem
}

.header-2__logo__icon {
    display: block;
    width: 6.25rem;
    height: 1.125rem;
    fill: #fff
}

.header-2__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0 0 0 2.5rem
}

.header-2__menu__item {
    position: relative;
    margin-right: .9375rem
}

.header-2__menu__item__link {
    position: relative;
    display: block;
    padding: .8125rem .625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    white-space: nowrap;
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-2__menu__item__link__arrow {
    width: .5625rem;
    height: .3125rem;
    fill: #fff
}

.header-2__menu__item__link::after {
    display: none!important
}

.header-2__menu__item__link:focus,
.header-2__menu__item__link:hover {
    color: #fff;
    opacity: .6
}

.header-2__menu__item__submenu {
    position: absolute;
    left: -50%!important;
    z-index: 100;
    display: none;
    list-style: none;
    margin: 0;
    border: none;
    border-radius: .375rem;
    padding: .3125rem;
    min-width: 9.375rem;
    background-color: #fff
}

.header-2__menu__item__submenu__item__link {
    display: block;
    padding: .5625rem .625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    white-space: nowrap;
    color: #358ed7
}

.header-2__menu__item__submenu__item__link:focus,
.header-2__menu__item__submenu__item__link:hover {
    color: #2474b5
}

.header-2__menu__item__submenu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -.5rem;
    z-index: 999;
    display: block;
    margin: 0 auto;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    width: 0;
    height: 0
}

.header-2__menu__item .svg-wrap,
.header-2__menu__item.is-active .svg-wrap {
    position: absolute;
    right: .625rem;
    display: inline-block;
    width: .5625rem;
    height: .3125rem
}

.header-2__menu__item.is-dropdown-submenu-parent .header-2__menu__item__link {
    padding-right: 1.8125rem!important
}

.header-2__menu__item .svg-wrap {
    top: .8125rem;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: .28125rem .15625rem;
    transform-origin: .28125rem .15625rem
}

.header-2__menu__item.is-active .svg-wrap {
    top: 1.625rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: .28125rem .15625rem;
    transform-origin: .28125rem .15625rem
}

.header-2__account__log-in,
.header-2__account__sign-up {
    float: left;
    height: 2.625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    white-space: nowrap;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.header-2__account__log-in {
    margin-right: .9375rem;
    padding: .8125rem 1.0625rem;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-2__account__log-in:focus,
.header-2__account__log-in:hover {
    color: #fff;
    opacity: .6
}

.header-2__account__sign-up {
    border: .125rem solid rgba(223, 233, 244, .3);
    border-radius: .375rem;
    padding: .6875rem 1.875rem;
    -webkit-transition: border-color .3s, color .3s, background-color .3s;
    transition: border-color .3s, color .3s, background-color .3s
}

.header-2__account__sign-up:focus,
.header-2__account__sign-up:hover {
    border-color: #fff;
    color: #358ed7;
    background-color: #fff
}

.header-2__toggle {
    display: none
}

.header-2__title {
    margin: 0 auto;
    max-width: 42.5rem;
    text-align: center;
    color: #fff
}

.header-2__subheading {
    margin: .875rem auto 0;
    max-width: 38.75rem;
    text-align: center;
    color: rgba(255, 255, 255, .8)
}

.header-2__form {
    margin-top: 3.75rem;
    font-size: 0;
    text-align: center
}

.header-2__form__textbox {
    margin-right: 1.25rem;
    width: 22.5625rem
}

.header-2__form__button {
    margin: 0;
    padding-right: 2.1875rem;
    padding-left: 2.1875rem
}

.header-2 .hamburger-button {
    position: relative;
    display: none;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem
}

@media screen and (max-width:48em) {
    .header-2 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-2 .hamburger-button svg {
        display: block;
        width: 1.25rem;
        height: .875rem;
        fill: #fff
    }
    .header-2 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.header-2 .hamburger {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(74, 69, 74, .9)
}

.header-2 .hamburger__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.header-2 .hamburger__header__logo {
    margin-top: 2.8125rem;
    margin-bottom: 3.125rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-2 .hamburger__header__logo__svg {
    width: 7.5625rem;
    height: 1.375rem;
    fill: #fff
}

.header-2 .hamburger__header__logo:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-2 .hamburger__header__close {
    position: absolute;
    right: 3.125rem;
    top: 2.5rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-2 .hamburger__header__close__svg {
    width: .9375rem;
    height: .9375rem;
    fill: #fff
}

.header-2 .hamburger__header__close:hover {
    opacity: .7;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:22.5em) {
    .header-2 .hamburger__header__close {
        right: .9375rem;
        top: 2.5rem
    }
}

.header-2 .hamburger__menu__list {
    list-style: none;
    margin: 0
}

.header-2 .hamburger__menu__list__item {
    margin-bottom: 1.25rem;
    text-align: center
}

.header-2 .hamburger__menu__list__item__link {
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    color: #fff
}

.header-2 .hamburger__social {
    margin-bottom: 2.8125rem
}

.header-2 .hamburger__social__title {
    margin-bottom: .75rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #fff;
    opacity: .6
}

.header-2 .hamburger__social__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-2 .hamburger__social__block__item {
    margin-right: 1.875rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-2 .hamburger__social__block__item__svg {
    width: 1.4375rem;
    height: 1.4375rem;
    fill: #fff
}

.header-2 .hamburger__social__block__item:last-child {
    margin-right: 0
}

.header-2 .hamburger__social__block__item:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:89.9375em) {
    .header-2__bottom__container {
        padding-top: 6.25rem;
        padding-bottom: 11.25rem
    }
}

@media screen and (max-width:74.9375em) {
    .header-2__title {
        max-width: 38.75rem
    }
}

@media screen and (max-width:63.9375em) {
    .header-2__top__container {
        padding-right: 3.125rem;
        padding-left: 3.125rem
    }
    .header-2__menu {
        margin-left: .9375rem
    }
    .header-2__account__log-in,
    .header-2__menu__item {
        margin-right: .3125rem
    }
    .header-2__subheading,
    .header-2__title {
        max-width: 35rem
    }
    .header-2__form {
        margin-right: auto;
        margin-left: auto;
        max-width: 35.125rem
    }
    .header-2__form__textbox {
        display: block;
        margin: 0 0 .9375rem;
        width: 100%
    }
    .header-2__form__button {
        display: block;
        margin-top: 1.875rem;
        width: 100%
    }
    .header-2__bottom__container {
        padding-top: 5rem;
        padding-bottom: 10rem
    }
    .header-2__toggle__icon::after,
    .header-2__toggle__icon:hover::after {
        background: #fff;
        box-shadow: 0 .4375rem 0 #fff, 0 .875rem 0 #fff
    }
    .header-2__menu {
        display: none
    }
    .header-2__toggle {
        display: block;
        float: right;
        margin-right: -.5rem;
        outline: 0;
        border: .125rem solid rgba(223, 233, 244, 0);
        border-radius: .375rem;
        padding: .8125rem .5rem;
        -webkit-transition: border-color .3s;
        transition: border-color .3s
    }
    .header-2__toggle__icon {
        position: relative;
        vertical-align: middle;
        width: 1.625rem;
        height: 1rem;
        cursor: pointer;
        display: block
    }
    .header-2__toggle__icon::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: .125rem;
        content: ''
    }
    .header-2__toggle:focus,
    .header-2__toggle:hover {
        border-color: rgba(223, 233, 244, .3)
    }
}

@media screen and (max-width:48em) {
    .header-2__account {
        display: none
    }
}

@media screen and (max-width:22.5em) {
    .header-2__top__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 1rem;
        padding-bottom: 0;
        padding-left: 1rem
    }
    .header-2__bottom__container {
        padding-top: 3.75rem;
        padding-bottom: 8.75rem
    }
    .header-2__subheading,
    .header-2__title {
        max-width: 31.25rem;
        text-align: left
    }
    .header-2__form {
        max-width: none
    }
}

.header-3__hamburger,
.header-3__top {
    display: -webkit-box;
    display: -ms-flexbox
}

.header-3 {
    background: #fff
}

.header-3__top__hamburger::after,
.header-3__top__hamburger:hover::after {
    background: #43484d;
    box-shadow: 0 .375rem 0 #43484d, 0 .75rem 0 #43484d
}

.header-3__top {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.5rem 4.375rem 0
}

.header-3__top__hamburger {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 1.25rem;
    height: .875rem;
    cursor: pointer
}

.header-3__top__hamburger::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .125rem;
    content: ''
}

.header-3__top__button {
    margin-bottom: 0;
    border: .125rem solid rgba(53, 142, 215, .3);
    padding: .75rem 1.75rem;
    height: 2.625rem;
    color: #358ed7;
    background-color: #fff
}

.header-3__bottom__button,
.header-3__top__button:focus,
.header-3__top__button:hover {
    background-color: #358ed7;
    color: #fff
}

.header-3__bottom {
    padding: 5rem 0 8.4375rem;
    text-align: center
}

.header-3__bottom__icon {
    margin-bottom: 2.7rem;
    width: 3.4375rem;
    height: 2.75rem
}

.header-3__bottom__quote {
    margin: 0 auto;
    max-width: 50.9375rem
}

.header-3__bottom__button {
    margin-top: 3.75rem;
    margin-bottom: 0;
    height: auto
}

.header-3__bottom__button:focus,
.header-3__bottom__button:hover {
    background-color: #1779ba
}

.header-3__hamburger {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    padding-top: 10rem;
    background-color: #358ed7;
    opacity: 0
}

.header-3__hamburger__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-3__hamburger__middle {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-3__hamburger__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 4.375rem
}

.header-3__hamburger__list,
.header-3__hamburger__social__list {
    display: -webkit-box;
    display: -ms-flexbox;
    padding: 0;
    list-style: none
}

.header-3__hamburger__logo__svg {
    width: 3.4375rem;
    height: 3.125rem
}

.header-3__hamburger__list {
    display: flex;
    margin: 0 0 4.375rem
}

.header-3__hamburger__list__item {
    margin-right: 6.25rem
}

.header-3__hamburger__list__item__link {
    font-weight: 300;
    font-size: 3.25rem;
    line-height: 4.0625rem;
    letter-spacing: -.125rem;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-3__hamburger__list__item__link:hover {
    color: rgba(255, 255, 255, .55);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-3__hamburger__list__item:last-child {
    margin-right: 0
}

.header-3__hamburger__social {
    margin-bottom: 3.125rem
}

.header-3__hamburger__social__list {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.header-3__hamburger__social__list__item {
    margin-right: 3.125rem
}

.header-3__hamburger__social__list__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-3__hamburger__social__list__item:last-child {
    margin-right: 0
}

.header-3__hamburger__footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 2.5rem;
    text-align: center;
    color: rgba(255, 255, 255, .6)
}

.header-3__hamburger__close {
    position: absolute;
    left: 4.375rem;
    top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1);
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-3__hamburger__close__svg {
    width: 1rem;
    height: 1rem;
    fill: #fff
}

.header-3__hamburger__close:hover {
    border-color: transparent;
    background-color: transparent;
    opacity: .7;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-3__hamburger__hire {
    position: absolute;
    right: 4.375rem;
    top: 2.5rem;
    border: .125rem solid rgba(255, 255, 255, .3);
    border-radius: .375rem;
    padding: .8125rem 1.875rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-3__hamburger__hire:hover {
    color: #358ed7;
    background-color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:64em) {
    .header-3__hamburger__close {
        left: 1.25rem
    }
    .header-3__hamburger__list__item {
        margin-right: 4.375rem
    }
    .header-3__hamburger__list__item__link {
        font-size: 3rem
    }
}

@media screen and (max-width:48em) {
    .header-3__hamburger__list__item__link {
        font-size: 2.625rem
    }
}

@media screen and (max-width:40.625em) {
    .header-3__hamburger__close {
        left: 1.25rem;
        top: 2.5rem
    }
    .header-3__hamburger {
        padding-top: 7.8125rem
    }
    .header-3__hamburger__container {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin: 0;
        padding: 0
    }
    .header-3__hamburger__logo {
        display: none
    }
    .header-3__hamburger__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 4.375rem
    }
    .header-3__hamburger__list__item {
        margin-right: 0;
        margin-bottom: 2rem;
        text-align: center
    }
    .header-3__hamburger__list__item__link {
        font-size: 2.3125rem;
        line-height: 2.75rem
    }
    .header-3__hamburger__list__item:last-child {
        margin-bottom: 0
    }
    .header-3__hamburger__social__list__item {
        margin-right: 2.1875rem
    }
    .header-3__hamburger__footer {
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
        margin-bottom: 0;
        border-top: .0625rem solid rgba(255, 255, 255, .1);
        padding-top: 1.75rem;
        padding-bottom: 1rem
    }
    .header-3__hamburger__footer__title {
        margin: 0 auto;
        max-width: 14.5625rem
    }
    .header-3__hamburger__hire {
        right: 1.125rem;
        top: 1.1875rem
    }
}

.header-3 .hamburger-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .125rem solid #5e6977;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-4__top,
.header-5__top {
    display: -webkit-box;
    display: -ms-flexbox
}

.header-3 .hamburger-button svg {
    width: 1.25rem;
    height: .875rem;
    fill: #5e6977
}

.header-3 .hamburger-button:hover {
    border-color: transparent;
    background-color: transparent;
    opacity: .7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:89.9375em) {
    .header-3__bottom {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    .header-3__bottom__quote {
        margin: 0 auto;
        padding: 0 1.25rem;
        max-width: 50.9375rem
    }
}

@media screen and (max-width:63.9375em) {
    .header-3__top {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .header-3__bottom {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .header-3__bottom {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.header-4 {
    position: relative;
    background: url(../blocks/header-4/images/background.png) 100% 50% no-repeat #39add1;
    background-size: auto 100%
}

.header-4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url(../blocks/header-4/images/watch.png) 20.1% 50% no-repeat;
    background-size: auto 100%
}

.header-4__toggle__icon::after,
.header-4__toggle__icon:hover::after {
    background: #fff;
    box-shadow: 0 .4375rem 0 #fff, 0 .875rem 0 #fff
}

.header-4__top {
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.5rem 4.375rem 0
}

.header-4__top__left {
    float: left;
    font-size: 0;
    line-height: 0
}

.header-4__top__right {
    float: right;
    font-size: 0;
    line-height: 0
}

.header-4__bottom {
    position: relative;
    z-index: 1
}

.header-4__bottom__container {
    padding-top: 8.125rem;
    padding-bottom: 6.5625rem
}

.header-4__bottom__container::after,
.header-4__bottom__container::before {
    display: table;
    content: ' '
}

.header-4__bottom__content {
    float: right;
    max-width: 28.5625rem
}

.header-4__bottom__content__footer {
    position: relative;
    margin-top: 4.25rem;
    padding-top: 1.25rem
}

.header-4__logo {
    display: inline-block;
    margin-left: -.625rem;
    padding: .625rem
}

.header-4__logo__icon {
    display: block;
    width: 3.75rem;
    height: 1.75rem;
    fill: #fff
}

.header-4__menu,
.header-4__menu__item {
    display: inline-block;
    vertical-align: middle
}

.header-4__menu {
    list-style: none;
    margin: 0 4.375rem 0 0;
    font-size: 0;
    line-height: 0
}

.header-4__menu__item__link,
.header-5__menu__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    white-space: nowrap;
    text-align: center
}

.header-4__menu__item {
    margin-right: .3125rem
}

.header-4__menu__item__link {
    display: block;
    padding: .8125rem .625rem;
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-4__menu__item__link:focus,
.header-4__menu__item__link:hover {
    color: #fff;
    opacity: .6
}

.header-4__menu__item:last-child {
    margin-right: 0
}

.header-4__button {
    margin-right: .8125rem;
    margin-bottom: 0;
    padding: .75rem .625rem;
    height: 2.625rem
}

.header-4__notify {
    display: inline-block;
    vertical-align: middle;
    margin-right: .375rem;
    padding: .78125rem .4375rem;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-4__notify__icon {
    display: block;
    width: 1.0625rem;
    height: 1.0625rem;
    fill: #fff
}

.header-4__notify:focus,
.header-4__notify:hover {
    opacity: .6
}

.header-4__settings {
    display: inline-block;
    vertical-align: middle;
    margin-right: -.4375rem;
    padding: 1.15625rem .4375rem;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-4__settings__icon {
    display: block;
    width: 1.25rem;
    height: .3125rem;
    fill: #fff
}

.header-4__settings:focus,
.header-4__settings:hover {
    opacity: .6
}

.header-4__toggle {
    display: none;
    vertical-align: middle;
    border: .125rem solid rgba(223, 233, 244, 0);
    border-radius: .375rem;
    padding: .6875rem .375rem;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.header-4__toggle__icon {
    position: relative;
    vertical-align: middle;
    width: 1.625rem;
    height: 1rem;
    cursor: pointer;
    display: block
}

.header-4__toggle__icon::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: .125rem;
    content: ''
}

.header-4__go::before,
.header-5__scroll::before,
.header-7__slider__item::before {
    content: ""
}

.header-4__toggle:focus,
.header-4__toggle:hover {
    border-color: rgba(223, 233, 244, .3)
}

.header-4__title {
    margin-bottom: .875rem;
    color: #fff
}

.header-4__go__text,
.header-4__subheading {
    color: rgba(255, 255, 255, .8)
}

.header-4__go {
    position: relative;
    padding-right: 3.4375rem;
    max-width: 18rem
}

.header-4__go::before {
    position: absolute;
    left: 0;
    top: -1.25rem;
    width: 100%;
    height: .0625rem;
    background-color: rgba(255, 255, 255, .2)
}

.header-4__go__text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3125rem
}

.header-4__go__link {
    position: absolute;
    right: 0;
    top: .125rem;
    margin: 0 auto;
    border: .125rem solid rgba(255, 255, 255, .11);
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s
}

.header-4__go__link__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.34375rem;
    margin-left: -.125rem;
    width: .375rem;
    height: .6875rem;
    fill: #fff;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.header-4__go__link:focus,
.header-4__go__link:hover {
    border-color: #7dc855;
    background-color: #7dc855
}

.header-4 .hamburger-button {
    position: relative;
    display: none;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:48em) {
    .header-4 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-4 .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #fff
    }
    .header-4 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.header-4 .hamburger__header__close {
    right: 1.0625rem;
    top: 2.5rem
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .header-4 {
        background-image: url(../blocks/header-4/images/background@2x.png)
    }
}

@media screen and (max-width:74.9375em) {
    .header-4::before {
        background-position: 15% 50%;
        display: none
    }
    .header-4__bottom__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    .header-4__bottom__content {
        float: none;
        margin-right: auto;
        margin-left: auto;
        max-width: 31.25rem
    }
    .header-4__bottom__content__footer::before {
        left: 50%;
        margin-left: -8.4375rem
    }
    .header-4__subheading,
    .header-4__title {
        text-align: center
    }
    .header-4__go {
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (max-width:63.9375em) {
    .header-4::before {
        background-position: 10% 50%
    }
    .header-4__top {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .header-4__top__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-4__bottom__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:48em) {
    .header-4__button,
    .header-4__menu,
    .header-4__settings {
        display: none
    }
}

@media screen and (max-width:22.5em) {
    .header-4__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .header-4__toggle {
        display: inline-block
    }
    .header-4__bottom__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.header-5 {
    background: url(../blocks/header-5/images/header-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

.header-5__top {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2.75rem
}

.header-5__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: .0625rem 0 0;
    padding: 0
}

.header-5__menu__item {
    margin-right: .625rem
}

.header-5__menu__item__link {
    display: block;
    padding: .8125rem .625rem;
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-5__auth__login,
.header-6__top__menu__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    -webkit-transition: opacity .3s;
    text-align: center;
    white-space: nowrap
}

.header-5__menu__item__link:focus,
.header-5__menu__item__link:hover {
    color: #fff;
    opacity: .6
}

.header-5__menu__item:last-child {
    margin-right: 0
}

.header-5__logo {
    display: block;
    padding: .3125rem
}

.header-5__auth,
.header-5__buttons {
    display: -webkit-box;
    display: -ms-flexbox
}

.header-5__logo__icon {
    width: 7.5625rem;
    height: 1.375rem;
    fill: #fff
}

.header-5__auth {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: .0625rem 0 0
}

.header-5__auth__login {
    display: block;
    margin-right: .625rem;
    padding: .8125rem 1.25rem;
    color: #fff;
    opacity: 1;
    transition: opacity .3s
}

.header-5__auth__login:focus,
.header-5__auth__login:hover {
    color: #fff;
    opacity: .6
}

.header-5__auth__sign-up {
    margin: 0;
    padding: .6875rem 1.75rem;
    height: 2.625rem
}

.header-5__middle {
    margin: 0 auto;
    padding-top: 10.875rem;
    max-width: 36.5rem;
    text-align: center
}

.header-5__tag {
    margin-bottom: 1.25rem;
    color: rgba(255, 255, 255, .6)
}

.header-5__title {
    margin-bottom: 2.5rem;
    color: #fff
}

.header-5__buttons {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-5__buttons__watch {
    margin-right: 1.25rem
}

.header-5__buttons__watch__icon {
    margin-top: -.125rem;
    margin-right: 1.25rem;
    width: .75rem;
    height: 1.125rem;
    fill: #fff
}

.header-5__buttons__watch:active,
.header-5__buttons__watch:focus {
    outline: 0
}

.header-5__bottom {
    padding-top: 12.5rem;
    padding-bottom: 3.75rem
}

.header-5__video__popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    background: rgba(0, 0, 0, .9)
}

.header-5__video__popup__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.header-5__video__popup__item iframe {
    width: 70%;
    height: 65%
}

@media screen and (max-width:22.5em) {
    .header-5__video__popup__item iframe {
        height: 30%
    }
}

.header-5__video__popup__close {
    position: absolute;
    right: 3.75rem;
    top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 2.8125rem;
    height: 2.8125rem;
    background-color: #3b3d40;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-5__video__popup__close:hover {
    opacity: .8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-5__scroll,
.header-9__middle__info__button {
    -webkit-transition: border-color .3s, background-color .3s
}

.header-5__video__popup__close__svg {
    width: .8125rem;
    height: .8125rem;
    fill: #fff
}

@media screen and (max-width:47.9375em) {
    .header-5__video__popup__close {
        right: .9375rem;
        top: .9375rem
    }
}

.header-5__scroll {
    position: relative;
    display: block;
    margin: 0 auto;
    outline: 0;
    border: .125rem solid rgba(255, 255, 255, .2);
    border-radius: .875rem;
    width: 1.125rem;
    height: 1.75rem;
    background-color: rgba(255, 255, 255, .1);
    cursor: pointer;
    transition: border-color .3s, background-color .3s
}

.header-5__scroll::before {
    position: absolute;
    left: 50%;
    top: .375rem;
    margin-left: -.125rem;
    border-radius: .125rem;
    width: .25rem;
    height: .375rem;
    background-color: rgba(255, 255, 255, .6);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.header-5__scroll:focus,
.header-5__scroll:hover {
    border-color: #67b93c;
    background-color: #67b93c
}

.header-5__scroll:focus::before,
.header-5__scroll:hover::before {
    fill: #fff
}

.header-5 .hamburger-button {
    position: relative;
    display: none;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:48em) {
    .header-5 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-5 .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #fff
    }
    .header-5 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.header-5 .hamburger__header__close {
    left: 2.5rem;
    top: .9375rem
}

@media screen and (max-width:63.9375em) {
    .header-5__middle {
        padding-top: 8.75rem
    }
    .header-5__bottom {
        padding-bottom: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .header-5__buttons__watch,
    .header-5__menu {
        display: none
    }
    .header-5 {
        background-image: url(../blocks/header-5/images/header-bg-middle.jpg)
    }
    .header-5__top {
        position: absolute;
        left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 0;
        width: 100%
    }
    .header-5__logo {
        margin: 1rem 0 1.25rem 1.875rem
    }
    .header-5__auth {
        margin: 1rem 0!important
    }
    .header-5__middle {
        padding-top: 9.375rem
    }
    .header-5__bottom {
        padding-top: 1.875rem
    }
}

@media screen and (max-width:48em) {
    .header-5__top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
    .header-5__auth {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width:23.4375em) {
    .header-5__top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: .9375rem
    }
}

@media screen and (max-width:20em) {
    .header-5__top {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .header-5 .hamburger__header__close {
        left: 1.25rem;
        top: .9375rem
    }
}

@media screen and (max-width:22.5em) {
    .header-5__logo {
        margin-right: 0;
        margin-bottom: 1.25rem;
        margin-left: 0
    }
    .header-5__middle {
        padding-top: 7.5rem
    }
    .header-5__bottom {
        padding-bottom: 3.75rem
    }
}

.header-6 {
    background: url(../blocks/header-6/images/header-bg.jpg) 50% 0 no-repeat;
    background-size: cover
}

.header-6__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3.125rem 4.375rem 0
}

.header-6__top__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 11.875rem
}

.header-6__top__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header-6__top__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 11.875rem
}

.header-6__top__logo {
    display: block;
    margin-left: -.3125rem;
    padding: .5rem .3125rem .75rem
}

.header-6__top__logo__icon {
    display: block;
    width: 8rem;
    height: 1.375rem;
    fill: #fff
}

.header-6__top__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0
}

.header-6__top__menu__item {
    margin-right: .25rem
}

.header-6__top__menu__item__link {
    display: block;
    padding: .8125rem .625rem;
    color: #fff;
    opacity: 1;
    transition: opacity .3s
}

.header-6__top__menu__item__link:focus,
.header-6__top__menu__item__link:hover {
    color: #fff;
    opacity: .6
}

.header-6__top__menu__item:last-child {
    margin-right: 0
}

.header-6__top__auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-6__top__auth__search {
    position: relative;
    margin-right: 1.125rem
}

.header-6__top__auth__search__form {
    position: absolute;
    right: 2.625rem;
    top: 0;
    width: 0
}

.header-6__top__auth__search__form__item {
    display: block;
    margin-bottom: 0;
    border: none;
    border-bottom: .125rem solid rgba(255, 255, 255, .2);
    border-radius: 0;
    padding: .3125rem 1.25rem .3125rem 1.875rem;
    height: 2.625rem;
    max-width: 100%;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .5);
    background-color: transparent
}

.header-6__top__auth__search__form__item:focus,
.header-6__top__auth__search__form__item:hover {
    border: none;
    border-bottom: .125rem solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .5);
    background-color: transparent
}

.header-6__top__auth__search__form__item::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.header-6__top__auth__search__form__item:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.header-6__top__auth__search__form__item::placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.header-6__top__auth__search__form.is-hidden {
    display: none
}

.header-6__top__auth__search__icon {
    z-index: 99;
    display: block;
    padding: .75rem;
    line-height: 0;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-6__top__auth__search__icon__svg {
    width: 1.125rem;
    height: 1.125rem;
    fill: #fff
}

.header-6__top__auth__search__icon:focus,
.header-6__top__auth__search__icon:hover {
    opacity: .6
}

.header-6__top__auth__login {
    margin: 0;
    padding: .6875rem 1.75rem;
    height: 2.625rem;
    min-width: 7.25rem
}

.header-6__middle {
    padding-top: 6.25rem;
    text-align: center
}

.header-6__middle__title {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #fff
}

.header-6__middle__subheading {
    margin: 0 auto 3rem;
    max-width: 28.125rem;
    text-align: center;
    color: rgba(255, 255, 255, .8)
}

.header-6__middle__button {
    margin-bottom: 4.375rem;
    padding-right: .9375rem;
    padding-left: .9375rem;
    width: 22.25rem;
    max-width: 100%
}

.header-6__middle__button__icon {
    margin: -.3125rem 1.25rem 0 0;
    width: .625rem;
    height: 1.125rem;
    fill: #fff
}

.header-6__middle__alter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4.25rem
}

.header-6__middle__alter__line {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    border-bottom: solid .0625rem rgba(255, 255, 255, .2)
}

.header-6__middle__alter__line.item-01 {
    margin-right: 1.875rem
}

.header-6__middle__alter__line.item-02 {
    margin-left: 1.875rem
}

.header-6__middle__alter__text {
    margin-bottom: -.5rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3125rem;
    color: rgba(255, 255, 255, .7)
}

.header-6__bottom {
    padding-bottom: 5rem
}

.header-6__bottom__form {
    margin: 0 auto;
    width: 46.875rem
}

.header-6__bottom__form__row {
    margin-bottom: 0
}

.header-6__bottom__form__button,
.header-6__bottom__form__textbox {
    display: block;
    margin-bottom: 1rem;
    width: 100%
}

.header-6__bottom__form__textbox .textbox__input {
    border-color: rgba(255, 255, 255, .2);
    background-color: transparent
}

.header-6__bottom__description {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1875rem;
    text-align: center;
    color: rgba(255, 255, 255, .31)
}

.header-6 .hamburger-button {
    position: relative;
    display: none;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:64em) {
    .header-6 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-6 .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #fff
    }
    .header-6 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.header-6 .hamburger__header__close {
    right: .9375rem;
    top: 3.125rem
}

.header-6 .hamburger__search {
    text-align: center
}

.header-6 .hamburger__search__icon {
    z-index: 99;
    display: block;
    padding: .75rem;
    line-height: 0;
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-6 .hamburger__search__icon__svg {
    width: 1.125rem;
    height: 1.125rem;
    fill: #fff
}

.header-6 .hamburger__search__icon:focus,
.header-6 .hamburger__search__icon:hover {
    opacity: .6
}

.header-6 .hamburger__search__form {
    width: 0
}

.header-6 .hamburger__search__form__item {
    display: block;
    margin-bottom: 0;
    border: none;
    border-bottom: .125rem solid rgba(255, 255, 255, .2);
    border-radius: 0;
    padding: .3125rem 1.25rem .3125rem 3.125rem;
    height: 2.625rem;
    max-width: 100%;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .5);
    background-color: transparent
}

.header-6 .hamburger__search__form__item:focus,
.header-6 .hamburger__search__form__item:hover {
    border: none;
    border-bottom: .125rem solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .5);
    background-color: transparent
}

.header-6 .hamburger__search__form__item::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.header-6 .hamburger__search__form__item:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.header-6 .hamburger__search__form__item::placeholder {
    color: rgba(255, 255, 255, .5);
    opacity: 1
}

.header-6 .hamburger__search__form.is-hidden {
    display: none
}

@media screen and (max-width:74.9375em) {
    .header-6__top__left,
    .header-6__top__right {
        width: auto
    }
    .header-6__top__menu {
        display: none
    }
}

@media screen and (max-width:63.9375em) {
    .header-6__top {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
    .header-6__top__auth {
        display: none
    }
    .header-6__middle {
        padding-top: 5rem
    }
    .header-6__bottom__form {
        width: auto
    }
    .header-6__bottom__form__column,
    .header-6__bottom__form__row {
        margin-bottom: 1.875rem
    }
    .header-6__bottom__form__button,
    .header-6__bottom__form__textbox {
        margin-bottom: 0
    }
    .header-6__bottom__form__group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media screen and (max-width:22.5em) {
    .header-6 .hamburger__header__close {
        right: 1.25rem
    }
    .header-6__top {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }
    .header-6__middle {
        padding-top: 3.75rem
    }
    .header-6__middle__button {
        margin-bottom: 3.75rem
    }
    .header-6__bottom {
        padding-bottom: 3.75rem
    }
}

.header-7 {
    position: relative;
    border-bottom: solid .0625rem #eee
}

.header-7__top {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9
}

.header-7__top__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2.5rem;
    padding-right: 4.375rem;
    padding-left: 4.375rem
}

.header-7__bottom {
    background-color: #fff
}

.header-7__logo {
    width: 3.75rem;
    height: 1.75rem
}

.header-7__logo__icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: #fff
}

.header-7__slider {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #000
}

.header-7__slider__item {
    position: relative;
    height: 31.875rem;
    background-position: 50% 50%;
    background-size: cover
}

.header-7__slider__item::before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.header-7__slider__item__container {
    position: relative;
    z-index: 2;
    padding-top: 10rem;
    padding-bottom: 10.625rem
}

.header-7__slider__item__tag {
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7)
}

.header-7__slider__item__title {
    margin-top: 1.375rem;
    color: #fff
}

.header-7__slider__item__text {
    margin: .75rem 0 0;
    color: rgba(255, 255, 255, .6)
}

.header-7__slider__item__link {
    display: inline-block;
    margin-top: 2.25rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-7__slider__item__link__icon {
    margin-left: .75rem;
    width: .375rem;
    height: .6875rem;
    fill: #fff;
    opacity: .8
}

.header-7__slider__item__link:focus,
.header-7__slider__item__link:hover {
    color: #fff;
    opacity: .6
}

.header-7__slider .owl-dots {
    position: absolute;
    bottom: 3.75rem;
    border: .125rem solid rgba(255, 255, 255, .11);
    border-radius: .875rem;
    padding: .125rem .8125rem;
    font-size: 0;
    line-height: 0;
    background-color: rgba(255, 255, 255, .1)
}

.header-7__slider .owl-dot {
    display: inline-block;
    vertical-align: middle;
    padding: .3125rem;
    opacity: .3;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-7__slider .owl-dot span {
    display: block;
    border-radius: 50%;
    width: .625rem;
    height: .625rem;
    background-color: #fff
}

.header-7__slider .owl-dot.active,
.header-7__slider .owl-dot:focus,
.header-7__slider .owl-dot:hover {
    opacity: 1
}

.header-7__latest-post {
    padding: 1.4375rem 0 1.4375rem .5rem;
    text-align: center
}

.header-7__latest-post__button {
    display: inline-block;
    vertical-align: middle;
    margin-right: .9375rem;
    border: .0625rem solid rgba(53, 142, 215, .5);
    border-radius: 1.125rem;
    padding: .375rem 1.125rem;
    min-width: 7.5625rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3125rem;
    text-align: center;
    color: #358ed7;
    background: rgba(53, 142, 215, 0);
    cursor: pointer;
    -webkit-transition: color .3s, background-color .3s;
    transition: color .3s, background-color .3s
}

.header-7__latest-post__button:focus,
.header-7__latest-post__button:hover {
    color: #fff;
    background-color: #358ed7
}

.header-7__latest-post__link {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: .4375rem 1.625rem .4375rem .3125rem
}

.header-7__latest-post__link__text {
    display: block;
    overflow: hidden;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3125rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #86939e;
    -webkit-transition: color .3s;
    transition: color .3s
}

.header-7__latest-post__link__icon {
    position: absolute;
    right: .625rem;
    top: .6875rem;
    width: .375rem;
    height: .6875rem;
    fill: #86939e;
    opacity: .8;
    -webkit-transition: fill .3s, opacity .3s;
    transition: fill .3s, opacity .3s
}

.header-7__latest-post__link:focus .header-7__latest-post__link__text,
.header-7__latest-post__link:hover .header-7__latest-post__link__text {
    color: #6f7276
}

.header-7__latest-post__link:focus .header-7__latest-post__link__icon,
.header-7__latest-post__link:hover .header-7__latest-post__link__icon {
    color: #6f7276;
    opacity: 1
}

.header-7__hamburger {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .9);
    opacity: 0
}

.header-7__hamburger__header__close {
    position: absolute;
    right: 4.5rem;
    top: 2.5rem;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: #211f1d;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-7__hamburger__header__close__svg {
    position: absolute;
    left: .875rem;
    top: .875rem;
    width: .75rem;
    height: .75rem;
    fill: #fff
}

.header-7__hamburger__header__close:hover {
    opacity: .8;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:64em) {
    .header-7__hamburger__header__close {
        right: 2.8125rem;
        top: 2.5rem
    }
}

.header-7__hamburger__container {
    padding-top: 3.125rem
}

.header-7__hamburger__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0 0 6.25rem
}

.header-7__hamburger__list__item {
    margin-right: 2.8125rem
}

.header-7__hamburger__list__item__link {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #fff
}

@media screen and (max-width:22.5em) {
    .header-7__hamburger__header__close {
        right: 1.25rem;
        top: 2.5rem
    }
    .header-7__hamburger__list {
        margin-bottom: 4.375rem
    }
}

.header-7__hamburger__title {
    margin-bottom: 1.5625rem;
    max-width: 44.0625rem;
    font-weight: 300;
    font-size: 32px;
    line-height: 38px;
    color: #fff
}

@media screen and (max-width:47.9375em) {
    .header-7__hamburger__title {
        padding-right: 1.25rem;
        max-width: 38.125rem;
        font-size: 1.75rem
    }
}

@media screen and (max-width:34.375em) {
    .header-7__hamburger__container {
        padding-top: 1.875rem
    }
    .header-7__hamburger__list__item {
        margin-right: .9375rem
    }
    .header-7__hamburger__title {
        max-width: 90%
    }
}

@media screen and (max-width:22.5em) {
    .header-7__hamburger__title {
        font-size: 1.5625rem
    }
}

.header-7__hamburger__social__title {
    margin-bottom: .625rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #ddd
}

.header-7__hamburger__social__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-7__hamburger__social__block__item {
    margin-right: 1.875rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-7__hamburger__social__block__item__svg {
    width: 1.4375rem;
    height: 1.4375rem;
    fill: #fff
}

.header-7__hamburger__social__block__item:hover {
    opacity: .8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-7 .hamburger-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-7 .hamburger-button svg {
    width: 1.25rem;
    height: .875rem;
    fill: #fff
}

.header-7 .hamburger-button:hover {
    border-color: transparent;
    background-color: transparent;
    opacity: .7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-8__menu__trial,
.header-9__top__menu__list__item__link {
    -webkit-transition: color .3s;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem
}

.header-7__logo {
    left: .9375rem
}

.header-7__toggle {
    right: .9375rem
}

@media screen and (max-width:89.9375em) {
    .header-7__hamburger__container {
        padding-left: 3.75rem
    }
    .header-7__slider .owl-dots {
        bottom: 2.5rem
    }
}

@media screen and (max-width:80.625em) {
    .header-7__slider__item__container {
        padding-right: 4.375rem;
        padding-bottom: 4.375rem;
        padding-left: 4.375rem
    }
}

@media screen and (max-width:74.9375em) {
    .header-7__logo {
        top: 2.5rem
    }
    .header-7__toggle {
        top: 1.875rem
    }
    .header-7__slider__item__container {
        padding-top: 8.6875rem;
        padding-bottom: 4.375rem
    }
    .header-7__slider__item__title {
        margin-top: 1.1875rem;
        max-width: 19.6875rem
    }
    .header-7__slider__item__title br {
        display: none
    }
    .header-7__slider__item__text {
        margin-top: .875rem
    }
    .header-7__latest-post {
        padding-top: .8125rem;
        padding-bottom: .75rem
    }
}

@media screen and (max-width:63.9375em) {
    .header-7__slider__item__container,
    .header-7__top__container {
        padding-right: 2.8125rem;
        padding-left: 2.8125rem
    }
    .header-7__slider__item {
        max-height: 31.875rem
    }
    .header-7__slider__item__container {
        padding-top: 10rem
    }
}

@media screen and (max-width:64em) {
    .header-7__logo {
        top: 1.9375rem;
        width: 3.3125rem;
        height: 1.5625rem
    }
    .header-7__toggle {
        top: 1.1875rem
    }
    .header-7__slider__item__container {
        padding-top: 9.9375rem
    }
    .header-7__slider__item__link {
        margin-top: 2.125rem;
        margin-left: .125rem
    }
    .header-7__latest-post {
        white-space: nowrap
    }
    .header-7__latest-post__button {
        vertical-align: top;
        margin-right: .625rem;
        margin-left: -.9375rem;
        border: none;
        padding-right: 0;
        padding-left: 0;
        min-width: 0
    }
    .header-7__latest-post__button:focus,
    .header-7__latest-post__button:hover {
        color: #358ed7;
        background: 0 0
    }
    .header-7__latest-post__link {
        vertical-align: top;
        padding-left: 0;
        max-width: calc(100vw - 6.875rem)
    }
}

@media screen and (max-width:48em) {
    .header-7__latest-post {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .header-7__slider__item {
        height: 27.5rem
    }
    .header-7__slider__item__container {
        padding-top: 8.75rem
    }
}

@media screen and (max-width:22.5em) {
    .header-7__slider__item__container,
    .header-7__top__container {
        padding-right: 1.125rem;
        padding-left: 1.125rem
    }
    .header-7__slider__item {
        height: 30.625rem
    }
    .header-7__slider__item__container {
        padding-top: 10rem
    }
    .header-7 .owl-dots {
        bottom: 1.25rem
    }
}

.header-8 {
    background: url(../blocks/header-8/images/background.jpg) 50% 50%/cover no-repeat #fff;
    position: relative
}

.header-8::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(bottom, #fff 25%, transparent);
    background: linear-gradient(to top, #fff 25%, transparent)
}

.header-8__top__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.5rem 4.375rem 0
}

.header-8__middle__container {
    padding-top: 11.5625rem;
    padding-bottom: 9.0625rem;
    text-align: center
}

.header-8__bottom {
    z-index: 10
}

.header-8__bottom__container {
    padding-top: 3.75rem;
    padding-bottom: .75rem
}

.header-8__logo {
    display: block;
    margin-left: -.4375rem;
    padding: .4375rem
}

.header-8__logo__svg {
    display: block;
    width: 3.75rem;
    height: 1.75rem;
    fill: #86939e
}

.header-8__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-8__menu__trial {
    display: block;
    margin-right: .625rem;
    padding: .8125rem 1.25rem;
    color: #86939e;
    transition: color .3s
}

.header-8__menu__trial:focus,
.header-8__menu__trial:hover {
    color: #43484d
}

.header-8__menu__buy {
    display: block;
    margin: 0;
    padding: .6875rem 1.75rem;
    height: 2.625rem
}

.header-8__title {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #43484d
}

.header-8__subheading {
    margin: 0 auto 3.75rem;
    max-width: 42.8125rem;
    text-align: center;
    color: #5e6977
}

.header-8__button {
    display: inline-block;
    margin: 0;
    border: none;
    padding: 1.375rem 1.875rem;
    color: #fff;
    background: #358ed7
}

.header-8__button__text {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.25rem;
    padding-right: 1.4375rem
}

.header-8__button__text::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.6875rem;
    width: .125rem;
    height: 1.375rem;
    background-color: rgba(255, 255, 255, .3)
}

.header-8__button__price {
    display: inline-block;
    vertical-align: middle
}

.header-8__button:focus,
.header-8__button:hover {
    background-color: #2474b5
}

.header-8__used-by {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-8__used-by__text {
    margin-right: 1.25rem;
    color: #86939e
}

.header-8__used-by__line {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header-8__used-by__line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: .0625rem;
    background-color: rgba(67, 72, 77, .2)
}

.header-8__clients {
    overflow: hidden;
    height: 8.75rem;
    white-space: nowrap
}

.header-8__client {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0 1rem;
    height: 8.75rem;
    cursor: pointer
}

.header-8__client::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: -.0625rem;
    width: .0625rem;
    height: 8.75rem
}

.header-8__client__logo {
    max-width: 10.0625rem;
    max-height: 2.4375rem;
    text-align: center;
    fill: rgba(67, 72, 77, .5);
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.header-8__client__logo--google {
    width: 6.5rem;
    height: 2.125rem
}

.header-8__client__logo--github {
    width: 6.625rem;
    height: 1.8125rem
}

.header-8__client__logo--airbnb {
    width: 7.8125rem;
    height: 2.4375rem
}

.header-8__client__logo--flickr {
    width: 5.75rem;
    height: 1.75rem
}

.header-8__client__logo--vine {
    width: 5.5rem;
    height: 2.125rem
}

.header-8__client__logo--amazon {
    margin-top: .9375rem;
    width: 10.0625rem;
    height: 2rem
}

.header-8__client:focus .header-8__client__logo,
.header-8__client:hover .header-8__client__logo {
    fill: #43484d
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .header-8 {
        background: url(../blocks/header-8/images/background-2x.jpg) 50% 50%/cover no-repeat #fff;
        background-size: cover
    }
}

@media screen and (max-width:89.9375em) {
    .header-8__bottom__container {
        padding-right: 0;
        padding-left: 0
    }
    .header-8__used-by {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media screen and (max-width:74.9375em) {
    .header-8__middle__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    .header-8__bottom__container {
        padding-top: 0
    }
    .header-8__subheading {
        max-width: 37.5rem
    }
}

@media screen and (max-width:47.9375em) {
    .header-8__top__container {
        padding-right: 1rem;
        padding-left: 1rem
    }
    .header-8__middle__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .header-8__subheading {
        max-width: 30.625rem
    }
}

@media screen and (max-width:25em) {
    .header-8__menu {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .header-8__menu__buy {
        display: none
    }
}

@media screen and (max-width:22.5em) {
    .header-8__middle__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.header-9 {
    background: url(../blocks/header-9/images/header-bg.png) 50% 0 no-repeat;
    background-size: cover
}

.header-9__top {
    border-bottom: solid .0625rem rgba(255, 255, 255, .21)
}

.header-9__top__container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.header-9__top__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-9__top__menu {
    margin-left: -.625rem
}

.header-9__top__menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0
}

.header-9__top__menu__list__item {
    margin-right: .625rem
}

.header-9__top__menu__list__item__link {
    display: block;
    padding: .8125rem .625rem;
    color: #fff;
    transition: color .3s
}

.header-9__top__menu__list__item__link:focus,
.header-9__top__menu__list__item__link:hover {
    color: rgba(255, 255, 255, .6)
}

.header-9__top__menu__list__item:last-child {
    margin-right: 0
}

.header-9__top__logo {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: .5rem .625rem .75rem
}

.header-9__top__logo__svg {
    display: block;
    width: 7.5625rem;
    height: 1.375rem;
    fill: #fff
}

.header-9__top__auth {
    margin-right: -.625rem
}

.header-9__top__auth__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0
}

.header-9__top__auth__list__item {
    position: relative;
    margin-right: .625rem
}

.header-9__top__auth__list__item__link {
    display: block;
    padding: .8125rem .625rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #fff;
    -webkit-transition: color .3s;
    transition: color .3s
}

.header-9__top__auth__list__item__link--cart {
    position: relative;
    padding-right: 2.5rem
}

.header-9__top__auth__list__item__count,
.header-9__top__auth__list__item__link--cart__counter {
    position: absolute;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: .875rem;
    background-color: #7dc855
}

.header-9__top__auth__list__item__link--cart__counter {
    right: .625rem;
    top: .6875rem;
    overflow: hidden;
    padding: .1875rem 0;
    text-align: center;
    color: #fff
}

.header-9__top__auth__list__item__link:focus,
.header-9__top__auth__list__item__link:hover {
    color: rgba(255, 255, 255, .6)
}

.header-9__top__auth__list__item__count {
    right: -1.875rem;
    top: .1875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    cursor: pointer
}

.header-9__top__auth__list__item__count:hover {
    opacity: .7
}

.header-9__middle {
    padding-top: 5.625rem
}

.header-9__middle__title {
    margin: 0 auto;
    max-width: 35.75rem;
    text-align: center;
    color: #fff
}

.header-9__middle__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.5rem;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    width: 10.6875rem
}

.header-9__middle__info {
    position: relative;
    margin-right: 10.375rem;
    margin-bottom: 2.5rem
}

.header-9__middle__info__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header-9__middle__info__text {
    max-width: 12.5rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3125rem;
    color: rgba(255, 255, 255, .7)
}

.header-9__middle__info__text span {
    float: right;
    color: #fff
}

.header-9__middle__info__price {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3125rem;
    text-align: right;
    color: #fff
}

.header-9__middle__info__button {
    position: absolute;
    right: -4.375rem;
    top: .125rem;
    border: .125rem solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: rgba(255, 255, 255, .1);
    transition: border-color .3s, background-color .3s
}

.header-9__middle__info__button__svg {
    position: absolute;
    left: .875rem;
    top: .625rem;
    display: block;
    width: .375rem;
    height: .6875rem;
    fill: #fff;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.header-9__middle__info__button:focus,
.header-9__middle__info__button:hover {
    border-color: #7dc855;
    background-color: #7dc855
}

.header-9__middle__slider__wrap {
    position: relative;
    bottom: -4.875rem;
    margin-top: -4.875rem
}

.header-9__middle__slider .owl-stage {
    padding-bottom: .125rem
}

.header-9__middle__slider__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: .375rem;
    width: 22.5rem;
    height: 25rem;
    box-shadow: .0625rem .0625rem .1875rem .0625rem rgba(0, 0, 0, .25);
    background: #fff
}

.header-9__middle__slider__item__image img {
    border-radius: .375rem;
    max-width: 100%;
    max-height: 100%
}

.header-9__middle__slider__item__content {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-bottom: 1.875rem;
    padding-left: 1.875rem
}

.header-9__middle__slider__item__content__title {
    margin-bottom: .5rem;
    color: #43484d
}

.header-9__middle__slider__item__content__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.3125rem;
    text-align: left;
    color: #5e6977;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-9__middle__slider__item__content__link__svg {
    margin-top: -.1875rem;
    margin-left: .375rem;
    width: .375rem;
    height: .6875rem;
    fill: #5e6977
}

.header-9__middle__slider__item__content__link:focus,
.header-9__middle__slider__item__content__link:hover {
    color: #5e6977;
    opacity: .6
}

.header-9__middle__slider__nav {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    width: 100%;
    height: 100%
}

.header-9__middle__slider__nav__prev {
    position: absolute;
    left: -3.0625rem;
    top: 45%;
    cursor: pointer;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-9__middle__slider__nav__prev__svg {
    width: 1.1875rem;
    height: 2.125rem;
    fill: rgba(255, 255, 255, .7)
}

.header-9__middle__slider__nav__prev:hover {
    opacity: .5;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-9__middle__slider__nav__next {
    position: absolute;
    right: -2.0625rem;
    top: 45%;
    width: .625rem;
    height: .625rem;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-9__middle__slider__nav__next__svg {
    width: 1.1875rem;
    height: 2.125rem;
    fill: rgba(255, 255, 255, .7)
}

.header-9__middle__slider__nav__next:hover {
    opacity: .5;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-9 .hamburger-button {
    position: relative;
    display: none;
    border: .125rem solid #fff;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:48em) {
    .header-9 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-9 .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #fff
    }
    .header-9 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-9__top__auth {
        display: none
    }
}

.header-9 .hamburger__header__close {
    right: .9375rem;
    top: 1.5625rem
}

@media screen and (max-width:89.9375em) {
    .header-9__middle__slider__nav__prev {
        left: 0
    }
    .header-9__middle__slider__nav__next {
        right: 0
    }
}

@media screen and (max-width:74.9375em) {
    .header-9__container {
        padding-right: 0;
        padding-left: 0
    }
    .header-9__middle__slider__nav {
        display: none
    }
}

@media screen and (max-width:47.9375em) {
    .header-9 {
        background-image: url(../blocks/header-9/images/header-bg-middle.png)
    }
    .header-9__middle__info__wrap,
    .header-9__top__menu {
        display: none
    }
}

.header-10__bottom__container::after,
.header-10__bottom__container::before,
.header-10__middle__container::after,
.header-10__middle__container::before,
.header-10__top__container::after,
.header-10__top__container::before {
    display: table;
    content: ' '
}

@media screen and (max-width:40em) {
    .header-9__top__auth__list__item__count {
        top: .1875rem
    }
}

@media screen and (max-width:22.5em) {
    .header-9__middle {
        padding-bottom: 3.75rem
    }
    .header-9__top__inner {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-9__middle__slider__item {
        width: 16.25rem;
        height: 16.25rem
    }
    .header-9__middle__slider__item__image img {
        width: auto!important;
        height: auto!important;
        max-height: unset
    }
    .header-9__middle__button {
        margin-bottom: 2.5rem
    }
}

.header-10__top {
    position: relative;
    z-index: 9
}

.header-10__top__container {
    padding: 2.5rem 4.375rem
}

.header-10__top__left {
    float: left;
    font-size: 0
}

.header-10__top__right {
    float: right;
    font-size: 0
}

.header-10__cart__text,
.header-10__country__text,
.header-10__menu__item__link {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500
}

.header-10__middle__container {
    position: relative;
    padding-top: 7.875rem;
    padding-bottom: 9.875rem
}

.header-10__middle__container::after {
    clear: both
}

.header-10__middle__content {
    float: right;
    margin-right: 2.3125rem;
    max-width: 26.25rem
}

.header-10__bottom {
    border-top: solid .0625rem #eee;
    border-bottom: solid .0625rem #eee
}

.header-10__bottom__container {
    padding-top: 2.1875rem;
    padding-bottom: 1.8125rem
}

.header-10__bottom__left {
    float: left
}

.header-10__bottom__right {
    float: right
}

.header-10__logo {
    display: inline-block;
    vertical-align: middle;
    margin-left: -.625rem;
    padding: .625rem
}

.header-10__logo__icon {
    display: block;
    width: 7.5625rem;
    height: 1.375rem;
    fill: #43484d
}

.header-10__menu,
.header-10__menu__item {
    display: inline-block;
    vertical-align: middle
}

.header-10__menu {
    list-style: none;
    margin: 0 1.625rem 0 0;
    padding: 0
}

.header-10__menu__item {
    margin-right: .625rem
}

.header-10__menu__item__link {
    display: block;
    border: .125rem solid transparent;
    border-radius: .375rem;
    padding: .6875rem .5rem;
    color: #86939e;
    -webkit-transition: color .3s;
    transition: color .3s
}

.header-10__menu__item__link:focus,
.header-10__menu__item__link:hover {
    color: #43484d
}

.header-10__menu__item:last-child {
    margin-right: 0
}

.header-10__menu::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.25rem;
    width: .0625rem;
    height: 1.25rem;
    background: #e1e8ee
}

.header-10__country {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: .625rem;
    padding: .8125rem .625rem .8125rem 2.5rem
}

.header-10__country__flag {
    position: absolute;
    left: .3125rem;
    top: .6875rem;
    width: 1.4375rem;
    height: 1.125rem
}

.header-10__country__text {
    display: block;
    color: #86939e;
    -webkit-transition: color .3s;
    transition: color .3s
}

.header-10__country:focus .header-10__country__text,
.header-10__country:hover .header-10__country__text {
    color: #43484d
}

.header-10__cart {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: .8125rem 2.5rem .8125rem .625rem
}

.header-10__cart__text {
    display: block;
    color: #86939e;
    -webkit-transition: color .3s;
    transition: color .3s
}

.header-10__cart__counter {
    position: absolute;
    right: .625rem;
    top: .6875rem;
    overflow: hidden;
    border-radius: 50%;
    padding: .1875rem 0;
    width: 1.25rem;
    height: 1.25rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: .875rem;
    text-align: center;
    color: #fff;
    background-color: #7dc855
}

.header-10__cart:focus .header-10__cart__text,
.header-10__cart:hover .header-10__cart__text {
    color: #43484d
}

.header-10__cart:last-child {
    margin-right: -.625rem
}

.header-10__title {
    margin-bottom: .75rem;
    color: #43484d
}

.header-10__subheading {
    margin-bottom: 1.875rem;
    color: #5e6977
}

.header-10__image {
    position: absolute;
    left: -8.4375rem;
    top: -4rem;
    z-index: -1;
    margin-left: 4.375rem;
    width: 44.25rem;
    max-width: none
}

.header-10__colors {
    margin-bottom: 1.5625rem;
    font-size: 0
}

.header-10__colors::after,
.header-10__colors::before {
    display: table;
    content: ' '
}

.header-10__all-link,
.header-10__best-link,
.header-10__colors__item,
.header-10__label {
    display: inline-block;
    vertical-align: middle
}

.header-10__colors__item {
    margin: 0 .9375rem .9375rem 0;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-10__colors__item:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-10__button {
    padding-right: 2.1875rem;
    padding-left: 2.1875rem
}

.header-10__best-link {
    margin-left: -.3125rem;
    padding: .3125rem;
    color: #86939e;
    -webkit-transition: color .3s;
    transition: color .3s
}

.header-10__best-link__icon {
    margin-top: -.25rem;
    margin-right: .4375rem;
    width: 1rem;
    height: 1rem;
    fill: #7dc855
}

.header-10__best-link:focus,
.header-10__best-link:hover {
    color: #43484d
}

.header-10__label {
    padding: .3125rem 0;
    color: #86939e
}

.header-10__all-link {
    position: relative;
    margin-right: -.625rem;
    margin-left: .625rem;
    padding: .3125rem 3.375rem .3125rem .625rem;
    font-weight: 500;
    color: #358ed7
}

.header-10__all-link__arrow {
    position: absolute;
    right: .625rem;
    top: 0;
    border: .125rem solid rgba(53, 142, 215, .1);
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem
}

.header-10__all-link__arrow__icon {
    position: absolute;
    left: .8125rem;
    top: .625rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7
}

.header-10__all-link:focus,
.header-10__all-link:hover {
    color: #3582c1
}

.header-10__all-link:focus .header-10__all-link__arrow {
    border-color: rgba(53, 130, 193, .1)
}

.header-10__all-link:focus .header-10__all-link__arrow__icon {
    fill: #3582c1
}

.header-10 .hamburger-button {
    position: relative;
    display: none;
    border: .125rem solid #43484d;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:48em) {
    .header-10 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-10 .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #43484d
    }
    .header-10 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.header-10 .hamburger__header__close {
    right: .9375rem;
    top: 2.5rem
}

@media screen and (max-width:63.9375em) {
    .header-10__middle__container {
        text-align: center
    }
    .header-10__middle__content {
        float: none;
        margin-right: 0;
        max-width: none
    }
    .header-10__bottom__left,
    .header-10__bottom__right {
        float: none;
        text-align: center
    }
    .header-10__subheading,
    .header-10__title {
        margin-right: auto;
        margin-left: auto;
        max-width: 46.875rem;
        text-align: center
    }
    .header-10__image {
        position: static;
        left: auto;
        top: auto;
        display: block;
        margin-right: auto;
        margin-bottom: .9375rem;
        margin-left: auto;
        height: auto;
        max-width: 100%
    }
    .header-10__colors {
        margin-right: auto;
        margin-left: auto;
        max-width: 46.875rem;
        text-align: center
    }
    .header-10__colors__item {
        margin: 0 .4375rem .9375rem
    }
    .header-10__best-link {
        margin-left: 0
    }
    .header-10__label {
        display: block
    }
    .header-10__all-link {
        margin-right: 0
    }
}

@media screen and (max-width:47.9375em) {
    .header-10__middle__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

@media screen and (max-width:48em) {
    .header-10__top__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-10__top__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 1rem;
        padding-left: 1rem
    }
    .header-10__cart,
    .header-10__country,
    .header-10__menu {
        display: none
    }
}

@media screen and (max-width:23.4375em) {
    .header-10__top__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (max-width:22.5em) {
    .header-10__top__container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-10__top__right {
        display: none
    }
    .header-10__top__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-10__menu__hamburger__svg.icon {
        fill: #43484d
    }
    .header-10__subheading,
    .header-10__title {
        text-align: left
    }
}

.header-11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.875rem 3.75rem;
    background: #fff
}

.header-11__logo__icon {
    width: 7.5625rem;
    height: 1.375rem;
    fill: #43484d
}

.header-11__menu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.header-11__menu__item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1.25rem
}

.header-11__menu__item__link {
    font-weight: 500;
    font-size: 1rem;
    color: #86939e;
    -webkit-transition: .3s;
    transition: .3s
}

.header-11__menu__item__link__icon {
    vertical-align: baseline;
    width: 1rem;
    height: .875rem;
    fill: currentColor
}

.header-11__menu__item.is-selected .header-11__menu__item__link,
.header-11__menu__item:focus .header-11__menu__item__link,
.header-11__menu__item:hover .header-11__menu__item__link {
    color: #7dc855
}

.header-11__social {
    text-align: right
}

.header-11__social__link {
    margin-left: 1.5625rem
}

.header-11__social__link__icon {
    max-width: 1.0625rem;
    max-height: 1.0625rem;
    fill: #86939e;
    -webkit-transition: .3s;
    transition: .3s
}

.header-11__social__link:focus .header-11__social__link__icon,
.header-11__social__link:hover .header-11__social__link__icon {
    fill: #7dc855
}

.header-11 .hamburger-button {
    position: relative;
    display: none;
    border: .125rem solid #43484d;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:48em) {
    .header-11 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-11 .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #43484d
    }
    .header-11 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.header-11 .hamburger__header__close {
    right: 1.875rem;
    top: 1.25rem
}

@media screen and (max-width:54.375em) {
    .header-11 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-11__menu {
        display: none
    }
}

@media screen and (max-width:48em) {
    .header-11 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1.25rem 1.875rem
    }
    .header-11__logo {
        margin-bottom: 0
    }
    .header-11__social {
        display: none
    }
}

@media screen and (max-width:22.5em) {
    .header-11 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-11__logo {
        margin-bottom: 0
    }
}

@media screen and (max-width:22.4375em) {
    .header-11__logo {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .header-11__menu,
    .header-11__social {
        display: none
    }
}

.header-12 {
    border-bottom: solid .0625rem #e1e8ee;
    padding-right: 4.375rem;
    padding-bottom: 2.375rem;
    padding-left: 4.375rem
}

.header-12__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-12 .hamburger-button {
    position: relative;
    top: .625rem;
    display: none;
    border: .125rem solid #43484d;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:48em) {
    .header-12 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-12 .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #43484d
    }
    .header-12 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.header-12__hamburger-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-12__hamburger-popup__left {
    position: relative;
    left: -100%;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 18.75rem;
    background-color: #43484d
}

.header-12__hamburger-popup__left__logo {
    display: block;
    border-bottom: .0625rem solid #50555b;
    padding: 2.5rem 3.125rem 2.5625rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-12__hamburger-popup__left__logo__svg {
    width: 7.5625rem;
    height: 1.375rem;
    fill: #fff
}

.header-12__hamburger-popup__left__logo:hover {
    opacity: .8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-12__hamburger-popup__left__menu {
    padding-top: 1.875rem;
    padding-left: 3.125rem
}

.header-12__hamburger-popup__left__menu__list {
    list-style: none;
    margin: 0
}

.header-12__hamburger-popup__left__menu__list__item {
    margin-bottom: 1.875rem
}

.header-12__hamburger-popup__left__menu__list__item__link {
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    color: #fff
}

.header-12__hamburger-popup__left__menu__list__item__link:hover {
    color: #6f7276
}

.header-12__hamburger-popup__left__social {
    padding-bottom: 3.125rem;
    padding-left: 3.125rem
}

.header-12__hamburger-popup__left__social__title {
    margin-bottom: .625rem;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #bdc6cf
}

.header-12__hamburger-popup__left__social__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-12__hamburger-popup__left__social__block__item {
    display: block;
    margin-right: 1.875rem;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.header-12__hamburger-popup__left__social__block__item__svg {
    width: 1.4375rem;
    height: 2rem;
    fill: #fff
}

.header-12__hamburger-popup__left__social__block__item:hover {
    opacity: .8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:22.5em) {
    .header-12__hamburger-popup__left {
        width: 16.25rem
    }
}

.header-12__logo {
    padding-top: 2.5rem
}

.header-12__logo__svg {
    width: 7.5625rem;
    height: 1.375rem;
    fill: #43484d
}

.header-12__cart {
    padding-top: 2.6875rem
}

.header-12__cart__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    margin: 0
}

.header-12__cart__list .list__item {
    margin-right: 1.8125rem
}

.header-12__cart__list .list__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e
}

.header-12__cart__list .list__item__link:hover {
    color: #67b93c
}

.header-12__cart__list__item {
    position: relative
}

.header-12__cart__list__item__count {
    position: absolute;
    right: -1.875rem;
    top: .1875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 1.25rem;
    height: 1.25rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: .875rem;
    color: #fff;
    background-color: #7dc855;
    cursor: pointer
}

.header-12__cart__list__item__count:hover {
    opacity: .7
}

@media screen and (max-width:48em) {
    .header-12__container {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media screen and (max-width:47.9375em) {
    .header-12__cart__list__item__count {
        top: .3125rem
    }
    .header-12__logo {
        display: none
    }
}

.header-13 {
    box-shadow: .0625rem .125rem .1875rem rgba(0, 0, 0, .1)
}

.header-13__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-13__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .4375rem
}

.header-13__content__logo {
    display: block;
    margin-top: 2.375rem;
    margin-right: 3.125rem
}

.header-13__content__logo__svg {
    width: 7.5625rem;
    height: 1.375rem
}

.header-13__content__menu {
    padding-top: 2.625rem
}

.header-13__content__menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0
}

.header-13__content__menu__list__item {
    margin-right: 2.5rem
}

.header-13__content__menu__list__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e
}

.header-13__content__user {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1.75rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    cursor: pointer
}

.header-13__content__user__image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1.3125rem;
    width: 2.8125rem;
    height: 2.8125rem;
    cursor: pointer
}

.header-13__content__user__image__img {
    width: 100%;
    max-width: 100%
}

.header-13__content__user__image::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    width: .75rem;
    height: .75rem;
    background-color: #7dc855
}

.header-13__content__user__name {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    outline: 0;
    border: none;
    max-width: 5rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e
}

.header-13__content__user__icon {
    position: absolute;
    right: 0;
    bottom: 2.5rem;
    z-index: 9;
    display: block;
    border-top: solid .3125rem #86939e;
    border-right: solid .3125rem transparent;
    border-left: solid .3125rem transparent;
    width: 0;
    height: 0;
    pointer-events: none
}

.header-13__content__user__list {
    display: none
}

.header-13__content__user__list__item {
    margin-bottom: .9375rem
}

.header-13__content__user__list__item__link {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    color: #86939e
}

.header-13__content__user__list__item:last-child {
    margin-bottom: 0
}

.header-13__content__user.is-active .user-list {
    position: absolute;
    left: 2.375rem;
    top: 3.75rem;
    z-index: 999;
    display: block;
    border-radius: .375rem;
    padding: .9375rem;
    min-width: 10rem;
    box-shadow: 0 0 .375rem rgba(0, 0, 0, .13);
    background-color: #fff
}

.portfolio-1__item__content,
.portfolio-2__item,
.portfolio-3__tabs__button,
.portfolio-4__item,
.price-tables-2__content__block__item {
    box-shadow: .0625rem .125rem .1875rem rgba(0, 0, 0, .1)
}

.header-13__content__user.is-active .user-list::before {
    border-style: solid;
    border-width: 0 .3125rem .3125rem;
    border-color: transparent transparent #fff;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    left: calc(50% - 5px);
    top: -.3125rem;
    z-index: -1;
    display: block;
    -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .2));
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, .2))
}

.header-13 .hamburger-button {
    position: relative;
    display: none;
    border: .125rem solid #000;
    border-radius: 50%;
    width: 2.75rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, .1)
}

@media screen and (max-width:48em) {
    .header-13 .hamburger-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
    .header-13 .hamburger-button svg {
        width: 1.25rem;
        height: .875rem;
        fill: #000
    }
    .header-13 .hamburger-button:hover {
        border-color: transparent;
        background-color: transparent;
        opacity: .7;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all linear .3s;
        transition: all linear .3s
    }
}

.header-13 .hamburger__header__close {
    right: .9375rem;
    top: 1.25rem
}

@media screen and (max-width:83.75em) {
    .header-13__content__user.is-active .user-list {
        left: unset;
        right: 0
    }
}

@media screen and (max-width:47.9375em) {
    .header-13__content__menu__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .header-13__content__menu__list__item {
        margin-right: .625rem
    }
}

@media screen and (max-width:48em) {
    .header-13__left {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header-13__container {
        margin-right: 0;
        margin-left: 0;
        padding-top: 1.25rem
    }
    .header-13__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 1.6875rem
    }
    .header-13__content__menu,
    .header-13__content__user {
        display: none
    }
    .header-13__content__logo {
        margin-top: 0
    }
    .header-13__menu__hamburger__svg.icon {
        fill: #000
    }
}

.portfolio-1 {
    background: #f4f4f4
}

.portfolio-1__item__image {
    height: 33.75rem;
    background: 50% 50%/cover no-repeat
}

.portfolio-1__item__image:nth-child(1) {
    background-image: url(../blocks/portfolio-1/images/slide-1.jpg)
}

.portfolio-1__item__image:nth-child(2) {
    background-image: url(../blocks/portfolio-1/images/slide-2.jpg)
}

.portfolio-1__item__image:nth-child(3) {
    background-image: url(../blocks/portfolio-1/images/slide-3.jpg)
}

.portfolio-1__item__image:nth-child(4) {
    background-image: url(../blocks/portfolio-1/images/slide-4.jpg)
}

.portfolio-1__item__image:nth-child(5) {
    background-image: url(../blocks/portfolio-1/images/slide-5.jpg)
}

.portfolio-1__item__image:nth-child(6) {
    background-image: url(../blocks/portfolio-1/images/slide-6.jpg)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .portfolio-1__item__image:nth-child(1) {
        background-image: url(../blocks/portfolio-1/images/slide-1-2x.png)
    }
    .portfolio-1__item__image:nth-child(2) {
        background-image: url(../blocks/portfolio-1/images/slide-2-2x.png)
    }
    .portfolio-1__item__image:nth-child(3) {
        background-image: url(../blocks/portfolio-1/images/slide-3-2x.png)
    }
    .portfolio-1__item__image:nth-child(4) {
        background-image: url(../blocks/portfolio-1/images/slide-4-2x.png)
    }
    .portfolio-1__item__image:nth-child(5) {
        background-image: url(../blocks/portfolio-1/images/slide-5-2x.png)
    }
    .portfolio-1__item__image:nth-child(6) {
        background-image: url(../blocks/portfolio-1/images/slide-6-2x.png)
    }
}

.portfolio-1__item__content {
    margin-top: -5rem;
    margin-bottom: .3125rem;
    border-radius: .375rem;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    text-align: center;
    background: #fff
}

.portfolio-1__item__tag {
    margin-bottom: 1.5625rem;
    color: #86939e
}

.portfolio-1__item__title {
    margin-bottom: 1rem;
    color: #43484d
}

.portfolio-1__item__subheading {
    margin: 0 auto 1.75rem;
    max-width: 33.75rem
}

.portfolio-1__item__button {
    margin-bottom: 0;
    padding: .75rem 1.875rem;
    height: 2.625rem
}

.portfolio-1 .owl-nav .owl-next,
.portfolio-1 .owl-nav .owl-prev {
    position: absolute;
    bottom: 15rem;
    border-radius: 50%;
    width: 1rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.portfolio-1 .owl-nav .owl-next .icon,
.portfolio-1 .owl-nav .owl-prev .icon {
    width: 1rem;
    height: 1.75rem;
    fill: #86939e;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.portfolio-2__item__image::after,
.portfolio-3__projects__item__image::before {
    top: 0;
    -webkit-transition: opacity .3s;
    content: ""
}

.portfolio-1 .owl-nav .owl-next:focus .icon,
.portfolio-1 .owl-nav .owl-next:hover .icon,
.portfolio-1 .owl-nav .owl-prev:focus .icon,
.portfolio-1 .owl-nav .owl-prev:hover .icon {
    fill: #43484d
}

.portfolio-1 .owl-nav .owl-next.disabled,
.portfolio-1 .owl-nav .owl-prev.disabled {
    opacity: .5;
    cursor: default
}

.portfolio-1 .owl-nav .owl-next.disabled .icon,
.portfolio-1 .owl-nav .owl-prev.disabled .icon {
    fill: #86939e
}

.portfolio-1 .owl-nav .owl-prev {
    left: 5%
}

.portfolio-1 .owl-nav .owl-prev .icon {
    margin-left: -.0625rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.portfolio-1 .owl-nav .owl-next {
    right: 5%
}

.portfolio-1 .owl-dots {
    padding: 1rem 0;
    text-align: center
}

.portfolio-1 .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    margin: .125rem .3125rem;
    border-radius: 50%;
    width: .375rem;
    height: .375rem;
    background: #86939e;
    opacity: .2
}

.portfolio-1 .owl-dots .owl-dot.active {
    margin: 0 .1875rem;
    width: .625rem;
    height: .625rem;
    background: #358ed7;
    opacity: 1
}

@media screen and (max-width:89.9375em) {
    .portfolio-1 .owl-nav .owl-prev {
        left: 1.25rem
    }
    .portfolio-1 .owl-nav .owl-next {
        right: 1.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .portfolio-1__item__image {
        height: 21.875rem
    }
    .portfolio-1__item__content {
        padding: 3.75rem 1rem 2.75rem
    }
    .portfolio-1 .owl-nav .owl-prev {
        left: 4.375rem;
        bottom: .625rem
    }
    .portfolio-1 .owl-nav .owl-next {
        right: 4.375rem;
        bottom: .625rem
    }
}

@media screen and (max-width:22.4375em) {
    .portfolio-1__item__image {
        height: 12.5rem
    }
}

@media screen and (max-width:74.9375em) {
    .portfolio-1 .owl-nav {
        display: block
    }
}

.portfolio-2 {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: #f4f4f4
}

.portfolio-2__item {
    display: block;
    margin-bottom: 1.875rem;
    border-radius: .375rem;
    background-color: #fff
}

.portfolio-2__item__image {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: .375rem .375rem 0 0
}

.portfolio-2__item__image img {
    position: relative;
    z-index: 1;
    width: 100%
}

.portfolio-2__item__image::after {
    position: absolute;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: opacity .3s
}

.portfolio-2__item__tag,
.portfolio-2__item__title {
    -webkit-transition: color .3s;
    display: block;
    text-align: center
}

.portfolio-2__item__content {
    display: block;
    padding: 2.1875rem 1.875rem 2rem
}

.portfolio-2__item__tag {
    margin-bottom: .75rem;
    text-transform: uppercase;
    color: #358ed7;
    transition: color .3s
}

.portfolio-2__item__title {
    margin: 0 auto 1.125rem;
    max-width: 26.875rem;
    color: #43484d;
    transition: color .3s
}

.portfolio-2__item__address {
    display: block;
    text-align: center;
    color: #86939e;
    -webkit-transition: color .3s;
    transition: color .3s
}

.portfolio-2__item__address .icon {
    display: inline-block;
    vertical-align: text-top;
    margin-right: .625rem;
    width: .6875rem;
    height: 1.0625rem;
    fill: #bdc6cf
}

.portfolio-2__item:focus .portfolio-2__item__image::after,
.portfolio-2__item:hover .portfolio-2__item__image::after {
    opacity: .3
}

.portfolio-2__item:focus .portfolio-2__item__label,
.portfolio-2__item:hover .portfolio-2__item__label {
    color: #3582c1
}

.portfolio-2__item:focus .portfolio-2__item__address,
.portfolio-2__item:hover .portfolio-2__item__address {
    color: #43484d
}

.portfolio-2__button {
    display: block;
    margin: .625rem 0 0
}

.portfolio-2__button .icon {
    vertical-align: top;
    margin-right: .625rem;
    width: .875rem;
    height: .875rem;
    fill: #fff
}

@media screen and (max-width:22.4375em) {
    .portfolio-2 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.portfolio-3 {
    overflow: hidden
}

.portfolio-3__container {
    border-bottom: solid .0625rem #eee;
    padding-top: 5.9375rem;
    padding-bottom: 1.25rem
}

.portfolio-3__tag {
    margin-bottom: 1.1875rem;
    text-align: center;
    color: #86939e
}

.portfolio-3__quote {
    margin: 0 auto 1.625rem;
    max-width: 50rem;
    text-align: center;
    color: #43484d
}

.portfolio-3__tabs {
    margin-bottom: 3.1875rem;
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.portfolio-3__tabs__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portfolio-3__tabs__button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: .625rem;
    border: .125rem solid #fff;
    border-radius: 1.3125rem;
    padding: .6875rem 1.4375rem;
    max-width: 100%;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    color: #86939e;
    background-color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.portfolio-3__tabs__button:focus,
.portfolio-3__tabs__button:hover {
    border-color: #7dc855;
    color: #7dc855;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.portfolio-3__tabs__button.is-active {
    border-color: #7dc855;
    color: #7dc855
}

.portfolio-3__projects__item {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 1.875rem;
    border-radius: .375rem
}

.portfolio-3__projects__item__image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: 50% 50% no-repeat #000;
    background-size: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.portfolio-3__projects__item__image::before {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    transition: opacity .3s
}

.portfolio-3__projects__item__content {
    position: relative;
    z-index: 2;
    display: block;
    padding: 4.3125rem .9375rem 1.875rem;
    min-height: 18.75rem;
    background-color: rgba(0, 0, 0, .4);
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.portfolio-3__projects__item__tag {
    display: block;
    margin: 0 auto 1.0625rem;
    max-width: 23.125rem;
    text-align: center;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .7)
}

.portfolio-3__projects__item__title {
    display: block;
    margin: 0 auto 1rem;
    max-width: 23.125rem;
    text-align: center;
    color: #fff
}

.portfolio-3__projects__item__text {
    display: block;
    margin: 0 auto 1.4375rem;
    max-width: 16.25rem;
    text-align: center;
    color: rgba(255, 255, 255, .6)
}

.portfolio-3__projects__item__text:last-child {
    margin-bottom: 0
}

.portfolio-3__projects__item__rating {
    display: block;
    margin-bottom: 2.375rem;
    font-size: 0;
    text-align: center
}

.portfolio-3__projects__item__rating__icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.3125rem;
    margin-right: .625rem;
    width: 1rem;
    height: 1rem;
    fill: #7dc855
}

.portfolio-3__projects__item__rating__text {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: rgba(255, 255, 255, .6)
}

.portfolio-3__projects__item__go {
    position: relative;
    display: block;
    margin: 0 auto;
    border: .125rem solid rgba(255, 255, 255, .11);
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: rgba(255, 255, 255, .1);
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s
}

.portfolio-3__projects__item__go__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -.34375rem;
    margin-left: -.125rem;
    width: .375rem;
    height: .6875rem;
    fill: #fff;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.portfolio-3__projects__item:focus .portfolio-3__projects__item__image,
.portfolio-3__projects__item:hover .portfolio-3__projects__item__image {
    -webkit-transform: scale(1.025);
    transform: scale(1.025)
}

.portfolio-3__projects__item:focus .portfolio-3__projects__item__image::before,
.portfolio-3__projects__item:hover .portfolio-3__projects__item__image::before {
    opacity: .4
}

.portfolio-3__projects__item:focus .portfolio-3__projects__item__go,
.portfolio-3__projects__item:hover .portfolio-3__projects__item__go {
    border-color: #7dc855;
    background-color: #7dc855
}

.portfolio-3__projects__item.large .portfolio-3__projects__item__content {
    padding-top: 7.6875rem;
    padding-bottom: 3.75rem;
    min-height: 34.6875rem
}

.portfolio-3__projects__item.large .portfolio-3__projects__item__tag {
    margin-bottom: 1.75rem
}

.portfolio-3__projects__item.large .portfolio-3__projects__item__title {
    margin-bottom: .875rem;
    max-width: 43.75rem
}

.portfolio-3__projects__item.large .portfolio-3__projects__item__text {
    max-width: 37.5rem;
    color: rgba(255, 255, 255, .8)
}

.portfolio-3__all {
    display: block;
    margin-top: -.625rem;
    padding: 1.125rem 3.125rem;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.portfolio-3__all__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: .625rem;
    width: .875rem;
    height: .875rem;
    fill: #358ed7;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.portfolio-3__all__text {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #358ed7;
    -webkit-transition: color .3s;
    transition: color .3s
}

.portfolio-3__all:focus .portfolio-3__all__icon,
.portfolio-3__all:hover .portfolio-3__all__icon {
    fill: #3582c1
}

.portfolio-3__all:focus .portfolio-3__all__text,
.portfolio-3__all:hover .portfolio-3__all__text {
    color: #3582c1
}

@media screen and (max-width:63.9375em) {
    .portfolio-3__tag {
        margin-bottom: 1.125rem
    }
    .portfolio-3__quote {
        margin-bottom: 1.0625rem;
        max-width: 46.875rem
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__content {
        padding-bottom: 3.125rem;
        min-height: 32.125rem
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__tag {
        margin-bottom: 1.25rem
    }
}

@media screen and (max-width:47.9375em) {
    .portfolio-3__tabs {
        margin-bottom: 2.5rem
    }
    .portfolio-3__container {
        padding-bottom: 0
    }
    .portfolio-3__tag {
        margin-bottom: .8125rem
    }
    .portfolio-3__quote {
        margin-bottom: 1.1875rem
    }
    .portfolio-3__projects__column {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__text,
    .portfolio-3__projects__item__text {
        max-width: 15.625rem
    }
    .portfolio-3__projects__item__content {
        padding: 4rem .3125rem 1.875rem
    }
    .portfolio-3__projects__item__tag {
        margin-bottom: .875rem
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__content {
        padding: 4rem .3125rem 1.875rem;
        min-height: 24.125rem
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__rating {
        margin-bottom: 0
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__go {
        display: none
    }
    .portfolio-3__all {
        margin-top: -1rem
    }
}

@media screen and (max-width:37.5em) {
    .portfolio-3__tabs__inner {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .portfolio-3__tabs__button {
        display: inline-block
    }
}

@media screen and (max-width:22.4375em) {
    .portfolio-3__container {
        padding-top: 3.75rem
    }
    .portfolio-3__tag {
        margin-bottom: .625rem
    }
    .portfolio-3__projects__item,
    .portfolio-3__projects__item__tag {
        margin-bottom: 1.125rem
    }
    .portfolio-3__quote {
        max-width: 36.875rem
    }
    .portfolio-3__projects {
        margin-right: -.5625rem;
        margin-left: -.5625rem
    }
    .portfolio-3__projects__column {
        padding-right: .5625rem;
        padding-left: .5625rem
    }
    .portfolio-3__projects__item__content {
        padding-top: 4.375rem;
        padding-bottom: 1.875rem;
        min-height: 18.75rem
    }
    .portfolio-3__projects__item__title {
        margin-bottom: 1.1875rem
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__content {
        padding-top: 8.9375rem;
        min-height: 34.6875rem
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__tag {
        margin-bottom: 1.0625rem
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__title {
        margin-bottom: 1.1875rem
    }
    .portfolio-3__projects__item.large .portfolio-3__projects__item__text {
        margin-bottom: .8125rem;
        max-width: 29.375rem
    }
    .portfolio-3__projects__item__rating__text {
        margin-left: -.125rem
    }
    .portfolio-3__all {
        margin-top: -.5rem
    }
}

.portfolio-4 {
    padding-top: 6.25rem;
    padding-bottom: 5.625rem;
    text-align: center;
    background: #f4f4f4
}

.portfolio-4__title {
    text-align: center;
    color: #43484d
}

.portfolio-4__subheading {
    margin: 0 auto 2rem;
    max-width: 40.625rem;
    text-align: center;
    color: #5e6977
}

.portfolio-4__item {
    display: block;
    margin-bottom: 1.875rem;
    border-radius: .375rem;
    background-color: #fff
}

.portfolio-4__item__image {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: .375rem .375rem 0 0
}

.portfolio-4__item__image::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-radius: .375rem .375rem 0 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.portfolio-4__item__image__img {
    width: 100%
}

.portfolio-4__item__share {
    position: absolute;
    right: 1.5625rem;
    top: 1.5625rem;
    display: block;
    border: .125rem solid rgba(255, 255, 255, .11);
    border-radius: 50%;
    width: 2.8125rem;
    height: 2.8125rem;
    line-height: 2.1875rem;
    background-color: rgba(255, 255, 255, .1);
    opacity: 0;
    -webkit-transition: border-color .3s, background-color .3s, opacity .3s;
    transition: border-color .3s, background-color .3s, opacity .3s
}

.portfolio-4__item__text,
.portfolio-4__item__title {
    display: block;
    font-weight: 400;
    line-height: 1.5625rem
}

.portfolio-4__item__share__icon {
    width: 1.1875rem;
    height: .875rem;
    fill: #fff
}

.portfolio-4__item__share:focus,
.portfolio-4__item__share:hover {
    border-color: #7dc855;
    background-color: #7dc855
}

.portfolio-4__item__content {
    display: block;
    padding: 1.5625rem 1.875rem 2rem
}

.portfolio-4__item__title {
    margin-bottom: .5rem;
    font-size: 1.125rem;
    color: #43484d
}

.portfolio-4__item__text {
    font-size: 1rem;
    color: #86939e;
    -webkit-transition: .3s;
    transition: .3s
}

.portfolio-4__item:focus .portfolio-4__item__image::before,
.portfolio-4__item:hover .portfolio-4__item__image::before {
    opacity: .3
}

.portfolio-4__item:focus .portfolio-4__item__share,
.portfolio-4__item:hover .portfolio-4__item__share {
    opacity: 1
}

.portfolio-4__item:focus .portfolio-4__item__text,
.portfolio-4__item:hover .portfolio-4__item__text {
    color: #43484d
}

@media screen and (max-width:74.9375em) {
    .portfolio-4 {
        padding-top: 6.25rem;
        padding-bottom: 4.375rem
    }
}

@media screen and (max-width:63.9375em) {
    .portfolio-4 {
        padding: 5rem 0 3.125rem
    }
    .portfolio-4__subheading {
        margin-bottom: 5rem
    }
    .portfolio-4__column,
    .portfolio-4__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .portfolio-4__item {
        max-width: 31.25rem
    }
}

@media screen and (max-width:22.4375em) {
    .portfolio-4 {
        padding-top: 3.75rem;
        padding-bottom: 1.875rem
    }
}

.price-tables-1 {
    background-color: #f9f9f9
}

.price-tables-1__content {
    padding-top: 7.5rem
}

.price-tables-1__content__title {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #43484d
}

.price-tables-1__content__subheading {
    margin: 0 auto -3.125rem;
    max-width: 40.9375rem;
    text-align: center;
    color: #5e6977
}

.price-tables-1__content__block {
    position: relative;
    z-index: 1000;
    bottom: -8.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    border-radius: .375rem;
    background-color: #fff
}

.price-tables-1__content__block__item {
    -ms-flex-preferred-size: 33.33333333333%;
    flex-basis: 33.33333333333%;
    padding: 1.875rem;
    max-width: 23.75rem;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item.is-active {
    background-color: #39add1;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item.is-active .item-text.is-muted {
    color: rgba(255, 255, 255, .6)
}

.price-tables-1__content__block__item__name {
    margin-bottom: .625rem;
    font-weight: 500;
    font-size: .875rem;
    line-height: .875rem;
    letter-spacing: .0625rem;
    text-align: center;
    text-transform: uppercase;
    color: #358ed7;
    -webkit-transition: color linear .3s;
    transition: color linear .3s
}

.price-tables-1__content__block__item__name.is-active {
    color: #fff;
    -webkit-transition: color linear .3s;
    transition: color linear .3s
}

.price-tables-1__content__block__item__description {
    margin-bottom: 1.875rem;
    border-bottom: solid .0625rem #e1e8ee;
    padding-bottom: .9375rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #86939e;
    opacity: 1;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__description.is-active {
    border-bottom: solid .0625rem rgba(255, 255, 255, .21);
    color: #fff;
    opacity: .8;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__price {
    margin-bottom: .4375rem;
    text-align: center;
    color: #43484d;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__price.is-active {
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__pricefee {
    margin-bottom: 1.25rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1875rem;
    text-align: center;
    color: #86939e;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__pricefee.is-active {
    color: rgba(255, 255, 255, .7);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__pricedescription {
    margin-bottom: 1.875rem;
    border-bottom: solid .0625rem rgba(255, 255, 255, .2);
    padding-bottom: 1.875rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #86939e;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__pricedescription.is-active {
    color: rgba(255, 255, 255, .6);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__text {
    position: relative;
    margin-bottom: 1.5625rem;
    padding-left: 1.9375rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #86939e;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__text::after {
    content: "";
    position: absolute;
    left: 0;
    top: .1875rem;
    width: 1rem;
    height: .6875rem;
    background-image: url(../blocks/price-tables-1/images/text-item-bg.png);
    background-size: 100% 100%
}

.price-tables-1__content__block__item__text.is-active {
    color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__text.is-muted {
    font-weight: 400;
    font-size: .875rem;
    line-height: .875rem;
    color: #bdc6cf
}

.price-tables-1__content__block__item__text.is-muted::after {
    display: none
}

.price-tables-1__content__block__item__button {
    display: block;
    margin-top: 2.8125rem;
    border: .125rem solid #e1e8ee;
    border-radius: .375rem;
    padding: .75rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1rem;
    text-align: center;
    color: #358ed7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__button:hover {
    border: .125rem solid #7ab949;
    background-color: #7ab949;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.price-tables-1__content__block__item__button.is-active {
    border: .125rem solid #7dc855;
    color: #fff;
    background-color: #7dc855;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:74.9375em) {
    .price-tables-1__content {
        padding-top: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .price-tables-1__content {
        padding-top: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .price-tables-1__content__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .price-tables-1__content__block__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        max-width: none
    }
    .price-tables-1__content__block__item__button,
    .price-tables-1__content__block__item__text {
        margin-right: auto;
        margin-left: auto;
        max-width: 15.625rem
    }
}

@media screen and (max-width:22.4375em) {
    .price-tables-1__content {
        padding-top: 3.75rem
    }
}

.price-tables-2 {
    background-color: #f4f4f4
}

.price-tables-2__content {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
}

.price-tables-2__content__title {
    margin-bottom: 3.5625rem;
    text-align: center;
    color: #43484d
}

.price-tables-2__content__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.price-tables-2__content__block__item,
.price-tables-2__content__block__item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.price-tables-2__content__block__item {
    position: relative;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 1.25rem;
    border: .125rem solid transparent;
    border-radius: .375rem;
    padding: 3.75rem 0 0;
    height: 26.875rem;
    max-width: 22.5rem;
    background-color: #fff;
    cursor: pointer
}

.price-tables-2__content__block__item__top {
    padding-right: 1.875rem;
    padding-left: 1.875rem
}

.price-tables-2__content__block__item__top__title {
    margin-bottom: .9375rem;
    text-align: center;
    color: #43484d
}

.price-tables-2__content__block__item__top__description {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #86939e
}

.price-tables-2__content__block__item__bottom {
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: solid .0625rem rgba(225, 232, 238, .5);
    padding: 1.5rem 1.875rem 1.875rem
}

.price-tables-2__content__block__item__bottom__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.625rem
}

.price-tables-2__content__block__item__bottom__price__number {
    position: relative;
    margin-right: 1.75rem
}

.price-tables-2__content__block__item__bottom__price__number__sign {
    position: absolute;
    left: .625rem;
    top: -.3125rem;
    font-weight: 400;
    font-size: 1.6875rem;
    line-height: 2.1875rem;
    letter-spacing: -.0625rem;
    color: #50555b
}

.price-tables-2__content__block__item__bottom__price__number__sign.price-free {
    display: none
}

.price-tables-2__content__block__item__bottom__price__number__col {
    padding-left: 1.5625rem;
    color: #43484d
}

.price-tables-2__content__block__item__bottom__price__number__col.price-free {
    padding-left: .9375rem;
    color: #7dc855
}

.price-tables-2__content__block__item__bottom__price__text {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #86939e
}

.price-tables-2__content__block__item__bottom__button {
    margin-bottom: 0;
    width: 100%
}

.price-tables-2__content__block__item__info {
    position: absolute;
    right: .3125rem;
    top: 0
}

.promo-1 .owl-nav .owl-next,
.testimonials-2__slider .owl-nav .owl-next {
    right: .5rem
}

.price-tables-2__content__block__item__info__svg {
    width: .375rem;
    height: .875rem;
    fill: #86939e
}

.price-tables-2__content__block__item:hover {
    border: 2px solid rgba(53, 142, 215, .21);
    background-image: url(../blocks/price-tables-2/images/licence-item-bg.png);
    background-position: 100% 0;
    background-repeat: no-repeat
}

.price-tables-2__content__block__item:last-child {
    margin-right: 0
}

@media screen and (max-width:63.9375em) {
    .price-tables-2__content__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .price-tables-2__content__block__item {
        margin-right: 0;
        margin-bottom: 1.875rem;
        height: auto
    }
    .price-tables-2__content__block__item:last-child {
        margin-bottom: 0
    }
    .price-tables-2__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.promo-1__item::after,
.promo-1__item::before {
    content: "";
    height: 100%
}

@media screen and (max-width:22.4375em) {
    .price-tables-2__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .price-tables-2__content__block__item__top {
        padding-bottom: 1.25rem
    }
    .price-tables-2__content__block__item__bottom__price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .price-tables-2__content__block__item__bottom__price__number {
        margin-bottom: 1.25rem
    }
    .price-tables-2__content__block__item__bottom__price__text {
        text-align: center
    }
}

.promo-1 {
    position: relative;
    color: #fff
}

.promo-1__item {
    position: relative;
    padding: 2rem 0 8rem;
    font-size: 0;
    text-align: center;
    background-position: 50% 0;
    background-size: cover
}

.promo-1__item::before {
    display: inline-block;
    vertical-align: middle
}

.promo-1__item__aligner {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    padding: 0 1rem
}

.promo-1__item__pre-title {
    display: block;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.125rem;
    opacity: .6
}

.promo-1__item__title {
    display: block;
    margin: 0 auto 1rem;
    max-width: 46.25rem
}

.promo-1__item__subheading {
    display: block;
    margin: 0 auto 2rem;
    max-width: 33.75rem;
    opacity: .8
}

.promo-1__item::after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    background: rgba(0, 0, 0, .3)
}

.promo-1__more {
    position: absolute;
    left: 50%;
    bottom: 1.875rem;
    z-index: 2;
    margin-left: -4.6875rem;
    width: 9.375rem;
    text-align: center
}

.promo-1__more__caption {
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.3125rem;
    opacity: .7
}

.promo-1__more__link {
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    width: 2.8125rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    background: #7dc855
}

.promo-1__more__link__icon {
    width: .5625rem;
    height: .9375rem;
    fill: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.promo-1 .owl-nav .owl-next,
.promo-1 .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -1.0625rem;
    border-radius: 50%;
    width: 2.1875rem;
    height: 2.1875rem;
    line-height: 1.75rem;
    text-align: center;
    opacity: .6;
    -webkit-transition: .3s;
    transition: .3s
}

.promo-1 .owl-nav .owl-next .icon,
.promo-1 .owl-nav .owl-prev .icon {
    width: .375rem;
    height: .6875rem;
    fill: #fff
}

.promo-1 .owl-nav .owl-next:hover,
.promo-1 .owl-nav .owl-prev:hover {
    opacity: 1;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.promo-1 .owl-nav .owl-prev {
    left: .5rem
}

.promo-1 .owl-nav .owl-prev .icon {
    margin-left: -.0625rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media screen and (max-width:74.9375em) {
    .promo-1__item {
        padding-top: 6.25rem
    }
}

@media print,
screen and (min-width:48em) {
    .promo-1__item {
        padding: 5rem 0 8.125rem;
        height: 43.75rem
    }
    .promo-1 .owl-nav .owl-next,
    .promo-1 .owl-nav .owl-prev {
        border: .125rem solid rgba(255, 255, 255, .11);
        background-color: rgba(255, 255, 255, .1)
    }
    .promo-1 .owl-nav .owl-prev {
        left: 4.375rem
    }
    .promo-1 .owl-nav .owl-next {
        right: 4.375rem
    }
}

@media screen and (max-width:22.4375em) {
    .promo-1__item {
        padding-top: 3.75rem
    }
}

.promo-2 {
    background: url(../blocks/promo-2/images/main-bg.jpg) 100% -6.25rem no-repeat #39add1;
    background-size: auto 43.75rem;
    position: relative
}

.promo-2::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

.promo-2__content {
    position: relative;
    padding-top: 5.625rem;
    padding-bottom: 11.25rem
}

.promo-2__content__title {
    margin-bottom: 1.25rem;
    max-width: 30.3125rem;
    color: #fff
}

.promo-2__content__subheading {
    margin-bottom: 2.5rem;
    max-width: 26.5625rem;
    color: rgba(255, 255, 255, .8)
}

.promo-2__content__button {
    padding: 1.25rem 1.875rem;
    max-width: 11.25rem
}

.promo-2__content__watch {
    position: absolute;
    left: 0;
    bottom: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.promo-2__content__watch__button {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .9375rem;
    border: .125rem solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    width: 2.625rem;
    height: 2.625rem;
    background-color: rgba(255, 255, 255, .1);
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.promo-2__content__watch__button::before {
    border-style: solid;
    border-width: .375rem 0 .375rem .5rem;
    border-color: transparent transparent transparent #fff;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    left: 1rem;
    top: .8125rem
}

.promo-2__content__watch__button:focus,
.promo-2__content__watch__button:hover {
    opacity: .7
}

.promo-2__content__watch__text {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: rgba(255, 255, 255, .6)
}

@media screen and (max-width:89.9375em) {
    .promo-2__content__button,
    .promo-2__content__subheading,
    .promo-2__content__title {
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }
    .promo-2__content__button {
        display: block
    }
    .promo-2__content__watch {
        left: calc(50% - 115px)
    }
    .promo-2__content__watch__text {
        padding-top: 0
    }
}

@media screen and (max-width:63.9375em) {
    .promo-2__content {
        padding-top: 5rem
    }
    .promo-2::before {
        background: rgba(0, 0, 0, .4)
    }
}

@media screen and (max-width:22.4375em) {
    .promo-2__content {
        padding-top: 3.75rem
    }
}

.promo-3 {
    background: url(../blocks/promo-3/images/chat-circles-bg.png) right 20% bottom no-repeat #358ed7
}

.promo-3__text__message,
.promo-4,
.promo-4__text__brand,
.promo-5 {
    background-repeat: no-repeat
}

.promo-3__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 7.8125rem;
    padding-bottom: 1.875rem
}

.promo-3__text {
    padding-top: 10.3125rem;
    max-width: 28.75rem
}

.promo-3__text__title {
    margin-bottom: 1.25rem;
    color: #fff
}

.promo-3__text__subheading {
    margin-bottom: 3.75rem;
    color: rgba(255, 255, 255, .8)
}

.promo-3__text__message {
    width: 22.6875rem;
    height: 3.625rem;
    background-image: url(../blocks/promo-3/images/chat-bubble.png);
    background-size: cover
}

.promo-3__image__img {
    width: 100%
}

@media screen and (max-width:89.9375em) {
    .promo-3__container {
        padding-top: 6.25rem;
        padding-bottom: 1.5625rem
    }
}

@media screen and (max-width:63.9375em) {
    .promo-3__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .promo-3__text {
        padding-top: 0;
        text-align: center
    }
    .promo-3__text__message {
        display: none
    }
}

.promo-4__container,
.promo-5__container {
    display: -webkit-box;
    display: -ms-flexbox
}

@media screen and (max-width:22.4375em) {
    .promo-3__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem!important
    }
}

.promo-4 {
    background-image: url(../blocks/promo-4/images/design-circles-bg.png);
    background-position: 30% bottom;
    background-color: #7dc855
}

.promo-4__container {
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 7.8125rem;
    padding-bottom: 1.875rem
}

.promo-4__text {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10rem;
    padding-top: 5.4375rem;
    max-width: 29.375rem
}

.promo-4__text__brand {
    margin-bottom: 2.5rem;
    width: 3.875rem;
    height: 3.875rem;
    background-image: url(../blocks/promo-4/images/brand-icon.png);
    background-size: cover
}

.promo-4__text__title {
    margin-bottom: 1.25rem;
    color: #fff
}

.promo-4__text__subheading {
    margin-bottom: 3.75rem;
    color: rgba(255, 255, 255, .8)
}

.promo-4__text__button {
    position: relative;
    padding: 1.3125rem 1.875rem;
    line-height: 1rem;
    background-color: rgba(255, 255, 255, .15)
}

.promo-4__text__button__svg {
    display: inline-block;
    margin-top: -.3125rem;
    margin-right: 1.3125rem;
    width: 1.0625rem;
    height: 1.3125rem;
    fill: #fff
}

.promo-4__image__img {
    width: 100%
}

@media screen and (max-width:89.9375em) {
    .promo-4__container {
        padding-top: 6.25rem;
        padding-bottom: 1.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .promo-4 {
        background-image: none
    }
    .promo-4__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .promo-4__text {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-bottom: 1.875rem;
        margin-left: 0;
        padding-top: .3125rem;
        text-align: center
    }
    .promo-4__text__brand {
        margin: 0 auto 1.875rem
    }
    .promo-4__image {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (max-width:22.4375em) {
    .promo-4__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.promo-5 {
    background-image: url(../blocks/promo-5/images/watch-bg.png);
    background-size: cover
}

.promo-5__container {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 11.5625rem;
    padding-bottom: 11.25rem
}

.promo-5__text {
    padding-top: 8.4375rem
}

.promo-5__text__title {
    margin-bottom: 1.25rem;
    color: #fff
}

.promo-5__text__subheading {
    margin-bottom: 3.75rem;
    max-width: 28.125rem;
    color: rgba(255, 255, 255, .8)
}

.promo-5__text__form__group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.promo-5__text__form__group__input {
    border-color: rgba(225, 232, 238, .2);
    padding-left: 3.25rem;
    height: 3.75rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    color: rgba(255, 255, 255, .7);
    background-color: transparent
}

.promo-5__text__form__group__input:active,
.promo-5__text__form__group__input:focus {
    background-color: transparent
}

.promo-5__text__form__group__input:invalid {
    outline: 0
}

.promo-5__text__form__group__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7);
    opacity: 1
}

.promo-5__text__form__group__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
    opacity: 1
}

.promo-5__text__form__group__input::placeholder {
    color: rgba(255, 255, 255, .7);
    opacity: 1
}

.promo-5__text__form__group__icon {
    position: absolute;
    left: 1.25rem;
    top: .9375rem
}

.promo-5__text__form__group__icon__svg {
    width: 1.0625rem;
    height: 1.125rem;
    fill: rgba(255, 255, 255, .5)
}

.promo-5__text__form__group__button {
    position: relative;
    left: -.3125rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: 0;
    padding-left: 0;
    width: 8.75rem
}

.promo-5__image__img {
    width: 100%
}

@media screen and (max-width:89.9375em) {
    .promo-5__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .promo-5__container,
    .promo-5__text__form__group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }
    .promo-5__container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .promo-5__text {
        margin-bottom: 5rem;
        padding-top: 0;
        text-align: center
    }
    .promo-5__text__form__group {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .promo-5__text__form__group__button {
        border-radius: .375rem
    }
}

@media screen and (max-width:22.4375em) {
    .promo-5__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .promo-5__text {
        margin-bottom: 60px
    }
}

.promo-6 {
    background-color: #f4f4f4
}

.promo-6__container {
    padding-top: 6.25rem
}

.promo-6__title {
    margin-bottom: 1.1875rem;
    text-align: center;
    color: #43484d
}

.promo-6__subheading {
    margin: 0 auto;
    max-width: 35.4375rem;
    text-align: center;
    color: #5e6977
}

.promo-6__platforms {
    position: relative;
    bottom: -3.75rem;
    overflow: hidden;
    margin-top: -.5625rem;
    font-size: 0;
    line-height: 0;
    white-space: nowrap
}

.promo-6__platforms__inner {
    display: inline-block;
    vertical-align: middle;
    min-width: 100%
}

.promo-6__platforms__inner::after,
.promo-6__platforms__inner::before {
    display: table;
    content: ' '
}

.promo-6__platforms__item {
    display: inline-block;
    vertical-align: bottom;
    padding-left: 5.55556%
}

.promo-6__platforms__item__image {
    display: block;
    width: 100%;
    height: auto
}

.promo-6__platforms__item--apple-watch {
    margin-bottom: .0625rem;
    width: 16.18056%;
    min-width: 4.78472rem
}

.promo-6__platforms__item--nexus-6p {
    margin-bottom: .125rem;
    width: 23.19444%;
    min-width: 7.94097rem
}

.promo-6__platforms__item--iphone-6s {
    width: 23.125%;
    min-width: 7.90972rem
}

.promo-6__platforms__item--ipad-air-2 {
    width: 37.5%;
    min-width: 14.37847rem
}

@media screen and (max-width:63.9375em) {
    .promo-6__container {
        padding-top: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .promo-6__container {
        padding-top: 3.75rem
    }
    .promo-6__subheading,
    .promo-6__title {
        margin-right: auto;
        margin-left: auto;
        max-width: 31.25rem
    }
}

.promo-7 {
    padding-top: 6.25rem;
    background: url(../blocks/promo-7/images/dreaming-bg.png) 0 90% no-repeat;
    background-size: 100% auto
}

.promo-7__tag {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #86939e
}

.promo-7__title {
    margin-bottom: 5.1875rem;
    text-align: center;
    color: #43484d
}

.promo-7__image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

@media screen and (max-width:63.9375em) {
    .promo-7 {
        padding-top: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .promo-7 {
        padding-top: 3.75rem
    }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .promo-7 {
        background: url(../blocks/promo-7/images/dreaming-bg-2x.png) 0 90% no-repeat;
        background-size: 100% auto
    }
}

.promo-8 {
    background: url(../blocks/promo-8/images/module-bg.png) 90% 50% no-repeat;
    border-bottom: 1px solid #eee;
    padding-bottom: 8rem
}

.promo-8__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 9.6875rem
}

.promo-8__content__right__image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.promo-8__content__left {
    padding-top: 8.4375rem;
    padding-left: 20%
}

.promo-8__content__left__title {
    margin-bottom: 1.25rem;
    color: #43484d
}

.promo-8__content__left__subheading {
    margin-bottom: 2.5rem;
    max-width: 28.75rem;
    color: #5e6977
}

.promo-8__content__left__card {
    position: relative;
    border-radius: .375rem;
    padding: 1.875rem 1.875rem .625rem;
    max-width: 25.75rem;
    background-color: #7dc855;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

.promo-8__content__left__card__title {
    margin-bottom: .625rem;
    font-weight: 500;
    font-size: .75rem;
    line-height: .75rem;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    color: #fff
}

.promo-8__content__left__card__text {
    margin-bottom: 1.125rem;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1.375rem;
    color: #fff
}

.promo-8__content__left__card__users {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.promo-8__content__left__card__users__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: hidden;
    margin-right: .375rem;
    border-radius: .375rem;
    width: 1.25rem;
    height: 1.25rem
}

.promo-8__content__left__card__users__ago {
    position: relative;
    top: -.9375rem;
    font-weight: 400;
    font-size: .9375rem;
    line-height: .9375rem;
    text-align: right;
    color: rgba(255, 255, 255, .51)
}

.promo-8__content__left__card__users__valid {
    position: absolute;
    right: 1.875rem;
    top: 1rem
}

.promo-8__content__left__card__users__valid__svg {
    width: 1.0625rem;
    height: .75rem;
    fill: #fff
}

.promo-8__content__left__card:hover {
    opacity: .8;
    -webkit-transition: all linear .2s;
    transition: all linear .2s
}

@media screen and (max-width:87.5em) {
    .promo-8__content__left {
        padding-left: 10%
    }
}

@media screen and (max-width:74.9375em) {
    .promo-8__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    .promo-8__content__left {
        margin-bottom: 6.25rem;
        padding-top: 0;
        padding-left: 0
    }
    .promo-8__content__left__description,
    .promo-8__content__left__title {
        text-align: center
    }
    .promo-8__content__left__card {
        margin: 0 auto
    }
    .promo-8__content__right {
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }
    .promo-8__content__right__image {
        display: block
    }
    .promo-8__content__right__image img {
        width: 100%
    }
}

@media screen and (max-width:63.9375em) {
    .promo-8__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .promo-8__content__right__image__popup {
        right: 4%;
        top: -20%
    }
    .promo-8__content__left__subheading {
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        text-align: center
    }
}

@media screen and (max-width:47.9375em) {
    .promo-8__content__right__image__popup {
        right: .625rem;
        top: -7.5rem
    }
}

@media screen and (max-width:22.4375em) {
    .promo-8__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .promo-8 {
        display: none;
        background: url(../blocks/promo-8/images/module-bg-2x.png) 90% 50% no-repeat;
        background-size: 45% auto
    }
}

.screenshot-1 {
    position: relative;
    padding-top: 3.1875rem
}

.screenshot-1__image {
    display: block;
    margin-top: -8.5rem;
    margin-bottom: 6.75rem;
    border-radius: .375rem;
    width: 100%;
    height: auto;
    max-width: 71.25rem;
    box-shadow: 0 .9375rem 3.125rem rgba(0, 0, 0, .5)
}

.subscribe-1__form,
.subscribe-1__title {
    max-width: 28.625rem
}

@media screen and (max-width:63.9375em) {
    .screenshot-1__image {
        margin-bottom: 3.75rem
    }
}

@media screen and (max-width:22.4375em) {
    .screenshot-1__image {
        margin-bottom: 1.875rem
    }
}

.subscribe-1 {
    background: url(../blocks/subscribe-1/images/image.png) 100% 6.875rem no-repeat #358ed7
}

.subscribe-1__container {
    padding-top: 10.9375rem;
    padding-bottom: 11.5625rem
}

.subscribe-1__title {
    margin-bottom: .875rem;
    color: #fff
}

.subscribe-1__subheading {
    margin-bottom: 2.375rem;
    max-width: 28.625rem;
    color: rgba(255, 255, 255, .8)
}

.subscribe-1__form__textbox {
    display: block;
    margin-bottom: .9375rem
}

.subscribe-1__form__button {
    display: block;
    margin: 1.875rem 0 0
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .subscribe-1 {
        background: url(../blocks/subscribe-1/images/image-2x.png) 125% 6.875rem no-repeat #358ed7;
        background-size: 62.5rem 36.875rem
    }
}

@media screen and (max-width:89.9375em) {
    .subscribe-1__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:89.9375em) and (-webkit-min-device-pixel-ratio:2),
screen and (max-width:89.9375em) and (min-resolution:192dpi) {
    .subscribe-1 {
        background-position: 205% 3.125rem
    }
}

@media screen and (max-width:74.9375em) {
    .subscribe-1 {
        background-position: 100% 3.125rem;
        background-size: 55% auto;
        background-image: none
    }
    .subscribe-1__form {
        margin-right: auto;
        margin-left: auto;
        max-width: 35.125rem
    }
    .subscribe-1__subheading,
    .subscribe-1__title {
        margin-right: auto;
        margin-left: auto;
        max-width: 31.25rem;
        text-align: center
    }
    .subscribe-1__subheading {
        margin-bottom: 3.75rem
    }
    .subscribe-1__form__button {
        width: 100%
    }
}

@media screen and (max-width:63.9375em) {
    .subscribe-1 {
        background-position: 100% 65%;
        background-size: 50% auto
    }
    .subscribe-1__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

.select__icons__item.france-flag,
.select__icons__item.germany-flag,
.select__icons__item.sweden-flag,
.select__icons__item.usa-flag {
    background-position: center center;
    background-repeat: no-repeat
}

@media screen and (max-width:22.4375em) {
    .subscribe-1__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .subscribe-1__form {
        max-width: none
    }
}

.subscribe-2 {
    background-color: #39add1
}

.subscribe-2__container {
    padding-top: 6.25rem;
    padding-bottom: 5rem
}

.subscribe-2__title {
    margin-bottom: .875rem;
    text-align: center;
    color: #fff
}

.subscribe-2__subheading {
    margin: 0 auto 3.625rem;
    max-width: 31.25rem;
    text-align: center;
    color: rgba(255, 255, 255, .8)
}

.subscribe-2__form {
    margin-right: -.625rem;
    margin-left: -.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    font-size: 0
}

@media print,
screen and (min-width:22.5em) {
    .subscribe-2__form {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media print,
screen and (min-width:48em) {
    .subscribe-2__form {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

@media print,
screen and (min-width:64em) {
    .subscribe-2__form {
        margin-right: -.625rem;
        margin-left: -.625rem
    }
}

.subscribe-2__form__field {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 26.89655%;
    flex: 0 0 26.89655%;
    padding-right: .625rem;
    padding-left: .625rem;
    max-width: 26.89655%;
    margin-bottom: .9375rem
}

.subscribe-2__form__field:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19.31034%;
    flex: 0 0 19.31034%;
    max-width: 19.31034%
}

.subscribe-2__form__button,
.subscribe-2__form__textbox {
    display: block;
    width: 100%
}

@media screen and (max-width:63.9375em) {
    .subscribe-2__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .subscribe-2__subheading {
        margin-bottom: 1.875rem
    }
    .subscribe-2__form {
        margin-right: auto;
        margin-left: auto;
        max-width: 36.375rem
    }
    .subscribe-2__form__field {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .subscribe-2__form__field:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: .9375rem;
        margin-bottom: 0
    }
}

@media screen and (max-width:22.4375em) {
    .subscribe-2__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.subscribe-3 {
    position: relative;
    z-index: 99;
    padding-top: 6.25rem;
    padding-bottom: 5.125rem;
    background-color: #5e6977
}

.subscribe-3__title {
    margin-bottom: 1.875rem;
    text-align: center;
    color: #fff
}

.subscribe-3__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 35.625rem
}

.subscribe-3__form__select {
    position: absolute;
    left: 0;
    top: 0;
    padding: .9375rem 0;
    width: 5.75rem;
    height: 100%
}

.subscribe-3__form__select__field {
    display: block;
    border-right: solid .125rem rgba(255, 255, 255, .2);
    padding-left: 1.125rem;
    height: 100%;
    line-height: 1.875rem
}

.subscribe-3__form__select__field__icon,
.subscribe-3__form__select__field__text {
    display: inline-block;
    vertical-align: middle
}

.select,
.select-styled,
.subscribe-3__form__select__field__text {
    font-size: 1rem;
    line-height: 1rem;
    color: #fff
}

.subscribe-3__form__select__field__icon {
    margin-right: .375rem;
    width: 1.625rem;
    height: 1.5625rem
}

.subscribe-3__form__textbox {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.subscribe-3__form__textbox .textbox__input {
    border-color: rgba(255, 255, 255, .2);
    border-right-width: 0;
    border-radius: .375rem 0 0 .375rem;
    padding-left: 7.1875rem;
    background-color: transparent
}

.subscribe-3__form__button {
    margin: 0;
    border-radius: 0 .375rem .375rem 0;
    padding-right: .625rem;
    padding-left: .625rem;
    width: 10.4375rem
}

@media screen and (max-width:63.9375em) {
    .subscribe-3 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .subscribe-3__form {
        display: block
    }
    .subscribe-3__form__textbox {
        display: block;
        margin-bottom: .9375rem;
        width: 100%
    }
    .subscribe-3__form__textbox .textbox__input {
        border-right-width: .125rem;
        border-radius: .375rem
    }
    .subscribe-3__form__button {
        display: block;
        border-radius: .375rem;
        width: 100%
    }
}

.select,
.select:active,
.select:focus {
    border: none;
    background-color: transparent
}

@media screen and (max-width:22.4375em) {
    .subscribe-3 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.select__icons {
    display: none
}

.select-styled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select__icons__item {
    margin-right: .625rem;
    width: 1.625rem;
    height: 1.5625rem
}

.select__icons__item__svg {
    width: 1.5625rem;
    height: 1.5625rem
}

.select__icons__item.france-flag {
    background-image: url(../blocks/subscribe-3/images/france-flag.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .select__icons__item.france-flag {
        background-image: url(../blocks/subscribe-3/images/france-flag-2x.png);
        background-size: contain
    }
}

.select__icons__item.usa-flag {
    background-image: url(../blocks/subscribe-3/images/usa-flag.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .select__icons__item.usa-flag {
        background-image: url(../blocks/subscribe-3/images/usa-flag-2x.png);
        background-size: contain
    }
}

.select__icons__item.germany-flag {
    background-image: url(../blocks/subscribe-3/images/germany-flag.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .select__icons__item.germany-flag {
        background-image: url(../blocks/subscribe-3/images/germany-flag-2x.png);
        background-size: contain
    }
}

.select__icons__item.sweden-flag {
    background-image: url(../blocks/subscribe-3/images/sweden-flag.png)
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .select__icons__item.sweden-flag {
        background-image: url(../blocks/subscribe-3/images/sweden-flag-2x.png);
        background-size: contain
    }
}

.select__icons__text {
    margin-top: .125rem
}

.select__icons__text__country {
    display: none
}

.select {
    position: absolute;
    left: 1.25rem;
    top: .125rem;
    z-index: 999;
    padding-top: .9375rem;
    padding-bottom: .9375rem;
    font-weight: 400;
    cursor: pointer
}

.select .select-options li,
.subscribe-6__email__text {
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400
}

.select .select-options {
    position: absolute;
    left: -.625rem;
    top: 2.25rem;
    display: none;
    list-style: none;
    margin: 1.25rem 0 0;
    border-radius: .375rem;
    padding: .75rem;
    min-width: 11.5625rem;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);
    background-color: #fff
}

.select .select-options:active,
.select .select-options:focus {
    border: none;
    background-color: #5e6977
}

.select .select-options li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .5rem;
    color: #34383c
}

.select .select-options .select__icons__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.select .select-options .select__icons__text__number {
    margin-right: .625rem
}

.select .select-options .select__icons__text__country {
    display: block;
    color: #86939e
}

.select .select-options::after {
    border-style: solid;
    border-width: 0 .3125rem .3125rem;
    border-color: transparent transparent #fff;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    left: 1.0625rem;
    top: -.3125rem
}

@media screen and (max-width:38.125em) {
    .select .select-options {
        top: auto;
        bottom: 110%
    }
}

.subscribe-4__content {
    padding-top: 5rem;
    padding-bottom: 3.75rem
}

.subscribe-4__content__title {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #43484d
}

.subscribe-4__content__subheading {
    margin: 0 auto 2.5rem;
    max-width: 30.625rem;
    text-align: center;
    color: #5e6977
}

.subscribe-4__content__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 29.0625rem
}

.subscribe-4__content__form__group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 3.75rem
}

.subscribe-4__content__form__group__button {
    position: relative;
    left: -.125rem;
    top: .125rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border-radius: 0 .375rem .375rem 0;
    padding: 1.375rem 2.625rem;
    height: 3.8125rem
}

.subscribe-4__content__form__group__input,
.subscribe-4__content__form__group__input:focus,
.subscribe-4__content__form__group__input:hover {
    border-right: solid .125rem transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: transparent
}

.subscribe-4__content__form__group__input {
    display: block;
    margin: 0;
    padding: 1.1875rem 1.3125rem 1.1875rem 3.1875rem;
    height: auto;
    min-width: 19.0625rem;
    color: #86939e
}

.subscribe-4__content__form__group__input:invalid {
    outline: 0
}

.subscribe-4__content__form__group__icon {
    position: absolute;
    left: 1.3125rem;
    top: .8125rem
}

.subscribe-4__content__form__group__icon__svg {
    width: 1rem;
    height: 1.0625rem;
    fill: #e1e8ee
}

.subscribe-4__content__form__group:first-child {
    border: .125rem solid rgba(255, 255, 255, .2);
    border-right: 0;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
    max-width: 100%
}

@media screen and (max-width:47.9375em) {
    .subscribe-4__content__form__group__button,
    .subscribe-4__content__form__group__input:focus,
    .subscribe-4__content__form__group__input:hover {
        border-radius: .375rem
    }
    .subscribe-4__content__form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .subscribe-4__content__form__group__input {
        border-right: solid .125rem #e1e8ee;
        border-radius: .375rem;
        min-width: unset
    }
    .subscribe-4__content__form__group__input:focus {
        border-right: solid .125rem #7dc855!important
    }
    .subscribe-4__content__form__group__input:hover {
        border-right: solid .125rem #e1e8ee
    }
    .subscribe-4__content__form__group:first-child {
        margin-bottom: 1.25rem;
        border: .125rem solid rgba(255, 255, 255, .2);
        border-radius: .375rem;
        width: 100%
    }
}

@media screen and (max-width:22.4375em) {
    .subscribe-4__content {
        padding-top: 3.75rem
    }
}

.subscribe-5__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: .375rem;
    padding: 3.75rem 6.25rem;
    background-color: #f4f4f4
}

.subscribe-5__title {
    margin-right: 7.5rem;
    margin-bottom: 0;
    color: #43484d
}

.subscribe-5__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.subscribe-5__form__field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.subscribe-5__form__field__button {
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.subscribe-5__form__field__input {
    display: block;
    margin: 0;
    border: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: 2.8125rem;
    height: 3.75rem;
    color: #86939e;
    background-color: #e1e1e1
}

.subscribe-5__form__field__input::-webkit-input-placeholder {
    color: #86939e
}

.subscribe-5__form__field__input:-ms-input-placeholder {
    color: #86939e
}

.subscribe-5__form__field__input::placeholder {
    color: #86939e
}

.subscribe-5__form__field__input:focus {
    border: transparent;
    background-color: #e1e1e1
}

.subscribe-5__form__field__icon {
    position: absolute;
    left: .9375rem;
    top: 1.375rem;
    width: 1.0625rem;
    height: 1.0625rem;
    background-image: url(../blocks/subscribe-5/images/paper-plain.png)
}

.subscribe-5__form__field:first-child {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (max-width:63.9375em) {
    .subscribe-5__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .subscribe-5__title {
        margin-right: 0;
        margin-bottom: 2.1875rem;
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:47.9375em) {
    .subscribe-5__container {
        padding: 3.75rem 2.5rem
    }
    .subscribe-5__form {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .subscribe-5__form__field__button {
        margin-top: .9375rem;
        border-radius: .375rem
    }
    .subscribe-5__form__field__input {
        border-radius: .375rem
    }
}

.subscribe-6 {
    padding-top: 6.25rem;
    padding-bottom: 7.8125rem;
    text-align: center
}

.subscribe-6__title {
    text-align: center;
    color: #43484d
}

.subscribe-6__subheading {
    margin: 0 auto 3rem;
    max-width: 31.25rem;
    text-align: center;
    color: #5e6977
}

.subscribe-6__form {
    margin: 0 auto 2rem;
    max-width: 46.875rem
}

.team-1__subheading,
.team-1__title {
    max-width: 31.25rem;
    text-align: center
}

.subscribe-6__form__textbox {
    display: block;
    margin-bottom: 1.25rem;
    width: 100%
}

.subscribe-6__email__text {
    display: block;
    margin-bottom: 1rem
}

.subscribe-6__email__link {
    display: inline-block;
    border-bottom: solid .0625rem #e1e8ee;
    color: #5e6977;
    -webkit-transition: color .3s;
    transition: color .3s
}

.subscribe-6__email__link:focus,
.subscribe-6__email__link:hover {
    color: #43484d
}

.subscribe-6 .textbox__input:focus {
    border-color: #7dc855!important
}

@media screen and (max-width:74.9375em) {
    .subscribe-6 {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .subscribe-6 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .subscribe-6 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.team-1 {
    padding-top: 6.25rem;
    padding-bottom: 3.75rem
}

.team-1__title {
    margin: 0 auto;
    color: #43484d
}

.team-1__subheading {
    margin: 0 auto 2rem;
    color: #5e6977
}

.team-1__column {
    position: relative;
    margin-bottom: 3.75rem
}

.team-1__item {
    display: block
}

.team-1__item__image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: .375rem;
    height: 13.125rem;
    line-height: 13.125rem;
    text-align: center
}

.team-1__item__image::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    border-radius: .375rem;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.team-1__item__image img {
    vertical-align: bottom;
    max-width: 100%;
    max-height: 100%
}

.team-1__item__content {
    display: block;
    padding: 1.25rem 1.875rem 0
}

.team-1__item__name {
    display: block;
    margin-bottom: .125rem;
    font-weight: 400;
    text-align: center;
    color: #43484d
}

.team-1__item__post,
.team-1__item__text {
    color: #86939e;
    display: block;
    text-align: center
}

.team-1__item__post {
    margin-bottom: .75rem;
    -webkit-transition: .3s;
    transition: .3s
}

.team-1__item__text {
    -webkit-transition: .3s;
    transition: .3s
}

.team-1__item:hover .team-1__item__image::before {
    display: block;
    opacity: .15;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.team-1__item:hover .team-1__item__post,
.team-1__item:hover .team-1__item__text {
    color: #43484d
}

.team-1__item:hover .team-1__item__icon {
    display: block
}

.team-1__item__icon {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    display: none;
    border: .125rem solid #f0f0f0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem
}

.team-1__item__icon__svg {
    position: absolute;
    left: .875rem;
    top: .9375rem;
    width: 1.0625rem;
    height: .875rem;
    fill: #fff
}

@media screen and (max-width:89.9375em) {
    .team-1 {
        padding-top: 6.25rem;
        padding-bottom: 2.5rem
    }
}

@media screen and (max-width:63.9375em) {
    .team-1 {
        padding: 5rem 0 1.25rem
    }
    .team-1__subheading {
        margin-bottom: 5rem
    }
    .team-1__item__image {
        height: 16.25rem;
        line-height: 16.25rem
    }
}

@media screen and (max-width:22.4375em) {
    .team-1 {
        padding-top: 3.75rem;
        padding-bottom: 0
    }
}

.team-2__container {
    border-bottom: solid .0625rem #eee;
    padding-top: 6.25rem;
    padding-bottom: 2.75rem
}

.team-2__title {
    margin: 0 auto 5rem;
    max-width: 46.875rem;
    text-align: center;
    color: #43484d
}

.team-2__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.team-2__list>.column,
.team-2__list>.columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.team-2__list__item {
    display: block;
    margin: 0 auto 3.75rem;
    max-width: 12.5rem
}

.team-2__list__item__photo {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0 auto 1.0625rem;
    border-radius: .375rem;
    width: 10.3125rem;
    height: 10.3125rem;
    background-color: #f4f4f4
}

.team-2__list__item__photo__image {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: 50% 50% no-repeat;
    background-size: cover;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.team-2__list__item__photo::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    border-radius: .375rem;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.team-2__list__item__name {
    display: block;
    margin-bottom: .1875rem;
    text-align: center;
    color: #43484d
}

.team-2__list__item__post {
    display: block;
    text-align: center;
    color: #86939e
}

.team-2__list__item:focus .team-2__list__item__photo__image,
.team-2__list__item:hover .team-2__list__item__photo__image {
    -webkit-transform: scale(1.025);
    transform: scale(1.025)
}

.team-2__list__item:focus .team-2__list__item__photo::after,
.team-2__list__item:hover .team-2__list__item__photo::after {
    opacity: .15
}

.team-2__link {
    display: none;
    margin-top: 2.1875rem;
    font-size: 0;
    line-height: 0
}

.team-2__link__icon,
.team-2__link__text {
    display: inline-block;
    vertical-align: middle
}

.team-2__link__text {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #358ed7
}

.team-2__link__icon {
    margin-left: .625rem;
    width: .375rem;
    height: .6875rem;
    fill: #358ed7;
    opacity: .8
}

@media screen and (max-width:89.9375em) {
    .team-2__container {
        padding-bottom: 1.5625rem;
        max-width: 58.5rem
    }
    .team-2__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .team-2__list>.column,
    .team-2__list>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media screen and (max-width:74.9375em) {
    .team-2__container {
        padding-bottom: 2.5625rem;
        max-width: 44.25rem
    }
    .team-2__list__item {
        margin-bottom: 2.5625rem
    }
}

@media screen and (max-width:63.9375em) {
    .team-2__container {
        padding-top: 5rem;
        padding-bottom: 1.6875rem;
        text-align: center
    }
    .team-2__title {
        margin-bottom: 1.625rem
    }
    .team-2__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .team-2__list>.column,
    .team-2__list>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
    .team-2__list__item {
        margin-bottom: .9375rem
    }
    .team-2__list__item__photo {
        margin-bottom: 1.3125rem;
        width: 9.5625rem;
        height: 9.5625rem
    }
    .team-2__list__item__name {
        margin-bottom: .125rem
    }
    .team-2__link {
        display: inline-block
    }
}

@media screen and (max-width:47.9375em) {
    .team-2__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .team-2__list>.column,
    .team-2__list>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (max-width:22.4375em) {
    .team-2__container {
        padding-top: 3.75rem
    }
    .team-2__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .team-2__list>.column,
    .team-2__list>.columns {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.testimonials-1 {
    background-color: #f4f4f4
}

.testimonials-1__container {
    padding-top: 8.75rem;
    padding-bottom: 8.75rem
}

.testimonials-1__title {
    margin-bottom: 5rem;
    text-align: center;
    color: #43484d
}

.testimonials-1__slider {
    position: relative;
    margin-bottom: 6.25rem
}

.testimonials-1__slider .owl-dots {
    display: block;
    margin-top: 1.25rem;
    text-align: center
}

.testimonials-1__slider .owl-dot {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #86939e;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    margin-right: 2rem;
    opacity: .4
}

.testimonials-1__slider .owl-dot:last-child {
    margin-right: 0
}

.testimonials-1__slider .owl-dot.active {
    opacity: 1
}

.testimonials-1__slider__block {
    margin: 0 auto;
    border-radius: .375rem;
    padding: 3.125rem;
    width: 34.6875rem;
    min-height: 17rem;
    background-color: #fff;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.testimonials-1__slider__block__content {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.testimonials-1__slider__block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.25rem
}

.testimonials-1__slider__block__header__text__title {
    margin-bottom: .125rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    color: #43484d
}

.testimonials-1__slider__block__header__text__ago {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.testimonials-1__slider__block__header__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.testimonials-1__slider__block__header__stars__item {
    cursor: pointer
}

.testimonials-1__slider__block__header__stars__item__svg {
    width: 1rem;
    height: 1rem;
    fill: #86939e;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.testimonials-1__slider__block__header__stars__item__svg.is-active {
    fill: #7dc855;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.testimonials-1__description {
    margin-bottom: 3.75rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    color: #86939e
}

.testimonials-1__companies {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.testimonials-1__companies__item {
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.testimonials-1__companies__item__svg {
    fill: #ddd
}

.testimonials-1__companies__item__svg.item-01 {
    width: 6.5rem;
    height: 2.125rem
}

.testimonials-1__companies__item__svg.item-02 {
    width: 6.625rem;
    height: 1.8125rem
}

.testimonials-1__companies__item__svg.item-03 {
    width: 7.8125rem;
    height: 2.4375rem
}

.testimonials-1__companies__item__svg.item-04 {
    width: 5.75rem;
    height: 1.75rem
}

.testimonials-1__companies__item__svg.item-05 {
    width: 5.5rem;
    height: 2.125rem
}

.testimonials-1__companies__item__svg.item-06 {
    margin-top: .9375rem;
    width: 10.0625rem;
    height: 2rem
}

.testimonials-1__companies__item:hover {
    opacity: .7;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

@media screen and (max-width:89.9375em) {
    .testimonials-1__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .testimonials-1__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .testimonials-1__slider {
        margin-bottom: 5rem
    }
    .testimonials-1__companies {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-right: 1.25rem
    }
    .testimonials-1__companies__item {
        margin-right: 1.25rem;
        margin-bottom: 1.25rem
    }
    .testimonials-1__companies:last-child,
    .testimonials-1__companies__item:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:22.4375em) {
    .testimonials-1__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .testimonials-1__slider {
        margin-bottom: 3.75rem
    }
}

@media screen and (max-width:39.375em) {
    .testimonials-1__slider__block {
        width: auto
    }
}

@media screen and (max-width:25.625em) {
    .testimonials-1__slider__block__content {
        text-align: center
    }
    .testimonials-1__slider__block__header {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        text-align: center
    }
}

@media screen and (max-width:21.875em) {
    .testimonials-1__description,
    .testimonials-1__title {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.is-opacity {
    opacity: .6!important;
    pointer-events: none;
    -webkit-transition: all linear .3s;
    transition: all linear .3s
}

.is-opacity-zero {
    opacity: 0!important
}

.testimonials-2 {
    padding-bottom: 6.5625rem
}

.testimonials-2__container {
    padding-top: 10rem
}

.testimonials-2__title {
    margin-bottom: 3.75rem;
    text-align: center;
    color: #43484d
}

.testimonials-2__people {
    margin-bottom: 1.0625rem;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.testimonials-2__people__item {
    display: inline-block;
    vertical-align: top;
    margin: 0 .3125rem 1.875rem;
    width: 10rem;
    opacity: .3;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.testimonials-2__people__item__photo {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0 auto .75rem;
    border-radius: 50%;
    padding: .25rem;
    width: 4rem;
    height: 4rem;
    background-color: #fff
}

.testimonials-2__people__item__photo__image {
    display: block;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.testimonials-2__people__item__name {
    display: block;
    text-align: center;
    color: #43484d
}

.testimonials-2__people__item.is-active,
.testimonials-2__people__item.is-hover {
    opacity: 1
}

@media screen and (max-width:22.4375em) {
    .testimonials-2__people {
        margin-bottom: 0
    }
}

.testimonials-2__slider__item {
    margin: 0 auto;
    padding: 1.875rem .9375rem 0;
    max-width: 73.125rem
}

.testimonials-2__slider__item__title {
    margin: 0 auto 1.25rem;
    max-width: 36.875rem;
    text-align: center;
    color: #43484d
}

.testimonials-2__slider__item__text {
    margin: 0 auto 1.125rem;
    max-width: 36.875rem;
    text-align: center;
    color: #86939e
}

.testimonials-2__slider__item__sign {
    margin: 0 auto;
    max-width: 36.875rem;
    text-align: center;
    color: #5e6977
}

.testimonials-2__slider .owl-nav {
    display: none
}

.testimonials-2__slider .owl-nav .owl-next,
.testimonials-2__slider .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -1.8125rem;
    border-radius: 50%;
    width: 1rem;
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.testimonials-2__slider .owl-nav .owl-next .icon,
.testimonials-2__slider .owl-nav .owl-prev .icon {
    width: 1rem;
    height: 1.75rem;
    fill: #86939e;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.testimonials-2__slider .owl-nav .owl-next:focus .icon,
.testimonials-2__slider .owl-nav .owl-next:hover .icon,
.testimonials-2__slider .owl-nav .owl-prev:focus .icon,
.testimonials-2__slider .owl-nav .owl-prev:hover .icon {
    fill: #43484d
}

.testimonials-2__slider .owl-nav .owl-next.disabled,
.testimonials-2__slider .owl-nav .owl-prev.disabled {
    opacity: .5;
    cursor: default
}

.testimonials-2__slider .owl-nav .owl-next.disabled .icon,
.testimonials-2__slider .owl-nav .owl-prev.disabled .icon {
    fill: #86939e
}

.testimonials-2__slider .owl-nav .owl-prev {
    left: .5rem
}

.testimonials-2__slider .owl-nav .owl-prev .icon {
    margin-left: -.0625rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media print,
screen and (min-width:48em) {
    .testimonials-2__slider .owl-nav {
        display: block
    }
    .testimonials-2__slider .owl-nav .owl-prev {
        left: 1.875rem
    }
    .testimonials-2__slider .owl-nav .owl-next {
        right: 1.875rem
    }
}

@media print,
screen and (min-width:64em) {
    .testimonials-2__slider .owl-nav .owl-prev {
        left: 7.4375rem
    }
    .testimonials-2__slider .owl-nav .owl-next {
        right: 7.4375rem
    }
}

@media screen and (max-width:89.9375em) {
    .testimonials-2 {
        padding-bottom: 6.25rem
    }
    .testimonials-2__container {
        padding-top: 8.75rem
    }
}

@media screen and (max-width:63.9375em) {
    .testimonials-2 {
        padding-bottom: 5rem
    }
    .testimonials-2__people__item {
        width: 7.5rem
    }
    .testimonials-2__container {
        padding-top: 7.5rem
    }
}

@media screen and (max-width:22.4375em) {
    .testimonials-2 {
        padding-bottom: 3.75rem
    }
    .testimonials-2__people__item {
        width: 5.375rem
    }
    .testimonials-2__people__item__photo {
        margin-bottom: 0
    }
    .testimonials-2__people__item__name {
        display: none
    }
    .testimonials-2__slider__item {
        padding-top: 3.75rem;
        padding-bottom: 0
    }
}

.testimonials-3 {
    overflow: hidden;
    background-color: #f4f4f4
}

.testimonials-3__item,
.testimonials-4__bottom {
    background-color: #fff
}

.testimonials-3__container {
    padding-top: 6.5rem;
    padding-bottom: 6.625rem
}

.testimonials-3__title {
    margin-bottom: 3.5625rem;
    text-align: center;
    color: #43484d
}

.testimonials-3__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.testimonials-3__item {
    position: relative;
    display: block;
    margin-bottom: 1.875rem;
    border-radius: .375rem;
    padding: 1.875rem;
    min-height: 13.5rem;
    max-width: 21.875rem
}

.testimonials-3__item__photo {
    display: block;
    float: left;
    margin-right: -100%;
    width: 2.8125rem;
    height: 2.8125rem
}

.testimonials-3__item__photo__image {
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.testimonials-3__item__name {
    display: block;
    margin-right: 1.875rem;
    margin-bottom: .125rem;
    margin-left: 3.75rem;
    color: #43484d
}

.testimonials-3__item__post,
.testimonials-3__item__text {
    display: block;
    color: #86939e
}

.testimonials-3__item__post {
    margin-right: 1.875rem;
    margin-bottom: .8125rem;
    margin-left: 3.75rem
}

.testimonials-3__item__twitter {
    position: absolute;
    right: 1.875rem;
    top: 1.875rem
}

.testimonials-3__item__twitter__icon {
    display: block;
    width: 1.25rem;
    height: 1.0625rem;
    fill: #5aa8df;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.testimonials-3__item__twitter:focus .testimonials-3__item__twitter__icon,
.testimonials-3__item__twitter:hover .testimonials-3__item__twitter__icon {
    fill: #4987b3
}

@media screen and (max-width:89.9375em) {
    .testimonials-3__container {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
    .testimonials-3__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (max-width:63.9375em) {
    .testimonials-3__container {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .testimonials-3__container {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .testimonials-3__title {
        margin-bottom: 1.875rem
    }
}

.testimonials-4 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem
}

.testimonials-4__top {
    position: relative;
    z-index: 3;
    margin-top: -.5625rem;
    margin-bottom: 5.625rem;
    padding-top: .5625rem
}

.testimonials-4__top .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.375rem
}

.testimonials-4__top__slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12.5rem;
    height: 4.375rem;
    cursor: pointer
}

.testimonials-4__top__slider__item__logo {
    max-width: 10.0625rem;
    max-height: 2.4375rem;
    text-align: center;
    fill: #e1e1e1;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.testimonials-4__top__slider__item.is-active .testimonials-4__top__slider__item__logo,
.testimonials-4__top__slider__item:focus .testimonials-4__top__slider__item__logo,
.testimonials-4__top__slider__item:hover .testimonials-4__top__slider__item__logo {
    fill: #ff585b
}

.testimonials-4__top__slider__item__logo--google {
    width: 6.5rem
}

.testimonials-4__top__slider__item__logo--github {
    width: 6.625rem
}

.testimonials-4__top__slider__item__logo--airbnb {
    width: 7.8125rem
}

.testimonials-4__top__slider__item__logo--flickr {
    width: 5.75rem
}

.testimonials-4__top__slider__item__logo--vine {
    width: 5.5rem
}

.testimonials-4__top__slider__item__logo--amazon {
    padding-top: .9375rem;
    width: 10.0625rem;
    max-height: unset
}

.testimonials-4__top__slider__item.is-active::after {
    opacity: 1
}

.testimonials-4__bottom__slider {
    position: relative
}

.testimonials-4__bottom__slider__item {
    position: relative;
    display: none;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.testimonials-4__bottom__next,
.testimonials-4__bottom__prev {
    position: absolute;
    top: 3.75rem;
    z-index: 10;
    cursor: pointer;
    width: 1rem;
    height: 1.75rem
}

.testimonials-4__bottom__slider__item__content {
    margin: 0 auto;
    max-width: 62.125rem
}

.testimonials-4__bottom__slider__item__quote {
    margin-bottom: 2.1875rem;
    padding-right: 3.75rem;
    padding-left: 3.75rem;
    max-width: 61.25rem;
    text-align: center;
    color: #43484d
}

.testimonials-4__bottom__slider__item__name {
    margin-bottom: .1875rem;
    text-align: center;
    color: #43484d
}

.testimonials-4__bottom__slider__item__post {
    text-align: center;
    color: #86939e
}

.testimonials-4__bottom__slider__item.is-active {
    display: block;
    opacity: 1
}

.testimonials-4__bottom__prev {
    left: 0
}

.testimonials-4__bottom__prev__icon {
    width: 1rem;
    height: 1.75rem;
    fill: #e7eaec;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.testimonials-4__bottom__prev:focus .testimonials-4__bottom__prev__icon,
.testimonials-4__bottom__prev:hover .testimonials-4__bottom__prev__icon {
    fill: #43484d
}

.testimonials-4__bottom__next {
    right: 0
}

.testimonials-4__bottom__next__icon {
    width: 1rem;
    height: 1.75rem;
    fill: #e7eaec;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.testimonials-4__bottom__next:focus .testimonials-4__bottom__next__icon,
.testimonials-4__bottom__next:hover .testimonials-4__bottom__next__icon {
    fill: #43484d
}

@media screen and (max-width:89.9375em) {
    .testimonials-4 {
        border-bottom: solid .0625rem #eee
    }
    .testimonials-4__bottom__slider__item__name,
    .testimonials-4__bottom__slider__item__post {
        margin-right: auto;
        margin-left: auto;
        max-width: 50rem
    }
}

@media screen and (max-width:74.9375em) {
    .testimonials-4__bottom__slider__item__name,
    .testimonials-4__bottom__slider__item__post {
        max-width: 34.375rem
    }
    .testimonials-4__top__slider__item {
        width: 9.375rem;
        height: 3.125rem
    }
}

@media screen and (max-width:63.9375em) {
    .testimonials-4 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .testimonials-4__bottom__slider__item {
        overflow: hidden;
        min-height: 0
    }
    .testimonials-4__bottom__slider__item__content {
        margin-left: 0
    }
    .testimonials-4__bottom__slider__item__name,
    .testimonials-4__bottom__slider__item__post,
    .testimonials-4__bottom__slider__item__quote {
        text-align: center
    }
    .testimonials-4__top__container {
        padding-right: 0;
        padding-left: 0
    }
    .testimonials-4__top__slider__item {
        width: 7.5rem;
        height: 1.875rem
    }
}

@media screen and (max-width:48em) {
    .testimonials-4__bottom__next,
    .testimonials-4__bottom__prev {
        display: none
    }
}

@media screen and (max-width:22.4375em) {
    .testimonials-4 {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
    .testimonials-4__bottom__slider__item__quote {
        padding-right: .625rem;
        padding-left: .625rem
    }
    .testimonials-4__top__slider__item {
        width: 5rem;
        height: 1.25rem
    }
}

.testimonials-5 {
    overflow: hidden
}

.testimonials-5__top {
    background-color: #f4f4f4
}

.testimonials-5__top__slider {
    font-size: 0;
    line-height: 0
}

.testimonials-5__top__slider::after,
.testimonials-5__top__slider::before {
    display: table;
    content: ' '
}

.testimonials-5__top__slider__item {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    margin-right: -100%;
    padding: 8.75rem 0 6.8125rem;
    width: 71.25rem;
    min-height: 34.4375rem;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.testimonials-5__top__slider__item::after,
.testimonials-5__top__slider__item::before {
    display: table;
    content: ' '
}

.testimonials-5__top__slider__item__content {
    margin-left: 36.5625rem
}

.testimonials-5__top__slider__item__quote {
    margin-bottom: 1.1875rem;
    color: #43484d
}

.testimonials-5__top__slider__item__name {
    margin-bottom: .1875rem;
    color: #43484d
}

.testimonials-5__top__slider__item__post {
    margin: 0;
    color: #86939e
}

.testimonials-5__top__slider__item__image {
    position: absolute;
    left: -1rem;
    bottom: 0;
    z-index: 1;
    width: 32.875rem;
    height: 30rem;
    background: 50% 50% no-repeat;
    background-size: cover
}

.testimonials-5__top__slider__item__button {
    position: absolute;
    left: 0;
    bottom: 3.8125rem;
    z-index: 2;
    margin: 0;
    border-radius: 1.25rem;
    padding: .5625rem 1.5625rem;
    height: 2.5rem;
    min-width: 15.8125rem;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    text-align: center;
    background: #7dc855;
    cursor: auto
}

.testimonials-5__top__slider__item__button small {
    font-size: .875rem;
    line-height: 1.375rem;
    opacity: .7
}

.testimonials-5__top__slider__item__button:focus,
.testimonials-5__top__slider__item__button:hover {
    background-color: #7dc855
}

.testimonials-5__top__slider__item.is-active {
    z-index: 3;
    opacity: 1
}

.testimonials-5__bottom {
    position: relative;
    z-index: 3;
    margin-top: -.5625rem;
    padding-top: .5625rem
}

.testimonials-5__bottom__inner {
    position: relative;
    height: 8.75rem;
    background: #fff
}

.testimonials-5__bottom__slider {
    position: relative;
    top: -.5625rem;
    height: 9.3125rem;
    white-space: nowrap
}

.testimonials-5__bottom__slider__item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    padding: .5625rem 1rem 0;
    width: 12.5rem;
    height: 9.3125rem;
    white-space: nowrap;
    cursor: pointer
}

.testimonials-5__bottom__slider__item::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: -.0625rem;
    width: .0625rem;
    height: 8.75rem
}

.testimonials-5__bottom__slider__item__logo {
    max-width: 10.0625rem;
    max-height: 2.4375rem;
    text-align: center;
    fill: #e1e1e1;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.testimonials-5__bottom__slider__item.is-active .testimonials-5__bottom__slider__item__logo,
.testimonials-5__bottom__slider__item:focus .testimonials-5__bottom__slider__item__logo,
.testimonials-5__bottom__slider__item:hover .testimonials-5__bottom__slider__item__logo {
    fill: #86939e
}

.testimonials-5__bottom__slider__item__logo--google {
    width: 6.5rem;
    height: 2.125rem
}

.testimonials-5__bottom__slider__item__logo--github {
    width: 6.625rem;
    height: 1.8125rem
}

.testimonials-5__bottom__slider__item__logo--airbnb {
    width: 7.8125rem;
    height: 2.4375rem
}

.testimonials-5__bottom__slider__item__logo--flickr {
    width: 5.75rem;
    height: 1.75rem
}

.testimonials-5__bottom__slider__item__logo--vine {
    width: 5.5rem;
    height: 2.125rem
}

.testimonials-5__bottom__slider__item__logo--amazon {
    margin-top: 1.5625rem;
    width: 10.0625rem;
    height: 2rem
}

.testimonials-5__bottom__slider__item::after {
    display: block;
    width: 0;
    height: 0;
    border: .5625rem inset;
    content: '';
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -.5625rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.testimonials-5__bottom__slider__item.is-active::after {
    opacity: 1
}

@media screen and (max-width:89.9375em) {
    .testimonials-5 {
        border-bottom: solid .0625rem #eee
    }
    .testimonials-5__top__container {
        max-width: 58.5rem
    }
    .testimonials-5__top__slider__item {
        padding-top: 6.25rem;
        padding-bottom: 2.75rem;
        width: 56.625rem;
        min-height: 34.875rem
    }
    .testimonials-5__top__slider__item__content {
        margin-left: 29.25rem
    }
    .testimonials-5__top__slider__item__image {
        left: -3.5625rem;
        width: 28.75rem;
        height: auto
    }
    .testimonials-5__top__slider__item__button {
        bottom: 3.6875rem
    }
    .testimonials-5__bottom__inner {
        height: 8.125rem
    }
    .testimonials-5__bottom__slider,
    .testimonials-5__bottom__slider__item {
        height: 8.6875rem
    }
    .testimonials-5__bottom__slider__item::before {
        height: 8.125rem
    }
}

@media screen and (max-width:74.9375em) {
    .testimonials-5__top__container {
        max-width: 44.25rem
    }
    .testimonials-5__top__slider__item {
        width: 42.375rem;
        min-height: 32.125rem
    }
    .testimonials-5__top__slider__item__content {
        margin-left: 21.75rem
    }
    .testimonials-5__top__slider__item__image {
        left: -8.875rem;
        width: 26.6875rem
    }
    .testimonials-5__top__slider__item__button {
        bottom: 3.0625rem
    }
    .testimonials-5__bottom__inner {
        height: 7.5rem
    }
    .testimonials-5__bottom__slider,
    .testimonials-5__bottom__slider__item {
        height: 8.0625rem
    }
    .testimonials-5__bottom__slider__item::before {
        height: 7.5rem
    }
    .testimonials-5__bottom__slider__item__logo {
        max-width: 6.375rem
    }
}

@media screen and (max-width:63.9375em) {
    .testimonials-5__top__container {
        max-width: 43.75rem
    }
    .testimonials-5__top__slider__item {
        overflow: hidden;
        padding-top: 5rem;
        padding-bottom: 15.625rem;
        width: 43.75rem;
        min-height: 0
    }
    .testimonials-5__top__slider__item__content {
        margin-left: 0
    }
    .testimonials-5__top__slider__item__name,
    .testimonials-5__top__slider__item__quote {
        text-align: center
    }
    .testimonials-5__top__slider__item__post {
        margin-bottom: 4.375rem;
        text-align: center
    }
    .testimonials-5__top__slider__item__image {
        left: -.4375rem;
        bottom: -4.0625rem
    }
    .testimonials-5__top__slider__item__button {
        left: 50%;
        bottom: 1.375rem;
        margin-left: -7.9375rem;
        padding-right: .3125rem;
        padding-left: .3125rem;
        width: 15.875rem
    }
    .testimonials-5__bottom__inner {
        height: 5rem
    }
    .testimonials-5__bottom__slider,
    .testimonials-5__bottom__slider__item {
        height: 5.5625rem
    }
    .testimonials-5__bottom__slider__item::before {
        height: 5rem
    }
    .testimonials-5__bottom__slider__item__logo {
        max-width: 5rem;
        max-height: 2.1875rem
    }
}

@media screen and (max-width:48em) {
    .testimonials-5__bottom__slider__item {
        width: 6.25rem
    }
}

@media screen and (max-width:22.4375em) {
    .testimonials-5__top__slider__item {
        padding-top: 3.75rem
    }
}

.testimonials-6 {
    border-top: solid .0625rem #eee
}

.testimonials-6__content {
    padding-top: 5.3125rem;
    padding-bottom: 5rem
}

.testimonials-6__content__wrap {
    position: relative
}

.testimonials-6__content__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 1.5625rem
}

.testimonials-6__content__item__left__image {
    position: relative;
    margin-right: 3.3125rem;
    width: 7.5rem;
    height: 7.5rem
}

.testimonials-6__content__item__left__image img {
    border-radius: .375rem;
    max-width: 100%;
    max-height: 100%
}

.testimonials-6__content__item__left__image__icon {
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    width: 2.8125rem;
    height: 2.8125rem;
    box-shadow: .0625rem .125rem .1875rem rgba(0, 0, 0, .1);
    background-color: #fff
}

.testimonials-6__content__item__left__image__icon__svg {
    width: 1.5625rem;
    height: 1.5625rem
}

.testimonials-6__content__item__right__quote {
    margin-bottom: .9375rem;
    color: #43484d
}

.testimonials-6__content__item__right__name {
    margin-bottom: .125rem;
    color: #43484d
}

.testimonials-6__content__item__right__company {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

.testimonials-6__nav__prev {
    position: absolute;
    left: -5.375rem;
    top: 45%;
    z-index: 10;
    width: 1rem;
    height: 1.75rem;
    cursor: pointer
}

.testimonials-6__nav__prev__icon {
    width: 1rem;
    height: 1.75rem;
    fill: #e7eaec;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.testimonials-6__nav__prev:focus .testimonials-6__nav__prev__icon,
.testimonials-6__nav__prev:hover .testimonials-6__nav__prev__icon {
    fill: #43484d
}

.testimonials-6__nav__next {
    position: absolute;
    right: -4rem;
    top: 45%;
    z-index: 10;
    width: 1rem;
    height: 1.75rem;
    cursor: pointer
}

.testimonials-6__nav__next__icon {
    width: 1rem;
    height: 1.75rem;
    fill: #e7eaec;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.testimonials-6__nav__next:focus .testimonials-6__nav__next__icon,
.testimonials-6__nav__next:hover .testimonials-6__nav__next__icon {
    fill: #43484d
}

@media screen and (max-width:89.9375em) {
    .testimonials-6__nav__next,
    .testimonials-6__nav__prev {
        display: none
    }
}

@media screen and (max-width:63.9375em) {
    .testimonials-6__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:47.9375em) {
    .testimonials-6__content__item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
    .testimonials-6__content__item__left__image {
        margin-right: 0;
        margin-bottom: 1.875rem
    }
}

@media screen and (max-width:22.4375em) {
    .testimonials-6__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.testimonials-7 {
    padding-top: 6.25rem;
    padding-bottom: 6.5625rem;
    text-align: center;
    background: #f9f9f9
}

.testimonials-7__tag {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #86939e
}

.testimonials-7__title {
    margin-bottom: 1.25rem;
    text-align: center;
    color: #43484d
}

.testimonials-7__subheading {
    margin: 0 auto;
    max-width: 40.875rem;
    text-align: center;
    color: #5e6977
}

.testimonials-7__item {
    margin: 0 auto .9375rem;
    max-width: 18.4375rem
}

.testimonials-7__item__logo {
    height: 8.4375rem;
    font-size: 0;
    text-align: center
}

.testimonials-7__item__logo::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.testimonials-7__item__logo__icon {
    fill: #86939e
}

.testimonials-7__item__text {
    margin-bottom: 2rem;
    padding: 0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    background: 0 0
}

.testimonials-7__item__photo {
    display: inline-block;
    overflow: hidden;
    border-radius: 50%;
    width: 3.4375rem;
    height: 3.4375rem
}

.testimonials-7__item__name {
    color: #43484d
}

.testimonials-7__item__post {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    color: #86939e
}

@media screen and (max-width:74.9375em) {
    .testimonials-7 {
        padding-top: 6.25rem;
        padding-bottom: 5.3125rem
    }
}

@media screen and (max-width:63.9375em) {
    .testimonials-7 {
        padding-top: 5rem;
        padding-bottom: 4.0625rem
    }
}

@media screen and (max-width:22.4375em) {
    .testimonials-7 {
        padding-top: 3.75rem;
        padding-bottom: 2.8125rem
    }
}

.testimonials-8__content {
    padding-top: 7.5rem;
    padding-bottom: 9.6875rem
}

.testimonials-8__content__slogan {
    margin-bottom: 1.25rem;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    color: #86939e
}

.testimonials-8__content__title {
    margin: 0 auto 1.25rem;
    max-width: 25rem;
    text-align: center;
    color: #43484d
}

.testimonials-8__content__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3.75rem
}

.testimonials-8__content__block__item {
    margin-right: 2.1875rem;
    opacity: .5;
    cursor: pointer;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s
}

.testimonials-8__content__block__item.is-active {
    opacity: 1
}

.testimonials-8__content__block__item:hover {
    opacity: .8;
    -webkit-transition: opacity linear .2s;
    transition: opacity linear .2s
}

.testimonials-8__content__block__item:last-child {
    margin-right: 0
}

.testimonials-8__content__block__item__image {
    width: 100%;
    max-width: 100%
}

.testimonials-8__content__text__item {
    display: none;
    -webkit-animation: fadeOut linear .3s;
    animation: fadeOut linear .3s
}

.testimonials-8__content__text__item.is-active {
    display: block;
    -webkit-animation: fadeIn linear .3s;
    animation: fadeIn linear .3s
}

.testimonials-8__content__text__item__cite {
    margin: 0 auto 1.25rem;
    max-width: 43.75rem;
    text-align: center;
    color: #43484d
}

.testimonials-8__content__text__item__autor {
    margin-bottom: .625rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #43484d
}

.testimonials-8__content__text__item__company {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5625rem;
    text-align: center;
    color: #86939e
}

@media screen and (max-width:74.9375em) {
    .testimonials-8__content {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem
    }
}

@media screen and (max-width:63.9375em) {
    .testimonials-8__content {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
}

@media screen and (max-width:22.4375em) {
    .testimonials-8__content {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}
#birth_day,
#birth_month,
#birth_year {
    width: 100px;
    display: inline-block;
    border-radius: 3px;
    vertical-align: top;
    margin-top: -7px;
}
.form-signup2 input#submit:disabled {
	opacity: 0.2;
}

.nl-dd ul li:hover {
    color: #FF1744;
}
.nl-dd ul li:hover:before {
    content: "\e000";
    position: absolute;
    right: 1em;
    font-size: 50%;
    line-height: 3;
    font-family: 'nlicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 767px) {
	.menuMobile ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	section#h-1 div.menuMobile ul li {
		margin: 0;
		padding: 5px 10px;
	}
	section#h-1 div.menuMobile .contentDropdown {
		border: 0;
		font-size: 14px;
		position: relative;
		left: 0px;
		top: 10px;
	}
	section#h-1 div.menuMobile .contentDropdown ul {
		max-width: none !important;
		width: 150px;
	}
	section#h-1 div.menuMobile ul ul {
		top: -10px !important;
		left: 50% !important;
		width: 200px !important;
		margin-left: -100px !important;
		padding: 0;
		background: white;
		transform: none;
	}
	/* section#h-1 div.menuMobile #lenguage .contentDropdown ul {
		max-width: none !important;
		width: 50px !important;
		margin-left: 33px !important;
	} */
}
form.nl-form div.nl-field-open ul:hover li.nl-dd-checked {
	color: white;
}
form.nl-form div.nl-field-open ul:hover li.nl-dd-checked:before {
	visibility: hidden;
}
form.nl-form div.nl-field-open ul:hover li.nl-dd-checked:hover {
	color: #FF1744;
}
form.nl-form div.nl-field-open ul:hover li.nl-dd-checked:hover:before {
	visibility: visible;
}










#offers-clone li,
#offers li {
	 margin-bottom: 10px;
	background: #f8f8f8;
	padding: 15px !important;
	border-radius:10px;
	border:2px solid #f8f8f8 ;
	cursor: pointer;
	display: block !important;
}

#offers-clone li > a,
#offers li > a {
	display: block;
	width: 100%;
}
#offers-clone li:hover,
#offers li:hover {
	border-color: #ff1744;
	background: #fff; 
}
#offers-clone .item-left,
#offers .item-left {
float: left;
width: 150px;
text-align: left;
}

#offers-clone .item-right,
#offers .item-right {
  float: left;
  width: calc(100% - 150px);
  text-align: left;
  padding-left: 15px
}
#offers-clone .item-right h5,
#offers .item-right h5{
	font-size: 17px;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'brandon_grotesquebold' !important;
	margin: 10px 0 0px;
}
#offers-clone .item-right > span,
#offers .item-right > span {
  display: block;
  margin-bottom: 5px; 
  display: block;
margin-bottom: 0;
padding-left: 20px;
color: #aaa;

}
#offers-clone .item-right > span.item-price,
#offers .item-right > span.item-price{
	font-size: 1.5em;
	background: url(/wp-content/plugins/website-custom-plugin/assets/images/rose-new.png);
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 17px;
}
#offers-clone .item-dur,
#offers .item-dur{
	font-style: italic 


}
#offers-clone img,
#offers img {
 border-radius: 10px;


}
#offers-clone .contentDropdown,
#offers .contentDropdown {
	width: 400px !important;
}
#offers-clone .item-name,
#offers .item-name {
color: #222;
font-size: 30px;
font-weight: bold;
letter-spacing: 1px;
font-family: 'brandon_grotesquebold' !important;
text-transform: uppercase;
text-align: left;
display: block;
/* margin-bottom: 10px; */
margin-top: 10px
}
#offers-clone .item-quantity,
#offers .item-quantity {
  color: #ABB0BE;
}

.notif-image {
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 10px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 10px;
}
.notif-image img,
#client_reviews_list .author img {
	border-radius: 0 !important;
	display: block !important;
	width: 100% !important;
	height: auto !important;
}
.footer_info {
	text-align: center;
	line-height: 30px !important;
}
.footer_info p a{
	font-family: Roboto, sans-serif !important;
	font-size: 16px;
}
.footer_info p a:hover{
	color:#fff;
	text-decoration: none;
}
.footer_logo_link {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.footer_info p{
	display: inline-block;
	vertical-align: top;
	font-family: Roboto, sans-serif !important;
	font-size: 16px;
	line-height: 30px !important;
	color: #ff335b !important;
}
.bottom .s2 {
	width: 443px;
	text-align: right;
	max-width: 100%;
}
@media screen and (max-width: 992px){
	.footer_info {
		margin: 10px 0;
	}
	.footer_logo_link {
		width: 100%;
	}
	.bottom .s2 {
		width: auto;
		text-align: center;
	}
	.footer_logo_link {
		margin: 0 auto;
	}
}
section#f-1 {
	line-height: 30px !important;
}
@media screen and (min-width: 992px) {

    /* start customization - ljube@www-you.com /  */
.home_video {
    padding-top: 0;
    padding-left: 160px;
    padding-right: 160px;
}
    
    section#f-1 .container {
		width: auto;
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}