/* font-family: 'Roboto', sans-serif; */
/* font-size: calc( (100vw - Vmin)/(Vmax - Vmin) * (Fmax - Fmin) + Fmin); */
/* font-size: calc( (100vw - 1280px)/(5120 - 1280) * (60 - 24) + 24px); */

/* .mouse-icon {
    border: 2px solid #fff;
    border-radius: 29px;
    height: 35px;
    width: 23px;
    display: block;
    z-index: 10;
    position: absolute;
    bottom: 20px;
    right: 50%;
    z-index: 500;
    transform: translateX(50%);
  }
  .mouse-icon .wheel {
    position: relative;
    border-radius: 10px;
    background: #fff;
    width: 3px;
    height: 7px;
    top: 7px;
    margin-left: auto;
    margin-right: auto;
  } */


  .mouse-icon {
    border: 0.1vw solid #fff;
    border-radius: 1.5vw;
    height: 1.8vw;
    width: 1.2vw;
    display: block;
    z-index: 10;
    /* opacity: 0.7; */
    position: absolute;
    /* top: 90%; */
    bottom: 1vw;
    right: 50%;
    z-index: 5;
    transform: translateX(50%);
  }
  .mouse-icon .wheel {
    position: relative;
    border-radius: 0.5vw;
    background: #fff;
    width: 0.15vw;
    height: 0.36vw;
    top: 0.36vw;
    margin-left: auto;
    margin-right: auto;
  }




  
  .mouse-icon .wheel {
    -webkit-animation-name: drop;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
    -webkit-animation-name: drop;
            animation-name: drop;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  



section {
    min-height: 100vh;
    transition: left 1s ease-in-out;
}
html, body{
    background-color: #263966;
    /* min-height: 100vh; */
    /* min-width: 100vw; */
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    overflow-x: hidden;
    /* overflow: hidden; */
}

html.hidden {
    overflow: hidden;
}
/* body.hidden {
    overflow: hidden;
} */
.container {
    min-height: 100vh;
    /* min-width: 100vw; */
    width: 100%;
    /* position: relative;
    overflow-x: hidden; */
}
.additional_wrap {
    min-height: 100vh;
    min-width: 100vw;
    position: absolute;
    /* overflow-x: hidden; */
}
/* footer */

.footer {
    /* background-color: #263966; */
    position: absolute;
    left: 2.5vw;
    bottom: 1.9vw;
    right: 3.6vw;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    z-index: 300;
    display: none;
}
.footer.visible {
    display: grid;
}
.copyright {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.7vw;
    line-height: 16px;
    color: #FFFFFF;
}
.copyright_organization {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.7vw;
    line-height: 16px;
    color: #FFFFFF;
}
.copyright_confidentiality {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.7vw;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
}
.copyright_terms {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.7vw;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
}
.contacts {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
}
.phone-number {
    position: relative;
    padding-left: 1vw;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.7vw;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
}
.phone-number:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    background-image: url(img/icon_phone.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 0.7vw;
    height: 0.7vw;
}
.mail {
    position: relative;
    padding-left: 1vw;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.7vw;
    /* line-height: 16px; */
    color: #FFFFFF;
    text-decoration: none;
}
.mail:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    background-image: url(img/icon_mail.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 0.7vw;
    height: 0.7vw;
}
.adress {
    position: relative;
    padding-left: 1vw;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 0.7vw;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: none;
}
.adress:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    background-image: url(img/icon_map.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 0.7vw;
    height: 0.7vw;
}
/* end footer */


/* pagination */
.pagination {
    width: 18vw;
    height: 18vw;
    position: absolute;
    background-image: url(img/bg_circle.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    top: 20vw;
    left: -4.5vw;
    display: grid;
    align-content: center;
    justify-content: center;
    z-index: 5;
}
.pagination_wrap {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    align-items: center;
    /* grid-gap: 1vw; */
}
.count_wrap {

}
.count {
    display: grid;
    align-items: baseline;
    grid-template-columns: 1fr 1fr;
}
.count_num {
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    font-size: 1.9vw;
    /* line-height: 42px; */
    color: #FFFFFF;
}
.count_all {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 0.9vw;
    /* line-height: 21px; */
    color: #FFFFFF;
    opacity: 0.7;
}
.pagination_arrow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}
.pagination_prev {
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    background-image: url(img/pagination_arrow-prev.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    text-decoration: none;
}
.pagination_next {
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    background-image: url(img/pagination_arrow-next.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    text-decoration: none;
}


/* end pagination */
/* overlay */

.overlay {
    width: 100vw;
    height: 100vh;
    background-image: url(img/menu_overlay.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    /* z-index: 5; */
    display: none;
}
.overlay.visible {
    display: block;
}


.menu {
    position: absolute;
    top: 15vmin;
    left: 50%;
    right: 0;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 200;
    /* transform: translateX(-50%); */
    z-index: 200;
    display: none;
}
.menu.visible {
    display: block;
}
.menu_list {
    display: grid;
    grid-gap: 1.6vw;
}
.menu_item {

}
.menu_item:hover .menu_link:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.1vw;
    width: 100%;
    height: 0.8vw;
    background-color: #FE1C1E;
    z-index: -1;
}
.menu_item.active .menu_link:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0.1vw;
    width: 100%;
    height: 0.8vw;
    background-color: #FE1C1E;
    z-index: -1;
}
.menu_link {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    /* font-size: 48px; */
    font-size: 1.5vw;
    line-height: 130%;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
}
/* end overlay */


/* main */


/* header */

.header {
    /* padding-left: 49px; */
    /* padding-top: 49px; */
    padding-left: 2.6vw;
    padding-top: 2.6vw;
    /* padding-right: 75px; */
    /* padding-bottom: 49px; */
    padding-right: 3.9vw;
    padding-bottom: 2.6vw;
    background-color: transparent;
    display: grid;
    grid-template-columns: 1fr 2fr 0.5fr;
    align-items: center;
    justify-items: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 5;
}
.logo {
    display: grid;
    align-items: center;
    justify-items: baseline;
    justify-self: baseline;
    grid-gap: 1vw;
    grid-template-columns: 1fr 3fr;
}
.logo_link {
    width: 3.8vmax;
    height: 3.8vmax;
}
.logo_img {
    width: 100%;
}
.logo_text {
    display: grid;
    /* font-size: 24px; */
    font-size: 1.3vw;
    line-height: 88.4%;
    color: #FFFFFF;
    justify-self: start;
}
.logo_text span {
    font-weight: 300;
    /* font-size: 24px; */
    font-size: 1.3vw;
    line-height: 88.4%;
    color: #FFFFFF;
    position: relative;
}
/* .logo_text span:before {
    content: "";
    position: absolute;
    width: 1.9vw;
    height: 2.9vw;
    background-image: url(img/Z_victory_Z.png);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -1.4vw;
    right: 4.6vw;
} */


.header_contacts .mail {
    font-size: 1.3vw;
    padding-left: 1.7vmax;
}
.header_contacts .mail:before {
    width: 1.2vmax;
    height: 1.2vmax;
    top: 50%;
    transform: translateY(-50%);
}
.tel {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    /* font-size: 24px; */
    /* font-size: calc( (100vw - Vmin)/(Vmax - Vmin) * (Fmax - Fmin) + Fmin); */
    /* font-size: calc( (100vw - 1024px)/(5120 - 1024) * (24 - 24) + 24px); */
    font-size: 1.3vw;
    /* line-height: 28px; */
    color: #FFFFFF;
    position: relative;
    /* padding-left: 33px; */
    padding-left: 1.7vmax;
    text-decoration: none;
}
.tel::before {
    content :"";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2vmax;
    height: 1.2vmax;
    background-image: url(img/icon_phone.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.menu-burger_link {
    background-image: url(img/icon_menu.svg);
    background-repeat: no-repeat;
    width: 3vmax;
    height: 3vmax;
    display: block;
    background-position: 50% 50%;
    background-size: contain;
    pointer-events: all;
    /* display: none; */
}
.menu-burger_link.invisible {
    display: none;
}
.menu-burger_close {
    background-image: url(img/icon_close.svg);
    background-repeat: no-repeat;
    width: 3vmax;
    height: 3vmax;
    display: block;
    background-position: 50% 50%;
    background-size: contain;
    pointer-events: all;
    z-index: 300;
    display: none;
}
.menu-burger_close.visible {
    display: block;
}
.menu-burger {
    justify-self: end;
    position: relative;
    z-index: 200;
    position: absolute;
    right: 5vw;
    top: 3vw;
}
/* end header */


/* social block */
.social_list {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    position: absolute;
    /* top: 400px; */
    top: 21vw;
    /* right: 70px; */
    right: 3.6vw;
    z-index: 10;
}
.social_item:not(:last-child) {
    /* margin-bottom: 25px; */
    margin-bottom: 2.3vw;
}
.social_link {
    /* width: 15px; */
    width: 1.4vw;
    height: 1.4vw;
    /* height: 15px; */
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}
/* .social_img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
} */
.social_img-vk {
    background-image: url(img/icon_vk.svg);
}
.social_img-instagram {
    background-image: url(img/icon_instagram.svg);
}
.social_img-twitter {
    background-image: url(img/icon_twitter.svg);
}
.social_img-fb {
    background-image: url(img/icon_fb.svg);
}
.social_img-youtube {
    background-image: url(img/icon_youtube.svg);
}
.social {
    align-self: self-start;
    justify-self: end;
}
/* end social block */

.btn_more {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 0.9vw;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    position: relative;
    justify-self: baseline;
    align-self: baseline;
    z-index: 2;
}
.btn_more:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0vw;
    width: 100%;
    background-color: #FE1C1E;
    height: 0.5vw;
    z-index: -1;
}

/* section research */
.research {
    width: 100vw;
    background-image: url(img/section_bg_1.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    padding-left: 13vw;
    padding-right: 13vw;
    padding-top: 17vmin;
    display: grid;
    /* grid-template-rows:  0.3fr 0.2fr 0.1fr; */
    grid-template-rows: auto auto auto;
    padding-bottom: 3vw;
    grid-gap: 20px;
}
.research_title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 4vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.research_title span {
    position: relative;
    display: inline-block;
}
.research_title span:after {
    content: "";
    position: absolute;
    width: 27.8vw;
    height: 3.5vw;
    background-image: url(img/title_decor.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    right: -27.8vw;
    bottom: 0.8vw;
}
.research_desc {
    width: 42.5vw;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    /* font-size: 24px; */
    font-size: 1.3vw;
    /* line-height: 1.3; */
    color: #FFFFFF;
    justify-self: end;
}
.research_title-desc {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    /* font-size: 48px; */

    font-size: 2.5vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.research_list {
    display: grid;
    grid-gap: 1.8vw;
    grid-template-columns: 1fr 1fr 1fr;
}
.research_item {
    padding-left: 1.9vw;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    /* font-size: 18px; */
    /* font-size: calc( (100vw - Vmin)/(Vmax - Vmin) * (Fmax - Fmin) + Fmin); */
    /* font-size: calc( (100vw - 375px)/(1920 - 375) * (18 - 18) + 18px); */
    font-size: 0.9vw;
    /* font-size: calc( (100vw - 1920px)/(5120 - 1920) * (18 - 18) + 18px); */
    line-height: 130%;
    color: #FFFFFF;
    position: relative;
    /* max-width: 440px; */
    max-width: 23vw;
    align-self: center;
}


/* .research_item {
    font-size: calc( (100vw - 1920px)/(5120- 1920) * (18 - 18) + 18px);
} */
/* .research_desc {
    font-size: calc( (100vw - 1920px)/(5120- 1920) * (24 - 24) + 24px);
} */

.research_item:before {
    content: "";
    position: absolute;
    /* width: 18px; */
    width: 0.9vw;
    height: 0.9vw;
    /* height: 18px; */
    background-image: url(img/icon_list-arrow-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* end section research */

/* detection */
.detection {
    width: 100vw;
    /* height: 100vh; */
    background-image: url(img/section_bg_radarvolna.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    padding-left: 13vw;
    padding-right: 13vw;
    padding-top: 9vw;
    padding-bottom: 3vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
}
.detection_wrap {
    display: grid;
    grid-template-rows: auto auto 3vw auto;
    align-items: flex-start;
    /* max-width: 40vw; */
}
.detection_title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.detection_title span {
    position: relative;
    display: inline-block;
    color: #FE1C1E;
}
/* .detection_title span:after {
    content: "";
    position: absolute;
    width: 27.8vw;
    height: 3.5vw;
    background-image: url(img/title_decor.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    right: -27.8vw;
    bottom: 0.8vw;
} */
.detection_desc {
    width: 36.5vw;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    /* font-size: 24px; */
    font-size: 1.3vw;
    line-height: 130%;
    color: #FFFFFF;
    justify-self: end;
}
.detection_description {

}
.detection_desc-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    /* font-size: 48px; */
    font-size: 1.8vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.detection_desc-text {
    /* max-width: 18.8vw; */
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    /* font-size: 18px; */
    font-size: 1.7vw;
    color: #FFFFFF;
    justify-self: center;
}
.detection_list {
    display: grid;
    /* grid-gap: 34px; */
    grid-gap: 0.6vw;
    grid-template-columns: 1fr 1fr 1fr;
}
.detection_item {
    min-height: 35px;
    padding-left: 3.6vw;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8vw;
    color: #FFFFFF;
    position: relative;
    max-width: 19.5vw;
    align-self: center;
    display: flex;
    align-items: center;

}

.detection_advantages-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* grid-gap: 6vh; */
}
.detection_advantages-item {
    max-width: 11.5vw;
}
.detection_advantages-item:not(:first-child) {
    justify-self: center;
}
.detection_advantages-subtitle {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    /* font-size: 36px; */
    font-size: 1.9vw;
    /* line-height: 44px; */
    color: #FFFFFF;
}
.detection_advantages-text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    /* font-size: 14px; */
    font-size: 0.7vw;
    color: #FFFFFF;
}

.detection_bg {
    width: 100%;
    height: 100%;

    position: relative;
    /* top: 0; */
    align-self: center;
 
    /* left: 0; */


}
.detection_bg-img {
    background-image: url(img/detection_bg.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    width: 100%;
    height: 140%;
    position: absolute;
    right: 5vw;
    top: -15vh;
}



/* .item_detection-range::before {
    background-image: url(img/icon_detection-range.svg);
}
.item_detection-objects::before {
    background-image: url(img/icon_detection-ultra-small-objects.svg);
}
.item_detection-radar::before {
    background-image: url(img/icon_radar-dead-zone.svg);
}
.item_detection-24h::before {
    background-image: url(img/icon_24h.svg);
}
.item_detection-weather::before {
    background-image: url(img/icon_all-weather.svg);
}
.item_detection-route::before {
    background-image: url(img/icon_route-prediction.svg);
} */



/* .detection_item:before {
    content: "";
    position: absolute;
    width: 1.8vw;
    height: 1.8vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
} */

/* end detection */

/* sledopyt */

.sledopyt {
    width: 100vw;
    /* height: 100vh; */
    background-image: url(img/section_bg_sledopyt.png);
    background-repeat: no-repeat;
    /* background-position: 50% 50%; */
    background-size: cover;
    padding-left: 13vw;
    padding-right: 13vw;
    padding-top: 9vw;
    display: grid;
    /* grid-template-rows: 0.3fr 0.1fr 0.3fr 0.3fr; */
    grid-template-rows: auto auto 3vw auto;
    padding-bottom: 3vw;
    position: relative;
}
.sledopyt:before {
    content: "";
    position: absolute;
    background-image: url(img/img_drone-without-pulse.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 35vw;
    height: 23vw;
    right: 36vw;
    top: -2vw;
    z-index: 5;
}
.sledopyt:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 0.6vw solid #95FF99;
    width: 1.5vw;
    height: 1.5vw;
    right: 55.5vw;
    z-index: 5;
    top: 14.2vw;
    -webkit-animation: scale-up-center 0.9s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;
            animation: scale-up-center 0.9s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;
}
.sledopyt_personal-card {
    position: absolute;
    background-image: url(img/img_personal-card.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16vw;
    height: 19vw;
    right: 11vw;
    top: 9vw;
    z-index: 5;
}
.sledopyt_title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 4vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.sledopyt_title span {
    position: relative;
    display: inline-block;
    color: #FE1C1E;
}
.sledopyt_title span:after {
    content: "";
    position: absolute;
    width: 27.8vw;
    height: 3.5vw;
    background-image: url(img/title_decor.svg);
    background-repeat: no-repeat;
    /* background-position: 50% 50%; */
    background-size: contain;
    right: -27.8vw;
    bottom: 0.8vw;
}
.sledopyt_description {
    /* display: grid;
    grid-template-columns: 1fr; */
}
.sledopyt_description-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    /* font-size: 48px; */
    font-size: 1.2vw;
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 52vw;
}
.sledopyt_list {
    display: grid;
    /* grid-gap: 34px; */
    grid-gap: 1.5vw;
    grid-template-columns: 1fr 1fr;
}
.sledopyt_item {
    padding-left: 2vw;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8vw;
    /* line-height: 17px; */
    color: #FFFFFF;
    position: relative;
    max-width: 31vw;
    align-self: center;
}
.sledopyt_item:before {
    content: "";
    position: absolute;
    width: 1.2vw;
    height: 1.2vw;
    background-image: url(img/icon_list-arrow-red-2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    /* background-position: 50% 50%; */
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* end sledopyt */

/* smartoko */
.smartoko {
    width: 100vw;
    background-image: url(img/section_bg_smartokoFull.png);
    background-repeat: no-repeat;
    /* background-position: 50% 50%; */
    background-size: cover;
    padding-left: 13vw;
    padding-right: 13vw;
    padding-top: 9vw;
    background-position: right top;
    display: grid;
    /* grid-template-rows: 1fr 0.2fr 0.2fr 0.9fr; */
    grid-template-rows: auto auto 3vw auto;
    padding-bottom: 3vw;
    position: relative;
}
.smartoko_wrap:before {
    /* content: "";
    position: absolute;
    background-image: url(img/smartoko_dotted.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16vw;
    height: 21vw;
    right: 0vw;
    top: -7vw; */
}
.smartoko:after {
    /* content: "";
    position: absolute;
    background-image: url(img/smartoko_dotted-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 6vw;
    height: 6vw;
    right: 15vw;
    top: 16vw;
    -webkit-animation: scale-up-center 0.9s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both;
            animation: scale-up-center 0.9s cubic-bezier(0.470, 0.000, 0.745, 0.715) infinite both; */
}
.smartoko_title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 4vw;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.smartoko_title span {
    position: relative;
    display: inline-block;
    color: #FE1C1E;
}
.smartoko_title span:after {
    content: "";
    position: absolute;
    /* width: 533px; */
    width: 27.8vw;
    /* height: 67px; */
    height: 3.5vw;
    background-image: url(img/title_decor.svg);
    background-repeat: no-repeat;
    /* background-position: 50% 50%; */
    background-size: contain;
    right: -27.8vw;
    bottom: 0.8vw;
}
.smartoko_description {
    /* display: grid;
    grid-template-columns: 1fr; */
}
.smartoko_description-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    /* font-size: 48px; */
    font-size: 1.2vw;
    /* line-height: 105%; */
    text-transform: uppercase;
    color: #FFFFFF;
    max-width: 52vw;
}
.smartoko_list {
    /* max-height: 126px; */
    max-height: 6.5vw;
    display: grid;
    /* grid-gap: 34px; */
    /* grid-gap: 1.8vw; */
    grid-template-columns: 1fr 1fr;
}
.smartoko_item {
    padding-left: 2vw;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8vw;
    /* line-height: 17px; */
    color: #FFFFFF;
    position: relative;
    max-width: 31vw;
    align-self: center;
}
.smartoko_item:before {
    content: "";
    position: absolute;
    width: 1.2vw;
    height: 1.2vw;
    background-image: url(img/icon_list-arrow-red-2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    /* background-position: 50% 50%; */
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* end smartoko */


/* aerooko */
.aerooko {
    width: 100vw;
    /* height: 100vh; */
    background-image: url(img/section_bg_aerooko.png);
    background-repeat: no-repeat;
    /* background-position: 50% 50%; */
    background-size: cover;
    padding-left: 13vw;
    padding-right: 13vw;
    padding-top: 9vw;

    display: grid;
    /* grid-template-rows: 0.5fr 0.1fr 0.4fr 0.4fr; */
    grid-template-rows: auto auto 3vw auto;
    padding-bottom: 3vw;
    position: relative;
    /* align-items: flex-start; */
}
.aerooko:before {
    content: "";
    position: absolute;
    width: 35vw;
    height: 24vw;
    right: 14vw;
    top: 4vw;
    background-image: url(img/aerooko_drone.png);
    background-size: contain;
}
.aerooko_title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 4vw;
    line-height: 1;
    text-transform: uppercase;
    color: #FFFFFF;
}
.aerooko_title span {
    position: relative;
    display: inline-block;
    color: #FE1C1E;
}
.aerooko_title span:after {
    content: "";
    position: absolute;
    width: 27.8vw;
    height: 3.5vw;
    background-image: url(img/title_decor.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    right: -27.8vw;
    bottom: 0.8vw;
}
.aerooko_description {
    /* width: 36.5vw; */
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    /* font-size: 24px; */
    font-size: 1.3vw;
    /* line-height: 130%; */
    color: #FFFFFF;
    /* justify-self: end; */
}
.aerooko_descriptionription {
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
}
.aerooko_description-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    /* font-size: 48px; */
    font-size: 0.9vw;
    /* line-height: 105%; */
    text-transform: uppercase;
    color: #FFFFFF;
}
.aerooko_list {
    /* max-height: 126px; */
    /* max-height: 6.5vw; */
    display: grid;
    /* grid-gap: 34px; */
    grid-gap: 1.5vw;
    grid-template-columns: 1fr 1fr 1fr;
}
.aerooko_item {
    padding-left: 4.2vw;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8vw;
    /* line-height: 17px; */
    color: #FFFFFF;
    position: relative;
    max-width: 22vw;
    align-self: center;
}
.item_aerooko-Ai-recognition::before {
    background-image: url(img/icon_Ai-recognition.svg);
}
.item_aerooko-video-stream::before {
    background-image: url(img/icon_video-stream.svg);
}
.item_aerooko-low-power-consumption::before {
    background-image: url(img/icon_low-power-consumption.svg);
}
.item_aerooko-FPV::before {
    background-image: url(img/icon_FPV.svg);
}
.item_aerooko-video-interfaces::before {
    background-image: url(img/icon_video-interfaces.svg);
}
.item_aerooko-ai-special-tasks::before {
    background-image: url(img/icon_ai-special-tasks.svg);
}



.aerooko_item:before {
    content: "";
    position: absolute;
    width: 2.3vw;
    height: 2.3vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.footer-menu {
    background-color: #061B53;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    padding-top: 23px;
    padding-left: 55px;
    padding-right: 55px;
    padding-bottom: 55px;
}
.footer-menu .logo {
    justify-self: center;
    margin-bottom: 25px;
    justify-items: center;
    grid-template-columns: 0.4fr 1fr;
}
/* .footer-menu .logo_link {
    width: 75px;
    height: 75px;
}
.footer-menu .logo_text {
    font-size: 24px;
}
.footer-menu .logo_text span {
    font-size: 24px;
} */

.footer-menu_list {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    grid-gap: 10px;
}
.footer-menu_item {
    max-width: 150px;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
}
.footer-menu_link {
    text-decoration: none;
    width: 100%;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
/* end aerooko */
@media (min-width: 1024px) {
    footer nav {
        display: none;
    }
    .footer-menu {
        display: none;
    }
}

/* media breakpoints */
@media (max-width: 1920px) {
    /* header */
    .btn_more {
        font-size: calc( (100vw - 375px)/(1440 - 375) * (18 - 18) + 18px);
    }
    .btn_more:before {
        height: 15px;
    }
    /* .logo_link {
        width: 49px;
        height: 49px;
    } */

    /* research */

    .research_item:before { 
        width: 18px;
        height: 18px;
    }
    .research_item {
        padding-left: 36px;
        /* font-size: calc( (100vw - 375px)/(1920 - 375) * (18 - 18) + 18px); */
    }
/* detection */
    .research_item:before { 
        width: 18px;
        height: 18px;
    }
    .research_item {
        padding-left: 36px;
        /* min-height: 44px; */
        display: flex;
        align-items: center;
    }
    .detection_item  {
        padding-left: 65px;
        /* min-height: 44px; */
        display: flex;
        align-items: center;
    }
    .detection_item:before {
        width: 35px;
        height: 35px;
    }
    .sledopyt_item  {
        padding-left: 41px;
    }
    .sledopyt_item:before {
        width: 23px;
        height: 23px;
    }
    .smartoko_item  {
        padding-left: 41px;
    }
    .smartoko_item:before {
        width: 23px;
        height: 23px;
    }
    .aerooko_item  {
        padding-left: 80px;
        min-height: 44px;
        display: flex;
        align-items: center;
    }
    .aerooko_item:before {
        width: 44px;
        height: 44px;
    }
    /* footer - footer */
    .copyright {
        font-size: calc( (100vw - 375px)/(1920 - 375) * (14 - 14) + 14px);
        padding-left: 20px;
    }
    .copyright_organization {
        font-size: calc( (100vw - 375px)/(1920 - 375) * (14 - 14) + 14px);
        padding-left: 20px;
    }
    .copyright_confidentiality {
        font-size: calc( (100vw - 375px)/(1920 - 375) * (14 - 14) + 14px);
        padding-left: 20px;
    }
    .copyright_terms {
        font-size: calc( (100vw - 375px)/(1920 - 375) * (14 - 14) + 14px);
        padding-left: 20px;
    }
    .phone-number {
        font-size: calc( (100vw - 375px)/(1920 - 375) * (14 - 14) + 14px);
        padding-left: 20px;
    }
    .phone-number:before {
        width: 13px;
        height: 13px;
    }
    .mail {
        font-size: calc( (100vw - 375px)/(1920 - 375) * (14 - 14) + 14px);
        padding-left: 20px;
    }
    .mail:before {
        width: 13px;
        height: 13px;
    }
    .adress {
        font-size: calc( (100vw - 375px)/(1920 - 375) * (14 - 14) + 14px);
        padding-left: 20px;
    }
    .adress:before {
        width: 13px;
        height: 13px;
    }



}
@media (max-width: 1440px) {

}


@media (max-width: 1280px) {
    .detection_bg-img {
        background-image: url(img/detection_bg.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        width: 100%;
        height: 140%;
        position: absolute;
        right: 5vw;
        top: -15vh;
    }
    .research_list {
        grid-template-columns: 1fr 1fr;
    }
    .aerooko_list {
        grid-template-columns: 1fr 1fr;
    }
    .research_item {
        max-width: 100%;
    }
    
    .detection_list {
        grid-template-columns: 1fr 1fr;
    }
    .detection_item {
        max-width: 100%;
    }
    .research_item {
        padding-left: 36px;
        
    }
    .research_title-desc {
        font-size: calc( (100vw - 375px)/(1280 - 375) * (24 - 14) + 14px);
        margin-top: 12px;
    }
    .detection_desc-title {
        font-size: calc( (100vw - 375px)/(1280 - 375) * (36 - 18) + 18px);
    }
    .detection_desc-text {
        /* font-size: calc( (100vw - 375px)/(1280 - 375) * (18 - 14) + 14px); */
    }
    .detection_desc-text {
        /* max-width: 360px; */
    }
    .detection_title {
        font-size: calc( (100vw - 320px)/(1280 - 320) * (36 - 24) + 24px);
    }
    .detection_desc-text {
        font-size: calc( (100vw - 320px)/(1280 - 320) * (24 - 14) + 14px);
    }
    .detection_advantages-subtitle {
        font-size: 36px;
        white-space: nowrap;
    }
    .detection_advantages-text {
        font-size: 14px;
    }
    .detection {
        grid-template-columns: 2.4fr 1fr;
    }
    .detection_advantages-item {
        max-width: 100%;
    }
    .detection_bg-img {
        width: 160%;
        height: 140%;
    }
    .detection_wrap {
        position: relative;
        z-index: 5;
    }

}




@media (max-width: 1024px) {

    .detection_wrap {
        grid-template-rows: auto auto auto auto;
        grid-gap: 60px;
    }
    .detection_desc-text {
        max-width: 360px;
    }
    .mouse-icon {
        border: 2px solid #fff;
        border-radius: 29px;
        height: 35px;
        width: 23px;
        display: block;
        z-index: 10;
        position: absolute;
        bottom: 20px;
        right: 50%;
        z-index: 5;
        transform: translateX(50%);
  }
    .mouse-icon .wheel {
        position: relative;
        border-radius: 10px;
        background: #fff;
        width: 3px;
        height: 7px;
        top: 7px;
        margin-left: auto;
        margin-right: auto;
    }

    .research_list, .detection_list, .sledopyt_list, .smartoko_list, .aerooko_list {
        max-width: 100%;
        max-height: 100%;
    }
    .research_item, .detection_item, .sledopyt_item, .smartoko_item, .aerooko_item {
        max-width: 100%;
        max-height: 100%;
    }
    .logo_text {
        font-size: calc( (100vw - 370px)/(1920 - 370) * (24 - 14) + 14px);
    }
    .logo_text span {
        font-size: calc( (100vw - 370px)/(1920 - 370) * (24 - 14) + 14px);
    }
    /* .logo_text span:before {
        width: 31px;
        height: 54px;
        bottom: -34px;
        right: 46%;
    } */
    .btn_more {
        font-size: calc( (100vw - 370px)/(1920 - 370) * (18 - 18) + 18px);
    }
    .btn_more:before{
        height: 15px;
    }    
    .research_item, .detection_item, .sledopyt_item, .smartoko_item, .aerooko_item {
        font-size: calc( (100vw - 370px)/(1920 - 370) * (18 - 14) + 14px);
    }
    .research_desc {
        font-size: calc( (100vw - 370px)/(1920 - 370) * (18 - 14) + 14px);
    }
    .sledopyt_description-title {
        font-size: calc( (100vw - 370px)/(1920 - 370) * (18 - 14) + 14px);
    }
    .smartoko_description-title {
        font-size: calc( (100vw - 370px)/(1920 - 370) * (18 - 14) + 14px);
    }
    .aerooko_description-title {
        font-size: calc( (100vw - 370px)/(1920 - 370) * (18 - 14) + 14px);
    }
    .detection_desc-text {
        font-size: calc( (100vw - 375px)/(1280 - 375) * (18 - 14) + 14px);
    }
    .social {
        display: none;
    }
    .pagination {
        display: none;
    }
    .menu-burger {
        top: 29.5px;

    }
    .menu-burger_link {
        width: 30px;
        height: 19px;
    }
    .menu-burger_close {
        width: 30px;
        height: 30px;
    }
    section {
        min-height: 100vh;
    }
    .additional_wrap {
        min-height: auto;
        min-width: 100vw;
        position: unset;
        overflow-x: auto;
        background-color: #263966;
    }
    .header {
        /* position: relative; */
        height: 83px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .header:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #9AD4FF;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .header_contacts .mail {
        font-size: 18px;
        padding-left: 33px;
    }
    .header_contacts .mail:before {
        width: 18px;
        height: 18px;
    }
    .research {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        grid-gap: 20px;
        min-height: 100vh;
    }
    .detection {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        grid-gap: 20px;
        min-height: 100vh;
    }  
    .sledopyt {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        grid-gap: 20px;
        min-height: 100vh;
    }
    .smartoko {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        grid-gap: 20px;
        min-height: 100vh;
    }
    .aerooko {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        grid-gap: 20px;
        min-height: 100vh;
    }
    .footer {
        position: unset;
        display: grid;
        /* background-color: #263966;
        padding-top: 29px;
        padding-bottom: 29px; */
        grid-template-columns: 1fr;
    }
    .copyright {
        display: none;
    }
    .contacts {
        justify-self: center;
        grid-template-columns: unset;
        justify-items: center;
        grid-gap: 20px;
        background-color: #263966;
        padding-top: 29px;
        padding-bottom: 29px;
    }
}
@media(max-width: 992px) {
    .research_desc {
        width: 100%;
    }
    .smartoko_description-title {
        max-width: 100%;
    }
    .sledopyt_description-title {
        max-width: 100%;
    }
    .research_list, .detection_list, .sledopyt_list, .smartoko_list, .aerooko_list {
        grid-template-columns: 1fr;
    }
    .research_wrap {
        grid-template-rows: 0.4fr 0.2fr 1fr; 
    }
    .research_list, .detection_list, .sledopyt_list, .smartoko_list, .aerooko_list {
        grid-gap: 10px;
    }
    .aerooko_list {
        grid-gap: 30px;
    }
    .detection_description {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }
    .detection_desc-text {
        justify-self: unset;
        /* max-width: 100%; */
    }

    .btn_more { 
        order: 5;
    }
    .research {
        grid-template-rows: auto;
        min-height: auto;
    }
    .detection_bg-img {
        width: 140%;
        height: 140%;
        right: 10vw;
        top: -5vh;
    }
    .detection {
        padding-top: 120px;
        min-height: auto;
    }
    .detection_advantages-list {
        grid-template-columns: 1fr;
    }
    .detection_advantages-item:not(:first-child) {
        justify-self: auto;
    }






    .sledopyt {
        /* grid-template-rows: 0.3fr 0.3fr 1fr 0.1fr; */
        grid-template-rows: auto;
        min-height: auto;
    }
    .smartoko {
        /* grid-template-rows: 0.2fr 0.2fr 0.4fr 0.1fr; */
        grid-template-rows: auto;
        min-height: auto;
    }
    .aerooko {
        /* grid-template-rows: 0.2fr 0.4fr 1fr 0.1fr; */
        grid-template-rows: auto;
        min-height: auto;
    }

    .sledopyt_personal-card {
        display: none;
    }
}
@media(max-width: 768px) {
    .detection_bg {
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
    }
    .detection_bg-img {
        width: 166px;
        height: 347px;
        background-image: url(img/detection_bg_mobile.png);
    }


    .mouse-icon {
        display: none;
    }
    .contacts {
        /* grid-template-columns: unset;
        justify-items: center;
        grid-gap: 20px;
        background-color: #263966;
        padding-top: 29px;
        padding-bottom: 29px; */
    }
    .adress {
        max-width: 205px;
    }
    .menu {
        /* left: 40px;
        transform: translateY(-50%); */
    }
    .menu_list {
        grid-gap: 18px;
        /* max-width: 220px; */
    }
    .menu_link {
        font-size: 16px;
    }   
    /* .logo_text span:before {
        width: 28px;
        height: 54px;
        bottom: -34px;
        right: 46%;
    } */
}
@media(max-width: 576px) {
    .detection {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    .detection_bg-img {
        /* width: 100%; */
        /* height: 100%; */
        right: 0;
        top: 330px;
    }

    .detection_bg {
        /* width: 100%; 
        height: 100%; */
    }

    .research {
        padding-top: 30vmin;
    }
    header .tel {
        display: none;
    }
    .header_contacts .mail {
        display: none;
    }
    /* .btn_more { 
        order: 5;
    } */
    /* .detection {
        grid-template-rows: 0.2fr 0.4fr 0.3fr 0.3fr;
        
    } */
    /* .sledopyt_personal-card {
        display: none;
    } */
    .research, .detection, .sledopyt, .smartoko, .aerooko {
        padding-left: 15px;
        padding-right: 15px;
    }
    .research_title span:after {
        display: none;
    }
    .detection_title span:after {
        display: none;
    }
    .detection {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    .detection_bg-img {
        right: 0;
        top: 0;
    }
    /* .sledopyt {
        grid-template-rows: 0.3fr 0.3fr 1fr 0.1fr;
    }
    .smartoko {
        grid-template-rows: 0.2fr 0.2fr 0.4fr 0.1fr;
    }
    .aerooko {
        grid-template-rows: 0.2fr 0.4fr 1fr 0.1fr;
    } */
    .sledopyt_title span:after {
        display: none;
    }
    .smartoko_title span:after {
        display: none;
    }
    .aerooko_title span:after {
        display: none;
    }
    .footer-menu {
        padding-left: 0;
        padding-right: 0;
    }
    .research_title, .detection_title, .sledopyt_title, .smartoko_title, .aerooko_title {
        font-size: 24px;
    }
    /* .logo_text span:before {
        width: 24px;
        height: 54px;
        bottom: -37px;
        right: 47%;
    } */
}
/* end media breakpoints */