/*reset*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: "DIN Next W1G", sans-serif;
    font-weight: normal;
    line-height: 1.3;
    background: #edf0f5;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

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

input,
textarea,
button {
    outline: none;
}

button {
    cursor: pointer;
}

button,
button:after,
button:before,
input,
a {
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

a {
    color: inherit;
    text-decoration: none;
}

strong {
    font-weight: bold;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.container:after,
.container:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    background: #1a1a1a;
}

.container:after {
    left: 15px;
}

.container:before {
    right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
    }
}

.df,
.dfj,
.dfja {
    display: flex;
}

.dfj,
.dfja {
    justify-content: space-between;
}

.dfja {
    align-items: center;
}

#wrap {
    position: relative;
    /*overflow: hidden;*/
}

.page-template-page-services #wrap {
    overflow: inherit;
}

/*----------------------
		stub
----------------------*/
html {
    height: 100%;
}

body.body-stub {
    background: #f5efed;
    height: 100%;
}

body.body-stub.page-404 {
    background: #edf0f5;
}

.wrap-page-stub {
    min-height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    background: url(../img/bg/big_letters_parallax.svg) no-repeat center;
    background-size: contain;
}

body.body-stub.page-404 .wrap-page-stub {
    background: transparent;
}

.wrap-page-stub .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.wrap-page-stub .container:after,
.wrap-page-stub .container:before {
    top: -500px;
    bottom: -500px;
    height: auto;
}

.wrap-page-stub:after,
.wrap-page-stub:before {
    content: "";
    position: absolute;
    height: 20px;
    left: 0;
    right: 0;
}

.wrap-page-stub:after {
    background: url(../img/decore-stub-top.svg) repeat-x left top;
    top: 0;
}

.wrap-page-stub:before {
    background: url(../img/decore-stub-bottom.svg) repeat-x left top;
    bottom: 0;
}

body.body-stub.page-404 .wrap-page-stub:after,
body.body-stub.page-404 .wrap-page-stub:before {
    height: 10px;
}

body.body-stub.page-404 .wrap-page-stub:after {
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
}

body.body-stub.page-404 .wrap-page-stub:before {
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.wrap-page-stub .container {
    position: relative;
}

.box-head-stub,
.box-sub-head-stub {
    position: absolute;
    right: 15px;
}

.box-head-stub {
    top: 30px;
}

.box-sub-head-stub {
    top: 100px;
    padding: 0 41px 0 0;
}

.box-logo-stub {
    width: 25vw;
    max-width: 670px;
    min-width: 400px;
    margin: 0 auto;
    padding: 4vw 0 0;
}

.box-logo-stub img {
    display: block;
    width: 100%;
    height: 100%;
}

.box-content-stub {
    padding: 1vw 0 4vw;
    text-align: center;
}

.box-content-stub .title-stub {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold;
    padding: 0 0 20px;
    background: url(../img/decore-title-stub.svg) no-repeat center bottom;
}

body.page-404 .box-content-stub .title-stub {
    font-size: 48px;
    background: url(../img/icons/line-h2.svg) no-repeat center bottom;
}

body.page-404 .box-content-stub .title-stub span {
    color: #3d70b5;
}

.text-stub {
    font-size: 18px;
    line-height: 1.22;
    margin: 25px 0 0;
    padding: 0 15px;
}

body.page-404 .box-content-stub .text-stub {
    max-width: 740px;
    margin: 25px auto 0;
}

body.page-404 .btn-container {
    padding: 48px 0 0;
}

.wrap-page-stub .universal_section_left_line {
    animation: line_transform_modal 15s linear 0s infinite;
}

.wrap-page-stub .universal_section_right_line {
    animation: line_transform_modal_revers 15s linear 0s infinite;
    bottom: -100px;
    top: -2000px;
}

@keyframes line_transform_modal_revers {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(664px);
    }

    to {
        transform: translateY(1328px);
    }
}

.box-social-links-stub {
    padding: 15px 0 0;
}

.inner-social-link-stub {
    max-width: 140px;
    margin: 30px auto 0;
}

/*----------------------
		general
----------------------*/
input::-webkit-input-placeholder {
    color: #d9d9d9;
}

input::-moz-placeholder {
    color: #d9d9d9;
}

input::-moz-placeholder {
    color: #d9d9d9;
}

input::-ms-input-placeholder {
    color: #d9d9d9;
}

.wr-hidden input::-webkit-input-placeholder {
    color: #7e7e7e;
}

.wr-hidden input::-moz-placeholder {
    color: #7e7e7e;
}

.wr-hidden input::-moz-placeholder {
    color: #7e7e7e;
}

.wr-hidden input::-ms-input-placeholder {
    color: #7e7e7e;
}

.group-list-checks input::-webkit-input-placeholder {
    color: #7e7e7e;
}

.group-list-checks input::-moz-placeholder {
    color: #7e7e7e;
}

.group-list-checks input::-moz-placeholder {
    color: #7e7e7e;
}

.group-list-checks input::-ms-input-placeholder {
    color: #7e7e7e;
}

:focus::-webkit-input-placeholder {
    color: transparent;
}

:focus::-moz-placeholder {
    color: transparent;
}

:focus:-moz-placeholder {
    color: transparent;
}

:focus:-ms-input-placeholder {
    color: transparent;
}

.wr-hidden input:focus::-webkit-input-placeholder {
    color: transparent;
}

.wr-hidden input:focus::-moz-placeholder {
    color: transparent;
}

.wr-hidden input:focus:-moz-placeholder {
    color: transparent;
}

.wr-hidden input:focus:-ms-input-placeholder {
    color: transparent;
}

.group-list-checks input:focus::-webkit-input-placeholder {
    color: transparent;
}

.group-list-checks input:focus::-moz-placeholder {
    color: transparent;
}

.group-list-checks input:focus:-moz-placeholder {
    color: transparent;
}

.group-list-checks input:focus:-ms-input-placeholder {
    color: transparent;
}

.schema-caption {
    display: none !important;
}

/*----------------------
		HEADER
----------------------*/
#header {
    background: #1a1a1a;
    position: relative;
    z-index: 1000;
}

#header:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
}

.logo {
    width: 10.5%;
    padding: 24px 0;
}

.logo img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.box-time-work {
    color: #fff;
    width: 18.5%;
    text-align: right;
}

.box-phone-head {
    color: #fff;
    width: 18.1%;
    text-align: right;
}

.box-time-work p,
.box-phone-head p {
    display: inline-block;
    text-align: left;
    width: 100%;
    max-width: 193px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    padding: 0 0 0 53px;
}

.box-time-work p span,
.box-phone-head p span {
    display: block;
    font-size: 14px;
    color: #d9d9d9;
    font-weight: normal;
}

.box-time-work p {
    background: url(../img/icons/time.svg) no-repeat left center;
}

.box-phone-head p {
    background: url(../img/icons/phone.svg) no-repeat left center;
}

.box-link-socials-head {
    width: 16%;
    text-align: center;
    display: flex;
    justify-content: center;
}

.box-link-socials-head.only-fixed {
    display: none;
}

.link-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    margin: 0 5px;
}

.link-soc-1 {
    padding: 1px 0 0;
}

.box-contacts-action-head {
    width: 31.7%;
}

.link-soc-1:hover {
    background: #0088cc;
    border-color: #0088cc;
}

.link-soc-2:hover {
    background: #00aff0;
    border-color: #00aff0;
}

.link-soc-3:hover {
    background: #25d366;
    border-color: #25d366;
}

.btn-action,
.btn-gen {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 160px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-action-small-static.svg) no-repeat center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-action span,
.btn-gen span,
.btn-gen-two span,
.btn-action-two-middle span {
    position: relative;
    z-index: 5;
}

.btn-gen {
    color: #000;
    background: url(../img/buttons/btn-gen-small-static.svg) no-repeat center;
}

.btn-action:after,
.btn-gen:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url(../img/buttons/btn-action-small-hover.svg) no-repeat center;
    width: 160px;
    height: 40px;
    margin: 0 auto;
}

.btn-gen:after {
    background: url(../img/buttons/btn-gen-small-hover.svg) no-repeat center;
}

.btn-action:hover {
    background: url(../img/buttons/btn-action-small-hover.svg) no-repeat center;
}

.btn-gen:hover {
    background: url(../img/buttons/btn-gen-small-hover.svg) no-repeat center;
}

.btn-action:hover:after,
.btn-gen:hover:after {
    opacity: 1;
}

.btn-gen[disabled] {
    pointer-events: none;
    background: url(../img/buttons/btn-gen-small-disabled.svg) no-repeat center;
}

#header.header-day-russia {
    background: #1a1a1a url(../img/bg/bg-header-day-russia.svg) no-repeat center;
}

#header.header-day-victory {
    background: #1a1a1a url(../img/bg/bg-header-day-victory.svg) no-repeat
        center;
}

#header.header-day-job {
    background: #1a1a1a url(../img/bg/bg-header-day-job.svg) no-repeat center;
}

#header.header-day-women {
    background: #1a1a1a url(../img/bg/bg-header-day-women.svg) no-repeat center;
}

#header.header-day-men {
    background: #1a1a1a url(../img/bg/bg-header-day-men.svg) no-repeat center;
}

#header.header-day-new-year {
    background: #1a1a1a url(../img/bg/snow_anim.gif) no-repeat center;
}

#header.header-day-new-year:after {
    background: url(../img/bg/cyber-snow.svg) repeat-x center;
    height: 20px;
}

/*----------------------
		NAV
----------------------*/
#nav {
    position: relative;
    border-bottom: 1px solid #1a1a1a;
    z-index: 999;
}

#nav ul.top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 886px;
    margin: 0 auto;
}

#nav ul.top-menu > li > a,
#nav .p-link {
    color: #fff;
    display: inline-block;
    padding: 19px 30px;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
}

#nav ul.top-menu > li > a:hover,
#nav .p-link:hover {
    background: rgba(255, 255, 255, 0.1);
}

#nav ul.top-menu > li > a:before,
#nav .p-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -24px;
    width: 48px;
    height: 8px;
    background: url(../img/decore-submenu.svg) no-repeat center;
    opacity: 0;
}

#nav ul.top-menu > li > a:hover:before,
#nav .p-link:hover:before {
    opacity: 1;
}

#nav .p-link {
    font-size: 16px !important;
    text-transform: uppercase;
    color: #fff;
    min-height: unset;
    margin: 0 !important;
    cursor: pointer;
}

#nav.fixed-nav ul.top-menu > li.only-fixed > a:hover:before {
    opacity: 0 !important;
}

#nav a:hover {
    text-decoration: none;
}

.submenu,
.submenu-standart {
    border-top: 2px solid #1a1a1a;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.07);
    background: white;
    padding: 5px 12px 25px;
    position: absolute;
    top: 100%;
    left: 16px;
    right: 16px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
}

.submenu-standart {
    left: -30px;
    right: auto;
}

.submenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.submenu-standart {
    min-width: 220px;
}

.dropdown-standart {
    position: relative;
}

.top-menu > li:hover .submenu,
.top-menu > li:hover .submenu-standart {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.submenu > li {
    width: 25%;
    padding: 0 12px;
}

.submenu-standart li {
    padding: 0 18px;
}

.submenu > li:last-child {
    border-right: none;
}

.submenu img {
    display: block;
    width: 100%;
}

.submenu li a,
.submenu-standart li a {
    display: block;
    margin: 20px 0 0;
    color: #1a1a1a;
    font-size: 16px;
}

.submenu li a:hover,
.submenu-standart li a:hover {
    color: #3d70b5;
}

#nav ul.top-menu p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    min-height: 26px;
    margin: 10px 0 0;
}

#nav ul.top-menu p span {
    display: block;
    background: #3d70b5;
    padding: 4px 8px;
}

.submenu ol {
    margin: 20px 0 0;
}

.submenu ol li {
    border-top: 1px solid #3d70b5;
}

.submenu ol li a {
    display: block;
    padding: 15px 0;
    margin: 0;
}

.dropdown-column a.dropdown,
.dropdown-standart a.dropdown {
    position: relative;
}

.dropdown-column a.dropdown:after,
.dropdown-standart a.dropdown:after,
.dropdown-column p.dropdown:after {
    content: "";
    position: absolute;
    width: 16px;
    transition: all 0.3s ease;
    height: 16px;
    top: 22px;
    right: 7px;
    background: url(../img/icon-dropdown.svg) no-repeat center;
}

#btn_top.default {
    opacity: 0;
    z-index: 0;
}

#btn_top.fixed {
    opacity: 1;
    z-index: 100;
}

/*----------------------
		GENERAL_PAGE
----------------------*/
/*-----------GENERAL_BLOCK_HOME--------------*/
.home #wrap {
    overflow: hidden;
}

#general-block-home {
    background: #3e70b5;
    position: relative;
}

#general-block-home .container {
    position: relative;
}

.box-slide-cont-gen {
    width: 52%;
    padding: 70px 0 0 55px;
}

.box-girl-gen-amin {
    width: 48%;
    position: relative;
    max-height: 540px;
}

.box-girl-gen-amin:after {
    content: "";
    position: absolute;
    top: -59px;
    left: 0;
    right: 1px;
    bottom: 0;
    background: url(../img/bg/bg-ciber-general.svg) no-repeat right center;
    background-size: cover;
}

.inner-girl-gen-anim {
    position: relative;
    z-index: 98;
}

h1 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 1;
}

h1 small {
    display: block;
    font-size: 36px;
}

#general-block-home h1 {
    color: #fff;
}

.inner-slide-cont-gen {
    position: relative;
    padding: 2px 0 0 40px;
}

.inner-slide-cont-gen p {
    margin: 15px 0 0;
    color: #fff;
    font-size: 18px;
    max-width: 440px;
    line-height: 1.25;
}

.inner-slide-cont-gen span {
    display: block;
    position: absolute;
    width: 6px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

#general-block-home .owl-dots {
    position: absolute;
    top: 0;
    left: 2px;
    padding: 40px 0 0;
}

#general-block-home .owl-dots button {
    border: 1px solid #1a1a1a;
    display: block;
    margin: 8px 0 0;
    width: 5px;
    height: 30px;
    background: transparent;
}

#general-block-home .owl-dots button span {
    width: 5px;
    height: 30px;
    border: none;
    padding: 0;
    font-size: 0;
    background: transparent;
}

#general-block-home .owl-dots .owl-dot.active {
    border-color: #efc36e;
    background: #efc36e;
}

#general-block-home .slick-list {
    overflow: visible;
}

#player-container {
    width: 740px;
    height: 925px;
    margin-top: -260px;
    margin-left: -125px;
}

.btn-ciber {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 255px;
    height: 63px;
    text-align: center;
    background: url(../img/buttons/btn-ciber-static.svg) no-repeat center;
    color: #1a1a1a;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    border: none;
    padding: 20px 0;
}

.btn-ciber span {
    display: block;
    position: relative;
    z-index: 3;
}

.btn-ciber:after {
    content: "";
    width: 255px;
    height: 63px;
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    background: url(../img/buttons/btn-ciber-hover.svg) no-repeat center;
}

.btn-ciber:hover:after {
    opacity: 1;
}

.box-slide-cont-gen .btn-container {
    padding: 30px 0 0 40px;
}

.universal_section_left_line,
.universal_section_left_line_white,
.universal_section_left_line_whiteTwo,
.universal_section_left_line_whiteThree {
    position: absolute;
    left: calc(50% - 582px);
    top: 170px;
    width: 8px;
    transition: all 0.4s ease;
    bottom: 0;
    background: url(../img/bg/big_line_left-black.svg) repeat-y;
    filter: invert(1);
    mix-blend-mode: difference;
}

.universal_section_right_line,
.universal_section_right_line_white,
.universal_section_right_line_whiteTwo,
.universal_section_right_line_whiteThree {
    position: absolute;
    right: calc(50% - 582px);
    top: 400px;
    transition: all 0.4s ease;
    width: 8px;
    transition: all 0.4s ease;
    bottom: 0;
    background: url(../img/bg/big_line_left-black.svg) repeat-y;
}

.parallax-lines-blocks {
    position: relative;
    overflow: hidden;
}

.universal_section_left_line_white,
.universal_section_left_line_whiteTwo,
.universal_section_left_line_whiteThree {
    background: url(../img/bg/big_line_left-white.svg) repeat-y;
}

.universal_section_right_line_white,
.universal_section_right_line_whiteTwo,
.universal_section_right_line_whiteThree {
    background: url(../img/bg/big_line_left-white.svg) repeat-y;
}

.btn-container-cyber {
    position: relative;
    z-index: 9;
}

.cybr-btn {
    --primary: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
    --shadow-primary: hsl(var(--shadow-primary-hue), 90%, 50%);
    --primary-hue: 0;
    --primary-lightness: 50;
    --color: #000;
    --font-size: 16px;
    --shadow-primary-hue: 180;
    --label-size: 9px;
    --shadow-secondary-hue: 60;
    --shadow-secondary: hsl(var(--shadow-secondary-hue), 90%, 60%);

    --clip: polygon(
        8% 0,
        70% 0%,
        100% 0,
        100% 70%,
        92% 100%,
        30% 100%,
        0 100%,
        0% 32%
    );

    --border: 4px;
    --shimmy-distance: 5;

    --clip-one: polygon(
        0 2%,
        100% 2%,
        100% 95%,
        95% 95%,
        95% 90%,
        85% 90%,
        85% 95%,
        8% 95%,
        0 70%
    );
    --clip-two: polygon(
        0 78%,
        100% 78%,
        100% 100%,
        95% 100%,
        95% 90%,
        85% 90%,
        85% 100%,
        8% 100%,
        0 78%
    );
    --clip-three: polygon(
        0 44%,
        100% 44%,
        100% 54%,
        95% 54%,
        95% 54%,
        85% 54%,
        85% 54%,
        8% 54%,
        0 54%
    );
    --clip-four: polygon(
        0 0,
        100% 0,
        100% 0,
        95% 0,
        95% 0,
        85% 0,
        85% 0,
        8% 0,
        0 0
    );
    --clip-five: polygon(
        0 0,
        100% 0,
        100% 0,
        95% 0,
        95% 0,
        85% 0,
        85% 0,
        8% 0,
        0 0
    );
    --clip-six: polygon(
        0 40%,
        100% 40%,
        100% 85%,
        95% 85%,
        95% 85%,
        85% 85%,
        85% 85%,
        8% 85%,
        0 70%
    );
    --clip-seven: polygon(
        0 63%,
        100% 63%,
        100% 80%,
        95% 80%,
        95% 80%,
        85% 80%,
        85% 80%,
        8% 80%,
        0 70%
    );

    font-weight: 500;
    color: var(--color);
    cursor: pointer;
    background: transparent;
    text-transform: uppercase;
    font-size: var(--font-size);
    outline: transparent;
    position: relative;
    font-weight: 700;
    border: 0;
    min-width: 255px;
    height: 60px;
    line-height: 60px;
    transition: background 0.2s;
}

.cybr-btn:hover {
    /*  --primary: hsl(var(--primary-hue), 85%, calc(var(--primary-lightness, 50) * 0.8%));*/
}

.cybr-btn:after,
.cybr-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    clip-path: var(--clip);
    z-index: -1;
}

.cybr-btn:before {
    background: var(--shadow-primary);
    transform: translate(var(--border), 1);
}

.cybr-btn:after {
    background: var(--primary);
}

.cybr-btn__tag {
    position: absolute;
    padding: 1px 4px;
    letter-spacing: 1px;
    line-height: 1;
    bottom: -5%;
    right: 5%;
    font-weight: normal;
    color: hsl(0, 0%, 0%);
    font-size: var(--label-size);
}

.cybr-btn__glitch {
    position: absolute;
    top: calc(var(--border) * -1);
    left: calc(var(--border) * -1);
    right: calc(var(--border) * -1);
    bottom: calc(var(--border) * -1);
    background: var(--shadow-primary);
    text-shadow:
        2px 2px var(--shadow-primary),
        -2px -2px var(--shadow-secondary);
    clip-path: var(--clip);
    animation: glitch 1.5s infinite;
    display: none;
}

.cybr-btn:hover .cybr-btn__glitch {
    display: block;
}

.cybr-btn__glitch:before {
    content: "";
    position: absolute;
    top: calc(var(--border) * 1);
    right: calc(var(--border) * 1);
    bottom: calc(var(--border) * 1);
    left: calc(var(--border) * 1);
    clip-path: var(--clip);
    background: var(--primary);
    z-index: -1;
}

@keyframes glitch {
    0% {
        clip-path: var(--clip-one);
    }

    2%,
    8% {
        clip-path: var(--clip-two);
        transform: translate(calc(var(--shimmy-distance) * -1%), 0);
    }

    6% {
        clip-path: var(--clip-two);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    9% {
        clip-path: var(--clip-two);
        transform: translate(0, 0);
    }

    10% {
        clip-path: var(--clip-three);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    13% {
        clip-path: var(--clip-three);
        transform: translate(0, 0);
    }

    14%,
    21% {
        clip-path: var(--clip-four);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    25% {
        clip-path: var(--clip-five);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    30% {
        clip-path: var(--clip-five);
        transform: translate(calc(var(--shimmy-distance) * -1%), 0);
    }

    35%,
    45% {
        clip-path: var(--clip-six);
        transform: translate(calc(var(--shimmy-distance) * -1%));
    }

    40% {
        clip-path: var(--clip-six);
        transform: translate(calc(var(--shimmy-distance) * 1%));
    }

    50% {
        clip-path: var(--clip-six);
        transform: translate(0, 0);
    }

    55% {
        clip-path: var(--clip-seven);
        transform: translate(calc(var(--shimmy-distance) * 1%), 0);
    }

    60% {
        clip-path: var(--clip-seven);
        transform: translate(0, 0);
    }

    31%,
    61%,
    100% {
        clip-path: var(--clip-four);
    }
}

/*end new cyber button*/

/*------------------reasons-general-top---------------------*/
.reasons-general-top {
    background: #1a1a1a;
    position: relative;
    z-index: 100;
    color: #fff;
    padding: 25px 0 22px;
}

.reasons-general-top:after {
    content: "";
    position: absolute;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.reasons-general-top:before {
    content: "";
    position: absolute;
    height: 10px;
    bottom: -10px;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center;
}

.box-reas-gen {
    position: relative;
    width: 23%;
}

.num-reas-gen {
    position: absolute;
    top: 0;
    left: 0;
}

.cont-reas-gen {
    padding: 0 0 0 48px;
}

.cont-reas-gen p {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
}

.reasons-general-bottom .wrap-reas-gen {
    padding: 34px 0;
}

.cont-reas-gen span {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: #3d70b5;
}

.reasons-general-bottom .box-reas-gen {
    width: 25.7%;
}

/*------------reasons-company-general------------*/
#reasons-company-general {
    position: relative;
}

.parallax-image-one,
.parallax-image-two,
.parallax-image-three,
.parallax-image-white,
.parallax-image-four,
.parallax-image-five,
.parallax-image-white-gen,
.parallax-image-inners,
.parallax-image-politic {
    width: 100%;
    height: 580px;
    background: url(../img/bg/big_letters_parallax.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    transform: translateY(0);
    will-change: transform;
    z-index: 3;
}

.parallax-image-white {
    height: 584px;
}

.parallax-image-two,
.parallax-image-three {
    top: -350px;
    z-index: 0;
}

.parallax-image-two {
    z-index: 4;
}

.parallax-image-one {
    top: 400px;
}

.parallax-image-white {
    top: -1500px;
    z-index: 0;
}

.parallax-image-four {
    top: -800px;
}

.parallax-image-inners {
    top: 1200px;
    z-index: 0;
}

.wrap-reasons-comp-gen {
    position: relative;
    padding: 86px 0 120px 95px;
}

.parallax-image-white,
.parallax-image-white-gen {
    background: url(../img/bg/big_letters_parallax_white.svg) no-repeat;
    background-size: contain;
}

.parallax-image-white-gen {
    z-index: 0;
    top: 70px;
}

.wrap-reasons-comp-gen:after {
    content: "";
    position: absolute;
    height: 120px;
    background: url(../img/bg/bg-reasons-comp-gen.png) no-repeat center;
    bottom: -40px;
    left: 0;
    right: 0;
}

#pluses-general .wrap-reasons-comp-gen:after {
    display: none;
}

#pluses-general .inner-image-reas-comp-gen {
    display: flex;
    justify-content: flex-end;
}

h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    padding: 0 0 33px;
    background: url(../img/icons/line-h2.svg) no-repeat left bottom;
}

.box-content-reasons-comp-gen {
    position: relative;
    z-index: 3;
    width: 44%;
}

.box-image-reasons-comp-gen {
    position: relative;
    z-index: 3;
    width: 62.6%;
}

.box-image-reasons-comp-gen img {
    display: block;
    max-width: 100%;
}

.text-reas-comp-gen p {
    font-size: 18px;
    line-height: 1.26;
    margin: 22px 0 0;
}

.text-reas-comp-gen blockquote,
.wrap-single-content blockquote {
    padding: 0 0 0 17px;
    border-left: 4px solid #3e70b5;
    font-size: 18px;
    line-height: 1.26;
    margin: 20px 0 0;
    font-style: italic;
}

.box-content-reasons-comp-gen .btn-container {
    display: flex;
    justify-content: space-between;
    padding: 47px 0 0;
    align-items: center;
}

.btn-gen-two {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 160px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-gen-two-small-static.svg) no-repeat
        center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-gen-two:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-gen-two-small-hover.svg) no-repeat center;
    width: 160px;
    height: 40px;
    margin: 0 auto;
}

.btn-gen-two:hover:after {
    opacity: 1;
}

.btn-action-two-middle {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 255px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-action-two-middle-static.svg) no-repeat
        center;
    background-size: 100% 100%;
    color: #3d70b5;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-action-two-middle:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-action-two-middle-hover.svg) no-repeat
        center;
    background-size: 100% 100%;
    right: 0;
    height: 40px;
    margin: 0 auto;
}

.btn-action-two-middle:hover:after {
    opacity: 1;
}

.inner-image-reas-comp-gen {
    position: relative;
}

/*--------------services-general-----------------*/
#services-general {
    position: relative;
    z-index: 3;
}

#services-general .container:before {
    display: none;
}

#services-general .container {
    padding-bottom: 60px;
}

.wrap-title-services-general {
    padding: 98px 0 0;
}

.box-title-serv-gen {
    width: 60%;
}

.box-title-serv-table-info {
    width: 40%;
    text-align: right;
}

.main-services__title {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 48px;
    padding: 0 0 0 18px;
    border-left: 8px solid #3e70b5;
    line-height: 0.9;
}

.box-title-serv-gen q {
    display: block;
    font-style: italic;
    font-size: 18px;
    line-height: 1.25;
    margin: 30px 0 0 25px;
    max-width: 540px;
}

.box-title-serv-gen p {
    margin: 19px 0 0 25px;
    font-size: 16px;
    font-weight: 500;
}

.inner-title-table-info {
    display: inline-block;
    width: 100%;
    max-width: 240px;
    position: relative;
    text-align: left;
    padding: 0 0 10px;
}

.inner-title-table-info p {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    color: #3d70b5;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.099em;
}

.inner-title-table-info p span {
    display: block;
}

.inner-title-table-info:after {
    content: "";
    position: absolute;
    height: 4px;
    background: #3e70b5;
    bottom: 0;
    right: 0;
    left: 0;
}

.inner-title-table-info:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #3e70b5;
    bottom: -16px;
    right: 0;
}

.wrap-container-services {
    flex-wrap: wrap;
    padding: 25px 0 0;
}

.slider-services-gen,
.slider-pluses-gen {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.box-serv {
    display: block;
    width: 250px;
    border: 1px solid #1a1a1a;
    margin: 25px 0 0;
    background: #edf0f5;
}

.head-serv {
    display: flex;
    justify-content: space-between;
}

.inner-box-serv {
    position: relative;
    padding: 35px 25px 8px;
    min-height: 252px;
}

.icon-serv {
    width: 50%;
    position: relative;
}

.icon-serv:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 85px;
    background: #1a1a1a;
    top: -5px;
    right: -1px;
}

.num-serv {
    width: 42%;
    text-align: right;
}

.num-serv svg {
    fill: #1a1a1a;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.body-serv {
    padding: 13px 0 0;
}

.body-serv .title-serv {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.body-serv .text-serv {
    margin: 12px 0 0;
    font-size: 14px;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: relative;
}

.inner-box-serv:after {
    content: "";
    position: absolute;
    width: 54px;
    height: 54px;
    background: url(../img/decore-serv-top.png) no-repeat center;
    top: -1px;
    left: -1px;
}

.inner-box-serv:before {
    content: "";
    position: absolute;
    width: 46px;
    height: 49px;
    background: url(../img/decore-serv-bottom.png) no-repeat center;
    bottom: -1px;
    right: -1px;
}

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

.ic-stat,
.text-serv em,
.text-serv span {
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.text-serv span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    opacity: 0;
    font-size: 18px;
    padding: 0 25px 0 0;
    background: url(../img/icons/icon-more.svg) no-repeat right 65%;
}

.ic-animat {
    position: absolute;
    top: -2px;
    left: -2px;
    opacity: 0;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.box-serv:hover {
    background: #1a1a1a;
}

.box-serv:hover .title-serv {
    color: #fff;
}

.box-serv:hover .icon-serv:after {
    background: #fff;
}

.box-serv:hover .ic-stat,
.box-serv:hover .text-serv em {
    opacity: 0;
}

.box-serv:hover .ic-animat,
.box-serv:hover .text-serv span {
    opacity: 1;
}

#services-general .ti-cursor {
    opacity: 0 !important;
}

.box-serv:hover .num-serv svg {
    fill: #fff;
}

/*-----------develop-skill-good--------------*/
#develop-skill-good {
    margin: 50px 0 0;
    position: relative;
}

#develop-skill-good .container:after,
#call-to-action-gen .container:after {
    display: none;
}

#develop-skill-good .container {
    position: relative;
    z-index: 100;
}

.wrap-dev-skill-good {
    padding: 100px 0 54px;
    position: relative;
}

.wrap-dev-skill-good:after {
    content: "";
    position: absolute;
    width: 1144px;
    height: 120px;
    background: url(../img/bg/bg-dev-skill-top.png) no-repeat center;
    top: -50px;
    left: -32px;
}

.box-content-dev-skill-good {
    width: 49%;
    padding: 31px 0 0 95px;
}

.box-image-skill-good {
    width: 42.5%;
}

.inner-image-skill-good {
    position: relative;
}

.inner-image-skill-good img {
    display: block;
    position: absolute;
    top: 32px;
    z-index: 4;
}

/*-----------call-to-action-gen--------------*/
#call-to-action-gen {
    background: url(../img/bg/bg-wrap-call-action-gen.jpg) no-repeat center top;
    background-size: cover;
}

#call-to-action-gen .container {
    position: relative;
    z-index: 5;
}

.wrap-bg-call-action-gen {
    min-height: 400px;
    padding: 97px 90px 30px 95px;
    background: url(../img/bg/bg-call-action-gen-new.png) no-repeat center top;
    background-size: 100%;
}

.title-call-action-gen {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}

.text-call-action-gen {
    margin: 14px 0 0;
    color: #fff;
    font-size: 18px;
}

.text-call-action-gen a {
    color: #6cd3ff;
}

.box-form-call-action-gen ul {
    display: flex;
    padding: 25px 0 0;
    justify-content: space-between;
    align-items: center;
}

.box-form-call-action-gen li {
    width: 38%;
}

.box-form-call-action-gen li:last-child {
    width: 18%;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
    width: 100%;
    max-width: 350px;
    height: 46px;
    font-size: 18px;
    background: url(../img/border-bottom-input.svg) no-repeat left bottom;
    border: none;
    position: relative;
    color: #fff;
}

.ps-form-call-action {
    padding: 43px 0 0;
}

#call-to-action-gen .ps-form-call-action a {
    color: #efc36e;
}

.checkbox {
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0 16px 0 0;
}

.checkbox + label {
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}

.checkbox:not(checked) {
    position: absolute;
    opacity: 0;
}

.checkbox:not(checked) + label {
    position: relative;
    padding: 0 0 0 32px;
    width: auto;
}

.checkbox:not(checked) + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: transparent;
    border: 1px solid #fff;
}

.checkbox:not(checked) + label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 0;
    transition: all 0.2s;
}

.checkbox:checked + label:after {
    opacity: 1;
}

/*--------------it-company-new-block---------------*/
#it-company-new-block {
    background: #1a1a1a;
    color: #fff;
}

#it-company-new-block .container:after,
#it-company-new-block .container:before {
    display: none;
}

.wrap-it-company {
    padding: 149px 0 84px;
    position: relative;
}

.box-content-it-company {
    max-width: 542px;
    margin: 0 auto;
    position: relative;
}

#it-company-new-block h2 {
    padding: 0;
    background: transparent;
}

.box-content-it-company p {
    margin: 25px 0 0;
    font-size: 18px;
    line-height: 1.2;
}

.box-content-it-company:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 161px;
    top: 50%;
    margin-top: -68px;
    left: -66px;
    background: url(../img/decore-it-company.svg) no-repeat center;
}

@media (min-resolution: 2dppx) {
    .box-content-it-company:after {
        background: transparent;
    }
}

.box-decore-it-company-block {
    position: absolute;
    bottom: 160px;
}

.inner-decore-it-comp {
    position: relative;
    width: 160px;
    height: 161px;
}

.bdc-1 {
    left: 0;
}

.bdc-2 {
    right: 0;
}

.bdc-1 .inner-decore-it-comp {
    background: url(../img/decore-it-left.png) no-repeat center;
}

.bdc-2 .inner-decore-it-comp {
    background: url(../img/decore-it-right.png) no-repeat center;
}

.bdc-2 .inner-decore-it-comp a {
    display: block;
    width: 160px;
    height: 161px;
    background: url(../img/decore-it-right-hover.svg) no-repeat center;
    opacity: 0;
}

.bdc-2 .inner-decore-it-comp a:hover {
    opacity: 1;
}

.inner-decore-it-comp:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 160px;
    background: #fff;
    bottom: -160px;
}

.bdc-1 .inner-decore-it-comp:after {
    left: 0;
}

.bdc-2 .inner-decore-it-comp:after {
    right: 0;
}

/*---------------scheme-work------------------*/
#scheme-work {
    /* background: url(../img/bg/bg-scheme-work.jpg) no-repeat center; */
    background-color: #2f2f31;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

#scheme-work h2 {
    background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
}

#scheme-work .container:after,
#scheme-work .container:before {
    background: #fff;
}

.header-scheme-work-amin {
    height: 42px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    padding: 16px 0;
}

.box-content-scheme-work {
    padding: 58px 0 100px 95px;
    width: 48%;
    min-height: 672px;
    /*не забыть убрать сей костыль!!!*/
}

.box-content-scheme-work p {
    font-size: 18px;
    line-height: 1.2;
    margin: 25px 0 0;
}

.swiper {
    height: 520px;
}

.box-scroll-elements {
    width: 48.8%;
    padding: 50px 0;
}

.box-image-title-scheme {
    width: 24%;
    padding: 15px 0 0;
}

.box-image-title-scheme img {
    display: block;
}

.box-list-scheme {
    width: 70%;
}

.box-list-scheme ul {
    position: relative;
}

.box-list-scheme ul:after {
    content: "";
    position: absolute;
    background: #efc36e;
    width: 1px;
    top: 20px;
    bottom: 35px;
    left: -30px;
}

.box-list-scheme li {
    margin: 13px 0 0;
    position: relative;
}

.box-list-scheme li:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: url(../img/decore-scheme-list.svg) no-repeat center;
    background-size: 100% 100%;
    top: 15px;
    left: -34px;
}

.box-list-scheme li:last-child:before {
    content: "";
    position: absolute;
    width: 1px;
    background: #efc36e;
    left: -30px;
    top: 0;
    height: 20px;
}

.box-list-scheme li:first-child {
    margin: 0;
}

.box-list-scheme p {
    padding: 5px 16px 5px 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 18px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    position: relative;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.box-list-scheme li:hover p {
    border-color: #efc36e;
    color: rgba(255, 255, 255, 1);
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.box-list-scheme li.active-list p {
    border-color: #efc36e;
    color: rgba(255, 255, 255, 1);
}

#scheme-work .swiper-pagination {
    right: auto;
    left: 3px;
    top: 43px;
    transform: translate3d(0, 0, 0);
}

.inner-box-scroll-elements {
    position: relative;
}

#scheme-work .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 4px;
    height: 30px;
    background: transparent;
    border: 1px solid #fff;
    margin: 10px 0 0;
    border-radius: 0;
    opacity: 1;
}

#scheme-work
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #efc36e;
    border-color: #efc36e;
}

.inner-slider-scheme {
    position: relative;
    padding: 0 0 0 33px;
    cursor: url(../img/Cursor_scroll.svg), auto;
}

.num-slide-scheme {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    top: 7px;
    left: 0;
}

/*---------------pluses-general------------------*/
#pluses-general {
    background: #efc36e;
    position: relative;
}

#pluses-general:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center;
}

.wrap-pluses-general-content {
    padding: 60px 0 58px;
    text-align: center;
}

#pluses-general h2 {
    max-width: 750px;
    margin: 0 auto;
    background-position: center bottom;
    padding: 0 0 24px;
}

.description-pluses-gen {
    max-width: 730px;
    margin: 15px auto 0;
    font-size: 18px;
    line-height: 1.25;
}

.wrap-row-pluses {
    padding: 25px 0 0;
}

.box-pluse-gen {
    width: 370px;
    margin: 15px 0 0;
}

.icon-pluse-gen img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.icon-pluse-gen {
    position: relative;
}

.icon-pluse-gen:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #1a1a1a;
    top: 50%;
}

.title-pluse {
    text-transform: uppercase;
    color: #3d70b5;
    font-weight: 500;
    font-size: 16px;
    margin: 15px 0 0;
}

.text-pluse {
    margin: 15px 0 0;
    font-size: 18px;
    padding: 0 26px;
    line-height: 1.25;
}

/*----------portfolio-general--------------*/
#portfolio-general {
    background: #1a1a1a;
    position: relative;
}

#portfolio-general .container:after,
#portfolio-general .container:before {
    background: #efc36e;
}

#portfolio-general:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
    height: 10px;
    top: -10px;
}

#portfolio-general:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: url(../img/bg/bg-portfolio-bottom.png) repeat-x center;
    height: 10px;
    bottom: -10px;
}

.content-portfolio-gen {
    padding: 56px 0 60px;
}

.portfolio-carousel__title {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    position: relative;
    padding: 0 0 0 25px;
}

.portfolio-carousel__title:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 29px;
    background: #efc36e;
    left: 0;
    top: 3px;
}

.wrap-portfolio-content {
    margin: 49px 0 0;
}

.head-portfolio-decore,
.footer-portfolio-decore {
    border-top: 1px solid #efc36e;
    border-bottom: 1px solid #efc36e;
    height: 18px;
    overflow: hidden;
    padding: 16px 0;
}

.head-portfolio-decore {
    padding: 0;
}

.footer-portfolio-decore {
    height: 42px;
}

.bl-portf {
    width: 111px;
    height: 111px;
}

.bl-portf img {
    display: block;
}

.box-slide-inner {
    flex-wrap: wrap;
}

.link-portfolio-inner {
    display: block;
    overflow: hidden;
    background: url(../img/bg/bg-portfolio-block.png) no-repeat center;
}

/*----------call-action-calculator-----------*/
#call-action-calculator {
    background: #3e70b5;
    color: #fff;
    position: relative;
}

#call-action-calculator:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x left top;
}

#call-action-calculator h2 {
    background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
    padding: 0 0 32px;
}

.wrap-call-action-calc {
    padding: 140px 0 60px;
}

.box-image-calculat,
.box-content-call-calc {
    width: 48.7%;
}

.inner-image-calc img:last-child {
    display: none;
}

.inner-image-calc img {
    max-width: 100%;
}

.box-content-call-calc p {
    margin: 24px 24px 0 0;
    font-size: 18px;
    line-height: 1.25;
}

.box-content-call-calc .btn-container {
    padding: 21px 0 0;
}

.btn-gen-middle {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 255px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-gen-middle-static.svg) no-repeat center;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-gen-middle:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-gen-middle-hover.svg) no-repeat center;
    right: 0;
    height: 40px;
    margin: 0 auto;
}

.btn-gen-middle:hover:after {
    opacity: 1;
}

.btn-gen-middle span {
    position: relative;
    z-index: 3;
}

.btn-gen-middle[disabled] {
    background: url(../img/buttons/btn-gen-middle-disabled.svg) no-repeat center;
    background-size: 100% 100%;
    pointer-events: none;
}

.footer-action-calc-animat {
    height: 66px;
    overflow: hidden;
    padding: 17px 0;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.footer-action-calc-animat .revers {
    margin: 15px 0 0;
}

.btn-gen-long {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 345px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    background: url(../img/buttons/btn-gen-long-static.svg) no-repeat center;
    background-size: contain;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
}

.btn-gen-long:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-gen-long-hover.svg) no-repeat center;
    background-size: 100% 100%;
    right: 0;
    height: 40px;
    margin: 0 auto;
}

.btn-gen-long:hover:after {
    opacity: 1;
}

.btn-gen-long span {
    position: relative;
    z-index: 3;
}

.btn-gen-long[disabled] {
    pointer-events: none;
    background: url(../img/buttons/btn-gen-long-disabled.svg) no-repeat center;
    background-size: 100% 100%;
}

.inner-box-calc-gen .btn-container .box-btn-calc {
    width: 48%;
    padding: 48px 0 0;
}

#general-calculator .checkbox:not(checked) + label:after {
    background: #fff;
}

.ps-form-call-action a,
.pol-blue .ps-form-call-action a {
    color: #2bd9ff;
}

.file-upload .file-upload-select,
.file-upload .file-upload-select-modal {
    display: inline-block;
    width: 100%;
    max-width: 345px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    background: url(../img/buttons/btn-action-long-static.svg) no-repeat center;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
}

.file-upload .file-upload-select:hover {
    background: url(../img/buttons/btn-action-long-hover.svg) no-repeat center;
    background-size: 100% 100%;
}

.file-upload .file-upload-select .file-select-button,
.file-upload .file-upload-select-modal .file-select-button {
    background: transparent;
    padding: 0;
    display: inline-block;
}

.file-upload .file-upload-select .file-select-name,
.file-upload .file-upload-select-modal .file-select-name-modal {
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    max-width: calc(100% - 10px);
}

.file-upload .file-upload-select .file-select-name img,
.file-upload .file-upload-select-modal .file-select-name img {
    margin: 0 5px 2px 0;
    vertical-align: middle;
}

.file-upload .file-upload-select:hover .file-select-button,
.file-upload .file-upload-select-modal {
    color: #ffffff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.file-upload .file-upload-select input[type="file"],
.file-upload-modal .file-upload-select-modal input[type="file"] {
    display: none;
}

/*----------price-general------------*/
#price-general {
    background: #3e70b5;
}

.wrap-price-content {
    padding: 115px 0 180px;
}

.main-tariffs__title {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    max-width: 730px;
    margin: 0 auto;
    line-height: 1.2;
}

.subtitle-price {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin: 17px auto 0;
    max-width: 730px;
    line-height: 1.25;
}

.box-price-gen {
    position: relative;
    background: #fff;
    padding: 0 0 0 72px;
    min-height: 480px;
    box-shadow: 8px 8px 0 0 rgba(0, 0, 0, 1);
}

.wrap-slider-price {
    padding: 48px 0 0;
}

#price-general .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.box-name-tariff-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.box-name-tariff-img img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.head-tariff-gen {
    position: relative;
    height: 116px;
}

.head-tariff-gen:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #1a1a1a;
    left: 0;
    right: 0;
    top: 65px;
}

.head-tariff-gen img {
    position: absolute;
    bottom: 0;
    left: 16px;
    z-index: 3;
}

.sum-tariff-gen {
    text-align: right;
    padding: 22px 19px;
    font-size: 16px;
    color: #3d70b5;
    font-weight: 500;
}

.body-tariff-gen {
    padding: 22px 15px 0 38px;
}

.body-tariff-gen ul {
    list-style: disc;
}

.body-tariff-gen li {
    font-size: 16px;
    line-height: 1.2;
}

.foot-tariff-gen {
    position: absolute;
    bottom: 0;
    left: 72px;
    right: 0;
    padding: 0 10px 24px;
    text-align: center;
}

.slider-price-gen .slick-slide {
    padding: 0 13px;
}

.btn-action-middle {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 255px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-action-middle-static.svg) no-repeat
        center;
    background-size: 100% 100%;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-action-middle:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-action-middle-hover.svg) no-repeat center;
    background-size: 100% 100%;
    right: 0;
    height: 40px;
    margin: 0 auto;
}

.btn-action-middle:hover:after {
    opacity: 1;
}

.btn-action-middle:hover {
    color: #fff;
}

.btn-action-middle span {
    position: relative;
    z-index: 3;
}

#price-general .slick-list {
    padding: 0 0 8px;
}

/*---------general-calculator-----------*/
#general-calculator {
    background: #3e70b5;
    overflow: hidden;
    position: relative;
}

#general-calculator:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 1px;
    background: #1a1a1a;
}

.wrap-gen-calculator {
    padding: 20px 0 79px;
}

.box-pic-girl-calculator-gen {
    width: 23%;
    position: relative;
}

.box-pic-girl-calculator-gen img {
    position: relative;
    z-index: 3;
}

.box-cont-calc-gen {
    width: 77%;
    background: #1a1a1a;
    position: relative;
}

.box-cont-calc-gen:after {
    content: "";
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -11px;
    background:
        url(../img/bg/bg-top-calc.png) top left repeat-x,
        url(../img/bg/bg-bottom-calc.png) bottom left repeat-x;
    right: -3000px;
}

.inner-box-girl-calc-gen {
    padding: 60px 0 0;
    position: relative;
}

.box-cont-calc-gen:before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    bottom: 0;
    width: 20px;
    background: url(../img/bg/bg-left-calc.png) repeat-y left top;
}

.inner-box-girl-calc-gen:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #1a1a1a;
    right: 60%;
    left: -4000px;
    top: 55%;
}

.title-gen-calc {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}

.inner-box-calc-gen {
    padding: 46px 0 44px 124px;
    height: 100%;
    position: relative;
    z-index: 40;
}

.descript-gen-calc {
    color: #fff;
    margin: 14px 0 0;
    font-size: 18px;
    line-height: 1.25;
}

.inner-box-calc-gen:after {
    content: "";
    position: absolute;
    background: #1a1a1a;
    top: 0;
    left: 100%;
    bottom: 0;
    right: -3000px;
}

.box-btn-calc {
    width: 48%;
}

.row-inputs-calc {
    flex-wrap: wrap;
    align-items: flex-end;
}

.row-inputs-calc div {
    width: 48%;
    margin: 19px 0 0;
}

.wrap-select-calc {
    padding: 24px 0 0;
}

.select {
    display: block;
    width: 100%;
    max-width: 350px;
    position: relative;
}

.new-select {
    position: relative;
    border: none;
    background: url(../img/border-bottom-input.svg) no-repeat left bottom;
    height: 46px;
    padding: 12px 0;
    font-size: 18px;
    color: #fff;
    height: 46px;
    cursor: pointer;
    user-select: none;
    z-index: 150;
}

.new-select__list {
    position: absolute;
    top: 45px;
    left: 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
    border: 1px solid #3d70b5;
    width: 100%;
    z-index: 20;
    background: #fff;
    user-select: none;
}

.new-select__list.on {
    display: block;
}

.new-select__item span {
    display: block;
    padding: 10px 15px;
    border-left: 3px solid #3d70b5;
}

.new-select__item span:hover {
    background: #f4f7fb;
    border-color: #6cd3ff;
}

.new-select:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -4px;
    background: url(../img/icons/arrow-select.svg) no-repeat right center /
        cover;

    -webkit-transition: all 0.27s ease-in-out;
    -o-transition: all 0.27s ease-in-out;
    transition: all 0.27s ease-in-out;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.new-select.on:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slider-sum-calc {
    position: relative;
    padding: 49px 0 8px;
}

.wrap-summ-slider-rang {
    padding: 40px 0 0;
}

#amount,
#amount-two,
#amount-modal,
#amount-two-modal {
    background: transparent;
    display: inline-block;
    width: 100%;
    max-width: 134px;
    height: 22px;
    line-height: 22px;
    border-left: 1px solid #3e70b5;
    border-right: 1px solid #3e70b5;
    text-align: center;
    padding: 0;
}

#general-calculator .ui-widget.ui-widget-content {
    border: none;
}

#general-calculator .ui-widget-header {
    background: #2f2f31;
}

#general-calculator .ui-widget-content {
    background: #3e70b5;
}

#general-calculator .ui-slider-horizontal {
    height: 4px;
}

#general-calculator .ui-state-default,
#general-calculator .ui-widget-content .ui-state-default {
    background: url(../img/icons/icon-rang-left.svg) no-repeat center;
    border: none !important;
    outline: none !important;
}

#general-calculator .ui-slider .ui-slider-handle {
    width: 36px;
    height: 36px;
}

#general-calculator .ui-slider-horizontal .ui-slider-handle {
    top: -16px;
}

/*--------cases-gen-block-----------*/
#cases-gen-block {
    position: relative;
}

#cases-gen-block:before {
    /* content: '';
	position: absolute;
	height: 20px;
	background: url(../img/bg/bg-calc-bottom.png) repeat-x center;
	top: 0;
	left: 0;
	right: 0; */
    content: "";
    position: absolute;
    background: url(../img/bg/cyber-line-blue-bottom.svg) repeat-x left top;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
}

.icon-case-gen {
    background: #1a1a1a;
}

.wrap-cases-gen {
    padding: 120px 0 0;
}

.box-list-cases,
.box-content-case-gen {
    width: 48.7%;
}

.box-content-case-gen {
    padding: 5px 0 0;
}

.title-box-case-gen {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.2;
}

.text-box-case-gen {
    margin: 24px 35px 0 0;
    font-size: 18px;
    line-height: 1.25;
}

.box-content-case-gen .btn-container {
    padding: 24px 0 0;
}

.btn-gen-two-middle {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 255px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-gen-two-middle-static.svg) no-repeat
        center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-gen-two-middle:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-gen-two-middle-hover.svg) no-repeat
        center;
    width: 255px;
    height: 40px;
    margin: 0 auto;
}

.btn-gen-two-middle:hover:after {
    opacity: 1;
}

.btn-gen-two-middle span {
    position: relative;
    z-index: 3;
}

.box-list-cases li {
    margin: 8px 0 0;
}

.box-list-cases li a {
    display: block;
    height: 64px;
    position: relative;
    border: 1px solid #1a1a1a;
    width: 95%;
}

.icon-case-gen {
    position: absolute;
    width: 62px;
    height: 63px;
    padding: 8px;
}

.body-case-gen {
    padding: 3px 0 0 80px;
}

.title-case-gen {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    padding: 2px 0 0;
}

.text-case-gen {
    font-size: 14px;
}

.box-list-cases li a:hover {
    width: 100%;
    background: #1a1a1a;
    color: #fff;
}

.box-list-cases li a svg {
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    fill: #edf0f5;
}

.box-list-cases li a:hover svg {
    fill: #efc36e;
}

/*-----------reviews-general-block------------*/
#reviews-general-block {
    position: relative;
    z-index: 3;
}

.wrap-reviews-block {
    padding: 118px 0 16px;
}

.box-info-cont-rev {
    width: 46%;
}

.box-rev-slider-gen {
    width: 43.5%;
    padding: 2px 0 0;
}

.our-awards__title {
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold;
    padding: 0 0 0 18px;
    line-height: 1.2;
    border-left: 7px solid #3e70b5;
}

.text-reviews-gen {
    margin: 25px 0 0 25px;
    font-size: 18px;
    line-height: 1.25;
}

.inner-slider-rev-gen {
    max-width: 420px;
    min-height: 343px;
    padding: 30px 0 0 25px;
    background: url(../img/bg/bg-slider-reviews.png) no-repeat center;
}

.slider-reviews-gen-page {
    max-width: 200px;
    margin: 0 auto;
}

#reviews-general-block .owl-prev,
#reviews-general-block .owl-next {
    position: absolute;
    border: none;
    width: 36px;
    height: 36px;
    font-size: 0;
    top: 50%;
    margin-top: -18px;
}

#reviews-general-block .owl-prev {
    background: url(../img/icons/icon-prev-rev.svg) no-repeat center;
    left: -82px;
}

#reviews-general-block .owl-next {
    background: url(../img/icons/icon-next-rev.svg) no-repeat center;
    right: -59px;
}

#reviews-general-block .owl-prev span,
#reviews-general-block .owl-next span {
    display: block;
    width: 36px;
    height: 36px;
    font-size: 0;
    opacity: 0;
}

.parallax-image-inners.top-s {
    top: 500px !important;
    z-index: 3;
}

#reviews-general-block .owl-prev span {
    background: url(../img/icons/icon-prev-rev-hover.svg) no-repeat center;
}

#reviews-general-block .owl-next span {
    background: url(../img/icons/icon-next-rev-hover.svg) no-repeat center;
}

#reviews-general-block .owl-prev:hover span,
#reviews-general-block .owl-next:hover span {
    opacity: 1;
}

.reviews-animat {
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    height: 66px;
    overflow: hidden;
    padding: 17px 0;
}

.reviews-animat .revers {
    margin: 15px 0 0;
}

/*--------clients-gen-block---------*/
#clients-gen-block {
    position: relative;
}

.wrap-clients-gen {
    padding: 118px 0 0;
}

.content-clients-gen {
    max-width: 545px;
    padding: 0 0 62px;
}

.main-our-clients__title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    position: relative;
    line-height: 1.2;
    padding: 0 0 0 25px;
}

.main-our-clients__title:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 43px;
    background: #3d70b5;
}

.text-clients-gen {
    margin: 25px 0 0 25px;
    font-size: 18px;
    line-height: 1.25;
}

.wrap-slider-clients {
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
}

.head-animat-clients,
.footer-animat-clients {
    height: 47px;
}

.box-clients-an {
    position: relative;
    width: 164px;
    padding: 0;
    height: 164px;
    margin: 0 13px;
}

.box-clients-an:last-child {
    margin: 0 0 0 13px;
}

.box-clients-an:first-child {
    margin: 0 13px 0 0;
}

.box-clients-an:after {
    content: "";
    position: absolute;
    background: url(../img/bg/border-clients-new.png) no-repeat center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.box-clients-an img {
    display: block;
    max-width: 164px;
}

.static-client-anim {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    z-index: 1;
}

.hover-client-anim {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 2;
}

.box-clients-an:hover .hover-client-anim {
    opacity: 1;
}

.box-clients-an:hover .static-client-anim {
    opacity: 0;
}

.inner-line-clients-anim {
    width: 4030px;
    height: 164px;
    animation: line_transform_client 25s linear 0s infinite;
    animation: none;
}

.inner-line-clients-anim.animate-active {
    animation: line_transform_client 25s linear 0s infinite;
}

.big-line-clients {
    position: relative;
    overflow: hidden;
}

.big-line-clients:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 180px;
    background: url(../img/bg/decore-partner-left.svg) no-repeat center;
    top: -10px;
    left: 0;
    z-index: 10;
}

.big-line-clients:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 180px;
    background: url(../img/bg/decore-partner-right.svg) no-repeat center;
    top: -10px;
    right: 0;
    z-index: 10;
}

@keyframes line_transform_client {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-1047px);
    }

    to {
        transform: translateX(-2095px);
    }
}

/*--------blog-gen-block---------*/
.wrap-blog-info {
    padding: 112px 0 0;
}

.wrap-blog-info {
    max-width: 520px;
}

.wrap-blog-block {
    padding: 0 0 125px;
}

.title-blog-general {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 48px;
    padding: 0 0 0 18px;
    border-left: 7px solid #3e70b5;
    line-height: 1.2;
}

#blog-gen-block .owl-carousel .owl-stage-outer {
    padding: 0 4px 4px 0;
    margin-right: -4px;
}

.descript-blog-gen {
    margin: 20px 0 0 25px;
    font-size: 18px;
    line-height: 1.25;
}

.slider-borders-line {
    padding: 48px 0 0;
}

.image-blog-prev {
    height: 144px;
    overflow: hidden;
    position: relative;
}

.image-blog-prev img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
    transform: scale(1.1);
}

.box-blog-prev:hover img {
    transform: scale(1);
}

.box-blog-prev:hover .num-prev-blog {
    color: #3d70b5;
}

.box-blog-prev:hover {
    box-shadow: 4px 4px 0 #1a1a1a;
}

.image-blog-prev span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    bottom: 0;
    background: #3d70b5;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    mix-blend-mode: multiply;
}

.box-blog-prev:hover .image-blog-prev span {
    width: 100%;
    right: 0;
}

.box-blog-inner-prev:hover img {
    transform: scale(1);
}

.body-blog-prev {
    border: 1px solid #1a1a1a;
    border-top: none;
    position: relative;
    padding: 14px 10px 21px 45px;
}

.box-blog-prev {
    max-width: 255px;
    margin: 0 auto;
    display: block;
}

.body-blog-prev .num-prev-blog {
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: 13px;
    left: 5px;
    transform: rotate(90deg);
    letter-spacing: -2px;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.body-blog-prev time {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.body-blog-prev .blog_excpert {
    font-size: 18px;
    line-height: 1.2;
}

#blog-gen-block .owl-dots {
    position: absolute;
    top: -31px;
    left: 0;
}

#blog-gen-block .owl-dots button {
    background: transparent;
    border: 1px solid #1a1a1a;
    width: 30px;
    height: 5px;
    margin: 0 6px 0 0;
    font-size: 0;
}

#blog-gen-block .owl-dots button.owl-dot.active {
    background: #1a1a1a;
}

.box-animat-blog {
    border-bottom: 1px solid #1a1a1a;
    height: 40px;
    overflow: hidden;
    padding: 15px 0;
}

.head-animat-clients,
.footer-animat-clients {
    padding: 19px 0;
    overflow: hidden;
}

.line-animate-matrix {
    height: 8px;
    background: url(../img/line_aminat.svg) no-repeat;
    background-size: cover;
    background-position: 50%;
    width: 3330px;
    animation: line_transform 15s linear 0s infinite;
    animation: none;
}

.line-animate-matrix.animate-active {
    animation: line_transform 15s linear 0s infinite;
}

.line-animate-matrix.revers {
    animation: line_transform_reverse 15s linear 0s infinite;
    animation: none;
}

.line-animate-matrix.revers.animate-active {
    animation: line_transform_reverse 15s linear 0s infinite;
}

.gold-anim {
    height: 8px;
    background: url(../img/line_aminat-gold.svg) no-repeat 50% 50%;
}

.line-animate-matrix.white-anim {
    background: url(../img/line_aminat-white.svg) no-repeat;
}

.line-animate-portfolio {
    height: 111px;
    width: 2222px;
    animation: line_transform_portfolio 25s linear 0s infinite;
    animation: none;
}

.line-animate-portfolio.revers {
    animation: line_transform_portfolio_reverse 25s linear 0s infinite;
    animation: none;
    /*	margin-left: 1111px;*/
}

.line-animate-portfolio.animate-active {
    animation: line_transform_portfolio 25s linear 0s infinite;
}

.line-animate-portfolio.revers.animate-active {
    animation: line_transform_portfolio_reverse 25s linear 0s infinite;
}

@keyframes line_transform {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-1110px);
    }

    to {
        transform: translateX(-2200px);
    }
}

@keyframes line_transform_portfolio {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-555px);
    }

    to {
        transform: translateX(-1111px);
    }
}

@keyframes line_transform_portfolio_reverse {
    0% {
        transform: translateX(-1111px);
    }

    50% {
        transform: translateX(-555px);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes line_transform_reverse {
    0% {
        transform: translateX(-1110px);
    }

    50% {
        transform: translateX(0);
    }

    to {
        transform: translateX(1110px);
    }
}

#scheme-work .line-animate-matrix {
    animation: none;
}

/*--------map-block-general----------*/
#map-block-general {
    background: #1a1a1a url(../img/map-general.jpg) no-repeat center 45px;
    min-height: 465px;
    position: relative;
    z-index: 1;
}

@media (min-resolution: 2dppx) {
    #map-block-general {
        background-image: url("../img/retina/map-general-retina.jpg");
        background-size: cover;
    }
}

#map-block-general .container:after,
#map-block-general .container:before {
    display: none;
}

.box-information-map-gen {
    background: #fff;
    margin: 0 0 0 95px;
    max-width: 445px;
    min-height: 465px;
    position: relative;
    box-shadow: 8px 8px 0 8px rgba(26, 26, 26, 1);
}

.box-information-map-gen:after {
    content: "";
    position: absolute;
    width: 421px;
    height: 28px;
    background: url(../img/bg/bg-head-map-info2.svg) no-repeat center;
    top: 21px;
    left: 24px;
}

.box-information-map-gen:before {
    content: "";
    position: absolute;
    width: 421px;
    height: 28px;
    background: url(../img/bg/bg-footer-map-info.svg) no-repeat center;
    bottom: 26px;
    left: 24px;
}

.head-info-map-gen {
    padding: 62px 24px 20px;
}

.title-map {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
}

#map-block-general .link-socials,
.inner-social-link-stub .link-socials {
    border-color: #1a1a1a;
}

#map-block-general .link-socials svg,
.inner-social-link-stub .link-socials svg {
    fill: #1a1a1a;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

#map-block-general .link-socials:hover svg,
.inner-social-link-stub .link-socials:hover svg {
    fill: #fff;
}

#map-block-general .link-socials:hover,
.inner-social-link-stub .link-socials:hover {
    border-color: #fff;
}

.body-info-map-gen {
    margin: 0 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 10px 0;
}

.body-info-map-gen .box-phone-head,
.body-info-map-gen .box-time-work {
    width: 48%;
}

.body-info-map-gen .box-phone-head p span,
.body-info-map-gen .box-time-work p span {
    color: #1a1a1a;
}

.body-info-map-gen .box-phone-head p a,
.body-info-map-gen .box-time-work p em {
    color: #1a1a1a;
    font-weight: 500;
    font-size: 16px;
}

.body-info-map-gen .box-phone-head p {
    padding: 0 0 0 48px;
    background: url(../img/icons/icon-phone-blue.svg) no-repeat left center;
}

.body-info-map-gen .box-time-work p {
    padding: 0 0 0 48px;
    background: url(../img/icons/icon-time-work-blue.svg) no-repeat left center;
}

.address-map-gen {
    padding: 10px 24px 0;
}

.address-map-gen li {
    min-height: 38px;
    margin: 12px 0 0;
    display: flex;
    align-items: center;
    padding: 0 0 0 38px;
    font-size: 14px;
    background: url(../img/icons/icon-geo-map.svg) no-repeat left center;
}

.address-map-gen li.action-address {
    font-weight: bold;
}

.map-mobile {
    display: none;
}

/*--------footer----------*/
#footer {
    background: #1a1a1a;
    padding: 48px 0 0;
    position: relative;
    z-index: 2;
}

#footer:after {
    content: "";
    position: absolute;
    top: -10px;
    height: 10px;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.wrap-footer-top {
    border-top: 1px solid rgba(237, 240, 245, 0.12);
    border-bottom: 1px solid rgba(237, 240, 245, 0.12);
}

.box-call-footer-hover {
    position: relative;
    width: 23%;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.box-call-footer-hover:hover {
    background: rgba(237, 240, 245, 0.12);
}

.wrap-footer-top .btn-container {
    width: 23%;
    text-align: right;
}

.box-call-footer-hover p {
    color: #fff;
    font-size: 14px;
    padding: 2px 0 2px 58px;
    min-height: 60px;
    display: flex;
    align-items: center;
}

.box-call-footer-hover p span {
    display: block;
    color: #ccc;
}

.box-call-footer-hover p a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.box-address-footer:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    left: 15px;
    background: url(../img/icons/icon-geo-foot.svg) no-repeat left center;
}

.box-phone-footer:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    left: 15px;
    background: url(../img/icons/phone.svg) no-repeat left center;
}

.box-letter-footer:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    left: 15px;
    background: url(../img/icons/icon-letter-foot.svg) no-repeat left center;
}

.wrap-footer-center {
    padding: 68px 0 71px;
}

.col-nav-foot {
    width: 14.3%;
}

.title-foot-nav {
    text-transform: uppercase;
    font-weight: 500;
    color: #efc36e;
}

.wrap-links-footer li {
    margin: 14px 0 0;
}

.wrap-links-footer a {
    color: #fff;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.wrap-links-footer a svg {
    fill: #fff;
}

.wrap-links-footer a:hover svg {
    fill: #efc36e;
}

.wrap-links-footer a img {
    margin: 1px 0 0;
}

.wrap-links-footer a:hover {
    color: #efc36e;
}

.wrap-links-footer a span {
    width: 88%;
}

.inner-footer-warn {
    border-top: 1px solid rgba(237, 240, 245, 0.12);
    padding: 72px 0 74px;
}

.box-info-copyright-foot {
    width: 49%;
    border-left: 4px solid #efc36e;
}

.box-info-copyright-foot p {
    padding: 0 0 0 17px;
    color: #ccc;
    font-size: 12px;
    line-height: 1.25;
}

.box-info-copyright-foot p {
    margin: 20px 0 0;
}

.box-info-copyright-foot p:first-child {
    margin: 0;
}

.box-info-copyright-foot p a {
    text-decoration: underline;
}

.box-logo-foot-copyright {
    width: 14.5%;
}

.box-logo-foot-copyright a {
    position: relative;
}

.box-logo-foot-copyright img {
    display: block;
    max-width: 100%;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.box-logo-foot-copyright img:first-child {
    opacity: 1;
}

.box-logo-foot-copyright img:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.box-logo-foot-copyright a:hover img:first-child {
    opacity: 0;
}

.box-logo-foot-copyright a:hover img:last-child {
    opacity: 1;
}

.wrap-footer-bottom {
    border-top: 1px solid rgba(237, 240, 245, 0.12);
    padding: 15px 0;
}

/* .box-logo-company-foot {
	width: 48%;
} */
.links-to-resurse {
    width: 18.7%;
}

.links-footer-bottom-socials {
    /* width: 25%; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.links-footer-bottom-socials span {
    color: #ccc;
    font-size: 16px;
    margin: 0 21px 0 0;
}

.links-to-resurse p {
    padding: 0 0 0 40px;
    background: url(../img/icons/icon-to-resurse.svg) no-repeat left center;
}

.links-to-resurse p span {
    color: #ccc;
    font-size: 14px;
    display: block;
}

.links-to-resurse p a {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.box-logo-company-foot {
    display: flex;
    align-items: center;
}

.box-logo-company-foot p {
    max-width: 200px;
    margin: 0 0 0 24px;
    color: #ccc;
    font-size: 12px;
}

.box-callback-bottom {
    cursor: pointer;
    position: fixed;
    right: 29px;
    z-index: 300;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#callback_ht.default {
    bottom: 40px;
}

#callback_ht.fixed {
    bottom: 120px;
}

.inner-callback-bottom {
    width: 88px;
    height: 72px;
    position: relative;
    background: url(../img/buttons/btn_call_footer.svg) no-repeat center;
}

.left-line-callback,
.right-line-callback {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 72px;
    width: 8px;
    background: #1a1a1a;
    position: absolute;
    top: 0;
    left: 8px;
    overflow: hidden;
}

.right-line-callback {
    left: auto;
    right: 8px;
}

.box-callback-bottom:hover .left-line-callback {
    left: 0;
}

.box-callback-bottom:hover .right-line-callback {
    right: 0;
}

.footer_section_arrow_top {
    position: fixed;
    width: 40px;
    height: 40px;
    background: url(../img/buttons/arrow_back_footer.svg) no-repeat center;
    /* background: url(../img/buttons/arrow_back_footer_.png) no-repeat center; */
    bottom: 60px;
    right: 52px;
    overflow: hidden;
    z-index: 300;
}

.footer_section_arrow_top_arrow,
.footer_section_arrow_top_arrow_hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: url(../img/buttons/arrow_up_footer.svg) no-repeat;
    background-size: 50%;
    background-position: 50%;
    transition: all 0.4s ease;
}

.footer_section_arrow_top_arrow_hidden {
    transform: translateY(100%);
}

.footer_section_arrow_top:hover .footer_section_arrow_top_arrow {
    transform: translateY(-100%);
}

.footer_section_arrow_top:hover .footer_section_arrow_top_arrow_hidden {
    transform: translateY(0);
}

.inner-foot-link-soc,
.box-socials-map {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .footer_section_arrow_top {
        right: 48px;
        width: 48px;
        height: 48px;
        background: url(../img/buttons/arrow_back_footer_.png) no-repeat center;
    }

    .footer_section_arrow_top_arrow,
    .footer_section_arrow_top_arrow_hidden {
        width: 48px;
        height: 48px;
    }
}

/*----------------------
	INNER PAGES
----------------------*/
.first-block-inner-pages #nav ul.top-menu > li > a {
    color: #1a1a1a;
    font-weight: 500;
}

.first-block-inner-pages.about-us-page #nav ul.top-menu > li > a {
    color: #fff;
    font-weight: normal;
}

.first-block-inner-pages h1 {
    padding: 0 0 29px;
    background: url(../img/icons/line-h2.svg) no-repeat left bottom;
}

.wrap-breadcrumb-housetech {
    padding: 46px 5px 13px 25px;
}

.breadcrumb-housetech {
    display: flex;
}

.breadcrumb-housetech li {
    position: relative;
    margin: 0 5px 0 18px;
    color: rgba(26, 26, 26, 0.56);
    font-size: 18px;
}

.breadcrumb-housetech li:first-child {
    margin: 0 5px 0 0;
}

.breadcrumb-housetech li:after {
    content: "/";
    position: absolute;
    color: #3d70b5;
    top: 0;
    left: -15px;
    font-size: 18px;
}

.breadcrumb-housetech li:first-child:after {
    display: none;
}

.breadcrumb-housetech li a {
    text-decoration: none;
}

.breadcrumb-housetech li a:hover {
    color: rgba(26, 26, 26, 1);
}

/*---CONTACTS START----*/
.wrap-contacts-gen-content {
    padding: 0 25px 30px;
    position: relative;
}

.box-info-gen-cont-contacts {
    width: 67%;
}

.box-manager-contacts {
    position: absolute;
    top: 9px;
    right: 23px;
}

.box-info-gen-cont-contacts p {
    margin: 15px 0 0;
    font-size: 18px;
    line-height: 1.2;
}

.subtitle-3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin: 16px 0 0;
}

.inner-manager-contacts {
    position: relative;
}

.inner-manager-contacts:after {
    content: "";
    position: absolute;
    height: 5px;
    top: -5px;
    left: 0;
    right: 0;
    background: url(../img/line-decore-black-top.svg) repeat-y left top;
}

.wrap-photo-manager-contacts {
    border: 1px solid #1a1a1a;
    max-width: 328px;
}

.wrap-photo-manager-contacts img {
    display: block;
    max-width: 100%;
}

.wrap-body-manager-contacts {
    background: #1a1a1a url(../img/icons/icon-manager-contacts.svg) no-repeat
        left center;
    padding: 14px 15px 14px 60px;
    color: #fff;
    position: relative;
}

.wrap-body-manager-contacts:before {
    content: "";
    position: absolute;
    height: 6px;
    left: 0;
    right: 0;
    bottom: -5px;
    background: url(../img/line-decore-black-bottom.svg) repeat-y left top;
}

.name-manager-contacts {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}

.status-manager-contacts {
    font-size: 16px;
    font-weight: 500;
    color: #cccccc;
}

.box-contact-cont {
    max-width: 300px;
}

.box-contact-cont p {
    display: inline-block;
    text-align: left;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    padding: 0 0 0 47px;
}

.box-contact-cont p span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.box-phone-contacts p {
    background: url(../img/icons/icon-phone-blue.svg) no-repeat left center;
}

.box-letter-contact p,
.box-letter-smi p {
    background: url(../img/icons/icon-letter-blue.svg) no-repeat left center;
}

.wrap-title-address-info {
    padding: 72px 0;
}

.wrap-address-slider-block {
    padding: 0 1px;
    position: relative;
    z-index: 4;
}

.title-blocks-3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 0 18px;
    line-height: 1.2;
    border-left: 7px solid #3e70b5;
}

.body-address-photo {
    position: relative;
    background: #1a1a1a;
    padding: 15px 50px 15px 25px;
}

.body-address-photo:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    right: 25px;
    background: url(../img/icons/icon-geo-foot.svg) no-repeat center;
}

.name-city-address {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}

.name-home-address {
    color: #ccc;
    font-size: 12px;
}

/* body.body-inner-pages #map-block-general {
	min-height: 552px;
	padding: 50px 0 0;
	background: url(../img/map-general-contacts.jpg) no-repeat center top;
	background-size: cover;
} */
@media (min-resolution: 2dppx) {
    /* body.body-inner-pages #map-block-general {
    	background-image: url('../img/retina/map-general-contacts-retina.jpg');
		background-size: cover;
	} */
}

body.body-inner-pages .box-information-map-gen {
    box-shadow: 10px 10px 0 0px rgba(26, 26, 26, 1);
}

/*---CONTACTS END---*/

/*---ABOUT US START---*/

.first-block-inner-pages.about-us-page {
    position: relative;
    background: #3d70b5;
}

.first-block-inner-pages.about-us-page .breadcrumb-housetech li,
.first-block-services .breadcrumb-housetech li {
    color: rgba(255, 255, 255, 0.56);
}

.first-block-inner-pages.about-us-page .breadcrumb-housetech li:after,
.first-block-services .breadcrumb-housetech li:after {
    color: #efc36e;
}

.first-block-inner-pages.about-us-page .breadcrumb-housetech li a:hover,
.first-block-services .breadcrumb-housetech li a:hover {
    color: rgba(255, 255, 255, 1);
}

.first-block-inner-pages.about-us-page h1,
.first-block-services h1 {
    color: #fff;
    padding: 0 0 29px;
    background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
}

.text-housetech-bg {
    width: 100%;
    height: 580px;
    background: url(../img/bg/big_letters_about-top.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 135px;
    left: 0;
    transition: all 0.4s ease;
    transform: translateY(0);
    will-change: transform;
    z-index: 1;
}

.content-inner-pages-start {
    position: relative;
    z-index: 3;
}

.featured-services .content-inner-pages-start {
    z-index: inherit;
}

.box-info-gen-cont-about-us p,
.box-sub-content-about p,
.first-block-services .box-titles-inner-pages p {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    margin: 15px 0 0;
}

.box-info-gen-cont-about-us {
    width: 31%;
    padding: 13px 0 0;
}

.box-sub-content-about {
    width: 30.5%;
}

.box-maskot-fox {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -173px;
}

.box-maskot-fox img {
    display: block;
}

.box-sub-content-about #sample_typeit,
.box-sub-content-about #sample_typeitTwo {
    color: #efc36e;
}

.box-sub-content-about #sample_typeit span,
.box-sub-content-about #sample_typeitTwo span {
    opacity: 0 !important;
}

.inner-subtitle-about-anim {
    text-align: right;
    margin-top: -38px;
    padding: 0 0 61px;
}

.box-sub-content-about .inner-title-table-info:before,
.box-sub-content-about .inner-title-table-info:after {
    background: #efc36e;
}

.box-text-cont-about-gen {
    position: relative;
    padding: 0 20px 0 0;
}

.box-text-cont-about-gen:after {
    content: "";
    position: absolute;
    width: 46px;
    height: 176px;
    background: url(../img/decore-about-cont.svg) no-repeat center;
    top: 0;
    right: -24px;
}

#block-icons-about-general {
    background: #1a1a1a;
    position: relative;
}

#block-icons-about-general:after {
    content: "";
    position: absolute;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.box-icons-general {
    padding: 46px 0 34px;
}

#block-icons-about-general .container:after,
#block-icons-about-general .container:before,
#who-are-we .container:after,
#who-are-we .container:before {
    background: #fff;
}

#who-are-we .container {
    position: relative;
    z-index: 2;
}

.about-us-page .wrap-contacts-gen-content {
    padding: 0 25px 75px;
}

#who-are-we {
    background: #1a1a1a;
    position: relative;
}

#who-are-we .line-animate-matrix {
    animation: none;
}

.wrap-who-are-we {
    padding: 59px 25px 62px;
}

.title-who-are-we span {
    display: none;
}

.title-who-are-we {
    width: 12%;
    padding: 8px 0 0;
}

.title-who-are-we img {
    display: block;
    max-width: 100%;
}

.content-who-are-we {
    width: 51.5%;
}

.image-who-are-we {
    width: 30%;
}

.image-who-are-we img {
    display: block;
    max-width: 100%;
}

.content-who-are-we p {
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    padding: 0 0 25px 0;
    position: relative;
}

.content-who-are-we p:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: url(../img/decore-scheme-list.svg) no-repeat center;
    background-size: 100% 100%;
    top: 9px;
    left: -31px;
}

.content-who-are-we p:before {
    content: "";
    position: absolute;
    background: #efc36e;
    width: 1px;
    top: 11px;
    bottom: -12px;
    left: -27px;
}

.content-who-are-we p:last-child:before {
    display: none;
}

.box-img-inner-office img {
    display: block;
}

.wrap-photos-inner-office {
    padding: 0 0 0 1px;
}

#who-are-we:after {
    content: "";
    position: absolute;
    height: 82px;
    background: url(../img/bg/bg-about-who-are-we.png) no-repeat center;
    background-size: 100% 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 1;
}

@media (min-resolution: 2dppx) {
    #who-are-we:after {
        background-image: url("../img/retina/bg-about-who-are-we-retina.png");
        background-size: cover;
    }
}

#our-goals-and-mission {
    background: #3d70b5;
    position: relative;
}

#our-goals-and-mission .container {
    position: relative;
    z-index: 3;
}

#our-goals-and-mission:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 160px;
    background: url(../img/bg/bg-goal-and-mission-bottom.png) no-repeat center;
    background-size: 100% 100%;
}

@media (min-resolution: 2dppx) {
    #our-goals-and-mission:after {
        background-image: url("../img/retina/bg-goal-and-mission-bottom-retina.png");
        background-size: cover;
    }
}

.inner-title-h2 {
    text-align: center;
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 46px 0 23px;
    background: url(../img/icons/line-h2-yellow.svg) no-repeat center bottom;
}

#our-goals-and-mission p {
    text-align: center;
    line-height: 1.22;
    margin: 18px auto 0;
    font-size: 18px;
    color: #fff;
    max-width: 730px;
}

#our-goals-and-mission .wrap-photos-inner-office {
    justify-content: flex-end;
    padding: 51px 0 0;
}

#history-about-us {
    position: relative;
}

#history-about-us .container {
    position: relative;
    z-index: 10;
}

.box-title-history,
.box-image-history-one,
.box-content-history,
.box-image-history-two {
    width: 50%;
}

.wrap-history-about-top {
    padding: 120px 0 0;
}

.box-image-history-one img,
.box-image-history-two img {
    display: block;
    max-width: 100%;
}

.title-history {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    margin: 20px 0 0;
    padding: 0 0 0 18px;
    line-height: 1.23;
    border-left: 8px solid #3d70b5;
}

.box-title-history p {
    margin: 25px 0 0 25px;
    font-size: 18px;
    line-height: 1.22;
    padding: 0 20px 28px 0;
    background: url(../img/decore-text-bottom.svg) no-repeat left bottom;
}

.wrap-history-about-bottom {
    flex-direction: row-reverse;
}

.box-content-history {
    background: #1a1a1a;
    position: relative;
    color: #fff;
    padding: 1px 25px 25px;
}

.box-content-history:after {
    content: "";
    position: absolute;
    bottom: 24px;
    right: 25px;
    background: url(../img/decore-text-bottom-yellow.svg) no-repeat right center;
    height: 6px;
    left: 0;
}

.box-content-history p {
    font-size: 18px;
    line-height: 1.22;
    margin: 22px 0 0;
}

.wrap-event-date {
    flex-wrap: wrap;
    padding: 18px 0 48px;
}

.box-event-date {
    position: relative;
    width: 48.6%;
    display: flex;
    min-height: 66px;
    align-items: center;
    margin: 30px 0 0;
}

.box-event-date img {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -33px;
    left: 0;
}

.box-event-date p {
    font-size: 18px;
    line-height: 1.22;
    padding: 0 25px 0 53px;
}

#photo-slider-about .body-address-photo:after {
    background: url(../img/icon-about-slider.svg) no-repeat center;
    width: 25px;
    height: 25px;
}

.wrap-slider-about {
    padding: 0 0 131px;
}

#history-about-us .parallax-image-one {
    top: -200px;
}

.line-decore-white-about {
    overflow: hidden;
    position: relative;
}

.date-event {
    position: absolute;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -19px;
    left: -14px;
}

.date-event span {
    padding: 5px 0;
    border: 1px solid #1a1a1a;
    width: 66px;
    height: 38px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    display: block;
}

.box-event-date:last-child .date-event span {
    background: #1a1a1a;
    color: #fff;
}

/*---ABOUT US END---*/

/*---HONORS START---*/
.first-block-inner-pages {
    position: relative;
}

.box-titles-inner-pages {
    width: 67%;
}

.box-titles-inner-pages p {
    margin: 15px 0 0;
    font-size: 18px;
    line-height: 1.22;
}

.box-titles-inner-pages p a {
    color: #3d70b5;
    font-weight: bold;
}

.ti-cursor.with-delay {
    display: none !important;
}

.box-category-honors {
    position: relative;
    z-index: 5;
}

.first-block-inner-pages .parallax-image-one {
    top: 150px;
}

.first-block-inner-pages .box-title-serv-table-info {
    width: 33%;
}

.wrap-info-caterogy-body {
    padding: 50px 0 5px;
}

.wrap-info-caterogy-body.end-wrap-info-category {
    padding: 50px 0 90px;
}

.animat-border-top {
    border-top: 1px solid #1a1a1a;
    height: 40px;
    padding: 15px 0;
    overflow: hidden;
}

.animat-border-bottom {
    border-bottom: 1px solid #1a1a1a;
    height: 40px;
    padding: 15px 0;
    overflow: hidden;
}

.animat-border-top .line-animate-matrix.line-no-animate {
    animation: none;
}

.info-category-honors {
    padding: 0 25px 72px;
}

.info-category-honors p {
    margin: 25px 0 0;
    font-size: 18px;
    line-height: 1.22;
    max-width: 710px;
}

.wrap-contacts-gen-content.wrap-inner-content-long-padd {
    padding: 0 25px 71px;
}

.info-category-honors ul {
    list-style: disc;
    padding: 0 0 0 30px;
}

.info-category-honors li {
    font-size: 18px;
    line-height: 1.22;
}

.col-honor {
    display: block;
    text-decoration: none;
    width: 255px;
    position: relative;
    margin: 35px 0 0;
}

.col-honor:after {
    content: "";
    position: absolute;
    height: 5px;
    top: -5px;
    left: 0;
    right: 0;
    background: url(../img/line-decore-black-top.svg) repeat-y left top;
}

.col-honor:before {
    content: "";
    position: absolute;
    height: 6px;
    bottom: -5px;
    left: 0;
    right: 0;
    background: url(../img/line-decore-black-bottom.svg) repeat-y left top;
}

.wrap-image-honors {
    height: 355px;
    position: relative;
    border: 1px solid #1a1a1a;
}

.col-honor.honor-album .wrap-image-honors {
    height: 160px;
}

.wrap-image-honors:after {
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5) url(../img/hover-honors.svg) no-repeat center;
    opacity: 0;
}

.wrap-image-honors img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.body-honors-info {
    position: relative;
    background: #1a1a1a;
    padding: 6px 50px 11px 16px;
}

.name-honor-info {
    color: #efc36e;
    font-size: 14px;
}

.date-honor-info {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

.body-honors-info:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    right: 15px;
    background: url(../img/logo-l.svg) no-repeat center;
    background-size: 24px;
}

.list-honors-present {
    padding: 0 0 40px;
}

.col-honor:hover .wrap-image-honors:after {
    opacity: 1;
}

.years-honors {
    position: relative;
    height: 112px;
}

.years-honors span {
    padding: 5px 0;
    border: 1px solid #1a1a1a;
    width: 66px;
    height: 37px;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
    display: block;
    position: absolute;
    transform: rotate(90deg);
    top: 50%;
    margin-top: -19px;
    left: -14px;
}

.slider-honors {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
}

.slider-honors .item {
    margin: 0 30px 0 0;
    position: relative;
}

/*---HONORS END---*/

/*---FAQ START---*/
.box-qustion {
    border-top: 1px solid #1a1a1a;
    margin-right: 1px;
}

.spoiler-wrap {
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    border-left: 3px solid #1a1a1a;
}

.spoiler-wrap:hover,
.spoiler-wrap.active {
    background: #fff;
}

.spoiler-wrap.active {
    border-color: #efc36e;
}

.spoiler-head {
    font-size: 20px;
    padding: 18px 50px 19px 18px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}

.spoiler-body {
    border-top: 1px solid #edf0f5;
    padding: 20px;
}

.spoiler-body p {
    font-size: 18px;
    line-height: 1.22;
    font-style: italic;
    max-width: 695px;
}

.spoiler-wrap.disabled .spoiler-body {
    /*	display:none;*/
}

.spoiler-body {
    display: none;
}

.spoiler-head:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
    right: 23px;
    background: url(../img/border-quest.svg) no-repeat center;
}

.spoiler-head:before {
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    content: "";
    position: absolute;
    width: 2px;
    height: 12px;
    background: #1a1a1a;
    top: 50%;
    margin-top: -6px;
    right: 34px;
}

.spoiler-wrap.active .spoiler-head:before {
    opacity: 0;
}

.wrap-box-faq {
    position: relative;
    z-index: 4;
    padding: 47px 0 0;
}

.wrap-info-faq-body {
    position: relative;
}

.wrap-info-faq-body .parallax-image-inners {
    top: 900px;
}

/*---FAQ END---*/

/*---MEDIA START---*/
#previews-media {
    position: relative;
}

.box-titles-inner-pages blockquote {
    margin: 15px 0 0;
    font-size: 18px;
    line-height: 1.22;
    font-style: italic;
}

.box-titles-inner-pages p strong {
    font-weight: 500;
}

.wrap-contacts-media-first {
    position: absolute;
    bottom: 48px;
    right: 24px;
}

.box-contact-media-f {
    width: 231px;
    position: relative;
    border: 1px solid #1a1a1a;
    border-left: 4px solid #1a1a1a;
    margin: 16px 0 0;
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

.box-contact-media-f p {
    padding: 9px 10px 9px 55px;
}

.box-contact-media-f p span {
    display: block;
    color: rgba(0, 0, 0, 0.56);
    font-size: 14px;
}

.box-contact-media-f p a {
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.box-contact-media-f img {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 16px;
}

.page-we-in-media .inner-title-table-info {
    margin-top: -22px;
}

.wrap-previews-media {
    padding: 1px 0 120px;
}

.box-previews-media {
    margin: 49px 0 0;
    padding: 0 30px;
    max-width: 777px;
    position: relative;
    z-index: 5;
}

.press-source-name {
    display: inline-block;
    position: relative;
    background: #3d70b5;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 8px 3px 0;
}

.press-source-name:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -29px;
    width: 29px;
    background: #3d70b5;
}

.date-prev-media {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.56);
    margin: 25px 0 0;
    font-weight: 500;
    text-transform: uppercase;
}

.box-previews-media h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 0;
    line-height: 1.16;
}

.excerpt-prev-media {
    margin: 25px 0 0;
    font-size: 18px;
    line-height: 1.22;
}

.link-more-media {
    color: #3d70b5;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin: 25px 0 0;
    vertical-align: middle;
    padding: 6px 0;
}

.link-more-media img {
    margin: 4px 0 0 8px;
}

.link-more-media:hover {
    padding: 6px 16px;
    background: rgba(61, 112, 181, 0.05);
}

/*---MEDIA END---*/

/*---TEAM START---*/
.title-team {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    padding: 0 0 0 18px;
    line-height: 1.23;
    margin: 10px 0 0;
    border-left: 8px solid #3d70b5;
}

.info-category-team {
    padding: 0 25px 25px;
}

.info-category-team p {
    margin: 25px 0 0;
    font-size: 18px;
    line-height: 1.22;
    max-width: 710px;
}

.box-team {
    position: relative;
    background: #1a1a1a;
    width: 255px;
    height: 255px;
    margin: 24px 0 0;
    clip-path: polygon(
        20% 0,
        100% 0,
        100% 0,
        100% 80%,
        82% 100%,
        0 100%,
        0 100%,
        0 20%
    );
}

.box-team:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: #fff;
    z-index: -1;
    clip-path: polygon(
        20% 0,
        100% 0,
        100% 0,
        100% 80%,
        82% 100%,
        0 100%,
        0 100%,
        0 20%
    );
}

.head-team-info {
    display: flex;
    align-items: center;
    padding: 30px 0 0 24px;
}

.photo-team {
    overflow: hidden;
}

.photo-team img {
    display: block;
    position: relative;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: 2px;
}

.box-team:hover .photo-team img {
    transform: scale(1.03);
}

.icon-team-status img {
    display: block;
}

.icon-team-status {
    border: 1px solid #1a1a1a;
    padding: 8px 7px;
    border-left: 4px solid #1a1a1a;
    width: 66px;
    height: 64px;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 0 0 0 15px;
}

.box-team:hover .icon-team-status {
    width: 95px;
}

.body-team-info {
    padding: 11px 25px 0;
}

.name-team {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.status-team {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    margin: 5px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.56);
}

.box-team:hover .status-team {
    color: rgba(0, 0, 0, 1);
}

.status-team.vip-status-team {
    color: #3d70b5;
    padding: 0 0 0 20px;
    opacity: 0.56;
}

.box-team:hover .status-team.vip-status-team {
    opacity: 1;
    color: #3d70b5;
}

.status-team.vip-status-team:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/team/icon-vip-team.svg) no-repeat center;
    top: 2px;
    left: 0;
}

.shadow-team {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    position: absolute;
    top: 27px;
    left: 3px;
    width: 255px;
    height: 255px;
    background: #1a1a1a;
    z-index: -1;
    clip-path: polygon(
        20% 0,
        100% 0,
        100% 0,
        100% 80%,
        82% 100%,
        0 100%,
        0 100%,
        0 20%
    );
}

.slider-honors .item:hover .shadow-team {
    opacity: 1;
}

/*---TEAM END---*/

/*---BLOG START---*/
.wrap-main-blog {
    padding: 18px 0 60px;
    position: relative;
    z-index: 5;
    flex-wrap: wrap;
}

.box-blog-inner-prev {
    margin: 30px 0 0;
    width: 31.6%;
    background: #fff;
    border: 1px solid #1a1a1a;
    position: relative;
}

.head-image-prev-blog-inner {
    position: relative;
    height: 195px;
    overflow: hidden;
    margin: -1px -1px 0 -1px;
}

.head-image-prev-blog-inner img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    transform: scale(1.1);
}

.head-image-prev-blog-inner span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    bottom: 0;
    background: #3d70b5;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    mix-blend-mode: multiply;
}

.box-blog-inner-prev:hover img {
    transform: scale(1);
}

.box-blog-inner-prev:hover .head-image-prev-blog-inner span {
    width: 100%;
    right: 0;
}

.body-blog-prev-inner {
    border-top: none;
    padding: 12px 15px 18px;
}

.body-blog-prev-inner time,
.body-blog-prev-inner .time {
    font-size: 14px;
    opacity: 0.4;
    color: #1a1a1a;
}

.blog-title--inner {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.blog-title--inner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}

.blog_excpert {
    font-size: 16px;
    line-height: 1.22;
    margin: 14px 0 0;
}

.blog-tags-inner {
    display: flex;
    padding: 21px 0;
    position: relative;
    z-index: 3;
}

.blog-tags-inner span,
.blog-tags-inner a {
    color: #fff;
    font-size: 12px;
    padding: 2px 8px;
    background: #3d70b5;
    margin: 0 8px 0 0;
    border-radius: 4px;
}

.little-logo-blog-prev {
    position: relative;
}

.little-logo-blog-prev:after,
.little-logo-blog-prev:before {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    position: absolute;
    height: 4px;
    background: #1a1a1a;
    top: 50%;
    margin-top: 1px;
}

.little-logo-blog-prev:after {
    width: 12px;
    left: 60px;
}

.little-logo-blog-prev:before {
    width: 5px;
    left: 80px;
}

.views-blog-prev-inner {
    position: relative;
    opacity: 0.32;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 35px 2px 0;
    text-align: right;
    margin: 0 5px 0 0;
    background: url(../img/icons/icon-views.svg) no-repeat right center;
}

.box-blog-inner-prev:hover {
    box-shadow: 4px 4px 0 #1a1a1a;
}

.box-blog-inner-prev:hover .blog-title--inner {
    color: #3d70b5;
}

.box-blog-inner-prev:hover .little-logo-blog-prev:after {
    width: 48px;
}

.box-blog-inner-prev:hover .little-logo-blog-prev:before {
    left: 116px;
}

#call-to-action-blog-inner-page {
    position: relative;
    background: url(../img/bg/bg-call-action-blog.jpg) no-repeat center;
    background-size: cover;
}

@media (min-resolution: 2dppx) {
    #call-to-action-blog-inner-page {
        background-image: url("../img/retina/bg-call-action-blog-retina.jpg");
        background-size: cover;
    }
}

#call-to-action-blog-inner-page:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
    height: 10px;
    top: -10px;
}

#call-to-action-blog-inner-page:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center;
}

.block-main-blog.end-blog-inner-page .wrap-main-blog {
    padding: 30px 0 155px;
}

.wrap-call-blog-inner-page {
    padding: 60px 0;
}

.title-call-action-blog-inner {
    color: #fff;
    padding: 0 0 0 18px;
    border-left: 7px solid #efc36e;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
}

.desctipt-call-action-blog-inner {
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    max-width: 520px;
    margin: 30px 0 0 24px;
}

.wrap-call-blog-inner-page .btn-container {
    padding: 24px 0 0 24px;
}

#call-to-action-blog-inner-page .container:after,
#call-to-action-blog-inner-page .container:before {
    background: #efc36e;
}

.block-main-blog {
    position: relative;
}

.block-main-blog .parallax-image-inners {
    top: -200px;
}

.sticky {
    position: fixed;
    z-index: 88;
    top: 20px;
}

.stop {
    position: relative;
    z-index: 88;
}

/*---BLOG END---*/

/*---SINGLE START---*/
.first-block-single {
    background: #1a1a1a;
    position: relative;
}

.first-block-single:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
}

.box-bg-image-single-first {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1100px;
    left: 50%;
    margin-left: -550px;
}

.box-bg-image-single-first img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box-bg-image-single-first:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/bg/bg-single.png) no-repeat center;
    background-size: cover;
}

.first-block-single .breadcrumb-housetech li {
    color: rgba(255, 255, 255, 0.56);
}

.first-block-single .breadcrumb-housetech li a:hover {
    color: rgba(255, 255, 255, 1);
}

.first-block-single h1 {
    color: #fff;
    padding: 0 0 29px;
    background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
}

.first-block-single .wrap-contacts-gen-content {
    padding: 0 25px 100px;
}

.wrap-single-content {
    margin: 0 30px 0 30px;
}

.wrap-single-content h1,
.wrap-single-content h2,
.wrap-single-content h3,
.wrap-single-content h4,
.wrap-single-content h5,
.wrap-single-content h6 {
    text-transform: uppercase;
    font-weight: bold;
    padding: 58px 0 0;
}

.wrap-single-content h3 {
    font-size: 24px;
}

.wrap-single-content p {
    margin: 25px 0 0;
    line-height: 1.22;
    font-size: 18px;
}

.wrap-single-content img {
    display: block;
    max-width: 100%;
    margin: 25px 0 0;
}

.wrap-single-content ul {
    padding: 0 15px 0 0;
}

.wrap-single-content ul li {
    font-size: 18px;
    line-height: 1.22;
    margin: 25px 0 0;
    padding: 0 0 0 36px;
    background: url(../img/icons/list-ul-single.svg) no-repeat 6px 7px;
}

.wrap-blog-info-single {
    padding: 32px 0 0;
}

.box-info-single-bottom {
    padding: 72px 0 60px;
    align-items: flex-end;
    max-width: 740px;
    margin: 0 auto;
}

.box-info-author {
    position: relative;
    width: 50%;
    padding: 0 0 0 65px;
    min-height: 48px;
}

.wrap-info-politic .box-info-author {
    display: flex;
    align-items: center;
}

.box-info-single-bottom .btn-container {
    width: 50%;
    text-align: right;
}

.box-info-author img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.box-info-author time,
.box-info-author .time {
    color: rgba(26, 26, 26, 0.36);
    font-size: 14px;
}

.box-info-author div {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.single-content-blog .parallax-image-inners {
    top: 500px;
}

.inner-single-cont {
    width: 79%;
}

.inner-soc-single {
    max-width: 32px;
}

.sharing-socials-single {
    width: 14%;
    padding: 25px 0 0;
}

.sharing-socials-single img {
    margin: 35px 0 0 7px;
}

.inner-soc-single a {
    border-color: #1a1a1a;
    margin: 16px 0 0;
}

.inner-soc-single a svg {
    fill: #1a1a1a;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.inner-soc-single .link-soc-1:hover {
    border-color: transparent;
}

.inner-soc-single .link-soc-4:hover {
    border-color: transparent;
    background: #0077ff;
}

.inner-soc-single .link-soc-4:hover svg {
    fill: #fff;
}

.inner-soc-single .link-soc-5:hover {
    border-color: transparent;
    background: #7289da;
}

.inner-soc-single .link-soc-1:hover svg,
.inner-soc-single .link-soc-5:hover svg,
.inner-soc-single .link-soc-3:hover svg {
    fill: #fff;
}

.first-block-single .breadcrumb-housetech li:after {
    color: #efc36e;
}

/*---SINGLE END---*/

/*---SERVICES START---*/
.bg-first-services-general {
    background: url(../img/bg/bg-service-gen.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-brandbook {
    background: url(../img/bg/bg-brandbook.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-logo-and-style {
    background: url(../img/bg/bg-logo-and-style.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-naming {
    background: url(../img/bg/bg-naming.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-soft-launch {
    background: url(../img/bg/bg-soft-launch.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-dark-launch {
    background: url(../img/bg/bg-dark-launch.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-canary-release {
    background: url(../img/bg/bg-canary-release.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-aso-promotion {
    background: url(../img/bg/bg-aso-promotion.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-cross-promotion {
    background: url(../img/bg/bg-cross-promotion.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-tech-support {
    background: url(../img/bg/bg-tech-support.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-project-management {
    background: url(../img/bg/bg-project-management.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-sound-design {
    background: url(../img/bg/bg-sound-design.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-games-voice {
    background: url(../img/bg/bg-games-voice.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-app-localization {
    background: url(../img/bg/bg-app-localization.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-2d-animation {
    background: url(../img/bg/bg-2d-animation.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-3d-animation {
    background: url(../img/bg/bg-3d-animation.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-motion-design {
    background: url(../img/bg/bg-motion-design.jpg) no-repeat center;
    background-size: cover;
}

.bg-ux-ui-design {
    background: url(../img/bg/bg-serv-ux-ui-design.jpg) no-repeat center;
    background-size: cover;
}

.bg-crypto-games {
    background: url(../img/bg/bg-crypto-games.jpg) no-repeat center;
    background-size: cover;
}

.bg-first-mobile-games {
    background: url(../img/bg/bg-first-mobile-games.jpg) no-repeat center;
    background-size: cover;
}

@media (min-resolution: 2dppx) {
    .bg-first-services-general {
        background-image: url(../img/retina/bg-service-gen.jpg);
        background-size: cover;
    }

    .bg-first-brandbook {
        background-image: url("../img/retina/bg-brandbook-retina.jpg");
        background-size: cover;
    }

    .bg-first-logo-and-style {
        background-image: url("../img/retina/bg-logo-and-style-retina.jpg");
        background-size: cover;
    }

    .bg-first-naming {
        background-image: url("../img/retina/bg-naming.jpg");
        background-size: cover;
    }

    .bg-first-soft-launch {
        background-image: url("../img/retina/bg-soft-launch.jpg");
        background-size: cover;
    }

    .bg-first-dark-launch {
        background-image: url("../img/retina/bg-dark-launch.jpg");
        background-size: cover;
    }

    .bg-first-canary-release {
        background-image: url("../img/retina/bg-canary-release.jpg");
        background-size: cover;
    }

    .bg-first-aso-promotion {
        background-image: url("../img/retina/bg-aso-promotion.jpg");
        background-size: cover;
    }

    .bg-first-cross-promotion {
        background-image: url("../img/retina/bg-cross-promotion.jpg");
        background-size: cover;
    }

    .bg-first-tech-support {
        background-image: url("../img/retina/bg-tech-support.jpg");
        background-size: cover;
    }

    .bg-first-project-management {
        background-image: url("../img/retina/bg-project-management.jpg");
        background-size: cover;
    }

    .bg-first-sound-design {
        background-image: url("../img/retina/bg-sound-design.jpg");
        background-size: cover;
    }

    .bg-first-games-voice {
        background-image: url("../img/retina/bg-games-voice.jpg");
        background-size: cover;
    }

    .bg-first-app-localization {
        background-image: url("../img/retina/bg-app-localization.jpg");
        background-size: cover;
    }

    .bg-first-2d-animation {
        background: url(../img/bg/bg-2d-animation2x.jpg) no-repeat center;
        background-size: cover;
    }

    .bg-first-3d-animation {
        background: url(../img/bg/bg-3d-animation2x.jpg) no-repeat center;
        background-size: cover;
    }

    .bg-first-motion-design {
        background: url(../img/bg/bg-motion-design2x.jpg) no-repeat center;
        background-size: cover;
    }

    .bg-ux-ui-design {
        background: url(../img/bg/bg-serv-ux-ui-design2x.jpg) no-repeat center;
        background-size: cover;
    }
}

.descript-steps-serv {
    color: #fff;
    margin: 20px 0 0 28px;
    font-size: 18px;
    line-height: 1.22;
    max-width: 710px;
}

.first-block-services {
    position: relative;
    min-height: 400px;
}

.first-block-services:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9px;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
}

.wrap-info-services-page {
    padding: 100px 0 120px;
    position: relative;
    z-index: 4;
}

.box-content-info-serv-page {
    width: 66%;
}

.box-anim-serv-page {
    width: 31.5%;
    padding: 22px 0 0;
}

.container-anim-serv {
    max-width: 144px;
    margin: 0 auto;
}

#block-info-services {
    position: relative;
}

#block-info-services h2,
#reasons-service-two h2 {
    background: transparent;
}

.box-content-info-serv-page p {
    font-size: 18px;
    line-height: 1.22;
    margin: 25px 0 0 25px;
}

.first-block-services .wrap-contacts-gen-content {
    padding: 0 25px 40px;
    min-height: 260px;
}

.wrap-what-serv {
    padding: 0 0 92px;
    position: relative;
    z-index: 4;
}

.box-icon-what-serv {
    width: 47%;
    padding: 43px 0 0;
}

.box-icon-what-serv img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.box-info-what-content-serv {
    width: 45.4%;
    padding: 42px 40px 0 0;
}

.box-info-what-content-serv h2 {
    padding: 0 0 26px;
}

.box-info-what-content-serv ul {
    max-width: 410px;
}

.box-info-what-content-serv li {
    position: relative;
    font-size: 18px;
    line-height: 1.22;
    margin: 24px 0 0;
}

.box-info-what-content-serv li:after {
    content: "";
    position: absolute;
    width: 1px;
    top: 12px;
    left: -27px;
    bottom: -38px;
    background: #3d70b5;
}

.box-info-what-content-serv li:last-child:after {
    display: none;
}

.box-info-what-content-serv li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 8px;
    left: -30px;
    background: url(../img/decore-services-list.svg) no-repeat center;
}

#steps-services {
    background: #3d70b5;
    position: relative;
    z-index: 1;
}

#steps-services:after,
.block-info-serv-featured-blue.line-top-blue-black-yes:after {
    content: "";
    position: absolute;
    background: url(../img/pattern_line_blue-top.svg) repeat-x left top;
    height: 10px;
    left: 0;
    right: 0;
    top: -10px;
}

#through_price:before {
    /* content: '';
	position: absolute;
	height: 20px;
	background: url(../img/bg/bg-calc-bottom.png) repeat-x center;
	top: 0;
	left: 0;
	right: 0; */
    content: "";
    position: absolute;
    background: url(../img/bg/cyber-line-blue-bottom.svg) repeat-x left top;
    height: 10px;
    bottom: 0px;
    left: 0;
    right: 0;
}

.our-awards__title.color__white {
    color: #fff;
    border-color: #efc36e;
}

.wrap-steps-services {
    padding: 83px 0 57px;
}

.box-title-steps-mobile-block {
    width: 100%;
}

#steps-services .wrap-steps-services {
    padding: 60px 0 57px;
}

.wrap-steps-services ul {
    max-width: 730px;
    padding: 37px 0 0;
}

.wrap-steps-services li {
    margin: 23px 0 0;
    position: relative;
    padding: 0 0 0 62px;
}

.title-step-list {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}

.text-step-list {
    color: #fff;
    margin: 18px 0 0;
    font-size: 16px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.72);
}

.num-step-serv {
    position: absolute;
    top: 0;
    left: 0;
    width: 46px;
    height: 52px;
    background: #efc36e;
}

.num-step-serv span {
    display: block;
    font-size: 30px;
    font-weight: bold;
    padding: 0 0 0 11px;
    letter-spacing: -3px;
    transform: rotate(90deg);
}

.wrap-steps-services li:last-child .num-step-serv {
    background: #1a1a1a;
}

.wrap-steps-services li:last-child .num-step-serv span {
    color: #fff;
}

#call-action-calculator.top-line-decore-top-yes:after {
    display: none;
}

body.body-pages-services #call-action-calculator h2 {
    font-size: 36px;
}

body.body-pages-services .wrap-call-action-calc {
    padding: 47px 0 60px;
}

#call-action-calculator.title-big h2 {
    font-size: 36px;
}

#call-to-action-services {
    position: relative;
    background: #1a1a1a;
}

#call-to-action-services:after {
    content: "";
    position: absolute;
    height: 10px;
    top: -10px;
    left: 0;
    z-index: 1;
    right: 0;
    transform: rotate(180deg);
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x left top;
}

#through_reasons {
    position: relative;
}

#through_reasons:before {
    content: "";
    position: absolute;
    height: 10px;
    bottom: 0px;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.wrap-call-action-services {
    padding: 19px 0 35px;
    text-align: center;
    max-width: 730px;
    margin: 0 auto;
}

.wrap-call-action-services p {
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    margin: 30px 0 0;
}

.btn-action-medium {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 255px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-action-medium-static.svg) no-repeat
        center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-action-medium span {
    position: relative;
    z-index: 5;
}

.btn-action-medium:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: url(../img/buttons/btn-action-medium-hover.svg) no-repeat center;
    width: 255px;
    height: 40px;
    margin: 0 auto;
}

.btn-action-medium:hover {
    background: url(../img/buttons/btn-action-medium-hover.svg) no-repeat center;
}

.btn-action-medium:hover:after {
    opacity: 1;
}

.wrap-call-action-services .btn-container {
    padding: 68px 0 0;
}

#block-info-services .parallax-image-one {
    top: 100px;
}

body.body-pages-services .parallax-image-inners {
    top: -700px;
    background: url(../img/bg/big_letters_parallax_white.svg) no-repeat;
    background-size: contain;
    height: 584px;
}

.featured-services .wrap-breadcrumb-housetech {
    padding: 46px 5px 13px 0;
}

.featured-services .wrap-first-inner-pages-blocks {
    align-items: center;
    min-height: 742px;
}

.featured-services #nav {
    border-bottom: 1px solid #fff;
}

.box-titles-inner-pages-feat-serv {
    width: 48.7%;
    position: relative;
    z-index: 4;
}

.box-titles-inner-pages-feat-serv p {
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    margin: 15px 0 0;
}

.box-titles-inner-pages-feat-serv .btn-container {
    padding: 50px 0 0;
}

.box-image-gen-serv-featur {
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.block-image-serv-featur {
    position: absolute;
    top: 49px;
    left: -162px;
}

.block-image-serv-featur img {
    max-width: 100%;
}

/* .block-image-serv-featur img:last-child {
	display: none;
} */
.block-image-serv-featur img:nth-child(2n) {
    display: none;
}

.first-block-services.featured-services .wrap-contacts-gen-content {
    padding: 0 25px 72px;
}

.first-block-services.featured-services .parallax-image-one {
    z-index: 2;
}

.wrap-info-services-page-feat {
    padding: 107px 0 71px;
    position: relative;
    z-index: 5;
}

.wrap-info-services-page-feat .box-content-info-serv-page {
    width: inherit;
    max-width: 733px;
}

.title-serv-info-blue {
    text-transform: uppercase;
    color: #3d70b5;
    font-size: 20px;
    font-weight: bold;
    margin: 22px 25px 0;
}

.title-serv-info-blue.black {
    color: #1a1a1a;
}

.wrap-list-info-serv-featured {
    padding: 33px 25px 19px;
    position: relative;
    z-index: 5;
}

.image-list-info-serv-feat {
    position: absolute;
    left: 50%;
    margin-left: -315px;
    top: 45px;
}

.col-info-serv-featured-left {
    width: 20%;
}

.col-info-serv-featured-right {
    width: 20%;
    margin-right: 5%;
}

.box-info-serv-feat {
    padding: 16px 0 0;
}

.title-inf-serv-feat {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin: 8px 0 0;
}

.text-inf-serv-feat {
    font-size: 16px;
    line-height: 1.18;
    margin: 15px 0 0;
    padding: 0 0 8px;
}

#list-to-order-service {
    background: #1a1a1a;
    position: relative;
    z-index: 1;
}

.wrap-container-white-vertical-lines {
    overflow: hidden;
    position: relative;
}

.wrap-container-white-vertical-lines.z-index-1 {
    z-index: 1;
}

#list-to-order-service:after,
#factors-services:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
    top: -10px;
}

#list-to-order-service:before,
#factors-services.line-decore-block-bottom-black:before,
#factors-services:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    bottom: -10px;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
    z-index: 3;
}

#factors-services.line-decore-block-bottom-black-no:before {
    display: none;
}

#list-to-order-service .container:after,
#list-to-order-service .container:before,
#factors-services .container:after,
#factors-services .container:before,
#cases-services-featured .container:after,
#cases-services-featured .container:before,
.bg-first-ar-develop .content-inner-pages-start .container:after,
.bg-first-ar-develop .content-inner-pages-start .container:before {
    background: #fff;
}

.wrap-list-to-order-title {
    padding: 60px 0 0;
    max-width: 725px;
    position: relative;
    z-index: 2;
}

.wrap-list-to-order-title p,
.wrap-list-to-order-bottom p {
    color: #fff;
    margin: 25px 0 0 25px;
    font-size: 18px;
    line-height: 1.2;
}

.wrap-list-to-order-bottom {
    padding: 22px 0 62px;
    max-width: 725px;
}

.wrap-list-to-order-bottom.padding-center {
    padding: 22px 0;
}

.wrap-list-steps-to-order {
    padding: 0 0 0 25px;
}

.box-steps-to-order {
    width: 48%;
    position: relative;
    z-index: 2;
}

.box-image-list-to-order {
    width: 49.8%;
    padding: 49px 0 0;
}

.box-image-list-to-order img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.box-steps-to-order li {
    padding: 48px 0 0;
    min-height: 40px;
    position: relative;
}

.box-steps-to-order li img {
    display: block;
    position: absolute;
    top: 48px;
    left: 0;
}

.box-steps-to-order li span {
    position: relative;
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    margin: 8px 0 0 80px;
}

.box-steps-to-order li span:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #efc36e;
    top: 10px;
    left: -28px;
    transform: rotate(45deg);
}

.box-steps-to-order li:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #efc36e;
    top: 65px;
    left: 55px;
    bottom: -65px;
}

.box-steps-to-order li:last-child:after {
    display: none;
}

#statistic-services {
    position: relative;
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

.wrap-statistic-serv {
    padding: 65px 0 0;
}

.box-statistic-serv {
    width: 25%;
    text-align: center;
    position: relative;
}

.num-statistic-serv {
    position: relative;
    font-weight: bold;
    font-size: 72px;
    display: inline-block;
    line-height: 1;
}

.num-statistic-serv span {
    position: absolute;
    top: 20px;
    right: -30px;
    font-size: 36px;
    margin: 0 0 0 10px;
}

.text-statistic-serv {
    font-size: 16px;
    font-weight: 500;
    padding: 14px 0;
}

#statistic-services .btn-container {
    text-align: center;
    padding: 41px 0 73px;
}

.box-statistic-serv:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #1a1a1a;
    top: 5px;
    bottom: 5px;
    left: 1px;
}

.box-statistic-serv:first-child:after {
    display: none;
}

.btn-serv-revers {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 255px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    background: url(../img/buttons/btn-gen-two-middle-hover.svg) no-repeat
        center;
    background-size: contain;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
}

.btn-serv-revers:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-gen-middle-hover.svg) no-repeat center;
    background-size: 100% 100%;
    right: 0;
    height: 40px;
    margin: 0 auto;
}

.btn-serv-revers:hover:after {
    opacity: 1;
}

.btn-serv-revers:hover {
    color: #1a1a1a;
}

.btn-serv-revers span {
    position: relative;
    z-index: 3;
}

#factors-services {
    background: #1a1a1a;
    position: relative;
    z-index: 1;
}

#factors-services h2 {
    text-align: left;
    background-position: left bottom;
    padding: 46px 0 34px;
}

.wrap-factor-services {
    position: relative;
}

.inner-info-factor-serv {
    margin: 0 0 0 51.4%;
    padding: 10px 0 50px;
}

.inner-info-factor-serv p {
    color: #fff;
    font-size: 18px;
    margin: 24px 24px 0 0;
    line-height: 1.22;
}

.wrap-grafics-factor-serv {
    position: absolute;
    top: 50%;
    margin-top: -245px;
    left: 35px;
    width: 44%;
}

.inner-box-grafic-factor {
    flex-wrap: wrap;
}

.box-graf-fact {
    width: 50%;
}

.box-graf-fact img {
    display: block;
    max-width: 100%;
}

.box-list-steps-prices {
    width: 47%;
}

.wrap-steps-prices .box-image-calculat {
    padding: 60px 0 0;
}

.ps-citate-step-price {
    color: #fff;
    font-size: 18px;
    font-style: italic;
    padding: 0 0 0 20px;
    margin: 27px 0 0;
    border-left: 4px solid #efc36e;
    max-width: 730px;
    line-height: 1.2;
}

.box-content-call-calc img {
    margin: 20px 0 0;
}

.first-block-services.bg-first-3d-animation .block-image-serv-featur {
    left: auto;
    right: 0;
}

.wrap-list-info-serv-featured-two {
    padding: 30px 25px 24px;
    flex-wrap: wrap;
}

.box-list-info-serv-two {
    width: 30%;
    margin: 25px 0 0;
    display: flex;
    align-items: center;
}

.box-list-info-serv-two p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 16px;
}

.wrap-serv-development {
    padding: 0 0 60px;
}

.box-image-serv-development {
    width: 50%;
    padding: 60px 0 0 1px;
}

.box-image-serv-development img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.box-info-serv-development {
    width: 48.5%;
    padding: 60px 0 0;
}

.box-info-serv-development h2 {
    font-size: 36px;
}

.box-info-serv-development p {
    margin: 21px 20px 0 0;
    font-size: 18px;
    line-height: 1.22;
}

#factors-services.section-lines-gold .container:after,
#factors-services.section-lines-gold .container:before,
#factors-services-two.section-lines-gold .container:after,
#factors-services-two.section-lines-gold .container:before {
    background: #efc36e;
}

#factors-services .wrap-factor-services-two h2 {
    text-align: center;
    padding: 50px 15px 28px;
    max-width: 740px;
    margin: 0 auto;
    background: url(../img/icons/line-h2.svg) no-repeat center bottom;
}

.descript-factors-serv {
    text-align: center;
    margin: 15px auto 0;
    max-width: 720px;
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
}

.slider-services-factor {
    flex-wrap: wrap;
}

.box-factor-slide {
    width: 33.333333333333%;
    margin: 48px 0 0;
    color: #fff;
    text-align: center;
    position: relative;
}

.icon-fact-slide {
    position: relative;
}

.icon-fact-slide img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.icon-fact-slide:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #efc36e;
    left: 0;
    right: 0;
    top: 50px;
}

.title-fact-slide {
    text-transform: uppercase;
    margin: 15px 0 0;
    font-size: 16px;
    font-weight: 500;
}

.title-fact-slide.big-tfs {
    font-size: 20px;
    padding: 0 25px;
    margin: 28px 0 0;
}

.text-fact-slide {
    font-size: 18px;
    margin: 13px 0 0;
    padding: 0 25px;
}

.text-fact-slide.little-tfs {
    font-size: 16px;
}

.box-ps-text-factor-serv {
    max-width: 760px;
    padding: 0 15px 80px;
    margin: 35px auto 0;
    text-align: center;
}

.box-ps-text-factor-serv p {
    margin: 7px 0 0;
    color: #fff;
    font-size: 18px;
}

#cases-services-featured {
    background: #1a1a1a;
    position: relative;
}

#cases-services-featured:after {
    content: "";
    position: absolute;
    height: 10px;
    left: 0;
    right: 0;
    top: -10px;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.box-info-cases-serv-feat {
    padding: 60px 0 48px;
    width: 48.7%;
}

.box-info-cases-serv-feat.long-padding-cases-content {
    padding: 60px 0 120px;
}

.box-info-cases-serv-feat p {
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    margin: 25px 0 0 25px;
}

.box-image-serv-decore-feat {
    width: 50%;
    position: relative;
}

.inner-image-decore-case-feat img {
    display: block;
    position: relative;
    z-index: 2;
}

.inner-image-decore-case-feat {
    position: absolute;
    bottom: 0;
    right: 0;
}

#call-action-calculator.block-long-padding-bottom .wrap-call-action-calc {
    padding: 47px 0 180px;
}

.lines-animat-cases-top {
    overflow: hidden;
    border-top: 1px solid #fff;
    padding: 19px 0;
}

.lines-animat-cases-bottom {
    overflow: hidden;
    border-bottom: 1px solid #fff;
    padding: 20px 0;
}

.box-animat-serv-cases {
    width: 33.33333%;
    position: relative;
    overflow: hidden;
}

a.box-animat-serv-cases:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: #3d70b5;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    mix-blend-mode: multiply;
}

a.box-animat-serv-cases:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../img/icons/icon-case-prev.svg) no-repeat center;
    opacity: 0;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 3;
}

.box-animat-serv-cases img,
.box-animat-serv-cases-long img {
    display: block;
    max-width: 100%;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

a.box-animat-serv-cases:hover img {
    transform: scale(1.1);
}

a.box-animat-serv-cases:hover:after {
    opacity: 1;
}

a.box-animat-serv-cases:hover:before {
    opacity: 1;
}

#call-to-action-services.no-line-decore-black-block:after {
    display: none;
}

.first-block-services.bg-first-motion-design .block-image-serv-featur {
    top: 128px;
    left: -252px;
}

.first-block-services.bg-first-motion-design
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-motion-design
    .content-inner-pages-start
    .container:before,
#block-info-services.block-info-services-inversive .container:after,
#block-info-services.block-info-services-inversive .container:before,
.first-block-services.bg-first-vfx-design
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-vfx-design
    .content-inner-pages-start
    .container:before,
#services-development.services-development-inversive .container:after,
#services-development.services-development-inversive .container:before,
#block-info-services-black .container:after,
#block-info-services-black .container:before,
#classification-design-slider .container:after,
#classification-design-slider .container:before,
.first-block-services.bg-first-pc-app
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-pc-app
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-startup-app
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-startup-app
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-child-game .content-inner-pages-start .container:after,
.first-block-services.bg-child-game
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-browser-game
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-browser-game
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-aso-optimized
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-aso-optimized
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-ios-app .content-inner-pages-start .container:after,
.first-block-services.bg-ios-app .content-inner-pages-start .container:before,
.first-block-services.bg-android-app
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-android-app
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-promo-game .content-inner-pages-start .container:after,
.first-block-services.bg-promo-game
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-first-ta-ar
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-ta-ar
    .content-inner-pages-start
    .container:before,
#factors-services-two.line-decore-white .container:after,
#factors-services-two.line-decore-white .container:before,
.first-block-services.bg-first-mobile-games
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-mobile-games
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-first-pc-games
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-pc-games
    .content-inner-pages-start
    .container:before,
.first-block-services.bg-first-nft-develop
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-nft-develop
    .content-inner-pages-start
    .container:before {
    background: #fff;
}

.first-block-services.bg-first-motion-design .parallax-image-one,
.first-block-services.bg-first-vfx-design .parallax-image-one,
.first-block-services.bg-first-pc-app .parallax-image-one,
.first-block-services.bg-startup-app .parallax-image-one,
.first-block-services.bg-child-game .parallax-image-one,
.first-block-services.bg-browser-game .parallax-image-one,
.first-block-services.bg-aso-optimized .parallax-image-one,
.first-block-services.bg-ios-app .parallax-image-one,
.first-block-services.bg-android-app .parallax-image-one,
.first-block-services.bg-promo-game .parallax-image-one,
.first-block-services.bg-first-ta-ar .parallax-image-one,
.first-block-services.bg-first-mobile-games .parallax-image-one,
.first-block-services.bg-first-pc-games .parallax-image-one {
    background: url(../img/bg/big_letters_parallax_white.svg) no-repeat;
    background-size: contain;
}

#block-info-services.block-info-services-inversive,
.bg-first-pc-app,
.bg-startup-app,
.bg-aso-optimized,
.first-block-services.bg-first-ta-ar,
.first-block-services.bg-first-ar-develop {
    background: #1a1a1a;
}

.first-block-services.bg-child-game #nav .container:after,
.first-block-services.bg-child-game #nav .container:before,
.first-block-services.bg-browser-game #nav .container:after,
.first-block-services.bg-browser-game #nav .container:before,
.first-block-services.bg-aso-optimized #nav .container:after,
.first-block-services.bg-aso-optimized #nav .container:before,
.first-block-services.bg-first-mobile-games #nav .container:after,
.first-block-services.bg-first-mobile-games #nav .container:before,
.first-block-services.bg-first-pc-games #nav .container:after,
.first-block-services.bg-first-pc-games #nav .container:before,
.first-block-services.bg-first-vr-develop #nav .container:before,
.first-block-services.bg-first-vr-develop #nav .container:after {
    display: none;
}

#block-info-services.block-info-services-inversive h2 {
    color: #fff;
    position: relative;
    border: none;
    padding: 0 0 0 25px;
}

#block-info-services.block-info-services-inversive h2:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 43px;
    background: #efc36e;
    top: 3px;
    left: 0;
}

.block-info-services-inversive p {
    color: #fff;
}

.wrap-list-info-serv-featured-three-top {
    padding: 48px 0 0;
}

.box-info-serv-three {
    width: 30%;
    color: #fff;
    margin: 0 25px;
}

.title-serv-three {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 0;
}

.text-serv-three {
    margin: 11px 0 0;
    font-size: 16px;
    padding: 0 0 6px;
    line-height: 1.22;
}

.wrap-animation-list-info-serv {
    padding: 30px 1px 0;
}

.wrap-animation-list-info-serv img {
    display: block;
    max-width: 100%;
}

.wrap-list-info-serv-featured-three-bottom {
    padding: 25px 0 0;
}

#list-to-order-service.list-to-order-bg-blue {
    background: #3d70b5;
}

#list-to-order-service.list-to-order-bg-blue .container:after,
#list-to-order-service.list-to-order-bg-blue .container:before {
    background: #1a1a1a;
}

#list-to-order-service.list-to-order-bg-blue:before {
    content: "";
    position: absolute;
    height: 10px;
    left: 0;
    right: 0;
    top: 0;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
}

#list-to-order-service.list-to-order-bg-blue .title-serv-info-blue {
    color: #fff;
}

.wrap-steps-services.long-bottom-padding-block,
#steps-services .wrap-steps-services.long-bottom-padding-block {
    padding: 83px 0 127px;
}

.wrap-container-white-vertical-lines {
    position: relative;
    z-index: 301;
}

.wrap-container-white-vertical-lines .universal_section_left_line_whiteTwo,
.wrap-container-white-vertical-lines .universal_section_right_line_whiteTwo {
    z-index: 11;
}

.box-animat-serv-cases-long {
    width: 66.6666%;
}

.bg-first-vfx-design {
    background: #191919;
}

.first-block-services.bg-first-vfx-design .block-image-serv-featur,
.first-block-services.bg-first-pc-app .block-image-serv-featur,
.first-block-services.bg-startup-app .block-image-serv-featur {
    left: auto;
    right: 1px;
}

.first-block-services.bg-first-pc-app .block-image-serv-featur {
    top: 160px;
}

.first-block-services.bg-startup-app .block-image-serv-featur {
    top: 112px;
}

#services-development.services-development-inversive {
    background: linear-gradient(to bottom, #191919 0%, #1a1a1a 100%);
}

#services-development.services-development-inversive .wrap-serv-development {
    position: relative;
    z-index: 4;
}

.services-development-inversive h2,
.services-development-inversive .box-info-serv-development p {
    color: #fff;
}

.services-development-inversive h2 {
    background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
}

.services-development-inversive .footer-action-calc-animat,
.footer-action-calc-animat.lines-anim-color-white {
    border-color: #fff;
}

.services-development-inversive .line-animate-matrix,
.footer-action-calc-animat.lines-anim-color-white .line-animate-matrix {
    background: url(../img/line_aminat-white.svg) no-repeat;
}

#block-info-services-black {
    position: relative;
    background: #1a1a1a;
}

#block-info-services-black h2 {
    color: #fff;
    background: transparent;
    border-color: #efc36e;
    margin: 0;
}

#block-info-services-black .wrap-info-services-page-feat {
    padding: 60px 0;
    color: #fff;
}

#statistic-services.line-decore-top-blue:after {
    content: "";
    position: absolute;
    height: 10px;
    left: 0;
    right: 0;
    top: 0;
    background: url(../img/bg/Cyber_block_mask-blue-bottom.svg) repeat-x left
        top;
}

#list-to-order-service .parallax-image-inners {
    top: -450px;
    z-index: 1;
}

#list-to-order-service.block-to-order-no-line-top:after,
.block-to-order-no:after,
#list-to-order-service.decor-bottom-no:before {
    display: none;
}

#statistic-services.line-black-top-stat-serv:after {
    content: "";
    position: absolute;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
    height: 10px;
    left: 0;
    right: 0;
    top: 0;
}

.wrap-steps-services .box-steps-to-order li {
    margin: 0;
}

.wrap-steps-services .box-steps-to-order ul {
    padding: 5px 0 25px 25px;
}

.wrap-steps-services .wrap-list-to-order-bottom {
    padding: 22px 0;
}

.wrap-steps-services.dfj {
    flex-wrap: wrap;
    padding: 60px 0 0;
}

.box-title-stest-serv-flex {
    width: 100%;
}

.wrap-steps-services.dfj .box-image-calculat {
    padding: 50px 0 0;
}

#list-to-order-service.block-to-order-no-line-top .wrap-list-to-order-title {
    padding: 30px 0 0;
}

.first-block-services.bg-ux-ui-design .block-image-serv-featur {
    left: auto;
    right: 0;
    top: 85px;
}

.block-serv-inner-standart .wrap-serv-development {
    padding: 60px 0;
}

.block-serv-inner-standart {
    position: relative;
}

.block-serv-inner-standart .parallax-image-politic,
#block-info-services .parallax-image-politic,
#factors-services .parallax-image-inners.parallax-browser-game {
    top: 500px;
}

.parallax-image-inners.parallax-motions {
    top: 1700px !important;
    z-index: 11;
}

.parallax-image-inners.parallax-startup {
    top: 700px !important;
}

.parallax-image-inners.parallax-bussiness-ap {
    top: -100px !important;
}

.box-image-serv-decore-feat.image-decore-cases-ui-ux
    .inner-image-decore-case-feat {
    right: 50px;
}

.wrap-call-action-calc.image-calc-serv-ui-ux img:first-child {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.wrap-info-services-page-feat-ui-ux {
    padding: 60px 0;
}

#classification-design-slider {
    background: #1a1a1a;
    position: relative;
}

#classification-design-slider:after {
    content: "";
    position: absolute;
    height: 10px;
    left: 0;
    right: 0;
    top: -10px;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

#classification-design-slider:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    bottom: -10px;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
    z-index: 3;
}

.descript-classific-des {
    text-align: center;
    margin: 15px 0 0;
    color: #fff;
    font-size: 18px;
}

.slider-classific-des {
    padding: 56px 0 60px;
}

.box-slider-classific-des {
    position: relative;
}

.box-slider-classific-des:after {
    content: "";
    position: absolute;
    clip-path: polygon(45px 0, 100% 0, 100% 85%, 94% 100%, 0 100%, 0 45px);
    background: #fff;
    left: 4px;
    top: 4px;
    bottom: -4px;
    right: -4px;
}

.box-slider-classific-des:before {
    content: "";
    position: absolute;
    clip-path: polygon(45px 0, 100% 0, 100% 85%, 94% 100%, 0 100%, 0 45px);
    background: #fff;
    top: -2px;
    left: -1px;
    bottom: -1px;
    right: -1px;
}

.box-grafic-classific-des,
.box-content-classific-des {
    background: #1a1a1a;
    position: relative;
}

.box-grafic-classific-des {
    width: 39%;
    z-index: 3;
    display: flex;
    clip-path: polygon(45px 0%, 101% 0, 101% 100%, 0 100%, 0% 45px);
}

.box-grafic-classific-des img {
    display: block;
    max-width: 100%;
}

.box-content-classific-des {
    width: 61%;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 90.9% 100%, 0 100%, 0 0);
}

.box-grafic-classific-des:after {
    content: "";
    position: absolute;
    width: 10px;
    background: #1a1a1a;
    top: 0;
    bottom: 0;
    right: -6px;
}

.inner-content-classific-des {
    padding: 10px 30px 10px 5px;
}

.title-classific-des {
    text-transform: uppercase;
    color: #efc36e;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    z-index: 5;
}

.inner-box-grafic-factor.image-resize-factor img {
    display: block;
    max-width: 100%;
}

.box-content-classific-des p {
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    margin: 13px 0 0;
    position: relative;
    z-index: 5;
}

.image-decore-slide-slassific {
    padding: 30px 0 0;
    position: relative;
    z-index: 5;
}

.image-decore-slide-slassific:after {
    content: "";
    position: absolute;
    width: 240px;
    height: 4px;
    background: #efc36e;
    bottom: 0;
    right: 0;
}

.box-content-classific-des img {
    display: block;
}

.num-slider-classific {
    font-weight: bold;
    font-size: 240px;
    line-height: 0.8;
    color: transparent;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    -webkit-background-clip: text;
    background-clip: text;
    opacity: 0.3;
    position: absolute;
    bottom: 15px;
    right: 0;
    z-index: 3;
}

.slider-classific-des .owl-item {
    opacity: 0.3;
}

.slider-classific-des .owl-item.center {
    opacity: 1;
}

.slider-classific-des .owl-stage-outer {
    padding: 2px 1px 4px;
}

.slider-classific-des .owl-stage-outer:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 100%;
    background: url(../img/bg/bg-left-sl.svg) no-repeat center;
    bottom: -10px;
    left: 0;
    z-index: 10;
}

.slider-classific-des .owl-stage-outer:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 100%;
    background: url(../img/bg/bg-right-sl.svg) no-repeat center;
    bottom: -10px;
    right: 0;
    z-index: 10;
}

#classification-design-slider .owl-dots {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    display: flex;
    padding: 17px 91px;
    justify-content: flex-start;
    margin: 48px 0 0;
}

#classification-design-slider .owl-dot {
    width: 30px;
    height: 4px;
    border: 1px solid #fff;
    background: transparent;
    margin: 0 4px;
}

#classification-design-slider .owl-dot.active {
    background: #fff;
}

#classification-design-slider .owl-nav {
    position: absolute;
    display: flex;
    justify-content: space-between;
    bottom: 62px;
    right: 90px;
    width: 80px;
}

#classification-design-slider .owl-prev {
    background: url(../img/icons/icon-prev-rev.svg) no-repeat center;
    left: -82px;
}

#classification-design-slider .owl-next {
    background: url(../img/icons/icon-next-rev.svg) no-repeat center;
    right: -59px;
}

#classification-design-slider .owl-prev span,
#classification-design-slider .owl-next span {
    display: block;
    width: 36px;
    height: 36px;
    font-size: 0;
    opacity: 0;
}

#classification-design-slider .owl-prev span {
    background: url(../img/icons/icon-prev-rev-hover.svg) no-repeat center;
}

#classification-design-slider .owl-next span {
    background: url(../img/icons/icon-next-rev-hover.svg) no-repeat center;
}

#classification-design-slider .owl-prev:hover span,
#classification-design-slider .owl-next:hover span {
    opacity: 1;
}

#factors-services.factor-serv-no-decore-top:after {
    display: none;
}

#factors-services.factor-serv-no-decore2:before {
    display: none;
}

#call-action-calculator.top-line-decore-top-yes:before,
#sel-game-plat.top-line-decore-top-yes:before {
    content: "";
    position: absolute;
    background: url(../img/pattern_line_blue-top.svg) repeat-x left top;
    height: 10px;
    left: 0;
    right: 0;
    top: -10px;
}

.bg-e-commerce {
    background: linear-gradient(to right, #303426 0%, #929d7f 100%);
}

.bg-e-commerce .block-image-serv-featur {
    left: auto;
    right: 10px;
    top: 64px;
}

.bg-bussiness-app .block-image-serv-featur,
.bg-crypto-games .block-image-serv-featur {
    top: 48px;
    left: auto;
    right: 0;
}

.box-content-info-serv-two {
    padding: 37px 0 0;
    max-width: 540px;
}

.text-serv-reas-two p {
    margin: 24px 0 0;
    font-size: 18px;
    line-height: 1.22;
}

.wrap-reas-serv-two .box-image-list-to-order {
    padding: 23px 0 0;
}

.first-block-services.bg-e-commerce:after,
.first-block-services.bg-bussiness-app:after,
.first-block-services.bg-ios-app:after,
.first-block-services.bg-android-app:after,
.first-block-services.bg-first-nft-develop:after {
    background: url(../img/bg/pattern-line-transporant.svg) repeat-y left top;
    bottom: 0;
}

.wrap-list-info-serv-featured-two.list-info-serv-two-variant {
    padding: 20px 25px 24px;
}

.wrap-list-info-serv-featured-two.list-info-serv-two-variant
    .box-list-info-serv-two
    p {
    text-transform: none;
    font-weight: normal;
    font-size: 18px;
    padding: 9px 0 0;
}

.wrap-list-info-serv-featured-two.list-info-serv-two-variant
    .box-list-info-serv-two {
    align-items: flex-start;
}

.title-fact-slide-two {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0 0;
    padding: 0 25px;
    text-transform: uppercase;
}

.block-info-serv-featured-blue {
    background: #3d70b5;
    position: relative;
}

.block-info-serv-featured-blue .box-title-steps-mobile-block {
    padding: 68px 0 0;
}

.wrap-statistic-serv-e-comm {
    padding: 30px 0;
    flex-wrap: wrap;
}

.col-stat-serv-e-comm {
    width: 32%;
    margin: 20px 0 0;
    text-align: center;
}

.col-stat-serv-e-comm img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.title-stat-e-comm {
    color: #efc36e;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0 0;
}

.col-stat-serv-e-comm p {
    color: #fff;
    font-size: 16px;
    padding: 15px 15px 0;
}

.block-info-serv-featured-blue .footer-action-calc-animat {
    margin: 58px 0 0;
}

#list-to-order-service.list-to-order-no-line-decore:after,
#list-to-order-service.list-to-order-no-line-decore:before {
    display: none;
}

.block-info-serv-featured-blue .title-history {
    border-color: #efc36e;
    color: #fff;
}

.block-info-serv-featured-blue .box-content-info-serv-page p,
.block-info-serv-featured-blue .box-list-info-serv-two p {
    color: #fff;
}

.box-title-slider-e-comm {
    padding: 58px 0 0;
}

.box-title-slider-e-comm .our-awards__title {
    border-color: #3d70b5;
}

.box-title-slider-e-comm p {
    color: #fff;
    padding: 25px 15px 0 25px;
    font-size: 18px;
    max-width: 720px;
}

.slider-list-e-commerce {
    flex-wrap: wrap;
}

.slide-e-commerce {
    width: 31.5%;
    border: 1px solid #fff;
    margin: 30px 0 0;
    position: relative;
    min-height: 296px;
    display: flex;
    align-items: center;
    padding: 20px 24px;
}

.slide-e-commerce p {
    color: #fff;
    font-size: 16px;
    margin: 15px 0 0;
    min-height: 114px;
    position: relative;
    z-index: 2;
}

.slide-e-commerce.slide-e-long {
    width: 65.5%;
}

.icon-sl-e-comm {
    position: relative;
}

.slide-e-commerce.inversive-sl-e-comm {
    border-color: transparent;
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

.slide-e-commerce.inversive-sl-e-comm p {
    color: #1a1a1a;
}

.slide-e-commerce .icon-sl-e-comm:after,
.slide-e-commerce.inversive-sl-e-comm .icon-sl-e-comm:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 24px;
    background: url(../img/code-white.svg) no-repeat center;
    top: 0;
    right: 0;
}

.slide-e-commerce.inversive-sl-e-comm .icon-sl-e-comm:after {
    background: url(../img/code-black.svg) no-repeat center;
}

.icon-sk-decore-e-comm {
    position: relative;
    z-index: 2;
}

.slide-e-commerce .icon-sk-decore-e-comm:after,
.slide-e-commerce.inversive-sl-e-comm .icon-sk-decore-e-comm:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 4px;
    top: 11px;
    right: 0;
    background: #efc36e;
}

.slide-e-commerce.inversive-sl-e-comm .icon-sk-decore-e-comm:after {
    background: #1a1a1a;
}

.num-sl-e-comm {
    position: absolute;
    font-size: 160px;
    line-height: 0.7;
    font-weight: bold;
    bottom: 25px;
    right: 5px;
    color: transparent;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
    -webkit-background-clip: text;
    background-clip: text;
    opacity: 0.3;
}

.slide-e-commerce.inversive-sl-e-comm .num-sl-e-comm {
    color: transparent;
    mix-blend-mode: multiply;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
    -webkit-background-clip: text;
    background-clip: text;
    opacity: 0.3;
}

.bg-bussiness-app {
    background: url(../img/bg/bg-bussiness-app.jpg) no-repeat center;
    background-size: cover;
}

.two-column-list-serv-feat .box-list-info-serv-two {
    width: 46.4%;
    align-items: flex-start;
    margin: 30px 0 0;
}

.two-column-list-serv-feat .title-list-serv-feat {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    padding: 0 0 0 15px;
}

.two-column-list-serv-feat p {
    text-transform: none;
    font-weight: normal;
    font-size: 18px;
    margin: 15px 0 0 15px;
}

.wrap-list-info-serv-featured-two.two-column-list-serv-feat {
    padding: 25px;
}

.bg-first-vfx-design .block-image-serv-featur {
    top: 112px;
}

.parallax-image-inners.parallax-tv-app {
    top: -100px !important;
}

.parallax-image-inners.parallax-game-port {
    top: 600px !important;
}

#list-to-order-service.block-to-order-no-line-top.padding-top-long
    .wrap-list-to-order-title {
    padding: 60px 15px 0 0;
}

#call-action-calculator.block-middle-padding-bottom .wrap-call-action-calc {
    padding: 47px 0 120px;
}

.lb-dataContainer {
    display: none !important;
}

.lightbox {
    height: 100%;
    display: flex;
    align-items: center;
}

.wrap-previews-media .btn-container {
    padding: 50px 0 0 23px;
}

.wrap-list-info-serv-crypto-games .col-info-serv-featured-left,
.wrap-list-info-serv-crypto-games .col-info-serv-featured-right {
    width: 28.4%;
    margin: 0;
}

.wrap-list-info-serv-crypto-games .image-list-info-serv-feat {
    margin-left: -175px;
    top: 49px;
}

.wrap-list-info-serv-crypto-games .text-inf-serv-feat {
    margin: 11px 0 0;
}

.wrap-list-info-serv-featured.wrap-list-info-serv-crypto-games {
    padding: 33px 25px 50px;
}

.wrap-little-cases-crypto-games {
    padding: 44px 0 58px;
    margin-right: -1px;
}

.box-cases-crypt-g {
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 72px;
    border: 1px solid #1a1a1a;
}

#services-development.long-padding-block .box-info-serv-development {
    padding: 71px 0 0;
}

#services-development.long-padding-block .box-image-serv-development {
    padding: 119px 0 1px;
}

#factors-services.no-line-top-decore-black:after {
    display: none;
}

.bg-child-game {
    background: #1a1a1a url(../img/bg/bg-child-game.jpg) no-repeat center bottom;
    background-size: cover;
}

.first-block-services.bg-child-game .block-image-serv-featur {
    left: auto;
    right: 11px;
    top: 184px;
}

.first-block-services.bg-browser-game .block-image-serv-featur {
    left: auto;
    right: 14px;
    top: 61px;
}

#list-to-order-service.padding-top-long-long .wrap-list-to-order-title {
    padding: 130px 0 0;
}

.bg-browser-game {
    background: #1a1a1a url(../img/bg/bg-browser-game.jpg) no-repeat center;
    background-size: cover;
}

.first-block-services.bg-aso-optimized .block-image-serv-featur {
    left: auto;
    right: 1px;
    top: 111px;
}

.slider-list-e-commerce.slider-list-masonry .slide-e-commerce {
    height: 306px;
    min-height: inherit;
    margin: 0;
}

.slider-list-e-commerce.slider-list-masonry .slide-e-commerce.slide-e-long {
    width: 730px;
}

.slider-list-e-commerce.slider-list-masonry
    .slide-e-commerce.slide-height-long {
    height: 640px;
}

.slider-list-e-commerce.slider-list-masonry {
    display: grid;
    gap: 30px;
    padding: 48px 0 120px;
    grid-template-areas:
        "a b b"
        "a c d"
        "e c d"
        "e f f"
        "g g h";
}

.item-1 {
    grid-area: a;
    width: 350px;
}

.item-2 {
    grid-area: b;
}

.item-3 {
    grid-area: c;
    width: 350px;
}

.item-4 {
    grid-area: d;
    width: 350px;
}

.item-5 {
    grid-area: e;
    width: 350px;
}

.item-6 {
    grid-area: f;
}

.item-7 {
    grid-area: g;
}

.item-8 {
    grid-area: h;
    width: 350px;
}

.slider-list-e-commerce.slider-list-masonry .icon-sk-decore-e-comm {
    position: absolute;
    bottom: 30px;
    left: 25px;
    right: 25px;
}

.title-sl-fac {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.inversive-sl-e-comm .title-sl-fac {
    color: #1a1a1a;
}

.inner-animat-serv-aos {
    position: relative;
}

#lottie-animation-android {
    position: absolute;
    top: 0;
    left: 117px;
}

#lottie-animation-ios {
    position: absolute;
    top: 59px;
    left: 279px;
}

#services-development.padding-top-small .box-info-serv-development {
    padding: 25px 0 0;
}

#services-development.padding-top-small .wrap-serv-development {
    padding: 0 0 43px;
}

.item-8 .icon-sl-e-comm:after,
#steps-services.step-serv-bg-base:after {
    display: none;
}

.item-8 {
    justify-content: center;
}

.item-8 .icon-sl-e-comm {
    padding: 0 0 30px;
}

#statistic-services.line-decore-bottom-base:before {
    content: "";
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../img/bg/line-decore-top-base.svg) repeat-x left top;
}

.wrap-serv-aos {
    padding: 0 0 97px;
}

#steps-services.step-serv-bg-base {
    background: transparent;
}

#steps-services.step-serv-bg-base .wrap-list-to-order-title p,
#steps-services.step-serv-bg-base .box-steps-to-order li span,
#steps-services.step-serv-bg-base .wrap-list-to-order-bottom p {
    color: #1a1a1a;
}

#steps-services.step-serv-bg-base .box-steps-to-order li:after,
#steps-services.step-serv-bg-base .box-steps-to-order li span:after {
    background: #3e70b5;
}

.first-block-services.bg-ios-app {
    background: url(../img/bg/bg-ios-app.jpg) no-repeat center;
    background-size: cover;
}

.first-block-services.bg-ios-app .block-image-serv-featur,
.first-block-services.bg-android-app .block-image-serv-featur {
    left: auto;
    right: 0;
}

.first-block-services.featured-services.bg-ios-app .wrap-contacts-gen-content,
.first-block-services.featured-services.bg-android-app
    .wrap-contacts-gen-content {
    padding: 0 25px 115px;
}

.wrap-container-white-vertical-lines.lines-vert-white-ios-app,
.wrap-container-white-vertical-lines.lines-vert-white-andriod-app {
    padding: 0 0 50px;
}

.block-serv-inner-standart.block-serv-standart-ios-app,
#reasons-services-ios.block-reas-serv-android {
    margin-top: -50px;
}

.block-serv-inner-standart.block-serv-standart-ios-app
    .box-info-serv-development {
    padding: 70px 20px 0 0;
}

.block-serv-inner-standart.block-serv-standart-ios-app
    .box-image-serv-development {
    padding: 70px 0 0 1px;
}

#reasons-services-ios h2.title-line-blue {
    font-size: 36px;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    background-position: center bottom;
}

#reasons-services-ios .wrap-factor-services-two {
    padding: 60px 0 0;
}

#reasons-services-ios .descript-factors-serv,
#reasons-services-ios .text-fact-slide,
#reasons-services-ios .box-ps-text-factor-serv p {
    color: #1a1a1a;
}

#reasons-services-ios .icon-fact-slide:after {
    background: #1a1a1a;
}

#statistic-services.line-decore-base:before {
    content: "";
    position: absolute;
    height: 10px;
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/bg/line-decore-bottom-base.svg) repeat-x top left;
}

#call-action-calculator.calc-title-serv h2 {
    font-size: 36px;
}

.box-info-cases-serv-feat.middle-padding-cases-content {
    padding: 60px 0 100px;
}

.wrap-factor-services-two.lines-decore-base {
    overflow: hidden;
}

.wrap-factor-services-two.lines-decore-base
    .box-factor-slide:nth-child(4):after,
.wrap-factor-services-two.lines-decore-base
    .box-factor-slide:nth-child(6):after {
    content: "";
    position: absolute;
    width: 3px;
    background: #edf0f5;
    top: 51px;
    left: 0;
    bottom: -400px;
    z-index: 1;
}

.wrap-factor-services-two.lines-decore-base
    .box-factor-slide:nth-child(6):after {
    left: auto;
    right: -1px;
}

#statistic-services.no-lines-container .container:after,
#statistic-services.no-lines-container .container:before {
    display: none;
}

.first-block-services.bg-android-app {
    background: url(../img/bg/bg-android-app.jpg) no-repeat center;
    background-size: cover;
}

#reasons-services-ios.block-reas-serv-android .wrap-factor-services-two {
    padding: 120px 0 0;
}

.first-block-services.bg-promo-game {
    background: #1a1a1a;
}

.first-block-services.bg-promo-game .block-image-serv-featur {
    left: auto;
    right: 1px;
}

.first-block-services.bg-promo-game .wrap-contacts-gen-content {
    padding: 0 25px 146px;
}

.first-block-services.bg-first-vfx-design
    .image-serv-gen-br-ident
    .block-image-serv-featur {
    right: 50px;
}

.list-brand-ident {
    padding: 20px 23px 0 0;
}

.list-brand-ident li {
    margin: 15px 0 0;
    padding: 0 0 0 40px;
    background: url(../img/icons/list-brand-ident.svg) no-repeat left 1px;
}

.list-brand-ident strong,
.list-brand-ident span {
    display: block;
}

.list-brand-ident strong {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}

.list-brand-ident span {
    margin: 15px 0 0;
    font-size: 16px;
}

.wrap-info-services-page-brand-ident {
    padding: 60px 0 0;
}

#type-identity {
    position: relative;
    background: #3d70b5;
}

#type-identity:after,
#type-identity:before {
    content: "";
    position: absolute;
    background: url(../img/pattern_line_blue-top.svg) repeat-x left top;
    height: 10px;
    left: 0;
    right: 0;
    top: -10px;
    z-index: 11;
}

#type-identity:before {
    background: url(../img/bg/Cyber_block_mask-blue-bottom.svg) repeat-x left
        top;
    top: auto;
    bottom: -10px;
}

.title-box-type-identity {
    padding: 60px 0 0;
}

.wrap-type-identity {
    padding: 0 25px 60px;
}

.col-type-ident {
    margin: 25px 0 0;
    width: 49%;
    color: #fff;
}

.image-type-ident {
    text-align: center;
}

.title-type-ident {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin: 15px 0 0;
}

.text-type-ident {
    padding: 15px 0 10px;
    font-size: 16px;
}

#block-info-goal-audit {
    background: #1a1a1a url(../img/bg/bg-info-goal-audit.jpg) no-repeat center;
    background-size: cover;
}

.wrap-info-goal-audit {
    padding: 60px 0;
    max-width: 540px;
}

.wrap-info-goal-audit p {
    color: #fff;
    margin: 25px 0 0 25px;
    font-size: 18px;
}

#block-info-goal-audit .container:after,
#block-info-goal-audit .container:before {
    background: #fff;
}

.lines-left-right-white {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: relative;
    z-index: 2;
}

.wrap-info-goal-audit img {
    display: none;
}

#reasons-services-ios .parallax-image-politic {
    top: 1200px;
}

.first-block-services.bg-first-ta-ar
    .image-serv-gen-br-ident
    .block-image-serv-featur {
    left: auto;
    right: 1px;
    top: 90px;
}

.wrap-serv-development-inverse {
    padding: 0 23px;
    position: relative;
    z-index: 5;
}

.wrap-serv-development-inverse .box-info-serv-development {
    width: 68%;
    padding: 30px 0;
}

.wrap-serv-development-inverse .box-image-serv-development {
    width: 25%;
    padding: 55px 0 0;
}

.wrap-serv-development-inverse .lottie-animation-6 {
    margin: 0 auto;
}

.box-list-steps-prices.list-marker ul {
    padding: 5px 0 0;
}

.box-list-steps-prices.list-marker li p {
    color: #fff;
    font-size: 16px;
    line-height: 1.22;
}

.box-list-steps-prices.list-marker li:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background: #efc36e;
    top: 5px;
    left: 30px;
    transform: rotate(45deg);
}

.wrap-steps-services .wrap-list-to-order-bottom p {
    font-size: 16px;
}

#factors-services .parallax-image-inners.parallax-game-port,
#list-to-order-service .parallax-image-inners.parallax-game-port,
#factors-services-two.line-decore-white
    .parallax-image-inners.parallax-game-port {
    background: url(../img/bg/big_letters_parallax_white.svg) no-repeat;
    background-size: contain;
    top: 150px !important;
}

#list-to-order-service .parallax-image-inners.parallax-game-port {
    top: 450px !important;
}

#list-to-order-service .parallax-image-inners.parallax-game-port-bottom {
    top: 600px !important;
}

#list-to-order-service .parallax-image-inners.parallax-game-port.top-par {
    top: 850px !important;
}

#call-action-calculator.padding-top-middle .wrap-call-action-calc {
    padding: 60px 0;
}

#factors-services .parallax-image-inners.parallax-game-port.long-parall-top,
#list-to-order-service
    .parallax-image-inners.parallax-game-port.long-parall-top,
#factors-services-two.line-decore-white
    .parallax-image-inners.parallax-game-port {
    top: 600px !important;
}

#factors-services-two {
    background: #1a1a1a;
    position: relative;
    z-index: 1;
}

#factors-services-two:before {
    content: "";
    position: absolute;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.wrap-factor-services-two.lines-decore-g .box-factor-slide:nth-child(4):after,
.wrap-factor-services-two.lines-decore-g .box-factor-slide:nth-child(6):after {
    content: "";
    position: absolute;
    width: 3px;
    background: #1a1a1a;
    top: 51px;
    left: -1px;
    bottom: -400px;
    z-index: 1;
}

.wrap-factor-services-two.lines-decore-g .box-factor-slide:nth-child(6):after {
    left: auto;
    right: -1px;
}

.wrap-factor-services-two.box-last-long .box-factor-slide:last-child {
    width: 100%;
    position: relative;
}

.wrap-factor-services-two.box-last-long .box-factor-slide:nth-child(4):after,
.wrap-factor-services-two.box-last-long .box-factor-slide:nth-child(6):after {
    display: none;
}

.wrap-factor-services-two.box-last-long .box-factor-slide:last-child:after,
.wrap-factor-services-two.box-last-long .box-factor-slide:last-child:before {
    content: "";
    position: absolute;
    width: 3px;
    background: #1a1a1a;
    top: 51px;
    left: -1px;
    bottom: -400px;
    z-index: 1;
}

.wrap-factor-services-two.box-last-long .box-factor-slide:last-child:before {
    left: auto;
    right: -1px;
}

.wrap-factor-services-two.box-last-long
    .box-factor-slide:last-child
    .text-fact-slide {
    max-width: 350px;
    margin: 13px auto 0;
}

#factors-services-two .inner-title-h2 {
    background: url(../img/icons/line-h2.svg) no-repeat center bottom;
}

#steps-services.double-list-to-order .our-awards__title {
    max-width: 720px;
}

#steps-services.double-list-to-order .wrap-steps-services {
    padding: 0;
}

#steps-services.double-list-to-order .box-title-stest-serv-flex {
    padding: 60px 0 0;
}

#steps-services.line-decore-top-none:after {
    display: none;
}

#reasons-service-two.bg-yellow {
    background: #efc36e;
}

#factors-services-two.bg-yellow {
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

#services-development .btn-container {
    padding: 25px 0 0;
}

#reasons-service-two.bg-yellow-new .btn-container {
    padding: 25px 0 0 25px;
}

#reasons-service-two.bg-yellow {
    position: relative;
}

#reasons-service-two.bg-yellow .box-image-list-to-order {
    width: 48.8%;
}

#factors-services-two.bg-yellow:before {
    top: 0;
    background: url(../img/bg/Cyber_block_mask-blue-bottom.svg) repeat-x left
        top;
}

#factors-services-two.bg-yellow .inner-title-h2 {
    max-width: 760px;
    margin: 0 auto;
    padding: 60px 15px 23px;
}

#factors-services-two.bg-yellow .inner-title-h2,
#factors-services-two.bg-yellow .descript-factors-serv,
#factors-services-two.bg-yellow .box-factor-slide {
    color: #1a1a1a;
}

#factors-services-two.bg-yellow .icon-fact-slide:after {
    background: #1a1a1a;
}

.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:nth-child(7):after,
.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:last-child:before {
    content: "";
    position: absolute;
    width: 3px;
    top: 51px;
    left: -1px;
    bottom: -400px;
    z-index: 1;
    background: #efc36e;
}

.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:last-child:before {
    left: auto;
    right: -1px;
}

#call-to-action-services.big-z-index {
    z-index: 2;
}

.wrap-factor-services-two.box-last-long-two .box-factor-slide:last-child,
.wrap-factor-services-two.box-last-long-two .box-factor-slide:nth-child(7) {
    width: 50%;
}

.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:last-child
    .text-fact-slide,
.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:nth-child(7)
    .text-fact-slide {
    max-width: 370px;
    margin: 13px auto 0;
}

.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:nth-child(7)
    .icon-fact-slide {
    padding: 0 0 0 170px;
}

.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:last-child
    .icon-fact-slide {
    padding: 0 170px 0 0;
}

.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:nth-child(7)
    .text-fact-slide {
    padding: 0 0 0 170px;
    max-width: 470px;
}

.wrap-factor-services-two.box-last-long-two
    .box-factor-slide:last-child
    .text-fact-slide {
    padding: 0 170px 0 0;
    max-width: 470px;
}

#factors-services.bg-yellow,
#factors-services-one.bg-yellow {
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

#factors-services.decore-top-black-revers:after {
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
    top: 0;
}

#factors-services.bg-yellow .box-title-slider-e-comm p,
#steps-services.bg-yellow .descript-steps-serv,
#steps-services.bg-yellow .box-steps-to-order li span,
#steps-services.bg-yellow .wrap-list-to-order-bottom p {
    color: #1a1a1a;
}

#factors-services.bg-yellow .slide-e-commerce {
    border-color: #1a1a1a;
    background: #1a1a1a;
}

#factors-services.bg-yellow .slide-e-commerce.inversive-sl-e-comm {
    background: transparent;
}

#factors-services.bg-yellow .our-awards__title {
    max-width: 700px;
}

#factors-services.bg-yellow .container:after,
#factors-services.bg-yellow .container:before {
    background: #1a1a1a;
}

.wrap-list-to-order-bottom-yellow {
    position: relative;
    padding: 23px 0 60px;
}

.wrap-list-to-order-bottom-yellow p {
    font-size: 18px;
    line-height: 1.2;
    max-width: 730px;
    margin: 25px 0 0 25px;
}

#factors-services-two.line-decore-white:before {
    display: none;
}

#factors-services-two.line-decore-white .icon-fact-slide:after {
    background: #fff;
}

#call-action-calculator-black {
    background: #1a1a1a;
    color: #fff;
    position: relative;
}

#call-action-calculator-black h2,
#call-action-calculator.action-calc-ta h2 {
    font-size: 36px;
    padding: 0 0 34px;
}

#call-action-calculator.action-calc-ta h2 {
    padding: 0 25px 34px 0;
}

#call-action-calculator-black .wrap-call-action-calc,
#call-action-calculator.action-calc-ta .wrap-call-action-calc {
    padding: 60px 0;
}

#steps-services.bg-yellow {
    position: relative;
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

#steps-services.decore-top-blue:after {
    content: "";
    position: absolute;
    height: 10px;
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask-blue-bottom.svg) repeat-x left
        top;
}

#steps-services.bg-yellow .box-steps-to-order li:after,
#steps-services.bg-yellow .box-steps-to-order li span:after {
    background: #3d70b5;
}

#steps-services.bg-yellow.double-list-to-order .our-awards__title {
    max-width: 100%;
}

#classification-design-slider.slider-ta-m-app .inner-title-h2 {
    max-width: 730px;
    margin: 0 auto;
}

.descript-classific-des {
    margin: 15px auto 0;
    max-width: 730px;
}

#classification-design-slider.slider-ta-m-app .slider-classific-des {
    padding: 56px 0 0;
}

#classification-design-slider.slider-ta-m-app .owl-nav {
    bottom: 2px;
}

#classification-design-slider.slider-ta-m-app .box-content-classific-des {
    padding: 20px 0 20px 30px;
}

#classification-design-slider.slider-ta-m-app .box-content-classific-des p {
    font-size: 14px;
}

.inner-content-classific-des ul {
    position: relative;
    z-index: 4;
}

.inner-content-classific-des ul li {
    position: relative;
    margin: 16px 0 0;
    color: #fff;
    font-size: 14px;
    padding: 0 0 0 28px;
}

.inner-content-classific-des ul li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #efc36e;
    top: 5px;
    left: 0;
    transform: rotate(45deg);
}

#classification-design-slider.slider-ta-m-app .box-slider-classific-des:after {
    clip-path: polygon(45px 0, 100% 0, 100% 90%, 94% 100%, 0 100%, 0 45px);
}

#classification-design-slider.slider-ta-m-app .box-content-classific-des {
    clip-path: polygon(0 0, 100% 0, 100% 90.5%, 90.9% 100%, 0 100%, 0 0);
    min-height: 675px;
}

.title-classific-des span {
    display: block;
    color: #fff;
}

.wrap-list-to-order-bottom.no-line-serv {
    position: relative;
    max-width: 100%;
}

.wrap-list-to-order-bottom.no-line-serv:after,
.wrap-list-to-order-bottom.no-line-serv:before {
    content: "";
    position: absolute;
    width: 3px;
    bottom: 0;
    top: 0;
    left: -1px;
    background: #1a1a1a;
    z-index: 3;
}

.wrap-list-to-order-bottom.no-line-serv:before {
    left: auto;
    right: -1px;
}

.wrap-list-to-order-bottom.no-line-serv p {
    max-width: 725px;
}

.first-block-services.bg-first-mobile-games
    .image-serv-gen-br-ident
    .block-image-serv-featur {
    left: auto;
    top: 53px;
    right: 43px;
}

.info-block-text-little {
    background: #1a1a1a;
    position: relative;
}

.first-block-services.bg-first-mobile-games:after {
    content: "";
    position: absolute;
    height: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.box-inner-block-text-little {
    padding: 138px 0 85px;
    max-width: 730px;
    position: relative;
    z-index: 10;
}

.info-block-text-little p {
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    padding: 0 0 0 16px;
    border-left: 8px solid #efc36e;
}

.lines-left-to-right-white .container:after,
.lines-left-to-right-white .container:before {
    background: #fff;
}

.first-block-services.bg-first-mobile-games
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-mobile-games
    .content-inner-pages-start
    .container:before {
    z-index: 2;
}

#factors-services-two.lines-left-to-right-white {
    overflow: hidden;
}

.lines-whites-four .box-factor-slide {
    width: 25%;
}

.lines-whites-four .icon-fact-slide:after {
    background: #fff;
}

.lines-whites-four .text-fact-slide {
    font-size: 16px;
    text-transform: uppercase;
    margin: 30px auto 0;
    max-width: 250px;
    min-height: 63px;
}

.lines-whites-four {
    overflow: hidden;
    padding: 13px 0 0;
}

.lines-whites-four .icon-fact-slide:after {
    left: -150px;
    right: -150px;
}

.wrap-factor-services-two.box-last-long-two.lines-whites-four
    .box-factor-slide:last-child,
.wrap-factor-services-two.box-last-long-two.lines-whites-four
    .box-factor-slide:nth-child(7) {
    width: 25%;
    max-width: inherit;
    padding: 0;
}

.wrap-factor-services-two.box-last-long-two.lines-whites-four
    .box-factor-slide:last-child
    .icon-fact-slide {
    padding: 0;
}

.wrap-factor-services-two.box-last-long-two.lines-whites-four
    .box-factor-slide:last-child
    .text-fact-slide {
    max-width: inherit;
    padding: 0 25px;
    margin: 30px 0 0;
}

.lines-whites-four .slider-services-factor {
    justify-content: center;
    position: relative;
}

.lines-whites-four .slider-services-factor:after,
.lines-whites-four .slider-services-factor:before {
    content: "";
    position: absolute;
    height: 300px;
    width: 4px;
    background: #1a1a1a;
    bottom: -158px;
    z-index: 2;
    left: -2px;
}

.lines-whites-four .slider-services-factor:before {
    left: auto;
    right: -2px;
}

.wrap-factor-services-two.box-last-long-two.lines-whites-four
    .box-factor-slide:nth-child(7):after,
.wrap-factor-services-two.box-last-long-two.lines-whites-four
    .box-factor-slide:last-child:before,
.no-lines-left-to-right .container:after,
.no-lines-left-to-right .container:before {
    display: none;
}

#list-to-order-service.no-lines-left-to-right .wrap-list-to-order-title {
    padding: 22px 0 0;
}

#list-to-order-service.no-lines-left-to-right
    .parallax-image-inners.parallax-game-port {
    top: -200px !important;
}

.line-black-top-decore:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    top: 0;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
    z-index: 3;
}

#select-category h2.title-line-blue {
    font-size: 36px;
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    padding: 15px 0 28px;
    background-position: center bottom;
}

#select-category .descript-factors-serv {
    color: #1a1a1a;
}

.footer-action-calc-animat.no-line-bottom {
    border-bottom: 0;
}

.wrap-serv-aos.padd-bottom-middle {
    padding: 0 0 64px;
}

.wrap-category-select {
    margin: 48px 0 0;
}

.inner-box-cat-sel {
    box-shadow: 5px 5px 0 0px rgba(26, 26, 26, 1);
}

.image-cat-sel {
    border: 1px solid #1a1a1a;
}

.image-cat-sel img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.body-cat-sel {
    background: #fff;
    border: 1px solid #1a1a1a;
    padding: 23px;
}

#select-category .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.title-cat-sel {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.body-cat-sel p {
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 1.22;
}

.levels-cat-sel {
    position: relative;
    display: flex;
    padding: 16px 0 0;
}

.levels-cat-sel div {
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #3d70b5;
    margin: 0 8px 0 0;
}

.levels-cat-sel:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 14px;
    background: url(../img/icons/icon-cat-sel.svg) no-repeat center;
    top: 16px;
    right: 0;
}

.level-front div:first-child:after,
.level-middle div:first-child:after,
.level-senior div:first-child:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background: #3d70b5;
}

.level-middle div:nth-child(2):after,
.level-senior div:nth-child(2):after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background: #3d70b5;
}

.level-senior div:last-child:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background: #3d70b5;
}

.no-line-top {
    border-top: none;
    height: auto;
}

#select-category .footer-action-calc-animat {
    margin: 40px 0 0;
}

.wrap-list-steps-to-order.no-padding {
    padding: 38px 0 70px;
}

.wrap-list-steps-to-order.no-padding.top-p {
    padding: 80px 0 70px;
}

.wrap-list-steps-to-order.no-padding .text-serv-reas-two p {
    padding: 0 0 0 25px;
}

.cont-logo-comp {
    margin: 16px 0 0 25px;
}

#sel-game-plat,
#unic-graf {
    background: #3d70b5;
    position: relative;
}

.wrap-sel-game-plat {
    padding: 0 25px 60px 0;
}

.image-sel-game {
    width: 50%;
    padding: 60px 0 0;
}

.content-sel-game-plat {
    width: 47.5%;
    padding: 56px 0 0;
}

.image-sel-game img,
.box-image-unic-graf img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

#call-action-calculator-black.no-decore-top:after {
    display: none;
}

/* .picture-mobile-block-g .image-sel-game img:last-child {
	display: none;
} */
.picture-mobile-block-g .image-sel-game img:nth-child(2n) {
    display: none;
}

.content-sel-game-plat h2 {
    color: #fff;
    font-size: 36px;
    padding: 0 0 35px;
    background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
}

.content-sel-game-plat p {
    margin: 24px 0 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
}

.wrap-unic-graf {
    padding: 0 0 60px;
}

.box-cont-unic-graf {
    width: 50%;
    padding: 55px 0 0;
    color: #fff;
}

.box-cont-unic-graf h2 {
    font-size: 36px;
    padding: 0 0 0 18px;
    line-height: 1.23;
    border-left: 8px solid #efc36e;
}

.box-cont-unic-graf p {
    margin: 25px 0 0 25px;
    font-size: 18px;
    line-height: 1.22;
}

.box-image-unic-graf {
    width: 48%;
    padding: 60px 0 0;
}

#factors-services.bg-dark {
    background: #191919;
}

.info-games-mobile-block .wrap-sel-game-plat {
    padding: 0 25px 1px 0;
}

.info-games-mobile-block .content-sel-game-plat {
    padding: 70px 0 0;
}

.info-games-mobile-block .image-sel-game {
    padding: 120px 0;
}

#factors-services-three.bg-yellow {
    position: relative;
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

#factors-services-three .our-awards__title {
    max-width: 720px;
}

#factors-services-three .box-title-slider-e-comm p {
    color: #1a1a1a;
    max-width: 755px;
}

.slider-list-e-commerce.slider-list-masonry-two {
    display: grid;
    gap: 30px;
    padding: 48px 0 60px;
    grid-template-areas:
        "a b c"
        "a d d"
        "e d d";
}

.item-2-1 {
    grid-area: a;
    width: 350px;
    height: 516px;
}

.item-2-2 {
    grid-area: b;
    width: 350px;
    height: 307px;
}

.item-2-3 {
    grid-area: c;
    width: 350px;
    height: 307px;
}

.item-2-4 {
    grid-area: d;
    width: 730px;
    height: 478px;
}

.item-2-5 {
    grid-area: e;
    width: 350px;
    height: 269px;
}

.slide-e-commerce-black {
    background: #1a1a1a;
    padding: 25px;
    position: relative;
}

.slide-e-commerce-black .icon-sl-e-comm:after {
    content: "";
    position: absolute;
    width: 44px;
    height: 24px;
    background: url(../img/code-white.svg) no-repeat center;
    top: 0;
    right: 0;
}

.slide-e-commerce-black p {
    color: #fff;
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 1.22;
}

.slide-e-commerce-black p span {
    color: #efc36e;
}

.slide-e-commerce-black .icon-sk-decore-e-comm {
    padding: 6px 0 0 3px;
}

.slide-e-commerce-black ul {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 15px 0 0;
    padding: 0 0 15px;
}

.slide-e-commerce-black li {
    position: relative;
    color: #fff;
    font-size: 16px;
    margin: 13px 0 0;
    padding: 0 0 0 31px;
}

.slide-e-commerce-black li:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #efc36e;
    transform: rotate(45deg);
}

.slide-e-commerce-black .title-sl-fac {
    margin: 9px 0 0;
}

.item-2-4 {
    display: flex;
    align-items: center;
}

#steps-services.bg-dark-serv {
    /* background: #1a1a1a; */
    background: #191919;
}

#steps-services.bg-dark-serv .our-awards__title {
    font-size: 35px;
}

#steps-services.bg-dark-serv .universal_section_right_line_whiteThree,
#steps-services.bg-dark-serv .universal_section_left_line_whiteThree {
    top: 0;
    bottom: -1000px;
}

#sel-game-plat.line-decore-dark-top-sel:before {
    content: "";
    position: absolute;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
}

#steps-services.bg-dark-serv:after {
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

#steps-services.bg-dark-serv .container:after,
#steps-services.bg-dark-serv .container:before {
    background: #efc36e;
}

#steps-services.bg-dark-serv .box-image-list-to-order {
    padding: 0;
}

.footer-action-calc-animat.lines-anim-color-gold {
    border-top: 1px solid #efc36e;
    border-bottom: 1px solid #efc36e;
    position: relative;
    background: #1a1a1a;
    z-index: 2;
}

.footer-action-calc-animat.lines-anim-color-gold .line-animate-matrix {
    background: url(../img/line_aminat-gold.svg) no-repeat;
}

.footer-action-calc-animat.lines-anim-color-gold:after,
.footer-action-calc-animat.lines-anim-color-gold:before {
    content: "";
    position: absolute;
    width:;
}

.block-title-yellow-decore h2 {
    background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
    margin: 0 30px 0 0;
}

.inner-image-new-mob-game img {
    display: block;
    max-width: 100%;
}

.top-decore-black:before {
    content: "";
    position: absolute;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
    height: 10px;
    left: 0;
    right: 0;
    top: 0;
}

#reasons-services-ios.bg-yellow {
    position: relative;
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

#reasons-services-ios.bg-yellow h2.title-line-blue {
    max-width: 750px;
}

#reasons-services-ios.bg-yellow .wrap-factor-services-two {
    padding: 60px 0 80px;
}

.title-fact-slider {
    color: #1a1a1a;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin: 25px 0 0;
}

.wrap-call-action-calc.inner-page-call-calculat,
.wrap-price-content-inner {
    padding: 60px 0;
}

.summ-call-calc {
    margin: 25px 0 0;
    color: #fff;
    font-size: 18px;
}

.summ-call-calc span {
    color: #efc36e;
    font-weight: bold;
    font-size: 24px;
}

.wrap-price-content-inner .main-tariffs__title {
    background: url(../img/icons/line-h2-yellow.svg) no-repeat center bottom;
    padding: 0 0 32px;
}

.z-in-11 {
    z-index: 11 !important;
}

.box-image-calculat,
.box-content-call-calc,
.wrap-slider-price {
    position: relative;
    z-index: 4;
}

.bg-first-pc-games {
    background: url(../img/bg/bg-first-pc-games.jpg) no-repeat center;
    background-size: cover;
}

.first-block-services.bg-first-pc-games
    .image-serv-gen-br-ident
    .block-image-serv-featur {
    left: auto;
    top: 53px;
    right: 110px;
}

.box-steps-to-order.text-strong li span {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

.title-little-ord-serv .our-awards__title {
    max-width: 600px;
}

#list-to-order-service.decore-bottom-none:before,
.lines-whites-four.no-lines-bottom .slider-services-factor:after,
.lines-whites-four.no-lines-bottom .slider-services-factor:before {
    display: none;
}

.lines-left-to-right-white .container {
    position: relative;
    z-index: 5;
}

.bottom-no-text-slider {
    padding: 0 0 60px;
}

.slider-four-50 {
    position: relative;
    z-index: 4;
}

.box-title-slider-e-comm.align-center {
    padding: 50px 0 30px;
}

#reasons-service-two.bg-yellow-new {
    position: relative;
    background: linear-gradient(to bottom, #dab367 0%, #ffdf8d 100%);
}

.slider-four-50 .slide-e-commerce {
    width: 48.5%;
    min-height: 540px;
    align-items: flex-start;
    padding: 55px 24px;
    margin: 30px 0 0;
}

.slider-four-50 .icon-sk-decore-e-comm {
    position: absolute;
    bottom: 30px;
    left: 24px;
    right: 24px;
}

.slide-e-commerce ul {
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    margin: 16px 0 0;
    padding: 7px 0 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.slide-e-commerce li {
    position: relative;
    margin: 8px 0 0;
    padding: 0 0 0 32px;
    font-size: 16px;
    width: 47%;
}

.slide-e-commerce li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #3d70b5;
    transform: rotate(45deg);
    top: 4px;
    left: 4px;
}

.content-sel-game-plat .btn-container {
    padding: 25px 0 0;
}

.top-decore-blue-revers:after {
    content: "";
    position: absolute;
    height: 10px;
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask-blue-bottom.svg) repeat-x left
        top;
}

.portfolio-inner-page .our-awards__title {
    background: transparent;
}

.portfolio-inner-page .wrap-title-services-general {
    padding: 60px 24px 0 0;
}

.portfolio-inner-page .inner-title-table-info p {
    color: #efc36e;
}

.portfolio-inner-page .inner-title-table-info:before,
.portfolio-inner-page .inner-title-table-info:after {
    background: #efc36e;
}

.descr-call-act-serv p {
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    margin: 25px 0 0 25px;
}

.inner-form-serv-pages {
    padding: 0 0 0 25px;
}

.inner-form-serv-pages li {
    margin: 24px 0 0;
}

.box-content-call-calc .inner-form-serv-pages p {
    margin: 0;
    padding: 15px 0;
}

.box-content-call-calc .inner-form-serv-pages p a {
    text-decoration: underline;
}

.box-content-call-calc .inner-form-serv-pages p a:hover {
    text-decoration: none;
}

.inner-form-serv-pages .ps-form-call-action label {
    display: block;
}

.wrap-list-scheme-price-serv {
    padding: 20px 0 30px 15px;
}

.wrap-list-scheme-price-serv .num-reas-career span {
    color: #fff;
    background: #3d70b5;
}

.wrap-list-scheme-price-serv .title-reas-career {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px 0 0;
    min-height: 37px;
}

.wrap-list-scheme-price-serv .box-address-photo-prev {
    width: 16%;
    margin: 20px 0 0;
}

.wrap-list-scheme-price-serv .num-reas-career:after {
    right: 0;
}

#case-game-dev {
    background: #1a1a1a url(../img/bg/bg-case-game-dev.jpg) no-repeat center;
    background-size: cover;
}

.wrap-case-game-dev {
    padding: 50px 0 60px;
    position: relative;
}

.col-info-case-game-dev {
    width: 48%;
}

.col-image-case-game-dev {
    width: 48.7%;
    flex-wrap: wrap;
}

.box-img-case-game-dev {
    width: 50%;
}

.box-img-case-game-dev img {
    display: block;
    max-width: 100%;
}

.col-info-case-game-dev p {
    color: #fff;
    font-size: 18px;
    margin: 24px 0 0;
    line-height: 1.3;
}

.box-logo-platform {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 25px 0 0;
}

.box-logo-platform img {
    margin: 25px 25px 0 0;
}

.box-case-little-3d-game {
    width: 100%;
}

.box-case-little-3d-game img {
    display: block;
    max-width: 100%;
}

.wrap-new-icons-techno-used .box-icon-tech-used {
    padding: 15px 0;
    width: 14.7%;
}

#case-game-dev .inner-title-h2 {
    text-align: left;
    background-position: left bottom;
    padding: 25px 0 23px;
}

.bottom-decore-blue-opac {
    position: relative;
}

.bottom-decore-blue-opac:after {
    content: "";
    position: absolute;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask-blue-bottom.svg) repeat-x left
        top;
    left: 0;
    right: 0;
    bottom: -10px;
}

.first-block-services.bg-first-ar-develop .block-image-serv-featur {
    left: auto;
    top: 100px;
    right: 82px;
}

.lines-vert-white-ar-dev {
    padding: 0 0 56px;
}

.inn-stand-m-top {
    margin-top: -56px;
}

.subtitle-inner-block {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin: 25px 0 0;
}

.box-info-serv-development li {
    position: relative;
    margin: 18px 25px 0 0;
    padding: 0 0 0 30px;
    font-size: 16px;
    line-height: 1.22;
}

.box-info-serv-development li:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #3d70b5;
    transform: rotate(45deg);
    top: 6px;
    left: 2px;
}

.sub-descr-f-s {
    font-size: 20px;
    font-weight: bold;
    color: #efc36e;
    margin: 20px 0 0 25px;
    text-transform: uppercase;
}

.pad-bot .our-awards__title {
    max-width: 700px;
}

.pad-bot {
    padding: 0 0 60px;
}

.inner-slide-e-comm {
    width: 100%;
}

#classification-design-slider.design-slider-blue {
    background: #3d70b5;
}

#classification-design-slider.design-slider-blue .container:after,
#classification-design-slider.design-slider-blue .container:before {
    background: #1a1a1a;
}

#classification-design-slider.design-slider-blue .inner-title-h2 {
    max-width: 750px;
    margin: 0 auto;
}

#classification-design-slider.design-slider-blue .box-grafic-classific-des,
#classification-design-slider.design-slider-blue .box-content-classific-des {
    background: #edf0f5;
}

.lines-animat-cases-top.no-line-top-anim {
    border-top: none;
}

#classification-design-slider.design-slider-blue
    .box-grafic-classific-des:after {
    background: #edf0f5;
}

#classification-design-slider.design-slider-blue
    .box-slider-classific-des:before,
#classification-design-slider.design-slider-blue
    .box-slider-classific-des:after {
    background: #1a1a1a;
}

#classification-design-slider.design-slider-blue .box-grafic-classific-des {
    padding: 40px 0;
}

#classification-design-slider.design-slider-blue .title-classific-des {
    color: #3d70b5;
}

#classification-design-slider.design-slider-blue
    .inner-content-classific-des
    p {
    color: #1a1a1a;
    font-size: 14px;
}

#classification-design-slider.design-slider-blue .num-slider-classific {
    opacity: 1;
    bottom: 10px;
    right: 40px;
}

.parallax-image-inners.top-ar {
    top: 300px !important;
}

#classification-design-slider.design-slider-blue
    .image-decore-slide-slassific:after {
    background: #3d70b5;
}

#classification-design-slider.design-slider-blue .owl-dots,
#classification-design-slider.design-slider-blue .owl-dot {
    border-color: #1a1a1a;
}

#classification-design-slider.design-slider-blue .owl-dot.active {
    background: #1a1a1a;
}

#classification-design-slider.decore-bottom-blue:before {
    background: url(../img/bg/Cyber_block_mask-blue-bottom.svg) repeat-x left
        top;
}

.fact-serv-50 .box-factor-slide {
    width: 50%;
}

.box-cont-unic-graf span {
    color: #efc36e;
}

.box-image-unic-graf.padd-top-long {
    padding: 160px 0 0;
}

#unic-graf.line-decore-top-yes:after {
    content: "";
    position: absolute;
    background: url(../img/pattern_line_blue-top.svg) repeat-x left top;
    height: 10px;
    left: 0;
    right: 0;
    top: -10px;
}

#call-action-calculator.line-top-dec-no:after {
    display: none;
}

.title-h2-long h2 {
    font-size: 36px;
}

.ul-list-calc ul li {
    position: relative;
    margin: 15px 0 0;
    padding: 0 0 0 30px;
    font-size: 16px;
    line-height: 1.22;
}

.ul-list-calc ul li:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #efc36e;
    transform: rotate(45deg);
}

.btn-container.calc-dark {
    padding: 25px 0 0 25px;
}

.mob-yellow a {
    color: #efc36e;
}

.lines-cont-white .container:after,
.lines-cont-white .container:before {
    background: #fff;
}

#tehnology-dop {
    background: #1a1a1a;
    padding: 50px 0 72px;
}

#tehnology-dop .our-awards__title {
    background: transparent;
}

#tehnology-dop .inner-title-table-info p {
    color: #fff;
}

#tehnology-dop .inner-title-table-info:before,
#tehnology-dop .inner-title-table-info:after {
    background: #fff;
}

.wrap-logos-tehnology {
    flex-wrap: wrap;
    max-width: 730px;
    margin: 0 auto;
    padding: 18px 0 0;
}

.box-tehnology {
    width: 22.2%;
    margin: 30px 0 0;
}

.list-general-serv li {
    position: relative;
    margin: 14px 0 0;
    color: #fff;
    font-size: 16px;
    padding: 0 0 0 30px;
}

.list-general-serv li:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background: #efc36e;
}

.first-block-services.bg-first-vr-develop {
    background: url(../img/bg/bg-first-vr-develop.jpg) no-repeat center;
    background-size: cover;
}

.list-general-serv {
    padding: 10px 0 0;
}

#info-vr {
    background: #1a1a1a;
    position: relative;
}

#info-vr:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
    top: -10px;
}

.first-block-services.bg-first-vr-develop:after {
    display: none;
}

.wrap-info-vr {
    padding: 0 0 60px;
}

#info-vr .container:after,
#info-vr .container:before,
.first-block-services.bg-first-vr-develop
    .content-inner-pages-start
    .container:after,
.first-block-services.bg-first-vr-develop
    .content-inner-pages-start
    .container:before {
    background: #fff;
}

#info-vr .title-history {
    background: transparent;
    color: #fff;
}

.box-title-info-vr {
    width: 48%;
    padding: 58px 0 0;
}

.box-title-info-vr p {
    margin: 25px 0 0 25px;
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
}

.box-graf-info-vr {
    width: 50%;
    padding: 80px 0 0;
}

.image-mobile-info-vr {
    display: none;
}

.image-pc-info-vr img {
    display: block;
    max-width: 100%;
}

#classification-design-slider.design-slider-base {
    background: #edf0f5;
}

#classification-design-slider.design-slider-base .inner-title-h2 {
    color: #1a1a1a;
    max-width: 800px;
    background: url(../img/icons/line-h2.svg) no-repeat center bottom;
}

#classification-design-slider.design-slider-base .slider-classific-des {
    padding: 56px 0 0;
}

#classification-design-slider.design-slider-base:after {
    background: url(../img/bg/pattern-line-transporant.svg) repeat-x left top;
}

#classification-design-slider.design-slider-base .owl-nav {
    bottom: 2px;
}

#classification-design-slider.design-slider-blue
    .box-slider-classific-des:after {
    clip-path: polygon(45px 0, 100% 0, 100% 85%, 94.4% 100%, 0 100%, 0 45px);
}

#classification-design-slider.design-slider-base .box-ps-text-factor-serv {
    margin: 0 auto;
}

#classification-design-slider.design-slider-base:before,
#list-to-order-service.decore-top-blue:before {
    display: none;
}

#list-to-order-service.decore-top-blue:after {
    background: url(../img/pattern_line_blue-top.svg) repeat-x left top;
}

#list-to-order-service.steps-vr-block .wrap-list-to-order-title {
    max-width: 550px;
}

#list-to-order-service.steps-vr-block .box-image-list-to-order {
    margin-top: -130px;
}

.wrap-factor-services-two.factor-lines-no {
    overflow: hidden;
}

.wrap-factor-services-two.factor-lines-no
    .box-factor-slide:first-child
    .icon-fact-slide:before,
.wrap-factor-services-two.factor-lines-no
    .box-factor-slide:last-child
    .icon-fact-slide:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 600px;
    background: #edf0f5;
    left: -2px;
    bottom: 50px;
    z-index: 3;
}

.wrap-factor-services-two.factor-lines-no
    .box-factor-slide:last-child
    .icon-fact-slide:before {
    left: auto;
    right: -2px;
}

.box-content-call-calc p a {
    color: #efc36e;
    text-decoration: underline;
}

.box-content-call-calc p a:hover {
    text-decoration: none;
}

.descr-call-act-serv li {
    margin: 15px 0 0 25px;
    position: relative;
    padding: 0 0 0 32px;
    font-size: 16px;
    line-height: 1.22;
}

.descr-call-act-serv li:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    transform: rotate(45deg);
    top: 5px;
    left: 2px;
    background: #efc36e;
}

#call-action-calculator-black-two {
    background: #1a1a1a;
    position: relative;
}

.wrap-call-action-calc.wrap-calc-revers {
    flex-direction: row-reverse;
}

#call-action-calculator-black-two .our-awards__title {
    border: none;
}

#call-action-calculator-black-two .container:after,
#call-action-calculator-black-two .container:before {
    background: #fff;
}

.lines-anim-color-white {
    border-color: #fff;
}

#call-action-calculator-black-two .wrap-call-action-calc {
    padding: 60px 0;
}

#call-action-calculator-black-two .box-content-call-calc {
    width: 51%;
    padding: 0 2% 0 0;
}

.no-lines-left-to-right {
    position: relative;
}

.no-lines-left-to-right:after,
.no-lines-left-to-right:before {
    content: "";
    position: absolute;
    width: 4px;
    top: 0;
    bottom: 0;
    background: #1a1a1a;
    left: -2px;
    z-index: 2;
}

.no-lines-left-to-right:before {
    left: auto;
    right: -2px;
}

.first-block-services.bg-first-nft-develop {
    background: url(../img/bg/bg-first-nft-develop.jpg) no-repeat center;
    background-size: cover;
}

.first-block-services.bg-first-nft-develop .block-image-serv-featur {
    left: auto;
    right: 130px;
    top: 58px;
}

.lines-vert-white-nft-app {
    padding: 0 0 68px;
}

.inn-stand-nft-top {
    margin-top: -68px;
}

.lines-animat-cases-bottom.bc-dark {
    border-color: #1a1a1a;
}

.no-right-line-cont .container:before {
    display: none;
}

.inn-stand-nft-top .wrap-serv-development {
    padding: 60px 0 120px;
}

.inn-stand-nft-top .wrap-serv-development:after {
    content: "";
    position: absolute;
    height: 120px;
    background: url(../img/bg/bg-reasons-comp-gen.png) no-repeat center;
    bottom: -40px;
    left: 0;
    right: 0;
}

#call-action-calculator-black:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
    top: -10px;
}

#specialists .wrap-title-services-general {
    padding: 60px 25px 30px 0;
}

#factors-services-two.top-decore-black:before {
    content: "";
    position: absolute;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
    height: 10px;
    left: 0;
    right: 0;
    top: 0;
}

.wrap-factor-services-two.box-last-long-two.box-slides-five
    .box-factor-slide:nth-child(4) {
    width: 50%;
}

.wrap-factor-services-two.box-slides-five
    .box-factor-slide:last-child
    .title-fact-slider {
    padding: 0 170px 0 0;
    max-width: 470px;
    margin: 25px auto 0;
}

.wrap-factor-services-two.box-last-long-two.box-slides-five
    .box-factor-slide:nth-child(4)
    .text-fact-slide {
    padding: 0 0 0 170px;
    max-width: 470px;
    margin: 13px auto 0;
}

.wrap-factor-services-two.box-slides-five
    .box-factor-slide:nth-child(4)
    .title-fact-slider {
    padding: 0 0 0 170px;
    max-width: 470px;
    margin: 25px auto 0;
}

.wrap-factor-services-two.box-slides-five
    .box-factor-slide:nth-child(4)
    .icon-fact-slide {
    padding: 0 0 0 170px;
}

.wrap-factor-services-two.box-last-long-two.box-slides-five
    .box-factor-slide:last-child:before {
    display: none;
}

#call-action-calculator-black-two.lines-vert-dark .container:after,
#call-action-calculator-black-two.lines-vert-dark .container:before {
    background: #1a1a1a;
}

.wrap-specialists {
    padding: 30px 0 70px;
}

.box-specialist {
    width: 255px;
    margin: 30px 0 0;
    background: #fff;
    border: 1px solid #1a1a1a;
}

.cont-photo-spec {
    height: 360px;
}

.cont-photo-spec img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.body-info-spec {
    position: relative;
    padding: 15px 15px 45px;
}

.body-info-spec:after {
    content: "";
    position: absolute;
    width: 101px;
    height: 6px;
    background: url(../img/logo-black.svg) no-repeat center;
    bottom: 25px;
    left: 15px;
}

.name-spec-text {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}

.status-spec-text {
    color: #1a1a1a;
    opacity: 0.36;
    font-size: 14px;
}

.info-spec-text {
    margin: 15px 0 0;
    font-size: 16px;
    line-height: 1.22;
    min-height: 60px;
}

.footer-logo-spec {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    display: flex;
    justify-content: flex-end;
}

#call-action-calculator-black .box-content-call-calc p a {
    color: #6cd3ff;
}

#call-action-calculator-black-two.decore-dark-yes:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
    top: -10px;
}

/*---SERVICES END---*/

/*---BREEF START---*/
.first-block-inner-pages.first-block-breef #nav ul.top-menu > li > a {
    color: #1a1a1a;
    font-weight: 500;
}

.wrap-form-breef form {
    padding: 1px 0 0;
}

.wrap-form-breef .title-team {
    margin: 40px 0 0;
}

.wrap-form-breef form ul {
    padding: 17px 15px 0;
    max-width: 950px;
    margin: 0 auto;
    position: relative;
    z-index: 11;
}

.wrap-form-breef form ul li {
    width: 100%;
    margin: 24px 0 0;
}

.wrap-form-breef .group-list-checks input[type="text"],
.wrap-form-breef .group-list-checks input[type="tel"],
.wrap-form-breef .group-list-checks input[type="email"] {
    background: url(../img/border-input-long-blue.svg) no-repeat left bottom;
    color: #1a1a1a;
    max-width: 100%;
}

.wrap-form-breef .group-list-checks textarea {
    background: url(../img/border-input-long-blue.svg) no-repeat left bottom;
    color: #1a1a1a;
    width: 100%;
    border: none;
    height: 40px;
    font-size: 18px;
    resize: none;
}

.first-block-inner-pages.first-block-breef h1 {
    padding: 0 0 29px;
    background: url(../img/icons/line-h2.svg) no-repeat left bottom;
}

.wrap-form-breef .content-info-resume:after {
    display: none;
}

.wrap-form-breef .content-info-resume p,
.wrap-form-breef .name-hr-ht .title {
    color: #1a1a1a;
}

.wrap-form-breef .name-hr-ht .text {
    color: rgba(0, 0, 0, 0.66);
    font-weight: 500;
}

.wrap-form-breef .inner-photo-hr-ht:before,
.wrap-form-breef .inner-photo-hr-ht:after {
    background: #3d70b5;
}

.wrap-form-breef .wrap-call-action-resume {
    max-width: 950px;
    margin: 0 auto;
    padding: 0 15px 60px;
    position: relative;
    z-index: 11;
}

.wrap-form-breef .box-form-resume {
    padding: 0;
    width: 38%;
}

.wrap-form-breef .inner-box-form-resume {
    max-width: 100%;
}

.wrap-form-breef form .box-form-resume ul,
.wrap-form-breef .box-info-resume {
    padding: 0;
}

.wrap-form-breef .box-form-resume .ps-form-call-action label,
.wrap-form-breef .file-upload .file-upload-select {
    color: #1a1a1a;
}

.wrap-form-breef .file-upload .file-upload-select {
    background: url(../img/buttons/btn-action-two-long-static.svg) no-repeat
        center;
    background-size: 100% 100%;
    font-weight: 500;
}

.wrap-form-breef .file-upload .file-upload-select:hover {
    background: url(../img/buttons/btn-action-two-long-hover.svg) no-repeat
        center;
    background-size: 100% 100%;
}

.wrap-form-breef .checkbox:not(checked) + label:before {
    border-color: #3d70b5;
}

.wrap-form-breef .checkbox:not(checked) + label:after {
    background: #3d70b5;
}

.wrap-form-breef .parallax-image-politic {
    top: 1200px !important;
}

/*---BREEF END---*/

/*---PORTFOLIO START---*/
.bg-portfolio {
    background: url(../img/bg/bg-portfolio.jpg) no-repeat center;
    background-size: cover;
}

@media (min-resolution: 2dppx) {
    .bg-portfolio {
        background-image: url("../img/retina/bg_portfolio-retina.jpg");
        background-size: cover;
    }
}

.bg-portfolio .container:after,
.bg-portfolio .container:before,
.block-all-portfolio .container:after,
.block-all-portfolio .container:before {
    background: #fff;
}

.bg-portfolio #nav {
    border-bottom: 1px solid #fff;
}

.bg-portfolio #nav.fixed-nav {
    border-bottom: none;
}

.body-pages-portfolio .universal_section_left_line {
    background: url(../img/bg/big_line_left-white-port.svg) repeat-y top left;
}

.body-pages-portfolio .universal_section_right_line {
    background: url(../img/bg/big_line_right-white-port.svg) repeat-y top left;
}

.reasons-portfolio {
    background: #3d70b5;
    position: relative;
}

.reasons-portfolio:before {
    content: "";
    position: absolute;
    background: url(../img/bg/cyber-line-blue-bottom.svg) repeat-x left top;
    height: 10px;
    bottom: 0;
    left: 0;
    right: 0;
}

.wrap-reasons-portfolio {
    padding: 25px 0 65px;
}

.col-reas-portf {
    width: 16%;
    margin: 50px 0 0;
}

.icon-reas-portf {
    max-width: 100px;
    margin: 0 auto;
    position: relative;
}

.icon-reas-portf img {
    display: block;
}

.icon-reas-portf p {
    position: absolute;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    left: 0;
    right: 0;
    text-align: center;
    top: 35px;
}

.text-reas-portf {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 110px;
    margin: 25px auto 0;
    line-height: 1.2;
}

.body-pages-portfolio #clients-gen-block .wrap-clients-gen {
    padding: 80px 0 0;
}

.body-pages-portfolio #clients-gen-block .container {
    padding-bottom: 120px;
}

.portfolio-honors .text-clients-gen {
    max-width: 700px;
}

.wrap-portfolio-slider-inners {
    padding: 60px 0 0;
}

.wrap-slider-port-page {
    padding: 90px 0 0;
    border-bottom: 1px solid #1a1a1a;
}

.portfolio-honors .owl-dots {
    position: absolute;
    top: -31px;
    left: 0;
}

.portfolio-honors .owl-dots button {
    background: transparent !important;
    border: 1px solid #1a1a1a !important;
    width: 30px;
    height: 5px;
    margin: 0 6px 0 0;
    font-size: 0;
}

.portfolio-honors .owl-dot.active {
    background: #1a1a1a !important;
}

.portfolio-honors .footer-animat-clients {
    margin: 35px 0 0;
}

.body-pages-portfolio .universal_section_left_line_white {
    background: url(../img/bg/big_line_left-black.svg) repeat-y;
}

.body-pages-portfolio .universal_section_right_line_white {
    background: url(../img/bg/big_line_right-black.svg) repeat-y;
}

.body-pages-portfolio .parallax-lines-blocks {
    background: #edf0f5;
    position: relative;
    z-index: 5;
}

.box-titles-inner-pages p span {
    color: #efc36e;
    font-style: italic;
}

.block-all-portfolio {
    background: #1a1a1a;
    position: relative;
}

.block-all-portfolio:after {
    content: "";
    position: absolute;
    height: 10px;
    top: -10px;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.block-all-portfolio .parallax-image-inners {
    top: 100px !important;
    background: url(../img/bg/big_letters_parallax_white.svg) no-repeat;
    background-size: contain;
    z-index: 1;
}

.block-all-portfolio:before {
    content: "";
    position: absolute;
    height: 10px;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: 9;
    background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center bottom;
}

.wrap-all-portfolio {
    position: relative;
    padding: 55px 0;
    z-index: 2;
}

.filter-item li.active {
    transition: all 0.5s ease;
}

.filter-item li.delete {
    width: 0%;
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.block-all-portfolio .item {
    display: none;
    /* Скрываем элементы по умолчанию */
    opacity: 0;
    /* Изначально невидимо */
    transform: translateX(30px);
    /* Смещение влево для эффекта выплывания */
    transition:
        opacity 0.5s ease-in,
        transform 0.5s ease-in;
    /* Плавный переход для opacity и смещения */
}

/* Класс для плавного появления элемента */
.block-all-portfolio .fade-in {
    display: block;
    /* Показываем элемент */
    opacity: 1;
    /* Делаем его видимым */
    transform: translateY(0);
    /* Возвращаем элемент на место */
}

.filter-item img {
    display: block;
    width: 100%;
    height: 100%;
}

.col-filter-cat {
    width: 22%;
}

.col-filter-port {
    width: 74.3%;
    margin: 0 1px 0 0;
}

.filter-menu {
    margin: 22px 0 0;
}

.icon-sel-cat-portf svg {
    fill: #fff;
}

.title-portfolio-block {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    padding: 0 0 0 16px;
    border-left: 8px solid #efc36e;
}

.title-portfolio-block.tit-port-mob {
    display: none;
}

.sel-cat-portf {
    position: relative;
    height: 48px;
    display: flex;
    align-items: center;
    opacity: 0.56;
    transition: all 0.2s ease;
    cursor: pointer;
}

.icon-sel-cat-portf {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 64px;
    padding: 9px 0 0 23px;
}

.name-cat-portf {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 0 80px;
}

.filter-menu li:hover .sel-cat-portf,
.filter-menu li.current .sel-cat-portf {
    opacity: 1;
}

.filter-menu li.current .icon-sel-cat-portf {
    background: #efc36e;
}

.filter-menu li.current .icon-sel-cat-portf svg {
    fill: #1a1a1a;
}

.box-qustion-portf .spoiler-head {
    padding: 10px 50px 10px 80px;
    background: #edf0f5;
    border-top: 1px solid #1a1a1a;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.box-qustion-portf .spoiler-head:hover {
    background: #1a1a1a;
}

.box-qustion-portf .spoiler-head .title-prev-cat {
    font-size: 24px;
    line-height: 1.1;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.subname-cat {
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.icon-portf-cat-prev {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 64px;
    padding: 8px 0 0 8px;
    background: #1a1a1a;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.icon-portf-cat-prev svg {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 48px;
    height: 48px;
    fill: #fff;
}

.box-qustion-portf .spoiler-head:hover .title-prev-cat,
.box-qustion-portf .spoiler-head:hover .subname-cat {
    color: #fff;
}

.box-qustion-portf .spoiler-head:hover .icon-portf-cat-prev svg {
    fill: #efc36e;
}

.box-qustion-portf .spoiler-head:after,
.box-qustion-portf .spoiler-head:before,
.box-qustion-portf .spoiler-wrap.active .open-close-icon-portf:after {
    display: none;
}

.box-qustion-portf .open-close-icon-portf {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    width: 24px;
    height: 24px;
    border: 1px solid #1a1a1a;
    top: 50%;
    margin-top: -12px;
    right: 23px;
}

.box-qustion-portf .spoiler-head:hover .open-close-icon-portf {
    border-color: #fff;
}

.open-close-icon-portf:after {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    position: absolute;
    width: 2px;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    left: 50%;
    margin-left: -1px;
    background: #1a1a1a;
}

.open-close-icon-portf:before {
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: "";
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -6px;
    background: #1a1a1a;
}

.box-qustion-portf .spoiler-head:hover .open-close-icon-portf:after,
.box-qustion-portf .spoiler-head:hover .open-close-icon-portf:before {
    background: #fff;
}

.box-qustion-portf .spoiler-wrap.active .open-close-icon-portf:before {
    background: #1a1a1a;
}

.box-qustion-portf .spoiler-wrap.active .open-close-icon-portf {
    border-color: #1a1a1a;
}

.box-qustion-portf .spoiler-wrap.active .spoiler-head,
.box-qustion-portf .spoiler-wrap.active .spoiler-head .icon-portf-cat-prev {
    background: #efc36e;
}

.box-qustion-portf .spoiler-wrap {
    border: none;
    background: transparent;
}

.box-qustion-portf .spoiler-wrap.active .title-prev-cat,
.box-qustion-portf .spoiler-wrap.active .subname-cat {
    color: #1a1a1a;
}

.box-qustion-portf .spoiler-wrap.active .icon-portf-cat-prev svg {
    fill: #1a1a1a;
}

.box-qustion-portf .spoiler-wrap:hover,
.box-qustion-portf .spoiler-wrap.active {
    background: transparent;
}

.box-qustion-portf .spoiler-body {
    margin: 0 0 0 64px;
    padding: 0;
    border: none;
}

.bg-spoiler-one {
    background: url(../img/bg/bg-portfolio-inner-one.jpg) no-repeat center;
    background-size: cover;
}

.col-inner-body-content {
    width: 48%;
}

.col-images-portf-inner {
    width: 48%;
}

.wrap-body-portfolio-spo {
    padding: 23px 15px;
}

.title-inner-body-spoiler {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    padding: 0 0 23px;
}

.text-color-white {
    color: #fff;
}

.text-color-white .title-inner-body-spoiler {
    background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
}

.text-color-black .title-inner-body-spoiler {
    background: url(../img/icons/line-h2.svg) no-repeat left bottom;
}

.col-inner-body-content p {
    font-style: normal;
    margin: 15px 0 0;
}

.inner-tehnol-tech,
.wrap-images-portf-position-one {
    flex-wrap: wrap;
}

.icon-tech-tehn {
    width: 12%;
    margin: 15px 0 0;
}

.icon-tech-tehn img {
    width: 24px;
    height: 24px;
    display: block;
}

.title-tehn-tech {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin: 20px 0 0;
}

.box-img-portf-one-big {
    width: 100%;
    margin: 15px 0 0;
}

.box-img-portf-one-little {
    width: 48%;
    margin: 15px 0 0;
}

.wrap-images-portf-position-one {
    padding: 48px 0 0;
}

.wrap-images-portf-position-one img {
    display: block;
    width: auto;
    max-width: 100%;
}

.footer-portfolio-inner {
    padding: 15px;
}

.box-foot-port-inner {
    width: 30%;
    position: relative;
}

.box-foot-port-inner img {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.info-foot-portf {
    padding: 0 0 0 56px;
    font-size: 14px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.56);
}

.info-foot-portf span {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 2px 0 0;
}

.bg-spoiler-two {
    background: url(../img/bg/bg-portfolio-inner-two.jpg) no-repeat center;
    background-size: cover;
}

.wrap-images-portf-position-two {
    padding: 50px 0 0;
}

.box-img-portf-two {
    width: 48.5%;
}

.box-img-portf-two img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.box-img-portf-two:first-child {
    margin: 48px 0 0;
}

.bg-spoiler-three {
    background: url(../img/bg/bg-portfolio-inner-three.jpg) no-repeat center;
    background-size: cover;
}

.wrap-images-portf-position-three {
    flex-wrap: wrap;
}

.box-img-portf-three {
    width: 48.5%;
}

.box-img-portf-three img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.wrap-images-portf-position-three {
    padding: 50px 0 0;
}

.box-img-portf-three {
    margin: 16px 0 0;
}

.box-img-portf-three:first-child {
    margin: 48px 0 0;
}

.box-img-portf-three:last-child {
    margin: -16px 0 0;
}

.btn-spoiler-open {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 255px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-spoiler-open.svg) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-spoiler-open:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-action-medium-hover.svg) no-repeat center;
    background-size: 100% 100%;
    right: 0;
    height: 40px;
    margin: 0 auto;
}

.btn-spoiler-open:hover:after {
    opacity: 1;
}

.btn-container-open-all-progects {
    text-align: right;
    padding: 25px 0 0;
    margin: 0 -1px 0 0;
    position: relative;
}

.btn-container-open-all-progects:after {
    content: "";
    position: absolute;
    width: 1px;
    /*	height: 590px;*/
    background: #1a1a1a;
    top: 52px;
    right: 0;
}

#box-sticky-cat {
    height: 100% !important;
}

#box-sticky-cat .sticky {
    position: static !important;
}

#box-sticky-cat .stop {
    top: auto !important;
}

/* Стили для кнопки "Показать еще" */
.show-more {
    transition: opacity 0.2s ease-in-out;
    /* Плавное изменение прозрачности */
    opacity: 0;
}

.show-more.show {
    /* Показываем кнопку */
    opacity: 1;
}

/*---PORTFOLIO END---*/

/*--- SERVICES GENERAL END---*/
.wrap-list-serv-sect .box-list-cases {
    width: 100%;
}

.wrap-list-serv-sect .box-list-cases ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 55px 0 0;
}

.wrap-list-serv-sect .box-list-cases ul li {
    width: 48.7%;
}

.content-section-services {
    padding: 53px 0 0;
    position: relative;
    z-index: 3;
}

.content-section-services:first-child {
    padding: 113px 0 0;
}

.content-section-services:last-child {
    padding: 53px 0 129px;
}

.wrap-title-serv-sect {
    padding: 0 24px;
}

.box-title-serv-sect {
    position: relative;
    width: 80%;
}

.box-title-serv-sect img {
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
}

.title-serv-section {
    font-size: 72px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 96px;
    line-height: 1;
    min-height: 107px;
    letter-spacing: -3px;
    color: #edf0f5;
    text-shadow:
        rgb(26, 26, 26) 1px 1px 0px,
        rgb(26, 26, 26) 1px -1px 0px,
        rgb(26, 26, 26) -1px 1px 0px,
        rgb(26, 26, 26) -1px -1px 0px,
        rgb(26, 26, 26) 1px 0px 0px,
        rgb(26, 26, 26) 0px 1px 0px,
        rgb(26, 26, 26) -1px 0px 0px,
        rgb(26, 26, 26) 0px -1px 0px,
        rgba(26, 26, 26, 0) 1px 1px 1px;
}

.box-number-serv-sect {
    width: 20%;
    position: relative;
}

.inner-numb-serv-sect {
    position: absolute;
    top: 17px;
    right: -16px;
    line-height: 1;
    letter-spacing: -2px;
    color: #3d70b5;
    font-size: 72px;
    font-weight: bold;
    transform: rotate(90deg);
}

.box-number-serv-sect:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 6px;
    top: 108px;
    right: 8px;
    background: url(../img/icons/HOUSE-TECH-LONG.svg) no-repeat center;
}

.footer-services-animat {
    border-bottom: 1px solid #1a1a1a;
    padding: 56px 0 15px;
    overflow: hidden;
}

.footer-services-animat .line-animate-matrix {
    animation: none;
}

.wrap-list-serv-sect .title-case-gen {
    padding: 0;
    font-size: 20px;
    line-height: 1.1;
}

.wrap-list-serv-sect .box-list-cases li a {
    display: flex;
    align-items: center;
}

.wrap-list-serv-sect .body-case-gen {
    padding: 0 0 0 80px;
}

.wrap-list-serv-sect .icon-case-gen {
    padding: 7px;
}

.parallax-image-gen-serv,
.parallax-image-gen-serv-two,
.parall-dark {
    width: 100%;
    height: 580px;
    background: url(../img/bg/big_letters_parallax.svg) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    transition: all 0.4s ease;
    transform: translateY(0);
    will-change: transform;
    z-index: 3;
}

.parall-white {
    width: 100%;
    height: 580px;
    background: url(../img/bg/big_letters_parallax_white.svg) no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    transition: all 0.4s ease;
    transform: translateY(0);
    will-change: transform;
    z-index: 3;
}

.parallax-image-gen-serv {
    top: 1550px;
}

.parallax-image-gen-serv-two {
    top: 2900px;
}

.parall-dark {
    top: -300px;
}

.top-300 {
    top: -300px;
}

.top-1500 {
    top: -1500px;
}

.top-1000 {
    top: -1000px;
}

.top-1200 {
    top: -1200px;
}

.top-1800 {
    top: -1800px;
}

/*--- SERVICES GENERAL END---*/

/*--- CAREER END---*/
.wrap-reasons-career {
    padding: 100px 0 100px 15px;
    position: relative;
    z-index: 3;
}

.wrap-reasons-career:after {
    content: "";
    position: absolute;
    width: 1139px;
    height: 120px;
    background: url(../img/bg/bg-dev-skill-top.png) no-repeat center;
    top: -50px;
    left: -29px;
    border-right: 1px solid #1a1a1a;
}

.title-reas-career {
    margin: 15px 0 0;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.num-reas-career {
    position: relative;
    margin: 12px 0 0;
}

.num-reas-career span {
    display: inline-block;
    font-weight: bold;
    padding: 0 4px;
    position: relative;
    z-index: 4;
    font-size: 20px;
    color: #3d70b5;
    background: #edf0f5;
}

.num-reas-career:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #1a1a1a;
    left: 30px;
    right: -10px;
    top: 50%;
}

.text-career {
    margin: 10px 0 0;
    font-size: 18px;
    line-height: 1.22;
    padding: 0 15px 0 0;
    max-width: 250px;
}

#call-to-action-resume {
    position: relative;
    background: #1a1a1a;
}

#call-to-action-resume:after {
    content: "";
    position: absolute;
    top: -10px;
    height: 10px;
    left: 0;
    right: 0;
    background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
}

.wrap-call-action-resume {
    padding: 0 0 60px;
    flex-direction: row-reverse;
}

.box-info-resume {
    width: 48.5%;
    padding: 52px 0 0;
}

.box-form-resume {
    width: 48%;
    padding: 45px 0 0 1px;
}

.title-info-resume {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 48px;
}

.content-info-resume {
    margin: 20px 0 0;
    padding: 6px 0 0;
    position: relative;
}

.content-info-resume:after {
    content: "";
    position: absolute;
    width: 101px;
    height: 6px;
    background: url(../img/icons/icon-text-resume.svg) no-repeat center;
    top: 0;
    left: 0;
}

.content-info-resume p {
    color: #fff;
    font-size: 18px;
    line-height: 1.22;
    margin: 23px 0 0;
}

.box-info-hr-ht {
    margin: 48px 0 0;
    justify-content: flex-start;
}

.photo-hr-ht {
    width: 120px;
}

.name-hr-ht {
    margin: 0 0 0 24px;
}

.name-hr-ht .title {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.name-hr-ht .text {
    color: #cccccc;
    opacity: 0.56;
    font-size: 16px;
    margin: 3px 0 0;
}

.inner-photo-hr-ht {
    position: relative;
}

.inner-photo-hr-ht img {
    display: block;
    position: relative;
    clip-path: polygon(
        22% 0%,
        78% 0%,
        100% 0,
        100% 78%,
        78% 100%,
        0 100%,
        0% 78%,
        0% 22%
    );
    z-index: 3;
}

.inner-photo-hr-ht:after {
    content: "";
    position: absolute;
    clip-path: polygon(
        22% 0%,
        78% 0%,
        100% 0,
        100% 78%,
        78% 100%,
        0 100%,
        0% 78%,
        0% 22%
    );
    background: #efc36e;
    top: -1px;
    left: -1px;
    width: 120px;
    height: 120px;
}

.inner-photo-hr-ht:before {
    content: "";
    position: absolute;
    clip-path: polygon(
        22% 0%,
        78% 0%,
        100% 0,
        100% 78%,
        78% 100%,
        0 100%,
        0% 78%,
        0% 22%
    );
    background: #efc36e;
    bottom: -4px;
    right: -4px;
    width: 120px;
    height: 120px;
}

.box-form-resume li {
    margin: 24px 0 0;
}

.inner-box-form-resume {
    max-width: 345px;
    margin: 0 auto;
}

.box-form-resume .btn-container {
    padding: 40px 0 0;
}

.box-btn-resume {
    margin: 15px 0 0;
}

.box-form-resume .ps-form-call-action {
    padding: 23px 0 0;
}

.box-form-resume .ps-form-call-action label {
    display: block;
}

.wrap-list-vacanse {
    padding: 48px 0;
}

.header-list-vacanse {
    color: #3d70b5;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 50px 11px 18px;
    position: relative;
    z-index: 4;
}

.name-head-list-vac:first-child {
    width: 40%;
}

.name-head-list-vac:nth-child(2) {
    width: 25%;
    text-align: center;
}

.name-head-list-vac:last-child {
    width: 34%;
    text-align: center;
}

.wrap-box-list-vac {
    position: relative;
    z-index: 4;
}

.wrap-box-list-vac .spoiler-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #1a1a1a;
}

.wrap-box-list-vac .spoiler-head .status-vacanse {
    width: 40%;
}

.wrap-box-list-vac .spoiler-head .local-vacanse {
    width: 25%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.wrap-box-list-vac .spoiler-head .type-work-vacanse {
    width: 34%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.col-cart-list-vac {
    width: 48%;
}

.col-cart-list-vac p {
    font-style: normal;
    padding: 25px 0 0;
}

.col-cart-list-vac ul {
    list-style: disc;
    padding: 10px 0 15px 25px;
}

.col-cart-list-vac li {
    font-size: 16px;
    line-height: 1.32;
}

.wrap-box-list-vac .spoiler-body {
    padding: 1px 20px 20px;
}

#reasons-career .container:after {
    display: none;
}

/*--- CAREER END---*/

/*--- CALCULATOR START---*/
.box-animat-calc-top {
    overflow: hidden;
    border-top: 1px solid #1a1a1a;
    padding: 16px 0;
}

.wrapper-calculator-block {
    padding: 0 0 120px;
}

.box-animat-calc-bottom {
    border-bottom: 1px solid #1a1a1a;
    overflow: hidden;
    padding: 16px 0;
}

.wrap-calculator-price {
    position: relative;
    z-index: 4;
}

.box-slider-calc {
    width: 48.8%;
}

.box-image-calc-decore {
    width: 48.7%;
    padding: 33px 0 0;
}

.box-image-calc-decore img {
    display: block;
    max-width: 100%;
}

.wrap-slider-calc {
    padding: 30px 0 30px 24px;
}

.title-quiz-calc {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    min-height: 52px;
}

.group-list-checks ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 47px 1px 0 0;
}

.group-list-checks li {
    width: 49.4%;
    margin: 8px 0 0;
}

.group-list-checks .checkbox {
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 0 16px 0 0;
}

.group-list-checks .checkbox + label,
.group-list-checks .radio + label {
    display: flex;
    align-items: center;
    border: 1px solid #1a1a1a;
    cursor: pointer;
    color: #1a1a1a;
    font-size: 18px;
}

.group-list-checks .checkbox:not(checked),
.group-list-checks .radio:not(checked) {
    position: absolute;
    opacity: 0;
}

.group-list-checks .checkbox:not(checked) + label,
.group-list-checks .radio:not(checked) + label {
    position: relative;
    min-height: 48px;
    padding: 0 0 0 48px;
    width: auto;
}

.group-list-checks .checkbox:not(checked) + label:before,
.group-list-checks .radio:not(checked) + label:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 16px;
    width: 16px;
    height: 16px;
    background: transparent;
    border: 1px solid #1a1a1a;
}

.group-list-checks .radio:not(checked) + label:before {
    border-radius: 90px;
}

.group-list-checks .checkbox:not(checked) + label:after,
.group-list-checks .radio:not(checked) + label:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 18px;
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: 0;
    transition: all 0.2s;
}

.group-list-checks .radio:not(checked) + label:after {
    border-radius: 90px;
}

.group-list-checks .checkbox:checked + label:after,
.group-list-checks .radio:checked + label:after {
    opacity: 1;
}

.group-list-checks .checkbox:checked + label,
.group-list-checks .radio:checked + label {
    border-color: #3d70b5;
    background: #3d70b5;
    color: #fff;
}

.group-list-checks .checkbox:checked + label:before,
.group-list-checks .radio:checked + label:before {
    border-color: #fff;
}

.group-list-checks.long-lists-check li {
    width: 100%;
    margin: 8px 0 0;
}

.group-list-checks li.no-border .radio + label {
    border-color: transparent;
    background: transparent;
}

.group-list-checks li.no-border {
    margin: 8px 0 16px;
}

.group-list-checks li.no-border .radio:checked + label:before {
    border-color: #1a1a1a;
}

.group-list-checks li.no-border .radio:checked + label:after {
    background: #1a1a1a;
}

.group-list-checks li.no-border .radio:not(checked) + label:after {
    background: #1a1a1a;
}

.group-list-checks input[type="text"],
.group-list-checks input[type="tel"],
.group-list-checks input[type="email"] {
    color: #1a1a1a;
    background: url(../img/border-bottom-input-blue.svg) no-repeat left bottom;
}

.wrap-slider-calc .box-politic-ps .checkbox + label {
    color: #1a1a1a;
    display: block;
}

.wrap-slider-calc .box-politic-ps .checkbox:not(checked) + label:before {
    border: 1px solid #1a1a1a;
    background: transparent;
}

.wrap-slider-calc .box-politic-ps .checkbox:not(checked) + label:after {
    width: 12px;
    height: 12px;
    top: 2px;
    left: 2px;
    background: #3d70b5;
}

.wrap-slider-calc .box-politic-ps .checkbox:checked + label:before {
    border-color: #3d70b5;
}

.wrap-nav-slider-calc {
    padding: 42px 0 0;
}

#box-calculator-price .owl-prev span,
#box-calculator-price .owl-next span,
#box-calculator-price button[type="submit"] span {
    position: relative;
    z-index: 5;
}

#box-calculator-price .owl-nav {
    display: flex;
    justify-content: space-between;
    padding: 0 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 160px;
}

#box-calculator-price .owl-prev,
#box-calculator-price .owl-next {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 160px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-gen-two-small-static.svg) no-repeat
        center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

#box-calculator-price .owl-next {
    right: -160px;
}

#box-calculator-price .owl-prev {
    color: #3d70b5;
    background: url(../img/buttons/btn-prev-calc-static.svg) no-repeat center;
}

#box-calculator-price .owl-prev:after,
#box-calculator-price .owl-next:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-gen-two-small-hover.svg) no-repeat center;
    width: 160px;
    height: 40px;
    margin: 0 auto;
}

#box-calculator-price .owl-prev:after {
    background: url(../img/buttons/btn-prev-calc-hover.svg) no-repeat center;
}

#box-calculator-price .owl-prev:hover:after,
#box-calculator-price .owl-next:hover:after {
    opacity: 1;
}

#box-calculator-price .owl-next.disabled {
    display: none;
}

#box-calculator-price .owl-prev.disabled {
    opacity: 0;
    cursor: default;
}

#box-calculator-price button[type="submit"] {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 160px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-gen-two-small-static.svg) no-repeat
        center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

#box-calculator-price button[type="submit"]:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-gen-two-small-hover.svg) no-repeat center;
    width: 160px;
    height: 40px;
    margin: 0 auto;
}

#box-calculator-price button[type="submit"]:hover:after {
    opacity: 1;
}

#box-calculator-price button[type="submit"][disabled] {
    pointer-events: none;
    opacity: 0.36;
}

#box-calculator-price .item {
    padding: 0 0 80px;
}

#box-calculator-price .btn-container {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 160px;
    z-index: 5;
}

#box-calculator-price .owl-dots {
    position: absolute;
    top: 60px;
    left: 0;
    display: flex;
    align-items: center;
    pointer-events: none;
}

#box-calculator-price .owl-dots:after {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    height: 1px;
    background: #3d70b5;
    top: 8px;
}

#box-calculator-price .owl-dot {
    width: 9px;
    height: 10px;
    border: none;
    margin: 0 45px 0 0;
    background: url(../img/dot-calc.svg) no-repeat center;
    position: relative;
    z-index: 3;
}

#box-calculator-price .owl-dot:last-child {
    margin: 0;
}

#box-calculator-price .owl-dot.active {
    background: url(../img/dot-calc-active.svg) no-repeat center;
    width: 15px;
    height: 16px;
}

#box-calculator-price .box-list-cases {
    width: 100%;
    padding: 15px 0 0;
}

.inner-list-calc-general {
    padding: 35px 0;
}

.inner-list-calc-general .title-case-gen {
    font-size: 20px;
}

.inner-list-calc-general .body-case-gen {
    padding: 5px 0 5px 80px;
    display: flex;
    align-items: center;
    height: 100%;
}

.inner-list-calc-general .icon-case-gen {
    padding: 7px;
}

.wrap-calculator-price .btn-action {
    background: url(../img/buttons/btn-prev-calc-static.svg) no-repeat center;
    color: #3d70b5;
}

.wrap-calculator-price .btn-action:after {
    background: url(../img/buttons/btn-prev-calc-hover.svg) no-repeat center;
}

.wrap-calculator-price .btn-action:hover:after {
    opacity: 1;
}

.calc-end-ii {
    text-align: center;
    padding: 0 24px;
}

.title-cacl-end {
    margin: 15px 0 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    color: #3d70b5;
}

.calc-end-ii p {
    margin: 15px 0 0;
    font-size: 18px;
    line-height: 1.22;
}

.calc-end-ii .btn-container-end {
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
}

/*
new styles calc validator
*/
.slider-calc .owl-nav .owl-next {
    pointer-events: none;
    opacity: 0.5;
}

.slider-calc .owl-nav.yes-active .owl-next {
    pointer-events: auto;
    opacity: 1;
}

/*
end new styles calc validator
*/
/*--- CALCULATOR END---*/

/*--- POLITIC START---*/
.first-block-inner-pages.page-politic .box-titles-inner-pages a,
.wrap-info-politic a {
    color: #6cd3ff;
    font-weight: normal;
}

.inner-info-politic {
    max-width: 720px;
    padding: 0 25px;
}

.title-politic {
    padding: 40px 0 0;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.inner-info-politic p {
    margin: 25px 0 0;
    font-size: 18px;
    line-height: 1.22;
}

.inner-info-politic ul {
    padding: 25px 0 0 0;
}

.inner-info-politic li {
    font-size: 18px;
    line-height: 1.22;
    position: relative;
    padding: 0 0 0 38px;
    margin: 3px 0 0;
}

.inner-info-politic li:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #3d70b5;
    transform: rotate(45deg);
    top: 8px;
    left: 4px;
}

.inner-info-politic .btn-action-two-middle {
    color: #3d70b5;
}

.wrap-info-politic .parallax-image-inners {
    top: 1600px;
}

.wrap-info-politic .parallax-image-politic {
    top: 3000px;
}

/*--- POLITIC END---*/
/*----------------------
	MODAL
----------------------*/
.a-modal {
    position: relative;
    max-width: 446px;
    margin: 5% auto;
    background: #fff;
    border: 1px solid #1a1a1a;
    padding: 45px 48px 48px;
}

.a-modal:after,
.b-modal:after {
    content: "";
    position: absolute;
    width: 20px;
    background: url(../img/mask-modal-little.svg) repeat-y top left;
    top: 80px;
    bottom: 0;
    right: -20px;
}

.b-modal:after {
    background: url(../img/mask-modal-big.svg) repeat-y top left;
}

.wr-hidden li {
    text-align: center;
    margin: 15px 0 0;
}

.g-hidden {
    display: none;
}

.g-line {
    zoom: 1;
}

.g-line:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.arcticmodal-close {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 80px;
    background: #1a1a1a url(../img/icons/Close_round.svg) no-repeat center;
    top: 0;
    right: -40px;
    cursor: pointer;
}

.b-modal {
    position: relative;
    max-width: 824px;
    margin: 5% auto;
    background: #fff;
    padding: 45px 48px 48px;
    z-index: 9999;
}

.title-form-gen {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.descript-form-gen {
    margin: 15px 0 0;
    font-size: 18px;
}

form li {
    position: relative;
}

label.error {
    position: absolute;
    top: 44px;
    left: 0;
    color: #fff;
    background: red;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 3px;
}

.wr-hidden .new-select {
    color: #1a1a1a;
    background: url(../img/border-bottom-input-blue.svg) no-repeat left bottom;
}

.wr-hidden .new-select:after {
    background: url(../img/icons/arrow-select-blue.svg) no-repeat center;
}

.wr-hidden input[type="text"],
.wr-hidden input[type="tel"],
.wr-hidden input[type="email"] {
    background: url(../img/border-bottom-input-blue.svg) no-repeat left bottom;
    color: #1a1a1a;
}

.wr-hidden form li {
    margin: 15px 0 0;
}

.wr-hidden .checkbox + label {
    color: #1a1a1a;
}

.wr-hidden .checkbox:not(checked) + label:before {
    background: transparent;
    border: 1px solid #3d70b5;
}

.wr-hidden .checkbox:not(checked) + label:after {
    background: #3d70b5;
}

.btn-gen-two-long {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 345px;
    height: 40px;
    text-align: center;
    background: url(../img/buttons/btn-gen-two-long-static.svg) no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    border: none;
    padding: 11px 0;
}

.btn-gen-two-long:after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    background: url(../img/buttons/btn-gen-two-long-hover.svg) no-repeat center;
    background-size: 100% 100%;
    width: 345px;
    height: 40px;
    margin: 0 auto;
}

.btn-gen-two-long:hover:after {
    opacity: 1;
}

.btn-gen-two-long span {
    position: relative;
    z-index: 3;
}

.btn-gen-two-long[disabled] {
    opacity: 0.36;
    pointer-events: none;
}

.wr-hidden .btn-container {
    padding: 40px 0 0;
}

.line-animat-modal {
    background: #1a1a1a;
    width: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40px;
    overflow: hidden;
}

.anim-line-vertical {
    height: 1328px;
    background: url(../img/bg/big_line_left-white.svg) no-repeat center top;
    width: 40px;
    animation: line_transform_modal 15s linear 0s infinite;
}

@keyframes line_transform_modal {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-664px);
    }

    to {
        transform: translateY(-1328px);
    }
}

.file-upload .file-upload-select-modal {
    background: url(../img/buttons/btn-action-two-long-static.svg) no-repeat
        center;
    background-size: 100% 100%;
    color: #3d70b5;
}

.file-upload .file-upload-select-modal:hover {
    background: url(../img/buttons/btn-action-two-long-hover.svg) no-repeat
        center;
    background-size: 100% 100%;
}

.wr-hidden .ui-widget.ui-widget-content {
    border: none;
}

.wr-hidden .ui-widget-header {
    background: #e8e8e8;
}

.wr-hidden .ui-widget-content {
    background: #3e70b5;
}

.wr-hidden .ui-slider-horizontal {
    height: 4px;
}

.wr-hidden .ui-state-default,
.wr-hidden .ui-widget-content .ui-state-default {
    background: url(../img/icons/icon-rang-left-black.svg) no-repeat center;
    outline: none !important;
    border: none;
}

.wr-hidden .ui-slider .ui-slider-handle {
    width: 36px;
    height: 36px;
}

.wr-hidden .ui-slider-horizontal .ui-slider-handle {
    top: -16px;
}

#modalbox-thank.a-modal,
#modalbox-thank-vakancy.a-modal {
    background: #1a1a1a;
    border-right: 1px solid #d9d9d9;
    padding: 60px 48px 48px;
}

#modalbox-thank.a-modal .inner-title-h2,
#modalbox-thank-vakancy.a-modal .inner-title-h2 {
    text-align: left;
    background-position: left bottom;
    padding: 25px 0 23px;
}

#modalbox-thank.a-modal .line-animat-modal,
#modalbox-thank-vakancy.a-modal .line-animat-modal {
    border-right: 1px solid #d9d9d9;
}

.text-thank {
    font-size: 18px;
    margin: 15px 0 0;
    color: #fff;
}

#modalbox-thank.a-modal:after,
#modalbox-thank-vakancy.a-modal:after {
    right: -21px;
}

#modalbox-thank.a-modal .arcticmodal-close,
#modalbox-thank-vakancy.a-modal .arcticmodal-close {
    right: -41px;
}

.page-id-846 #call-action-calculator-black .inner-image-calc img {
    width: calc(100% - 2px);
    margin-left: 1px;
    margin-right: 1px;
}

.oplata-list {
    display: flex;
    align-items: center;
    gap: 10px;
}

@media screen and (max-width: 1200px) {
    .box-time-work p,
    .box-phone-head p {
        padding: 0 0 0 30px;
    }

    .box-link-socials-head {
        width: 14%;
    }

    .box-contacts-action-head {
        width: 35%;
    }

    .universal_section_left_line,
    .universal_section_left_line_white,
    .universal_section_left_line_whiteTwo,
    .universal_section_left_line_whiteThree {
        left: calc(50% - 485px);
    }

    .universal_section_right_line,
    .universal_section_right_line_white,
    .universal_section_right_line_whiteTwo,
    .universal_section_right_line_whiteThree {
        right: calc(50% - 485px);
    }

    .inner-slide-cont-gen {
        padding: 2px 0 0 20px;
    }

    .box-slide-cont-gen {
        padding: 50px 0 0 20px;
    }

    .box-slide-cont-gen .btn-container {
        padding: 30px 0 0 25px;
    }

    #general-block-home .slick-dots {
        left: -25px;
    }

    .wrap-reasons-comp-gen {
        padding: 80px 0 100px 15px;
    }

    .box-content-reasons-comp-gen {
        width: 48%;
    }

    .wrap-title-services-general {
        padding: 70px 0 0;
    }

    .inner-box-serv {
        min-height: 300px;
    }

    .wrap-dev-skill-good:after {
        background: url(../img/bg/bg-dev-skill-top.png) no-repeat center;
        background-size: 100% 100%;
        width: 968px;
        left: -27px;
    }

    .wrap-dev-skill-good {
        padding: 70px 0 55px;
    }

    .box-content-dev-skill-good {
        width: 56%;
    }

    .wrap-bg-call-action-gen {
        background-size: 100% 100%;
    }

    .box-form-call-action-gen li {
        width: 33%;
    }

    .box-form-call-action-gen li:last-child {
        width: 22%;
    }

    .wrap-it-company {
        padding: 90px 0 80px;
    }

    .box-content-scheme-work {
        padding: 50px 0 10px 25px;
        width: 42%;
        min-height: 600px;
    }

    .box-scroll-elements {
        width: 55%;
    }

    .box-list-scheme p {
        padding: 2px 15px 2px 0;
    }

    .box-scroll-elements {
        padding: 50px 0 0;
    }

    .wrap-price-content {
        padding: 80px 0 120px;
    }

    .sum-tariff-gen {
        padding: 22px 5px;
    }

    .body-tariff-gen {
        padding: 10px 15px 0 22px;
    }

    .box-blog-prev {
        max-width: 225px;
    }

    .image-blog-prev {
        height: 130px;
    }

    .box-information-map-gen {
        max-width: 400px;
    }

    .body-info-map-gen .box-phone-head p,
    .body-info-map-gen .box-time-work p {
        padding: 0 0 0 32px;
    }

    .box-information-map-gen:before,
    .box-information-map-gen:after {
        background-size: 100% auto;
        width: 375px;
    }

    .box-call-footer-hover {
        width: 24%;
    }

    .wrap-footer-top .btn-container {
        width: 27%;
    }

    .col-nav-foot {
        width: 16%;
    }

    /* .box-logo-company-foot {
		width: 40%;
	} */
    .links-to-resurse {
        width: 22%;
    }

    .links-footer-bottom-socials {
        /* width: 30%; */
    }

    .box-serv {
        width: 220px;
    }

    .box-pluse-gen {
        width: 313px;
    }

    /*------INNER PAGES-----*/
    .wrap-photo-manager-contacts {
        max-width: 280px;
    }

    .box-info-gen-cont-about-us {
        width: 34%;
    }

    .box-image-history-one img,
    .box-image-history-two img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .slider-honors .item {
        margin: 0 15px 0 0;
    }

    .col-honor {
        width: 224px;
    }

    .wrap-image-honors {
        height: 320px;
    }

    .col-honor.honor-album .wrap-image-honors {
        height: 142px;
    }

    .first-block-inner-pages .box-title-serv-table-info {
        display: none;
    }

    .wrap-single-content {
        margin: 0 0 0 150px;
    }

    .box-info-single-bottom {
        max-width: 645px;
    }

    .wrap-list-serv-sect .title-case-gen {
        font-size: 18px;
    }

    .title-serv-section {
        font-size: 70px;
    }

    .title-info-resume {
        font-size: 42px;
    }

    .wrap-reasons-career:after {
        width: 967px;
        left: -27px;
        background-size: 100% 100%;
    }

    .box-image-calc-decore {
        width: 46%;
    }

    .box-slider-calc {
        width: 54%;
    }

    .group-list-checks .checkbox + label,
    .group-list-checks .radio + label {
        font-size: 16px;
    }

    .box-image-serv-decore-feat.image-decore-cases-ui-ux
        .inner-image-decore-case-feat {
        right: 25px;
    }

    .first-block-services.bg-first-pc-app .block-image-serv-featur img {
        width: 500px;
    }

    .inner-image-decore-case-feat.image-serv-resize img {
        max-width: 100%;
    }

    .bg-e-commerce .block-image-serv-featur,
    .bg-bussiness-app .block-image-serv-featur {
        right: -30px;
    }

    .wrap-list-to-order-title p,
    .wrap-list-to-order-bottom p {
        margin: 25px 25px 0;
    }

    .box-info-cases-serv-feat.long-padding-cases-content {
        padding: 60px 0 40px;
    }

    .box-image-gen-serv-featur.image-serv-gen-tv {
        right: -90px;
    }

    .wrap-little-cases-crypto-games {
        margin: 0;
    }

    .slider-list-e-commerce.slider-list-masonry .slide-e-commerce.slide-e-long,
    .item-2-4 {
        width: 616px;
    }

    .item-1,
    .item-3,
    .item-4,
    .item-5,
    .item-8,
    .item-2-1,
    .item-2-2,
    .item-2-3,
    .item-2-5 {
        width: 293px;
    }

    .first-block-services.bg-first-vfx-design
        .image-serv-gen-br-ident
        .block-image-serv-featur {
        right: 1px;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:nth-child(7)
        .icon-fact-slide {
        padding: 0 0 0 120px;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:nth-child(7)
        .text-fact-slide {
        padding: 0 0 0 120px;
        max-width: 420px;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:last-child
        .icon-fact-slide {
        padding: 0 120px 0 0;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:last-child
        .text-fact-slide {
        padding: 0 120px 0 0;
        max-width: 420px;
    }

    .slide-e-commerce-black {
        padding: 15px;
    }

    .slide-e-commerce-black li {
        padding: 0 0 0 22px;
        font-size: 15px;
    }

    .slide-e-commerce-black p,
    .body-tariff-gen li {
        font-size: 15px;
    }

    #call-action-calculator h2 {
        padding: 0 15px 32px 0;
    }

    #case-game-dev .inner-title-h2 {
        padding: 0 0 23px;
    }

    .box-logo-platform {
        padding: 5px 0 0;
    }

    .col-info-case-game-dev p {
        font-size: 16px;
    }

    .first-block-services.bg-first-nft-develop .block-image-serv-featur {
        right: 50px;
    }

    .inn-stand-nft-top .wrap-serv-development:after {
        width: 940px;
        left: 15px;
        background-size: 100% 100%;
    }

    .box-specialist {
        width: 100%;
    }

    .name-spec-text {
        font-size: 18px;
    }

    .cont-photo-spec {
        height: 464px;
    }

    .box-logo-company-foot {
        min-width: 240px;
    }

    .inner-footer-bottom {
        gap: 20px;
    }
}

@media screen and (max-width: 992px) {
    .box-contacts-action-head {
        display: none;
    }

    .logo {
        width: 12.5%;
    }

    .box-time-work,
    .box-phone-head {
        width: 25%;
    }

    .box-link-socials-head {
        width: 22%;
    }

    h1 {
        font-size: 40px;
    }

    .inner-slide-cont-gen p {
        font-size: 16px;
    }

    .box-slide-cont-gen {
        width: 58%;
        position: relative;
        z-index: 3;
    }

    #player-container {
        margin-left: -200px;
    }

    .cont-reas-gen p {
        font-size: 12px;
    }

    .wrap-reasons-comp-gen {
        padding: 50px 0 100px 15px;
    }

    .box-image-reasons-comp-gen {
        width: 45%;
    }

    .box-content-reasons-comp-gen {
        width: 53%;
    }

    .box-content-reasons-comp-gen .btn-container {
        display: block;
        text-align: center;
    }

    .box-content-reasons-comp-gen .btn-container .btn-gen-two {
        max-width: 255px;
        background: url(../img/buttons/btn-gen-two-middle-static.svg) no-repeat
            center;
    }

    .box-content-reasons-comp-gen .btn-container .btn-gen-two:hover {
        background: url(../img/buttons/btn-gen-two-middle-hover.svg) no-repeat
            center;
    }

    .box-content-reasons-comp-gen .btn-container .btn-action-two-middle {
        margin: 20px 0 0;
    }

    .wrap-reasons-comp-gen:after,
    .wrap-dev-skill-good:after {
        display: none;
    }

    .box-serv {
        width: 90%;
    }

    #develop-skill-good {
        margin: 0;
    }

    .wrap-dev-skill-good {
        border-top: 1px solid #1a1a1a;
    }

    .box-content-dev-skill-good {
        padding: 30px 0 0;
    }

    .inner-image-skill-good img {
        top: -25px;
    }

    .wrap-bg-call-action-gen {
        padding: 75px 30px 50px 30px;
        min-height: 350px;
    }

    .checkbox:not(checked) + label {
        padding: 0 0 0 22px;
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"] {
        font-size: 16px;
    }

    .box-form-call-action-gen li:last-child {
        width: 25%;
    }

    .checkbox + label {
        font-size: 13px;
    }

    .wrap-it-company {
        padding: 90px 0 355px;
    }

    .wrap-scheme-work,
    .wrap-call-action-calc {
        flex-direction: column;
    }

    .box-content-scheme-work {
        width: 100%;
        min-height: 100%;
    }

    .box-scroll-elements {
        width: 100%;
        padding: 0 0 0 30px;
        margin: 30px 0 0;
    }

    .box-image-calculat,
    .box-content-call-calc {
        width: 100%;
    }

    .wrap-call-action-calc {
        padding: 80px 0 60px;
    }

    .inner-image-calc img:first-child {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }

    .inner-image-calc img:last-child {
        display: none;
    }

    .box-content-call-calc {
        padding: 40px 15px 0;
    }

    #price-general .owl-carousel .owl-stage-outer {
        overflow: hidden;
    }

    .box-price-gen {
        margin: 0 9px 9px 0;
    }

    #price-general .owl-dots,
    #select-category .owl-dots,
    #factors-services-three .owl-dots {
        position: absolute;
        display: flex;
        top: 30px;
        left: 0;
        right: 9px;
        border-top: 1px solid #1a1a1a;
        border-bottom: 1px solid #1a1a1a;
        padding: 20px 0;
        align-items: center;
    }

    #price-general .owl-dots {
        top: -70px;
    }

    #price-general .owl-dots:after,
    #select-category .owl-dots:after,
    #factors-services-three .owl-dots:after {
        content: "";
        position: absolute;
        top: 18px;
        right: 20px;
        background: url(../img/icons/HOUSE-TECH.svg) no-repeat center;
        width: 48px;
        height: 6px;
    }

    #price-general .owl-dots button,
    #select-category .owl-dots button,
    #factors-services-three .owl-dots button {
        margin: 0 5px 0 0;
        width: 30px;
        height: 4px;
    }

    #price-general .owl-dots button.owl-dot.active,
    #select-category .owl-dots button.owl-dot.active,
    #factors-services-three .owl-dots button.owl-dot.active {
        background: #1a1a1a;
    }

    #price-general .owl-dots button span,
    #select-category .owl-dots button span,
    #factors-services-three .owl-dots button span {
        width: 30px;
        height: 4px;
        border: 1px solid #1a1a1a;
        background: transparent;
        font-size: 0;
        display: block;
    }

    .wrap-slider-price {
        padding: 100px 0 0;
        margin-right: -9px;
    }

    .wrap-gen-calculator,
    .wrap-reviews-block {
        flex-direction: column;
    }

    .box-pic-girl-calculator-gen,
    .box-cont-calc-gen,
    .box-info-cont-rev,
    .box-rev-slider-gen {
        width: 100%;
    }

    .inner-box-girl-calc-gen {
        max-width: 350px;
        margin: 0 auto;
    }

    .inner-box-girl-calc-gen img {
        display: block;
        max-width: 100%;
    }

    .box-cont-calc-gen {
        margin-top: -250px;
        z-index: 10;
    }

    .inner-box-calc-gen {
        padding: 45px 15px 45px 50px;
    }

    .title-box-case-gen {
        font-size: 32px;
    }

    .wrap-cases-gen {
        padding: 90px 0 0;
    }

    .title-case-gen {
        font-size: 20px;
    }

    .inner-slider-rev-gen {
        margin: 50px auto 0;
    }

    .text-reviews-gen {
        margin: 25px 25px 0;
    }

    .wrap-clients-gen {
        padding: 80px 0 0;
    }

    .box-information-map-gen {
        margin: 0;
    }

    .wrap-contacts-foot-top,
    .wrap-links-footer,
    .inner-footer-warn {
        flex-wrap: wrap;
    }

    .box-call-footer-hover {
        width: 48%;
    }

    .wrap-footer-top .btn-container {
        width: 48%;
        text-align: center;
    }

    .col-nav-foot {
        width: 32%;
        margin: 40px 0 0;
    }

    .wrap-footer-center {
        padding: 30px 0 70px;
    }

    .box-info-copyright-foot {
        width: 100%;
    }

    .box-logo-foot-copyright {
        width: 32%;
        margin: 40px 0 0;
    }

    .inner-footer-bottom {
        flex-direction: column-reverse;
    }

    .box-logo-company-foot,
    .links-to-resurse,
    .links-footer-bottom-socials {
        width: 100%;
    }

    .links-to-resurse p {
        max-width: 200px;
        margin: 0 auto 0;
    }

    .links-footer-bottom-socials {
        justify-content: center;
    }

    .box-logo-company-foot {
        max-width: 220px;
        margin: 50px auto 0;
    }

    .wrap-footer-bottom {
        padding: 40px 0;
    }

    .universal_section_left_line,
    .universal_section_left_line_white,
    .universal_section_left_line_whiteTwo,
    .universal_section_left_line_whiteThree {
        left: calc(50% - 382px);
    }

    #services-general .owl-carousel .owl-stage {
        margin-left: -30px;
    }

    #services-general .container:after {
        z-index: 1;
    }

    #pluses-general .owl-dots {
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
        border-top: 1px solid #1a1a1a;
        border-bottom: 1px solid #1a1a1a;
        text-align: left;
        display: flex;
        padding: 20px 0;
    }

    #pluses-general .owl-dots:after {
        content: "";
        position: absolute;
        top: 18px;
        right: 20px;
        background: url(../img/icons/HOUSE-TECH.svg) no-repeat center;
        width: 48px;
        height: 6px;
    }

    #pluses-general .owl-dots .owl-dot {
        background: transparent;
        border: 1px solid #1a1a1a;
        width: 30px;
        height: 4px;
        margin: 0 8px 0 0;
    }

    #pluses-general .owl-dots .owl-dot.active {
        background: #1a1a1a;
    }

    #pluses-general .owl-carousel .owl-stage {
        margin-left: -75px;
    }

    .wrap-row-pluses {
        padding: 125px 0 0;
    }

    .submenu > li {
        width: 50%;
    }

    a.dropdown {
        pointer-events: none;
    }

    /*------INNER PAGES-------*/
    .wrap-photo-manager-contacts {
        max-width: 235px;
    }

    #address-photo-slider-contacts .owl-dots,
    #reasons-career .owl-dots,
    #reasons-services-ios .owl-dots {
        display: flex;
        padding: 19px 0;
        margin: 50px 0 0;
        position: relative;
    }

    #photo-slider-about .owl-dots,
    #reasons-services-ios .owl-dots {
        display: flex;
        border-bottom: 1px solid #1a1a1a;
        position: relative;
        padding: 19px 0;
    }

    #address-photo-slider-contacts .owl-dots:after,
    #photo-slider-about .owl-dots:after,
    #reasons-career .owl-dots:after,
    #reasons-services-ios .owl-dots:after {
        content: "";
        position: absolute;
        top: 18px;
        right: 20px;
        background: url(../img/icons/HOUSE-TECH.svg) no-repeat center;
        width: 48px;
        height: 6px;
    }

    #address-photo-slider-contacts .owl-dots button,
    #photo-slider-about .owl-dots button,
    #reasons-career .owl-dots button,
    #reasons-services-ios .owl-dots button {
        border: 1px solid #1a1a1a;
        display: block;
        margin: 0 10px 0 0;
        width: 30px;
        height: 5px;
        background: transparent;
    }

    #address-photo-slider-contacts .owl-dots button span,
    #photo-slider-about .owl-dots button span,
    #reasons-career .owl-dots button span,
    #reasons-services-ios .owl-dots span {
        width: 30px;
        height: 5px;
        border: none;
        padding: 0;
        font-size: 0;
        background: transparent;
    }

    #address-photo-slider-contacts .owl-dots .owl-dot.active,
    #photo-slider-about .owl-dots .owl-dot.active,
    #reasons-career .owl-dots .owl-dot.active,
    #reasons-services-ios .owl-dots .owl-dot.active {
        border-color: #1a1a1a;
        background: #1a1a1a;
    }

    #reasons-career .owl-dots {
        border-top: 1px solid #1a1a1a;
        border-bottom: 1px solid #1a1a1a;
    }

    #reasons-services-ios .owl-dots {
        border-top: 1px solid #1a1a1a;
    }

    .about-us-page .wrap-contacts-gen-content {
        flex-direction: column;
        padding: 0 25px;
    }

    .box-info-gen-cont-about-us,
    .title-who-are-we,
    .content-who-are-we,
    .image-who-are-we {
        width: 100%;
    }

    .inner-subtitle-about-anim,
    #block-icons-about-general,
    .box-text-cont-about-gen:after,
    .title-who-are-we img {
        display: none;
    }

    .box-sub-content-about {
        width: 100%;
        background: #1a1a1a;
        color: #fff;
        position: relative;
        padding: 30px 0 50px;
        margin-top: -250px;
    }

    .wrap-image-honors {
        height: unset !important;
    }

    .box-sub-content-about:after {
        content: "";
        position: absolute;
        left: -500px;
        right: -500px;
        background: #1a1a1a;
        top: 0;
        bottom: 0;
    }

    .box-text-cont-about-gen {
        z-index: 10;
    }

    .box-sub-content-about:before {
        content: "";
        position: absolute;
        left: -500px;
        right: -500px;
        height: 10px;
        top: -10px;
        background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
    }

    .box-maskot-fox {
        position: static;
        margin: 0;
    }

    .box-maskot-fox img {
        margin: 20px auto 0;
    }

    #who-are-we {
        z-index: 5;
    }

    .wrap-who-are-we {
        flex-direction: column;
        padding: 20px 25px;
    }

    .title-who-are-we span {
        display: block;
        color: #fff;
        text-transform: uppercase;
        font-size: 34px;
        font-weight: bold;
        padding: 0 0 30px;
        background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
    }

    .content-who-are-we {
        padding: 30px 0 0 30px;
    }

    .image-who-are-we img {
        margin: 20px auto 0;
    }

    #our-goals-and-mission p {
        padding: 0 15px;
    }

    .wrap-history-about-top,
    .wrap-history-about-bottom {
        flex-direction: column;
    }

    .box-title-history,
    .box-image-history-one,
    .box-content-history,
    .box-image-history-two {
        width: 100%;
    }

    .box-image-history-one {
        margin: 30px 0 0;
    }

    .col-honor {
        /* width: 94%;
        max-width: 230px; */
        width: 100%;
        max-width: 100vh;
    }
    .col-honor img {
        max-width: 100%;
    }

    .list-honors-present,
    .list-team-present {
        width: 800px;
    }

    .list-honors-present .owl-carousel .owl-stage-outer {
        padding: 0 0 6px;
    }

    .wrap-first-inner-pages-blocks {
        flex-direction: column;
    }

    .box-titles-inner-pages {
        width: 100%;
    }

    .info-category-honors {
        padding: 0 15px 50px;
    }

    .page-we-in-media .inner-title-table-info,
    .first-block-services .box-title-serv-table-info {
        display: none;
    }

    .wrap-contacts-media-first {
        position: static;
    }

    .box-contact-media-f {
        background: transparent;
    }

    .box-previews-media {
        padding: 0 15px;
    }

    .press-source-name:after {
        width: 15px;
        left: -15px;
    }

    .shadow-team {
        top: 3px;
    }

    .wrap-info-caterogy-body .owl-carousel .owl-stage-outer {
        padding: 0 0 3px;
    }

    .sharing-socials-single {
        width: 7%;
    }

    .inner-single-cont {
        width: 89%;
    }

    .wrap-single-content {
        padding: 0 50px;
        margin: 0;
    }

    .box-blog-inner-prev {
        width: 48%;
    }

    .box-icon-what-serv {
        width: 35%;
        margin: 0 0 0 3%;
    }

    .box-info-what-content-serv {
        width: 55%;
    }

    .wrap-steps-services ul {
        padding: 37px 25px 0 0;
    }

    .first-block-services {
        background-position: 30% center;
        min-height: 340px;
    }

    .inner-list-reas-portf {
        flex-wrap: wrap;
    }

    .col-reas-portf {
        width: 32%;
    }

    .name-cat-portf {
        padding: 0 0 0 50px;
    }

    .icon-sel-cat-portf {
        width: 42px;
        padding: 9px 0 0 5px;
    }

    .box-qustion-portf .spoiler-body {
        margin: 0;
    }

    .box-title-serv-sect img,
    .block-image-serv-featur {
        position: static;
    }

    .title-serv-section {
        padding: 10px 0 0;
    }

    .wrap-list-serv-sect .box-list-cases ul li,
    .box-steps-to-order,
    .box-image-list-to-order,
    .box-list-steps-prices {
        width: 100%;
    }

    .featured-services .wrap-first-inner-pages-blocks {
        flex-direction: column-reverse;
        min-height: 100%;
    }

    .box-titles-inner-pages-feat-serv {
        width: 100%;
        margin-top: -100px;
    }

    .box-image-gen-serv-featur {
        width: 100%;
        position: static;
    }

    .box-image-gen-serv-featur img {
        display: block;
        max-width: 100%;
        margin: -5px auto 0;
    }

    .wrap-list-info-serv-featured,
    .wrap-list-steps-to-order {
        flex-wrap: wrap;
    }

    .image-list-info-serv-feat {
        position: static;
        margin: 30px 0 0;
        width: 100%;
    }

    .image-list-info-serv-feat img,
    .box-image-list-to-order img {
        display: block;
        max-width: 100%;
    }

    .wrap-list-to-order-title {
        padding: 50px 25px 0 0;
    }

    .wrap-list-steps-to-order {
        padding: 0 25px;
    }

    .col-info-serv-featured-left,
    .col-info-serv-featured-right {
        width: 48%;
    }

    .col-info-serv-featured-right {
        margin: 0;
    }

    .wrap-statistic-serv {
        flex-wrap: wrap;
        padding: 30px 0 0;
    }

    .wrap-steps-prices {
        flex-direction: column-reverse;
    }

    .box-statistic-serv {
        width: 50%;
        margin: 35px 0 0;
    }

    .box-statistic-serv:nth-child(3):after,
    .box-grafic-classific-des:after {
        display: none;
    }

    .inner-info-factor-serv {
        margin: 0;
        padding: 10px 25px 50px;
    }

    .wrap-grafics-factor-serv {
        position: static;
        margin: 30px auto 0;
        width: inherit;
        max-width: 490px;
    }

    .ps-citate-step-price {
        padding: 0 25px 0 20px;
    }

    .first-block-services.bg-first-3d-animation .box-image-gen-serv-featur img {
        margin: 5px 0 0 -100px;
    }

    .box-list-info-serv-two {
        width: 48%;
    }

    .box-content-info-serv-page p {
        margin: 25px 25px 0;
    }

    .wrap-serv-development {
        flex-direction: column-reverse;
    }

    .box-info-serv-development,
    .box-image-serv-development {
        width: 100%;
    }

    .box-info-serv-development,
    .block-serv-inner-standart.block-serv-standart-ios-app
        .box-info-serv-development {
        padding: 50px 15px 0;
    }

    .block-serv-inner-standart.block-serv-standart-ios-app {
        margin: 0;
    }

    .wrap-container-white-vertical-lines.lines-vert-white-ios-app {
        padding: 0;
    }

    .wrap-factor-services-two.lines-decore-base
        .box-factor-slide:nth-child(6):after {
        right: 0;
    }

    .box-info-cases-serv-feat.middle-padding-cases-content {
        padding: 60px 0;
    }

    .box-info-serv-development.padding-bottom-yes {
        padding: 50px 15px;
    }

    .box-info-serv-development p {
        margin: 21px 0 0;
    }

    .wrap-cases-serv-feat-top {
        flex-wrap: wrap;
    }

    .box-info-cases-serv-feat,
    .box-image-serv-decore-feat {
        width: 100%;
    }

    .inner-image-decore-case-feat {
        position: static;
    }

    .inner-image-decore-case-feat img {
        max-width: 100%;
        margin: 0 auto;
    }

    .box-info-serv-three {
        width: 29%;
        margin: 0 15px;
    }

    .wrap-info-services-page-feat.little-padding-top-serv {
        padding: 5px 0 71px;
    }

    .first-block-services.featured-services.bg-first-vfx-design
        .wrap-contacts-gen-content {
        padding: 0 25px 25px;
    }

    .wrap-steps-services.dfj {
        padding: 20px 0 0;
    }

    .wrap-steps-services.dfj .box-image-calculat {
        order: -1;
        padding: 0;
    }

    #steps-services .wrap-steps-services.dfj .box-image-calculat {
        padding: 0 0 40px;
    }

    #steps-services .wrap-steps-services {
        padding: 30px 0 50px;
    }

    .box-title-stest-serv-flex {
        padding: 30px 0 0;
    }

    .wrap-steps-services .box-steps-to-order ul {
        padding: 5px 25px 0;
    }

    .block-serv-inner-standart .wrap-serv-development {
        padding: 30px 0;
    }

    .block-serv-inner-standart .box-image-serv-development {
        padding: 0;
    }

    .box-slider-classific-des {
        flex-direction: column;
    }

    .box-grafic-classific-des,
    .box-content-classific-des {
        width: 100%;
    }

    .box-grafic-classific-des {
        display: block;
    }

    .box-grafic-classific-des img {
        margin: 0 auto;
    }

    .inner-content-classific-des {
        padding: 15px;
    }

    .box-slider-classific-des:after,
    .box-slider-classific-des:before {
        display: none;
    }

    #classification-design-slider .owl-dots {
        margin: 0;
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        padding: 15px 0;
    }

    #classification-design-slider.slider-pagination-bottom .owl-dots {
        top: auto;
        bottom: -60px;
    }

    #classification-design-slider.slider-pagination-bottom
        .wrap-classific-design {
        padding: 0 0 40px;
    }

    #steps-services.bg-yellow.double-list-to-order .our-awards__title {
        margin: 0 0 0 15px;
    }

    #classification-design-slider.slider-ta-m-app .slider-classific-des {
        padding: 36px 0 56px;
    }

    #classification-design-slider.slider-ta-m-app .owl-dots {
        top: auto;
        bottom: 0;
    }

    .slider-classific-des {
        padding: 70px 0 60px;
    }

    #call-action-calculator.block-long-padding-bottom .wrap-call-action-calc {
        padding: 47px 0;
    }

    #classification-design-slider .owl-nav {
        display: none !important;
    }

    .first-block-services.featured-services.bg-first-vfx-design.padding-bottom-block-long
        .wrap-contacts-gen-content {
        padding: 0 25px 60px;
    }

    .box-image-list-to-order.no-image-mobile {
        display: none;
    }

    /*----------------------
		stub
	----------------------*/
    .box-sub-head-stub {
        display: none;
    }

    .box-head-stub {
        width: 240px;
    }

    .box-head-stub img {
        display: block;
        max-width: 100%;
    }

    .box-logo-stub {
        padding: 80px 0 0;
    }

    .wrap-page-stub .universal_section_right_line {
        right: calc(50% - 374px);
        top: -2000px;
    }

    .box-content-stub {
        padding: 30px 0 80px;
    }

    .wrap-box-list-vac .spoiler-head .type-work-vacanse,
    .name-head-list-vac:last-child {
        width: 25%;
    }

    .wrap-box-list-vac .spoiler-head .local-vacanse,
    .name-head-list-vac:nth-child(2) {
        width: 22%;
    }

    .wrap-box-list-vac .spoiler-head .status-vacanse,
    .name-head-list-vac:first-child {
        width: 53%;
    }

    .wrap-reasons-career:after,
    .box-image-calc-decore {
        display: none;
    }

    .wrap-list-vacanse {
        padding: 48px 0 0;
    }

    .wrap-reasons-career {
        padding: 70px 0 70px 15px;
    }

    .title-info-resume {
        font-size: 36px;
    }

    #reasons-career .container:after {
        display: block;
    }

    .box-slider-calc {
        width: 100%;
    }

    .wrap-slider-calc {
        padding: 25px;
    }

    .wrap-list-info-serv-crypto-games .image-list-info-serv-feat {
        margin: 0;
    }

    .wrap-list-info-serv-crypto-games .image-list-info-serv-feat img {
        margin: 0 auto;
    }

    .wrap-list-info-serv-crypto-games .col-info-serv-featured-left,
    .wrap-list-info-serv-crypto-games .col-info-serv-featured-right {
        width: 48%;
    }

    .wrap-little-cases-crypto-games {
        flex-wrap: wrap;
    }

    .box-cases-crypt-g {
        width: 50%;
    }

    #factors-services .wrap-serv-development {
        padding: 0 15px;
    }

    #services-development.long-padding-block .box-image-serv-development {
        padding: 50px 0 0;
    }

    #services-development.long-padding-block .box-info-serv-development {
        padding: 40px 0 0;
    }

    .box-info-cases-serv-feat p {
        margin: 25px 15px 0 25px;
    }

    #list-to-order-service.padding-top-long-long .wrap-list-to-order-title {
        padding: 60px 0 0;
    }

    #services-development.padding-top-small .box-info-serv-development {
        padding: 25px 25px 0;
    }

    #services-development.padding-top-small .wrap-serv-development {
        flex-direction: column;
    }

    #services-development.padding-top-small .box-image-serv-development {
        padding: 30px 0 0;
    }

    .inner-animat-serv-aos {
        height: 230px;
        max-width: 290px;
        margin: 0 auto;
    }

    #lottie-animation-android {
        left: 0;
    }

    #lottie-animation-ios {
        left: 150px;
    }

    .slider-list-e-commerce.slider-list-masonry,
    .slider-list-e-commerce.slider-list-masonry-two {
        gap: 15px;
    }

    .slider-list-e-commerce.slider-list-masonry .slide-e-commerce.slide-e-long,
    .item-2-4 {
        width: 474px;
    }

    .item-1,
    .item-3,
    .item-4,
    .item-5,
    .item-8,
    .item-2-1,
    .item-2-2,
    .item-2-3,
    .item-2-5 {
        width: 230px;
    }

    .slider-list-e-commerce.slider-list-masonry .slide-e-commerce {
        padding: 25px 15px;
    }

    .wrap-serv-aos {
        padding: 0 0 30px;
    }

    .slider-list-e-commerce.slider-list-masonry
        .slide-e-commerce.slide-height-long,
    .slider-list-e-commerce.slider-list-masonry .slide-e-commerce {
        padding: 25px 15px 50px;
    }

    .wrap-serv-aos,
    .wrap-type-identity {
        flex-direction: column;
    }

    #steps-services.step-serv-bg-base .wrap-list-to-order-title {
        padding: 50px 0 0 15px;
    }

    #reasons-services-ios .descript-factors-serv {
        padding: 0 15px;
    }

    .first-block-services.bg-promo-game .wrap-contacts-gen-content {
        padding: 0 25px 80px;
    }

    .col-type-ident {
        width: 100%;
    }

    .image-type-ident img {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }

    .wrap-type-identity {
        padding: 0 15px 50px;
    }

    .wrap-form-breef .group-list-checks textarea {
        padding: 0 0 15px;
        font-size: 16px;
    }

    .wrap-form-breef .box-form-resume {
        width: 48%;
    }

    .inner-title-h2 {
        padding: 46px 15px 23px;
    }

    .descript-factors-serv {
        padding: 0 15px;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:nth-child(7)
        .icon-fact-slide {
        padding: 0;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:nth-child(7)
        .text-fact-slide {
        padding: 0;
        max-width: 320px;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:last-child
        .icon-fact-slide {
        padding: 0;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:last-child
        .text-fact-slide {
        padding: 0;
        max-width: 320px;
    }

    .universal_section_right_line,
    .universal_section_right_line_white,
    .universal_section_right_line_whiteTwo,
    .universal_section_right_line_whiteThree {
        display: none;
    }

    .content-inner-pages-start {
        overflow: hidden;
    }

    .lines-whites-four .text-fact-slide {
        font-size: 14px;
    }

    .text-fact-slide,
    .wrap-factor-services-two.box-last-long-two.lines-whites-four
        .box-factor-slide:last-child
        .text-fact-slide {
        padding: 0 5px;
    }

    .body-cat-sel {
        padding: 15px;
    }

    .wrap-list-steps-to-order.no-padding .text-serv-reas-two p {
        padding: 0 15px 0 25px;
    }

    .box-cont-unic-graf h2,
    .content-sel-game-plat h2 {
        font-size: 30px;
    }

    .info-games-mobile-block .wrap-sel-game-plat {
        padding: 0 25px 50px 0;
    }

    .info-games-mobile-block .content-sel-game-plat {
        padding: 10px 0 0;
    }

    .slide-e-commerce-black {
        padding: 10px 15px 15px;
    }

    .slide-e-commerce-black .title-sl-fac {
        margin: 0;
    }

    .slide-e-commerce-black p {
        font-size: 16px;
        margin: 15px 0 0;
    }

    .slide-e-commerce-black li {
        font-size: 16px;
        margin: 15px 0 0;
    }

    .item-2-2,
    .item-2-3,
    .item-2-5 {
        /* height: 350px; */
        height: auto;
    }

    .item-2-1,
    .item-2-4 {
        /* height: 540px; */
        height: auto;
    }

    .inner-image-new-mob-game img {
        margin: 0 auto;
    }

    #reasons-services-ios.bg-yellow h2.title-line-blue {
        padding: 0 15px 33px;
    }

    .wrap-list-scheme-price-serv .title-reas-career {
        font-size: 12px;
    }

    .wrap-case-game-dev {
        flex-direction: column-reverse;
    }

    .col-info-case-game-dev,
    .col-image-case-game-dev,
    #reasons-service-two.bg-yellow .box-image-list-to-order {
        width: 100%;
    }

    .col-image-case-game-dev {
        max-width: 540px;
        margin: 40px auto 0;
    }

    #classification-design-slider.design-slider-blue .owl-dots:after {
        content: "";
        position: absolute;
        margin-top: -3px;
        top: 50%;
        right: 20px;
        background: url(../img/icons/HOUSE-TECH.svg) no-repeat center;
        width: 48px;
        height: 6px;
    }

    #classification-design-slider.design-slider-blue
        .inner-content-classific-des
        p {
        font-size: 16px;
    }

    #classification-design-slider.design-slider-blue .box-grafic-classific-des {
        padding: 10px 0;
    }

    #classification-design-slider.design-slider-blue
        .inner-content-classific-des {
        padding: 40px 15px;
    }

    #call-action-calculator-black .wrap-call-action-calc {
        flex-direction: column-reverse;
    }

    #call-action-calculator-black-two .wrap-call-action-calc {
        flex-wrap: wrap;
    }

    #call-action-calculator-black-two .box-content-call-calc {
        width: 100%;
    }

    #call-action-calculator-black-two .wrap-call-action-calc.wrap-calc-revers {
        flex-direction: column-reverse;
    }

    #call-action-calculator-black-two .box-content-call-calc {
        padding: 40px 15px 0;
    }

    #call-action-calculator-black .box-content-call-calc {
        padding: 40px 15px 0 0;
    }

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

    .wrap-logos-tehnology {
        max-width: 710px;
    }

    .box-tehnology {
        width: 23%;
    }

    .inn-stand-nft-top .wrap-serv-development:after {
        display: none;
    }

    .no-right-line-cont .wrap-list-steps-to-order.no-padding {
        border-top: 1px solid #1a1a1a;
    }

    .wrap-factor-services-two.box-slides-five
        .box-factor-slide:nth-child(4)
        .title-fact-slider,
    .wrap-factor-services-two.box-slides-five
        .box-factor-slide:nth-child(4)
        .icon-fact-slide,
    .wrap-factor-services-two.box-slides-five
        .box-factor-slide:last-child
        .title-fact-slider,
    .wrap-factor-services-two.box-last-long-two.box-slides-five
        .box-factor-slide:nth-child(4)
        .text-fact-slide {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .spoiler-head {
        font-size: 18px;
        padding: 15px 45px 15px 10px;
    }

    .wrap-box-faq {
        margin-right: -15px;
    }

    .first-block-inner-pages h1 {
        font-size: 36px;
    }

    .first-block-inner-pages.first-block-breef h1 {
        font-size: 42px;
    }
    /* 
    .col-honor {
        max-width: 265px;
    } */

    .col-honor.honor-album .wrap-image-honors {
        height: 183px;
    }

    .list-honors-present {
        width: 100%;
    }

    .list-team-present {
        width: 560px;
    }

    .spoiler-head:after {
        right: 13px;
    }

    .spoiler-head:before {
        right: 24px;
    }

    .btn-burger {
        width: 24px;
        height: 24px;
        background: url(../img/burger-static.svg) no-repeat center;
        position: fixed;
        top: 27px;
        right: 15px;
        z-index: 1000;
        cursor: pointer;
    }

    .btn-burger.active-close {
        top: 26px;
        background: url(../img/burger-close.svg) no-repeat center;
    }

    #nav {
        position: fixed;
        top: 134px;
        margin: 0;
        left: 0;
        width: 100%;
        bottom: 71px;
        background: #1a1a1a url(../img/bg-nav-mobile.svg) no-repeat center;
        background-size: cover;
        z-index: 0;
        min-height: 210px;
        overflow-y: auto;
        -moz-transition: 0.1s;
        -ms-transition: 0.1s;
        -o-transition: 0.1s;
        -webkit-transition: 0.1s;
        transition: 0.1s;
        opacity: 0;
        visibility: hidden;
    }

    #nav.active-menu {
        z-index: 999;
        opacity: 1;
        visibility: visible;
    }

    body.no-scroll-body {
        overflow: hidden !important;
    }

    #header .box-time-work,
    #header .box-phone-head {
        display: none;
    }

    #header .box-time-work.open-vis-info-head,
    #header .box-phone-head.open-vis-info-head-two {
        display: block;
        position: absolute;
        width: 55%;
        top: 72px;
        text-align: center;
        border-top: 1px solid #efc36e;
        border-bottom: 1px solid #efc36e;
        z-index: 50;
        background: #1a1a1a;
    }

    #header .box-time-work.open-vis-info-head {
        left: -15px;
        right: 50%;
        padding: 7px 0 7px 15px;
        display: none;
    }

    #header .box-phone-head.open-vis-info-head-two {
        right: -15px;
        left: 50%;
        padding: 7px 15px 7px 0;
    }

    #nav .container {
        border-left: 1px solid #efc36e;
        margin-left: 15px;
        height: 100%;
        display: flex;
        align-items: center;
    }

    #nav .container:after {
        content: "";
        position: absolute;
        width: 15px;
        height: 100%;
        top: 0;
        bottom: 0;
        left: -15px;
        background: url(../img/decore-nav-left.svg) repeat-y left top;
    }

    #nav ul.top-menu {
        flex-direction: column;
        max-width: inherit;
        margin: 0;
        align-items: flex-start;
    }

    #nav ul.top-menu > li > a,
    .first-block-inner-pages.first-block-breef #nav ul.top-menu > li > a {
        font-size: 20px;
        font-weight: bold;
        padding: 10px 30px 10px 0;
        color: #fff !important;
    }

    body.body-inner-pages #nav ul.top-menu > li > a {
        color: #fff;
    }

    .submenu,
    .submenu-standart {
        position: static;
        height: 0;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        background: transparent;
        border-top: 1px solid #efc36e;
        border-bottom: 1px solid #efc36e;
    }

    .submenu.open-submenu-col,
    .submenu-standart.open-submenu {
        height: 232px;
        overflow-y: auto;
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible;
        background: transparent;
    }

    .submenu-standart.open-submenu {
        height: 232px;
        width: 100%;
        min-width: 100%;
    }

    .no-title-nav {
        display: none;
    }

    .top-menu > li:hover .submenu,
    .top-menu > li:hover .submenu-standart {
        transform: translate3d(0, 0, 0);
        overflow-y: auto;
        background: transparent;
    }

    .top-menu > li {
        overflow: hidden;
        width: 100%;
    }

    .submenu > li {
        width: 100%;
        padding: 0;
    }

    .submenu li a,
    .submenu-standart li a {
        color: #fff;
    }

    .box-contacts-action-head.open-two-btn-mobile {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 50;
        width: 100%;
        padding: 15px;
        background: #1a1a1a;
        border-top: 1px solid #efc36e;
    }

    .dropdown-column a.dropdown:after,
    .dropdown-standart a.dropdown:after {
        top: 15px;
    }

    .logo {
        width: 21%;
        padding: 12px 0;
    }

    .logo img {
        max-width: inherit;
    }

    .wrap-header {
        position: relative;
        height: 78px;
        align-items: flex-start;
    }

    .box-link-socials-head {
        position: absolute;
        width: 200px;
        left: 50%;
        margin-left: -100px;
        top: 25px;
    }

    #header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }

    #wrap {
        margin: 78px 0 0;
    }

    .wrap-gen-content {
        flex-direction: column-reverse;
    }

    .box-girl-gen-amin {
        width: 100%;
    }

    .container:before {
        display: none;
    }

    #player-container {
        top: 90px;
        width: 540px;
        height: 666px;
        position: absolute;
        left: 50%;
        margin-left: -270px;
    }

    .box-girl-gen-amin:after {
        top: 0;
        background: url(../img/bg/Cyber_block_mask-mobile.svg) repeat-x left top;
    }

    .box-girl-gen-amin {
        height: 390px;
    }

    .box-slide-cont-gen {
        width: 100%;
        padding: 0 0 0 10px;
        z-index: 100;
    }

    h1 {
        font-size: 36px;
    }

    h1 small {
        font-size: 30px;
    }

    h1 em {
        font-size: 28px;
        display: block;
        line-height: 1.2;
    }

    .inner-slide-cont-gen p {
        font-size: 20px;
    }

    .universal_section_left_line,
    .universal_section_left_line_whiteTwo {
        left: 1px;
    }

    .btn-container-cyber {
        text-align: center;
        padding: 0 30px 50px 0;
    }

    .reasons-general-top .wrap-reas-gen {
        flex-wrap: wrap;
        padding: 1px 0 15px;
    }

    .reasons-general-bottom .wrap-reas-gen {
        flex-wrap: wrap;
        padding: 1px 0 35px;
    }

    .box-reas-gen {
        width: 49%;
        margin: 30px 0 0;
    }

    .reasons-general-top {
        padding: 6px 0 22px;
    }

    .cont-reas-gen p {
        font-size: 15px;
    }

    .wrap-reas-gen {
        justify-content: space-between;
    }

    .reasons-general-bottom .box-reas-gen:nth-child(2),
    .box-title-serv-table-info {
        display: none;
    }

    .reasons-general-bottom .box-reas-gen {
        width: 48%;
    }

    .wrap-reasons-comp-gen {
        flex-direction: column-reverse;
        padding: 20px 0 50px 15px;
    }

    .box-content-reasons-comp-gen,
    .box-image-reasons-comp-gen {
        width: 100%;
    }

    .inner-image-reas-comp-gen {
        margin-left: -15px;
    }

    .inner-image-reas-comp-gen:after {
        display: none;
    }

    .box-content-reasons-comp-gen {
        padding: 40px 0 0;
    }

    h2 {
        font-size: 22px;
    }

    .text-reas-comp-gen p {
        font-size: 18px;
    }

    .text-reas-comp-gen blockquote {
        font-size: 18px;
    }

    .box-title-serv-gen {
        width: 100%;
    }

    .wrap-title-services-general {
        padding: 50px 0 0;
    }

    .main-services__title {
        font-size: 32px;
        background: url(../img/icons/line-h2.svg) no-repeat left bottom;
        border: none;
        padding: 0 0 33px;
        margin: 0 0 0 15px;
    }

    .box-serv {
        width: 94%;
    }

    .inner-box-serv {
        min-height: 265px;
    }

    .wrap-dev-skill-good {
        border-top: none;
        padding: 10px 0 50px 15px;
        flex-direction: column;
    }

    #develop-skill-good .container:after {
        display: block;
    }

    .box-content-dev-skill-good,
    .box-image-skill-good {
        width: 100%;
    }

    .inner-image-skill-good img {
        position: static;
        max-width: 100%;
        margin: 30px auto 0;
    }

    #call-to-action-gen {
        background: #3d70b5;
        position: relative;
        z-index: 100;
    }

    #it-company-new-block {
        position: relative;
    }

    #it-company-new-block:after {
        content: "";
        position: absolute;
        top: 0;
        height: 10px;
        left: 0;
        right: 0;
        background: url(../img/bg/Cyber_block_mask-blue-bottom.svg) repeat-x top
            left;
    }

    .bg-line-decore-mobile-call-action-gen {
        position: relative;
        z-index: 100;
        height: 10px;
        background: url(../img/bg/Cyber_block_mask-blue-top.svg) repeat-x top
            left;
    }

    .parallax-lines-blocks {
        margin-top: -350px;
    }

    .wrap-bg-call-action-gen {
        background: transparent;
        padding: 30px 0;
    }

    .title-call-action-gen {
        font-size: 22px;
    }

    .box-form-call-action-gen ul {
        flex-direction: column;
        padding: 0;
    }

    .box-form-call-action-gen li,
    .box-form-call-action-gen li:last-child {
        width: 100%;
        margin: 30px 0 0;
    }

    .box-form-call-action-gen .btn-gen {
        max-width: 345px;
        background: url(../img/buttons/btn-gen-long-static.svg) no-repeat center;
        background-size: 100% auto;
    }

    .box-form-call-action-gen .btn-gen[disabled] {
        background: url(../img/buttons/btn-gen-long-disabled.svg) no-repeat
            center;
        background-size: 100% auto;
    }

    .box-form-call-action-gen .btn-gen:hover {
        background: url(../img/buttons/btn-gen-long-hover.svg) no-repeat center;
        background-size: 100% auto;
    }

    .checkbox:not(checked) + label {
        display: block;
    }

    .ps-form-call-action {
        padding: 30px 0 0;
    }

    .inner-decore-it-comp {
        width: 72px;
        height: 72px;
    }

    .bdc-1 .inner-decore-it-comp,
    .bdc-2 .inner-decore-it-comp {
        background-size: 100% auto;
    }

    /* #callback_ht, */
    /* .footer_section_arrow_top, */
    /* .inner-decore-it-comp:after {
		display: none !important;
	} */
    .bdc-2 .inner-decore-it-comp {
        background: url(../img/icons/decore-it-right-mobile.svg) no-repeat
            center;
    }

    .bdc-1 .inner-decore-it-comp {
        background: url(../img/icons/decore-it-left-mobile.svg) no-repeat center;
    }

    #it-company-new-block .container:after {
        display: block;
        background: #fff;
    }

    .box-content-it-company {
        padding: 0 0 0 15px;
    }

    .wrap-it-company {
        padding: 80px 0 160px;
    }

    .wrap-it-company:after {
        content: "";
        position: absolute;
        width: 169px;
        height: 72px;
        left: 50%;
        margin-left: -85px;
        bottom: 50px;
        background: url(../img/title-it-action.svg) no-repeat center 89%;
    }

    .box-decore-it-company-block {
        bottom: 50px;
    }

    .bdc-2 .inner-decore-it-comp a:hover {
        opacity: 0;
    }

    .bdc-2 .inner-decore-it-comp a {
        display: block;
        width: 72px;
        height: 72px;
        background: transparent;
        opacity: 0;
    }

    #scheme-work .line-animate-matrix {
        margin-left: -1478px;
    }

    .header-scheme-work-amin {
        margin-right: -15px;
    }

    .wrap-pluses-general-content {
        padding: 70px 0 60px 0;
        text-align: left;
    }

    #pluses-general h2 {
        padding: 0 0 24px 14px;
    }

    .description-pluses-gen {
        padding: 0 0 0 15px;
    }

    #pluses-general h2 {
        background-position: left bottom;
    }

    .portfolio-carousel__title:after {
        height: auto;
        bottom: 3px;
    }

    .head-portfolio-decore {
        padding: 10px 0;
    }

    .wrap-portfolio-content {
        margin: 45px -15px 0 0;
    }

    .inner-image-calc img:first-child {
        display: none !important;
    }

    .inner-image-calc img:last-child {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }

    .wrap-call-action-calc,
    #call-action-calculator.block-middle-padding-bottom .wrap-call-action-calc {
        padding: 50px 0;
    }

    .box-content-call-calc p {
        margin: 20px 0 0;
    }

    .box-content-call-calc .btn-container {
        padding: 50px 0 0;
        text-align: center;
    }

    .wrap-title-address-info {
        padding: 28px 0;
    }

    .wrap-price-content {
        padding: 60px 0 0;
    }

    .main-tariffs__title {
        font-size: 22px;
        text-align: left;
        background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
        padding: 0 0 32px;
        margin: 0 0 0 15px;
    }

    .subtitle-price {
        text-align: left;
        margin: 20px 0 0 15px;
    }

    #price-general .slick-dots {
        right: -1px;
    }

    #general-calculator:after,
    .inner-box-girl-calc-gen:after,
    .main-our-clients__title:after,
    .box-information-map-gen:before {
        display: none;
    }

    #general-calculator .inner-box-girl-calc-gen {
        padding: 40px 0 0;
    }

    #general-calculator .box-cont-calc-gen {
        margin: -250px 0 0 -15px;
        width: inherit;
    }

    #general-calculator .inner-box-calc-gen {
        padding: 30px 0 40px 15px;
    }

    #general-calculator .ui-slider-horizontal {
        margin: 0 15px 0 0;
    }

    #general-calculator .row-inputs-calc div {
        width: 100%;
    }

    #general-calculator .btn-container {
        flex-wrap: wrap;
        padding: 30px 0 0;
    }

    .inner-box-calc-gen .btn-container .box-btn-calc {
        width: 100%;
        padding: 15px 0 0;
    }

    .wrap-gen-calculator {
        padding: 20px 0 0;
    }

    #cases-gen-block:before {
        background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x left top;
    }

    .wrap-cases-gen {
        padding: 60px 0 0;
        flex-wrap: wrap;
    }

    .box-list-cases,
    .box-content-case-gen,
    .box-list-cases li a {
        width: 100%;
    }

    .title-box-case-gen,
    .our-awards__title,
    .main-our-clients__title,
    .title-blog-general {
        font-size: 22px;
        padding: 0 0 33px;
        background: url(../img/icons/line-h2.svg) no-repeat left bottom;
        border: none;
    }

    .box-content-case-gen {
        padding: 25px 0 0 15px;
    }

    .text-box-case-gen {
        margin: 25px 0 0;
    }

    .box-content-case-gen .btn-container {
        text-align: center;
    }

    .wrap-reviews-block {
        padding: 60px 0 15px;
    }

    .box-info-cont-rev {
        padding: 0 0 0 15px;
    }

    .text-reviews-gen {
        margin: 20px 0 0;
    }

    #reviews-general-block .slick-prev {
        left: -79px;
    }

    .wrap-clients-gen {
        padding: 50px 0 0;
    }

    .content-clients-gen {
        padding: 0 0 50px 15px;
    }

    .text-clients-gen,
    .descript-blog-gen {
        margin: 20px 0 0;
    }

    .wrap-portfolio-slider-inners .text-clients-gen {
        margin: 20px 0 0 15px;
    }

    .wrap-portfolio-slider-inners .main-our-clients__title {
        margin: 0 0 0 15px;
    }

    .reviews-animat {
        margin-right: -15px;
    }

    .wrap-slider-clients {
        margin-right: -15px;
    }

    .wrap-blog-info {
        padding: 50px 0 0 15px;
    }

    .wrap-slider-blog-gen {
        width: 480px;
    }

    .slider-borders-line {
        overflow: visible;
    }

    #blog-gen-block .slick-dots {
        left: 8px;
    }

    .box-animat-blog {
        margin-right: -15px;
    }

    .box-information-map-gen {
        border: 1px solid #1a1a1a;
        width: inherit;
        max-width: inherit;
        margin-left: -15px;
        margin-right: -15px;
    }

    .body-info-map-gen {
        flex-wrap: wrap;
    }

    .body-info-map-gen .box-phone-head,
    .body-info-map-gen .box-time-work {
        width: 100%;
        text-align: left;
    }

    .body-info-map-gen .box-time-work {
        margin: 15px 0 0;
    }

    .box-information-map-gen,
    #map-block-general {
        min-height: 100%;
    }

    .box-information-map-gen {
        padding: 0 0 40px;
        box-shadow: none;
        border-bottom: none;
    }

    .map-mobile {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }

    #footer:after {
        background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x left top;
        height: 10px;
        top: -10px;
    }

    #footer {
        padding: 25px 0 0;
    }

    .wrap-contacts-foot-top {
        justify-content: center;
    }

    .box-call-footer-hover {
        width: 100%;
        max-width: 260px;
        margin: 20px 0 0;
    }

    .wrap-footer-top .btn-container {
        width: 100%;
    }

    .btn-container-cyber {
        padding: 25px 0 50px;
    }

    .wrap-footer-top {
        border-top: none;
    }

    .col-nav-foot {
        width: 100%;
        text-align: center;
    }

    .wrap-links-footer a {
        display: inline-block;
        vertical-align: middle;
    }

    .wrap-links-footer a span {
        display: inline-block;
        vertical-align: middle;
        width: inherit;
    }

    .wrap-links-footer a img,
    .wrap-links-footer a svg {
        margin: 0 6px 0 0;
        display: inline-block;
        vertical-align: middle;
    }

    .mobile-col-no-margin {
        margin: 0;
    }

    .mobile-col-no-margin p.title-foot-nav {
        display: none;
    }

    .col-nav-null {
        margin: 0;
    }

    .wrap-footer-center {
        padding: 1px 0 30px;
    }

    .inner-footer-warn {
        flex-direction: column-reverse;
        padding: 1px 0;
    }

    .box-logo-foot-copyright {
        width: 100%;
        margin: 20px 0 0;
    }

    .box-logo-foot-copyright img {
        margin: 0 auto;
    }

    .box-info-copyright-foot {
        border: none;
        padding: 40px 0;
    }

    .box-info-copyright-foot p {
        padding: 0;
    }

    .links-footer-bottom-socials,
    .box-logo-company-foot {
        flex-direction: column;
    }

    .links-footer-bottom-socials span {
        margin: 0;
        padding: 0 0 20px;
    }

    .box-logo-company-foot p {
        text-align: center;
        margin: 10px 0 0;
    }

    .box-logo-company-foot {
        margin: 0 auto 0;
    }

    .address-map-gen {
        padding: 10px 15px 0;
    }

    .body-info-map-gen {
        margin: 0 15px;
    }

    .footer-action-calc-animat {
        margin-right: -15px;
    }

    .box-slide-cont-gen .btn-container {
        padding: 10px 0 0;
    }

    .head-info-map-gen {
        padding: 62px 15px 17px;
    }

    .title-pluse,
    .text-pluse {
        text-align: center;
    }

    .box-pluse-gen {
        width: 100%;
    }

    #pluses-general .owl-carousel .owl-stage {
        margin-left: -60px;
    }

    .arcticmodal-container_i2 {
        padding: 72px 0 0 !important;
    }

    .a-modal,
    .b-modal {
        width: 100%;
        max-width: 100%;
        height: 100%;
        padding: 45px 15px 150px;
        border-top: 1px solid #efc36e;
        margin: 0;
        background: #1a1a1a url(../img/bg-nav-mobile.svg) no-repeat center;
    }

    .a-modal .title-form-gen,
    .a-modal .descript-form-gen,
    .wr-hidden .checkbox + label,
    .title-form-gen,
    .descript-form-gen {
        color: #fff;
    }

    .arcticmodal-close {
        width: 24px;
        height: 24px;
        background: #1a1a1a url(../img/burger-close.svg) no-repeat center;
        position: fixed;
        top: 26px;
        right: 15px;
        z-index: 9999;
        cursor: pointer;
    }

    #modalbox-thank.a-modal .arcticmodal-close,
    #modalbox-thank-vakancy.a-modal .arcticmodal-close {
        right: 15px;
    }

    #modalbox-thank.a-modal,
    #modalbox-thank-vakancy.a-modal {
        display: flex;
        align-items: center;
        padding: 30px 25px 115px;
    }

    #modalbox-thank.a-modal .inner-title-h2,
    #modalbox-thank-vakancy.a-modal .inner-title-h2 {
        margin: 0;
    }

    .wr-hidden .new-select,
    .wr-hidden input[type="text"],
    .wr-hidden input[type="tel"],
    .wr-hidden input[type="email"] {
        color: #fff;
        background: url(../img/border-bottom-input.svg) no-repeat left bottom;
    }

    .wr-hidden .checkbox:not(checked) + label:before {
        background: transparent;
        border: 1px solid #fff;
    }

    .wr-hidden .checkbox:not(checked) + label:after {
        background: #fff;
    }

    .a-modal .select,
    .b-modal .select {
        margin: 0 auto;
    }

    .a-modal .btn-gen-two-long {
        background: url(../img/buttons/btn-gen-long-static.svg) no-repeat center;
        color: #1a1a1a;
    }

    .a-modal .btn-gen-two-long:after {
        background: url(../img/buttons/btn-gen-long-hover.svg) no-repeat center;
    }

    .a-modal .btn-gen-two-long:hover:after {
        opacity: 1;
    }

    .wr-hidden .btn-container {
        position: absolute;
        bottom: 0;
        right: 0;
        text-align: center;
        padding: 25px 0;
        left: 0;
        border-top: 1px solid #efc36e;
    }

    .b-modal .wr-hidden .btn-container {
        background: #1a1a1a;
        position: fixed;
    }

    .b-modal .wr-hidden .btn-container:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        background: url(../img/shadow-modal.png) no-repeat center;
        height: 46px;
        top: -47px;
    }

    .a-modal:after,
    .b-modal:after {
        display: none;
    }

    .wr-hidden .ui-state-default,
    .wr-hidden .ui-widget-content .ui-state-default {
        background: url(../img/icons/icon-rang-left.svg) no-repeat center;
    }

    .wr-hidden .ui-widget-header {
        background: #2f2f30;
    }

    .wr-hidden .row-inputs-calc div {
        width: 100%;
    }

    .wr-hidden .slider-sum-calc {
        padding: 50px 20px 8px 0;
    }

    .b-modal .btn-gen-two-long {
        max-width: 160px;
        height: 40px;
        background: url(../img/buttons/btn-gen-small-static.svg) no-repeat
            center;
    }

    .btn-gen-two-long:after {
        width: 160px;
        background: url(../img/buttons/btn-gen-small-hover.svg) no-repeat center;
    }

    .b-modal .file-upload .file-upload-select-modal {
        width: 160px;
        background: url(../img/buttons/btn-action-small-static.svg) no-repeat
            center;
        color: #fff;
    }

    .arcticmodal-overlay {
        background: transparent !important;
    }

    #scheme-work .swiper {
        pointer-events: none;
    }

    .box-image-title-scheme,
    .num-slide-scheme {
        display: none;
    }

    .box-list-scheme {
        width: inherit;
        padding: 0 0 0 30px;
    }

    #scheme-work
        .swiper-pagination
        .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: transparent;
        border-color: transparent;
        opacity: 1;
    }

    #scheme-work .swiper-pagination {
        top: 0;
        left: -20px;
    }

    #scheme-work .swiper-pagination span:first-child {
        width: 34px;
        height: 140px;
        background: url(../img/title-scheme-1.svg) no-repeat center !important;
        background-size: 100% 100% !important;
        border: none;
        opacity: 0.5;
    }

    #scheme-work .swiper-pagination span:nth-child(2) {
        width: 34px;
        height: 150px;
        background: url(../img/title-scheme-2.svg) no-repeat center !important;
        background-size: 100% 100% !important;
        border: none;
        opacity: 0.5;
    }

    #scheme-work .swiper-pagination span:last-child {
        width: 34px;
        height: 124px;
        background: url(../img/title-scheme-3.svg) no-repeat center !important;
        background-size: 100% 100% !important;
        border: none;
        opacity: 0.5;
    }

    .inner-slider-scheme {
        padding: 0 0 0 10px;
    }

    .box-list-scheme ul:after {
        left: -15px;
        bottom: 41px;
    }

    .box-list-scheme li:after {
        left: -19px;
        top: 10px;
    }

    .box-list-scheme li:last-child:before {
        left: -15px;
        height: 35px;
        top: -20px;
    }

    .box-list-scheme p {
        font-size: 15px;
    }

    .box-list-scheme li {
        margin: 10px 0 0;
    }

    #nav ul.top-menu > li > a:hover {
        background: transparent;
    }

    #nav ul.top-menu > li > a:hover:before {
        opacity: 0;
    }

    .wr-hidden .new-select:after {
        background: url(../img/icons/arrow-select.svg) no-repeat right center /
            cover;
    }

    .box-logo-foot-copyright a {
        max-width: 160px;
        margin: 0 auto;
        display: block;
    }

    #header:after {
        bottom: -9px;
    }

    /*------INNER PAGES-------*/
    .box-manager-contacts {
        position: static;
        margin: 30px 0 0;
        max-width: 328px;
    }

    .box-info-gen-cont-contacts {
        width: 100%;
    }

    .wrap-contacts-gen-content,
    .wrap-contacts-gen-content.wrap-inner-content-long-padd,
    .first-block-services .wrap-contacts-gen-content {
        padding: 0 15px 50px;
    }

    .wrap-photo-manager-contacts {
        max-width: 328px;
    }

    .wrap-slider-address-photo,
    .wrap-reasons-career {
        width: 480px;
    }

    /* body.body-inner-pages #map-block-general {
		padding: 0;
	} */
    .image-address-photo img {
        max-width: 100%;
        width: 100%;
    }

    .about-us-page .wrap-contacts-gen-content {
        padding: 0 15px;
    }

    .about-us-page h1 {
        font-size: 40px;
    }

    .box-maskot-fox img {
        max-width: 100%;
    }

    .box-text-cont-about-gen {
        padding: 0;
    }

    .box-sub-content-about {
        margin-top: -200px;
    }

    .box-text-cont-about-gen:before {
        content: "";
        position: absolute;
        left: -15px;
        top: -52px;
        bottom: -52px;
        background: #fff;
        width: 1px;
    }

    .wrap-who-are-we {
        padding: 20px 15px 0 0;
    }

    #who-are-we .container:after,
    #our-goals-and-mission:after {
        display: none;
    }

    #who-are-we .header-scheme-work-amin {
        margin-left: -15px;
    }

    .content-who-are-we {
        padding: 30px 0 0 7px;
    }

    .title-who-are-we span {
        margin: 0 0 0 7px;
    }

    .content-who-are-we p:before {
        left: -11px;
    }

    .content-who-are-we p:after {
        left: -15px;
    }

    .wrap-photos-inner-office {
        padding: 35px 0 0;
        margin-left: -15px;
        margin-right: -15px;
    }

    .box-img-inner-office {
        width: 33.333333%;
    }

    .box-img-inner-office img {
        max-width: 100%;
    }

    .inner-title-h2,
    #factors-services-two .inner-title-h2 {
        text-align: left;
        background-position: left bottom;
        font-size: 26px;
        margin: 0 0 0 15px;
    }

    #our-goals-and-mission p {
        text-align: left;
    }

    .wrap-history-about-top {
        padding: 60px 0 0;
    }

    .title-history {
        padding: 0 0 33px 0;
        margin: 0 0 0 15px;
        border: none;
        font-size: 25px;
        background: url(../img/icons/line-h2.svg) no-repeat left bottom;
    }

    #reasons-service-two .title-history {
        background: url(../img/icons/line-h2.svg) no-repeat left bottom;
    }

    .box-image-list-to-order.image-block-mobile-yes {
        display: block;
    }

    .title-fact-slide-two {
        min-height: 140px;
    }

    .slide-e-commerce.slide-e-long,
    .slide-e-commerce,
    .col-stat-serv-e-comm {
        width: 100%;
    }

    .wrap-statistic-serv-e-comm {
        padding: 0 0 30px;
    }

    .block-info-serv-featured-blue .title-history {
        background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
    }

    .wrap-list-info-serv-featured-two.list-info-serv-two-variant {
        padding: 15px 0 15px 15px;
    }

    .wrap-info-services-page-feat.no-padding-bottom {
        padding: 50px 0 0;
    }

    .box-title-history p {
        margin: 25px 0 0 15px;
    }

    .box-image-history-one {
        margin: 30px -15px 0 -15px;
        width: inherit;
        z-index: 10;
        position: relative;
    }

    .box-content-history {
        width: inherit;
        margin: 0 -15px 0 -15px;
        padding: 0 15px 50px;
    }

    .box-image-history-two {
        width: inherit;
        margin: 0 -15px 0 -15px;
    }

    .wrap-slider-about {
        padding: 0 0 100px;
    }

    .wrap-slider-about img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #photo-slider-about {
        overflow: hidden;
    }

    #photo-slider-about .container {
        margin-right: -15px;
    }

    .wrap-event-date {
        flex-direction: column;
    }

    .box-event-date {
        width: 100%;
    }

    .wrap-image-honors {
        height: 400px;
    }

    .slider-honors,
    .slider-honors .item {
        margin: 0;
    }

    .wrap-breadcrumb-housetech {
        padding: 46px 5px 13px 15px;
    }

    .first-block-single h1 {
        font-size: 42px;
    }

    .first-block-single .wrap-contacts-gen-content {
        padding: 0 15px 80px;
    }

    .sharing-socials-single,
    #call-to-action-blog-inner-page .container:after,
    #call-to-action-blog-inner-page .container:before {
        display: none;
    }

    .wrap-single-content {
        padding: 0 0 0 15px;
    }

    .box-info-single-bottom {
        flex-direction: column;
    }

    .box-info-author,
    .box-info-single-bottom .btn-container {
        width: 100%;
    }

    .box-info-single-bottom .btn-container {
        text-align: center;
        padding: 45px 0 0;
    }

    .box-info-author {
        max-width: 290px;
        margin: 0 auto;
    }

    .box-blog-inner-prev,
    .box-content-info-serv-page,
    .box-anim-serv-page,
    .box-icon-what-serv {
        width: 100%;
    }

    .title-call-action-blog-inner {
        border: none;
        padding: 0 0 29px;
        background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
        margin: 0 0 0 15px;
        font-size: 28px;
    }

    .wrap-call-blog-inner-page .btn-container {
        text-align: center;
    }

    .desctipt-call-action-blog-inner {
        margin: 30px 0 0 15px;
    }

    .first-block-services h1 {
        font-size: 42px;
    }

    .wrap-info-services-page {
        flex-direction: column;
        padding: 70px 0 50px;
    }

    .box-content-info-serv-page p {
        margin: 25px 0 0 15px;
    }

    #block-info-services h2 {
        padding: 0 0 25px;
        margin: 0 0 0 15px;
        background: url(../img/icons/line-h2.svg) no-repeat left bottom;
    }

    .box-anim-serv-page {
        padding: 30px 0 0;
    }

    .wrap-what-serv {
        flex-direction: column;
        padding: 0 0 50px;
    }

    .box-info-what-content-serv {
        width: 100%;
        padding: 40px 0 0 15px;
    }

    .box-icon-what-serv {
        margin: 0 0 0 5px;
    }

    .box-info-what-content-serv ul {
        padding: 0 0 0 20px;
    }

    .box-info-what-content-serv li:after {
        left: -17px;
    }

    .box-info-what-content-serv li:before {
        left: -21px;
    }

    .wrap-steps-services {
        padding: 50px 0;
    }

    .our-awards__title.color__white {
        background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
        padding: 0 0 25px;
        margin: 0 0 0 15px;
        font-size: 26px;
    }

    .num-step-serv {
        width: 40px;
    }

    .num-step-serv span {
        padding: 0 0 0 8px;
    }

    .wrap-steps-services ul {
        padding: 15px 0 0;
    }

    .wrap-steps-services li {
        padding: 0 0 0 55px;
    }

    body.body-pages-services #call-action-calculator h2,
    #call-action-calculator.calc-title-serv h2 {
        font-size: 24px;
    }

    body.body-pages-services .inner-title-h2 {
        font-size: 24px;
    }

    .wrap-call-action-services p {
        text-align: left;
        margin: 25px 0 0 15px;
    }

    .wrap-call-action-services {
        padding: 20px 0;
    }

    .first-block-single .breadcrumb-housetech li:nth-child(2) a,
    .first-block-services .breadcrumb-housetech li:nth-child(2) a {
        font-size: 0;
        position: relative;
        display: inline-block;
    }

    .first-block-single .breadcrumb-housetech li:nth-child(2) a:after,
    .first-block-services .breadcrumb-housetech li:nth-child(2) a:after {
        content: "...";
        font-size: 16px !important;
    }

    .inner-single-cont {
        width: 100%;
    }

    .wrap-blog-info-single {
        padding: 30px 0 0 15px;
    }

    .body-pages-portfolio .parallax-lines-blocks {
        margin: 0;
    }

    .col-reas-portf {
        width: 48%;
    }

    .wrap-all-portfolio {
        padding: 25px 0 60px;
        flex-direction: column;
    }

    .col-filter-cat,
    .col-filter-port {
        width: 100%;
    }

    .col-filter-cat {
        position: relative;
        height: 116px;
        margin-top: -60px;
    }

    #box-sticky-cat {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .btn-open-mobile-cat {
        position: absolute;
        cursor: pointer;
        top: 55px;
        left: 0;
        right: 0;
        height: 80px;
        z-index: 3;
    }

    .btn-open-mobile-cat:after {
        content: "";
        position: absolute;
        height: 8px;
        background: #1a1a1a;
        top: 17px;
        left: 1px;
        right: 0;
    }

    .title-portfolio-block {
        border: none;
        padding: 78px 0 0 15px;
        position: relative;
        z-index: 2;
    }

    .icon-sel-cat-portf {
        left: auto;
        right: 15px;
        width: 48px;
        padding: 9px 0 0 8px;
    }

    .sel-cat-portf {
        justify-content: flex-end;
    }

    .name-cat-portf {
        padding: 0 100px 0 0;
    }

    .filter-menu {
        margin: 0;
        position: absolute;
        padding: 62px 0 0;
        top: 80px;
        right: -15px;
        left: 1px;
        z-index: 1;
        background: #1a1a1a;
        height: 0;
        overflow: hidden;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .filter-menu li {
        position: relative;
        z-index: 2;
    }

    .filter-menu li.current {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .filter-menu li.current .name-cat-portf {
        text-transform: none;
        text-align: left;
        color: rgba(255, 255, 255, 0.56);
        padding: 35px 0 0 15px;
        font-weight: normal;
    }

    .filter-menu li.current .sel-cat-portf {
        justify-content: flex-start;
    }

    .col-filter-port {
        padding: 48px 0 0;
    }

    .filter-menu.active-menu-port {
        height: auto;
    }

    .btn-container-open-all-progects {
        text-align: center;
        padding: 35px 0 0;
    }

    .wrap-slider-port-page {
        width: 570px;
    }

    .wrap-body-portfolio-spo {
        flex-direction: column;
    }

    .col-inner-body-content,
    .col-images-portf-inner {
        width: 100%;
    }

    .footer-portfolio-inner {
        flex-wrap: wrap;
        padding: 1px 0 15px 15px;
    }

    .box-foot-port-inner {
        width: 49%;
        margin: 14px 0 0;
    }

    .info-foot-portf {
        padding: 0 0 0 50px;
    }

    .info-foot-portf {
        font-size: 13px;
    }

    .head-image-prev-blog-inner span {
        background: transparent;
    }

    .filter-menu li:last-child {
        padding: 0 0 16px;
    }

    .title-portfolio-block {
        display: none;
    }

    .title-portfolio-block.tit-port-mob {
        display: block !important;
    }

    #box-sticky-cat {
        height: inherit !important;
    }

    #box-sticky-cat .sticky {
        position: fixed !important;
    }

    #box-sticky-cat .stop {
        top: auto !important;
    }

    .box-number-serv-sect,
    .wrap-list-serv-sect .text-case-gen,
    .first-block-services.bg-first-services-general
        .breadcrumb-housetech
        li:nth-child(2)
        a:after {
        display: none;
    }

    .box-title-serv-sect {
        width: 100%;
    }

    .wrap-title-serv-sect {
        padding: 0 0 0 15px;
    }

    .content-section-services:first-child {
        padding: 60px 0 0;
    }

    .title-serv-section {
        font-size: 36px;
        letter-spacing: -1px;
        min-height: auto;
    }

    .wrap-list-serv-sect .box-list-cases ul {
        padding: 30px 0 0;
        margin-right: -14px;
    }

    .wrap-list-serv-sect .box-list-cases li a:hover {
        background: inherit;
    }

    .wrap-list-serv-sect .box-list-cases li a:hover .title-case-gen {
        color: #1a1a1a;
    }

    .wrap-list-serv-sect .body-case-gen {
        padding: 0 5px 0 75px;
    }

    .footer-services-animat {
        margin-right: -15px;
    }

    .first-block-services.bg-first-services-general
        .breadcrumb-housetech
        li:nth-child(2)
        a {
        font-size: inherit;
    }

    .type-work-vacanse {
        position: relative;
    }

    .type-work-vacanse:after {
        content: "/";
        position: absolute;
        color: #efc36e;
        top: 5px;
        left: -12px;
    }

    .wrap-box-list-vac .spoiler-body {
        padding: 1px 10px 15px;
    }

    .col-cart-list-vac p {
        padding: 20px 0 0;
    }

    #reasons-career .wrap-reasons-career,
    #reasons-career .owl-carousel,
    #reasons-career .owl-dots,
    .slider-photo-address-career .wrap-address-slider-block,
    .slider-photo-address-career .owl-carousel,
    .slider-photo-address-career .owl-carousel .owl-stage-outer {
        position: static;
    }

    #address-photo-slider-contacts.slider-photo-address-career .owl-dots:after {
        top: auto;
        bottom: 19px;
        right: 15px;
    }

    #reasons-career .owl-dots:after {
        top: auto;
        bottom: 89px;
        right: 15px;
    }

    .slider-photo-address-career .owl-dots {
        border-top: 1px solid #1a1a1a;
        border-bottom: 1px solid #1a1a1a;
        position: static !important;
    }

    .wrap-call-action-resume {
        flex-direction: column;
    }

    .box-info-resume,
    .box-form-resume {
        width: 100%;
    }

    .content-info-resume:after {
        left: 1px;
    }

    .photo-hr-ht {
        width: 90px;
    }

    .inner-photo-hr-ht:before,
    .inner-photo-hr-ht:after {
        width: 90px;
        height: 90px;
    }

    .inner-photo-hr-ht img {
        max-width: 100%;
    }

    #address-photo-slider-contacts.slider-photo-address-career {
        position: relative;
        z-index: 4;
    }

    /*----------------------
		stub
	----------------------*/
    .wrap-page-stub:after {
        height: 10px;
        background: url(../img/bg/Cyber_block_mask_new.svg) repeat-x center;
    }

    .wrap-page-stub:before {
        height: 10px;
        background: url(../img/bg/Cyber_block_mask_bottom.svg) repeat-x center;
    }

    .box-content-stub .title-stub {
        text-align: left;
        background-position: left bottom;
        margin: 0 15px;
    }

    .text-stub,
    .box-social-links-stub {
        text-align: left;
    }

    .wrap-page-stub .container:after,
    .wrap-page-stub .universal_section_left_line,
    body.page-404 .wrap-page-stub .universal_section_right_line,
    body.page-404 .wrap-page-stub .container:before {
        display: none;
    }

    .wrap-page-stub .container:before,
    body.page-404 .wrap-page-stub .container:after,
    body.page-404 .wrap-page-stub .universal_section_left_line {
        display: block;
    }

    body.page-404 .box-content-stub .title-stub {
        font-size: 36px;
        background-position: left bottom;
    }

    .wrap-page-stub .universal_section_right_line {
        right: 2px;
    }

    body.page-404 .btn-gen-two-long {
        max-width: 255px;
        background: url(../img/buttons/btn-gen-two-middle-static.svg) no-repeat
            center;
    }

    body.page-404 .btn-gen-two-long:after {
        width: 255px;
        background: url(../img/buttons/btn-gen-two-middle-hover.svg) no-repeat
            center;
    }

    .box-logo-stub {
        width: inherit;
        min-width: inherit;
    }

    .box-social-links-stub {
        padding: 10px 15px 0;
    }

    .inner-social-link-stub {
        margin: 30px 0 0 -5px;
    }

    .header-list-vacanse {
        display: none;
    }

    .wrap-box-list-vac .spoiler-head .status-vacanse,
    .col-cart-list-vac {
        width: 100%;
    }

    .wrap-box-list-vac .spoiler-head .local-vacanse,
    .wrap-box-list-vac .spoiler-head .type-work-vacanse {
        font-size: 14px;
        text-transform: none;
        color: rgba(26, 26, 26, 0.56);
    }

    .wrap-box-list-vac .spoiler-head .local-vacanse,
    .wrap-box-list-vac .spoiler-head .type-work-vacanse {
        text-align: left;
        width: inherit;
        padding: 5px 0 0;
    }

    #reasons-career .container {
        padding: 0 0 0 15px;
    }

    .wrap-box-list-vac .spoiler-head {
        padding: 10px 45px 10px 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #list-vacanse .container {
        padding: 0 0 0 15px;
    }

    .inner-cart-list-vacanse {
        flex-direction: column;
    }

    .type-work-vacanse {
        margin: 0 0 0 20px;
    }

    .wrap-slider-calc {
        padding: 15px;
    }

    #box-calculator-price .owl-dot {
        margin: 0 30px 0 0;
    }

    .group-list-checks li {
        width: 100%;
    }

    #box-calculator-price .owl-nav {
        display: flex;
        flex-direction: column;
        right: 0;
        bottom: 0;
        text-align: center;
        align-items: center;
    }

    #box-calculator-price .item {
        padding: 0 0 120px;
    }

    #box-calculator-price .owl-next {
        right: auto;
        margin: 16px 0 0;
    }

    #box-calculator-price .owl-prev.disabled {
        display: none;
    }

    .title-quiz-calc {
        font-size: 18px;
        min-height: 70px;
    }

    #box-calculator-price .owl-dots {
        top: 75px;
    }

    #box-calculator-price .btn-container {
        position: static;
        width: 100%;
        text-align: center;
        padding: 30px 0 0;
    }

    #box-calculator-price .owl-item:last-child .item {
        padding: 0 0 50px;
    }

    .first-block-services.featured-services h1 {
        font-size: 36px;
    }

    .first-block-services.featured-services .wrap-contacts-gen-content {
        padding: 0 0 70px 15px;
    }

    .box-titles-inner-pages-feat-serv .btn-container {
        text-align: center;
    }

    .wrap-info-services-page-feat {
        padding: 70px 0;
    }

    .title-serv-info-blue {
        margin: 20px 0 0 15px;
    }

    #list-to-order-service.list-to-order-bg-blue .title-serv-info-blue {
        display: block;
    }

    .image-list-info-serv-feat {
        margin: 0;
    }

    .col-info-serv-featured-left,
    .col-info-serv-featured-right {
        width: 100%;
    }

    .box-info-serv-feat {
        padding: 35px 0 0;
    }

    .wrap-list-info-serv-featured {
        padding: 25px 0 15px 15px;
    }

    .wrap-list-to-order-title p,
    .wrap-list-to-order-bottom p {
        margin: 25px 0 0 15px;
    }

    #factors-services .wrap-list-to-order-bottom p {
        margin: 25px 15px 0 15px;
    }

    .wrap-list-steps-to-order {
        padding: 0 0 0 15px;
    }

    .box-steps-to-order li span {
        font-size: 16px;
    }

    .box-image-list-to-order {
        display: none;
    }

    .box-content-call-calc {
        padding: 40px 0 0 15px;
    }

    #call-action-calculator-black .box-content-call-calc {
        padding: 40px 0 0 0;
    }

    .wrap-list-to-order-title {
        padding: 50px 0 0;
    }

    .num-statistic-serv {
        font-size: 50px;
    }

    .num-statistic-serv span {
        top: 3px;
        right: -25px;
    }

    .text-statistic-serv {
        padding: 14px 15px;
        min-height: 70px;
    }

    #factors-services h2 {
        margin: 0;
    }

    .inner-info-factor-serv {
        padding: 10px 0 50px 15px;
    }

    .inner-info-factor-serv p {
        margin: 25px 0 0;
    }

    .descript-steps-serv {
        margin: 20px 0 0 15px;
    }

    .wrap-steps-prices .box-image-calculat {
        padding: 50px 0 0;
    }

    .ps-citate-step-price {
        padding: 0 0 0 20px;
    }

    .inner-image-calc.inner-image-clock-serv {
        padding: 0 0 0 15px;
    }

    .first-block-services.featured-services {
        background-position: 20% center;
    }

    /* .block-image-serv-featur img:last-child {
		display: block;
	} */
    .block-image-serv-featur img:nth-child(2n) {
        display: block;
    }

    .block-image-serv-featur img:first-child,
    #block-info-services.block-info-services-inversive h2:after {
        display: none;
    }

    .first-block-services.bg-first-3d-animation .box-image-gen-serv-featur img {
        margin: 5px auto 0;
    }

    .first-block-services.bg-first-3d-animation
        .content-inner-pages-start
        .container {
        padding: 0;
    }

    .first-block-services.bg-first-3d-animation .wrap-contacts-gen-content {
        padding: 0 0 70px;
    }

    .first-block-services.bg-first-3d-animation
        .box-titles-inner-pages-feat-serv {
        padding: 0 15px;
    }

    .box-list-info-serv-two,
    .two-column-list-serv-feat .box-list-info-serv-two {
        width: 100%;
    }

    .wrap-list-info-serv-featured-two.two-column-list-serv-feat {
        padding: 20px 15px 24px;
    }

    .wrap-list-info-serv-featured-two {
        padding: 20px 25px 24px;
    }

    .box-info-serv-development h2 {
        font-size: 24px;
        padding: 0 0 24px;
    }

    .box-info-serv-development {
        padding: 50px 0 0 15px;
    }

    .box-image-serv-development {
        padding: 30px 0 0 1px;
    }

    .box-factor-slide {
        width: 100%;
    }

    #factors-services .owl-dots,
    #factors-services-two .owl-dots {
        border-top: 1px solid #fff;
        border-bottom: 2px solid #fff;
        position: relative;
        padding: 17px 0;
        display: flex;
    }

    #factors-services .owl-dots:after,
    #factors-services-two .owl-dots:after {
        content: "";
        position: absolute;
        width: 48px;
        height: 6px;
        background: url(../img/HOUSE-TECH-white.svg) no-repeat center;
        top: 50%;
        margin-top: -3px;
        right: 20px;
    }

    #factors-services .owl-dot,
    #factors-services-two .owl-dot {
        width: 20px;
        height: 4px;
        border: 1px solid #fff;
        background: transparent;
        margin: 0 7px 0 0;
    }

    #factors-services .owl-dot.active,
    #factors-services-two .owl-dot.active {
        background: #fff;
    }

    #factors-services .container,
    #reasons-services-ios .container {
        padding: 0 0 0 15px;
    }

    .descript-factors-serv {
        margin: 15px 15px 0;
        padding: 0;
    }

    #call-action-calculator.block-long-padding-bottom .wrap-call-action-calc {
        padding: 47px 0 75px;
    }

    .box-info-cases-serv-feat p {
        margin: 25px 15px 0;
    }

    .wrap-cases-serv-feat-bottom,
    .wrap-list-info-serv-featured-three-top,
    .wrap-list-info-serv-featured-three-bottom {
        flex-wrap: wrap;
    }

    .box-animat-serv-cases,
    .box-info-serv-three,
    .box-animat-serv-cases-long {
        width: 100%;
    }

    #block-info-services.block-info-services-inversive h2 {
        padding: 0 0 25px;
        margin: 0 0 0 15px;
        background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
    }

    .box-info-serv-three img:first-child {
        margin: 35px 0 0;
    }

    .wrap-list-info-serv-featured-three-top,
    .wrap-list-info-serv-featured-three-bottom {
        padding: 0;
    }

    .wrap-animation-list-info-serv {
        height: 189px;
        padding: 0 1px;
        margin: 20px 0 0;
    }

    .wrap-animation-list-info-serv img,
    .box-animat-serv-cases-long img {
        max-width: inherit;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .box-animat-serv-cases-long {
        height: 370px;
    }

    .first-block-services.bg-first-vfx-design .box-image-gen-serv-featur img {
        margin: 5px auto 0;
    }

    .first-block-services.featured-services.bg-first-vfx-design
        .wrap-contacts-gen-content {
        padding: 0 0 10px 15px;
    }

    #block-info-services-black h2 {
        background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
        padding: 0 0 33px 0;
        margin: 0 0 0 15px;
    }

    #block-info-services-black .wrap-list-info-serv-featured-two {
        padding: 20px 25px 1px;
    }

    .wrap-steps-services .box-steps-to-order ul {
        padding: 5px 0 0 15px;
    }

    .wrap-steps-services .box-steps-to-order li {
        padding: 48px 0 0;
    }

    .descript-classific-des {
        text-align: left;
        margin: 15px 0 0 15px;
        font-size: 16px;
    }

    #classification-design-slider .owl-dots {
        right: -15px;
        justify-content: flex-start;
    }

    #classification-design-slider .owl-dot {
        width: 15px;
        margin: 0 7px 0 0;
    }

    #classification-design-slider .owl-dot.active {
        width: 30px;
    }

    #classification-design-slider .owl-dots:after {
        content: "";
        position: absolute;
        width: 48px;
        height: 6px;
        background: url(../img/HOUSE-TECH-white.svg) no-repeat center;
        top: 50%;
        margin-top: -3px;
        right: 20px;
    }

    .box-content-classific-des p {
        font-size: 16px;
    }

    .image-decore-slide-slassific:after {
        width: 120px;
    }

    .num-slider-classific {
        font-size: 200px;
        bottom: 0;
    }

    .inner-content-classific-des {
        padding: 15px 0 25px 15px;
    }

    .box-content-classific-des {
        clip-path: none;
    }

    #factors-services.container-padding-yes .container {
        padding: 0 15px;
    }

    .box-image-serv-decore-feat.image-decore-cases-ui-ux
        .inner-image-decore-case-feat {
        padding: 0 25px 0 0;
    }

    #steps-services .wrap-steps-services.long-bottom-padding-block {
        padding: 30px 0 50px;
    }

    .box-animat-serv-cases img {
        margin: 0 auto;
    }

    #cases-services-featured .container:after {
        display: none;
    }

    .wrap-info-services-page-feat-ui-ux .box-list-info-serv-two:last-child {
        margin: 0;
    }

    .first-block-services.bg-first-pc-app .box-image-gen-serv-featur img {
        margin: 5px auto 0;
    }

    .lb-nav a.lb-next,
    .lb-nav a.lb-prev {
        opacity: 1 !important;
    }

    .wrap-previews-media .btn-container {
        text-align: center;
        padding: 50px 5px 0;
    }

    .wrap-list-info-serv-crypto-games .col-info-serv-featured-left,
    .wrap-list-info-serv-crypto-games .col-info-serv-featured-right {
        width: 100%;
    }

    .wrap-little-cases-crypto-games {
        margin-right: -15px;
        padding: 44px 0 10px;
    }

    .box-cases-crypt-g,
    .wrap-form-breef .box-form-resume {
        width: 100%;
    }

    .box-cases-crypt-g:nth-child(2) {
        order: 1;
    }

    .box-cases-crypt-g:first-child {
        order: 1;
        width: 50%;
    }

    .box-cases-crypt-g:last-child {
        width: 50%;
    }

    .box-title-slider-e-comm {
        padding: 58px 15px 0 0;
    }

    #factors-services .wrap-serv-development {
        flex-direction: column;
        padding: 0 15px 50px;
    }

    #services-development.long-padding-block .box-info-serv-development {
        padding: 0;
    }

    .breadcrumb-housetech li:last-child {
        flex: 1;
        min-width: 0;
    }

    .breadcrumb-housetech li:last-child span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .breadcrumb-housetech li:nth-child(n + 2):nth-last-child(n + 2) a {
        display: inline-block;
        width: 16px;
        text-indent: -999px;
        overflow: hidden;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><text y="15" font-size="18" style="opacity:.5; transform: translateY(2px);">...</text></svg>');
        background-repeat: no-repeat;
    }

    .breadcrumb-housetech li {
        font-size: 15px;
    }

    #list-to-order-service.padding-top-long-long .wrap-list-to-order-title {
        padding: 30px 0 0;
    }

    .bg-browser-game .box-image-gen-serv-featur img {
        margin: 5px auto 0;
    }

    .slider-list-e-commerce.slider-list-masonry
        .slide-e-commerce.slide-height-long,
    .slider-list-e-commerce.slider-list-masonry .slide-e-commerce {
        height: 450px;
        width: 100% !important;
        padding: 25px 15px 50px;
    }

    .lines-animat-cases-top,
    .lines-animat-cases-bottom {
        margin-left: -15px;
        margin-right: -15px;
        position: relative;
        z-index: 9;
    }

    .block-serv-inner-standart.block-serv-standart-ios-app
        .box-info-serv-development {
        padding: 20px 15px 0;
    }

    .first-block-services.featured-services.bg-ios-app
        .wrap-contacts-gen-content,
    .first-block-services.featured-services.bg-android-app
        .wrap-contacts-gen-content {
        padding: 0 25px 80px;
    }

    .block-serv-inner-standart.block-serv-standart-ios-app
        .box-image-serv-development {
        padding: 15px 0 0 1px;
    }

    #reasons-services-ios h2.title-line-blue {
        font-size: 24px;
        text-align: left;
        background-position: left bottom;
        margin: 0 15px;
    }

    #reasons-services-ios .slider-services-factor {
        z-index: 11;
    }

    #statistic-services.no-lines-container .container:after {
        display: block;
    }

    #cases-services-featured.pdng-img-serv
        .box-image-serv-decore-feat.image-decore-cases-ui-ux
        .inner-image-decore-case-feat {
        padding: 0 25px 25px 0;
    }

    #cases-services-featured.pdng-img-serv
        .box-info-cases-serv-feat.middle-padding-cases-content {
        padding: 60px 0 25px;
    }

    #reasons-services-ios .descript-factors-serv {
        text-align: left;
        margin: 15px 0 0;
    }

    #reasons-services-ios .box-ps-text-factor-serv {
        text-align: left;
    }

    .list-brand-ident li {
        padding: 0 0 0 35px;
    }

    #block-info-goal-audit {
        background: #1a1a1a;
    }

    .wrap-info-goal-audit {
        max-width: 100%;
    }

    #block-info-goal-audit .container:after {
        display: none;
    }

    .wrap-info-goal-audit img {
        display: block;
        max-width: 100%;
        margin: 0 0 15px;
    }

    .wrap-info-goal-audit {
        padding: 20px 0 50px;
    }

    .wrap-info-goal-audit p {
        margin: 25px 0 0 15px;
    }

    .lines-left-right-white {
        margin-left: -15px;
        border-left: none;
        border-right: none;
    }

    .wrap-form-breef .wrap-call-action-resume {
        flex-direction: column-reverse;
    }

    .wrap-form-breef .box-form-resume .btn-container {
        text-align: center;
    }

    .wrap-serv-development-inverse {
        flex-direction: column;
        padding: 0 0 0 15px;
    }

    .wrap-serv-development-inverse .box-info-serv-development,
    .wrap-serv-development-inverse .box-image-serv-development {
        width: 100%;
    }

    .wrap-serv-development-inverse .box-image-serv-development {
        padding: 30px 0 0;
    }

    .wrap-serv-development-inverse
        .box-image-serv-development
        .inner-animat-serv-aos {
        max-width: 144px;
        height: 184px;
    }

    .box-title-slider-e-comm p {
        padding: 25px 0 0 15px;
    }

    .box-list-steps-prices.list-marker li:after {
        left: 25px;
    }

    .wrap-steps-services .wrap-list-to-order-bottom p {
        margin: 0 0 0 15px;
    }

    .inner-title-h2 {
        padding: 46px 0 23px;
    }

    #factors-services-two .descript-factors-serv {
        text-align: left;
    }

    #factors-services-two .text-fact-slide {
        font-size: 16px;
        padding: 0 15px 30px;
        margin: 30px 0 0;
        max-width: 100%;
    }

    #factors-services-two .container {
        padding: 0 0 0 15px;
    }

    #factors-services-two .box-ps-text-factor-serv {
        text-align: left;
    }

    .wrap-factor-services-two.box-last-long .box-factor-slide:last-child:after,
    .wrap-factor-services-two.box-last-long .box-factor-slide:last-child:before,
    .wrap-list-to-order-bottom-yellow:after {
        display: none;
    }

    #factors-services-two.bg-yellow .inner-title-h2 {
        padding: 60px 0 23px;
        margin: 0 0 0 15px;
    }

    .wrap-factor-services-two.box-last-long-two .box-factor-slide:last-child {
        width: 100%;
    }

    .wrap-factor-services-two.box-last-long-two
        .box-factor-slide:last-child:before {
        display: none;
    }

    #factors-services-two.bg-yellow .owl-dots,
    #factors-services.bg-yellow .owl-dots {
        border-color: #1a1a1a;
        border-bottom: 1px solid #1a1a1a;
    }

    #factors-services-two.bg-yellow .owl-dot,
    #factors-services.bg-yellow .owl-dot {
        border-color: #1a1a1a;
    }

    #factors-services-two.bg-yellow .owl-dot.active,
    #factors-services.bg-yellow .owl-dot.active {
        background: #1a1a1a;
    }

    #factors-services-two.bg-yellow .owl-dots:after,
    #factors-services.bg-yellow .owl-dots:after {
        background: url(../img/icons/HOUSE-TECH.svg) no-repeat center;
    }

    #factors-services.bg-yellow .our-awards__title {
        margin: 0 0 0 15px;
    }

    .wrap-list-to-order-bottom-yellow p {
        margin: 25px 0 0 15px;
    }

    .wrap-list-to-order-bottom-yellow {
        padding: 20px 0 60px;
    }

    #call-action-calculator-black h2,
    #call-action-calculator.action-calc-ta h2 {
        font-size: 24px;
    }

    #steps-services.bg-yellow .wrap-steps-services {
        flex-direction: column-reverse;
    }

    #steps-services.bg-yellow .box-image-list-to-order.no-image-mobile {
        display: block;
        padding: 30px 0 0;
    }

    #classification-design-slider.slider-ta-m-app .inner-title-h2 {
        margin: 0 0 0 15px;
    }

    #classification-design-slider.slider-ta-m-app .box-content-classific-des {
        padding: 15px 0;
    }

    .slide-e-commerce .icon-sk-decore-e-comm:after,
    .slide-e-commerce.inversive-sl-e-comm .icon-sk-decore-e-comm:after {
        top: 1px;
    }

    .slide-e-commerce p {
        padding: 0 0 15px;
    }

    .inner-list-calc-general .our-awards__title {
        margin: 0 0 0 15px;
        padding: 0 0 24px;
    }

    .inner-list-calc-general .title-case-gen {
        font-size: 18px;
    }

    .inner-list-calc-general .body-case-gen {
        padding: 3px 5px 3px 75px;
    }

    .calc-end-ii {
        padding: 0 15px;
    }

    .calc-end-ii .btn-container-end {
        flex-direction: column;
        align-items: center;
        padding: 40px 0 0;
    }

    .calc-end-ii .btn-gen {
        margin: 16px 0 0;
        max-width: 255px;
        background: url(../img/buttons/btn-gen-middle-static.svg) no-repeat
            center;
    }

    .calc-end-ii .btn-gen:after {
        width: 255px;
        background: url(../img/buttons/btn-gen-middle-hover.svg) no-repeat
            center;
    }

    .wrap-calculator-price .btn-action {
        max-width: 255px;
        background: url(../img/buttons/btn-action-two-middle-static.svg)
            no-repeat center;
    }

    .wrap-calculator-price .btn-action:after {
        width: 255px;
        background: url(../img/buttons/btn-action-two-middle-hover.svg)
            no-repeat center;
    }

    .box-animat-calc-bottom,
    .box-animat-calc-top {
        margin-right: -15px;
    }

    .box-inner-block-text-little {
        padding: 50px 0 30px;
    }

    .info-block-text-little p {
        border: none;
    }

    .info-block-text-little .lines-animat-cases-bottom {
        margin-left: 0;
    }

    #factors-services-two .inner-title-h2 {
        padding: 46px 15px 23px 0;
    }

    .wrap-factor-services-two.box-last-long-two.lines-whites-four
        .box-factor-slide:last-child,
    .image-sel-game,
    .content-sel-game-plat,
    .box-cont-unic-graf,
    .box-image-unic-graf {
        width: 100%;
    }

    .lines-whites-four .icon-fact-slide:after {
        left: -100px;
        right: -100px;
    }

    .lines-whites-four .slider-services-factor:after {
        display: none;
    }

    .no-lines-left-to-right .container:after {
        display: block;
    }

    .lines-whites-four .box-ps-text-factor-serv {
        padding: 0 15px 30px;
        margin: 5px auto 0;
    }

    .box-info-serv-development.padding-bottom-yes {
        padding: 50px 15px 10px;
    }

    #select-category h2.title-line-blue {
        text-align: left;
        padding: 10px 15px 24px;
        background-position: 15px bottom;
        font-size: 24px;
    }

    #select-category .descript-factors-serv {
        text-align: left;
    }

    .wrap-category-select {
        margin: 0;
        padding: 110px 0 0;
    }

    #select-category .owl-dots {
        right: -15px;
    }

    .wrap-list-steps-to-order.no-padding .text-serv-reas-two p {
        padding: 0 0 0 15px;
    }

    #reasons-service-two.revers-block-mobile .wrap-list-steps-to-order {
        flex-direction: column-reverse;
        padding: 20px 0 60px;
    }

    .wrap-sel-game-plat {
        flex-direction: column;
        padding: 0 0 50px;
    }

    .image-sel-game {
        padding: 50px 0 0 15px;
    }

    .content-sel-game-plat {
        padding: 50px 0 0 15px;
    }

    .content-sel-game-plat h2 {
        font-size: 24px;
        padding: 0 0 24px;
    }

    .wrap-unic-graf {
        flex-direction: column-reverse;
    }

    .box-image-unic-graf {
        padding: 50px 0 0 15px;
    }

    .box-cont-unic-graf h2 {
        font-size: 24px;
        padding: 0 0 0 15px;
    }

    .box-cont-unic-graf p,
    .cont-logo-comp {
        margin: 15px 0 0 15px;
    }

    .picture-mobile-block-g .image-sel-game img:first-child {
        display: none;
    }

    /* .picture-mobile-block-g .image-sel-game img:last-child {
		display: block;
	} */
    .picture-mobile-block-g .image-sel-game img:nth-child(2n) {
        display: block;
    }

    .info-games-mobile-block .image-sel-game {
        padding: 50px 0 0 15px;
    }

    .info-games-mobile-block .content-sel-game-plat {
        padding: 0 0 0 15px;
    }

    .info-games-mobile-block .wrap-sel-game-plat {
        padding: 0 15px 50px 0;
    }

    #factors-services-three .our-awards__title {
        margin: 0 0 0 15px;
    }

    .slider-list-e-commerce.slider-list-masonry-two
        .slide-e-commerce-black.slide-height-long-two,
    .slider-list-e-commerce.slider-list-masonry-two .slide-e-commerce-black {
        /* height: 600px; */
        height: auto;
        width: 100% !important;
        padding: 35px 25px 25px;
        display: flex;
        align-items: center;
    }

    .slider-list-e-commerce.slider-list-masonry-two {
        grid-template-areas:
            "a"
            "b"
            "c"
            "d"
            "e";
    }

    #factors-services-three .container {
        padding: 0 0 0 15px;
    }

    #factors-services-three .owl-dots {
        top: auto;
        bottom: 44px;
        right: 0;
    }

    .slider-list-e-commerce.slider-list-masonry-two {
        padding: 50px 0 90px;
    }

    .slide-e-commerce-black .icon-sk-decore-e-comm {
        padding: 15px 0 0;
    }

    .slide-e-commerce-black .icon-sl-e-comm:after {
        top: 5px;
    }

    .item-2-2 p,
    .item-2-3 p,
    .item-2-5 p {
        font-size: 16px;
    }

    #steps-services.bg-dark-serv .our-awards__title {
        font-size: 24px;
    }

    #call-action-calculator-black.revers-blocks-calc .wrap-call-action-calc {
        flex-direction: column;
        padding: 50px 0 50px 15px;
    }

    #reasons-services-ios.page-m-g h2.title-line-blue {
        padding: 0 0 24px;
    }

    #price-general.page-m-g .main-tariffs__title {
        background-position: left bottom;
    }

    .slider-four-50 .slide-e-commerce {
        width: 100%;
    }

    .content-sel-game-plat .btn-container {
        text-align: center;
    }

    .descr-call-act-serv.m {
        margin-left: 15px;
    }

    .inner-form-serv-pages {
        padding: 0 0 0 15px;
    }

    #price-general.bottom-decore-blue-opac .main-tariffs__title {
        background-position: left bottom;
    }

    .wrap-list-scheme-price-serv {
        flex-direction: column;
        padding: 15px 0 20px 10px;
    }

    .wrap-list-scheme-price-serv .box-address-photo-prev {
        width: 100%;
        margin: 0;
    }

    .icon-rear-career,
    .num-reas-career {
        display: none;
    }

    .wrap-list-scheme-price-serv .title-reas-career {
        text-transform: none;
        font-size: 18px;
        min-height: 100%;
        padding: 0 0 0 28px;
        position: relative;
        font-weight: 400;
    }

    .wrap-list-scheme-price-serv .title-reas-career:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        background: #efc36e;
        top: 8px;
        left: 2px;
    }

    .block-serv-inner-standart.page-ar .wrap-serv-development {
        flex-direction: column;
    }

    .block-serv-inner-standart.page-ar .box-image-serv-development {
        margin-left: 15px;
    }

    .block-serv-inner-standart.page-ar
        .box-info-serv-development.padding-bottom-yes {
        padding: 30px 0 10px 15px;
    }

    #reasons-service-two.page-ar .wrap-list-steps-to-order {
        flex-direction: column-reverse;
    }

    #reasons-service-two.page-ar .box-image-list-to-order {
        padding: 0 0 0 15px;
    }

    #reasons-service-two.page-ar .box-steps-to-order {
        padding: 40px 0 0;
    }

    #list-to-order-service.page-ar .lines-animat-cases-top,
    #list-to-order-service.page-ar .lines-animat-cases-bottom {
        margin-left: 0;
    }

    #factors-services.page-ar .our-awards__title.color__white {
        font-size: 24px;
    }

    #factors-services.page-ar .box-title-slider-e-comm {
        padding: 30px 15px 0 0;
    }

    #factors-services.page-ar .sub-descr-f-s {
        margin: 20px 0 0 15px;
    }

    #classification-design-slider.design-slider-blue {
        background: #edf0f5;
    }

    #classification-design-slider.design-slider-blue .inner-title-h2 {
        color: #1a1a1a;
        margin: 0 0 0 15px;
        background: url(../img/icons/line-h2.svg) no-repeat left bottom;
    }

    #classification-design-slider.design-slider-blue .box-grafic-classific-des {
        padding: 10px 0 10px 15px;
    }

    #classification-design-slider.design-slider-blue
        .inner-content-classific-des {
        padding: 20px 0 30px 15px;
    }

    #classification-design-slider.decore-bottom-blue:before {
        background: url(../img/bg/line-decore-bottom-base.svg) repeat-x left top;
    }

    #reasons-services-ios.page-ar h2.title-line-blue {
        margin: 0 0 0 15px;
        padding: 0 15px 24px 0;
    }

    .fact-serv-50 .box-factor-slide {
        width: 100%;
    }

    #unic-graf.page-ar .box-image-unic-graf.padd-top-long {
        padding: 40px 0 0;
    }

    #unic-graf.page-ar .box-cont-unic-graf {
        padding: 30px 0 0;
    }

    #call-action-calculator.page-ar h2 {
        font-size: 24px;
    }

    #call-action-calculator-black.page-ar .descr-call-act-serv {
        margin: 0 0 0 15px;
    }

    #call-action-calculator-black.page-ar .lines-animat-cases-bottom {
        margin-left: 0;
    }

    #tehnology-dop {
        padding: 20px 0;
    }

    #tehnology-dop .our-awards__title {
        background: url(../img/icons/line-h2-yellow.svg) no-repeat left bottom;
        margin: 0;
    }

    .box-tehnology {
        width: 48%;
        margin: 15px 0 0;
    }

    .wrap-logos-tehnology {
        padding: 10px 1px 0;
    }

    .wrap-info-vr {
        flex-direction: column-reverse;
    }

    .box-title-info-vr,
    .box-graf-info-vr {
        width: 100%;
    }

    .box-title-info-vr p {
        margin: 25px 0 0 15px;
    }

    #info-vr .title-history {
        background: url(../img/icons/line-h2.svg) no-repeat left bottom;
    }

    .box-graf-info-vr {
        padding: 60px 0 0;
    }

    #list-to-order-service.no-lines-left .lines-animat-cases-top,
    #list-to-order-service.no-lines-left .lines-animat-cases-bottom,
    #reasons-service-two.invers-bl .lines-animat-cases-bottom {
        margin-left: 0;
    }

    .wrap-serv-development.inv-blocks {
        flex-direction: column;
    }

    #services-development .btn-container,
    #reasons-service-two.bg-yellow
        .wrap-list-steps-to-order.invers-block
        .btn-container {
        text-align: center;
    }

    #reasons-service-two.bg-yellow
        .wrap-list-steps-to-order.invers-block
        .btn-container {
        padding: 30px 0 0 15px;
    }

    .wrap-list-steps-to-order.invers-block {
        flex-direction: column-reverse;
    }

    .wrap-list-steps-to-order.invers-block .box-image-list-to-order {
        padding: 10px 0 0 15px;
    }

    .wrap-list-steps-to-order.invers-block .box-steps-to-order {
        padding: 50px 0 0;
    }

    .wrap-factor-services-two.factor-lines-no
        .box-factor-slide:first-child
        .icon-fact-slide:before {
        display: none;
    }

    .p-padd p {
        margin: 15px 0 0 15px;
    }

    #call-action-calculator-black-two.mobile-styles .box-content-call-calc {
        padding: 40px 0 0;
    }

    #call-action-calculator-black-two.mobile-styles .lines-animat-cases-bottom {
        margin-left: 0;
    }

    .block-serv-inner-standart.inn-stand-nft-top .wrap-serv-development {
        flex-direction: column;
    }

    #reasons-service-two.invers-bl .wrap-list-steps-to-order {
        flex-direction: column-reverse;
        padding: 35px 0 30px;
    }

    #reasons-service-two.invers-bl .box-steps-to-order {
        padding: 40px 0 0;
    }

    #reasons-service-two.invers-bl .box-image-list-to-order {
        padding: 15px 0 0 15px;
    }

    #specialists .wrap-title-services-general {
        padding: 40px 0 0;
        margin-left: 15px;
    }

    .wrap-specialists {
        width: 100%;
    }

    #select-category .footer-action-calc-animat {
        margin: 40px -15px 0 0;
    }

    #price-general.page-m-g .owl-dots,
    #price-general.bottom-decore-blue-opac .owl-dots {
        right: -5px;
    }

    .no-right-line-cont .wrap-list-steps-to-order.no-padding {
        position: relative;
        border-top: none;
    }

    .no-right-line-cont .wrap-list-steps-to-order.no-padding:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: -15px;
        height: 1px;
        background: #1a1a1a;
    }

    .wrapper-calculator-block {
        padding: 0 0 72px;
    }

    #box-calculator-price .owl-prev,
    #box-calculator-price .owl-next,
    #box-calculator-price button[type="submit"] {
        width: 255px;
    }

    #box-calculator-price .owl-next,
    #box-calculator-price button[type="submit"] {
        background: url(../img/buttons/btn-gen-two-middle-static.svg) no-repeat
            center;
    }

    #box-calculator-price .owl-next:after,
    #box-calculator-price button[type="submit"]:after {
        background: url(../img/buttons/btn-gen-two-middle-hover.svg) no-repeat
            center;
        width: 255px;
    }

    #box-calculator-price .owl-prev {
        background: url(../img/buttons/btn-action-two-middle-static.svg)
            no-repeat center;
        bottom: -10px;
    }

    #box-calculator-price .owl-prev:after {
        background: url(../img/buttons/btn-action-two-middle-hover.svg)
            no-repeat center;
        width: 255px;
    }

    #scheme-work .box-scroll-elements .swiper-slide {
        display: flex;
        align-items: center;
        padding-bottom: 65px;
    }
}

@media screen and (max-height: 400px) {
    #header .box-time-work.open-vis-info-head,
    #header .box-phone-head.open-vis-info-head-two {
        display: none !important;
    }

    #nav {
        top: 71px;
        border-top: 1px solid #efc36e;
    }
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 60px 0;
    flex-wrap: wrap;
}

.pagination .page-numbers {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 44px;
    height: 44px;
    padding: 0 14px;

    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;

    color: #3d70b5;
    border: 2px solid #3d70b5;
    border-radius: 6px;

    transition: all 0.25s ease;
}

/* hover */
.pagination .page-numbers:hover {
    background: #3d70b5;
    color: #fff;
}

/* активная страница */
.pagination .page-numbers.current {
    background: #3d70b5;
    color: #fff;
    border-color: #3d70b5;
    cursor: default;
}

/* стрелки */
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    font-size: 18px;
    padding: 0 16px;
}

/* адаптив */
@media (max-width: 768px) {
    .pagination {
        gap: 6px;
    }

    .pagination .page-numbers {
        min-width: 38px;
        height: 38px;
        font-size: 14px;
    }
}
.blog-tags-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 35px 25px 0px;
    position: relative;
    z-index: 1;
}
@media all and (max-width: 767px) {
    .blog-tags-filter {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.blog-tags-filter__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 10px 28px;
    border-radius: 999px;
    border: 1px solid #d9d9d9;
    background: #fff;
    color: #1f1f1f;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transition: all 0.25s ease;
}

.blog-tags-filter__item:hover {
    border-color: #3d70b5;
    color: #3d70b5;
}

.blog-tags-filter__item.is-active {
    background: #3d70b5;
    border-color: #3d70b5;
    color: #fff;
}
.parallax-image-one {
    z-index: 0;
}
@media (max-width: 768px) {
    .blog-tags-filter__item {
        font-size: 13px;
        min-height: unset;
    }
}
.wp-singular #call-to-action-blog-inner-page {
    margin-bottom: -48px;
}