* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

table,
tr,
th,
td {
    border-collapse: collapse;
}

html {
    background: #fff;
    height: 100%;
}

body {
    font-size: 16px;
    font-family: 'Montserrat', Liberation Sans, sans-serif;
    line-height: 1.2;
    background: #fff;
    color: #1c1f2b;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.clear {
    clear: both;
    content: "";
    display: table;
}

.page {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.page__main {
    flex-grow: 1;
    flex: 1 0 auto;
    position: relative;
    z-index: 2;
}

.wrapper {
    width: 1230px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.main {
    position: relative;
    height: 727px;
    z-index: 1;
    margin-bottom: 53px;
    overflow: hidden;
}

.main::after {
    content: "";
    width: 100%;
    height: 28px;
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    background: url('../img/dashed.png') 0 0 no-repeat;
    transform: rotate(0.7deg);
}

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

.main__bg_mob {
    display: none;
}

.header {
    padding-top: 16px;
    padding-bottom: 39px;
}

.header.border {
    background: #263b80;
}

.logo {
    position: relative;
    float: left;
    margin-top: 33px;
}

.logo__pic {
    width: 56px;
    height: 56px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.logo__text {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding-top: 7px;
    text-transform: uppercase;
}

.logo__text b {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: none;
    font-size: 15px;
}

.logo__text span{
    display: none;
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.header__inner {
    overflow: hidden;
}

.header__main {
    width: 80%;
    float: right;
    text-align: right;
    position: relative;
}

.lang {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 12px;
}

.btn {
    font-size: 13px;
    display: inline-block;
    outline: none;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    background: #fecb30;
    border-radius: 5px;
    min-width: 140px;
    line-height: 54px;
    padding: 0 15px;
    vertical-align: middle;
}

.btn:hover,
.btn:focus,
.btn:active {
    background: url('../img/btn-hov.png') 0 0 no-repeat;
    background-size: cover;
    color: #000;
}

.header .btn {
    margin-left: 33px;
}

.border.header .btn {
    color: #000;
}

.social, .social-contacts {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0 0 19px;
}

.social-contacts {
    margin-left: 0;
}

.social a, .social-contacts a {
    width: 41px;
    height: 41px;
    display: inline-block;
    text-decoration: none;
    margin-left: 5px;
}

.social a img:first-child, .social-contacts a img:first-child {
    display: block;
}

.social a img:last-child, .social-contacts a img:last-child{
    display: none;
}

.social a:hover img:first-child, .social-contacts a:hover img:first-child {
    display: none;
}

.social a:hover img:last-child, .social-contacts a:hover img:last-child {
    display: block;
}

.menu {
    display: inline-block;
    width: 580px;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu ul li {
    display: inline-block;
    padding: 0 10px;
    font-size: 17px;
    margin: 13px 0 10px 0;
    position: relative;
}

.menu ul li::before {
    display: none;
}

.menu ul li.act::after {
    content: "";
    width: 38px;
    height: 5px;
    background: #fecb30;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
}

.menu ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 5px 5px;
}

.menu ul li a:hover {
    color: #fecb30;
}

.slider {
    margin-top: 41px;
}

.slide-info_left {
    width: 51%;
    float: left;
    margin-top: 41px;
}

.slide-info_pic {
    width: 426px;
    max-height: 475px;
    overflow: hidden;
    float: right;
    margin-right: 51px;
}

.slide-info_pic img {
    opacity: 1!important;
}

.slide-info_left h2 {
    font-size: 55px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 18px 0;
    letter-spacing: 3px;
}

.slide-info_left p {
    color: #fff;
    font-size: 30px;
    margin: 0;
    padding: 0 0 30px 0;
    line-height: 1.4;
}

.slide-info_left p span {
    width: 30px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    background: url('../img/smile.svg') 0 0 no-repeat;
    background-size: contain;
    margin-left: 11px;
}

.slide-info_pic,
.slide-info_left {
    position: relative;
}

.slide-info_left p a {
    color: #fff;
    text-decoration: none;
    position: relative;
    transition: all 1s ease-out;
}

.slide-info_left p a::before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: url('../img/border.png') 0 0 repeat-x;
}

.slide-info_left p a:hover::before {
    display: none;
}

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

.sciss {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 26px;
    height: 15px;
    z-index: 2;
    transition: transform 35000ms ease-in-out 0ms;
}

.main.is-animated .sciss {
    transform: translate(-1900px, -28px);
}

.sciss__in {
    width: 26px;
    height: 15px;
    background: url('../img/scissors.svg') 0 0 no-repeat;
}

.main.is-animated .sciss__in {
    animation-duration: 1s;
    animation-fill-mode: both;
    transform-origin: center center;
    animation-name: swing;
    animation-iteration-count: infinite;
}

@-webkit-keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    100% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.services {
    margin-bottom: 50px;
}

.services__title {
    font-weight: 700;
    font-size: 40px;
    color: #000;
    margin: 0 0 41px 0;
    text-align: center;
}

.services__title a {
    color: #000;
    text-decoration: none;
}

.services__title a:hover {
    color: #fecb30;
}

.services__item {
    height: 395px;
    width: 395px;
    display: inline-block;
    vertical-align: top;
    margin: 0 17px 20px 0;
    border: 1px solid #f0f0f0;
    padding: 30px 49px 50px 49px;
    position: relative;
    border-radius: 3px;
    transition: all 0.5s ease-in-out;
}

.services__item:hover {
    border: 1px solid #fecb30;
    box-shadow: 0px 0px 0px 2px rgba(254, 203, 48, 1);
}

.services__item:nth-child(3n) {
    margin-right: 0;
}

.services__pic {
    width: 204px;
    height: 171px;
    margin: 0 auto 38px;
    position: relative;
}

.services__item h3 {
    font-size: 19px;
    color: #000;
    font-weight: 700;
    margin: 0 0 17px 0;
}

.services__item p {
    font-size: 17px;
    padding-bottom: 0;
    line-height: 1.4;
}

.work {
    height: 758px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 48px;
    padding-top: 126px;
    z-index: 1;
}

.work__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
}

.work__bg__mobile img {
    height: 100%;
    object-fit: cover;
}

.simpleParallax {
    height: 100%;
}

.parallax {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.work__bg__mobile {
    display: none;
}

.work__mask {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(28, 31, 43, 0.902);
    position: absolute;
    top: 0;
    left: 0;
}

.work__bg_tablet {
    display: none;
    width: 100%;
}

.work__inner {
    position: relative;
}

.work__inner::before {
    content: "";
    width: 926px;
    height: 540px;
    display: block;
    position: absolute;
    top: -19px;
    right: -5%;
    background: url(../img/work-pic.png) 0 0 no-repeat;
    z-index: 2;
}

.work.is-animated .sciss {
    transform: translate(-1900px, -28px);
}

.work.is-animated .sciss__in {
    animation-duration: 1s;
    animation-fill-mode: both;
    transform-origin: center center;
    animation-name: swing;
    animation-iteration-count: infinite;
}

.work::before {
    content: "";
    width: 100%;
    height: 58px;
    display: block;
    position: absolute;
    top: -16px;
    left: 0;
    background: url(../img/work-top-line.png) 0 0 no-repeat;
    z-index: 2;
}

.work::after {
    content: "";
    width: 100%;
    height: 83px;
    display: block;
    position: absolute;
    bottom: -37px;
    left: 0;
    background: url(../img/work-bot-line.png) 0 0 no-repeat;
}

.work .sciss {
    bottom: 10px;
}

.work__title {
    font-size: 40px;
    color: #fff;
    margin: 0 0 40px 0;
}

.work__tag {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    line-height: 26px;
    padding: 0 9px;
    border: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 19px;
}

.work__tag:hover {
    color: #ffc71d;
    border: 1px solid #ffc71d;
}

.work__text {
    width: 630px;
    font-size: 30px;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 33px;
    line-height: 1.4;
}

.work .btn {
    min-width: 140px;
    padding: 0 35px;
    margin-bottom: 122px;
}

.work__more {
    font-size: 24px;
    color: #fecb30;
    text-decoration: none;
    display: block;
    position: relative;
}

.work__more span {
    transition: outline 1s ease;
}

.work__more:hover span {
    border-bottom: 1px solid #fecb30;
}

.work__more::before {
    content: "";
    width: 28px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/plus.svg) 0 0 no-repeat;
    margin-right: 13px;
}


/*/////////////////////////////////////////
мобильное меню
/////////////////////////////////////*/

.mobile__container {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 110;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    color: #000;
    background-color: #1c1f2b;
    overflow: auto;
    transform: translateX(0);
    visibility: hidden;
    opacity: 0;
}

.mobile__container.is-opened {
    visibility: visible;
    opacity: 1;
}

.mobile__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100;
    background-color: #2b2a2c;
    opacity: 0.5;
}

.mobile__hamburger {
    display: none;
}

.hamburger {
    display: none;
    width: 33px;
    height: 33px;
    cursor: pointer;
    background: url('../img/burger.svg') 0 0 no-repeat;
    position: absolute;
    top: 45px;
    right: 8px;
}

.hamburger__line {
    display: block;
    height: 3px;
    background-color: #333333;
    margin-top: 5px;
}

.sidebar-mobile__left {
    display: inline-block;
    float: left;
    width: 155px;
    margin-bottom: 7px;
}

.sidebar-mobile__left img {
    margin-top: 7px;
    width: 83px;
}

.sidebar-mobile__close {
    height: 40px;
    width: 40px;
    float: right;
    text-align: center;
    background-color: #7fbee9;
    cursor: pointer;
    background: url(../img/burger_close.svg) 0 0 no-repeat;
    margin: 10px 8px 0 25px;
}

.sidebar-mobile__close:hover {
    background-color: #444444;
}

.menu-mobile {
    padding-left: 0;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.sidebar-mobile__head {
    margin-bottom: 153px;
}

.menu-mobile li {
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    font-size: 30px;
    margin-bottom: 33px;
}

.menu-mobile li::before {
    display: none;
}

.menu-mobile a,
.menu-mobile a:hover,
.menu-mobile a:active,
.menu-mobile a:visited {
    display: block;
    padding: 11px 15px 11px 0;
    text-decoration: none;
    font-weight: 400;
    color: #fff;
}

.menu-mobile__item {
    position: relative;
}

.menu-mobile__item:after {
    content: '';
    display: table;
    clear: both;
}

.menu-mobile__left {
    position: absolute;
    top: 0;
    left: 0;
    width: 12%;
    height: 100%;
}

.menu-mobile__right {
    display: inline-block;
    width: 90%;
    float: right;
}

.menu-mobile__arrow {
    position: relative;
    cursor: pointer;
    height: 100%;
    background-color: #2b2a2c;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.menu-mobile li > ul {
    overflow: hidden;
    display: none;
    padding-left: 0;
    background-color: #fff;
    font-size: 0.9em;
    margin-top: 0;
    margin-left: 0;
}

ul.is-opened li {
    border-left: none;
}

.menu-mobile__arrow_up {
    background: #20578c;
}

.sidebar-mobile__inner {
    width: 69%;
    padding: 30px 0 0 0;
    float: right;
    text-align: right;
}

.sidebar-mobile__inner .social {
    margin: 3px 36px 0 14px;
}

.sidebar-mobile__content .lang {
    display: block;
    text-align: center;
}

.sidebar-mobile__bot {
    display: none;
}


/*/////////////////////////////////////////
мобильное меню
//////////////////////////////////////*/

.clients {
    margin-bottom: 113px;
}

.clients__title {
    font-weight: 700;
    font-size: 40px;
    color: #000;
    margin: 0 0 41px 0;
    text-align: center;
}

.clients__title a {
    color: #000;
    text-decoration: none;
}

.clients__title a:hover {
    color: #fecb30;
}

.clients__items {
    border: 1px solid #ededed;
    border-bottom: none;
    border-right: none;
    overflow: hidden;
}

.clients__item {
    width: 20%;
    height: 178px;
    float: left;
    position: relative;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

.clients__item_main {
    width: 60%;
    height: 356px;
    padding: 39px 56px 0 48px;
}

.clients__item .fit {
    transition: all 1s ease-in-out;
    max-width: 70%;
    max-height: 70%;
}

.clients__item:hover .fit {
    transform: scale(1.1);
}

.clients__item__quote {
    display: block;
    width: 48px;
    margin-bottom: 9px;
    height: 38px;
    background: url('../img/quote.svg') 0 0 no-repeat;
}

.clients__item_main p {
    font-size: 22px;
    line-height: 1.5;
    padding-bottom: 0;
    margin-bottom: 34px;
}

.clients__recall {
    overflow: hidden;
}

.clients__recall__logo {
    border: 1px solid #ededed;
    float: left;
    width: 111px;
    height: 111px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    background: #fff;
    z-index: 2;
}

.clients__recall__logo {
    z-index: 1;
    border-radius: 50%;
}

.clients__recall__info {
    width: 79%;
    float: right;
    padding-top: 20px;
}

.clients__recall__name {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
}

.clients__recall__position {
    display: block;
    font-size: 15px;
    color: #898989;
}

.use {
    position: relative;
    background: #263b80;
    margin-bottom: 30px;
    padding: 65px 0 87px 0;
}

.use::before {
    content: "";
    width: 100%;
    height: 67px;
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
    background: url('../img/border_top__left.png') 0 0 no-repeat;
}

.use::after {
    content: "";
    width: 100%;
    height: 57px;
    display: block;
    position: absolute;
    bottom: -37px;
    left: 0;
    background: url('../img/dashed-bg_bot.png') 0 0 no-repeat;
    background-size: cover;
}

.use__title {
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    margin: 0 0 41px 0;
    text-align: center;
}

.use__left {
    width: 57%;
    float: left;
}

.use__right {
    width: 42%;
    float: right;
}

.use__items {
    overflow: hidden;
    padding-left: 39px;
    position: relative;
}

.use__right .use__items {
    padding-left: 37px;
}

.use__item__name {
    position: absolute;
    top: 52px;
    left: -52px;
    height: 41px;
    width: 145px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    letter-spacing: 1px;
    float: left;
    transform: rotate(-90deg);
}

.use__item {
    width: 146px;
    height: 146px;
    border-radius: 3px;
    background: #fff;
    float: left;
    padding: 30px 23px 30px 23px;
    margin: 0 20px 20px 0;
    transition: all 0.2s ease-in-out;
}

.use__items__inner {
    overflow: hidden;
    width: 100%;
    float: none;
}

.use__items__inner .use__item:last-child {
    margin-right: 0;
}

.use__item__logo {
    width: 87px;
    height: 54px;
    margin: 0 auto 20px;
    position: relative;
}

.use__item h6 {
    font-weight: 400;
    font-size: 15px;
    color: #000;
    margin: 0;
    text-align: center;
}

.use__item img:last-child {
    display: none;
}

.use .sciss {
    bottom: -20px;
}

.page__footer {
    flex-shrink: 0;
    height: 388px;
    background: #1c1f2b;
    position: relative;
    z-index: 1;
}

.footer {
    width: 100%;
    padding-top: 79px;
}

.page__footer::before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 80px;
    background: url('../img/footer-top.png') 0 0 no-repeat;
    background-size: cover;
}

.footer__left {
    width: 55%;
    float: left;
}

.footer__right {
    width: 44%;
    float: right;
    padding-top: 82px;
    overflow: hidden;
    text-align: right;
}

.footer__mess {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 40px 0;
}

.footer__contacts {
    overflow: hidden;
}

.footer__contacts div:first-child {
    width: 36%;
    float: left;
}

.footer__contacts div:last-child {
    width: 59%;
    float: right;
}

.footer__contacts span {
    display: block;
    color: #fff;
    font-size: 17px;
    margin-bottom: 5px;
}

.footer__contacts a {
    color: #fff;
    font-size: 30px;
    display: block;
    text-decoration: none;
}

.footer .social {
    margin: 11px 0 0 0;
}

.footer__main {
    overflow: hidden;
    margin-bottom: 57px;
}

.footer__copyright {
    font-size: 15px;
    display: block;
    color: #616576;
}

.footer .social a {
    width: 55px;
    height: 55px;
}

.footer .btn {
    min-width: 234px;
    line-height: 71px;
    margin-left: 36px;
}

.modal {
    width: 814px;
    background: #1c1f2b;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 500px;
}

.modal-container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #1c1f2b;
}

.modal .logo {
    margin-top: 0;
    float: none;
    width: 221px;
    display: none;
}

.modal__title {
    font-size: 55px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 54px;
}

.form__row {
    margin-bottom: 24px;
    position: relative;
}

.form__inputs {
    overflow: hidden;
}

.form__inputs .form__row:first-child {
    width: 388px;
    float: left;
}

.form__inputs .form__row:last-child {
    width: 388px;
    float: right;
}

.modal__input {
    width: 100%;
    height: 58px;
    background: transparent;
    outline: none;
    border: none;
    border-bottom: 1px solid #4e505a;
    color: #fff;
    font-size: 17px;
    border-radius: 0;
}

.form__row_error {
    position: relative;
}

.form__row_error span {
    position: absolute;
    bottom: -13px;
    left: 0;
    font-size: 12px;
    color: red;
    line-height: 1;
}

.form__row_error .modal__input {
    border-bottom: 1px solid red;
}

.modal__input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.modal__input::-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.modal__input:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.modal__input:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}

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

.modal__input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.modal__input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}

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

.modal__input::-webkit-input-placeholder {
    color: #fff;
    font-size: 17px;
    font-family: 'Montserrat'
}

.modal__input::-moz-placeholder {
    color: #fff;
    font-size: 17px;
    font-family: 'Montserrat'
}

.modal__input:-moz-placeholder {
    color: #fff;
    font-size: 17px;
    font-family: 'Montserrat'
}

.modal__input:-ms-input-placeholder {
    color: #fff;
    font-size: 17px;
    font-family: 'Montserrat'
}

.form__row_error .modal__input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.form__row_error .modal__input::-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.form__row_error .modal__input:-moz-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.form__row_error .modal__input:-ms-input-placeholder {
    opacity: 1;
    transition: opacity 0.3s ease;
}

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

.form__row_error .modal__input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.form__row_error .modal__input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}

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

.form__row_error .modal__input::-webkit-input-placeholder {
    color: red;
    font-size: 17px;
    font-family: 'Montserrat'
}

.form__row_error .modal__input::-moz-placeholder {
    color: red;
    font-size: 17px;
    font-family: 'Montserrat'
}

.form__row_error .modal__input:-moz-placeholder {
    color: red;
    font-size: 17px;
    font-family: 'Montserrat'
}

.form__row_error .modal__input:-ms-input-placeholder {
    color: red;
    font-size: 17px;
    font-family: 'Montserrat'
}

.modal__text {
    font-family: 'Montserrat';
    height: 114px;
    background: url(../img/textarea-bg.png) 0px 53px no-repeat;
    background-size: 100%;
    line-height: 51px;
    margin-top: 12px;
    background-attachment: local;
    border-bottom: none;
    overflow: hidden;
    resize: none;
}

button.btn {
    outline: none;
    cursor: pointer;
    border: none;
    min-width: 229px;
    margin-top: 14px;
    line-height: 72px;
    letter-spacing: 2px;
}

.border_bot .sciss {
    bottom: -27px;
}

.border_bot_right .sciss {
    bottom: 1px;
}

.callModal .fancybox-close-small {
    top: 65px;
    right: 266px;
    width: 79px;
    height: 79px;
}

.callModal .fancybox-close-small:after {
    width: 79px;
    height: 79px;
    font-weight: 300;
    background: url(../img/modal-close.png) 0px 0px no-repeat;
}

.bread-crumbs {
    margin: 24px 0 0 0;
    padding: 0 0 3px 0;
}

.border .bread-crumbs {
    margin: -6px 0 0 0;
    padding: 0 0 0 0;
}

.bread-crumbs_top {
    padding-top: 23px;
}

.bread-crumbs li {
    color: #8f9fd2;
    font-size: 13px;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.bread-crumbs li::before {
    display: none;
}

.bread-crumbs li span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px 0 10px;
}

.bread-crumbs li {
    color: #838383;
}

.bread-crumbs li a {
    color: #838383;
    text-decoration: none;
}

.bread-crumbs li a:hover {
    color: #263b80;
}

.page__title {
    color: #1c1f2b;
    font-size: 40px;
    padding-bottom: 38px;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.border .page__title {
    margin-bottom: 0;
}

.share .ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title {
    display: inline-block;
    color: #fecb30;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    border-bottom: 1px solid transparent;
}

.share .ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title:hover {
    color: #838383;
    border-bottom: 1px solid transparent;
}

.border .share .ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title:hover {
    color: #838383;
    border-bottom: 1px solid transparent;
}

.share li::before {
    display: none;
}

.share li {
    padding-left: 0;
}

.share .ya-share2__container_size_m .ya-share2__item {
    margin: 5px 30px 5px 0;
}

.share .ya-share2__item_service_facebook .ya-share2__icon {
    background: url('../img/share_fb.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_facebook:hover .ya-share2__icon {
    background: url('../img/share_fb_grey.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_vkontakte .ya-share2__icon {
    background: url('../img/share_wk.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_vkontakte:hover .ya-share2__icon {
    background: url('../img/share_wk_grey.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_twitter .ya-share2__icon {
    background: url('../img/share_tw.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_twitter:hover .ya-share2__icon {
    background: url('../img/share_tw_grey.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_whatsapp .ya-share2__icon {
    background: url('../img/share_wa.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_whatsapp:hover .ya-share2__icon {
    background: url('../img/share_wa_grey.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_telegram .ya-share2__icon {
    background: url('../img/share_tg.svg') 0 0 no-repeat;
}

.share .ya-share2__item_service_telegram:hover .ya-share2__icon {
    background: url('../img/share_tg_grey.svg') 0 0 no-repeat;
}

.share .ya-share2__container_size_m .ya-share2__icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.share .ya-share2__item_service_twitter .ya-share2__badge {
    background-color: transparent;
}

.share .ya-share2__item_service_whatsapp .ya-share2__badge {
    background-color: transparent;
}

.share .ya-share2__item_service_telegram .ya-share2__badge {
    background-color: transparent;
}

.share .ya-share2__item_service_facebook .ya-share2__badge {
    background-color: transparent;
}

.share .ya-share2__item_service_vkontakte .ya-share2__badge {
    background-color: transparent;
}

.share {
    padding-bottom: 37px;
    border-bottom: 1px solid #ccc;
    margin: 29px 0 44px 0;
}

.border .share {
    border-bottom: 1px solid #516299;
}

.share_light .ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title {
    color: #838383;
}

.share_light .ya-share2__list_direction_horizontal > .ya-share2__item:hover > .ya-share2__link > .ya-share2__title {
    color: #fecb30;
}

.tags {
    margin-bottom: 50px;
}

.share_light .ya-share2__item_service_facebook .ya-share2__icon {
    background: url('../img/share_fb_grey.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_facebook:hover .ya-share2__icon {
    background: url('../img/share_fb.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_vkontakte .ya-share2__icon {
    background: url('../img/share_wk_grey.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_vkontakte:hover .ya-share2__icon {
    background: url('../img/share_wk.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_twitter .ya-share2__icon {
    background: url('../img/share_tw_grey.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_twitter:hover .ya-share2__icon {
    background: url('../img/share_tw.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_whatsapp .ya-share2__icon {
    background: url('../img/share_wa_grey.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_whatsapp:hover .ya-share2__icon {
    background: url('../img/share_wa.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_telegram .ya-share2__icon {
    background: url('../img/share_tg_grey.svg') 0 0 no-repeat;
}

.share_light .ya-share2__item_service_telegram:hover .ya-share2__icon {
    background: url('../img/share_tg.svg') 0 0 no-repeat;
}

.share_light {
    border-bottom: none;
    margin: 21px 0 8px 0;
}

.tags a.tags__item {
    display: inline-block;
    vertical-align: top;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    width: 33%;
    padding-right: 60px;
    line-height: 1.8;
}

.tags__item:last-child {
    padding-right: 20px;
}

.tags__item span {
    border-bottom: 1px solid #fecb31;
    transition: all 0.3s ease-in-out;
}

.tags__item:hover span {
    border-bottom: 1px solid transparent;
}

.blog__item {
    overflow: hidden;
    margin-bottom: 50px;
}

.border_top_left .blog__item {
    padding: 71px 0 0 0;
}

.blog__item__pic {
    width: 490px;
    height: 262px;
    float: left;
    overflow: hidden;
    margin-top: 18px;
}

.blog__item__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease-out;
}

.blog__item__info {
    width: 670px;
    float: right;
    padding-top: 17px;
}

.blog__item__info h6 {
    line-height: 1.4;
}

.blog__item__date {
    display: block;
    font-size: 11px;
    color: #8f9fd2;
    margin-bottom: 7px;
}

.blog__item__title {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
}

.blog__item__title span {
    transition: all 0.4s ease-out;
    color: #fff;
    border-bottom: 1px solid #fecb30;
}

.blog__item__title:hover span {
    border-bottom: 1px solid transparent;
    color: #fecb30;
}

.blog__item__text {
    font-size: 17px;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.blog__item .blog__item__tag {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: top;
    color: #8f9fd2;
    text-decoration: none;
    margin-left: 20px;
}

.blog__item__tag:first-child {
    margin-left: 0;
}

a.blog__item .blog__item__tag:hover {
    color: #fecb30;
}

.blog__item_left {
    margin: 107px 0 112px 0;
}

.blog__item_left .blog__item__pic {
    float: right;
}

.blog__item_left .blog__item__info {
    float: left;
}

.blog__item_left .blog__item__date {
    color: #838383;
}

.blog__item_left .blog__item__title span {
    color: #000;
}

.blog__item_left:hover .blog__item__title span {
    color: #263b80;
}

.blog__item_left .blog__item__text {
    color: #000;
}

.blog__item_left .blog__item__tag {
    color: #838383;
}

.blog__item_left a.blog__item__tag:hover {
    color: #263b80;
}

.pagination {
    text-align: center;
    margin-bottom: 108px;
}

.pagination ul {
    text-align: center;
    padding: 12px 35px 12px 35px;
    display: inline-block;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    margin: 0;
    padding: 9px 18px;
}

.pagination ul li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding: 0;
    margin: 0 16px;
    font-size: 15px;
    font-weight: 700;
    color: #263b80;
    position: relative;
}

.pagination ul li a {
    display: inline-block;
    min-width: 36px;
    padding: 0 8px;
}

.pagination ul li.act {
    background: url('../img/pag-bg.png') center no-repeat;
}

.pagination ul li.act:hover a {
    color: #fff;
}

.pagination ul li a {
    text-decoration: none;
    position: relative;
}

.pagination ul li::before {
    display: none;
}

.pagination ul li.act a::before,
.pagination ul li.act a::after {
    display: none !important;
}

.pagination ul li:first-child a::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url('../img/arrow_next.svg') center no-repeat;
    transform: rotate(180deg);
    margin-right: 5px;
}

.pagination ul li:first-child a:hover::before {
    background: url('../img/arrow_next_hover.svg')center no-repeat;
}

.pagination ul li:last-child a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url('../img/arrow_next.svg') center no-repeat;
    transform: none;
    margin-left: 5px;
}

.pagination ul li:last-child a:hover::after {
    background: url('../img/arrow_next_hover.svg')center no-repeat;
}

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

.portfolio__item {
    width: 33.3%;
    height: 400px;
    padding: 39px 36px;
    position: relative;
}

.portfolio__item__pic {
    height: 234px;
    display: block;
    overflow: hidden;
    position: relative;
}

.portfolio__item__pic img {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.portfolio__item:hover .portfolio__item__pic img {
    -moz-transform: scale(-1.1) rotate(180deg);
    -webkit-transform: scale(-1.1) rotate(180deg);
    -o-transform: scale(-1.1) rotate(180deg);
    -ms-transform: scale(-1.1) rotate(180deg);
    transform: scale(-1.1) rotate(180deg);
    max-height: 90%;
    max-width: 90%;
}

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

.portfolio__item__info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 39px 36px;
    width: 100%;
}

.portfolio__item__link,
.portfolio__item__link:hover,
.portfolio__item__link:active,
.portfolio__item__link:visited {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    border: 1px solid #fff;
    line-height: 27px;
    padding: 0 20px;
    margin-bottom: 20px;
    text-decoration: none;
}

.portfolio__item__info p {
    font-size: 17px;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    color: #fff;
    height: 50px;
    overflow: hidden;
}

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

.portfolio__item__info_dark .portfolio__item__link {
    color: #1c1f2b;
    border: 1px solid #8e8e90;
}

.portfolio__item__info_dark .portfolio__item__link:hover {
    color: #263b80;
    border: 1px solid #263b80;
}

.portfolio__item__info_dark p a {
    color: #1c1f2b;
}

.portfolio__item__info_dark p:hover a {
    color: #263b80;
}

.portfolio__more {
    text-align: center;
    padding: 78px 0 100px 0;
}

.portfolio__link {
    position: relative;
    text-decoration: none;
    font-size: 24px;
    color: #263b80;
    text-align: center;
    display: inline-block;
    padding-left: 50px;
}

.portfolio__link::before {
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    background: url('../img/plus-blue.png') 0 0 no-repeat;
    position: absolute;
    top: 3px;
    left: 0;
}

.portfolio__link:hover::before {
    background: url('../img/plus.svg') 0 0 no-repeat;
    background-size: 26px;
}

.page__top {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 700px;
    margin-bottom: 42px;
}

.page__top__bg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 700px;
}

.page__top__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page__top .page__title {
    color: #fff;
}

.page__top .bread-crumbs li {
    color: #fff;
}

.page__top .bread-crumbs li a {
    color: #fff;
}

.page__top .bread-crumbs li a:hover {
    color: #fecb30;
}

.page__top__mask {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(28, 31, 43, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}

.page__top__info {
    position: absolute;
    bottom: 43px;
    left: 0;
    width: 100%;
    z-index: 3;
}

.page__top__info .wrapper {
    display: table;
}

.page__top__info span {
    width: 20%;
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    line-height: 1.4;
}

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

.page__top__info span a:hover {
    color: #fecb30;
}

.page__top .page__title {
    width: 80%;
}

.page__top .bread-crumbs {
    margin-top: -6px;
}

.port-full {
    margin-bottom: 75px;
}

.port-full__title {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    margin: 0 0 21px 0;
}

.port-full__descr {
    width: 780px;
    font-size: 17px;
    line-height: 1.7;
    padding-bottom: 28px;
}

.wrapper__left__head .port-full__descr {
    width: 100%;
}

.port-full__link {
    font-size: 19px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    color: #263b80;
    position: relative;
    transition: all 0.3s ease-in-out;
    margin-bottom: 52px;
}

.port-full__link span {
    border-bottom: 1px solid #fecb30;
}

.port-full__link:hover span {
    border-bottom: 1px solid transparent;
}

.port-full__link::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('../img/site.svg') 0 0 no-repeat;
    background-size: contain;
    margin-right: 15px;
    vertical-align: middle;
}

.port-full__page {
    margin-bottom: 88px;
    background-color: rgb(131, 131, 131);
    box-shadow: 2.419px 9.703px 30px 0px rgba(33, 32, 57, 0.1);
}

.wrapper_big {
    width: 1700px;
    padding: 0 10px;
}

.wrapper__left {
    width: 800px;
    float: left;
}

.wrapper__right {
    width: 800px;
    float: right;
}

.wrapper__left__head {
    padding-left: 225px;
    margin-bottom: 14px;
}

.port-full__bg {
    position: relative;
}

.port-full__bg::after {
    content: "";
    width: 100%;
    height: 34.2%;
    background: #f4f4f4;
    position: absolute;
    left: 0;
    bottom: 322px;
}

.port-full__info {
    padding-top: 59px;
    position: relative;
    margin-bottom: 72px;
}

.port-full__info .port-full__title {
    text-align: center;
}

.port-full__icon {
    width: 219px;
    height: 219px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative;
    margin: 0 110px 20px 0;
}

.port-full__icon:nth-child(4n) {
    margin-right: 0;
}

.port-full__text {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 180px;
    line-height: 1;
    color: #f2f2f2;
    letter-spacing: 23px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
}

.port-full__mobile {
    position: relative;
    margin-bottom: 38px;
}

.port-full__gadgets {
    text-align: center;
    margin-top: -80px;
}

.port-full__recall.border_bot {
    margin-top: -100px;
    padding-bottom: 101px;
    margin-bottom: 25px;
}

.port-full__recall__inner {
    padding-top: 74px;
    overflow: hidden;
}

.port-full__mobile .port-full__descr {
    width: 700px;
}

.port-full__recall__left h2 {
    color: #fff;
    font-size: 30px;
    line-height: 1.3;
    margin: 53px 0 0 207px;
}

.port-full__recall__left {
    width: 424px;
    float: left;
}

.port-full__recall__right {
    width: 800px;
    float: right;
    padding-left: 68px;
    position: relative;
}

.port-full__recall__right::before {
    content: "";
    display: block;
    width: 5px;
    height: 67px;
    background: #fecb30;
    position: absolute;
    top: 60px;
    left: 0;
}

.port-full__quote {
    width: 45px;
    height: 34px;
    display: block;
    background: url('../img/quote.png') 0 0 no-repeat;
    margin-bottom: 14px;
}

.port-full__recall__text {
    font-size: 24px;
    color: #fff;
    padding-bottom: 0;
    margin-bottom: 37px;
    line-height: 1.6;
}

.port-full__recall__text a {
    display: inline-block;
    color: #fecb30;
    font-size: 15px;
    vertical-align: top;
    text-decoration: none;
    border-bottom: 1px solid #fecb30;
    margin-top: 10px;
    line-height: 1.2;
    transition: all 0.1s ease-in-out;
}

.port-full__recall__text a:hover {
    border-bottom: 1px solid transparent;
}

.port-full__recall .clients__recall__name {
    color: #fff;
}

.port-full__recall .clients__recall__position {
    color: #fff;
}

.port-full__recall .clients__recall__info {
    padding-right: 200px;
    width: 82%;
}

.port-full__nav {
    text-align: center;
    padding: 60px 0 0 0;
}

.port-full__links {
    overflow: hidden;
    padding-bottom: 10px;
}

.port-full__links a {
    color: #263b80;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
    display: inline-block;
    line-height: 1.4;
    position: relative;
}

.port-full__links span {
    display: inline-block;
    border-bottom: 1px solid #fecb30;
    margin-left: 5px;
}

.port-full__links:last-child span {
    margin-right: 5px;
}

.port-full__links a:first-child {
    float: left;
}

.port-full__links a.tariff-prev::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(../img/arrow_next.svg) center no-repeat;
    transform: rotate(180deg);
}

.port-full__links a:last-child {
    float: right;
}

.port-full__links a.tariff-next::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background: url(../img/arrow_next.svg) center no-repeat;
    transform: none;
    margin-left: 5px;
}

.port-full__links a:hover span {
    border-bottom: 1px solid transparent;
}

.port-full__links a:last-child:hover::after {
    background: url(../img/arrow_next_hover.svg) center no-repeat;
}

.port-full__links a:first-child:hover::before {
    background: url(../img/arrow_next_hover.svg) center no-repeat;
}

.port-full__nav .port-full__link {
    margin-bottom: 0;
}

.port-full__nav .port-full__link::before {
    display: none;
}

.reviews {
    position: relative;
}

.reviews::before {
    content: "";
    display: block;
    width: 264px;
    height: 453px;
    position: absolute;
    left: 20px;
    bottom: 0;
    background: url('../img/reviews2.png') 0 0 no-repeat;
}

.reviews::after {
    content: "";
    display: block;
    width: 264px;
    height: 453px;
    position: absolute;
    right: 20px;
    bottom: 0;
    background: url('../img/reviews1.png') 0 0 no-repeat;
}

.reviews__items {
    margin-bottom: 70px;
}

.reviews__item {
    width: 212px;
    display: inline-block;
    vertical-align: top;
    margin: 0 37px 53px 0;
    text-align: center;
}

.reviews__item:nth-child(5n) {
    margin-right: 0;
}

.reviews__item__inner {
    border: 6px solid #11225a;
    height: 294px;
    width: 100%;
    box-shadow: 1.935px 7.762px 8px 0px rgba(33, 32, 57, 0.17);
}

.reviews__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reviews__item__name {
    background: #1e2f69;
    text-align: center;
    display: inline-block;
    min-width: 162px;
    max-width: 100%;
    padding: 9px 10px 9px 10px;
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    margin: 0 auto;
}

.contacts {
    margin-bottom: 60px;
}

.contacts__inner {
    overflow: hidden;
}

.contacts__left {
    width: 49%;
    float: left;
}

.contacts__right {
    width: 48%;
    float: right;
}

.contacts__office {
    display: block;
    font-size: 19px;
    color: #fff;
    margin-bottom: 15px;
}

.contacts__office span {
    font-weight: 700;
}

.contacts .contacts__phone {
    display: block;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    margin-bottom: 13px;
}

.contacts .contacts__phone:hover {
    color: #fecb30;
}

.contacts__info {
    font-size: 17px;
    display: block;
    color: #fff;
    margin-bottom: 10px;
}

.contacts__share {
    margin: 8px 0 30px 0;
}

.contacts__share a {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    margin-right: 3px;
    margin: 0 6px 0 0;
}

.footer_contacts {
    position: relative;
}

.contacts__form {
    width: 813px;
}

.contacts__form h2 {
    color: #fff;
}

.page__footer_contacts {
    height: 633px;
}

.page__footer_contacts .wrapper {
    position: relative;
    height: 562px;
}

.page__footer_contacts .wrapper::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../img/contacts.png') 0 0 no-repeat;
    width: 350px;
    height: 548px;
}

.page__footer_contacts .footer .btn {
    margin-left: 0;
}

.page__footer_contacts .footer {
    padding-top: 71px;
}

.page__footer_contacts .footer__main {
    margin-bottom: 78px;
}

.create {
    padding: 48px 0 65px 0;
    overflow: hidden;
}

.create__left {
    width: 48%;
    float: left;
}

.create__right {
    width: 48%;
    float: right;
}

.border .create__title {
    color: #fecb30;
    font-size: 30px;
    margin: 0 0 30px 0;
}

.create__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding: 0 45px 0 34px;
    margin-bottom: 36px;
}

.create__item::before {
    content: "";
    width: 5px;
    height: 62px;
    display: block;
    position: absolute;
    top: 7px;
    left: 1px;
    background: #fecb30;
}

.create__num {
    display: block;
    font-size: 50px;
    line-height: 1;
    color: #fff;
    margin-bottom: 5px;
}

.create__text {
    display: block;
    color: #fff;
    font-size: 15px;
}

.scheme {
    padding: 0 0 100px 0;
    margin: -14px 0 0 0;
}

.scheme__title {
    font-size: 40px;
    margin: 0 0 50px 0;
    text-align: center;
    color: #000;
}

.scheme__inner {
    position: relative;
    padding: 50px 0 0 0;
}

.scheme__pic {
    width: 343px;
    height: 391px;
    overflow: hidden;
    margin: 0 auto;
}

.scheme__num {
    font-weight: 900;
    display: block;
    position: relative;
    color: #000;
    font-size: 40px;
    margin-bottom: 6px;
}

.scheme__text {
    font-size: 15px;
    line-height: 1.4;
}

.scheme__item {
    width: 230px;
    position: absolute;
    top: 0;
    text-align: right;
}

.scheme__item_1 {
    top: 61px;
    left: 170px;
}

.scheme__item_2 {
    top: 233px;
    left: 146px;
}

.scheme__item_3 {
    top: 365px;
    left: 191px;
}

.scheme__item_4 {
    top: 0;
    right: 223px;
    text-align: left;
}

.scheme__item_5 {
    top: 140px;
    right: 153px;
    text-align: left;
}

.scheme__item_6 {
    top: 291px;
    right: 158px;
    text-align: left;
}

.scheme__num {
    position: relative;
}

.scheme__num::after {
    content: "";
    width: 133px;
    height: 1px;
    display: block;
    background: #000;
    position: absolute;
}

.scheme__num::after {
    bottom: 11px;
    right: -141px;
}

.scheme__item_2 .scheme__num::after {
    bottom: 9px;
    right: -109px;
    width: 100px;
}

.scheme__item_3 .scheme__num::after {
    right: -118px;
    width: 109px;
}

.scheme__item_4 .scheme__num::after {
    bottom: 9px;
    left: -186px;
    width: 177px;
}

.scheme__item_4 .scheme__num::before {
    bottom: -15px;
    left: -186px;
    width: 177px;
    width: 1px;
    height: 25px;
    background: #000;
    content: "";
    display: block;
    position: absolute;
}

.scheme__item_5 .scheme__num::after {
    bottom: 9px;
    left: -93px;
    width: 83px;
}

.scheme__item_6 .scheme__num::after {
    bottom: 9px;
    left: -93px;
    width: 83px;
}

.develop {
    padding: 79px 0 50px 0;
}

.develop__left {
    width: 800px;
    float: left;
    padding-top: 73px;
}

.develop__right {
    float: right;
}

.develop__pic {
    width: 412px;
    height: 340px;
    margin-right: 10px;
    position: relative;
}

.develop__time {
    position: absolute;
    top: 0px;
    left: 97px;
    width: 92px;
    height: 87px;
}

.develop__pic__inner {
    position: relative;
}

.develop__pic__inner img {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    animation-name: fade;
    animation-duration: 9s;
    animation-iteration-count: infinite;
}

.develop__pic__inner img:nth-child(1) {
    animation-delay: 0s;
}

.develop__pic__inner img:nth-child(2) {
    animation-delay: 3s;
}

.develop__pic__inner img:nth-child(3) {
    animation-delay: 6s;
}

.develop__pic__inner img:nth-child(4) {
    animation-delay: 9s;
}

.develop__pic__inner img:nth-child(5) {
    animation-delay: 12s;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    11.11% {
        opacity: 1;
    }
    33.33% {
        opacity: 1;
    }
    44.44% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

.border .develop__title {
    color: #fecb30;
    font-size: 40px;
    margin: 0 0 37px 0;
}

.develop__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 0 0 0 33px;
    margin-bottom: 36px;
}

.develop__item:last-child {
    margin-left: 44px;
    width: 36%;
}

.develop__item::before {
    content: "";
    width: 5px;
    height: 71px;
    display: block;
    position: absolute;
    top: 7px;
    left: 1px;
    background: #fecb30;
}

.develop__num {
    display: block;
    font-size: 60px;
    line-height: 1;
    color: #fff;
    margin-bottom: 1px;
}

.develop__text {
    display: block;
    color: #fff;
    font-size: 15px;
}

.orders {
    background: #f4f4f4;
    padding: 95px 0 123px 0;
}

.orders__title {
    font-size: 30px;
    color: #000;
    text-align: center;
    margin: 0 0 53px 0;
}

.orders__item {
    width: 170px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 43px;
    padding: 42px 10px 37px 10px;
    margin-right: 55px;
    transition: background 0.5s ease-in-out;
}

.orders__item:hover {
    background: #263b80;
}

.orders__item:last-child {
    margin-right: 0;
}

.orders__items {
    padding: 0 71px;
}

.orders__pic {
    width: 51px;
    height: 51px;
    margin: 0 auto 55px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
}

.orders__num {
    display: block;
    text-align: center;
    font-weight: 900;
    color: #000;
    margin-bottom: 5px;
    font-size: 40px;
}

.orders__item:hover .orders__num {
    color: #fff;
}

.orders__country {
    display: block;
    color: #000;
    text-align: center;
    font-size: 15px;
}

.orders__item:hover .orders__country {
    color: #fff;
}

.border_bot.border_small {
    margin-bottom: 0;
}

.certificate {
    padding: 94px 0 67px 0;
}

.certificate__pic {
    width: 480px;
    height: 370px;
    float: left;
    border: 20px solid #11225a;
    box-shadow: 1.935px 7.762px 8px 0px rgba(33, 32, 57, 0.17);
}

.certificate__info {
    width: 596px;
    float: right;
    padding: 50px 50px 0 0;
}

.certificate__logo {
    width: 64px;
    height: 55px;
    display: block;
    margin-bottom: 27px;
}

.certificate__logo img {
    width: 100%;
    height: auto;
}

.certificate__descr {
    font-size: 30px;
    line-height: 1.5;
    padding-bottom: 0;
}

.error-404 {
    text-align: center;
    padding: 135px 0 220px 0;
    position: relative;
}

.error-404::before {
    content: "";
    width: 468px;
    height: 562px;
    display: block;
    position: absolute;
    top: 86px;
    left: 0;
    background: url(../img/404-1.png) 0 0 no-repeat;
}

.error-404::after {
    content: "";
    width: 468px;
    height: 562px;
    display: block;
    position: absolute;
    top: 86px;
    right: 0;
    background: url(../img/404-2.png) 0 0 no-repeat;
}

.error-404__pic {
    width: 422px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.error-404__inner {
    display: inline-block;
    width: 422px;
}

.error-404__title {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 26px;
}

.error-404__descr {
    font-size: 16px;
    padding-bottom: 0;
    margin-bottom: 26px;
}

.border .btn {
    color: #000;
}

.error-404 .btn {
    padding: 0 39px;
    line-height: 67px;
}

.tariffs {
    padding-bottom: 50px;
}

.tariffs__item {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 20px 12px;
    transition: border 200ms ease-in-out 0ms;
    text-align: center;
    border: 1px solid rgba(143, 159, 210, 0.3);
    border-radius: 5px;
    margin-right: 25px;
    min-height: 394px;
    position: relative;
    box-shadow: 0px 0px 14px 7px rgba(33, 32, 57, 0.10);
}

.tariffs__item:hover {
    border: 1px solid #fff;
}

.tariffs__item:last-child {
    margin-right: 0;
}

.tariffs__item:hover {
    box-shadow: none;
}

.tariffs__item_rec {
    border: 1px solid transparent;
    background: url('../img/rec-ru.png') 0 0 no-repeat;
    background-size: contain;
    box-shadow: none;
}

.tariffs__item_rec:lang(en) {
    background-image: url('../img/rec-en.png');
}


.tariffs__item_rec:hover {
    background: transparent;
    border: 1px solid rgba(143, 159, 210, 0.3);
}

.tariffs__items {
    margin: 44px 0 60px 0;
}

.tariffs__name {
    font-family: 'Pacifico';
    text-align: center;
    font-size: 30px;
    font-weight: 400;
}

.tariffs__point {
    display: block;
    color: #fff;
    border-bottom: 1px solid rgba(143, 159, 210, 0.2);
    padding-bottom: 3px;
    margin-bottom: 12px;
    font-size: 11px;
    text-transform: uppercase;
}

.tariffs__points {
    margin-bottom: 35px;
    min-height: 104px;
}

.tariffs__price {
    color: #fff;
    font-size: 40px;
    display: block;
    text-align: center;
    padding-bottom: 11px;
}

.tariffs__price span {
    font-size: 15px;
}

.tariffs__pic {
    width: 78px;
    height: 78px;
    display: inline-block;
    margin-bottom: 20px;
}

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

.tariffs__mess {
    display: block;
    color: #8f9fd2;
    font-size: 13px;
    margin-bottom: 50px;
}

.tariffs b {
    color: #8f9fd2;
    font-weight: 400;
}

.tariff-full__side {
    float: right;
    width: 24%;
    padding: 2px 5px 0 0;
}

.tariff-full__side .tariffs__item {
    width: 100%;
    box-shadow: 0px 0px 14px -3px rgba(33, 32, 57, 0.10);
}

.tariff-fill__inner {
    overflow: hidden;
}

.tariff-full__left {
    float: left;
    width: 54%;
}

.tariff-full__right {
    width: 44%;
    float: right;
    padding-right: 30px;
}

.tariff-full__table {
    margin-top: 0;
}

.tariff-full .tariffs__point {
    color: #000;
}

.tariff-fill__main {
    width: 929px;
    padding-bottom: 40px;
}

.tariff-full__table thead td {
    font-weight: 700;
}

.tariff-full__table td {
    font-size: 12px;
    text-transform: uppercase;
}

.tariff-full_plus {
    width: 15px;
    height: 15px;
    display: block;
    background: url('../img/ok2.svg') 0 0 no-repeat;
    background-size: contain;
}

.tariff-full_minus {
    width: 15px;
    height: 15px;
    display: block;
    background: url('../img/ok.svg') 0 5px no-repeat;
    background-size: contain;
    margin-top: 4px;
}

.tariff-full_wrap {
    overflow: hidden;
}

.tariff-full__right .tariff-fill__pic {
    display: none;
}

.tariff-full .port-full__links {
    padding-bottom: 34px;
}

.tariff-full .tariffs__price {
    color: #000;
}

.tariff-full .share {
    padding-bottom: 80px;
}

.faq__item h2 {
    margin-top: 0;
}

.faq__item {
    padding-bottom: 20px;
}

.faq__item_light {
    margin: 77px 0 47px 0;
}

.faq__item a {
    text-decoration: none;
    display: inline-block;
}

.border_top_left .faq__item {
    padding: 71px 0 30px 0;
}

.tariff-full__total {
    overflow: hidden;
}

.tariff-full__total .btn {
    float: left;
    min-width: 175px;
}

.tariff-full__total .tariffs__price {
    float: right;
    padding-bottom: 0;
    margin-top: 10px;
}