@font-face {
    font-family: "Gotham";
    src: url("../fonts/Gotham-Book.eot");
    src: local("Gotham Book"), local("Gotham-Book"), url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

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

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

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

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-Heavy.eot");
    src: local("Gilroy Heavy"), local("Gilroy-Heavy"), url("../fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Heavy.woff") format("woff"), url("../fonts/Gilroy-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Gilroy";
    src: url("../fonts/Gilroy-SemiBold.eot");
    src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url("../fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-SemiBold.woff") format("woff"), url("../fonts/Gilroy-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal
}

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

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

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

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

ul[class],
ol[class] {
    padding: 0
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0
}

ul[class] {
    list-style: none
}

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

input,
button,
textarea,
select {
    font: inherit
}

a {
    text-decoration: none
}

html,
body {
    height: 100%
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.container {
    max-width: 78.125vw;
    margin: 0 auto
}

body {
    font-family: "Gotham", sans-serif;
    font-style: normal;
    font-weight: 400;
    overflow-x: hidden;
    font-style: normal
}

body.ar {
    text-align: right;
}

body.ar .works__left {
    order: 2 !important;
}

body.ar .tarifs__item-bottom-list-item {
    justify-content: flex-end !important;
}

body.ar .tarifs__item-bottom-list-item.active svg {
    order: 1;
    margin-left: 0.369vw;
    margin-right: 0;
}

body.ar .tarifs__item-bottom-list-item svg {
    order: 1;
    margin-left: 0.369vw;
    margin-right: 0;
}

.header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header {
    width: 100%;
    height: 5.859vw;
    background: #fff;
    z-index: 99999;
    -webkit-box-shadow: 0 .469vw 3.125vw #f2f2f2;
    box-shadow: 0 .469vw 3.125vw #f2f2f2
}

.header__logo img {
    width: 12.266vw;
    height: 6.563vw
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: .781vw
}

.header__menu li {
    margin-left: 2.813vw
}

.header__menu li.lang-item-en {
    margin-left: 1.5vw;
}


.header__menu li a {
    font-size: 1.25vw;
    color: #5859df
}

.intro {
    height: 56.563vw
}

.intro__bg {
    background: url(../img/intro-bg.png) no-repeat left top/cover;
    width: 118.438vw;
    height: 116.563vw;
    position: absolute;
    left: -41.359vw;
    top: -23.953vw
}

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

.intro__pc {
    background: url(../img/laptop.png) no-repeat left top/cover;
    width: 74.453vw;
    height: 55.859vw;
    position: absolute;
    top: 2.166vw;
    left: -19.063vw
}


.intro__right {
    margin-top: 12.109vw;
    z-index: 999999
}

body.ar .intro__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.intro__title {
    width: 32.25vw;
    font-size: 3.906vw;
    font-weight: bold;
    line-height: 5.469vw;
    position: relative
}

body.ar .intro__title {
    font-size: 5.547vw;
    line-height: 7.656vw;
}

body.ar .intro__desc {
    margin-top: 1.313vw;
}

.intro__title span {
    color: #5859df
}

.intro__title::before {
    content: "";
    background: url("../img/title-bg.svg") no-repeat center top/cover;
    width: 20.547vw;
    height: 6.563vw;
    position: absolute;
    top: 4.359vw;
    left: 8.32vw
}


body.ar .intro__title::before {
    content: "";
    background: url('https://webytes.sa/wp-content/uploads/2023/01/ssss.svg') no-repeat center top/cover;
    width: 17.313vw;
    height: 8.556vw;
    position: absolute;
    top: 7.8vw;
    left: 17.7vw;
}



.intro__desc {
    margin-top: .313vw;
    color: #868686;
    font-size: 1.719vw;
    line-height: 2.188vw;
    width: 31.25vw;
}

.intro__btn {
    text-transform: uppercase;
    width: 24.063vw;
    height: 4.688vw;
    background: #5859df;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2.344vw;
    font-size: 1.406vw;
    font-weight: bold;
    color: #fff;
    margin-top: 2.734vw
}

.video {
    background: url(../img/video-bg.png) no-repeat center top/cover;
    height: 18.594vw;
    width: 100%;
    z-index: 9999999999
}

.video__slides {
    position: relative
}

.video__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18.594vw
}

.video__title {
    text-align: center;
    font-size: 4.922vw;
    color: #fff;
    font-weight: bold
}

.bytes .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bytes {
    padding-top: 6.641vw;
    padding-bottom: 4.063vw
}


body.ar .bytes__left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

body.ar .works__left {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.bytes__left-title {
    color: #1d1d1b;
    font-size: 3.906vw;
    line-height: 5.469vw;
    font-weight: bold
}

.bytes__left-desc {
    width: 31.641vw;
    color: #868686;
    font-size: 1.719vw;
    margin-top: 5.469vw
}

.bytes__left-btn {
    width: 24.063vw;
    height: 4.688vw;
    font-weight: bold;
    font-size: 1.406vw;
    color: #fff;
    text-transform: uppercase;
    background: #5859df;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2.344vw;
    margin-top: 5.703vw
}

.bytes__right {
    background: url(../img/bytes-bg2.png) no-repeat right top/cover;
    width: 42.2vw;
    height: 45.4vw
}

.our .container {
    position: relative
}

.our {
    padding-top: 6.719vw;
    padding-bottom: 6.719vw;
    background: #f7f7f7;
    overflow: hidden
}

.our__bg {
    background: url(../img/our-bg.png) no-repeat right top/cover;
    width: 48.125vw;
    height: 47.734vw;
    position: absolute;
    top: -6.857vw;
    left: 51.125vw
}

.our__title {
    font-size: 3.516vw;
    font-weight: bold;
    text-align: center;
    color: #1d1d1b
}

.our__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5.781vw;
    z-index: 99999999;
    position: inherit
}

.our__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    width: 38.281vw;
    height: 10.547vw;
    border-radius: 1.563vw;
    margin-top: 1.328vw
}

.our__list-icon {
    width: 14.063vw;
    height: 14.063vw;
    position: relative
}

.our__list-desc {
    font-size: 1.719vw;
    line-height: 1.719vw;
    color: #1d1d1b;
    font-weight: bold;
    position: relative;
    left: -2.672vw
}

.our__list-desc span {
    color: #5859df
}

.works .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.works {
    padding-top: 7.813vw;
    padding-bottom: 7.813vw
}

.works__left h2 {
    font-size: 3.516vw;
    line-height: 4.688vw;
    color: #1d1d1b;
    font-weight: bold
}

.works__left p {
    width: 32.422vw;
    font-size: 1.719vw;
    line-height: 2.344vw;
    color: #868686
}

.works__left-btn {
    background: #5859df;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18.359vw;
    height: 4.688vw;
    border-radius: 2.344vw;
    margin-top: 6.406vw
}

.works__left-btn p {
    font-size: 1.406vw;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.works__left-btn::after {
    content: "";
    background: url("../img/work-btn.svg") no-repeat center top/cover;
    height: 6vw;
    width: 6vw;
    position: relative;
    left: -2.275vw;
    top: .134vw
}

.works__rigth-item {
    width: 36.719vw;
    height: 11.641vw;
    margin-bottom: 1.406vw;
    padding-right: 2.344vw;
    position: relative
}

.works__rigth-items {
    width: 36.719vw;
    height: 11.641vw;
    -webkit-box-shadow: 0 .469vw 3.125vw #f2f2f2;
    box-shadow: 0 .469vw 3.125vw #f2f2f2;
    border-radius: 1.563vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.406vw;
    background: #fff;
    padding-right: 2.344vw;
    position: inherit;
    z-index: 9999999
}

.works__rigth-item svg {
    position: absolute;
    width: 6.563vw;
    height: 12.969vw;
    height: -webkit-fill-available;
    left: -3.9vw
}

.works__item-icon {
    width: 18.203vw;
    height: auto;
    position: absolute;
    left: -4.3vw
}

.works__rigth-item .works__item-icon2 {
    width: 15.625vw;
    height: 15.625vw;
    left: -3.3vw
}

.works__rigth-item .works__item-icon3 {
    width: 15.625vw;
    height: 15.625vw;
    left: -2.7vw
}

.works__item-info {
    margin-left: 9.453vw
}

.works__item-info h4 {
    font-size: 1.719vw;
    line-height: 2.188vw;
    font-weight: bold;
    color: #202020;
    margin-bottom: .625vw
}

.works__item-info p {
    font-size: 1.094vw;
    line-height: 1.641vw;
    font-weight: 400
}

.clients .container {
    max-width: 85.625vw
}

.clients {
    padding-top: 4.141vw;
    padding-bottom: 5.469vw;
    background: #f7f7f7
}

.clients__title {
    text-align: center;
    font-size: 1.719vw;
    line-height: 4.688vw;
    font-weight: 300;
    color: #b4b4b4;
    margin-bottom: 3.359vw
}

.clients__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clients__list-item {
    width: 12.969vw;
    height: 6.094vw;
    background: #fff;
    border-radius: 1.563vw
}

.clients__list-item img {
    width: 100%;
    height: 100%
}

.tarifs .container {
    max-width: 80.234vw
}

.tarifs {
    position: relative;
    height: 120.188vw
}

.tarifs__header {
    background: url(../img/tarif-bg.png) no-repeat center top/cover;
    height: 56.25vw;
    width: 100%;
    padding-top: 8.047vw
}

.tarifs__title {
    text-align: center;
    font-size: 3.516vw;
    line-height: 3.906vw;
    font-weight: bold;
    color: #fff
}

.tarifs__desc {
    text-align: center;
    font-size: 1.719vw;
    line-height: 2.188vw;
    margin-top: 1.328vw;
    color: #fff
}

.tarifs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 5.938vw
}

.tarifs__list-item {
    width: 25.703vw;
    background: #fff;
    border-radius: 1.563vw;
    padding-top: 3.594vw;
    padding-left: 1.641vw;
    padding-right: 1.641vw;
    padding-bottom: 2.344vw;
    position: relative
}

.tarifs__item-title {
    text-align: center;
    font-size: 2.188vw;
    line-height: 2.188vw;
    font-weight: bold;
    color: #202020
}

.tarifs__item-desc {
    text-align: center;
    font-size: 1.25vw;
    line-height: 1.875vw;
    color: #868686;
    margin-top: 2.813vw;
    margin-bottom: 2.578vw;
    height: 5.391vw;
}

.tarifs__item-price {
    text-align: center;
    color: #5859df;
    font-size: 2.813vw;
    line-height: 3.516vw;
    font-weight: bold
}

.tarifs__item-line {
    margin-top: 1.172vw;
    display: block;
    width: 100%;
    height: .078vw;
    background: #c5c5c5
}

.tarifs__item-bottom-title {
    margin-top: 2.734vw;
    font-size: 1.406vw;
    font-weight: bold;
    margin-bottom: .859vw;
    color: #202020
}

.tarifs__item-bottom-list-item {
    font-size: 1.094vw;
    line-height: 1.875vw;
    margin-bottom: .9vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tarifs__item-bottom-list-item svg {
    opacity: .4;
    margin-left: .269vw;
    margin-right: 1.2vw;
    width: 1.016vw;
    height: 1.328vw
}

.tarifs__item-bottom-list-item.active svg {
    opacity: 1;
    margin-right: .859vw;
    margin-left: 0;
    width: 1.563vw;
    height: 1.094vw
}

.tarifs__list-item-btn {
    font-size: 1.406vw;
    font-weight: bold;
    width: 21.875vw;
    height: 4.688vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: #5859df;
    border-radius: 2.344vw;
    margin-top: 4.688vw
}

.tarifs__list-item::before {
    content: "";
    -webkit-box-shadow: 0 .469vw 3.125vw #f2f2f2;
    box-shadow: 0 .469vw 3.125vw #f2f2f2;
    width: 100%;
    height: 44.844vw;
    position: absolute;
    top: 26.738vw;
    left: 0;
    border-radius: 1.563vw;
    clip: rect(4.125vw, 1280px, 1280px, -7.813vw);
    z-index: -1
}

.tarifs__bottom-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10.938vw;
    padding-top: 4.688vw
}

.tarifs__bottom {
    width: 49.375vw
}

.tarifs__bottom-title {
    font-size: 1.719vw;
    line-height: 2.734vw;
    text-align: center;
    font-weight: bold;
    color: #202020
}

.tarifs__bottom-desc {
    font-size: 1.406vw;
    line-height: 1.953vw;
    text-align: center;
    color: #202020;
    margin-top: 1.016vw
}

.tarifs__bottom-desc a {
    text-decoration: underline;
    color: #5859df
}

.footer .container {
    max-width: 81.25vw
}

.footer {
    padding-top: 4.688vw;
    background: #5859df
}

.footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__logo img {
    width: 18.203vw;
    height: 6.094vw
}

.footer__social {
    margin-top: 5.469vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__social a {
    display: block
}

.footer__social a svg {
    width: 1.875vw;
    height: 1.719vw
}

.footer__social a:nth-child(3) {
    margin-left: 1.25vw
}

.footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 26vw;
    margin-right: 7.063vw;
    position: relative;
    text-align: left !important;
}

.footer__menu h3 {
    color: #fff;
    font-weight: bold;
    font-size: 1.953vw;
    margin-bottom: 1.797vw
}

.footer__menu ul {
    padding: 0
}

.footer__menu ul li {
    list-style: none;
    margin-bottom: 1.797vw
}

.footer__menu ul li a {
    color: #fff;
    font-size: 1.25vw
}

.footer__menu-2 ul {
    padding: 0
}

.footer__menu-2 ul li {
    list-style: none;
    margin-bottom: 1.797vw
}

.footer__menu-2 ul li a {
    color: #fff;
    font-size: 1.953vw;
    font-weight: bold
}

.footer__back-btn {
    position: absolute;
    top: -3.38vw;
    left: 32.422vw
}

.footer__back-btn svg {
    width: 1.797vw;
    height: .859vw
}

.footer__bottom {
    margin-top: 4.219vw;
    height: 5.469vw
}

.footer__bottom-line {
    display: block;
    height: .078vw;
    background: #fff;
    width: 100%;
    opacity: 20%
}

.footer__copyright {
    text-align: center;
    font-size: 1.25vw;
    color: #fff;
    padding-top: 1.953vw
}

.contacts .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.contacts {
    padding-top: 5.625vw;
    padding-bottom: 10.547vw
}

.contacts__wrap {
    width: 49.063vw
}

.contacts__title {
    font-family: Gilroy, sans-serif;
    font-size: 3.906vw;
    font-weight: 500;
    margin-bottom: 3.125vw;
    color: #081133
}

.contacts__bg {
    width: 70.963vw;
    height: 69.766vw;
    position: relative;
    left: 5.913vw
}

.contacts__bg {
    width: 100%;
    height: 100%
}

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

.contacts__form-input {
    margin-bottom: 1.953vw
}

.contacts__form-input:nth-child(1) {
    margin-right: 1.172vw
}

.contacts__form-input.subject input {
    width: 38.828vw
}

.contacts__form-input p {
    font-size: 1.25vw;
    color: #3e3e3e;
    margin-bottom: .625vw
}

.contacts__form-input input {
    border: .156vw solid #d5d2d2;
    width: 18.828vw;
    height: 3.75vw;
    border-radius: .781vw;
    padding-left: .781vw
}

.contacts__form-input input::-webkit-input-placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input input::-moz-placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input input:-ms-input-placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input input::-ms-input-placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input input::placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input.subject textarea {
    width: 38.828vw
}

.contacts__form-input.subject .max {
    font-size: 1.094vw;
    color: #3e3e3e;
    opacity: 45%
}

.contacts__form-input textarea {
    border: .156vw solid #d5d2d2;
    width: 18.828vw;
    height: 3.75vw;
    border-radius: .781vw;
    padding-left: .781vw;
    height: 11.406vw
}

.contacts__form-input textarea::-webkit-input-placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input textarea::-moz-placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input textarea:-ms-input-placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input textarea::-ms-input-placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input textarea::placeholder {
    font-size: 1.25vw;
    color: #d5d2d2
}

.contacts__form-input.checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contacts__form-input.checkbox input {
    width: 1.25vw;
    height: 1.25vw
}

.contacts__form-input.checkbox label {
    font-size: 1.25vw;
    color: #000;
    margin-left: .391vw
}

.contacts__form-input.checkbox label a {
    color: #db231c;
    text-decoration: underline
}

.contacts__form-btn {
    font-size: 1.406vw;
    color: #fff;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #5859df;
    border-radius: .781vw;
    width: 17.344vw;
    height: 4.297vw;
    margin-top: 2.344vw
}

body.ar .contacts__wrap {
    order: 2;
}

body.ar .contacts__bg {
    left: -4.087vw;
}

body.ar .contacts__form-input.checkbox input {
    order: 2;
}



.header__mobile {
    display: none
}

.contacts__bg.mob {
    display: none
}

@media screen and (max-width: 920px) {
    .container {
        max-width: 85.942vw !important
    }

    .header {
        height: 19.894vw
    }

    .header .container {
        display: block
    }

    .header__logo {
        display: none
    }

    .header__menu {
        display: none
    }

    .header__mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header__mobile-logo {
        margin-left: 35.008vw
    }

    .header__mobile-logo img {
        width: 16.446vw;
        height: 19.894vw
    }

    .header__mobile-burger {
        margin-right: 1.305vw
    }

    .header__mobile-burger svg {
        width: 5.57vw;
        height: 3.714vw
    }

    .header__mobile-menu {
        position: fixed;
        top: 19.199vw;
        bottom: 0;
        right: 0;
        -webkit-transform: translate(-150%);
        -ms-transform: translate(-150%);
        transform: translate(-150%);
        height: 204.361vw;
        max-width: 694px;
        width: 100%;
        background-color: #fff;
        padding: 6.917vw;
        z-index: 999999;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        display: block;
        z-index: 999999999999999600000000000000000000000
    }

    .header__mobile-menu.active {
        -webkit-transform: translate(0%);
        -ms-transform: translate(0%);
        transform: translate(0%)
    }

    .index {
        z-index: 0 !important
    }

    .header__mobile-menu ul {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__mobile-menu ul li {
        list-style: none;
        margin-bottom: 5.653vw
    }

    .header__mobile-menu ul li a {
        font-size: 5.25vw;
        color: #5859df
    }

    .intro {
        height: 190.981vw
    }

    .intro__flex {
        display: block
    }

    .intro__pc {
        width: 112.462vw;
        height: 103.979vw;
        top: 49.166vw;
        left: -29.063vw
    }

    body.ar .intro__pc {
        top: 37.166vw;
    }

    .intro__title {
        font-size: 8.223vw;
        line-height: 1.3;
        width: 100%
    }

    .intro__desc {
        width: 68.7vw;
        font-size: 5.836vw;
        line-height: 1.3
    }

    body.ar .intro__desc {
        width: auto;
    }

    body.ar .intro__title {
        font-size: 11.547vw;
        line-height: 13.656vw;
    }

    .intro__title::before {
        width: 48.501vw;
        height: 15.385vw;
        top: 8.359vw;
        left: 17.32vw;
    }

    body.ar .intro__title::before {
        width: 32.313vw;
        height: 16vw;
        top: 13.8vw;
        left: 55.7vw;
    }

    .intro__btn {
        width: 71.618vw;
        height: 13.793vw;
        border-radius: 7.958vw;
        margin-top: 97.387vw;
        font-size: 4.775vw;
        margin-left: 6.631vw
    }

    .video {
        height: 25.952vw
    }

    .video__slide {
        height: 24.594vw
    }

    .video__title {
        font-size: 6.922vw
    }

    .video__btn img {
        width: 72.414vw;
        height: 43.236vw
    }

    .bytes {
        padding-top: 17.241vw;
        padding-bottom: 19.098vw
    }

    .bytes .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bytes__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 15.119vw
    }

    .bytes__right {
        background: url(../img/bytes-bg3.png) no-repeat right top/cover;
        width: 66.313vw;
        height: 71.761vw
    }

    .bytes__left-title {
        width: 70.292vw;
        font-size: 13.263vw;
        line-height: 18.568vw
    }

    .bytes__left-desc {
        width: 71.883vw;
        font-size: 5.836vw;
        line-height: 7.427vw;
        margin-top: 2.918vw
    }

    .bytes__left-btn {
        width: 70.027vw;
        height: 15.915vw;
        border-radius: 7.958vw;
        font-size: 4.775vw
    }

    .our {
        padding-top: 9.814vw;
        padding-bottom: 18.302vw
    }

    .our__title {
        font-size: 11.936vw;
        line-height: 18.568vw;
        text-align: center
    }

    .our__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .our__list-item {
        width: 84.881vw;
        height: 23.342vw;
        border-radius: 5.305vw;
        margin-bottom: 6.631vw
    }

    .our__list-desc {
        font-size: 4.775vw;
        line-height: 7.427vw
    }

    .our__list-icon {
        width: 25.063vw;
        height: 25.063vw
    }

    .our__list-item:nth-child(4) {
        margin-bottom: 0
    }

    .our__list-item:nth-child(3) .our__list-icon {
        left: -2.8vw !important
    }

    .our__list-item br {
        display: none
    }

    .our__bg {
        width: 120.125vw;
        height: 119.734vw;
        top: 30.143vw;
        left: 51.125vw
    }

    .works {
        padding-top: 23.873vw;
        padding-bottom: 35.223vw;
        position: relative
    }

    .works .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .works__left h2 {
        font-size: 10.61vw;
        line-height: 14.058vw;
        margin-bottom: 2.653vw
    }

    .works__left p {
        width: 68.17vw;
        font-size: 5.836vw;
        line-height: 7.958vw
    }

    .works__left-btn {
        width: 62.334vw;
        height: 15.915vw;
        border-radius: 7.958vw;
        position: absolute;
        top: 270.549vw
    }

    body.ar .works__left-btn {
        top: 265.549vw;
    }

    .works__left-btn p {
        font-size: 4.775vw
    }

    .works__left-btn::after {
        height: 22vw;
        width: 22vw;
        left: -7.275vw;
        top: .434vw
    }

    .works__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .works__rigth {
        margin-top: 10.61vw;
        margin-left: 10.08vw
    }

    .works__rigth-items {
        width: 71.883vw;
        height: 48.541vw;
        border-radius: 5.305vw
    }

    .works__rigth-item {
        width: 71.883vw;
        height: 48.541vw;
        border-radius: 5.305vw;
        margin-bottom: 10.61vw
    }

    .works__rigth-item svg {
        width: 16.563vw;
        left: -9.9vw
    }

    .works__item-icon {
        width: 30.203vw !important;
        top: 0
    }

    .works__rigth-item .works__item-icon2 {
        height: 24.625vw;
        left: -4.3vw
    }

    .works__rigth-item .works__item-icon3 {
        height: 23.625vw;
        left: -3.7vw
    }

    .works__item-info {
        margin-left: 19.453vw
    }

    .works__item-info h4 {
        font-size: 5.305vw;
        line-height: 7.427vw
    }

    .works__item-info p {
        font-size: 3.183vw;
        line-height: 4.775vw
    }

    .clients {
        padding-top: 10.61vw;
        padding-bottom: 12.202vw
    }

    .clients__title {
        font-size: 5.836vw;
        line-height: 7.162vw;
        text-align: center;
        margin-bottom: 7.958vw
    }

    .clients__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }

    .clients__list-item {
        width: 37.401vw;
        height: 17.507vw;
        border-radius: 5.305vw;
        margin-bottom: 7.958vw
    }

    .tarifs {
        height: 781.167vw
    }

    .tarifs__header {
        padding-top: 16.446vw;
        height: 129.973vw
    }

    .tarifs__title {
        font-size: 7.427vw;
        line-height: 8.223vw
    }

    .tarifs__desc {
        font-size: 5.836vw;
        line-height: 7.427vw
    }

    .tarifs__list {
        margin-top: 14.589vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tarifs__list-item {
        margin-bottom: 15.119vw;
        width: 68.966vw;
        height: 182.493vw;
        padding-top: 9.814vw;
        padding-left: 4.509vw;
        padding-right: 4.509vw;
        -webkit-box-shadow: 0 .469vw 3.125vw #f2f2f2;
        box-shadow: 0 .469vw 3.125vw #f2f2f2;
        border-radius: 5.305vw
    }

    .tarifs__item-title {
        font-size: 7.427vw
    }

    .tarifs__item-desc {
        font-size: 4.244vw;
        line-height: 6.366vw;
        margin-top: 6.101vw;
        margin-bottom: 5.04vw
    }

    .tarifs__item-desc br {
        display: none
    }

    .tarifs__item-desc {
        height: auto;
    }

    .tarifs__item-price {
        font-size: 7.162vw
    }

    .tarifs__item-line {
        margin-top: 3.979vw;
        height: .265vw
    }

    .tarifs__item-bottom-title {
        font-size: 4.775vw;
        margin-top: 9.019vw;
        margin-bottom: 2.122vw
    }

    .tarifs__item-bottom-list-item {
        font-size: 2.387vw;
        margin-bottom: 3.183vw
    }

    .tarifs__item-bottom-list-item.active svg {
        width: 3.563vw;
        height: 4.094vw
    }

    .tarifs__item-bottom-list-item svg {
        width: 3.016vw;
        height: 3.328vw
    }

    .tarifs__list-item-btn {
        width: 100%;
        height: 12.467vw;
        border-radius: 7.958vw;
        font-size: 3.448vw;
        margin-top: 10.61vw
    }

    .tarifs__list-item:nth-child(1) {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .tarifs__list-item::before {
        display: none
    }

    .tarifs__list-item:nth-child(1)::before {
        content: "";
        -webkit-box-shadow: 0 .469vw 3.125vw #f2f2f2;
        box-shadow: 0 .469vw 3.125vw #f2f2f2;
        width: 100%;
        height: 85%;
        position: absolute;
        top: 26.738vw;
        left: 0;
        border-radius: 5.305vw;
        clip: rect(4.125vw, 1280px, 1280px, -7.813vw);
        z-index: -1;
        display: block
    }

    .tarifs__bottom {
        width: 68.966vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tarifs__bottom-wrap {
        padding-top: 7.958vw
    }

    .tarifs__bottom-title {
        font-size: 5.836vw;
        line-height: 6.631vw
    }

    .tarifs__bottom-desc {
        font-size: 4.244vw;
        line-height: 5.836vw;
        margin-top: 16.976vw;
        width: 49.337vw
    }

    .footer {
        padding-top: 10.08vw;
        position: relative
    }

    .footer__logo img {
        width: 41.114vw;
        height: 13.528vw
    }

    .footer__social a svg {
        width: 5.04vw;
        height: 4.509vw
    }

    .footer__social a:nth-child(3) {
        margin-left: 4.244vw
    }

    .footer__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer__menu h3 {
        font-size: 4.775vw;
        margin-bottom: 6.101vw
    }

    .footer__menu ul li {
        margin-bottom: 5.305vw
    }

    .footer__menu ul li a {
        font-size: 2.653vw
    }

    .footer__menu-2 ul li {
        margin-bottom: 5.305vw
    }

    .footer__menu-2 ul li a {
        font-size: 4.775vw
    }

    .footer__right {
        width: 76%;
        margin-top: 8.958vw
    }

    .footer__back-btn {
        top: -30.38vw;
        left: 85.422vw
    }

    .footer__back-btn svg {
        width: 4.509vw;
        height: 2.122vw
    }

    .footer__back-btn svg path {
        stroke: #fff
    }

    .footer__bottom {
        height: 10.469vw;
        margin-top: 16.219vw
    }

    .footer__copyright {
        font-size: 4.244vw
    }

    .footer__social {
        position: absolute;
        top: 88.191vw
    }

    .contacts {
        padding-top: 0;
        padding-bottom: 18.568vw
    }

    .contacts .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contacts__wrap {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .contacts__bg {
        width: 162%;
        left: 3.913vw;
        display: none
    }

    .contacts__wrap {
        width: 100%
    }

    .contacts__title {
        font-size: 13.263vw;
        margin-bottom: 9.814vw
    }

    .contacts__form-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts__form-input input {
        width: 100%;
        height: 12.732vw;
        padding-left: 2.653vw
    }

    .contacts__form-input.subject input {
        width: 100%;
        font-size: 4.244vw
    }

    .contacts__form-input.subject textarea {
        width: 100%;
        height: 38.727vw;
        font-size: 4.244vw;
        padding-left: 2.653vw
    }

    .contacts__form-input p {
        font-size: 4.244vw;
        margin-top: 6.631vw;
        margin-bottom: 1.061vw
    }

    .contacts__form-input input::-webkit-input-placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input input::-moz-placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input input:-ms-input-placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input input::-ms-input-placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input input::placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input.subject textarea::-webkit-input-placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input.subject textarea::-moz-placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input.subject textarea:-ms-input-placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input.subject textarea::-ms-input-placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input.subject textarea::placeholder {
        font-size: 4.244vw
    }

    .contacts__form-input.checkbox input {
        width: 4.244vw;
        height: 4.244vw
    }

    .contacts__form-input.checkbox label {
        font-size: 4.244vw;
        margin-left: 2.653vw
    }

    .contacts__form-input.subject .max {
        font-size: 3.714vw;
        margin-top: .531vw;
        margin-bottom: 7.162vw
    }

    .contacts__form-btn {
        width: 70.027vw;
        height: 15.915vw;
        font-size: 4.244vw;
        border-radius: 7.958vw;
        margin-top: 7.162vw
    }

    .contacts__bg.mob {
        display: block
    }
}