html {
    min-height: 100%;
}

body {
    background: linear-gradient(161.08deg, #3b4044 -23.31%, #191a1e -23.3%);
    margin-bottom: 62px;
    color: #fff;
}

a {
    color: rgba(255, 255, 255, 0.8);
    transition: color 400ms ease;
}

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

button {
    outline: none;
}

.bg-index {
    background: radial-gradient(3374.35px at 52.8% -26.59%, #44474d 0%, #1f2126 100%);
}

.bg-webdev {
    background: radial-gradient(3867.30px at 33.59% -6.27%, #44474d 0%, #1f2126 100%);
}

.bgr_corpident {
    background: radial-gradient(3757.54px at 50% 0%, #1f2126 0%, #44474d 100%);
}

.bg-yarm {
    background-color: #eff1f7;
}

.body-pages-ph {
    background: #f4f6f8;
}

.body-pages-ali {
    background: linear-gradient(#eff1f7 50%, #fff 70%);
    color: #83899f;
}

.body-pages-sne {
    background: #f9f7f8;
    color: #252b2f;
}

::selection {
    color: #191a1e;
    background: #fff;
}

.left-0 {
    left: 0;
}

.bottom-0 {
    bottom: 0;
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.trbl-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* FONT-SIZE */
.font-7 {
    font-size: 0.4375rem;
}

.font-12 {
    font-size: 0.75rem;
}

.font-14 {
    font-size: 0.875rem;
}

.ph-font-16 {
    font-size: 1rem;
}

.font-size-cartmyprojects {
    font-size: 40px;
}

.font-size-cartmyprojects_text {
    font-size: 15px;
}

.font-size-subtitle {
    font-size: 1.3vw;
}

.font-size-caption {
    margin-left: -1px;
    font-size: 4.5vw;
}

.font-size-captionTwo {
    font-size: 2.17vw;
}

.font-size-textSubstrate {
    font-size: .9vw;
}

.services-font-content, .ph-font-18 {
    font-size: 1.125rem;
}

.font-21 {
    font-size: 1.3rem;
}

.font-24, .font-average, .f-s-average, .aside-font-caption {
    font-size: 1.5rem;
}

.font-average-name {
    font-size: 1.75rem;
}

.ph-font-36, .prom_cap_b_one {
    font-size: 2.25rem;
}

.corpident__caption {
    font-size: 2.6rem;
}

.ph-font-47 {
    font-size: 4rem;
}

.bg-webdev p.h1 {
    font-size: 1.5rem;
}

h2, .font-h2, .font-55 {
    font-size: 3.125rem;
}

.font-80 {
    font-size: 5rem;
}

.font-86 {
    font-size: 5.375rem;
}

.ph-font-115 {
    font-size: 7.188rem;
}

.promchim_info_block_text {
    font-size: 16px;
}

/* COLORS */
.c-white, .text-spacegray-light, .swal2-popup .swal2-title, label {
    color: rgba(255, 255, 255, 0.8);
}

.text-spacegray {
    color: #848484;
}

.footer__text_color_sneker, .footer__text_color_sneker:hover {
    color: #848484;
}

.footer__text_color_yarmarka, .footer__text_color_yarmarka:hover {
    color: #191a1e;
    opacity: .5;
}

.footer__text_color_promchim, .footer__text_color_promchim:hover {
    color: #fff;
    opacity: .5;
}

.text-proxima-dark {
    color: #191a1e;
}

.text-4b4 {
    color: #4b4f54;
}

.text-004, .text-004:hover {
    color: #00447c;
}

.text-5d6 {
    color: #5d6068;
}

.text-slider-mobile {
    color: #f4f4f4;
    font-size: 12px;
}

.text-838, .text-838:hover {
    color: #83899f;
}

.text-343 {
    color: #343e5c;
}

.text-838 {
    color: #838891;
}

.text-E7E {
    color: #e7e9ec;
}

.text-5c5 {
    color: #5c5f63;
}

.z-ind-4 {
    z-index: 4;
}

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

.z-ind-2 {
    z-index: 2;
}

.z-ind-0 {
    z-index: 0;
}

.z-ind-01 {
    z-index: -1;
}

.z-ind-1 {
    z-index: 1;
}

.overflow-hidden {
    overflow: hidden;
}

.pt-60px {
    padding-top: 60px;
}

.pl-30px {
    padding-left: 30px;
}

.height-one, .height-last, .height-contacts {
    padding-top: 56px;
}

.height-last {
    height: calc(100vh - 62px);
}

.height-contacts {
    height: calc(100vh - 62px);
}

.height-one {
    height: calc(100vh - 150px);
}

.height-100 {
    height: 100vh;
    min-height: 568px;
}

.min-height-100 {
    min-height: 100vh;
}

.corpident__svgLogo_text {
    font-size: 14px;
}

.corpident_cards_tree {
    -webkit-transform: translateY(-100px) translateX(50px);
    -moz-transform: translateY(-100px) translateX(50px);
    -ms-transform: translateY(-100px) translateX(50px);
    -o-transform: translateY(-100px) translateX(50px);
    transform: translateY(-100px) translateX(50px);
}

.corpident_cards_four {
    -webkit-transform: translateY(-145px) translateX(50px);
    -moz-transform: translateY(-145px) translateX(50px);
    -ms-transform: translateY(-145px) translateX(50px);
    -o-transform: translateY(-145px) translateX(50px);
    transform: translateY(-145px) translateX(50px);
}

.corpident_cards_five {
    left: 20%;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
}

.corpident_cards_six {
    -webkit-transform: translateY(130px);
    -moz-transform: translateY(130px);
    -ms-transform: translateY(130px);
    -o-transform: translateY(130px);
    transform: translateY(130px);
}

.corpident__img_mac {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    max-width: 50%;
}

.corpident__notebook {
    max-width: 50%;
}

@media (min-height: 799px) and (min-width: 768px) {
    .height-100 {
        height: 100vh;
    }
}

/* background-color */
.bg-biz {
    background-color: #3a3d43;
}

.bg-biz.row {
    margin-left: -30px;
}

.bg-biz::after {
    content: '';
    background-color: #3a3d43;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 90%;
    z-index: 0;
}

@media (max-width: 991.98px) {
    .bg-biz > div:nth-child(4) {
        padding-left: 30px;
    }
}

.bg-lite-gray {
    background-color: #d9dde8;
}

.bg-pink {
    background-color: #fbc5d3;
}

.bg-darkblue {
    background-color: #47525e;
}

.bg-dark-rurquoise {
    background-color: #c6d3d2;
}

.bg-lilac {
    background-color: #353d5c;
}

.bg-darkPink {
    background-color: #fa218a;
}

.bg-orange {
    background-color: #f1b943;
}

#logo-opacity {
    opacity: 0;
}

#logo-opacity.logo-animate {
    -webkit-transition: opacity 2500ms linear 300ms;
    -moz-transition: opacity 2500ms linear 300ms;
    transition: opacity 2500ms linear 300ms;
    opacity: 1;
}

.cursor-pointer {
    cursor: pointer;
}

#applicationform-type i span {
    opacity: 0.8;
    transition: opacity 400ms ease;
}

#applicationform-type a:hover i span {
    opacity: 1;
}

#steps-tabContent label {
    cursor: pointer;
    -webkit-transition: all 300ms;
    -ms-transition: all 300ms;
    transition: all 300ms;
}

#steps-tabContent .check-type:checked ~ label {
    background-color: #2b2c30;
    color: #fff;
}

#steps-tabContent .check-type:checked ~ label:before, #steps-tabContent .check-type:checked ~ label:after, #steps-tabContent .check-type:checked ~ label > span:before, #steps-tabContent .check-type:checked ~ label > span:after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
}

#applicationform-type .check-type:checked ~ label:before, #applicationform-type .check-type:checked ~ label:after {
    top: 0;
    border-top: 1px solid #191a1e;
}

#applicationform-type .check-type:checked ~ label:before, #applicationform-type .check-type:checked ~ label > .corner:before {
    left: 0;
    border-left: 1px solid #191a1e;
}

#applicationform-type .check-type:checked ~ label:after, #applicationform-type .check-type:checked ~ label > .corner:after {
    right: 0;
    border-right: 1px solid #191a1e;
}

#applicationform-type .check-type:checked ~ label > .corner:before, #applicationform-type .check-type:checked ~ label > .corner:after {
    bottom: 0;
    border-bottom: 1px solid #191a1e;
}

#applicationform-type .check-type:checked ~ label i, #applicationform-type .check-type:checked ~ label i span {
    opacity: 1;
    color: #fff;
}

.hexagon-control-label > span {
    width: 20px !important;
    height: 12px !important;
    border-left: solid 2px #fffc;
    border-right: solid 2px #fffc;
}

.hexagon-control-label > span::before, .hexagon-control-label > span::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 14px;
    height: 14px;
    -webkit-transform: scaleY(0.5) rotate(-45deg);
    -ms-transform: scaleY(0.5) rotate(-45deg);
    transform: scaleY(0.5) rotate(-45deg);
    left: 1px;
}

.hexagon-control-label > span::before {
    top: -7px;
    border-top: solid 3px #fffc;
    border-right: solid 3px #fffc;
}

.hexagon-control-label > span::after {
    bottom: -7px;
    border-bottom: solid 3px #fffc;
    border-left: solid 3px #fffc;
}

.hexagon-control-label > span > span {
    width: 16px;
    height: 11px;
    background-color: transparent;
}

.hexagon-control-label > span > span::before, .hexagon-control-label > span > span::after {
    content: "";
    left: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.hexagon-control-label > span > span::before {
    border-bottom: 6px solid transparent;
    top: -6px;
}

.hexagon-control-label > span > span::after {
    border-top: 6px solid transparent;
    bottom: -6px;
}

.custom-radio .custom-control-input:checked ~ .hexagon-control-label span {
    transition: background-color 300ms;
    background-color: #fffc;
}

.custom-radio .custom-control-input:checked ~ .hexagon-control-label span > span::after, .custom-radio .custom-control-input:checked ~ .hexagon-control-label span > span::before {
    transition: all 300ms
}

.custom-radio .custom-control-input:checked ~ .hexagon-control-label span > span::after {
    border-top: 6px solid #fffc;
}

.custom-radio .custom-control-input:checked ~ .hexagon-control-label span > span::before {
    border-bottom: 6px solid #fffc;
}

.border-caption::after {
    position: absolute;
    width: 50%;
    height: 2px;
    z-index: -1;
    right: 0;
    content: "";
    -moz-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    background-color: #323337;
}

.border-caption::before {
    position: absolute;
    width: 25%;
    height: 3px;
    content: "";
    background-color: #c4c4c4;
}

/* btn */
.btn-pro {
    padding: 0.275rem 0.75rem;
    text-align: left;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.btn-pro:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.btn-pro::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #23c9ed;
    transform-origin: left;
    z-index: -1;
    transition: background-color 0.15s ease-in-out, width 0.25s ease;
}

.btn-pro > svg {
    transition: .3s;
}

.btn-pro:hover > svg {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
}

.btn-pro:hover::after {
    width: 100%;
}

.btn-pro.disabled, .btn-pro:disabled {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.btn-pro:not(:disabled):not(.disabled):active, .btn-pro:not(:disabled):not(.disabled).active,
.show > .btn-pro.dropdown-toggle {
    background-color: transparent;
    border-color: transparent;
}

.btn-pro:not(:disabled):not(.disabled):active:focus, .btn-pro:not(:disabled):not(.disabled).active:focus,
.show > .btn-pro.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.btn-pro:not(:disabled):not(.disabled):active:focus::after, .btn-pro:not(:disabled):not(.disabled).active:focus::after,
.show > .btn-pro.dropdown-toggle:focus::after {
    background-color: rgba(35, 201, 237, 0.5);
}

.btn-pro-secondary {
    padding: 0.275rem 0.75rem !important;
    text-align: left;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.btn-pro-secondary:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.btn-pro-secondary:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguMTE2ODEgMS4zMjgxM0M3Ljc5MTIxIDEuMDE5MjMgNy43OTEyMSAwLjUzMzAzMiA4LjExNjgxIDAuMjI0MTI5QzguNDQyNDIgLTAuMDc0NzA5NyA4Ljk1NDQxIC0wLjA3NDcwOTcgOS4yODAwMSAwLjIyNDEyOUwxNC4xNTYgNC44NTIyNkMxNC4zMDcyIDQuOTk1NDggMTQuNCA1LjE5NDQ1IDE0LjQgNS40MTUxQzE0LjQgNS42MzU3NCAxNC4zMDcyIDUuODM0NzEgMTQuMTU2IDUuOTc4NzFMOS4yODAwMSAxMC42MDY4QzguOTU0NDEgMTAuOTE1NyA4LjQ0MjQyIDEwLjkxNTcgOC4xMTY4MSAxMC42MDY4QzcuNzkxMjEgMTAuMjk3OSA3Ljc5MTIxIDkuODExNzQgOC4xMTY4MSA5LjUwMjA2TDExLjYwOCA2LjE5OTM1SDAuODE0Mzk5QzAuMzYwNzk5IDYuMjAwMTMgMCA1Ljg0NzEgMCA1LjQxNTg3QzAgNC45ODQ2NSAwLjM2MDc5OSA0LjY0MjQ1IDAuODE0Mzk5IDQuNjQyNDVIMTEuNjA3Mkw4LjExNjgxIDEuMzI4MTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAxIDExLjAzMjIpIHJvdGF0ZSgtMTgwKSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
    position: absolute;
    height: 100%;
    line-height: 2.4;
    color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    left: 0;
    opacity: 0;
    top: 0;
}

.btn-pro-secondary:hover:before, .btn-pro-secondary:focus:hover:before, .btn-pro-secondary.focus:hover:before {
    opacity: 1;
    left: -15px;
}

.btn-pro-secondary::after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.btn-pro-secondary:focus, .btn-pro-secondary.focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.btn-pro-secondary.disabled, .btn-pro-secondary:disabled {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.btn-pro-secondary:not(:disabled):not(.disabled):active, .btn-pro-secondary:not(:disabled):not(.disabled).active,
.show > .btn-pro-secondary.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.btn-pro-secondary:not(:disabled):not(.disabled):active:focus, .btn-pro-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-pro-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.btn-group-lg > .btn, .btn-lg {
    border-radius: 0;
}

.btn-lg-secondary {
    padding: 0.375rem 0.75rem;
    text-align: left;
    color: #fff;
    background-color: transparent;
    border-color: #23c9ed;
}

.btn-lg-secondary:after {
    content: "";
    position: absolute;
    height: 0;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
    background: rgba(35, 201, 237, 0.5);
    opacity: .5;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.btn-lg-secondary:hover:after {
    height: 140%;
    opacity: 1;
}

.btn-lg-secondary:hover {
    color: #fff;
    background-color: transparent;
    border-color: #23c9ed;
}

.btn-lg-secondary:focus, .btn-lg-secondary.focus {
    background: rgba(35, 201, 237, 0.5);
}

.btn-lg-secondary.disabled, .btn-lg-secondary:disabled {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.btn-lg-secondary:not(:disabled):not(.disabled):active, .btn-lg-secondary:not(:disabled):not(.disabled).active,
.show > .btn-lg-secondary.dropdown-toggle {
    background: rgba(35, 201, 237, 0.5);
    border-color: #23c9ed;
}

.btn-lg-secondary:not(:disabled):not(.disabled):active:focus, .btn-lg-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-lg-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem transparent;
}

.btn-lg-secondary:not(:disabled):not(.disabled):active:focus::after, .btn-lg-secondary:not(:disabled):not(.disabled).active:focus::after,
.show > .btn-lg-secondary.dropdown-toggle:focus::after {
    background-color: rgba(35, 201, 237, 0.5);
}

.btn-reload {
    background-image: url("../img/icons/reload.png");
    width: 13px;
    height: 16px;
}

.body-pages-ali .btn {
    color: #333;
}

.body-pages-ali .btn:hover {
    color: #333;
}

.btn-color-dark, .btn-color-dark:hover, .btn-color-dark:before, .btn-pro-secondary:not(:disabled):not(.disabled):active, .btn-pro-secondary:not(:disabled):not(.disabled).active {
    color: #333;
}

/* inputs */
label, .form-control {
    transition: color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="radio"] {
    display: none;
}

.form-control {
    background-color: transparent;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-bottom-color: rgba(216, 216, 216, 0.2);
    color: #fff;
}

.form-control:focus {
    background-color: transparent;
    color: #23c9ed;
    outline: 0;
    box-shadow: none;
    border-color: #23c9ed;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: rgba(34, 198, 233, 0.2);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #23c9ed;
    box-shadow: none;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: rgba(244, 81, 108, 0.2);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #f4516c;
    box-shadow: none;
}

.invalid-feedback {
    color: #f4516c;
}

.captcha, .captcha-call {
    top: 30px;
}

.captcha {
    left: 90px;
}

.captcha-call {
    left: 105px;
}

select.form-control {
    padding: 0;
    margin-bottom: 1rem;
}

.select-fix {
    opacity: 0;
}

#contacts-form .form-group, #form-step .form-group, #about-form .form-group, #form-mobile .form-group {
    margin-bottom: 2rem;
}

#contacts-form .form-group:nth-child(4) {
    margin-bottom: 0;
}

.invalid-tooltip {
    padding: 5px 0 0 0;
    background-color: transparent;
}

.close {
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #23c9ed;
    text-shadow: 0 1px 0 #23c9ed;
}

textarea {
    resize: none;
}

/* sweetalert */
.swal2-popup .swal2-title {
    font-size: 1rem;
    font-weight: normal;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid rgba(35, 201, 237, 0.3);
}

.swal2-icon.swal2-success {
    border-color: rgba(35, 201, 237, 0.3);
}

.swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #23c9ed;
}

.swal2-popup {
    background: #323337;
    padding: 1.5rem;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.835em;
    left: 0.79em;
}

.swal2-popup .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: transparent;
    color: #fff;
    font-size: 1.0625em;
}

.swal2-popup .swal2-styled:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* modal */
.modal-content {
    background-color: #212226;
}

.modal-header {
    border-bottom: 1px solid #212226;
}

.modal-footer {
    border-top: 1px solid #212226;
}

.modal-header .close {
    padding: 0.5rem;
}

.close, .close:hover, .close:focus {
    font-weight: 100;
    color: #fff;
}

/*!* Nav *!*/
nav.navbar-bg-main {
    background-color: rgba(24, 25, 29, 0.75);
}

nav.navbar-bg-white {
    background-color: rgba(219, 222, 233, 0.5);
}

nav.navbar-bg-white a, .navbar-bg-fireworks a, .navbar-bg-sneaker a {
    color: #333;
}

nav.navbar-bg-white a:hover, .navbar-bg-fireworks a:hover, .navbar-bg-sneaker a:hover {
    color: #555;
}

.navbar-bg-fireworks {
    background-color: rgba(249, 247, 248, 0.5);
}

.navbar-bg-sneaker {
    background-color: rgba(224, 226, 225, 0.5);
}

.navbar__bacground_color_promchim {
    background-color: rgba(1, 67, 125, 0.53);
}

.navbar-bg-malva {
    background-color: rgba(234, 234, 234, 0.61);
}

.navbar {
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.nav-mobile {
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.5s ease-out, background 1s ease-out;
    transition-delay: 0.2s;
    z-index: 1031;
}

.nav-mobile .burger-container {
    position: relative;
    display: inline-block;
    height: 48px;
    width: 48px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.burger {
    width: 18px;
    height: 8px;
    position: relative;
    display: block;
    margin: -4px auto 0;
    top: 50%;
}

.nav-mobile .main-ul, .nav-mobile .main-ul li {
    height: 48px;
}

.nav-mobile ul {
    list-style: none;
}

.nav-mobile ul.navbar-nav li.nav-item.active a {
    color: #fff;
}

.mouse_scroll {
    width: 20px;
    height: 100px;
}

.mouse {
    height: 35px;
    width: 20px;
    border-radius: 10px;
    transform: none;
    border: 2px solid white;
    top: 170px;
}

.mouse-arrows {
    display: block;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

    border-right: 2px solid white;
    border-bottom: 2px solid white;
    margin: 0 0 3px 4px;

    width: 12px;
    height: 12px;
}

.unu {
    margin-top: 1px;
}

.unu, .doi {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-direction: alternate;
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-direction: alternate;
    margin-top: -6px;
}

.wheel {
    margin: 5px auto;
    height: 4px;
    width: 4px;
    border: 2px solid #fff;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-animation: mouse-wheel 2s linear infinite;
    -moz-animation: mouse-wheel 2s linear infinite;
    animation: mouse-wheel 2s linear infinite;
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

/* block two */
svg path {
    -webkit-transition: fill 300ms ease;
    -ms-transition: fill 300ms ease;
    transition: fill 300ms ease;
}

.hexagon-effect path {
    opacity: 1;
    transition: 300ms;
    fill: #191a1e;
}

aside .hexagon-effect ~ span {
    line-height: 60px;
}

.nav-link.done-tab .hexagon-effect path {
    fill: #fff;
    opacity: 0.8;
}

.nav-link .font-24 {
    transition: 300ms;
}

.nav-link.done-tab .font-24 {
    color: #191a1e;
}

.svg-yarmarka, .svg-yarmarka-top, .svg-yarmarka-center, .svg-yarmarka-bottom {
    -webkit-transition: transform 800ms;
    -ms-transition: transform 800ms;
    transition: transform 800ms;
}

.svg-yarmarka {
    will-change: transform;
    -webkit-transform: scale(1.5) translate(-90px, -190px);
    -ms-transform: scale(1.5) translate(-90px, -190px);
    transform: scale(1.5) translate(-90px, -190px);
}

.svg-yarmarka-top {
    -webkit-transform: translateY(-127px);
    -ms-transform: translateY(-127px);
    transform: translateY(-127px);
}

.svg-yarmarka-center {
    -webkit-transform: translateY(-133px);
    -ms-transform: translateY(-133px);
    transform: translateY(-133px);
}

.svg-yarmarka-bottom {
    -webkit-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
}

.projects-yarmarka:hover > .svg-yarmarka, .projects-yarmarka_two > .svg-yarmarka {
    -webkit-transform: scale(1) translate(0, 0);
    -ms-transform: scale(1) translate(0, 0);
    transform: scale(1) translate(0, 0);
}

.projects-yarmarka:hover > .svg-yarmarka-top, .projects-yarmarka:hover > .svg-yarmarka-center, .projects-yarmarka:hover > .svg-yarmarka-bottom, .projects-yarmarka_two > .svg-yarmarka-top, .projects-yarmarka_two > .svg-yarmarka-center, .projects-yarmarka_two > .svg-yarmarka-bottom {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.projects-yarmarka:hover > .svg-yarmarka-top, .projects-yarmarka_two > .svg-yarmarka-top {
    transition-delay: 400ms;
}

.projects-yarmarka:hover > .svg-yarmarka-center, .projects-yarmarka_two > .svg-yarmarka-center {
    transition-delay: 200ms;
}

.projects-yarmarka:hover > .svg-yarmarka-bottom, .projects-yarmarka_two > .svg-yarmarka-bottom {
    transition-delay: 0ms;
}

img.sneaker-nike, svg.sneaker-logo {
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

img.sneaker-nike {
    -webkit-transform: rotate(0deg) translateY(0) translateX(0);
    -ms-transform: rotate(0deg) translateY(0) translateX(0);
    transform: rotate(0deg) translateY(0) translateX(0);
}

.sneaker-hover:hover img.sneaker-nike, .sneaker-hover_two img.sneaker-nike {
    -webkit-transform: rotate(20deg) translateY(-85px) translateX(85px);
    -ms-transform: rotate(20deg) translateY(-85px) translateX(85px);
    transform: rotate(20deg) translateY(-85px) translateX(85px);
}

.sneaker-logo {
    top: 40px;
    left: 30px;
    -webkit-transform: translateY(0) scale(0.8);
    -ms-transform: translateY(0) scale(0.8);
    transform: translateY(0) scale(0.8);
}

.sneaker-hover:hover svg.sneaker-logo, .sneaker-hover_two svg.sneaker-logo {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    top: 75%;
}

.sneaker-gradient {
    background-color: #c1c470;
}

.svg-firework-right, .svg-firework-left, .svg-firework-bottom, .svg-firework-logo {
    -webkit-transition: all 800ms;
    -ms-transition: all 800ms;
    transition: all 800ms;
}

.svg-firework-right {
    -webkit-transform: translateX(100%) translateY(100%);
    -ms-transform: translateX(100%) translateY(100%);
    transform: translateX(100%) translateY(100%);
}

.svg-firework-left {
    -webkit-transform: translateX(-350px) translateY(-350px);
    -ms-transform: translateX(-350px) translateY(-350px);
    transform: translateX(-350px) translateY(-350px);
}

.svg-firework:hover .svg-firework-right, .svg-firework:hover .svg-firework-left, .svg-firework_two .svg-firework-right, .svg-firework_two .svg-firework-left {
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}

.svg-firework-bottom {
    -webkit-transform: translateY(370px);
    -ms-transform: translateY(370px);
    transform: translateY(370px);
}

.svg-firework:hover .svg-firework-bottom, .svg-firework_two .svg-firework-bottom {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.svg-firework-logo {
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

.svg-firework:hover .svg-firework-logo, .svg-firework_two .svg-firework-logo {
    -webkit-transform: translateX(235px) scale(0.7);
    -ms-transform: translateX(235px) scale(0.7);
    transform: translateX(235px) scale(0.7);
}

/* services */
#applicationform-type svg path {
    transition: fill 400ms ease;
}

#applicationform-type label:hover svg path, #applicationform-type .check-type:checked ~ label svg path {
    fill: #fff;
}

#steps-tabContent label {
    cursor: pointer;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
}

#steps-tabContent .check-type:checked ~ label {
    background-color: #2b2c30;
    color: #fff;
}

#steps-tabContent .check-type:checked ~ label:before, #steps-tabContent .check-type:checked ~ label:after, #steps-tabContent .check-type:checked ~ label > span:before, #steps-tabContent .check-type:checked ~ label > span:after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
}

#applicationform-type .check-type:checked ~ label:before, #applicationform-type .check-type:checked ~ label:after {
    top: 0;
    border-top: 1px solid #23c9ed;
}

#applicationform-type .check-type:checked ~ label:before, #applicationform-type .check-type:checked ~ label > .corner:before {
    left: 0;
    border-left: 1px solid #23c9ed;
}

#applicationform-type .check-type:checked ~ label:after, #applicationform-type .check-type:checked ~ label > .corner:after {
    right: 0;
    border-right: 1px solid #23c9ed;
}

#applicationform-type .check-type:checked ~ label > .corner:before, #applicationform-type .check-type:checked ~ label > .corner:after {
    bottom: 0;
    border-bottom: 1px solid #23c9ed;
}

.hexagon-control-label > span {
    width: 20px !important;
    height: 12px !important;
    border-left: solid 2px rgba(255, 255, 255, 0.8);
    border-right: solid 2px rgba(255, 255, 255, 0.8);
}

.hexagon-control-label > span::before, .hexagon-control-label > span::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 14px;
    height: 14px;
    -webkit-transform: scaleY(0.5) rotate(-45deg);
    -ms-transform: scaleY(0.5) rotate(-45deg);
    transform: scaleY(0.5) rotate(-45deg);
    left: 1px;
}

.hexagon-control-label > span::before {
    top: -7px;
    border-top: solid 3px rgba(255, 255, 255, 0.8);
    border-right: solid 3px rgba(255, 255, 255, 0.8);
}

.hexagon-control-label > span::after {
    bottom: -7px;
    border-bottom: solid 3px rgba(255, 255, 255, 0.8);
    border-left: solid 3px rgba(255, 255, 255, 0.8);
}

.hexagon-control-label > span > span {
    width: 16px;
    height: 11px;
    background-color: transparent;
}

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

.hexagon-control-label > span > span::before, .hexagon-control-label > span > span::after {
    content: "";
    left: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.hexagon-control-label > span > span::before {
    border-bottom: 6px solid transparent;
    top: -6px;
}

.hexagon-control-label > span > span::after {
    border-top: 6px solid transparent;
    bottom: -6px;
}

.custom-radio .custom-control-input:checked ~ .hexagon-control-label span {
    transition: background-color 300ms;
    background-color: rgba(255, 255, 255, 0.8);
}

.custom-radio .custom-control-input:checked ~ .hexagon-control-label span > span::after, .custom-radio .custom-control-input:checked ~ .hexagon-control-label span > span::before {
    transition: 300ms
}

.custom-radio .custom-control-input:checked ~ .hexagon-control-label span > span::after {
    border-top: 6px solid rgba(255, 255, 255, 0.8);
}

.custom-radio .custom-control-input:checked ~ .hexagon-control-label span > span::before {
    border-bottom: 6px solid rgba(255, 255, 255, 0.8);
}

/* contacts */
#section-contacts {
    opacity: 0;
}

#section-contacts.contacts-animate {
    opacity: 1;
    -webkit-animation: contacts-animate 1s;
    -moz-animation: contacts-animate 1s;
    animation: contacts-animate 1s;
}

@-webkit-keyframes contacts-animate {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes contacts-animate {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes contacts-animate {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

#map {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width: 75vw;
    z-index: 0;
}

#map > div > div > div > div:nth-child(3) {
    background: radial-gradient(532.73px at 66.18% 45.75%, rgba(25, 26, 30, 0) 0%, rgba(25, 26, 30, 0.74) 67.6%, #191a1e 100%);
}

img[src*="https://maps.gstatic.com/mapfiles/api-3/images/google"], .gm-style-cc {
    display: none;
}

.pyramid {
    left: 10px !important;
}

.pyramid ~ div {
    background-color: #212226 !important;
}

.pyramid > div:first-child, .pyramid > div:nth-child(2) {
    height: 12px !important;
}

.pyramid > div:first-child div {
    height: 12px !important;
    width: 10px !important;
    transform: skewX(43.6deg) !important;
    background-color: #212226 !important;
}

.pyramid > div:nth-child(2) div {
    height: 12px !important;
    width: 10px !important;
    transform: skewX(-41.6deg) !important;
    background-color: #212226 !important;
}

.gm-style-iw + div {
    display: none;
}

.gm-style .gm-style-iw {
    font-weight: 400;
    font-size: 18px;
}

.gm-style-iw {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

/* slider */
#slider {
    height: 555px;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#slider label {
    margin: auto;
    width: 405px;
    height: 75%;
    border-radius: 4px;
    position: absolute;
    left: 0;
    right: 0;
    transition: transform 0.4s ease;
}

#s1:checked ~ #slide5, #s2:checked ~ #slide6,
#s3:checked ~ #slide7, #s4:checked ~ #slide1,
#s5:checked ~ #slide2, #s6:checked ~ #slide3, #s7:checked ~ #slide4 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .44);
    transform: translate3d(-90%, 0, -300px);
}

#s1:checked ~ #slide6, #s2:checked ~ #slide7,
#s3:checked ~ #slide1, #s4:checked ~ #slide2,
#s5:checked ~ #slide3, #s6:checked ~ #slide4, #s7:checked ~ #slide5 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    transform: translate3d(-60%, 0, -200px);
}

#s1:checked ~ #slide7, #s2:checked ~ #slide1,
#s3:checked ~ #slide2, #s4:checked ~ #slide3,
#s5:checked ~ #slide4, #s6:checked ~ #slide5, #s7:checked ~ #slide6 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(-30%, 0, -100px);
}

#s1:checked ~ #slide1, #s2:checked ~ #slide2,
#s3:checked ~ #slide3, #s4:checked ~ #slide4,
#s5:checked ~ #slide5, #s6:checked ~ #slide6, #s7:checked ~ #slide7 {
    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, .3), 0 11px 7px 0 rgba(0, 0, 0, .19);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

#s1:checked ~ #slide2, #s2:checked ~ #slide3,
#s3:checked ~ #slide4, #s4:checked ~ #slide5,
#s5:checked ~ #slide6, #s6:checked ~ #slide7, #s7:checked ~ #slide1 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(30%, 0, -100px);
}

#s1:checked ~ #slide3, #s2:checked ~ #slide4,
#s3:checked ~ #slide5, #s4:checked ~ #slide6,
#s5:checked ~ #slide7, #s6:checked ~ #slide1, #s7:checked ~ #slide2 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    transform: translate3d(60%, 0, -200px);
}

#s1:checked ~ #slide4, #s2:checked ~ #slide5,
#s3:checked ~ #slide6, #s4:checked ~ #slide7,
#s5:checked ~ #slide1, #s6:checked ~ #slide2, #s7:checked ~ #slide3 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .44);
    transform: translate3d(90%, 0, -300px);
}

#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7 {
    background: #fff;
}

.words__and_circle::after {
    position: absolute;
    content: "";
    left: -20px;
    top: -15px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: rgba(52, 62, 92, 0.3);
}

.yar-block__tree_hexagon {
    width: 72px;
}

.yar-block__tree_hexagon::after {
    content: "";
    border-radius: 1rem;
    height: 2px;
    position: absolute;
    background-color: #353d5c;
    width: 72px;
    opacity: inherit;
    transition: 2s;
}

.yar-block__tree_hexagon i::before, .yar-block__tree_hexagon i::after {
    content: "";
    border-radius: 1rem;
    height: 2px;
    position: absolute;
    background-color: #353d5c;
    width: 10px;
    opacity: inherit;
    transition: 2s;
}

.yar-block__tree_hexagon i::after {
    transform: translateX(62px) translateY(5px) rotate(-35deg);
}

.yar-block__tree_hexagon i::after {
    bottom: 0;
}

.yar-block__tree_hexagon i::before {
    top: 0;
    transform: translateX(62px) translateY(-3px) rotate(215deg);
}

.block-color {
    cursor: pointer;
    width: 87px;
    height: 87px;
    transition: .7s;
}

.block-color:hover {
    box-shadow: 2px 4px 10px rgba(53, 61, 92, 0.4);
    transition: .7s;
}

.block-color-after-one::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 10px;
    transform: rotate(65deg);
    width: 10px;
    height: 10px;
    border: 28px solid transparent;
    border-top: 50px solid #c12d85;
}

.block-color-after-two::before {
    content: "";
    position: absolute;
    top: -28px;
    right: 10px;
    transform: rotate(100deg);
    width: 10px;
    height: 10px;
    border: 29px solid transparent;
    border-top: 56px solid #eca11d;
}

.ph-img-pc {
    transition: .8s;
    bottom: -50px;
    width: 600px;
    position: absolute;
}

.ph-img-muck {
    bottom: 0;
    right: 0;
    width: 160px;
}

.slider__button_right, .slider__button_left {
    transition: .3s;
}

.pr-img-block-one, .pr-img-block-two, .pers_area_two, .pers_area_four, .pers_area_tree, .circle_line, .ticket_msg, .ticket_img, .bt_img_one, .bt_img_two, .bt_img_tree, .bt_img_four, .bt_img_five, .bt_img_six, .bt_img_seven, .bt_img_eight, .bt_img_nine, .prom__block_two, .inter_tree, .inter_one, .inter_two, .inter_four, .prom__cart_b_tree, .prom__ingred_b_tree, .prom__tablet_b_four, .prom__page_b_seven, .prom__contact_b_seven, .prom__pc_b_nine, .prom_b_nine_adap, .prom_b_nine_stil, .prom_b_nine_img, .prom__editing_b_nine, .prom__cont_b_nine, .prom__b_eleven_tnr, .prom__b_eleven_img, .prom__b_eleven_hls, .snek__b_two_img, .snek__b_six_mob, .snek__b_six_tablet, .snek__b_six_pc, .snek__b_six_svg, .sneak__catalog_one, .sneak__catalog_two, .sneak__catalog_tree, .sneak__catalog_four, .sneak__catalog_five, .sneak__catalog_six, .snek__img{
    transition: 0.5s;
}

.ph-pails, .pr-img-block-tree, .pr-img-block-four, .ph-seller-one, .ph-seller-two, .ph-seller-tree, .pers_area_one, .circle_line i, .foot__img_scroll, .foot__img_scroll_mob, .foot__img_scroll, .ph-img-muck, .prom__b_six_circle, .prom__b_six_city, .snek__b_tree_square_one, .snek__b_tree_circle, .snek__b_tree_square_four, .snek__b_tree_square_tree, .snek__b_square_cap, .snek__b_tree_square_two, .tablet_b_five, .tablet_b_five_two, .snek__svg_img, .snek__block_four_img, .snek__block_four--one, .snek__block_four--two, .snek__block_four--tree, .snek__block_four--four, .promchim__small_square_orange--one, .promchim__small_square_orange--two, .promchim__small_square_orange--tree, .promchim__small_square_orange--four, .promchim__small_square_orange--five, .snek__img {
    transition: 1s;
}

.yar-block__tree_hexa {
    transition: 2s;
}

.ph-logo {
    transition: 3s;
}

.ph-logo, .ph-pails, .yar-block__tree_hexagon, .yar-block__tree_hexagon i, .pr-img-block-one, .pr-img-block-two, .pr-img-block-tree, .pr-img-block-four, .ph-seller-one, .ph-seller-two, .ph-seller-tree, .pers_area_one, .pers_area_two, .pers_area_tree, .pers_area_four, .ticket_msg, .ticket_img, .bt_img_one, .bt_img_two, .bt_img_tree, .bt_img_four, .bt_img_five, .bt_img_six, .bt_img_seven, .bt_img_eight, .bt_img_nine, .ph-img-muck, .ph-img-pc, .prom__block_two, .inter_tree, .inter_one, .inter_two, .inter_four, .prom__cart_b_tree, .prom__ingred_b_tree, .prom__tablet_b_four, .prom__page_b_seven, .prom__contact_b_seven, .prom__pc_b_nine, .prom_b_nine_adap, .prom_b_nine_stil, .prom_b_nine_img, .prom__editing_b_nine, .prom__cont_b_nine, .prom__b_eleven_tnr, .prom__b_eleven_img, .prom__b_eleven_hls, .prom__b_six_circle, .prom__b_six_city, .snek__b_two_img, .snek__b_tree_square_two, .snek__b_tree_square_one, .snek__b_tree_circle, .snek__b_tree_square_four, .snek__b_tree_square_tree, .snek__b_square_cap, .tablet_b_five, .tablet_b_five_two, .snek__b_six_mob, .snek__b_six_tablet, .snek__b_six_pc, .sneak__catalog_one, .sneak__catalog_two, .sneak__catalog_tree, .sneak__catalog_four, .sneak__catalog_five, .sneak__catalog_six, .snek__svg_img, .snek__block_four_img, .snek__block_four--one, .snek__block_four--two, .snek__block_four--tree, .snek__block_four--four, .promchim__small_square_orange--one, .promchim__small_square_orange--two, .promchim__small_square_orange--tree, .promchim__small_square_orange--four, .promchim__small_square_orange--five, .snek__img {
    opacity: 0;
}

.ph-img {
    position: absolute;
}

.ph-seller-one {
    bottom: -300px;
}

.border-adm {
    border: 1px solid #b9bed1;
    border-radius: 30px;
}

input[name="adm-ban"] + label {
    border-radius: 30px;
    width: 100px;
    height: 24px;
    line-height: 1.7;
    cursor: pointer;
    transition: 0.5s;
    color: #83899f;
}

input[name="adm-ban"]:checked + label {
    background-color: #b9bdcf;
    color: #343e5c;
}

.tablet-slider {
    left: -37px;
}

.circle_line {
    left: 36%;
    z-index: 7;
    top: 58%;
    opacity: 0;
}

.adm__anim_slid {
    transition: 1s;
    opacity: 0;
}

.circle_line:after {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #83899f;
    border-radius: 50%;
    content: "";
    opacity: inherit;
}

.circle_line i {
    width: 2px;
    height: 0;
    background-color: #83899f;
    left: 6px;
    top: 13px;
}

.ticket_img {
    width: 670px;
    min-height: 635px;
    right: 0;
    position: absolute;
}

.adaptability__txt {
    width: 630px;
}

.foot__img_scroll_mob {
    z-index: 3;
    overflow: hidden;
    top: 30px;
    left: 52px;
    width: 108px;
    filter: grayscale(1);
}

.foot__img_scroll_mob_d {
    width: 108px;
    height: 227px;
    overflow: auto;
    border-radius: 0 0 10px 10px;
}

.foot__img_scroll {
    top: 48px;
    left: 23px;
    z-index: 3;
    width: 349px;
    overflow: hidden;
}

.foot__img_scroll_d {
    width: 334px;
    height: 443px;
    overflow: auto;
}

.slider_over, .prom__block_nine_one, .prom__block_nine_two, .prom__block_nine_tree, .prom__block_nine_four, .snek__b_seven_page, .snek__page_one, .snek__block_end_one, .snek__block_end_two, .snek__block_end_tree, .snek__block_end_four {
    overflow-y: scroll;
}

.foot__img_scroll_d::-webkit-scrollbar, .foot__img_scroll_mob_d::-webkit-scrollbar, .slider_over::-webkit-scrollbar, .prom__block_nine_one::-webkit-scrollbar,
.prom__block_nine_two::-webkit-scrollbar, .prom__block_nine_tree::-webkit-scrollbar, .prom__block_nine_four::-webkit-scrollbar, .snek__b_seven_page::-webkit-scrollbar, .snek__page_one::-webkit-scrollbar, .snek__block_end_one::-webkit-scrollbar, .snek__block_end_two::-webkit-scrollbar, .snek__block_end_tree::-webkit-scrollbar, .snek__block_end_four::-webkit-scrollbar {
    width: 0;
}

.bt_img_one {
    right: 5%;
    top: -10%;
}

.bt_img_two {
    top: 8%;
}

.bt_img_tree {
    left: 36%;
    top: 24%;
}

.bt_img_four {
    right: 0;
    top: 11%;
}

.bt_img_five {
    top: 34%;
    z-index: -1;
    left: 15%;
}

.bt_img_six {
    right: 0;
    z-index: -1;
    top: 42%;
}

.bt_img_seven {
    bottom: 8%;
    left: 35%;
    z-index: -2;
}

.bt_img_eight {
    right: 7%;
    bottom: 3%;
}

.bt_img_nine {
    top: 62%;
}

.block__tree_h {
    height: 800px;
    width: 100%;
}

.tran_pers {
    transform: perspective(225px) rotateY(-5deg);
}

.slider__two_img {
    top: 22px;
    height: 416px;
    width: 556px;
    left: 2px;
}

#adm_slide {
    min-height: 450px;
}

.ph-caption-h {
    height: 750px;
}

.prom-caption-h {
    height: 800px;
}

.big_circle::before {
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    right: -30px;
    top: 0;
    background-color: #83899f;
    border-radius: 50%;
    z-index: -1;
}

.circle_white {
    left: 40%;
    top: 80%;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #f0f2f7;
}

.circle_white::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: -30px;
    top: -30px;
    background-color: #83899f;
}

.circle_gray {
    background-color: rgba(255, 255, 255, 0.3);
    left: 70%;
    top: 35%;
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.circle_gray::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    background-color: #83899f;
}

.circle_gray::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: -50px;
    bottom: -50px;
    background-color: #83899f;
}

.number__block_circle::after, .number__block_circle_two::after, .number__block_circle_tree::after, .number__block_circle_four::after, .number__block_circle_five::after, .number__block_circle_six::after, .number__block_circle_seven::after {
    width: 44px;
    height: 44px;
    position: absolute;
    text-align: center;
    font-size: 21px;
    line-height: 2;
    color: #fff;
    border-radius: 50%;
    background-color: #83899f;
}

.number__block_circle::after {
    left: -40px;
    top: -40px;
    content: '01';
}

.number__block_circle_two::after {
    left: -40px;
    top: -40px;
    content: '02';
}

.number__block_circle_tree::after {
    right: -45px;
    top: -20px;
    content: '03';
}

.number__block_circle_four::after {
    left: -40px;
    top: -40px;
    content: '04';
}

.number__block_circle_five::after {
    left: -25px;
    top: -40px;
    content: '05';
}

.number__block_circle_six::after {
    right: -45px;
    top: -20px;
    content: '06';
}

.number__block_circle_seven::after {
    right: -45px;
    top: -20px;
    content: '07';
}

.number__block_circle::before, .number__block_circle_two::before, .number__block_circle_tree::before, .number__block_circle_four::before, .number__block_circle_five::before, .number__block_circle_six::before, .number__block_circle_seven::before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    background-color: #b9bed1;
}

.number__block_circle::before {
    left: -47px;
    top: -44px;
}

.number__block_circle_two::before, .number__block_circle_five::before {
    left: 10px;
    top: -44px;
}

.number__block_circle_tree::before, .number__block_circle_six::before, .number__block_circle_seven::before {
    right: -10px;
    top: -20px;
}

.number__block_circle_four::before {
    left: -47px;
    top: -10px;
}

.slider__button_left {
    top: 40%;
    width: 37px;
    left: 0;
    height: 37px;
    border: 1px solid #343e5c;
}

.slider__button_left::after {
    width: 13px;
    height: 1px;
    content: '';
    background-color: #343e5c;
    position: absolute;
    top: 13px;
    transform: rotate(-45deg);
    left: 10px;
}

.slider__button_left::before {
    width: 13px;
    height: 1px;
    content: '';
    background-color: #343e5c;
    position: absolute;
    top: 22px;
    transform: rotate(45deg);
    left: 10px;
}

.slider__button_right {
    top: 40%;
    right: 0;
    width: 37px;
    height: 37px;
    border: 1px solid #343e5c;
}

.slider__button_right::after {
    width: 13px;
    height: 1px;
    content: '';
    background-color: #343e5c;
    position: absolute;
    top: 13px;
    transform: rotate(45deg);
    right: 10px;
}

.slider__button_right::before {
    width: 13px;
    height: 1px;
    content: '';
    background-color: #343e5c;
    position: absolute;
    top: 22px;
    transform: rotate(-45deg);
    right: 10px;
}

.slider__button_right:active, .slider__button_left:active {
    background-color: #343e5c;
}

.slider__button_right:active::after, .slider__button_right:active::before, .slider__button_left:active::after, .slider__button_left:active::before {
    background-color: #fff;
}

.curs_scroll_sh > .slider_over {
    background-color: black;
}

.curs_scroll_sh > .slider_over img {
    transition: .5s;
    opacity: .5;
}

.curs_scroll_sh:hover > .slider_over img, .curs_scroll_sh:focus-within > .slider_over img, .curs_scroll_sh:active > .slider_over img {
    opacity: 1;
}

.curs_scroll_sh:hover > i, .curs_scroll_sh:focus-within > i, .curs_scroll_sh:active > i {
    opacity: 0;
}

.scroll__sh_top {
    left: 45%;
    width: 10%;
    z-index: 2;
}

.scroll__sh_bot {
    bottom: 0;
    left: 45%;
    width: 10%;
    z-index: 2;
}

.scroll__sh_top::before, .scroll__sh_top::after {
    width: 100%;
    height: 1px;
    content: '';
    background-color: #fff;
    position: absolute;
    top: 50px;
    transform: rotate(45deg);
    z-index: 1;
}

.scroll__sh_top::after {
    left: 35.5%;
    transform: rotate(45deg);
}

.scroll__sh_top::before {
    right: 35.5%;
    transform: rotate(-45deg);
}

.scroll__sh_bot::before, .scroll__sh_bot::after {
    width: 100%;
    height: 1px;
    content: '';
    background-color: #fff;
    position: absolute;
    bottom: 50px;
    z-index: 1;
}

.scroll__sh_bot::after {
    left: 35.5%;
    transform: rotate(-45deg);
}

.scroll__sh_bot::before {
    right: 35.5%;
    transform: rotate(45deg);
}

/* Industrial Chemicals */
.prom__line_left::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    left: -15px;
    top: 0;
    background-color: #fff;
}

.prom_shd {
    background-color: black;
}

.prom_shd img {
    opacity: 0.7;
}

.line_raz {
    right: 15px;
    opacity: .1;
}

.prom__block_two {
    top: -70px;
    width: 750px;
}

.prom__block_tree_h {
    height: 1250px;
}

.prom__block_blue {
    background-color: #01437d;
}

.inter_one {
    left: 20%;
    top: 39%;
    width: 291px;
    height: 204px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../img/promchim/ingred.png");
}

.inter_two {
    top: 52.3%;
    left: 76.3%;
    width: 240px;
    height: 265px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/promchim/inter2.png);
}

.inter_tree {
    top: 13%;
    left: 70%;
    width: 200px;
}

.inter_four {
    width: 247px;
    bottom: 8.4%;
    left: 18%;
    height: 208px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/promchim/inter4.png);
}

.prom_block_one::after, .prom_block_two::after, .prom_block_tree::after, .prom_block_four::after, .prom_block_five::after, .prom_block_six::after, .prom_block_seven::after, .prom_block_eight::after, .prom_block_nine::after, .prom_block_ten::after {
    position: absolute;
    bottom: -8px;
    left: 0;
    z-index: -1;
    line-height: 1;
    font-size: 130px;
}

.prom_block_one::after, .prom_block_tree::after, .prom_block_four::after, .prom_block_five::after, .prom_block_six::after, .prom_block_eight::after, .prom_block_nine::after {
    color: #e4e5e9;
}

.prom_block_seven::after, .prom_block_two::after, .prom_block_ten::after {
    color: #41729e;
}

.snek__b_numb_one::after, .snek__b_numb_two::after, .snek__b_numb_tree::after, .snek__b_numb_four::after, .snek__b_numb_five::after, .snek__b_numb_six::after, .snek__b_numb_seven::after, .snek__b_numb_eight::after {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #c3c757;
    font-size: 18px;
    left: 0;
    top: -30px;
    line-height: 1.7;
    text-align: center;
}

.webdev-mi-top {
    top: -40px
}

@media (max-width: 991.98px) {
    .webdev-mi-top {
        top: -15px
    }
}

.webdev-ipad-left {
    height: 500px;
    width:500px;
}

.webdev-ipad-right {
    width: 300px;
}

img#ipad-left, img#ipad-right {
    opacity: 0;
    -webkit-transition: 800ms;
    -ms-transition: 800ms;
    transition: 800ms;
}

img#ipad-left {
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

img#ipad-right {
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
}

img#ipad-left.animate, img#ipad-right.animate {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.webdev-ipad-left img {
    right: -60px;
    z-index: 1;
}

.webdev-ipad-right img {
    left: -20px;
    z-index: 0;
}

.webdev-buy-yarm {
    top: -60px;
}

@media (max-width: 767.98px) {
    .webdev-ipad-left{
        height: 345px;
    }
    .webdev-ipad-left img {
        right: 0;
    }

    .webdev-buy-yarm {
        top: 0;
    }
}

@media (max-width: 575.98px) {
    .webdev-ipad-right img {
        left: -80px;
        z-index: 0;
    }
    .webdev-ipad-left img {
        right: -5px;
    }
}

.webdev__block_number--one::after, .webdev__block_number--two::after, .webdev__block_number--tree::after, .webdev__block_number--four::after, .webdev__block_number--five::after, .webdev__block_number--six::after {
    position: absolute;
    top: -35px;
    left: 0;
    color: #ccc;
    opacity: .3;
    line-height: 1;
    font-size: 55px;
}

.prom_block_one::after, .snek__b_numb_one::after, .webdev__block_number--one::after {
    content: "01";
}

.prom_block_two::after, .snek__b_numb_two::after, .webdev__block_number--two::after {
    content: "02";
}

.prom_block_tree::after, .snek__b_numb_tree::after, .webdev__block_number--tree::after {
    content: "03";
}

.prom_block_four::after, .snek__b_numb_four::after, .webdev__block_number--four::after {
    content: "04";
}

.prom_block_five::after, .snek__b_numb_five::after, .webdev__block_number--five::after {
    content: "05";
}

.prom_block_six::after, .snek__b_numb_six::after, .webdev__block_number--six::after {
    content: "06";
}

.prom_block_seven::after, .snek__b_numb_seven::after {
    content: "07";
}

.prom_block_eight::after, .snek__b_numb_eight::after {
    content: "08";
}

.prom_block_nine::after {
    content: "09";
}

.prom_block_ten::after {
    content: "10";
}

.square_orange {
    background-color: rgba(242, 153, 74, 0.7);
    width: 36px;
    height: 36px;
}

.tr_r_45 {
    transform: rotate(45deg);
}

.square_orange i {
    background-color: #f2994a;
    width: 26px;
    height: 26px;
    left: 5px;
    top: 5px;
}

.square_orange i::after {
    position: absolute;
    transform: rotate(45deg);
    content: "";
    top: 8px;
    left: 13px;
    width: 1px;
    height: 10px;
    background-color: #4b4f54;
}

.square_orange i::before {
    position: absolute;
    transform: rotate(-45deg);
    content: "";
    top: 8px;
    right: 12px;
    width: 1px;
    height: 10px;
    background-color: #4b4f54;
}

.prom__bord_orange {
    border: 1px solid #f2994a;
    width: 80px;
    height: 80px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.prom__square_black {
    font-size: 10px;
    width: 62px;
    height: 62px
}

.prom__square_black div {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.prom__b_four_page {
    width: 70%;
    top: -200px;
    transform: rotateX(45deg) rotateZ(-45deg);
    transition: .7s;
}

.prom__b_six_line {
    width: 205px;
    bottom: 200px;
    left: -25px;
}

.prom__b_six_line_one {
    stroke: #bbb;
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
    animation: prom_line_to 3s ease-out;
}

@keyframes prom_line_to {
    from {
        stroke-dashoffset: 1000px;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.prom__b_six_line_two {
    stroke: #bbb;
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
    animation: prom_line_to_two 5s ease-out;
}

@keyframes prom_line_to_two {
    from {
        stroke-dashoffset: 300px;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.prom__block_seven_h {
    height: 800px;
}

.prom__block_nine_h {
    height: 1200px;
}

.prom__sev_mob {
    bottom: -20%;
    right: 8%;
    width: 200px;
    max-width: 100%;
    position: absolute;
}

.prom__block_nine_one {
    height: 295px;
    width: 148px;
    right: 2px;
    border-radius: 10px;
    bottom: 163px;
}

.prom__block_nine_two {
    height: 295px;
    width: 147px;
    right: 11px;
    border-radius: 10px;
    bottom: 53px;
}

.prom__block_nine_tree {
    height: 403px;
    width: 302px;
    right: 146px;
    bottom: 72px;
}

.prom__block_nine_four {
    height: 292px;
    width: 389px;
    right: 47px;
    bottom: 56px;
}

.prom__block_nine_four, .prom__block_nine_tree, .prom__block_nine_two, .prom__block_nine_one {
    background-color: #000;
}

.prom__block_nine_four img {
    opacity: .5;
    transition: .5s;
}

.prom__block_nine_four:hover img {
    opacity: 1 !important;
}

.prom__block_ten_h, .prom__block_ten_s_h {
    height: 730px;
}

.prom_logo {
    position: absolute;
    left: 0;
    max-width: 100%;
}

.prom_text_one_w {
    width: 50%;
}

.prom__b_tree_img {
    width: 100%;
    background: linear-gradient(to top, rgba(1, 67, 125, 0.65), rgba(1, 67, 125, 0));
}

.prom__b_ten_mob_two, .prom__b_ten_tab, .prom__b_ten_tree, .prom__b_ten_tab_rev {
    max-width: 100%;
}

.prom__map_text {
    bottom: 30px;
    left: 50px;
    width: 230px;
}

.prom__svg_b_six {
    width: 450px;
    height: 200px;
}

.path {
    stroke-dasharray: 450;
    stroke-dashoffset: 0;
    animation: dash 2s linear;
}

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

.prom__b_six_circle {
    background-color: #00447c;
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.prom__b_six_circle:nth-child(1) {
    left: 118px;
    top: 51px;
}

.prom__b_six_circle:nth-child(2) {
    left: 136px;
    top: 64px;
}

.prom__b_six_circle:nth-child(3) {
    left: 146px;
    top: 93px;
}

.prom__b_six_circle:nth-child(4) {
    left: 167px;
    top: 32px;
}

.prom__b_six_circle:nth-child(5) {
    left: 193px;
    top: 76px;
}

.prom__b_six_circle:nth-child(6) {
    left: 236px;
    top: 36px;
}

.prom__b_six_circle:nth-child(7) {
    left: 149px;
    top: 158px;
}

.prom__b_six_circle:nth-child(8) {
    left: 180px;
    top: 197px;
}

.prom__b_six_circle:nth-child(9) {
    left: 154px;
    top: 212px;
}

.prom__b_six_circle:nth-child(10) {
    left: 187px;
    top: 236px;
}

.prom__b_six_circle:nth-child(11) {
    left: 217px;
    top: 217px;
}

.prom__b_six_circle:nth-child(12) {
    left: 262px;
    top: 173px;
}

.prom__b_six_circle:nth-child(13) {
    left: 315px;
    top: 234px;
}

.prom__b_six_circle:nth-child(14) {
    left: 341px;
    top: 214px;
}

.prom__b_six_circle:nth-child(15) {
    left: 351px;
    top: 179px;
}

.prom__b_six_circle:nth-child(16) {
    left: 331px;
    top: 163px;
}

.prom__b_six_circle:nth-child(17) {
    left: 315px;
    top: 142px;
}

.prom__b_six_circle:nth-child(18) {
    left: 342px;
    top: 129px;
}

.prom__b_six_circle:nth-child(19) {
    left: 315px;
    top: 89px;
}

.prom__b_six_circle:nth-child(20) {
    left: 290px;
    top: 62px;
}

.prom__b_six_circle:nth-child(21) {
    left: 376px;
    top: 72px;
}

.prom__b_six_circle:nth-child(22) {
    left: 400px;
    top: 76px;
}

.prom__b_six_circle:nth-child(23) {
    left: 398px;
    top: 60px;
}

.prom__b_six_circle:nth-child(24) {
    left: 557px;
    top: 60px;
}

.prom__b_six_city {
    background-color: #fff;
    box-shadow: 4px 4px 27px -9px #000;
    border-radius: 8px;
    color: #47525e;
    font-size: 14px;
    line-height: 1;
    top: 30px;
    left: 300px;
}

.prom__b_six_city:after {
    content: "";
    position: absolute;
    left: 88px;
    top: 25px;
    border: 15px solid transparent;
    border-top: 15px solid #fff;
    width: 30px;
    height: 30px;
}

/* SNEAKER-STREET */
.snek__b_one {
    padding: 0;
    height: 840px;
}

.snek__b_one_substrate {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../img/sneaker/snek_substrate.jpg");
}

.b_one_capt_one::before, .snek__b_two_text::after {
    content: "";
    position: absolute;
    background-color: #bcc054;
    bottom: 0;
    z-index: -1;
}

.b_one_capt_one::before {
    left: 0;
    height: 50%;
    width: 52%;
}

.snek__b_two_text::after {
    right: 0;
    height: 40%;
    width: 100%;
}

.angle_left::before {
    content: "";
    position: absolute;
    width: 31px;
    height: 31px;
    top: -15px;
    left: -15px;
    z-index: -1;
    background-repeat: no-repeat;
    background-image: url("../img/sneaker/angle.svg");
}

.angle_right::after {
    content: "";
    position: absolute;
    width: 31px;
    height: 31px;
    bottom: -15px;
    right: -15px;
    z-index: -1;
    background-repeat: no-repeat;
    background-image: url("../img/sneaker/angle_two.svg");
}

.snek__b_two_img {
    top: -110px;
}

.snek__b_tree_square_one {
    width: 100px;
    height: 100px;
    background-color: #1d252c;
}

.snek__b_tree_square_one::after {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    width: 40px;
    height: 1px;
    background-color: #c3c757;
}

.snek__b_tree_square_one::before, .snek__b_tree_circle::before {
    position: absolute;
    top: 40%;
    font-size: 14px;
}

.snek__b_tree_square_one::before {
    left: -90px;
    content: "#1d252c";
}

.snek__b_tree_circle::before {
    right: -70px;
    content: "#ffffff";
}

.snek__b_tree_square_two {
    width: 54px;
    height: 54px;
    background-color: #dde5e7;
    top: -30%;
    left: 70%;
}

.snek__b_tree_square_two::after, .snek__b_tree_circle::after {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    width: 27px;
    height: 1px;
    background-color: #252b2f;
}

.snek__b_tree_square_two::before {
    content: "#DDE5E7";
    position: absolute;
    right: -80px;
    top: 30%;
    font-size: 14px;
}

.snek__b_tree_circle {
    left: 30%;
    top: 0;
    width: 100px;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.snek__b_tree_square_tree {
    width: 195px;
    height: 165px;
    border: 10px solid #c3c757;
    background-color: #f9f7f8;
}

.snek__b_tree_square_tree::after {
    content: '';
    position: absolute;
    left: -115px;
    top: -40px;
    z-index: -1;
    width: 131px;
    height: 133px;
    background-repeat: no-repeat;
    background-image: url("../img/sneaker/big_a.png");
}

.snek__b_tree_square_tree::before {
    content: '';
    position: absolute;
    right: -96px;
    bottom: -39px;
    z-index: -1;
    width: 106px;
    height: 95px;
    background-repeat: no-repeat;
    background-image: url("../img/sneaker/small_a.png");
}

.snek__b_tree_square_four {
    width: 92px;
    height: 92px;
    border: 10px solid #c3c757;
    font-size: 14px;
}

.snek__b_tree_square_four::after {
    position: absolute;
    content: '';
    width: 27px;
    height: 1px;
    background-color: #252b2f;
    right: -32px;
    top: 50%;
}

.snek__b_tree_square_four::before {
    position: absolute;
    content: '#C3C757';
    right: -105px;
    top: 34%;
    font-size: 14px;
}

.snek__b_tree_square_four i {
    width: 45px;
    height: 10px;
    top: -10px;
    position: absolute;
    background-color: #5b6770;
}

.snek__b_tree_square_four i::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 1px;
    height: 27px;
    background-color: #252b2f;
}

.snek__b_tree_square_four i::before {
    content: "#5B6770";
    position: absolute;
    top: -35px;
    left: 0;
    font-size: 14px;
    font-style: normal;
}

.snek__b_four_subs {
    height: 570px;
}

.snek__b_tabl_one {
    right: -100px;
}

.snek__b_tabl_two {
    left: -100px;
}

.snek__b_six_subs {
    height: 730px;
}

.snek__b_seven_subs, .snek__b_numb {
    height: 1000px;
}

.sneak__catalog_seven {
    width: 350px;
    left: 70%;
    top: 54%;
}

.sneak__catalog_eight {
    width: 300px;
    left: 0;
    top: 72%;
}

.snek__b_eight_subs {
    opacity: .5;
    height: 730px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../img/sneaker/substrate.png");
}

.snek__b_eight_subs_subs {
    height: 730px;
}

.b_eight_one {
    top: -300px;
    right: 0;
}

.b_eight_cart {
    top: -310px;
    right: 0;
}

.b_eight_two {
    top: -133px;
}

.b_eight_text {
    top: -100px;
    left: 45px;
}

.snek_logo {
    max-width: 100%;
}

.sneak__catalog_one {
    max-width: 60%;
    right: 0;
    top: 0;
}

.sneak__catalog_two {
    max-width: 40%;
    top: 23%;
    left: 25%;
}

.sneak__catalog_tree {
    max-width: 24%;
    left: 14%;
    top: 42.5%;
}

.sneak__catalog_four {
    max-width: 29%;
    left: 48%;
    top: 40%;
}

.sneak__catalog_five {
    max-width: 53%;
    left: 5.3%;
    top: 47.4%;
}

.sneak__catalog_six {
    max-width: 42%;
    left: 30.5%;
    top: 61.4%;
}

.b_eight_h {
    height: 0;
}

.tablet_b_five {
    left: -180px;
    width: 650px;
}

.tablet_b_five_two {
    right: 0;
    width: 650px;
}

.snek__b_six_mob, .snek__b_six_tablet {
    left: -50px;
}

.snek__b_six_pc {
    right: -40px;
}

.snek__b_six_svg {
    stroke-dasharray: 1700;
    stroke-dashoffset: 0;
    animation: snek_svg 2s linear;
}

@keyframes snek_svg {
    from {
        stroke-dashoffset: 1700px;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.snek__b_seven_page {
    height: 294px;
    width: 469px;
    top: 86px;
    left: 91px;
}

.snek__svg_img_one {
    width: 15%;
    animation: snek_svg_one .5s linear;
}

@keyframes snek_svg_one {
    from {
        width: 0;
    }
    to {
        width: 15%;
    }
}

.snek__svg_img_two {
    width: 30%;
    animation: snek_svg_two .7s linear;
}

@keyframes snek_svg_two {
    from {
        width: 0;
    }
    to {
        width: 30%;
    }
}

.snek__svg_img_tree {
    width: 35%;
    animation: snek_svg_tree .9s linear;
}

@keyframes snek_svg_tree {
    from {
        width: 0;
    }
    to {
        width: 35%;
    }
}

.snek__svg_img_four {
    width: 45%;
    animation: snek_svg_four 1.2s linear;
}

@keyframes snek_svg_four {
    from {
        width: 0;
    }
    to {
        width: 45%;
    }
}

.snek__svg_img_five, .snek__svg_img_six {
    width: 40%;
    animation: snek_svg_five 1.4s linear;
}

@keyframes snek_svg_five {
    from {
        width: 0;
    }
    to {
        width: 40%;
    }
}

.snek__svg_img_seven, .snek__svg_img_nine {
    width: 20%;
    animation: snek_svg_seven 1.8s linear;
}

@keyframes snek_svg_seven {
    from {
        width: 0;
    }
    to {
        width: 20%;
    }
}

.snek__svg_img_eight {
    width: 10%;
    animation: snek_svg_eight .5s linear;
}

@keyframes snek_svg_eight {
    from {
        width: 0;
    }
    to {
        width: 10%;
    }
}

.snek__b_eight_mac {
    max-width: 100%;
}

.snek__page_one {
    height: 290px;
    width: 468px;
    top: 88px;
    left: 91px;
}

.snek__b_nine_subs {
    height: 1000px;
}

.snek__b_nine_subs i {
    width: 11%;
    height: 20px;
    bottom: 38%;
    right: 5%;
    background-color: #5b6770;
}

.snek__b_nine_subs::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 40%;
    left: 0;
    top: -150px;
    z-index: -2;
    border-right: 20px solid #c3c757;
    border-bottom: 20px solid #c3c757;
}

.snek__b_nine_subs::before {
    content: "";
    position: absolute;
    width: 20%;
    height: 40%;
    right: 0;
    bottom: 0;
    z-index: -2;
    border-left: 20px solid #c3c757;
    border-bottom: 20px solid #c3c757;
    border-top: 20px solid #c3c757;
}

.prom__arrow_blocks, .prom__arrow_blocks_blue {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    box-shadow: 0 7px 7px rgba(0, 0, 0, 0.25);
}

.prom__arrow_blocks {
    background: #f9f9f9;
}

.prom__arrow_blocks_blue {
    background: #01427c;
    top: -50px;
}

.prom__arrow_blocks::after, .prom__arrow_blocks::before, .prom__arrow_blocks_blue::after, .prom__arrow_blocks_blue::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 5px;
    border-radius: 30%;
    top: 50%;
}

.prom__arrow_blocks::after, .prom__arrow_blocks::before {
    background-color: #01437d;
}

.prom__arrow_blocks::before {
    left: 30%;
    transform: rotate(45deg);
}

.prom__arrow_blocks::after {
    left: 46%;
    transform: rotate(-45deg);
}

.prom__arrow_blocks_blue::after, .prom__arrow_blocks_blue::before {
    background-color: #fff;
}

.prom__arrow_blocks_blue::before {
    left: 30%;
    transform: rotate(45deg);
}

.prom__arrow_blocks_blue::after {
    left: 46%;
    transform: rotate(-45deg);
}

.prom_substrate_one {
    height: 1030px;
}

.prom_substrate_two {
    height: 1500px;
}

.prom_substrate_tree {
    height: 920px;
}

.prom_substrate_two > div {
    border-left: 1px solid #f5f5f5;
    height: 730px;
}

.snek__block_end_one {
    height: 390px;
    width: 190px;
    top: 20px;
    right: 89px;
    border-radius: 15px;
}

.snek__block_end_two {
    height: 368px;
    width: 179px;
    top: -282px;
    right: 85px;
    border-radius: 15px;
}

.snek__block_end_tree {
    height: 367px;
    width: 180px;
    top: 19px;
    right: 84px;
    border-radius: 15px;
}

.snek__block_end_four {
    height: 368px;
    width: 179px;
    top: -67px;
    right: 85px;
    border-radius: 15px;
}

.snek__end_hlr_one {
    height: 418px;
    width: 14px;
    top: 5px;
    right: 86px;
}

.snek__end_hll_one {
    height: 418px;
    width: 14px;
    top: 5px;
    left: 3px;
}

.snek__end_hlr_two {
    height: 399px;
    width: 14px;
    top: -297px;
    right: 83px;
}

.snek__end_hll_two {
    height: 395px;
    width: 14px;
    top: -295px;
    left: 18px;
}

.snek__end_hlr_tree {
    height: 397px;
    width: 14px;
    top: 4px;
    right: 83px;
}

.snek__end_hll_tree {
    height: 396px;
    width: 14px;
    top: 5px;
    left: 18px;
}

.snek__end_hlr_four {
    height: 397px;
    width: 14px;
    top: -81px;
    right: 83px;
}

.snek__end_hll_four {
    height: 396px;
    width: 14px;
    top: -80px;
    left: 18px;
}

/* 404 */
.page-error {
    line-height: 1;
    font-size: 30vw;
    z-index: 1;
}

.page-error::before, .page-error::after {
    content: attr(data-code);
    position: absolute;
    top: 0;
    color: #fff;
    overflow: hidden;
    clip: rect(0, 789px, 0, 0);
}

.page-error::before {
    left: -2px;
    text-shadow: 1px 0 blue;
    -webkit-animation: noise 3s infinite linear alternate-reverse;
    -moz-animation: noise 3s infinite linear alternate-reverse;
    animation: noise 3s infinite linear alternate-reverse;
}

.page-error::after {
    left: 2px;
    text-shadow: -1px 0 red;
    -webkit-animation: noise-2 3s infinite linear alternate-reverse;
    -moz-animation: noise-2 3s infinite linear alternate-reverse;
    animation: noise-2 3s infinite linear alternate-reverse;
}

@-webkit-keyframes noise {
    0% {
        clip: rect(375px, 56789px, 467px, 0)
    }

    5% {
        clip: rect(6px, 56789px, 341px, 0)
    }

    10% {
        clip: rect(26px, 56789px, 24px, 0)
    }

    15% {
        clip: rect(514px, 56789px, 103px, 0)
    }

    20% {
        clip: rect(725px, 56789px, 492px, 0)
    }

    25% {
        clip: rect(271px, 56789px, 362px, 0)
    }

    30% {
        clip: rect(57px, 56789px, 73px, 0)
    }

    35% {
        clip: rect(16px, 56789px, 708px, 0)
    }

    40% {
        clip: rect(778px, 56789px, 778px, 0)
    }

    45% {
        clip: rect(11px, 56789px, 711px, 0)
    }

    50% {
        clip: rect(263px, 56789px, 32px, 0)
    }

    55% {
        clip: rect(527px, 56789px, 736px, 0)
    }

    60% {
        clip: rect(413px, 56789px, 559px, 0)
    }

    65% {
        clip: rect(126px, 56789px, 711px, 0)
    }

    70% {
        clip: rect(410px, 56789px, 291px, 0)
    }

    75% {
        clip: rect(244px, 56789px, 492px, 0)
    }

    80% {
        clip: rect(512px, 56789px, 419px, 0)
    }

    85% {
        clip: rect(744px, 56789px, 85px, 0)
    }

    90% {
        clip: rect(613px, 56789px, 769px, 0)
    }

    95% {
        clip: rect(768px, 56789px, 566px, 0)
    }

    100% {
        clip: rect(581px, 56789px, 421px, 0)
    }
}

@-moz-keyframes noise {
    0% {
        clip: rect(375px, 56789px, 467px, 0)
    }

    5% {
        clip: rect(6px, 56789px, 341px, 0)
    }

    10% {
        clip: rect(26px, 56789px, 24px, 0)
    }

    15% {
        clip: rect(514px, 56789px, 103px, 0)
    }

    20% {
        clip: rect(725px, 56789px, 492px, 0)
    }

    25% {
        clip: rect(271px, 56789px, 362px, 0)
    }

    30% {
        clip: rect(57px, 56789px, 73px, 0)
    }

    35% {
        clip: rect(16px, 56789px, 708px, 0)
    }

    40% {
        clip: rect(778px, 56789px, 778px, 0)
    }

    45% {
        clip: rect(11px, 56789px, 711px, 0)
    }

    50% {
        clip: rect(263px, 56789px, 32px, 0)
    }

    55% {
        clip: rect(527px, 56789px, 736px, 0)
    }

    60% {
        clip: rect(413px, 56789px, 559px, 0)
    }

    65% {
        clip: rect(126px, 56789px, 711px, 0)
    }

    70% {
        clip: rect(410px, 56789px, 291px, 0)
    }

    75% {
        clip: rect(244px, 56789px, 492px, 0)
    }

    80% {
        clip: rect(512px, 56789px, 419px, 0)
    }

    85% {
        clip: rect(744px, 56789px, 85px, 0)
    }

    90% {
        clip: rect(613px, 56789px, 769px, 0)
    }

    95% {
        clip: rect(768px, 56789px, 566px, 0)
    }

    100% {
        clip: rect(581px, 56789px, 421px, 0)
    }
}

@keyframes noise {
    0% {
        clip: rect(375px, 56789px, 467px, 0)
    }

    5% {
        clip: rect(6px, 56789px, 341px, 0)
    }

    10% {
        clip: rect(26px, 56789px, 24px, 0)
    }

    15% {
        clip: rect(514px, 56789px, 103px, 0)
    }

    20% {
        clip: rect(725px, 56789px, 492px, 0)
    }

    25% {
        clip: rect(271px, 56789px, 362px, 0)
    }

    30% {
        clip: rect(57px, 56789px, 73px, 0)
    }

    35% {
        clip: rect(16px, 56789px, 708px, 0)
    }

    40% {
        clip: rect(778px, 56789px, 778px, 0)
    }

    45% {
        clip: rect(11px, 56789px, 711px, 0)
    }

    50% {
        clip: rect(263px, 56789px, 32px, 0)
    }

    55% {
        clip: rect(527px, 56789px, 736px, 0)
    }

    60% {
        clip: rect(413px, 56789px, 559px, 0)
    }

    65% {
        clip: rect(126px, 56789px, 711px, 0)
    }

    70% {
        clip: rect(410px, 56789px, 291px, 0)
    }

    75% {
        clip: rect(244px, 56789px, 492px, 0)
    }

    80% {
        clip: rect(512px, 56789px, 419px, 0)
    }

    85% {
        clip: rect(744px, 56789px, 85px, 0)
    }

    90% {
        clip: rect(613px, 56789px, 769px, 0)
    }

    95% {
        clip: rect(768px, 56789px, 566px, 0)
    }

    100% {
        clip: rect(581px, 56789px, 421px, 0)
    }
}

@-webkit-keyframes noise-2 {
    0% {
        clip: rect(344px, 6789px, 785px, 0)
    }

    5% {
        clip: rect(104px, 6789px, 284px, 0)
    }

    10% {
        clip: rect(255px, 6789px, 289px, 0)
    }

    15% {
        clip: rect(699px, 6789px, 512px, 0)
    }

    20% {
        clip: rect(501px, 6789px, 337px, 0)
    }

    25% {
        clip: rect(177px, 6789px, 24px, 0)
    }

    30% {
        clip: rect(318px, 6789px, 283px, 0)
    }

    35% {
        clip: rect(21px, 6789px, 169px, 0)
    }

    40% {
        clip: rect(98px, 6789px, 483px, 0)
    }

    45% {
        clip: rect(587px, 6789px, 477px, 0)
    }

    50% {
        clip: rect(626px, 6789px, 516px, 0)
    }

    55% {
        clip: rect(616px, 6789px, 320px, 0)
    }

    60% {
        clip: rect(439px, 6789px, 627px, 0)
    }

    65% {
        clip: rect(127px, 6789px, 204px, 0)
    }

    70% {
        clip: rect(318px, 6789px, 529px, 0)
    }

    75% {
        clip: rect(282px, 6789px, 264px, 0)
    }

    80% {
        clip: rect(749px, 6789px, 291px, 0)
    }

    85% {
        clip: rect(637px, 6789px, 109px, 0)
    }

    90% {
        clip: rect(330px, 6789px, 428px, 0)
    }

    95% {
        clip: rect(412px, 6789px, 423px, 0)
    }

    100% {
        clip: rect(642px, 6789px, 689px, 0)
    }
}

@-moz-keyframes noise-2 {
    0% {
        clip: rect(344px, 6789px, 785px, 0)
    }

    5% {
        clip: rect(104px, 6789px, 284px, 0)
    }

    10% {
        clip: rect(255px, 6789px, 289px, 0)
    }

    15% {
        clip: rect(699px, 6789px, 512px, 0)
    }

    20% {
        clip: rect(501px, 6789px, 337px, 0)
    }

    25% {
        clip: rect(177px, 6789px, 24px, 0)
    }

    30% {
        clip: rect(318px, 6789px, 283px, 0)
    }

    35% {
        clip: rect(21px, 6789px, 169px, 0)
    }

    40% {
        clip: rect(98px, 6789px, 483px, 0)
    }

    45% {
        clip: rect(587px, 6789px, 477px, 0)
    }

    50% {
        clip: rect(626px, 6789px, 516px, 0)
    }

    55% {
        clip: rect(616px, 6789px, 320px, 0)
    }

    60% {
        clip: rect(439px, 6789px, 627px, 0)
    }

    65% {
        clip: rect(127px, 6789px, 204px, 0)
    }

    70% {
        clip: rect(318px, 6789px, 529px, 0)
    }

    75% {
        clip: rect(282px, 6789px, 264px, 0)
    }

    80% {
        clip: rect(749px, 6789px, 291px, 0)
    }

    85% {
        clip: rect(637px, 6789px, 109px, 0)
    }

    90% {
        clip: rect(330px, 6789px, 428px, 0)
    }

    95% {
        clip: rect(412px, 6789px, 423px, 0)
    }

    100% {
        clip: rect(642px, 6789px, 689px, 0)
    }
}

@keyframes noise-2 {
    0% {
        clip: rect(344px, 6789px, 785px, 0)
    }

    5% {
        clip: rect(104px, 6789px, 284px, 0)
    }

    10% {
        clip: rect(255px, 6789px, 289px, 0)
    }

    15% {
        clip: rect(699px, 6789px, 512px, 0)
    }

    20% {
        clip: rect(501px, 6789px, 337px, 0)
    }

    25% {
        clip: rect(177px, 6789px, 24px, 0)
    }

    30% {
        clip: rect(318px, 6789px, 283px, 0)
    }

    35% {
        clip: rect(21px, 6789px, 169px, 0)
    }

    40% {
        clip: rect(98px, 6789px, 483px, 0)
    }

    45% {
        clip: rect(587px, 6789px, 477px, 0)
    }

    50% {
        clip: rect(626px, 6789px, 516px, 0)
    }

    55% {
        clip: rect(616px, 6789px, 320px, 0)
    }

    60% {
        clip: rect(439px, 6789px, 627px, 0)
    }

    65% {
        clip: rect(127px, 6789px, 204px, 0)
    }

    70% {
        clip: rect(318px, 6789px, 529px, 0)
    }

    75% {
        clip: rect(282px, 6789px, 264px, 0)
    }

    80% {
        clip: rect(749px, 6789px, 291px, 0)
    }

    85% {
        clip: rect(637px, 6789px, 109px, 0)
    }

    90% {
        clip: rect(330px, 6789px, 428px, 0)
    }

    95% {
        clip: rect(412px, 6789px, 423px, 0)
    }

    100% {
        clip: rect(642px, 6789px, 689px, 0)
    }
}

footer {
    bottom: 0;
    width: 100%;
    height: 62px;
    line-height: 60px;
}

.border-foot {
    border-color: rgba(216, 216, 216, 0.2) !important;
}

.border-foot-bot {
    border: 0 !important;
}

.snek__nine_img_one {
    max-width: 75%;
}

.snek__block_four_img {
    left: -100px;
}

.snek__block_four--one, .snek__block_four--two, .snek__block_four--tree, .snek__block_four--four {
    top: 50px;
}

.snek__block_catalog--line-one {
    transform: rotate(180deg);
    bottom: 27%;
    left: 7%;
    height: 110px;
    fill: none;
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
    animation: block_catalog-line-one 1s linear;
}

.snek__block_catalog--line-two {
    transform: rotate(180deg);
    bottom: 46%;
    right: 0;
    height: 170px;
    fill: none;
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
    animation: block_catalog-line-two 1s linear;
}

@keyframes block_catalog-line-two {
    from {
        stroke-dashoffset: 300px;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.snek__block_catalog--line-tree {
    transform: rotate(180deg);
    bottom: 18%;
    left: 28%;
    fill: none;
    stroke-dasharray: 300;
    stroke-dashoffset: 0;
    animation: block_catalog-line-one 1s linear;
}

@keyframes block_catalog-line-one {
    from {
        stroke-dashoffset: 300px;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.promchim__small_square_orange--one, .promchim__small_square_orange--two, .promchim__small_square_orange--tree, .promchim__small_square_orange--four, .promchim__small_square_orange--five {
    width: 12px;
    height: 12px;
    background-color: #f2994a;
    z-index: 1;
}

.promchim__small_square_orange--one {
    left: 21%;
    top: 26%;
}

.promchim__small_square_orange--two {
    left: 23%;
    top: 60%;
}

.promchim__small_square_orange--tree {
    left: 53%;
    top: 42%;
}

.promchim__small_square_orange--four {
    left: 77%;
    top: 23%;
}

.promchim__small_square_orange--five {
    left: 90%;
    top: 23%;
}

.promchim_gif_animation {
    top: 35px;
    right: 218px;
    width: 625px;
    height: 391px;
}

.promchim__block_eight_img {
    max-width: 100%;
}

.prom__block_nine_one, .prom__block_nine_one img, .prom__block_nine_two, .prom__block_nine_two img {
    border-radius: 10px;
}

.promchim__block_four_product {
    bottom: -40px;
    left: -515px;
}

.inter_one:hover, .inter_two:hover, .inter_tree:hover, .inter_four:hover {
    transform: scale(1.4, 1.4);
}

.promchim__block_caption_img {
    background-repeat: no-repeat;
    background-image: url("../img/promchim/substrates.jpg");
    background-size: cover;
}

.prom__block_ten_c_h {
    height: 1010px;
}

.promchim__block_two--arrow {
    height: 50px;
}

.promchim__block_tree--arrow {
    height: 0;
}

.adm_slide_old_one, .adm_slide_old_tree, .adm_slide_old_four {
    top: 100px;
}

.adm_slide_old_two {
    top: 50px;
}

.pr-img-block-one, .pr-img-block-two, .pr-img-block-tree, .pr-img-block-four {
    box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.15);
}

.prom__block_gradient_blue {
    background: linear-gradient(0.1deg, rgba(1, 67, 125, 0.65) 0.15%, rgba(1, 67, 125, 0) 83.35%);
}

.pers_area_two {
    border-radius: 8px;
}

.prom__block_blue:before, .sneaker__block_black:before, .malva__block_black:before, .yarmarka__block_black:before {
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    left: 80px !important;
    top: 2px !important;
}

.prom__block_blue:hover:before, .sneaker__block_black:hover:before, .yarmarka__block_black:hover:before {
    left: 90px !important;
}

.sneaker__block_black:active, .yarmarka__block_black:active, .malva__block_black:active {
    color: #333 !important;
}

.sneaker__block_black:before, .malva__block_black:before, .yarmarka__block_black:before {
    content: url("../img/icons/arrow-black.png");
}

.malva__block_black:before {
    top: 6px !important;
    left: 90px !important;
}

.malva__block_black:hover:before {
    left: 100px !important;
}

.yarmarka__block_black {
    color: #333 !important;
}

.yarm-caption-bg {
    background: linear-gradient(180deg, #eff1f7 -30%, #b9bed1 80%, #eff1f7);
}

.promchim__block_two--quotmark:after {
    content: '';
    position: absolute;
    left: 0;
    top: 30px;
    background-image: url("../img/promchim/quotes.svg");
    background-repeat: no-repeat;
    width: 46px;
    height: 35px;
    z-index: -1;
}

.project-promchim-hover .promchim-right {
    opacity: 0;
    -webkit-transition: opacity 800ms;
    -ms-transition: opacity 800ms;
    transition: opacity 800ms;
}

.project-malva-hover .malva-right {
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    transition: opacity 300ms;
}

.project-promchim-hover:hover .promchim-right, .project-promchim-hover_two .promchim-right, .project-malva-hover:hover .malva-right, .project-malva-hover_two .promchim-right, .project-malva-hover_two .malva-right {
    opacity: 1;
}

.webdev__substrate_gray {
    background-color: #222629;
    height: 980px;
    top: 0;
}

.webdev__substrate_gray--two {
    background-color: #222629;
    height: 710px;
}

.worth_site {
    height: 50px;
    /*background-color: #23c9ed;*/
    background-color: #c4c4c4;
}

.webdev__substrate_div {
    position: static;
}

.webdev__text_caption {
    font-size: 35px;
}

.applicDev__substrate_gray {
    background-color: #323337;
    height: 535px;
    top: 0;
}

.applicDev__substratr_gray--two {
    background-color: #323337;
    height: 350px;
}

.applicDev__svg_one {
    width: 36%;
}

.applicDev__svg_two {
    width: 38%;
}

.applicDev__svg_tree {
    width: 36%;
}

.applicDev__svg_four {
    width: 35%;
}

.applicDev__svg_five {
    width: 46%;
}

.applicDev__svg_six {
    width: 40%;
}

#contAdvert .comparsion {
    height: 662.391px;
    width: 1305.23px;
    margin-left: -1.5%;
    margin-right: -1.5%;
    margin-bottom: 50px;
    position: relative;
}

#contAdvert .comparsion-text-black-bold {
    font-style: normal;
    font-weight: bold;
    line-height: 27px;
    font-size: 18px;
    color: #252b2f;
}

#contAdvert .comparsion-text-black-small {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 18px;
    color: #343434;
}

#contAdvert .comparsion-first-details-width {
    width: 30%;
    margin-right: 70px;
}

#contAdvert .comparsion-second-details-width {
    width: 42%;
}

#contAdvert .comparsion_monitor {
    position: relative;
    z-index: 2;
    height: 100%;
    background-image: url("../img/malva/monitor.png");
    background-repeat: no-repeat;
    background-size: 108% auto;
    background-position-x: 100%;
}

#contAdvert .comparsion_monitor:before {
    content: "";
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    display: block;
    background-image: url("../img/malva/cup.png");
    background-repeat: no-repeat;
    background-size: 108%;
    background-position-x: 100%;
}

#contAdvert .comparsion_wrapper {
    position: absolute;
    z-index: 1;
    top: 12%;
    right: 28.3%;
    margin: auto;
    width: 52.4%;
    height: 64.5%;
    background-size: 1290px auto;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#contAdvert .comparsion_switcher {
    width: 50%;
    min-width: 3px;
    max-width: calc(100% - 2px);
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 1030px auto;
}

#contAdvert .comparsion_switcher:before {
    content: "";
    border-right: 2px solid #363636;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    height: calc(50% - 15px);
}

#contAdvert .comparsion_switcher:after {
    content: "";
    border-right: 2px solid #363636;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    height: calc(50% - 15px);
}

#contAdvert .comparsion_switcher_thumb {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    border: 2px solid #363636;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: -15px;
    z-index: 3;
}

#contAdvert .comparsion_switcher_thumb:before {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    left: -8px;
    right: 0;
    margin: auto;
    border-top: 5px solid transparent;
    border-right: 5px solid #363636;
    border-bottom: 5px solid transparent;
}

#contAdvert .comparsion_switcher_thumb:after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: -8px;
    margin: auto;
    border-top: 5px solid transparent;
    border-left: 5px solid #363636;
    border-bottom: 5px solid transparent;
}

#contAdvert .comparsion {
    width: 103%;
    height: 46vw;
    max-height: 331px;
    max-width: 1305.23px;
}

#contAdvert .comparsion_wrapper {
    background-size: 640px auto;
}

#contAdvert .comparsion_switcher {
    background-size: 520px auto;
}

@media (max-width: 991px) {
    #contAdvert .comparsion-first-details-width {
        width: 46%;
        margin-right: 20px;
    }

    #contAdvert .comparsion-second-details-width {
        width: 51%;
    }
}

@media (max-width: 767.98px) {
    #contAdvert .comparsion-first-details-width {
        width: 100%;
        margin-bottom: 1em;
        padding-left: 15px;
        padding-right: 15px;
    }

    #contAdvert .comparsion-second-details-width {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.webtrack_size {
    font-size: 19px;
}

.headline {
    height: 60px;
    animation: flash 3s;
}

.text-js {
    opacity: 0;
}

@keyframes flash {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.corpident__img {
    background-color: #191a1e;
}

#contAdvert {
    z-index: 0;
}

.border-left-grey {
    border-left: 1px solid #d8d8d820;
}

.border-bottom-grey {
    border-bottom: 1px solid #d8d8d820;
}

.webTrack__background_color {
    background-color: #c4c4c405;
}

.webTrack_size_table {
    font-size: 14px;
}

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

.drop-down {
    display: inline-block;
    position: relative;
}

.drop-down__button {
    cursor: pointer;
}

.drop-down__menu-box {
    position: absolute;
    height: 0;
    left: 0;
    background-color: #212226;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.8);;
}

/* Let's get this party started */
#drop-down__menu::-webkit-scrollbar {
    width: 5px;
}

/* Handle */
#drop-down__menu::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgb(21, 22, 24);
}

.drop-down__menu {
    width: 220px;
    margin: 0;
    padding: 0 13px;
    list-style: none;
    height: auto;
    overflow-y: auto;
}

.drop-down__menu-box:before {
    content: '';
    background-color: transparent;
    border-right: 8px solid transparent;
    position: absolute;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #212226;
    border-top: 8px solid transparent;
    top: -15px;
    left: 18px;
}

.drop-down__menu-box:after {
    content: '';
    background-color: transparent;
}

.drop-down__item {
    font-size: 13px;
    text-align: left;
    font-weight: 500;
    color: #909dc2;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #333;
}

.drop-down__item a {
    padding: 10px 0;
}

.drop-down__item:hover, .drop-down__item:hover a {
    color: #23c9ed;
}

.drop-down__item:last-of-type {
    border-bottom: 0;
}

.drop-down--active .drop-down__menu-box {
    visibility: visible;
    height: auto;
    opacity: 1;
    margin-top: 15px;
}

.drop-down__item:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 28px;
    background-color: #23c9ed;
    left: -13px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.drop-down__item:hover:before {
    display: block;
}

.black_and_white {
    filter: grayscale(100%);
}

.about_img img {
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-in, ease, linear;
}

.about_img img:hover{
    transform: scale(1.1, 1.1);
}

.prom__arrow_gray {
    margin-top: 370%;
}

.company__border_caption::before {
    background-color: #212121;
}

.company__border_caption::after {
    background-color: #c4c4c4;
}

.company__text_caption, .company__textForm, .company__textForm:hover::placeholder {
    color: #1d1d1d !important;
}

.company__textForm {
    border-bottom: 1px solid rgba(34, 198, 233, 0.2);
}

.company__border_button {
    border-color: #848484;
}

.company__text_blockTwo {
    border-color: #83899f !important;
}

.company__link_blockTwo {
    color: #83899f !important;
}

.company__more_info {
    color: #333;
}

.company__more_info svg path {
    fill: #333;
}

.company__bell_color {
    color: #333 !important;
}

.company__blockTwo_fsCaption {
    font-size: 25px;
}

.company__blockTwo_substrate {
    background-color: #f0eff1;
    right: 0;
    width: 97%;
    height: 400px;
}

.company__blockTwo_img {
    margin-top: -120px;
    margin-left: -75px;
    width: 560px;
    z-index: 2;
    position: absolute;
}

.company__blockTwo_money {
    background-color: #23c9ed;
    color: #fff;
    width: 30%;
    height: 70px;
    z-index: 3;
}

.company__block_Two_yarmarka {
    width: 100%;
    background: linear-gradient(180deg, #eff1f7 20%, #d5d9e5 80%, #eff1f7);
}

.company__snek_substrate {
    background-color: #e9e9e9;
}

.company__sneaker_gradient:after {
    content: '';
    position: absolute;
    width: 100%;
    background: linear-gradient(to top, transparent, #f9f7f8);
    height: 50px;
}

.company__lp_substrateForm {
    background-color: #f5f5f5;
    height: 433px;
}

.company__textForm:focus {
    color: #23c9ed !important;
}

.company__substrate_ {
    background-color: #f0eff1
}

.bg-turquoise {
    background-color: #dde5e7;
}

.company__bell_color_white {
    color: #333 !important;
}

.company__bell_color_white svg path {
    fill: rgb(35, 201, 237);
}

.yarmarka__scroll_slider div img {
    opacity: 1 !important;
}

.yarmarka__scroll_slider > i {
    opacity: 0;
}

.navbar_font_size {
    font-size: 14px;
}

.navbar_font_size li:nth-child(8) {
    height: 35px;
}

.navbar_font_size_a {
    font-size: 14px;
    box-shadow: none !important;
}

.block__which_visible {
    height: 100vh;
}

.rau path:nth-child(1) {
    animation: shine 10s ease infinite;
}

.index__project_subCaption {
    font-size: 1.3vw;
}

.index__project_caption {
    font-size: 2.5vw;
}

.body_scroll_none::-webkit-scrollbar {
    width: 0
}

@keyframes shine {
    0% {
        fill: #23c9ed;
        opacity: 1;
    }
    44% {
        fill: #23c9ed;
        opacity: 1;
    }
    45% {
        fill: #23c9ed;
        opacity: .6;
    }
    46% {
        fill: #23c9ed;
        opacity: .3;
    }
    47% {
        fill: #23c9ed;
        opacity: .6;
    }
    48% {
        fill: #23c9ed;
        opacity: .3;
    }
    49% {
        fill: #23c9ed;
        opacity: 1;
    }
    100% {
        fill: #23c9ed;
        opacity: 1;
    }
}

.malva__block_black::before {
    left: 90px !important;
}

.rhombus_image {
    width: 30px;
    height: 20px;
    transition: .4s;
    margin-bottom: 40px;
    margin-top: 10px;
}

.rhombus_image.active_rhombus {
    width: 30px;
    height: 30px;
    fill: #23c9ed;
    margin-top: 10px;
    margin-bottom: 40px;
    transform: rotate(120deg);
    filter: drop-shadow(0px 0px 5px #23c9ed);
}

.rhombus_image path {
    fill: #787d85;
}

.active_rhombus path {
    fill: #23c9ed;
}

.blocks_with_menus {
    width: 100px;
}

.index-block-rods {
    top: -15%;
    height: 100%;
    left: 65%;
}

.index-blockOne-subtext:after {
    content: '';
    position: absolute;
    right: -20px;
    top: 10%;
    width: 2px;
    height: 80%;
    background: #23c9ed;
}

.index-blockOne-line:before {
    content: '';
    position: absolute;
    left: 0;
    margin-top: 4%;
    width: 0;
    height: 1px;
    background: #23c9ed;
    transition: .5s;
}

.index-blockOne-line_true:before {
    width: 30%;
}

#index__blockOne_side {
    transition: .5s;
    opacity: 0;
    transform: translateX(-15px);
}

#index__blockOne_img img {
    transition: 1s;
    opacity: 0;
}

.index__button_achor {
    height: 80px;
}

.action_mobile_slide {
    position: relative !important;
    -webkit-transform: translateX(0) scaleY(1);
    -moz-transform: translateX(0) scaleY(1);
    -ms-transform: translateX(0) scaleY(1);
    -o-transform: translateX(0) scaleY(1);
    transform: translateX(0) scaleY(1);
    transition: 0s;
}

.slide_two {
    top: 0;
    -webkit-transform: translateX(15px) scaleY(.95);
    -moz-transform: translateX(15px) scaleY(.95);
    -ms-transform: translateX(15px) scaleY(.95);
    -o-transform: translateX(15px) scaleY(.95);
    transform: translateX(15px) scaleY(.95);
    transition: .3s;
}

.slide_three {
    top: 0;
    -webkit-transform: translateX(25px) scaleY(.9);
    -moz-transform: translateX(25px) scaleY(.9);
    -ms-transform: translateX(25px) scaleY(.9);
    -o-transform: translateX(25px) scaleY(.9);
    transform: translateX(25px) scaleY(.9);
    transition: .3s;
}

.slider__mobile_phone {
    height: 380px;
}

.slider__mobile_slide:nth-child(1) {
    background-color: #c1c470;
}

.slider__mobile_slide:nth-child(2) {
    background-color: #51b9bc;
    background-image: url("../img/ban/fire.png");
    background-repeat: no-repeat;
    background-position-y: bottom;
}

.slider__mobile_slide:nth-child(3) {
    background-color: #eff1f7;
}

.slider__mobile_slide:nth-child(4) {
    background-image: url("../img/ban/fon.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.slider__mobile_slide:nth-child(5) {
    background-image: url("../img/ban/malva.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom;
}

.img-cards {
    top: 95px;
    left: 5px;
}

.text-code {
    opacity: 0;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.index-button-project {
    right: -35px;
}

.index-button-project:after {
    content: 'Projects';
    position: absolute;
    width: 73px;
    right: -18px;
    top: 10px;
    height: 20px;
    color: #fff;
    font-size: 18px;
    transition: .4s;
}

.index-button-project svg {
    position: absolute;
}

.index-button-project svg path {
    transition: .4s;
}

.index-button-project:hover svg path {
    transform: translateY(3px);
}

.index-button-project:hover:after {
    transform: translateY(-3px);
}

.index-block_a {
    width: 206px;
    font-size: 18px;
}

.index-block_a:visited:after {
    border: 1px solid #23c9ed;
}

.slide__pa {
    position: absolute;
}

.projects-your-project {
    background: radial-gradient(319.93px at 52.8% -26.59%, #44474d 0%, #1f2126 100%);
}

.projects-your-project-line {
    stroke-dasharray: 430;
}

.asdf:hover .projects-your-project-line:nth-child(1), .img-pen-true .projects-your-project-line:nth-child(1) {
    animation: move-line 3.5s linear;
}

.asdf:hover .projects-your-project-line:nth-child(3), .img-pen-true .projects-your-project-line:nth-child(3) {
    animation: move-line 5s linear;
}

.asdf:hover .projects-your-project-line:nth-child(4), .img-pen-true .projects-your-project-line:nth-child(4) {
    animation: move-line-two 4.5s linear;
}

.asdf:hover .projects-your-project-line:nth-child(5), .img-pen-true .projects-your-project-line:nth-child(5) {
    animation: move-line-two 4.8s linear;
}

.asdf:hover .projects-your-project-line:nth-child(6), .img-pen-true .projects-your-project-line:nth-child(6) {
    animation: move-line-two 4.8s linear;
}

@keyframes move-line {
    from {
        stroke-dashoffset: 430;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes move-line-two {
    0%, 30% {
        stroke-dashoffset: 430;
    }
    30% {
        stroke-dashoffset: 430;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.project-your-project-pen {
    -webkit-transform: translateX(-56%) translateY(-100%);
    -moz-transform: translateX(-56%) translateY(-100%);
    -ms-transform: translateX(-56%) translateY(-100%);
    -o-transform: translateX(-56%) translateY(-100%);
    transform: translateX(-56%) translateY(-100%);
}

.asdf:hover .project-your-project-pen, .img-pen-true .project-your-project-pen {
    animation: move-along 3s alternate;
}

@keyframes move-along {
    0% {
        transform: translateX(-59%) translateY(-80%);
    }
    5% {
        transform: translateX(-48%) translateY(-100%);
    }
    10% {
        transform: translateX(-37%) translateY(-80%);
    }
    15% {
        transform: translateX(-26%) translateY(-100%);
    }
    20% {
        transform: translateX(-15%) translateY(-80%);
    }
    25% {
        transform: translateX(-4%) translateY(-100%);
    }
    30% {
        transform: translateX(7%) translateY(-80%);
    }
    35% {
        transform: translateX(18%) translateY(-100%);
    }
    40% {
        transform: translateX(29%) translateY(-80%);
    }
    45% {
        transform: translateX(40%) translateY(-100%);
    }
    50% {
        transform: translateX(-50%) translateY(-50%);
    }
    55% {
        transform: translateX(-40%) translateY(-30%);
    }
    60% {
        transform: translateX(-30%) translateY(-50%);
    }
    65% {
        transform: translateX(-20%) translateY(-30%);
    }
    70% {
        transform: translateX(-10%) translateY(-50%);
    }
    75% {
        transform: translateX(0) translateY(-30%);
    }
    80% {
        transform: translateX(10%) translateY(-50%);
    }
    85% {
        transform: translateX(20%) translateY(-30%);
    }
    90% {
        transform: translateX(30%) translateY(-50%);
    }
    95% {
        transform: translateX(40%) translateY(-30%);
    }
    100% {
        transform: translateX(-56%) translateY(-100%);
    }
}

.corpident__svg_caption:nth-child(1) {
    left: 70%;
    top: 8%;
}

.corpident__svg_caption:nth-child(2) {
    left: 25%;
    top: 40%;
    transform: rotate(45deg);
}

.corpident__svg_caption:nth-child(3) {
    left: 18%;
    top: 15%;
}

.corpident__svg_caption:nth-child(4) {
    left: 65%;
    top: 50%;
}

.corpident__svg_caption:nth-child(5) {
    left: 60%;
    top: -10%;
    transform: rotate(30deg);
}

.corpident__svg_caption:nth-child(6) {
    transform: rotate(20deg);
    left: 60%;
    top: 13%;
}

.corpident__svg_caption:nth-child(7) {
    left: 80%;
    top: 5%;
}

.corpident__svg_caption:nth-child(8) {
    left: 13%;
    top: 70%;
    transform: rotate(20deg);
}

.corpident__svg_caption:nth-child(9) {
    left: 20%;
    top: 70%;
}

.corpident__svg_caption:nth-child(10) {
    left: 22%;
    top: 78%;
}

.corpident__svg_caption:nth-child(11) {
    left: 14%;
    top: 80%;
}

.corpident__svg_caption:nth-child(12) {
    left: 60%;
    top: 90%;
}

.corpident__svg_caption:nth-child(13) {
    left: 74%;
    top: 70%;
}

.corpident__svg_caption {
    transition: 15s;
}

.corpident__svg_caption_active > circle, .corpident__svg_caption_active > path, .corpident__svg_caption_active > rect {
    stroke: rgba(35, 201, 237, 1);
    transition: 1s;

}

.corpident__circle_one, .corpident__circle_two, .corpident__circle_tree {
    width: 50px;
    height: 50px;
}

.corpident__circle_one {
    background-color: #fff;
    box-shadow: 0 4.52853px 16.982px rgba(0, 0, 0, 0.35);
}

.corpident__circle_two {
    background-color: #18191d;
    box-shadow: 0 4.52853px 16.982px rgba(0, 0, 0, 0.35);
}

.corpident__circle_tree {
    background-color: #23c9ed;
    box-shadow: 0 4.52853px 4.52853px rgba(0, 0, 0, 0.25);
}

.corpident__color_text {
    font-size: 16px;
}

.corpident__img_mac {
    position: absolute;
}

.corpident__cup {
    max-width: 100%;
}

.corpident_cards_two img, .corpident_cards_tree img, .corpident_cards_four img, .corpident_cards_six img, .corpident_cards_five img {
    max-width: 100%;
}

.corpident_cards_two, .corpident_cards_tree, .corpident_cards_four, .corpident_cards_six, .corpident_cards_five {
    transition: 1s;
}

.corpident_cards_six:hover {
    transform: translateY(130px) translateX(-30px);
}

.corpident_cards_five:hover {
    transform: translateY(70px) translateX(-60px);
}

.corpident_cards_four:hover {
    transform: translateX(100px) translateY(-145px);
}

.corpident_cards_tree:hover {
    transform: translateX(100px) translateY(-100px);
}

.corpident_cards_two, .corpident_cards_six {
    z-index: 1;
}

.corpident_cards_two:hover {
    transform: translateX(50px);
}

.webtrack__theme_size {
    font-size: 20px;
}

.webtrack__price_size {
    font-size: 29px;
}

.webtrack__currency_size {
    font-size: 18px;
}

.border-bottom-price-grey::after {
    content: '';
    position:absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    height: 1px;
    background-color: #d8d8d820;
}

.website__block_number_one::after, .website__block_number_two::after, .website__block_number_tree::after, .website__block_number_four::after {
    position:absolute;
    font-size: 90px;
    font-weight: 700;
    color: #323337;
    z-index: -1;
    text-shadow: 4px 5px 15px rgba(0, 0, 0, 0.5);
}

.website__block_number_one::after {
    left: -40px;
    top: -80px;
    content: '01';
}

.website__block_number_two::after {
    left: -40px;
    top: -85px;
    content: '02';
}

.website__block_number_tree::after {
    left: -40px;
    top: -35px;
    content: '03';
}

.website__block_number_four::after {
    left: -40px;
    top: -90px;
    content: '04';
}

.webdev__text_design {
    font-size: 75px;
    line-height: 1.2;
    color: #32353B;
    font-weight: 700;
}

.website__svg_pencil::after {
    content:url("/img/corporate-identity/pencil.svg");
    position:absolute;
    left: -45px;
    top: 30px;
}

.corpident__svg_label {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
}

.transition_one {
    transition: .8s;
}

.corpident__cup, .corpident__notebook {
    -webkit-transform: translateY(0) translateX(30px);
    -moz-transform: translateY(0) translateX(30px);
    -ms-transform: translateY(0) translateX(30px);
    -o-transform: translateY(0) translateX(30px);
    transform: translateY(0) translateX(30px);
    opacity: 0;
}

.leftOrRight {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
}

.takeTurns {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
}

.takeTurns_true {
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    opacity: 1;
}

.webdev__additional {
    border: 2px solid #d8d8d8;
}

.webdev__additional:hover {
    border: 2px solid #23C9ED;
}

.webdev__additional:hover > div > div.worth_site {
    background-color: #23c9ed;
}

.transition__time_one {
    transition: 1s;
}

/* @MEDIA */
@media (min-width: 768px) {
    .border-md-bottom-grey {
        border-bottom: 1px solid #d8d8d820;
    }

    .height-100 {
        min-height: 810px;
    }

    #logo-opacity {
        max-width: 768px;
    }
}

@media (min-width: 992px) {
    .body-pages-ali .drop-down__menu-box, .body-pages-fireworks .drop-down__menu-box, .body-pages-sne .drop-down__menu-box {
        background-color: #f2f2f2;
    }

    .body-pages-ali .drop-down__menu-box:before, .body-pages-fireworks .drop-down__menu-box:before, .body-pages-sne .drop-down__menu-box:before {
        border-bottom: 8px solid #f2f2f2;
    }

    .body-pages-ali .drop-down__item, .body-pages-fireworks .drop-down__item, .body-pages-sne .drop-down__item {
        border-bottom: 1px solid #f2f2f2;
    }

    .ph-seller-two {
        right: -60px;
        bottom: -210px;
    }

    .stat_page_m {
        top: -50px;
    }

    .services > div {
        width: calc(100% - 30px);
        top: 230px;
    }

    .services:hover > div, .services.hover > div {
        top: 0;
    }

    .services:hover .services-hov, .services.hover .services-hov {
        opacity: 1;
        z-index: 1;
    }

    .services:hover .text-spacegray-50, .services.hover .text-spacegray-50 {
        color: #fff;
    }

    .services svg:not(.hex-arrow) path {
        fill: #303030;
        stroke: #303030;
        transition: fill 0.9s ease-in-out, stroke 0.9s ease-in-out;
    }

    .services:hover svg:not(.hex-arrow) path, .services.hover svg:not(.hex-arrow) path {
        fill: #fff;
        stroke: #fff;
    }

    .services-hov {
        top: 0;
        opacity: 0;
    }

    .services > div, .services-hov, .services-font-caption {
        transition: 0.9s ease-in-out;
    }

    .prom__cart_b_tree, .prom__tablet_b_four, .prom__page_b_seven, .prom__pc_b_nine, .prom__editing_b_nine, .prom__b_eleven_tnr, .prom__b_eleven_img, .prom__b_eleven_hls, .prom__block_two {
        left: -80px;
    }

    .prom__ingred_b_tree {
        left: 20px;
    }

    .prom__contact_b_seven, .prom__cont_b_nine {
        right: -50px;
    }

    .prom_b_nine_adap, .prom_b_nine_stil, .prom_b_nine_img {
        left: -40px;
    }

    .ph-seller-one {
        bottom: -130px;
    }

    .ph-seller-two {
        right: 0;
        bottom: -120px;
    }

    .ph-seller-tree {
        right: -40px;
    }

    .ph-img-pc {
        right: -10px;
    }

    .pr-img-block-one {
        left: -100px;
    }

    .pr-img-block-two {
        right: -40px;
    }

    .pr-img-block-tree {
        left: -100px;
    }

    .pr-img-block-four, .ticket_msg {
        right: -40px;
    }

    .pers_area_two, .pers_area_four {
        right: 100px;
    }

    .pers_area_one, .pers_area_tree {
        left: -80px;
    }
}

@media (min-width: 1200px) {
    .container-mw {
        max-width: 85%;
    }

    .rhombus_image:hover path {
        fill: #23c9ed;
    }

    .rhombus_image:hover {
        width: 30px;
        height: 30px;
        fill: #23c9ed;
        margin-top: 0;
        margin-bottom: 40px;
        transform: rotate(120deg);
        filter: drop-shadow(0px 0px 5px #23c9ed);
    }

    .rhombus_image:hover.active_rhombus {
        margin-top: 10px;
    }
}

@media (min-width: 992px) {
    .pr-img-block-tree {
        top: -50px;
    }

    .promchim__block_four_product {
        width: 100%;
    }

    .ph-seller-two {
        right: -60px;
        bottom: -210px;
    }

    .stat_page_m {
        top: -50px;
    }
}

@media (min-width: 1460px) {
    .promchim_map {
        height: 1580px;
    }

    .snek__b_one i, .snek__b_one {
        transition: 1s;
    }
}

@media (min-width: 576px) {
    #svg-one-top.animate {
        -webkit-animation: svg-two-top-animate 800ms;
        -moz-animation: svg-two-top-animate 800ms;
        animation: svg-two-top-animate 800ms;
        will-change: transform;
    }

    #svg-one-right.animate, #svg-three-tr.animate {
        -webkit-animation: svg-one-right-animate 800ms;
        -moz-animation: svg-one-right-animate 800ms;
        animation: svg-one-right-animate 800ms;
        will-change: transform;
    }

    @-webkit-keyframes svg-one-right-animate {
        0% {
            -webkit-transform: translate(5px, -5px);
            -ms-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @-moz-keyframes svg-one-right-animate {
        0% {
            -webkit-transform: translate(5px, -5px);
            -ms-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @keyframes svg-one-right-animate {
        0% {
            -webkit-transform: translate(5px, -5px);
            -ms-transform: translate(5px, -5px);
            transform: translate(5px, -5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    #svg-one-mac.animate {
        -webkit-animation: svg-one-mac-animate 800ms;
        -moz-animation: svg-one-mac-animate 800ms;
        animation: svg-one-mac-animate 800ms;
        will-change: transform;
    }

    @-webkit-keyframes svg-one-mac-animate {
        0% {
            -webkit-transform: translateY(50px);
            -ms-transform: translateY(50px);
            transform: translateY(50px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @-moz-keyframes svg-one-mac-animate {
        0% {
            -webkit-transform: translateY(50px);
            -ms-transform: translateY(50px);
            transform: translateY(50px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @keyframes svg-one-mac-animate {
        0% {
            -webkit-transform: translateY(50px);
            -ms-transform: translateY(50px);
            transform: translateY(50px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    #svg-two-top.animate, #svg-three-tl.animate {
        -webkit-animation: svg-two-top-animate 800ms;
        -moz-animation: svg-two-top-animate 800ms;
        animation: svg-two-top-animate 800ms;
        will-change: transform;
    }

    @-webkit-keyframes svg-two-top-animate {
        0% {
            -webkit-transform: translate(-5px, -5px);
            -ms-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @-moz-keyframes svg-two-top-animate {
        0% {
            -webkit-transform: translate(-5px, -5px);
            -ms-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @keyframes svg-two-top-animate {
        0% {
            -webkit-transform: translate(-5px, -5px);
            -ms-transform: translate(-5px, -5px);
            transform: translate(-5px, -5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    #svg-two-message.animate, #svg-four-top.animate {
        -webkit-animation: svg-two-message-animate 800ms;
        -moz-animation: svg-two-message-animate 800ms;
        animation: svg-two-message-animate 800ms;
    }

    @-webkit-keyframes svg-two-message-animate {
        0% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @-moz-keyframes svg-two-message-animate {
        0% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes svg-two-message-animate {
        0% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        100% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    #svg-three-rotate.active {
        -webkit-animation-delay: 0s;
        -webkit-animation-duration: 800ms;
        -webkit-animation-name: rotate;
        -webkit-animation-timing-function: ease;
        -moz-animation-delay: 0s;
        -moz-animation-duration: 800ms;
        -moz-animation-name: rotate;
        animation-delay: 0s;
        animation-duration: 800ms;
        animation-name: rotate;
        animation-timing-function: ease;
        will-change: transform;
    }

    @-moz-keyframes rotate {
        from {
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        to {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @-webkit-keyframes rotate {
        from {
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        to {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @keyframes rotate {
        from {
            -moz-transform: rotate(-15deg);
            -ms-transform: rotate(-15deg);
            -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
        }
        to {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    #svg-three-br.animate {
        -webkit-animation: svg-three-br-animate 800ms;
        -moz-animation: svg-three-br-animate 800ms;
        animation: svg-three-br-animate 800ms;
        will-change: transform;
    }

    @-webkit-keyframes svg-three-br-animate {
        0% {
            -webkit-transform: translate(5px, 5px);
            -moz-transform: translate(5px, 5px);
            -ms-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @-moz-keyframes svg-three-br-animate {
        0% {
            -webkit-transform: translate(5px, 5px);
            -moz-transform: translate(5px, 5px);
            -ms-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @keyframes svg-three-br-animate {
        0% {
            -webkit-transform: translate(5px, 5px);
            -moz-transform: translate(5px, 5px);
            -ms-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    #svg-three-bl.animate {
        -webkit-animation: svg-three-bl-animate 800ms;
        -moz-animation: svg-three-bl-animate 800ms;
        animation: svg-three-bl-animate 800ms;
        will-change: transform;
    }

    @-webkit-keyframes svg-three-bl-animate {
        0% {
            -webkit-transform: translate(-5px, 5px);
            -ms-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @-moz-keyframes svg-three-bl-animate {
        0% {
            -webkit-transform: translate(-5px, 5px);
            -ms-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @keyframes svg-three-bl-animate {
        0% {
            -webkit-transform: translate(-5px, 5px);
            -ms-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    #svg-four-center.animate {
        -webkit-animation: svg-four-center-animate 800ms;
        -moz-animation: svg-four-center-animate 800ms;
        animation: svg-four-center-animate 800ms;
    }

    @-webkit-keyframes svg-four-center-animate {
        0% {
            -webkit-transform: translateX(5px);
            -ms-transform: translateX(5px);
            transform: translateX(5px);
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @-moz-keyframes svg-four-center-animate {
        0% {
            -webkit-transform: translateX(5px);
            -ms-transform: translateX(5px);
            transform: translateX(5px);
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes svg-four-center-animate {
        0% {
            -webkit-transform: translateX(5px);
            -ms-transform: translateX(5px);
            transform: translateX(5px);
        }
        100% {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    #svg-four-bottom.animate {
        -webkit-animation: svg-four-bottom-animate 800ms;
        -moz-animation: svg-four-bottom-animate 800ms;
        animation: svg-four-bottom-animate 800ms;
        will-change: transform;
    }

    @-webkit-keyframes svg-four-bottom-animate {
        0% {
            -webkit-transform: translate(5px, 5px);
            -ms-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @-moz-keyframes svg-four-bottom-animate {
        0% {
            -webkit-transform: translate(5px, 5px);
            -ms-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    @keyframes svg-four-bottom-animate {
        0% {
            -webkit-transform: translate(5px, 5px);
            -ms-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }

    .prom__b_ten_mob_two {
        position: absolute;
    }
}

@media (max-width: 1199.98px) {
    .webdev__text_design {
        font-size: 60px;
    }

    .corpident_cards_four:hover {
        transform: translateX(80px) translateY(-145px);
    }

    .corpident_cards_tree:hover {
        transform: translateX(80px) translateY(-100px);
    }

    .webtrack__theme_size {
        font-size: 16px;
    }

    .webtrack__price_size {
        font-size: 30px;
    }

    .webtrack__currency_size {
        font-size: 14px;
    }

    .corpident_cards_two, .corpident_cards_six {
        max-width: 75%;
    }

    .corpident__notebook {
        -webkit-transform: translateY(-250px) translateX(-130px);
        -moz-transform: translateY(-250px) translateX(-130px);
        -ms-transform: translateY(-250px) translateX(-130px);
        -o-transform: translateY(-250px) translateX(-130px);
        transform: translateY(-250px) translateX(-130px);
    }

    .corpident__caption {
        font-size: 2.1rem;
    }

    .navbar_font_size {
        font-size: 13px;
    }

    .slide__pa {
        position: relative;
        opacity: 1 !important;
    }

    .index-button-project {
        right: -60px;
    }

    .sneaker-logo {
        top: 20px;
        left: 10px;
    }

    .block__which_visible {
        height: auto;
    }

    .font-size-textSubstrate {
        font-size: 1vw;
    }

    .inter_four {
        height: 166px;
    }

    .nav-mobile {
        font-size: 13px;
    }

    .company__blockTwo_money {
        width: 40%;
    }

    .company__blockTwo_substrate {
        width: 100%;
    }

    .company__blockTwo_img {
        width: 540px;
    }

    .yar-block__tree_hexagon::after {
        width: 35px;
    }

    .yar-block__tree_hexagon i::before {
        transform: translateX(26px) translateY(-3px) rotate(215deg);
    }

    .yar-block__tree_hexagon i::after {
        transform: translateX(26px) translateY(5px) rotate(-35deg);
    }

    .webtrack_size {
        height: 56px;
    }

    #contAdvert .comparsion_switcher {
        background-size: 440px auto;
    }

    #contAdvert .comparsion_wrapper {
        top: 10%;
        height: 53.5%;
        background-size: 520px auto;
    }

    #adm_slide {
        width: 600px;
    }

    .adm_slide_old_tree, .adm_slide_old_two {
        right: 20px;
    }

    .adm_slide_old_two {
        top: 25px;
    }

    .adm_slide_old_one, .adm_slide_old_tree {
        top: 90px;
    }

    .prom__block_ten_c_h {
        height: 1068px;
    }

    .bt_img_nine {
        width: 50%;
    }

    .font-21 {
        font-size: 1rem;
    }

    .promchim__block_four_product {
        left: -480px;
        bottom: -50px;
    }

    .prom__subs_block {
        height: 840px;
    }

    .prom__b_six_line {
        width: 240px;
        bottom: 132px;
        left: -90px;
    }

    .promchim_gif_animation {
        top: 35px;
        right: 128px;
        width: 625px;
        height: 390px;
    }

    .border-caption {
        transform: translateX(3px);
    }

    #slider label {
        height: 70%;
    }

    .pr-7rem {
        padding-right: 3.2rem;
    }

    .ph-img-pc {
        width: 517px;
    }

    .promchim__small_square_orange--one {
        top: 21%;
    }

    .promchim__small_square_orange--two {
        top: 48%;
    }

    .promchim__small_square_orange--tree {
        top: 35%;
    }

    .promchim__small_square_orange--four {
        top: 19%;
    }

    .promchim__small_square_orange--five {
        top: 19%;
    }

    .prom__map_text {
        bottom: 90px;
    }

    .prom__b_four_page {
        width: 69%;
    }

    .snek__block_catalog--line-two {
        height: 199px;
        bottom: 47%;
        right: 0;
    }

    .snek__block_catalog--line-one {
        left: 3%;
        height: 150px;
    }

    .snek__block_catalog--line-tree {
        left: 31%;
    }

    .tablet_b_five {
        width: 550px;
    }

    .tablet_b_five_two {
        width: 520px;
    }

    .snek__end_hll_four {
        height: 330px;
        top: -54px;
        left: 18px;
    }

    .snek__end_hlr_four {
        height: 328px;
        top: -53px;
        right: 70px;
    }

    .snek__block_end_four {
        height: 302px;
        width: 147px;
        top: -40px;
        right: 73px;
        border-radius: 11px;
    }

    .snek__end_hll_tree {
        height: 329px;
        top: 1px;
        left: 18px;
    }

    .snek__end_hlr_tree {
        height: 328px;
        top: 2px;
        right: 70px;
    }

    .snek__block_end_tree {
        height: 302px;
        width: 147px;
        top: 15px;
        right: 73px;
        border-radius: 10px;
    }

    .snek__end_hll_two {
        height: 330px;
        top: -249px;
        left: 18px;
    }

    .snek__end_hlr_two {
        height: 329px;
        top: -249px;
        right: 71px;
    }

    .snek__block_end_two {
        height: 302px;
        width: 148px;
        top: -235px;
        right: 72px;
        border-radius: 14px;
    }

    .snek__end_hll_one {
        height: 353px;
        top: 2px;
    }

    .snek__end_hlr_one {
        height: 353px;
        top: 2px;
        right: 74px;
    }

    .snek__block_end_one {
        border-radius: 12px;
        height: 325px;
        width: 158px;
        top: 16px;
        right: 77px;
    }

    .prom_substrate_tree {
        height: 777px;
    }

    .prom_substrate_one {
        height: 1000px;
    }

    .snek__b_seven_page {
        height: 241px;
        width: 387px;
        top: 81px;
        left: 79px;
    }

    .b_eight_two {
        top: -55px;
    }

    .b_eight_text {
        top: -30px;
    }

    .b_eight_cart {
        top: -235px;
    }

    .b_eight_one {
        top: -250px;
    }

    .snek__b_eight_subs, .snek__b_eight_subs_subs {
        height: 590px;
    }

    .sneak__catalog_seven {
        width: 300px;
    }

    .sneak__catalog_one {
        max-width: 62%;
        right: 0;
        top: 0;
    }

    .sneak__catalog_two {
        max-width: 45%;
        top: 20%;
        left: 23%;
    }

    .sneak__catalog_tree {
        max-width: 24%;
        left: 9%;
        top: 41.5%;
    }

    .sneak__catalog_four {
        max-width: 31%;
        left: 44%;
        top: 40%;
    }

    .sneak__catalog_five {
        max-width: 53%;
        left: 2.3%;
        top: 47.4%;
    }

    .sneak__catalog_six {
        max-width: 50%;
        left: 23.5%;
        top: 64.4%;
    }

    .snek__b_six_subs {
        height: 1000px
    }

    .snek__b_tabl_two {
        left: -66px;
    }

    .snek__b_one {
        height: 650px;
    }

    .prom__b_six_city {
        top: 13px;
        left: 241px;
    }

    .prom__b_six_circle:nth-child(1) {
        left: 74px;
        top: 32px;
    }

    .prom__b_six_circle:nth-child(2) {
        left: 118px;
        top: 54px;
    }

    .prom__b_six_circle:nth-child(3) {
        left: 122px;
        top: 80px;
    }

    .prom__b_six_circle:nth-child(4) {
        left: 138px;
        top: 26px;
    }

    .prom__b_six_circle:nth-child(5) {
        left: 158px;
        top: 60px;
    }

    .prom__b_six_circle:nth-child(6) {
        left: 196px;
        top: 28px;
    }

    .prom__b_six_circle:nth-child(7) {
        left: 131px;
        top: 131px;
    }

    .prom__b_six_circle:nth-child(8) {
        left: 147px;
        top: 157px;
    }

    .prom__b_six_circle:nth-child(9) {
        left: 127px;
        top: 177px;
    }

    .prom__b_six_circle:nth-child(10) {
        left: 155px;
        top: 200px;
    }

    .prom__b_six_circle:nth-child(11) {
        left: 181px;
        top: 179px;
    }

    .prom__b_six_circle:nth-child(12) {
        left: 220px;
        top: 143px;
    }

    .prom__b_six_circle:nth-child(13) {
        left: 260px;
        top: 190px;
    }

    .prom__b_six_circle:nth-child(14) {
        left: 291px;
        top: 172px;
    }

    .prom__b_six_circle:nth-child(15) {
        left: 300px;
        top: 155px;
    }

    .prom__b_six_circle:nth-child(16) {
        left: 286px;
        top: 141px;
    }

    .prom__b_six_circle:nth-child(17) {
        left: 260px;
        top: 125px;
    }

    .prom__b_six_circle:nth-child(18) {
        left: 295px;
        top: 105px;
    }

    .prom__b_six_circle:nth-child(19) {
        left: 270px;
        top: 77px;
    }

    .prom__b_six_circle:nth-child(20) {
        left: 247px;
        top: 56px;
    }

    .prom__b_six_circle:nth-child(21) {
        left: 308px;
        top: 62px;
    }

    .prom__b_six_circle:nth-child(22) {
        left: 340px;
        top: 58px;
    }

    .prom__b_six_circle:nth-child(23) {
        left: 347px;
        top: 48px;
    }

    .prom__b_six_circle:nth-child(24) {
        left: 479px;
        top: 50px
    }

    .prom__block_ten_s_h {
        height: 850px;
    }

    .prom__block_ten_h {
        height: 790px;
    }

    .prom__block_nine_tree {
        right: 56px;
        width: 303px;
    }

    .prom__block_nine_one {
        border-radius: 7px;
        height: 246px;
        width: 124px;
        right: -5px;
        bottom: 225px;
    }

    .prom__block_nine_two {
        border-radius: 4px;
        height: 260px;
        width: 129px;
        right: 10px;
        bottom: 46px;
    }

    .prom__block_nine_four {
        height: 243px;
        width: 324px;
        right: 39px;
        bottom: 46px;
    }

    .prom__b_ten_mob {
        max-width: 125%;
    }

    .prom__b_ten_mob_two {
        max-width: 100%;
    }

    .prom__sev_mob {
        right: 4%;
    }

    .prom__block_tree_h {
        height: 1075px;
    }

    .inter_two {
        top: 52.4%;
        left: 76.3%;
    }

    .inter_four {
        bottom: 10.4%;
        left: 17.5%;
        width: 185px;
    }

    .inter_one {
        left: 20%;
        top: 39%;
        height: 17%;
    }

    .inter_tree {
        top: 12.5%;
        left: 67%;
        height: 22%;
    }

    .prom__block_two {
        width: 760px;
    }

    .prom-caption-h {
        height: 680px;
    }

    .ticket_img::after {
        bottom: -60px;
    }

    .slider__button_right, .slider__button_left {
        top: 33%;
    }

    .ph-img-muck {
        bottom: -15px;
    }

    .circle_white {
        left: 30%;
    }

    .slider__two_img {
        top: 18px;
        height: 343px;
        width: 468px;
        left: -14px;
    }

    .block__tree_h {
        height: 700px;
    }

    .foot__img_scroll {
        top: 32px;
        left: 16px;
        width: 243px;
    }

    .foot__img_scroll_d {
        width: 227px;
        height: 303px;
    }

    .foot__img_scroll_mob {
        width: 71px;
        top: 19px;
        left: 35px;
    }

    .foot__img_scroll_mob_d {
        width: 71px;
        height: 149px;
        border-radius: 0 0 7px 7px;
    }

    .font-h2 {
        font-size: 2.8rem;
    }

    .adaptability__txt {
        width: 540px;
    }

    .font-24, .font-average, .services-font-caption, .aside-font-caption {
        font-size: 1.2rem;
    }

    .services-font-content {
        font-size: 1rem;
    }

    .ticket_img {
        width: 570px;
        min-height: 489px;
        right: 0;
    }

    .ph-font-18 {
        font-size: 14px;
    }

    .ph-font-47 {
        font-size: 38px;
    }
}

@media (max-width: 991.98px) {
    .navbar {
        padding: 0;
    }

    .nav-mobile {
        background-color: rgba(24, 25, 29, 0.75);
    }

    .container-nav {
        padding-left: 0;
    }

    .corpident_cards_two, .corpident_cards_six {
        max-width: 60%;
    }

    .corpident_cards_four:hover {
        transform: translateX(60px) translateY(-145px);
    }

    .corpident_cards_tree:hover {
        transform: translateX(60px) translateY(-100px);
    }

    .webtrack__price_size {
        font-size: 19px;
        line-height: 2;
    }

    .webtrack__currency_size {
        font-size: 12px;
    }

    .corpident_cards_six {
        -webkit-transform: translateY(90px);
        -moz-transform: translateY(90px);
        -ms-transform: translateY(90px);
        -o-transform: translateY(90px);
        transform: translateY(90px);
    }

    .corpident__img_mac {
        position: relative;
    }

    .corpident__cup {
        position: absolute;
        max-width: 25%;
        right: 0;
    }

    .corpident__notebook {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        position: absolute;
        max-width: 25%;
    }

    .corpident__caption {
        font-size: 1.6rem;
    }

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

    .font-size-cartmyprojects_text {
        font-size: 13px;
    }

    .sneaker-logo {
        transform: translateY(0) scale(0.7);
        top: 10px;
        left: 0;
    }

    .index-block_a {
        width: 192px;
        font-size: 16px;
    }

    .index-button-project:after {
        width: 49px;
        right: -4px;
        font-size: 15px;
    }

    .blocks_with_menus {
        top: 15%;
        width: 60px;
    }

    .font-size-subtitle {
        font-size: 1.6vw;
    }

    .font-size-textSubstrate {
        font-size: 1.2vw;
    }

    .font-size-caption {
        font-size: 4.8vw;
    }

    .index__project_caption {
        font-size: 2.7vw;
    }

    .index__project_subCaption {
        font-size: 1.2vw;
    }

    .index__button_achor {
        height: 40px;
    }

    .index__button_achor svg {
        width: 34px;
        height: 60px;
    }

    .index-blockOne-line:before {
        margin-top: 5%;
    }

    .font-size-captionTwo {
        font-size: 2.3vw;
    }

    .nav-mobile {
        font-size: 16px;
    }

    .company__bell_color_white {
        color: white !important;
    }

    .company__bell_color_white svg path {
        fill: rgb(35, 201, 237) !important;
    }

    .navbar__background_color_black {
        height: 50px;
    }

    .company__lp_substrateForm {
        height: 488px;
    }

    .company__blockTwo_substrate {
        height: 594px;
    }

    .company__blockTwo_img {
        max-width: 100% !important;
        position: relative;
        margin-top: 0;
        margin-left: 0;
    }

    .prom__arrow_gray {
        height: 200px;
        margin-top: 380%;
    }

    .prom__arrow_gray circle {
        r: 100;
        cy: 100;
    }

    .table_center {
        width: 100%;
    }

    .drop-down__menu-box {
        opacity: 0;
        -webkit-transition: 0s;
        -ms-transition: 0s;
        transition: 0s;
    }

    .drop-down--active > .drop-down__menu-box {
        opacity: 1;
        position: relative;
    }

    .drop-down--active {
        width: 100%;
    }

    .drop-down__menu {
        height: auto;
        width: auto;
    }

    .border-bottom-blue {
        min-height: 45px;
    }

    .webTrack_size_table {
        font-size: 12px;
    }

    #contAdvert .comparsion {
        max-height: 370px;
    }

    #contAdvert .comparsion_switcher {
        background-size: 570px auto;
    }

    #contAdvert .comparsion_wrapper {
        top: 12%;
        height: 65.5%;
        background-size: 690px auto;
    }

    .applicDev__substratr_gray--two {
        height: 550px;
    }

    .applicDev__substrate_gray {
        height: 800px;
    }

    .sneaker-hover:hover svg.sneaker-logo, .sneaker-hover_two svg.sneaker-logo {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        top: 75%;
    }

    .ph-img-pc {
        right: -20px;
    }

    .circle_white {
        left: 6%;
        top: 92%;
    }

    .ph-seller-two {
        bottom: -120px;
        right: 0;
    }

    .prom__block_ten_c_h {
        height: 1210px;
    }

    .prom__b_four_page {
        transform: rotateX(0deg) rotateZ(0deg);
        top: 0;
        left: -50px;
        opacity: 0;
    }

    .promchim__block_four_product {
        left: 465px;
        bottom: 395px;
    }

    .prom__subs_block {
        height: 1790px;
    }

    .prom__b_six_line {
        width: 250px;
        bottom: 418px;
        transform: scale(1, -1) rotate(-167deg);
        left: 260px;
    }

    .promchim_gif_animation {
        top: 26px;
        right: 93px;
        width: 459px;
        height: 287px;
    }

    .ph-img-pc {
        width: 400px;
        bottom: -90px;
    }

    .adm_slide_old {
        top: 0;
        left: 0;
    }

    .ph-img-muck {
        bottom: -70px;
        width: 130px;
    }

    .promchim__small_square_orange--one {
        left: 21%;
        top: 26%;
    }

    .promchim__small_square_orange--two {
        left: 23%;
        top: 60%;
    }

    .promchim__small_square_orange--tree {
        top: 43%;
    }

    .promchim__small_square_orange--four {
        top: 23%;
    }

    .promchim__small_square_orange--five {
        top: 26%;
    }

    .prom__map_text {
        bottom: 30px;
        left: 100px;
    }

    .snek__block_catalog--line-one {
        left: 14%;
        height: 80px;
        bottom: 18%;
    }

    .snek__block_catalog--line-tree {
        left: 42%;
        bottom: 6%;
    }

    .snek__block_catalog--line-two {
        transform: rotate(0deg);
        bottom: 59%;
    }

    .tablet_b_five {
        left: -210px;
        width: 480px;
    }

    .tablet_b_five_two {
        right: -20px;
        width: 410px;
    }

    html.no-scroll, html.no-scroll body {
        overflow: hidden;
        height: 100%;
    }

    html.no-scroll body {
        position: relative;
        margin-bottom: 0;
    }

    html.no-scroll nav {
        height: 100%;
        max-height: none;
        position: fixed !important;
    }

    html.no-scroll footer {
        bottom: -100vh;
    }

    html.no-scroll footer.footer-animate, html.no-scroll footer.footer-animate-page {
        -webkit-transition: bottom 1s;
        transition: bottom 1s;
    }

    html.no-scroll nav ul.navbar-nav {
        height: auto;
        position: relative;
        z-index: 2;
        top: 44px;
        right: 0;
        left: 0;
        margin: 0;
    }

    .nav-mobile {
        position: absolute;
        height: 48px;
        min-height: 0;
    }

    .nav-mobile ul.navbar-nav {
        position: absolute;
        display: block;
        top: -10000px;
        left: 0;
        width: 100%;
        padding: 0 48px;
    }

    .nav-mobile ul.navbar-nav li.nav-item {
        height: 43px;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: scale(1.1) translateY(-24px);
        -ms-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);
        -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
        -ms-transition: opacity 0.35s ease-out, transform 0.35s ease-out;
        transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    }

    .nav-mobile ul.navbar-nav li.nav-item {
        border-bottom: 1px solid #333;
    }

    .nav-mobile ul.navbar-nav li.nav-item:not(:last-child) a {
        display: block;
        position: relative;
        text-decoration: none;
        font-size: 17px;
        line-height: 2;
        width: 100%!important;
    }

    .nav-mobile.menu-opened {
        position: absolute;
        overflow-y: auto;
        min-height: 100vh;
        background-color: #191a1e;
        -webkit-transition: background 0.35s linear, height 0.35s ease-in 200ms;
        transition: background 0.35s linear, height 0.35s ease-in 200ms;
        z-index: 1100;
    }

    .nav-mobile .bar {
        width: 100%;
        height: 2px;
        background: #23c9ed;
        -webkit-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        -ms-transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }

    .nav-mobile .bar.topBar {
        -ms-transform: translateY(0px) translateX(-5px) rotate(0deg);
        -webkit-transform: translateY(0px) translateX(-5px) rotate(0deg);
        transform: translateY(0px) translateX(-5px) rotate(0deg);
    }

    .nav-mobile .bar.btmBar {
        -ms-transform: translateY(6px) rotate(0deg);
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg);
    }

    .nav-mobile.menu-opened .burger-container {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .nav-mobile.menu-opened .burger-container .burger .bar.topBar {
        -ms-transform: translateY(4px) rotate(45deg);
        -webkit-transform: translateY(4px) rotate(45deg);
        transform: translateY(4px) rotate(45deg);
    }

    .nav-mobile.menu-opened .burger-container .burger .bar.btmBar {
        -ms-transform: translateY(2px) rotate(-45deg);
        -webkit-transform: translateY(2px) rotate(-45deg);
        transform: translateY(2px) rotate(-45deg);
    }

    .nav-mobile.menu-opened ul.navbar-nav li.nav-item {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .nav-mobile ul.navbar-nav li.nav-item:nth-child(1) {
        -webkit-transition-delay: 250ms, 250ms;
        transition-delay: 250ms, 250ms;
    }

    .nav-mobile ul.navbar-nav li.nav-item:nth-child(2) {
        -webkit-transition-delay: 200ms, 200ms;
        transition-delay: 200ms, 200ms;
    }

    .nav-mobile ul.navbar-nav li.nav-item:nth-child(3) {
        -webkit-transition-delay: 150ms, 150ms;
        transition-delay: 150ms, 150ms;
    }

    .nav-mobile ul.navbar-nav li.nav-item:nth-child(4) {
        -webkit-transition-delay: 100ms, 100ms;
        transition-delay: 100ms, 100ms;
    }

    .nav-mobile ul.navbar-nav li.nav-item:nth-child(6) {
        -webkit-transition-delay: 50ms, 50ms;
        transition-delay: 50ms, 50ms;
    }

    .nav-mobile.menu-opened ul.navbar-nav li.nav-item:nth-child(1) {
        -webkit-transition-delay: 300ms, 300ms;
        transition-delay: 300ms, 300ms;
    }

    .nav-mobile.menu-opened ul.navbar-nav li.nav-item:nth-child(2) {
        -webkit-transition-delay: 350ms, 350ms;
        transition-delay: 350ms, 350ms;
    }

    .nav-mobile.menu-opened ul.navbar-nav li.nav-item:nth-child(3) {
        -webkit-transition-delay: 400ms, 400ms;
        transition-delay: 400ms, 400ms;
    }

    .nav-mobile.menu-opened ul.navbar-nav li.nav-item:nth-child(4) {
        -webkit-transition-delay: 450ms, 450ms;
        transition-delay: 450ms, 450ms;
    }

    .nav-mobile.menu-opened ul.navbar-nav li.nav-item:nth-child(6) {
        -webkit-transition-delay: 500ms, 500ms;
        transition-delay: 500ms, 500ms;
    }

    .nav-mobile.menu-opened ul.navbar-nav li.nav-item:nth-child(7) {
        -webkit-transition-delay: 600ms, 600ms;
        transition-delay: 600ms, 600ms;
    }

    .nav-mobile.menu-opened ul.navbar-nav li.nav-item:nth-child(8) {
        -webkit-transition-delay: 700ms, 700ms;
        transition-delay: 700ms, 700ms;
    }

    .height-contacts {
        height: auto;
    }

    .snek__end_hll_four {
        height: 239px;
        top: -7px;
        left: 17px;
    }

    .snek__end_hlr_four {
        height: 236px;
        top: -6px;
        right: 54px;
    }

    .snek__block_end_four {
        height: 215px;
        width: 104px;
        top: 4px;
        right: 57px;
        border-radius: 6px
    }

    .snek__end_hll_tree {
        height: 238px;
        top: -1px;
        left: 17px;
    }

    .snek__end_hlr_tree {
        height: 237px;
        top: 0;
        right: 54px;
    }

    .snek__block_end_tree {
        height: 216px;
        width: 105px;
        top: 11px;
        right: 56px;
        border-radius: 8px;
    }

    .snek__end_hlr_two {
        height: 239px;
        top: -121px;
        right: 54px;
    }

    .snek__block_end_two {
        height: 215px;
        width: 105px;
        top: -109px;
        right: 56px;
        border-radius: 8px;
    }

    .snek__end_hll_one {
        left: 2px;
        height: 260px;
        top: 0;
    }

    .snek__end_hlr_one {
        height: 260px;
        top: 0;
        right: 58px;
    }

    .snek__block_end_one {
        border-radius: 8px;
        height: 237px;
        width: 115px;
        top: 12px;
        right: 61px;
    }

    .prom__b_four_page {
        width: 67%;
    }

    .prom_substrate_tree {
        height: 1750px;
    }

    .prom_substrate_one {
        height: 1910px;
    }

    .prom_substrate_two {
        height: 3000px;
    }

    .snek__b_nine_subs::after, .snek__b_nine_subs::before {
        height: 30%;
    }

    .snek__b_nine_subs i {
        bottom: 27.1%;
    }

    .snek__b_nine_subs {
        height: 700px;
    }

    .snek__b_seven_page {
        height: 175px;
        width: 282px;
        top: 72px;
        left: 61px;
    }

    .b_eight_text {
        top: -30px;
    }

    .b_eight_one {
        top: -120px;
    }

    .b_eight_cart {
        top: -110px;
    }

    .snek__b_eight_subs, .snek__b_eight_subs_subs {
        height: 551px;
    }

    .sneak__catalog_seven {
        width: 320px;
        left: 57%;
    }

    .sneak__catalog_eight {
        top: 82%;
    }

    .sneak__catalog_seven {
        top: 10%;
    }

    .sneak__catalog_one {
        max-width: 60%;
        right: 0;
        top: 28%;
    }

    .sneak__catalog_two {
        max-width: 45%;
        top: 50%;
        left: 33%;
    }

    .sneak__catalog_tree {
        max-width: 24%;
        left: 24%;
        top: 64%;
    }

    .sneak__catalog_four {
        max-width: 31%;
        left: 62%;
        top: 62%;
    }

    .sneak__catalog_five {
        max-width: 55%;
        left: 17%;
        top: 67%;
    }

    .sneak__catalog_six {
        max-width: 50%;
        left: 39%;
        top: 77%;
    }

    .snek__b_seven_subs, .snek__b_numb {
        height: 1000px;
    }

    .snek__b_six_subs {
        height: 850px;
    }

    .snek__b_four_subs {
        height: 1020px;
    }

    .snek__b_two_img {
        top: 40px;
    }

    .snek__b_one {
        height: 520px;
    }

    .prom__b_six_city {
        top: 30px;
        left: 346px;
    }

    .prom__b_six_circle:nth-child(1) {
        left: 118px;
        top: 51px;
    }

    .prom__b_six_circle:nth-child(2) {
        left: 141px;
        top: 64px;
    }

    .prom__b_six_circle:nth-child(3) {
        left: 156px;
        top: 103px;
    }

    .prom__b_six_circle:nth-child(4) {
        left: 173px;
        top: 32px;
    }

    .prom__b_six_circle:nth-child(5) {
        left: 203px;
        top: 76px;
    }

    .prom__b_six_circle:nth-child(6) {
        left: 253px;
        top: 36px;
    }

    .prom__b_six_circle:nth-child(7) {
        left: 172px;
        top: 164px;
    }

    .prom__b_six_circle:nth-child(8) {
        left: 190px;
        top: 210px;
    }

    .prom__b_six_circle:nth-child(9) {
        left: 162px;
        top: 230px;
    }

    .prom__b_six_circle:nth-child(10) {
        left: 198px;
        top: 257px;
    }

    .prom__b_six_circle:nth-child(11) {
        left: 233px;
        top: 230px;
    }

    .prom__b_six_circle:nth-child(12) {
        left: 282px;
        top: 183px;
    }

    .prom__b_six_circle:nth-child(13) {
        left: 334px;
        top: 230px;
    }

    .prom__b_six_circle:nth-child(14) {
        left: 382px;
        top: 236px;
    }

    .prom__b_six_circle:nth-child(15) {
        left: 390px;
        top: 197px;
    }

    .prom__b_six_circle:nth-child(16) {
        left: 366px;
        top: 180px;
    }

    .prom__b_six_circle:nth-child(17) {
        left: 340px;
        top: 164px;
    }

    .prom__b_six_circle:nth-child(18) {
        left: 382px;
        top: 142px;
    }

    .prom__b_six_circle:nth-child(19) {
        left: 346px;
        top: 103px;
    }

    .prom__b_six_circle:nth-child(20) {
        left: 322px;
        top: 72px;
    }

    .prom__b_six_circle:nth-child(21) {
        left: 405px;
        top: 72px;
    }

    .prom__b_six_circle:nth-child(22) {
        left: 442px;
        top: 62px;
    }

    .prom__b_six_circle:nth-child(23) {
        left: 446px;
        top: 73px;
    }

    .prom__b_six_circle:nth-child(24) {
        left: 624px;
        top: 65px;
    }

    .prom__block_ten_h {
        height: 940px;
    }

    .prom__block_ten_s_h {
        height: 1003px;
    }

    .prom__b_ten_mob, .prom__b_ten_mob_two, .prom__b_ten_tab, .prom__b_ten_tree, .prom__b_ten_tab_rev {
        width: 700px;
    }

    .prom__block_nine_four {
        height: 367px;
        width: 489px;
        right: 59px;
        bottom: 70px;
    }

    .prom__block_nine_tree {
        height: 646px;
        width: 484px;
        right: 54px;
        bottom: 116px;
    }

    .prom__block_nine_one {
        height: 393px;
        width: 197px;
        right: -7px;
        bottom: 88px;
        border-radius: 7px;
    }

    .prom__block_nine_two {
        height: 413px;
        width: 208px;
        right: 15px;
        bottom: 74px;
        border-radius: 4px;
    }

    .prom__sev_mob {
        max-width: 20%;
        right: 6%;
    }

    .prom__block_tree_h {
        height: 862px;
    }

    .inter_four {
        bottom: 10%;
        left: 18.5%;
        width: 138px;
        height: 120px;
    }

    .inter_two {
        width: 183px;
        top: 52%;
        left: 80%;
        height: 28%;
    }

    .inter_tree {
        top: 12.5%;
        left: 66%;
        height: 23%;
    }

    .inter_one {
        width: 170px;
        left: 20%;
        top: 39%;
        height: 16%;
    }

    .prom__block_two {
        max-width: 100%;
    }

    .prom-caption-h {
        height: 600px;
    }

    .ph-font-36, .prom_cap_b_one {
        font-size: 24px;
    }

    .ticket_img::after {
        bottom: -150px;
    }

    .ph-caption-h {
        height: 960px;
    }

    #s1:checked ~ #slide4, #s2:checked ~ #slide5,
    #s3:checked ~ #slide6, #s4:checked ~ #slide7,
    #s5:checked ~ #slide1, #s6:checked ~ #slide2, #s7:checked ~ #slide3 {
        box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, .44);
        transform: translate3d(50%, 0, -300px);
    }

    #s1:checked ~ #slide5, #s2:checked ~ #slide6,
    #s3:checked ~ #slide7, #s4:checked ~ #slide1,
    #s5:checked ~ #slide2, #s6:checked ~ #slide3, #s7:checked ~ #slide4 {
        box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, .44);
        transform: translate3d(-50%, 0, -300px);
    }

    .slider__two_img {
        top: 26px;
        height: 437px;
        width: 582px;
        left: 10px;
    }

    #slider {
        height: 380px;
    }

    .block__tree_h {
        height: 550px;
    }

    .bt_img_tree, .bt_img_eight {
        width: 25%;
    }

    .foot__img_scroll {
        top: 51px;
        left: 25px;
        width: 376px;
    }

    .foot__img_scroll_d {
        width: 360px;
        height: 476px;
    }

    .foot__img_scroll_mob {
        width: 122px;
        top: 32px;
        left: 55px;
    }

    .foot__img_scroll_mob_d {
        width: 118px;
        height: 246px;
        border-radius: 0 0 14px 14px;
    }

    .ticket_img {
        width: 360px;
        position: relative;
    }

    .adaptability__txt {
        width: 100%;
    }

    .ph-font-18 {
        font-size: 14px;
    }

    .ph-font-47 {
        font-size: 30px;
    }

    .ph-img {
        position: relative;
        bottom: -60px;
    }

    h2 {
        font-size: 33px;
    }

    .font-h2 {
        font-size: 2.375rem;
    }

    .f-s-average, .font-average, .aside-font-caption {
        font-size: 18px;
    }

    .services-font-content {
        font-size: 0.875rem;
    }
}

@media (max-width: 767.98px) {
    .website__svg_pencil::after {
        content: '';
        position: absolute;
        background-image: url(/img/corporate-identity/pencil.svg);
        left: -37px;
        background-size: 42px 30px;
        width: 35px;
        top: 40px;
        height: 30px;
    }

    .webdev__text_design {
        top: 60%;
        font-size: 50px;
    }

    .website__block_number_one::after, .website__block_number_two::after, .website__block_number_tree::after, .website__block_number_four::after {
        font-size: 60px;
    }

    .website__block_number_one::after {
        top: -57px;
    }

    .website__block_number_two::after {
        top: -57px;
    }

    .website__block_number_tree::after {
        top: -10px;
    }

    .website__block_number_four::after {
        top: -57px;
    }

    .webtrack__price_size {
        font-size:16px;
    }

    .webtrack__theme_size {
        font-size: 13px;
    }

    .webdev-tr-lg {
        top: 50px;
    }

    .webdev-second.height-100 {
        height: auto;
    }

    .corpident_cards_tree, .corpident_cards_four, .corpident_cards_five {
        max-width: 50%;
    }

    .corpident_cards_two img {
        -webkit-transform: translateY(-125%) translateX(150%);
        -moz-transform: translateY(-125%) translateX(150%);
        -ms-transform: translateY(-125%) translateX(150%);
        -o-transform: translateY(-125%) translateX(150%);
        transform: translateY(-125%) translateX(150%);
    }

    .corpident_cards_tree img {
        -webkit-transform: translateY(50%) translateX(70%);
        -moz-transform: translateY(50%) translateX(70%);
        -ms-transform: translateY(50%) translateX(70%);
        -o-transform: translateY(50%) translateX(70%);
        transform: translateY(50%) translateX(70%);
    }

    .corpident_cards_four img {
        -webkit-transform: translateY(85%) translateX(60%);
        -moz-transform: translateY(85%) translateX(60%);
        -ms-transform: translateY(85%) translateX(60%);
        -o-transform: translateY(85%) translateX(60%);
        transform: translateY(85%) translateX(60%);
    }

    .corpident_cards_five img {
        -webkit-transform: translateY(85%) translateX(-10%);
        -moz-transform: translateY(85%) translateX(-10%);
        -ms-transform: translateY(85%) translateX(-10%);
        -o-transform: translateY(85%) translateX(-10%);
        transform: translateY(85%) translateX(-10%);
    }

    .corpident_cards_six img {
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        transform: translateY(-20%);
    }

    .corpident_cards_six:hover {
        -webkit-transform: translateY(90px) translateX(-30px);
        -moz-transform: translateY(90px) translateX(-30px);
        -ms-transform: translateY(90px) translateX(-30px);
        -o-transform: translateY(90px) translateX(-30px);
        transform: translateY(90px) translateX(-30px);
    }

    .corpident_cards_two, .corpident_cards_six {
        max-width: 30%;
    }

    .corpident_cards_two img, .corpident_cards_six img {
        position: absolute;
    }

    .font-size-cartmyprojects {
        font-size: 20px;
    }

    .font-size-cartmyprojects_text {
        font-size: 12px;
    }

    .index-button-project {
        right: -10px;
    }

    .index__button_achor svg {
        left: -15px;
    }

    .index-block_a {
        width: 174px;
        font-size: 14px;
    }

    .index-button-project:after {
        font-size: 16px;
        right: 12px;
    }

    .index__block_one {
        min-height: 260px;
    }

    .index__project_caption {
        font-size: 2.8vw;
    }

    .font-size-captionTwo {
        font-size: 4vw;
    }

    .font-size-caption {
        font-size: 9vw;
    }

    .index-blockOne-line:before {
        margin-top: 7.5%;
    }

    .index-blockOne-line_true:before {
        width: 65%;
    }

    .font-size-subtitle {
        font-size: 2.5vw;
    }

    .company__blockTwo_money {
        width: 55%;
    }

    .company__blockTwo_substrate {
        height: 650px;
    }

    .company__snek_substrate {
        height: 600px;
    }

    .yar-block__tree_hexagon::after {
        width: 72px;
    }

    .yar-block__tree_hexagon i::before {
        transform: translateX(62px) translateY(-3px) rotate(215deg);
    }

    .yar-block__tree_hexagon i::after {
        transform: translateX(62px) translateY(5px) rotate(-35deg);
    }

    .prom__arrow_gray {
        margin-top: 300%;
    }

    #contAdvert .comparsion {
        height: 100%;
    }

    #contAdvert {
        height: 350px;
    }

    #contAdvert .comparsion_switcher {
        background-size: 420px auto;
    }

    #contAdvert .comparsion_wrapper {
        top: 11%;
        height: 56.5%;
        background-size: 500px auto;
    }

    .webdev__block_number--four::after {
        top: -35px;
    }

    .applicDev__substratr_gray--two {
        height: 500px;
    }

    .applicDev__substrate_gray {
        height: 800px;
    }

    .webdev__substrate_gray--two {
        height: 1130px;
    }

    .webdev__substrate_gray {
        height: 1460px;
    }

    .sneaker-logo {
        transform: translateY(0) scale(0.5);
        top: 0;
        left: -25px;
    }

    .sneaker-hover:hover svg.sneaker-logo, .sneaker-hover_two svg.sneaker-logo {
        -webkit-transform: scale(.6);
        -ms-transform: scale(.6);
        transform: scale(.6);
        top: 70%;
    }

    .sneaker-hover:hover img.sneaker-nike, .sneaker-hover_two img.sneaker-nike {
        -webkit-transform: rotate(20deg) translateY(-50px) translateX(50px);
        -ms-transform: rotate(20deg) translateY(-50px) translateX(50px);
        transform: rotate(20deg) translateY(-50px) translateX(50px);
    }

    .height-sm-auto {
        height: auto;
    }

    .ph-seller-two {
        right: -5px;
        bottom: 0;
    }

    .ticket_img {
        width: 460px;
    }

    .prom__block_ten_c_h {
        height: 1460px;
    }

    .bt_img_nine {
        width: 60%;
        left: -8%;
        top: 52%;
    }

    .prom__subs_block {
        height: 1400px;
    }

    .prom__b_six_line {
        width: 184px;
        bottom: 245px;
        transform: scale(1, -1) rotate(-159deg);
        left: 197px;
    }

    .promchim__block_four_product {
        left: 350px;
        bottom: 260px;
    }

    .promchim_gif_animation {
        top: 19px;
        right: 68px;
        width: 333px;
        height: 207px;
    }

    .pr-7rem {
        padding-right: 2rem;
    }

    .ph-img-pc {
        width: 340px;
        bottom: 30px;
    }

    .ph-img-muck {
        bottom: 30px;
        width: 120px;
    }

    .promchim__small_square_orange--tree {
        top: 42%;
        left: 51%;
    }

    .sneak__catalog_seven {
        top: 32%;
    }

    .snek__block_eight_pc {
        width: 430px;
        margin-left: auto;
        margin-right: auto;
    }

    .tablet_b_five {
        width: 390px;
        left: -160px;
    }

    .tablet_b_five_two {
        width: 335px;
        right: 0;
    }

    .snek__end_hll_four {
        height: 373px;
        top: 52px;
        left: 48px;
    }

    .snek__end_hlr_four {
        height: 370px;
        top: 55px;
        right: 48px;
    }

    .snek__block_end_four {
        height: 345px;
        width: 168px;
        top: 65px;
        right: 52px;
    }

    .snek__end_hll_tree {
        height: 373px;
        top: 52px;
        left: 48px;
    }

    .snek__end_hlr_tree {
        height: 372px;
        top: 52px;
        right: 48px;
    }

    .snek__block_end_tree {
        height: 346px;
        width: 168px;
        top: 65px;
        right: 52px;
    }

    .snek__block_end_two {
        height: 346px;
        width: 168px;
        top: 65px;
        right: 52px;
    }

    .snek__end_hll_two {
        height: 374px;
        top: 52px;
        left: 48px;
    }

    .snek__end_hlr_two {
        height: 373px;
        top: 52px;
        right: 48px;
    }

    .snek__end_hll_one {
        left: 155px;
        height: 463px;
        top: 54px;
    }

    .snek__end_hlr_one {
        height: 463px;
        top: 54px;
        right: 169px;
    }

    .snek__block_end_one {
        height: 432px;
        width: 210px;
        top: 70px;
        right: 173px;
    }

    .prom_substrate_tree {
        height: 1380px;
    }

    .prom_substrate_one {
        height: 1515px;
    }

    .prom_substrate_two {
        height: 2500px;
    }

    .snek__b_nine_subs::after, .snek__b_nine_subs::before {
        height: 20%;
    }

    .snek__b_nine_subs i {
        bottom: 19%;
    }

    .snek__b_nine_subs {
        height: 2000px;
    }

    .snek__b_seven_page {
        height: 185px;
        width: 299px;
        top: 41px;
        left: 64px;
    }

    .b_eight_text {
        left: 0;
    }

    .b_eight_h {
        height: 100%;
    }

    .b_eight_cart, .b_eight_one, .b_eight_two, .b_eight_text {
        top: 0;
    }

    .snek__b_eight_subs, .snek__b_eight_subs_subs {
        height: 487px;
    }

    .snek__block_catalog--line-tree {
        left: 48%;
        bottom: 17%;
        height: 60px;
        transform: rotate(90deg);
    }

    .snek__block_catalog--line-two {
        height: 113px;
        right: 24%;
        transform: rotate(-90deg);
        bottom: 54%;
    }

    .sneak__catalog_seven {
        left: 0;
        width: 250px;
    }

    .sneak__catalog_eight {
        width: 410px;
    }

    .sneak__catalog_one {
        max-width: 59%;
        right: 2%;
        top: 29%;
    }

    .sneak__catalog_two {
        max-width: 51%;
        top: 47%;
        left: 31%;
    }

    .sneak__catalog_tree {
        max-width: 34%;
        left: 14%;
        top: 58%;
    }

    .sneak__catalog_four {
        max-width: 33%;
        left: 59%;
        top: 58%;
    }

    .sneak__catalog_five {
        max-width: 60%;
        left: 12%;
        top: 62%;
    }

    .sneak__catalog_six {
        max-width: 54%;
        left: 37%;
        top: 70%;
    }

    .snek__b_six_subs {
        height: 1580px;
    }

    .snek__b_tabl_one {
        right: -60px;
    }

    .snek__b_four_subs {
        height: 1070px;
    }

    .snek__b_one {
        height: 390px;
    }

    .prom__b_six_city {
        top: 0;
        left: 218px;
    }

    .prom__map_text {
        bottom: 20px;
        left: 14px;
        width: 230px;
    }

    .prom__b_six_circle:nth-child(1) {
        left: 91px;
        top: 35px;
    }

    .prom__b_six_circle:nth-child(2) {
        left: 109px;
        top: 39px;
    }

    .prom__b_six_circle:nth-child(3) {
        left: 114px;
        top: 72px;
    }

    .prom__b_six_circle:nth-child(4) {
        left: 129px;
        top: 25px;
    }

    .prom__b_six_circle:nth-child(5) {
        left: 152px;
        top: 59px;
    }

    .prom__b_six_circle:nth-child(6) {
        left: 188px;
        top: 23px;
    }

    .prom__b_six_circle:nth-child(7) {
        left: 118px;
        top: 113px;
    }

    .prom__b_six_circle:nth-child(8) {
        left: 141px;
        top: 151px;
    }

    .prom__b_six_circle:nth-child(9) {
        left: 131px;
        top: 195px;
    }

    .prom__b_six_circle:nth-child(10) {
        left: 161px;
        top: 185px;
    }

    .prom__b_six_circle:nth-child(11) {
        left: 171px;
        top: 164px;
    }

    .prom__b_six_circle:nth-child(12) {
        left: 206px;
        top: 129px;
    }

    .prom__b_six_circle:nth-child(13) {
        left: 245px;
        top: 185px;
    }

    .prom__b_six_circle:nth-child(14) {
        left: 278px;
        top: 168px;
    }

    .prom__b_six_circle:nth-child(15) {
        left: 280px;
        top: 144px;
    }

    .prom__b_six_circle:nth-child(16) {
        left: 266px;
        top: 133px;
    }

    .prom__b_six_circle:nth-child(17) {
        left: 255px;
        top: 117px;
    }

    .prom__b_six_circle:nth-child(18) {
        left: 277px;
        top: 101px;
    }

    .prom__b_six_circle:nth-child(19) {
        left: 254px;
        top: 72px;
    }

    .prom__b_six_circle:nth-child(20) {
        left: 233px;
        top: 52px;
    }

    .prom__b_six_circle:nth-child(21) {
        left: 284px;
        top: 54px;
    }

    .prom__b_six_circle:nth-child(22) {
        left: 320px;
        top: 43px;
    }

    .prom__b_six_circle:nth-child(23) {
        left: 330px;
        top: 50px;
    }

    .prom__b_six_circle:nth-child(24) {
        left: 457px;
        top: 42px;
    }

    .prom__block_ten_h {
        height: 1130px;
    }

    .prom__block_ten_s_h {
        height: 1200px;
    }

    .prom__block_nine_one {
        height: 275px;
        width: 138px;
        right: -5px;
        bottom: 61px;
        border-radius: 7px;
    }

    .prom__block_nine_two {
        height: 289px;
        width: 145px;
        right: 11px;
        bottom: 52px;
    }

    .prom__block_nine_tree {
        height: 468px;
        width: 351px;
        right: 39px;
        bottom: 84px;
    }

    .prom__block_nine_four {
        height: 266px;
        width: 355px;
        right: 43px;
        bottom: 51px;
    }

    .prom__block_seven_h {
        height: 640px;
    }

    .prom__block_tree_h {
        height: 780px;
    }

    .inter_two {
        width: 130px;
        top: 52%;
        left: 79.3%;
        height: 28%;
    }

    .inter_tree {
        width: 90px;
        top: 12.5%;
        height: 23%;
    }

    .inter_one {
        width: 124px;
        left: 20%;
        top: 39%;
        height: 17%;
    }

    .inter_four {
        width: 100px;
        bottom: 10.5%;
        left: 18.5%;
        height: 88px;
    }

    .prom_text_one_w {
        width: 100%;
    }

    .prom_logo {
        position: relative;
    }

    .prom-caption-h {
        height: 500px;
    }

    .ph-font-36 {
        font-size: 20px;
    }

    .ticket_img::after {
        bottom: -220px;
    }

    body {
        margin-bottom: 121px;
    }

    .height-last {
        padding-top: 56px;
        height: calc(100vh - 45px);
    }

    .img-polygon {
        width: 205px;
        height: auto;
    }

    .services label svg {
        width: 30px;
        height: 30px;
    }

    .services svg:not(.hex-arrow) path {
        fill: #fff;
    }

    svg.hexagon-effect {
        transform: rotate(30deg);
    }

    .height-sm-auto {
        min-height: auto;
    }

    .slick-dots {
        bottom: 0;
    }

    .circle_gray {
        left: 87%;
    }

    .circle_white {
        left: 20%;
        top: 86%;
    }

    .ph-caption-h {
        height: 745px;
    }

    #adm_slide {
        min-height: 410px;
    }

    .slider__two_img {
        top: 19px;
        height: 320px;
        width: 427px;
        left: -3px;
    }

    #slider {
        height: 340px;
    }

    .block__tree_h {
        height: 450px;
    }

    .bt_img_one {
        right: 0;
        top: 2%;
    }

    .bt_img_two {
        top: 14%;
    }

    .bt_img_tree {
        left: 41%;
        top: 27%;
    }

    .bt_img_four {
        right: 0;
        top: 15%;
    }

    .bt_img_five {
        top: 32%;
        left: 18%;
    }

    .bt_img_six {
        top: 42%;
    }

    .bt_img_seven {
        bottom: 16%;
    }

    .bt_img_eight {
        bottom: 18%;
    }

    .foot__img_scroll {
        top: 36px;
        left: 17px;
        width: 254px;
    }

    .foot__img_scroll_d {
        width: 254px;
        height: 336px;
    }

    .foot__img_scroll_mob {
        width: 82px;
        top: 22px;
        left: 38px;
    }

    .foot__img_scroll_mob_d {
        width: 82px;
        height: 168px;
        border-radius: 0 0 11px 11px;
    }

    .ph-font-18 {
        font-size: 12px;
    }

    .ph-font-115 {
        font-size: 90px;
    }

    h2 {
        font-size: 36px;
    }

    .font-h2 {
        font-size: 2.25rem;
    }

    .f-s-average, .font-average {
        font-size: 20px;
    }

    footer {
        height: 121px;
    }
}

@media (max-width: 575.98px) {
    .webdev__text_design {
        top: 57%;
        left: 10%;
        font-size:  25px;
    }

    .border-bottom-price-grey::after {
        width: 100%;
    }

    .webTrack_theme_reduction {
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .webtrack__theme_size {
        font-size: 12px;
    }

    .webtrack__price_size {
        font-size: 12px;
    }

    .corpident_div_card {
        height: 720px;
    }

    .corpident_cards_two img {
        max-width: 70px;
    }

    .corpident_cards_tree img {
        max-width: 100px;

    }

    .corpident_cards_four img {
        max-width: 100px;
    }

    .corpident_cards_six img {
        max-width: 100px;
    }

    .corpident_cards_five img {
        max-width: 140px;
    }

    .corpident_cards_two img {
        -webkit-transform: translateY(-95%) translateX(75%);
        -moz-transform: translateY(-95%) translateX(75%);
        -ms-transform: translateY(-95%) translateX(75%);
        -o-transform: translateY(-95%) translateX(75%);
        transform: translateY(-95%) translateX(75%);
    }

    .corpident_cards_tree img {
        -webkit-transform: translateY(100%) translateX(0);
        -moz-transform: translateY(100%) translateX(0);
        -ms-transform: translateY(100%) translateX(0);
        -o-transform: translateY(100%) translateX(0);
        transform: translateY(100%) translateX(0);
    }

    .corpident_cards_four img {
        -webkit-transform: translateY(125%) translateX(0);
        -moz-transform: translateY(125%) translateX(0);
        -ms-transform: translateY(125%) translateX(0);
        -o-transform: translateY(125%) translateX(0);
        transform: translateY(125%) translateX(0);
    }

    .corpident_cards_five img {
        -webkit-transform: translateY(180px) translateX(-10px);
        -moz-transform: translateY(180px) translateX(-10px);
        -ms-transform: translateY(180px) translateX(-10px);
        -o-transform: translateY(180px) translateX(-10px);
        transform: translateY(180px) translateX(-10px);
    }

    .corpident_cards_six img {
        -webkit-transform: translateY(45px) translateX(10px);
        -moz-transform: translateY(45px) translateX(10px);
        -ms-transform: translateY(45px) translateX(10px);
        -o-transform: translateY(45px) translateX(10px);
        transform: translateY(45px) translateX(10px);
    }

    .corpident_cards_two:hover {
        transform: translateX(5px);
    }

    .corpident_cards_six:hover {
        transform: translateY(90px) translateX(-5px);
    }

    .corpident_cards_five:hover {
        transform: translateY(70px) translateX(-5px);
    }
    .corpident_cards_four:hover {
        transform: translateY(-145px) translateX(40px);
    }
    .corpident_cards_tree:hover {
        transform: translateY(-100px) translateX(40px);
    }

    .corpident__cup {
        position: absolute;
        max-width: 25%;
        right: 0;
    }

    .corpident__img_mac {
        max-width: 60%;
    }

    .corpident__notebook {
        -webkit-transform: translateY(40%) translateX(30%);
        -moz-transform: translateY(40%) translateX(30%);
        -ms-transform: translateY(40%) translateX(30%);
        -o-transform: translateY(40%) translateX(30%);
        transform: translateY(40%) translateX(30%);
    }

    .corpident__color_text {
        font-size: 14px;
    }

    .corpident__circle_one, .corpident__circle_two, .corpident__circle_tree {
        width: 30px;
        height: 30px;
    }

    .corpident__svg_label {
        height: 250px;
    }

    .corpident__svg_caption:nth-child(1) {
        width: 9px;
        height: 9px;
    }

    .corpident__svg_caption:nth-child(2) {
        width: 10px;
        height: 9px;
    }

    .corpident__svg_caption:nth-child(3) {
        width: 10px;
        height: 10px;
    }

    .corpident__svg_caption:nth-child(4) {
        width: 9px;
        height: 9px;
    }

    .corpident__svg_caption:nth-child(5) {
        width: 10px;
        height: 9px;
    }

    .corpident__svg_caption:nth-child(6) {
        width: 10px;
        height: 10px;
    }

    .corpident__svg_caption:nth-child(7) {
        width: 10px;
        height: 9px;
    }

    .corpident__svg_caption:nth-child(8) {
        width: 10px;
        height: 9px;
    }

    .corpident__svg_caption:nth-child(9) {
        width: 9px;
        height: 9px;
    }

    .corpident__svg_caption:nth-child(10) {
        width: 10px;
        height: 9px;
    }

    .corpident__svg_caption:nth-child(11) {
        width: 15px;
        height: 15px;
    }

    .corpident__svg_caption:nth-child(12) {
        width: 10px;
        height: 10px;
    }

    .corpident__svg_caption:nth-child(13) {
        width: 10px;
        height: 10px;
    }

    .font-size-cartmyprojects {
        font-size: 7vw;
    }

    .font-size-cartmyprojects_text {
        font-size: 3vw;
    }

    .index-button-project {
        right: 0;
    }

    .index__button_achor svg {
        left: 0;
    }

    .index-button-project svg {
        position: relative;
    }

    .index-button-project:after {
        right: 0;
    }

    .index__button_achor svg {
        width: 40px;
    }

    .index__button_achor {
        height: 40px;
    }

    .index-blockOne-line:before {
        margin-top: 12%;
    }

    .font-size-subtitle {
        font-size: 3.5vw;
    }

    .index-blockOne-subtext:after {
        right: -10px;
    }

    .font-size-caption {
        font-size: 9vw;
    }

    .font-size-captionTwo {
        font-size: 5vw;
    }

    .index__block_one {
        min-height: 120px;
    }

    .index-block-rods {
        top: -25%;
        width: 40%;
    }

    .company__blockTwo_substrate, .company__lp_substrateForm {
        height: 100%;
    }

    .company__blockTwo_money {
        width: 75%;
    }

    .company__blockTwo_fsCaption {
        font-size: 20px;
    }

    .prom__arrow_gray circle {
        r: 50;
        cy: 50;
    }

    .prom__arrow_gray {
        margin-top: 280%;
        height: 100px;
    }

    .promchim_info_block_text {
        font-size: 12px;
    }

    .prom_block_one::after, .prom_block_two::after, .prom_block_tree::after, .prom_block_four::after, .prom_block_five::after, .prom_block_six::after, .prom_block_seven::after, .prom_block_eight::after, .prom_block_nine::after, .prom_block_ten::after {
        font-size: 100px;
    }

    .nav-mobile ul.navbar-nav li.nav-item:not(:last-child) a, .drop-down__name {
        font-size: 12px;
    }

    .border-bottom-blue {
        min-height: 80px;
    }

    #contAdvert .comparsion {
        width: 300px;
    }

    #contAdvert .comparsion_switcher {
        background-size: 230px auto;
    }

    #contAdvert .comparsion_wrapper {
        top: 11%;
        height: 56.5%;
        background-size: 290px auto;
    }

    #contAdvert .comparsion_monitor {
        height: 180px;
    }

    #contAdvert {
        height: 220px;
    }

    .malva-hover:hover img.malva-right, .promchim-hover:hover img.promchim-right {
        opacity: 1;
    }

    .sneaker-logo {
        top: 10px;
        left: -20px;
    }

    .sneaker-hover:hover svg.sneaker-logo, .sneaker-hover_two svg.sneaker-logo {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }

    .sneaker-hover:hover img.sneaker-nike, .sneaker-hover_two img.sneaker-nike {
        -webkit-transform: rotate(20deg) translateY(-55px) translateX(35px);
        -ms-transform: rotate(20deg) translateY(-55px) translateX(35px);
        transform: rotate(20deg) translateY(-55px) translateX(35px);
    }

    .prom__b_ten_four {
        width: 250px;
    }

    .ticket_img {
        width: 100%;
    }

    .prom__block_ten_c_h {
        height: 1478px;
    }

    .bt_img_nine {
        top: 52%;
    }

    .ticket_img {
        min-height: 220px;
    }

    .promchim__block_caption_img {
        background-repeat: no-repeat;
        background-image: url("../img/promchim/substrates_mob.jpg");
    }

    .promchim__block_four_mobile {
        width: 280px;
        position: relative;
    }

    .prom__b_six_line {
        width: 115px;
        bottom: 28px;
        left: 101px;
    }

    .promchim__block_four_product {
        left: 188px;
        bottom: 100px;
        width: 111px;
    }

    .prom__subs_block {
        height: 100%;
    }

    .promchim_gif_animation {
        top: 10px;
        right: 41px;
        width: 200px;
        height: 127px;
    }

    .promchim__block_eight_img {
        width: 290px;
    }

    .yarmarka__block_one--electronics {
        width: 286px;
        height: 180px;
    }

    .ph-img-muck {
        width: 80px;
    }

    .ph-img-pc {
        position: relative;
        width: 250px;
    }

    .prom__arrow_blocks::before {
        left: 29%;
    }

    .prom__arrow_blocks::after {
        left: 46%;
    }

    .prom__arrow_blocks::after, .prom__arrow_blocks::before, .prom__arrow_blocks_blue::after, .prom__arrow_blocks_blue::before {
        width: 20px;
    }

    .prom__arrow_blocks, .prom__arrow_blocks_blue {
        width: 70px;
        height: 70px;
    }

    .snek__block_catalog--line-one {
        height: 84px;
        bottom: 19%;
    }

    .snek__block_catalog--line-two {
        transform: rotate(0deg);
        height: 94px;
        bottom: 67%;
        right: -14px;
    }

    .snek__b_seven_subs, .snek__b_numb {
        height: 750px;
    }

    .sneak__catalog_eight {
        width: 250px;
    }

    .snek__block_eight_pc {
        width: 242px;
    }

    .snek__b_nine_subs {
        height: 2650px;
    }

    .snek__end_hlr_tree, .snek__end_hll_tree {
        top: 4px;
    }

    .snek__block_end_tree {
        top: 17px;
        right: 41px;
        height: 348px;
        width: 170px;
    }

    .snek__end_hll_two, .snek__end_hll_tree, .snek__end_hll_four {
        left: 38px;
    }

    .snek__end_hlr_two, .snek__end_hlr_tree, .snek__end_hlr_four {
        right: 38px;
    }

    .snek__block_end_four {
        right: 40px;
        height: 348px;
        width: 170px;
    }

    .snek__block_end_two {
        right: 41px;
        height: 348px;
        width: 169px;
    }

    .snek__end_hll_one {
        left: 38px;
        height: 376px;
        top: 48px;
    }

    .snek__end_hlr_one {
        height: 373px;
        top: 51px;
        right: 38px;
    }

    .snek__block_end_one {
        height: 349px;
        width: 169px;
        top: 64px;
        right: 41px;
    }

    .snek__nine_img_one {
        width: 180px;
        height: 382px;
    }

    .snek__nine_div {
        width: 250px;
    }

    .snek__b_one {
        height: 670px;
    }

    .snek__b_one_substrate {
        background-size: contain;
    }

    .prom_substrate_tree {
        height: 98%;
    }

    .prom_substrate_two {
        height: 1900px;
    }

    .prom__subs_block {
        position: relative;
    }

    .prom_substrate_one {
        height: 100%;
    }

    .ali_block_twelve_mob {
        width: 230px;
    }

    .snek__b_nine_subs i {
        bottom: 9.23%;
        width: 20%;
    }

    .snek__b_nine_subs::after, .snek__b_nine_subs::before {
        height: 10%;
        width: 30%;
    }

    .snek__b_eight_mac {
        width: 242px;
    }

    .snek__b_seven_page {
        height: 115px;
        width: 184px;
        top: 23px;
        left: 30px;
    }

    .snek__b_six_pc, .snek__b_six_mob, .snek__b_six_tablet {
        right: -30px;
    }

    .snek_block_five_tablets {
        width: 300px;
    }

    .tablet_b_five {
        left: -65px;
        width: 200px;
    }

    .tablet_b_five_two {
        width: 170px;
        right: -15px;
    }

    .snek__b_eight_subs, .snek__b_eight_subs_subs {
        height: 413px;
    }

    .sneak__catalog_eight {
        top: 80%;
        left: 10%;
    }

    .sneak__catalog_seven {
        top: 3%;
        left: 6%;
    }

    .sneak__catalog_one {
        max-width: 84%;
        right: 0;
        top: 4%;
    }

    .sneak__catalog_two {
        max-width: 50%;
        top: 22%;
        left: 6%;
    }

    .sneak__catalog_tree {
        max-width: 28%;
        left: -5%;
        top: 34%;
    }

    .sneak__catalog_four {
        max-width: 32%;
        left: 37%;
        top: 32%;
    }

    .sneak__catalog_five {
        max-width: 54%;
        left: -5%;
        top: 36%;
    }

    .sneak__catalog_six {
        max-width: 50%;
        left: 16%;
        top: 43%;
    }

    .snek__b_catalog {
        position: relative;
        width: 288px;
        height: 540px;
    }

    .snek__b_six, .snek__b_four {
        position: relative;
    }

    .snek__b_six_subs, .snek__b_four_subs {
        height: 100%;
    }

    .snek__b_tabl_one {
        right: -30px;
    }

    .snek__b_tabl_two {
        left: -47px;
    }

    .snek__b_tree_square_tree::after {
        left: -95px;
    }

    .snek__b_tree_square_tree {
        width: 150px;
        height: 150px;
    }

    .snek__b_tree_circle {
        left: 0;
    }

    .snek_logo {
        max-width: 50%;
    }

    .snek__b_one_substrate {
        background-repeat: no-repeat;
        background-image: url("../img/sneaker/snek_substrate_mob.jpg");
    }

    .prom__b_six_city {
        top: -12px;
        left: 69px;
    }

    .prom__b_six_circle:nth-child(1) {
        left: 45px;
        top: 21px;
    }

    .prom__b_six_circle:nth-child(2) {
        left: 60px;
        top: 26px;
    }

    .prom__b_six_circle:nth-child(3) {
        left: 62px;
        top: 40px;
    }

    .prom__b_six_circle:nth-child(4) {
        left: 71px;
        top: 14px;
    }

    .prom__b_six_circle:nth-child(5) {
        left: 81px;
        top: 33px;
    }

    .prom__b_six_circle:nth-child(6) {
        left: 100px;
        top: 15px;
    }

    .prom__b_six_circle:nth-child(7) {
        left: 65px;
        top: 63px;
    }

    .prom__b_six_circle:nth-child(8) {
        left: 74px;
        top: 83px;
    }

    .prom__b_six_circle:nth-child(9) {
        left: 73px;
        top: 107px;
    }

    .prom__b_six_circle:nth-child(10) {
        left: 82px;
        top: 96px;
    }

    .prom__b_six_circle:nth-child(11) {
        left: 91px;
        top: 91px;
    }

    .prom__b_six_circle:nth-child(12) {
        left: 116px;
        top: 71px
    }

    .prom__b_six_circle:nth-child(13) {
        left: 140px;
        top: 101px;
    }

    .prom__b_six_circle:nth-child(14) {
        left: 142px;
        top: 89px;
    }

    .prom__b_six_circle:nth-child(15) {
        left: 153px;
        top: 78px;
    }

    .prom__b_six_circle:nth-child(16) {
        left: 139px;
        top: 71px;
    }

    .prom__b_six_circle:nth-child(17) {
        left: 138px;
        top: 63px;
    }

    .prom__b_six_circle:nth-child(18) {
        left: 151px;
        top: 53px;
    }

    .prom__b_six_circle:nth-child(19) {
        left: 140px;
        top: 38px;
    }

    .prom__b_six_circle:nth-child(20) {
        left: 128px;
        top: 26px;
    }

    .prom__b_six_circle:nth-child(21) {
        left: 156px;
        top: 30px;
    }

    .prom__b_six_circle:nth-child(22) {
        left: 170px;
        top: 30px;
    }

    .prom__b_six_circle:nth-child(23) {
        left: 170px;
        top: 25px;
    }

    .prom__b_six_circle:nth-child(24) {
        left: 244px;
        top: 25px;
    }

    .prom__b_six_circle {
        background-color: #00447c;
        width: 4px;
        height: 4px;
        border-radius: 50%;
    }

    .prom__map_text {
        bottom: -18px;
        left: 15px;
        width: 230px;
    }

    .prom__svg_b_six {
        width: 200px;
        height: 100px;
    }

    .prom__map_text + img {
        width: 258px;
        height: 136px;
    }

    .prom__b_ten_tree {
        width: 272px;
    }

    .prom__block_nine_four {
        height: 144px;
        width: 193px;
        right: 37px;
        bottom: 27px;
    }

    .prom__block_nine_tree {
        height: 255px;
        width: 191px;
        right: 35px;
        bottom: 45px;
    }

    .prom__block_nine_two {
        height: 244px;
        width: 131px;
        right: 70px;
        bottom: 44px;
    }

    .prom__block_nine_one {
        height: 253px;
        width: 132px;
        right: 45px;
        bottom: 57px;
        border-radius: 4px;
    }

    .prom__b_ten_mob {
        width: 250px;
        height: 380px;
    }

    .prom__b_ten_mob_two {
        width: 190px;
        height: 310px;
    }

    .prom__b_ten_tab_rev {
        width: 258px;
        height: 195px;
    }

    .prom__b_ten_tab {
        width: 258px;
        height: 340px;
    }

    .prom__b_ten_pen {
        width: 23px;
    }

    .prom__block_seven_h {
        height: 550px;
    }

    .prom__sev_mob {
        max-width: 75px;
        right: -116px;
        bottom: 100px;
        position: relative;
    }

    .prom__b_tree_img {
        width: 260px;
    }

    .inter_four {
        width: 46px;
        bottom: 10%;
        left: 18.5%;
        height: 17%;
    }

    .inter_tree {
        width: 43px;
        top: 12.5%;
        left: 64%;
        height: 23%;
    }

    .inter_two {
        width: 60px;
        top: 52.5%;
        left: 80.3%;
        height: 28%;
    }

    .inter_one {
        width: 60px;
        left: 20%;
        top: 40%;
        height: 16%;
    }

    .prom__block_tree_h {
        height: 580px;
    }

    .ph-font-16 {
        font-size: 12px;
    }

    .prom_logo {
        max-width: 50%;
    }

    .prom-caption-h {
        height: 500px;
    }

    .number__block_circle_two::after {
        left: -25px;
    }

    .number__block_circle_two::before, .number__block_circle_five::before {
        left: 20px;
    }

    .ticket_img::after {
        bottom: -222px;
        min-height: 400px;
    }

    body {
        margin-bottom: 145px;
    }

    .height-one {
        height: 50vh;
    }

    .height-last {
        height: calc(100vh - 115px);
    }

    .hexagon-effect {
        width: 40px;
        height: 40px;
    }

    .font-24 {
        font-size: 1rem;
    }

    .services label svg {
        width: 25px;
        height: 25px;
    }

    .min-height-xs-auto {
        min-height: auto;
    }

    .height-xs-auto {
        height: auto;
    }

    #section-contacts {
        width: 100%;
    }

    .img-polygon {
        height: auto;
        width: 155px;
    }

    #map {
        position: relative;
        width: 100vw;
        top: auto;
        height: calc(100vh - 145px);
        right: auto;
    }

    #map > div > div > div > div:nth-child(3) {
        background: radial-gradient(310px at 50% 45.75%, rgba(25, 26, 30, 0) 0%, rgba(25, 26, 30, 0.74) 67.6%, #191a1e 100%);
    }

    html.no-scroll footer.footer-animate-page {
        -webkit-transition: none;
        transition: none;
    }

    .slider__button_right {
        right: 0;
    }

    .slider__button_left {
        left: 0;
    }

    .number__block_circle_tree::after {
        right: -14px;
        top: -40px;
    }

    .number__block_circle_tree::before {
        right: 0;
        top: -40px;
    }

    .number__block_circle_tree::after {
        left: -15px;
        right: -35px;
    }

    .number__block_circle_four::after {
        left: -27px;
    }

    .number__block_circle_four::before {
        left: -25px;
    }

    .ph-img-pc {
        bottom: -25px;
    }

    .ph-img-muck {
        bottom: 0;
    }

    .ph-caption-h {
        height: 540px;
    }

    .slider__two_img {
        top: 11px;
        height: 190px;
        width: 237px;
        left: 19px;
    }

    .tablet-slider {
        left: 0;
        width: 275px;
        height: 210px;
    }

    #adm_slide {
        min-height: 235px;
        width: 271px;
    }

    input[name="adm-ban"] + label {
        width: 60px;
        font-size: 10px;
        line-height: 2.5;
    }

    #slider label {
        height: 70%;
        width: 66%;
    }

    #s1:checked ~ #slide5, #s2:checked ~ #slide6,
    #s3:checked ~ #slide7, #s4:checked ~ #slide1,
    #s5:checked ~ #slide2, #s6:checked ~ #slide3, #s7:checked ~ #slide4 {
        box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, .44);
        transform: translate3d(-20%, 0, -300px);
    }

    #s1:checked ~ #slide6, #s2:checked ~ #slide7,
    #s3:checked ~ #slide1, #s4:checked ~ #slide2,
    #s5:checked ~ #slide3, #s6:checked ~ #slide4, #s7:checked ~ #slide5 {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
        transform: translate3d(-20%, 0, -200px);
    }

    #s1:checked ~ #slide3, #s2:checked ~ #slide4,
    #s3:checked ~ #slide5, #s4:checked ~ #slide6,
    #s5:checked ~ #slide7, #s6:checked ~ #slide1, #s7:checked ~ #slide2 {
        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
        transform: translate3d(20%, 0, -200px);
    }

    #s1:checked ~ #slide4, #s2:checked ~ #slide5,
    #s3:checked ~ #slide6, #s4:checked ~ #slide7,
    #s5:checked ~ #slide1, #s6:checked ~ #slide2, #s7:checked ~ #slide3 {
        box-shadow: 0 0.5px 2px 0 rgba(0, 0, 0, .44);
        transform: translate3d(20%, 0, -300px);
    }

    #s1:checked ~ #slide2, #s2:checked ~ #slide3, #s3:checked ~ #slide4, #s4:checked ~ #slide5, #s5:checked ~ #slide6, #s6:checked ~ #slide7, #s7:checked ~ #slide1 {
        transform: translate3d(20%, 0, -100px);
    }

    #s1:checked ~ #slide7, #s2:checked ~ #slide1, #s3:checked ~ #slide2, #s4:checked ~ #slide3, #s5:checked ~ #slide4, #s6:checked ~ #slide5, #s7:checked ~ #slide6 {
        transform: translate3d(-20%, 0, -100px);
    }

    .block__tree_h {
        height: 280px;
        width: 260px;
    }

    .bt_img_six {
        top: 38%;
    }

    .bt_img_seven {
        bottom: 26%;
    }

    .bt_img_eight {
        bottom: 26%;
    }

    .foot__img_scroll {
        top: 28px;
        left: 14px;
        width: 200px;
    }

    .foot__img_scroll_d {
        width: 200px;
        height: 266px;
    }

    .foot__img_scroll_mob {
        width: 140px;
        top: 42px;
        left: 44px;
        height: 291px;
    }

    .foot__img_scroll_mob_d {
        width: 142px;
        height: 296px;
        border-radius: 0 0 15px 15px;
    }

    .foot__tablet {
        width: 227px;
        height: 322px;
    }

    .foot__mob {
        left: -24px;
        width: 228px;
        height: 371px;
    }

    .rotate-90 {
        transform: rotate(90deg);
    }

    .ph-img {
        bottom: 0;
    }

    /* FONT-SIZE */
    h2, .font-h2 {
        font-size: 1.375rem;
    }

    .proxima {
        font-size: 4.375rem;
        line-height: 4.375rem;
    }

    .ph-font-36 {
        font-size: 20px;
    }

    .prom_cap_b_one {
        font-size: 14px;
    }

    .ph-font-47, .font-55, .font-24 {
        font-size: 1.125rem;
    }

    .ph-font-115 {
        font-size: 50px;
    }

    .f-s-average, .font-average {
        font-size: 14px;
    }

    footer {
        height: 145px;
        line-height: normal;
    }

    .border-foot-top {
        border: 0 !important;
    }

    .border-foot-bot {
        border-top: 1px solid rgba(216, 216, 216, 0.2) !important;
    }
}

@media (min-width: 375px) and (max-width: 450px) {
    .slider__mobile_phone {
        height: 450px;
    }
}

@media (max-height: 654px) {
    .height-last {
        height: auto;
    }
}

@media (min-width: 768px) and (max-height: 767.98px) {
    .height-contacts {
        height: auto;
    }
}

@media (max-height: 768px) {
    .height-contacts {
        height: auto;
    }
}

@-webkit-keyframes autofill {
    to {
        color: #fff;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

/*iPhone 5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .projects-yarmarka {
        height: 50% !important;
    }
}

/*iPhone 7*/
@media only screen and (max-device-width: 375px) and (orientation: portrait) {
    .height-sm-auto {
        min-height: 100vh;
    }
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

.punktir_line{
    border-top: 3px dashed #23C9ED; /* Параметры линии */
    height: 0px; /* Высота блока */
}

.light_blue_text{
    color: #B9F3FF;
}

.text-slim{
    font-weight: 300;
}
.text-bold{
    font-weight: 700;
    font-style: normal;
}

.dots_background{
    height: 90px;
    width: 80px;
}
.dots_background::after{
    position: relative;
    left: 92px;
    top: -125px;
    border-radius: 0px;
    content: url("../img/about/rods.svg");
}

.line{
    stroke-dashoffset: 1490;
    animation:  dash 30s linear forwards infinite;
    -webkit-animation:  dash 30s linear forwards infinite;
}
@keyframes dash {
    0%   { stroke-dashoffset: 100%; }
    100%   { stroke-dashoffset: 0; }

}

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