@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
main {
    display: block
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
img {
    border-style: none
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    padding: .35em .75em .625em
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
details {
    display: block
}
summary {
    display: list-item
}
template {
    display: none
}
[hidden] {
    display: none
}
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}
.slick-list:focus {
    outline: 0
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}
.slick-track:after {
    clear: both
}
.slick-loading .slick-track {
    visibility: hidden
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir=rtl] .slick-slide {
    float: right
}
.slick-slide img {
    display: block
}
.slick-slide.slick-loading img {
    display: none
}
.slick-slide.dragging img {
    pointer-events: none
}
.slick-initialized .slick-slide {
    display: block
}
.slick-loading .slick-slide {
    visibility: hidden
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden {
    display: none
}
.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat
}
@font-face {
    font-family: slick;
    src: url(fonts/slick.eot);
    src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-prev {
    left: -25px
}
[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}
.slick-prev:before {
    content: "←"
}
[dir=rtl] .slick-prev:before {
    content: "→"
}
.slick-next {
    right: -25px
}
[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}
.slick-next:before {
    content: "→"
}
[dir=rtl] .slick-next:before {
    content: "←"
}
.slick-dotted.slick-slider {
    margin-bottom: 30px
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}
.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat/Montserrat-Light.eot);
    src: url(../fonts/montserrat/Montserrat-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/Montserrat-Light.svg#Montserrat-Light) format("svg"), url(../fonts/montserrat/Montserrat-Light.ttf) format("truetype"), url(../fonts/montserrat/Montserrat-Light.woff) format("woff"), url(../fonts/montserrat/Montserrat-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat/Montserrat-Regular.eot);
    src: url(../fonts/montserrat/Montserrat-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/Montserrat-Regular.svg#Montserrat-Regular) format("svg"), url(../fonts/montserrat/Montserrat-Regular.ttf) format("truetype"), url(../fonts/montserrat/Montserrat-Regular.woff) format("woff"), url(../fonts/montserrat/Montserrat-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat/Montserrat-Medium.eot);
    src: url(../fonts/montserrat/Montserrat-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/Montserrat-Medium.svg#Montserrat-Medium) format("svg"), url(../fonts/montserrat/Montserrat-Medium.ttf) format("truetype"), url(../fonts/montserrat/Montserrat-Medium.woff) format("woff"), url(../fonts/montserrat/Montserrat-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat/Montserrat-SemiBold.eot);
    src: url(../fonts/montserrat/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/Montserrat-SemiBold.svg#Montserrat-SemiBold) format("svg"), url(../fonts/montserrat/Montserrat-SemiBold.ttf) format("truetype"), url(../fonts/montserrat/Montserrat-SemiBold.woff) format("woff"), url(../fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat/Montserrat-Bold.eot);
    src: url(../fonts/montserrat/Montserrat-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/montserrat/Montserrat-Bold.svg#Montserrat-Bold) format("svg"), url(../fonts/montserrat/Montserrat-Bold.ttf) format("truetype"), url(../fonts/montserrat/Montserrat-Bold.woff) format("woff"), url(../fonts/montserrat/Montserrat-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font-size: 100%
}
body {
    font-size: 16px;
    font-weight: 400;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-rendering: geometricPrecision
}
.main-wrapper {
    position: relative;
    overflow: hidden
}
.no-scroll {
    overflow: hidden
}
.container {
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px
}
.body_fixed {
    overflow: hidden
}
a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    line-height: 1.5;
    transition: all 0.3s ease;
}
a:active,
a:focus {
    outline: 0
}
p {
    font-size: 16px;
    line-height: 1.5em;
    margin: 0
}
ol,
ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}
img,
picture {
    width: 100%;
    height: 100%;
    display: block;
    /* border-radius: 30px; */
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    margin: 0;
    line-height: 1.25em
}
.section {
    position: relative
}
.section-title {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}
.section-title_white {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff
}
.item-title {
    font-size: 24px;
    font-weight: 700
}
.white {
    color: #fff
}
.black {
    color: #000
}
.bg-white {
    background-color: #fff
}
.bg-blue {
    background-color: #eff6ff
}
.custom-input {
    width: 100%;
    border-radius: 24px;
    background-color: #f5f5f5;
    padding: 12px 24px;
    border: none;
    outline: 0
}
.custom-input::-webkit-input-placeholder {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #bfc4cc
}
.custom-input::-moz-placeholder {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: r #bfc4cc
}
.custom-input:-ms-input-placeholder {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #bfc4cc
}
.custom-input::-webkit-input-placeholder {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #bfc4cc
}
.custom-input::-moz-placeholder {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #bfc4cc
}
.custom-input:-ms-input-placeholder {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #bfc4cc
}
.custom-input::-ms-input-placeholder {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #bfc4cc
}
.custom-input::placeholder {
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #bfc4cc
}
select::-ms-expand {
    display: none
}
input[type=search]:focus {
    outline: 0
}
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}
input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0
}
input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}
textarea {
    resize: none
}
table {
    border-spacing: 0
}
input[type=checkbox] {
    width: 1px;
    height: 1px;
    background: 0 0;
    border: none;
    opacity: 0
}
input[type=radio] {
    width: 1px;
    height: 1px;
    background: 0 0;
    border: none;
    opacity: 0
}
input[type=radio]:checked~.custom-radio:before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}
label:hover {
    cursor: pointer
}
.humburger {
    width: 50px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    display: none;
    top: 6px;
    right: 46px;
}
.humburger__item {
    display: block;
    width: 100%;
    height: 5px;
    background-image: -webkit-gradient(linear, right top, left top, from(#fad961), to(#f76b1c));
    background-image: -o-linear-gradient(right, #fad961, #f76b1c);
    background-image: linear-gradient(-90deg, #fad961, #f76b1c);
    border-radius: 5px;
    position: absolute
}
.humburger__item:first-child {
    top: 0;
    left: 0;
    -webkit-transition: width .3s ease, opacity .3s;
    -o-transition: width .3s ease, opacity .3s;
    transition: width .3s ease, opacity .3s
}
.humburger__item:nth-child(2) {
    top: -webkit-calc(50% - 2px);
    top: calc(50% - 2px);
    left: 0;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    -o-transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
.humburger__item:last-child {
    bottom: 0;
    left: 0;
    -webkit-transition: width .3s ease, opacity .3s;
    -o-transition: width .3s ease, opacity .3s;
    transition: width .3s ease, opacity .3s
}
.humburger_active .humburger__item:last-child {
    width: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(right, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to left, #9f2fff, #0bb1d3)
}
.humburger_active .humburger__item:nth-child(2) {
    -webkit-transform: rotate(-1665deg);
    -ms-transform: rotate(-1665deg);
    transform: rotate(-1665deg);
    background-image: -webkit-gradient(linear, right top, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(right, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to left, #9f2fff, #0bb1d3)
}
.humburger_active .humburger__item:first-child {
    -webkit-animation: topLine .6s;
    animation: topLine .6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    background-image: -webkit-gradient(linear, right top, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(right, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to left, #9f2fff, #0bb1d3)
}
@-webkit-keyframes topLine {
    0% {
        width: 100%;
        opacity: 1;
        top: 0
    }
    50% {
        width: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }
    100% {
        left: 0;
        top: 13px;
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 100%;
        opacity: 1
    }
}
@keyframes topLine {
    0% {
        width: 100%;
        opacity: 1;
        top: 0
    }
    50% {
        width: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }
    100% {
        left: 0;
        top: 13px;
        -webkit-transform: translate(10px, 0);
        transform: translate(10px, 0);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 100%;
        opacity: 1
    }
}
.btn {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fad961), to(#f76b1c));
    background-image: -o-linear-gradient(top, #fad961, #f76b1c);
    background-image: linear-gradient(180deg, #fad961, #f76b1c);
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 18px 30px;
    border-radius: 64px;
    border: 0
}
.btn:focus {
    outline: 0
}
.btn:hover {
    cursor: pointer;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fad961), to(#f76b1c));
    background-image: -o-linear-gradient(bottom, #fad961, #f76b1c);
    background-image: linear-gradient(0deg, #fad961, #f76b1c)
}
.btn_md {
    padding: 18px 74px
}
.btn_lg {
    padding: 16px 16px 16px 48px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    border-radius: 64px;
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0
}
.btn_lg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fad961), to(#f76b1c));
    background-image: -o-linear-gradient(top, #fad961, #f76b1c);
    background-image: linear-gradient(180deg, #fad961, #f76b1c);
    border-radius: inherit;
    opacity: .4;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
.btn_lg:focus {
    outline: 0
}
.btn_lg i {
    z-index: 1;
    margin-right: 32px;
    font-style: normal
}
.btn-send {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fad961), to(#f76b1c));
    background-image: -o-linear-gradient(top, #fad961, #f76b1c);
    background-image: linear-gradient(180deg, #fad961, #f76b1c);
    border-radius: 50%;
    width: 39px;
    height: 39px;
    border: none
}
.btn-send:hover {
    cursor: pointer
}
.btn-send:focus {
    outline: 0
}
.btn-play {
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fad961), to(#f76b1c));
    background-image: -o-linear-gradient(top, #fad961, #f76b1c);
    background-image: linear-gradient(to bottom, #fad961, #f76b1c);
    width: 64px;
    height: 64px;
    z-index: 1;
    position: relative
}
.btn-play:hover {
    cursor: pointer
}
.btn-play img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px
}
.services-slider_abstract {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s
}
.circle {
    display: block;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    position: absolute
}
.circle_lg {
    width: 320px;
    height: 320px;
    position: absolute;
    left: -30px;
    top: 122px
}
.circle_sm {
    width: 52px;
    height: 52px;
    -webkit-filter: blur(12px);
    filter: blur(12px);
    top: 60px;
    left: 260px
}
.circle_md {
    width: 184px;
    height: 184px;
    -webkit-filter: blur(32px);
    filter: blur(32px);
    top: 100%;
    left: -452px
}
.cloud_l {
    position: absolute;
    width: 300px;
    height: auto;
    left: -362px;
    top: 45%;
    z-index: 1
}
.cloud_r {
    position: absolute;
    width: 230px;
    right: 120px;
    height: auto;
    top: 260px;
    z-index: 1
}
.tk {
    background-image: url(../img/svg/tiktok-grey.png)
}
.tk:hover {
    background-image: url(../img/svg/tiktok-logo.png)
}
.fb {
    background-image: url(../img/svg/fb_gray.svg)
}
.fb:hover {
    background-image: url(../img/svg/fb_color.svg)
}
.yt {
    background-image: url(../img/svg/youtube_gray.svg)
}
.yt:hover {
    background-image: url(../img/svg/youtube_color.svg)
}
.inst {
    background-image: url(../img/svg/instagram_gray.svg)
}
.inst:hover {
    background-image: url(../img/svg/instagram_color.svg)
}
.loader {
    background: no-repeat scroll 0 0 #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100
}
.loader_inner {
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: center;
    width: 100%;
    height: 160px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}
.loader-text {
    font-size: 18px;
    font-weight: 500;
    color: #0bb1d3;
    padding: 0 20px
}
.loader-text span {
    color: #9f2fff
}
.mfp-counter {
    display: none
}
.error-page {
    text-align: center
}
.error-page .section-title {
    padding-left: 20px;
    padding-right: 20px
}
.error-page .footer {
    position: fixed;
    bottom: 0;
    width: 100%
}
.header {
    position: relative;
    /* padding: 10px 0; */
    color: #fff
}
.header-container {
    width: 100%;
    /* max-width: 1312px; */
    margin: 0 auto;
    padding: 3px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.slide {
    position: fixed;
    /* left: 296px; */
    z-index: 2;
    background-color: #017fd6;
    height: 44px;
    transition: all 0.3s ease;
}
.slide:hover {
    box-shadow: 0 7px 10px rgba(32,33,36,.28);
    border-color: rgba(223,225,229,0);
}
.header-nav.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.header-nav ul li {
    display: inline-block
}
.header-nav ul li:not(:last-child) {
    margin-right: 24px
}
.header-nav ul li a:hover {
    position: relative;
    /* text-shadow: 0 0 3px #fff; */
    transform: translateY(1px);
}
.header-nav ul li a::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.header-nav ul li a:hover::after {
    width: 100%;
}
.header-social li {
    display: inline-block
}
.header-social li:not(:last-child) {
    margin-right: 21px
}
.header-social li a {
    opacity: .6;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
.header-social li a:hover {
    opacity: 1
}
.header-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px
}
.header-phone img {
    max-width: 10px;
    margin-right: 13px
}
.header-phone p {
    font-size: 18px
}
.logo-link {
    justify-self: center;
    width: 200px
}
.header-inner {
    position: relative;
    padding: 27px 0;
    color: #fff
}
.header-inner-container {
    width: 100%;
    max-width: 1312px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 15px
}
.header-inner-nav.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}
.header-inner-nav ul li {
    display: inline-block
}
.header-inner-nav ul li.active {
    text-shadow: 0 0 1px #9f2fff
}
.header-inner-nav ul li:not(:last-child) {
    margin-right: 24px
}
.header-inner-nav ul li a {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: -webkit-box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s
}
.header-inner-nav ul li a:hover {
    text-shadow: 0 0 1px #9f2fff
}
.header-inner-social li {
    display: inline-block
}
.header-inner-social li:not(:last-child) {
    margin-right: 21px
}
.header-inner-social li a {
    width: 36px;
    height: 36px;
    position: relative;
    background-size: cover
}
.header-inner-social li a:hover {
    opacity: 1
}
.header-inner-phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px
}
.header-inner-phone p {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}
.header-inner-phone img {
    max-width: 10px;
    margin-right: 13px
}
.header-inner-phone p {
    font-size: 18px
}
.logo-link {
    justify-self: center;
    width: 200px
}
.footer {
    position: relative;
    overflow: hidden;
    padding: 56px 0 50px 0;
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.footer:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#0280d7), to(rgba(2, 128, 215, 0))), url(../img/images/plane.jpg);
    background-image: -o-linear-gradient(left, #0280d7, rgba(2, 128, 215, 0)), url(../img/images/plane.jpg);
    background-image: linear-gradient(to right, #0280d7, rgba(2, 128, 215, 0)), url(../img/images/plane.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -2;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    margin: -35px
}
.footer-nav {
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px
}
.footer-nav li {
    display: inline-block
}
.footer-nav li:not(:last-child) {
    margin-right: 60px
}
.footer-nav li a {
    line-height: 1.5;
    position: relative
}
.footer-nav li a:before {
    content: "";
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width .4s;
    -o-transition: width .4s;
    transition: width .4s
}
.footer-nav li a:hover::before {
    width: 100%
}
.footer .copy {
    text-align: center;
    font-size: 12px
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity .2s z-index 0;
    -o-transition: opacity .2s z-index 0;
    transition: opacity .2s z-index 0;
    display: none
}
.overlay_active {
    display: block;
    opacity: 1;
    z-index: 15
}
.modal {
    max-width: 640px;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 16px;
    background-color: #fff;
    padding: 104px 100px 70px 100px;
    opacity: 0;
    -webkit-box-shadow: 0 8px 16px -8px rgba(74, 144, 226, .16);
    box-shadow: 0 8px 16px -8px rgba(74, 144, 226, .16);
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}
.modal_active {
    opacity: 1;
    z-index: 20
}
.modal .section-title {
    margin-bottom: 42px
}
.close {
    position: absolute;
    top: 23px;
    right: 23px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #9f2fff;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    -o-transition: transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}
.close:hover {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
.form-order {
    margin: 0 auto;
    text-align: center
}
.form-order label {
    position: relative;
    display: block
}
.form-order label:not(:last-of-type) {
    margin-bottom: 16px
}
.form-order label:last-of-type {
    margin-bottom: 60px
}
.form-cost {
    margin: 0 auto;
    text-align: center
}
.form-cost label {
    position: relative;
    display: block
}
.form-cost label:not(:last-of-type) {
    margin-bottom: 16px
}
.form-cost label:last-of-type {
    margin-bottom: 60px
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none !important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
.main-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 30% 0;
    color: #fff;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, right top, from(#0280d7), to(rgba(11, 177, 211, 0))), url(../img/images/planes.jpg) no-repeat center/cover;
    background: -o-linear-gradient(left, #0280d7, rgba(11, 177, 211, 0)), url(../img/images/planes.jpg) no-repeat center/cover;
    background: linear-gradient(to right, #0280d7, rgba(11, 177, 211, 0)), url(../img/images/planes.jpg) no-repeat center/cover;
    /* height: 981px; */
}
.main-banner__content {
    /* max-width: 500px; */
    padding-bottom: 104px;
    padding-top: 104px;
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.main-banner__wrapper {
    position: relative
}
.main-banner__list {
    width: 100%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    margin-bottom: 64px
}
.main-banner__list li {
    position: relative;
    margin-bottom: 24px;
    line-height: 1.33
}
.main-banner__list li:before {
    content: url(../img/svg/check.svg);
    position: absolute;
    left: 0;
    top: 0
}
.main-banner__list li p {
    padding-left: 40px
}
.btn_lg {
    position: absolute;
    top: 50%;
    right: 60px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1
}
.btn_lg:hover:before {
    opacity: 1;
    z-index: 0
}
.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    overflow: hidden
}
.bg-video__content {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.main-title {
    font-size: 64px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.13em
}
.main-title__description {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 56px;
    font-weight: 600
}
.about {
    padding: 64px 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.about .section-title {
    margin-bottom: 48px
}
.about__wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.about-img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 448px;
    -ms-flex: 0 0 448px;
    flex: 0 0 448px;
    height: 390px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
    border-radius: 16px
}
.about-img img {
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: right
}
.about-content {
    padding: 30px;
    -webkit-box-shadow: 0 24px 24px -16px rgba(74, 144, 226, .32);
    box-shadow: 0 24px 24px -16px rgba(74, 144, 226, .32);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: #fff;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.about-content p {
    font-size: 16px;
    font-weight: 500
}
.about-content p:first-child {
    margin-bottom: 18px
}
.pilot__wrapper {
    flex-wrap: wrap
}
.pilot__wrapper .about-img {
    flex: 0 0 75%;
    height: auto;
    margin: 0 auto 16px auto;
}
.pilot__wrapper .about-content {
    padding: 24px 15px 32px;
    border-radius: 16px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.offers {
    position: relative;
    padding: 48px 0 120px 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.offers .section-title {
    margin-bottom: 104px
}
.offers__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.offers-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.3333%;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.offers-box img {
    max-width: 112px;
    margin: 0 auto 40px auto
}
.offers-box p {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding: 0 80px
}
.services {
    padding: 66px 0 260px 0;
    overflow: hidden;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    background: -webkit-gradient(circle, #f3f4f1, rgba(11, 177, 211, 0)),fixed url(../img/club.jpg) no-repeat center/cover;
    background: -o-linear-gradient(circle, #f3f4f1, rgba(11, 177, 211, 0)),fixed url(../img/club.jpg) no-repeat center/cover;
    background: radial-gradient(circle, #f3f4f1, rgba(11, 177, 211, 0)),fixed url(../img/club.jpg) no-repeat center/cover;
}
.services .section-title {
    margin-bottom: 120px
}
.services-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.services-slider .item-title {
    margin-bottom: 42px
}
.services-slider__img {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
    position: relative
}
.services-slider__img .item-title {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.services-slider__img .item-title.sl_left {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
}
.services-slider__img-list {
    position: relative;
    top: 30px;
    left: -160px;
    max-width: 528px;
    border-radius: 20px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.services-slider__img-list .slick-slide {
    opacity: 0;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}
.services-slider__img-list .slick-current {
    opacity: 1;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}
.services-slider__img-list li img {
    border-radius: 20px
}
.services-slider_sm {
    position: relative;
    top: 80px;
    left: -160px;
    padding: 0 20px
}
.services-slider_sm .slick-current li {
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid orange
}
.services-slider_sm li {
    display: inline-block;
    max-width: 80px;
    min-width: 80px;
    min-height: 80px;
    border-radius: 50%;
    background-color: #e5e5e5;
    -webkit-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
    position: relative;
    width: 100%;
    margin-left: 5px;
    margin-right: 5%;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}
.services-slider_sm li:not(:last-child) {
    margin-right: 27px
}
.services-slider_sm li img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%
}
.services-slider__content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.services-slider__content h4 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    margin-bottom: 89px
}
.services-slider__content h4:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 100%;
    height: 1px;
    background-image: -webkit-gradient(linear, left top, right top, from(#0280d7), to(#c1f3ff));
    background-image: -o-linear-gradient(left, #0280d7, #c1f3ff);
    background-image: linear-gradient(to right, #0280d7, #c1f3ff)
}
.services-slider__content table {
    font-size: 18px;
    width: 100%
}
.services-slider__content table tr {
    line-height: 3em
}
.services-slider__content table td {
    font-weight: 500
}
.services-slider__content table td:nth-child(even) {
    font-weight: 700;
    padding-left: 20px
}
.services-slider__nav {
    position: relative;
    top: 100px;
    left: 90px
}
.gallery__nav-arrow,
.services__nav-arrow {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: 0;
    width: 40px;
    height: 40px;
    background-size: cover
}
.gallery__nav-arrow-left,
.services__nav-arrow-left {
    background-image: url(../img/svg/arrow-left.svg);
    margin-right: 16px
}
.gallery__nav-arrow-left:hover,
.services__nav-arrow-left:hover {
    background-image: url(../img/svg/arrow-right-color.svg);
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1)
}
.gallery__nav-arrow-right,
.services__nav-arrow-right {
    background-image: url(../img/svg/arrow-right.svg)
}
.gallery__nav-arrow-right:hover,
.services__nav-arrow-right:hover {
    background-image: url(../img/svg/arrow-right-color.svg)
}
.faq {
    padding: 80px 0 110px 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.faq .section-title {
    margin-bottom: 56px
}
.accordion {
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.accordion-list {
    position: relative
}
.accordion-list li {
    background-color: #fff;
    border-radius: 16px;
    margin-bottom: 16px;
    -webkit-box-shadow: 0 8px 16px -8px rgba(74, 144, 226, .16);
    box-shadow: 0 8px 16px -8px rgba(74, 144, 226, .16);
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.accordion-list li.sl_bottom {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px)
}
.accordion-list li a {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    display: block;
    padding: 24px 40px;
}
.accordion-list li a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px
}
.accordion-list li a.active:before {
    background-image: -webkit-gradient(linear, left top, right top, from(#0280d7), to(#c1f3ff));
    background-image: -o-linear-gradient(left, #0280d7, #c1f3ff);
    background-image: linear-gradient(to right, #0280d7, #c1f3ff)
}
.accordion__content {
    padding: 30px 40px 40px 40px
}
.accordion__content ul li {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px
}
.accordion__content ul li:not(:last-child) {
    margin-bottom: 18px
}
.accordion__content p {
    font-size: 18px
}
.accordion__content p:not(:last-child) {
    margin-bottom: 18px
}
.accordion__arrow {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    background-color: transparent;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    padding: 2px;
    margin-top: -10px
}
.accordion__arrow.active {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}
.btn_more__wrapper {
    text-align: center;
    margin-top: 40px
}
.btn_more {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    margin: 0 auto 5px auto;
    display: inline-block;
    margin: 0 auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}
.btn_more p {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    margin: 0 auto 5px auto;
    display: inline-block;
    margin: 0 auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}
.border_dashed {
    width: 100%;
    display: block;
    margin-top: 5px;
    height: 2px;
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #eff6ff), to(#eff6ff)), -webkit-gradient(linear, left top, right top, from(#0280d7), to(#9f2fff));
    background-image: -o-linear-gradient(left, transparent, transparent 50%, #eff6ff 50%, #eff6ff 100%), -o-linear-gradient(left, #0280d7, #9f2fff);
    background-image: linear-gradient(90deg, transparent, transparent 50%, #eff6ff 50%, #eff6ff 100%), linear-gradient(90deg, #0280d7, #9f2fff);
    background-size: 20px 3px, 100% 3px;
    border: none
}
.gift {
    padding: 64px 0 72px 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0280d7), to(#c1f3ff)),fixed url(../img/sert-3.jpg) no-repeat center;
    background-image: -o-linear-gradient(top, #0280d7, #c1f3ff),fixed url(../img/sert-3.jpg) no-repeat center;
    background: linear-gradient(to right, #0280d7, rgba(11, 177, 211, 0)),fixed url(../img/sert-3.jpg) no-repeat center;
    color: #fff;
    position: relative;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.gift .section-title_white {
    margin-bottom: 80px
}
.gift__img {
    position: absolute;
    max-width: 43%;
    right: 20px;
    bottom: -50px;
    z-index: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.gift__img>img {
    border-radius: 24px;
}
.gift-content {
    max-width: 480px;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.gift-content p {
    font-size: 18px;
    font-weight: 500
}
.gift-content p:not(:last-of-type) {
    margin-bottom: 18px
}
.gift-content p:last-of-type {
    margin-bottom: 56px
}
.gallery {
    position: relative;
    padding-top: 60px;
    padding-bottom: 96px;
    overflow: hidden;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.gallery__wrapper {
    position: relative
}
.gallery__list {
    position: relative
}
.gallery__list .slick-list {
    padding-top: 40px;
    padding-bottom: 80px
}
.gallery__nav {
    text-align: center
}
.gallery__nav-arrow {
    display: inline-block;
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer;
    padding: 0
}
.gallery__nav-arrow:first-child {
    margin-right: 16px
}
.gallery li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    position: relative
}
.gallery__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s, -webkit-transform .4s, -webkit-box-shadow;
    transition: .4s, -webkit-transform .4s, -webkit-box-shadow;
    -o-transition: transform .4s, box-shadow, .4s;
    transition: transform .4s, box-shadow, .4s;
    transition: transform .4s, box-shadow, .4s, -webkit-transform .4s, -webkit-box-shadow;
    z-index: 1
}
.gallery__item:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-box-shadow: 0 32px 32px -16px rgba(0, 0, 0, .5);
    box-shadow: 0 32px 32px -16px rgba(0, 0, 0, .5);
    z-index: 2
}
.gallery__item-wrapper {
    position: relative;
    height: 100%;
    padding-bottom: 80%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 1;
    -webkit-transition: .4s, -webkit-transform .4s, -webkit-box-shadow;
    transition: .4s, -webkit-transform .4s, -webkit-box-shadow;
    -o-transition: transform .4s, box-shadow, .4s;
    transition: transform .4s, box-shadow, .4s;
    transition: transform .4s, box-shadow, .4s, -webkit-transform .4s, -webkit-box-shadow
}
.gallery__item-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.gallery__item-wrapper:hover .gallery__item-icon {
    opacity: 1;
    z-index: 1
}
.gallery__item-wrapper:hover:before {
    opacity: 1
}
.gallery__item-wrapper:hover span {
    opacity: 1;
    z-index: 1
}
.gallery__item-wrapper:hover .btn-play {
    width: 96px;
    height: 96px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fad961), to(#f76b1c));
    background: -o-linear-gradient(top, #fad961, #f76b1c);
    background: linear-gradient(to bottom, #fad961, #f76b1c);
    opacity: 1
}
.gallery__item-wrapper:hover .btn-play svg {
    fill-opacity: 1;
    fill: #fff;
    z-index: 1;
    width: 40px;
    height: 40px
}
.gallery__item-wrapper span {
    position: absolute;
    bottom: 32px;
    left: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.gallery__item-wrapper .btn-play {
    position: absolute;
    background: #fff;
    opacity: .4;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width .4s, height .4s, background .4s, opacity .4s;
    -o-transition: width .4s, height .4s, background .4s, opacity .4s;
    transition: width .4s, height .4s, background .4s, opacity .4s
}
.gallery__item-wrapper .btn-play svg {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill-opacity: 1;
    -webkit-transition: fill-opacity .4s, fill .4s, width .4s, height .4s;
    -o-transition: fill-opacity .4s, fill .4s, width .4s, height .4s;
    transition: fill-opacity .4s, fill .4s, width .4s, height .4s
}
.gallery__item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.gallery__item-icon {
    width: 24px;
    height: 24px;
    opacity: .6;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    position: absolute;
    top: 32px;
    right: 40px
}
.gallery .section-title {
    margin-bottom: 80px
}
.subscribe {
    background-image: -o-linear-gradient(347deg, #0280d7, #c1f3ff);
    background-image: linear-gradient(103deg, #0280d7, #c1f3ff);
    padding-bottom: 18%;
    position: relative;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.subscribe__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 100px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.subscribe__form {
    position: relative;
    max-width: 400px;
    width: 100%;
    color: #000
}
.subscribe__form-wrapper {
    position: relative;
    background-color: #fff;
    border-radius: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px
}
.subscribe__form-wrapper label {
    width: 100%
}
.subscribe__form-wrapper input {
    padding-left: 20px;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    max-width: 100%;
    border: none
}
.subscribe__form-wrapper input:focus {
    outline: 0
}
.subscribe__form-wrapper button {
    position: relative
}
.contacts {
    position: relative;
    background-color: #eff6ff;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}
.contacts-content {
    padding: 144px 90px 72px 0;
    max-width: 40%;
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.contacts-content .section-title {
    margin-bottom: 64px
}
.contacts-address {
    margin-bottom: 113px
}
.contacts-address li {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.contacts-address li:not(:last-child) {
    margin-bottom: 40px
}
.contacts-address li img {
    margin-right: 30px;
    width: 23px;
    position: absolute;
    left: -50px
}
.contacts-address li p {
    font-size: 22px;
    line-height: 1.45;
    font-weight: 500
}
.contacts-address li a {
    font-size: 22px;
    line-height: 1.45;
    font-weight: 500
}
.contacts-social li {
    display: inline-block
}
.contacts-social li:not(:last-child) {
    margin-right: 16px
}
.contacts-social li a {
    position: relative;
    background-size: cover;
    width: 36px;
    height: 36px
}
.contacts .map {
    width: 60%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../img/images/map.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
.contacts .map.sl_right {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0)
}
.contacts .map__content {
    height: 100%;
    position: relative;
    position: relative
}
.contacts .map-label {
    padding: 20px;
    max-width: 215px;
    width: 100%;
    border-radius: 40px;
    background-color: #fff;
    text-align: center;
    font-weight: 600;
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 1;
    font-size: 14px
}
.contacts .map-label::after,
.contacts .map-label::before {
    content: '';
    position: absolute;
    left: 40px;
    bottom: -20px;
    border: 10px solid transparent;
    border-top: 10px solid #fff
}
.contacts .map-label::after {
    border-top: 10px solid #fff;
    bottom: -19px
}
.popup-bubble {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-25%, -240%);
    -ms-transform: translate(-25%, -240%);
    transform: translate(-25%, -240%);
    background-color: #fff
}
.popup-container {
    cursor: auto;
    height: 0;
    position: absolute;
    width: 200px
}
.sl_left {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
}
.sl_right {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    transform: translate(50px, 0)
}
.sl_bottom {
    opacity: 0;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px)
}
.fade_in {
    opacity: 0
}
.loaded-news {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}
.news {
    padding-top: 60px;
    padding-bottom: 88px
}

.news .section-title {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 88px
}
.news__wrapper {
    margin: 0 -15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.news-box {
    width: 33.33333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    padding: 0 15px;
    margin-bottom: 32px;
    position: relative;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    -o-transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s
}
.news-box.sl_bottom {
    opacity: 0;
    -webkit-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    transform: translate(0, 50px)
}
.news-content {
    background-color: #fff;
    padding: 24px;
    border-radius: 16px
}
.news-content__img {
    border-radius: 16px;
    margin-bottom: 32px
}
.news-content__img img {
    border-radius: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 185px;
}
.news-content__text .date {
    color: #848484;
    font-size: 14px
}
.news-content__text h4 {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.78
}
.news-content__text p {
    margin-bottom: 33px;
    line-height: 1.5
}
.news-content__text .border_dashed {
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    margin-top: 0
}
.form-news button {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .8;
    font-size: 14px;
    font-weight: 400;
    border: none;
    cursor: pointer
}
.form-news button p {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: .8;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}
.form-news button p:hover {
    opacity: 1;
    font-weight: 700;
    -webkit-transition: opacity .4s, font-weight .4s;
    -o-transition: opacity .4s, font-weight .4s;
    transition: opacity .4s, font-weight .4s
}
.form-news button p:hover .border_dashed {
    opacity: 1
}
.form-news button:hover {
    opacity: 1;
    font-weight: 700;
    -webkit-transition: opacity .4s, font-weight .4s;
    -o-transition: opacity .4s, font-weight .4s;
    transition: opacity .4s, font-weight .4s
}
.form-news button:hover .border_dashed {
    opacity: 1
}
.news-page .section-title {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 88px
}
.news-page h2 {
    font-size: 32px;
    margin-bottom: 33px
}
.news-page h1,
.news-page h3 {
    margin: 20px 0 10px
}
.current-news {
    position: relative
}
.current-news__wrapper {
    position: relative;
    margin-bottom: 60px
}
.current-news__slider {
    position: relative;
    border-radius: 16px
}
.current-news__slider_sm {
    position: absolute;
    bottom: 16px;
    left: 16px;
    max-width: 280px;
    width: 100%
}
.current-news__slider_sm .slick-current li {
    border: 2px solid orange
}
.current-news__slider_sm li {
    display: inline-block;
    border-radius: 10px;
    max-width: 64px;
    height: 64px
}
.current-news__slider_sm li:hover {
    cursor: pointer
}
.current-news__slider_sm li:not(:last-child) {
    margin-right: 8px
}
.current-news__slider_sm li img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: inherit
}
.current-news__slider-item {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px
}
.current-news__nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 24px
}
.current-news__btn {
    width: 40px;
    height: 40px;
    background-size: cover;
    border: none;
    background-color: transparent;
    border-radius: 50%;
    background-color: #bfc4cc;
    opacity: .6;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    outline: 0
}
.current-news__btn:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#9f2fff), to(#0bb1d3));
    background-image: -o-linear-gradient(bottom, #9f2fff, #0bb1d3);
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    background-color: transparent;
    cursor: pointer;
    opacity: 1
}
.current-news__prev::before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}
.current-news__prev:hover:before {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff
}
.current-news__next::before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.current-news__next:hover:before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}
.current-news__content {
    max-width: 750px;
    margin: 0 auto
}
.news-article {
    padding-bottom: 81px;
    margin-bottom: 31px;
    border-bottom: 1px solid rgba(95, 98, 102, .2)
}
.news-article span {
    font-size: 14px;
    color: #5f6266
}
.news-article h3 {
    font-size: 24px;
    margin-bottom: 33px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: .87px
}
.news-article p {
    line-height: 1.5em
}
.news-article p:not(:last-child) {
    margin-bottom: 28px
}
.share {
    color: #5f6266;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.share p {
    margin-right: 25px
}
.share ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.share ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 30px
}
.share ul li img {
    margin-right: 13px;
    display: inline-block;
    width: 16px;
    height: 16px
}
.current-news__content-wrapper {
    position: relative;
    padding-bottom: 124px
}
.link-back {
    position: absolute;
    left: 30px;
    top: -40px;
    color: #5f6266;
    font-weight: 600
}
.link-back:before {
    content: "";
    position: absolute;
    right: 110%;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/svg/back.svg);
    width: 14px;
    height: 7px
}
@media only screen and (max-width:10998px) {
    .header-phone p {
        font-size: 16px
    }
    .header-inner-phone p {
        font-size: 16px
    }
}
@media only screen and (max-width:1799px) {
    .services-slider__img-list {
        left: -80px
    }
    .services-slider_sm {
        left: -80px
    }
    .main-banner {
        background-position: 100% 30px;
        /* height: auto;
        background-size: 100%; */
    }
}
@media only screen and (max-width:1599px) {
    .cloud_l {
        left: -300px
    }
}
@media only screen and (max-width:1499px) {
    .container {
        max-width: 1220px
    }
    a {
        font-size: 14px
    }
    p {
        font-size: 14px
    }
    .circle_lg {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .circle_sm {
        left: auto;
        right: 40px
    }
    .circle_md {
        left: -240px
    }
    .cloud_l {
        left: -140px
    }
    .cloud_r {
        right: 0
    }
    /* .header-container {
        max-width: 1280px;
        left: 125px;
    } */
    .header-inner-container {
        max-width: 1280px
    }
    .modal {
        padding: 90px 80px 60px 80px
    }
    .offers-box img {
        margin: 0 auto 30px auto;
        max-width: 92px
    }
    .offers-box p {
        padding: 0 60px
    }
    .services-slider .item-title {
        text-align: center
    }
    .services-slider__img-list {
        left: 160px
    }
    .services-slider__img-list {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .services-slider_sm {
        left: auto;
        width: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        margin: 0 auto
    }
    .services-slider__content {
        padding-left: 40px
    }
    .services-slider__content h4 {
        margin-bottom: 70px
    }
    .services-slider__content table {
        font-size: 16px
    }
    .services-slider__nav {
        left: 0;
        text-align: center
    }
    .accordion-list li a {
        font-size: 22px;
        padding: 26px 34px 18px 34px
    }
    .accordion__content {
        padding: 26px 34px 18px 34px
    }
    .accordion__arrow {
        right: 34px
    }
    .gift .section-title_white {
        margin-bottom: 60px
    }
    .gift__img {
        min-width: 48%;
    }
    .gallery__item-wrapper:hover .btn-play {
        width: 80px;
        height: 80px
    }
    .gallery__item-wrapper:hover .btn-play svg {
        width: 30px;
        height: 30px
    }
    .gallery__item-icon {
        width: 20px;
        height: 20px
    }
    .current-news__content-wrapper {
        padding-bottom: 80px
    }
}
@media only screen and (max-width:1299px) {
    .container {
        max-width: 1140px
    }
    /* .header-container {
        max-width: 1180px
    } */
    .header-inner-container {
        max-width: 1180px
    }
}
@media only screen and (max-width:1199px) {
    .container {
        max-width: 960px
    }
    .section-title {
        font-size: 26px
    }
    .section-title_white {
        font-size: 26px
    }
    .custom-input {
        font-size: 14px;
        padding: 10px 20px
    }
    .custom-input::-webkit-input-placeholder {
        font-size: 14px
    }
    .custom-input::-moz-placeholder {
        font-size: 14px
    }
    .custom-input:-ms-input-placeholder {
        font-size: 14px
    }
    .custom-input::-webkit-input-placeholder {
        font-size: 14px
    }
    .custom-input::-moz-placeholder {
        font-size: 14px
    }
    .custom-input:-ms-input-placeholder {
        font-size: 14px
    }
    .custom-input::-ms-input-placeholder {
        font-size: 14px
    }
    .custom-input::placeholder {
        font-size: 14px
    }
    .btn {
        padding: 16px 25px;
        font-size: 14px
    }
    .btn_lg {
        padding: 14px 14px 14px 30px
    }
    .btn-play {
        width: 44px;
        height: 44px
    }
    .btn-play img {
        width: 15px;
        height: 15px
    }
    /* .header-container {
        max-width: 1000px
    } */
    .header-inner-container {
        max-width: 1000px
    }
    .footer {
        padding: 46px 0 40px 0
    }
    .footer-nav {
        padding-bottom: 40px
    }
    .modal {
        padding: 70px 60px 40px 60px
    }
    .main-banner__content {
        padding-top: 84px;
        padding-bottom: 84px;
        max-width: 450px
    }
    .main-banner__list {
        margin-bottom: 44px
    }
    .main-title {
        font-size: 56px
    }
    .main-title__description {
        margin-bottom: 36px
    }
    .about-img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 380px;
        -ms-flex: 0 0 380px;
        flex: 0 0 380px;
        height: 440px
    }
    .about-content {
        padding: 36px 20px 44px 20px
    }
    .about-content p {
        font-size: 16px
    }
    .offers {
        padding: 48px 0 80px 0
    }
    .offers .section-title {
        margin-bottom: 80px
    }
    .offers-box img {
        margin: 0 auto 20px auto;
        max-width: 82px
    }
    .offers-box p {
        font-size: 16px;
        padding: 0 20px
    }
    .services .section-title {
        margin-bottom: 100px
    }
    .services-slider__content h4 {
        margin-bottom: 50px
    }
    .services-slider__content table {
        font-size: 14px;
        border-collapse: separate;
        border-spacing: 0 1em
    }
    .faq {
        padding: 60px 0 90px 0
    }
    .accordion-list li a {
        font-size: 20px;
        padding: 20px 28px 12px 28px
    }
    .accordion__content {
        padding: 20px 28px 12px 28px
    }
    .accordion__content ul li {
        font-size: 16px
    }
    .accordion__content ul li:not(:last-child) {
        margin-bottom: 16px
    }
    .accordion__content p {
        font-size: 16px
    }
    .accordion__content p:not(:last-child) {
        margin-bottom: 16px
    }
    .accordion__arrow {
        right: 28px
    }
    .gift .section-title_white {
        margin-bottom: 40px
    }
    .gift__img {
        bottom: -44px
    }
    .gift-content p {
        font-size: 16px
    }
    .gift-content p:last-of-type {
        margin-bottom: 36px
    }
    .gallery {
        padding-bottom: 76px
    }
    .gallery__item-wrapper:hover .btn-play {
        width: 60px;
        height: 60px
    }
    .gallery__item-wrapper:hover .btn-play svg {
        width: 20px;
        height: 20px
    }
    .gallery__item-wrapper span {
        font-size: 14px;
        bottom: 20px;
        right: 30px
    }
    .gallery__item-wrapper .btn-play svg {
        width: 20px;
        height: 20px
    }
    .gallery__item-icon {
        width: 16px;
        height: 16px;
        top: 20px;
        right: 30px
    }
    .gallery .section-title {
        margin-bottom: 60px
    }
    .contacts-content {
        padding: 94px 30px 42px 0
    }
    .contacts-address li p {
        font-size: 20px
    }
    .contacts-address li a {
        font-size: 20px
    }
    .news {
        padding-top: 50px;
        padding-bottom: 68px
    }
    .news .section-title {
        margin-bottom: 60px
    }
    .news-content {
        padding: 16px
    }
    .news-content__text h4 {
        font-size: 16px;
        margin-bottom: 20px
    }
    .news-content__text p {
        margin-bottom: 23px
    }
    .news-page .section-title {
        margin-bottom: 60px
    }
    .news-article {
        padding-bottom: 60px;
        margin-bottom: 20px
    }
    .news-article h3 {
        font-size: 22px;
        margin-bottom: 23px
    }
    .current-news__content-wrapper {
        padding-bottom: 60px
    }
}
@media only screen and (max-width:1099px) {
    .btn_lg {
        font-size: 16px;
        padding: 10px 10px 10px 24px
    }
    .btn_lg i {
        margin-right: 12px
    }
    .header-nav ul li:not(:last-child) {
        margin-right: 16px
    }
    .header-social li:not(:last-child) {
        margin-right: 16px
    }
    .header-social li a {
        width: 26px
    }
    .logo-link {
        max-width: 160px;
        position: relative;
        z-index: 11
    }
    .header-inner-nav ul li:not(:last-child) {
        margin-right: 16px
    }
    .header-inner-social li:not(:last-child) {
        margin-right: 16px
    }
    .header-inner-social li a {
        width: 26px
    }
    .logo-link {
        max-width: 160px;
        position: relative;
        z-index: 11
    }
    .btn_lg {
        right: 0;
        top: 40%
    }
    .main-title {
        font-size: 46px
    }
    .contacts-content {
        max-width: 100%;
        padding: 40px 0
    }
    .contacts-address {
        margin-bottom: 53px
    }
    .contacts-address li:not(:last-child) {
        margin-bottom: 20px
    }
    .contacts-address li img {
        position: static;
        margin-right: 20px;
        width: 18px
    }
    .contacts-social {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .contacts .map {
        width: 100%;
        position: static;
        height: 600px
    }
}
@media only screen and (max-width:1099px) and (max-width:991px) {
    .header-nav ul li:not(:last-child) {
        margin-right: 0
    }
    .header-inner-nav ul li:not(:last-child) {
        margin-right: 0
    }
}
@media only screen and (max-width:1080px) {
    /* .header-container {
        max-width: 860px;
        left: 0;
    } */
    .header-inner-container {
        max-width: 860px
    }
}
@media only screen and (max-width:991px) {
    .humburger {
        display: block;
        z-index: 11
    }
    .btn_lg {
        max-width: 340px
    }
    .circle_lg {
        width: 260px;
        height: 260px
    }
    .cloud_r {
        right: 20%
    }
    .header-nav {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fad961), to(#f76b1c));
        background-image: -o-linear-gradient(top, #fad961, #f76b1c);
        background-image: linear-gradient(180deg, #fad961, #f76b1c);
        left: 0;
        top: 0;
        z-index: 10;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }
    .header-nav ul {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .header-nav ul li a {
        font-size: 24px;
        margin-bottom: 30px
    }
    .logo-link {
        max-width: 140px
    }
    .header-inner-nav {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fad961), to(#f76b1c));
        background-image: -o-linear-gradient(top, #fad961, #f76b1c);
        background-image: linear-gradient(180deg, #fad961, #f76b1c);
        left: 0;
        top: 0;
        z-index: 10;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -o-transition: transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }
    .header-inner-nav ul {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .header-inner-nav ul li a {
        font-size: 24px;
        margin-bottom: 30px
    }
    .logo-link {
        max-width: 140px
    }
    .footer {
        padding: 36px 0 30px 0
    }
    .footer-nav {
        padding-bottom: 30px
    }
    .footer-nav li:not(:last-child) {
        margin-right: 40px
    }
    .form-order label:last-of-type {
        margin-bottom: 40px
    }
    .form-cost label:last-of-type {
        margin-bottom: 40px
    }
    .main-title {
        font-size: 34px;
        margin-top: 30px;
    }
    .about__wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .about-img,
    .pilot__wrapper .about-img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        height: 280px;
        margin: 0 auto 16px auto
    }
    .about-content {
        padding: 24px 15px 32px;
        border-radius: 16px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .about-content p:first-child {
        margin-bottom: 12px
    }
    .offers {
        padding: 38px 0 60px 0
    }
    .offers .section-title {
        margin-bottom: 60px
    }
    .offers-box p {
        font-size: 14px;
        padding: 0
    }
    .services {
        padding: 60px 0 60px 0
    }
    .services .section-title {
        margin-bottom: 80px
    }
    .services-slider {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .services-slider__img {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 140px
    }
    .services-slider_sm {
        top: 60px;
        max-width: 520px
    }
    .services-slider__content {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px
    }
    .services-slider__content h4 {
        margin-bottom: 30px
    }
    .services-slider__nav {
        top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 40px;
        z-index: 2
    }
    .faq {
        padding: 40px 0 70px 0
    }
    .accordion-list li a {
        font-size: 20px;
        padding: 14px 42px 12px 22px
    }
    .accordion__content {
        padding: 14px 22px 12px 22px
    }
    .accordion__content ul li:not(:last-child) {
        margin-bottom: 14px
    }
    .accordion__content p:not(:last-child) {
        margin-bottom: 14px
    }
    .accordion__arrow {
        right: 22px
    }
    .gift .section-title_white {
        margin-bottom: 20px
    }
    .gallery__list .slick-list {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .gallery__item-wrapper span {
        font-size: 12px
    }
    .gallery .section-title {
        margin-bottom: 0
    }
    .subscribe {
        padding: 40px 0
    }
    .subscribe__wrapper {
        position: static;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 40px
    }
    .subscribe__wrapper .section-title_white {
        margin-bottom: 30px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }
    .subscribe__form {
        margin: 0 auto
    }
    .contacts-address li p {
        font-size: 20px
    }
    .contacts-address li a {
        font-size: 20px
    }
    .news {
        padding-top: 40px;
        padding-bottom: 48px
    }
    .news .section-title {
        margin-bottom: 40px
    }
    .news-box {
        width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .news-page .section-title {
        margin-bottom: 40px
    }
    .news-page h2 {
        margin-bottom: 23px;
        font-size: 26px
    }
    .news-article {
        padding-bottom: 40px;
        margin-bottom: 20px
    }
    .news-article h3 {
        font-size: 20px;
        margin-bottom: 20px
    }
    .current-news__content-wrapper {
        padding-bottom: 40px
    }
}
@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        -ms-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        -ms-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media only screen and (max-width:768px) {
    .circle_sm {
        right: 0
    }
    .cloud_r {
        right: -50px
    }
    .header-social {
        display: none
    }
    .header-inner-social {
        display: none
    }
    .footer {
        padding: 20px 0 20px 0
    }
    .footer-nav {
        padding-bottom: 20px
    }
    .footer-nav li:not(:last-child) {
        margin-right: 20px
    }
    .main-banner__content {
        max-width: 100%;
        padding-top: 40px;
        padding-bottom: 70px
    }
    .btn_lg {
        position: static
    }
    .btn_lg:before {
        opacity: 1;
        z-index: 0
    }
    .offers {
        padding: 38px 0 40px 0
    }
    .offers .section-title {
        margin-bottom: 40px
    }
    .services {
        padding: 40px 0 40px 0
    }
    .services .section-title {
        margin-bottom: 40px
    }
    .services-slider__content h4 {
        margin-bottom: 25px
    }
    .faq .section-title {
        margin-bottom: 40px
    }
    .accordion-list li a {
        font-size: 18px
    }
    .gallery {
        padding: 40px 0
    }
    .contacts-content .section-title {
        margin-bottom: 40px
    }
    .contacts-address li p {
        font-size: 18px
    }
    .contacts-address li a {
        font-size: 18px
    }
    .main-banner {
        background-size: cover;
    }
}
@media only screen and (max-width:767px) {
    .header-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /* left: 0; */
    }
    .header-inner-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .bg-video {
        display: none
    }
    .services-slider_sm {
        top: 40px
    }
    .services-slider__content {
        padding: 0 15px
    }
    .services-slider__content table tr {
        line-height: 1.6em
    }
    .services-slider__nav {
        padding: 0 15px;
        top: 40px
    }
    .gallery__item:hover {
        -webkit-box-shadow: 0 16px 16px -8px rgba(0, 0, 0, .5);
        box-shadow: 0 16px 16px -8px rgba(0, 0, 0, .5)
    }
    .current-news__slider_sm {
        display: none
    }
}
@media only screen and (max-width:600px) {
    .header-phone {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .logo-link {
        margin-bottom: 10px
    }
    .header-inner-phone {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .logo-link {
        margin-bottom: 10px
    }
    .modal .section-title {
        margin-bottom: 30px
    }
    .form-order label:last-of-type {
        margin-bottom: 30px
    }
    .form-cost label:last-of-type {
        margin-bottom: 30px
    }
    .offers__wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .offers-box {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px
    }
    .offers-box img {
        margin: 0 auto 10px auto
    }
    .services-slider__nav {
        padding: 0
    }
    .gift__img {
        bottom: -40px
    }
    .news-box {
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}
@media only screen and (max-width:420px) {
    .about-img,
    .pilot__wrapper .about-img {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .services-slider__nav {
        top: 40px
    }
}
@media only screen and (max-width:400px) {
    .services-slider_sm {
        top: 100px
    }
    .services-slider_sm li {
        max-width: 50px;
        min-height: 50px;
        max-width: 50px;
        min-width: 50px
    }
    .services-slider__nav {
        top: 0
    }
}
.button {
    position: fixed;
    right: 30px;
    bottom: 50px;
}
.button, #next, #prev {
    width: 50px;
    height: 50px;
    background-image: linear-gradient(to top, #9f2fff, #0bb1d3);
    border: none;
    border-radius: 10px;
    opacity: 0.6;
    cursor: pointer;
    visibility: hidden;
    z-index: 5;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
}
.button::before, #next:before, #prev:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-top: 6px solid #fff;
    border-left: 6px solid #fff;
    border-radius: 2px;
    top: 18px;
    right: 16px;
    transform: rotate(45deg);
}
.button:hover {
    box-shadow: 0 5px 20px rgba(3,23,60,0.3);
    background-image: linear-gradient(to top, #0bb1d3, #9f2fff);
    opacity: 1;
    transition: all 0.25s ease-in;
}
.button:hover::before {
    top: 8px;
    transition: all 1s ease;
}
.button.show {
    opacity: 1;
    visibility: visible;
}
#gir {
    position:fixed;
    top:40px;
    left:0;
    background-image:url('http://lh5.googleusercontent.com/-obNunPiVVd4/VJOuk2f29_I/AAAAAAAAE3Y/SOoFIrFTTkk/s800/gerljanda1.png');
    height:36px;
    width:100%;
    overflow:hidden;
    z-index:99;
}  
#nums_1 {
    padding:100px;
}  
.gir_1 {
    background-position: 0 0;
}  
.gir_2 {
    background-position: 0 -36px;
}  
.gir_3 {
    background-position: 0 -72px;
}
@-webkit-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}
#snow-container {
    background-image: url(snowflake.png), url(snowflake3.png), url(snowflake2.png);
    height: 100%;
    animation: snow 20s linear infinite;
}
/* Camera */
.iframe_video {
	height: 0px;
	padding-bottom: 56.2%;
	position: relative;
}
.iframe_video iframe {
	width: 100%;
	height: 100%;
	position: absolute;
}