/*Variables*/
/*COLORS*/
/*ANIMATIONS*/
/*FONTS start*/
/*FONTS end*/
/*=======================START-MEDIA=====================*/
/*=======================END-MEDIA=====================*/
/*--------- font-face ---------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap');
@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-Italic.eot");
    src: local("Cera Pro Italic"), local("CeraPro-Italic"), url("fonts/CeraPro-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Italic.woff") format("woff"), url("fonts/CeraPro-Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-Regular.eot");
    src: local("Cera Pro Regular"), local("CeraPro-Regular"), url("fonts/CeraPro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Regular.woff") format("woff"), url("fonts/CeraPro-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-BlackItalic.eot");
    src: local("Cera Pro Black Italic"), local("CeraPro-BlackItalic"), url("fonts/CeraPro-BlackItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-BlackItalic.woff") format("woff"), url("fonts/CeraPro-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-Light.eot");
    src: local("Cera Pro Light"), local("CeraPro-Light"), url("fonts/CeraPro-Light.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Light.woff") format("woff"), url("fonts/CeraPro-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-BoldItalic.eot");
    src: local("Cera Pro Bold Italic"), local("CeraPro-BoldItalic"), url("fonts/CeraPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-BoldItalic.woff") format("woff"), url("fonts/CeraPro-BoldItalic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-Black.eot");
    src: local("Cera Pro Black"), local("CeraPro-Black"), url("fonts/CeraPro-Black.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Black.woff") format("woff"), url("fonts/CeraPro-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-Medium.eot");
    src: local("Cera Pro Medium"), local("CeraPro-Medium"), url("fonts/CeraPro-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Medium.woff") format("woff"), url("fonts/CeraPro-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-Bold.eot");
    src: local("Cera Pro Bold"), local("CeraPro-Bold"), url("fonts/CeraPro-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Bold.woff") format("woff"), url("fonts/CeraPro-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-Thin.eot");
    src: local("Cera Pro Thin"), local("CeraPro-Thin"), url("fonts/CeraPro-Thin.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-Thin.woff") format("woff"), url("fonts/CeraPro-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-MediumItalic.eot");
    src: local("Cera Pro Medium Italic"), local("CeraPro-MediumItalic"), url("fonts/CeraPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-MediumItalic.woff") format("woff"), url("fonts/CeraPro-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-LightItalic.eot");
    src: local("Cera Pro Light Italic"), local("CeraPro-LightItalic"), url("fonts/CeraPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-LightItalic.woff") format("woff"), url("fonts/CeraPro-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Pro';
    src: url("fonts/CeraPro-ThinItalic.eot");
    src: local("Cera Pro Thin Italic"), local("CeraPro-ThinItalic"), url("fonts/CeraPro-ThinItalic.eot?#iefix") format("embedded-opentype"), url("fonts/CeraPro-ThinItalic.woff") format("woff"), url("fonts/CeraPro-ThinItalic.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

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

fieldset,
img,
iframe {
    border: 0;
}

ul,
nav {
    list-style: none;
}

input:focus,
button:focus,
a:focus,
textarea:focus,
select:focus {
    outline: none !important;
}

textarea {
    resize: none;
}

html,
body {
    height: 100%;
    min-height: 100%;
}

body {
    font: normal 16px/1.1 "Cera Pro", sans-serif;
    background: #fff;
    min-width: 320px;
    color: rgba(39, 39, 39, 0.9);
    background: red;
    margin: 0;
    overflow-x: hidden;
}

section {
    max-width: 100%;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    color: #fff;
}

a img {
    border: none;
}

img {
    max-width: 100%;
    display: block;
    border-style: none;
}

noscript div {
    position: relative;
    top: 0;
    background: #fff;
    z-index: 77777;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    padding: 50px;
    border: 3px solid red;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #707070;
}

noscript div a {
    text-decoration: underline;
    color: blue;
}

input,
textarea,
select {
    vertical-align: middle;
    color: #272727;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

input[type="text"],
input[type="file"],
input[type="password"],
input[type="submit"],
input[type="email"],
input[type="tel"],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0px;
}

input[type="email"] {
    box-shadow: none;
    -webkit-box-shadow: none;
}

input[type="image"] {
    padding: 0;
    border: none;
}

input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="submit"],
input[type="button"] {
    cursor: pointer;
}

input[type="submit"]:focus,
input[type="button"]:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

button:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

button {
    cursor: pointer;
}

p {
    max-width: 100%;
    margin: 0 0 16px;
}

p,
span,
label,
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
i,
em {
    max-width: 100%;
    word-wrap: break-word;
}

div {
    word-wrap: break-word;
}

@font-face {
    font-family: "Icons";
    font-display: swap;
    src: url("fonts/Icons.eot");
    src: url("fonts/Icons.eot?#iefix") format("eot"), url("fonts/Icons.woff") format("woff"), url("fonts/Icons.ttf") format("truetype"), url("fonts/Icons.svg#Icons") format("svg");
}

.icon-arr-left:before,
.icon-arr-right-sm:before,
.icon-arr-right:before,
.icon-arrow-acc:before,
.icon-check-white:before,
.icon-check:before,
.icon-contacts-fb:before,
.icon-contacts-insta:before,
.icon-fb:before,
.icon-instagram:before,
.icon-mail:before,
.icon-maps-and-flags:before,
.icon-pause:before,
.icon-tel:before,
.icon-z-box:before,
.icon-z-contacts-facebook:before,
.icon-z-contacts-instagram:before,
.icon-z-contacts-linkedin:before,
.icon-z-contacts-youtube:before,
.icon-z-eye:before,
.icon-z-hour:before,
.icon-z-in:before,
.icon-z-youtube:before {
    font-family: "Icons";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
}

.icon-arr-left:before {
    content: '\E001';
}


.icon-arr-right-sm:before {
    content: '\E002';
}


.icon-arr-right:before {
    content: '\E003';
}


.icon-arrow-acc:before {
    content: '\E004';
}


.icon-check-white:before {
    content: '\E005';
}


.icon-check:before {
    content: '\E006';
}


.icon-contacts-fb:before {
    content: '\E007';
}


.icon-contacts-insta:before {
    content: '\E008';
}


.icon-fb:before {
    content: '\E009';
}


.icon-instagram:before {
    content: '\E00A';
}


.icon-mail:before {
    content: '\E00B';
}


.icon-maps-and-flags:before {
    content: '\E00C';
}


.icon-pause:before {
    content: '\E00D';
}


.icon-tel:before {
    content: '\E00E';
}


.icon-z-box:before {
    content: '\E00F';
}


.icon-z-contacts-facebook:before {
    content: '\E010';
}


.icon-z-contacts-instagram:before {
    content: '\E011';
}


.icon-z-contacts-linkedin:before {
    content: '\E012';
}


.icon-z-contacts-youtube:before {
    content: '\E013';
}


.icon-z-eye:before {
    content: '\E014';
}


.icon-z-hour:before {
    content: '\E015';
}


.icon-z-in:before {
    content: '\E016';
}


.icon-z-youtube:before {
    content: '\E017';
}

.icon {
    line-height: 1;
    display: inline-block;
    font-size: inherit;
}

a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #272727;
}

a:hover {
    color: #272727;
}

b,
strong {
    font-weight: normal;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
}

*,
*:after,
*:before {
    box-sizing: border-box !important;
}

input,
.input-container,
textarea,
select,
button,
.swiper-button {
    outline: none;
}

.input-container {
    position: relative;
}

button {
    border: none;
}

.content-block ul li:not(.news-one__soc-item) {
    position: relative;
    padding-left: 23px;
}

.content-block ul li:not(.news-one__soc-item):before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 9px;
    background: #AB2328;
}

@media only screen and (max-width: 414px) {
    .content-block ul li:not(.news-one__soc-item) {
        font-size: 16px;
    }
}

.content-block a:not(.news__sort-link) {
    color: #ab2328;
}

.content-block a:not(.news__sort-link):hover {
    color: rgba(39, 39, 39, 0.9);
}

.error input,
.error textarea {
    border: 1px solid #d8131c !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.text-error {
    position: absolute;
    right: 0;
    bottom: -20px;
    font-size: 12px;
    line-height: 1;
    color: #d8131c;
    opacity: 0;
}

.icon-error {
    position: absolute;
    right: 13px;
    top: 9px;
    color: #d8131c;
    opacity: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #d8131c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.error .text-error {
    opacity: 1;
}

.error .icon-error {
    opacity: 1;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.8);
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.8);
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.8);
}

:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.8);
}

.input::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #9a9cab;
}

.input::-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #9a9cab;
}

.input:-moz-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #9a9cab;
}

.input:-ms-input-placeholder {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #9a9cab;
}

.input:focus::-webkit-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #9a9cab;
}

.input:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #9a9cab;
}

.input:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #9a9cab;
}

.input:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

input,
textarea,
select {
    margin: 0;
    padding: 0 40px 0 16px;
    box-shadow: none;
    width: 100%;
    height: 46px;
    color: #272727;
    font-family: "Cera Pro", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 14px;
    background: #fff;
    border: 0;
    caret-color: #AB2328;
}

input:focus,
textarea:focus,
select:focus {
    border: 1px solid #272727;
    box-shadow: none;
}

input.readonly:focus,
textarea.readonly:focus,
select.readonly:focus {
    border: 1px solid #272727;
    box-shadow: none;
}

.clearfix:before,
.container:before,
.clearfix:after,
.container:after {
    display: block;
    content: " ";
}

.clearfix:after,
.container:after {
    clear: both;
}

.button-reset {
    border: 0;
    background: 0;
}

html {
    height: 100%;
    min-height: 100%;
    max-width: 100%;
    overflow: visible;
}

html.main-navigation-mobile-is-open {
    overflow: hidden;
}

body {
    margin: 0;
    color: rgba(39, 39, 39, 0.9);
    height: 100%;
    min-height: 100%;
    max-width: 100%;
    background-color: #fff;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 26px;
    font-family: "Cera Pro", sans-serif;
    font-weight: normal;
    font-style: normal;
}

body.noscroll {
    overflow: hidden;
}

.wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    display: table;
    table-layout: fixed;
    height: 100%;
}

.main {
    height: 100%;
}

.container {
    width: 1296px;
    max-width: 100%;
    padding: 0 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}

.flex-wrap {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

.tt-upp {
    text-transform: uppercase;
}

.btn {
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 18px 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #fff;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

@media only screen and (max-width: 414px) {
    .btn {
        font-size: 12px;
        font-family: "Cera Pro", sans-serif;
        font-weight: bold;
        font-style: normal;
        padding: 11px 23px;
    }
}

.btn--gr {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 1025px) {
    .btn--gr:hover, .btn--gr:active, .btn--gr:focus {
        color: #111822;
        border: 1px solid #fff;
    }
}

.btn--red {
    border: 1px solid #AB2328;
    background: #AB2328;
    z-index: 1;
}

@media only screen and (min-width: 1025px) {
    .btn--red:hover, .btn--red:active, .btn--red:focus {
        color: #fff;
        border: 1px solid #d8131c;
    }

    .btn--red.btn-anim::before {
        background-color: #d8131c;
    }
}

@media only screen and (min-width: 1025px) {
    .btn-anim {
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
    }

    .btn-anim::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        background-color: #fff;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .btn-anim:hover::before,
    .btn-anim:active::before,
    .btn-anim:focus::before {
        opacity: 1;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .btn:hover {
        color: #fff;
    }
}

.title-white {
    font-size: 50px;
    line-height: 63px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    font-family: "Cera Pro", sans-serif;
    font-weight: 900;
    font-style: normal;
    margin-bottom: 50px;
}
.our-approach-custom{
    /*background-image: url(../../images/service/dotted-worldmap.png);*/
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
}
@media only screen and (max-width: 1024px) {
    .title-white {
        font-size: 34px;
        line-height: 33px;
    }
}

@media only screen and (max-width: 414px) {
    .title-white {
        font-size: 24px;
        text-align: center;
        margin-bottom: 28px;
    }
}

.title-black {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #272727;
    font-family: "Cera Pro", sans-serif;
    font-weight: 900;
    font-style: normal;
}

@media only screen and (max-width: 1024px) {
    .title-black {
        font-size: 34px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 480px) {
    .title-black {
        font-size: 24px;
    }
}

.btn.btn-career {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #151D2A;
    margin: 10px auto;
}

.btn.btn-career:hover {
    background: #fff;
}

.title-sm {
    font-size: 30px;
}

@media only screen and (max-width: 1024px) {
    .title-sm {
        font-size: 21px;
    }
}

.desktop ::-webkit-scrollbar {
    width: 3px;
}

.desktop ::-webkit-scrollbar:horizontal {
    height: 3px;
}

.desktop ::-webkit-scrollbar-thumb {
    width: 9px;
    height: 19px;
    border-color: #1a1a1a;
    background-color: #1a1a1a;
    border-left: 10px;
    border-right: 10px;
}

.desktop ::-webkit-scrollbar-thumb:hover {
    background-color: grey;
}

.desktop ::-webkit-scrollbar-track {
    border-width: 0;
}

.desktop ::-webkit-scrollbar-track-piece {
    background: #d6d6d6;
}

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

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

.select2-container {
    width: 100% !important;
}

.select2-dropdown {
    border: 0;
}

.heading-h2, h2 {
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    color: #272727;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
    .heading-h2, h2 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 992px) {
    .heading-h2, h2 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 414px) {
    .heading-h2, h2 {
        font-size: 19px;
    }
}

.section-video {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    background: center;
}

@media only screen and (max-width: 1300px) {
    .section-video {
        height: 100vh;
    }
}

@media only screen and (max-width: 414px) {
    .section-video {
        height: 687px;
    }
}

.section-video .btn--red {
    margin-right: 22px;
    padding: 19px 56px;
}

@media only screen and (max-width: 568px) {

    .height{
        height: 397px !important;
    }
    .our-approach .height {
        height: auto!important;
    }

    .servise__item-inner--mBot{
        margin-bottom: 0 !important;
    }

    .btn--mg-top{
        margin-top: 20px !important;
    }


    .section-video .btn--red {
        margin-right: 0;
        margin-bottom: 16px;
    }
}

.section-video .btn--gr {
    padding: 19px 35px;
}

@media only screen and (max-width: 568px) {
    .section-video .btn {
        font-size: 14px;
        font-family: "Cera Pro", sans-serif;
        font-weight: 500;
        font-style: normal;
        padding: 15px 23px;
        max-width: 180px;
        width: 100%;
    }
}

@media only screen and (max-width: 568px) {
    .section-video .btn-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.section-video .video-wrapper {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
.section-video .video-wrapper:before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.61)), to(rgba(0, 0, 0, 0.61)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.41));
    background: linear-gradient(rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.41));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.about .section-video .video-wrapper:before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.61)), to(rgba(0, 0, 0, 0.61)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.61), rgba(0, 0, 0, 0.61));
    background: linear-gradient(rgba(0, 0, 0, 0.61), rgba(0, 0, 0, 0.61));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 1300px) {
    .section-video .video-wrapper {
        display: none;
    }
}

.section-video #video-player {
    width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: -15px;
    background-color: #000;
}

.section-video .container-decor-light {
    z-index: 2;
}

.content-video {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 3;
}
.content-video.about-video {
    top: auto;
    bottom: 30px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, 0%);
}
.content-video.about-video .content-video__item {
    width: 100%;
}
.content-video.about-video .content-video__item p{
    font-size: 20px;
}

@media only screen and (max-width: 1300px) {
    .content-video {
        text-align: center;
    }
}

.content-video__item {
    width: 50%;
    position: relative;
}

@media only screen and (max-width: 1300px) {
    .content-video__item {
        width: 100%;
    }
}

.btn-pause {
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.btn-pause.active .btn-pause__text:after {
    content: attr(data-play);
}

.btn-pause .btn-pause__text:after {
    content: attr(data-pause);
}

.btn-play-pause {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    height: 13px;
    border-color: transparent transparent transparent #000000;
    -webkit-transition: 100ms all ease;
    transition: 100ms all ease;
    border-style: double;
    border-width: 0px 0 0px 9.75px;
    outline: none;
}

.btn-pause.active .btn-play-pause {
    border-style: solid;
    border-width: 6.5px 0 6.5px 9.75px;
    outline: none;
    left: 55%;
}

.btn-pause {
    position: absolute;
    right: 0;
    padding: 30px 59px;
    background: rgba(255, 255, 255, 0.1);
    white-space: nowrap;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-pause:hover {
    background: rgba(255, 255, 255, 0.13);
}

@media only screen and (max-width: 1300px) {
    .btn-pause {
        display: none;
    }
}

.btn-pause__wrap {
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    position: relative;
    vertical-align: middle;
    margin-right: 6px;
}

.btn-pause .icon-pause {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    font-size: 13px;
}

.btn-pause .btn-pause__text {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    line-height: 14px;
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.our-services-main {
    position: relative;
    padding-top: 50px;
    background-image: url(../../images/service/dotted-worldmap.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}

@media only screen and (max-width: 600px) {
    .our-services-main {
        padding-top: 50px;
    }
    .our-services-main .servise__item-inner {
        height: auto!important;
    }
}

.our-services-main .container-decor-dark {
    z-index: 2;
}

.our-services-main__top {
    margin-bottom: 44px;
}

@media only screen and (max-width: 600px) {
    .our-services-main__top {
        margin-bottom: 0;
    }
}

.our-services-main__top {
    position: relative;
    z-index: 9;
}

.services__wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (max-width: 768px) {
    .services__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.servise__item {
    width: 25%;
    box-sizing: border-box;
    padding: 0 15px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    text-align: center;
}
.servise__item-title{
    background-position: center;
}
.our-approach-custom .servise__item-title {
    background-size: cover;
}

.servise__item--bg-color{
    box-sizing:border-box;
    padding-top: 10px;
    margin-bottom: 5px;
    color: #272727;
}
.servise__item--bg-color:hover{
    color: #272727;
}

.servise__item-inner .inner__title.inner__title--fSize{
    font-size: 20px;
}

@media only screen and (max-width: 1366px) {
    .servise__item {
        /*min-height: 600px;*/
    }
}

@media only screen and (max-width: 768px) {
    .servise__item {
        min-height: auto;
        padding-top: 288px;
        width: 100%;
        -webkit-transition: none;
        transition: none;
    }
}

@media only screen and (max-width: 768px) {
    .servise__item.open {
        padding-top: 160px;
    }
    .our-services-main .servise__item.open {
        padding-top: 0px;
    }
}

.servise__item.open .servise__item-inner:before {
    opacity: 1;
}

.servise__item.open .inner__title {
    opacity: 1;
}

.servise__item.open .inner__text {
    opacity: 1;
}

.servise__item.open .btn {
    opacity: 1;
}

/*.servise__item:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
    background: -o-linear-gradient(top, rgba(21, 29, 42, 0) 0.25%, #151D2A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.25%, rgba(21, 29, 42, 0)), to(#151D2A));
    background: linear-gradient(180deg, rgba(21, 29, 42, 0) 0.25%, #151D2A 100%); }*/

.servise__item:hover {

    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

}


@media only screen and (max-width: 768px) {
    .servise__item:hover .servise__item-title {
        opacity: 1;
    }
}

.servise__item:hover .servise__item-inner:before {
    opacity: 1;
}

.servise__item:hover .servise__item-inner .inner__title {
    opacity: 1;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

@media only screen and (max-width: 768px) {
    .servise__item:hover .servise__item-inner .inner__title {
        -webkit-transition: none;
        transition: none;
        -webkit-transition-property: none;
        transition-property: none;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
}

.servise__item:hover .servise__item-inner .inner__text {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

@media only screen and (max-width: 768px) {
    .servise__item:hover .servise__item-inner .inner__text {
        -webkit-transition: none;
        transition: none;
        -webkit-transition-property: none;
        transition-property: none;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
}

.servise__item:hover .servise__item-inner .btn {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

@media only screen and (max-width: 768px) {
    .servise__item:hover .servise__item-inner .btn {
        -webkit-transition: none;
        transition: none;
        -webkit-transition-property: none;
        transition-property: none;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
}

.servise__item-head {
    display: flex;
    /*align-items: center;*/
    display: -webkit-box;
    display: -ms-flexbox;

    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/

}

.servise__item-title {
    /*background-size: cover;*/
    /*background-position: 50% 50%;*/
    min-width: 98px;
    /*min-height: 345px;*/
    /*min-width: 100%;*/
    background-repeat: no-repeat;
    min-height: 100px;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-top: auto;
    margin-bottom: 20px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 768px) {
.servise__item-title.main__mode:hover{
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
}

.servise__item .inner__title {
    font-size: 24px;
    line-height: 1;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-top: auto;
    margin-bottom: 15px;
    border-bottom: 2px solid;
    display: inline-block;
    padding-bottom: 3px;
}

@media only screen and (max-width: 768px) {
    .servise__item-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.servise__item-title.transform {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 1440px) {
    .servise__item-head {
        /*border:1px solid red;*/
    }

    .servise__item-title {
        width: 98px;
        /*border:1px solid red;*/
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        /*-webkit-transform: rotate(180deg);*/
        /*-ms-transform: rotate(180deg);*/
        /*transform: rotate(180deg);*/
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 768px) {
    .servise__item-title {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        margin-top: auto;
        -webkit-transition: none;
        transition: none;
    }
}

.servise__item-inner {

    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.servise__item-inner--mBot{
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
    .servise__item-inner {
        display: none;
        position: static;
        -webkit-transition: none;
        transition: none;
        padding: 40px 0;
        height: auto;
    }
}

.servise__item-inner .inner__title {
    z-index: 1;
    margin-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    width: 100%;
}

@media only screen and (max-width: 768px) {

    .servise__item-inner .inner__title {
        display: block;
        opacity: 1;
    }
}

.servise__item-inner .inner__text {
    /*font-size: 13px;*/
    font-size: 16px;
    line-height: 20px;

    opacity: 1;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .servise__item-inner .inner__text {
        opacity: 1;
    }
}

.servise__item-inner .btn {

    -webkit-transition: none;
    transition: none;
    margin-top: auto;
    max-width: 197px;
    width: 100%;
    padding: 15px;
}

@media only screen and (max-width: 768px) {
    .servise__item-inner .btn {
        opacity: 1;
        position: relative;
        z-index: 1;
        margin-top: 37px;
    }
}

.servise__item .btn__open {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FF2731;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.servise__item .btn__open.open {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

@media only screen and (max-width: 768px) {
    .servise__item .btn__open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.servise__item .btn__open svg {
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.servise__item-innerwr {
    position: relative;
    z-index: 7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.feedback-form.calculate__bg {
    background-image: url(../../images/service/dotted-worldmap-m.png);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 170px;
    padding-bottom: 230px;
    min-height: 900px;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .feedback-form.calculate__bg {
        padding-top: 118px;
        padding-bottom: 60px;
    }
}

.feedback-form.calculate__bg .feedback-form__right li:before {
    color: #AB2328;
}

#modal__calculate .fancybox-close-small {
    top: 70px;
}

@media only screen and (max-width: 768px) {
    #modal__calculate .fancybox-close-small {
        top: 0;
        right: 0;
        left: auto;
    }
}

.section__calculate {
    padding: 130px 0;
    position: relative;
    background-image: url(../../images/service/dotted-worldmap.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-attachment: fixed;
    overflow: hidden;
}

.services__content,.section__services-wrapper,.our-approach-custom {
    background-image: url(../../images/service/dotted-worldmap.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-attachment: fixed;
}

.section__calculate form {
    position: relative;
    z-index: 1;
}

.section__calculate .title-black {
    margin-bottom: 130px;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 1440px) {
    .section__calculate .title-black {
        margin-bottom: 95px;
    }
}

.section__calculate .title-black:before {
    content: "";
    width: 830px;
    height: 3px;
    background: #fff;
    top: 26px;
    left: -5px;
    z-index: -1;
    display: block;
    position: absolute;
}

@media only screen and (max-width: 1440px) {
    .section__calculate .title-black:before {
        top: 25px;
    }
}

@media only screen and (max-width: 1280px) {
    .section__calculate .title-black:before {
        display: none;
    }
}

.section__calculate .title-black span {
    color: #AB2328;
    margin-right: 16px;
}

.section__calculate .arrow__anim {
    position: absolute;
    left: -50px;
    top: 150px;
    z-index: 0;
    max-width: 1640px;
}

.section__calculate .arrow__anim.in__view path {
    -webkit-animation: dash 10s linear forwards;
    animation: dash 10s linear forwards;
}

@media only screen and (max-width: 1440px) {
    .section__calculate .arrow__anim {
        max-width: 1360px;
    }
}

@media only screen and (max-width: 1280px) {
    .section__calculate .arrow__anim {
        display: none;
    }
}

.section__calculate .arrow__anim path {
    stroke-dasharray: 3777.4853515625;
    stroke-dashoffset: -2000;
}

@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

.calculate__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 600px) {
    .calculate__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.calculate__form label {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.25px;
    color: #151d2a;
    margin-bottom: 12px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    display: block;
}

.calculate__form .input-container {
    max-width: 400px;
    width: 100%;
    margin-right: 30px;
    position: relative;
}

.calculate__form .input-container .icon-error {
    top: 49px;
}

@media only screen and (max-width: 600px) {
    .calculate__form .input-container {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

.calculate__form .btn {
    max-width: 220px;
    width: 100%;
    padding: 12px 39px;
    position: relative;
}

@media only screen and (max-width: 600px) {
    .calculate__form .btn {
        max-width: 100%;
    }
}

.calculate__form .btn.active {
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.calculate__form .btn.active .loader {
    opacity: 1;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.calculate__form .loader {
    position: absolute;
    right: 10px;
    top: 19px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    box-sizing: border-box;
    opacity: 0;
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid rgba(255, 255, 255, 0.35);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: translateY(-50%) rotate(0deg);
    }
    to {
        -webkit-transform: translateY(-50%) rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
    }
    to {
        -webkit-transform: translateY(-50%) rotate(360deg);
        transform: translateY(-50%) rotate(360deg);
    }
}

.calculate__form input {
    border: 1px solid transparent;
    height: 40px;
    background: #E7EFFF;
}

.calculate__form input::-webkit-input-placeholder {
    color: #272727;
}

.calculate__form input:-moz-placeholder {
    color: #272727;
}

.calculate__form input::-moz-placeholder {
    color: #272727;
}

.calculate__form input:-ms-input-placeholder {
    color: #272727;
}

.calculate__form input:focus {
    border: 1px solid #151D2A;
    background: #FFFFFF;
}

.calculate__form .price {
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 50px;
    line-height: 1;
    color: #151d2a;
    margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
    .calculate__form .price {
        font-size: 34px;
        line-height: 26px;
    }
}

.calculate__form .price__block {
    padding-top: 39px;
}

@media only screen and (max-width: 600px) {
    .calculate__form .price__block {
        padding-top: 0;
    }
}

.calculate__form .btn__rate {
    margin-top: 6px;
}

.calculate__form .note {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #686868;
    margin-bottom: 25px;
}

.main-page .our-clients {
    padding-top: 80px;
}

@media only screen and (max-width: 600px) {
    .main-page .our-clients {
        padding-top: 50px;
    }
}


.main-page .services__wrap .s__item:before {
    content: "\E005";
    position: relative;
    left: 0px;
    top: 0;
    font-family: Icons;
    margin-right: 14px;
    color: #272727;
    font-size: 7px;
    background: #fff;
    padding: 5px;
    height: 17px;
    width: 17px;
    border-radius: 20px;
    line-height: 8px;
}

.services__content {
    padding-bottom: 70px;
    padding-top: 13px;
    position: relative;
}

@media only screen and (max-width: 600px) {
    .services__content {
        padding-bottom: 34px;
    }
}

.services__content .title-black {
    width: 34%;
    margin-right: 60px;
}

@media only screen and (max-width: 1200px) {
    .btn--mg-top{
        margin-top: 30px;
    }

    .services__content .title-black {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {

    .height{
        height: auto !important;
    }

    .btn--mg-top{
        margin-top: 0px !important;
    }

    .services__content .title-black {
        margin-bottom: 24px;
    }
}

.services__content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 1200px) {
    .services__content-wrap {
        display: block;
    }
}

.services__content-text {
    width: 53%;
}

@media only screen and (max-width: 1200px) {
    .services__content-text {
        width: 100%;
    }
}

@media only screen and (max-width: 414px) {
    .services__content-text {
        font-size: 14px;
        line-height: 22px;
    }
}

.services__content-gray-wrap {
    position: relative;
    z-index: 9;
}

.services__content-gray {
    background: #f6f7f9;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 600px) {
    .services__content-gray {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.services__content-gray .title-black {
    margin-bottom: 24px;
    max-width: 942.89px;
}

@media only screen and (max-width: 414px) {
    .services__content-gray .title-black {
        margin-bottom: 16px;
    }
}

.services__content-gray-text {
    font-size: 18px;
    line-height: 30px;
    max-width: 990.87px;
}

@media only screen and (max-width: 414px) {
    .services__content-gray-text {
        font-size: 16px;
        line-height: 26px;
    }
}

.content-gray-wrap-custom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.content-gray-wrap-custom .services__content-gray-text {
    max-width: none;
    width: 48.7%;
}

@media only screen and (max-width: 1024px) {
    .services__wrap{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .servise__item{
        width: 50%;
        padding-bottom: 70px;
    }

    .content-gray-wrap-custom .services__content-gray-text {
        width: 100%;
        margin-bottom: 40px;
    }
}

.content-gray-wrap-custom .services__img-custom {
    width: 44.5%;
}


@media only screen and (max-width: 1024px) {
    .content-gray-wrap-custom .services__img-custom img {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1024px) {
    .content-gray-wrap-custom .services__img-custom {
        width: 100%;
    }
}

.sliderContainer {
    position: relative;
    margin-bottom: 80px;
    max-height: 600px;
}

@media only screen and (max-width: 600px) {
    .sliderContainer {
        margin-bottom: 50px;
        max-height: 700px;
    }

}

.sliderContainer .slider-wrap {

    background: #f6f6f6;
    padding-left: 109px;
    padding-right: 324px;
}

@media only screen and (max-width: 1200px) {
    .sliderContainer .slider-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .sliderContainer .slider-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.sliderContainer .prev-next-btn {
    position: absolute;
    top: 103px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 120px;
    z-index: 11;
}

@media only screen and (max-width: 768px) {
    .our-services-main__top{
        margin-bottom: 22px;
    }

    .servise__item-inner{
        padding: 15px 0;
    }

    .servise__item-head{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0px;
    }

    .servise__item-title{
        width: 100px;
        height: 100px
    }

    .servise__item-inner .height{
        height: auto !important;
    }

    .btn__open{
        display: none !important;
    }

    .servise__item{
        width: 100%;
        padding-top: 0;
        padding-bottom: 50px;
    }
    .servise__item-inner{
        display: block;
        width: 100%;
    }
    .btn--mg-top{
        margin-top: 0;
    }

    .sliderContainer .prev-next-btn {
        font-size: 70px;
    }
}

@media only screen and (max-width: 600px) {
    .sliderContainer .prev-next-btn {
        top: 55px;
    }
}

@media only screen and (max-width: 320px) {
    .sliderContainer .prev-next-btn {
        font-size: 60px;
    }
}

.sliderContainer .num-current,
.sliderContainer .num-next {
    cursor: pointer;
}

.sliderContainer .num-current {
    font-size: 120px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #AB2328;
}

@media only screen and (max-width: 1024px) {
    .sliderContainer .num-current {
        font-size: 70px;
    }
}

@media only screen and (max-width: 320px) {
    .sliderContainer .num-current {
        font-size: 60px;
    }
}

.sliderContainer .line-arrow {
    position: relative;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-right: 98px;
    margin-left: 98px;
}

@media only screen and (max-width: 768px) {
    .sliderContainer .line-arrow {
        margin-right: 24px;
        margin-left: 24px;
    }
}
.sliderContainer .line-arrow img {
    width: 120px;
}
@media only screen and (max-width: 768px) {
    .sliderContainer .line-arrow img {
        width: 100px;
    }
}

@media only screen and (max-width: 414px) {
    .sliderContainer .line-arrow img {
        width: 61px;
    }
}

.sliderContainer .num-next {
    color: transparent;
    -webkit-text-stroke: 2px #AB2328;
    font-size: 120px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
}

@media only screen and (max-width: 1024px) {
    .sliderContainer .num-next {
        font-size: 70px;
        -webkit-text-stroke: 1px #AB2328;
    }
}

@media only screen and (max-width: 320px) {
    .sliderContainer .num-next {
        font-size: 60px;
    }
}

.sliderContainer .single-item {
    padding-top: 215px;
    padding-bottom: 66px;
}

@media only screen and (max-width: 1200px) {
    .sliderContainer .single-item {
        padding-bottom: 180px;
    }
}

@media only screen and (max-width: 600px) {
    .sliderContainer .single-item {
        padding-bottom: 134px;
        padding-top: 134px;
    }
}

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

@media only screen and (max-width: 768px) {
    .sliderContainer .slider-content {
        display: block !important;
    }
}

.sliderContainer .slider-content:focus {
    outline: none;
}

.sliderContainer .slider-content__left {
    text-align: left;
    width: 61.3%;
}

@media only screen and (max-width: 768px) {
    .sliderContainer .slider-content__left {
        width: 100%;
    }
}

.sliderContainer .slider-content__right {
    width: 29.4%;
}

@media only screen and (max-width: 768px) {
    .sliderContainer .slider-content__right {
        width: 100%;
    }
}

.sliderContainer .slider-content .slider-text {
    line-height: 26px;
    opacity: 0.8;
    max-width: 440px;
    line-height: 26px;
}

@media only screen and (max-width: 768px) {
    .sliderContainer .slider-content .slider-text {
        max-width: 100%;
        margin-bottom: 40px;
    }
}

.sliderContainer .slider-content .title-white {
    margin-bottom: 20px;
    letter-spacing: 3px;
    line-height: 56px;
    color: #272727;
}

@media only screen and (max-width: 414px) {
    .sliderContainer .slider-content .title-white {
        font-size: 26px;
        line-height: 30px;
        text-align: left;
    }
}

.sliderContainer .slick-slide {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .sliderContainer .slick-slide img {
        margin: 0 auto;
    }
}

.sliderContainer .progressBarContainer {
    position: absolute;
    z-index: 10;
    width: calc(100% - 400px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transform: rotate(90deg) scale(0.999);
    transform: rotate(90deg) scale(0.999);
    top: -10px;
    right: -110px;
    bottom: 0;
}

@media only screen and (max-width: 1300px) {
    .sliderContainer .progressBarContainer {
        right: 0;
        width: calc(100% - 300px);
    }
}

@media only screen and (max-width: 1200px) {
    .sliderContainer .progressBarContainer {
        -webkit-transform: rotate(0deg) scale(0.999);
        transform: rotate(0deg) scale(0.999);
        top: unset;
        bottom: 81px;
        left: 0;
        right: 0;
        width: calc(100% - 50px);
    }
}

@media only screen and (max-width: 768px) {
    .sliderContainer .progressBarContainer {
        width: 95%;
    }
}

@media only screen and (max-width: 600px) {
    .sliderContainer .progressBarContainer {
        width: 85%;
    }
}

.sliderContainer .progressBarContainer .decor {
    position: absolute;
    top: 46px;
    left: -28px;
    -webkit-transform: rotate(-90deg) scale(0.999);
    transform: rotate(-90deg) scale(0.999);
    width: 66px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.02em;
    opacity: 0.5;
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #272727;
}

@media only screen and (max-width: 1200px) {
    .sliderContainer .progressBarContainer .decor {
        -webkit-transform: rotate(0deg) scale(0.999);
        transform: rotate(0deg) scale(0.999);
        top: 22px;
    }
}

@media only screen and (max-width: 768px) {
    .sliderContainer .progressBarContainer .decor {
        font-size: 14px;
        text-align: center;
    }
}

.sliderContainer .progressBarContainer .item {
    cursor: pointer;
    width: 16.8%;
    position: relative;
}

@media only screen and (max-width: 1200px) {
    .sliderContainer .progressBarContainer .item {
        width: 30%;
    }
}

@media only screen and (max-width: 768px) {
    .sliderContainer .progressBarContainer .item {
        width: 40%;
    }
}

.sliderContainer .progressBarContainer .item:last-child {
    width: 0%;
}

.sliderContainer .progressBarContainer .item:before {
    position: absolute;
    top: -13px;
    left: -9px;
    width: 28px;
    height: 28px;
    background: transparent;
    content: "";
    border-radius: 50%;
    border: 2px dashed #fff;
    opacity: 0.3;
}

.sliderContainer .progressBarContainer .item.active:before {
    border: 2px solid #272727;
    opacity: 1;
}

.sliderContainer .progressBarContainer .item:after {
    position: absolute;
    top: -4px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #272727;
    content: "";
    border-radius: 50%;
    opacity: 0.3;
}

.sliderContainer .progressBarContainer .item.active:after {
    opacity: 1;
}

.sliderContainer .progressBarContainer .item.active .decor {
    opacity: 1;
}

.sliderContainer .progressBarContainer .item span.progressBar {
    width: 90%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
    .sliderContainer .progressBarContainer .item span.progressBar {
        width: 93%;
    }
}

.sliderContainer .progressBarContainer .item span.progressBar .inProgress {
    background-color: #272727;
    width: 0;
    height: 3px;
    position: relative;
    top: -1px;
    border-radius: 10px;
}

.sliderContainer .progressBarContainer .item.active span.progressBar {
    background-color: rgba(255, 255, 255, 0.3);
}

.section__services {
    min-height: 577px;
}

@media only screen and (max-width: 992px) {
    .section__services {
        min-height: auto;
    }
}

.section__services .title-black {
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 992px) {
    .section__services .title-black {
        margin-bottom: 40px;
    }
}

.section__services .container {
    max-width: 1296px;
}

.title-fixed.fixed {
    position: fixed;
    /* top: 160px; */
    top: 105px;
}

@media only screen and (max-width: 992px) {
    .title-fixed.fixed {
        position: static;
    }
}

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

.service__container.container__minus {
    margin-top: -50px;
    width: 100%;
    max-width: inherit;
}

@media only screen and (max-width: 992px) {
    .service__container.container__minus {
        display: none;
    }
}

.service__container.container__minus.fixed {
    position: fixed;
    padding-top: 125px;
    padding-right: 30px;
}

.service__sidebar {
    width: 20%;
}

@media only screen and (max-width: 992px) {
    .service__sidebar {
        display: none;
    }
}

.service__content {
    width: 80%;
}

@media only screen and (max-width: 992px) {
    .service__content {
        width: 100%;
    }
}

.nav__list {
    padding-top: 60px;
}

.nav__item {
    margin-bottom: 10px;
}

.nav__link {
    font-size: 16px;
    line-height: 20px;
    color: #8F9DB7;
    font-family: "Cera Pro", sans-serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    letter-spacing: 0.25px;
}

.nav__link:focus {
    color: #8F9DB7;
}

.nav__link:before {
    content: "";
    width: 0;
    height: 2px;
    background: #AB2328;
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.nav__link.active {
    color: #151d2a;
}

.nav__link.active:before {
    width: 100%;
}

.img__bottom {
    display: none;
    /*display: block;*/
}

/* new styles in service */


/*.service__container.container__minus{*/
/*    transform: translateY(-52px);*/
/*}*/

/*.section__services-wrapper .title-black{*/
/*border:1px solid red;*/
/*visibility:hidden !important;*/
/*opacity: 0;*/
/*display: none;*/
/*}*/

/*.section__services-wrapper .title-black .title-display{*/
/*    !*display: block !important;*!*/
/*    display: none;*/
/*    !*visibility:hidden !important;*!*/
/*}*/
/*.service__container.container__minus.fixed{*/
/*    border:2px solid blue;*/
/*    position:relative;*/
/*}*/
/*.section__services{*/
/*    border:1px solid red;*/
/*}*/
/*.visible-off{*/
/*    visibility: hidden !important;*/
/*}*/

/*.visible-on{*/
/*    visibility: visible !important;*/
/*}*/
/* new styles in service */

@media only screen and (max-width: 992px) {
    .img__bottom {
        display: block;
        width: 100%;
        margin-bottom: -50px;
    }
}

@media only screen and (max-width: 600px) {
    .img__bottom {
        margin-bottom: 0;
    }
}

.service__block-img {
    position: relative;
    min-height: 577px;
    overflow: hidden;
}

.service__block-img .img {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.service__block-img .img.active {
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.service__block-img .img.first {
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.service__block-img .img.to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.service__block-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.service__block-content {
    max-width: 618px;
    padding: 48px 40px;
    margin-left: auto;
    /*margin-bottom: 200px;*/
    margin-bottom: 150px;
    background: #fff;
    position: relative;
    z-index: 5;
}

@media only screen and (max-width: 992px) {
    .service__block-content {
        margin-bottom: 80px;
    }
}

@media only screen and (max-width: 600px) {
    .service__block-content {
        padding: 30px;
        margin-bottom: 50px;
    }
}

.s__title {
    font-size: 30px;
    line-height: 30px;
    color: #272727;
    margin-bottom: 15px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
}

.s__text {
    color: #272727;
    font-family: "Cera Pro", sans-serif;
    font-weight: normal;
    font-style: normal;
    opacity: 0.9;
    font-size: 18px;
    line-height: 167%;
    margin-bottom: 40px;
}

.s__item {
    color: #272727;
    font-family: "Cera Pro", sans-serif;
    font-weight: normal;
    font-style: normal;
    opacity: 0.9;
    position: relative;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s__item:before {
    content: "\E006";
    position: relative;
    left: 0;
    top: 0;
    font-family: Icons;
    margin-right: 10px;
    color: #272727;
}

.s__link {
    font-size: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    position: relative;
    height: 100%;
    top: 10px;
    max-width: 128px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.s__link .icon {
    font-size: 11px;
    margin-left: 8px;
}

.s__link:before {
    content: "";
    width: 100%;
    height: 2px;
    background: #AB2328;
    position: absolute;
    bottom: -2px;
    right: 0;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.s__link:hover::before {
    width: 0%;
}

.about {
    position: relative;
}

.about .content-gray-block {
    padding-bottom: 64px;
}

@media only screen and (max-width: 600px) {
    .about .content-gray-block {
        padding-top: 50px;
        padding-bottom: 34px;
    }
}

@media only screen and (max-width: 414px) {
    .about .content-gray-block__text {
        font-size: 16px;
        line-height: 26px;
    }
}
/*.about .section-video:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    background-color: rgba(0,0,0,0.4);*/
/*}*/
.about .our-clients {
    padding-top: 100px;
    padding-bottom: 81px;
}

@media only screen and (max-width: 600px) {
    .about .our-clients {
        padding-top: 50px;
        padding-bottom: 30px;
    }
}

.about__video {
    position: relative;
    padding-top: 5px;
    padding-bottom: 80px;
}

.about__video.infamily {
    padding-top: 80px;
    padding-bottom: 160px;
}

@media only screen and (max-width: 768px) {


    .about__video {
        padding-top: 12px;
        padding-bottom: 50px;
    }
}

.about__video .title-black {
    line-height: 60px;
}

@media only screen and (max-width: 414px) {
    .about__video .title-black {
        font-size: 26px;
        line-height: 26px;
    }
}

.about__video .play-btn svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    cursor: pointer;
}

@media only screen and (max-width: 600px) {
    .about__video .play-btn svg {
        width: 93.49px;
    }
}

.about__video .play-btn.active {
    opacity: 0;
}

.about__video .screen {
    width: 100%;
    min-height: 100%;
}

.about__video .cover {
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    max-height: 449px;
}

@media only screen and (max-width: 1024px) {
    .about__video .cover {
        max-height: none;
    }
}

.about__video .cover:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}

.about__video .cover.active {
    opacity: 0;
    z-index: -1;
}

.about__video-wrap {
    position: relative;
    z-index: 9;
    margin-bottom: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 1024px) {
    .about__video-wrap {
        display: block;
    }
}

@media only screen and (max-width: 414px) {
    .about__video-wrap .about__content-text {
        font-size: 14px;
        line-height: 22px;
    }
}

.about__video-item {
    position: relative;
    width: 63%;
}

.about__video-item.infamily {
    position: relative;
    width: 50%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.about__video-wrap:nth-child(odd) .about__video-item.infamily {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1;
}

@media only screen and (max-width: 1024px) {
    .about__video-item, .about__video-item.infamily {
        width: 100%;
        margin-bottom: 40px;
    }
}

.about__content-item {
    width: 32.9%;
}

.about__content-item.infamily {
    width: 45.9%;
}

@media only screen and (max-width: 1024px) {
    .about__content-item, .about__content-item.infamily {
        width: 100%;
    }
}

.about .title-black {
    margin-bottom: 24px;
}

.about__content-text {
    line-height: 30px;
}

.about .about-us {
    padding-top: 80px;
    padding-bottom: 160px;
}

@media only screen and (max-width: 768px) {
    .about .about-us__text {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
    .about .about-us {
        padding: 50px 0;
    }
}

.about .about-us__img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 0;
    padding-left: 105px;
}

@media only screen and (max-width: 1024px) {
    .about .about-us__img {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .about .about-us__img {
        width: 100%;
        padding-left: 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin-bottom: 40px;
    }
}

.about .about-us__content {
    padding-left: 0;
    margin-top: 49px;
    margin-bottom: 0;
    padding-right: 30px;
}

@media only screen and (max-width: 768px) {
    .about .about-us__content {
        width: 100%;
        margin-top: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .about .about-us__text {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }
}

.leadership {
    position: relative;
    padding-bottom: 35px;
}

@media only screen and (max-width: 600px) {
    .leadership {
        padding-bottom: 0;
    }
}

.leadership__wrap {
    position: relative;
    z-index: 9;
    margin: 0 -15px;
}

.leadership .title-black {
    margin-bottom: 44px;
}

@media only screen and (max-width: 414px) {
    .leadership .title-black {
        margin-bottom: 24px;
    }
}

.leadership__item {
    margin-bottom: 45px;
    padding: 0 15px;
    width: 33.3%;
}

@media only screen and (max-width: 650px) {
    .btn--mg-top{
        margin-top: 0px;
    }

    .leadership__item {
        width: 50%;
    }
}

@media only screen and (max-width: 414px) {
    .leadership__item {
        margin-bottom: 24px;
    }
}

.leadership__img {
    margin-bottom: 23px;
    position: relative;
}

.leadership__img:hover .leadership__modified-img:first-child {
    /* display: none; */
    opacity: 0;
    visibility: hidden;
}

.leadership__img:hover .leadership__modified-img:last-child {
    /* display: block; */
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 414px) {
    .leadership__img {
        margin-bottom: 10px;
    }
}

.leadership__name {
    font-size: 24px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 5px;
}

@media only screen and (max-width: 414px) {
    .leadership__name {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 0;
    }
}

.leadership__position {
    font-size: 18px;
    line-height: normal;
}

@media only screen and (max-width: 414px) {
    .leadership__position {
        font-size: 14px;
        line-height: 18px;
    }
}

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

.leadership img {
    width: 100%;
}

.leadership__modified-img {
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.leadership__modified-img:first-child {
    /* display: none; */
    position: absolute;
    opacity: 1;
    visibility: visible;
}

.leadership__modified-img:last-child {
    /* display: none; */
    opacity: 0;
    visibility: hidden;
}

.career .content-gray-block {
    padding-bottom: 65px;
}

@media only screen and (max-width: 600px) {
    .career .content-gray-block {
        padding-top: 50px;
        padding-bottom: 38px;
    }
}

@media only screen and (max-width: 600px) {
    .career .content-gray-block__item:first-child {
        padding-bottom: 20px;
    }
}

.career .content-gray-block__text ul {
    padding-top: 15px;
}

@media only screen and (max-width: 414px) {
    .career .content-gray-block__text ul {
        padding-top: 0;
    }
}

.career .content-gray-block__text ul li {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 12px;
}

@media only screen and (max-width: 414px) {
    .career .content-gray-block__text ul li {
        font-size: 16px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 414px) {
    .career .content-gray-block__text ul li:before {
        top: 5px;
    }
}

.career .about-us {
    padding-top: 4px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 600px) {
    .career .about-us {
        padding-top: 0;
        padding-bottom: 50px;
    }
}

.career .about-us__content {
    padding-left: 0;
    margin-top: 0;
    padding-right: 20px;
    margin-bottom: 18px;
}

@media only screen and (max-width: 900px) {
    .career .about-us__content {
        padding-right: 0;
        width: 100%;
    }
}

.career .about-us .title-black {
    line-height: 40px;
    margin-bottom: 29px;
}

@media only screen and (max-width: 600px) {
    .career .about-us .title-black {
        margin-bottom: 14px;
    }
}

.career .about-us__text {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 34px;
}

@media only screen and (max-width: 600px) {
    .career .about-us__text {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 414px) {
    .career .about-us__text {
        font-size: 14px;
        line-height: 22px;
    }
}

.career .about-us__img {
    width: 50%;
    padding-right: 0;
    padding-left: 70px;
}

@media only screen and (max-width: 1200px) {
    .career .about-us__img {
        padding-left: 0;
    }
}

@media only screen and (max-width: 900px) {
    .career .about-us__img {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .career .about-us__img img {
        margin: 0 auto;
    }
}

.career .our-approach {
    padding-top: 80px;
    padding-bottom: 13px;
}
.our-approach.career {
    position: relative;
    background-image: url(../../images/service/dotted-worldmap.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    background-attachment: fixed;
    overflow: hidden;
}

@media only screen and (max-width: 600px) {
    .our-approach.career,.services__content, .section__services-wrapper, .our-approach-custom,.our-services-main {
        background-attachment: initial;
        background-repeat: repeat;
    }
    .career .our-approach {
        padding-top: 50px;
        padding-bottom: 34px;
    }
}

@media only screen and (max-width: 600px) {
    .career .our-approach__item {
        margin-bottom: 28px;
    }
}

.career .our-approach .title-black {
    margin-bottom: 41px;
}

@media only screen and (max-width: 600px) {
    .career .our-approach .title-black {
        margin-bottom: 24px;
    }
}

.career .our-approach__img {
    font-size: 48px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: transparent;
    -webkit-text-stroke: 1px #272727;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}




@media only screen and (max-width: 768px) {
    .career .our-approach__img {
        font-size: 32px;
        margin: 0 0 20px 0;
        width: 80px;
        height: 80px;
    }
}

.career .our-approach__title {
    font-size: 24px;
    line-height: 30px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 16px;
}

@media only screen and (max-width: 414px) {
    .career .our-approach__title {
        font-size: 18px;
        margin-bottom: 8px;
    }
}

.contacts__wrap {
    position: relative;
}

.contacts__wrap a:active,
.contacts__wrap a:focus,
.contacts__wrap a:hover {
    text-decoration: none;
    color: #272727;
}

.contacts__top {
    position: relative;
    z-index: 9;
}

.contacts__title {
    padding-top: 13px;
    padding-bottom: 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 600px) {
    .contacts__title {
        display: block;
        padding-top: 12px;
        padding-bottom: 17px;
    }
}

.contacts__title .icon {
    color: #AB2328;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contacts__title .title-black {
    margin-right: 91px;
}

@media only screen and (max-width: 600px) {
    .contacts__title .title-black {
        margin-right: 0;
        margin-bottom: 16px;
    }
}

.contacts__soc-item {
    width: 34px;
    height: 34px;
    margin-right: 24px;
}

@media only screen and (max-width: 600px) {
    .contacts__soc-item {
        width: 24px;
        height: 24px;
    }
}

.contacts__soc-item:last-of-type {
    margin-right: 0;
}

.contacts__soc-link {
    font-size: 34px;
}

.contacts__soc-link:hover .icon {
    opacity: 0.6;
}

@media only screen and (max-width: 600px) {
    .contacts__soc-link {
        font-size: 24px;
    }
}

.contacts__text {
    margin-bottom: 32px;
}

@media only screen and (max-width: 414px) {
    .contacts__text {
        font-size: 14px;
    }
}

.contacts__bottom {
    padding-bottom: 90px;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 900px) {
    .contacts__bottom {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .contacts__bottom {
        margin: auto -15px;
        padding-bottom: 26px;
    }
}

.contacts__left {
    background-color: #f6f7f9;
    padding: 60px 67px 60px 63px;
    width: calc(100% - 416px);
}

@media only screen and (max-width: 1024px) {
    .contacts__left {
        padding: 50px 37px 50px 33px;
    }
}

@media only screen and (max-width: 900px) {
    .contacts__left {
        width: 100%;
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .contacts__left {
        padding: 50px 15px;
    }
}

.contacts__left .title-black {
    margin-bottom: 25px;
}

.contacts__right {
    max-width: 416px;
    padding-left: 58px;
}

@media only screen and (max-width: 1024px) {
    .contacts__right {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 900px) {
    .contacts__right {
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .contacts__right {
        padding: 0 15px;
    }
}

.contacts__right .icon {
    background-color: #f6f7f9;
    padding: 16px;
    font-size: 22px;
    vertical-align: middle;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 24px;
}

.contacts__item {
    margin-bottom: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 900px) {
    .contacts__item {
        margin-bottom: 24px;
    }
}

.contacts__mail, .contacts__phone {
    font-size: 24px;
    opacity: 1;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    position: relative;
}

@media only screen and (max-width: 900px) {
    .contacts__mail, .contacts__phone {
        font-size: 18px;
    }
}

.contacts__mail:before, .contacts__phone:before {
    content: "";
    position: absolute;
    background: #272727;
    width: 0%;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    bottom: -2px;
    display: inline-block;
}

.contacts__mail:hover::before, .contacts__phone:hover::before {
    width: 100%;
}

.contacts__address, .contacts__hours {
    font-size: 18px;
    opacity: 1;
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
}

@media only screen and (max-width: 900px) {
    .contacts__address, .contacts__hours {
        font-size: 16px;
    }
}

.contacts .req {
    font-size: 14px;
    line-height: 14px;
    color: #878787;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 8px;
    display: inline-block;
}

.contacts .input-container {
    margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
    .contacts .input-container {
        padding-right: 2px;
        padding-left: 2px;
    }
}

.contacts .contacts-form {
    position: relative;
    z-index: 9;
}

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

@media only screen and (max-width: 768px) {
    .contacts .contacts-form__top {
        display: block;
    }
}

.contacts .contacts-form__top .input-container {
    width: 47.8%;
    margin-bottom: 17px;
}

@media only screen and (max-width: 768px) {
    .contacts .contacts-form__top .input-container {
        width: 100%;
    }
}

.contacts .contacts-form input {
    height: 40px;
}

.contacts .contacts-form .form-control-text {
    height: 82px;
    line-height: 34px;
}

@media only screen and (max-width: 768px) {
    .contacts .contacts-form .form-control-text {
        height: 180px;
    }
}

.contacts .contacts-form .btn {
    padding: 18px 46px;
}

.contacts .icon-z-contacts-youtube {
    font-size: 37px;
}

@media only screen and (max-width: 600px) {
    .contacts .icon-z-contacts-youtube {
        font-size: 28px;
    }
}

.find__us {
    padding: 0;
    position: relative;
}

.map__search {
    height: 510px;
}

.gm-style .gm-style-iw-d {
    padding-bottom: 8px;
}

.how {
    padding-top: 20px;
    padding-bottom: 100px;
}

@media only screen and (max-width: 600px) {
    .how {
        padding-bottom: 60px;
    }
}

.section__calculate.calculate__page {
    padding: 217px 0;
    background-position: center 158px;
}

@media only screen and (max-width: 1280px) {
    .section__calculate.calculate__page {
        padding: 130px 0;
    }
}

@media only screen and (max-width: 600px) {
    .section__calculate.calculate__page {
        padding: 60px 0;
    }
}

.section__calculate.calculate__page .section__calculate .arrow__anim {
    top: 237px;
}

.section__calculate .title-black {
    margin-bottom: 130px;
    position: relative;
}

@media only screen and (max-width: 1440px) {
    .section__calculate .title-black {
        margin-bottom: 95px;
    }
}

@media only screen and (max-width: 600px) {
    .section__calculate .title-black {
        margin-bottom: 60px;
    }
}

.page-404 {
    padding-top: 120px;
    position: relative;
    height: 100%;
}

@media only screen and (max-width: 860px) {
    .page-404 {
        padding-top: 88px;
    }
}

.page-404__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 9;
    height: 100%;
}

.page-404 .title-black {
    margin-bottom: 16px;
}

.page-404__text {
    margin-bottom: 32px;
    font-size: 22px;
    line-height: 32px;
}

@media only screen and (max-width: 1024px) {
    .page-404__text {
        font-size: 18px;
    }
}

@media only screen and (max-width: 414px) {
    .page-404__text {
        font-size: 16px;
    }
}

.page-404__left {
    margin-bottom: 46px;
    width: calc(100% - 689px);
}

@media only screen and (max-width: 1200px) {
    .page-404__left {
        width: calc(100% - 500px);
    }
}

@media only screen and (max-width: 860px) {
    .page-404__left {
        width: 100%;
        margin-right: 0;
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
    }
}

.page-404__left .btn {
    padding: 19px 56px;
}

.page-404__img {
    margin-top: auto;
    max-width: 689px;
    padding-left: 25px;
}

@media only screen and (max-width: 1200px) {
    .page-404__img {
        padding-left: 20px;
        max-width: 500px;
    }
}

@media only screen and (max-width: 860px) {
    .page-404__img {
        display: none;
    }
}

.news {
    padding: 13px 0 80px 0;
}

@media only screen and (max-width: 600px) {
    .news {
        padding-top: 0;
        padding-bottom: 50px;
    }
}

.news .btn {
    padding: 18px 46px;
}

.news .title-black {
    margin-bottom: 43px;
}

.news__wrap {
    margin: 0 -15px;
}

.news__img {
    margin-bottom: 8px;
    position: relative;
    margin-bottom: 8px;
    overflow: hidden;
}

.news__img img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.news__img:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    top: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(46, 45, 45, 0.3)), to(rgba(46, 45, 45, 0.3)));
    background: -webkit-linear-gradient(bottom, rgba(46, 45, 45, 0.3), rgba(46, 45, 45, 0.3));
    background: linear-gradient(0deg, rgba(46, 45, 45, 0.3), rgba(46, 45, 45, 0.3));
}

.news__item {
    width: 33.33%;
    margin-bottom: 60px;
    padding: 0 15px;
}

.news__item:hover img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.news__item:hover .news__img:before {
    opacity: 1;
}

@media only screen and (max-width: 840px) {
    .news__item {
        width: 50%;
    }
}

@media only screen and (max-width: 640px) {
    .news__item {
        width: 100%;
    }
    .news__img:before {
        display: none;
    }
    .news__img img {
        width: auto;
        height: auto;
    }
}

.news__info {
    font-size: 13px;
    line-height: 16px;
    color: #A9A9A9;
    margin-bottom: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news__date {
    display: block;
    padding-right: 13px;
}

.news__views {
    display: block;
}

.news__views .icon {
    padding-right: 6px;
    font-size: 10px;
}

.news__title {
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #272727;
    letter-spacing: 0.25px;
    margin-bottom: 5px;
    display: block;
}

.news__description {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.25px;
    color: #272727;
    opacity: 0.8;
    display: block;
}

.news__sort-wrap {
    margin-bottom: 38px;
}

.news__sort-item {
    width: 75%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 992px) {
    .news__sort-item {
        width: 100%;
        margin-bottom: 20px;
    }
}

.news__sort-item.sort-select {
    width: 25%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media only screen and (max-width: 992px) {
    .news__sort-item.sort-select {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
    }
}

.news__sort-link {
    color: #686868;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    margin-right: 24px;
    font-weight: 500;
    display: block;
    margin-bottom: 6px;
}

.news__sort-link:focus {
    color: #686868;
}

@media only screen and (max-width: 992px) {
    .news__sort-link {
        margin-bottom: 10px;
    }
}

.news__sort-link:last-of-type {
    margin-right: 0;
}

.news__sort-link.active {
    color: #D8131C;
    position: relative;
}

.news__sort-link.active:before {
    content: "";
    height: 1px;
    top: 14px;
    background: #D8131C;
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: inline-block;
    width: 100%;
}

.news__sort-title {
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    padding-right: 9px;
}

.news .input-group {
    min-width: 169px;
}

.news__sort-select + .select2-container--default .select2-selection--single {
    border: 0;
    background: #F6F6F6;
    height: 40px;
}

.news__sort-select + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #272727;
    line-height: 37px;
}

.news__sort-select + .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 16px;
    height: 39px;
    top: 0;
}

.news__sort-select + .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    background-image: url(../images/arr-news.svg);
    background-size: cover;
    display: inline-block;
    width: 18px;
    height: 11px;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    background-repeat: no-repeat;
}

.news__sort-select + .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
}

.news__sort-select + .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.news__sort-select + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news__sort-select + .select2-container .select2-selection--single .select2-selection__rendered:focus,
.news__sort-select + .select2-container--default .select2-selection--single:focus {
    outline: 0;
}

.news-one {
    padding-bottom: 47px;
}

@media only screen and (max-width: 600px) {
    .news-one {
        padding-bottom: 7px;
    }
}

.news-one .content-block ul {
    margin-bottom: 20px;
    font-size: 18px;
}

@media only screen and (max-width: 414px) {
    .news-one .content-block ul {
        font-size: 16px;
    }
}

.news-one p {
    font-size: 18px;
    line-height: 24px;
}

@media only screen and (max-width: 414px) {
    .news-one p {
        font-size: 16px;
        line-height: 23px;
    }
}

.news-one__soc-list {
    position: absolute;
    top: -4px;
}

@media only screen and (max-width: 992px) {
    .news-one__soc-list {
        position: relative;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.news-one__soc-item {
    margin-bottom: 8px;
    width: 36px;
    height: 36px;
    background: #d8131c;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 992px) {
    .news-one__soc-item {
        margin-bottom: 0;
        margin-right: 8px;
    }
}

.news-one__soc-item:hover {
    opacity: .8;
}

.news-one__soc-item .icon {
    color: #F6F6F6;
    display: block;
    text-align: center;
    line-height: 36px;
}

.news-one__soc-item .icon-fb {
    font-size: 24px;
}

.news-one__soc-item .icon-instagram {
    font-size: 36px;
}

.news-one .title-black {
    padding-top: 13px;
    max-width: 834px;
    padding-bottom: 32px;
}

.news-one .news__info {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 28px;
}

.news-one .news__date {
    padding-right: 45px;
}

.news-one .news__views .icon {
    font-size: 14px;
}

.news-one__img {
    margin-bottom: 62px;
}

@media only screen and (max-width: 992px) {
    .news-one__img {
        margin-bottom: 20px;
    }
}

.news-one__socail {
    position: relative;
}

@media only screen and (max-width: 992px) {
    .news-one__socail {
        margin-bottom: 20px;
    }
}

.news-one__content-img {
    margin-top: 29px;
    margin-bottom: 61px;
}

@media only screen and (max-width: 992px) {
    .news-one__content-img {
        margin-bottom: 20px;
        margin-top: 20px;
    }
}

.news-one .news__sort-wrap {
    margin-bottom: 40px;
    margin-top: 43px;
}

.news-one__block {
    background: #F6F6F6;
    padding: 80px 0 20px 0;
}

@media only screen and (max-width: 600px) {
    .news-one__block {
        padding: 50px 0 0;
    }
}

.news-one__block .title-black {
    margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
    .news-one .news__sort-item {
        margin-bottom: 0;
    }
}

.container-content {
    width: 834px;
    margin: auto;
    max-width: 100%;
}

.container-content ol {
    padding-left: 20px;
}

@media only screen and (max-width: 992px) {
    .container-content img {
        height: auto;
    }
}

.news-one__socail .jssocials-shares {
    position: absolute;
    top: -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.news-one__socail .jssocials-share {
    width: 36px;
    height: 36px;
    margin: 0 0 8px 0;
}

.news-one__socail .jssocials-share .jssocials-share-link {
    width: 36px;
    height: 36px;
    background: #d8131c;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border: 0;
    border-radius: unset;
}

.news-one__socail .jssocials-share .jssocials-share-link:hover {
    background: #d8131c;
    opacity: .8;
}

.news-one__socail .jssocials-share-label {
    display: none;
}

.fa-facebook:before, .fa-linkedin:before {
    font-family: Icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #fff;
}

.fa-facebook:before {
    content: '\E009';
}

.fa-linkedin:before {
    content: '\E016';
    font-size: 19px;
}

.fa-twitter {
    position: relative;
}

.fa-twitter:before {
    background-image: url(../images/twitter.svg);
    background-size: cover;
    display: inline-block;
    width: 19px;
    height: 16px;
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin: auto;
    content: "";
    background-repeat: no-repeat;
    top: 6px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 992px) {
    .news-one__socail .jssocials-shares {
        position: relative;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
    }

    .news-one__socail .jssocials-share {
        margin: 0 8px 0 0;
    }
}

.header {
    padding: 16px 0;
    z-index: 99;
    position: fixed;
    width: 100%;
}

@media only screen and (max-width: 414px) {
    .header {
        padding: 11px 0;
    }
}

@media only screen and (max-width: 414px) {
    .header .btn {
        padding: 11px 14px;
    }
}

.header__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}

.header .icon {
    color: #fff;
    padding-right: 11px;
    vertical-align: middle;
}

.header__phone {
    margin-right: 25px;
}

@media only screen and (max-width: 1280px) {
    .header__phone {
        display: none;
    }
}

@media only screen and (max-width: 1280px) {
    .header__nav {
        display: none;
    }
}

.header__phone-item {
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    letter-spacing: 0.02em;
    color: #fff;
    position: relative;
}

.header__phone-item:hover {
    color: #fff;
}

.header__phone-item::before {
    content: "";
    position: absolute;
    background: #fff;
    width: 0%;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    bottom: -2px;
    display: inline-block;
}

.header__phone-item:hover::before {
    width: 100%;
}

.header__nav-item {
    margin-right: 18px;
}

.header__nav-item:last-of-type {
    margin-right: 57px;
}

.header__nav-link {
    color: #fff;
    position: relative;
}

.header__nav-link:hover {
    color: #fff;
}

.header__nav-link::before {
    content: "";
    position: absolute;
    background: #fff;
    width: 0%;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    bottom: -2px;
    display: inline-block;
}

.header__nav-link:hover::before {
    width: 100%;
}

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

.header__nav-list .active .header__nav-link::before {
    width: 100%;
}

.header__right {
    padding-left: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 414px) {
    .header__right {
        padding-left: 23px;
    }
}

@media only screen and (max-width: 320px) {
    .header__right {
        padding-left: 10px;
    }
}

.header .shp0,
.header .shp1 {
    fill: #fff;
}

.header.fixed {
    background: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.header.fixed .shp0 {
    fill: #000633;
}

.header.fixed .shp1 {
    fill: #AB2328;
}

.header.fixed .header__phone-item,
.header.fixed .icon {
    color: #272727;
}

.header.fixed .header__phone-item::before {
    background: #272727;
}

.header.fixed .header__nav-link {
    color: #272727;
}

.header.fixed .header__nav-link::before {
    background: #272727;
}

.header.fixed .btn-menu .line {
    background: #272727;
}

.header.fixed .btn-menu .line:before, .header.fixed .btn-menu .line:after {
    background: #272727;
}

.header .btn-menu {
    cursor: pointer;
    height: 20px;
    margin-right: 19px;
    display: none;
}

@media only screen and (max-width: 1280px) {
    .header .btn-menu {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media only screen and (max-width: 414px) {
    .header .btn-menu {
        margin-right: 18px;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 320px) {
    .header .btn-menu {
        margin-right: 10px;
        margin-left: 0;
    }
}

.header .btn-menu .line {
    width: 30px;
    height: 2.5px;
    background: #fff;
    display: inline-block;
    position: relative;
}

.header .btn-menu .line:before {
    content: "";
    width: 30px;
    height: 2.5px;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 9px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header .btn-menu .line:after {
    content: "";
    width: 30px;
    height: 2.5px;
    background: #fff;
    display: inline-block;
    position: absolute;
    bottom: 9px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header .mob-menu {
    position: fixed;
    top: 84px;
    background: #f6f6f6;
    z-index: 9999;
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 414px) {
    .header .mob-menu {
        top: 60px;
    }
}

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

.header .mob-menu__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 100%;
    position: relative;
}

.header .mob-menu__soc-list {
    position: absolute;
    bottom: 110px;
}

.header .mob-menu__soc-list .mob-menu__soc-link .icon {
    color: #AB2328;
    margin-right: 31px;
    padding-right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.header .mob-menu__soc-list .icon.icon-z-youtube {
    margin-right: 0;
}

.header .mob-menu__soc-list .icon.icon-fb,
.header .mob-menu__soc-list .icon.icon-z-youtube {
    font-size: 24px;
}

.header .mob-menu__soc-list .icon.icon-instagram {
    font-size: 36px;
}

.header .mob-menu__soc-list .icon.icon-z-in {
    font-size: 22px;
}

.header .mob-menu__soc-link {
    font-size: 24px;
}

.header .mob-menu__top {
    border-bottom: 1px solid rgba(190, 190, 190, 0.6);
    width: 100%;
}

.header .mob-menu__list {
    padding-top: 32px;
    padding-bottom: 32px;
}

.header .mob-menu__list .active .mob-menu__link::before {
    width: 100%;
}

.header .mob-menu__item {
    margin-bottom: 20px;
}

.header .mob-menu__link {
    font-size: 20px;
    line-height: 25px;
    color: #272727;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    position: relative;
}

.header .mob-menu__link::before {
    content: "";
    position: absolute;
    background: #272727;
    width: 0%;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    bottom: -2px;
    display: inline-block;
}

.header .mob-menu__link:hover::before {
    width: 100%;
}

.header .mob-menu__contact {
    padding-top: 35px;
}

.header .mob-menu .icon, .header .mob-menu__phone-item, .header .mob-menu__address-text {
    color: #272727;
    font-size: 16px;
    line-height: 18px;
}

.header .mob-menu__phone-item {
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
}

.header .mob-menu__address-text {
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.header .mob-menu__phone, .header .mob-menu__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header .mob-menu__phone {
    margin-bottom: 24px;
}

@media only screen and (max-width: 600px) {
    .header .mob-menu__address {
        max-width: 219px;
    }
}

.header .btn-menu.active .line {
    height: 0;
}

.header .btn-menu.active .line:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -2px;
    height: 2px;
}

.header .btn-menu.active .line:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -2px;
    height: 2px;
}
body.about  .breadcrumbs {
    position: absolute;
    width: 100%;
    left: 0;
}
body.about  .breadcrumbs .breadcrumbs__item,body.about  .breadcrumbs a {
    color: #fff;
}
body:not(.main-page):not(.about) .header {
    position: fixed;
    background: #fff;
}

body:not(.main-page):not(.about) .header .header__phone-item,
body:not(.main-page):not(.about) .header .icon {
    color: #272727;
}

body:not(.main-page):not(.about) .header .header__phone-item::before {
    background: #272727;
}

body:not(.main-page):not(.about) .header .header__nav-link {
    color: #272727;
}

body:not(.main-page):not(.about) .header .header__nav-link::before {
    background: #272727;
}

body:not(.main-page):not(.about) .header__logo svg {
    max-width: 100%;
}

body:not(.main-page):not(.about) .header-white .shp0 {
    fill: #000633;
}

body:not(.main-page):not(.about) .header-white .shp1 {
    fill: #AB2328;
}

body:not(.main-page):not(.about) .header-white .btn--custom {
    border: 1px solid #AB2328;
    background: #AB2328;
    z-index: 1;
}

body:not(.main-page):not(.about) .header-white .btn--custom:hover, body:not(.main-page):not(.about) .header-white .btn--custom:active, body:not(.main-page):not(.about) .header-white .btn--custom:focus {
    color: #fff;
    border: 1px solid #d8131c;
}

body:not(.main-page):not(.about) .header-white .btn--custom.btn-anim::before {
    background-color: #d8131c;
}

body:not(.main-page) .header-white.fixed .btn--custom {
    border: 1px solid rgba(39, 39, 39, 0.3);
    background: #fff;
    color: #272727;
}

body:not(.main-page):not(.about) .header-white.fixed .btn-anim::before {
    background-color: rgba(39, 39, 39, 0.3);
}

body:not(.main-page):not(.about) .header-white .btn-menu .line {
    background: #272727;
}

body:not(.main-page):not(.about) .header-white .btn-menu .line:before, body:not(.main-page):not(.about) .header-white .btn-menu .line:after {
    background: #272727;
}

@media only screen and (max-height: 620px) {

    .header .mob-menu__list {
        padding: 20px 0;
    }

    .header .mob-menu__item:last-of-type {
        margin-bottom: 0;
    }

    .header .mob-menu__contact {
        padding-top: 20px;
    }

    .header .mob-menu__soc-list {
        bottom: 85px;
    }

    .header .mob-menu__link {
        font-size: 18px;
    }

    .header .mob-menu__phone {
        margin-bottom: 10px;
    }
}

@media only screen and (max-height: 520px) {
    .header .mob-menu__item {
        margin-bottom: 10px;
    }
}

.footer {
    position: relative;
    display: table-footer-group;
}

.footer__wrap {
    background: #151d2b;
}

.footer__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #fff;
    padding-top: 60px;
    padding-bottom: 28px;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 600px) {
    .header__logo svg {
        width: 121px;
    }
    .footer__top {
        border-bottom: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        padding-top: 50px;
        padding-bottom: 45px;
    }
}

.footer__logo {
    width: 195px;
}

@media only screen and (max-width: 600px) {
    .footer__logo {
        margin-bottom: 36px;
    }
}

.footer__copyright {
    background: #101620;
}

.footer__copyright-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 31px 0;
}

@media only screen and (max-width: 600px) {
    .footer__copyright-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

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

.footer__dev span {
    font-size: 12px;
    color: #fff;
    opacity: 0.4;
}

.footer .logo-art {
    margin-left: 8px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.6;
}

.footer .logo-art:hover {
    opacity: 1;
}

.footer__copy {
    font-size: 14px;
    color: #fff;
    opacity: 0.6;
}

.footer .icon {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer__soc-item {
    margin-right: 20px;
}

.footer__soc-item:last-of-type {
    margin-right: 0;
}

.footer__soc-link {
    font-size: 36px;
    line-height: 1;
}

.footer__soc-link:hover .icon {
    color: #AB2328;
}

.footer .icon-fb {
    font-size: 26px;
}

.footer .icon-z-in {
    font-size: 22px;
}

.footer .icon-z-youtube {
    font-size: 24px;
}

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

@media only screen and (max-width: 600px) {
    .footer__nav {
        margin: 0 auto;
    }
}

.footer__nav-list {
    width: 50%;
}

.footer__nav-list .active .footer__nav-link::before {
    width: 100%;
}

@media only screen and (max-width: 1280px) {
    .footer__nav-list {
        margin-bottom: 20px;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 600px) {
    .footer__nav-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.footer__nav-item {
    margin-right: 31px;
}

@media only screen and (max-width: 600px) {
    .footer__nav-item {
        margin-right: 0;
        margin-bottom: 24px;
        text-align: center;
    }
}

.footer__nav-item:last-of-type {
    margin-right: 0;
}

.footer__nav-link {
    color: #fff;
    opacity: 0.8;
    position: relative;
}

.footer__nav-link:hover {
    color: #fff;
}

.footer__nav-link::before {
    content: "";
    position: absolute;
    background: #fff;
    width: 0%;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    bottom: -2px;
    display: inline-block;
}

.footer__nav-link:hover::before {
    width: 100%;
}

.footer__address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 62%;
}

@media only screen and (max-width: 768px) {
    .footer__address {
        max-width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .footer__address {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        max-width: 219px;
    }
}

.footer__address-text {
    color: #fff;
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
	position: relative;
}

.footer__address-text a:hover {
	color: #fff;
}

footer__address-text{}
.footer__rewards {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width: 600px) {
    .footer__address-text {
        line-height: 20px;
        text-align: center;
    }
    .footer__rewards {
        justify-content: center;
        margin-bottom: 20px;
        width: 100%;
    }
    .footer__soc-list {
        width: 100%;
        justify-content: center;
    }

}

.footer__right {
    width: 50%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media only screen and (max-width: 1280px) {
    .footer__right {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (max-width: 768px) {
    .footer__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.footer__right .icon {
    vertical-align: middle;
    opacity: 0.5;
    font-size: 16px;
}

.footer__right .icon-tel {
    margin-right: 14px;
}

.footer__right .icon-maps-and-flags {
    margin-right: 12px;
}

.footer__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 42px;
}

@media only screen and (max-width: 768px) {
    .footer__phone {
        margin-bottom: 24px;
        padding-right: 0;
    }
}

.footer__phone-item {
    font-size: 18px;
    color: #fff;
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    position: relative;
}

.footer__phone-item:hover, .footer__address-text:hover {
    color: #fff;
}

.footer__phone-item::before,.footer__address-text::before {
    content: "";
    position: absolute;
    background: #fff;
    width: 0%;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    bottom: -2px;
    display: inline-block;
}

.footer__phone-item:hover::before, .footer__address-text:hover::before {
    width: 100%;
}

.footer__bottom {
    padding-top: 34px;
    padding-bottom: 34px;
    position: relative;
    z-index: 9;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.red {
    color: #AB2328;
}
@media only screen and (max-width: 1280px) {
    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media only screen and (max-width: 600px) {
    .footer__bottom {
        padding-top: 0;
        padding-bottom: 45px;
    }
}

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

.footer__logo-inc {
    max-width: 45px;
    margin-right: 25px;
}

.breadcrumbs {
    opacity: 0.7;
    position: relative;
    padding-top: 81px;
    z-index: 9;
}

.breadcrumbs__wrapper {
    font-size: 12px;
    padding-top: 14px;
    padding-bottom: 20px;
    position: relative;
    z-index: 9;
}

.breadcrumbs__wrapper li .divider {
    padding: 0 4px 0 4px;
}

.breadcrumbs__wrapper li .divider:before {
    content: "/";
}

.breadcrumbs a:active,
.breadcrumbs a:focus,
.breadcrumbs a:hover {
    color: #000;
}

.container-decor-light {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    width: 1266px;
    max-width: 100%;
}

@media only screen and (max-width: 1296px) {
    .container-decor-light {
        width: 1296px;
        border-right: 0;
        border-left: 0;
    }
}

.container-decor-light .line-left,
.container-decor-light .line-right {
    position: absolute;
    width: 1px;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    top: 0;
}

.container-decor-light .line-left {
    left: calc((1296px / 3) - 15px);
}

@media only screen and (max-width: 1296px) {
    .container-decor-light .line-left {
        left: 15px;
    }
}

.container-decor-light .line-right {
    right: calc((1296px / 3) - 16px);
    left: auto;
}

@media only screen and (max-width: 1296px) {
    .container-decor-light .line-right {
        right: 15px;
    }
}

.container-decor-dark {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    width: 1266px;
    max-width: 100%;
}

@media only screen and (max-width: 1296px) {
    .container-decor-dark {
        width: 1296px;
        border-right: 0;
        border-left: 0;
    }
}

.container-decor-dark .line-left,
.container-decor-dark .line-right {
    position: absolute;
    width: 1px;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    top: 0;
}

.container-decor-dark .line-left {
    left: calc((1296px / 3) - 15px);
}

@media only screen and (max-width: 1296px) {
    .container-decor-dark .line-left {
        left: 15px;
    }
}

.container-decor-dark .line-right {
    right: calc((1296px / 3) - 16px);
    left: auto;
}

@media only screen and (max-width: 1296px) {
    .container-decor-dark .line-right {
        right: 15px;
    }
}

.about-us {
    position: relative;
    padding-top: 82px;
    padding-bottom: 100px;
}

@media only screen and (max-width: 600px) {
    .about-us {
        padding: 50px 0;
    }
}

.about-us__text {
    font-size: 18px;
    line-height: 30px;
    opacity: 0.9;
    color: #272727;
    margin-bottom: 36px;
}

@media only screen and (max-width: 600px) {
    .about-us__text {
        margin-bottom: 34px;
    }
}

@media only screen and (max-width: 414px) {
    .our-services-main__top p {
        font-size: 13px;
    }

    .servise__item-title{
        width: 70px;
        height: 70px;
    }

    .btn--mg-top{
        margin-top: 20px;
    }

    .about-us__text {
        font-size: 16px;
    }
}

.about-us__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.about-us__img {
    width: 50%;
    padding-right: 105px;
}

@media only screen and (max-width: 1024px) {
    .about-us__img {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .about-us__img {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 0;
    }
}

.about-us__content {
    margin-bottom: 11px;
    margin-top: 5px;
    padding-left: 16px;
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .about-us__content {
        width: 100%;
        padding-left: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 34px;
        margin-top: 0;
        margin-right: 0;
        padding-left: 0;
    }
}

.about-us .title-black {
    margin-bottom: 34px;
}

@media only screen and (max-width: 414px) {
    .about-us .title-black {
        margin-bottom: 16px;
    }
}

.about-us .btn {
    padding: 18px 54px;
}

@media only screen and (max-width: 414px) {
    .about-us .btn {
        display: none;
    }
}

.join-the-team {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.join-the-team__content {
    padding-top: 94px;
    padding-bottom: 94px;
    text-align: center;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 600px) {
    .join-the-team__content {
        padding: 50px 0;
    }
    .footer__logo-inc {
        margin-right: auto;
        margin: 0 10px;
    }
}

.join-the-team .title-white {
    line-height: 50px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 360px) {
    .join-the-team .title-white {
        line-height: 28px;
    }
}

.join-the-team .btn {
    padding: 18px 46px;
}

.join-the-team__text {
    line-height: 26px;
    opacity: 0.9;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 35px;
    max-width: 521px;
}

@media only screen and (max-width: 360px) {
    .join-the-team__text {
        font-size: 14px;
        line-height: 22px;
    }
}

.join-the-team {
    min-height: 533px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.join-the-team:before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.41)), to(rgba(0, 0, 0, 0.41)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.41));
    background: linear-gradient(rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.41));
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media only screen and (max-width: 1024px) {
    .join-the-team {
        min-height: auto;
    }
}

.join-the-team__content {
    text-align: left;
}

@media only screen and (max-width: 414px) {
    .join-the-team__content {
        text-align: center;
    }
}

.content {
    position: relative;
    padding-top: 90px;
    padding-bottom: 86px;
    z-index: 9;
}

@media only screen and (max-width: 600px) {
    .content {
        padding: 50px 0;
    }
}

.content__title {
    font-size: 40px;
    line-height: 40px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 16px;
}

@media only screen and (max-width: 414px) {
    .content__title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }
}

.content__text {
    opacity: 0.8;
    padding-right: 93px;
}

@media only screen and (max-width: 414px) {
    .content__text {
        font-size: 14px;
        line-height: 22px;
        padding-right: 15px;
    }
}

.content__text-wrapper {
    position: relative;
    height: 231px;
    max-width: 1296px;
    margin-right: -15px;
    overflow: auto;
    padding-top: 9px;
}

.content .ps__rail-y {
    background-color: #d6d6d6;
    width: 3px;
    margin-right: 14px;
}

.ps__rail-x,
.ps__rail-y {
    display: block;
    opacity: 1;
}

.ps__thumb-x,
.ps__thumb-y {
    background-color: #1a1a1a;
    border-radius: 0;
    width: 9px;
}

.ps__thumb-y {
    right: -3px;
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
    width: 9px;
}

.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y,
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y {
    opacity: 0.8;
}

.our-clients {
    position: relative;
    padding-bottom: 98px;
}

@media only screen and (min-width: 1300px) {
    .our-clients {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 600px) {
    .our-clients {
        padding-bottom: 30px;
    }
}

.our-clients__text {
    opacity: 0.9;
    width: 67%;
}

@media only screen and (max-width: 1280px) {
    .our-clients__text {
        width: 100%;
    }
}

@media only screen and (max-width: 414px) {
    .our-clients__text {
        font-size: 14px;
        line-height: 22px;
    }
}

.our-clients__top {
    position: relative;
    z-index: 9;
}

.our-clients .title-black {
    padding-right: 15px;
    width: 33%;
}

@media only screen and (max-width: 1280px) {
    .our-clients .title-black {
        width: 100%;
        margin-bottom: 16px;
    }
}

.our-clients .swiper-wrapper {
    padding: 62px 28px 95px 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (min-width: 1300px) {
    .our-clients .swiper-wrapper {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .our-clients .swiper-wrapper {
        padding: 40px 0 36px 0;
    }
}

.our-clients .swiper-button {
    background: #f7f7f7;
    width: 44px;
    height: 44px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 768px) {
    .our-clients .swiper-button {
        display: none;
    }
}

.our-clients .swiper-button:focus {
    outline: none;
}

.our-clients .swiper-button:focus, .our-clients .swiper-button:hover {
    background: #272727;
}

.our-clients .swiper-button:focus .icon, .our-clients .swiper-button:hover .icon {
    color: #fff;
}

.our-clients .icon {
    color: #272727;
    font-size: 22px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.our-clients .icon:focus {
    outline: none;
}

.our-clients .slider-nav {
    position: relative;
    bottom: 5px;
}

.our-clients .swiper-container {
    padding-bottom: 20px;
}

.our-clients .swiper-container-horizontal > .swiper-scrollbar {
    bottom: 23px;
    left: 0;
    right: 0;
    width: 88%;
    margin: 0 auto;
    height: 2px;
}

@media only screen and (max-width: 768px) {
    .our-clients .swiper-container-horizontal > .swiper-scrollbar {
        width: 100%;
    }
}

.our-clients .swiper-button-prev {
    left: 0;
}

.our-clients .swiper-button-next {
    right: 0;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.our-clients img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0.6;
}

.our-clients a:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}

.us-map {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 768px) {
    .us-map {
        padding-bottom: 50px;
    }
}

.us-map .ps__rail-y {
    background-color: #d6d6d6;
    width: 3px;
    margin-right: 14px;
    margin-top: 10px;
}

.us-map:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    top: 0;
    z-index: -1;
}

.us-map__wrapper {
    position: relative;
    z-index: 9;
}

.us-map__content {
    width: calc(100% - 416px);
    padding-right: 130px;
    margin-bottom: 26px;
}

@media only screen and (max-width: 1280px) {
    .us-map__content {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1024px) {
    .us-map__content {
        width: 100%;
        padding-right: 0;
        margin-bottom: 36px;
    }
}

@media only screen and (max-width: 768px) {
    .us-map__content {
        margin-bottom: 0;
        padding-bottom: 15px;
        padding-top: 50px;
    }
}

.us-map__text {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 23px;
}

.us-map .delivery2,
.us-map .delivery3,
.us-map .delivery4 {
    left: 16px;
}

.us-map .delivery-item {
    font-size: 16px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    position: relative;
    padding-left: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
    width: 25%;
    display: inline-block;
}

.us-map .delivery-item:last-of-type {
    margin-right: 0;
}

.us-map .delivery-item:before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    left: 0;
}

.us-map .delivery-item.delivery-light-color:before {
    background: #0e1332;
}

.us-map .delivery-item.delivery-medium-color:before {
    background: #575a70;
}

.us-map .delivery-item.delivery-color:before {
    background: #9fa1ad;
}

.us-map .delivery-item.delivery-dark-color:before {
    background: #cfd0d6;
}

.us-map .states-item {
    font-size: 20px;
    font-family: "Cera Pro", sans-serif;
    font-weight: 500;
    font-style: normal;
    padding-bottom: 14px;
    cursor: pointer;
}

.us-map .states-item.active {
    color: #AB2328;
}

@media only screen and (max-width: 1024px) {
    .us-map .states-item {
        font-size: 18px;
        padding-bottom: 10px;
    }
}

.us-map__states {
    width: 278px;
}

@media only screen and (max-width: 1024px) {
    .us-map__states {
        width: 378px;
    }
}

@media only screen and (max-width: 900px) {
    .us-map__states {
        max-width: 278px;
        width: 100%;
    }
}

.us-map__states-list {
    position: relative;
    height: 359px;
    padding-right: 30px;
    margin-top: 11px;
}

@media only screen and (max-width: 800px) {
    .servise__item-inner--mBot{
        margin-bottom: 0;
    }

    .us-map__states-list {
        height: 323px;
    }
}

.us-map__contacts {
    width: 416px;
    padding: 65px 63px 90px 63px;
    background: #151d2a;
    color: #fff;
    margin-bottom: 26px;
    margin-top: 5px;
    display: none;
}

.us-map__contacts.active-contacts {
    display: block;
}

@media only screen and (max-width: 1024px) {
    .us-map__contacts {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 800px) {
    .us-map__contacts {
        padding: 50px 46px 60px;
        margin-left: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .us-map__contacts {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 360px) {
    .us-map__contacts {
        padding: 45px 35px 50px;
    }
}

.us-map__state {
    font-size: 40px;
    line-height: 40px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 32px;
}

@media only screen and (max-width: 1024px) {
    .us-map__state {
        font-size: 27px;
        margin-bottom: 22px;
    }
}

.us-map .title-black {
    margin-bottom: 24px;
}

.us-map .title-sm {
    margin-bottom: 4px;
}

.us-map__phone {
    margin-bottom: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.us-map__phone-link {
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 12px;
    position: relative;
}

@media only screen and (max-width: 1024px) {
    .us-map__phone-link {
        font-size: 18px;
    }
}

.us-map__phone-link:hover {
    color: #fff;
}

.us-map__phone-link::before {
    content: "";
    position: absolute;
    background: #fff;
    width: 0%;
    height: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    bottom: -2px;
    display: inline-block;
}

.us-map__phone-link:hover::before {
    width: 100%;
}

.us-map .icon-tel {
    padding-right: 14px;
    font-size: 20px;
}

@media only screen and (max-width: 600px) {
    .us-map .icon-tel {
        font-size: 17px;
    }
}

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

.us-map__address-text {
    font-size: 18px;
    line-height: 22px;
}

@media only screen and (max-width: 1024px) {
    .us-map__address-text {
        font-size: 16px;
    }
}

.us-map .icon-maps-and-flags {
    font-size: 22px;
    padding-right: 12px;
}

.us-map__img {
    position: relative;
    z-index: 2;
    width: calc(100% - 278px);
    padding-left: 140px;
    padding-top: 63px;
}

@media only screen and (max-width: 1024px) {
    .us-map__img {
        width: 100%;
        padding-left: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media only screen and (max-width: 768px) {
    .us-map__img {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .us-map__delivery {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .us-map__contacts-wrap, .us-map__states-wrap {
        width: 50%;
    }
}

.us-map__contacts-wrap {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 416px;
}

@media only screen and (max-width: 1024px) {
    .us-map__contacts-wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: relative;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

@media only screen and (max-width: 968px) {
    .us-map__contacts-wrap {
        width: 60%;
    }
}

@media only screen and (max-width: 600px) {
    .us-map__contacts-wrap {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 1024px) {
    .us-map__states-wrap {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 46px;
    }
}

@media only screen and (max-width: 968px) {
    .us-map__states-wrap {
        width: 40%;
    }
}

@media only screen and (max-width: 768px) {
    .us-map__states-wrap {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
    .us-map__states-wrap {
        width: 100%;
        margin-bottom: 26px;
    }
    .fa-twitter {
        display: block;
        height: 1em;
    }
    .fa-twitter:before {
        top: 10px;
    }
}

.us-map__delivery-text {
    font-size: 19px;
    line-height: 24px;
}

.us-map .icon-z-box {
    font-size: 24px;
    padding-right: 14px;
}

.dark-color-fill {
    fill: #cfd0d6;
}

.medium-color-fill {
    fill: #9fa1ad;
}

.light-color-fill {
    fill: #575a70;
}

.color-fill {
    fill: #0e1332;
}

.dark-color-fill:hover,
.color-fill:hover,
.medium-color-fill:hover,
.light-color-fill:hover {
    fill: #AB2328;
    cursor: pointer;
}

.info_panel {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px;
    font-size: 12px;
    position: absolute;
    border: 1px solid #333;
    color: #333;
    white-space: nowrap;
    z-index: 9;
    line-height: normal;
}

.info_panel::first-line {
    font-weight: bold;
}

#us-map-svg {
    max-width: 744px;
}

#us-map-svg .active {
    fill: #AB2328;
}

@media only screen and (max-width: 1024px) {
    #us-map-svg {
        max-width: 100%;
    }
}

.our-services {
    position: relative;
    padding-bottom: 20px;
    padding-top: 90px;
}

@media only screen and (max-width: 600px) {
    .our-services {
        padding-bottom: 0;
        padding-top: 50px;
    }
}

.our-services .title-black {
    margin-bottom: 40px;
}

@media only screen and (max-width: 414px) {
    .our-services .title-black {
        margin-bottom: 32px;
    }
}

.our-services .our-services-main__content {
    margin-left: 0;
    max-height: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media only screen and (max-width: 600px) {
    .our-services .our-services-main__content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.our-services .our-services-main__content-item {
    padding-right: 10px;
}

@media only screen and (max-width: 600px) {
    .our-services .our-services-main__content-item {
        width: 100%;
    }
}

.our-services__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 70px;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 1024px) {
    .our-services__wrap {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .our-services__wrap {
        margin-bottom: 50px;
    }
}

.our-services__wrap:nth-child(1n) .our-services__left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.our-services__wrap:nth-child(2n) .our-services__left {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.our-services__left {
    width: 44.5%;
}

@media only screen and (max-width: 1024px) {
    .our-services__left img {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1024px) {
    .our-services__left {
        width: 100%;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .our-services__left {
        margin-bottom: 24px;
    }
}

.our-services__right {
    width: 48.7%;
}

@media only screen and (max-width: 1024px) {
    .our-services__right img {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1024px) {
    .our-services__right {
        width: 100%;
    }
}

.our-services__category {
    font-size: 30px;
    line-height: 30px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 16px;
    margin-top: 10px;
}

@media only screen and (max-width: 414px) {
    .our-services__category {
        margin-bottom: 8px;
        font-size: 24px;
        line-height: 30px;
        margin-top: 24px;
    }
}

.our-services__text {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 47px;
}

@media only screen and (max-width: 414px) {
    .our-services__text {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 26px;
    }
}

.feedback-form {
    padding-top: 76px;
    padding-bottom: 136px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .feedback-form {
        padding-top: 50px;
        padding-bottom: 34px;
    }
}

.feedback-form__wrap {
    position: relative;
    z-index: 9;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .feedback-form__wrap {
        display: block;
    }
}

.feedback-form .input-field {
    margin-bottom: 27px;
}

.feedback-form .form-control,
.feedback-form .form-control-text {
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.06em;
    font-family: "Cera Pro", sans-serif;
    font-weight: normal;
    font-style: normal;
    background: rgba(255, 255, 255, 0.08);
    padding: 13px;
    color: #fff;
    caret-color: #AB2328;
}

.feedback-form .form-control:focus,
.feedback-form .form-control-text:focus {
    border: 1px solid #fff;
}

.feedback-form .form-control {
    height: 40px;
}

.feedback-form .form-control-text {
    height: 82px;
}

.feedback-form__right {
    color: #fff;
    width: 40.2%;
}

@media only screen and (max-width: 768px) {
    .feedback-form__right {
        width: 100%;
    }
}

.feedback-form__right li:before {
    content: "\E005";
    position: relative;
    left: 0;
    top: 0;
    font-family: Icons;
    margin-right: 14px;
    color: #fff;
    font-size: 12px;
}

.feedback-form__left {
    width: 33.1%;
}

@media only screen and (max-width: 768px) {
    .feedback-form__left {
        width: 100%;
        margin-bottom: 40px;
    }
}

.feedback-form__list-title {
    font-size: 30px;
    line-height: 28px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 38px;
}

@media only screen and (max-width: 414px) {
    .feedback-form__list-title {
        font-size: 20px;
        line-height: 30px;
    }
}

.feedback-form__item {
    opacity: 0.9;
    font-size: 18px;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media only screen and (max-width: 414px) {
    .feedback-form__item {
        font-size: 16px;
        line-height: 20px;
    }
}

.feedback-form .title-white {
    margin-bottom: 45px;
    text-align: left;
}

.our-approach {
    position: relative;
    padding-top: 80px;
    padding-bottom: 100px;
}

@media only screen and (max-width: 600px) {
    .our-approach {
        padding-top: 50px;
        padding-bottom: 34px;
    }
}

.our-approach__wrap {
    position: relative;
    z-index: 9;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .our-approach__wrap {
        display: block;
    }
}

.our-approach__item {
    width: 42.42%;
    margin-bottom: 48px;
}

.our-approach__item:last-of-type {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .our-approach__item {
        width: 100%;
    }
}

@media only screen and (max-width: 414px) {
    .our-approach__item {
        margin-bottom: 44px;
    }
}

.our-approach .title-black {
    margin-bottom: 58px;
}

@media only screen and (max-width: 414px) {
    .our-approach .title-black {
        margin-bottom: 40px;
    }
}

.our-approach__img {
    width: 90px;
    height: 90px;
    background: #f6f7f9;
    position: relative;
    margin-bottom: 41px;
}

@media only screen and (max-width: 768px) {
    .our-approach__img {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .our-approach__img {
        margin-bottom: 20px;
        width: 80px;
        height: 80px;
    }
}

.our-approach__img img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.our-approach__text {
    line-height: 30px;
    font-size: 18px;
}

@media only screen and (max-width: 414px) {
    .our-approach__text {
        font-size: 16px;
        line-height: 26px;
    }
}

.our-approach__title {
    font-size: 24px;
    line-height: 30px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 16px;
}

@media only screen and (max-width: 414px) {
    .our-approach__title {
        margin-bottom: 8px;
        font-size: 18px;
    }
}

.our-approach-custom .our-approach__wrap {
    width: 100%;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.our-approach-custom .our-approach__item {
    min-width: 128px;
    min-height: 470px;
    padding: 37px;
    -ms-grid-row: 1;
    grid-row: 1;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-transition: 0.9s linear;
    transition: 0.9s linear;
    background: #151D2A;
    width: auto;
    margin-bottom: 0;
    background-position: 50% !important;
    background-size: cover !important;
    border-right: 1px solid #fff;
}

.our-approach-custom .our-approach__item.career {
    min-height: 520px;
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__item.career {
        min-height: 10px;
    }
}

.our-approach-custom .our-approach__item:hover, .our-approach-custom .our-approach__item.active {
    /*background: #AB2328;*/
}

@media only screen and (max-width: 1366px) {
    .our-approach-custom .our-approach__item {
        min-height: 600px;
    }
}

@media only screen and (max-width: 768px) {

    .our-approach-custom .our-approach__item {
        min-height: auto;
        padding: 40px 20px 40px 35px;
        width: 100%;
        -webkit-transition: none;
        transition: none;
        border-right: 0;
        border-bottom: 1px solid #fff;
        justify-content: flex-start;
    }
}

.our-approach-custom .our-approach__item.open .inner__text,
.our-approach-custom .our-approach__item.open .inner__title {
    opacity: 1;
}

.our-approach-custom .our-approach__item:last-of-type {
    border-right: 0;
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__item:last-of-type {
        border-bottom: 0;
    }
}

.our-approach-custom .our-approach__item:hover, .our-approach-custom .our-approach__item.active {
    min-width: 511px;
}

@media only screen and (max-width: 541px) {
    .our-approach-custom .our-approach__item:hover, .our-approach-custom .our-approach__item.active {
        min-width: auto;
    }
}

.our-approach-custom .our-approach__item:hover .our-approach__title, .our-approach-custom .our-approach__item.active .our-approach__title {
    opacity: 0;
}

.our-approach-custom .our-approach__item:hover .our-approach__item-inner .inner__text,
.our-approach-custom .our-approach__item.active .our-approach__item-inner .inner__text {
    opacity: 1;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.our-approach-custom .our-approach__item:hover .our-approach__item-img {
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.our-approach__item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s, -webkit-filter .3s;
}


.our-approach-custom .our-approach__item:hover .our-approach__item-inner .inner__title, .our-approach-custom .our-approach__item.active .our-approach__item-inner .inner__title,
.our-approach-custom .our-approach__item:hover .our-approach__item-inner img, .our-approach-custom .our-approach__item.active .our-approach__item-inner img {
    opacity: 1;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__item:hover .our-approach__title, .our-approach-custom .our-approach__item.active .our-approach__title {
        opacity: 1;
    }

    .our-approach-custom .our-approach__item:hover .our-approach__item-inner .inner__text, .our-approach-custom .our-approach__item.active .our-approach__item-inner .inner__text {
        -webkit-transition: none;
        transition: none;
        -webkit-transition-property: none;
        transition-property: none;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    .our-approach-custom .our-approach__item:hover .our-approach__item-inner .inner__title, .our-approach-custom .our-approach__item.active .our-approach__item-inner .inner__title {
        -webkit-transition: none;
        transition: none;
        -webkit-transition-property: none;
        transition-property: none;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }
}

.our-approach-custom .our-approach__item .btn__open {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FF2731;
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    position: relative;

    margin-right: 15px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__item .btn__open {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.our-approach-custom .our-approach__item .btn__open.open {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.our-approach-custom .our-approach__item .btn__open svg {
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.our-approach-custom .our-approach__title {
    color: #fff;
    font-size: 24px;
    line-height: 1;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-top: auto;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    position: relative;
    z-index: 1;
    margin-bottom: auto;
    text-align: center;
}

.our-approach-custom .our-approach__title.transform {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;


    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1440px) {
    .our-approach-custom .our-approach__title {
        margin-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
    }
}

@media  (max-width: 768px) {
    .our-approach-custom .our-approach__title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;

        -webkit-transform: rotate(0);
        transform: rotate(0);
        margin-top: 0;
        -webkit-transition: none;
        transition: none;
        text-align: left;
    }
}

@media only screen and (max-width: 414px) {
    .our-approach-custom .our-approach__title {
        font-size: 21px;
    }
}

.our-approach-custom .our-approach__title img {
    margin: 0 auto 30px;
}

@media only screen and (max-width: 1440px) {
    .our-approach-custom .our-approach__title img {
        
        margin: 0 10px 5px 0;
    }
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__title img {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__title.small__mode .inner__title {
        padding-right: 15px;
    }
}

.our-approach-custom .our-approach__item-inner {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    padding: 37px;
}

.our-approach-custom .our-approach__item-inner img {
    width: 40px;
    height: 40px;
    opacity: 0;
    margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__item-inner img {
        opacity: 1;
    }
}

.our-approach-custom .our-approach__item-inner .inner__title {
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
    opacity: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__item-inner .inner__title {
        display: none;
        opacity: 1;
    }
}

.our-approach-custom .our-approach__item-inner .inner__text {
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__item-inner .inner__text {
        opacity: 1;
    }
}

@media only screen and (max-width: 768px) {
    .our-approach-custom .our-approach__item-inner {
        display: none;
        position: static;
        -webkit-transition: none;
        transition: none;
        padding: 40px 0;
        height: auto;
    }
}

@media only screen and (max-width: 414px) {
    .our-approach-custom .our-approach__item-inner {
        padding: 15px 0 0;
    }
}

.our-approach-custom .our-approach__item-innerwr {
    position: relative;
    z-index: 7;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.content-gray-block {
    position: relative;
    background: #f6f6f6;
    padding: 80px 0;
}

.content-gray-block__wrap {
    position: relative;
    z-index: 9;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .content-gray-block__wrap {
        display: block;
    }
}

.content-gray-block__text {
    font-size: 18px;
    line-height: 30px;
}

.content-gray-block__item {
    width: 45.7%;
}

@media only screen and (max-width: 768px) {
    .content-gray-block__item {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .content-gray-block__item:first-child {
        padding-bottom: 40px;
    }
}

.content-gray-block .title-black {
    margin-bottom: 24px;
}


@media only screen and (max-width: 600px) {
    .testimonials__slider .slider-nav {
        width: 100px;
        position: absolute;
        top: -25px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
}


.testimonials {
    position: relative;
    background: #f6f6f6;
    padding-top: 80px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 600px) {
    .testimonials {
        padding-top: 50px;
        padding-bottom: 0;
    }
}

.testimonials__wrap {
    position: relative;
    z-index: 9;
}

.testimonials .title-black {
    margin-bottom: 40px;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .testimonials .title-black {
        margin-bottom: 32px;
    }
}

.testimonials .section-tab {
    position: relative;
    z-index: 9;
}

.testimonials .tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}



.testimonials .tab-item {
    width: 32.9%;
}

.testimonials .tab-item:nth-child(2n) {
    width: 33.8%;
}

@media only screen and (max-width: 1024px) {
    .testimonials .tab-item:nth-child(2n) {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .testimonials .tab-item {
        width: 100%;
    }
}

.testimonials .tab-link {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 16px 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    color: rgba(39, 39, 39, 0.6);
}

.testimonials .tab-link.active {
    color: #AB2328;
    background: #fff;
}

.testimonials .tab-box.active {
    background: #fff;
}

@media only screen and (max-width: 1024px) {
    .testimonials .tab-box.active {
        background: none;
    }
}

.testimonials .swiper-slide {
    padding: 63px 107px 114px;
}

@media only screen and (max-width: 600px) {
    .testimonials .swiper-slide {
        padding: 50px 0;
    }
}

.testimonials .icon {
    color: #272727;
    font-size: 22px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.testimonials .icon:focus {
    outline: none;
}

.testimonials .icon:hover {
    opacity: 0.7;
}

.testimonials .swiper-button:focus {
    outline: none;
}

.testimonials .swiper-button-prev {
    left: 40px;
}

@media only screen and (max-width: 600px) {
    .testimonials .swiper-button-prev {
        top: 69px;
        left: 0;
    }
}

@media only screen and (max-width: 414px) {
    .testimonials .swiper-button-prev {
        top: 65px;
    }
}

.testimonials .swiper-button-next {
    right: 40px;
}

@media only screen and (max-width: 600px) {
    .testimonials .swiper-button-next {
        top: 69px;
        right: 0;
    }
}

@media only screen and (max-width: 414px) {
    .testimonials .swiper-button-next {
        top: 65px;
    }
}

.testimonials .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #272727;
    opacity: 0.2;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.testimonials .swiper-pagination-bullet:hover {
    opacity: 0.5;
}

@media only screen and (max-width: 600px) {
    .testimonials .swiper-pagination-bullet {
        display: none;
    }
}

.testimonials .swiper-pagination-bullet-active {
    background: #272727;
    opacity: 1;
}

.testimonials .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 49px;
}

.testimonials .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.testimonials .review-title {
    font-size: 30px;
    opacity: 1;
    text-align: center;
    margin-bottom: 18px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
}

@media only screen and (max-width: 414px) {
    .testimonials .review-title {
        font-size: 20px;
    }
}

.testimonials .review-text {
    text-align: center;
    margin-bottom: 32px;
}

.testimonials .review-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 600px) {
    .testimonials .review-info-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.testimonials .review-img {
    margin-right: 25px;
    position: relative;
    padding-right: 15px;
    max-width: 152px;
}

@media only screen and (max-width: 600px) {
    .testimonials .review-img {
        margin-right: 0;
        margin-bottom: 20px;
        padding-right: 0;
    }
}

.testimonials .review-img:before {
    content: "";
    width: 1px;
    height: 50px;
    background: #e5e5e5;
    position: absolute;
    right: 0;
}

@media only screen and (max-width: 600px) {
    .testimonials .review-img:before {
        height: 1px;
        width: 156px;
        bottom: -14px;
        left: -10px;
    }
}

.testimonials .review-name-wrap {
    max-width: 300px;
}

@media only screen and (max-width: 600px) {
    .testimonials .review-name-wrap {
        text-align: center;
    }
}

.testimonials .review-name {
    font-size: 20px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
}

.testimonials .review-position {
    font-family: "Cera Pro", sans-serif;
    font-weight: 300;
    font-style: normal;
    opacity: 0.8;
}

.our-success {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f6f6f6;
}

@media only screen and (max-width: 600px) {
    .our-success {
        padding: 50px 0;
    }
}

.our-success .title-black {
    margin-bottom: 47px;
}

.our-success__wrap {
    position: relative;
    z-index: 9;
}

.our-success__item {
    width: 33%;
    padding-right: 23px;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .our-success__item {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
}

.our-success__item:nth-child(2) {
    width: 33.8%;
}

@media only screen and (max-width: 600px) {
    .our-success__item:nth-child(2) {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .our-success__item:last-of-type {
        margin-bottom: 0;
    }
}

.our-success .count {
    color: #AB2328;
    font-size: 72px;
    line-height: 72px;
    letter-spacing: -0.01em;
    font-family: "Cera Pro", sans-serif;
    font-weight: 900;
    font-style: normal;
    margin-bottom: 16px;
}

@media only screen and (max-width: 1032px) {
    .our-success .count {
        font-size: 62px;
    }
}

@media only screen and (max-width: 960px) {
    .our-success .count {
        font-size: 48px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .our-success .count {
        font-size: 38px;
    }
}

.our-success__text {
    font-size: 20px;
    opacity: 0.8;
}

@media only screen and (max-width: 960px) {
    .our-success__text {
        font-size: 18px;
    }
}

.offer {
    position: relative;
}

.offer .title-black {
    margin-bottom: 14px;
}

.offer__text {
    font-size: 18px;
    line-height: 30px;
    max-width: 565px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .offer__text {
        line-height: 22px;
    }
}

@media only screen and (max-width: 360px) {
    .offer__text {
        font-size: 14px;
    }
}

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

.offer__info-item-wrap {
    width: 25%;
    padding: 0 1px;
}

@media only screen and (max-width: 768px) {
    .offer__info-item-wrap {
        width: 50%;
        padding: 1px 1px;
    }
}

@media only screen and (max-width: 600px) {
    .offer__info-item-wrap {
        width: 100%;
        padding: 1px 0;
    }
}

.offer__info-item {
    font-size: 18px;
    line-height: 18px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    background-color: #f6f7f9;
    padding: 52px 40px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 1024px) {
    .offer__info-item {
        padding: 42px 20px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .offer__info-item {
        padding: 20px 39px;
        font-size: 16px;
    }
}

.offer__content {
    padding-top: 58px;
    padding-bottom: 88px;
}

@media only screen and (max-width: 768px) {
    .offer__content {
        padding-top: 40px;
        padding-bottom: 75px;
    }
}

@media only screen and (max-width: 600px) {
    .offer__content {
        padding-bottom: 30px;
    }
}

.offer__content .content-block ul li:before {
    top: 6px;
}

.offer__content-top, .offer__img-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.offer__content-top {
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    .offer__content-top {
        display: block;
    }
}

.offer__img-top {
    padding-bottom: 30px;
}

@media only screen and (max-width: 1280px) {
    .offer__img-top {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 960px) {
    .offer__img-top {
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .offer__img-top {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.offer__img-top .content-img:first-child {
    padding-right: 10px;
}

@media only screen and (max-width: 768px) {
    .offer__img-top .content-img:first-child {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 414px) {
    .offer__img-top .content-img:first-child {
        padding-right: 16px;
    }
}

.offer__img-left {
    padding-right: 15px;
}

@media only screen and (max-width: 768px) {
    .offer__img-left {
        margin-bottom: 16px;
        padding-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .offer__img-left img {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
    .offer__img-bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

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

@media only screen and (max-width: 768px) {
    .offer__content-bottom {
        display: block;
    }
}

.offer__content-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media only screen and (max-width: 768px) {
    .offer__content-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.offer__content-list li {
    font-size: 20px;
    margin-bottom: 18px;
    line-height: 20px;
}

@media only screen and (max-width: 360px) {
    .offer__content-list li {
        font-size: 16px;
    }
}

.offer__wrap {
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 414px) {
    .offer__accordeon .btn {
        width: 100%;
        font-size: 16px;
        font-family: "Cera Pro", sans-serif;
        font-weight: 500;
        font-style: normal;
        padding: 19px 25px;
    }
}

.offer .accordeon-item {
    margin-bottom: 12px;
}

@media only screen and (max-width: 414px) {
    .offer .accordeon-item {
        margin-bottom: 2px;
    }
}

.offer .item-name {
    position: relative;
    font-size: 24px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    padding: 26px 65px 26px 32px;
    background-color: #f6f7f9;
    cursor: pointer;
}

@media only screen and (max-width: 360px) {
    .offer .item-name {
        font-size: 18px;
        padding: 18px 31px;
    }
}

.offer .item-name:before {
    content: "";
    background-image: url("../images/arrow-acc.svg");
    background-size: cover;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 13px;
    position: absolute;
    right: 33px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media only screen and (max-width: 414px) {
    .offer .item-name:before {
        width: 14px;
        height: 9px;
        right: 24px;
    }
}

.offer .item-name.opened:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.offer .item-content {
    display: none;
    padding: 42px;
    background-color: #f6f7f9;
    margin-top: 2px;
    padding-top: 37px;
}

@media only screen and (max-width: 768px) {
    .offer .item-content {
        padding: 24px 15px;
    }
}

.offer .content-right {
    width: 43.2%;
    font-size: 20px;
    opacity: 0.8;
    line-height: 30px;
    margin-top: 26px;
}

.offer .content-right p {
    margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
    .offer .content-right p {
        margin-bottom: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .offer .content-right {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .offer .content-right {
        margin-top: 0;
    }
}

@media only screen and (max-width: 414px) {
    .offer .content-right {
        font-size: 16px;
        margin-top: 0;
    }
}

.offer .content-left {
    width: 39.7%;
    margin-right: 108px;
}

@media only screen and (max-width: 768px) {
    .offer .content-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
}

.offer .req {
    color: #878787;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    display: inline-block;
}

.offer .input-container {
    margin-bottom: 13px;
}

.offer .input-container:last-of-type {
    margin-bottom: 25px;
}

input:focus + label {
    color: #272727;
}

.reviews-driver {
    padding-top: 80px;
    padding-bottom: 80px;
    position: relative;
}

@media only screen and (max-width: 600px) {
    .reviews-driver {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.reviews-driver .title-black {
    max-width: 558px;
    margin-bottom: 40px;
}

.reviews-driver__name {
    font-size: 24px;
    line-height: 18px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 8px;
}

.reviews-driver__exp {
    font-size: 14px;
    line-height: 14px;
    opacity: 0.7;
    font-family: "Cera Pro", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.reviews-driver__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .reviews-driver__wrap {
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.reviews-driver__wrap:after {
    content: "";
    position: absolute;
    background-image: url(../images/quotes.png);
    width: 52px;
    height: 37px;
    background-size: cover;
    background-repeat: no-repeat;
    right: 108px;
}

@media only screen and (max-width: 768px) {
    .reviews-driver__wrap:after {
        display: none;
    }
}

.reviews-driver__img {
    margin-right: 24px;
}

@media only screen and (max-width: 768px) {
    .reviews-driver__img {
        margin-right: 0;
        margin-bottom: 17px;
    }
}

.reviews-driver__info {
    padding-right: 85px;
}

@media only screen and (max-width: 768px) {
    .reviews-driver__info {
        padding-right: 0;
    }
}

.reviews-driver__top {
    margin-bottom: 24px;
}

.reviews-driver__text {
    font-size: 18px;
    line-height: 26px;
    opacity: 0.8;
    font-family: "Cera Pro", sans-serif;
    font-weight: normal;
    font-style: italic;
}

.reviews-driver__slider {
    padding-top: 29px;
    padding-bottom: 25px;
    background-color: #f6f7f9;
}

@media only screen and (max-width: 768px) {
    .reviews-driver__slider {
        background-color: #fff;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.reviews-driver .swiper-slide {
    padding-left: 108px;
    padding-right: 105px;
}

@media only screen and (max-width: 768px) {
    .reviews-driver .swiper-slide {
        padding-left: 0;
        padding-right: 0;
    }
}

.reviews-driver .icon {
    color: #272727;
    font-size: 22px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.reviews-driver .icon:hover {
    opacity: 0.7;
}

.reviews-driver .swiper-button-prev {
    left: 38px;
    top: 57%;
}

@media only screen and (max-width: 768px) {
    .reviews-driver .swiper-button-prev {
        left: 0;
        top: 10%;
    }
}

.reviews-driver .swiper-button-next {
    right: 36px;
    top: 57%;
}

@media only screen and (max-width: 768px) {
    .reviews-driver .swiper-button-next {
        right: 0;
        top: 10%;
    }
}

#modalRequest .feedback-form, #modal__calculate .feedback-form {
    padding-top: 170px;
    padding-bottom: 230px;
    min-height: 900px;
}

@media only screen and (max-width: 768px) {
    #modalRequest .feedback-form, #modal__calculate .feedback-form {
        padding-top: 118px;
        padding-bottom: 60px;
    }
}

#modalRequest .feedback-form__right li:before, #modal__calculate .feedback-form__right li:before {
    color: #AB2328;
}

@media only screen and (max-width: 768px) {
    #modalRequest .feedback-form__left, #modal__calculate .feedback-form__left {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 768px) {
    #modalRequest .feedback-form__list-title, #modal__calculate .feedback-form__list-title {
        margin-bottom: 24px;
    }
}

#modalRequest .feedback-form .input-field, #modal__calculate .feedback-form .input-field {
    margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
    #modalRequest .feedback-form .input-field, #modal__calculate .feedback-form .input-field {
        margin-bottom: 20px;
    }
}

#modalRequest .feedback-form .input-field:last-of-type, #modal__calculate .feedback-form .input-field:last-of-type {
    margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
    #modalRequest .feedback-form .input-field:last-of-type, #modal__calculate .feedback-form .input-field:last-of-type {
        margin-bottom: 24px;
    }
}

#modalRequest .title-white, #modal__calculate .title-white {
    margin-bottom: 92px;
}

@media only screen and (max-width: 768px) {
    #modalRequest .title-white, #modal__calculate .title-white {
        margin-bottom: 32px;
        text-align: left;
    }
}

#modalRequest .req, #modal__calculate .req {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    font-family: "Cera Pro", sans-serif;
    font-weight: bold;
    font-style: normal;
    display: inline-block;
    margin-bottom: 8px;
}

.fancybox-content {
    padding: 0;
    width: 1920px;
    min-height: 900px;
}

.fancybox-close-small {
    background: rgba(66, 66, 66, 0.2);
    width: 70px;
    height: 70px;
}

@media only screen and (max-width: 768px) {
    .fancybox-close-small {
        width: 44px;
        height: 44px;
    }
}

.fancybox-close-small svg {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #c4c4c4;
}

@media only screen and (max-width: 768px) {
    .fancybox-close-small svg {
        width: 30px;
        height: 30px;
    }
}

.fancybox-slide--html {
    padding: 0;
}

.fancybox-slide--html .fancybox-close-small {
    top: 182px;
    right: calc((100% - 1266px) / 2);
}

@media only screen and (max-width: 1296px) {
    .fancybox-slide--html .fancybox-close-small {
        right: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .fancybox-slide--html .fancybox-close-small {
        left: 15px;
        top: 32px;
    }
}

#modalResponse.fancybox-content {
    background: #0a0a0a;
    min-height: unset;
}

#modalResponse.fancybox-content .feedback-form {
    padding-top: 170px;
    padding-bottom: 170px;
}

#modalResponse.fancybox-content .feedback-form .title-white {
    margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
    #modalResponse.fancybox-content .fancybox-close-small {
        top: 165px;
    }
}


.swiper-button-next:after {
    content: '\E003';
}

.swiper-button-prev:after {
    content: '\E001';
}


/* 20-07-21 */
/*  -------- testimonials tabs -----------*/
.tab-list__title,
.tab-list__subtitle,
.testimonials-services .review-text,
.testimonials-services .review-title,
.testimonials-services .title-black {
    text-align: left;
}

.tab-list__img-holder {
    width: 48px;
    height: 48px;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.testimonials-services .tab-link {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    border-radius: 8px;
    letter-spacing: initial;
}

.testimonials-services .tab-link.active {
    color: rgba(39, 39, 39, 1);
    box-shadow: 0 4px 12px rgba(167, 167, 167, .25);
}

.tab-list__info {
    font-family: "Cera Pro", sans-serif;
}

.testimonials-services .review-title,
.tab-list__title,
.tab-list__subtitle {
    display: block;
}

.testimonials-services .tab-list {
    margin-bottom: 60px;
    max-height: 350px;
    overflow: auto;
}

.tab-list__title {
    color: rgba(39, 39, 39, .85);
}

.tab-list__subtitle {
    color: rgba(39, 39, 39, .6);
}

.testimonials-services .review-title {
    margin-bottom: 30px;
}

.testimonials-services .tab-box.active {
    background: transparent;
}

.testimonials-services .tab-list {
    display: block;
}

.testimonials-services .tab-list .tab-item {
    margin-bottom: 10px;
}


/* -------media ------  */
@media (any-hover: hover) {
    .testimonials-services .tab-link:hover {
        background: #fff;
        box-shadow: 0 4px 12px rgba(167, 167, 167, .25);
    }
}
@media screen and (max-width: 768px) {
    .testimonials-services {
        padding-bottom: 48px;
    }
}

@media screen and (min-width: 560px) {
    .tab-list__img-holder {
        width: 60px;
        height: 60px;
    }
}

@media screen and (min-width: 1024px) {
    .testimonials-services .review-title {
        margin-bottom: 40px;
    }

    .testimonials-services .tab-link {
        padding: 24px;
        border-radius: 10px;
        -webkit-transition: background .2s, box-shadow .2s;
        transition: background .2s, box-shadow .2s;
    }
    .testimonials-services .section-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .testimonials-services .tab-list {
        display: block;
        width: 380px;
    }
    .testimonials-services .tab-container {
        width: 60%;
    }

    .testimonials-services .tab-list .tab-item {
        width: initial;
    }
}

@media screen and (min-width: 1200px) {
    .testimonials-services .title-black {
        margin-bottom: 70px;
    }
}

.timeline-gray-block {
    position: relative;
    background-color: #f6f6f6;
    background-image: url('../images/timeline-bg.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.9;
    padding: 80px 0 100px;
    margin-bottom: 80px;
}
.timeline-gray-block  .title-black {

    margin-bottom: 60px;
}
.timeline {
    white-space: nowrap;
    padding: 80px 0;
    position: relative;
    text-align: center;
    z-index: 0;
}
.bar:before {
    content:"";
    width: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(left, #f6f6f6, transparent);
    background: linear-gradient(to right, #f6f6f6, transparent);
}
.bar:after {
    content:"";
    width: 150px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: -webkit-linear-gradient(right, #f6f6f6, transparent);
    background: linear-gradient(to left, #f6f6f6, transparent);
}

.entry .entry-wrap {
    position: absolute;
    width: 236px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: normal;
    font-family: 'Montserrat', sans-serif;
}
.entry .entry-wrap p {
    padding-left: 8px;
    letter-spacing: 0px;
    color: #272727;
    width: 50%;
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #272727;
    margin-bottom: 0;
}
.entry.up .entry-wrap {
    top: 0;
}
.entry.down .entry-wrap {
    bottom: 0px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}


.entry.down {
    -webkit-transform: translate(50%, 100%);
    transform: translate(50%, 100%);
}


.entry {
    display: inline-block;
    position: relative;
    min-width: 128px;
    max-width: 128px;
    top: -53px;
    z-index: 4;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
.entry.up {
    top: -58px;
}
.entry.down {
    top: -23px;
}
.entry.up:after {
    content: '';
    display: block;
    background: transparent;
    width: 13px;
    height: 12px;
    position: absolute;
    left: 0;
    bottom: -23px;
    background-image: url('../images/arrow.png');
    background-position: center;
    background-size: cover;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.entry.down:after {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    content: '';
    display: block;
    background: transparent;
    width: 13px;
    height: 12px;
    position: absolute;
    left: 0;
    top: -24px;
    margin-left: -11px;
    background-image: url('../images/arrow.png');
    background-position: center;
    background-size: cover;
}


.entry.up:before {
    content: '';
    display: block;
    background: #aa222a;
    width: 2px;
    height: 94px;
    position: relative;

    /* bottom: -27px; */
    top: 0px;
    margin-left: -2px;
}

.entry.down:before {
    content: '';
    display: block;
    background: #aa222a;
    width: 2px;
    height: 94px;
    position: relative;

    bottom: 0px;
    /* top: 103px; */
    margin-left: -2px;
}



.entry h1 {
    color: #fff;
    font-size: 18px;
    font-family: Georgia, serif;
    font-weight: bold;
    margin-bottom: 10px;
}

.entry .entry-title {
    font-size: 42px;
    letter-spacing: 0px;
    line-height: 40px;
    color: #aa222a;
    font-weight: 900;
    text-align: right;
    width: 50%;
    padding-right: 8px;
    margin-bottom: 0;
}



.bar {
    height: 3px;
    background-image: url('../images/points.png');
    background-repeat: repeat-x;
    width: 120%;
    margin-left: -10%;
    position: absolute;
    top: 50%;
    left: 0;
}
@media only screen and (max-width: 1024px) {
    .testimonials .tab-list {
        display: block;
        max-height: 278px;
        display: block;
    }

}

@media screen and (max-width: 1024px) {
    .timeline-gray-block .title-black {
        margin-bottom: 170px;
    }

    .timeline-gray-block {
        background-size: cover;
        background-image: url('../images/timeline-bg2.png');
    }
    .bar:before,.bar:after {
        display: none;
    }
    .bar {
        background-image: url('../images/points-vertical.png');
        position: absolute;
        background-repeat: repeat-y;
        width: 2px;
        height: calc(100% + 246px);
        left: 50%;
        top: 0;
        margin: -110px 0 0 ;
    }
    .entry {
        width: 51%;
        display: block;
        text-align: left;
        top: 0;
        max-width: 100%;
        margin-bottom: 30px;
        position: static;
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    .entry .entry-wrap {
        position: relative;
        -webkit-transform: translate(0);
        transform: translate(0);
        display: block;
        width: 100%;
    }
    .entry.up .entry-wrap p {
        text-align: right;
    }
    .entry .entry-wrap p {
        width: 100%;
    }
    .entry.up .entry-wrap {
        text-align: right;
    }
    .entry.down .entry-wrap {
        text-align: left;
    }
    .entry.down {
        top: 0;
        margin-left: auto;
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    .entry.down:before,.entry.up:before {
        display: none;
    }
    .entry.down:after {
        position: absolute;
        bottom: auto;
        top: 29px;
        left: 8px;
        right: auto;
    }
    .entry.up:after {
        left: auto;
        right: -3px;
        position: absolute;
        top: 30px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .timeline {
        padding: 0;
    }
    .entry .entry-title{
        width: 100%;
        margin-bottom: 10px;
        position: relative;
    }
    .entry.up .entry-wrap .entry-title:after {
        content: "";
        position: absolute;
        bottom: 4px;
        height: 2px;
        background-color: #aa222a;
        width: calc(100% - 5px);
        margin-right: auto;
        right: 25px;
    }
    .entry.down .entry-wrap .entry-title:after {
        content: "";
        height: 2px;
        position: absolute;
        bottom: 4px;
        left: 5px;
        background-color: #aa222a;
        width: calc(100% - 5px);
        margin-left: auto;
        left: 24px;
    }
    .entry.up .entry-wrap .entry-title,.entry.up .entry-wrap p {
        padding-right: 30px;
    }
    .entry.down .entry-wrap .entry-title,.entry.down .entry-wrap p {
        padding-left: 30px;
    }
    .entry .entry-wrap p br {
        display: none;
    }
    .entry.down .entry-title {
        text-align: left;
    }

}

/*******************************************************************************/

/*******************************************************************************/
.fpolicy {
  text-align: justify;
  display: flex;
  gap: 12px;
  cursor: pointer;
  max-width: 530px;
  color: #8F8F8F;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.fpolicy input {
  display: none;
}
.fpolicy__t a {
  color: inherit;
  text-decoration: underline;
}
.fpolicy__t a:hover {
  text-decoration: none;
}
.fpolicy__sq {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: #fff;
}
.fpolicy.fpolicy--dark .fpolicy__sq {
  background: #292929;
}
.fpolicy :checked + .fpolicy__sq {
  background-image: url(../images/icons/check-dark.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px;
}
.fpolicy.fpolicy--dark :checked + .fpolicy__sq {
  background-image: url(../images/icons/check.svg);
}
.fpolicy input.is-invalid + .fpolicy__sq, .error .fpolicy input + .fpolicy__sq {
  border-color: #d8131c;
}