* { -webkit-font-smoothing: antialiased }

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
}

body.of-hidden, html.of-hidden {
    overflow: hidden;
    position: relative
}

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

body {
    color: #fff;
    font-weight: 400
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}

blockquote {
    margin: 0;
    padding: 0;
}

button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0
}

button:focus { outline: 0 }

a img { border: 0 none }

a {
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
}

.object {
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.clr { clear: both }

.ul-reset {
    margin: 0;
    padding: 0
}

.ul-reset li { list-style-type: none }

.h-reset h1, .h-reset h2, .h-reset h3, .h-reset h4, .h-reset p { margin: 0 }

.w-reset {
    max-width: 100%;
    width: 100%
}

.h-reset { height: auto }

.block { display: block }

.inline_block { display: inline-block }

.none { display: none }

.ov-hidden { overflow: hidden }

.ov-visible { overflow: visible }

.ov-o-hidden {
    opacity: 0;
    visibility: hidden
}

.ov-o-visible {
    opacity: 1;
    visibility: visible
}

input, select, textarea { outline: 0 }

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
}

select {
    border-radius: 0;
    outline: 0;
}

button, input, select, textarea {
    font: inherit;
    margin: 0
}

button, input { overflow: visible }

button, select { text-transform: none }

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

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

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

blockquote {
    margin: 0;
    padding: 0;
}

button {
    background: 0 0;
    border: 0;
    cursor: pointer;
    padding: 0
}

button:focus { outline: 0 }

.center { text-align: center }

.right { text-align: right }

.left { text-align: left }

.upper { text-transform: uppercase }

.lower { text-transform: lowercase }

.case { text-transform: normal }

.nocase { text-transform: none }

.italic { font-style: italic }

.hyphenate {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.pull-left { float: left }

.pull-right { float: right }

.pull-none { float: none }

.prel { position: relative }

.pabs { position: absolute }

.pfix { position: fixed }

.valign {
    display: table;
    position: relative;
}

.valign.fit {
    height: 100%;
    width: 100%;
}

.valign .middle {
    display: table-cell;
    vertical-align: middle
}

.bx {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fit {
    height: 100%;
    width: 100%;
}

.cf:after, .cf:before {
    content: " ";
    display: table
}

.cf:after { clear: both }

a:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 transparent
}

::-moz-focus-inner, :focus {
    border: 0;
    outline: 0;
}

button::-moz-focus-inner { border: 0 }

button:focus { outline: 0 }

@font-face {
    font-family: ralewaymedium;
    font-style: normal;
    font-weight: 400;
    src: url(../files/fonts/raleway-medium-webfont.woff2) format('woff2'), url(../files/fonts/raleway-medium-webfont.woff) format('woff');
}

@font-face {
    font-family: ralewayregular;
    font-style: normal;
    font-weight: 400;
    src: url(../files/fonts/raleway-regular-webfont.woff2) format('woff2'), url(../files/fonts/raleway-regular-webfont.woff) format('woff');
}

@font-face {
    font-family: ralewaysemibold;
    font-style: normal;
    font-weight: 400;
    src: url(../files/fonts/raleway-semibold-webfont.woff2) format('woff2'), url(../files/fonts/raleway-semibold-webfont.woff) format('woff');
}

.col-d-100 { width: 100% }

.col-d-100.abs-square {
    padding-bottom: 100%;
    position: relative;
}

.col-d-100.abs-square.half { padding-bottom: 50% }

.col-d-50 { width: 50% }

.col-d-50.abs-square {
    padding-bottom: 50%;
    position: relative;
}

.col-d-50.abs-square.half { padding-bottom: 25% }

.col-d-33 { width: 33.333333333333336% }

.col-d-33.abs-square {
    padding-bottom: 33.333333333333336%;
    position: relative;
}

.col-d-33.abs-square.half { padding-bottom: 16.666666666666668% }

.col-d-25 { width: 25% }

.col-d-25.abs-square {
    padding-bottom: 25%;
    position: relative;
}

.col-d-25.abs-square.half { padding-bottom: 12.5% }

.col-d-20 { width: 20% }

.col-d-20.abs-square {
    padding-bottom: 20%;
    position: relative;
}

.col-d-20.abs-square.half { padding-bottom: 10% }

.col-d-16 { width: 16.666666666666668% }

.col-d-16.abs-square {
    padding-bottom: 16.666666666666668%;
    position: relative;
}

.col-d-16.abs-square.half { padding-bottom: 8.333333333333334% }

.col-d-14 { width: 14.285714285714286% }

.col-d-14.abs-square {
    padding-bottom: 14.285714285714286%;
    position: relative;
}

.col-d-14.abs-square.half { padding-bottom: 7.142857142857143% }

.col-d-12 { width: 12.5% }

.col-d-12.abs-square {
    padding-bottom: 12.5%;
    position: relative;
}

.col-d-12.abs-square.half { padding-bottom: 6.25% }

.col-d-11 { width: 11.11111111111111% }

.col-d-11.abs-square {
    padding-bottom: 11.11111111111111%;
    position: relative;
}

.col-d-11.abs-square.half { padding-bottom: 5.555555555555555% }

.col-d-10 { width: 10% }

.col-d-10.abs-square {
    padding-bottom: 10%;
    position: relative;
}

.col-d-10.abs-square.half { padding-bottom: 5% }

@media (min-width: 720px) and (max-width: 1024px) {
    .col-t-100 { width: 100% }

    .col-t-100.abs-square {
        padding-bottom: 100%;
        position: relative;
    }

    .col-t-100.abs-square.half { padding-bottom: 50% }

    .col-t-50 { width: 50% }

    .col-t-50.abs-square {
        padding-bottom: 50%;
        position: relative;
    }

    .col-t-50.abs-square.half { padding-bottom: 25% }

    .col-t-33 { width: 33.333333333333336% }

    .col-t-33.abs-square {
        padding-bottom: 33.333333333333336%;
        position: relative;
    }

    .col-t-33.abs-square.half { padding-bottom: 16.666666666666668% }

    .col-t-25 { width: 25% }

    .col-t-25.abs-square {
        padding-bottom: 25%;
        position: relative;
    }

    .col-t-25.abs-square.half { padding-bottom: 12.5% }

    .col-t-20 { width: 20% }

    .col-t-20.abs-square {
        padding-bottom: 20%;
        position: relative;
    }

    .col-t-20.abs-square.half { padding-bottom: 10% }

    .col-t-16 { width: 16.666666666666668% }

    .col-t-16.abs-square {
        padding-bottom: 16.666666666666668%;
        position: relative;
    }

    .col-t-16.abs-square.half { padding-bottom: 8.333333333333334% }

    .col-t-14 { width: 14.285714285714286% }

    .col-t-14.abs-square {
        padding-bottom: 14.285714285714286%;
        position: relative;
    }

    .col-t-14.abs-square.half { padding-bottom: 7.142857142857143% }

    .col-t-12 { width: 12.5% }

    .col-t-12.abs-square {
        padding-bottom: 12.5%;
        position: relative;
    }

    .col-t-12.abs-square.half { padding-bottom: 6.25% }

    .col-t-11 { width: 11.11111111111111% }

    .col-t-11.abs-square {
        padding-bottom: 11.11111111111111%;
        position: relative;
    }

    .col-t-11.abs-square.half { padding-bottom: 5.555555555555555% }

    .col-t-10 { width: 10% }

    .col-t-10.abs-square {
        padding-bottom: 10%;
        position: relative;
    }

    .col-t-10.abs-square.half { padding-bottom: 5% }
}

@media (max-width: 719px) {
    .col-m-100 { width: 100% }

    .col-m-100.abs-square {
        padding-bottom: 100%;
        position: relative;
    }

    .col-m-100.abs-square.half { padding-bottom: 50% }

    .col-m-50 { width: 50% }

    .col-m-50.abs-square {
        padding-bottom: 50%;
        position: relative;
    }

    .col-m-50.abs-square.half { padding-bottom: 25% }

    .col-m-33 { width: 33.333333333333336% }

    .col-m-33.abs-square {
        padding-bottom: 33.333333333333336%;
        position: relative;
    }

    .col-m-33.abs-square.half { padding-bottom: 16.666666666666668% }

    .col-m-25 { width: 25% }

    .col-m-25.abs-square {
        padding-bottom: 25%;
        position: relative;
    }

    .col-m-25.abs-square.half { padding-bottom: 12.5% }

    .col-m-20 { width: 20% }

    .col-m-20.abs-square {
        padding-bottom: 20%;
        position: relative;
    }

    .col-m-20.abs-square.half { padding-bottom: 10% }

    .col-m-16 { width: 16.666666666666668% }

    .col-m-16.abs-square {
        padding-bottom: 16.666666666666668%;
        position: relative;
    }

    .col-m-16.abs-square.half { padding-bottom: 8.333333333333334% }

    .col-m-14 { width: 14.285714285714286% }

    .col-m-14.abs-square {
        padding-bottom: 14.285714285714286%;
        position: relative;
    }

    .col-m-14.abs-square.half { padding-bottom: 7.142857142857143% }

    .col-m-12 { width: 12.5% }

    .col-m-12.abs-square {
        padding-bottom: 12.5%;
        position: relative;
    }

    .col-m-12.abs-square.half { padding-bottom: 6.25% }

    .col-m-11 { width: 11.11111111111111% }

    .col-m-11.abs-square {
        padding-bottom: 11.11111111111111%;
        position: relative;
    }

    .col-m-11.abs-square.half { padding-bottom: 5.555555555555555% }

    .col-m-10 { width: 10% }

    .col-m-10.abs-square {
        padding-bottom: 10%;
        position: relative;
    }

    .col-m-10.abs-square.half { padding-bottom: 5% }
}

.offset-d-1 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5rem;
}

.offset-d-2 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.5rem;
}

.offset-d-3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.6666666666666667rem;
}

.offset-d-4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1.25rem;
}

.offset-d-5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1rem;
}

.row--left {
    float: left;
    width: 100%;
}

.col {
    display: block;
    float: left;
}

body.modal_show { overflow: hidden }

html.mobile body.modal_show { overflow-x: visible }

.modal {
    background: rgba(232, 232, 232, .86);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 55;
}

.modal.active { display: block }

.popup_box {
    background: red;
    display: none;
    margin: 150px auto;
    position: relative;
}

.popup_box.active { display: block }

.popup_close {
    -o-transition: .5s color, .5s border-color;
    -webkit-box-sizing: border-box;
    -webkit-transition: .5s color, .5s border-color;
    border: 4px solid #dadada;
    border-radius: 50%;
    box-sizing: border-box;
    color: #dadada;
    display: block;
    height: 42px;
    position: absolute;
    right: 17px;
    top: 17px;
    transition: .5s color, .5s border-color;
    width: 42px;
    z-index: 20;
}

.popup_close .icon {
    font-size: 35px;
    height: 42px;
    left: -4px;
    line-height: 42px;
    position: absolute;
    top: -4px;
    width: 42px;
}

@media (min-width: 1025px) {
    .popup_close {
        right: 37px;
        top: 37px;
    }

    .popup_close:hover {
        border-color: red;
        color: red;
    }
}

.fp-enabled body, html.fp-enabled {
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.fp-section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.fp-slide { float: left }

.fp-slide, .fp-slidesContainer {
    display: block;
    height: 100%;
}

.fp-slides {
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-out;
    z-index: 1;
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-transform: translate3d(0, 0, 0);
    -ms-user-select: none;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
    border-style: solid;
    cursor: pointer;
    height: 0;
    margin-top: -38px;
    position: absolute;
    top: 50%;
    transform: translate3d(0, 0, 0);
    width: 0;
    z-index: 4;
}

.fp-controlArrow.fp-prev {
    border-color: transparent #fff transparent transparent;
    border-width: 38.5px 34px 38.5px 0;
    left: 15px;
    width: 0;
}

.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #fff;
    border-width: 38.5px 0 38.5px 34px;
    right: 15px;
}

.fp-scrollable {
    overflow: hidden;
    position: relative
}

.fp-scroller { overflow: hidden }

.iScrollIndicator { border: 0 !important }

.fp-notransition {
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

#fp-nav {
    -webkit-transform: translate3d(0, 0, 0);
    margin-top: -32px;
    opacity: 1;
    position: fixed;
    top: 50%;
    z-index: 100;
}

#fp-nav.right { right: 17px }

#fp-nav.left { left: 17px }

.fp-slidesNav {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    left: 0 !important;
    margin: 0 auto !important;
    opacity: 1;
    position: absolute;
    right: 0;
    transform: translate3d(0, 0, 0);
    z-index: 4;
}

.fp-slidesNav.bottom { bottom: 17px }

.fp-slidesNav.top { top: 17px }

#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0
}

#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    height: 13px;
    margin: 7px;
    position: relative;
    width: 14px;
}

.fp-slidesNav ul li { display: inline-block }

#fp-nav ul li a, .fp-slidesNav ul li a {
    cursor: pointer;
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    width: 100%;
    z-index: 1;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
    border-radius: 100%;
    height: 12px;
    margin: -6px 0 0 -6px;
    width: 12px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    -o-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    background: #333;
    border: 0;
    border-radius: 50%;
    height: 4px;
    left: 50%;
    margin: -2px 0 0 -2px;
    position: absolute;
    top: 50%;
    transition: all .1s ease-in-out;
    width: 4px;
    z-index: 1;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
    height: 10px;
    margin: -5px 0 0 -5px;
    width: 10px;
}

#fp-nav ul li .fp-tooltip {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    max-width: 220px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: -2px;
    white-space: nowrap;
    width: 0;
}

#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
    -o-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    opacity: 1;
    transition: opacity .2s ease-in;
    width: auto;
}

#fp-nav ul li .fp-tooltip.right { right: 20px }

#fp-nav ul li .fp-tooltip.left { left: 20px }

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section { height: auto !important }

.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section { height: auto !important }

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide { float: left }

.swiper-container-vertical > .swiper-wrapper {
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column
}

.swiper-wrapper {
    -o-transition-property: transform;
    -webkit-box-sizing: content-box;
    -webkit-transition-property: -webkit-transform;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    margin: 0 auto;
    transition-timing-function: ease-out;
}

.swiper-slide {
    -ms-flex-negative: 0;
    -o-transition-property: transform;
    -webkit-transition-property: -webkit-transform;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
}

.swiper-invisible-blank-slide { visibility: hidden }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto }

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    -o-transition-property: transform, height;
    -webkit-box-align: start;
    -webkit-transition-property: height, -webkit-transform;
    -webkit-transition-property: height, -webkit-transform;
    align-items: flex-start;
    transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    cursor: pointer;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: auto;
    right: 10px;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }

.swiper-pagination {
    -o-transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: .3s opacity;
    position: absolute;
    text-align: center;
    transform: translate3d(0, 0, 0);
    transition: .3s opacity;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden { opacity: 0 }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -ms-transform: scale(.33);
    -webkit-transform: scale(.33);
    position: relative;
    transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -ms-transform: scale(.66);
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -ms-transform: scale(.33);
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -ms-transform: scale(.66);
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -ms-transform: scale(.33);
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px;
}

button.swiper-pagination-bullet {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }

.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    -webkit-transform: translate3d(0, -50%, 0);
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -o-transition: .2s transform, .2s top;
    -webkit-transition: .2s top, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s top;
    display: inline-block;
    transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -o-transition: .2s transform, .2s left;
    -webkit-transition: .2s left, .2s -webkit-transform;
    -webkit-transition: .2s transform, .2s left;
    transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -ms-transform: scale(0);
    -ms-transform-origin: left top;
    -webkit-transform: scale(0);
    -webkit-transform-origin: left top;
    background: #007aff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -ms-transform-origin: right top;
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
}

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }

.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, .25) }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }

.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, .25) }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 }

.swiper-scrollbar {
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
}

.swiper-container-horizontal > .swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50;
}

.swiper-container-vertical > .swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50;
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.swiper-scrollbar-cursor-drag { cursor: move }

.swiper-zoom-container {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    -o-object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed { cursor: move }

.swiper-lazy-preloader {
    -ms-transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -webkit-transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10;
}

.swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
}

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -o-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }

.swiper-container-cube { overflow: visible }

.swiper-container-cube .swiper-slide {
    -ms-transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow {
    -webkit-filter: blur(50px);
    background: #000;
    bottom: 0;
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-container-flip { overflow: visible }

.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
}

.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px }

@-webkit-keyframes plyr-progress {
    to { background-position: 25px 0 }
}

@keyframes plyr-progress {
    to { background-position: 25px 0 }
}

.plyr {
    direction: ltr;
    font-family: Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
    max-width: 100%;
    min-width: 200px;
    position: relative;
}

.plyr, .plyr *, .plyr ::after, .plyr ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.plyr a, .plyr button, .plyr input, .plyr label {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.plyr:focus { outline: 0 }

.plyr audio, .plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

.plyr input[type=range] {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    border: none;
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.plyr input[type=range]::-webkit-slider-runnable-track {
    -webkit-user-select: none;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    height: 8px;
    user-select: none
}

.plyr input[type=range]::-webkit-slider-thumb {
    -o-transition: background .2s ease, border .2s ease, transform .2s ease;
    -webkit-appearance: none;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    -webkit-box-sizing: border-box;
    -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    height: 16px;
    margin-top: -4px;
    position: relative;
    transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
    width: 16px;
}

.plyr input[type=range]::-moz-range-track {
    -moz-user-select: none;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    height: 8px;
    user-select: none
}

.plyr input[type=range]::-moz-range-thumb {
    -o-transition: background .2s ease, border .2s ease, transform .2s ease;
    -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    height: 16px;
    position: relative;
    transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
    width: 16px;
}

.plyr input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    color: transparent;
    height: 8px;
}

.plyr input[type=range]::-ms-fill-upper {
    -ms-user-select: none;
    background: 0 0;
    border: 0;
    border-radius: 4px;
    height: 8px;
    user-select: none
}

.plyr input[type=range]::-ms-fill-lower {
    -ms-user-select: none;
    background: 0 0;
    background: #3498db;
    border: 0;
    border-radius: 4px;
    height: 8px;
    user-select: none;
}

.plyr input[type=range]::-ms-thumb {
    -o-transition: background .2s ease, border .2s ease, transform .2s ease;
    -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    -webkit-transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    height: 16px;
    margin-top: 0;
    position: relative;
    transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
    transition: background .2s ease, border .2s ease, transform .2s ease, -webkit-transform .2s ease;
    width: 16px;
}

.plyr input[type=range]::-ms-tooltip { display: none }

.plyr input[type=range]:focus { outline: 0 }

.plyr input[type=range]::-moz-focus-outer { border: 0 }

.plyr input[type=range].tab-focus:focus { outline-offset: 3px }

.plyr input[type=range]:active::-webkit-slider-thumb {
    -webkit-transform: scale(1.25);
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25)
}

.plyr input[type=range]:active::-moz-range-thumb {
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25)
}

.plyr input[type=range]:active::-ms-thumb {
    -ms-transform: scale(1.25);
    background: #3498db;
    border-color: #fff;
    transform: scale(1.25)
}

.plyr--video input[type=range].tab-focus:focus { outline: 1px dotted rgba(255, 255, 255, .5) }

.plyr--audio input[type=range].tab-focus:focus { outline: 1px dotted rgba(86, 93, 100, .5) }

.plyr__sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    position: relative;
}

.plyr__video-embed {
    border-radius: inherit;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    z-index: 0
}

.plyr__video-embed iframe {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    user-select: none;
    width: 100%;
}

.plyr__video-embed > div {
    -ms-transform: translateY(-35.95%);
    -webkit-transform: translateY(-35.95%);
    padding-bottom: 200%;
    position: relative;
    transform: translateY(-35.95%)
}

.plyr .plyr__video-embed iframe { pointer-events: none }

.plyr video::-webkit-media-text-track-container { display: none }

.plyr__captions {
    -ms-transform: translateY(-40px);
    -o-transition: transform .3s ease;
    -webkit-transform: translateY(-40px);
    -webkit-transition: -webkit-transform .3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    transform: translateY(-40px);
    transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 100%;
}

.plyr__captions span {
    -webkit-box-decoration-break: clone;
    background: rgba(0, 0, 0, .7);
    border-radius: 2px;
    box-decoration-break: clone;
    line-height: 150%;
    padding: 3px 10px;
}

.plyr__captions span:empty { display: none }

@media (min-width: 768px) {
    .plyr__captions { font-size: 24px }
}

.plyr--captions-active .plyr__captions { display: block }

.plyr--hide-controls .plyr__captions {
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

@media (min-width: 1024px) {
    .plyr--fullscreen-active .plyr__captions { font-size: 32px }
}

.plyr ::-webkit-media-controls { display: none }

.plyr__controls {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    pointer-events: none;
    text-align: center;
}

.plyr__controls > * { pointer-events: all }

.plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button { margin-left: 5px }

.plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__time:first-child, .plyr__controls > button:first-child { margin-left: 0 }

.plyr__controls .plyr__volume { margin-left: 5px }

.plyr__controls [data-plyr=pause] { margin-left: 0 }

.plyr__controls button {
    -ms-flex-negative: 0;
    -o-transition: background .3s ease, color .3s ease, opacity .3s ease;
    -webkit-transition: background .3s ease, color .3s ease, opacity .3s ease;
    background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    transition: background .3s ease, color .3s ease, opacity .3s ease;
    vertical-align: middle;
}

.plyr__controls button svg {
    display: block;
    fill: currentColor;
    height: 18px;
    width: 18px;
}

.plyr__controls button:focus { outline: 0 }

.plyr__controls .icon--captions-on, .plyr__controls .icon--exit-fullscreen, .plyr__controls .icon--muted { display: none }

@media (min-width: 480px) {
    .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button { margin-left: 10px }
}

.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none
}

.plyr--video .plyr__controls {
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 50px 10px 10px;
    position: absolute;
    right: 0;
    transition: opacity .3s ease;
    z-index: 2;
}

.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover {
    background: #3498db;
    color: #fff
}

.plyr--audio .plyr__controls {
    background: #fff;
    border: 1px solid #dbe3e8;
    border-radius: inherit;
    color: #565d64;
    padding: 10px;
}

.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover {
    background: #3498db;
    color: #fff
}

.plyr__play-large {
    -ms-transform: translate(-50%, -50%);
    -o-transition: all .3s ease;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    -webkit-transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    background: #3498db;
    border: 4px solid currentColor;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color: #fff;
    display: none;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    z-index: 1;
}

.plyr__play-large svg {
    display: block;
    fill: currentColor;
    height: 20px;
    left: 2px;
    position: relative;
    width: 20px;
}

.plyr__play-large:focus { outline: 1px dotted rgba(255, 255, 255, .5) }

.plyr .plyr__play-large { display: inline-block }

.plyr--audio .plyr__play-large { display: none }

.plyr--playing .plyr__play-large {
    opacity: 0;
    visibility: hidden
}

.plyr--playing .plyr__controls [data-plyr=play], .plyr__controls [data-plyr=pause] { display: none }

.plyr--playing .plyr__controls [data-plyr=pause] { display: inline-block }

.plyr--captions-active .plyr__controls .icon--captions-on, .plyr--fullscreen-active .icon--exit-fullscreen, .plyr--muted .plyr__controls .icon--muted { display: block }

.plyr--captions-active .plyr__controls .icon--captions-on + svg, .plyr--fullscreen-active .icon--exit-fullscreen + svg, .plyr--muted .plyr__controls .icon--muted + svg { display: none }

.plyr [data-plyr=captions], .plyr [data-plyr=fullscreen] { display: none }

.plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen] { display: inline-block }

.plyr__tooltip {
    -ms-transform: translate(-50%, 10px) scale(.8);
    -ms-transform-origin: 50% 100%;
    -o-transition: transform .2s .1s ease, opacity .2s .1s ease;
    -webkit-transform: translate(-50%, 10px) scale(.8);
    -webkit-transform-origin: 50% 100%;
    -webkit-transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    -webkit-transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    background: rgba(0, 0, 0, .7);
    border-radius: 3px;
    bottom: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    transition: opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    transition: transform .2s .1s ease, opacity .2s .1s ease, -webkit-transform .2s .1s ease;
    z-index: 2;
}

.plyr__tooltip::before {
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(0, 0, 0, .7);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2
}

.plyr button.tab-focus:focus .plyr__tooltip, .plyr button:hover .plyr__tooltip, .plyr__tooltip--visible {
    -ms-transform: translate(-50%, 0) scale(1);
    -webkit-transform: translate(-50%, 0) scale(1);
    opacity: 1;
    transform: translate(-50%, 0) scale(1)
}

.plyr button:hover .plyr__tooltip { z-index: 3 }

.plyr__controls button:first-child .plyr__tooltip {
    -ms-transform: translate(0, 10px) scale(.8);
    -ms-transform-origin: 0 100%;
    -webkit-transform: translate(0, 10px) scale(.8);
    -webkit-transform-origin: 0 100%;
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 0 100%
}

.plyr__controls button:first-child .plyr__tooltip::before { left: 16px }

.plyr__controls button:last-child .plyr__tooltip {
    -ms-transform: translate(0, 10px) scale(.8);
    -ms-transform-origin: 100% 100%;
    -webkit-transform: translate(0, 10px) scale(.8);
    -webkit-transform-origin: 100% 100%;
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin: 100% 100%
}

.plyr__controls button:last-child .plyr__tooltip::before {
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    left: auto;
    right: 16px;
    transform: translateX(50%)
}

.plyr__controls button:first-child .plyr__tooltip--visible, .plyr__controls button:first-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:first-child:hover .plyr__tooltip, .plyr__controls button:last-child .plyr__tooltip--visible, .plyr__controls button:last-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:last-child:hover .plyr__tooltip {
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
}

.plyr__progress {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    display: none;
    flex: 1;
    position: relative;
}

.plyr__progress input[type=range] {
    position: relative;
    z-index: 2
}

.plyr__progress input[type=range]::-webkit-slider-runnable-track { background: 0 0 }

.plyr__progress input[type=range]::-moz-range-track { background: 0 0 }

.plyr__progress input[type=range]::-ms-fill-upper { background: 0 0 }

.plyr__progress .plyr__tooltip { left: 0 }

.plyr .plyr__progress { display: inline-block }

.plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 100px;
    height: 8px;
    left: 0;
    margin: -4px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    vertical-align: top;
    width: 100%;
}

.plyr__progress--buffer::-webkit-progress-bar, .plyr__progress--played::-webkit-progress-bar, .plyr__volume--display::-webkit-progress-bar { background: 0 0 }

.plyr__progress--buffer::-webkit-progress-value, .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 8px
}

.plyr__progress--buffer::-moz-progress-bar, .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 8px
}

.plyr__progress--buffer::-ms-fill, .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill { border-radius: 100px }

.plyr__progress--played, .plyr__volume--display {
    -o-transition: none;
    -webkit-transition: none;
    background: 0 0;
    color: #3498db;
    transition: none;
    z-index: 1;
}

.plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value {
    -o-transition: none;
    -webkit-transition: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    max-width: 99%;
    min-width: 8px;
    transition: none
}

.plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar {
    -o-transition: none;
    -webkit-transition: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    max-width: 99%;
    min-width: 8px;
    transition: none
}

.plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill { display: none }

.plyr__progress--buffer::-webkit-progress-value {
    -o-transition: width .2s ease;
    -webkit-transition: width .2s ease;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress--buffer::-moz-progress-bar {
    -o-transition: width .2s ease;
    -webkit-transition: width .2s ease;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr__progress--buffer::-ms-fill {
    -o-transition: width .2s ease;
    -webkit-transition: width .2s ease;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.plyr--video .plyr__progress--buffer, .plyr--video .plyr__volume--display { background: rgba(255, 255, 255, .25) }

.plyr--video .plyr__progress--buffer { color: rgba(255, 255, 255, .25) }

.plyr--audio .plyr__progress--buffer, .plyr--audio .plyr__volume--display { background: rgba(198, 214, 219, .66) }

.plyr--audio .plyr__progress--buffer { color: rgba(198, 214, 219, .66) }

.plyr--loading .plyr__progress--buffer {
    -webkit-animation: plyr-progress 1s linear infinite;
    animation: plyr-progress 1s linear infinite;
    background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(0, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .15) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color: transparent
}

.plyr--video.plyr--loading .plyr__progress--buffer { background-color: rgba(255, 255, 255, .25) }

.plyr--audio.plyr--loading .plyr__progress--buffer { background-color: rgba(198, 214, 219, .66) }

.plyr__time {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

.plyr__time + .plyr__time { display: none }

@media (min-width: 768px) {
    .plyr__time + .plyr__time { display: inline-block }
}

.plyr__time + .plyr__time::before {
    content: '\2044';
    margin-right: 10px
}

.plyr__volume { display: none }

.plyr .plyr__volume {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    position: relative
}

.plyr .plyr__volume input[type=range] {
    position: relative;
    z-index: 2
}

@media (min-width: 480px) {
    .plyr .plyr__volume {
        display: block;
        max-width: 60px
    }
}

@media (min-width: 768px) {
    .plyr .plyr__volume { max-width: 100px }
}

.plyr--is-ios .plyr__volume, .plyr--is-ios [data-plyr=mute] { display: none !important }

.plyr--fullscreen-active {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    width: 100%;
}

.plyr--fullscreen-active video { height: 100% }

.plyr--fullscreen-active .plyr__video-wrapper {
    height: 100%;
    width: 100%
}

.plyr--fullscreen-active .plyr__video-embed { overflow: visible }

.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: 0;
    top: 50%;
    transform: translateY(-50%)
}

.plyr--fullscreen-fallback.plyr--fullscreen-active {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

@media (min-width: 1025px) {
    .anim-block .anim-elem {
        -o-transition: opacity .7s, visibility .7s;
        -webkit-backface-visibility: hidden;
        -webkit-transition: opacity .7s, visibility .7s;
        backface-visibility: hidden;
        opacity: 0;
        transition: opacity .7s, visibility .7s;
        visibility: hidden;
        will-change: transform, opacity, visibility;
    }

    .anim-block .anim-elem.done {
        opacity: 1;
        visibility: visible;
    }

    .anim-block .anim-elem.top {
        -ms-transform: translateY(30px);
        -o-transition: opacity 1s, transform 1s, visibility 1s;
        -webkit-transform: translateY(30px);
        -webkit-transition: opacity 1s, transform 1s, visibility 1s;
        -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
        transform: translateY(30px);
        transition: opacity 1s, visibility 1s, -webkit-transform 1s;
        transition: opacity 1s, transform 1s, visibility 1s;
        transition: opacity 1s, transform 1s, visibility 1s, -webkit-transform 1s
    }

    .anim-block .anim-elem.top.done {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .anim-block .anim-elem.top-visibility {
        -ms-transform: translateY(30px);
        -o-transition: opacity .2s, transform 1s, visibility 1s;
        -webkit-transform: translateY(30px);
        -webkit-transition: opacity .2s, transform 1s, visibility 1s;
        -webkit-transition: opacity .2s, visibility 1s, -webkit-transform 1s;
        transform: translateY(30px);
        transition: opacity .2s, visibility 1s, -webkit-transform 1s;
        transition: opacity .2s, transform 1s, visibility 1s;
        transition: opacity .2s, transform 1s, visibility 1s, -webkit-transform 1s
    }

    .anim-block .anim-elem.top-visibility.done {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .anim-block .anim-elem.top-100 {
        -ms-transform: translateY(100px);
        -o-transition: opacity .7s, transform .7s, visibility .7s;
        -webkit-transform: translateY(100px);
        -webkit-transition: opacity .7s, transform .7s, visibility .7s;
        -webkit-transition: opacity .7s, visibility .7s, -webkit-transform .7s;
        transform: translateY(100px);
        transition: opacity .7s, visibility .7s, -webkit-transform .7s;
        transition: opacity .7s, transform .7s, visibility .7s;
        transition: opacity .7s, transform .7s, visibility .7s, -webkit-transform .7s
    }

    .anim-block .anim-elem.top-100.done {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .anim-block .anim-elem.bottom {
        -ms-transform: translateY(-20px);
        -o-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transform: translateY(-20px);
        -webkit-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transform: translateY(-20px);
        transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transition: opacity 1s, transform .5s, visibility .5s;
        transition: opacity 1s, transform .5s, visibility .5s, -webkit-transform .5s
    }

    .anim-block .anim-elem.bottom.done {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .anim-block .anim-elem.bottom-50 {
        -ms-transform: translateY(50px);
        -o-transition: opacity .7s, transform .7s, visibility .7s;
        -webkit-transform: translateY(50px);
        -webkit-transition: opacity .7s, transform .7s, visibility .7s;
        -webkit-transition: opacity .7s, visibility .7s, -webkit-transform .7s;
        transform: translateY(50px);
        transition: opacity .7s, visibility .7s, -webkit-transform .7s;
        transition: opacity .7s, transform .7s, visibility .7s;
        transition: opacity .7s, transform .7s, visibility .7s, -webkit-transform .7s
    }

    .anim-block .anim-elem.bottom-50.done {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .anim-block .anim-elem.left {
        -ms-transform: translateX(-20px);
        -o-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transform: translateX(-20px);
        -webkit-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transform: translateX(-20px);
        transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transition: opacity 1s, transform .5s, visibility .5s;
        transition: opacity 1s, transform .5s, visibility .5s, -webkit-transform .5s
    }

    .anim-block .anim-elem.left.done {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .anim-block .anim-elem.left-visibility {
        -ms-transform: translateX(-20px);
        -o-transition: opacity .2s, transform .5s, visibility .5s;
        -webkit-transform: translateX(-20px);
        -webkit-transition: opacity .2s, transform .5s, visibility .5s;
        -webkit-transition: opacity .2s, visibility .5s, -webkit-transform .5s;
        transform: translateX(-20px);
        transition: opacity .2s, visibility .5s, -webkit-transform .5s;
        transition: opacity .2s, transform .5s, visibility .5s;
        transition: opacity .2s, transform .5s, visibility .5s, -webkit-transform .5s
    }

    .anim-block .anim-elem.left-visibility.done {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .anim-block .anim-elem.left-visibility-show {
        -ms-transform: translateX(-100px);
        -o-transition: opacity .2s, transform .5s, visibility .5s;
        -webkit-transform: translateX(-100px);
        -webkit-transition: opacity .2s, transform .5s, visibility .5s;
        -webkit-transition: opacity .2s, visibility .5s, -webkit-transform .5s;
        transform: translateX(-100px);
        transition: opacity .2s, visibility .5s, -webkit-transform .5s;
        transition: opacity .2s, transform .5s, visibility .5s;
        transition: opacity .2s, transform .5s, visibility .5s, -webkit-transform .5s
    }

    .anim-block .anim-elem.left-visibility-show.done {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .anim-block .anim-elem.left-50 {
        -ms-transform: translateX(-50px);
        -o-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transform: translateX(-50px);
        -webkit-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transform: translateX(-50px);
        transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transition: opacity 1s, transform .5s, visibility .5s;
        transition: opacity 1s, transform .5s, visibility .5s, -webkit-transform .5s
    }

    .anim-block .anim-elem.left-50.done {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .anim-block .anim-elem.left-100 {
        -ms-transform: translateX(-100px);
        -o-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transform: translateX(-100px);
        -webkit-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transform: translateX(-100px);
        transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transition: opacity 1s, transform .5s, visibility .5s;
        transition: opacity 1s, transform .5s, visibility .5s, -webkit-transform .5s
    }

    .anim-block .anim-elem.left-100.done {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .anim-block .anim-elem.right {
        -ms-transform: translateX(50px);
        -o-transition: opacity .5s, transform 1s, visibility .5s;
        -webkit-transform: translateX(50px);
        -webkit-transition: opacity .5s, transform 1s, visibility .5s;
        -webkit-transition: opacity .5s, visibility .5s, -webkit-transform 1s;
        transform: translateX(50px);
        transition: opacity .5s, visibility .5s, -webkit-transform 1s;
        transition: opacity .5s, transform 1s, visibility .5s;
        transition: opacity .5s, transform 1s, visibility .5s, -webkit-transform 1s
    }

    .anim-block .anim-elem.right.done {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .anim-block .anim-elem.right-100 {
        -ms-transform: translateX(100px);
        -o-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transform: translateX(100px);
        -webkit-transition: opacity 1s, transform .5s, visibility .5s;
        -webkit-transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transform: translateX(100px);
        transition: opacity 1s, visibility .5s, -webkit-transform .5s;
        transition: opacity 1s, transform .5s, visibility .5s;
        transition: opacity 1s, transform .5s, visibility .5s, -webkit-transform .5s
    }

    .anim-block .anim-elem.right-100.done {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .anim-block .anim-elem.scale {
        -ms-transform: scale(.9);
        -o-transition: opacity .5s, transform 1s, visibility .5s;
        -webkit-transform: scale(.9);
        -webkit-transition: opacity .5s, transform 1s, visibility .5s;
        -webkit-transition: opacity .5s, visibility .5s, -webkit-transform 1s;
        transform: scale(.9);
        transition: opacity .5s, visibility .5s, -webkit-transform 1s;
        transition: opacity .5s, transform 1s, visibility .5s;
        transition: opacity .5s, transform 1s, visibility .5s, -webkit-transform 1s
    }

    .anim-block .anim-elem.scale.done {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .anim-block .anim-elem.delay-01 {
        -o-transition-delay: .1s;
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .anim-block .anim-elem.delay-02 {
        -o-transition-delay: .2s;
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .anim-block .anim-elem.delay-03 {
        -o-transition-delay: .3s;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .anim-block .anim-elem.delay-05 {
        -o-transition-delay: .5s;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .anim-block .anim-elem.delay-07 {
        -o-transition-delay: .7s;
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }

    .anim-block .anim-elem.delay-09 {
        -o-transition-delay: .9s;
        -webkit-transition-delay: .9s;
        transition-delay: .9s
    }

    .anim-block .anim-elem.delay-1 {
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    .anim-block .anim-elem.delay-12 {
        -o-transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    .anim-block .anim-elem.delay-15 {
        -o-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    .anim-block .anim-elem.delay-2 {
        -o-transition-delay: 2s;
        -webkit-transition-delay: 2s;
        transition-delay: 2s
    }

    .anim-block .anim-elem.delay-3 {
        -o-transition-delay: 3s;
        -webkit-transition-delay: 3s;
        transition-delay: 3s
    }
}

body { font-family: ralewayregular, sans-serif }

ul {
    margin: 0;
    padding: 0;
}

.fh {
    background-position: center;
    background-size: cover;
    padding: 90px 0;
    position: relative;
}

@media (min-width: 1025px) {
    .fh {
        height: 100vh;
        padding: 0
    }
}

.responsive {
    height: auto;
    max-width: 100%;
    width: auto
}

@media (max-width: 1024px) {
    .mobile-only {
        display: block;
        line-height: 0
    }
}

@media (min-width: 1025px) {
    .mobile-only { display: none }
}

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

.breadcrumbs {
    height: 70px;
    left: 0;
    line-height: 70px;
    margin: auto;
    max-width: 1920px;
    overflow: hidden;
    vertical-align: middle;
    z-index: 102;
}

@media (max-width: 1024px) {
    .breadcrumbs {
        padding-left: 35px;
        position: relative;
        position: absolute;
        top: 90px;
    }
}

@media (min-width: 1025px) {
    .breadcrumbs {
        padding-left: 90px;
        position: absolute;
        top: 100px;
    }

    .breadcrumbs:before {
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 1px;
        left: 0;
        opacity: .3;
        position: absolute;
        top: 50%;
        width: 65px;
    }
}

.breadcrumbs .breadcrumb-link {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #000;
    display: block;
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    line-height: 20px;
    margin-right: 35px;
    position: relative;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%)
}

.breadcrumbs .breadcrumb-link:hover:before { width: 0 }

.breadcrumbs .breadcrumb-link:before {
    -o-transition: width .3s ease-out;
    -webkit-transition: width .3s ease-out;
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transition: width .3s ease-out;
    width: 100%;
}

.breadcrumbs .breadcrumb-link:after {
    content: '»';
    display: inline-block;
    height: 5px;
    position: absolute;
    right: -20px;
    width: 5px;
}

.breadcrumbs .breadcrumb-link:last-child {
    margin-right: 0;
    text-decoration: none;
}

.breadcrumbs .breadcrumb-link:last-child:after, .breadcrumbs .breadcrumb-link:last-child:before { display: none }

.breadcrumbs.dark { color: #000 }

.breadcrumbs.dark .breadcrumb-link:before { background-color: #000 }

@media (min-width: 1025px) {
    .breadcrumbs.dark:before { background-color: #000 }
}

.breadcrumbs.grey { color: #ec1a3a }

.breadcrumbs.grey a.breadcrumb-link { color: #818181 }

.breadcrumbs.grey .breadcrumb-link { color: #ec1a3a }

.breadcrumbs.grey .breadcrumb-link:before { background-color: #818181 }

@media (min-width: 1025px) {
    .breadcrumbs.grey:before { background-color: #818181 }
}

.breadcrumbs.black { color: #000 }

.breadcrumbs.black a.breadcrumb-link { color: #000 }

.breadcrumbs.black .breadcrumb-link { color: #ec1a3a }

.breadcrumbs.black .breadcrumb-link:before { background-color: #000 }

@media (min-width: 1025px) {
    .breadcrumbs.black:before { background-color: #818181 }
}

@media (max-width: 1024px) {
    .breadcrumbs.white.black-mobile { color: #000 }

    .breadcrumbs.white.black-mobile .breadcrumb-link:before { background-color: #000 }

    .breadcrumbs.white.white-mobile { color: #fff }

    .breadcrumbs.white.white-mobile .breadcrumb-link { color: #fff }

    .breadcrumbs.white.white-mobile .breadcrumb-link:before { background-color: #fff }
}

@media (min-width: 1025px) {
    .breadcrumbs.white { color: #fff }

    .breadcrumbs.white .breadcrumb-link, .breadcrumbs.white a.breadcrumb-link { color: #fff }

    .breadcrumbs.white .breadcrumb-link:before { background-color: #fff }
}

@media (min-width: 1025px) {
    .col-d-5 { width: 41.6% }
}

@media (min-width: 1025px) {
    .col-d-7 { width: 58.4% }
}

@media (min-width: 1025px) {
    .col-d-37 { width: 36% }
}

@media (min-width: 1025px) {
    .col-d-26 { width: 28% }
}

body {
    color: #333;
    font-family: ralewayregular, sans-serif;
    font-size: 18px;
    line-height: 1.3;
}

.wrap {
    margin: 0 auto;
    max-width: 1322px;
}

.background__cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.background__green {
    background-color: red;
    color: #000
}

.background__img { background: #000 url(../images/backgrounds/1.svg) no-repeat bottom right }

.bf-align:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.bg-image {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bg-image-outer {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.abs-item-link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.template-image {
    display: inline-block;
    width: 100%;
}

.total-wrap-content {
    margin-top: 89px;
    position: relative;
    width: 100%;
}

@media (min-width: 1025px) {
    .total-wrap-content { margin-top: 90px }
}

@media (min-width: 1367px) {
    .total-wrap-content { margin-top: 100px }
}

.main-wrap-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    width: 100%;
}

@media (min-width: 720px) {
    .main-wrap-content {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .main-wrap-content {
        padding-left: 70px;
        padding-right: 70px
    }
}

@-webkit-keyframes scrolldown {
    0% { top: 0 }

    50% { top: 6px }

    100% { top: 0 }
}

@keyframes scrolldown {
    0% { top: 0 }

    50% { top: 6px }

    100% { top: 0 }
}

.btn .root {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
}

.btn-mid {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    height: 51px;
    line-height: 51px;
    padding: 0 35px;
    text-align: center
}

@media (min-width: 1281px) {
    .btn-mid { min-width: 290px }
}

.btn-big {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    letter-spacing: 2px;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    .btn-big { padding: 20px }
}

@media (min-width: 1281px) {
    .btn-big { min-width: 308px }
}

.btn-transparentGrey {
    background-color: transparent;
    border: 1px solid #807f7f;
    color: #807f7f
}

.btn-transparentGrey:focus, .btn-transparentGrey:hover {
    background-color: #807f7f;
    color: #fff
}

.btn-transparentRed {
    background-color: transparent;
    border: 1px solid #b16f5f;
    color: #b16f5f
}

.btn-transparentRed:focus, .btn-transparentRed:hover {
    background-color: #b16f5f;
    color: #fff
}

.btn-red {
    background-color: #b16f5f;
    border: 1px solid #b16f5f;
    color: #fff;
}

@media (min-width: 1025px) {
    .btn-red {
        -o-transition: color .3s, border-color .3s, background .3s;
        -webkit-transition: color .3s, border-color .3s, background .3s;
        transition: color .3s, border-color .3s, background .3s
    }

    .btn-red:focus, .btn-red:hover {
        background-color: transparent;
        border-color: #fff;
        color: #fff;
        text-decoration: none;
    }
}

.btn-gray {
    background: #b16f5f;
    border: 1px solid #b16f5f;
    color: #fff
}

@media (min-width: 1025px) {
    .btn-gray {
        -o-transition: color .3s, border-color .3s, background .3s;
        -webkit-transition: color .3s, border-color .3s, background .3s;
        transition: color .3s, border-color .3s, background .3s
    }

    .btn-gray:focus, .btn-gray:hover {
        background: #464646;
        border-color: #464646
    }
}

.curve {
    color: #6f6f6f;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}

.curve.black { color: #000 }

.wave-btn {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}

.wave-btn .wave-btn-text { display: block }

.wave-btn .wave {
    background-image: url(../images/home/wave-bg.svg);
    background-repeat: repeat-x;
    bottom: 0;
    height: 4px;
    left: 0;
    position: absolute;
    width: 300%;
}

@media (min-width: 1025px) {
    .wave-btn:hover .wave {
        -webkit-animation: wave 3.5s linear infinite;
        animation: wave 3.5s linear infinite
    }
}

.sign-out-btn {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 1.2em;
    vertical-align: middle;
}

@media (min-width: 1025px) {
    .sign-out-btn {
        -o-transition: color .4s;
        -webkit-transition: color .4s;
        font-size: 13px;
        transition: color .4s
    }

    .sign-out-btn:hover { color: #b16f5f }
}

.template-btn {
    border: 1px solid #6f6f6f;
    color: #6f6f6f;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 25px;
    vertical-align: middle;
}

@media (min-width: 1025px) {
    .template-btn {
        -o-transition: color .4s, background .4s, border-color .4s;
        -webkit-transition: color .4s, background .4s, border-color .4s;
        transition: color .4s, background .4s, border-color .4s
    }

    .template-btn:hover {
        background: #b16f5f;
        border-color: #b16f5f;
        color: #fff;
    }
}

@media (min-width: 1367px) {
    .template-btn { padding: 15px 50px }
}

@keyframes wave {
    from { left: 0 }

    to { left: -200% }
}

@-webkit-keyframes wave {
    from { left: 0 }

    to { left: -200% }
}

.title-large {
    font-family: ralewayregular, sans-serif;
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 30px;
    padding: 0;
}

@media (min-width: 640px) {
    .title-large { font-size: 50px }
}

@media (min-width: 1025px) {
    .title-large {
        font-size: 3.39vw;
        line-height: 4.64vw;
        margin: 0 0 1.61vw
    }
}

.title-big {
    font-family: ralewayregular, sans-serif;
    font-family: ralewaymedium, sans-serif;
    font-size: 32px;
    margin-bottom: 20px;
    padding: 0;
}

@media (min-width: 640px) {
    .title-big { font-size: 45px }
}

@media (min-width: 1025px) {
    .title-big {
        font-size: 2.71vw;
        line-height: 3.65vw
    }
}

.title-small {
    font-family: ralewaysemibold, sans-serif;
    font-size: 27px
}

@media (min-width: 1921px) {
    .title-large { font-size: 65px }

    .title-big { font-size: 55px }
}

.p .root {
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 20px
}

.p-huge {
    font-family: 'Open Sans', sans-serif;
    font-size: 46px;
    font-weight: 900;
    letter-spacing: 5px;
    margin: 0 0 20px;
}

@media (min-width: 400px) {
    .p-huge { font-size: 65px }
}

@media (min-width: 640px) {
    .p-huge { font-size: 100px }
}

@media (min-width: 1025px) {
    .p-huge { font-size: 5.21vw }
}

.p-large {
    font-family: 'Open Sans', sans-serif;
    font-size: 27px;
    margin: 0 0 20px;
}

.p-big {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    margin: 0 0 20px;
}

@media (min-width: 400px) {
    .p-big { font-size: 17px }
}

@media (min-width: 640px) {
    .p-big { font-size: 18px }
}

.p-mid {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    margin: 0 0 20px;
}

.p-mid-s {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 20px;
}

.p-small {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px;
}

.p-xs {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0 0 20px;
}

.white { color: #fff }

.black { color: #000 }

.red { color: #b16f5f }

.lightGrey { color: #f3f3f3 }

.darkGrey { color: #e8e7e7 }

.regular { font-family: ralewayregular, sans-serif }

.medium { font-family: ralewaymedium, sans-serif }

.semi-bold { font-family: ralewaysemibold, sans-serif }

.underline { text-decoration: underline }

.list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 24px;
    position: relative;
    text-align: left
}

.list li:before {
    background-color: #b16f5f;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 9px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 9px;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 20px;
}

p a { color: #b16f5f }

.new-test-title {
    font-family: ralewayregular, sans-serif;
    font-size: 24px;
    padding-bottom: 15px;
    text-align: center;
}

.header {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 130
}

.header.active-mobile-menu .header-box {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header .menu-item { border-bottom: 1px solid #b16f5f }

.header .menu-item .menu-link.lc { text-transform: none }

@media (max-width: 1024px) {
    .header {
        -o-transition: transform .4s ease-out;
        -webkit-transition: -webkit-transform .4s ease-out;
        height: auto;
        transition: -webkit-transform .4s ease-out;
        transition: transform .4s ease-out;
        transition: transform .4s ease-out, -webkit-transform .4s ease-out;
        width: 100%;
        z-index: 200;
    }

    .header.open {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .header .header-wrap { height: 100% }

    .header .menu { list-style: none }
}

@media (min-width: 1025px) {
    .header {
        -o-transition: top .4s;
        -webkit-transition: top .4s;
        left: 0;
        right: 0;
        transition: top .4s;
        width: 100%;
    }

    .header.down-state { top: -250px }

    .header .menu-item { border-bottom: none }
}

.header-toggle {
    -ms-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    background-color: #fff;
    cursor: pointer;
    height: 100px;
    position: absolute;
    position: fixed;
    top: 0;
    transform: translateX(-100px);
    width: 100px;
    z-index: 200;
}

.header-toggle img {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: block;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1024px) {
    .header-toggle {
        display: none;
        right: 0;
    }
}

@media (min-width: 1025px) {
    .header-toggle { left: 0 }
}

@media (max-width: 1024px) {
    .menuToggle {
        background: url(../images/icons/menu-icon.png) no-repeat center;
        bottom: 0;
        height: 40px;
        margin: auto;
        position: absolute;
        right: 35px;
        top: 0;
        width: 40px;
        z-index: 120
    }
}

.header-wrap {
    background: #fff;
    width: 100%;
}

.header-wrap .login {
    border: 1px solid #7d7d7e;
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    height: 44px;
    line-height: 44px;
    margin: auto;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
    vertical-align: middle;
}

@media (min-width: 1025px) {
    .header-wrap .login {
        -o-transition: color .3s, border-color .3s, background .3s;
        -webkit-transition: color .3s, border-color .3s, background .3s;
        transition: color .3s, border-color .3s, background .3s
    }

    .header-wrap .login.active, .header-wrap .login:focus, .header-wrap .login:hover {
        background-color: #b16f5f;
        border-color: #b16f5f;
        color: #fff;
    }
}

@media (min-width: 1281px) {
    .header-wrap .login { padding: 0 1.25vw }
}

.header-wrap .mobile-menu-row {
    background: #fff;
    font-size: 0;
    padding: 20px;
    position: relative;
    z-index: 2;
}

@media (min-width: 720px) {
    .header-wrap .mobile-menu-row {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .header-wrap .mobile-menu-row { display: none }
}

.header-wrap .login-container {
    font-size: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.header-wrap .login-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

@media (min-width: 720px) {
    .header-wrap .login-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .header-wrap .login-container {
        float: left;
        height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1281px) {
    .header-wrap .login-container {
        bottom: 0;
        float: none;
        position: absolute;
        right: 1.56vw;
        top: 0;
    }
}

@media (min-width: 1367px) {
    .header-wrap .login-container { right: 2.5vw }
}

.header-wrap .login-container-inner {
    border-bottom: 1px solid #b16f5f;
    display: inline-block;
    padding-bottom: 20px;
    padding-top: 20px;
    vertical-align: middle;
    width: 100%;
}

@media (min-width: 1025px) {
    .header-wrap .login-container-inner {
        border-bottom: none;
        padding: 0
    }
}

.header-wrap .login-btn-wrap {
    display: inline-block;
    vertical-align: middle
}

.header-wrap .user-container {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}

.header-wrap .sign-out-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-right: 40px;
    vertical-align: middle;
}

.header-wrap .person-container {
    display: inline-block;
    vertical-align: middle
}

.header-wrap .person-image {
    border-radius: 60px;
    display: inline-block;
    font-size: 0;
    height: 54px;
    overflow: hidden;
    width: 54px;
}

.header-wrap .mobile-logo-link {
    display: inline-block;
    font-size: 0;
    width: 220px;
}

.header-wrap .mobile-logo-container {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px);
}

.header-wrap .mobile-menu-container {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}

.header-wrap .mobile-menu-btn-wrap { display: inline-block }

.header-wrap .menu-btn {
    -o-transition: background .4s;
    -webkit-box-sizing: content-box;
    -webkit-transition: background .4s;
    box-sizing: content-box;
    cursor: pointer;
    display: block;
    height: 40px;
    transition: background .4s;
    width: 40px;
}

.header-wrap .menu-btn .lines-wrap {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

.header-wrap .menu-btn .line {
    -o-transition: top .3s, transform .3s, opacity .3s, visibility .3s;
    -webkit-transition: top .3s, transform .3s, opacity .3s, visibility .3s;
    -webkit-transition: top .3s, opacity .3s, visibility .3s, -webkit-transform .3s;
    background: #b16f5f;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    transition: top .3s, opacity .3s, visibility .3s, -webkit-transform .3s;
    transition: top .3s, transform .3s, opacity .3s, visibility .3s;
    transition: top .3s, transform .3s, opacity .3s, visibility .3s, -webkit-transform .3s;
    width: 100%;
}

.header-wrap .menu-btn .line1 { top: 7px }

.header-wrap .menu-btn .line2 { top: 18px }

.header-wrap .menu-btn .line3 {
    left: 10px;
    top: 29px;
    width: calc(100% - 10px);
}

.header-wrap .menu-btn.active .line1 { top: 18px }

.header-wrap .menu-btn.active .line2 {
    opacity: 0;
    visibility: hidden
}

.header-wrap .menu-btn.active .line3 {
    left: 0;
    top: 18px;
    width: 100%;
}

.header-wrap .menu-btn.active.rotate-lines .line1 {
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.header-wrap .menu-btn.active.rotate-lines .line3 {
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

@media (max-width: 1024px) {
    .header-wrap {
        -webkit-box-sizing: border-box;
        background: #fff;
        box-sizing: border-box;
        height: 100vh;
        text-align: left;
    }
}

@media (min-width: 1025px) {
    .header-wrap {
        height: 90px;
        text-align: center
    }

    .header-wrap .user-container { width: 130px }

    .header-wrap .sign-out-container {
        margin-right: 0;
        padding-right: 10px;
        width: calc(100% - 54px);
    }
}

@media (min-width: 1367px) {
    .header-wrap { height: 100px }
}

.header-box {
    background: #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    padding-top: 100px;
    position: fixed;
    top: 0;
    width: 100%;
}

.header-box .header-box-inner {
    height: 100%;
    overflow: auto;
    position: relative;
    width: 100%;
}

.header-box .nav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 720px) {
    .header-box .nav {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 1024px) {
    .header-box {
        -ms-transform: translateY(-100%);
        -o-transition: transform .5s;
        -webkit-transform: translateY(-100%);
        -webkit-transition: transform .5s;
        -webkit-transition: -webkit-transform .5s;
        transform: translateY(-100%);
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
    }
}

@media (min-width: 1025px) {
    .header-box {
        display: inline-block;
        height: 100%;
        line-height: 0;
        margin: auto;
        overflow: hidden;
        padding-top: 0;
        position: static;
        text-align: center;
        width: auto;
    }

    .header-box .header-box-inner {
        overflow: visible;
        position: static;
        width: 100%;
    }

    .header-box .nav {
        display: block;
        float: left;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }

    .header-box .logo {
        float: left;
        height: 100px;
        line-height: 100px
    }

    .header-box .logo-link {
        -ms-transform: translateY(-50%);
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateY(-50%);
        backface-visibility: hidden;
        display: inline-block;
        line-height: 0;
        position: relative;
        text-decoration: none;
        top: 50%;
        transform: translateY(-50%);
    }

    .header-box .logo-link.desktop {
        display: block;
        width: 145px;
    }

    .header-box .logo-link.desktop img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        height: auto;
        max-width: 100%;
    }

    .header-box .menu-left { float: left }

    .header-box .menu-right { float: left }

    .header-box .menu-item {
        display: inline-block;
        position: relative
    }

    .header-box .menu-link {
        -o-transition: all .4s ease-out;
        -webkit-box-sizing: border-box;
        -webkit-transition: all .4s ease-out;
        box-sizing: border-box;
        color: #000;
        font-size: 15px;
        line-height: 90px;
        padding-left: 4px;
        padding-right: 4px;
        text-transform: uppercase;
        transition: all .4s ease-out
    }

    .header-box .menu-link.active:before, .header-box .menu-link:focus:before, .header-box .menu-link:hover:before { height: 33px }
}

@media (min-width: 1025px) and (min-width: 1441px) {
    .header-box { margin-left: 0 }
}

@media (min-width: 1025px) and (min-width: 1300px) {
    .header-box .logo-link.desktop { width: 242px }
}

@media (min-width: 1025px) and (min-width: 1025px) {
    .header-box .menu-link { padding: 0 1.3vw }

    .header-box .menu-link:before {
        -o-transition: height .4s ease-out;
        -webkit-transition: height .4s ease-out;
        background-color: #b16f5f;
        content: '';
        display: inline-block;
        height: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        transition: height .4s ease-out;
        width: 1px;
    }
}

@media (min-width: 1025px) and (min-width: 1200px) {
    .header-box .menu-link {
        padding-bottom: 20px;
        padding-top: 20px;
    }
}

@media (min-width: 1025px) and (min-width: 1367px) {
    .header-box .menu-link { line-height: 100px }
}

@media (min-width: 1025px) and (min-width: 1367px) {
    .header-box .menu-link.active:before, .header-box .menu-link:focus:before, .header-box .menu-link:hover:before { height: 38px }
}

@media (min-width: 1151px) {
    .header-box { width: auto }

    .header-box .menu-right { float: right }
}

@media (min-width: 1281px) {
    .header-box .nav {
        float: none;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .header-box .menu-link {
        color: #000;
        display: inline-block;
        font-size: 24px;
        line-height: 1.2em;
        padding-bottom: 20px;
        padding-top: 20px;
        text-transform: uppercase;
    }

    .header-box .logo-link.desktop { display: none }

    .header-box .logo-link.mobile img {
        height: auto;
        max-width: 77%;
    }

    .header-box .login {
        border: none;
        color: #000;
        display: block;
        font-family: ralewayregular, sans-serif;
        font-size: 24px;
        height: auto;
        line-height: 1.2em;
        text-transform: uppercase;
    }
}

@media (max-width: 1024px) {
    .logo-link.mobile img {
        height: auto;
        max-width: 77%;
    }
}

.footer {
    background-color: #f4f4f4;
    color: #6f6f6f;
    font-family: 'Open Sans', sans-serif;
    padding: 35px;
}

@media (max-width: 1024px) {
    .footer { background-color: #f4f4f4 }
}

.footer.beige { background-color: #f4f4f4 }

.footer .scroll-top {
    font-size: 12px;
    position: relative;
    text-align: center;
}

.footer .scroll-top .scroll-top-link { color: #6f6f6f }

.footer .scroll-top .scroll-top-link:focus, .footer .scroll-top .scroll-top-link:hover { color: #b16f5f }

@media (max-width: 1024px) {
    .footer .scroll-top .scroll-top-link { text-decoration: underline }
}

@media (min-width: 1025px) {
    .footer .scroll-top { padding-top: 62px }
}

.footer .login {
    border: 1px solid #7d7d7e;
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    height: 44px;
    line-height: 44px;
    margin: auto;
    padding: 0 1.25vw;
    right: 20px;
    text-transform: uppercase;
}

.footer .login:focus, .footer .login:hover {
    background-color: #b16f5f;
    border-color: #b16f5f;
    color: #fff;
}

@media (min-width: 1025px) {
    .footer .scroll-top:before {
        background-color: #c3c3c3;
        content: '';
        display: inline-block;
        height: 70px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: -35px;
        width: 1px;
    }
}

.footer-box {
    margin: auto;
    max-width: 1654px;
}

@media (max-width: 1024px) {
    .footer-nav {
        display: inline-block;
        padding: 0 5% 0 4%;
        text-align: left;
        vertical-align: top;
        width: auto;
    }
}

@media (max-width: 1024px) and (min-width: 640px) {
    .footer-nav { padding: 0 }
}

@media (min-width: 1025px) {
    .footer-nav { float: left }
}

@media (max-width: 1024px) {
    .footer-item { display: block }
}

@media (max-width: 1024px) and (min-width: 640px) {
    .footer-item { display: inline-block }
}

@media (min-width: 1025px) {
    .footer-item { display: inline-block }
}

.footer-link {
    color: #6f6f6f;
    display: inline-block;
    font-size: 12px;
    line-height: 65px;
    padding: 0 .94vw;
    vertical-align: middle
}

.footer-link:focus, .footer-link:hover { color: #b16f5f }

@media (max-width: 1024px) {
    .footer-link { line-height: 27px }
}

@media (min-width: 1025px) {
    .footer-link { line-height: 65px }
}

@media (min-width: 1281px) {
    .footer-link { font-size: 14px }
}

@media (min-width: 1025px) {
    .footer-content { padding: 3.23vw 0 4.58vw }
}

.footer-logo {
    margin-right: 15px;
    width: 11.85%;
}

.footer-logo a {
    display: inline-block;
    line-height: 65px;
    width: 100%;
}

.footer-logo img {
    height: auto;
    line-height: 65px;
    max-width: 100%;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .footer-logo.desktop { display: none }
}

@media (max-width: 1024px) {
    .footer-logo.mobile {
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 100%;
        padding: 15px 35px;
        text-align: center;
        width: 314px;
    }

    .footer-logo.mobile a { line-height: 0 }
}

@media (min-width: 1025px) {
    .footer-logo.mobile { display: none }
}

@media (min-width: 1025px) {
    .footer-logo { float: left }
}

@media (min-width: 1281px) {
    .footer-logo { width: 15.85% }
}

@media (min-width: 1300px) {
    .footer-logo { margin-right: 35px }
}

@media (min-width: 1441px) {
    .footer-logo { margin-right: 7.81vw }
}

@media (min-width: 1661px) {
    .footer-logo { margin-right: 11.09vw }
}

.footer-social { vertical-align: middle }

@media (max-width: 1024px) {
    .footer-social {
        line-height: 50px;
        text-align: center;
    }
}

@media (min-width: 1025px) {
    .footer-social {
        float: right;
        line-height: 65px;
    }
}

@media (max-width: 1024px) {
    .footer-menu {
        display: block;
        margin: auto;
        overflow: hidden;
        padding: 40px 0;
        text-align: center;
    }
}

@media (min-width: 1025px) {
    .footer-menu {
        float: left;
        margin-right: 15px;
    }
}

@media (min-width: 1281px) {
    .footer-menu { margin-right: 2.45vw }
}

@media (max-width: 1024px) {
    .footer-login {
        display: block;
        text-align: center
    }

    .footer-login .login { width: 158px }
}

@media (min-width: 1025px) {
    .footer-login {
        float: left;
        line-height: 65px;
        vertical-align: middle
    }
}

.footer-nav { list-style: none }

@media (max-width: 1024px) {
    .share-with {
        display: block;
        font-size: 13px;
        text-align: center;
    }
}

@media (min-width: 1025px) {
    .share-with { display: none }
}

.footer-copy-right { display: block }

.footer-copy-right {
    display: block;
    text-align: center;
}

.footer-copy-right .developedBy {
    color: #6f6f6f;
    display: block;
}

.footer-copy-right .developedBy:focus, .footer-copy-right .developedBy:hover { color: #b16f5f }

@media (max-width: 1024px) {
    .footer-copy-right .developedBy { padding-top: 40px }
}

@media (min-width: 1025px) {
    .footer-copy-right .developedBy { float: right }
}

@media (max-width: 1024px) {
    .footer-copy-right { font-size: 10px }
}

@media (min-width: 1025px) {
    .footer-copy-right {
        font-size: 11px;
        text-align: left
    }
}

.social-list { list-style: none }

.social-list .social-item {
    display: inline-block;
    padding-right: 5px
}

.social-list .social-item:last-child { padding-right: 0 }

@media (min-width: 1281px) {
    .social-list .social-item { padding-right: 1.56vw }
}

.social-list .social-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: #a9a9a9;
}

.social-list .social-icon.fb {
    background-image: url(../images/icons/social/fb.svg);
    height: 16px;
    width: 9px;
}

.social-list .social-icon.fb:focus, .social-list .social-icon.fb:hover { background-image: url(../images/icons/social/fb-active.svg) }

.social-list .social-icon.tw {
    background-image: url(../images/icons/social/twitter.svg);
    height: 18px;
    width: 21px;
}

.social-list .social-icon.tw:focus, .social-list .social-icon.tw:hover { background-image: url(../images/icons/social/twitter-active.svg) }

.social-list .social-icon.googlePlus {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-image: url(../images/icons/social/google_plus.svg);
    height: 17px;
    width: 27px;
}

.social-list .social-icon.googlePlus:focus, .social-list .social-icon.googlePlus:hover { background-image: url(../images/icons/social/google_plus-active.svg) }

.social-list .social-icon.instagram {
    background-image: url(../images/icons/social/instagram.svg);
    height: 21px;
    width: 21px;
}

.social-list .social-icon.instagram:focus, .social-list .social-icon.instagram:hover { background-image: url(../images/icons/social/instagram-active.svg) }

.social-list .social-icon.youtube {
    background-image: url(../images/icons/social/youtube.svg);
    height: 18px;
    width: 25px;
}

.social-list .social-icon.youtube:focus, .social-list .social-icon.youtube:hover { background-image: url(../images/icons/social/youtube-active.svg) }

.container {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    display: block;
    position: relative;
    user-select: none
}

.container input {
    cursor: pointer;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.checkmark {
    -o-transition: background .05s;
    -webkit-transition: background .05s;
    background: url(../images/icons/checkbox.svg) no-repeat 0 0;
    bottom: 0;
    display: inline-block;
    height: 66px;
    margin-bottom: 10px;
    opacity: 1;
    position: relative;
    transition: background .05s;
    width: 66px;
    z-index: 110;
}

@media (min-width: 1025px) {
    .checkmark {
        height: 66px;
        left: 20px;
        margin-bottom: 0;
        position: absolute;
        top: 12px;
        width: 75px;
    }
}

.container input:checked ~ .only-text-content .checkmark { background: url(../images/icons/checked.svg) no-repeat 0 0 }

.container input:checked ~ .only-text-content { background-color: #b16f5f }

.container input:checked ~ .only-text-content .question-item-txt { color: #fff }

.section-init-test {
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
    text-align: center
}

.section-init-test .bg-image { background-position: 0 50% }

@media (min-width: 1025px) {
    .section-init-test {
        padding-bottom: 16.15vw;
        padding-top: 13.8vw;
    }

    .section-init-test .section-box .btn-box { padding-top: 1.3vw }
}

.section-init-test-txt {
    -webkit-box-sizing: border-box;
    background: rgba(60, 60, 60, .85);
    box-sizing: border-box;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
}

@media (min-width: 480px) {
    .section-init-test-txt { background: #3c3c3c }
}

@media (min-width: 480px) {
    .section-init-examination-txt { background: #cf7661 }
}

@media (min-width: 1025px) {
    .section-init-test-txt {
        margin: auto;
        max-width: 69%;
        padding-bottom: 4.69vw;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 4.17vw;
    }
}

.section-header {
    min-height: 16.67vw;
    overflow: hidden
}

@media (max-width: 1024px) {
    .section-header { height: auto }
}

@media (min-width: 1025px) {
    .section-header { background-color: #fff }
}

@media (max-width: 1024px) {
    .section-header-box { position: relative }
}

@media (min-width: 1025px) {
    .section-header-box {
        height: 100%;
        position: relative;
    }
}

.section-header-txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    min-height: 110px;
    padding-left: 35px;
    padding-right: 35px;
    position: relative;
    z-index: 101;
}

@media (max-width: 1024px) {
    .section-header-txt {
        padding-bottom: 30px;
        padding-top: 70px;
    }

    .section-header-txt .title-big {
        font-size: 27px;
        margin-bottom: 0;
    }
}

@media (max-width: 1024px) and (min-width: 640px) {
    .section-header-txt .title-big { font-size: 45px }
}

@media (min-width: 1025px) {
    .section-header-txt {
        padding-bottom: 99px;
        padding-top: 170px;
    }
}

.section-header-img-box {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

@media (max-width: 1024px) {
    .section-header-img-box.down img { margin-top: 19% }
}

@media (max-width: 1024px) and (min-width: 380px) {
    .section-header-img-box.down img { margin-top: 13% }
}

@media (max-width: 1024px) and (min-width: 480px) {
    .section-header-img-box.down img { margin-top: 7% }
}

@media (max-width: 1024px) and (min-width: 640px) {
    .section-header-img-box.down img { margin-top: 0 }
}

.section-header-img-box img {
    height: auto;
    margin: auto;
    max-width: 100%;
    width: auto;
}

@media (max-width: 1024px) {
    .section-header-img-box img {
        -o-object-fit: cover;
        max-width: 100%;
        object-fit: cover;
    }
}

.section-test-layout-title {
    color: #000;
    font-size: 24px;
    padding-bottom: 3.91vw;
    text-align: center;
}

@media (max-width: 1024px) {
    .section-test-layout-title { font-size: 20px }
}

@media (max-width: 1024px) and (min-width: 640px) {
    .section-test-layout-title { font-size: 22px }
}

@media (min-width: 1025px) {
    .section-test-layout-title {
        margin: 0 auto;
        max-width: 810px;
    }
}

.section-test-layout { position: relative }

.section-test-layout .col { position: relative }

.section-test-layout-content {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1300px;
    padding-bottom: 4.06vw;
    width: 100%;
}

.section-test-layout-content form.animating {
    pointer-events: none;
    position: relative;
}

.section-test-layout-content form.animating .cover-div {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    z-index: 10
}

.cover-div {
    background-color: transparent;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -10;
}

.test-col { position: relative }

.section-test-layout-answer {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 450px;
    overflow: hidden;
}

@media (min-width: 720px) {
    .section-test-layout-answer {
        margin-left: -10px;
        margin-right: -10px;
        max-width: 100%;
    }
}

@media (min-width: 1025px) {
    .section-test-layout-answer {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (min-width: 1367px) {
    .section-test-layout-answer {
        margin-left: -38px;
        margin-right: -38px
    }
}

.question-item-img {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.question-item-img .container {
    height: 100%;
    overflow: hidden;
}

.question-item-img .container .overlay {
    -o-transition: opacity .4s ease-out;
    -webkit-transition: opacity .4s ease-out;
    background-color: #ec1b3c;
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s ease-out;
    z-index: 20;
}

.question-item-img .container input:checked ~ .overlay { opacity: .55 }

.question-item-img .container img {
    -o-transition: border-color .4s;
    -webkit-box-sizing: border-box;
    -webkit-transition: border-color .4s;
    border: 2px solid transparent;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    transition: border-color .4s;
    width: 100%;
}

.question-item-img .container input:checked ~ img { border-color: #b16f5f }

@media (min-width: 800px) {
    .question-item-img .container { width: 100% }
}

@media (min-width: 720px) {
    .question-item-img {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0;
        padding: 0 10px;
        width: 50%;
    }
}

@media (min-width: 1025px) {
    .question-item-img { padding: 0 20px }

    .question-item-img .container:hover img { border-color: #b16f5f }
}

@media (min-width: 1367px) {
    .question-item-img { padding: 0 38px }
}

.col-d-5.test-svg-col { display: none }

@media (min-width: 1200px) {
    .col-d-5.test-svg-col {
        display: block;
        width: 30%
    }
}

@media (min-width: 1441px) {
    .col-d-5.test-svg-col { width: 41.6% }
}

@media (min-width: 800px) {
    .col-d-7.test-col { display: block }
}

.question-item-txt {
    -o-transition: background .5s ease-out, color .5s ease-out;
    -webkit-box-sizing: border-box;
    -webkit-transition: background .5s ease-out, color .5s ease-out;
    box-sizing: border-box;
    color: #6f6f6f;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    min-height: 60px;
    position: relative;
    transition: background .5s ease-out, color .5s ease-out;
    vertical-align: middle;
    width: 100%;
    z-index: 21;
}

@media (min-width: 1025px) {
    .question-item-txt {
        display: table;
        height: 90px;
        min-height: auto;
        padding-left: 100px;
        vertical-align: middle;
    }

    .question-item-txt span {
        display: table-cell;
        vertical-align: middle;
    }
}

.question-item-onlyText {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 20px;
    min-height: 220px;
    position: relative;
    width: 100%;
}

.question-item-onlyText .container {
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.question-item-onlyText .question-item-txt {
    font-size: 16px;
    line-height: 1.2em;
    width: 100%;
}

.question-item-onlyText .only-text-content {
    -webkit-box-sizing: border-box;
    background: #f4f4f4;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    height: 100%;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    position: relative;
    width: 100%;
}

.question-item-onlyText .only-text-content:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.question-item-onlyText .only-text-content-wrap {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

@media (min-width: 720px) {
    .question-item-onlyText {
        padding-left: 10px;
        padding-right: 10px;
        width: 50%;
    }
}

@media (min-width: 1025px) {
    .question-item-onlyText {
        min-height: 26.04vw;
        padding-left: 20px;
        padding-right: 20px
    }

    .question-item-onlyText .only-text-content {
        padding-left: 3.13vw;
        padding-right: 3.13vw
    }

    .question-item-onlyText .only-text-content-wrap { text-align: left }

    .question-item-onlyText .question-item-txt {
        font-size: 24px;
        width: 100%;
    }

    .question-item-onlyText .container:hover .only-text-content { background-color: #b16f5f }

    .question-item-onlyText .container:hover .question-item-txt { color: #fff }

    .question-item-onlyText .container:hover .checkmark { background: url(../images/icons/checkbox-white.svg) no-repeat 0 0 }
}

@media (min-width: 1367px) {
    .question-item-onlyText {
        min-height: 21.67vw;
        padding-left: 38px;
        padding-right: 38px
    }
}

.section-test-layout-question { display: none }

.section-test-layout-question.active { display: block }

#cup { position: absolute }

@media (min-width: 1200px) {
    #cup {
        left: -14%;
        max-width: 87.1%;
        top: -15%;
    }
}

@media (min-width: 1661px) {
    #cup {
        left: -14%;
        max-width: 72.1%;
        top: -18%;
    }
}

.pen-wrap {
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

#pen { position: absolute }

@media (min-width: 1200px) {
    #pen {
        bottom: -41%;
        max-width: 105.5%;
        right: 0;
    }
}

@media (min-width: 1661px) {
    #pen {
        bottom: -26%;
        max-width: 51.5%;
        right: 4%;
    }
}

.error-field {
    font-size: 16px;
    font-weight: 700
}

.test-result-section {
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;
    text-align: center;
}

.test-result-section .title-big {
    line-height: 1.2em;
    position: relative
}

.test-result-section .result-title-wrap { position: relative }

.test-result-section .p-mid-s {
    font-size: 24px;
    line-height: 1.5em
}

.test-result-section .wave-btn { font-size: 18px }

@media (max-width: 1024px) {
    .test-result-section { padding-top: 0 }

    .test-result-section .title-big {
        font-size: 30px;
        padding-bottom: 0
    }

    .test-result-section .wave-btn { font-size: 16px }
}

@media (max-width: 1024px) {
    .test-result-section .section-box { padding-top: 150px }
}

@media (min-width: 1025px) {
    .test-result-section {
        padding-bottom: 8.33vw;
        padding-top: 17.19vw;
    }

    .test-result-section .title-big {
        padding-bottom: 2.08vw;
        padding-top: 2.08vw;
    }

    .test-result-section .item-btn-wrap { margin-top: 3.13vw }
}

.test-result-section .intro-test-txt-box {
    max-width: 560px;
    width: 100%;
}

.test-result-section .intro-test-txt-box:before { display: none }

@media (min-width: 1025px) {
    .test-result-section .intro-test-txt-box {
        max-width: 1070px;
        padding: 3.39vw;
        padding-bottom: 100px
    }
}

@media (max-width: 1024px) {
    .test-result-section .intro-test-txt-box {
        background: #fff;
        padding: 40px 20px;
        padding-bottom: 100px;
        z-index: 1;
    }
}

@media (max-width: 1024px) and (min-width: 480px) {
    .test-result-section .intro-test-txt-box {
        padding: 25px;
        padding-bottom: 100px
    }
}

@media (min-width: 1025px) {
    .test-result-section .white-box .addition-txt {
        top: 0;
        z-index: -1
    }
}

@media (max-width: 1024px) {
    .test-result-section .white-box .addition-txt { display: none }
}

.test-result-section .white-box p { padding-top: 0 }

@media (max-width: 1024px) {
    .test-result-section .white-box p { font-size: 16px }
}

.test-result-section h1, .test-result-section h2, .test-result-section h3, .test-result-section h4, .test-result-section h5, .test-result-section h6 {
    padding-bottom: 3.39vw;
    padding-top: .94vw;
}

@media (max-width: 1024px) {
    .test-result-section h1, .test-result-section h2, .test-result-section h3, .test-result-section h4, .test-result-section h5, .test-result-section h6 { font-size: 19px }
}

@media (max-width: 1024px) {
    .test-result-section .intro-test-section-mob-img {
        bottom: 0;
        left: 0;
        margin: auto;
        padding-top: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .test-result-section .intro-test-section-mob-img img {
        -o-object-fit: cover;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
}

.template-top-section {
    padding-bottom: 40px;
    padding-top: 40px;
    position: relative;
}

.template-top-section .template-top-grid {
    -ms-flex-wrap: wrap;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    margin: 0 auto;
    max-width: 820px;
    width: 100%;
}

.template-top-section .image-item {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    display: inline-block;
    margin-top: 15px;
    order: 2;
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.template-top-section .boy-image {
    display: inline-block;
    max-width: 201px;
    width: 170px;
}

.template-top-section .content-item {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    order: 1;
    padding-left: 30px;
    vertical-align: top;
    width: 100%;
}

.template-top-section .content-box {
    -webkit-box-sizing: border-box;
    border-bottom: 26px solid transparent;
    border-left: 33px solid #b16f5f;
    box-sizing: border-box;
}

.template-top-section .content-box-inner {
    background: #b16f5f;
    padding: 15px;
}

.template-top-section .content-box-inner p {
    color: #fff;
    font-family: ralewayregular, sans-serif;
    font-size: 30px;
    line-height: 1.2em;
    margin: 0;
}

.template-top-section .content-box-inner strong { font-family: ralewaysemibold, sans-serif }

@media (min-width: 480px) {
    .template-top-section .image-item { width: auto }

    .template-top-section .content-item { padding-left: 90px }
}

@media (min-width: 720px) {
    .template-top-section .template-top-grid { display: block }

    .template-top-section .content-item {
        padding-left: 15px;
        width: 50%;
    }

    .template-top-section .image-item { margin-top: 0 }
}

@media (min-width: 1025px) {
    .template-top-section {
        padding-bottom: 3.91vw;
        padding-top: 2.34vw;
    }

    .template-top-section .boy-image { width: 10.47vw }

    .template-top-section .content-item { margin-top: 3.65vw }

    .template-top-section .content-box-inner p { font-size: 2.14vw }

    .template-top-section .template-top-grid { max-width: 650px }

    .template-top-section .image-item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        width: 50%;
    }
}

@media (min-width: 1441px) {
    .template-top-section .template-top-grid { max-width: 690px }
}

@media (min-width: 1661px) {
    .template-top-section .template-top-grid { max-width: 820px }
}

@media (min-width: 1921px) {
    .template-top-section .content-box-inner p { font-size: 41px }
}

.templete-bottom-section {
    padding-top: 90px;
    position: relative;
}

@media (min-width: 1025px) {
    .templete-bottom-section { padding-top: 9.9vw }
}

.result-position-section { padding-top: 30px }

.result-position-section .advice-slider-container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
}

.result-position-section .advice-slider .swiper-pagination-bullet { background: #898989 }

.result-position-section .advice-slider .advice-slide:nth-child(odd) { background: #faf9f9 }

.result-position-section .addition-txt-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.result-position-section .result-position-text-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    margin: 0 auto;
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.result-position-section .result-position-text-wrap strong { font-weight: 600 }

.result-position-section .large-text {
    display: block;
    font-size: 32px
}

.result-position-section .small-text {
    display: block;
    font-size: 21px;
    margin-top: 10px
}

@media (min-width: 480px) {
    .result-position-section { padding-top: 60px }

    .result-position-section .advice-slider-container { padding-top: 60px }

    .result-position-section .large-text { font-size: 34px }

    .result-position-section .small-text { font-size: 24px }
}

@media (min-width: 720px) {
    .result-position-section .result-position-text-wrap {
        padding-left: 40px;
        padding-right: 40px
    }

    .result-position-section .advice-slider-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .result-position-section { padding-top: 3.13vw }

    .result-position-section .addition-txt-box { top: 26% }

    .result-position-section .result-position-text-wrap {
        padding-left: 60px;
        padding-right: 60px
    }

    .result-position-section .large-text { font-size: 2.71vw }

    .result-position-section .advice-slider-container {
        padding-left: 0;
        padding-right: 0
    }

    .result-position-section .advice-slider { padding-bottom: 80px }
}

@media (min-width: 1367px) {
    .result-position-section .small-text { font-size: 27px }
}

#get-results-email {
    -ms-transform: inherit;
    -o-transition: opacity .6s ease-out, transform .6s ease-out;
    -webkit-transform: inherit;
    -webkit-transition: opacity .6s ease-out, -webkit-transform .6s ease-out;
    margin: 0 auto;
    max-width: 450px;
    min-width: 220px;
    opacity: 1;
    padding-top: 25px;
    transform: inherit;
    transition: opacity .6s ease-out, -webkit-transform .6s ease-out;
    transition: opacity .6s ease-out, transform .6s ease-out;
    transition: opacity .6s ease-out, transform .6s ease-out, -webkit-transform .6s ease-out;
    width: 50%;
}

#get-results-email.sent-email {
    -ms-transform: translateY(-50);
    -webkit-transform: translateY(-50);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50);
}

#get-results-email.chatbot { width: 80% }

#get-results-email.submitted-form {
    opacity: .8;
    pointer-events: none;
}

#get-results-email .form-row { position: relative }

#get-results-email .form-row.btn-row { margin-top: 50px }

.success-msg {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-transform: translate(-50%, 50%);
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-transform: translate(-50%, 50%);
    align-items: center;
    background: #fff;
    border: 2px solid #b16f5f;
    bottom: 10%;
    color: #b16f5f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 130px;
    justify-content: center;
    left: 50%;
    max-width: 400px;
    min-width: 250px;
    opacity: 0;
    pointer-events: none;
    position: absolute !important;
    transform: translate(-50%, 50%);
    visibility: hidden;
    width: 20vw;
}

.success-msg .success-text {
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

.profile-bottom-section .success-msg {
    bottom: 0;
    height: 80px
}

.profile-bottom-section { overflow: hidden }

.profile-bottom-section .success-msg {
    bottom: 0;
    height: 80px
}

form div.tooltip-div {
    -ms-flex-align: center;
    -o-transition: opacity .4s ease-out;
    -webkit-box-align: center;
    -webkit-transition: opacity .4s ease-out;
    align-items: center;
    bottom: -40px;
    color: red;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    transition: opacity .4s ease-out;
    width: 95%;
}

.error-fld .tooltip-div { opacity: 1 !important }

#fullpage { margin-top: 89px }

@media (min-width: 1025px) {
    #fullpage { margin-top: 0 }
}

.section-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: auto;
    max-width: 1630px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

@media (min-width: 720px) {
    .section-box {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .section-box {
        padding-left: 100px;
        padding-right: 100px
    }
}

.section-box .btn-box { padding-top: 3.65vw }

@media (min-width: 1367px) {
    .section-box {
        padding-left: 160px;
        padding-right: 160px
    }
}

.white-box {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    box-sizing: border-box;
    padding: 40px 30px;
    position: relative;
}

.white-box.grey-line:before { background-color: #b2b2b2 }

.white-box p { padding-top: 1.04vw }

@media (max-width: 1024px) {
    .white-box:before {
        background-color: #ccc;
        height: 70px;
        top: -90px
    }
}

@media (min-width: 1025px) {
    .white-box {
        max-width: 37.14vw;
        padding: 4.69vw 5.21vw;
    }
}

.social-links-top-container { display: none }

.social-links-top-container .social-item {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.social-links-top-container .social-item:last-child { margin-right: 0 }

.social-links-top-container .top-social-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    position: relative;
}

.social-links-top-container .social-image-container {
    display: inline-block;
    position: relative
}

.social-links-top-container .social-image-container.fb { width: 7px }

.social-links-top-container .social-image-container.instagram { width: 18px }

.social-links-top-container .social-image-container.yt { width: 24px }

.social-links-top-container .social-image-container.g-plus { width: 24px }

.social-links-top-container .social-image-container.twitter { width: 19px }

.social-links-top-container .social-image {
    display: inline-block;
    opacity: .35;
    width: 100%;
}

.social-links-top-container .social-image-hover { display: none }

@media (min-width: 1025px) {
    .social-links-top-container {
        display: inline-block;
        font-size: 0;
        position: absolute;
        right: 20px;
        right: 1.56vw;
        top: 15px;
        z-index: 2;
    }

    .social-links-top-container .social-image-hover {
        -o-transition: opacity .4s, visibility .4s;
        -webkit-transition: opacity .4s, visibility .4s;
        display: inline-block;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity .4s, visibility .4s;
        visibility: hidden;
        width: 100%;
        z-index: 1;
    }

    .social-links-top-container .top-social-link:hover .social-image-hover {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 1367px) {
    .social-links-top-container { right: 2.5vw }
}

.intro-section {
    font-size: 0;
    padding: 90px 0 90px;
    position: relative;
    text-align: center;
}

.intro-section:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.intro-section .scroll-down-container { display: none }

.intro-section .scroll-down-image {
    -webkit-animation: scrolldown 1.2s infinite;
    animation: scrolldown 1.2s infinite;
    display: inline-block;
    width: 27px;
}

.intro-section .intro-title-wrap { overflow: hidden }

@media (min-width: 280px) and (max-width: 480px) {
    .intro-section {
        background-image: url(../images/home/intro-section-mobile.jpg);
        background-position: 0 center
    }
}

@media (min-width: 481px) and (max-width: 1024px) {
    .intro-section { background-image: url(../images/home/intro-section-tablet.jpg) }
}

@media (min-width: 1025px) {
    .intro-section { background-image: url(../images/home/intro-section.jpg) }
}

.intro-section .social-links-top-container { top: 20px }

@media (min-width: 640px) {
    .intro-section .intro-txt { margin: auto }
}

@media (min-width: 1025px) {
    .intro-section { padding: 0 }

    .intro-section .section-box { margin-top: 100px }

    .intro-section .social-links-top-container { top: 100px }

    .intro-section .scroll-down-container {
        display: block;
        margin-top: 3.65vw;
        text-align: center;
    }

    .intro-section .scroll-down-btn {
        -webkit-animation: scrolldown 1.2s infinite;
        animation: scrolldown 1.2s infinite;
        position: relative;
    }
}

@media (min-width: 1367px) {
    .intro-section .social-links-top-container { top: 120px }

    .intro-section .scroll-down-container { margin-top: 5.73vw }

    .intro-section .scroll-down-image { width: 33px }
}

.intro-test-section {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
    text-align: center;
}

.intro-test-section:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .intro-test-section { background-color: #fff }
}

.intro-test-txt {
    font-size: 0;
    position: relative;
    width: 100%;
}

.intro-test-txt-box {
    display: inline-block;
    margin: auto;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.intro-test-txt-box .curve-box { padding-top: 2.08vw }

@media (max-width: 1024px) {
    .intro-test-txt-box .addition-txt { top: 0 }
}

@media (min-width: 1025px) {
    .intro-test-txt-box .addition-txt { top: 5.36vw }
}

.intro-test-txt-box .wrap-txt {
    position: relative;
    z-index: 102
}

@media (min-width: 1025px) {
    .intro-test-txt-box { width: 50% }
}

.image-item {
    display: inline-block;
    margin-top: 30px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

@media (min-width: 1025px) {
    .image-item {
        margin-top: 0;
        width: 50%;
    }
}

.template-image {
    display: inline-block;
    width: 100%;
}

.boy-image {
    display: inline-block;
    width: 260px;
}

@media (min-width: 480px) {
    .boy-image { width: 300px }
}

@media (min-width: 1025px) {
    .boy-image {
        max-width: 428px;
        width: 22.29vw;
    }
}

.robot-image {
    display: inline-block;
    width: 220px;
}

@media (min-width: 480px) {
    .robot-image { width: 260px }
}

@media (min-width: 1025px) {
    .robot-image {
        max-width: 341px;
        width: 17.76vw;
    }
}

@media (max-width: 1024px) {
    .intro-test-section-mob-img { padding-top: 50px }
}

.chat-bot-section {
    background-image: url(../images/home/3.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
    text-align: center;
}

.chat-bot-section:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .chat-bot-section { background-color: #fff }

    .chat-bot-section .image-item {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
        text-align: center;
    }

    .chat-bot-section .intro-test-txt-box {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .chat-bot-section .intro-test-txt {
        -ms-flex-wrap: wrap;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap
    }
}

.chat-bot-section .chat-box-name { padding: 1.82vw 2.86vw }

@media (max-width: 1024px) {
    .chat-bot-section .chat-bot-box img { max-width: 46% }
}

@media (min-width: 1025px) {
    .chat-bot-section .chat-bot-box img { max-width: 21.97% }
}

@media (min-width: 1025px) {
    .chat-bot-section .image-item { text-align: left }
}

.chat-bot-txt .smile {
    background: url(../images/home/smile.png) no-repeat center center;
    display: inline-block;
    height: 75px;
    vertical-align: middle;
    width: 34px;
}

.chat-bot-txt .curve-box { padding-top: 5.21vw }

@media (min-width: 640px) {
    .chat-bot-txt {
        margin: auto;
        max-width: 76%;
    }
}

.advice-slide {
    -webkit-box-sizing: border-box;
    background: #fff;
    box-sizing: border-box;
    display: inline-block;
    font-size: 0;
    position: relative;
    vertical-align: middle;
    width: 33.33%;
}

.advice-slide:nth-child(even) { background-image: url(../images/home/slider-bg.jpg) }

.advice-slide:nth-child(even) .addition-txt-box { opacity: .07 }

.advice-slide:nth-child(even) .advice-slide-content-text p { color: #fff }

.advice-slide:nth-child(even) .advice-slide-content-text .red { color: #fff }

.advice-slide:nth-child(even) .wave-btn .wave { background-image: url(../images/home/wave-bg-gray.svg) }

@media (min-width: 1025px) {
    .advice-slide { padding-top: 380px }
}

@media (min-width: 1151px) {
    .advice-slide { padding-top: 420px }
}

@media (min-width: 1661px) {
    .advice-slide { padding-top: 480px }
}

.advice-slide-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    padding-bottom: 80px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 80px;
}

.advice-slide-inner:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

@media (min-width: 480px) {
    .advice-slide-inner {
        padding-bottom: 120px;
        padding-top: 120px;
    }
}

@media (min-width: 1025px) {
    .advice-slide-inner {
        height: 100%;
        left: 0;
        padding-bottom: 30px;
        padding-top: 30px;
        position: absolute;
        top: 0;
        width: 100%;
    }
}

.advice-slide-content {
    display: inline-block;
    vertical-align: middle
}

.advice-slide-content-text {
    min-height: 70px;
    position: relative
}

.advice-slide-content-text p {
    font-family: ralewaymedium, sans-serif;
    font-size: 24px;
    line-height: 1.3em;
}

.advice-slide-content-text p:last-child { margin-bottom: 0 }

.advice-slide-content-text strong { font-weight: 700 }

@media (min-width: 1025px) {
    .advice-slide-content-text p { font-size: 32px }
}

.item-btn-wrap { margin-top: 30px }

.advice-slider {
    padding-bottom: 100px;
    text-align: center
}

.advice-slider .swiper-pagination-bullet {
    background: #fff;
    height: 14px;
    opacity: 1;
    position: relative;
    width: 14px;
}

.advice-slider .swiper-pagination-bullet:before {
    content: '';
    height: 28px;
    left: -7px;
    position: absolute;
    top: -7px;
    width: 28px;
}

.advice-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #b16f5f }

.advice-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: 10px;
    margin-right: 10px
}

.advice-slider .advice-slider-pagination { bottom: 50px }

@media (min-width: 1025px) {
    .advice-slider { padding-bottom: 60px }

    .advice-slider .swiper-pagination-bullets .swiper-pagination-bullet {
        margin-left: 5px;
        margin-right: 5px
    }

    .advice-slider .advice-slider-pagination { bottom: 25px }
}

@media (min-width: 1661px) {
    .advice-slider { padding-bottom: 3.65vw }
}

.advice-slider-container { padding-top: 30px }

@media (min-width: 1025px) {
    .advice-slider-container { padding-top: 2.08vw }
}

@media (min-width: 1661px) {
    .advice-slider-container { padding-top: 6.25vw }
}

.advice-section {
    font-size: 0;
    text-align: center
}

.advice-section:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.advice-section .section-box {
    max-width: 100%;
    vertical-align: bottom
}

.advice-section .addition-txt-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

@media (min-width: 1025px) {
    .advice-section .addition-txt-box { top: 26% }

    .advice-section .addition-txt-box .p-huge { font-size: 4.64vw }
}

.advice-section .advice-title-wrap { margin-top: 50px }

.advice-section .advice-title-wrap .title-big { color: #000 }

@media (max-width: 1024px) {
    .advice-section {
        background-color: #e4e4e4;
        padding: 0
    }
}

@media (min-width: 1025px) {
    .advice-section { background-image: url(../images/home/4.jpg) }

    .advice-section .advice-title-wrap { margin-top: 0 }

    .advice-section .advice-title-wrap .title-big { color: #fff }
}

@media (max-width: 1024px) {
    .advice-section .addition-txt { top: 90px }
}

@media (max-width: 719px) (min-width: 1025px) {
    .advice-section .addition-txt { top: 4.58vw }
}

.advice-section .intro-test-txt-box.white-box {
    float: left;
    position: relative
}

@media (max-width: 1024px) {
    .advice-section .intro-test-txt-box.white-box { padding: 90px 0 }

    .advice-section .intro-test-txt-box.white-box:before { top: 0 }
}

.advice-section .white-box { padding: 40px 30px }

@media (min-width: 1025px) {
    .advice-section .white-box { padding: 4.17vw 4.17vw }
}

.advice-section .curve-box { padding-top: 2.08vw }

@media (max-width: 1024px) {
    .page-navigation { display: none }
}

@media (min-width: 1025px) {
    .page-navigation {
        left: 0;
        margin-top: -50px;
        position: absolute;
        top: 50%;
        z-index: 102
    }

    .page-navigation .page-slide { display: none }

    .page-navigation .line {
        border-top: 1px solid rgba(255, 255, 255, .43);
        display: block;
        height: 18px;
        position: relative;
        width: 35px;
    }

    .page-navigation .line.active {
        border-color: #fff;
        width: 50px
    }

    .page-navigation .line.active .page-slide {
        color: #fff;
        display: inline-block;
        font-family: Oswald, sans-serif;
        font-size: 22px;
        position: absolute;
        right: -22px;
        top: -20px
    }

    .page-navigation.dark .line { border-top: 1px solid #7c7c7a }

    .page-navigation.dark .line.active { border-color: #000 }

    .page-navigation.dark .line.active .page-slide { color: #b16f5f }
}

@media (min-width: 1367px) {
    .page-navigation .line {
        height: 22px;
        width: 57px;
    }

    .page-navigation .line.active { width: 83px }

    .page-navigation .line.active .page-slide {
        color: #fff;
        font-size: 30px;
        right: -42px;
        top: -20px
    }
}

.white-box .addition-txt-box {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.white-box .addition-txt {
    display: block;
    left: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 101
}

.white-box .wrap-txt {
    position: relative;
    z-index: 102
}

.white-box.transparent {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-color: transparent;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.white-box.transparent:before { background-color: #afaeae }

.white-box.transparent .wrap-txt {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    transform: translateY(-50%)
}

@media (min-width: 1025px) {
    .white-box.transparent .wrap-txt h1, .white-box.transparent .wrap-txt h2, .white-box.transparent .wrap-txt h3, .white-box.transparent .wrap-txt h4, .white-box.transparent .wrap-txt h5, .white-box.transparent .wrap-txt h6 { min-height: 110px }
}

.white-box.transparent.white-box .addition-txt-box { display: none }

@media (min-width: 720px) {
    .white-box.transparent.white-box .addition-txt-box {
        display: block;
        top: 17%
    }
}

@media (min-width: 1025px) {
    .white-box.transparent.white-box .addition-txt-box { top: 65% }
}

@media (min-width: 1281px) {
    .white-box.transparent.white-box .addition-txt-box { top: 61% }
}

@media (min-width: 1441px) {
    .white-box.transparent.white-box .addition-txt-box { top: 59% }
}

@media (min-width: 1661px) {
    .white-box.transparent.white-box .addition-txt-box { top: 55% }
}

@media (min-width: 1921px) {
    .white-box.transparent.white-box .addition-txt-box { top: 52% }
}

.white-box.transparent .additional-txt { color: #e8e7e7 }

.form .field {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-box-sizing: inherit;
    -webkit-box-sizing: border-box;
    appearance: none;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    box-sizing: inherit;
    box-sizing: border-box;
    font-size: 16px;
    height: 39px;
    padding: 10px 0;
    width: 100%;
}

.form select {
    -webkit-appearance: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
    padding-right: 3rem;
}

.form select:focus { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') }

.form textarea {
    min-height: 100px;
    resize: none
}

.form label, .form legend {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.form input[type=checkbox], .form input[type=radio] { display: inline }

.form .label-inline {
    display: inline-block;
    font-weight: 400;
    margin-left: .5rem
}

.form #submit-search {
    background: 0 0;
    border: none;
    color: transparent;
    cursor: pointer;
    height: 49px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 41px;
}

.form .form-validation-message {
    background: rgba(255, 0, 0, .3);
    border-top: 2px solid red;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    line-height: 23px;
    margin-bottom: 40px;
    margin-top: 15px;
    padding: 10px 0;
    padding-left: 5px;
    text-align: left;
}

.form .form-validation-message.success {
    background: 0 0;
    border: 0;
    color: red;
    display: none;
}

.form .form-validation-message.error { display: none }

.form .form-validation-message.space {
    float: left;
    padding-top: 10px;
    width: 100%
}

textarea { overflow: auto }

.abous-us-intro-section {
    -webkit-box-sizing: border-box;
    background-color: #fff;
    background-size: cover;
    box-sizing: border-box;
    font-size: 0;
    padding-bottom: 0;
    padding-top: 40px;
    position: relative;
    text-align: center;
}

.abous-us-intro-section:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

@media (max-width: 1024px) {
    .abous-us-intro-section .intro-test-section-mob-img { padding-top: 0 }
}

@media (max-width: 1024px) and (min-width: 720px) {
    .abous-us-intro-section .intro-test-section-mob-img {
        padding-left: 40px;
        padding-right: 40px
    }
}

.abous-us-intro-section.prel .breadcrumbs { top: 0 }

@media (max-width: 1024px) {
    .abous-us-intro-section .addition-txt { top: -14px }
}

@media (max-width: 1024px) and (min-width: 640px) {
    .abous-us-intro-section .addition-txt { top: -39px }
}

@media (min-width: 1025px) {
    .abous-us-intro-section .addition-txt { top: 3.65vw }
}

.abous-us-intro-section .white-box {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 720px) {
    .abous-us-intro-section .white-box {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .abous-us-intro-section {
        background: url(../images/about-us/about-us.jpg) no-repeat center center;
        background-size: cover;
        height: 100vh;
    }

    .abous-us-intro-section .section-box {
        padding-left: 70px;
        padding-right: 70px
    }

    .abous-us-intro-section .white-box { padding: 4.69vw 5.21vw }
}

.about-us-txt-section {
    overflow: hidden;
    padding: 35px
}

@media (min-width: 1025px) {
    .about-us-txt-section { padding: 4.17vw 1.82vw }
}

.about-us-col .about-us-txt-box { margin: auto }

@media (min-width: 640px) {
    .about-us-col .about-us-txt-box { max-width: 90% }
}

@media (min-width: 1025px) {
    .about-us-col .about-us-txt-box {
        max-width: 90%;
        width: 560px;
    }

    .about-us-col .about-us-txt-box.wider { width: 785px }
}

@media (min-width: 1025px) {
    .about-us-col:nth-child(2) { position: relative }
}

.about-us-txt-section-inner {
    overflow: hidden;
    position: relative
}

@media (min-width: 1025px) {
    .about-us-txt-section-inner { padding: 3.13vw 0 }

    .about-us-txt-section-inner:before {
        background: #e4e4e4;
        content: '';
        display: inline-block;
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        width: 1px;
    }
}

@media (min-width: 1025px) {
    .about-us-col-img {
        background: url(../images/about-us/young-people-with-tablet.jpg) no-repeat center 0;
        background-size: cover
    }
}

@media (max-width: 1024px) {
    .about-us-list-col .intro-test-section-mob-img { padding-top: 0 }
}

@media (max-width: 1024px) and (min-width: 720px) {
    .about-us-list-col .intro-test-section-mob-img {
        padding-left: 40px;
        padding-right: 40px
    }
}

.about-us-list-col .intro-test-section-mob-img .responsive { min-width: 100% }

.about-us-list-col-txt .white-box {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 720px) {
    .about-us-list-col-txt .white-box {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .about-us-list-col-txt {
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background-color: #f9f9f9;
        box-sizing: border-box;
        padding: 7.81vw;
    }

    .about-us-list-col-txt .white-box { padding: 4.69vw 5.21vw }
}

.about-us-list-box { padding: 0 20px }

@media (min-width: 720px) {
    .about-us-list-box {
        padding-left: 40px;
        padding-right: 40px
    }
}

.about-us-robot-section {
    padding: 40px 20px;
    position: relative;
    z-index: 3
}

.about-us-robot-section .robot-container {
    margin-top: 10px;
    overflow: hidden;
    text-align: center;
}

.about-us-robot-section .robot-image { display: none }

.about-us-robot-section .robot-image-mobile {
    display: inline-block;
    width: 220px;
}

@media (min-width: 480px) {
    .about-us-robot-section .robot-image-mobile { width: 260px }
}

@media (min-width: 720px) {
    .about-us-robot-section {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .about-us-robot-section {
        padding-bottom: 7.81vw;
        padding-left: 19.79vw;
        padding-right: 19.79vw;
        padding-top: 10.42vw;
    }

    .about-us-robot-section .robot-container {
        margin-top: 0;
        position: absolute;
        right: 0;
        top: 6.77vw;
    }

    .about-us-robot-section .robot-image {
        display: inline-block;
        font-size: 0;
        width: 19.27vw;
    }

    .about-us-robot-section .robot-image-mobile { display: none }
}

.news-details-top { overflow: hidden }

.news-list-top-section .intro-box-wrap {
    padding-left: 15px;
    padding-right: 15px
}

.news-list-top-section .p-small {
    color: #fff;
    margin-top: 10px;
    text-align: center
}

.news-item {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    padding-bottom: 5.99vw
}

@media (min-width: 1921px) {
    .news-item { padding-bottom: 115px }
}

.news-main-txt {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 90px;
    padding: 35px;
    padding-top: 70px;
}

@media (min-width: 1025px) {
    .news-main-txt {
        margin-top: 100px;
        padding: 6.25vw 1.82vw 6.77vw
    }
}

@media (min-width: 1921px) {
    .news-main-txt { padding: 120px 35px 130px }
}

.news-item-box {
    margin: auto;
    max-width: 1450px;
    overflow: hidden
}

@media (min-width: 1025px) {
    .news-item-box { padding: 73px 0 }
}

@media (max-width: 640px) {
    .news-item-box .news-item-txt-box .p-large { font-size: 24px }
}

.news-image-box {
    line-height: 0;
    overflow: hidden
}

@media (min-width: 1025px) {
    .news-image-box { margin-top: -73px }
}

.news-image-box img {
    height: auto;
    max-width: 100%;
}

@media (min-width: 720px) {
    .news-image-box img {
        -o-object-fit: cover;
        display: block;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .news-image-box img {
        -ms-transform: translateX(-50%);
        -o-object-fit: none;
        -webkit-transform: translateX(-50%);
        height: auto;
        left: 50%;
        line-height: 0;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        object-fit: none;
        position: relative;
        transform: translateX(-50%);
        width: auto;
    }
}

.news-item-txt-box { background-color: #faf9f9 }

@media (max-width: 1024px) {
    .news-item-txt-box {
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 70px 35px;
    }
}

@media (min-width: 1025px) {
    .news-item-txt-box { margin-bottom: -73px }
}

.news-item-txt-box .white-box {
    margin: auto;
    max-width: 100%;
}

.news-item-txt-box .white-box .addition-txt-box { top: 53% }

@media (min-width: 640px) and (max-width: 1024px) {
    .news-item-txt-box .p-huge { font-size: 52px }
}

@media (min-width: 1025px) {
    .related-news-section {
        overflow: hidden;
        padding-bottom: 73px;
    }
}

.related-news-section .white-box.transparent {
    -ms-transform: none;
    -webkit-transform: none;
    height: auto;
    top: 0;
    transform: none;
    z-index: 3
}

@media (min-width: 1025px) {
    .related-news-section .white-box.transparent {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 35px;
        width: 100%;
    }
}

.related-news-section .white-box.transparent:before { display: none }

.related-news-section .white-box.transparent .addition-txt-box { top: 25% }

@media (min-width: 1025px) {
    .related-news-section .white-box.transparent .addition-txt-box {
        left: 0;
        margin: auto;
        right: 0;
        top: 0;
    }
}

@media (min-width: 1280px) {
    .related-news-section .white-box.transparent .addition-txt-box { top: 8% }
}

@media (min-width: 1661px) {
    .related-news-section .white-box.transparent .addition-txt-box { top: 0 }
}

@media (min-width: 1921px) {
    .related-news-section .white-box.transparent .addition-txt-box { top: -15% }
}

.related-news-section .white-box.transparent .wrap-txt {
    -ms-transform: none;
    -webkit-transform: none;
    top: 0;
    transform: none
}

.related-news-section .news-item-txt-box { min-height: 28.13vw }

.related-news-section-box {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.related-news-item {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: hidden
}

.related-news-item .addition-txt {
    -o-transition: opacity .7s cubic-bezier(.45, .05, .55, .95);
    -webkit-transition: opacity .7s cubic-bezier(.45, .05, .55, .95);
    transition: opacity .7s cubic-bezier(.45, .05, .55, .95)
}

.related-news-item .wrap-txt {
    -o-transition: opacity .8s cubic-bezier(.45, .05, .55, .95);
    -webkit-transition: opacity .8s cubic-bezier(.45, .05, .55, .95);
    transition: opacity .8s cubic-bezier(.45, .05, .55, .95)
}

.related-news-item .curve {
    -o-transition: opacity .9s cubic-bezier(.45, .05, .55, .95);
    -webkit-transition: opacity .9s cubic-bezier(.45, .05, .55, .95);
    transition: opacity .9s cubic-bezier(.45, .05, .55, .95)
}

.related-news-item .related-news-overlay {
    -o-transition: opacity .6s cubic-bezier(.45, .05, .55, .95);
    -webkit-transition: opacity .6s cubic-bezier(.45, .05, .55, .95);
    transition: opacity .6s cubic-bezier(.45, .05, .55, .95)
}

@media (max-width: 1024px) {
    .related-news-item.news-item-txt-box .p-large {
        -o-text-overflow: ellipsis;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width: 1025px) {
    .related-news-item.news-item-txt-box .p-large {
        max-height: 110px;
        overflow: hidden
    }
}

@media (max-width: 720px) {
    .related-news-item { margin-bottom: 20px }
}

@media (max-width: 1024px) and (min-width: 640px) {
    .related-news-item.news-item-txt-box .p-huge { font-size: 28px }
}

@media (max-width: 640px) {
    .related-news-item.news-item-txt-box .p-large { font-size: 24px }
}

.related-news-item.active .related-news-overlay, .related-news-item:focus .related-news-overlay, .related-news-item:hover .related-news-overlay { opacity: 1 }

.related-news-item.active .curve, .related-news-item:focus .curve, .related-news-item:hover .curve { color: #b16f5f }

.related-news-item.active .wrap-txt h1, .related-news-item.active h2, .related-news-item.active h3, .related-news-item.active h4, .related-news-item.active h5, .related-news-item.active h6, .related-news-item:focus .wrap-txt h1, .related-news-item:focus h2, .related-news-item:focus h3, .related-news-item:focus h4, .related-news-item:focus h5, .related-news-item:focus h6, .related-news-item:hover .wrap-txt h1, .related-news-item:hover h2, .related-news-item:hover h3, .related-news-item:hover h4, .related-news-item:hover h5, .related-news-item:hover h6 { color: #fff }

.related-news-item.active .wrap-txt h1 strong, .related-news-item.active h2 strong, .related-news-item.active h3 strong, .related-news-item.active h4 strong, .related-news-item.active h5 strong, .related-news-item.active h6 strong, .related-news-item:focus .wrap-txt h1 strong, .related-news-item:focus h2 strong, .related-news-item:focus h3 strong, .related-news-item:focus h4 strong, .related-news-item:focus h5 strong, .related-news-item:focus h6 strong, .related-news-item:hover .wrap-txt h1 strong, .related-news-item:hover h2 strong, .related-news-item:hover h3 strong, .related-news-item:hover h4 strong, .related-news-item:hover h5 strong, .related-news-item:hover h6 strong { color: #fff }

.related-news-item.active .addition-txt, .related-news-item:focus .addition-txt, .related-news-item:hover .addition-txt {
    color: #fff;
    opacity: .07
}

.related-news-overlay {
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.related-news-overlay:after {
    background-color: #302f30;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.related-news-overlay img {
    display: block;
    opacity: .05;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .related-news-overlay img {
        -o-object-fit: cover;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .related-news-overlay img {
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        height: auto;
        left: 50%;
        line-height: 0;
        max-width: none;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: auto;
    }
}

.article.news-details {
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px
}

.article.news-details p { padding: 0 }

.article.news-details .articleSlider { padding-bottom: 70px }

@media (min-width: 480px) {
    .article.news-details .articleSlider { padding-bottom: 0 }
}

@media (min-width: 720px) {
    .article.news-details {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .article.news-details {
        margin-top: -70px;
        position: relative;
        z-index: 100;
    }

    .article.news-details p { padding: 0 3.13vw }
}

.written-by {
    padding-top: 35px;
    text-align: right;
}

.written-by a {
    color: #000;
    position: relative
}

.written-by a:after {
    -o-transition: width .4s ease-out;
    -webkit-transition: width .4s ease-out;
    background: #000;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    transition: width .4s ease-out;
    width: 100%;
}

.written-by a:focus, .written-by a:hover { color: #000 }

.written-by a:focus:after, .written-by a:hover:after { width: 0% }

.article {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    max-width: 955px;
    padding: 3.13vw 0;
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    color: #b16f5f;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 29px;
    padding: 0 3.13vw;
    padding-bottom: 25px;
    padding-top: 30px;
}

.article p {
    color: #000;
    margin-bottom: 25px;
    padding: 0 3.13vw;
}

.article ul {
    margin-bottom: 25px;
    padding: 0 3.13vw
}

.article ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.article ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 24px;
    position: relative;
    text-align: left
}

.article ul li:before {
    background-color: #ef3955;
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 9px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 9px;
}

@media (max-width: 1024px) {
    .article {
        padding-left: 35px;
        padding-right: 35px
    }
}

.swiper-slide img {
    height: auto;
    max-width: 100%;
}

.swipper-button-box {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #fff;
    bottom: 0;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    z-index: 1
}

.swipper-button-box:before {
    background-color: #e0e0e0;
    bottom: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}

@media (max-width: 1024px) {
    .swipper-button-box {
        height: 63px;
        padding: 3px 3px 3px;
        width: 100px;
    }
}

@media (min-width: 1025px) {
    .swipper-button-box {
        height: 78px;
        padding: 15px 3px 3px;
        width: 130px;
    }
}

.swipper-button-box .swiper-button-next .swiper-button-disabled {
    -o-transition: opacity .4s;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.swipper-button-box .swiper-button-prev .swiper-button-disabled {
    -o-transition: opacity .4s;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.swipper-button-box .swiper-button-next {
    -o-transition: background .4s ease-out;
    -webkit-transition: background .4s ease-out;
    background: url(../images/icons/slider/right-arrow-black.png) no-repeat center;
    transition: background .4s ease-out
}

@media (min-width: 1025px) {
    .swipper-button-box .swiper-button-next:hover { background: url(../images/icons/slider/right-arrow.png) no-repeat center }
}

.swipper-button-box .swiper-button-prev {
    -o-transition: background .4s ease-out;
    -webkit-transition: background .4s ease-out;
    background: url(../images/icons/slider/left-arrow-black.png) no-repeat center;
    transition: background .4s ease-out
}

@media (min-width: 1025px) {
    .swipper-button-box .swiper-button-prev:hover { background: url(../images/icons/slider/left-arrow.png) no-repeat center }
}

.article-slider { padding: 1.3vw 0 .52vw }

.article-video { padding: 2.08vw 0 3.65vw }

.video-player-container {
    font-size: 0;
    position: relative;
}

.video-player-container div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.video-player-container .video-player-wrap {
    display: inline-block;
    width: 100%;
}

.video-player-container .video-player-inner {
    height: 0;
    padding-top: 56.25%;
}

.video-player-container .video-player-inner.play .video-btn {
    -ms-transform: scale(.6);
    -webkit-transform: scale(.6);
    opacity: 0;
    pointer-events: none;
    transform: scale(.6);
    visibility: hidden;
}

.video-player-container .video-player-inner.play .video-frame { z-index: 1 }

.video-player-container .video-player-inner.play .player-btn-wrap { z-index: 0 }

.video-player-container .video-poster {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.video-player-container .video-poster-image {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

.video-player-container .player-btn-wrap {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}

.video-player-container .video-btn {
    -o-transition: background .4s, border-color .4s, opacity .4s, visibility .4s, transform .4s;
    -webkit-box-sizing: border-box;
    -webkit-transition: background .4s, border-color .4s, opacity .4s, visibility .4s, transform .4s;
    -webkit-transition: background .4s, border-color .4s, opacity .4s, visibility .4s, -webkit-transform .4s;
    background: #000;
    border: 5px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 70px;
    transition: background .4s, border-color .4s, opacity .4s, visibility .4s, -webkit-transform .4s;
    transition: background .4s, border-color .4s, opacity .4s, visibility .4s, transform .4s;
    transition: background .4s, border-color .4s, opacity .4s, visibility .4s, transform .4s, -webkit-transform .4s;
    width: 70px;
}

.video-player-container .video-btn:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 12px 0 12px 21px;
    content: '';
    display: inline-block;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    width: 0;
}

.video-player-container .video-btn:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.video-player-container .poster-overlay {
    background: #b16f5f;
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.video-player-container .video-frame {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.video-player-container .ytplayer {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 480px) {
    .video-player-container .video-btn {
        height: 100px;
        width: 100px;
    }
}

@media (min-width: 1025px) {
    .video-player-container .video-btn {
        height: 120px;
        width: 120px;
    }

    .video-player-container .video-btn:hover {
        background: #b16f5f;
        border-color: #fff
    }
}

.article-btn-box {
    padding-bottom: 5.21vw;
    padding-top: 4.95vw;
}

@media (min-width: 1921px) {
    .article-btn-box {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}

video {
    height: auto;
    max-width: 100%;
}

.plyr__play-large {
    -ms-transform: translate(-50%, -50%);
    -o-transition: all .3s ease;
    -webkit-box-shadow: none;
    -webkit-transform: translate(-50%, -50%);
    -webkit-transition: all .3s ease;
    background: #000;
    border: none;
    border-radius: 100%;
    box-shadow: none;
    color: #fff;
    display: none;
    height: 6.77vw;
    left: 50%;
    min-height: 60px;
    min-width: 60px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s ease;
    width: 6.77vw;
    z-index: 1;
}

.plyr__play-large svg {
    display: block;
    fill: currentColor;
    height: 40px;
    left: 0;
    margin: auto;
    position: relative;
    width: 26px;
}

button.plyr__play-large:focus, button.plyr__play-large:hover { outline: 0 }

.plyr--stopped .plyr__video-wrapper:before {
    background: #b16f5f;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    margin: auto;
    opacity: .84;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.plyr--video.plyr--stopped .plyr__controls { display: none }

.contact-header-section {
    overflow: hidden;
    position: relative;
}

.contact-header-section .bg-image { background-position: 0 0 }

.contact-header-section .title-box-wrap { overflow: hidden }

@media (max-width: 1024px) {
    .contact-header-section .section-header-txt { padding-bottom: 70px }
}

@media (max-width: 1024px) {
    .contact-txt { padding: 35px }
}

@media (min-width: 1025px) {
    .contact-txt { padding: 6.25vw 1.82vw 7.81vw }
}

.contact-info {
    overflow: hidden;
    padding-bottom: 35px
}

.contact-info .contact-info-img {
    height: auto;
    margin-bottom: 15px;
    max-width: 100%;
}

@media (min-width: 1025px) {
    .contact-info .contact-info-img {
        float: left;
        left: 0;
        margin-bottom: 0;
        margin-right: 2.08vw;
        max-width: 60px;
        position: absolute;
        top: 0;
    }
}

@media (min-width: 1300px) {
    .contact-info .contact-info-img { max-width: 80px }
}

@media (min-width: 1441px) {
    .contact-info .contact-info-img { max-width: 105px }
}

.contact-info strong {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}

.contact-info a { color: #000 }

.contact-info a:focus, .contact-info a:hover { text-decoration: none }

.contact-info {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    max-width: 1520px;
    padding: 0 35px;
}

@media (min-width: 1025px) {
    .contact-info { padding-bottom: 10.42vw }
}

@media (max-width: 1024px) {
    .contact-info-col {
        margin-bottom: 20px;
        text-align: center
    }

    .contact-info-col:last-child { margin-bottom: 0 }
}

@media (min-width: 1025px) {
    .contact-info-col {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 75px;
        position: relative;
    }
}

@media (min-width: 1300px) {
    .contact-info-col {
        padding-left: 100px;
        padding-top: 10px
    }
}

@media (min-width: 1441px) {
    .contact-info-col { padding-left: 160px }
}

@media (max-width: 1024px) {
    .contact-txt-section {
        padding-bottom: 70px;
        padding-top: 30px;
    }
}

.error-section {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 90px;
    padding: 0 35px;
}

@media (min-width: 1025px) {
    .error-section { margin-top: 100px }
}

.error-section .p-mid-s { padding-top: 20px }

.error-img img {
    height: auto;
    max-width: 50%;
}

@media (min-width: 1025px) {
    .error-img img { max-width: 27.5% }
}

.error-btn-box { padding: 2.6vw 0 3.65vw }

.error-btn {
    margin-bottom: 20px;
    margin-left: 1.3vw;
    margin-right: 1.3vw;
}

.errot-txt {
    margin-bottom: 5.73vw;
    margin-top: 50px;
}

.career-main-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1730px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

@media (min-width: 720px) {
    .career-main-wrap {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width: 1025px) {
    .career-main-wrap {
        padding-left: 30px;
        padding-right: 30px
    }
}

.career-intro-section {
    padding-bottom: 50px;
    padding-top: 50px;
    position: relative;
}

.career-intro-section div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.career-intro-section .bg-image {
    background-position: center bottom;
    position: absolute;
}

.career-intro-section .intro-box {
    border-bottom: 27px solid transparent;
    border-left: 34px solid #b16f5f;
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}

.career-intro-section .intro-box-wrap {
    -webkit-box-sizing: border-box;
    background: #b16f5f;
    box-sizing: border-box;
    padding-bottom: 30px;
    padding-top: 30px;
}

.career-intro-section .intro-title {
    color: #fff;
    font-family: ralewayregular, sans-serif;
    font-size: 32px;
    line-height: 1.2em;
    padding-left: 10px;
    padding-right: 44px;
    text-align: center
}

.career-intro-section .intro-title strong { font-weight: 600 }

@media (min-width: 1025px) {
    .career-intro-section {
        padding-bottom: 9.9vw;
        padding-top: 3.65vw;
    }

    .career-intro-section .career-main-wrap {
        padding-left: 70px;
        padding-right: 70px
    }

    .career-intro-section .intro-box-wrap {
        padding-bottom: 3.13vw;
        padding-top: 3.13vw;
    }

    .career-intro-section .intro-box { max-width: 52.08vw }

    .career-intro-section .intro-title { font-size: 38px }

    .career-intro-section .categories-title { font-size: 34px }
}

@media (min-width: 1367px) {
    .career-intro-section .intro-title { font-size: 44px }

    .career-intro-section .categories-title { font-size: 36px }
}

.career-categories-section div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.career-categories-section .career-categories-top {
    background: #f6f6f6;
    padding-bottom: 60px;
    padding-top: 30px;
    position: relative;
}

.career-categories-section .career-categories-top:before {
    -webkit-box-sizing: border-box;
    border-bottom: 20px solid #fff;
    border-right: 20px solid transparent;
    bottom: 0;
    box-sizing: border-box;
    content: '';
    left: 0;
    position: absolute;
    width: 50%;
}

.career-categories-section .career-categories-top:after {
    -webkit-box-sizing: border-box;
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    bottom: 0;
    box-sizing: border-box;
    content: '';
    left: 50%;
    position: absolute;
    width: 50%;
}

.career-categories-section .categories-title-wrap { text-align: center }

.career-categories-section .categories-title {
    color: #b16f5f;
    font-family: ralewayregular, sans-serif;
    font-size: 30px;
    line-height: 1.2em
}

.career-categories-section .categories-sub-title {
    font-size: 27px;
    line-height: 1.5em;
    margin-top: 10px
}

.career-categories-section .categories-grid { font-size: 0 }

.career-categories-section .categories-image-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.career-categories-section .categories-container-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 100%;
}

.career-categories-section .categories-robot {
    display: inline-block;
    font-size: 0;
    width: 220px;
}

.career-categories-section .categories-container-item-wrap {
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.career-categories-section .categories-list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.career-categories-section .list-item-text {
    -o-transition: font-size .2s, color .2s, padding-left .2s;
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    -webkit-transition: font-size .2s, color .2s, padding-left .2s;
    backface-visibility: hidden;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-family: ralewayregular, sans-serif;
    font-size: 14px;
    transition: font-size .2s, color .2s, padding-left .2s;
    vertical-align: middle;
    width: calc(100% - 60px);
}

.career-categories-section .categories-list-item {
    -o-transition: padding-left .2s;
    -webkit-backface-visibility: hidden;
    -webkit-transition: padding-left .2s;
    backface-visibility: hidden;
    cursor: pointer;
    font-size: 0;
    padding-bottom: 11px;
    padding-top: 11px;
    transition: padding-left .2s;
}

.career-categories-section .categories-list-item:before {
    -o-transition: width .2s, margin-right .2s;
    -webkit-transition: width .2s, margin-right .2s;
    background: #b16f5f;
    content: '';
    display: inline-block;
    height: 1px;
    transition: width .2s, margin-right .2s;
    vertical-align: middle;
    width: 0;
}

.career-categories-section .categories-list-item.active {
    padding-left: 0;
    pointer-events: none
}

.career-categories-section .categories-list-item.active .list-item-text {
    color: #b16f5f;
    font-size: 16px;
    font-weight: 600
}

.career-categories-section .arrows-container {
    position: absolute;
    right: 0;
    top: 40px;
}

.career-categories-section .arrows-container button {
    background: #000;
    height: 30px;
    text-align: center;
    width: 40px;
}

.career-categories-section .arrows-container button:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    content: '';
    display: inline-block;
    height: 10px;
    margin-top: 7px;
    transform: rotate(45deg);
    width: 10px;
}

.career-categories-section .arrows-container .down-arrow { margin-top: 10px }

.career-categories-section .arrows-container .down-arrow:after {
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-top: -7px;
    transform: rotate(225deg);
}

.career-categories-section .career-categories-bottom { padding-bottom: 50px }

.career-categories-section .position-row {
    border-bottom: 1px solid #e4e4e4;
    font-size: 0;
    padding: 25px 0;
    text-align: center
}

.career-categories-section .position-row:last-child { border-bottom: none }

.career-categories-section .row-content-item {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    width: 100%;
}

.career-categories-section .top-text {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.career-categories-section .position-title-wrap {
    padding-bottom: 10px;
    padding-top: 10px;
}

.career-categories-section .position-title { font-size: 27px }

.career-categories-section .position-title-link {
    color: #000;
    display: inline-block;
}

.career-categories-section .position-info-item {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 25px;
    vertical-align: middle;
}

.career-categories-section .position-info-item:last-child { margin-right: 0 }

.career-categories-section .position-info-image {
    display: inline-block;
    margin-right: 13px;
    vertical-align: middle;
    width: 22px;
}

.career-categories-section .position-info-text {
    color: #3c3c3c;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    vertical-align: middle;
}

.career-categories-section .item-btn-wrap { text-align: center }

@media (min-width: 480px) {
    .career-categories-section .categories-list-item {
        padding-bottom: 8px;
        padding-left: 50px;
        padding-top: 8px;
    }

    .career-categories-section .categories-list-item.active {
        padding-left: 0;
        pointer-events: none
    }

    .career-categories-section .categories-list-item.active:before { width: 60px }

    .career-categories-section .categories-list-item.active .list-item-text {
        font-size: 20px;
        font-weight: 400;
        padding-left: 30px;
    }

    .career-categories-section .arrows-container button {
        height: 40px;
        width: 50px;
    }

    .career-categories-section .arrows-container button:after {
        height: 15px;
        width: 15px;
    }

    .career-categories-section .arrows-container .down-arrow { margin-top: 1px }

    .career-categories-section .categories-container-item-wrap {
        padding-left: 0;
        padding-right: 70px;
        text-align: left
    }

    .career-categories-section .position-row {
        padding: 25px 20px;
        text-align: left
    }
}

@media (min-width: 720px) {
    .career-categories-section .row-content-item {
        margin-bottom: 0;
        width: calc(100% - 280px);
    }

    .career-categories-section .row-btn-container {
        display: inline-block;
        text-align: right;
        vertical-align: middle;
        width: 280px;
    }
}

@media (min-width: 1025px) {
    .career-categories-section .career-categories-top {
        padding-bottom: 25px;
        padding-top: 4.17vw;
    }

    .career-categories-section .career-categories-top:before {
        border-bottom: 25px solid #fff;
        border-right: 25px solid transparent
    }

    .career-categories-section .career-categories-top:after {
        border-bottom: 25px solid #fff;
        border-left: 25px solid transparent
    }

    .career-categories-section .categories-robot {
        max-width: 327px;
        width: 17.03vw;
    }

    .career-categories-section .categories-image-item {
        margin-top: 0;
        padding-left: 30px;
        text-align: left;
        width: 37%;
    }

    .career-categories-section .categories-container-item {
        padding-bottom: 5.21vw;
        padding-left: 0;
        padding-right: 30px;
        padding-top: 5.21vw;
        width: 63%;
    }

    .career-categories-section .categories-list-item { padding-left: 11.98vw }

    .career-categories-section .categories-list-item.active .list-item-text {
        color: #b16f5f;
        font-size: 18px;
    }

    .career-categories-section .arrows-container button {
        -o-transition: background .4s;
        -webkit-transition: background .4s;
        transition: background .4s
    }

    .career-categories-section .arrows-container button:hover { background: #b16f5f }

    .career-categories-section .career-categories-bottom { padding-bottom: 5.21vw }

    .career-categories-section .position-row {
        padding-bottom: 2.6vw;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 2.6vw;
    }

    .career-categories-section .position-title-link {
        -o-transition: color .4s;
        -webkit-transition: color .4s;
        transition: color .4s
    }

    .career-categories-section .position-title-link:hover { color: #b16f5f }

    .career-categories-section .position-title-wrap {
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

@media (min-width: 1151px) {
    .career-categories-section .categories-list-item.active { padding-left: 2.08vw }

    .career-categories-section .categories-list-item.active .list-item-text { font-size: 22px }
}

@media (min-width: 1281px) {
    .career-categories-section .categories-image-item { padding-left: 6.77vw }

    .career-categories-section .categories-container-item { padding-right: 6.77vw }

    .career-categories-section .position-row { padding: 2.6vw 6.77vw }
}

@media (min-width: 1367px) {
    .career-categories-section .arrows-container button {
        height: 60px;
        width: 80px;
    }

    .career-categories-section .arrows-container button:after {
        height: 20px;
        width: 20px;
    }

    .career-categories-section .categories-container-item-wrap { padding-right: 105px }

    .career-categories-section .categories-list-item.active { padding-left: 3.13vw }

    .career-categories-section .categories-list-item.active .list-item-text { font-size: 24px }

    .career-categories-section .career-categories-top { padding-bottom: 5.73vw }

    .career-categories-section .career-categories-top:before {
        border-bottom: 30px solid #fff;
        border-right: 30px solid transparent
    }

    .career-categories-section .career-categories-top:after {
        border-bottom: 30px solid #fff;
        border-left: 30px solid transparent
    }
}

.career-detail-section div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.career-detail-section .career-detail-title-wrap { text-align: center }

.career-detail-section .career-detail-sub-title {
    font-size: 27px;
    margin-top: 10px
}

.career-detail-section .position-description {
    font-size: 0;
    padding-top: 50px;
    z-index: 2
}

.career-detail-section .position-description-wrap {
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.career-detail-section .position-image-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    z-index: 2
}

.career-detail-section .position-image {
    display: inline-block;
    max-width: 944px;
}

.career-detail-section .position-info {
    background: #f2f2f2;
    display: inline-block;
    font-size: 0;
    padding: 50px 20px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.career-detail-section .position-info:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.career-detail-section .position-info-inner {
    display: inline-block;
    max-width: 480px;
    vertical-align: middle;
    width: 100%;
}

.career-detail-section .position-info-title {
    font-size: 27px;
    font-weight: 600
}

.career-detail-section .position-info-list {
    margin-top: 30px;
    text-align: left;
}

.career-detail-section .position-info-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.career-detail-section .position-info-list ul li {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding-left: 18px;
    position: relative;
}

.career-detail-section .position-info-list ul li:last-child { margin-bottom: 0 }

.career-detail-section .position-info-list ul li:before {
    background: #b16f5f;
    border-radius: 10px;
    content: '';
    display: inline-block;
    height: 8px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 8px;
}

.career-detail-section .position-info-list li {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px;
    position: relative;
}

.career-detail-section .position-info-list li:last-child { margin-bottom: 0 }

.career-detail-section .position-info-list p {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 10px
}

.career-detail-section .position-info-list p:last-child { margin-bottom: 0 }

.career-detail-section .position-info-list a {
    color: #b16f5f;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    text-decoration: underline;
}

.career-detail-section .position-info-list h1, .career-detail-section .position-info-list h2, .career-detail-section .position-info-list h3, .career-detail-section .position-info-list h4, .career-detail-section .position-info-list h5, .career-detail-section .position-info-list h6 {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 1.5em;
}

.career-detail-section .position-info-list strong { font-weight: 600 }

.career-detail-section .info-message-text {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.career-detail-section .info-message-text strong {
    color: #b16f5f;
    font-weight: 700
}

.career-detail-section .position-info-message { margin-top: 30px }

.career-detail-section .detail-hand {
    bottom: 0;
    display: inline-block;
    left: 10%;
    position: absolute;
    width: 50%;
}

.career-detail-section .detail-triangle {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 50px;
}

.career-detail-section .detail-curve { display: none }

.career-detail-section .title-big strong { font-weight: 700 }

.career-detail-section .position-benefit {
    padding-bottom: 50px;
    padding-top: 50px;
}

.career-detail-section .benefit-grid {
    font-size: 0;
    padding-bottom: 50px;
    padding-top: 30px;
    text-align: center;
}

.career-detail-section .border-bottom {
    background: #e5e5e5;
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.career-detail-section .benefit-grid-wrap {
    margin: 0 auto;
    max-width: 1400px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.career-detail-section .benefit-grid-item {
    display: inline-block;
    margin-bottom: 50px;
    vertical-align: top;
    width: 100%;
}

.career-detail-section .benefit-grid-item:last-child { margin-bottom: 0 }

.career-detail-section .benefit-image {
    margin: 0 auto;
    max-width: 186px;
    width: 140px;
}

.career-detail-section .benefit-image:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.career-detail-section .benefit-item-title-wrap { margin-top: 20px }

.career-detail-section .benefit-title {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.career-detail-section .benefit-item-content { margin-top: 20px }

.career-detail-section .benefit-item-content p {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px
}

.career-detail-section .benefit-item-content p:last-child { margin-bottom: 0 }

.career-detail-section .template-image {
    max-height: 100%;
    vertical-align: middle;
}

.career-detail-section .job-info-row {
    margin-top: 30px;
    text-align: center
}

.career-detail-section .job-info-row-content {
    display: inline-block;
    max-width: 1220px;
    width: 100%;
}

.career-detail-section .job-info-image {
    display: inline-block;
    font-size: 0;
    margin-right: 13px;
    vertical-align: middle;
    width: 32px;
}

.career-detail-section .job-info-text {
    color: #3c3c3c;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    vertical-align: middle;
}

.career-detail-section .job-info-item { margin-bottom: 20px }

.career-detail-section .job-info-item-link { display: inline-block }

.career-detail-section .job-btn-container {
    margin-top: 30px;
    text-align: center
}

.career-detail-section .job-offer-form { display: inline-block }

.career-detail-section .success-message {
    -o-transition: opacity .4s, visibility .4s;
    -webkit-transition: opacity .4s, visibility .4s;
    margin-top: 30px;
    opacity: 0;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
}

.career-detail-section .success-message.success-active {
    opacity: 1;
    visibility: visible
}

.career-detail-section .succes-message-icon {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    width: 33px;
}

.career-detail-section .succes-message-text {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    vertical-align: middle;
}

@media (min-width: 720px) {
    .career-detail-section .position-info { padding: 50px 40px }

    .career-detail-section .benefit-grid-wrap {
        padding-left: 40px;
        padding-right: 40px
    }

    .career-detail-section .job-info-item {
        display: inline-block;
        margin-bottom: 30px;
        margin-right: 30px;
        vertical-align: middle;
    }

    .career-detail-section .job-info-item:last-child { margin-right: 0 }
}

@media (min-width: 1025px) {
    .career-detail-section .position-info { padding: 80px 70px }

    .career-detail-section .position-info-list { margin-top: 1.82vw }

    .career-detail-section .position-info-message { margin-top: 2.6vw }

    .career-detail-section .position-description {
        padding-bottom: 9.9vw;
        padding-top: 5.21vw;
    }

    .career-detail-section .position-image-item {
        top: 4.43vw;
        width: 50%;
    }

    .career-detail-section .position-info { width: 50% }

    .career-detail-section .position-image {
        max-width: 100%;
        width: 100%;
    }

    .career-detail-section .detail-hand {
        bottom: -5.52vw;
        left: 4.69vw;
        width: 29.95vw;
    }

    .career-detail-section .detail-triangle {
        right: .52vw;
        width: 5.99vw;
    }

    .career-detail-section .position-benefit {
        padding-bottom: 5.21vw;
        padding-top: 5.21vw;
    }

    .career-detail-section .benefit-grid-wrap {
        padding-left: 4.69vw;
        padding-right: 4.69vw
    }

    .career-detail-section .benefit-grid-inner {
        margin-left: -4.69vw;
        margin-right: -4.69vw
    }

    .career-detail-section .benefit-grid {
        padding-bottom: 6.77vw;
        padding-top: 6.77vw;
    }

    .career-detail-section .benefit-item-title-wrap { margin-top: 2.6vw }

    .career-detail-section .benefit-item-content { margin-top: 2.34vw }

    .career-detail-section .benefit-grid-item {
        margin-bottom: 0;
        padding-left: 4.69vw;
        padding-right: 4.69vw;
        width: 33.333%;
    }

    .career-detail-section .benefit-image {
        height: 9.9vw;
        width: 9.69vw;
    }

    .career-detail-section .job-info-item { margin-right: 3.13vw }

    .career-detail-section .job-info-item-link {
        -o-transition: opacity .4s;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }

    .career-detail-section .job-info-item-link:hover { opacity: .6 }

    .career-detail-section .job-btn-container { margin-top: 6.25vw }
}

@media (min-width: 1281px) {
    .career-detail-section .detail-triangle { right: -3.65vw }
}

@media (min-width: 1367px) {
    .career-detail-section .detail-curve {
        display: inline-block;
        position: absolute;
        right: -6.77vw;
        top: 5.99vw;
        width: 12.71vw;
    }
}

.pop-up-message {
    -webkit-box-sizing: border-box;
    background: rgba(0, 0, 0, .7);
    box-sizing: border-box;
    display: none;
    font-size: 0;
    height: 100%;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 201;
}

.pop-up-message:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.pop-up-message .pop-up-message-container {
    -webkit-box-sizing: border-box;
    background: #fff;
    box-sizing: border-box;
    display: inline-block;
    max-width: 700px;
    padding: 60px 20px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.pop-up-message .pop-up-robot {
    display: inline-block;
    width: 140px;
}

.pop-up-message .pop-up-text-container { margin-top: 30px }

.pop-up-message .pop-up-text-container p {
    color: #b16f5f;
    font-size: 27px;
    line-height: 1.2em;
}

.pop-up-message .pop-up-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.pop-up-message .pop-up-close-btn {
    border-radius: 30px;
    display: inline-block;
    height: 45px;
    position: relative;
    width: 45px;
}

.pop-up-message .pop-up-close-btn:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #807f7f;
    content: '';
    display: inline-block;
    height: 3px;
    left: 10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 25px;
}

.pop-up-message .pop-up-close-btn:after {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    background: #807f7f;
    content: '';
    display: inline-block;
    height: 3px;
    left: 10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    width: 25px;
}

@media (min-width: 720px) {
    .pop-up-message {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width: 1025px) {
    .pop-up-message .pop-up-message-container {
        padding-bottom: 6.25vw;
        padding-top: 2.86vw;
    }

    .pop-up-message .pop-up-text-container { margin-top: 3.65vw }

    .pop-up-message .pop-up-close-btn {
        -o-transition: background .4s;
        -webkit-transition: background .4s;
        transition: background .4s
    }

    .pop-up-message .pop-up-close-btn:before {
        -o-transition: background .4s;
        -webkit-transition: background .4s;
        transition: background .4s
    }

    .pop-up-message .pop-up-close-btn:after {
        -o-transition: background .4s;
        -webkit-transition: background .4s;
        transition: background .4s
    }

    .pop-up-message .pop-up-close-btn:hover { background: #b16f5f }

    .pop-up-message .pop-up-close-btn:hover:before { background: #fff }

    .pop-up-message .pop-up-close-btn:hover:after { background: #fff }
}

.robot-intro-section .career-intro-section .intro-box {
    display: inline-block;
    width: auto;
}

@media (max-width: 580px) {
    .robot-intro-section .career-intro-section .intro-box {
        border-left: inherit;
        width: 100%;
    }

    .robot-intro-section .career-intro-section .intro-box .intro-title {
        font-size: 28px;
        margin: 0 auto;
        padding: 0;
    }
}

.robot-intro-section .intro-box-outer {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center
}

.robot-intro-section .robot-text-title {
    color: #b16f5f;
    font-family: ralewaysemibold, sans-serif;
    font-size: 30px;
    font-weight: 600;
}

.robot-intro-section .robot-text-content { margin-top: 25px }

.robot-intro-section .robot-text-content p {
    color: #000;
    font-family: ralewaymedium, sans-serif;
    font-size: 18px;
    margin-bottom: 10px
}

.robot-intro-section .robot-text-content p:last-child { margin-bottom: 0 }

.robot-intro-section .categories-container-item { vertical-align: middle }

.robot-intro-section .categories-container-item-wrap {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.robot-intro-section .robot-btn-wrap { margin-top: 30px }

.robot-intro-section .categories-image-item { vertical-align: middle }

.robot-intro-section .speech-bubble-text {
    color: #000;
    display: inline-block;
    font-family: ralewayregular, sans-serif;
    font-size: 24px;
    vertical-align: middle;
}

.robot-intro-section .speech-bubble { display: none }

.robot-intro-section .speech-bubble-text-wrap {
    font-size: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.robot-intro-section .speech-bubble-text-wrap:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.robot-intro-section .speech-bubble-bg { width: 180px }

.robot-intro-section .robot-grid { padding-bottom: 40px }

.robot-intro-section .soge-answer { margin-top: 30px }

.robot-intro-section .soge-btn-effect { position: absolute }

.robot-intro-section .soge-input-line { position: absolute }

.robot-intro-section .soge-input input {
    color: #000;
    font-size: 16px;
}

.robot-intro-section .bg-fill { position: absolute }

.robot-intro-section .soge-select-wrapper {
    color: #000;
    font-size: 16px;
}

.robot-intro-section .soge-question {
    font-size: 24px;
    line-height: 1.3em
}

@media (min-width: 480px) {
    .robot-intro-section .speech-bubble {
        display: inline-block;
        left: 90%;
        position: absolute;
        top: 0;
    }
}

@media (min-width: 1025px) {
    .robot-intro-section .intro-box-outer {
        padding-left: 5.21vw;
        text-align: left
    }

    .robot-intro-section .robot-btn-wrap { margin-top: 1.82vw }

    .robot-intro-section .career-categories-section .categories-robot {
        max-width: 472px;
        width: 24.58vw;
    }

    .robot-intro-section .career-categories-section .categories-image-item { text-align: left }

    .robot-intro-section .categories-image-item { width: 50% }

    .robot-intro-section .categories-container-item { width: 50% }

    .robot-intro-section .categories-container-item-wrap {
        padding-right: 70px;
        text-align: left;
    }
}

@media (min-width: 1367px) {
    .robot-intro-section .speech-bubble-text { font-size: 30px }

    .robot-intro-section .speech-bubble-bg { width: 227px }

    .robot-intro-section .categories-container-item-wrap { padding-right: 110px }

    .robot-intro-section .soge-question { font-size: 28px }
}

.login-section div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.login-section .social-links-top-container { position: absolute }

.login-section .social-links-top-container .social-image { opacity: 1 }

.login-section .bg-image { position: absolute }

.login-section .main-inner-content-wrap {
    margin: 0 auto;
    max-width: 1250px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.login-section .login-title-wrap {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
}

.login-section .login-grid {
    font-size: 0;
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
}

.login-section .login-grid.success-message .registration-box { display: none }

.login-section .login-grid.success-message .success-registration-box { display: block }

.login-section .login-grid-wrap {
    display: inline-block;
    max-width: 680px;
    text-align: left;
    width: 100%;
}

.login-section .login-image-item {
    padding-top: 88%;
    width: 100%;
}

.login-section .login-content-item {
    background: #faf9f9;
    display: inline-block;
    padding: 40px 20px 70px;
    width: 100%;
}

.login-section .login-form { width: 100% }

.login-section .login-form.loading .submit-btn {
    opacity: .6;
    pointer-events: none
}

.login-section .registration-form { width: 100% }

.login-section .registration-form.loading .submit-btn {
    opacity: .6;
    pointer-events: none
}

.login-section .label-form-fld {
    -o-transition: color .4s;
    -webkit-box-sizing: border-box;
    -webkit-transition: color .4s;
    box-sizing: border-box;
    color: #807f7f;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    transition: color .4s
}

.login-section .form-fld {
    -webkit-box-sizing: border-box;
    background: 0 0;
    border: none;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px;
    padding-top: 8px;
    width: 100%;
}

.login-section .border-bottom {
    -o-transition: background .4s;
    -webkit-transition: background .4s;
    background: #c8c7c7;
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    transition: background .4s;
    width: 100%;
}

.login-section .required { margin-bottom: 40px }

.login-section .required:last-child { margin-bottom: 0 }

.login-section .row-checkbox { text-align: center }

.login-section .row-checkbox .form-fld {
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    z-index: -1;
}

.login-section .row-checkbox .label-form-fld {
    display: inline-block;
    line-height: 17px;
    padding-left: 30px;
    position: relative;
    vertical-align: middle;
}

.login-section .row-checkbox .label-form-fld:before {
    border: 1px solid #c8c7c7;
    content: '';
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}

.login-section .row-checkbox input[type=checkbox]:checked + label:after {
    background: 0 0;
    color: #b16f5f;
    content: "\2713";
    font-size: 15px;
    left: 3px;
    position: absolute;
    text-align: center;
    top: 0;
}

.login-section .submit-btn {
    -o-transition: opacity .4s;
    -webkit-box-sizing: border-box;
    -webkit-transition: opacity .4s;
    border: 1px solid #b16f5f;
    box-sizing: border-box;
    color: #b16f5f;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 20px;
    text-align: center;
    transition: opacity .4s;
    width: 100%;
}

.login-section .btn-row { margin-top: 45px }

.login-section .btn-row.chatbot {
    -ms-flex-align: center;
    -ms-flex-flow: row nowrap;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.login-section .btn-row.chatbot button {
    padding: 14px 16px;
    width: 45%;
}

.login-section .fb-login-logo {
    display: inline-block;
    font-size: 0;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 7px;
}

.login-section .fb-login-image {
    display: inline-block;
    width: 100%;
}

.login-section .fb-login-image-hover {
    -o-transition: opacity .4s, visibility .4s;
    -webkit-transition: opacity .4s, visibility .4s;
    display: inline-block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s, visibility .4s;
    visibility: 0;
    width: 100%;
    z-index: 1
}

.login-section .fb-login-text {
    -o-transition: color .4s;
    -webkit-transition: color .4s;
    color: #807f7f;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    transition: color .4s;
    vertical-align: middle;
}

.login-section .facebook-login { display: inline-block }

.login-section .facebook-row {
    margin-top: 30px;
    text-align: center;
}

.login-section .login-bottom-row {
    margin-top: 35px;
    text-align: center
}

.login-section .forgotten-password-link {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: underline
}

.login-section .registration-link {
    color: #b16f5f;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: underline
}

.login-section .text {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    margin-right: 5px
}

.login-section .registration-row { margin-top: 10px }

.login-section .form-row.error-fld .label-form-fld { color: #ed1a3b }

.login-section .form-row.error-fld a { color: #ed1a3b }

.login-section .form-row.error-fld .border-bottom { background: #ed1a3b }

.login-section .registration-form .submit-btn {
    border-color: #807f7f;
    color: #807f7f;
}

.login-section .conditions-link {
    color: #807f7f;
    margin-left: 5px;
    text-decoration: underline;
}

.login-section .success-registration-title {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
}

.login-section .success-registration-title strong { font-weight: 600 }

.login-section .success-registration-content {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.login-section .success-registration-icon { margin-top: 30px }

.login-section .success-registration-image {
    display: inline-block;
    width: 68px;
}

.login-section .success-registration-text { margin-top: 30px }

.login-section .success-registration-text p {
    color: #807f7f;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}

.login-section .success-registration-text p:last-child { margin-bottom: 0 }

.login-section .success-registration-btn-container { margin-top: 40px }

.login-section .success-registration-btn {
    -o-transition: opacity .4s;
    -webkit-box-sizing: border-box;
    -webkit-transition: opacity .4s;
    border: 1px solid #b16f5f;
    box-sizing: border-box;
    color: #b16f5f;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 18px 20px;
    text-align: center;
    transition: opacity .4s;
    width: 100%;
}

.login-section .success-registration-box { display: none }

@media (min-width: 480px) {
    .login-section .login-content-item { padding: 50px 40px }

    .login-section .login-grid {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 70px
    }
}

@media (min-width: 720px) {
    .login-section .main-inner-content-wrap {
        padding-left: 40px;
        padding-right: 40px
    }

    .login-section .login-content-item { padding: 50px 60px }
}

@media (min-width: 1025px) {
    .login-section .login-title-wrap {
        padding-bottom: 1.04vw;
        padding-top: 4.17vw;
    }

    .login-section .login-content-item {
        padding: 3.65vw 4.95vw;
        width: 50%;
    }

    .login-section .login-image-item {
        padding-top: 0;
        width: 50%;
    }

    .login-section .login-grid {
        margin-top: 3.91vw;
        padding-bottom: 9.11vw
    }

    .login-section .submit-btn {
        -o-transition: color .4s, background .4s, border-color .4s;
        -webkit-transition: color .4s, background .4s, border-color .4s;
        transition: color .4s, background .4s, border-color .4s
    }

    .login-section .submit-btn:hover {
        background: #b16f5f;
        border-color: #b16f5f;
        color: #fff;
    }

    .login-section .facebook-login:hover .fb-login-image-hover {
        opacity: 1;
        visibility: visible
    }

    .login-section .facebook-login:hover .fb-login-text { color: #b16f5f }

    .login-section .registration-link {
        -o-transition: opacity .4s;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }

    .login-section .registration-link:hover { opacity: .7 }

    .login-section .forgotten-password-link {
        -o-transition: opacity .4s;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }

    .login-section .forgotten-password-link:hover { opacity: .7 }

    .login-section .login-grid-wrap {
        -ms-flex-wrap: wrap;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
    }

    .login-section .conditions-link {
        -o-transition: opacity .4s;
        -webkit-transition: opacity .4s;
        transition: opacity .4s
    }

    .login-section .conditions-link:hover { opacity: .7 }

    .login-section .success-registration-btn {
        -o-transition: color .4s, background .4s, border-color .4s;
        -webkit-transition: color .4s, background .4s, border-color .4s;
        transition: color .4s, background .4s, border-color .4s
    }

    .login-section .success-registration-btn:hover {
        background: #b16f5f;
        border-color: #b16f5f;
        color: #fff;
    }
}

@media (min-width: 1367px) {
    .login-section .login-title-wrap {
        padding-bottom: 2.6vw;
        padding-top: 6.77vw;
    }
}

@media (min-width: 1921px) {
    .login-section .login-grid {
        margin-top: 75px;
        padding-bottom: 175px
    }

    .login-section .login-title-wrap {
        padding-bottom: 50px;
        padding-top: 130px;
    }
}

.profile-section { position: relative }

.profile-section div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.profile-section .social-links-top-container { position: absolute }

.profile-section .main-wrap {
    margin: 0 auto;
    max-width: 1400px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.profile-section .apply-sub-title {
    font-family: ralewayregular, sans-serif;
    font-size: 27px;
    margin-top: 20px
}

.profile-section .apply-title-wrap {
    padding: 50px 0;
    text-align: center
}

.profile-section .apply-top-section-inner { border-bottom: 1px solid #c8c7c7 }

.profile-section .apply-cv-container {
    margin: 0 auto;
    max-width: 990px;
    width: 100%;
}

.profile-section .file-name {
    border: none;
    border-bottom: 1px solid #c8c7c7;
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.2em;
    min-height: 16px;
    padding: 18px 3px;
    width: 100%;
}

.profile-section .file-input { display: none }

.profile-section .cv-text-item {
    display: inline-block;
    padding-bottom: 35px;
    padding-top: 25px;
    vertical-align: middle;
    width: 100%;
}

.profile-section .cv-top-label {
    color: #807f7f;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    left: 3px;
    position: absolute;
    top: 0;
}

.profile-section .cv-bottom-label {
    bottom: 0;
    color: #807f7f;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    left: 0;
    position: absolute;
}

.profile-section .cv-browse-item {
    display: inline-block;
    padding-bottom: 35px;
    padding-top: 25px;
    vertical-align: middle;
    width: 100%;
}

.profile-section .cv-top-row { font-size: 0 }

.profile-section .cv-top-row.error-fld .cv-top-label { color: #ed1a3b }

.profile-section .cv-top-row.error-fld .file-name { border-color: #ed1a3b }

.profile-section .cv-btn {
    -webkit-box-sizing: border-box;
    border: 1px solid #807f7f;
    box-sizing: border-box;
    color: #807f7f;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2em;
    padding: 18px 15px;
    text-align: center;
    width: 100%;
}

.profile-section .cv-submit-btn {
    -webkit-box-sizing: border-box;
    border: 1px solid #b16f5f;
    box-sizing: border-box;
    color: #b16f5f;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2em;
    padding: 18px 15px;
    text-align: center;
    width: 100%;
}

.profile-section .cv-browse-btn-container {
    display: inline-block;
    margin-right: 9%;
    vertical-align: middle;
    width: 36%;
}

.profile-section .cv-submit-btn-container {
    display: inline-block;
    margin-top: 20px;
    vertical-align: middle;
    width: 100%;
}

.profile-section .form-cv { padding-bottom: 50px }

.profile-section .cv-list-title {
    color: #000;
    font-size: 20px;
}

.profile-section .form-cv-list { padding-bottom: 50px }

.profile-section .cv-list-row {
    border-bottom: 1px solid #c8c7c7;
    font-size: 0;
    padding-bottom: 35px;
    padding-top: 35px;
}

.profile-section .cv-list-row:last-child { border-bottom: none }

.profile-section .cv-list-row.top-row {
    border-bottom: 1px solid #c8c7c7;
    padding-bottom: 15px
}

.profile-section .cv-list-row.top-row .name-text { font-size: 12px }

.profile-section .cv-list-row.top-row .change-col { display: none }

.profile-section .name-col {
    display: inline-block;
    padding-right: 65px;
    vertical-align: middle;
    width: 100%;
}

.profile-section .history-col { display: none }

.profile-section .change-col {
    display: inline-block;
    margin-top: 30px;
    padding-right: 65px;
    vertical-align: middle;
    width: 100%;
}

.profile-section .select-col {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 50px;
}

.profile-section .select-col input[type=radio]:checked + label:after {
    background-image: url(../images/apply/check.svg);
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    height: 17px;
    left: 6px;
    position: absolute;
    top: -1px;
    width: 16px;
    z-index: 1
}

.profile-section .name-icon {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 40px;
}

.profile-section .name-icon-wrap {
    display: inline-block;
    width: 20px;
}

.profile-section .name-text {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
    width: calc(100% - 40px);
}

.profile-section .name-text .history-link {
    -o-transition: color .4s ease-out;
    -webkit-transition: color .4s ease-out;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    position: relative;
    transition: color .4s ease-out;
}

.profile-section .name-text .history-link:hover { color: #b16f5f }

.profile-section .inner-text {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    vertical-align: middle;
}

.profile-section .cv-change-btn {
    border: 1px solid #807f7f;
    color: #807f7f;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
    padding: 15px 40px;
}

.profile-section .cv-radio-input { display: none }

.profile-section .cv-radio-label {
    -webkit-box-sizing: border-box;
    border: 1px solid #807f7f;
    border-radius: 30px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    position: relative;
    width: 25px;
}

.profile-section .history-main-item {
    cursor: pointer;
    max-width: 200px;
    padding-bottom: 5px;
    padding-right: 30px;
    padding-top: 5px;
    width: 100%;
}

.profile-section .history-main-item:after {
    -o-transition: transform .4s;
    -webkit-transition: transform .4s;
    -webkit-transition: -webkit-transform .4s;
    background-image: url(../images/apply/down-arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    height: 14px;
    position: absolute;
    right: 0;
    top: 8px;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    width: 15px;
    z-index: 1;
}

.profile-section .history-main-item.active:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.profile-section .history-main-item.single-item:after { display: none }

.profile-section .history-list {
    background: #fff;
    background: #f2f2f2;
    display: none;
    left: 0;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 3
}

.profile-section .history-list-item {
    padding-bottom: 5px;
    padding-top: 5px;
}

.profile-section .apply-message-container { text-align: center }

.profile-section .success-message { display: none }

.profile-section .success-message.active { display: block }

.profile-section .succes-message-icon {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
    width: 33px;
}

.profile-section .succes-message-text {
    color: #4aa600;
    display: inline-block;
    font-size: 27px;
    vertical-align: middle;
}

.profile-section .error-message-text {
    color: #ed1a3b;
    display: inline-block;
    font-size: 27px;
    vertical-align: middle;
}

.profile-section .apply-message-container { padding-bottom: 60px }

.profile-section .error-message { display: none }

.profile-section .error-message.active { display: block }

.profile-section .form-cv-apply.loading .cv-submit-btn {
    opacity: .7;
    pointer-events: none
}

@media (min-width: 480px) {
    .profile-section .cv-list-row {
        padding-left: 15px;
        padding-right: 15px
    }

    .profile-section .select-col { right: 15px }
}

@media (min-width: 720px) {
    .profile-section .main-wrap {
        padding-left: 40px;
        padding-right: 40px
    }

    .profile-section .apply-sub-title { margin-top: 1.82vw }

    .profile-section .apply-title-wrap { padding: 4.69vw 0 }

    .profile-section .cv-submit-btn-container {
        margin-top: 0;
        width: 55%;
    }
}

@media (min-width: 1025px) {
    .profile-section .cv-submit-btn {
        -o-transition: color .4s, background .4s, border-color .4s;
        -webkit-transition: color .4s, background .4s, border-color .4s;
        transition: color .4s, background .4s, border-color .4s
    }

    .profile-section .cv-submit-btn:hover {
        background: #b16f5f;
        color: #fff;
    }

    .profile-section .cv-change-btn {
        -o-transition: color .4s, background .4s, border-color .4s;
        -webkit-transition: color .4s, background .4s, border-color .4s;
        transition: color .4s, background .4s, border-color .4s
    }

    .profile-section .cv-change-btn:hover {
        background: #b16f5f;
        border-color: #b16f5f;
        color: #fff;
    }

    .profile-section .form-cv { padding-bottom: 8.33vw }

    .profile-section .form-cv-list { padding-bottom: 8.33vw }

    .profile-section .apply-message-container { padding-bottom: 13.02vw }

    .profile-section .cv-list-row {
        padding-bottom: 1.82vw;
        padding-top: 1.82vw;
    }

    .profile-section .cv-list-row.top-row .change-col { display: inline-block }

    .profile-section .cv-browse-item { width: 57% }

    .profile-section .cv-text-item {
        padding-right: 40px;
        width: 43%;
    }

    .profile-section .name-col {
        padding-right: 30px;
        text-align: right;
        width: 36%;
    }

    .profile-section .history-col {
        display: inline-block;
        vertical-align: middle;
        width: 31%;
    }

    .profile-section .select-col {
        position: relative;
        right: 0;
        top: 0;
        width: 13%;
    }

    .profile-section .change-col {
        margin-top: 0;
        padding-right: 0;
        text-align: center;
        width: 20%;
    }
}

@media (min-width: 1921px) {
    .profile-section .form-cv { padding-bottom: 160px }

    .profile-section .form-cv-list { padding-bottom: 160px }
}

.profile-section .profile-top-section {
    padding-bottom: 25px;
    padding-top: 50px;
}

.profile-section .profile-main-title {
    color: #000;
    font-size: 27px;
}

.profile-section .profile-main-title-wrap { text-align: center }

.profile-section .profile-main-inner {
    margin: 0 auto;
    max-width: 820px;
    width: 100%;
}

.profile-section .profile-nav {
    font-size: 0;
    margin-top: 30px;
    text-align: center;
}

.profile-section .profile-nav-btn {
    border-bottom: 1px solid #c8c7c7;
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: left;
    text-align: center;
    width: 100%;
}

.profile-section .profile-nav-btn:last-child { margin-right: 0 }

.profile-section .profile-nav-btn:first-child { border-top: 1px solid #c8c7c7 }

.profile-section .profile-nav-btn.active { pointer-events: none }

.profile-section .profile-nav-btn.active .profile-nav-text { color: #b16f5f }

.profile-section .profile-nav-btn.active .template-image-hover {
    opacity: 1;
    visibility: visible
}

.profile-section .profile-nav-icon {
    display: inline-block;
    font-size: 0;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 33px;
}

.profile-section .profile-nav-text {
    -o-transition: color .4s;
    -webkit-transition: color .4s;
    color: #807f7f;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    transition: color .4s;
    vertical-align: middle;
}

.profile-section .template-image-hover {
    -o-transition: opacity .4s, visibility .4s;
    -webkit-transition: opacity .4s, visibility .4s;
    display: inline-block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}

.profile-section .profile-info-grid {
    font-size: 0;
    text-align: right
}

.profile-section .profile-image-col {
    margin: 0 auto;
    width: 130px;
}

.profile-section .profile-image-item {
    border-radius: 130px;
    display: inline-block;
    height: 130px;
    overflow: hidden;
    width: 130px;
    z-index: 2
}

.profile-section .profile-content-col {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.profile-section .person-name-row {
    padding-bottom: 40px;
    padding-top: 40px;
}

.profile-section .person-name-row .profile-info-item {
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: middle;
}

.profile-section .person-name-row .profile-info-item:last-child { margin-bottom: 0 }

.profile-section .profile-info-item { width: 100% }

.profile-section .profile-info-item.active .row-edit-container {
    opacity: 1;
    visibility: visible
}

.profile-section .profile-info-item.active .row-dot { background: #c8c7c7 }

.profile-section .row-edit-container {
    -o-transition: opacity .4s, visibility .4s;
    -webkit-transition: opacity .4s, visibility .4s;
    bottom: 13px;
    display: inline-block;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    width: 18px;
    z-index: 1;
}

.profile-section .label-profile-fld {
    -o-transition: color .4s;
    -webkit-box-sizing: border-box;
    -webkit-transition: color .4s;
    box-sizing: border-box;
    color: #807f7f;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    transition: color .4s
}

.profile-section .profile-form-fld {
    -webkit-box-sizing: border-box;
    background: 0 0;
    border: none;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding-bottom: 13px;
    padding-left: 5px;
    padding-right: 25px;
    padding-top: 15px;
    width: 100%;
}

.profile-section .border-bottom {
    -o-transition: background .4s;
    -webkit-transition: background .4s;
    background: #c8c7c7;
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    transition: background .4s;
    width: 100%;
}

.profile-section .person-info-row { margin-bottom: 40px }

.profile-section .row-dot-container { display: none }

.profile-section .row-dot {
    -o-transition: background .4s;
    -webkit-box-sizing: border-box;
    -webkit-transition: background .4s;
    background: #fff;
    border: 1px solid #c8c7c7;
    border-radius: 30px;
    box-sizing: border-box;
    display: inline-block;
    height: 26px;
    transition: background .4s;
    vertical-align: middle;
    width: 26px;
}

.profile-section .profile-btn-container {
    margin-top: 30px;
    text-align: right
}

.profile-section .profile-submit-btn {
    border: 1px solid #c8c7c7;
    color: #807f7f;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 30px;
}

.profile-section .profile-content-container {
    padding-bottom: 100px;
    padding-top: 50px;
}

.profile-section .profile-info-item-inner.error-fld .label-profile-fld { color: #ed1a3b }

.profile-section .profile-info-item-inner.error-fld .border-bottom { background: #ed1a3b }

.profile-section .profile-info-form.loading .profile-submit-btn {
    opacity: .7;
    pointer-events: none;
}

.profile-section .profile-btn-container-inner { text-align: center }

.profile-section .profile-result-container {
    margin: 0 auto;
    max-width: 395px;
    width: 100%;
}

.profile-section .profile-result-container .profile-submit-btn { width: 100% }

.profile-section .profile-inner-title-wrap { text-align: center }

.profile-section .profile-inner-title {
    color: #000;
    font-size: 27px;
}

.profile-section .login-section { margin-top: 60px }

.profile-section .form-row { margin-bottom: 15px }

.profile-section .last-code-row-text {
    color: #807f7f;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.profile-section .result-submit-container { margin-top: 45px }

.profile-section .result-success-container { text-align: center }

.profile-section .result-success-text { margin-top: 40px }

.profile-section .result-success-text p {
    color: #000;
    font-size: 16px;
    line-height: 1.8em;
}

.profile-section .success-positions {
    border: 1px solid #b16f5f;
    color: #b16f5f;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1em;
    margin-top: 40px;
    padding: 20px 30px;
}

.profile-section .profile-password-form .form-row { margin-bottom: 40px }

.profile-section .profile-password-form .result-submit-container { margin-top: 90px }

.profile-section .profile-form-cv .change-col { width: 33% }

.profile-section .profile-form-cv .form-cv { overflow: hidden }

.profile-section .profile-cv-success {
    -o-transition: top .2s;
    -webkit-transition: top .2s;
    background: #fff;
    height: 0;
    left: 0;
    position: absolute;
    text-align: center;
    top: 100%;
    transition: top .2s;
    width: 100%;
    z-index: 1;
}

.profile-section .profile-cv-success:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.profile-section .profile-cv-success .success-message {
    display: block;
    display: inline-block;
    vertical-align: middle
}

.profile-section .profile-cv-success .succes-message-text {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.profile-section .profile-cv-success .succes-message-icon { margin-right: 20px }

.profile-section .profile-cv-success .success-message {
    margin-top: 30px;
    vertical-align: top;
}

.profile-section .profile-cv-success.active {
    height: 100%;
    top: 0
}

.profile-section .cv-success-btn-container { margin-top: 40px }

@media (min-width: 640px) {
    .profile-section .profile-top-section { border-bottom: 1px solid #c8c7c7 }

    .profile-section .profile-nav-btn {
        border-bottom: none;
        width: 50%;
    }

    .profile-section .profile-nav-btn:first-child { border-top: none }

    .profile-section .profile-image-col {
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
    }

    .profile-section .profile-content-col { width: calc(100% - 130px) }

    .profile-section .profile-info-item {
        padding-left: 40px;
        padding-right: 40px
    }

    .profile-section .profile-info-item.large-item { max-width: 530px }

    .profile-section .profile-form-fld { padding-right: 5px }

    .profile-section .profile-btn-container-inner {
        padding-left: 40px;
        text-align: left
    }

    .profile-section .person-name-row {
        padding-bottom: 35px;
        padding-top: 35px;
    }
}

@media (min-width: 720px) {
    .profile-section .row-dot-container {
        display: inline-block;
        height: 100%;
        position: absolute;
        right: 100%;
        text-align: center;
        top: 0;
        width: 130px;
        z-index: 3
    }

    .profile-section .row-dot-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .profile-section .profile-image-col-inner {
        height: 100%;
        width: 100%;
    }

    .profile-section .profile-image-col-inner:after {
        background: #c8c7c7;
        content: '';
        height: 100%;
        left: 50%;
        position: absolute;
        top: 0;
        width: 1px;
    }

    .profile-section .profile-info-item { padding-left: 70px }

    .profile-section .profile-btn-container-inner { padding-left: 70px }
}

@media (min-width: 1025px) {
    .profile-section .profile-top-section { padding-top: 5.21vw }

    .profile-section .profile-nav-icon { margin-right: .94vw }

    .profile-section .profile-nav { margin-top: 2.6vw }

    .profile-section .profile-nav-btn {
        margin-right: 2.08vw;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        width: auto;
    }

    .profile-section .profile-nav-btn:hover .profile-nav-text { color: #b16f5f }

    .profile-section .profile-nav-btn:hover .template-image-hover {
        opacity: 1;
        visibility: visible
    }

    .profile-section .profile-btn-container { margin-top: 3.13vw }

    .profile-section .profile-submit-btn {
        -o-transition: color .4s, background .4s, border-color .4s;
        -webkit-transition: color .4s, background .4s, border-color .4s;
        padding: 18px 50px;
        transition: color .4s, background .4s, border-color .4s
    }

    .profile-section .profile-submit-btn:hover {
        background: #b16f5f;
        border-color: #b16f5f;
        color: #fff;
    }

    .profile-section .profile-info-item { max-width: 300px }

    .profile-section .person-name-row { margin-bottom: 0 }

    .profile-section .person-name-row .profile-info-item { margin-bottom: 0 }

    .profile-section .profile-result-container { padding-top: 30px }

    .profile-section .result-success-container { padding-top: 30px }

    .profile-section .success-positions {
        -o-transition: background .4s, color .4s;
        -webkit-transition: background .4s, color .4s;
        transition: background .4s, color .4s
    }

    .profile-section .success-positions:hover {
        background: #b16f5f;
        color: #fff;
    }

    .profile-section .profile-form-cv .cv-browse-btn-container {
        margin-right: 10%;
        width: 45%;
    }

    .profile-section .profile-form-cv .cv-submit-btn-container { width: 45% }
}

@media (min-width: 1921px) {
    .profile-section .profile-nav-btn { margin-right: 40px }

    .profile-section .profile-nav-icon { margin-right: 18px }
}

.results-custom .profile-result-container {
    max-width: 100%;
    padding-top: 0;
}

.results-custom .profile-result-container ul li {
    font-size: 14px;
    padding: 5px 0
}

.results-custom .profile-result-container ul li p { margin-bottom: 20px }

.results-custom .profile-result-container h2 {
    font-size: 24px;
    padding: 50px 0 5px 0
}

.results-custom .profile-result-container p { margin: 0 }

.results-custom .profile-result-container h3 {
    font-size: 18px;
    padding: 20px 0 10px 0
}

@media (min-width: 1921px) {
    .results-custom .profile-result-container ul li { font-size: 18px }

    .results-custom .profile-result-container h2 { font-size: 28px }

    .results-custom .profile-result-container h3 { font-size: 22px }

    .results-custom .profile-result-container p { font-size: 18px }
}