body {
    font-family: Mont, sans-serif;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: .07em;
    line-height: 20px;
    color: #000;
    overflow-x: hidden;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Mont, sans-serif;
    font-weight: 400;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin: 0;
}

h1 {
    font-size: 35px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 25px;
}

h4 {
    font-size: 20px;
}

a {
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    font-weight: 400;
}

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

p {
    margin: 0;
}

li,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.coco-font {
    font-family: Mont, sans-serif;
    text-transform: uppercase;
    font-size: 35px;
    letter-spacing: .05em;
}

.button {
    display: inline-block;
    padding: 21px 73px;
    border: 2px solid #000;
    text-transform: uppercase;
    letter-spacing: .06em;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    color: #000;
    font-size: 19px;
    background: 0 0;
    -webkit-box-shadow: 7px 6px 0 0 #000;
    box-shadow: 7px 6px 0 0 #000;
}

.button:hover {
    background: #000;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-line {
    color: #000;
    -webkit-transition: 0, 5s;
    -o-transition: 0, 5s;
    transition: 0, 5s;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.btn-line:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -2%;
    background-color: #000;
    display: block;
    height: 1px;
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.btn-line:focus::after,
.btn-line:hover:after {
    width: 105%;
}

.z-index-3 {
    z-index: 3;
}

@font-face {
    font-family: Mont;
    src: url(./app/fonts/Mont-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Mont;
    src: url(./app/fonts/Mont-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Mont-Book;
    src: url(./app/fonts/Mont-Book.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
}

#header {
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 44px;
    padding-bottom: 110px;
    position: relative;
}

header .header__logo .down-logo {
    display: none;
}

header .header__logo img {
    max-width: 100%;
}

.no-webp .header {
    background-image: url(./app/images/header-bg.jpg);
}

.header {
    background-image: url(./app/images/header-bg.webp);
}

.headhesive {
    background: #000;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 9;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    padding: 10px 0 !important;
}

.headhesive .header__logo img {
    width: 100px;
}

.headhesive .up-logo {
    display: none;
}

.headhesive--stick {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.headhesive--stick .header__logo .down-logo {
    display: block;
}

.headhesive--stick .header__navigation {
    margin-top: 6px;
}

.headhesive--stick .header__navigation nav ul.menu li.menu__item a {
    font-weight: 100 !important;
}

.headhesive--stick .btn-line {
    color: #fff;
    font-family: Mont, sans-serif !important;
    font-weight: 100 !important;
}

.headhesive--stick .btn-line::after {
    background-color: #fff;
}

.header__navigation {
    margin-top: 24px;
}

.header__navigation nav ul li a {
    font-size: 19px;
    letter-spacing: .08em;
    font-family: Mont-Book, sans-serif;
    font-weight: 400;
}

.header__box {
    margin-top: 280px;
    text-align: center;
    letter-spacing: .05em;
}

.header__box .header__box_title {
    margin-bottom: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header__box .header__box_title span {
    color: #000;
    font-size: 55px;
    font-weight: 300;
}

.header__box .header__box_subtitle {
    letter-spacing: .05em;
    font-weight: 300;
}

.header__down {
    margin-top: 170px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.header__down a {
    display: block;
    position: absolute;
}

.header__down a .header__mouse img {
    display: block;
    -webkit-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}

.header__down a .header__mouse-2 {
    padding: 0 7px;
    margin-top: -35px;
    -webkit-animation: mymove 1.6s infinite;
    animation: mymove 1.6s infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes mymove {
    to {
        margin-top: 0;
        opacity: 0;
    }

    from {
        margin-top: -35px;
        opacity: 1;
    }
}

@keyframes mymove {
    to {
        margin-top: 0;
        opacity: 0;
    }

    from {
        margin-top: -35px;
        opacity: 1;
    }
}

.menu-open {
    z-index: 3;
}

.menu-open .header__navigation {
    position: absolute;
    top: 25%;
    width: 90%;
    text-align: center;
}

.menu-open .header__navigation nav ul li {
    margin-bottom: 30px;
}

.menu-open .header__navigation nav ul li a {
    color: #fff;
}

/* Menu mob */

.menu-navigation {

}

.menu-icon-toggle {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 9;
}

.home .menu-icon-toggle {
    top: 50px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.menu-icon-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    background-color: #000;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: opacity 0.3s 0.3s;
    transition: opacity 0.3s 0.3s;
}

.home:not(.open) .menu-icon-toggle span {
    background-color: #000;
}

.menu-icon-toggle::before,
.menu-icon-toggle::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #000;
    -webkit-transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
    transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
    transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
}

.menu-icon-toggle::before {
    top: 6px;
}

.menu-icon-toggle::after {
    bottom: 6px;
}

.open  #header,
.open {
    overflow-y: hidden;
    overflow-x: hidden;
}

.open .menu-icon-toggle span {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.open .menu-icon-toggle::before,
.open .menu-icon-toggle::after {
    background-color: #fff;
}

.open .menu-icon-toggle::before {
    top: calc(50% - 1px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.open .menu-icon-toggle::after {
    bottom: calc(50% - 1px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.open .menu-icon-toggle::before,
.open .menu-icon-toggle::after {
    -webkit-transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
    transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
    transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
    transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.menu-background {
    visibility: hidden;
    display:none;
    width: 550%;
    height: 300px;
    position: absolute;
    left: -160%;
    background-color: #000;
    -webkit-transition: background-position 0.5s, visibility 0.5s 1s, -webkit-transform 0.5s 0.5s;
    transition: background-position 0.5s, visibility 0.5s 1s, -webkit-transform 0.5s 0.5s;
    transition: background-position 0.5s, transform 0.5s 0.5s, visibility 0.5s 1s;
    transition: background-position 0.5s, transform 0.5s 0.5s, visibility 0.5s 1s, -webkit-transform 0.5s 0.5s;
    z-index: 2;
}

.open .menu-background {
    visibility: visible;
    display:block;
    -webkit-transition: background-position 0.5s, -webkit-transform 0.5s 0.5s;
    transition: background-position 0.5s, -webkit-transform 0.5s 0.5s;
    transition: background-position 0.5s, transform 0.5s 0.5s;
    transition: background-position 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
}

.menu-background.top {
    -webkit-transform: rotate(-45deg) translateY(-150%);
    transform: rotate(-45deg) translateY(-150%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #dd7431), color-stop(50%, #000));
    background: linear-gradient(to top, #dd7431 50%, #000 50%);
    background-size: 100% 200%;
    background-position: -100% 100%;
}

.open .menu-background.top {
    -webkit-transform: rotate(-45deg) translateY(-150%);
    transform: rotate(-45deg) translateY(-150%);
    background-position: 0 0;
}

.menu-background.middle {
    -webkit-transform: rotate(-45deg) translateY(-51%) scaleY(0);
    transform: rotate(-45deg) translateY(-51%) scaleY(0);
    background: #000;
}

.open .menu-background.middle {
    -webkit-transform: rotate(-45deg) translateY(-51%) scaleY(1);
    transform: rotate(-45deg) translateY(-51%) scaleY(1);
}

.menu-background.bottom {
    -webkit-transform: rotate(-45deg) translateY(48%);
    transform: rotate(-45deg) translateY(48%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #000), color-stop(50%, #dd7431));
    background: linear-gradient(to bottom, #000 50%, #dd7431 50%);
    background-size: 100% 200%;
    background-position: 0 -100%;
}

.open .menu-background.bottom {
    -webkit-transform: rotate(-45deg) translateY(48%);
    transform: rotate(-45deg) translateY(48%);
    background-position: 0 0;
}


/* END */

.about {
    padding-top: 110px;
    padding-bottom: 74px;
}

.about .about__info {
    padding: 0 45px;
}

.about .about__info .about__info_title {
    margin-bottom: 42px;
}

.about .about__info .about__info_text {
    letter-spacing: .06em;
    line-height: 28px;
}

.project {
    padding-bottom: 98px;
}

.project .project__title {
    margin-bottom: 82px;
}

.project .project__button {
    margin-top: 82px;
}

#mission {
    padding-top: 81px;
    padding-bottom: 81px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

#mission .mission__title {
    margin-bottom: 39px;
}

#mission .mission__info {
    line-height: 28px;
    letter-spacing: .06em;
    font-weight: 300;
}

.no-webp .mission {
    background-image: url(./app/images/mission-bg.jpg);
}

.mission {
    background-image: url(./app/images/mission-bg.webp);
}

.home-services {
    padding-top: 75px;
    padding-bottom: 15px;
}

.home-services .services__title {
    margin-bottom: 63px;
}

.home-services .services__item {
    margin-bottom: 100px;
}

.home-services .services__item_icon {
    display: block;
    margin: 0 auto;
    width: 170px;
    height: auto;
}

.home-services .services__item_text {
    margin-top: 44px;
    display: block;
    font-size: 19px;
}

.reviews-bg {
    position: absolute;
    top: 0;
    z-index: 1;
}

.reviews {
    height: 553px;
    padding-top: 135px;
    color: #fff;
    position: relative;
}

.reviews__title {
    margin-bottom: 94px;
    line-height: 30px;
}

.reviews__slider .carousel-inner .carousel-item {
    z-index: 3;
}

.reviews__slider .carousel-inner .carousel-item-text {
    line-height: 28px;
    letter-spacing: .06em;
    margin-bottom: 48px;
}

.reviews__slider .carousel-inner .carousel-item-name {
    display: inline-block;
    position: relative;
    z-index: 4;
}

.reviews__slider .carousel-inner .carousel-item-name:after {
    content: '';
    width: 35px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -50%;
    top: 50%;
    display: block;
    z-index: 4;
}

.reviews__slider .carousel-inner .carousel-item-name:before {
    content: '';
    width: 35px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: -50%;
    top: 50%;
    display: block;
    z-index: 4;
}

.reviews__slider .carousel-control-prev {
    left: -15%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.reviews__slider .carousel-control-prev:hover {
    left: -15.8%;
}

.reviews__slider .carousel-control-next {
    right: -15%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.reviews__slider .carousel-control-next:hover {
    right: -15.8%;
}

.no-webp .contact {
    background: url(./app/images/contact.jpg);
}

.contact__title {
    margin-bottom: 45px;
}

.contact__subtitle {
    font-size: 19px;
    margin-bottom: 69px;
}

.contact {
    background: url(./app/images/contact.webp);
}

#contact {
    padding-top: 81px;
    padding-bottom: 204px;
}

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

.contact__box img {
    margin-right: 28px;
}

.contact__box_img-1 {
    width: 31px;
    height: 31px;
}

.contact__box_img-2 {
    width: 29px;
    height: 28px;
}

.contact__box a:first-child {
    margin-top: 3px;
    margin-bottom: 20px;
}

.contact__box .contact__box_phone {
    margin-bottom: 35px;
}

.contact__box .contact__box_phone a {
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

.contact__box .contact__box_email a {
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

.contact__form_first input,
.contact__form_second textarea {
    background: 0 0;
    border: none;
}

.wpcf7-form-control.not-empty+.label,
.wpcf7-form-control:focus+.label {
    -webkit-transform: translateY(-26px);
    transform: translateY(-26px);
}

.label {
    position: absolute;
    left: 20px;
    bottom: 11px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #000;
    cursor: text;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    z-index: -1;
}

.contact__form_border {
    display: block;
    border-bottom: 1px solid #000;
    position: relative;
}

.contact__form_first {
    justify-content: space-between;
    margin-bottom: 40px;
}

.contact__form_first input {
    width: 100%;
    height: 40px;
    font-size: 18px;
    padding: 0 20px;
}

.contact__form_first-item {
    width: 45%;
    position: relative;
}

.contact__form_second {
    position: relative;
    height: 40px;
    margin-top: 120px;
}

.contact__form_second textarea {
    width: 100%;
    padding: 0 20px;
    height: 25px;
    font-size: 18px;
    margin-top: 15px;
}

.contact__form_btn {
    margin-top: 45px;
}

.callback {
    padding-top: 93px;
    padding-bottom: 91px;
}

.callback .callback__title {
    margin-bottom: 72px;
}

.callback__social {
    margin-top: 199px;
}

.callback__social .social__title {
    margin-bottom: 44px;
    font-weight: 300;
    letter-spacing: .06em;
}

.callback__social_box {
    padding: 0 20px;
}

.callback__social_box a {
    display: block;
    cursor: pointer;
}

.callback__social_box a img {
    display: block;
    width: 34px;
    height: auto;
}

.social {
    padding-top: 70px;
    padding-bottom: 60px;
}

.social__title {
    margin-bottom: 30px;
}

.social_box a {
    width: 37px;
    height: 37px;
}

.social_box a img {
    max-width: 100%;
}



.social_box .behance {
    display: block;
    height: 41px;
    width: 41px;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='41'%3e%3cimage width='41' height='41' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAQAAAACach9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQflAxsXFRUJ5D3VAAACVUlEQVRIx9XWTYhNYRgH8N+5IyxmImoGCQklCyYiDQufCxosxmdRCkUpyYLFZCUWEmXDxiyM1bCQZMMCG8wk8lXCsPE9dGeEGfcei+HMPefeccd0LDxnc57nec///T89z/89b6DXtttsumEGa9891uzUbzfjmjCV5+ZvUjdTAgyF7lJhq92DLrfYxvjC3RQ5hkJPA50qU2RJV0YmVUCCjFzKkPm0OZJ62f8N5JCEv99lQ4QglFFjmb1R9rUVQkHB+pxN9idBs7FBXVRi23m6f2UflcguTIx6NsmyGpNtESKQc8cVt2x1Fox1sIjl/OJd4izXY00ssgO0D1iQ2VLt6Yp5R8CNWCznpff9tacUZBDzehJtbLfNRJOMV+dMadDiwutjkdXgzS+vxfDY16vky7UHbtskFMr4oc1zgUY14LEGsEudDk3aXLRWS3mWSauJskswveCLQ6C1PMtRZkcs7+nwwXF78NpVzPVWq5xAlQWG++Z032+sP5YrC/zPFoOPQlf6aXFd+SHqLngfoQlcjaYjXtfQaCYiK1V4GPNGgq+oBRuc9EqPwEhvfDXTp/LtiatnH3gqFGpAtYdRbqNalwYyRI+ciDTe5hzqTQFHXfDODOvM9VmzFzhl5Z9ZLi+xxbSCNXdUx3I7izWeZDnVQxUF5+U4SzUaGuXneOKY69pVmmWD+mIGgayqWCQf6T5MqH1g1lk8RH2RwQD6X35n/wSyIm3ETEJ+qbBsTxnxfYWMFalCHof7Kd6Bn/WebZWpXa4fGN2nkAPWmlCg5b+1bq+cd1ien8Va4X39ldjYAAAAAElFTkSuQmCC'/%3e%3c/svg%3e");
    
}

.social_box .whatsapp {
    display: block;
    height: 41px;
    width: 41px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41' height='41'%3E%3Cimage width='41' height='41' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAQAAAACach9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQflAxsXFQkd5WGaAAACX0lEQVRIx62VTUhUURTHf2+oiLKFUrqRjNDoRQkqLWYxBFmLYKCyIKIP7Ys2Fdks2pTRIqhNuM0I2rQwqEAKNzG4SIbITd9EUqQTETjOkINYmq+Fzpt77/u61+mczXvnf+7v3nveufdZhFktO4mzjXpqWMEsk3znAxmGGGcJtoeHTOP4+hwDdJjhDjESABP9HZ16uLX0a+BK/oyGKGA7OQOgg8N0eAmOGuJKfj4IeGSJwEBoQkrJcYpeI+g+FbiKGUHOUg/AdSNonYwckMR2N37DAJkRgUlJmpQmM1npyfKwL5IwrBTlpjYyVxqyQxEGPZ9Of50HFwY8VcJpBXjLAPkKoJp5JTwqAa8adugGOOwJzlPjAhuMm/5CjISnchYtAtLUEjG2+oSPuU8j5A2RTWoDLfhfqt2UVn4bbXwM8r7CPWHeZmYNkHkoBki2AG0NzPL6VNAqHd5IFbKlayXMC/A1UOyVoC380kJmYThE7lK+ZcFV+rC5HLS7vtA590rQzbzGweH24nvKZ8Rj6IrYyH6l77bTKLxd8uSnoC6yOudCW/uikr0JYCgSejcUesXbJ8lIpMNbdgci24S846XgD6326Beuk7JV8dnNKJbDHdpn4wknsIktjltJkk9q1S0A1vNN444pW5ZxiqymkVoh+l681Xq0VxnmG8VZX/4HoHTSqvhTMbBHrsyBioHX1GLfrxB42vv9JirAZWj2AuNSykfukOSs7x9J9TFS/j32AAeHGQbpZosbtegMPfsvOMMyf6DFcwo8Is1PH9VmF3GaWMcaljPHFBOMkiGt/EYk+wfr6SfOf4AlOwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E");
}

.social_box .instagram {
    display: block;
    height: 42px;
    width: 42px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42' height='42'%3E%3Cimage width='42' height='42' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAQAAABvygHQAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQflAxsXFDkiJ2B3AAACbUlEQVRIx63WT4jNURTA8c/vzUxKkeTPgsgYG1lMJAsmCfmTIqXZsLCbJsXGwt+NheRPWVmQlbIgIhIhTRGhCCFqDAaFNPNCPO/9LN4b80a/f2/mnbu659zzvefee+65N1CWjTZqNdrw5adnTjs+qLgkrFPrGgjsWt2QodBD2FBXZCi0hdsjhuT/6z+lb0TAvWYYa7ajVbp+fowAuavq9I/9036nf9jIXrDIATMxXmEw0uFDL4JvQtdB9wA0lzG1C3r1+D5ENx0c8dxJMH7QlBbpYzssMRmMM1+Hq/9sK6qm6Kw+qCRoQWdk3Ku9Egr9sryiaVcahAb6jYlZcrdVXoKl2jRr9M59l/1EkzPWgts+atFa5ZePj7TXOLDeoyH6T7ZXnC/EeCYsfxbYF2k7X8G+rQ26E+yO3e0rYF4t0M9gQWJWlKe9nh16CDxISbYx2BwFjU7+O2gxL+VCtONGlCEa2o0lqbdsMd5WKkAG6BdMS4VOBR+zQgOUUqFhHCEaOhFvUqE9YEpWaLOYIxgiNzCzUmoyQMtH0JWILDiLZdHGqDztA3MSs7Rcv6KezdhrehB0xCJPgaW1FpRy6m+LtJ0Ajb7UCu2rZOpiN4fon9tc2biuuNKXVKS/WuMuaLVQsybv3HcLTHBOW4xfPu2N2qMpwm2Tzwk+iZGW5b2LujzxwR+TzdJmpbmJHvl06ID8UMw4Mt+YaRhq+RBn/UzUJDnZY80qDTl/6g4t5ryoO/RDg4J1dYYehnspr2Zt7bUARtfh3z/QnphUfo1gq3YtRikqChAoIScUCOXkFCs9fgsEaFBUklNCg5Ie5+yHv9fEX7t38M0IAAAAAElFTkSuQmCC'/%3E%3C/svg%3E");
}

.social_box .telegram {
    display: block;
    height: 39px;
    width: 45px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='45' height='39'%3E%3Cimage width='45' height='39' xlink:href='data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAnCAQAAAAxiAl3AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQflAxsXFC6h9OWwAAACTklEQVRIx7XXT0gUURzA8a+GSWlB2yHRuggunorawqAIQsJawgKj+xZF0UU8BEHEhl0iDMOICETyIJ46RH+sJCJCokD7B+YhgzLSYK09LFEt/DrszDTjzvszOr13mvd+85nfe2/mPaaC/1PS7IsfXUknLxE+xctupodZBEE4Gx/bzoiDlur+ONAkWaYCrCDULZXdTX8ZKghTS0FXcIKJUFYQhhfLpuj1liu8nlwMe4BRLVqqyWjoBrr5YMEK36KwrdzklxUrCPft0BqOMK5EpkMfeMHMbqOPOSU7wWme8yek56AOraCDO9pBn6GR24q+BhVbR5aPWvYVDaxiUtH7NpxtY5CfWjZPF9BMURnRtxBdzVFeG9d+kATQro3J+NktXCVnZF+wC4AuQ9wml93Le4s3dZ5OJz5riPzOMpdO0aNcELdeZ40T3W9M4tHCmW6hl5nQ0Kfs9KJuWYzvYtjbsZwMDwJhOU55vVU8tICFQ+qPpYlzfEEQ7lLjtdbyzgouslb/gddSQBjzPW7aChbGMZZLCMIe52rEEhZumOn1CMIT5ypvTR830zCGINQD261hIfUPqFTSVwDIAB02mQBQ4I1d4BzCJFidhaX62H97pYYeAJo5xjpf2w9tMqO2w2t0cvntZfWZBDs0WbdaTx3PAjfOOPlvVOw5RRL2dNp341fqvfaq0MPNcgnd4u7is4EZBzhfRg9Eoy87cxx2kB72rYIgvq3MqiQRCmUZu6UpcIy0RKPhGls1vdUMOXCe6qi0uXQjCPfihwHS5Mr/Xf4CSdjKa/X6CYUAAAAASUVORK5CYII='/%3E%3C/svg%3E");
}


.footer {
    background: #000;
    padding-top: 46px;
    padding-bottom: 43px;
    color: #fff;
}

.footer__copy {
    font-size: 15px;
    font-weight: 300;
    opacity: .6;
}

.header-sub {
    padding-top: 44px;
    padding-bottom: 54px;
}

.no-webp .offer-project {
    background: url(./app/images/offer-bg.jpg) no-repeat center;
}

.offer-project {
    padding-top: 177px;
    padding-bottom: 178px;
}

.offer-project__title {
    font-size: 55px;
    font-weight: 300;
    text-transform: none;
}

.portfolio {
    padding-top: 108px;
    padding-bottom: 133px;
}

.portfolio .button {
    margin: 0 auto;
    margin-top: 81px;
}

.portfolio ul {
    margin-bottom: 93px;
}

.portfolio__box_button .button {
    cursor: pointer;
    margin-right: 30px;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: .06em;
}

.portfolio .nav-item:not(:last-child) {
    margin-right: 52px;
}

.portfolio .nav-item .nav-link {
    color: #000;
    font-weight: 300;
    font-size: 22px;
    letter-spacing: .06em;
    -webkit-transition: 0, 5s;
    -o-transition: 0, 5s;
    transition: 0, 5s;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 0;
}

.portfolio .nav-item .nav-link:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -2%;
    background-color: #000;
    display: block;
    height: 1px;
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.portfolio .nav-item .nav-link:focus::after,
.portfolio .nav-item .nav-link:hover:after {
    width: 105%;
}

.portfolio .nav-item .active {
    -webkit-transition: 0, 5s;
    -o-transition: 0, 5s;
    transition: 0, 5s;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.portfolio .nav-item .active:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -2%;
    background-color: #000;
    display: block;
    height: 1px;
    width: 105%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.portfolio .tab-content .tab-pane img {
    max-width: 100%;
}

.portfolio__link {
    position: relative;
}

.portfolio__link:focus .portfolio__info,
.portfolio__link:hover .portfolio__info {
    opacity: 1;
}

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

.portfolio__link .portfolio__info {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
}

.portfolio__link .portfolio__info_name {
    display: block;
    font-size: 19px;
    font-family: Mont-Book, sans-serif;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #000;
    max-width: 300px;
    margin: 0 auto;
}

.portfolio__link .portfolio__info_btn {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: .06em;
    background: 0 0;
    border: none;
    color: #000;
    -webkit-transition: 0, 5s;
    -o-transition: 0, 5s;
    transition: 0, 5s;
    margin-top: 32px;
}

.portfolio__link .portfolio__info_1 {
    background: #fbe4b7;
}

.portfolio__link .portfolio__info_2 {
    background: #ffdc73;
}

.portfolio__link .portfolio__info_3 {
    background: #ffcfbe;
}

.portfolio__link .portfolio__info_4 {
    background: #ffa891;
}

.portfolio__link .portfolio__info_5 {
    background: #b7e394;
}

.portfolio__link .portfolio__info_6 {
    background: #ced346;
}

.portfolio__link .portfolio__info_7 {
    background: #8dccfc;
}

.portfolio__link .portfolio__info_8 {
    background: #ffc087;
}

.portfolio__link .portfolio__info_9 {
    background: #d3f5f2;
}

.portfolio__button {
    margin-top: 83px;
    width: 100%;
}

.project-item__left {
    background: #efefef;
    padding-top: 50px;
    padding-bottom: 92px;
    padding-right: 36px;
}

.project-item__left-img {
    text-align: right;
    margin-bottom: 31px;
}

.project-item__left-img img {
    max-width: 100%;
}

.project-item__right {
    margin-left: 29px;
}

.project-item__right h2 {
    margin-top: 51px;
    margin-bottom: 30px;
    max-width: 361px;
}

.project-item__right p {
    margin-bottom: 60px;
    max-width: 361px;
    font-size: 16px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: .05em;
}

.no-webp .offer-service {
    background: url(./app/images/page/service-page.jpg) no-repeat center;
}

.offer-service {
    height: 547px;
    padding-top: 143px;
}

.offer-service__title {
    color: #fff;
}

.offer-service__text {
    margin-top: 31px;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .06em;
    max-width: 370px;
}

.services__img .services__item_icon {
    width: 275px;
}

.services__info {
    max-width: 400px;
    margin-top: 51px;
}

.services__info p {
    margin-top: 21px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: .07em;
    z-index: 3;
}

.services {
    position: relative;
    padding-top: 104px;
    padding-bottom: 116px;
}

.services__title {
    margin-left: 75px;
    margin-bottom: 55px;
}

.services .col-4,
.services .col-5 {
    z-index: 3;
}

.services__mercury img,
.services__saturn img {
    width: 715px;
    position: absolute;
    z-index: 1;
    opacity: .3;
}

.services .services__saturn img {
    left: 50px;
    top: 225px;
}

.services .services__mercury img {
    right: 235px;
    bottom: 100px;
    height: 690px;
}

.package {
    padding-bottom: 97px;
}

.package__title {
    margin-bottom: 73px;
    font-size: 35px;
}

.package__box {
    margin: 0 28px;
    position: relative;
    padding: 80px 38px 0 39px;
    height: 642px;
    text-align: center;
}

.package__box-line {
    position: relative;
    background: #efefef;
}

.package__box-line::after {
    content: '';
    position: absolute;
    top: 15px;
    right: -28px;
    border: 1px solid #656d78;
    height: 607px;
}

.package__box-line::before {
    content: '';
    position: absolute;
    top: 15px;
    left: -28px;
    border: 1px solid #656d78;
    height: 607px;
}

.package__box picture {
    width: 76px;
    height: 77px;
    position: absolute;
    right: 0;
    top: -30px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}

.package__box_title {
    margin-bottom: 60px;
    letter-spacing: .06em;
}

.package__box ul li {
    font-size: 14px;
    line-height: 33px;
    letter-spacing: .06em;
    font-weight: 400;
}

.package__btn {
    margin-top: 70px;
}

.no-webp .offer-blog {
    background: url(./app/images/page/blog-bg.jpg) no-repeat center;
}

.offer-blog {
    height: 414px;
    padding-top: 143px;
}

.offer-blog__title {
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 39px;
}

.offer-blog__text {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 9px;
}

.offer-blog__info {
    font-size: 18px;
    line-height: 27px;
    position: relative;
    margin-left: 35px;
}

.offer-blog__info::after {
    content: '';
    position: absolute;
    top: 50%;
    border-top: 1px solid #000;
    width: 30px;
}

.offer-blog__info::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -35px;
    border-top: 1px solid #000;
    width: 30px;
}

.blog {
    padding-bottom: 82px;
}

.blog__item {
    padding: 105px 70px 82px 70px;
}

.blog__item_title {
    font-size: 35px;
    margin-bottom: 25px;
}

.blog__item_info {
    display: block;
    font-size: 18px;
    margin-bottom: 49px;
}

.blog__item_img img {
    display: block;
    max-width: 100%;
}

.blog__item_text {
    margin-top: 56px;
    margin-bottom: 33px;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: .06em;
}

.blog__item_box-social {
    margin-top: 15px;
}

.blog__item_box-social-txt {
    display: block;
    margin-right: 10px;
    margin-top: 7px;
    font-size: 20px;
    font-weight: 400;
}

.blog__item_box-social-img img {
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 12px;
}

.blog__pagination .page-item__left {
    margin-right: 5px;
}

.blog__pagination .page-item__right {
    margin-left: 5px;
}

.blog__pagination .pagination {
    margin: 0 auto;
}

.blog__pagination .pagination span {
    padding: 0 18px;
    display: block;
    color: #000;
}

.blog__pagination .pagination a {
    padding: 0 18px;
    position: relative;
    display: block;
    color: #000;
}

.blog__pagination .pagination a:focus::after,
.blog__pagination .pagination a:hover:after {
    opacity: 1;
}

.blog__pagination .pagination a::after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    border-top: .25px solid #000;
    width: 23px;
    opacity: 0;
}

.blog__pagination .pagination a:first-child:hover:after {
    opacity: 0;
}

.blog__pagination .pagination a:last-child:hover:after {
    opacity: 0;
}

.no-webp .offer-single {
    background: url(./app/images/page/single-page-bg.jpg) no-repeat center;
}

.offer-single {
    height: 328px;
    padding-top: 143px;
    padding-bottom: 117px;
}

.offer-single__title {
    margin-bottom: 21px;
}

.offer-single__info {
    display: block;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: .06em;
}

.single__navigation a {
    color: #000;
}

.single__navigation a span {
    font-size: 19px;
    line-height: 30px;
    letter-spacing: .06em;
}

.single__navigation a svg {
    margin-bottom: 4px;
    width: 23px;
    height: 7px;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .no-webp .header {
        background-image: url(./app/images/header-bg@2x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .no-webp .header {
        background-image: url(./app/images/header-bg@3x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .no-webp .mission {
        background-image: url(./app/images/mission-bg@2x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .no-webp .mission {
        background-image: url(./app/images/mission-bg@3x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .no-webp .reviews {
        background-image: url(./app/images/slider-1@2x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .no-webp .reviews {
        background-image: url(./app/images/slider-1@3x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .no-webp .contact {
        background-image: url(./app/images/contact@2x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .no-webp .contact {
        background-image: url(./app/images/contact@3x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .no-webp .offer-service {
        background-image: url(./app/images/page/service-page@2x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .no-webp .offer-service {
        background-image: url(./app/images/page/service-page@3x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .no-webp .offer-project {
        background-image: url(./app/images/page/offer-bg@2x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .no-webp .offer-project {
        background-image: url(./app/images/page/offer-bg@3x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .no-webp .offer-blog {
        background-image: url(./app/images/page/blog-bg@2x.jpg);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .no-webp .offer-blog {
        background-image: url(./app/images/page/blog-bg@3x.jpg);
    }
}

@media screen and (max-width:1200px) {
    .about .about__info {
        padding: 0;
    }

    .project__item a:hover img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .project__item a .project__item_info {
        position: relative;
        background: 0 0;
        width: 100%;
        height: 100px;
        opacity: 1;
        margin-top: 25px;
        margin-bottom: 35px;
        text-align: center;
    }

    .project__item a .project__item_info-name {
        margin-bottom: 18px;
    }

    .portfolio__link .portfolio__info {
        position: relative;
        background: 0 0;
        width: 100%;
        height: 100px;
        opacity: 1;
        margin-top: 25px;
        margin-bottom: 35px;
        text-align: center;
    }

    .portfolio__link .portfolio__info_name {
        margin-bottom: 18px;
    }

    .offer__title {
        top: -90px;
    }

    .email-container,
    .firstname-container {
        width: 100%;
        display: block;
        margin: 0;
    }

    .textarea-wrap {
        margin-top: 0;
    }

    .package__box {
        margin: 28px;
    }

    .package__box-mob1 {
        background: #fbe4b7;
        position: relative;
    }

    .package__box-mob1::after {
        content: '';
        position: absolute;
        bottom: -28px;
        border: 1px solid #656d78;
        width: 90%;
        left: 20px;
    }

    .package__box-mob2 {
        background: #ffcfbe;
        position: relative;
    }

    .package__box-mob2::before {
        content: '';
        position: absolute;
        top: -28px;
        border: 1px solid #656d78;
        width: 90%;
        left: 20px;
    }
}

@media screen and (max-width:992px) {
    .header__logo {
        margin: 0 auto;
    }

    h1 {
        font-size: 35px !important;
    }

    h2 {
        font-size: 30px !important;
    }

    .no-webp .reviews {
        background: url(./app/images/slider-1.jpg);
    }

    #reviews {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .offer .offer__title {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 80px;
    }

    .offer-project {
        background: 0 0 !important;
        padding: 0;
    }

    .offer-project__mob {
        margin-bottom: 70px;
    }

    .offer-project__mob img {
        max-width: 100%;
    }

    .portfolio .nav-item:not(:last-child) {
        margin-right: 0;
    }

    .portfolio .nav-item {
        margin-bottom: 20px;
    }

    .project-item__left-img {
        text-align: center;
    }

    .project-item__right {
        margin-right: 29px;
        text-align: center;
    }

    .project-item__right h2 {
        width: 100%;
    }

    .project-item__right p {
        max-width: 80%;
        margin: 0 auto;
    }

    .project-item__right a {
        margin-top: 40px;
    }

    .no-webp .offer-service {
        background: url(./app/images/page/service-page-mob.jpg) no-repeat center;
    }

    .offer-service {
        padding: 100px 0;
        height: auto;
    }

    .offer-service__text,
    .offer-service__title {
        text-align: center;
        margin: 0 auto;
        padding: 20px 0;
    }

    .services__title {
        margin-left: 0;
        text-align: center;
    }

    .offer-blog {
        background: 0 0 !important;
        padding: 0 0 30px 0;
        height: auto;
    }

    .offer-blog__bg {
        margin-bottom: 40px;
    }

    .offer-blog__bg img {
        max-width: 100%;
        margin: 0 auto;
    }

    .blog__item {
        padding: 30px 0;
    }

    .blog__pagination {
        margin-top: 50px;
    }
}

@media screen and (max-width:768px) {
    .headhesive {
        display: none;
    }

    .header__box {
        margin-top: 150px;
    }

    .header__box .header__box_title span {
        font-size: 35px;
    }

    .header__box .header__box_subtitle {
        font-size: 27px !important;
        line-height: 35px;
        letter-spacing: .07em;
    }

    .reviews {
        height: 600px;
        padding-top: 50px;
    }

    .reviews__title {
        margin-bottom: 50px;
    }

    .reviews__slider .carousel-inner .carousel-item-text {
        height: 100%;
    }

    #contact {
        padding-top: 80px;
        padding-bottom: 100px;
    }

    .callback__info .callback__form_box {
        margin-bottom: 0;
    }

    .callback__info .callback__form_box .callback__form_item {
        width: 100%;
        margin-bottom: 60px;
    }

    .coco-font {
        font-size: 25px;
    }

    .offer-single {
        padding: 90px 0 0 0;
    }

    .single__navigation a span {
        display: none;
    }

    .single__navigation a svg {
        width: 50px;
        height: auto;
    }

    .blog__item {
        padding-bottom: 70px;
    }
}

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

    .home-services,
    .mission {
        display: none;
    }

    .contact__box {
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    .contact__box img {
        margin-bottom: 30px;
    }

    .reviews {
        height: 850px;
    }

    .reviews__slider .carousel-inner .carousel-item-name {
        width: 130px;
    }

    .reviews .reviews__slider .carousel-control-prev {
        left: 0;
        top: 110%;
    }

    .reviews .reviews__slider .carousel-control-prev:hover {
        left: -5px;
    }

    .reviews .reviews__slider .carousel-control-next {
        right: 0;
        top: 110%;
    }

    .reviews .reviews__slider .carousel-control-next:hover {
        right: -5px;
    }

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

    .button {
        padding: 21px 50px;
    }

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

    .services__img {
        text-align: center;
        margin-top: 60px;
    }
}

.header {
    background-image: url(./app/images/header-bg.webp);
}

.mission {
    background-image: url(./app/images/mission-bg.webp);
}

.contact {
    background: url(./app/images/contact.webp);
}

.offer-project {
    background: url(./app/images/offer-bg.webp) no-repeat center;
}

.offer-service {
    background: url(./app/images/page/service-page.webp) no-repeat center;
}

.offer-blog {
    background: url(./app/images/page/blog-bg.webp) no-repeat center;
}

.offer-single {
    background: url(./app/images/page/single-page-bg.webp) no-repeat center;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .header {
        background-image: url(./app/images/header-bg@2x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .header {
        background-image: url(./app/images/header-bg@3x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .mission {
        background-image: url(./app/images/mission-bg@2x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .mission {
        background-image: url(./app/images/mission-bg@3x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .reviews {
        background-image: url(./app/images/slider-1@2x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .reviews {
        background-image: url(./app/images/slider-1@3x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .contact {
        background-image: url(./app/images/contact@2x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .contact {
        background-image: url(./app/images/contact@3x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .offer-service {
        background-image: url(./app/images/page/service-page@2x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .offer-service {
        background-image: url(./app/images/page/service-page@3x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .offer-project {
        background-image: url(./app/images/page/offer-bg@2x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .offer-project {
        background-image: url(./app/images/page/offer-bg@3x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .offer-blog {
        background-image: url(./app/images/page/blog-bg@2x.webp);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2.5),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:5/2),
only screen and (min-resolution:2.5dppx),
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-resolution:192dpi) {
    .offer-blog {
        background-image: url(./app/images/page/blog-bg@3x.webp);
    }
}

@media screen and (max-width:992px) {
    .reviews {
        background: url(./app/images/slider-1.webp);
    }
}

@media screen and (max-width:992px) {
    .offer-service {
        background: url(./app/images/page/service-page-mob.webp) no-repeat center;
    }
}