.container,
.container-fluid {
    padding-right: 15px;
    padding-left: 15px
}

.flex-column,
.flex-row {
    -webkit-box-direction: normal!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.container,
.container-fluid,
.s_wrap,
sub,
sup {
    position: relative
}

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

.cf:after,
.clear,
.slick-track:after {
    clear: both
}

.in-page-link,
.slick-loading .slick-slide,
.slick-loading .slick-track,
.switcher__tab.hidden {
    visibility: hidden
}

.hex-border:after,
.hex-border:before {
    -webkit-box-shadow: -4px -4px 6px rgba(0, 0, 0, .3);
    -moz-box-shadow: -4px -4px 6px rgba(0, 0, 0, .3)
}

@-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

*,
.slick-slider {
    box-sizing: border-box
}

p {
    margin-bottom: 1rem
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

@media (min-width:576px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 540px;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 720px;
        max-width: 100%
    }
}

.container-fluid {
    margin-left: auto;
    margin-right: auto
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:576px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:768px) {
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:992px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 960px;
        max-width: 100%
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:1200px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
        width: 1140px;
        max-width: 100%
    }
    .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-1,
.col-auto {
    -webkit-box-flex: 0
}

.col-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

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

.col-2 {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

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

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

.col-4 {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

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

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

.col-7 {
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

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

.col-8 {
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

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

.col-10,
.col-11 {
    -webkit-box-flex: 0
}

.col-10 {
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

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

.pull-0 {
    right: auto
}

.pull-1 {
    right: 8.333333%
}

.pull-2 {
    right: 16.666667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.333333%
}

.pull-5 {
    right: 41.666667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.333333%
}

.pull-8 {
    right: 66.666667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.333333%
}

.pull-11 {
    right: 91.666667%
}

.pull-12 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 8.333333%
}

.push-2 {
    left: 16.666667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.333333%
}

.push-5 {
    left: 41.666667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.333333%
}

.push-8 {
    left: 66.666667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.333333%
}

.push-11 {
    left: 91.666667%
}

.push-12 {
    left: 100%
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

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

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

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

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

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

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width:576px) {
    .col-sm {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-sm-0 {
        right: auto
    }
    .pull-sm-1 {
        right: 8.333333%
    }
    .pull-sm-2 {
        right: 16.666667%
    }
    .pull-sm-3 {
        right: 25%
    }
    .pull-sm-4 {
        right: 33.333333%
    }
    .pull-sm-5 {
        right: 41.666667%
    }
    .pull-sm-6 {
        right: 50%
    }
    .pull-sm-7 {
        right: 58.333333%
    }
    .pull-sm-8 {
        right: 66.666667%
    }
    .pull-sm-9 {
        right: 75%
    }
    .pull-sm-10 {
        right: 83.333333%
    }
    .pull-sm-11 {
        right: 91.666667%
    }
    .pull-sm-12 {
        right: 100%
    }
    .push-sm-0 {
        left: auto
    }
    .push-sm-1 {
        left: 8.333333%
    }
    .push-sm-2 {
        left: 16.666667%
    }
    .push-sm-3 {
        left: 25%
    }
    .push-sm-4 {
        left: 33.333333%
    }
    .push-sm-5 {
        left: 41.666667%
    }
    .push-sm-6 {
        left: 50%
    }
    .push-sm-7 {
        left: 58.333333%
    }
    .push-sm-8 {
        left: 66.666667%
    }
    .push-sm-9 {
        left: 75%
    }
    .push-sm-10 {
        left: 83.333333%
    }
    .push-sm-11 {
        left: 91.666667%
    }
    .push-sm-12 {
        left: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-md-0 {
        right: auto
    }
    .pull-md-1 {
        right: 8.333333%
    }
    .pull-md-2 {
        right: 16.666667%
    }
    .pull-md-3 {
        right: 25%
    }
    .pull-md-4 {
        right: 33.333333%
    }
    .pull-md-5 {
        right: 41.666667%
    }
    .pull-md-6 {
        right: 50%
    }
    .pull-md-7 {
        right: 58.333333%
    }
    .pull-md-8 {
        right: 66.666667%
    }
    .pull-md-9 {
        right: 75%
    }
    .pull-md-10 {
        right: 83.333333%
    }
    .pull-md-11 {
        right: 91.666667%
    }
    .pull-md-12 {
        right: 100%
    }
    .push-md-0 {
        left: auto
    }
    .push-md-1 {
        left: 8.333333%
    }
    .push-md-2 {
        left: 16.666667%
    }
    .push-md-3 {
        left: 25%
    }
    .push-md-4 {
        left: 33.333333%
    }
    .push-md-5 {
        left: 41.666667%
    }
    .push-md-6 {
        left: 50%
    }
    .push-md-7 {
        left: 58.333333%
    }
    .push-md-8 {
        left: 66.666667%
    }
    .push-md-9 {
        left: 75%
    }
    .push-md-10 {
        left: 83.333333%
    }
    .push-md-11 {
        left: 91.666667%
    }
    .push-md-12 {
        left: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-lg-0 {
        right: auto
    }
    .pull-lg-1 {
        right: 8.333333%
    }
    .pull-lg-2 {
        right: 16.666667%
    }
    .pull-lg-3 {
        right: 25%
    }
    .pull-lg-4 {
        right: 33.333333%
    }
    .pull-lg-5 {
        right: 41.666667%
    }
    .pull-lg-6 {
        right: 50%
    }
    .pull-lg-7 {
        right: 58.333333%
    }
    .pull-lg-8 {
        right: 66.666667%
    }
    .pull-lg-9 {
        right: 75%
    }
    .pull-lg-10 {
        right: 83.333333%
    }
    .pull-lg-11 {
        right: 91.666667%
    }
    .pull-lg-12 {
        right: 100%
    }
    .push-lg-0 {
        left: auto
    }
    .push-lg-1 {
        left: 8.333333%
    }
    .push-lg-2 {
        left: 16.666667%
    }
    .push-lg-3 {
        left: 25%
    }
    .push-lg-4 {
        left: 33.333333%
    }
    .push-lg-5 {
        left: 41.666667%
    }
    .push-lg-6 {
        left: 50%
    }
    .push-lg-7 {
        left: 58.333333%
    }
    .push-lg-8 {
        left: 66.666667%
    }
    .push-lg-9 {
        left: 75%
    }
    .push-lg-10 {
        left: 83.333333%
    }
    .push-lg-11 {
        left: 91.666667%
    }
    .push-lg-12 {
        left: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .pull-xl-0 {
        right: auto
    }
    .pull-xl-1 {
        right: 8.333333%
    }
    .pull-xl-2 {
        right: 16.666667%
    }
    .pull-xl-3 {
        right: 25%
    }
    .pull-xl-4 {
        right: 33.333333%
    }
    .pull-xl-5 {
        right: 41.666667%
    }
    .pull-xl-6 {
        right: 50%
    }
    .pull-xl-7 {
        right: 58.333333%
    }
    .pull-xl-8 {
        right: 66.666667%
    }
    .pull-xl-9 {
        right: 75%
    }
    .pull-xl-10 {
        right: 83.333333%
    }
    .pull-xl-11 {
        right: 91.666667%
    }
    .pull-xl-12 {
        right: 100%
    }
    .push-xl-0 {
        left: auto
    }
    .push-xl-1 {
        left: 8.333333%
    }
    .push-xl-2 {
        left: 16.666667%
    }
    .push-xl-3 {
        left: 25%
    }
    .push-xl-4 {
        left: 33.333333%
    }
    .push-xl-5 {
        left: 41.666667%
    }
    .push-xl-6 {
        left: 50%
    }
    .push-xl-7 {
        left: 58.333333%
    }
    .push-xl-8 {
        left: 66.666667%
    }
    .push-xl-9 {
        left: 75%
    }
    .push-xl-10 {
        left: 83.333333%
    }
    .push-xl-11 {
        left: 91.666667%
    }
    .push-xl-12 {
        left: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width:576px) {
    .d-sm-none {
        display: none!important
    }
    .d-sm-inline {
        display: inline!important
    }
    .d-sm-inline-block {
        display: inline-block!important
    }
    .d-sm-block {
        display: block!important
    }
    .d-sm-table {
        display: table!important
    }
    .d-sm-table-cell {
        display: table-cell!important
    }
    .d-sm-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width:768px) {
    .d-md-none {
        display: none!important
    }
    .d-md-inline {
        display: inline!important
    }
    .d-md-inline-block {
        display: inline-block!important
    }
    .d-md-block {
        display: block!important
    }
    .d-md-table {
        display: table!important
    }
    .d-md-table-cell {
        display: table-cell!important
    }
    .d-md-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.flex-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

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

.flex-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-column-reverse,
.flex-row-reverse {
    -webkit-box-direction: reverse!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-flex-direction: row-reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-flex-direction: column-reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap!important;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse!important;
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -webkit-justify-content: flex-start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -webkit-justify-content: flex-end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

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

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

.justify-content-around {
    -webkit-justify-content: space-around!important;
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

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

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

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

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -webkit-align-items: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

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

.align-content-start {
    -webkit-align-content: flex-start!important;
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -webkit-align-content: flex-end!important;
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -webkit-align-content: center!important;
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -webkit-align-content: space-between!important;
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -webkit-align-content: space-around!important;
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -webkit-align-content: stretch!important;
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -webkit-align-self: auto!important;
    -ms-flex-item-align: auto!important;
    -ms-grid-row-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -webkit-align-self: flex-start!important;
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -webkit-align-self: flex-end!important;
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    -ms-grid-row-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -webkit-align-self: baseline!important;
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

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

@media (min-width:576px) {
    .flex-sm-column,
    .flex-sm-row {
        -webkit-box-direction: normal!important
    }
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width:768px) {
    .flex-md-column,
    .flex-md-row {
        -webkit-box-direction: normal!important
    }
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.m-1 {
    margin: .25rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.m-2 {
    margin: .5rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.m-3 {
    margin: 1rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.m-5 {
    margin: 3rem!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.p-0 {
    padding: 0!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.p-1 {
    padding: .25rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.p-2 {
    padding: .5rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.p-3 {
    padding: 1rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.p-5 {
    padding: 3rem!important
}

.m-auto {
    margin: auto!important
}

@media (min-width:576px) {
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .m-sm-0 {
        margin: 0!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
}

@media (min-width:768px) {
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .m-md-0 {
        margin: 0!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none!important
    }
    .d-lg-inline {
        display: inline!important
    }
    .d-lg-inline-block {
        display: inline-block!important
    }
    .d-lg-block {
        display: block!important
    }
    .d-lg-table {
        display: table!important
    }
    .d-lg-table-cell {
        display: table-cell!important
    }
    .d-lg-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
    .flex-lg-column,
    .flex-lg-row {
        -webkit-box-direction: normal!important
    }
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .m-lg-0 {
        margin: 0!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none!important
    }
    .d-xl-inline {
        display: inline!important
    }
    .d-xl-inline-block {
        display: inline-block!important
    }
    .d-xl-block {
        display: block!important
    }
    .d-xl-table {
        display: table!important
    }
    .d-xl-table-cell {
        display: table-cell!important
    }
    .d-xl-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
    .flex-xl-column,
    .flex-xl-row {
        -webkit-box-direction: normal!important
    }
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        -ms-grid-row-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        -ms-grid-row-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        -ms-grid-row-align: stretch!important;
        align-self: stretch!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .m-xl-0 {
        margin: 0!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
}

@font-face {
    font-family: 'GT Haptik Medium';
    src: url(../fonts/GT-Haptik-Medium.woff2) format('woff2'), url(../fonts/GT-Haptik-Medium.woff) format('woff');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'GT Haptik Regular';
    src: url(../fonts/GT-Haptik-Regular.html) format('woff2'), url(../fonts/GT-Haptik-Regular-2.html) format('woff');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Brown Light';
    src: url(../fonts/lineto-brown-light.woff2) format('woff2'), url(../fonts/lineto-brown-light.woff) format('woff');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Brown Light';
    src: url(../fonts/brown-bold-webfont.eot);
    src: url(../fonts/brown-bold-webfontd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/brown-bold-webfont.woff2) format('woff2'), url(../fonts/brown-bold-webfont.woff) format('woff'), url(../fonts/brown-bold-webfont.ttf) format('truetype'), url(../fonts/brown-bold-webfont.svg#brownbold) format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Open 24';
    src: url(../fonts/open-24.woff2) format('woff2'), url(../fonts/open-24.woff) format('woff');
    font-style: normal;
    font-weight: 400
}

* {
    margin: 0;
    padding: 0
}

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

blockquote {
    quotes: none
}

abbr[title] {
    border-bottom: 1px dotted
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

ul {
    list-style-type: none
}

address {
    font-style: normal
}

a:active,
a:hover,
button,
input,
select,
textarea {
    outline: 0
}

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

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

input:first-line,
select:first-line {
    display: inline-block
}

button,
html,
input,
select,
textarea {
    font-family: inherit;
    color: #222;
    font-size: 100%;
    line-height: 1
}

button,
input,
label,
option,
select,
textarea {
    vertical-align: baseline;
    *vertical-align: middle;
    cursor: pointer;
    border-radius: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    *overflow: visible
}

input[type=text]:active,
input[type=text]:focus,
textarea:active,
textarea:focus {
    cursor: text
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
textarea {
    background-clip: padding-box
}

button[disabled],
input[disabled] {
    cursor: default
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

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

[hidden] {
    display: none
}

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

.browser-outdated {
    margin: 1em 0;
    background-color: #b00;
    color: #fff;
    padding: 1em 0;
    text-align: center
}

.browser-outdated a {
    color: #fff
}

@media print {
    * {
        background: 0 0!important;
        color: #6f42c1!important;
        box-shadow: none!important;
        text-shadow: none!important;
        -webkit-filter: none!important;
        filter: none!important;
        -ms-filter: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    a[href^="#"]:after {
        content: ""
    }
    img {
        max-width: 100%!important
    }
}

.cf:after,
.cf:before,
.check label:before,
.s_option:first-child:after {
    content: ""
}

.cf:after,
.cf:before {
    display: table
}

.t--left {
    text-align: left
}

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

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

.g12 {
    width: 12.5%
}

.g16 {
    width: 16.7%
}

.g20 {
    width: 20%
}

.block__column--column25,
.g25 {
    width: 25%
}

.block__column--column33,
.g33 {
    width: 33.33%
}

.g40 {
    width: 40%
}

.block__column--column50,
.g50 {
    width: 50%
}

.g60 {
    width: 60%
}

.block__column--column66,
.g66 {
    width: 66.66%
}

.g75 {
    width: 75%
}

.g80 {
    width: 80%
}

.block__column--column100,
.g100 {
    width: 100%
}

.container {
    max-width: 126rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.container--slim {
    padding-left: 0;
    padding-right: 0
}

.g {
    font-size: 0
}

.g>* {
    font-size: medium
}

.g--pulled {
    margin-left: -2rem;
    margin-right: -2rem
}

.block__column,
.g__col {
    display: inline-block;
    vertical-align: top
}

.block__column,
.g__col--pad {
    padding-left: 2rem;
    padding-right: 2rem
}

.action__form,
.f,
.f--between,
.f--center {
    display: flex;
    flex-wrap: wrap
}

.f--between {
    justify-content: space-between
}

.action__form,
.f--center {
    align-items: center
}

.f--flipped {
    flex-direction: row-reverse
}

[data-object-fit] {
    object-fit: cover;
    object-position: center
}

.touch-image {
    display: none
}

.touchevents .touch-image {
    display: block;
    margin: auto
}

.touchevents .touch-hide {
    display: none
}

[class*=fx--] {
    transition: .5s cubic-bezier(.4, 0, .2, 1)
}

[class*=fx--]+[class*=fx--] {
    transition-delay: .1s
}

[class*=fx--]+[class*=fx--]+[class*=fx--] {
    transition-delay: .2s
}

[class*=fx--]+[class*=fx--]+[class*=fx--]+[class*=fx--] {
    transition-delay: .3s
}

.fx--delay-100 {
    transition-delay: .1s!important
}

.fx--delay-200 {
    transition-delay: .2s!important
}

.fx--delay-300 {
    transition-delay: .3s!important
}

.fx--delay-400 {
    transition-delay: .4s!important
}

.fx--in-up {
    transform: translateY(20px);
    opacity: 0
}

.fx--in-up.revealed {
    transform: translateY(0);
    opacity: 1
}

.fx--in-left {
    transform: translateX(-40px);
    opacity: 0
}

.fx--in-left.revealed {
    transform: translateY(0);
    opacity: 1
}

.fx--in-right {
    transform: translateX(40px);
    opacity: 0
}

.fx--in-right.revealed {
    transform: translateY(0);
    opacity: 1
}

.fx--in-out {
    transform: scale(.95);
    opacity: 0
}

.fx--in-out.revealed {
    transform: scale(1);
    opacity: 1
}

.mb-16 {
    margin-bottom: 16px
}

.mb-32 {
    margin-bottom: 32px
}

.s_wrap {
    overflow: hidden;
    height: 1.6rem;
    cursor: pointer
}

.s_wrap--active {
    overflow: visible
}

.s_options {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.field,
.slick-list,
.slick-slider,
.slick-track {
    position: relative
}

.s_wrap--active .s_options {
    z-index: 2
}

.s_option {
    padding: 1rem 0 0;
    cursor: pointer;
    min-height: 1.6rem;
    min-width: 6rem;
    transition: .2s linear;
    background-color: #fff;
    white-space: nowrap
}

.s_option:first-child {
    padding: 0;
    min-width: 0
}

.s_option:first-child:after {
    width: .9rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: .8rem;
    margin-top: -.2rem;
    transform: rotate(90deg);
    background-image: url(../images/icon--arrow-right.svg);
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.s_option:hover {
    color: #6f42c1
}

.slick-slider {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

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

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

code[class*=language-],
pre[class*=language-] {
    color: #6f42c1;
    background: 0 0;
    text-shadow: 0 1px #fff;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #f5f2f0
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #905
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #690
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #a67f59;
    background: rgba(255, 255, 255, .5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.function {
    color: #DD4A68
}

.token.important,
.token.regex,
.token.variable {
    color: #e90
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

a {
    color: #4dc0b5;
    outline: 0;
    transition: color .2s linear
}

.check label,
.field__label {
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

a:focus,
a:hover {
    color: #ee7676
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-size: 62.5%;
    background-color: #fff
}

body {
    font-family: 'Brown Light', sans-serif;
    color: #6f42c1;
    font-size: 1.6rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2;
    font-family: 'GT Haptik Medium', sans-serif;
    font-weight: 400
}

.hero {
    font-size: 7rem
}

@media (max-width:1000px) {
    .hero {
        font-size: 5.2rem
    }
}

@media (max-width:480px) {
    .hero {
        font-size: 2.6rem
    }
}

.h1,
h1 {
    font-size: 5rem;
    line-height: 1.125
}

@media (max-width:680px) {
    .h1,
    h1 {
        font-size: 2.4rem
    }
}

.h2,
h2 {
    font-size: 3rem;
    line-height: 1.2;
    letter-spacing: -.02em
}

.h3,
h3 {
    font-size: 2rem
}

@media (max-width:680px) {
    .h2,
    h2 {
        font-size: 2rem
    }
    .h3,
    h3 {
        font-size: 1.6rem
    }
}

.block__link,
.h4,
h4 {
    font-size: 1.6rem
}

@media (max-width:680px) {
    .block__link,
    .h4,
    h4 {
        font-size: 1.2rem
    }
}

.h5,
h5 {
    font-size: 1.4rem
}

.h6,
h6 {
    font-size: 1.2rem
}

figure,
p {
    font-size: 1.8rem
}

p {
    line-height: 1.6
}

hr {
    border: 0;
    height: 1px;
    background-color: #b7b7b7;
    margin-top: 6rem;
    margin-bottom: 6rem
}

figure {
    padding-top: 4.5rem;
    margin-bottom: 6.5rem;
    text-align: center
}

@media (max-width:1000px) {
    hr {
        margin-top: 5.75rem;
        margin-bottom: 5.75rem
    }
    figure {
        padding-top: 2.25rem;
        margin-bottom: 3.25rem
    }
}

figure figcaption {
    padding-top: 6rem
}

.text-center {
    text-align: center;
    max-width: 100%
}

.text-right {
    text-align: right
}

.article blockquote,
.article figcaption,
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article img,
.article p,
.body blockquote,
.body figcaption,
.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.body img,
.body p,
article blockquote,
article figcaption,
article h1,
article h2,
article h3,
article h4,
article h5,
article h6,
article img,
article p {
    margin-bottom: 2.5rem
}

.article blockquote,
.article figcaption,
.article li,
.article p,
.body blockquote,
.body figcaption,
.body li,
.body p,
article blockquote,
article figcaption,
article li,
article p {
    line-height: 1.56
}

.article blockquote,
.body blockquote,
article blockquote {
    font-size: 2.2rem;
    font-style: italic;
    padding: 1em
}

.article blockquote>p,
.body blockquote>p,
article blockquote>p {
    margin-bottom: 0
}

.article ol,
.article ul,
.body ol,
.body ul,
article ol,
article ul {
    padding-left: 1em;
    margin: 1em 0;
    list-style-position: outside;
    list-style-type: disc
}

.article ol,
.body ol,
article ol {
    list-style-type: decimal
}

.faqs__list,
.faqs__title,
.plans__features,
.preview__tags,
ul.article__contents {
    list-style-type: none
}

.article li,
.body li,
article li {
    margin: .5em 0
}

.site {
    padding-top: 5.7rem
}

@media (min-width:1088px) {
    .site {
        padding-top: 8rem
    }
}

.body--light .site,
.page {
    background-color: #fff
}

::-moz-selection {
    background: #4dc0b5;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #4dc0b5;
    color: #fff;
    text-shadow: none
}

.field {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #b7b7b7
}

.field--inline {
    display: inline-block;
    vertical-align: middle;
    min-width: 17rem
}

.field__input,
.field__label,
[type=text],
[type=tel],
[type=email],
[type=password],
[type=url],
[type=number] {
    width: 100%;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #fff;
    padding: 1.7rem 0;
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    color: currentColor
}

.button,
button {
    background-color: transparent
}

.banner,
.poster,
.seperator,
.video--backdrop:before {
    background-repeat: no-repeat
}

.field__label {
    position: absolute;
    top: 0;
    left: 0;
    border-color: transparent!important
}

.is-focused .field__label {
    opacity: 0;
    pointer-events: none
}

.field--textarea label,
.field--textarea textarea {
    min-height: 10rem
}

.err-span {
    color: #b00
}

.check input {
    display: none
}

.check label {
    position: relative;
    line-height: 1
}

.check label:before {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 1rem;
    margin-top: -1px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid
}

.check label:after {
    content: '✓';
    position: absolute;
    top: 2px;
    left: 3px;
    font-size: 120%;
    display: none
}

.banner--backdrop:before,
.banner__back:after,
.banner__back:before,
.dropmenu:before,
.loading:after,
.main-nav__item--parent:after {
    content: ""
}

.check input:checked+label:after {
    display: block
}

.button,
.button svg {
    display: inline-block
}

button {
    border: 0;
    color: inherit;
    transition: color .2s linear
}

.button {
    cursor: pointer;
    color: #4dc0b5;
    padding: 1.3rem 4rem 1.7rem;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: none;
    border: 1px solid;
    border-radius: 2.3rem;
    transition: .2s linear
}

@media (max-width:480px) {
    .button {
        font-size: 1.2rem
    }
}

.button:focus,
.button:hover {
    background-color: #4dc0b5;
    border-color: #4dc0b5;
    color: #fff
}

.button svg {
    position: relative;
    vertical-align: middle;
    margin-left: 1rem
}

.button--filled {
    background-color: #4dc0b5;
    border-color: #4dc0b5!important;
    color: #FFF
}

.button--filled:focus,
.button--filled:hover {
    background-color: transparent;
    border-color: #4dc0b5;
    color: #4dc0b5
}

.section--red .button--filled {
    background-color: #fff;
    border-color: #fff!important;
    color: #4dc0b5
}

.section--red .button--filled:focus,
.section--red .button--filled:hover {
    background-color: transparent!important;
    border-color: #fff;
    color: #fff
}

.button--filled-alt {
    background-color: #fff;
    border-color: #fff;
    color: #4dc0b5
}

.button--filled-alt:focus,
.button--filled-alt:hover {
    background-color: #4dc0b5;
    border-color: #4dc0b5;
    color: #fff
}

.section--red .button--filled-alt {
    background-color: #fff;
    border-color: #fff!important;
    color: #4dc0b5
}

.section--red .button--filled-alt:focus,
.section--red .button--filled-alt:hover {
    background-color: transparent!important;
    border-color: #fff;
    color: #fff
}

.button--filled-orange {
    background-color: #f79940;
    border-color: #f79940;
    color: #fff
}

.button--filled-orange:focus,
.button--filled-orange:hover {
    background-color: transparent;
    border-color: #f79940;
    color: #f79940
}

.button--filled-alt-orange {
    background-color: #fff;
    border-color: #fff;
    color: #f79940
}

.button--filled-alt-orange:focus,
.button--filled-alt-orange:hover {
    background-color: #f79940;
    border-color: #fff;
    color: #fff
}

.button--light {
    color: #b7b7b7;
    border-color: #b7b7b7
}

.button--light:hover {
    color: #4dc0b5;
    border-color: #4dc0b5;
    background-color: #fff
}

.time-pill {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: #6f42c1;
    background-color: #fff;
    border-radius: 10px;
    font-size: 1.2rem;
    padding: .5rem 1.5rem
}

.loading:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;
    border-radius: 50%;
    border: 5px solid #4dc0b5;
    border-bottom-color: rgba(233, 72, 72, .2);
    animation: loading .8s linear infinite
}

@keyframes loading {
    to {
        transform: rotate(360deg)
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    background-color: #6f42c1;
    transition: background-color .5s linear;
    z-index: 1002;
    padding: 3px 0
}

.header__logo {
    margin: 1.7rem 6rem 1.7rem 0;
    width: 14rem
}

@media (max-width:1000px) {
    .header {
        padding: 17px 0
    }
    .header__container {
        justify-content: space-between;
        max-width: 100%
    }
    .header__logo {
        margin: 0;
        width: 9.8rem
    }
}

.header__logo a {
    display: block;
    color: currentColor
}

.header__logo svg {
    display: block;
    width: 100%;
    height: 100%
}

.header__toggle {
    display: none;
    width: 3.2rem;
    height: 2.4rem;
    margin-right: 2rem;
    position: relative;
    cursor: pointer
}

.header__toggle i,
.header__toggle i:after,
.header__toggle i:before {
    content: "";
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 0;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    margin-top: -1px
}

.s--nav-open .header__toggle i {
    background-color: transparent
}

.header__toggle i:before {
    margin-top: -10px
}

.s--nav-open .header__toggle i:before {
    transform: translateY(8px)rotate(-45deg)
}

.header__toggle i:after {
    margin-top: 7px
}

.s--nav-open .header__toggle i:after {
    transform: translateY(-8px)rotate(45deg)
}

@media (max-width:1000px) {
    .header__toggle {
        margin-right: 0;
        display: block
    }
}

.footer {
    padding-bottom: 8rem;
    background-color: #6f42c1;
    color: #fff
}

.footer__col--legal,
.footer__col--nav,
.footer__col--social {
    padding-left: 6.5rem
}

@media (max-width:680px) {
    .footer__col {
        width: 100%;
        margin-bottom: 3rem
    }
    .footer__col--action,
    .footer__col--outro {
        order: -1
    }
}

@media (max-width:680px) {
    .footer__col--byline,
    .footer__col--legal {
        margin-bottom: 2rem
    }
}

@media (max-width:640px) {
    .footer {
        padding-top: 2.5rem;
        padding-bottom: 3.5rem
    }
    .footer__col--byline,
    .footer__col--legal {
        order: 3
    }
    .footer__col--byline {
        order: 4
    }
}

@media (max-width:1086px) {
    .footer__col--legal,
    .footer__col--nav,
    .footer__col--social {
        padding-left: 2rem
    }
    .footer__col--nav {
        width: 100%
    }
    .footer__col--outro {
        width: 100%;
        padding-bottom: 4rem
    }
}

.footer__outro {
    color: #fff;
    font-weight: 700
}

.footer__outro p {
    font-size: 2rem
}

.footer__byline p,
.footer__legal p,
.footer__menu {
    font-size: 1.2rem
}

.footer__col--social {
    align-self: flex-end
}

.footer__heading {
    margin-bottom: 1.5rem;
    color: #fff
}

@media (max-width:640px) {
    .footer__col--outro {
        display: none
    }
    .footer__heading,
    .footer__heading:after {
        border-bottom: 1px solid rgba(255, 255, 255, .3)
    }
    .footer__heading {
        padding-top: 2rem;
        margin-bottom: 0;
        padding-bottom: 2rem;
        position: relative;
        cursor: pointer
    }
    .footer__heading:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 1.4rem;
        height: 1.4rem;
        border-left: 1px solid rgba(255, 255, 255, .3);
        transform: translateY(-50%)rotate(-45deg);
        transition: .2s cubic-bezier(.4, 0, .2, 1)
    }
}

.footer__heading.is--open:after {
    transform: translateY(-50%)translateY(7px)rotate(-225deg)
}

.footer__nav {
    padding-right: 2rem;
    width: 25%
}

.footer__menu {
    line-height: 1.67
}

@media (max-width:640px) {
    .footer__nav {
        padding-right: 0;
        width: 100%
    }
    .footer__menu {
        height: 0;
        overflow: hidden
    }
    .footer__menu li {
        padding: 1rem 0
    }
}

.footer__menu a {
    color: #b7b7b7
}

.footer__menu a:hover {
    color: #fff
}

.footer__byline,
.footer__legal {
    padding-top: 8rem
}

@media (max-width:640px) {
    .footer__byline,
    .footer__legal {
        text-align: center;
        padding-top: 3.5rem
    }
}

.footer__byline a,
.footer__legal a {
    color: currentColor
}

.footer__action input:focus,
.footer__byline a:hover,
.footer__legal a:hover {
    color: #fff
}

.footer__byline {
    padding-top: 1.6rem
}

.footer__action {
    padding-top: 3.5rem;
    position: relative
}

.footer__action p {
    font-weight: 700;
    font-size: 2rem;
    color: #fff;
    width: 100%
}

.footer__action .field {
    margin-top: 2rem;
    flex: 1
}

.footer__action input,
.footer__action label {
    border-color: currentColor
}

.footer__submit {
    transition: .2s linear
}

.footer__submit:hover {
    color: #4dc0b5
}

.footer__social {
    padding-top: 2.5rem
}

@media (max-width:640px) {
    .footer__social {
        text-align: center
    }
}

.footer__social a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4rem
}

.footer__social a:first-child,
.main-nav li {
    margin-left: 0
}

.footer__social a:hover circle {
    fill: #fff
}

.footer__social circle {
    fill: #17a2b8
}

.footer__social path {
    fill: #6f42c1
}

.main-nav {
    align-self: stretch;
    flex: 1;
    font-weight: 700
}

@media (max-width:1000px) {
    .main-nav {
        font-weight: 400;
        position: fixed;
        top: 6.1rem;
        left: 0;
        width: 100%;
        height: calc(100% - 6.1rem);
        background-color: #6f42c1;
        transform: translateX(-100%);
        opacity: 0;
        z-index: 2;
        transition: .2s cubic-bezier(.4, 0, .2, 1);
        padding: 2rem;
        overflow-y: scroll
    }
    .s--nav-open .main-nav {
        transform: translateX(0);
        opacity: 1
    }
}

.banner,
.section,
section {
    overflow: hidden
}

.main-nav li>span {
    padding: 1.9rem 0
}

@media (max-width:1000px) {
    .main-nav li>span {
        padding: 15px 0;
        display: block
    }
}

.main-nav a {
    padding: 1.9rem 1rem
}

@media (max-width:1000px) {
    .main-nav a {
        padding: 15px 0;
        display: block
    }
    .main-nav__aligner--left {
        width: 100%
    }
}

.main-nav__menu {
    height: 100%
}

.main-nav__menu .mobile {
    display: none
}

@media (max-width:1225px) {
    .main-nav__menu {
        font-size: 1.2rem
    }
}

@media (max-width:1000px) {
    .main-nav__menu.main-nav__menu {
        flex-direction: column;
        font-size: 1.6rem;
        border-top: 1px solid #fff;
        min-height: 100%;
        height: auto
    }
    .main-nav__menu.main-nav__menu .mobile {
        display: inline
    }
    .main-nav__menu.main-nav__menu>li {
        padding: 0
    }
    .main-nav__menu.main-nav__menu>li>a,
    .main-nav__menu.main-nav__menu>li>span {
        display: block;
        padding-top: 1.3rem;
        padding-bottom: 1.3rem
    }
    .main-nav__menu>li:nth-child(4) {
        margin-bottom: 2rem
    }
}

.main-nav__menu>li>a {
    display: inline-block
}

.main-nav li {
    display: inline-flex;
    align-items: center;
    color: #fff;
    background-color: transparent;
    margin-right: 0
}

.main-nav li.main-nav__item--trial {
    margin-left: auto;
    opacity: 1;
    color: #fff
}

.main-nav li.main-nav__item--login {
    opacity: 1;
    padding: 0
}

@media (max-width:1000px) {
    .main-nav li {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        color: #fff;
        display: block;
        border-bottom: 1px solid currentColor
    }
    .main-nav li.main-nav__item--trial {
        margin-top: auto;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        border: 0;
        margin-left: auto!important
    }
    .main-nav li.main-nav__item--login {
        margin-bottom: 0;
        margin-top: 2rem;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        border: 0
    }
}

@media (max-width:1086px) {
    .main-nav li.main-nav__item--login {
        padding-left: 1rem
    }
}

.main-nav li.main-nav__item--login a {
    padding-right: 0
}

.main-nav li a,
.main-nav li span {
    color: currentColor
}

.main-nav li:hover {
    opacity: 1
}

@media (max-width:1000px) {
    .main-nav li.main-nav__item--login,
    .main-nav li.main-nav__item--login a {
        padding-left: 0
    }
    .main-nav li:hover {
        background-color: transparent
    }
}

.main-nav__item--trial {
    padding: 0
}

.main-nav__item--trial a {
    background-color: #4dc0b5;
    border-radius: 2rem;
    padding: 1.5rem 4rem
}

.main-nav__item--trial a:hover {
    background-color: #ee7676
}

@media (max-width:1086px) {
    .main-nav__item--trial a {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (max-width:1000px) {
    .main-nav__item--trial a {
        width: 100%;
        display: block
    }
    .main-nav__item--login a {
        width: 100%;
        display: block;
        padding: 2rem
    }
    .main-nav__item--parent.is--open {
        padding-bottom: 0;
        border-bottom-color: transparent
    }
}

.main-nav__item--parent:after {
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(45deg);
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    margin-left: 1rem;
    margin-right: 1rem
}

@media (max-width:1000px) {
    .main-nav__item--parent {
        position: relative
    }
    .main-nav__item--parent:after {
        content: "";
        position: absolute;
        top: 10px;
        right: 0;
        width: 1.4rem;
        height: 1.4rem;
        border-color: transparent;
        border-left: 2px solid rgba(255, 255, 255, .9);
        border-bottom: 2px solid rgba(255, 255, 255, .9);
        transform: rotate(-45deg);
        transition: .2s cubic-bezier(.4, 0, .2, 1)
    }
    .main-nav__item--parent.is--open:after {
        transform: translateY(8px)rotate(-225deg)
    }
}

.main-nav__item--dropmenu {
    position: relative
}

@media (max-width:1000px) {
    .main-nav__item--open:before {
        transform: rotate(45deg)
    }
    .main-nav__item--open:after {
        transform: rotate(-45deg)
    }
}

.main-nav__sub {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #2e2e2e;
    opacity: 0;
    transform: translateY(-10px);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

li:hover .main-nav__sub,
li:hover .main-nav__sub a {
    opacity: 1;
    transform: translateY(0)
}

@media (max-width:1000px) {
    .main-nav__sub {
        transform: translateY(0);
        opacity: 1;
        position: relative;
        height: 0;
        background-color: transparent;
        transition: none;
        overflow: hidden;
        display: block
    }
    .main-nav__sub li {
        border: 0;
        padding-left: 2rem
    }
    .main-nav__sub li:first-child {
        padding-top: 2rem
    }
}

li:hover .main-nav__sub {
    pointer-events: visible
}

.main-nav__sub a {
    display: block;
    transform: translateY(5px);
    opacity: 0;
    transition: transform .2s .1s cubic-bezier(.4, 0, .2, 1), opacity .2s .1s cubic-bezier(.4, 0, .2, 1)
}

.dropmenu {
    position: absolute;
    top: calc(100% - 4px);
    left: 0;
    max-width: 36.7rem;
    width: 100vw;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: none
}

@media (max-width:1000px) {
    .main-nav__sub a {
        transform: translateY(0);
        opacity: 1
    }
    .dropmenu {
        position: relative;
        top: 0;
        width: auto;
        box-shadow: none;
        border-radius: 0;
        margin-left: -2rem;
        margin-right: -2rem;
        max-width: none;
        display: none;
        margin-top: 1.3rem
    }
}

@media (min-width:1000px) {
    li:hover>.dropmenu {
        display: block;
        opacity: 1;
        transform: translateY(0);
        pointer-events: visible
    }
}

.csspointerevents .dropmenu {
    display: block;
    pointer-events: none;
    transform: translateY(5px);
    opacity: 0;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

@media (max-width:1000px) {
    .csspointerevents .dropmenu {
        display: none
    }
    .is--open .dropmenu {
        display: block;
        opacity: 1;
        transform: translateY(0);
        pointer-events: visible
    }
}

.dropmenu:before {
    position: absolute;
    background-color: #fff;
    top: -.5rem;
    left: 10.7rem;
    width: 1rem;
    height: 1rem;
    transform: rotate(45deg)
}

.banner,
.banner__wrap {
    position: relative
}

@media (max-width:1225px) {
    .dropmenu:before {
        left: 8.3rem
    }
}

.dropmenu__icon--mob {
    display: none
}

.dropmenu__item.dropmenu__item.dropmenu__item {
    border-bottom: 1px solid rgba(125, 125, 125, .4)!important;
    background-color: #fff;
    width: 100%;
    padding: 0
}

.dropmenu__item.dropmenu__item.dropmenu__item:first-child {
    border-top: 0;
    border-radius: 4px 4px 0 0
}

.dropmenu__item.dropmenu__item.dropmenu__item:first-child .dropmenu__link {
    border-radius: 4px;
    overflow: hidden
}

@media (max-width:1000px) {
    .dropmenu:before,
    .dropmenu__icon--desktop {
        display: none
    }
    .dropmenu__icon--mob {
        display: block
    }
    .dropmenu__item.dropmenu__item.dropmenu__item {
        background-color: #2e2e2e;
        border-bottom: 1px solid #6f42c1!important
    }
    .dropmenu__item.dropmenu__item.dropmenu__item:first-child,
    .dropmenu__item.dropmenu__item.dropmenu__item:first-child .dropmenu__link {
        border-radius: 0
    }
}

.dropmenu__item.dropmenu__item.dropmenu__item:last-child {
    border-radius: 0 0 4px 4px
}

.dropmenu__item.dropmenu__item.dropmenu__item:last-child .dropmenu__link {
    border-radius: 4px;
    overflow: hidden
}

.dropmenu__item--inline.dropmenu__item--inline {
    display: inline-block;
    width: 50%;
    float: left
}

.dropmenu__link.dropmenu__link.dropmenu__link {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 2rem 1.5rem;
    background-color: #fff;
    width: 100%;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, .2, 1)
}

@media (max-width:1000px) {
    .dropmenu__item.dropmenu__item.dropmenu__item:last-child {
        border-radius: 0
    }
    .dropmenu__item.dropmenu__item.dropmenu__item:last-child .dropmenu__link {
        border-radius: 0
    }
    .dropmenu__link.dropmenu__link.dropmenu__link {
        background-color: #2e2e2e;
        padding: 24px 1.3rem
    }
}

.dropmenu__link.dropmenu__link.dropmenu__link:hover {
    background-color: #fff;
    transform: scale(1.05);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

@media (max-width:1000px) {
    .dropmenu__link.dropmenu__link.dropmenu__link:hover {
        transform: none;
        background-color: #414141;
        box-shadow: none;
        border-radius: 0
    }
}

.dropmenu__item--inline .dropmenu__link.dropmenu__link.dropmenu__link {
    padding-left: 2rem;
    padding-right: .5rem;
    height: 5.9rem
}

.dropmenu__item.dropmenu__item.dropmenu__item.dropmenu__item--explore-all {
    border-bottom: none!important
}

.dropmenu__item.dropmenu__item.dropmenu__item.dropmenu__item--explore-all .dropmenu__link {
    background-color: #EEF2F6!important;
    justify-content: center
}

.dropmenu__item.dropmenu__item.dropmenu__item.dropmenu__item--explore-all .dropmenu__text {
    padding-left: 0!important
}

.dropmenu__text {
    padding-left: 1.7rem
}

.dropmenu__title.dropmenu__title {
    font-size: 2rem;
    color: #6f42c1;
    display: block;
    margin-bottom: .5rem;
    font-family: 'Brown Light';
    font-weight: 700;
    letter-spacing: 1px
}

.banner__back,
.feature-blocks__all-link,
.feature-blocks__item-buttons a,
.feature-blocks__item-title,
.tour-banner__breadcrumbs,
.tour-block__buttons a,
.tour-tier-badge,
.why-choose-us__stats-block-stat,
.why-choose-us__timeline-date {
    font-family: 'GT Haptik Medium', sans-serif
}

@media (max-width:1000px) {
    .dropmenu__item.dropmenu__item.dropmenu__item.dropmenu__item--explore-all .dropmenu__link {
        background-color: #1C1C1C!important
    }
    .dropmenu__item.dropmenu__item.dropmenu__item.dropmenu__item--explore-all .dropmenu__link svg path {
        fill: #fff
    }
    .dropmenu__title.dropmenu__title {
        color: #fff
    }
}

.dropmenu__item--inline .dropmenu__title.dropmenu__title {
    font-size: 1.4rem
}

.dropmenu__desc.dropmenu__desc {
    display: block;
    font-size: 1.4rem;
    color: #A7A7AD
}

.page-pagination {
    text-align: center;
    padding-bottom: 4rem;
    padding-top: 4rem
}

.page-pagination a,
.page-pagination span {
    display: inline-block;
    margin: 0 1rem
}

.banner {
    background-position: center;
    background-size: cover;
    background-color: #2e2e2e;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 25rem;
    padding-top: 15rem;
    margin-top: -1.6rem;
}

.page--product {
    margin-top: -1.6rem;
}

@media (max-width:1000px) {
    .banner .action__form {
        max-width: 47.8rem
    }
}

.banner .container {
    position: relative;
    z-index: 2
}

.banner--white {
    background-color: #fff;
    color: #2e2e2e
}

.banner--light {
    background-color: #edf2f6;
    color: #2e2e2e
}

.banner--black {
    background-color: #6f42c1
}

.banner--red {
    background-color: #4dc0b5
}

.banner--backdrop:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #fff, #6f42c1);
    opacity: .6;
    mix-blend-mode: multiply
}

.banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.banner__bg--mobile.banner__bg--mobile,
.touchevents .banner--has-img .banner__bg {
    display: none
}

.touchevents .banner__bg--mobile.banner__bg--mobile {
    display: block
}

.touchevents .banner__bg--video {
    display: none
}

.banner__title {
    max-width: 80rem;
    color: currentColor;
    margin: 0 auto 3.5rem
}

.banner__title.bigger {
    font-size: 6rem
}

@media (max-width:680px) {
    .banner__title.bigger {
        font-size: 2.6rem
    }
}

.banner__subtitle {
    max-width: 87.5rem;
    margin: 2rem auto 6rem;
    color: currentColor;
    font-size: 2rem
}

@media (max-width:480px) {
    .banner__subtitle {
        font-size: 1.5rem
    }
}

.banner__subtitle.bigger {
    font-size: 2.6rem
}

@media (max-width:680px) {
    .banner__subtitle.bigger {
        font-size: 2rem
    }
}

.banner__text {
    font-size: 1.8rem;
    max-width: 60rem;
    margin: 0 auto 6rem
}

.banner__text.bigger {
    font-size: 2rem
}

.banner__form {
    position: relative;
    max-width: 63rem;
    margin: auto;
    padding-bottom: 9rem;
    text-align: left
}

.banner__form input {
    color: #fff
}

.banner__submit {
    position: absolute;
    top: 2rem;
    right: 0
}

.banner__submit:hover {
    color: #4dc0b5
}

.back__container {
    position: absolute;
    top: 3rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%
}

.banner__back {
    color: #fff;
    position: relative;
    z-index: 2;
    margin-left: 1.6rem;
    padding-left: 2.4rem
}

.banner__back:after,
.banner__back:before {
    width: 1.5rem;
    height: 2px;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transform: rotate(45deg)
}

.banner__back:after {
    transform: rotate(-45deg)
}

.search-form {
    position: relative
}

.search-form input,
.search-form label {
    padding-top: 0;
    border-bottom: 1px solid #edf2f6;
    padding-left: 32px
}

.search-form--banner {
    max-width: 580px;
    margin: 0 auto
}

.search-form__submit {
    position: absolute;
    top: 4px;
    right: 0
}

.search-form__submit:hover {
    color: #2e2e2e
}

.search-form__icon {
    position: absolute;
    left: 0;
    top: 0
}

.action {
    background-color: #4dc0b5;
    color: #fff;
    padding-top: 14.5rem;
    padding-bottom: 14.5rem;
    text-align: center
}

@media (max-width:680px) {
    .action {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
}

.action__subtitle,
.action__text,
.action__title {
    margin-bottom: 5rem;
    width: 100%;
    text-align: center
}

.action__subtitle {
    font-weight: 700
}

.action__text {
    max-width: 62rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700
}

.action__form {
    text-align: left;
    position: relative;
    max-width: 80rem;
    margin: auto
}

.action__form .field {
    flex: 1;
    margin-right: 4rem;
    font-size: 2.4rem
}

@media (max-width:640px) {
    .action__form .field {
        font-size: 1.4rem
    }
}

@media (max-width:1000px) {
    .action__form {
        text-align: center
    }
    .action__form .field {
        flex: none;
        width: 100%
    }
}

.action__form label {
    color: rgba(255, 255, 255, .5)
}

.action__form input {
    color: #fff
}

.action__submit {
    width: 3rem;
    height: 3rem
}

.action__submit svg {
    transition: .5s cubic-bezier(.4, 0, .2, 1)
}

.action__submit:hover svg {
    transform: translateX(10px)
}

@media (max-width:1000px) {
    .action__submit[data-text] {
        height: auto;
        background-color: #fff;
        border-radius: 2.8rem;
        color: #4dc0b5;
        text-align: center;
        width: 100%;
        padding: 1.5rem 4rem;
        font-weight: 700;
        margin-top: 2rem
    }
    .action__submit[data-text] svg {
        display: none
    }
    .action__submit[data-text]:before {
        content: attr(data-text)
    }
}

.seperator {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 80rem;
    background-size: 134% auto;
    pointer-events: none
}

.seperator--bottom {
    background-position: bottom -2px right 40%;
    pointer-events: none
}

.seperator--light {
    /* background-image: url(../images/bg--sep-light-bottom.svg) */
}

.seperator--white {
    /* background-image: url(../images/bg--sep-white-bottom.svg) */
}

.seperator--black {
    /* background-image: url(../images/bg--sep-black-bottom.svg) */
}

.seperator--red {
    /* background-image: url(../images/bg--sep-red-bottom.svg) */
}

.seperator--dark {
    /* background-image: url(../images/bg--sep-dark-bottom.svg) */
}

.seperator--flipped {
    transform: scaleX(-1)
}

.seperator--top {
    top: 0;
    background-position: bottom -4px center;
    transform: scale(-1)
}

.seperator--flipped.seperator--top {
    transform: scale(1, -1)
}

.poster {
    text-align: center;
    padding: 4rem 4.5rem;
    min-height: 59rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: cover;
    position: relative
}

.poster .button {
    align-self: center
}

.poster__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1
}

.section,
.section__wrap {
    position: relative
}

.touchevents .banner--has-img .poster__bg {
    display: none
}

.switcher {
    margin-bottom: 6.4rem;
    display: flex;
    flex-wrap: nowrap
}

.switcher__slide {
    opacity: 0;
    display: block!important;
    flex-shrink: 0;
    width: 100%
}

.switcher__slide--active {
    display: block;
    opacity: 1
}

.switcher__tabs {
    margin-bottom: 3rem;
    display: flex;
    justify-content: center
}

.switcher__tab {
    padding-top: 1.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
    border-top: 1px solid currentColor;
    opacity: .2;
    cursor: pointer;
    transition: .2s linear;
    font-weight: 700
}

.accordion__icon,
.accordion__icon:after,
.accordion__icon:before {
    position: absolute;
    top: 50%;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

@media (max-width:480px) {
    .action__submit {
        margin-top: 2rem;
        margin-left: auto;
        margin-right: 0
    }
    .switcher__tab {
        padding-left: 3rem;
        padding-right: 3rem;
        font-size: 1.1rem
    }
}

.switcher__tab--active,
.switcher__tab:hover {
    opacity: 1;
    color: #4dc0b5
}

.section {
    padding-top: 8rem;
    padding-bottom: 8rem
}

@media (max-width:1000px) {
    .section {
        padding-top: 3rem;
        padding-bottom: 3rem
    }
}

.section--slim-top {
    padding-top: 0!important
}

.section--slim-bottom {
    padding-bottom: 0!important
}

.section--white {
    background-color: #fff
}

.section--light {
    background-color: #edf2f6
}

.section--dark {
    background-color: #2e2e2e;
    color: #fff
}

.section--black {
    background-color: #6f42c1;
    color: #fff
}

.section--orange {
    background-color: #f79940;
    color: #fff
}

.section--red {
    background-color: #4dc0b5;
    color: #fff
}

.section__col {
    text-align: left;
    margin-bottom: 5rem
}

@media (max-width:640px) {
    .section__wrap .section:last-child {
        padding-bottom: 12rem
    }
    .section-media {
        margin-bottom: 2rem
    }
}

.section__title {
    max-width: 58.6rem;
    margin: 0 auto 3.5rem;
    text-align: center;
    padding-top: 1rem
}

.section__col .section__title {
    text-align: left;
    margin-left: 0
}

.section__text {
    text-align: center;
    font-size: 1.8rem;
    max-width: 54rem;
    margin: 0 auto 6rem
}

@media (max-width:480px) {
    .section__text {
        font-size: 1.2rem
    }
}

.section__col .section__text {
    text-align: left;
    max-width: 59rem;
    margin-left: 0
}

.section__text span {
    display: inline-block;
    margin-top: 3rem
}

.section__text span:last-child {
    margin-left: 4rem
}

.section__text span svg {
    width: 100%;
    height: 100%;
    display: block
}

.section__link {
    color: #4dc0b5;
    cursor: pointer;
    font-size: 1.6rem;
    display: block
}

.section__link svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem
}

.section__link path {
    fill: currentColor
}

.section__link:hover {
    color: #6f42c1
}

.section--black .section__link:hover,
.section--dark .section__link:hover,
.section--red .section__link:hover {
    color: #fff
}

.section__hero {
    margin-bottom: 3rem;
    text-align: center
}

.section--image-text .container {
    max-width: 106.8rem
}

@media (max-width:1000px) {
    .section--text-columns .section__col.g25 {
        width: 50%
    }
}

@media (max-width:480px) {
    .section--text-columns .section__col.g25 {
        width: 100%
    }
}

@media (max-width:1000px) {
    .section--text-columns .section__col.g33 {
        width: 50%
    }
}

@media (max-width:480px) {
    .section--text-columns .section__col.g33 {
        width: 100%
    }
}

.section--uni-feed {
    padding-bottom: 5rem
}

.section--image-links {
    padding-bottom: 8rem
}

.section--image-links .section__col {
    margin-bottom: 4rem
}

@media (max-width:1000px) {
    .section--uni-feed .section__col {
        width: 50%
    }
    .section--image-links .section__col {
        width: 100%
    }
}

.section--sep-top {
    padding-top: 20rem
}

.section--sep-bottom {
    padding-bottom: 20rem
}

@media (max-width:1086px) {
    .section--sep-top {
        padding-top: 10rem
    }
    .section--sep-bottom {
        padding-bottom: 10rem
    }
}

@media (max-width:680px) {
    .poster {
        min-height: 29.5rem
    }
    .section--uni-feed .section__col {
        width: 100%
    }
    .section--sep-top {
        padding-top: 7rem
    }
    .section--sep-bottom {
        padding-bottom: 7rem
    }
}

.section--embed-full {
    position: relative;
    width: 100%;
    height: 70rem
}

.section--embed-full iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.section--embed-full .container {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    padding-top: 10rem;
    padding-bottom: 10rem
}

.section--action {
    padding-bottom: 8rem
}

.section--action .field,
.section--action input,
.section--action label {
    color: currentColor;
    opacity: .5;
    border-bottom-color: currentColor
}

@media (max-width:1000px) {
    .section--action {
        padding-bottom: 5rem
    }
}

.section--action .action__status {
    margin-bottom: 0
}

.section--action-button .section__subtitle,
.section--action-button .section__title {
    margin-bottom: 2rem
}

.section--accordion {
    padding-bottom: 8rem
}

@media (max-width:1000px) {
    .section--accordion {
        padding-bottom: 3rem
    }
}

@media (max-width:480px) {
    .section--columns .g50 {
        width: 100%
    }
}

@media (max-width:680px) {
    .section--columns .g33 {
        width: 100%
    }
}

@media (max-width:860px) {
    .section--columns .g25 {
        width: 50%
    }
}

@media (max-width:480px) {
    .section--columns .g25 {
        width: 100%
    }
}

.accordion {
    max-width: 67rem;
    margin-left: auto;
    margin-right: auto
}

.accordion__title {
    cursor: pointer;
    padding: 2rem 5rem 2rem 0;
    border-top: 1px solid #b7b7b7;
    position: relative;
    margin-bottom: 0
}

.accordion__icon {
    width: 2.6rem;
    height: 2.6rem;
    border: 1px solid #4dc0b5;
    border-radius: 50%;
    right: 0;
    transform: translateY(-50%)
}

.tour-tier-badge,
.tour-tier-badge--bronze {
    border: 2px solid #A77044
}

.accordion__icon:after,
.accordion__icon:before {
    content: "";
    left: 50%;
    width: 1rem;
    height: 1px;
    transform: translate(-50%, -50%);
    background-color: #4dc0b5
}

.accordion__icon:after {
    transform: translate(-50%, -50%)rotate(-90deg)
}

.accordion--active .accordion__icon {
    transform: translateY(-50%)rotate(180deg)
}

.accordion--active .accordion__icon:after {
    transform: translate(-50%, -50%)rotate(0)
}

.accordion__body>:first-child {
    margin-top: 2rem
}

.body blockquote,
.body h1,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.body ol,
.body p,
.body pre,
.body ul {
    max-width: 67rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.2rem
}

.body hr {
    width: 100%;
    margin-top: 0;
    margin-bottom: 4.2rem
}

.body img[class=text-center] {
    margin-left: auto;
    margin-right: auto;
    display: block
}

.body figure {
    padding-top: 0;
    max-width: 80rem
}

.body .video-container,
.body .videowrapper,
.body figure,
.body iframe {
    width: 100%;
    margin: 0 auto 4.2rem;
    display: block
}

.body h1[class=text-center] {
    max-width: 100%
}

.body a:not(.button) {
    text-decoration: underline
}

.body a:not(.button):hover {
    text-decoration: none;
    color: #fff;
    background-color: #4dc0b5
}

.body blockquote,
.skyscraper_content blockquote {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 0;
    font-size: 4rem;
    position: relative;
    text-align: center!important;
    overflow: visible;
    font-weight: 700;
    z-index: 2;
    line-height: 110%;
    color: #4dc0b5
}

.card,
.card__image,
.panel,
.video {
    overflow: hidden
}

.body blockquote:before,
.skyscraper_content blockquote:before {
    background-color: currentColor;
    opacity: .4;
    content: "";
    -webkit-mask-image: url(../images/BLOCKQUOTE-y.svg);
    mask-image: url(../images/BLOCKQUOTE-y.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    width: 5rem;
    height: 5rem;
    margin-left: -.75rem;
    margin-top: -1rem;
    z-index: -1
}

@media (max-width:600px) {
    .body blockquote,
    .skyscraper_content blockquote {
        font-size: 3rem
    }
    .body blockquote:before,
    .skyscraper_content blockquote:before {
        width: 3rem;
        height: 3rem
    }
}

.body ol,
.body ul,
.skyscraper_content ol,
.skyscraper_content ul {
    list-style-type: none;
    padding-left: 0
}

.body ol li,
.body ul li,
.skyscraper_content ol li,
.skyscraper_content ul li {
    position: relative;
    padding-left: 2rem
}

.body ol li:before,
.body ul li:before,
.skyscraper_content ol li:before,
.skyscraper_content ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
    color: #4dc0b5
}

.body ul li:before,
.skyscraper_content ul li:before {
    background-image: url(../images/radioco-red-logo-144-144.png);
    background-size: 10px
}

.body ol,
.skyscraper_content ol {
    counter-reset: list
}

.body ol li,
.skyscraper_content ol li {
    padding-left: 3rem
}

.body ol li:before,
.skyscraper_content ol li:before {
    counter-increment: list;
    content: counter(list);
    font-size: 12px;
    top: 2px;
    color: #4dc0b5;
    font-weight: 700;
    text-align: center;
    line-height: 20px;
    width: 20px;
    height: 20px
}

.modal:before,
.modal__close:after,
.modal__close:before,
.tour-banner:after,
.video--backdrop:before,
.video--cover:before,
.why-choose-us__awards-cards:before,
.why-choose-us__intro-video:after,
.why-choose-us__intro-video:before,
.why-choose-us__stats-blocks:after,
.why-choose-us__stats-blocks:before {
    content: ""
}

.block {
    margin-bottom: 7rem
}

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

@media (max-width:1000px) {
    .block {
        margin-bottom: 5rem
    }
    .block--image-text {
        text-align: center
    }
    .block--image-text .section__col {
        width: 100%
    }
    .block--image-text .block__image {
        margin-bottom: 2rem
    }
}

.block__text,
.block__title {
    margin-bottom: 2rem
}

.block__column {
    padding-bottom: 6rem
}

.block__column figure {
    margin: 0;
    padding-top: 0
}

.block__column--no-padding {
    padding-bottom: 0
}

@media (max-width:680px) {
    .block__column--column50 {
        width: 100%
    }
}

.block__link {
    color: #6f42c1
}

.block__link.button {
    color: #fff
}

.block__embed {
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    position: relative
}

.block__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.block__link-icon {
    margin-left: .5rem;
    position: relative;
    top: 2px
}

.link-block {
    position: relative;
    min-height: 53rem
}

.page--article .banner,
.page--faqs .banner {
    min-height: 65rem
}

.link-block__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0
}

.link-block__title {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 3rem 3.5rem;
    margin-bottom: 0
}

.link-block__button {
    position: absolute;
    bottom: 0;
    right: 0
}

.card,
.card__image,
.video {
    position: relative
}

.card,
.panel {
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
    display: block;
    background-color: #fff;
    border-radius: 4px
}

.card {
    margin-bottom: 4rem;
    z-index: 2
}

.card__img {
    transform: scale(1.01);
    transition: .5s cubic-bezier(.4, 0, .2, 1)
}

.card:hover .card__img {
    transform: scale(1.1)
}

.card__desc {
    color: #6f42c1;
    padding: 2.5rem 2.5rem 5rem
}

.card__excerpt {
    font-size: 1.8rem;
    line-height: 1.2
}

.card__title {
    margin-bottom: .5rem
}

.card__video {
    border-radius: 0
}

.card__video .video__button {
    width: 11.4rem;
    height: 11.4rem
}

[data-video] {
    cursor: pointer
}

.video {
    height: 0;
    padding-top: 56.25%;
    width: 100%;
    border-radius: 4px;
    z-index: 100
}

.video iframe,
.video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.video--dark {
    color: #2e2e2e
}

.video--dark .button {
    background-color: #2e2e2e;
    border-color: #2e2e2e;
    color: #fff
}

.video--dark .button:hover {
    background-color: #4dc0b5;
    border-color: #4dc0b5;
    color: #fff
}

.video--cover:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .8)20%, rgba(0, 0, 0, .1))
}

.video--backdrop:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/img--study-overlay.svg);
    background-size: 102% auto;
    background-position: bottom center;
    z-index: 2
}

.video__trigger {
    position: absolute;
    bottom: 4.6rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    padding-right: 6.7rem;
    white-space: nowrap
}

.video__trigger svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    position: absolute;
    top: 50%;
    right: 1.2rem;
    transform: translateY(-50%)
}

@media (max-width:640px) {
    .video__trigger {
        bottom: 2rem
    }
}

.video__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video__button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: .6;
    transition: .2s linear
}

.video__button:hover {
    opacity: 1
}

.video__button svg {
    width: 17rem;
    height: 17rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width:680px) {
    .video__button svg {
        width: 12rem;
        height: 12rem
    }
}

.video__title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2rem;
    right: 2rem;
    color: #fff;
    z-index: 2;
    text-align: center
}

@media (max-width:480px) {
    .video__button svg {
        width: 6rem;
        height: 6rem
    }
    .video__title {
        display: none
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    z-index: 1000;
    overflow: visible
}

.modal:before {
    position: absolute;
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal--cf,
.product--modal {
    display: none
}

.product--modal .modal__container {
    display: flex;
    align-items: center
}

.product--modal .modal__wrap {
    width: 100%
}

.modal__container {
    width: 80vw;
    height: 0;
    position: relative;
    padding-bottom: 45.5%;
    transform: translateY(40px)
}

@media (min-width:1000px) {
    .modal__container {
        width: 60vw;
        padding-bottom: 34.5%
    }
}

.modal__wrap {
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    position: absolute
}

.modal__wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal__close {
    position: absolute;
    top: -2.5rem;
    right: -2.5rem;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    color: #fff
}

.modal__close:hover {
    color: #4dc0b5
}

.modal__close:after,
.modal__close:before {
    width: 100%;
    height: 3px;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    transform: rotate(45deg)
}

.modal__close:after {
    transform: rotate(-45deg)
}

.feature-blocks__item-buttons a svg,
.tour-block__buttons a svg {
    transform: translateY(3px)
}

.tweets {
    background-color: #6f42c1;
    color: #fff;
    padding-top: 14rem;
    padding-bottom: 14rem;
    text-align: center
}

.tour-banner {
    background: center 33% #6f42c1;
    padding: 105px 0 155px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-size: cover
}

.tour-banner__content {
    position: relative;
    z-index: 3
}

.tour-banner__breadcrumbs {
    text-align: center;
    margin-bottom: 10px;
    color: #A7A7AD;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .1em
}

.tour-banner .banner__title {
    max-width: 810px;
    padding: 0 40px;
    text-align: center
}

.tour-banner .banner__subtitle {
    padding: 0 40px;
    max-width: 800px;
    text-align: center;
    line-height: 160%
}

.tour-banner__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.tour-banner__buttons a {
    margin: 0 10px;
    color: #fff;
    text-decoration: underline
}

.tour-banner__buttons .primary-btn,
.tour-subnav li {
    text-decoration: none
}

@media (max-width:767px) {
    .tour-banner__breadcrumbs {
        font-size: 11px
    }
    .tour-banner__buttons a {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}

.tour-banner:after {
    width: 100%;
    /* background-image: url(../images/tour-banner-bottom.svg); */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 0;
    padding-bottom: 13%;
    z-index: 2;
    pointer-events: none
}

@media (max-width:1000px) {
    .tour-banner:after {
        background-size: 200%;
        background-position: 90% bottom;
        padding-bottom: 24%
    }
}

.tour-banner--white-bottom:after {
    /* background-image: url(../images/tour-banner-bottom-white.svg) */
}

.tour-banner:before {
    content: "";
    background: rgba(0, 0, 0, .4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.tour-subnav {
    overflow-x: auto;
    text-align: center;
    border-bottom: 1px solid #EEF2F6;
    margin-bottom: 85px
}

.tour-subnav::-webkit-scrollbar {
    height: 4px
}

.tour-subnav::-webkit-scrollbar-track {
    background-color: #EEF2F6
}

.tour-subnav::-webkit-scrollbar-thumb {
    background-color: #4dc0b5
}

.tour-subnav ul {
    display: inline-flex;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none
}

.tour-subnav li {
    display: block;
    white-space: nowrap;
    padding: 2em 1.5em;
    color: #6f42c1;
    font-size: 1em;
    transition: all .2s ease
}

.tour-subnav a {
    color: #6f42c1;
    font-weight: 700;
    transition: color .3s ease
}

.tour-subnav a.selected,
.tour-subnav a:hover {
    color: #4dc0b5
}

.tour-block {
    padding-bottom: 40px
}

.tour-block__buttons a {
    color: #6f42c1;
    transition: color .3s ease;
    margin-right: 20px;
    margin-bottom: 20px
}

.tour-block__buttons a:hover {
    color: #4dc0b5
}

.tour-block__buttons a span {
    margin-right: 2px
}

.tour-block .hex1 {
    position: absolute;
    left: 55%;
    top: 10%;
    z-index: 2
}

.tour-block .hex2 {
    position: absolute;
    left: 4.5%;
    top: 66%;
    z-index: 2
}

.tour-block .hex3 {
    position: absolute;
    right: 5%;
    top: 70%;
    z-index: 2
}

.tour-tier-badge {
    font-size: 14px;
    border-radius: 4px;
    padding: 8px;
    color: #6f42c1;
    margin-bottom: 20px;
    display: inline-block
}

.tour-tier-badge--silver {
    border: 2px solid #6f42c1
}

.tour-tier-badge--gold {
    border: 2px solid #6f42c1
}

.tour-tier-badge--pro {
    border: 2px solid #6f42c1
}

.tour-tier-badge--addon {
    border: 2px solid #e84848
}

.tour-tier-badge--all-plans,
.tour-tier-badge--allplans {
    border: 2px solid #62D2AB
}

.feature-blocks__header {
    text-align: center;
    margin-bottom: 25px
}

.feature-blocks__all-link {
    text-align: center;
    display: block;
    margin: 0 auto 65px
}

.feature-blocks__grid {
    display: flex;
    margin: 0 -16px;
    flex-wrap: wrap;
    align-items: stretch
}

.feature-blocks__item {
    padding: 0 16px;
    margin-bottom: 32px;
    width: 33%
}

@media (max-width:1024px) {
    .feature-blocks__item {
        width: 50%
    }
}

@media (max-width:680px) {
    .feature-blocks__item {
        width: 100%
    }
}

.feature-blocks__item:hover {
    z-index: 3
}

.feature-blocks__item-inner {
    position: relative;
    height: 100%;
    background-color: #fff;
    color: #6f42c1;
    padding: 24px 24px 70px;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(214, 225, 234, .5)
}

.all-features-section--black .feature-blocks__item-inner,
.all-features-section--blue .feature-blocks__item-inner,
.tour-page-list__item-inner {
    box-shadow: 0 8px 32px rgba(0, 0, 0, .3)
}

.feature-blocks__item-icon {
    margin-bottom: 20px
}

.feature-blocks__item-icon img {
    width: 54px;
    height: 54px;
    object-fit: contain
}

.feature-blocks__item-title {
    font-size: 20px;
    line-height: 24px;
    color: #333;
    margin-bottom: 15px
}

.feature-blocks__item-buttons {
    position: absolute;
    bottom: 40px;
    left: 24px
}

.feature-blocks__item-buttons a {
    color: #6f42c1;
    transition: color .3s ease;
    margin-right: 20px;
    margin-top: 10px
}

.feature-blocks__item-buttons a:hover {
    color: #4dc0b5
}

.feature-blocks__item-buttons a span {
    margin-right: 2px
}

.feature-blocks__item .tour-tier-badge {
    position: absolute;
    top: 34px;
    right: 24px
}

.tour-page-list {
    background-color: #2e2e2e;
    color: #fff;
    /* padding-top: 20% */
}

.tour-page-list__title {
    margin-bottom: 64px;
    text-align: center
}

.tour-page-list__grid {
    display: flex;
    margin: 0 -16px;
    align-items: stretch;
    flex-wrap: wrap
}

.tour-page-list__item {
    padding: 0 16px;
    width: 50%;
    margin-bottom: 32px
}

@media (max-width:680px) {
    .tour-page-list__item {
        width: 100%
    }
}

.tour-page-list__item-inner {
    padding: 32px;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    color: #fff
}

.tour-page-list__item-inner:hover {
    color: #fff
}

.tour-page-list__item-hexagon {
    position: absolute;
    left: 0;
    top: 0;
    transition: transform .3s ease;
    transform: translate(-30%, -30%);
    z-index: 1
}

.tour-page-list__item:nth-child(1) .tour-page-list__item-hexagon {
    transform: translate(-30%, -30%)
}

.tour-page-list__item:nth-child(2) .tour-page-list__item-hexagon {
    transform: translate(-30%, -30%)rotate(20deg)
}

.tour-page-list__item:nth-child(3) .tour-page-list__item-hexagon {
    transform: translate(-30%, -30%)rotate(15deg)
}

.tour-page-list__item:nth-child(4) .tour-page-list__item-hexagon {
    transform: translate(-30%, -30%)rotate(5deg)
}

.tour-page-list__item-foreground {
    position: relative;
    z-index: 2;
    height: 100%
}

.tour-page-list__item-icon {
    margin-bottom: 16px
}

.tour-page-list p {
    margin-bottom: 100px
}

.tour-page-list__item-arrow {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    right: 0;
    height: 48px;
    width: 48px;
    border: 2px solid #62D2AB;
    border-radius: 50px;
    transition: transform .3s ease
}

.tour-page-list__item:nth-child(1) .tour-page-list__item-arrow {
    border: 2px solid #4dc0b5
}

.tour-page-list__item:nth-child(2) .tour-page-list__item-arrow {
    border: 2px solid #62D2AB
}

.tour-page-list__item:nth-child(3) .tour-page-list__item-arrow {
    border: 2px solid #A372C9
}

.tour-page-list__item:nth-child(4) .tour-page-list__item-arrow {
    border: 2px solid #A0C8E3
}

.tour-page-list__item.tour-page-list__item--enabled .tour-page-list__item-inner:hover .tour-page-list__item-arrow {
    transform: scale(1.25)
}

.tour-page-list__item.tour-page-list__item--enabled:nth-child(1) .tour-page-list__item-inner:hover .tour-page-list__item-hexagon {
    transform: translate(-30%, -30%)scale(1.25)rotate(-10deg)
}

.tour-page-list__item.tour-page-list__item--enabled:nth-child(2) .tour-page-list__item-inner:hover .tour-page-list__item-hexagon {
    transform: translate(-30%, -30%)scale(1.25)rotate(30deg)
}

.tour-page-list__item.tour-page-list__item--enabled:nth-child(3) .tour-page-list__item-inner:hover .tour-page-list__item-hexagon {
    transform: translate(-30%, -30%)scale(1.25)rotate(25deg)
}

.tour-page-list__item.tour-page-list__item--enabled:nth-child(4) .tour-page-list__item-inner:hover .tour-page-list__item-hexagon {
    transform: translate(-30%, -30%)scale(1.25)rotate(5deg)
}

.all-features-section {
    position: relative
}

.all-features-section--blue {
    background-color: #62D2AB;
    color: #fff
}

.all-features-section--black {
    background-color: #6f42c1;
    color: #fff
}

.all-features-section--top-curve {
    padding-top: 20%
}

.all-features-section--bottom-curve {
    padding-bottom: 20%
}

.all-features-section__primary-hex {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    max-width: 550px
}

.all-features-section__primary-hex img {
    width: 150%;
    max-width: 150%
}

.all-features-section--top-curve .all-features-section__primary-hex {
    top: 180px
}

@media (max-width:1000px) {
    .all-features-section__primary-hex {
        display: none
    }
}

.all-features-section__title {
    margin-bottom: 30px;
    max-width: 730px
}

.all-features-section__subtitle {
    max-width: 550px;
    margin-bottom: 40px
}

.why-choose-us__intro {
    margin-bottom: 50px
}

.why-choose-us__intro .more-btn {
    margin: 0 auto 80px;
    display: block;
    text-align: center;
    max-width: 80px
}

.why-choose-us__intro-title {
    text-align: center;
    max-width: 735px;
    margin: 0 auto 40px
}

.why-choose-us__intro-copy {
    text-align: center;
    max-width: 735px;
    margin: 0 auto 30px
}

.why-choose-us__intro-video {
    max-width: 735px;
    margin: 0 auto;
    position: relative
}

.why-choose-us__intro-video:before {
    /* background: url(../images/hex-red.svg) center center no-repeat; */
    background-size: contain;
    width: 600px;
    height: 600px;
    position: absolute;
    left: -300px;
    top: -130px
}

@media (max-width:1000px) {
    .why-choose-us__intro-video:before {
        display: none
    }
}

.why-choose-us__intro-video:after {
    /* background: url(../images/hex-green.svg) center center no-repeat; */
    background-size: contain;
    width: 480px;
    height: 480px;
    position: absolute;
    right: -200px;
    top: 50px
}

.why-choose-us__stats-bottom svg,
.why-choose-us__stats-top svg {
    display: block;
    width: 101%
}

@media (max-width:1000px) {
    .why-choose-us__intro-video:after {
        display: none
    }
}

.why-choose-us__stats {
    background-color: #6f42c1;
    padding: 20% 0
}

.why-choose-us__stats-top {
    transform: rotate(180deg);
    position: absolute;
    top: -1px;
    left: 0;
    right: 0
}

.why-choose-us__stats-bottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0
}

.why-choose-us__stats-blocks {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
    align-items: stretch;
    justify-content: center
}

.why-choose-us__stats-blocks:before {
    /* background: url(../images/hex-red.svg) center center no-repeat; */
    background-size: contain;
    width: 320px;
    height: 320px;
    position: absolute;
    left: -120px;
    top: -20px
}

@media (max-width:1000px) {
    .why-choose-us__stats-blocks:before {
        left: -120px;
        top: 170px
    }
}

.why-choose-us__stats-blocks:after {
    /* background: url(../images/hex-green.svg) center center no-repeat; */
    background-size: contain;
    width: 320px;
    height: 320px;
    position: absolute;
    right: -90px;
    top: -100px
}

.why-choose-us__stats-block {
    padding: 0 16px;
    position: relative;
    z-index: 2;
    width: 25%;
    margin-bottom: 32px
}

@media (max-width:1000px) {
    .why-choose-us__stats-block {
        width: 50%
    }
}

@media (max-width:500px) {
    .why-choose-us__stats-blocks:after,
    .why-choose-us__stats-blocks:before {
        display: none
    }
    .why-choose-us__stats-block {
        width: 100%
    }
}

.why-choose-us__stats-block-inner {
    height: 100%;
    background-color: #2E2E2E;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    padding: 48px 38px
}

.why-choose-us__stats-block-stat {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px
}

.why-choose-us__stats-block-title {
    font-size: 18px;
    line-height: 29px
}

.why-choose-us__slideshow {
    padding: 100px 0 270px
}

.why-choose-us__slideshow .page-content {
    padding-top: 8%
}

.why-choose-us__slideshow h2 {
    margin-bottom: 30px
}

.why-choose-us__rating-image {
    margin-bottom: 20px
}

.why-choose-us__awards-cards {
    position: relative
}

.why-choose-us__awards-cards:before {
    /* background: url(../images/hex-yellow.svg) center center no-repeat; */
    background-size: contain;
    width: 220px;
    height: 220px;
    position: absolute;
    left: 60%;
    top: 190px
}

@media (max-width:1000px) {
    .why-choose-us__awards-cards:before {
        left: 170px
    }
}

@media (max-width:767px) {
    .why-choose-us__slideshow {
        padding-bottom: 50px
    }
    .why-choose-us__awards-cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 50px
    }
    .why-choose-us__awards-cards:before {
        left: 50%;
        margin-left: 30px;
        top: 150px
    }
}

.why-choose-us__awards-cards:after {
    content: "";
    /* background: url(../images/hex-green.svg) center center no-repeat; */
    background-size: contain;
    width: 220px;
    height: 220px;
    position: absolute;
    left: -50px;
    top: -70px
}

.anim__stage:before,
.section--record .section__col:before {
    content: "";
    background-position: center
}

@media (max-width:1000px) {
    .why-choose-us__awards-cards:after {
        left: -90px;
        top: -80px
    }
}

@media (max-width:767px) {
    .why-choose-us__awards-cards:after {
        left: 50%;
        margin-left: -250px;
        top: -80px
    }
}

.why-choose-us__awards-card {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
    position: absolute;
    top: 20px;
    left: 10%;
    background-color: #fff;
    padding: 25px 35px;
    border-radius: 4px;
    text-align: center;
    z-index: 2
}

@media (max-width:1000px) {
    .why-choose-us__awards-card {
        left: 0
    }
}

@media (max-width:767px) {
    .why-choose-us__awards-card {
        position: static;
        margin: 0 30px 30px
    }
}

.why-choose-us__awards-card img {
    margin-bottom: 15px;
    width: 220px
}

.why-choose-us__awards-card p {
    margin: 0;
    font-size: 14px;
    line-height: 16px
}

.why-choose-us__awards-card--2 {
    top: 200px;
    left: 30%
}

@media (max-width:1000px) {
    .why-choose-us__awards-card--2 {
        left: 0
    }
}

.why-choose-us__timeline-intro {
    max-width: 550px;
    margin-bottom: 80px
}

.why-choose-us__timeline-container {
    max-width: 670px;
    margin: 0 auto
}

.why-choose-us__timeline-item {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    position: relative
}

.why-choose-us__timeline-item:last-child .why-choose-us__timeline-separator {
    border: 3px solid #fff
}

.why-choose-us__timeline-date {
    width: 24%;
    padding-right: 40px;
    padding-top: 1px;
    color: #A7A7AD;
    text-transform: uppercase;
    font-size: 13px;
    text-align: right
}

@media (max-width:700px) {
    .why-choose-us__timeline-date {
        padding-right: 0;
        padding-left: 40px;
        width: 100%;
        margin-bottom: 20px;
        text-align: left
    }
}

.why-choose-us__timeline-separator {
    width: 0;
    border-left: 3px solid #EEF2F6;
    position: relative
}

.why-choose-us__timeline-separator:before {
    content: "";
    border: 3px solid #4dc0b5;
    border-radius: 20px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: -10px;
    background-color: #fff
}

.checkout-aside,
.payment__method {
    background-color: #fff;
    border-radius: 4px
}

.why-choose-us__timeline-content {
    width: 74%;
    padding-bottom: 40px;
    padding-left: 40px
}

.why-choose-us__timeline-content p {
    font-family: 'Brown Light';
    font-weight: 700;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: -4px
}

.anim__live-time,
.anim__recorder-time {
    font-family: 'Open 24', sans-serif
}

.why-choose-us__timeline-content a {
    margin-bottom: 15px
}

.checkout__section h2,
.page--checkout .g {
    margin-bottom: 6rem
}

.why-choose-us__timeline-content img {
    width: 100%;
    border-radius: 4px;
    overflow: hidden
}

.why-choose-us__timeline-content video {
    width: 100%
}

@media (max-width:700px) {
    .why-choose-us__timeline-separator {
        position: absolute;
        left: 10px;
        top: 0;
        bottom: 0
    }
    .why-choose-us__timeline-content {
        width: 100%
    }
}

.why-choose-us__timeline-yt-wrapper {
    width: 100%;
    padding-bottom: 56%;
    height: 0;
    position: relative
}

.why-choose-us__timeline-yt-wrapper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

#mfPreviewBar {
    display: none
}

.page--checkout .pricing__dedicated {
    margin-top: 0
}

.page--checkout .header {
    background-color: transparent;
    position: absolute
}

.checkout {
    background-color: #edf2f6
}

@media (max-width:768px) {
    .checkout__section .g__col {
        width: 100%;
        padding-top: 6rem
    }
}

.checkout__field {
    margin-bottom: 4.5rem
}

.checkout__field .s_option,
.checkout__field input,
.checkout__field label {
    padding: 1rem 0;
    color: rgba(46, 46, 46, .6);
    border-bottom-color: transparent
}

.checkout__field input {
    border-bottom: 1px solid currentColor
}

.checkout__field .s_option {
    background-color: transparent;
    font-weight: 700;
    position: relative;
    border-bottom: 1px solid rgba(46, 46, 46, .6)
}

.checkout__field .s_option:not(:first-child) {
    background-color: #edf2f6;
    padding: 1.2rem;
    border-bottom: 1px solid rgba(46, 46, 46, .2);
    border-left: 1px solid rgba(46, 46, 46, .2);
    border-right: 1px solid rgba(46, 46, 46, .2)
}

.checkout__field .s_option:not(:first-child):hover {
    color: #6f42c1
}

.checkout__field .s_wrap {
    border-bottom: 1px solid currentColor;
    height: 3.7rem
}

.checkout__field .s_option:first-child:after {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)rotate(45deg);
    background-image: none;
    width: 9px;
    height: 9px;
    display: block;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor
}

.checkout__block {
    margin-bottom: 7rem;
    width: 100%
}

.checkout__block .check__label {
    color: rgba(46, 46, 46, .6)
}

.checkout__step {
    font-weight: 700
}

.checkout-aside {
    text-align: center;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    position: relative;
    margin-top: -13rem;
    z-index: 2
}

@media (max-width:768px) {
    .checkout-aside {
        margin-top: 0
    }
}

.checkout-aside.plan--bronze {
    color: #6f42c1
}

.checkout-aside header {
    padding: 4rem
}

.checkout-aside h4 {
    margin-bottom: 2rem;
    color: #6f42c1;
    font-weight: 700
}

.checkout-aside p {
    font-size: 1.4rem;
    max-width: 24.8rem;
    margin: 2rem auto 3rem;
    color: #b7b7b7
}

.checkout-aside .checkout__back {
    padding: 2rem 1.4rem;
    display: block;
    color: #b7b7b7
}

.checkout-aside .checkout__back:hover {
    color: #4dc0b5
}

.checkout-aside .button {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.checkout-aside__price {
    font-size: 4rem;
    font-weight: 700;
    color: #6f42c1
}

.checkout-aside__price span {
    font-size: 1.4rem;
    font-weight: 400;
    display: block
}

.checkout-aside__list li {
    padding: 2rem 1.4rem;
    border-bottom: 1px solid #dce6ee;
    position: relative;
    font-weight: 700
}

.checkout-aside__list li:after {
    content: attr(data-title)
}

.checkout-aside__list li:first-child {
    border-top: 1px solid #dce6ee
}

.checkout__extras {
    width: 100%;
    margin-top: 0;
    margin-bottom: auto;
    padding-bottom: 2.6rem;
    border-bottom: 1px solid rgba(46, 46, 46, .2)
}

@media (max-width:768px) {
    .checkout__extras {
        margin-bottom: 2.6rem
    }
}

.checkout__extras h4 {
    margin-bottom: 1rem
}

.checkout__extras h5 {
    margin-bottom: 2rem
}

.checkout__extras .f {
    flex-wrap: nowrap;
    align-items: flex-end
}

.checkout__extras p {
    font-size: 1.4rem;
    opacity: .4
}

@media (max-width:960px) {
    .checkout__extras .f {
        flex-wrap: wrap
    }
    .checkout__extras p {
        width: 100%;
        margin-bottom: 2rem
    }
}

.checkout__extras span {
    font-size: 4rem;
    font-weight: 700;
    margin: 0 4rem
}

@media (max-width:960px) {
    .checkout__extras span {
        margin: 0
    }
}

.checkout__extras sub {
    bottom: 0
}

.checkout__extras button {
    white-space: nowrap;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem
}

.checkout__foot {
    margin-top: auto;
    margin-bottom: 0;
    width: 100%
}

.cases,
.solutions,
.study {
    margin-top: -30rem
}

.payment {
    padding-bottom: 6rem
}

.payment h4 {
    font-weight: 700;
    margin-bottom: 1.5rem
}

.payment p {
    font-size: 1.4rem;
    opacity: .6;
    line-height: 1.28
}

.payment__details,
.payment__methods {
    padding-top: 5rem
}

.payment__details h4,
.payment__methods h4 {
    width: 100%;
    color: #4dc0b5;
    margin-bottom: 2.3rem
}

.payment__method {
    display: inline-block;
    padding: 3rem;
    font-size: 2.6rem;
    font-weight: 700;
    opacity: .4;
    margin-bottom: 1rem
}

.cases,
.solutions {
    background-color: #edf2f6
}

@media (max-width:768px) {
    .payment__method {
        padding: 2rem;
        font-size: 1.8rem
    }
}

.payment__method--active {
    opacity: 1
}

.payment__details .field--inline {
    margin-right: 3rem
}

.payment__details label,
.payment__details p {
    font-size: 1.4rem;
    opacity: .4
}

.payment__details svg {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1rem;
    position: relative;
    top: 1px
}

.payment__details p {
    margin-bottom: 2rem
}

.page--solutions .banner {
    padding-bottom: 40rem
}

.solutions {
    padding-top: 0
}

@media (max-width:960px) {
    .solutions .g__col {
        width: 50%
    }
}

@media (max-width:480px) {
    .solutions .g__col {
        width: 100%
    }
}

.page--solution .action__form>div {
    width: 90%
}

@media (max-width:768px) {
    .page--solution .action__form>div {
        width: 100%
    }
}

.solution {
    padding-top: 5rem;
    padding-bottom: 20rem
}

.benefits__item h4 {
    margin-bottom: .5rem
}

.benefits__item p {
    line-height: 1.33
}

@media (max-width:940px) {
    .benefits__col {
        width: 50%
    }
}

@media (max-width:480px) {
    .benefits__col {
        width: 100%
    }
}

.solution__body {
    padding-top: 8.5rem
}

.solution__body h1.text-center,
.solution__body h2.text-center,
.solution__body h3.text-center {
    max-width: 101rem;
    color: #4dc0b5;
    margin-bottom: 8rem
}

.page--case-studies .banner {
    padding-bottom: 40rem
}

@media (max-width:960px) {
    .cases .g__col {
        width: 50%
    }
}

@media (max-width:480px) {
    .cases .g__col {
        width: 100%
    }
}

.case-study-has-video .banner {
    padding-bottom: 35rem
}

.section--one,
.section--three,
.section--two {
    padding-bottom: 8rem
}

.study {
    background-color: #4dc0b5
}

@media (max-width:700px) {
    .page--case-study .seperator {
        display: none
    }
    .study {
        background-color: #2e2e2e
    }
}

.page--app-builder .banner:before,
.page--website-builder .banner:before {
    display: none
}

.product__feature {
    text-align: center;
    max-width: 34rem;
    margin: 0 auto
}

.product__feature li {
    line-height: 1.4
}

@media (max-width:360px) {
    .product__feature li {
        font-size: 1.2rem
    }
}

.product__feature span {
    margin-bottom: 2.7rem;
    display: inline-block
}

.product__feature svg {
    width: 8rem;
    height: 8rem
}

.section--one {
    padding-top: 3.5rem;
    background-color: #EFF3F6
}

.section--six,
.section--three {
    background-color: #edf2f6
}

.section--two {
    padding-top: 17rem
}

.section--two .section__title {
    margin-bottom: 7rem
}

@media (max-width:480px) {
    .page--home .section--three {
        padding-bottom: 0
    }
}

@media (max-width:1080px) {
    .section--three {
        text-align: center
    }
    .section--three .container {
        margin-top: 0!important
    }
}

.section--three .section__text span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2.5rem;
    margin-right: 2rem
}

.section--three .g {
    display: flex;
    align-items: center
}

@media (max-width:1080px) {
    .section--three .g {
        flex-direction: column-reverse
    }
    .section--three .section__text,
    .section--three .section__title {
        text-align: center
    }
    .section--three .section__col {
        width: 100%
    }
}

.section--six .g {
    margin: auto
}

@media (max-width:850px) {
    .section--six .g__col {
        width: 50%
    }
}

.section--four {
    background-color: #6f42c1;
    padding-bottom: 15rem
}

@media (max-width:680px) {
    .section--four {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

.section--five,
.section--seven {
    padding-bottom: 0
}

.section--four .section__text {
    max-width: 67rem
}

@media (max-width:680px) {
    .section--five {
        padding-top: 0
    }
    .section--five .g__col {
        width: 100%
    }
}

.section--seven .section__title {
    margin-bottom: 4.5rem
}

.section--seven .section__col {
    text-align: center;
    margin-bottom: 8rem
}

@media (max-width:580px) {
    .section--seven .section__col {
        width: 50%
    }
}

.section--seven p {
    max-width: 34rem;
    margin: 0 auto;
    line-height: 1.33
}

.section--seven span {
    display: inline-block;
    margin-bottom: 3.4rem
}

.section--tools h4 {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem
}

.section--tools h4+p {
    line-height: 1.33;
    margin-bottom: 5.4rem
}

@media (max-width:430px) {
    .section--tools h4+p {
        margin-bottom: 2.5rem
    }
}

.section--tools .g__col {
    text-align: left
}

@media (max-width:860px) {
    .section--tools .g__col {
        width: 50%;
        margin: 2rem 0
    }
}

@media (max-width:430px) {
    .section--tools .g__col {
        width: 100%
    }
}

.section--tools img {
    margin-right: 1rem
}

.section--tools svg {
    pointer-events: none;
    display: inline-block;
    margin-left: 1rem;
    vertical-align: middle;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.section--tools .accordion--active svg {
    transform: rotate(45deg)
}

.section--tools span:hover {
    color: #4dc0b5
}

.section--tools span:hover svg {
    transform: rotate(180deg)
}

.section--tools li {
    margin-bottom: 1rem
}

.section--tools li:before {
    top: 3px
}

.section--tools .section__link {
    margin-bottom: 2rem
}

.section--cloud {
    padding-top: 21rem
}

@media (max-width:640px) {
    .product__feature p {
        font-size: 1.2rem
    }
    .section--cloud {
        padding-top: 15rem;
        padding-bottom: 0
    }
    .section--schedule,
    .section--tag {
        padding-top: 0;
        padding-bottom: 0
    }
    .section--recorder .g {
        display: flex;
        flex-direction: column
    }
    .section--recorder .g__col {
        width: 100%
    }
    .section--recorder .g__col:nth-child(1) {
        order: 2
    }
    .section--recorder .g__col:nth-child(2) {
        order: 1
    }
    .section--editor {
        padding-top: 0;
        padding-bottom: 0
    }
}

.section--go-live {
    margin-top: -38rem;
    padding-bottom: 0;
    z-index: 2
}

@media (max-height:768px) {
    .section--go-live {
        margin-top: -28rem
    }
}

.section--go-live .anim {
    max-width: 52.5rem;
    margin: 0 auto 3.5rem
}

.section--go-live h2 {
    margin-bottom: 3.5rem
}

.section--action .section__title {
    text-align: center;
    margin-bottom: 1rem;
    margin-top: auto;
    position: relative;
    z-index: 1
}

.section--action p {
    max-width: 80rem;
    font-size: 2.4rem;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1
}

@media (max-width:680px) {
    .section--action p {
        font-size: 1.5rem;
        margin-bottom: 3rem
    }
}

.section--action .poster {
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 0
}

.section--action .button {
    margin-bottom: 0;
    margin-top: auto;
    position: relative;
    z-index: 1
}

.section--action .button:hover+img {
    transform: scale(1.2);
    transition: 12s ease-out
}

.section--action img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transition: 2s ease-out
}

.anim__stage:before,
.royalties-content i,
.royalties-content i:after {
    transition: .5s cubic-bezier(.4, 0, .2, 1)
}

.section--record {
    padding-top: 20rem
}

.section--record .section__col {
    padding-top: 2rem;
    position: relative
}

.section--record .section__col:before {
    position: absolute;
    top: 50px;
    left: 100%;
    transform: translateX(-50%);
    /* background-image: url(../images/icon--record-arrow.svg); */
    width: 4rem;
    height: 2.6rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    animation: recordArrows 1.98s ease forwards infinite
}

.section--record .section__col:nth-child(2):before {
    animation-delay: .66s
}

.section--record .section__col:nth-child(3):before {
    animation-delay: 1.32s
}

.section--record .section__col:nth-child(4):before,
.section--record .section__col:nth-child(5):before {
    display: none
}

@media (max-width:767px) {
    .section--record {
        padding-bottom: 0
    }
    .section--record .section__col:nth-child(2):before {
        display: none
    }
}

.section--record .section__col svg {
    width: 6.5rem;
    height: 6.5rem;
    display: block
}

@media (max-width:767px) {
    .section--record .g25 {
        width: 50%
    }
}

@keyframes recordArrows {
    0% {
        transform: translateX(-200%);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: translateX(100%);
        opacity: 0
    }
}

.section--audience {
    padding-bottom: 15rem;
    padding-top: 3rem
}

.section--audience .section__title {
    margin-bottom: 2rem
}

.section--audience p {
    padding-top: 4rem;
    max-width: 67rem
}

.section--software {
    padding-top: 7rem
}

@media (max-width:640px) {
    .section--audience p {
        margin-bottom: 0
    }
    .section--software {
        padding-bottom: 0
    }
}

.section--platforms {
    padding-top: 3rem;
    padding-bottom: 15rem
}

@media (max-width:640px) {
    .section--platforms {
        padding-bottom: 5rem
    }
}

.section--platforms img {
    margin-top: 4rem
}

.section--player {
    padding-top: 20rem;
    padding-bottom: 0
}

.branded-players {
    flex-wrap: nowrap
}

.branded-players img {
    width: 33.33%
}

@media (max-width:640px) {
    .section--player {
        padding-top: 10rem
    }
    .section--branded {
        padding-top: 5rem
    }
    .branded-players img {
        width: calc(100vw - 4rem);
        flex-shrink: 0
    }
    .section--connect {
        padding-top: 5rem
    }
}

.section--connect svg {
    width: 6rem;
    height: 6rem;
    display: block
}

.section--connect .g66 {
    margin-bottom: 8rem
}

.section--connect .container {
    max-width: 109rem
}

.anim--customise,
.anim--order {
    margin: 0 auto;
    max-width: 88rem
}

.section--connect img {
    margin-top: -5px
}

.section--connect .t--left * {
    text-align: left
}

.section--tools {
    padding-top: 3rem
}

.section--standard .product__feature {
    margin-bottom: 5rem
}

@media (max-width:767px) {
    .section--standard .g__col {
        width: 50%
    }
    .section--standard svg {
        width: 6rem;
        height: 6rem
    }
}

@media (max-width:360px) {
    .section--standard .g__col {
        width: 100%
    }
}

.section--graphs {
    padding-top: 5rem
}

.section--analytics {
    padding-bottom: 20rem
}

@media (max-width:640px) {
    .section--analytics {
        padding-top: 10rem;
        padding-bottom: 10rem
    }
}

.section--historical {
    padding-top: 5rem;
    padding-bottom: 2rem
}

@media (max-width:640px) {
    .section--historical {
        padding-bottom: 7rem
    }
}

.section--reporting {
    padding-top: 30rem;
    padding-bottom: 0
}

.section--reporting .anim-reporting {
    margin-top: -2rem
}

@media (max-width:680px) {
    .section--reporting {
        padding-top: 10rem
    }
    .section--reporting .g__col {
        width: 100%
    }
    .section--reporting .section__link {
        text-align: center
    }
}

.royalties-content>div {
    border-bottom: 1px solid rgba(183, 183, 183, .2);
    padding: 2.2rem 0
}

.royalties-content>div:last-child {
    border-bottom: 0
}

.royalties-content h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

@media (max-width:480px) {
    .royalties-content p {
        font-size: 1.2rem
    }
}

.royalties-content i {
    color: #4dc0b5;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: 1px solid;
    position: relative
}

.royalties-content i:after,
.royalties-content i:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 1px;
    background-color: currentColor
}

.royalties-content i:after {
    transform: translateX(-50%)rotate(-90deg)
}

.royalties-content .accordion--active i {
    transform: rotate(180deg)
}

.royalties-content .accordion--active i:after {
    transform: translateX(-50%)rotate(0)
}

@media (max-width:640px) {
    .section--posters {
        padding-top: 5rem;
        padding-bottom: 2rem
    }
    .section--posters .g__col {
        width: 100%
    }
}

.product__twitter-widget iframe {
    margin-right: 0;
    margin-left: auto;
    display: block
}

.anim__stage {
    width: 67rem;
    height: 40.4rem;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    margin: 0 auto;
    padding: 1.6rem;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.anim__stage:before {
    /* background-image: url(../images/img--anim-upload.svg); */
    background-size: contain;
    background-repeat: no-repeat;
    width: 4rem;
    height: 3.7rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -47%);
    opacity: 1
}

.anim__stage:after {
    content: "Upload";
    color: #9de3cb;
    padding: .9rem 3rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: none;
    border: 1px solid;
    border-radius: 1.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    transform: translate(-50%, 100%)
}

.anim__stage.loading-tracks:before {
    transform: translate(-50%, -50%)scale(0);
    opacity: 0
}

.anim__stage-head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.5rem;
    border-bottom: 1px solid #EDF2F6
}

.anim__stage-head:before {
    content: "";
    position: absolute;
    top: 50%;
    left: .9rem;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background-color: #EDF2F6;
    transform: translateY(-50%);
    box-shadow: 14px 0 0 0 #EDF2F6, 28px 0 0 0 #EDF2F6
}

.anim__track,
.anim__upload:before {
    box-shadow: 0 0 1px rgba(0, 0, 0, .2)
}

.anim--upload {
    max-width: 88rem;
    margin: 0 auto;
    border-radius: 4px;
    padding: 3.7rem 4rem;
    background-color: #6f42c1
}

.anim__upload {
    position: absolute;
    top: 4rem;
    left: 1.6rem;
    width: calc(100% - 32px);
    opacity: 0;
    z-index: 2
}

.anim__upload:after,
.anim__upload:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
    z-index: 2;
    width: 1.4rem;
    height: 1.4rem;
    transition: .5s cubic-bezier(.4, 0, .2, 1)
}

.anim__upload:before {
    background-color: #4dc0b5;
    border-radius: 50%
}

.anim__upload:after {
    content: "3";
    text-indent: 1px;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.4rem;
    font-weight: 700
}

.anim__upload.added-tracks:after,
.anim__upload.added-tracks:before {
    transform: translate(50%, 50%)scale(0);
    opacity: 0
}

.anim__track {
    width: 100%;
    height: 8.1rem;
    background-color: #fff;
    border-radius: 4px;
    padding: .8rem;
    text-align: left;
    margin-bottom: .4rem;
    position: relative;
    display: flex;
    align-items: flex-end
}

.anim__track:after,
.anim__track:before {
    content: "";
    height: 1.1rem;
    background-color: #edf2f6;
    width: 21.4rem;
    transform-origin: left;
    position: absolute;
    top: .8rem;
    left: 8rem
}

.anim__track:after {
    top: 2.6rem
}

.anim__track--1:before {
    transform: scaleX(.4)
}

.anim__track--2 .anim__track-progress {
    transition-delay: .4s
}

.anim__track--2 .anim__track-progress:before {
    transition-delay: .7s
}

.anim__track--2:before {
    transform: scaleX(.6)
}

.anim__track--2:after {
    transform: scaleX(.8)
}

.anim__track--3 .anim__track-progress {
    transition-delay: .6s
}

.anim__track--3 .anim__track-progress:before {
    transition-delay: .9s
}

.anim__track--3:before {
    transform: scaleX(.4)
}

.anim__track--3:after {
    transform: scaleX(.6)
}

.anim__track--4:before {
    transform: scaleX(.5)
}

.anim__track--4:after {
    transform: scaleX(.6)
}

.anim__track--5:before {
    transform: scaleX(.3)
}

.anim__track--5:after {
    transform: scaleX(.9)
}

.anim__track-pill {
    display: inline-block;
    margin-left: .5rem;
    font-size: 6px;
    border-radius: 6px;
    border: 1px solid;
    text-align: center;
    padding: .3rem .8rem
}

.anim__track-pill--top {
    color: #ffd36b
}

.anim__track-pill--pop {
    color: #4dc0b5
}

.anim__track-pill--jingle {
    color: #ab6dcf
}

.anim__track-pill--sweeper {
    color: #6f42c1
}

.anim__track-pill--rock {
    color: #9de3cb
}

.anim__upload-progress {
    position: absolute;
    bottom: .8rem;
    left: 8rem;
    right: 3rem;
    background-color: #7dd1ff;
    height: 1.2rem;
    border-radius: 4px;
    transform-origin: left;
    transition: .5s cubic-bezier(.4, 0, .2, 1)
}

.incomplete .anim__upload-progress {
    transition-delay: 0s;
    transform: scaleX(0)
}

.anim__upload-progress:before {
    content: "";
    position: absolute;
    left: 100%;
    margin-left: 1rem;
    margin-top: -.3rem;
    width: .4rem;
    height: 1.2rem;
    border-right: 2px solid #81ffd4;
    border-bottom: 2px solid #81ffd4;
    transform: rotate(45deg)scale(1);
    transition: .5s .3s cubic-bezier(.4, 0, .2, 1)
}

.incomplete .anim__upload-progress:before {
    transition-delay: 0s;
    transform: rotate(45deg)scale(0);
    opacity: 0
}

.anim--order {
    padding: 2.5rem 5rem;
    background-color: #edf2f6;
    border-radius: 4px
}

.anim__playlist {
    width: 38rem;
    margin: 0 auto
}

.anim--customise {
    position: relative;
    width: 100%;
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
    color: #6f42c1
}

.touchevents .anim--customise {
    display: none
}

@media (max-width:960px) {
    .anim--customise {
        transform: scale(.7);
        padding-bottom: 0;
        padding-top: 0
    }
}

.anim__customiser {
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    padding: 4.5rem 4rem;
    text-align: left
}

.anim__customiser>div {
    margin-bottom: 4rem;
    max-width: 48.5rem
}

@media (max-width:580px) {
    .anim--customise {
        transform: scale(1);
        margin-bottom: 4rem
    }
    .anim__customiser {
        padding: 2.5rem 2rem
    }
    .anim__customiser>div {
        margin-bottom: 2.5rem
    }
}

.anim__customiser>div:last-child {
    margin-bottom: 0
}

.anim__customiser span {
    margin-right: 4rem;
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:580px) {
    .anim__customiser span {
        font-size: 1.2rem;
        margin-right: 2rem;
        transform: translateY(-1px)
    }
}

.anim__customiser-colour input,
.anim__thumb {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

@media (max-width:360px) {
    .anim__customiser span {
        margin-right: 1rem
    }
}

.anim__customiser span:last-child {
    margin-right: 0
}

span.anim__customiser-title {
    font-size: 1.6rem;
    opacity: 1;
    display: inline-block;
    width: 10.5rem;
    margin-right: 0;
    color: #6f42c1
}

@media (max-width:580px) {
    span.anim__customiser-title {
        font-size: 1.4rem;
        width: 6rem
    }
}

@media (max-width:420px) {
    span.anim__customiser-title {
        display: block;
        margin-bottom: 1rem
    }
}

.anim__customiser-radio {
    opacity: .2;
    cursor: pointer;
    transition: .2s linear;
    color: currentColor
}

.anim__customiser-radio span {
    display: inline-block;
    vertical-align: middle;
    color: #6f42c1
}

.anim__customiser-radio.selected,
.anim__customiser-radio:hover {
    opacity: 1
}

.anim__customiser-radio:before {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    border: 1px solid;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    position: relative;
    top: -2px
}

.anim__customiser-radio.selected:before {
    background-color: currentColor;
    box-shadow: inset 0 0 0 4px #fff
}

.anim__thumb,
.anim__thumb:before {
    box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}

.anim__customiser-width {
    appearance: none;
    width: calc(100% - 11rem);
    max-width: 30rem;
    height: 3px;
    position: relative;
    border-radius: 2px;
    color: currentColor;
    background: rgba(0, 0, 0, .2)
}

.anim__customiser-colour i,
.anim__thumb:before {
    border-radius: 50%;
    background-color: currentColor
}

@media (max-width:420px) {
    .anim__customiser-width {
        width: 100%
    }
}

.anim__customiser-width::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.2rem;
    height: 1.2rem;
    background-color: currentColor;
    border-radius: 50%;
    cursor: pointer
}

.anim__customiser-width::-webkit-slider-track {
    appearance: none;
    background-color: currentColor
}

.anim__customiser-colour {
    width: 10rem;
    position: relative
}

.anim__customiser-colour span {
    color: #6f42c1;
    display: inline-block;
    vertical-align: middle
}

.anim__customiser-colour input {
    opacity: 0;
    width: 2.7rem;
    height: 2.7rem;
    right: 0;
    z-index: 2
}

.anim__customiser-colour i {
    position: absolute;
    top: 50%;
    right: 0;
    width: 2.7rem;
    height: 2.7rem;
    transform: translateY(-50%);
    border: 1px solid #6f42c1
}

.anim__thumb {
    left: calc(100% - 31.5rem);
    width: 31.5rem;
    overflow: hidden
}

@media (max-width:960px) {
    .anim__thumb {
        left: 51.5rem
    }
}

@media (max-width:1000px) {
    .anim__thumb {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: translateY(0);
        margin-top: 1rem;
        transform-origin: top
    }
}

.anim__thumb:after,
.anim__thumb:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: border-radius .5s cubic-bezier(.4, 0, .2, 1)
}

.anim__thumb img,
.anim__thumb-player {
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.anim__thumb:before {
    width: 60px;
    height: 60px
}

.anim__thumb:after {
    width: 0;
    height: 0;
    margin-left: 3px;
    border-style: solid;
    border-width: 10px 0 10px 17.3px;
    border-color: transparent transparent transparent #6f42c1;
    z-index: 3
}

.anim__thumb.rounded {
    border-radius: 4px
}

.anim__thumb.size-small {
    transform: translateY(-50%)scale(.8);
    box-shadow: none;
    height: 0;
    width: 25rem!important;
    padding-top: 50%
}

.anim__thumb.size-small .anim__thumb-img,
.anim__thumb.size-small .anim__thumb-player {
    display: none
}

.anim--hlite,
.anim__thumb.size-medium {
    display: flex
}

.anim__thumb.size-small:before {
    border-radius: 0
}

.anim__thumb.size-small.rounded:before {
    border-radius: 50%
}

@media (max-width:1000px) {
    .anim__thumb.size-small {
        transform: scale(.8)
    }
}

@media (max-width:580px) {
    .anim__thumb.size-small {
        transform: scale(1)
    }
}

.anim__thumb.size-medium:after,
.anim__thumb.size-medium:before {
    left: 50px;
    transform: translate(-50%, -50%)scale(.8)
}

.anim__thumb.size-medium img {
    width: 100px;
    height: 100px
}

.anim__thumb.size-large .anim__thumb-player,
.anim__thumb.size-medium .anim__thumb-player {
    width: 100%
}

@media (max-width:580px) {
    .anim__thumb.size-medium {
        transform: scale(1)
    }
}

.anim__thumb.size-large {
    transform: translateY(-50%)scale(1.2)
}

.anim__thumb.size-large:after,
.anim__thumb.size-large:before {
    top: 40%;
    transform: translate(-50%, -50%)
}

.anim__thumb img {
    width: 100%;
    max-height: 21rem;
    object-position: bottom;
    object-fit: cover
}

@media (max-width:580px) {
    .anim__thumb.size-large {
        transform: scale(1)
    }
    .anim__thumb img {
        max-height: none
    }
}

.anim__thumb-player {
    background-color: #6f42c1;
    padding: 1.4rem 2.7rem;
    text-align: left;
    position: relative;
    color: #fff
}

.anim__thumb-player p {
    font-size: 1.2rem;
    margin-bottom: 1.5rem
}

.anim__thumb-player p svg {
    position: absolute;
    top: 2.5rem;
    right: 2.7rem
}

.anim__thumb-vol {
    position: relative
}

.anim__thumb-vol:after,
.anim__thumb-vol:before {
    content: "";
    width: calc(100% - 2.4rem);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 3px;
    border-radius: 2px;
    background-color: currentColor
}

.anim__thumb-vol:before {
    opacity: .2
}

.anim__thumb-vol:after {
    transform-origin: left;
    transform: translateY(-50%)scaleX(.8)
}

.anim--hlite {
    width: 100%;
    height: 100%;
    align-items: center
}

.anim__hlite {
    max-width: 93.1rem;
    width: 100%;
    margin: auto;
    padding: 3rem 0
}

.anim__hlite-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12rem
}

@media (max-width:1000px) {
    .anim__hlite {
        display: flex
    }
    .anim__hlite-row {
        flex-direction: column;
        padding-bottom: 0
    }
}

@media (max-width:480px) {
    .anim__hlite-row {
        padding: 0 2rem
    }
}

.anim__hlite-row img {
    opacity: 0;
    display: inline-block;
    transform: translateY(10px)
}

@media (max-width:1000px) {
    .anim__hlite-row img {
        margin: 1rem auto
    }
}

.anim__hlite-row img:hover {
    opacity: 1!important;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out
}

.anim__hlite-row:last-child {
    padding-bottom: 0
}

.anim__tweet {
    transform: translateY(50px);
    opacity: 0;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.switcher__slide--active .anim__tweet {
    transform: translateY(0);
    opacity: 1
}

.anim__map {
    margin-bottom: 3rem
}

.anim__map-location {
    opacity: 0
}

.anim__carousel {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 37.5rem
}

.anim__platform {
    padding: 0 2rem;
    width: 25rem
}

.anim__platform svg {
    display: block
}

.anim__live {
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    text-align: center;
    display: flex;
    overflow: hidden;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    max-width: 64rem;
    width: 100%;
    margin: 0 auto 4rem
}

.anim__live-button,
.anim__live-cont {
    max-width: 27.5rem;
    margin-right: auto
}

.anim__live-head {
    position: absolute;
    background-color: #E7EAF0;
    color: #DCE2E9;
    z-index: 22;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid currentColor;
    display: flex;
    padding-top: 2.5rem
}

.anim__live-head:before {
    content: "";
    position: absolute;
    top: .9rem;
    left: .9rem;
    width: .9rem;
    height: .9rem;
    border-radius: 50%;
    background-color: currentColor;
    box-shadow: 14px 0 0 0 currentColor, 28px 0 0 0 currentColor
}

.anim__live-panel {
    padding: 6rem 4rem 2.5rem;
    position: relative;
    z-index: 2
}

.anim__live-title {
    color: #4dc0b5;
    font-size: 3rem;
    display: block;
    margin-bottom: 3rem
}

@media (max-width:640px) {
    .anim__live-panel {
        width: 70%;
        padding-left: 1rem;
        padding-right: 1rem
    }
    .anim__live-title {
        font-size: 1.5rem
    }
}

.anim__live-subtitle {
    opacity: .3;
    font-size: 1.6rem;
    display: block;
    margin-bottom: 2.7rem
}

@media (max-width:640px) {
    .anim__live-subtitle {
        font-size: .9rem
    }
}

.anim__live-time {
    font-size: 8rem;
    display: block;
    margin-bottom: 3.5rem;
    min-width: 32.5rem
}

.anim__live-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-left: auto;
    margin-bottom: 3.5rem
}

@media (max-width:640px) {
    .anim__live-time {
        font-size: 4.5rem;
        min-width: 100%
    }
    .anim__live-mute {
        width: 5.9rem;
        height: 5.9rem
    }
}

.anim__live-mute svg {
    width: 100%;
    height: 100%
}

.anim__live-live {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 11px;
    color: rgba(0, 0, 0, .3);
    text-transform: uppercase
}

@media (max-width:420px) {
    .anim__live-live {
        font-size: 0
    }
}

.anim__live-live:after {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background-color: #4dc0b5;
    margin-left: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    animation: anim_live-blink .8s infinite alternate ease
}

@keyframes anim_live-blink {
    from {
        background-color: #f4a3a3
    }
    to {
        background-color: red
    }
}

.anim__live-button {
    border: 1px solid #9DE3CB;
    color: #9DE3CB;
    text-align: center;
    width: 100%;
    display: block;
    border-radius: 4px;
    margin-left: auto;
    padding: 1.6rem;
    margin-bottom: 1.3rem
}

@media (max-width:640px) {
    .anim__live-button {
        font-size: .9rem
    }
}

.anim__live-connect {
    color: rgba(0, 0, 0, .3);
    font-size: 1.1rem
}

.anim__live-connect svg {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px
}

.anim__live-levels {
    background-color: #2e2e2e;
    width: 100%;
    position: relative
}

@media (max-width:640px) {
    .anim__live-levels {
        width: 30%
    }
}

.anim__live-label {
    font-size: 1.6rem;
    color: #fff;
    opacity: .3;
    display: block;
    text-align: center;
    margin-top: 9.4rem
}

.anim__live-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 13.2rem
}

.anim__live-range {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)rotate(-90deg);
    width: 26.6rem;
    height: 2px;
    margin-top: 1.3rem;
    appearance: none;
    background-color: #2e2e2e;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    z-index: 2
}

.anim__live-range::-webkit-slider-thumb {
    appearance: none;
    background-color: #fff;
    width: .6rem;
    height: 10.5rem;
    border-radius: 3px
}

.anim__live-step {
    width: 3rem;
    margin: 0 auto 2.1rem;
    display: flex;
    justify-content: space-between;
    color: #9de3cb
}

.anim__live-step:after,
.anim__live-step:before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: currentColor
}

.anim__live-step:nth-child(2),
.anim__live-step:nth-child(3) {
    color: #4dc0b5
}

.anim__live-step:nth-child(4) {
    color: #ffd36b
}

.anim__live-overlay {
    height: calc(100% - 13.2rem);
    position: absolute;
    top: 13.2rem;
    left: 0;
    width: 100%;
    background-color: #2e2e2e;
    transform: scaleY(0);
    transform-origin: top
}

.anim__recorder {
    position: relative
}

.anim__recorder-img svg {
    width: 100%;
    height: 100%;
    display: block
}

.anim__recorder-pulse,
.anim__recorder-time {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.anim__recorder--tracking .anim__recorder-pulse,
.anim__recorder--tracking .anim__recorder-time {
    top: 42%
}

.anim__recorder-time {
    font-size: 2.8551035vw;
    color: #6f42c1;
    left: 0;
    transform: translateY(-50%);
    width: 50%;
    text-align: right;
    padding-right: 4vw
}

.anim-chart__label,
.anim-chart__number,
.anim-chart__title {
    color: rgba(255, 255, 255, .5)
}

@media (min-width:1400px) {
    .anim__recorder-time {
        font-size: 4rem;
        padding-right: 6rem
    }
}

.anim__recorder-pulse {
    max-width: 10rem;
    max-height: 10rem;
    width: 7vw;
    height: 7vw;
    background-color: #4dc0b5;
    border-radius: 50%
}

.anim__recorder--interviews .anim__recorder-pulse {
    background-color: #9de3cb
}

@media (max-width:640px) {
    .anim__recorder-time {
        font-size: 5.71vw;
        padding-right: 12vw
    }
    .anim__recorder-pulse {
        width: 14vw;
        height: 14vw
    }
}

.anim__recorder-pulse:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)scale(.8);
    opacity: .8;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #4dc0b5;
    animation: animpulse 1s linear forwards infinite
}

.anim__recorder--interviews .anim__recorder-pulse:before {
    background-color: #9de3cb
}

.anim__recorder-pulse svg {
    max-width: 1.5rem;
    max-height: 2.2rem;
    width: 1.4409222vw;
    height: 1.5703069vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@keyframes animpulse {
    from {
        transform: translate(-50%, -50%)scale(.8);
        opacity: .8
    }
    to {
        transform: translate(-50%, -50%)scale(1.4);
        opacity: 0
    }
}

.anim-chart {
    max-width: 90rem;
    margin: 0 auto
}

.anim-chart__graph {
    position: relative;
    height: 31rem;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    padding-left: 11.3rem;
    padding-right: 6.5rem
}

@media (max-width:767px) {
    .anim-chart {
        font-size: 1rem
    }
    .anim-chart__graph {
        padding-right: 0;
        padding-left: 4rem
    }
}

@media (max-width:479px) {
    .anim-chart__graph {
        height: 20rem
    }
}

.anim-chart__graph .anim-chart__bar {
    width: 4rem;
    height: 100%;
    background-color: #9DE3CB;
    position: relative;
    border-radius: 3px;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

@media (max-width:479px) {
    .anim-chart__graph .anim-chart__bar {
        width: 2.2rem
    }
}

.anim-chart__graph .anim-chart__bar:after,
.anim-chart__graph .anim-chart__bar:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 3px;
    background-color: #FFD36B;
    transition: inherit
}

.anim-chart__graph .anim-chart__bar:after {
    background-color: #AB6DCF
}

.anim-chart__graph .anim-chart__bar span {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, .5);
    font-style: normal;
    padding-top: 2rem
}

.anim-chart__graph .anim-chart__bar--2 {
    transition-delay: .1s
}

.anim-chart__graph .anim-chart__bar--3 {
    transition-delay: .15s
}

.anim-chart__graph .anim-chart__bar--4 {
    transition-delay: .2s
}

.anim-chart__graph .anim-chart__bar--5 {
    transition-delay: .25s
}

.anim-chart__graph .anim-chart__bar--6 {
    transition-delay: .3s
}

.anim-chart__graph .anim-chart__bar--7 {
    transition-delay: .35s
}

.anim-chart__graph .anim-chart__bar--8 {
    transition-delay: .4s
}

.anim-chart__count,
.anim-chart__label,
.anim-chart__title,
.faqs__question,
.faqs__title {
    transition: .2s linear
}

.anim-chart__graph--1 .anim-chart__bar--1 {
    height: 76%
}

.anim-chart__graph--1 .anim-chart__bar--1:before {
    height: 80%
}

.anim-chart__graph--1 .anim-chart__bar--1:after {
    height: 40%
}

.anim-chart__graph--1 .anim-chart__bar--2 {
    height: 92%
}

.anim-chart__graph--1 .anim-chart__bar--2:before {
    height: 60%
}

.anim-chart__graph--1 .anim-chart__bar--2:after {
    height: 30%
}

.anim-chart__graph--1 .anim-chart__bar--3 {
    height: 88%
}

.anim-chart__graph--1 .anim-chart__bar--3:before {
    height: 95%
}

.anim-chart__graph--1 .anim-chart__bar--3:after {
    height: 24%
}

.anim-chart__graph--1 .anim-chart__bar--4 {
    height: 82%
}

.anim-chart__graph--1 .anim-chart__bar--4:before {
    height: 85%
}

.anim-chart__graph--1 .anim-chart__bar--4:after {
    height: 80%
}

.anim-chart__graph--1 .anim-chart__bar--5 {
    height: 85%
}

.anim-chart__graph--1 .anim-chart__bar--5:before {
    height: 65%
}

.anim-chart__graph--1 .anim-chart__bar--5:after {
    height: 40%
}

.anim-chart__graph--1 .anim-chart__bar--6 {
    height: 81%
}

.anim-chart__graph--1 .anim-chart__bar--6:before {
    height: 50%
}

.anim-chart__graph--1 .anim-chart__bar--6:after {
    height: 30%
}

.anim-chart__graph--1 .anim-chart__bar--7 {
    height: 92%
}

.anim-chart__graph--1 .anim-chart__bar--7:before {
    height: 72%
}

.anim-chart__graph--1 .anim-chart__bar--7:after {
    height: 38%
}

.anim-chart__graph--1 .anim-chart__bar--8 {
    height: 84%
}

.anim-chart__graph--1 .anim-chart__bar--8:before {
    height: 65%
}

.anim-chart__graph--1 .anim-chart__bar--8:after {
    height: 24%
}

.anim-chart__graph--2 .anim-chart__bar--1 {
    height: 46%
}

.anim-chart__graph--2 .anim-chart__bar--1:before {
    height: 40%
}

.anim-chart__graph--2 .anim-chart__bar--1:after {
    height: 20%
}

.anim-chart__graph--2 .anim-chart__bar--2 {
    height: 62%
}

.anim-chart__graph--2 .anim-chart__bar--2:before {
    height: 40%
}

.anim-chart__graph--2 .anim-chart__bar--2:after {
    height: 30%
}

.anim-chart__graph--2 .anim-chart__bar--3 {
    height: 78%
}

.anim-chart__graph--2 .anim-chart__bar--3:before {
    height: 55%
}

.anim-chart__graph--2 .anim-chart__bar--3:after {
    height: 34%
}

.anim-chart__graph--2 .anim-chart__bar--4 {
    height: 92%
}

.anim-chart__graph--2 .anim-chart__bar--4:before {
    height: 55%
}

.anim-chart__graph--2 .anim-chart__bar--4:after {
    height: 30%
}

.anim-chart__graph--2 .anim-chart__bar--5 {
    height: 65%
}

.anim-chart__graph--2 .anim-chart__bar--5:before {
    height: 55%
}

.anim-chart__graph--2 .anim-chart__bar--5:after {
    height: 30%
}

.anim-chart__graph--2 .anim-chart__bar--6 {
    height: 61%
}

.anim-chart__graph--2 .anim-chart__bar--6:before {
    height: 90%
}

.anim-chart__graph--2 .anim-chart__bar--6:after {
    height: 70%
}

.anim-chart__graph--2 .anim-chart__bar--7 {
    height: 72%
}

.anim-chart__graph--2 .anim-chart__bar--7:before {
    height: 62%
}

.anim-chart__graph--2 .anim-chart__bar--7:after {
    height: 58%
}

.anim-chart__graph--2 .anim-chart__bar--8 {
    height: 64%
}

.anim-chart__graph--2 .anim-chart__bar--8:before {
    height: 55%
}

.anim-chart__graph--2 .anim-chart__bar--8:after {
    height: 44%
}

.anim-chart__graph--3 .anim-chart__bar--1 {
    height: 76%
}

.anim-chart__graph--3 .anim-chart__bar--1:before {
    height: 60%
}

.anim-chart__graph--3 .anim-chart__bar--1:after {
    height: 50%
}

.anim-chart__graph--3 .anim-chart__bar--2 {
    height: 82%
}

.anim-chart__graph--3 .anim-chart__bar--2:before {
    height: 80%
}

.anim-chart__graph--3 .anim-chart__bar--2:after {
    height: 50%
}

.anim-chart__graph--3 .anim-chart__bar--3 {
    height: 68%
}

.anim-chart__graph--3 .anim-chart__bar--3:before {
    height: 75%
}

.anim-chart__graph--3 .anim-chart__bar--3:after {
    height: 54%
}

.anim-chart__graph--3 .anim-chart__bar--4 {
    height: 72%
}

.anim-chart__graph--3 .anim-chart__bar--4:before {
    height: 85%
}

.anim-chart__graph--3 .anim-chart__bar--4:after {
    height: 60%
}

.anim-chart__graph--3 .anim-chart__bar--5 {
    height: 95%
}

.anim-chart__graph--3 .anim-chart__bar--5:before {
    height: 75%
}

.anim-chart__graph--3 .anim-chart__bar--5:after {
    height: 50%
}

.anim-chart__graph--3 .anim-chart__bar--6 {
    height: 81%
}

.anim-chart__graph--3 .anim-chart__bar--6:before {
    height: 50%
}

.anim-chart__graph--3 .anim-chart__bar--6:after {
    height: 40%
}

.anim-chart__graph--3 .anim-chart__bar--7 {
    height: 72%
}

.anim-chart__graph--3 .anim-chart__bar--7:before {
    height: 82%
}

.anim-chart__graph--3 .anim-chart__bar--7:after {
    height: 68%
}

.anim-chart__graph--3 .anim-chart__bar--8 {
    height: 54%
}

.anim-chart__graph--3 .anim-chart__bar--8:before {
    height: 85%
}

.anim-chart__graph--3 .anim-chart__bar--8:after {
    height: 34%
}

.anim-chart__numbers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.anim-chart__number {
    height: 1px;
    background-color: rgba(255, 255, 255, .1);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.anim-chart__number:before {
    content: attr(data-number);
    padding-right: .5rem;
    background-color: #6f42c1
}

.anim-chart__actions {
    margin-top: 6.5rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 2rem;
    margin-left: 4.5rem;
    display: flex;
    justify-content: space-between;
    text-align: left
}

@media (max-width:640px) {
    .anim-chart__actions {
        display: none
    }
}

.anim-chart__actions .anim-chart__bar {
    margin-left: 1rem;
    margin-right: 1rem;
    flex: 1;
    position: relative;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 2px
}

.anim-chart__actions i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 2px;
    transition: .2s linear
}

.anim-chart__action--active .anim-chart__count i,
.anim-chart__action:hover .anim-chart__count i {
    background-color: #9DE3CB
}

.anim-chart__action--active .anim-chart__count:nth-child(3) i,
.anim-chart__action:hover .anim-chart__count:nth-child(3) i {
    background-color: #FFD36B
}

.anim-chart__action--active .anim-chart__count:nth-child(4) i,
.anim-chart__action:hover .anim-chart__count:nth-child(4) i {
    background-color: #AB6DCF
}

.anim-chart__action {
    width: 33.33%;
    cursor: pointer
}

.anim-chart__action:nth-child(2) {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.anim-chart__title {
    display: block;
    margin-bottom: 2.5rem;
    opacity: .3
}

.anim-chart__action--active .anim-chart__title,
.anim-chart__action:hover .anim-chart__title {
    opacity: 1
}

.anim-chart__count {
    opacity: .3;
    margin-bottom: 2.5rem;
    display: flex;
    justify-content: space-between
}

.anim-chart__action--active .anim-chart__count,
.anim-chart__action:hover .anim-chart__count {
    opacity: 1
}

.anim-chart__label:first-child {
    width: 6.5rem
}

.anim-reporting {
    position: relative
}

.anim-reporting svg {
    display: block;
    width: 100%;
    height: 100%
}

.anim-reporting .reporting__numbers {
    position: absolute;
    top: 25.7%;
    right: 44%;
    height: 65.3%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2
}

.anim-reporting i {
    font-style: normal;
    font-size: 1.1rem;
    color: #b7b7b7;
    width: 1rem
}

.connect-trigger {
    color: #4dc0b5;
    font-weight: 700
}

.connect-trigger span {
    display: inline-block;
    cursor: pointer
}

.connect-trigger span:after,
.connect-trigger span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/icon--chev.svg);
    background-size: 100% 100%;
    width: 2.5rem;
    height: 2.5rem;
    transform: rotate(180deg);
    position: relative;
    top: -2px
}

@media (max-width:640px) {
    .connect-trigger span:after,
    .connect-trigger span:before {
        display: none
    }
}

.connect-trigger span:before {
    margin-right: 4.6rem
}

.connect-trigger span:after {
    margin-left: 4.6rem
}

.connect-more ul {
    padding-top: 4rem
}

.connect-features {
    padding-top: 10rem
}

@media (max-width:768px) {
    .connect-features {
        display: flex;
        flex-direction: column
    }
    .connect-features .g__col {
        width: 100%
    }
    .connect-features .g__col:first-child {
        order: 2
    }
    .connect-features .g__col:nth-child(2) {
        order: 1
    }
    .connect-features .g__col:nth-child(3) {
        order: 4
    }
    .connect-features .product__feature,
    .connect-features .section__title {
        max-width: 100%
    }
    .connect-features .section__text {
        margin-bottom: 0
    }
}

.section--embed iframe {
    width: 100%!important
}

@media (max-width:640px) {
    .section--embed {
        padding-top: 2.5rem
    }
}

.section--domain {
    padding-top: 0;
    position: relative;
    overflow: visible;
    z-index: 2;
    text-align: center
}

.section--domain+.section {
    padding-top: 20rem
}

@media (max-width:640px) {
    .section--domain+.section {
        padding-top: 10rem
    }
}

.section--domain img {
    margin-top: -20rem;
    margin-bottom: 8.5rem
}

@media (max-height:585px) {
    .section--domain img {
        margin-top: -10rem
    }
}

.section--domain form {
    padding-top: 9.5rem
}

.section--domain .loading:after {
    top: 40px
}

.section--domain label {
    color: rgba(0, 0, 0, .5);
    border-color: #6f42c1
}

.section--domain input {
    color: #6f42c1;
    border-color: #6f42c1
}

.section--domain .domain-message {
    margin-bottom: 2rem;
    width: 100%;
    opacity: 0;
    display: none;
    text-align: center
}

.section--domain .err .domain-message {
    color: #4dc0b5
}

.section--domain .available .domain-message {
    color: #9DE3CB
}

.section--domain .available .domain-message:before {
    content: "✓";
    font-size: 4rem;
    display: block;
    text-align: center
}

.section--domain .domain-signup {
    width: 100%;
    text-align: center;
    display: none;
    padding-top: 2rem
}

.section--domain .available .domain-signup {
    display: block
}

.section--themes {
    padding-bottom: 20rem
}

@media (max-width:640px) {
    .section--themes {
        padding-top: 0;
        padding-bottom: 10rem
    }
    .section--themes .g__col {
        width: 100%
    }
}

.section--themes .container {
    position: relative;
    z-index: 2
}

.section--themes img {
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .1))
}

.section--builder {
    padding-top: 2rem
}

.section--builder p {
    max-width: 100%;
    margin-bottom: 3rem
}

.section--builder img {
    margin-bottom: 3.5rem
}

.section--builder a {
    font-weight: 700
}

.section--builder-platforms {
    overflow: visible;
    position: relative;
    z-index: 2
}

@media (max-width:640px) {
    .section--builder,
    .section--builder-platforms {
        padding-bottom: 0
    }
}

.section--builder-platforms .section__text span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2.5rem;
    margin-right: 2rem
}

@media (max-width:767px) {
    .section--builder-platforms .g {
        display: flex;
        flex-direction: column-reverse
    }
    .section--builder-platforms .g__col {
        width: 100%;
        text-align: center
    }
}

.section--builder-platforms .product__feature svg {
    width: 6.5rem;
    height: 6.5rem;
    display: block
}

.page--app-builder .section--builder-platforms .g {
    align-items: flex-start;
    padding-bottom: 10rem;
    margin-top: -6rem
}

@media (max-width:767px) {
    .page--app-builder .section--builder-platforms .g {
        padding-bottom: 0;
        margin-top: 0
    }
}

.page--app-builder .section--builder-platforms .app-video img {
    margin-left: auto;
    display: block;
    margin-top: -25rem
}

.page--app-builder .section--builder-platforms .g33 {
    align-self: flex-start
}

.page--app-builder .section--builder-platforms .video__button path {
    fill: #6f42c1
}

.app-video {
    position: relative
}

.app-video__video {
    position: absolute;
    width: 300px;
    top: 84px;
    right: 22px
}

@media (max-width:767px) {
    .page--app-builder .section--builder-platforms .app-video img {
        margin-right: auto
    }
    .app-video__video {
        right: 0;
        left: 0;
        margin: auto
    }
}

.app-video__video video {
    display: block;
    width: 100%
}

.section--example {
    padding-top: 0
}

@media (max-width:640px) {
    .section--app-benefits {
        padding-top: 10rem
    }
    .section--app-benefits .g__col {
        width: 50%
    }
    .section--featured-apps {
        padding-top: 0;
        padding-bottom: 0
    }
    .section--featured-apps .g__col {
        width: 100%
    }
}

.section--featured-apps .container {
    position: relative
}

.section--featured-apps span {
    display: inline-block;
    margin-top: 3rem
}

@media (max-width:420px) {
    .section--featured-apps span {
        width: 10rem
    }
}

.section--featured-apps span:last-child {
    margin-left: 4rem
}

.section--featured-apps span svg {
    width: 100%;
    height: 100%;
    display: block
}

.section--featured-apps .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
    width: 3rem;
    height: 3rem;
    background-image: url(../images/icon--arrow-right.svg);
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center
}

.section--featured-apps .slick-prev {
    left: -1rem;
    transform: translateY(-50%)scaleX(-1)
}

.section--featured-apps .slick-next {
    right: -1rem
}

@media (max-width:860px) {
    .section--featured-apps .slick-prev {
        left: 0
    }
    .section--featured-apps .slick-next {
        right: 0
    }
}

.feat-apps__slide {
    padding: 0 4rem
}

.section--global {
    padding-top: 30rem
}

@media (max-width:640px) {
    .section--global {
        padding-top: 10rem;
        padding-bottom: 0
    }
}

.section--global .section__title {
    max-width: 100%
}

.section--note {
    padding-bottom: 18rem
}

@media (max-width:640px) {
    .section--note {
        padding-bottom: 0rem
    }
}

.section-note {
    background-color: #6f42c1;
    padding: 5rem 6.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 4px
}

.faqs,
.page--article {
    background-color: #edf2f6
}

.section-note h4 {
    margin-bottom: 2.5rem
}

.section-note p {
    font-size: 2.4rem;
    line-height: 1.166666667;
    margin-bottom: 1em
}

@media (max-width:900px) {
    .section-note {
        padding: 3rem 3.5rem
    }
    .section-note p {
        font-size: 1.8rem
    }
}

@media (max-width:480px) {
    .section-note {
        padding: 2rem 2.5rem
    }
    .section-note p {
        font-size: 1.6rem
    }
}

.section-note small {
    font-size: 1.8rem;
    color: #4dc0b5;
    line-height: 1.3;
    display: block;
    margin-bottom: 7rem
}

.section-note a {
    margin-top: auto;
    align-self: center
}

.note-action {
    text-align: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-top: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin-bottom: 3rem
}

.note-action h5 {
    margin-bottom: 2.5rem
}

.note-legal p {
    font-size: 1.4rem;
    color: rgba(255, 255, 255, .2)
}

.section--home-cloud {
    padding-bottom: 0
}

.section--home-cloud .seperator {
    filter: drop-shadow(0 -4px 5px rgba(203, 217, 229, .3))
}

@media (max-width:767px) {
    .section--note .g__col {
        width: 100%
    }
    .section--home-cloud {
        padding-top: 5rem
    }
    .section--home-cloud .section__text,
    .section--home-cloud .section__title {
        text-align: center
    }
    .section--home-cloud .g__col {
        width: 100%
    }
    .section--home-cloud p {
        margin-bottom: 0
    }
}

.section--courses {
    padding-top: 5rem
}

.section--courses .section__title {
    margin-bottom: 5rem;
    text-align: left
}

@media (max-width:1000px) {
    .section--courses .g__col {
        width: 50%
    }
    .section--courses .g__col:last-child {
        display: none
    }
}

@media (max-width:480px) {
    .section-note small {
        font-size: 1.4rem
    }
    .note-legal p {
        font-size: 1.2rem
    }
    .section--courses .g__col {
        width: 100%
    }
}

.section--news {
    padding-top: 20rem;
    padding-bottom: 20rem
}

.section--news .section__title {
    margin-bottom: 5rem
}

.section--news .unis__title {
    color: #fff;
    font-family: 'GT Haptik Regular', sans-serif
}

.faqs__title,
.pricing__price,
.pricing__term small,
.uni__index li,
ul.article__contents {
    font-family: 'GT Haptik Medium', sans-serif
}

.section--news .unis__image {
    margin-bottom: 1rem
}

@media (max-width:1000px) {
    .section--news {
        padding-top: 10rem;
        padding-bottom: 5rem
    }
    .section--news .g__col {
        width: 50%
    }
    .section--news .g__col:last-child {
        display: none
    }
}

.keep-track-beat {
    animation: animBeat .3s ease-out alternate 6;
    animation-delay: 2s
}

@keyframes animBeat {
    0%,
    50% {
        color: #fff
    }
    100% {
        color: #4dc0b5
    }
}

.article {
    padding-bottom: 13.5rem
}

.article__aside,
.article__content {
    padding: 4rem
}

@media (max-width:480px) {
    .section--news .g__col {
        width: 100%
    }
    .article__aside,
    .article__content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.article__col {
    position: relative;
    margin-top: -25rem;
    z-index: 2
}

@media (max-width:1000px) {
    .article__col {
        width: 100%;
        margin-top: 0
    }
    .article__aside {
        display: none
    }
}

.article__section {
    padding-top: 2.5rem;
    border-top: 1px solid #edf2f6
}

.article__section-title {
    color: #4dc0b5
}

ul.article__contents {
    margin: 0;
    padding: 2.5rem 0 0;
    border-top: 1px solid #edf2f6
}

.faqs {
    padding-bottom: 34.5rem
}

.faqs__col {
    position: relative;
    z-index: 2
}

.page--faqs .faqs__col {
    margin-top: -30rem
}

@media (max-width:767px) {
    .page--faqs .banner {
        min-height: 55rem
    }
    .faqs__col {
        width: 100%;
        margin-bottom: 4rem
    }
    .page--faqs .faqs__col:last-child {
        margin-top: 0
    }
}

.faqs__categories,
.faqs__category {
    margin: 0;
    padding: 2.5rem 4rem;
    border-radius: 4px;
    background-color: #fff;
    color: #6f42c1
}

@media (max-width:1086px) {
    .faqs__categories,
    .faqs__category {
        padding: 1.5rem 2rem
    }
}

.faqs__category {
    padding: 4rem;
    display: none;
    opacity: 0;
    min-height: 70rem;
    position: absolute;
    transform: translateY(10px);
    top: 0;
    left: 0;
    width: 100%
}

@media (max-width:1086px) {
    .faqs__category {
        padding: 2rem
    }
}

.faqs__category--active {
    position: relative;
    display: block;
    transform: translateY(0);
    opacity: 1
}

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

.faqs__title {
    color: #6f42c1;
    font-size: 2.4rem;
    padding: 4rem 0;
    border-bottom: 1px solid #edf2f6;
    margin: 0;
    line-height: 1;
    position: relative;
    cursor: pointer;
    opacity: .3
}

@media (max-width:1086px) {
    .faqs__title {
        font-size: 1.8rem;
        padding: 2rem 0
    }
}

.faqs__title:hover {
    color: #4dc0b5;
    opacity: 1
}

.faqs__title:last-child {
    border-bottom: 0
}

.faqs__title svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.faqs__title--active {
    opacity: 1;
    cursor: default
}

.faqs__title--active:hover {
    color: #b7b7b7
}

.faqs__answer {
    display: none;
    opacity: 0
}

@media (max-width:767px) {
    .faqs__title {
        font-size: 1.6rem;
        padding: 1.5rem 0
    }
    .faqs__title svg {
        transform: translateY(-50%)rotate(90deg)
    }
    .faqs__answer p {
        font-size: 1.4rem
    }
}

.faqs__list {
    margin: 0;
    padding: 0
}

.faqs__item {
    padding: 3rem;
    border-bottom: 1px solid #edf2f6;
    margin: 0
}

@media (max-width:1086px) {
    .faqs__item {
        padding: 1.5rem
    }
}

@media (max-width:767px) {
    .faqs__item {
        padding: 1.5rem 0
    }
}

.faqs__question {
    margin: 0;
    cursor: pointer;
    position: relative;
    padding-right: 2.5rem
}

.faqs__question:hover {
    color: #4dc0b5
}

.faqs__question:after,
.faqs__question:before {
    content: "";
    width: 2rem;
    height: 2px;
    background-color: currentColor;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.page--uni,
.uni,
.uni--has-video .action,
.unis__nav li {
    position: relative
}

@media (max-width:1086px) {
    .faqs__question:after,
    .faqs__question:before {
        width: 1.6rem
    }
}

.faqs__question:after {
    transform: translateY(-50%)rotate(-90deg)
}

.faqs__question.accordion--active:after,
.faqs__question.accordion--active:before {
    transform: translateY(-50%)rotate(-180deg)
}

.faqs__answer :first-child {
    padding-top: 2.5rem
}

.faqs__answer :last-child {
    margin-bottom: 0
}

.uni__block--basicBlock {
    padding-top: 8rem
}

.unis .section__title {
    margin-left: 0
}

.banner--unis {
    background-color: #2e2e2e;
    color: #fff
}

@media (max-width:1000px) {
    .banner--unis {
        min-height: 50rem
    }
    .banner--unis .banner__subtitle {
        display: none
    }
}

.unis__head {
    padding-top: 7.6rem;
    text-align: center;
    background: #edf2f6;
    color: #6f42c1
}

.pricing__info,
.uni__index li:first-child:after {
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.unis__head .container {
    max-width: 108.6rem
}

.uni--has-video .banner {
    padding-top: 8rem;
    padding-bottom: 0
}

.uni--has-video .uni__video {
    margin-top: 0
}

.uni--has-video .action .seperator {
    bottom: 100%
}

.uni--has-video .uni__head {
    display: none
}

.uni--has-video hr {
    margin-left: -17rem;
    margin-right: -17rem
}

@media (max-width:680px) {
    .unis__head {
        display: flex;
        padding-left: 2rem
    }
    .unis__head .container {
        flex: 1
    }
    .unis__head:before {
        content: "Filter by";
        margin-right: 9rem;
        color: #4dc0b5;
        font-weight: 700
    }
}

.pricing__contact:after,
.pricing__currency:after,
.pricing__trial:before,
.uni__index li:first-child:after,
.unis__nav li:before {
    content: ""
}

@media (max-width:680px)and (max-width:360px) {
    .unis__head:before {
        margin-right: 0
    }
}

.unis__nav {
    display: flex;
    margin-bottom: 0
}

@media (max-width:680px) {
    .unis__nav {
        flex-direction: column;
        text-align: left;
        font-weight: 700
    }
}

.unis__nav li {
    color: currentColor;
    opacity: .6;
    padding-bottom: 1.8rem;
    display: inline-block;
    cursor: pointer;
    flex: 1
}

.unis__nav li:before {
    position: absolute;
    bottom: -1px;
    opacity: .2;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor
}

@media (max-width:680px) {
    .unis__nav li {
        padding-top: 1rem;
        padding-bottom: 1rem;
        opacity: 1;
        display: none
    }
    .unis__nav li:first-child {
        padding-top: .3rem;
        display: block
    }
    .unis__nav li:first-child:after {
        content: "";
        width: .7rem;
        height: .7rem;
        position: absolute;
        opacity: .2;
        top: 50%;
        right: 0;
        border: 1px solid transparent;
        border-right-color: currentColor;
        border-bottom-color: currentColor;
        transform: translateY(-50%)rotate(45deg)
    }
}

.unis__nav .active,
.unis__nav li:hover {
    color: #4dc0b5;
    opacity: 1
}

.unis__nav .active:before,
.unis__nav li:hover:before {
    opacity: 1
}

@media (max-width:680px) {
    .unis__nav .active,
    .unis__nav li:hover {
        color: #6f42c1
    }
    .unis__nav .active:before,
    .unis__nav li:hover:before {
        height: 1px;
        bottom: 0;
        background-color: #b7b7b7
    }
}

.unis__section {
    background-color: #edf2f6;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden
}

.unis__section:last-child {
    padding-bottom: 0
}

.unis__section .container {
    padding-top: 12rem
}

.unis__section .section__title {
    text-align: left
}

@media (max-width:680px) {
    .unis__section .container {
        padding-top: 6rem
    }
    .unis__section .section__title {
        margin-bottom: 3rem
    }
}

.unis__section[data-cat=free-courses],
.unis__section[data-cat=radio-production],
.unis__section[data-cat=apps] {
    background-color: #14202e
}

.unis__section[data-cat=website-builder] {
    background-color: #edf2f6
}

.unis__section[data-cat=webinars] {
    padding-top: 0
}

.unis__col {
    padding-bottom: 8.3rem
}

@media (max-width:1000px) {
    .unis__col {
        width: 50%
    }
}

.unis__link {
    color: currentColor
}

.unis__subtitle {
    display: block;
    margin-bottom: 2.2rem;
    font-weight: 700
}

.unis__title {
    color: #6f42c1;
    margin-bottom: 2.2rem;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.section--dark .unis__title,
[data-cat=free-courses] .unis__title,
[data-cat=website-builder] .unis__title {
    color: #fff
}

.unis__link:hover .unis__title {
    color: #4dc0b5
}

.unis__image {
    position: relative;
    overflow: hidden
}

[data-cat=webinars] .unis__image {
    margin-bottom: 2rem
}

img.unis__img {
    width: 100%;
    transition: .5s cubic-bezier(.4, 0, .2, 1);
    transform: scale(1.01)translateY(0);
    margin-bottom: 0
}

.unis__link:hover img.unis__img {
    transform: scale(1.1)translateY(5%)
}

.unis__time {
    color: currentColor;
    font-weight: 700
}

.page--uni .banner {
    background-color: #6f42c1;
    min-height: 75rem;
    position: relative
}

.page--uni .banner .container {
    position: relative;
    max-width: 80rem;
    width: 100%
}

.uni__head {
    position: relative;
    z-index: 2
}

.uni__head .container {
    max-width: 94.4rem
}

.uni__head h4 {
    margin-bottom: 2rem
}

.uni__video {
    position: relative;
    margin-top: 12rem;
    max-width: 108rem;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto
}

.uni__video .banner__title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    padding-left: 4rem;
    padding-right: 4rem
}

@media (max-width:1000px) {
    .page--uni .banner {
        min-height: 50rem
    }
    .uni--has-video .action {
        padding-top: 7rem;
        padding-bottom: 7rem
    }
    .uni__head {
        padding-top: 6rem;
        padding-bottom: 8.5rem
    }
    .uni__video .banner__title {
        font-size: 3.4rem
    }
}

@media (max-width:580px) {
    .uni__video .banner__title {
        font-size: 1.8rem;
        top: 3rem;
        transform: translateY(0)
    }
}

.uni__col--contents {
    padding-right: 10rem
}

@media (max-width:1000px) {
    .uni__col--contents {
        width: 100%;
        padding-right: 2rem
    }
    .uni__col--share {
        display: none
    }
}

.uni__col--share a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2.5rem
}

.uni__col--share a:hover {
    background-color: transparent!important
}

.uni__col--share a:hover circle {
    fill: #6f42c1
}

.post__share a:hover circle,
.tweets__arrow:hover path {
    fill: #4dc0b5
}

.uni__index {
    border-bottom: 1px solid #edf2f6
}

.uni__index li {
    display: none;
    height: 0;
    opacity: 0;
    position: relative;
    line-height: 1.2;
    padding-right: 2.5rem;
    font-size: 2.4rem
}

@media (max-width:680px) {
    .unis__col {
        width: 100%
    }
    .uni__index li {
        font-size: 1.8rem
    }
}

.uni__index li:first-child {
    display: block;
    height: auto;
    opacity: 1;
    cursor: pointer
}

.uni__index li:first-child:after {
    width: 1.8rem;
    height: 2.7rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url(../images/icon--arrow-right.svg);
    background-position: center;
    transform: translateY(-50%)rotate(90deg)
}

.uni__index a {
    color: #6f42c1;
    display: block;
    padding: .5rem 0
}

.uni__index a:hover {
    color: #4dc0b5
}

.uni__blocks.body {
    padding-top: 8rem
}

.uni__block:first-child p:first-child {
    font-size: 2rem
}

.uni__block:last-child {
    padding-bottom: 12rem
}

.uni__block .action {
    margin-top: 7rem;
    margin-bottom: 7rem
}

.uni__block .action__form {
    max-width: 64rem
}

@media (max-width:680px) {
    .uni__index li:first-child:after {
        width: 1.4rem;
        height: 2.2rem
    }
    .uni__block .section__col {
        width: 100%
    }
}

.uni__block .container>hr {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto
}

.uni__block--basicBlock .container>* {
    margin-left: auto;
    margin-right: auto;
    max-width: 80rem;
    padding-top: 0rem
}

.uni__block--columnBlock {
    padding-top: 6rem
}

.uni__block--columnBlock .container {
    max-width: 84rem
}

.uni__block--actionBlock,
.uni__block--wideImage {
    max-width: 100%
}

.uni__block--wideImage figcaption,
.uni__block--wideImage h2 {
    max-width: 67rem;
    margin-left: auto;
    margin-right: auto
}

.page--pricing .banner {
    height: 73rem
}

.page--pricing .banner .container {
    width: 100%
}

.page--pricing .faqs__grid {
    padding-bottom: 12rem
}

@media (max-width:767px) {
    .page--pricing .banner {
        height: auto
    }
    .page--pricing .faqs__grid {
        padding-bottom: 0
    }
}

.pricing__switches {
    width: 100%;
    display: flex;
    align-items: center
}

@media (max-width:900px) {
    .pricing__switches {
        flex-direction: column
    }
}

.pricing__terms {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #4dc0b5;
    border-radius: 22px;
    justify-self: center;
    position: relative;
    left: 11.5rem
}

@media (max-width:480px) {
    .pricing__terms {
        font-size: 1rem
    }
}

.pricing__term {
    border-radius: 20px;
    color: #4dc0b5;
    padding: 1.2rem 4rem;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    transition: .15s linear
}

.pricing__term:hover {
    color: #fff
}

.pricing__term:last-child {
    padding-right: 9rem;
    padding-left: 1rem
}

.pricing__term small {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    font-size: 9px;
    background-color: #4dc0b5;
    color: #6f42c1;
    padding: 3px 7px 4px;
    border-radius: 7px
}

.pricing__term--active {
    background-color: #4dc0b5;
    color: #fff
}

.pricing__term--active small {
    background-color: #fff;
    color: #4dc0b5
}

.pricing__currency {
    display: flex;
    text-align: left;
    justify-self: flex-end;
    padding-right: 14.5rem;
    position: relative;
    cursor: pointer
}

.pricing__currency:after {
    position: absolute;
    top: 15px;
    right: 0;
    display: inline-block;
    align-self: center;
    transform: translateX(-10px)translateY(-2px)rotate(-45deg);
    width: 5px;
    height: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent transparent #fff;
    border-left-color: #fff
}

.pricing__currency li,
.pricing__currency span {
    padding: 0.5rem
}

.pricing__currency span {
    padding-right: 0
}

.pricing__currencies {
    position: absolute;
    top: 0;
    right: 10px;
    height: 3.6rem;
    overflow: hidden
}

.pricing {
    background-color: #edf2f6;
    position: relative;
    z-index: 2
}

.pricing__table {
    position: relative;
    top: -25rem;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .1))
}

@media (max-width:900px) {
    .pricing__terms {
        left: 0
    }
    .pricing__currency {
        margin-top: 4rem
    }
    .pricing__table {
        top: -15rem
    }
}

.pricing__tier {
    background-color: #fff;
    height: 100%;
    padding: 4.5rem 1.4rem 1.4rem;
    text-align: center;
    border-right: 1px solid #dce6ee;
    border-bottom: 1px solid #dce6ee
}

@media (max-width:1023px) {
    .pricing__table {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1rem;
        margin-right: -1rem
    }
    .pricing__tier {
        border: 0
    }
}

.pricing--pro .pricing__tier {
    border-right: 0
}

.pricing__title {
    margin-bottom: 2rem
}

.pricing--bronze .pricing__title {
    color: #6f42c1
}

.pricing--silver .pricing__title {
    color: #6f42c1
}

.pricing--gold .pricing__title {
    color: #6f42c1
}

.pricing--pro .pricing__title {
    color: #6f42c1
}

.pricing__intro {
    opacity: .4;
    font-size: 1.4rem;
    line-height: 1.2;
    min-height: 8rem;
    color: black;
}

.pricing__price {
    font-size: 4rem;
    letter-spacing: -.025em;
    line-height: 1.2;
    display: block
}

.pricing__plan {
    display: block;
    margin-bottom: 1.8rem
}

.pricing__trial {
    color: #fff;
    border: 1px solid transparent;
    overflow: hidden;
    position: relative
}

.pricing__trial:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(65deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .2)38%, rgba(255, 255, 255, 0));
    pointer-events: none;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.pricing__trial:hover.pricing__trial {
    background-color: #4dc0b5;
    border-color: transparent;
    color: #fff
}

.pricing__trial:hover.pricing__trial:before {
    transform: scaleX(2)
}

.pricing--lite .pricing__trial {
    background-color: c--white;
    color: #6f42c1;
    border: 1px solid #b7b7b7
}

.pricing--bronze .pricing__trial {
    background-color: #6f42c1;
    border: 1px solid #b7b7b7
}

.pricing--silver .pricing__trial {
    background-color: #6f42c1
}

.pricing--gold .pricing__trial {
    background-color: #6f42c1
}

.pricing--pro .pricing__trial {
    background-color: #6f42c1
}

.pricing__head .pricing--bronze .pricing__tier {
    border-top-left-radius: 4px
}

.pricing__head .pricing--pro .pricing__tier {
    border-top-right-radius: 4px
}

@media (max-width:1023px) {
    .pricing__foot,
    .pricing__head {
        display: none
    }
}

.pricing__foot .pricing__tier {
    padding-top: 2.3rem
}

.pricing__foot h3 {
    margin-bottom: 3rem
}

.pricing__foot .pricing__price {
    font-size: 2rem;
    display: inline-block
}

.pricing__foot .pricing__plan {
    font-size: 1.2rem;
    display: inline-block;
    margin: 0
}

.offer__table {
    background-color: #FFF;
    border: .5px solid;
    border-color: #dfdfdf;
    margin-top: 7rem
}

.pricing__offer {
    margin-bottom: 0rem;
    border-radius: 4px;
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center
}

@media (max-width:1023px) {
    .pricing__offer {
        display: none
    }
}

.pricing__offer .pricing__tier {
    padding-top: 2.3rem
}

.pricing__offer h3 {
    margin-bottom: 3rem;
    margin-top: 10rem;
    text-align: center;
    font-size: 3rem
}

.pricing__offer p,
.pricing__offer span {
    color: #2e2e2e
}

.pricing__offer .pricing__price {
    font-size: 3.8rem;
    display: inline-block
}

.pricing__offer .pricing__plan {
    font-size: 1.2rem;
    display: inline-block;
    margin: 0
}

.pricing__offer .pricing__intro {
    min-height: 6.5rem;
    line-height: 3rem;
    font-size: 1.8rem
}

.pricing__body {
    background-color: #fff
}

@media (max-width:1023px) {
    .pricing__body {
        display: none
    }
}

.pricing__body li {
    padding: 2rem 1.4rem;
    border-bottom: 1px solid #dce6ee;
    height: 6.2rem;
    position: relative;
    display: none
}

.s--pricing-active .pricing__body li {
    display: block
}

.pricing__body li:nth-child(-n+5) {
    font-family: 'GT Haptik Medium', sans-serif;
    display: block
}

.pricing__body .pricing--lite {
    color: rgba(15, 15, 15, .4)
}

.pricing__body .pricing--bronze {
    color: #6f42c1
}

.pricing__body .pricing--silver {
    color: #6f42c1
}

.pricing__body .pricing--gold {
    color: #6f42c1
}

.pricing__body .pricing--pro {
    color: #6f42c1
}

.pricing__body .inactive {
    background-color: #edf2f6
}

.pricing__list--headings {
    box-shadow: inset -4px 0 5px rgba(0, 0, 0, .1)
}

.pricing__list--features {
    text-align: center;
    border-right: 1px solid #dce6ee
}

.pricing--pro .pricing__list--features {
    border-right: 0
}

.pricing__list {
    margin-bottom: 0
}

.pricing__info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3rem;
    width: 1.3rem;
    height: 1.3rem;
    background-image: url(../images/icon--info.svg);
    background-position: center;
    display: inline-block;
    z-index: 5;
    font-style: normal;
    text-align: left
}

.pricing__info:hover span {
    display: block
}

.pricing__info span {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20rem;
    padding: 2rem 1.4rem;
    background-color: #fff;
    color: #6f42c1;
    font-family: 'Brown Light', sans-serif;
    font-size: 1.4rem;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.pricing__contact a,
.pricing__dedicated a,
.pricing__trigger {
    font-family: 'GT Haptik Medium', sans-serif
}

@media (min-width:1023px) {
    .mobile {
        display: none!important
    }
}

.pricing__note {
    padding: 2rem 1.4rem;
    display: block;
    font-size: 1.1rem;
    line-height: 1.27;
    opacity: .4
}

.pricing__trigger {
    text-align: center;
    padding: 1.4rem;
    background-color: #fff;
    color: #4dc0b5;
    cursor: pointer;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.pricing__trigger svg {
    margin-left: auto;
    margin-right: auto;
    transform: rotate(180deg)
}

.s--pricing-active .pricing__trigger svg {
    transform: rotate(0)
}

.pricing__dedicated {
    margin-bottom: 7rem;
    padding-top: 3rem;
    padding-bottom: 4.5rem;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    text-align: center
}

.pricing__contact {
    display: flex;
    position: relative;
    top: -5rem;
    justify-content: center;
    align-items: center
}

.pricing__contact:after {
    display: inline-block;
    background-image: url(../images/img--pricing-contact.png);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 6.7rem;
    height: 6.7rem;
    flex-shrink: 0
}

.pricing__contact a {
    background-color: #fff;
    padding: 2rem 3rem;
    margin-right: 2rem;
    border-radius: 34px;
    font-size: 2.4rem
}

.pricing .pricing__contact {
    top: -10rem
}

.pricing__feature {
    margin-bottom: 5rem
}

.pricing__feature svg {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    margin-bottom: 4rem
}

.pricing__feature p {
    font-size: 1.3
}

.pricing-features {
    padding-top: 25rem
}

@media (max-width:900px) {
    .pricing-features .g__col {
        width: 33.33%
    }
}

@media (max-width:640px) {
    .pricing-features {
        padding-top: 15rem
    }
    .pricing-features .g__col {
        width: 50%
    }
    .pricing-features p {
        font-size: 1.2rem
    }
}

@media (max-width:1023px) {
    .pricing__list {
        background-color: #fff
    }
    .pricing__col {
        width: 100%
    }
}

.pricing__mobile {
    padding: 3rem;
    border: 1px solid #dce6ee;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    position: relative;
    top: -15rem;
    background-color: #fff
}

@media (min-width:1023px) {
    .pricing__mobile {
        display: none
    }
}

.pricing__mobile .pricing__intro {
    line-height: 3rem;
    padding-top: 1rem
}

.pricing__mobile .pricing__price {
    font-size: 4rem;
    display: inline-block
}

.pricing__mobile .pricing__plan {
    font-size: 1.2rem;
    display: inline-block
}

.pricing__mobile a {
    font-family: 'Brown Light', sans-serif
}

.brand__color,
.brand__title,
.compare-number,
.feat-study__quote,
.plans__offer,
.reviews__cite,
.testimonials__cite,
.testimonials__text {
    font-family: 'GT Haptik Medium', sans-serif
}

.pricing__mobile-col {
    width: 50%;
    padding: 0 1rem;
    margin-bottom: 2.5rem
}

.demo .demo-left,
.demo .demo-right,
.pricing__mobile-col .pricing__trigger {
    width: 100%
}

@media (max-width:640px) {
    .pricing__mobile-col {
        width: 100%
    }
}

.pricing__mobile-col>:first-child {
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.pricing__mobile-col>:last-child {
    border-radius: 0 0 4px 4px;
    overflow: hidden
}

.pricing__mobile-col li {
    padding: 1rem;
    border-bottom: 1px solid #dce6ee;
    font-weight: 700;
    color: #9DE3CB;
    display: none;
    position: relative
}

.pricing__mobile-col li:first-child {
    border-top: 1px solid #dce6ee
}

.pricing__mobile-col li:after {
    content: attr(data-title)
}

.pricing__mobile-col li:nth-child(-n+5) {
    display: block
}

.pricing__mobile-col.s--pricing-active li {
    display: block
}

.pricing__mobile-col .pricing__plan+.button,
.pricing__mobile-col h3,
.pricing__mobile-col li svg {
    display: none
}

.pricing__mobile-col .pricing--lite li:nth-child(-n+5) {
    color: #6f42c1
}

.pricing__mobile-col .pricing--bronze li:nth-child(-n+5) {
    color: #6f42c1
}

.pricing__mobile-col .pricing--silver li:nth-child(-n+5) {
    color: #6f42c1
}

.pricing__mobile-col .pricing--gold li:nth-child(-n+5) {
    color: #6f42c1
}

.pricing__mobile-col .pricing--pro li:nth-child(-n+5) {
    color: #6f42c1
}

.pricing__mobile-col .inactive {
    color: rgba(0, 0, 0, .1)
}

.demo-page-wrapper {
    min-height: 100vh;
    background: #edf2f6
}

.demo {
    color: #6f42c1;
    padding-top: 8rem;
    padding-bottom: 8rem
}

@media (min-width:769px) {
    .demo {
        /* background: url(../images/bg--red-hexagon.svg) no-repeat */
    }
    .demo .demo-left,
    .demo .demo-right {
        width: 50%
    }
}

@media (min-width:1400px) {
    .demo {
        background-size: 80%
    }
}

.demo .hex-bg {
    position: absolute
}

.demo .demo-title {
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    line-height: 56px
}

.demo .demo-video {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 16px #D6E1EA
}

.demo li {
    margin-bottom: 24px
}

.demo-form-app-wrapper {
    width: 80%;
    margin: auto;
    background: #FFF;
    box-shadow: 0 0 32px rgba(59, 92, 118, .17);
    border-radius: 8px
}

.demo-form-app-wrapper .demo-progress-bar {
    text-align: center;
    padding-bottom: 32px
}

.demo-form-app-wrapper .point {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 4px;
    border: 1px solid #D7D9D2;
    border-radius: 100%;
    background-color: #FFF;
    transition: .2s
}

.demo-form-app-wrapper .point:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 11px;
    width: 8px;
    height: 2px;
    background-color: #D7D9D2
}

.demo-form-app-wrapper .point.complete {
    background-color: #4dc0b5;
    border-color: #4dc0b5
}

.demo-form-app-wrapper .point.complete:hover {
    background-color: #FFF;
    border-color: #4dc0b5;
    cursor: pointer
}

.demo-form-app-wrapper .point.active {
    background-color: #FFF;
    border-color: #4dc0b5
}

.demo-form-app-wrapper .form-body {
    padding: 48px 48px 32px;
    font-weight: 700
}

.demo-form-app-wrapper .form-body h2 {
    text-align: center;
    margin: 16px auto 24px
}

.demo-form-app-wrapper .form-body .form-subheading {
    text-align: center;
    margin-bottom: 24px;
    font-size: 16px
}

.demo-form-app-wrapper .form-body p {
    line-height: 24px
}

.demo-form-app-wrapper .form-body #business-questions {
    opacity: 0;
    max-height: 0;
    transition: .5s;
    overflow: hidden
}

.demo-form-app-wrapper .form-body #business-questions.visible {
    opacity: 1;
    max-height: 300px
}

.demo-form-app-wrapper .form-body .marketing-optin h3 {
    margin-top: 48px;
    margin-bottom: 16px
}

.demo-form-app-wrapper .form-body .marketing-optin p {
    font-weight: lighter;
    margin-bottom: 16px
}

.demo-form-app-wrapper .form-body .marketing-optin .form-group {
    height: 24px
}

.demo-form-app-wrapper .form-body small {
    font-size: 13px
}

.demo-form-app-wrapper .form-body .t--center {
    margin-top: 24px
}

.demo-form-app-wrapper .form-body .form-group {
    margin-bottom: 16px
}

.demo-form-app-wrapper .form-body .form-group input,
.demo-form-app-wrapper .form-body .form-group textarea {
    padding: 16px;
    margin-top: 16px;
    border: 1px solid #D7D9D2;
    border-radius: 4px;
    transition: .2s ease-in-out
}

.demo-form-app-wrapper .form-body .form-group textarea {
    width: 100%;
    min-height: 192px;
    line-height: 24px
}

.demo-form-app-wrapper .form-body .form-group input:focus,
.demo-form-app-wrapper .form-body .form-group textarea:focus {
    border-color: #4dc0b5
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox {
    margin-top: 0;
    margin-right: 12px
}

.demo-form-app-wrapper .form-body .form-group .form-field-required {
    color: #4dc0b5
}

.demo-form-app-wrapper .form-body .form-group .invalid {
    border: 1px solid #4dc0b5
}

.demo-form-app-wrapper .form-body .form-group .error {
    margin-top: 12px;
    font-size: 16px;
    color: #4dc0b5
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox,
.demo-form-app-wrapper .form-body .form-group .form-radio {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    width: 100%;
    clear: both
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox p,
.demo-form-app-wrapper .form-body .form-group .form-radio p {
    margin-left: 36px
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox input,
.demo-form-app-wrapper .form-body .form-group .form-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox input:checked~.form-checkbox-custom,
.demo-form-app-wrapper .form-body .form-group .form-radio input:checked~.form-checkbox-custom {
    background-color: #4dc0b5;
    border-radius: 5px;
    -webkit-transform: rotate(0)scale(1);
    -ms-transform: rotate(0)scale(1);
    transform: rotate(0)scale(1);
    opacity: 1
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox input:checked~.form-checkbox-custom:after,
.demo-form-app-wrapper .form-body .form-group .form-radio input:checked~.form-checkbox-custom:after {
    -webkit-transform: rotate(45deg)scale(1);
    -ms-transform: rotate(45deg)scale(1);
    transform: rotate(45deg)scale(1);
    opacity: 1;
    left: 9px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox input:checked~.form-radio-custom,
.demo-form-app-wrapper .form-body .form-group .form-radio input:checked~.form-radio-custom {
    background-color: #4dc0b5
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox input:checked~.form-radio-custom:after,
.demo-form-app-wrapper .form-body .form-group .form-radio input:checked~.form-radio-custom:after {
    left: 8px;
    top: 8px;
    width: 8px;
    height: 8px;
    background-color: #FFF;
    border-radius: 100%;
    opacity: 1
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox .form-checkbox-custom,
.demo-form-app-wrapper .form-body .form-group .form-radio .form-checkbox-custom {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #D7D9D2;
    border-radius: 4px;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox .form-checkbox-custom:after,
.demo-form-app-wrapper .form-body .form-group .form-radio .form-checkbox-custom:after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0;
    width: 0;
    border-radius: 5px;
    border: solid #FFF;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(0)scale(0);
    -ms-transform: rotate(0)scale(0);
    transform: rotate(0)scale(0);
    opacity: 1;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox .form-radio-custom,
.demo-form-app-wrapper .form-body .form-group .form-radio .form-radio-custom {
    position: absolute;
    height: 24px;
    width: 24px;
    background-color: #D7D9D2;
    border-radius: 100%;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

.demo-form-app-wrapper .form-body .form-group .form-checkbox .form-radio-custom:after,
.demo-form-app-wrapper .form-body .form-group .form-radio .form-radio-custom:after {
    position: absolute;
    content: "";
    border-radius: 100%;
    border: solid #FFF;
    border-width: 0 5px 5px 0;
    opacity: 0;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

.demo-form-app-wrapper .form-body .form-group.border {
    padding: 12px;
    height: 52px;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
    transition: .5s ease
}

.demo-form-app-wrapper .form-body .border.active,
.demo-form-app-wrapper .form-body .border:hover {
    border-color: #4dc0b5
}

.demo-form-app-wrapper .form-submit {
    margin-top: 16px;
    padding: 16px;
    background-color: #4dc0b5;
    border-radius: 100px;
    color: #FFF;
    font-weight: 700;
    width: 100%!important
}

.demo-confirmation {
    color: #2e2e2e;
    background: #edf2f6;
    padding-top: 10rem;
    padding-bottom: 8rem
}

.demo-confirmation .confirmation-header {
    max-width: 60%;
    text-align: center;
    margin: auto auto 64px
}

.demo-confirmation .entry-preview .entry-preview-inner {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #2e2e2e;
    color: #FFF;
    text-align: center
}

.demo-confirmation .entry-preview .entry-preview-inner .entry-preview-header {
    width: 100%;
    margin: auto;
    position: absolute;
    top: 48px;
    z-index: 1
}

.demo-confirmation .entry-preview .entry-preview-inner .entry-preview-header h2,
.demo-confirmation .entry-preview .entry-preview-inner .entry-preview-header p {
    text-align: center;
    width: 80%;
    margin: auto
}

.demo-confirmation .entry-preview .entry-preview-inner .entry-preview-image {
    margin-top: 125px;
    z-index: 0
}

.demo-confirmation .entry-preview .entry-preview-inner .entry-preview-link {
    position: absolute;
    bottom: 48px;
    left: 0;
    width: 100%;
    z-index: 1
}

.demo-confirmation .entry-preview .entry-preview-inner .entry-preview-link a {
    padding: 16px 32px;
    border-radius: 100px;
    background: #4dc0b5;
    color: #FFF;
    margin: auto;
    min-width: 185px;
    max-width: 80%
}

.blog,
.blog .banner {
    background-color: #2e2e2e
}

.page--webinar .banner {
    padding-bottom: 0
}

.page--webinar .course__video {
    margin-top: 10rem
}

@media (max-width:640px) {
    .page--webinar .course__video {
        margin-top: 5rem
    }
}

.blog .banner {
    min-height: 75rem
}

.blog__list {
    padding-top: 12rem;
    padding-bottom: 12rem
}

.blog__list--secondary {
    background-color: #14202e
}

.blog__list--secondary .blog__list-title {
    color: #b7b7b7;
    margin-bottom: 3.5rem
}

.blog__list--secondary .preview__heading,
.blog__search input,
.blog__search label {
    color: #fff
}

.blog__list--secondary .preview__meta {
    opacity: .3
}

@media (max-width:1000px) {
    .blog .banner {
        min-height: 50rem
    }
    .blog .banner__subtitle {
        display: none
    }
    .blog__list {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
    .blog__list--secondary .g__col {
        width: 50%;
        margin-bottom: 4rem
    }
    .blog__list--secondary .g__col:last-child {
        margin-bottom: 0
    }
}

@media (max-width:460px) {
    .blog__list--secondary .g__col {
        width: 100%
    }
}

@media (max-width:1000px) {
    .blog__list--secondary .slick-list {
        width: 70%;
        overflow: visible
    }
}

.blog__list--last .blog__col {
    margin-bottom: 7rem
}

@media (max-width:960px) {
    .blog__col--aside,
    .blog__col--feat {
        width: 50%
    }
}

@media (max-width:1000px) {
    .blog__col--aside,
    .blog__col--feat {
        width: 100%
    }
    .blog__col--aside {
        margin-bottom: 6rem
    }
    .blog__col--list {
        width: 50%;
        margin-bottom: 4rem
    }
}

@media (max-width:480px) {
    .blog__col--list {
        width: 100%
    }
}

.blog__search {
    background-color: #b7b7b7;
    padding: 5rem 2rem;
    margin-bottom: 6rem;
    color: #fff
}

.blog__search h3 {
    text-align: center;
    margin-bottom: 4rem
}

.blog__search form {
    max-width: 25rem;
    margin: auto
}

.blog__search button:hover {
    color: #4dc0b5
}

.blog__pager,
.search__pager {
    text-align: center;
    padding-bottom: 12rem;
    transition: .2s linear
}

.blog__pager:hover,
.search__pager:hover {
    opacity: 1
}

.blog__pager {
    opacity: .3
}

.blog__pager a {
    color: #6f42c1
}

.js .blog__pager a {
    display: none
}

.search__pager {
    text-align: center
}

.search__pager a {
    margin: 0 2rem;
    display: inline-block
}

.blog__loader {
    position: relative;
    cursor: pointer
}

.blog__loader:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    border-color: currentColor;
    border-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    transform: rotate(45deg)
}

.blog__loader .no-js,
.blog__loader.blog__loader--done:before {
    display: none
}

.discover-more h1 {
    font-size: 30px;
    margin-bottom: 32px
}

.preview__tags {
    margin: 0 0 2.4rem;
    padding: 0;
    color: #b7b7b7;
    font-size: 1.4rem
}

.blog__list--secondary .preview__tags {
    color: #fff
}

.preview__tags li {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 700
}

.preview__tags li:before {
    content: "|";
    margin-left: .5rem;
    margin-right: .5rem;
    display: inline-block
}

.feat-study:before,
.people__image:before,
.testimonials__cite:before {
    content: ""
}

.preview__tags li:first-child:before {
    display: none
}

.preview__link,
.preview__link:hover {
    color: #6f42c1
}

.section--dark .preview__link,
.section--dark .preview__link:hover {
    color: #fff
}

.preview__heading {
    margin-bottom: 3rem;
    line-height: 1.25;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    font-size: 2.4rem
}

@media (max-width:480px) {
    .preview__heading {
        margin-bottom: 2rem
    }
}

.preview__link:hover .preview__heading {
    color: #4dc0b5
}

.g66 .preview__heading {
    font-size: 4rem
}

.preview__image {
    position: relative;
    margin-bottom: 2rem;
    overflow: hidden
}

@media (max-width:1000px) {
    .preview__image {
        margin-bottom: 1.8rem
    }
}

.preview__img {
    margin-bottom: 0;
    transition: .5s cubic-bezier(.4, 0, .2, 1)
}

.preview__link:hover .preview__img {
    transform: scale(1.1)translateY(5%)
}

.preview__meta {
    color: #b7b7b7;
    font-size: 1.4rem
}

.blog__list--secondary .preview__meta {
    color: #fff
}

.preview__excerpt {
    line-height: 1.5625;
    font-size: 1.6rem;
    margin-bottom: 2.3rem
}

.preview__more {
    color: #6f42c1
}

.blog__list--secondary .preview__more {
    color: #fff
}

.blog__list--secondary .preview__more:hover,
.preview__more:hover {
    color: #4dc0b5
}

.post__author,
.post__head,
.post__intro {
    color: #6f42c1
}

.post {
    padding-top: 14rem
}

.post__intro {
    max-width: 67rem;
    padding-bottom: 6rem
}

.post__head {
    max-width: 100.9rem;
    width: 100%;
    margin: 0 auto
}

@media (max-width:700px) {
    .post__head .g__col {
        width: 100%
    }
    .post__head .g__col:nth-child(2) {
        display: none
    }
}

.post__excerpt {
    font-size: 2rem;
    line-height: 1.5
}

.post__avatar {
    border-radius: 50%;
    margin-right: 4rem;
    float: left;
    margin-top: -1.9rem
}

.post__meta,
.post__role,
.post__twitter {
    display: inline-block;
    vertical-align: middle;
    color: #b7b7b7
}

.post__bio {
    padding-top: 2.5rem;
    font-size: 1.6rem;
    line-height: 1.5625;
    max-width: 37.8rem
}

.post__share {
    text-align: right
}

.compare-number,
.customers,
.feat-study,
.reviews__heading,
.reviews__item,
.reviews__outro {
    text-align: center
}

.post__share a,
.post__share span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2.7rem
}

.post__share span {
    margin-left: 0
}

.post__body {
    padding-top: 6.4rem;
    padding-bottom: 0rem;
    max-width: 100.9rem;
    width: 100%;
    margin: 0 auto
}

.video-container {
    height: 0;
    position: relative;
    padding-top: 56.25%
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.post__action {
    background-color: #4dc0b5
}

@media (max-width:1115px) {
    .post__action {
        margin-bottom: 0
    }
}

.post__comments {
    max-width: 67rem;
    margin: 0 auto 8rem
}

@media (max-width:960px) {
    .page--customers .cases__item {
        width: 33.33%
    }
}

@media (max-width:767px) {
    .page--customers .cases__item {
        width: 100%
    }
}

@media (max-width:960px) {
    .page--customers .video__button {
        width: 7rem;
        height: 7rem
    }
}

.reviews {
    padding-top: 16rem;
    padding-bottom: 17rem
}

.reviews__heading {
    margin-bottom: 8.5rem
}

@media (max-width:680px) {
    .reviews {
        padding-bottom: 10rem;
        padding-top: 10rem
    }
    .reviews__heading {
        margin-bottom: 3rem
    }
}

.reviews__list {
    max-width: 109rem;
    margin: 0 auto 4rem
}

@media (max-width:1280px) {
    .reviews__list {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (max-width:860px) {
    .reviews__list {
        padding-left: 2rem;
        padding-right: 2rem;
        margin-bottom: 0
    }
}

.reviews__list .slick-arrow {
    position: absolute;
    top: 50%;
    margin: auto;
    font-size: 0;
    background-image: url(../images/icon--arrow-right.svg);
    background-size: 100% 100%;
    width: 1.7rem;
    height: 1.4rem;
    opacity: .6;
    transition: .2s linear
}

.reviews__list .slick-arrow:hover {
    opacity: 1
}

.reviews__list .slick-prev {
    left: -4rem;
    transform: scaleX(-1)
}

.reviews__list .slick-next {
    right: -4rem
}

@media (max-width:1280px) {
    .reviews__list .slick-prev {
        left: -1rem
    }
    .reviews__list .slick-next {
        right: -1rem
    }
}

.reviews__list .slick-track {
    display: flex;
    order: 1
}

.reviews__list .slick-slide {
    height: auto
}

@media (max-width:480px) {
    .reviews__col {
        padding-left: 0;
        padding-right: 0
    }
}

.reviews__item {
    height: 100%;
    background-color: #edf2f6;
    border-radius: 4px;
    padding: 4rem
}

.reviews__title {
    margin-bottom: 2rem
}

.reviews__img.reviews__img {
    display: inline-block
}

.reviews__text {
    margin-bottom: 2.4rem
}

@media (max-width:480px) {
    .reviews__item {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .reviews__text {
        font-size: 1.6rem
    }
}

.reviews__cite {
    display: block;
    font-size: 1.3rem;
    margin-bottom: 2.2rem
}

.feat-study {
    position: relative;
    overflow: hidden;
    padding: 29rem 2rem 6rem;
    color: #fff
}

.feat-study:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
    z-index: 1
}

.feat-study .container {
    position: relative;
    z-index: 2;
    max-width: 92rem
}

.feat-study__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tweets,
.tweets__carousel {
    position: relative
}

.feat-study__quote {
    margin-bottom: 3rem
}

.feat-study__cite {
    display: block;
    font-style: normal;
    font-style: 1.8rem
}

.feat-study__action {
    display: block;
    margin: 0 auto 3rem;
    width: 17rem;
    height: 17rem;
    opacity: .6;
    transition: .2s linear
}

@media (max-width:640px) {
    .feat-study {
        padding-top: 10rem
    }
    .feat-study__action {
        width: 7rem;
        height: 7rem
    }
}

.feat-study__action:hover {
    opacity: 1
}

.feat-study__action svg {
    width: 100%;
    height: 100%;
    display: block
}

.tweets__title {
    margin-bottom: 6.5rem
}

.tweets__carousel {
    margin-bottom: 8.5rem;
    perspective: 1000px
}

.tweets__item:last-child {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    transform: translateX(-50%)scale(1.2)
}

@media (max-width:680px) {
    .tweets {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .tweets__carousel {
        margin-bottom: 4rem
    }
    .tweets__item {
        width: 100%;
        margin-bottom: 2rem
    }
    .tweets__item:last-child {
        position: relative;
        transform: none;
        left: 0
    }
}

.tweets__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

@media (max-width:680px) {
    .tweets__arrow {
        display: none
    }
}

.tweets__arrow--prev {
    left: 2rem;
    transform: translateY(-50%)scaleX(-1)
}

.tweets__arrow--next {
    right: 2rem
}

.customers {
    padding-top: 14rem;
    padding-bottom: 10rem;
    background-color: #edf2f6
}

@media (max-width:640px) {
    .customers__item {
        width: 100%;
        margin-bottom: 4rem
    }
}

.customers__img {
    max-width: 15rem;
    display: inline-block;
    margin-bottom: 4rem
}

.page--compare .banner {
    padding-bottom: 0;
    background-color: #4dc0b5;
    color: #fff
}

.section--compare {
    position: relative;
    padding-bottom: 0
}

.section--compare:nth-child(2) .g,
.section--compare:nth-child(5) .g {
    flex-direction: row-reverse
}

.section--compare:nth-child(3) {
    color: #fff;
    padding-bottom: 20rem
}

.section--compare:nth-child(3) .g {
    flex-direction: row-reverse
}

.section--compare:nth-child(3) .compare-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

.section--compare:nth-child(3) .compare-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18rem
}

@media (max-width:1000px) {
    .section--compare {
        padding-top: 10rem
    }
    .section--compare:nth-child(3) .compare-icon {
        margin-bottom: 9rem
    }
}

.section--compare:nth-child(4),
.section--compare:nth-child(5) {
    padding-top: 0;
    padding-bottom: 10rem
}

.section--compare .container {
    position: relative;
    max-width: 109rem
}

.section--compare .section__text {
    margin-bottom: 0
}

@media (max-width:460px) {
    .section--compare .section__text,
    .section--compare .section__title {
        text-align: center
    }
    .section--compare .g__col {
        width: 100%
    }
}

.compare-number {
    font-size: 57rem;
    display: block;
    color: #4dc0b5
}

@media (max-width:1080px) {
    .compare-number {
        font-size: 40.71428571vw
    }
}

.compare-icon {
    display: block;
    width: 7rem;
    height: 7rem;
    margin-bottom: 2rem
}

@media (max-width:1000px) {
    .section--compare:nth-child(4),
    .section--compare:nth-child(5) {
        padding-top: 10rem
    }
    .compare-number {
        font-size: 25rem
    }
    .compare-icon {
        width: 4rem;
        height: 4rem
    }
}

@media (max-width:460px) {
    .compare-icon {
        margin-left: auto;
        margin-right: auto
    }
}

.compare-icon svg {
    width: 100%;
    height: 100%;
    display: block
}

.compare--1 {
    background-color: #edf2f6;
    padding-top: 12rem;
    padding-bottom: 8rem
}

.compare--2 {
    background-color: #2e2e2e;
    color: #fff
}

.compare--3 {
    background-color: #edf2f6
}

.compare--3 .section__outro {
    max-width: 88rem
}

.page--login {
    background-color: #2e2e2e
}

.page--login .site {
    padding-top: 0
}

.page--login .action,
.page--login .footer,
.page--login .header {
    display: none
}

.login {
    height: 100vh;
    min-height: 70rem;
    justify-content: center;
    align-items: center
}

.login .container {
    width: 100%;
    max-width: 40rem
}

.login__intro {
    color: #fff;
    margin-bottom: 4rem
}

.login__intro a {
    font-weight: 700
}

.login__form {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .1);
    padding: 4rem
}

@media (max-width:360px) {
    .login__form {
        padding: 4rem 2rem
    }
}

.login__form svg {
    display: inline-block;
    margin-bottom: 3.3rem
}

.login__form .logo__type {
    fill: #6f42c1
}

.login__field {
    text-align: left;
    margin-bottom: 2.2rem;
    color: rgba(46, 46, 46, .2)
}

.login__field.is-focused {
    color: rgba(46, 46, 46, .5)
}

.login__field input,
.login__field label {
    color: currentColor;
    border-radius: 23px;
    border: 1px solid transparent;
    font-weight: 700;
    padding: 1.4rem 2rem;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.login__field input {
    background-color: rgba(215, 216, 209, .2);
    border: 1px solid
}

.login__submit {
    width: 100%;
    margin-bottom: 2.2rem
}

.login__submit:hover {
    border-color: #4dc0b5
}

.login__meta {
    font-size: 1.2rem;
    color: rgba(46, 46, 46, .3)
}

.login__meta a {
    color: currentColor
}

.login__meta a:hover {
    color: #4dc0b5
}

.login__meta label:hover {
    color: rgba(46, 46, 46, .5)
}

.login__meta input:checked+label {
    color: rgba(46, 46, 46, .5)
}

.people {
    padding-bottom: 15.5rem
}

.people__heading {
    text-align: center;
    padding-top: 7rem;
    margin-bottom: 5rem
}

.people__filters {
    display: flex;
    padding-top: 7rem;
    padding-bottom: 7rem;
    max-width: 111.1rem;
    margin: 0 auto
}

.people__filters li {
    color: currentColor;
    border-bottom: 1px solid currentColor;
    opacity: .5;
    position: relative;
    padding-bottom: 1.8rem;
    display: inline-block;
    cursor: pointer;
    flex: 1;
    text-align: center
}

.people__filters .active,
.people__filters li:hover {
    color: #4dc0b5;
    opacity: 1
}

.people__filters .active:before,
.people__filters li:hover:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor
}

.people__col {
    margin-bottom: 4rem
}

@media (max-width:960px) {
    .people__col {
        width: 33.33%
    }
}

@media (max-width:640px) {
    .people__col {
        width: 50%
    }
}

.people__item {
    border-radius: 4px;
    overflow: hidden
}

.people__image {
    position: relative
}

.people__image:before {
    width: 100%;
    height: 100%;
    /* background-image: url(../images/bg--people-image.svg); */
    background-position: bottom center;
    background-size: 102% auto;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -1px;
    left: 0
}

.brand,
.brand__button svg,
.contact-map {
    position: relative
}

.people__img {
    width: 100%
}

.people__text {
    background-color: #6f42c1;
    color: #fff;
    text-align: left;
    padding: 2rem
}

.action__status.form-status--fail,
.jobs__heading,
.jobs__item,
.jobs__text,
.plans__offer,
.plans__option,
.team__heading {
    text-align: center
}

.jobs,
.team {
    background-color: #edf2f6
}

.team {
    padding-top: 11rem;
    padding-bottom: 15rem
}

.team__heading {
    margin-bottom: 9.5rem
}

.jobs {
    padding-bottom: 13rem
}

.jobs__heading {
    margin-bottom: 8rem
}

.jobs__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5rem
}

.jobs__col {
    margin-bottom: 4rem
}

.jobs__item {
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
    padding: 10rem 5rem 5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

@media (max-width:960px) {
    .jobs__item {
        padding: 4rem 2rem
    }
}

.jobs__title {
    margin-bottom: 2.5rem
}

.jobs__desc {
    margin-bottom: 7rem
}

.about {
    padding-top: 18rem;
    padding-bottom: 12rem
}

.about .container {
    max-width: 101rem
}

@media (max-width:640px) {
    .about {
        padding-top: 9rem;
        padding-bottom: 6rem
    }
    .about__col {
        width: 100%;
        margin-bottom: 2rem
    }
}

.office__embed iframe {
    width: 100%;
    position: relative;
    top: 3px
}

.page--brand .banner {
    padding-bottom: 30rem
}

.section--brand {
    overflow: visible
}

.brand {
    z-index: 2;
    max-width: 109rem;
    width: 100%;
    margin-top: -40rem;
    margin-left: auto;
    margin-right: auto
}

.brand__panel {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 18px rgba(0, 0, 0, .1);
    padding: 3.5rem 4rem;
    margin-bottom: 3.8rem
}

@media (max-width:480px) {
    .people__col {
        width: 100%
    }
    .brand__panel {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .brand__panel p {
        font-size: 1.6rem
    }
}

.brand__head {
    margin-bottom: 3rem
}

.brand__head h2 {
    max-width: 50%;
    width: 100%
}

.brand__button {
    font-size: 1.1rem;
    padding: .8rem 1.2rem
}

.brand__button svg {
    margin-left: 0;
    top: -1px
}

.brand__button path {
    fill: currentColor
}

@media (max-width:480px) {
    .brand__col.g50 {
        width: 100%
    }
}

@media (max-width:640px) {
    .brand__col.g33 {
        width: 100%
    }
}

@media (max-width:1000px) {
    .jobs__col {
        width: 100%
    }
    .brand {
        margin-top: -30rem
    }
    .brand__col.g25 {
        width: 50%
    }
}

.brand__download {
    margin-bottom: 3.5rem
}

@media (max-width:640px) {
    .brand__download {
        margin-bottom: 0
    }
}

.brand__image {
    margin-bottom: 1.8rem
}

.brand__buttons,
.brand__title {
    margin-bottom: 2rem
}

.brand__image img {
    width: 100%
}

.brand__image--color {
    height: 10rem;
    border-radius: 4px
}

.brand__buttons a:first-child {
    margin-left: auto;
    margin-right: 2rem
}

@media (max-width:900px) {
    .brand__buttons a:first-child {
        margin-right: 1rem
    }
}

.g25 .brand__buttons a:first-child {
    margin-right: auto
}

.g25 .brand__buttons a {
    margin-left: 0;
    margin-right: auto
}

.brand__title {
    font-size: 1.4rem;
    max-width: 60%;
    width: 100%
}

.g25 .brand__title {
    max-width: 100%
}

@media (max-width:480px) {
    .brand__col.g25 {
        width: 100%
    }
    .g25 .brand__title {
        max-width: 60%
    }
}

.brand__panel--colours .brand__title {
    max-width: 33.33%
}

@media (max-width:900px) {
    .brand__panel--colours .brand__title {
        max-width: 100%
    }
}

.brand__color {
    margin-right: 3rem
}

.brand__color:nth-child(2) {
    margin-left: auto
}

.section--contact {
    padding-top: 5rem
}

.contact-form {
    max-width: 67rem;
    width: 100%;
    margin: 0 auto
}

.contact-form input,
.contact-form label,
.contact-form textarea {
    background-color: #fff;
    border-radius: 23px;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.6rem
}

.contact-form input,
.contact-form textarea {
    border: 1px solid #b7b7b7
}

.contact-form textarea {
    height: 15.1rem
}

.contact-form label {
    background-color: transparent
}

.action__status {
    width: 100%;
    display: block
}

.action__status.form-status--fail {
    margin: 3rem 0;
    padding: 1.5rem;
    line-height: 1.6;
    color: #fff;
    border-radius: .4rem;
    background-color: #4dc0b5
}

.contact__status.form-status--fail,
.contact__status.form-status--success {
    margin: 3rem 0;
    padding: 1.5rem;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    border-radius: .4rem
}

.contact__status.form-status--success {
    background-color: #4ecca1
}

.contact__status.form-status--fail {
    background-color: #4dc0b5
}

.contact__status a {
    color: #fff;
    font-weight: 600
}

.contact-form__field {
    margin-bottom: 2.4rem
}

.contact-form__submit {
    max-width: 31.4rem;
    width: 100%;
    display: block;
    margin: 0 auto;
    color: #fff
}

.contact-map__map {
    height: 72rem
}

.contact-map__details {
    position: absolute;
    top: 50%;
    right: 15.4rem;
    transform: translateY(-50%);
    max-width: 46rem;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .1);
    padding: 3.5rem 4rem
}

@media (max-width:860px) {
    .contact-map__details {
        right: 5.4rem
    }
}

@media (max-width:680px) {
    .contact-map__map {
        height: 60vh
    }
    .contact-map__details {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
        max-width: 100%;
        border-radius: 0
    }
}

.plans__option,
.testimonials__text {
    background-color: #fff;
    border-radius: 4px
}

.contact-map__details h2,
.contact-map__details p {
    margin-bottom: 2rem
}

.contact-map__details p {
    line-height: 1.25
}

.contact-map__details a,
.contact-map__details address,
.contact-map__details p {
    color: rgba(15, 15, 15, .4);
    font-size: 1.6rem
}

.contact-map__details a:hover {
    color: #4dc0b5
}

.page--course .banner__wrap .banner {
    padding-bottom: 40rem;
    background-color: #2e2e2e;
    color: #fff
}

.plans__offer,
.testimonials__cite:hover {
    color: #4dc0b5
}

@media (max-width:768px) {
    .page--course .banner__wrap .banner {
        padding-bottom: 30rem
    }
}

.page--course .accordion {
    max-width: 67rem;
    margin: 0 auto
}

.page--course .container {
    max-width: 109rem;
    margin: 0 auto
}

.course {
    background-color: #edf2f6
}

.course__video {
    max-width: 109rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30rem
}

@media (max-width:640px) {
    .page--course .banner__wrap .banner {
        padding-bottom: 10rem
    }
    .course__video {
        margin-top: -10rem
    }
}

.testimonials__text {
    color: #4dc0b5;
    padding: 5.5rem 10rem;
    box-shadow: 0 0 13px rgba(0, 0, 0, .1);
    display: none
}

@media (max-width:1000px) {
    .testimonials__text {
        padding: 3.5rem 5rem
    }
}

.testimonials__text.testimonials__text--active {
    display: block
}

@media (max-width:640px) {
    .testimonials__text {
        display: block;
        padding: 1.5rem 2.5rem 3rem
    }
}

.testimonials__text p {
    margin-bottom: 0;
    position: relative;
    z-index: 2
}

@media (max-width:1000px) {
    .testimonials__text p {
        font-size: 3.5rem
    }
}

@media (max-width:480px) {
    .testimonials__text p {
        font-size: 2.4rem
    }
}

.testimonial__cites {
    padding-left: 4rem;
    padding-right: 4rem
}

.testimonials__cite {
    padding-top: 2.8rem;
    position: relative;
    cursor: pointer;
    transition: .2s linear
}

.testimonials__cite:before {
    position: absolute;
    top: 0;
    left: 1.4rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1rem 1rem 0;
    border-color: #fff transparent transparent;
    opacity: 0;
    transition: .2s linear
}

.testimonials__cite.testimonials__cite--active:before {
    opacity: 1
}

@media (max-width:640px) {
    .testimonials__cite {
        margin-bottom: 4rem;
        pointer-events: none
    }
    .testimonials__cite:before {
        opacity: 1;
        left: 50%;
        transform: translateY(0)translateX(-50%)rotate(-45deg)
    }
}

.testimonials__cite p {
    font-size: 1.6rem;
    line-height: 1.25;
    margin-bottom: 0
}

.testimonials__img {
    margin-right: 1rem;
    margin-bottom: 0;
    width: 6.7rem;
    height: 6.7rem;
    object-fit: cover
}

@media (max-width:1000px) {
    .testimonials__cite {
        flex-direction: column;
        text-align: center
    }
    .testimonials__img {
        margin-right: 0;
        margin-bottom: 1rem
    }
}

.plans__grid {
    padding-bottom: 9.5rem
}

@media (max-width:640px) {
    .plans__col {
        width: 100%;
        margin-bottom: 2rem
    }
}

.plans__offer {
    border-top: 1px solid #edf2f6;
    border-bottom: 1px solid #edf2f6;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 5rem
}

.plans__option {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    height: 100%;
    padding: 5rem 6.5rem
}

@media (max-width:768px) {
    .plans__option {
        padding: 2.5rem 1.5rem
    }
}

.plans__option .button {
    margin-top: 2rem
}

.plans__price {
    font-size: 4rem;
    font-family: 'GT Haptik Regular', sans-serif;
    letter-spacing: -.025em;
    display: inline-block;
    margin: 0 .5rem
}

.home-carousel__slide--active,
.plans__note {
    display: block
}

.plans__price--rrp {
    color: #D7D8D1;
    text-decoration: line-through
}

.plans__price--sale {
    color: #4dc0b5
}

.plans__note {
    margin-top: 1rem
}

.plans__features {
    text-align: left;
    color: #4dc0b5;
    border-top: 1px solid #edf2f6;
    margin: 3rem 0 0;
    padding: 3.5rem 0 0
}

.plans__features li {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 1.5rem
}

.courses__title {
    margin-bottom: 2.2rem;
    color: #6f42c1;
    transition: .2s linear
}

.courses__title:hover {
    color: #4dc0b5
}

@media (max-width:960px) {
    .card-list .g__col {
        width: 50%
    }
}

.home-reviews.home-reviews {
    padding-top: 25rem;
    padding-bottom: 5rem
}

@media (max-width:480px) {
    .card-list .g__col {
        width: 100%
    }
    .home-reviews.home-reviews {
        padding-top: 10rem
    }
}

.home-carousel {
    position: relative
}

.home-carousel__slides {
    position: absolute;
    top: 3.8%;
    left: 3%;
    width: 63.6%
}

.home-carousel__slides img {
    position: absolute;
    top: 0;
    left: 0
}

.section--home-carousel {
    padding-top: 10rem;
    padding-bottom: 17rem
}

@media (max-width:480px) {
    .section--home-carousel {
        padding-top: 4rem;
        padding-bottom: 0
    }
}

@media (max-width:960px) {
    .section--home-carousel .g__col {
        width: 100%;
        text-align: center
    }
    .section--home-carousel .section__text,
    .section--home-carousel .section__title {
        text-align: center;
        margin-left: auto
    }
}

@media (max-width:640px) {
    .section--home-carousel .section__text {
        margin-bottom: 0
    }
}

.section--oldnew .container {
    position: relative;
    z-index: 2
}

.section--oldnew svg {
    max-width: 100%;
    overflow: visible
}

@media (max-width:768px) {
    .section--oldnew svg {
        width: 100%;
        height: 100%;
        display: block
    }
}

@media (max-width:680px) {
    .section--oldnew .g__col {
        width: 100%;
        order: 1
    }
    .section--oldnew .g__col:nth-child(2) {
        order: 2;
        margin-top: 6rem
    }
    .section--oldnew .g__col:last-child {
        order: 3
    }
}

[data-tip] {
    position: relative
}

[data-tip]:before {
    display: none;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position: absolute;
    top: 0;
    left: 35px;
    z-index: 8;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

[data-tip]:after {
    display: none;
    content: attr(data-tip);
    position: absolute;
    top: 65px;
    left: 0;
    padding: 5px 8px;
    background: #0e0e0e;
    color: #fff;
    z-index: 9;
    font-size: .5em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: normal;
    word-wrap: normal
}

.dot-list li::before,
.home-video-container::after,
.more-btn::after,
.skyscraper_banner:before {
    content: ""
}

.in-page-link,
[data-tip]:hover:after {
    display: block
}

.grecaptcha-badge {
    position: fixed!important;
    opacity: 0!important;
    pointer-events: none!important
}

.in-page-link {
    line-height: 0;
    position: relative;
    top: -100px;
    height: 0;
    overflow: hidden
}

.skyscraper_banner {
    color: #fff;
    background-size: cover;
    background-position: center;
    position: relative
}

.skyscraper_banner:before {
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media (min-width:768px) {
    .skyscraper_banner {
        margin-bottom: 50px
    }
}

.skyscraper_banner .skyscraper_banner__inner {
    max-width: 800px;
    padding: 10em 0
}

@media (min-width:1300px) {
    .skyscraper_banner .skyscraper_banner__inner {
        padding: 15em 32px
    }
}

@media (min-width:1000px) {
    .skyscraper_banner .skyscraper_banner__inner {
        margin-left: 200px;
        margin-right: 200px
    }
}

.skyscraper_banner .skyscraper_banner__pretitle {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 8px;
    letter-spacing: .1em;
    font-family: 'GT Haptik Medium', sans-serif
}

.skyscraper_banner .skyscraper_banner__title {
    font-size: 50px;
    line-height: 56px;
    margin-bottom: 17px
}

.skyscraper_banner .skyscraper_banner__description {
    font-size: 20px;
    line-height: 160%
}

.skyscraper_banner .skyscraper_banner__bottom-curve {
    display: none
}

@media (min-width:768px) {
    .skyscraper_banner .skyscraper_banner__description {
        padding-bottom: 30px
    }
    .skyscraper_banner .skyscraper_banner__bottom-curve {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }
}

.skyscraper_banner .skyscraper_banner__bottom-curve svg {
    display: block
}

.skyscraper_banner--section-title .skyscraper_banner__inner {
    margin-bottom: 48px
}

.skyscraper_wrapper {
    position: relative
}

.skyscraper_mobile_menu {
    margin-bottom: 24px
}

.skyscraper_mobile_menu__container {
    z-index: 101;
    padding-top: 20px;
    border-bottom: 1px solid #EEF2F6;
    position: relative;
    background-color: #fff;
    transition: box-shadow .3s ease
}

.hexagon,
.primary-btn,
.secondry-btn {
    transition: .3s ease-out
}

@media (min-width:768px) {
    .skyscraper_mobile_menu {
        display: none
    }
    .skyscraper_mobile_menu__container {
        position: relative;
        padding: 0;
        top: 0;
        border-bottom: none
    }
}

.skyscraper_mobile_menu__container--fixed {
    position: fixed;
    top: 61px;
    left: 0;
    right: 0
}

.skyscraper_menu__nav {
    z-index: 10;
    max-height: 0;
    overflow: hidden;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff
}

.skyscraper_menu__nav li {
    margin-bottom: 12px
}

.skyscraper_menu__nav a {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #6f42c1
}

.skyscraper_menu__nav li ul {
    margin-top: 12px
}

.skyscraper_menu__nav li li a {
    font-weight: 400
}

.skyscraper_menu__top-section {
    margin-bottom: 20px;
    display: flex
}

@media (min-width:768px) {
    .skyscraper_mobile_menu__container--fixed {
        top: 125px
    }
    .skyscraper_menu__nav {
        position: static;
        padding: 0;
        max-height: none
    }
    .skyscraper_menu__top-section {
        display: none
    }
}

.skyscraper_menu__top-section-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 32px
}

.skyscraper_menu__expand-button svg {
    display: block
}

.skyscraper_menu__expand-button-close {
    display: none
}

.skyscraper_mobile_menu__container--open {
    box-shadow: none
}

@media (max-width:768px) {
    .skyscraper_mobile_menu__container--open .skyscraper_menu__nav {
        box-shadow: 0 8px 16px #D6E1EA;
        max-height: none;
        padding-bottom: 20px;
        padding-left: 35px;
        padding-right: 20px;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        border-bottom: 1px solid #eee
    }
    .skyscraper_mobile_menu__container--open .skyscraper_menu__expand-button-close {
        display: block
    }
    .skyscraper_mobile_menu__container--open .skyscraper_menu__expand-button-burger {
        display: none
    }
}

.skyscraper_menu__expand-button {
    margin-right: 15px
}

.skyscraper-content-container {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    position: relative
}

@media (min-width:1000px) {
    .skyscraper-content-container {
        flex-wrap: nowrap
    }
}

.skyscraper_menu {
    display: none;
    width: 200px;
    flex-shrink: 0;
    align-self: flex-start;
    top: 130px;
    position: sticky;
    margin-bottom: 48px
}

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

@media (min-width:768px) {
    .skyscraper_menu {
        display: block
    }
    .skyscraper_content {
        width: calc(100% - 200px);
        padding: 0 32px
    }
}

.skyscraper_asides {
    width: 100%
}

@media (min-width:768px) {
    .skyscraper_asides {
        padding: 0 32px;
        margin-left: 200px
    }
}

@media (min-width:1000px) {
    .skyscraper_asides {
        margin-left: 0;
        flex-shrink: 0;
        width: 256px;
        align-self: flex-start;
        top: 130px;
        position: sticky;
        padding: 0
    }
}

.skyscraper_cta {
    margin-bottom: 48px;
    border-radius: 5px;
    position: relative;
    padding: 20px;
    color: #fff;
    text-align: center;
    width: 100%
}

@media (min-width:600px) {
    .skyscraper_cta {
        margin-right: 16px
    }
}

@media (min-width:1000px) {
    .skyscraper_cta {
        max-width: 256px;
        margin-right: 0
    }
}

.skyscraper_cta__background {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 130px;
    overflow: hidden
}

.skyscraper_cta__background svg {
    width: 100%
}

.skyscraper_cta__title {
    font-family: 'GT Haptik Medium', sans-serif;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 12px;
    position: relative
}

.skyscraper_cta__description {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 20px;
    position: relative
}

.skyscraper_cta__button {
    border-radius: 40px;
    background-color: #6f42c1;
    color: #fff;
    display: block;
    padding: 10px;
    position: relative
}

.skyscraper_cta__logo {
    margin: 0 auto 12px
}

.skyscraper_introduction__text {
    margin-bottom: 12px
}

.skyscraper_introduction__text p {
    font-size: 18px;
    line-height: 160%;
    font-weight: 700;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .skyscraper_introduction__text p {
        font-size: 20px;
        line-height: 160%
    }
}

.skyscraper_introduction__text p a,
.skyscraper_text p a {
    text-decoration: underline
}

.skyscraper_introduction__text p a:hover,
.skyscraper_text p a:hover {
    background-color: #4dc0b5;
    color: #fff;
    text-decoration: none
}

.author-info {
    border-top: 1px solid #EEF2F6;
    border-bottom: 1px solid #EEF2F6;
    padding: 16px 0;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

@media (min-width:600px) {
    .author-info {
        flex-wrap: nowrap
    }
}

.author-info__primary {
    flex-basis: 100%;
    margin-bottom: 8px
}

@media (min-width:600px) {
    .author-info__primary {
        flex-basis: auto;
        margin-bottom: 0;
        width: 100%
    }
}

.author-info__image {
    float: left;
    width: 48px;
    overflow: hidden;
    border-radius: 100px;
    margin-right: 16px
}

.author-info__image img {
    width: 100%;
    margin-bottom: 0!important
}

.author-info p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0
}

.author-info__date {
    color: #A7A7AD
}

.author-info__share {
    white-space: nowrap;
    margin-left: 53px
}

@media (min-width:600px) {
    .author-info__share {
        margin-left: 0
    }
}

.author-info__share * {
    vertical-align: middle
}

.author-info__share a {
    margin-left: 10px
}

.skyscraper_subsection_title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px
}

.skyscraper_action,
.skyscraper_image,
.skyscraper_text,
.skyscraper_video {
    margin-bottom: 48px
}

.primary-btn,
.secondry-btn {
    border-radius: 72px;
    font-size: 16px
}

.skyscraper_action p,
.skyscraper_text p,
.skyscraper_video p {
    font-weight: 300;
    font-size: 16px;
    line-height: 29px
}

.skyscraper_action {
    border-radius: 5px;
    overflow: hidden;
    margin: 80px 0
}

.skyscraper_action--with-bg {
    padding: 70px 15px
}

body,
html {
    margin: 0;
    padding: 0
}

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

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

.demo-btn,
.demo-btn:hover {
    text-decoration: underline
}

.primary-btn {
    font-style: normal;
    line-height: 15px;
    text-align: center;
    background: #4dc0b5;
    padding: 15px 40px;
    color: #fff
}

.primary-btn:active,
.primary-btn:focus,
.primary-btn:hover {
    background-color: #2c9e93;
    color: #fff!important;
    outline: 0;
    box-shadow: none;
    transform: scale(1.05)
}

.secondry-btn {
    font-style: normal;
    line-height: 16px;
    text-align: center;
    background: 0 0;
    padding: 12px 40px;
    color: #fff;
    border: 2px solid #fff
}

.secondry-btn:active,
.secondry-btn:focus,
.secondry-btn:hover {
    background-color: #2c9e93;
    color: #fff!important;
    outline: 0;
    box-shadow: none;
    border: 2px solid #2c9e93;
    transform: scale(1.05)
}

.secondry-btn span {
    margin-right: 10px
}

section {
    padding: 80px 0;
    position: relative
}

.bg-grey {
    background: #eef1f6;
    position: relative
}

.section-heading {
    font-weight: 500;
    font-size: 50px;
    position: relative;
    z-index: 1;
    line-height: 56px;
    margin-bottom: 30px
}

.sub-heading {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    color: #2E2E2E;
    margin-bottom: 20px
}

.container {
    width: 100%
}

.home-video-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 4em;
    margin-top: -1.7rem;
}

.home-video-container::after {
    background: #7c51ca;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-inner-video-container {
    background-position: center;
    background-size: cover;
    background-color: #2e2e2e;
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 8em;
}

.home-video-banner {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
}

.home-video-caption {
    position: relative;
    z-index: 1
}

.home-video-caption h1 {
    font-size: 50px;
    color: #fff;
    margin-bottom: 23px;
    font-weight: 500;
    line-height: 56px
}

.home-video-caption p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 22px;
    line-height: 160%
}

.banner_img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.home-video-caption li a,
.more-btn {
    display: inline-block
}

.home-video-caption li {
    margin: 0 15px 15px;
    display: inline-block
}

.home-video-caption li:last-child {
    margin-bottom: 0
}

.seperator--bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.seperator--bottom img {
    width: 100%
}

.seperator-top {
    transform: rotate(180deg);
    margin-top: -1px
}

.seperator-top img {
    width: 100%
}

.hero-video-wrapper {
    height: 100%
}

.dot-list li {
    font-size: 14px;
    line-height: 150%;
    color: #2E2E2E;
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px
}

.dot-list li::before {
    width: 8px;
    height: 8px;
    background: #54cc9f;
    position: absolute;
    top: 8px;
    left: 0;
    border-radius: 50%
}

.dot-list li a {
    font-size: 11px;
    line-height: normal;
    font-weight: 600;
    color: #6f42c1;
    border: 2px solid #A77044;
    border-radius: 4px;
    text-align: center;
    padding: 5px 8px
}

.dot-list {
    margin: 20px 0 35px
}

.more-btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    color: #4dc0b5;
    margin-right: 15px
}

.more-btn::after {
    position: absolute;
    height: 8px;
    bottom: -5px;
    width: 100%;
    left: 0;
    z-index: -1;
    background: #eef1f6
}

.page-content p {
    margin-bottom: 30px
}

.dot-list li a.addon-link {
    border-color: #e84848
}

.dot-list li a.bronze-link {
    border-color: #6f42c1
}

.dot-list li a.silver-link {
    border-color: #6f42c1
}

.dot-list li a.gold-link {
    border-color: #6f42c1
}

.dot-list li a.pro-link {
    border-color: #6f42c1
}

.btn-list {
    display: flex;
    align-content: center;
    align-items: center;
    margin: 30px 0 0
}

.btn-list li {
    margin-right: 25px
}

.demo-btn {
    padding: 15px 0;
    text-align: center;
    color: #6f42c1;
    font-size: 16px;
    font-weight: 600
}

.demo-btn:hover {
    color: #4dc0b5
}

.more-btn:hover {
    color: #54cc9f
}

.broadcast-img {
    position: absolute;
    left: 0;
    display: block;
    width: 80%;
    padding: 0 15px;
    margin-left: 50%
}

.broadcast-img img {
    width: 100%
}

.page-content {
    margin-bottom: 30px
}

.section-1 .page-content {
    padding-right: 54px;
    padding-top: 30px
}

.hex-border img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hexagon {
    display: block;
    overflow: hidden;
    width: 120px;
    height: 138px;
    margin: 0 auto;
    transform: rotate(240deg);
    position: relative;
    top: -50px
}

.hex-border,
.hex-border:before,
.hex-wrapper {
    transform: rotate(60deg)
}

.hex-border,
.hex-border:after,
.hex-border:before,
.hex-wrapper {
    width: 100%;
    height: 100%
}

.hex-wrapper {
    position: absolute;
    display: block;
    overflow: hidden
}

.hex-border {
    position: absolute;
    display: block;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5)inset
}

.hex-border:after,
.hex-border:before {
    box-shadow: -4px -4px 6px rgba(0, 0, 0, .3)
}

.hex-border:before {
    content: "\0020";
    position: absolute;
    display: block
}

.hex-border:after {
    content: "\0020";
    position: absolute;
    display: block;
    transform: rotate(120deg)
}

.broadcasters-box h4::before,
.broadcasters-img::after,
.new-tooltiptext::after,
.ready-section::after,
.ready-section::before,
.testimonal_section::after,
.testimonal_section::before,
.testimonal_slider::after,
.testimonal_slider::before {
    content: ""
}

.hexagon_shadow {
    background: #FFF;
    box-shadow: 0 8px 16px #D6E1EA;
    border-radius: 4px;
    margin: 35px auto 30px;
    width: 100%;
    transition: .3s ease-in
}

.testimonal-icon,
.testimonal-img img {
    border-radius: 100%
}

.hexagon_shadow a {
    display: block;
    padding: 15px
}

.hexagon_shadow p {
    font-size: 20px;
    text-align: center;
    color: #333;
    margin-top: -40px;
    margin-bottom: 0;
    line-height: 160%
}

.hexagon_shadow:hover {
    box-shadow: 0 12px 24px rgba(214, 225, 234, .7)
}

.hexagon_shadow:hover .hexagon {
    transform: scale(1.2)rotate(240deg)
}

.hexagon_shadow:hover p {
    color: #4dc0b5
}

.blue-bg {
    background: #62D2AB
}

.testimonal_section {
    position: relative;
    padding: 150px 0
}

.testimonal_section::after {
    position: absolute;
    top: 0;
    right: -20px;
    background: url(../images/vector2.svg) no-repeat;
    height: 200px;
    width: 200px;
    background-size: cover
}

.testimonal_section::before {
    position: absolute;
    bottom: 1%;
    left: 3px;
    background: url(../images/vector3.svg) no-repeat;
    height: 150px;
    width: 150px;
    background-size: cover
}

.red-border,
.testimonal-icon {
    width: 32px;
    background: #4dc0b5
}

.testimonal-box {
    text-align: center;
    width: 100%;
    max-width: 690px;
    margin: 0 auto;
    padding: 8em 0
}

.testimonal-img {
    width: 64px;
    height: 64px;
    position: relative;
    margin: 0 auto 30px
}

.testimonal-icon {
    height: 32px;
    text-align: center;
    color: #fff;
    line-height: 32px;
    position: absolute;
    bottom: -10px;
    right: -10px
}

.testimonal-box p {
    color: #eef2f6;
    font-size: 20px;
    line-height: 160%
}

.testimonal-box h4 {
    color: #fff;
    font-size: 16px;
    font-family: 'GT Haptik Medium';
    line-height: 19px;
    font-weight: 500
}

.testimonal-box h4 span {
    color: #4dc0b5
}

.testimonal-box h4 span:hover {
    color: #2c9e93
}

.red-border {
    height: 2px;
    margin: 30px auto 25px
}

.testimonal_slider {
    padding: 0 50px;
    position: relative
}

.testimonal_slider::after {
    position: absolute;
    top: 87px;
    left: 60px;
    background: url(../images/vector1.svg) no-repeat;
    background-size: cover;
    height: 60px;
    width: 60px
}

.testimonal_slider::before {
    position: absolute;
    bottom: 87px;
    right: 130px;
    background: url(../images/vector4.svg) no-repeat;
    background-size: cover;
    height: 60px;
    width: 60px
}

.testimonal_slider .owl-nav.disabled {
    display: block
}

.testimonal_slider .testimonial-nav-next,
.testimonal_slider .testimonial-nav-prev {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    border-radius: 100%;
    height: 45px;
    width: 45px;
    border: 1px solid #777c7f;
    text-align: center;
    cursor: pointer;
    line-height: 48px
}

.testimonal_slider .testimonial-nav-next:hover,
.testimonal_slider .testimonial-nav-prev:hover {
    border-color: #fff
}

.testimonal_slider .testimonial-nav-prev {
    left: 0
}

.testimonal_slider .testimonial-nav-next {
    right: 0
}

.white-top-seprator {
    width: 102%;
    position: absolute;
    top: -1px;
    z-index: 1;
    left: -1%
}

.white-bottom-seprator {
    width: 103%;
    position: absolute;
    bottom: -1px;
    z-index: 1;
    transform: rotate(180deg);
    left: -1px
}

.seperator-img img,
.seperator-img svg {
    width: 100%
}

.broadcasters-video {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 25px;
    height: 350px;
    transition: .3s ease-out
}

.broadcasters-img {
    height: 100%;
    position: relative
}

.broadcasters-img::after {
    background: #6f42c1;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.broadcasters-video a {
    display: block;
    width: 100%;
    height: 100%
}

.broadcasters-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.broadcasters-box:hover h4 {
    color: #4dc0b5
}

.broadcasters-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 15px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.broadcasters-content p {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    color: #FFF;
    margin: 0 auto
}

.broadcasters-box h4 {
    text-align: center;
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.broadcasters-box {
    text-align: center;
    margin-bottom: 20px
}

.playbtn {
    transition: .3s ease-in-out
}

.broadcasters-box:hover .playbtn {
    transform: scale(1.1)
}

.broadcasters-box h4::before {
    position: absolute;
    height: 6px;
    bottom: -6px;
    width: 100%;
    left: 0;
    background: #eef1f6
}

.partner-logo {
    text-align: center;
    margin-bottom: 44px
}

.partner-logo img {
    max-width: 100px;
    width: 100%
}

.black-bg {
    background: #6f42c1
}

.darkblack-bg.black-bg {
    background: #6f42c1
}

.black-bg .section-heading,
.black-bg p {
    color: #fff
}

.black-bottom-seprator {
    transform: rotate(180deg);
    position: relative;
    top: -1px;
    width: 100%
}

.black-bottom-seprator img {
    width: 101%;
    max-width: 101%
}

.experience-section {
    position: relative
}

.experience-right-img {
    position: absolute;
    top: 0;
    right: 0
}

.experience-count {
    text-align: center;
    background: #2e2e2e;
    border-radius: 5px;
    padding: 31px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    min-height: 150px;
    margin-bottom: 30px
}

.experience-count h4 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 500
}

.help-box .sub-heading {
    border: 1px solid #EEF2F6;
    padding: 49px 30px 30px;
    margin: 0
}

.help-box {
    background: #FFF;
    box-shadow: 0 6px 24px rgba(214, 225, 234, .5);
    border-radius: 4px;
    margin: 0 0 30px
}

.help-box ul {
    padding: 30px
}

.help-box li {
    font-weight: 300;
    font-size: 18px;
    line-height: 29px;
    color: #333;
    margin-bottom: 30px
}

.help-box li:last-child {
    margin: 0
}

.ready-img img {
    width: 100%
}

.ready-box {
    border-radius: 10px;
    position: relative;
    padding: 40px 40px 30px;
    overflow: hidden;
    height: 100%;
    z-index: 1;
    transition: .3s ease-out;
    margin-top: 3rem
}

.red-bg {
    background: #4dc0b5
}

.ready-box .sub-heading {
    color: #fff
}

.ready-box p {
    font-size: 12px;
    line-height: 160%;
    margin: 0
}

.ready-box .hexagon2 {
    position: absolute;
    top: 0;
    right: 0
}

.inner-ready-box {
    padding-right: 165px;
    margin-bottom: 50px
}

.ready-box .primary-btn {
    background: #6f42c1;
    padding: 15px 32px;
    border: 2px solid transparent
}

.ready-btn ul {
    display: flex;
    justify-content: start;
    flex-direction: row
}

.experience-section .more-btn::after,
.gototop,
.video_popup .modal::before {
    display: none
}

.purple-bg {
    background: #a373c9
}

.ready-btn li {
    margin-right: 15px
}

.ready-btn li::last-child {
    margin-right: 0
}

.ready-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 180px
}

.ready-box:hover {
    transform: scale(1.05)!important;
    transition: .3s ease-out
}

.ready-box .primary-btn:hover {
    background: #4f4f4f;
    border: 2px solid #fff;
    transform: none
}

.ready-section {
    position: relative;
    overflow: hidden
}

.left-shap1,
.left-shap2,
.left-shap3,
.left-shap4,
.left-shap5,
.ready-section::after,
.ready-section::before,
.right-shap1,
.right-shap2,
.right-shap3 {
    position: absolute
}

.ready-section::after {
    top: 0;
    right: -90px;
    background: url(../images/vector2.svg) no-repeat;
    height: 200px;
    width: 200px;
    background-size: cover;
    transform: rotate(25deg)
}

.ready-section::before {
    top: 30px;
    left: -90px;
    background: url(../images/vector1.svg) no-repeat;
    height: 200px;
    width: 200px;
    background-size: cover
}

.right-shap1 {
    right: 0;
    top: -60px
}

.right-shap2 {
    right: 0;
    bottom: 50px
}

.right-shap3 {
    right: 0;
    top: 40px
}

.right-shap4 {
    position: absolute;
    right: 0;
    bottom: -90px
}

.left-shap1 {
    left: 0;
    top: -60px
}

.left-shap2 {
    left: 0;
    bottom: 50px
}

.left-shap3 {
    left: 0;
    top: 40px
}

.left-shap4 {
    left: 0;
    bottom: -60px
}

.left-shap5 {
    left: 0;
    top: -50px
}

.overview-block-content {
    z-index: 1000
}

.black-top-seprator {
    position: relative;
    margin-bottom: -1px;
    width: 100%;
    overflow: hidden
}

.black-top-seprator img {
    width: 101%;
    max-width: 101%
}

.content-padding-left {
    padding-left: 50px
}

.section-1 {
    padding-bottom: 130px
}

.section-2,
.section-3,
.section-4 {
    padding-bottom: 0
}

.section-2 {
    padding-top: 25px
}

.section-2 .page-content {
    padding-top: 78px;
    padding-right: 35px
}

.section-3 {
    padding-top: 88px
}

.section-3 .page-content {
    padding-top: 50px
}

.section-4 {
    padding-top: 52px
}

.section-4 .page-content {
    padding-right: 28px;
    padding-top: 60px
}

.section-5 {
    padding-top: 150px
}

.gototop {
    -webkit-animation: hide 350ms ease-out forwards 1;
    animation: hide 350ms ease-out forwards 1;
    padding: 0;
    border: 0;
    text-align: center;
    background-color: #4dc0b5!important;
    color: #fff;
    border-radius: 100%;
    height: 32px;
    width: 32px;
    font-size: 22px;
    line-height: 32px;
    position: fixed;
    bottom: 15px;
    left: 30px;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
    cursor: pointer;
    z-index: 9
}

.gototop>span {
    display: inline-block;
    -webkit-transition: transform 100ms 100ms ease-in-out;
    transition: transform 100ms 100ms ease-in-out;
    width: 15px
}

.gototop:focus {
    background-color: #4dc0b5!important;
    color: #fff
}

.gototop:hover {
    background-color: #2c9e93!important;
    color: #fff
}

.gototop:focus>span,
.gototop:hover>span {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.isvisible {
    -webkit-animation: show 1s ease-out forwards 1;
    animation: show 1s ease-out forwards 1
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    25% {
        opacity: .5;
        -webkit-transform: rotate(-3deg)translateY(-40px)
    }
    75% {
        -webkit-transform: rotate(3deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(100px)
    }
}

@keyframes hide {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    25% {
        opacity: .5;
        transform: rotate(-3deg)translateY(-40px)
    }
    75% {
        transform: rotate(3deg)
    }
    100% {
        opacity: 0;
        transform: translateY(100px)
    }
}

@-webkit-keyframes show {
    0% {
        -webkit-transform: rotate(0)
    }
    25% {
        opacity: .5;
        -webkit-transform: rotate(-3deg)translateY(-40px)
    }
    75% {
        -webkit-transform: rotate(3deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(0)
    }
}

@keyframes show {
    0% {
        transform: rotate(0)
    }
    25% {
        opacity: .5;
        transform: rotate(-3deg)translateY(-40px)
    }
    75% {
        transform: rotate(3deg)
    }
    100% {
        opacity: 1;
        transform: rotate(0)
    }
}

@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}

.video_box {
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 55%
}

.video_popup button.close {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #ee7676;
    opacity: 1;
    border-radius: 100%;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 1
}

.video_popup .modal {
    padding: 0 30px!important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.video_popup .modal-dialog {
    max-width: 767px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)!important;
    width: 100%;
    margin: 0
}

.video_box iframe,
.video_box video {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0
}

.macbook {
    position: relative
}

.macbook_slider {
    position: absolute;
    top: 4%;
    left: 15%;
    right: 0;
    margin: 0;
    width: 65%;
    height: 78%
}

.macbook_slider .owl-stage-outer,
.macbook_slider .owl-stage-outer * {
    height: 100%
}

.macbook_slider .owl-stage-outer img {
    margin-left: -1px
}

.help-box li a {
    font-weight: 300;
    font-size: 18px;
    line-height: 29px;
    color: #333;
    transition: .3s ease-out
}

.help-box li a:hover {
    color: #4dc0b5
}

.ready-section .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.ready-section .col-md-12 {
    width: 100%;
    padding: 0 15px
}

.ready-section .col-md-6 {
    width: 50%;
    padding: 0 15px
}

.hex0 {
    position: relative;
    z-index: 1
}

.section-2 .hex1 {
    position: absolute;
    left: 55%;
    top: 10%
}

.section-2 .hex2 {
    position: absolute;
    left: 4.5%;
    top: 66%
}

.section-2 .hex3 {
    position: absolute;
    right: 5%;
    top: 70%;
    z-index: 1
}

.section-3 .hex3 {
    position: absolute;
    right: 8%;
    top: 16%;
    z-index: 1
}

.section-3 .hex1 {
    position: absolute;
    left: 55%;
    top: 0
}

.section-3 .hex2 {
    position: absolute;
    left: 12.5%;
    top: 66%;
    z-index: 1
}

.section-4 .hex3 {
    position: absolute;
    left: 7%;
    top: 28%;
    z-index: 1
}

.section-4 .hex1 {
    position: absolute;
    left: 40%;
    top: 62%;
    z-index: 1
}

.section-4 .hex2 {
    position: absolute;
    right: 9.5%;
    top: 21%;
    z-index: 1
}

.section-5 .hex3 {
    position: absolute;
    right: 2%;
    top: 15%;
    z-index: 1
}

.section-5 .hex1 {
    position: absolute;
    left: 23%;
    top: 82%;
    z-index: 1
}

.section-5 .hex2 {
    position: absolute;
    left: 22%;
    top: 38%;
    z-index: 1
}

.new-tooltip {
    position: relative;
    display: inline-block
}

.new-tooltip .new-tooltiptext {
    visibility: hidden;
    background-color: #6f42c1;
    color: #fff;
    text-align: center;
    padding: 15px;
    border-radius: 6px;
    position: absolute;
    z-index: 9;
    bottom: 135%;
    left: 50%;
    font-size: 12px;
    line-height: 160%;
    transform: translateX(-50%);
    white-space: nowrap
}

.new-tooltiptext::after {
    position: absolute;
    top: 100%;
    right: 48%;
    border-width: 5px;
    border-style: solid;
    border-color: #6f42c1 transparent transparent
}

.new-tooltip:hover .new-tooltiptext {
    visibility: visible
}

.touchevents .home-video-banner {
    display: none
}

.touchevents .banner_img,
.video_popup .home-video-banner {
    display: block
}

.resource-section .section-heading {
    padding-bottom: 1.6em
}

.footer {
    padding-top: 0
}

.hidden {
    overflow: hidden
}

.page--blog,
.page--case-studies .cases,
.page--demo,
.page--unis .unis section:last-child,
.page>.course>:last-child,
.page>.courses>.section:last-child,
.page>.section:last-child,
.page>.sections .section:last-child,
.page>.solutions:last-child,
.page>section:last-child,
.site>.resource-section {
    position: relative;
    padding-bottom: calc(50px + 12%)
}

.page--blog:after,
.page--case-studies .cases:after,
.page--demo:after,
.page--unis .unis section:last-child:after,
.page>.course>:last-child:after,
.page>.courses>.section:last-child:after,
.page>.section:last-child:after,
.page>.sections .section:last-child:after,
.page>.solutions:last-child:after,
.page>section:last-child:after,
.site>.resource-section:after {
    content: "";
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 12%;
    /* background: url(../images/footer-top.svg) center top no-repeat; */
    background-size: 106%;
    display: block
}

.page--demo {
    background-color: #edf2f6
}

@media (max-width:1366px) {
    .broadcast-img {
        width: 80%
    }
    .section-1 {
        padding-bottom: 100px
    }
}




@media (max-width:1199px) {
    .navbar-brand {
        margin-right: 24px
    }
    .header-top {
        padding: 10px 0
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0
    }
    .section-heading {
        font-size: 44px;
        line-height: 50px;
        margin-top: 150px;
    }
    .broadcasters-content p,
    .help-box li,
    p {
        font-size: 16px
    }
    section {
        padding: 60px 0
    }
    .experience-count h4 {
        font-size: 28px
    }
    .ready-box {
        padding: 30px
    }
    .ready-img {
        width: 140px
    }
    .inner-ready-box {
        padding-right: 150px
    }
    .broadcasters-box h4 {
        font-size: 14px
    }
    .blue-bg {
        padding: 200px 0
    }
    .menu-nav {
        margin-left: 30px
    }
    .sign-trial li a {
        padding: 12px 30px
    }
    .section-1 .page-content,
    .section-2 .page-content,
    .section-4 .page-content {
        padding-right: 0
    }
    .section-3 {
        padding-top: 70px
    }
    .section-5 {
        padding-top: 100px
    }
}

@media (max-width:1024px) {
    .blue-bg {
        padding: 150px 0
    }
    .inner-ready-box {
        padding-right: 95px
    }
}

@media (max-width:991px) {
    .section-5 {
        padding-top: 70px
    }
    .main-nav__menu>li:nth-child(4) {
        margin-bottom: 0
    }
    section {
        padding: 50px 0
    }
    .video-caption h1 {
        font-size: 40px
    }
    .content-padding-right {
        padding-right: 0
    }
    .section-3 {
        padding-top: 50px
    }
    .section-heading {
        font-size: 32px;
        line-height: 115%
    }
    .header-top {
        padding: 0
    }
    .inner-ready-box {
        padding-right: 140px
    }
    .broadcast-img {
        margin-left: 50%;
        width: 83%
    }
    .menu-nav,
    header .container {
        width: 100%
    }
    .sub-heading {
        font-size: 20px;
        line-height: 115%
    }
    p {
        line-height: 150%
    }
    .ready-box {
        padding: 15px
    }
    .ready-box .primary-btn {
        padding: 15px 25px
    }
    .dot-list {
        margin: 0 0 25px
    }
    .inner-video-container {
        padding-bottom: 15rem;
        padding-top: 0
    }
    .blue-bg {
        padding: 100px 0
    }
    .testimonal_slider::before {
        right: 0
    }
    .testimonal_section::before {
        left: -30px
    }
    .testimonal_section::after {
        right: -50px
    }
    .broadcasters-content {
        padding: 15px
    }
    .partner-logo {
        margin-bottom: 30px
    }
    .experience-count h4 {
        font-size: 24px
    }
    .menu-toggle {
        display: block
    }
    .show .menu-bar1 {
        transform: rotate(45deg);
        top: 10px;
        position: relative
    }
    .show .menu-bar2 {
        display: none
    }
    .show .menu-bar3 {
        transform: rotate(-45deg);
        top: 10px;
        position: relative
    }
    .menu-nav>ul>li>a>span {
        float: right
    }
    .menu-nav {
        position: fixed;
        left: -100%;
        bottom: 0;
        overflow: auto;
        top: 70px;
        background: #6f42c1;
        margin: 0;
        transition: .2s cubic-bezier(.4, 0, .2, 1);
        height: calc(30%);
        opacity: 0;
        visibility: hidden
    }
    .dropdowm-menu,
    .show {
        overflow: hidden
    }
    .dropdowm-menu {
        position: relative;
        top: 0;
        width: 100%;
        display: none;
        padding-bottom: 20px
    }
    .menu-nav>ul>li {
        display: block;
        border-top: 1px solid #fff
    }
    .menu-nav>ul>li:last-child {
        border-bottom: 1px solid #fff
    }
    .dropdowm-menu>li>a {
        padding: 10px 15px 10px 60px
    }
    .dropdowm-menu>li>a>h4 {
        font-size: 18px
    }
    .dropdowm-menu>li>a:hover {
        transform: none;
        box-shadow: none
    }
    .show .menu-nav {
        left: 0;
        opacity: 1;
        visibility: visible
    }
    .section-1 {
        padding-bottom: 70px
    }
    .menu-nav>ul>li:hover .dropdowm-menu {
        display: block
    }
    .section-3 .page-content,
    .section-4 .page-content {
        padding-top: 0
    }
    .testimonal_slider .testimonial-nav-next,
    .testimonal_slider .testimonial-nav-prev {
        position: absolute;
        margin: 0 10px;
        bottom: 0;
        top: auto;
        transform: none
    }
    .testimonal_slider .testimonial-nav-prev {
        left: 50%;
        margin-left: -60px
    }
    .testimonal_slider .testimonial-nav-next {
        right: 50%;
        margin-right: -60px
    }
    .testimonal_slider {
        padding: 0
    }
    .testimonal_slider .owl-nav {
        text-align: center
    }
    .testimonal-box {
        padding: 5em 0
    }
}

@media (max-width:767px) {
    .btn-list li,
    .content-padding-right p,
    .copy_right,
    .footer_byline p,
    .section-1 .page-content p,
    .section-1 .section-heading,
    .social-link {
        text-align: center
    }
    .section-5 {
        padding-top: 50px
    }
    header {
        padding: 13px 0
    }
    .main-nav {
        top: 5.5rem;
        height: calc(94.5%)
    }
    .ready-section .text-center.mb-5 {
        margin-bottom: 0!important
    }
    .menu-nav {
        top: 57px;
        height: calc(43%)
    }
    .ready-box {
        margin-top: 30px;
        height: inherit
    }
    .ready-section .col-md-6 {
        width: 100%
    }
    .section-2 .page-content {
        padding-top: 0;
        margin-bottom: 0
    }
    .broadcasters-content {
        padding: 50px 15px 30px
    }
    .broadcasters-content p {
        font-size: 20px
    }
    .video-caption h1 {
        font-size: 35px;
        line-height: 115%
    }
    .inner-video-container {
        padding-bottom: 15rem;
        padding-top: 5rem
    }
    .video-caption li a {
        max-width: 375px;
        width: 100%
    }
    .video-caption li {
        display: block;
        margin-bottom: 15px;
        margin-right: 0
    }
    .experience-right-img,
    .section-heading br {
        display: none
    }
    .broadcast-img {
        width: 100%;
        position: relative;
        right: 0;
        margin: 0 auto;
        top: 0
    }
    .left-shap4,
    .left-shap5,
    .right-shap3,
    .right-shap4,
    .section-2 .hex1,
    .section-2 .hex2,
    .section-2 .hex3,
    .section-3 .hex2,
    .section-3 .hex3,
    .section-4 .hex1,
    .section-4 .hex2,
    .section-4 .hex3 {
        position: absolute
    }
    .btn-list,
    .menu-nav .mobile-menu {
        display: block
    }
    .btn-list li {
        margin-right: 0
    }
    .page-content p {
        margin-bottom: 20px
    }
    .btn-list {
        justify-content: center;
        margin-bottom: 0
    }
    .primary-btn,
    .secondry-btn {
        max-width: 300px;
        padding: 12px 15px;
        width: 100%
    }
    section {
        padding: 40px 0
    }
    .section-3 {
        padding-top: 40px
    }
    .testimonal_section::after {
        right: -60px;
        height: 160px;
        width: 160px
    }
    .testimonal_section::before {
        left: -30px
    }
    .footer-intro,
    .page-img {
        margin-bottom: 30px
    }
    .social-link {
        padding-top: 2.5rem;
        justify-content: center
    }
    .copy_right {
        padding-top: 0;
        margin-bottom: 40px;
        margin-top: 70px
    }
    footer {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
    .footer_byline p {
        padding-top: 0
    }
    .logo {
        width: 100px
    }
    .sign-trial li a {
        padding: 8px 15px
    }
    .menu-toggle {
        margin: 9px 0
    }
    .section-1 .page-content,
    .section-5 .page-content {
        margin-bottom: 0
    }
    .black-top-seprator.seperator-img.black-bg,
    .left-shap2,
    .ready-section::after,
    .ready-section::before,
    .section-5 .hex1,
    .section-5 .hex2,
    .section-5 .hex3,
    .sign-trial,
    .video-caption h1 br {
        display: none
    }
    .section-1 {
        padding-bottom: 50px
    }
    .section-3 .page-content,
    .section-4 .page-content {
        padding-top: 0;
        margin-bottom: 0
    }
    .broadcasters-video {
        margin-top: 0
    }
    .macbook_slider {
        width: 65%;
        margin: 0;
        left: 15%
    }
    .ready-box .primary-btn {
        padding: 12px 28px
    }
    .testimonal-box {
        padding: 3em 0
    }
    .left-shap4 {
        bottom: 5px;
        left: -135px
    }
    .right-shap4 {
        right: -90px;
        bottom: -40px
    }
    .left-shap5 {
        left: -130px;
        top: -15px
    }
    .section-2 .hex1 {
        left: 57%;
        top: 10%;
        z-index: 0;
        width: 18%
    }
    .section-2 .hex2 {
        left: 7%;
        top: 60%;
        width: 16%
    }
    .section-2 .hex3 {
        right: 8%;
        top: 60%;
        z-index: 1;
        width: 10%
    }
    .section-3 .hex1 {
        position: absolute;
        left: 58%;
        top: 3%;
        z-index: 1;
        width: 12%
    }
    .section-3 .hex2 {
        left: 14%;
        top: 60%;
        width: 16%
    }
    .section-3 .hex3 {
        right: 12%;
        top: 13%;
        z-index: 0;
        width: 8%
    }
    .section-4 .hex1 {
        left: 40%;
        top: 55%;
        z-index: 1;
        width: 15%
    }
    .section-4 .hex2 {
        left: 74%;
        top: 18%;
        width: 16%;
        z-index: 1
    }
    .section-4 .hex3 {
        right: inherit;
        top: 24%;
        z-index: 1;
        left: 9%;
        width: 8%
    }
    .right-shap3 {
        right: -100px;
        top: 70px
    }
}

@media (max-width:575px) {
    .testimonal_slider::after,
    .testimonal_slider::before {
        display: none
    }
    .purple-bg::before,
    .red-bg::before {
        content: ""
    }
    .section-5 {
        padding-top: 40px
    }
    .inner-video-container {
        padding-bottom: 8rem;
        padding-top: 3rem
    }
    .section-3 {
        padding-top: 30px
    }
    .ready-btn ul {
        flex-wrap: wrap
    }
    .testimonal_section::after {
        top: -2%
    }
    .testimonal_section::before {
        left: -70px;
        bottom: 4%
    }
    .hexagon {
        width: 100px;
        height: 112px
    }
    .purple-bg::before,
    .red-bg::before {
        position: absolute;
        width: 100%;
        height: 100%
    }
    .hexagon_shadow {
        margin-bottom: 15px
    }
    .experience-count {
        padding: 10px
    }
    .help-box .sub-heading,
    .help-box ul {
        padding: 20px
    }
    .help-box li {
        margin-bottom: 20px
    }
    .partner-logo img {
        max-width: 80px
    }
    .inner-ready-box {
        padding-right: 0;
        position: relative;
        z-index: 1
    }
    .ready-box {
        padding: 20px;
        margin-top: 20px
    }
    .red-bg::before {
        background: #4dc0b5;
        top: 0;
        left: 0;
        opacity: .5;
        z-index: 1
    }
    .purple-bg::before {
        background: #a373c9;
        top: 0;
        left: 0;
        opacity: .5;
        z-index: 1
    }
    .ready-btn {
        text-align: center;
        position: relative;
        z-index: 1
    }
    .ready-btn li {
        display: block;
        margin-bottom: 10px;
        width: 100%;
        margin-right: 0
    }
    .ready-btn li:last-child {
        margin-bottom: 0
    }
    .ready-img {
        width: 50%
    }
    .footer-intro,
    .footer-link ul {
        display: none
    }
    .footer-link h4 {
        padding: 0 0 20px;
        cursor: pointer;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        position: relative
    }
    .footer-link h4::after .subcribe-box {
        padding-top: 3rem;
        margin-bottom: 1rem
    }
    .footer-link {
        margin-bottom: 20px
    }
    .subcribe-box {
        padding-top: 2.5rem;
        margin-bottom: 1rem
    }
    .footer-link li {
        margin-bottom: 20px
    }
    .footer-link h4.active {
        color: #fff
    }
    .broadcasters-content {
        padding: 40px 15px 20px
    }
    .broadcasters-box {
        margin-bottom: 40px
    }
    .banner_img {
        display: block
    }
    .video-caption h1 {
        font-size: 30px;
        padding: 0 15px
    }
    .video-caption p {
        padding: 0 15px;
        font-size: 20px
    }
    .footer-link h4.active span {
        transform: rotate(180deg)
    }
    .hexagon_shadow p {
        font-size: 16px
    }
    .macbook_slider {
        width: 63%;
        left: 16%
    }
    .testimonal-box {
        padding: 1em 0
    }
    .footer-link h4 span {
        display: block;
        float: right;
        font-size: 25px;
        color: rgba(255, 255, 255, .3)
    }
}

@media (max-height:575px) {
    .video_box {
        padding-top: 400px
    }
}

@media (max-height:450px) {
    .video_box {
        padding-top: 300px
    }
}

@media (max-height:350px) {
    .video_box {
        padding-top: 200px
    }
}