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

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

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    transition: .3s;
}

a:hover {
    color: var(--green-color) !important;
}

:root {
    --white-color: #FFFFFF;
    --text-color: #222930;
    --green-color: #64B846;
}

ul[class], ol[class] {
    padding: 0;
    list-style-type: none;
}

img {
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
}
* {
    padding: 0px;
    margin: 0px;
    border: 0px;
    -webkit-box-sizing: border-box;
}
/*
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: transparent;
}
  
::-webkit-scrollbar-track {
    background: #A3BFCE;
    border-radius: 10px;
}
  
::-webkit-scrollbar-thumb {
    background-color: var(--text-color);
    border-radius: 10px;
    border: 3px solid #050c26;
}
*/

html {
    /*
    min-width: 320px;
    */
    margin: 0;
    font-size: 1px;
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", sans-serif;
    background: #FAFAFA;
    color: var(--text-color);
    font-size: 16rem;
    line-height: 1.4;
    font-weight: 400;
    position: relative;
}

section {
    padding: 70rem 0;
}

.container {
    width: 100%;
    max-width: 1210rem;
    padding: 0 10rem;
    margin: 0 auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -10rem;
}

h1 {
    position: relative;
    max-width: 1100rem;
    font-weight: 700;
    font-size: 40rem;
    line-height: 134%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: var(--white-color);
    margin: 0 auto 14rem;
    z-index: 4;
}

h2 {
    width: 100%;
    font-weight: 600;
    font-size: 36rem;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--text-color);
    margin: 0 auto 50rem;
}

h2 span {
    color: var(--green-color);
}

.btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52rem;
    width: 100%;
    background: #64B846;
    font-size: 16rem;
    font-weight: 500;
    color: var(--white-color);
    border-radius: 8rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: .3s;
}

.btn:hover {
    background: #50A432;
}

/*======= header-scroll =======*/

.header-scroll {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: var(--white-color);
    padding: 8rem 0;
    transform: translateY(-200rem);
    transition: .3s;
    box-shadow: 0px 4px 10px 0px #0000000D;
    z-index: 20;
}

.header-scroll.show {
    transform: translateY(0);
}

.header-scroll .row {
    align-items: center;
}

.header-scroll .logo {
    height: 40rem;
    margin: 0 10rem;
}

.header-scroll .email {
    display: flex;
    align-items: center;
    gap: 8rem;
    margin: 0 auto 0 20rem;
}

.header-scroll .email img {
    width: 12rem;
}

.header-scroll .email span {
    font-weight: 600;
    font-size: 15rem;
    line-height: 130%;
    letter-spacing: 0%;
    color: #414141;
}

.header-scroll .email:hover span {
    color: var(--green-color);
}

.header-scroll .order-info__socials {
    width: 100%;
    max-width: 490rem;
    align-items: center;
    gap: 25rem;
}

.header-scroll .order-info__socials .order-messengers {
    width: 80rem;
}

.header-scroll .order-info__socials .order-phones .order-phones__links {
    flex-direction: row;
    gap: 16rem;
}

.header-scroll .order-info__socials .order-phones .order-phones__links a {
    color: #414141;
}

/*======= header =======*/

header {
    background-color: #0F5596;
    height: 122rem;
}

header .container {
    height: 100%;
}

header .row {
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

header .order-email {
    margin: 0 138rem 0 10rem;
}

header .logo {
    background-image: url(../images/logo-fixed-bg.png);
    background-size: cover;
    background-position: center;
    height: 100%;
    aspect-ratio: 2.04918032787 / 1;
    text-align: center;
}

header .logo img {
    height: 100%;
}

header .order-info__socials {
    gap: 24rem;
    align-items: center;
    margin: 0 10rem;
}

header .order-info__socials .order-messengers {
    width: auto;
}

/*======= information =======*/

.primary {
    position: relative;
    min-height: 100vh;
    background-image: url(../images/primary-bg.png);
    background-size: cover;
    background-position: center;
    padding: 40rem 0;
}

.primary:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0F5596 0%, rgba(15, 85, 150, 0) 70.22%);
    z-index: 2;
}

.primary p {
    position: relative;
    font-weight: 500;
    font-size: 18rem;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--white-color);
    margin: 0 auto 36rem;
    z-index: 4;
}

.primary .btn {
    position: relative;
    max-width: 245rem;
    margin: 0 auto;
    z-index: 4;

}

.mobile-image {
    display: none;
    position: relative;
    width: 100%;
    aspect-ratio: 2 / 1;
    overflow: hidden;
}

.mobile-image:before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #0F5596 0%, rgba(15, 85, 150, 0) 70%);
    left: 0;
    top: 0;
}

.mobile-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}

/*======= information =======*/

.information .information-box {
    background-color: var(--white-color);
    padding: 40rem;
    border-radius: 8rem;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.04);
    text-align: center;
}

.information .information-box h2 {
    font-size: 30rem;
    line-height: 130%;
    margin: 0 0 20rem;
}

.information .information-box p {
    font-weight: 400;
    font-size: 15rem;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0 0 16rem;
    color: #414141;
}

.information .information-box a {
    font-weight: 500;
    font-size: 15rem;
    line-height: 105%;
    letter-spacing: 0%;
    color: var(--green-color);
    transition: .3s;
}

.information .information-box a:hover {
    text-decoration: underline;
}

.information .information-box a img {
    width: 10rem;
    margin: 0 8rem 0 0;
}

/*======= series =======*/

.series {
    position: relative;
    padding: 70rem 0 90rem;
    overflow: hidden;
}

.series h2 {
    position: relative;
    margin: 0 10rem 20rem;
    text-align: left;
    z-index: 4;
}

.series p {
    position: relative;
    max-width: 590rem;
    font-weight: 400;
    font-size: 18rem;
    line-height: 140%;
    margin: 0 10rem 50rem;
    color: #414141;
    z-index: 4;
}

.series-list {
    position: relative;
    width: calc(100% - 20rem);
    display: flex;
    flex-wrap: wrap;
    gap: 20rem;
    margin: 0 10rem;
    z-index: 4;
}

.series-list .series-single {
    position: relative;
    background-color: var(--white-color);
    width: calc((100% - 40rem) / 3);
    padding: 68rem 30rem 30rem;
    border-radius: 8rem;
	box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.04);
}

.series-list .series-single .series-single__icon {
    position: absolute;
    left: 30rem;
    top: 0;
    width: 50rem;
    height: 50rem;
    background-color: var(--green-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 5rem 5rem;
}

.series-list .series-single .series-single__icon img {
    width: 34rem;
}

.series-list .series-single .series-single__title {
    font-weight: 600;
    font-size: 16rem;
    line-height: 100%;
    letter-spacing: 0%;
    margin: 0 0 10rem;
}

.series-list .series-single .series-single__text {
    font-weight: 400;
    font-size: 15rem;
    line-height: 130%;
    letter-spacing: 0%;
    color: #414141;
    margin: 0;
}

.series .series-bg-1 {
    position: absolute;
    width: 815rem;
    top: 0;
    right: 0;
    z-index: 2;
}

.series .series-bg-2 {
    position: absolute;
    width: 490rem;
    bottom: 0;
    right: -140rem;
    z-index: 3;
}

/*======= certificate =======*/

.certificate {
    position: relative;
    background-image: url(../images/certificate-bg.png);
    background-position: center;
    background-size: cover;
}

.certificate:before {
    content: "";
    display: block;
    background-color: rgba(15, 85, 150, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.certificate .row {
    align-items: center;
    gap: 80rem;
}

.certificate a {
    position: relative;
    z-index: 3;
}

.certificate img {
    position: relative;
    width: 310rem;
    margin: 0 10rem;
    border-radius: 8rem;
    z-index: 3;
}

.certificate .certificate-content {
    position: relative;
    width: calc(100% - 430rem);
    max-width: 620rem;
    margin: 0 10rem;
    z-index: 3;
}

.certificate .certificate-content h2 {
    font-weight: 600;
    font-size: 36rem;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--white-color);
    margin: 0 0 30rem;
	text-align: left;
}

.certificate .certificate-content a {
    font-weight: 600;
    font-size: 20rem;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--white-color);
    text-decoration: underline;
}

.certificate .certificate-content a:hover {
    color: var(--white-color) !important;
    text-decoration: none;
}

.certificate .certificate-content p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--white-color);
    margin: 16rem 0 0;
}

/*======= advantages =======*/

.advantages {
    background: linear-gradient(90deg, #0F5596 0%, #1D8344 100%);
}

.advantages .row {
    gap: 30rem;
}

.advantages .advantages-single {
    display: flex;
    align-items: center;
    gap: 14rem;
    width: calc((100% - 120rem) / 3);
    margin: 0 10rem;
}

.advantages .advantages-single img {
    width: 60rem;
}

.advantages .advantages-single p {
    width: calc(100% - 74rem);
    max-width: 250rem;
    color: #FDFDFD;
    font-weight: 600;
    font-size: 15rem;
}

/*======= technologies =======*/

.technologies {
    position: relative;
}

.technologies .technologies-bg-1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    z-index: 2;
}

.technologies .technologies-bg-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 67%;
    z-index: 2;
}

.technologies h2 {
    max-width: 720rem;
}

.technologies-step {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20rem;
    width: calc(100% - 20rem);
    margin: 0 10rem;
    z-index: 4;
}

.technologies-step + .technologies-step {
    margin-top: 50rem;
}

.technologies-step .technologies-step__info {
    background-color: var(--white-color);
    width: calc(67% - 20rem);
    padding: 30rem 20rem;
    border-radius: 8rem;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.04);
}

.technologies-step h4 {
    display: flex;
    align-items: center;
    margin: 0 0 20rem;
}

.technologies-step h4 .step-title__number {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--green-color);
    width: 28rem;
    height: 28rem;
    font-weight: 600;
    font-size: 20rem;
    color: var(--white-color);
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    margin: 0 8rem 0 0;
    border-radius: 50%;
}

.technologies-step h4 .step-title__text {
    width: calc(100% - 36rem);
    font-weight: 600;
    font-size: 20rem;
    line-height: 140%;
    letter-spacing: 0%;
}

.technologies-step p {
    font-size: 15rem;
	color:  #414141;
}

.technologies-step p + p {
    margin-top: 12rem;
}

.technologies-step p strong {
    font-weight: 600;
}

.technologies-step .technologies-step__image {
    position: relative;
    width: 33%;
    aspect-ratio: 1.30666666667 / 1;
    border-radius: 8rem;
    overflow: hidden;
}

.technologies-step .technologies-step__image img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
}

/*======= list =======*/

.list {
    background-color: #EAEDEE;
    padding: 70rem 0 30rem;
}

.list h2 {
    width: calc(100% - 20rem);
    font-size: 26rem;
    text-align: left;
    margin: 0 10rem 30rem;
}

.list .list-columns {
    display: grid;
    grid-template: repeat(4, 1fr);
    gap: 20rem;
    grid-template-areas:
        "list-item__1 list-item__2 list-item__3 list-item__4";
    width: calc(100% - 20rem);
    margin: 0 10rem 18rem;
}

.list .list-columns .list-item__1 {
    grid-area: list-item__1;
}

.list .list-columns .list-item__2 {
    grid-area: list-item__2;
}

.list .list-columns .list-item__3 {
    grid-area: list-item__3;
}

.list .list-columns .list-item__4 {
    grid-area: list-item__4;
}

.list .list-columns .list-item li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 0 12rem;
}

.list .list-columns .list-item li .list-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18rem;
    height: 18rem;
    background-color: var(--white-color);
    border-radius: 50%;
    font-weight: 400;
    font-size: 13rem;
    line-height: 1;
    color: #414141;
    margin: 0 8rem 0 0;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
}

.list .list-columns .list-item li .list-text {
    width: calc(100% - 26rem);
    font-size: 14rem;
    line-height: 1.3;
    color: #414141;
}

.list img {
    margin: 0 auto;
}

/*======= compare =======*/

.compare .row {
    margin: 0;
}

.compare h2 {
    margin: 0 auto 40rem;
}

.compare p, .compare li {
    font-weight: 400;
    font-size: 16rem;
    line-height: 140%;
    letter-spacing: 0%;
    color: #414141;
}

.compare p + p, .compare ul + p  {
    margin-top: 12rem;
}

.compare p + ul {
    margin-top: 8rem;
}

.compare li {
    position: relative;
    padding: 0 0 0 12rem;
}

.compare li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8rem;
    left: 0;
    width: 6rem;
    height: 6rem;
    background-color: var(--green-color);
    border-radius: 50%;
}

.compare li + li {
    margin-top: 6rem;
}

.compare .table-box {
    width: 100%;
    background-color: var(--white-color);
    border-radius: 4rem;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.04);
    margin: 30rem 0 0;
}

.compare .table-box .table-box__title div, .compare .table-box .table-box__row div {
    padding: 10rem;
}

.compare .table-box p {
    font-weight: 400;
    font-size: 14rem;
    line-height: 140%;
    letter-spacing: 0%;
    color: #414141;
}

.compare .table-box .table-box__title {
    background-color: var(--green-color);
}

.compare .table-box .table-box__title p {
    color: var(--white-color);
}

.compare .table-box .table-box__row {
    display: flex;
}

.compare .table-box .table-box__row +.table-box__row {
    border-top: 1rem solid #C8E4BD;
}

.compare .table-box.table-1 .table-box__row div {
    width: calc((100% - 1rem) / 2);
}

.compare .table-box .table-box__row div + div {
    border-left: 1rem solid #C8E4BD;
}

.compare h3 {
    width: 100%;
    font-weight: 600;
    font-size: 20rem;
    line-height: 140%;
    letter-spacing: 0%;
    margin: 40rem 0 20rem;
}

.compare .after-table {
    font-weight: 400;
    font-size: 13rem;
    line-height: 130%;
    letter-spacing: 0%;
    margin: 6rem 0 0;
}

.compare .after-table span {
    color: #F34B4B;
}

.compare .table-box.table-2 {
    margin: 0;
}

.compare .table-box.table-2 .table-box__title {
    display: flex;
}

.compare .table-box.table-2 .table-box__title .column-title {
    width: 18%;
}

.compare .table-box.table-2 .table-box__title .column-text {
    width: calc((82% - 3rem) / 3);
    border-left: 1rem solid transparent;
}

.compare .table-box.table-2 .table-box__row .column-title {
    width: 18%;
    background-color: #E2F1DC;
}

.compare .table-box.table-2 .table-box__row .column-text {
    width: calc((82% - 3rem) / 3);
    border-left: 1rem solid #C8E4BD;
}

.compare .table-box.table-2 .full-width {
    padding: 10rem;
    border-top: 1rem solid #C8E4BD;
    border-bottom: 1rem solid #C8E4BD;
}

.variant {
    position: relative;
    width: 100%;
    display: flex;
    gap: 40rem;
    background-color: var(--white-color);
    padding: 40rem;
    border-radius: 8rem;
    box-shadow: 0px 4px 30px 0px #0000000A;
}

.variant + .variant {
    margin-top: 30rem;
}

.variant .variant-content {
    width: calc(50% - 20rem);
}

.variant .variant-content h4 {
    font-weight: 600;
    font-size: 16rem;
    line-height: 140%;
    letter-spacing: 0%;
    margin: 0 0 26rem;
}

.variant .variant-content h4 span {
    color: var(--green-color);
}

.variant .variant-content ul li::before {
    display: none;
}

.variant .variant-content li {
    display: flex;
    padding: 0;
}

.variant .variant-content li + li {
    margin-top: 10rem;
}

.variant .variant-content li span:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18rem;
    height: 18rem;
    border-radius: 50%;
    font-size: 14rem;
    line-height: 1;
    color: var(--white-color);
    margin: 2rem 4rem 0 0;
    padding: 2rem 2rem 4rem 2rem;
}

.variant .variant-content li span.plus:nth-child(1) {
    background-color: var(--green-color);
}

.variant .variant-content li span.minus:nth-child(1) {
    background-color: #888888;
}

.variant .variant-content li span.text {
    width: calc(100% - 22rem);
    font-weight: 400;
    font-size: 15rem;
    line-height: 140%;
    letter-spacing: 0%;
    color: #414141;
}

.variant .variant-image {
    position: relative;
    width: calc(50% - 20rem);
    border-radius: 8rem;
    overflow: hidden;
}

.variant .variant-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*======= equipments =======*/

.equipments {
    background-color: #F6F6F6;
}

.equipments h2 {
    margin: 0 auto 30rem;
}

.equipments .row {
    gap: 20rem;
    align-items: normal;
    margin: 0;
}

.equipments .equipments-single {
    width: calc((100% - 40rem) / 3);
    background-color: var(--white-color);
    border-radius: 8rem;
    overflow: hidden;
    transition: .3s;
}

.equipments .equipments-single:hover {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.04);
}

.equipments .equipments-single .equipments-image {
    width: 100%;
    position: relative;
    aspect-ratio: 1.50769230769 / 1;
    overflow: hidden;
}

.equipments .equipments-single .equipments-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.equipments .equipments-single p {
    min-height: 32rem;
    font-weight: 600;
    line-height: 1;
    padding: 14rem;
}

/*======= order-form =======*/

.slider .owl-carousel {
    position: relative;
    overflow: hidden;
}

.slider .owl-carousel .owl-stage-outer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15%;
    height: 100%;
    background: linear-gradient(90deg, rgba(234, 237, 238, 0) 0%, #EAEDEE 90%);
    transform: rotate(180deg);
    z-index: 100;
}

.slider .owl-carousel .owl-stage-outer:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15%;
    height: 100%;
    background: linear-gradient(90deg, rgba(234, 237, 238, 0) 0%, #EAEDEE 90%);
    z-index: 100;
}

.slider .owl-carousel .owl-item {
    position: relative;
	height: 300rem !important;
    aspect-ratio: 1.38028169014 / 1;
    border-radius: 8rem;
    overflow: hidden;
}

.slider .owl-carousel .owl-item > div, .slider .owl-carousel .owl-item .slider-video {
	width: 100% !important;
	height: 100% !important;
	border-radius: 8rem;
}

.slider .owl-carousel .owl-item > div .image-box {
	position: relative;
	display: block;
	width: 100%;
	height: 98%;
	/*
	aspect-ratio: 1 / 1;
	*/
}

.slider .owl-carousel .owl-item > div p {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	background-color: #fff;
	min-height: 32rem;
    font-weight: 600;
    line-height: 1;
    padding: 14rem;
	border-radius: 0 0 8rem 8rem;
}

.slider .owl-carousel .owl-item .slide-image {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center;
}

.slider .owl-carousel .owl-item .slider-video {
    position: relative;
}

.slider .owl-carousel .owl-item .slider-video .slide-image {
    position: relative;
    z-index: 2;
}

.slider .owl-carousel .owl-item .slider-video .slide-play {
    position: absolute;
    width: 36rem;
    right: 14rem;
    bottom: 20rem;
    z-index: 3;
}

.slider .owl-theme .owl-nav {
    position: relative;
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    height: 46rem;
    z-index: 20;
}

.slider .owl-theme .owl-nav button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46rem;
    height: 46rem;
    background: #FFFFFFCC;
    margin: 0;
    border-radius: 50%;
    transition: .3s;
}

.slider .owl-theme .owl-nav button:hover {
	background-color: #64B846;
}

.slider .owl-theme .owl-nav button svg {
	width: 12rem;
	height: auto;
}

.slider .owl-theme .owl-nav button svg path {
	stroke: #64B846;
}
.slider .owl-theme .owl-nav button:hover svg path {
	stroke: #fff;
}

.slider .owl-theme .owl-nav button span {
	position: relative;
	font-size: 34rem;
	top: -2rem;
}

.slider .owl-theme .owl-nav button.owl-prev svg {
	transform: rotate(180deg);
}

/*

.slider .owl-theme .owl-nav button span {
    background: transparent;
    color: #64B846;
    font-size: 40rem;
    padding: 0 0 3rem;
    transition: .3s;
}

.slider .owl-theme .owl-nav button:hover {
    background: #64B846;
}

.slider .owl-theme .owl-nav button:hover span {
    color: #ffffff;
}

*/

.slider .owl-theme .owl-nav button.owl-prev {
    position: absolute;
    left: 40rem;
    /*
    top: -140rem;
    */
    top: -173rem;
}

.slider .owl-theme .owl-nav button.owl-next {
    position: absolute;
    right: 40rem;
    /*
    top: -140rem;
    */
    top: -173rem;
}

.slider .owl-theme .owl-dots {
    display: none;
    justify-content: center;
    gap: 8rem;
    margin-top: 20rem !important;
}

.slider .owl-theme .owl-dots .owl-dot span {
    background: #CCCFD0;
    width: 8rem;
    height: 8rem;
    margin: 0;
}

.slider .owl-theme .owl-dots .owl-dot.active span {
    background: var(--green-color);
}

/*======= order-form =======*/

.order {
    background: linear-gradient(90deg, #0F5596 0%, #1D8344 100%);
    padding: 0;
}

.order .row {
    align-items: normal;
}

.order .order-info {
    width: calc(100% - 535rem);
    margin: 0 10rem;
    padding: 70rem 0 80rem;
}

.order .order-info .order-info__title {
    max-width: 560rem;
    margin: 0 0 40rem;
}

.order .order-info .order-info__title h2 {
    font-weight: 600;
    font-size: 36rem;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--white-color);
    text-align: left;
    margin: 0;
}

.order .order-info .order-info__title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0%;
    margin: 30rem 0 0;
    color: var(--white-color);
}

.order-info__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 30rem 40rem;
}

.order-info__socials .order-phones {
    display: flex;
    align-items: center;    
}

.order-info__socials .order-phones img {
    width: 48rem;
    margin: 0 10rem 0 0;
}

.order-email a {
    font-weight: 600;
    font-size: 15rem;
    line-height: 130%;
    letter-spacing: 0%;
    color: var(--white-color);    
}

.order-email a img {
    width: 12rem;
    margin: 0 8rem 0 0;
}

.order-email p {
    font-weight: 400;
    font-size: 14rem;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--white-color);
    margin: 4rem 0 0;
    padding: 0 0 0 20rem;
}

.order-info__socials .order-phones .order-phones__links {
    display: flex;
    flex-direction: column;
    gap: 8rem;
    width: calc(100% - 58rem);
}

.order-info__socials .order-phones .order-phones__links a {
    font-weight: 600;
    font-size: 17rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--white-color);
}

.order-messengers {
    width: 100%;
    display: flex;
    gap: 12rem;
}

.order-messengers a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34rem;
    height: 34rem;
    border-radius: 50%;
}

.order-messengers a img {
    width: 20rem;
    transition: .3s;
}

.order-messengers a:hover img {
    transform: scale(1.25);
}

.order-messengers a.whatsapp {
    background: linear-gradient(180deg, #6FD866 0%, #23B516 100%);
}

.order-messengers a.telegram {
    background: linear-gradient(180deg, #4ABEEB 0%, #1296C9 100%);
}

.order-form {
    width: 495rem;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 10rem;
    padding: 70rem 50rem;
}

.order-form .order-title {
    font-weight: 600;
    font-size: 15rem;
    line-height: 140%;
    letter-spacing: 0%;
    color: #FDFDFD;
    margin: 0 0 14rem;
}

form {
    width: 100%;
}

form .form-input {
    position: relative;
    margin: 0 0 12rem;
}
/*
form .form-input img {
    position: absolute;
    width: 16rem;
    top: 17rem;
    left: 18rem;
    z-index: 3;
}

form .form-input.form-input__phone img, form .form-input.form-input__email img {
    top: 19rem;
}
*/

form .form-input.form-input__name input {
    background-image: url(../images/user.png);
    background-repeat: no-repeat;
    background-position: 21rem 18rem;
    background-size: 16rem;
}

form .form-input.form-input__phone input {
    background-image: url(../images/phone.png);
    background-repeat: no-repeat;
    background-position: 18rem 17rem;
    background-size: 18rem;
}

form .form-input.form-input__email input {
    background-image: url(../images/envelope.png);
    background-repeat: no-repeat;
    background-position: 18rem 18rem;
    background-size: 18rem;
}

form input {
    position: relative;
    width: 100%;
    background-color: var(--white-color);
    padding: 16rem 18rem 16rem 46rem;
    font-weight: 400;
    font-size: 15rem;
    line-height: 135%;
    letter-spacing: 0%;
    color: #6C6C6C;
    border-radius: 8rem;
    outline: none;
    z-index: 2;
}

form input:hover {
    color: #414141;
}

form input:active {
    color: #414141;
}

form input.error-input::placeholder {
	color: #E95858;
}

form p {
    font-weight: 400;
    font-size: 13rem;
    line-height: 140%;
    letter-spacing: 0%;
    color: var(--white-color);
    margin: 6rem 0 0;
}

/*======= footer =======*/

footer {
    padding: 30rem 0;
}

footer .row {
    align-items: center;
}

footer .footer-column {
    width: calc((100% - 60rem) / 3);
    margin: 0 10rem;
}

footer p, footer a {
    font-weight: 400;
    font-size: 14rem;
    line-height: 140%;
    letter-spacing: 0%;
    color: #5F5F5F;
}

footer a {
    text-decoration: underline;
    transition: .3s;
}

footer a:hover {
    text-decoration: none;
}

footer .copyright {
    text-align: center;
}

footer .produce p {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10rem;
}

footer .produce p img {
    width: 23rem;
}

.scroll-top {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 30rem;
    bottom: 50rem;
    width: 40px;
    height: 40px;
    background-color: #5695D0;
    box-shadow: 0px 4px 4px 0px #0000001A;
    border-radius: 8rem;
    transition: .3s;
    z-index: 30;
}

.scroll-top svg {
    width: 16rem;
}

.scroll-top:hover {
    background-color: #4281BC;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #274E7366;
    transform: translateX(-1000%);
    transition: .3s;
    z-index: 50;
}

.popup-order {
    background: #E8EDF1;
    position: fixed;
    left: calc(50% - 200rem);
    top: calc(50% - 168rem);
    width: 400rem;
    max-width: 100%;
    border-radius: 8rem;
    transform: translateY(-1000%);
    transition: .3s;
    opacity: 0;
    z-index: 51;
}

.overlay.open, .popup-order.open, .access.open, .error.open {
    opacity: 1;
    transform: translateY(0);
}

.access, .error {
    background: #E8EDF1;
    position: fixed;
    text-align: center;
    left: calc(50% - 185rem);
    top: calc(50% - 100rem);
    padding: 30rem;
    width: 370rem;
    max-width: 100%;
    border-radius: 8rem;
    transform: translateY(-1000%);
    transition: .3s;
    opacity: 0;
    z-index: 52;
}

.access img, .error img {
    width: 60rem;
}

.access .title, .error .title {
    font-weight: 600;
    font-size: 16rem;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #222930;
    margin: 0 0 10rem;
}

.access .text, .error .text {
    font-weight: 500;
    font-size: 15rem;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: center;
    color: #414141;
    margin: 0;
}

.popup-order .close {
    position: absolute;
    top: 15rem;
    right: 15rem;
    cursor: pointer;
}

.popup-order svg.close {
    width: 12rem;
}

.popup-order .order-form .order-title, .popup-order form p {
    color: #414141;
}

.popup-order .order-form {
    margin: 0;
    padding: 40rem 30rem;
}

.fancybox__container {
    /*
    --fancybox-bg: rgba(255, 255, 255, 0.7) !important;
    
    --fancybox-bg: #EAEDEE !important;
	*/
	background: rgba(39, 78, 115, 0.4);
	--fancybox-bg: transparent;
}

.fancybox__toolbar {
    --f-button-bg: #EAEDEE !important;
}

.fancybox-image {
	max-width: 1216rem;
}

.f-button, .f-button:hover {
    background: transparent !important;
}

.f-button svg {
	/*
    fill: #ACB1B5 !important;
    stroke: #ACB1B5 !important;
	*/
	stroke: #414141 !important;
}

.fancybox__slide.has-image>.fancybox__content {
    width: calc(100% - 40rem) !important;
    height: auto !important;
	/*
	background-color: rgba(255, 255, 255, .8);
	*/
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content, .fancybox__viewport.is-draggable {
	background-color: rgba(255, 255, 255, .8) !important;
}

.fancybox__caption {
	display: flex;
	align-items: center;
    background-color: rgba(255, 255, 255, 0.7) !important;
    width: calc(100% - 40rem) !important;
    padding: 0 20rem;
    text-align: left;
    color: #222930;
    height: 45px;
    position: relative;
    top: -45px;
    z-index: 23;
    line-height: 1;
}

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

    html {
        font-size: .8px;
    }
	
	.slider .owl-carousel .owl-item {
		height: 250rem !important;
	}

    .slider .owl-theme .owl-nav button.owl-next, .slider .owl-theme .owl-nav button.owl-prev {
        top: -148rem;
    }
	
	.header-scroll .order-info__socials {
		max-width: 500rem;
	}
    
}

@media screen and (max-width: 1024px) {
    .primary {
        min-height: auto;
        background-image: none;
        background-color: #0F5596;
        padding: 40rem 0 0;
    }

    .primary .mobile-image {
        display: block;
    }
}

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

    html {
        font-size: .7px;
    }

}

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

    html {
        font-size: 1px;
    }

    header {
        height: 83rem;
    }

    header .order-email {
        margin: 0 75rem 0 10rem;
    }

    header .order-info__socials .order-phones img {
        display: none;
    }
    
    .order-info__socials .order-phones img {
        display: none;
    }

    header .order-info__socials .order-phones .order-phones__links a {
        font-size: 16rem;
    }

    .order-info__socials .order-phones .order-phones__links {
        width: 100%;
    }

    .header-scroll .order-info__socials .order-phones img {
        display: none;
    }

    .header-scroll .order-info__socials {
        width: auto;
    }

    .header-scroll .order-info__socials .order-phones .order-phones__links {
        flex-direction: column;
        gap: 7rem;
    }

    .header-scroll .order-info__socials .order-phones .order-phones__links a {
        font-size: 16rem;
    }

    h1 {
        font-weight: 700;
        font-size: 32rem;
        line-height: 134%;
        letter-spacing: 0%;
        text-align: center;
        text-transform: uppercase;

    }

    .information {
        background-color: var(--white-color);
        padding: 30rem 0;
    }

    .information .information-box {
        box-shadow: none;
    }

    h2 {
        font-weight: 600;
        font-size: 30rem;
        line-height: 130%;
        letter-spacing: 0%;
        text-align: center;
    }

    .advantages .advantages-single {
        flex-wrap: wrap;
    }

    .advantages .advantages-single img {
        width: auto;
        height: 60rem;
    }

    .advantages .advantages-single p {
        max-width: 380rem;
    }

    .series {
        padding: 70rem 0 170rem;
    }

    .series .series-bg-1 {
        display: none;
    }

    .series h2 {
        text-align: center;
    }

    .series p {
        max-width: 100%;
        font-size: 16rem;
        text-align: center;
		margin: 0 auto 40rem;
    }

    .series-list .series-single {
        width: calc((100% - 20rem) / 2);
    }

    .series-list .series-single .series-single__title, .series-list .series-single .series-single__text {
        text-align: left;
    }

    .series .series-bg-2 {
        width: calc(100% - 40rem);
        left: 20rem;
    }

    .certificate .row {
        flex-direction: column;
        justify-content: center;
        gap: 30rem;
    }

    .certificate .certificate-content {
        width: calc(100% - 20rem);
        max-width: 100%;
        text-align: center;
    }

    .certificate .certificate-content h2 {
        max-width: 490rem;
        font-size: 30rem;
        margin: 0 auto 30rem;
		text-align: center;
    }

    .technologies {
        padding: 30rem 0 250rem;
    }

    .technologies .technologies-bg-1 {
        display: none;
    }

    .technologies h2 {
        max-width: 560rem;
    }

    .technologies-step.tablet-reverce {
        flex-direction: column-reverse;
    }

    .technologies-step .technologies-step__image {
        width: 100%;
        height: 300rem;
    }

    .technologies-step .technologies-step__info {
        width: 100%;
    }

    .technologies .technologies-bg-2 {
        width: 100%;
        left: 0;
    }

    .list .list-columns {
        gap: 12rem;
        grid-template-areas: 
            "list-item__1 list-item__3"
            "list-item__2 list-item__4";
    }

    .list .list-columns .list-item li {
        margin: 0;
    }

    .list .list-columns .list-item li + li {
        margin-top: 12rem;
    }

    .order .order-info {
        width: calc(100% - 28rem);
        padding: 70rem 14rem 40rem;
    }

    .order-info__socials .order-phones img {
        display: block;
    }

    .order .order-info .order-info__title {
        max-width: 615rem;
        margin: 0 auto 40rem;
    }

    .order .order-info .order-info__title h2 {
        font-size: 30rem;
        text-align: center;
    }

    .order .order-info__socials {
        justify-content: center;
    }

    .order-form {
        width: 100%;
        margin: 0;
        padding: 40rem 20rem 70rem;
    }

    .order-form .order-title {
        text-align: center;
    }

    .compare .table-box.table-2 .table-box__title .column-title {
        display: none;
    }

    .compare .table-box.table-2 .table-box__title .column-text, .compare .table-box.table-2 .table-box__row .column-text {
        width: calc((100% - 2rem) / 3);
    }

    .compare .table-box .table-box__row {
        flex-wrap: wrap;
    }

    .compare .table-box.table-2 .table-box__row .column-title {
        width: 100%;
        text-align: center;
    }

    .variant {
        flex-direction: column;
        gap: 20rem;
        width: calc(100% + 20rem);
        background-color: #fff;
        margin: 0 -20rem;
        padding: 30rem 20rem;
        box-shadow: none;
    }

    .variant + .variant {
        margin-top: 0;
    }

    .variant + .variant::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1rem;
        background-color: #E0E3E4;
    }

    .variant .variant-content {
        width: 100%;
    }

    .variant .variant-image {
        width: 100%;
        height: 306rem;
        max-width: 470rem;
    }

    .equipments .equipments-single {
        width: calc(50% - 10rem);
    }

    .order .order-info .order-info__title p {
        text-align: center;
    }

    .order .order-messengers {
        width: auto;
    }

    .slider .owl-theme .owl-nav button.owl-next, .slider .owl-theme .owl-nav button.owl-prev {
        /*
        top: -155rem;
        */
        top: -336%;
    }

    footer {
        padding: 30rem 0 50rem;
    }

    footer .row {
        flex-direction: column;
        justify-content: center;
        gap: 24rem;
    }

    footer .footer-column {
        width: calc(100% - 20rem);
        margin: 0 10rem;
    }

    footer p, footer a {
        text-align: center;
    }

    .footer-column.copyright a {
        text-decoration: underline;
    }

    footer .produce p {
        justify-content: center;
    }

    .fancybox__footer .fancybox__caption{
        width: 100% !important;
        top: 0 !important;
    }

    .is-compact .fancybox__footer {
        background: transparent;
    }

}

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

    header .row {
        display: grid;
        grid-template-areas:
            "logo socials"
            "email socials";
        align-items: flex-start;
    }

    header .logo {
        grid-area: logo;
        height: 83rem;
    }

    .order-info__socials {
        grid-area: socials;
    }

    header .order-email {
        grid-area: email;
        margin: 12rem 0 0 10rem;
    }

    header {
        height: auto;
        padding: 0 0 16rem;
    }

    .order-email p {
        display: none;
    }

    header .order-info__socials {
        gap: 15rem;
        flex-direction: column-reverse;
        align-items: flex-end;
        margin: 18rem 10rem 0;
    }

    .primary {
        min-height: auto;
        padding: 20rem 0 0 !important;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
    }

    h1 {
        font-weight: 700;
        font-size: 28rem;
        line-height: 134%;
        margin: 0 auto 14rem;
    }

    .primary p {
        font-size: 16rem;
    }

    .btn {
        width: 100%;
    }

    section {
        padding: 60rem 0 !important;
    }

    .information .information-box {
        padding: 0 10rem;
    }

    h2 {
        font-size: 26rem;
        margin: 0 auto 40rem;
    }
	
	.certificate .certificate-content h2 {
		font-size: 26rem;
        margin: 0 auto 20rem;
	}

    .advantages .row {
        flex-direction: column;
		gap: 40rem;
    }

    .advantages .advantages-single {
        width: calc(100% - 20rem);
    }

    .series {
        padding: 60rem 0 110rem !important;
    }

    .series-list .series-single {
        width: 100%;
        padding: 68rem 20rem 20rem;
    }

    .technologies .row {
        margin: 0;
    }

    .technologies-step {
        width: 100%;
        gap: 0;
        margin: 0;
    }
	
	.technologies-step h4 .step-title__text {
		font-size: 18rem;
	}

    .technologies-step .technologies-step__info {
        border-radius: 0;
        box-shadow: none;
    }

    .technologies-step .technologies-step__image {
        width: calc(100% + 20rem);
        margin: 0 -10rem;
        border-radius: 0;
        box-shadow: none;
    }

    .technologies-step + .technologies-step {
        margin-top: 0;
    }

    #technologies {
        padding: 30rem 0 180rem !important;
    }

    .list .list-columns .list-item__2 {
        grid-area: list-item__2;
        margin: -74rem 0 0;
    }

    .order {
        padding: 0 !important;
    }

    .order .order-info .order-info__title {
        margin: 0 auto 30rem;
    }

    .order .order-info .order-info__title h2 {
        font-size: 26rem;
    }

    .equipments .equipments-single {
        width: 100%;
    }

    .slider .owl-carousel .owl-stage-outer:before, .slider .owl-carousel .owl-stage-outer:after {
        display: none;
    }

    .order.order-2 .order-info__socials {
        flex-direction: column;
    }

    .order-info__socials .order-phones {
        justify-content: center;
    }

    .order-info__socials .order-phones .order-phones__links {
        width: auto;
    }

    .order.order-2 .order-email {
        text-align: center;
    }

    .order.order-2 .order-messengers {
        justify-content: center;
    }

    .header-scroll .email {
        margin: 0 10rem 0 auto;
    }

    .header-scroll .order-info__socials .order-messengers {
        margin: 0 10rem;
    }

    .header-scroll .order-info__socials {
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
    }

    .header-scroll .order-info__socials .order-phones .order-phones__links {
        align-items: flex-end;
        margin: 0 10rem;
    }

    /*
    .overlay {
        background: rgba(255, 255, 255, 0.1);
    }
    */

    .slider .owl-carousel .owl-item {
        border-radius: 0;
    }

    .slider .owl-theme .owl-nav {
        display: none;
    }

    .slider .owl-theme .owl-dots {
        display: flex;
    }

    .overlay.overlay-desktop {
        display: none !important;
        z-index: -1 !important;
    }

    .overlay.overlay-mobile {
        background: #E8EDF1 !important;
    }

    .popup-order {
        top: 24rem;
    }
    
    .popup-order .order-form {
        padding: 40rem 0 30rem;
    }

    .header-scroll .logo {
        height: 30rem;
    }

}

@media screen and (max-width: 414px) {
	
	h1, h2 {
		font-size: 22rem !important;
	}
	
	h2 {
		margin: 0 auto 30rem !important;
	}
	
	section {
        padding: 50rem 0 !important;
    }
	
	.header-scroll .logo {
        height: 24rem;
		margin: 0 0 0 14rem;
    }
	
	.header-scroll .email span {
		font-size: 10rem;
	}
	.header-scroll .order-info__socials .order-phones .order-phones__links a {
        font-size: 14rem;
    }
	
	header .logo {
		height: 68rem;
	}
	
	header .order-info__socials .order-phones .order-phones__links a {
		font-size: 14rem;
	}
	
	.order-info__socials .order-phones .order-phones__links {
		align-items: flex-end;
	}
	
	header .order-info__socials {
		gap: 7rem;
		margin: 18rem 14rem 0 -35rem;
	}
	
	header .order-info__socials .order-messengers {
		margin: 14rem 0 0;
	}
	
	.order-email a {
		font-size: 14rem;
	}
	
	.primary p {
		font-size: 15rem;
	}
	
	.primary .btn {
		max-width: 100%
	}
	
	.advantages .advantages-single p {
        max-width: 215rem;
    }
	
	.series {
        padding: 50rem 0 110rem !important;
    }

    .compare .table-box p {
        font-size: 12rem;
    }
	.series-list .series-single {
        padding: 68rem 14rem 20rem;
    }

    .list .list-columns {
        gap: 12rem;
        grid-template-areas:
        "list-item__1"
        "list-item__2"
        "list-item__3"
        "list-item__4";
    }

    .list .list-columns .list-item__2 {
        margin: 0;
    }
	
	.certificate img {
		width: 300rem;
		margin: 0 auto;
	}
	
	.certificate .certificate-content p {
		font-size: 15rem;
	}
	
	#technologies {
        padding: 50rem 0 100rem !important;
    }
	
	.technologies-step .technologies-step__info {
		padding: 30rem 14rem 40rem !important;
	}
	
	.technologies-step h4 .step-title__number {
		width: 24rem;
		height: 24rem;
		font-weight: 600;
		font-size: 16rem;
	}
	
	.technologies-step h4 .step-title__text {
        font-size: 16rem;
    }
	
	.order .order-info {
        padding: 50rem 0 40rem;
    }
	
	section.compare {
		padding: 50rem 0 0 !important;
	}
	
	.compare p, .compare li {
		font-size: 14rem;
		word-break: break-all;
	}
	
	.compare h3 {
		font-size: 18rem;
	}
	
	.variant {
		width: 100%;
		margin: 0 auto;
		padding: 30rem 14rem;
		border-radius: 0;
	}
	
	.compare .row > div:nth-child(15) {
		padding: 30rem 14rem 50rem;
	}
	
	.variant .variant-image {
		height: 190rem;
	}
	
	.equipments .equipments-single p {
		height: 60rem;
		font-size: 15rem;
	}
	
	.order .order-info .order-info__title h2 {
		word-break: break-all;
	}

    .popup-order svg.close {
        width: 12px;
        right: 0;
    }

}

@media screen and (max-width: 320px) {
	/*
    html {
        font-size: .7px;
    }
	*/
}