#city_Nevinnomyssk {
  top: 17.4479vw;
  left: 2.6042vw;
}

#city_Ijevsk {
  top: 12.4479vw;
  left: 11.0938vw;
}

#city_Murmansk {
  top: 4.2708vw;
  left: 11.7188vw;
}

#city_Sankt-Peterburg {
  top: 6.5625vw;
  left: 6.8229vw;
}

#city_Krasnodar {
  top: 14.375vw;
  left: 2.5521vw;
}

#city_Novorossiisk {
  top: 14.375vw;
  left: 2.5521vw;
}

#city_Moskva {
  top: 10.3646vw;
  left: 7.6042vw;
}

#city_Voronej {
  top: 12.4479vw;
  left: 5.9896vw;
}

#city_Belgorod {
  top: 11.5625vw;
  left: 3.6979vw;
}

#city_Syktyvkar {
  top: 9.4271vw;
  left: 11.9271vw;
}

#city_Ekaterinburg {
  top: 14.1146vw;
  left: 12.5521vw;
}

#city_Noyabrsk {
  top: 11.7708vw;
  left: 15.1563vw;
}

#city_Nyagan {
  top: 10.9896vw;
  left: 19.0104vw;
}

#city_Tula {
  top: 10.9896vw;
  left: 7.0313vw;
}

#city_Gubkinskii {
  top: 12.8646vw;
  left: 5vw;
}

#city_Samara {
  top: 14.0625vw;
  left: 8.3854vw;
}

#city_Ufa {
  top: 14.5313vw;
  left: 10.3125vw;
}

#city_Omsk {
  top: 16.8229vw;
  left: 15.8333vw;
}

#city_Ryazan {
  top: 11.5625vw;
  left: 7.7083vw;
}

#city_Lipeck {
  top: 12.2396vw;
  left: 6.6667vw;
}

#city_Kurgan {
  top: 15.5729vw;
  left: 13.2813vw;
}

#city_Nijnevartovsk {
  top: 12.7604vw;
  left: 17.0313vw;
}

#city_Tver {
  top: 9.4792vw;
  left: 7.3438vw;
}

#city_Rostov-na-Donu {
  top: 13.125vw;
  left: 3.9063vw;
}

#city_Bryansk {
  top: 9.9479vw;
  left: 4.2708vw;
}

#city_Tambov {
  top: 12.4479vw;
  left: 7.3438vw;
}

#city_Tomsk {
  top: 17.2396vw;
  left: 17.8125vw;
}

#city_Vologda {
  top: 8.6979vw;
  left: 8.9583vw;
}

#city_Tuapse {
  top: 15.7813vw;
  left: 1.6667vw;
}

#city_YAroslavl {
  top: 10.3125vw;
  left: 9.0625vw;
}

#city_Irkutsk {
  top: 20.2604vw;
  left: 25.4688vw;
}

#city_Mejdurechensk {
  top: 18.6458vw;
  left: 22.8646vw;
}

#city_Nijnii_Novgorod {
  top: 11.3021vw;
  left: 8.75vw;
}

#city_Tumen {
  top: 13.5417vw;
  left: 14.4792vw;
}

#city_Novosibirsk {
  top: 17.6042vw;
  left: 17.1875vw;
}

#city_Nerugi {
  top: 16.0938vw;
  left: 32.3438vw;
}

#city_Petrozavodsk {
  top: 7.4479vw;
  left: 8.5938vw;
}

#city_Astrahan {
  top: 14.8438vw;
  left: 5.5208vw;
}

#city_YAkutsk {
  top: 12.6042vw;
  left: 31.1458vw;
}

#city_Vladivostok {
  top: 22.3438vw;
  left: 37.5vw;
}

#city_Habarovsk {
  top: 18.2813vw;
  left: 37.7604vw;
}

#city_Ujno-Sahalinsk {
  top: 18.3333vw;
  left: 40.1042vw;
}

#city_Petropavlovsk-Kamchatskii {
  top: 11.9271vw;
  left: 42.2396vw;
}

#city_Magadan {
  top: 10.6771vw;
  left: 37.8125vw;
}

#city_Sochi {
  top: 16.4063vw;
  left: 2.0313vw;
}

#city_Taganrog {
  top: 12.6042vw;
  left: 3.9583vw;
}

#city_Kursk {
  top: 12.3958vw;
  left: 5.2604vw;
}

#city_Bryansk {
  top: 11.875vw;
  left: 4.7396vw;
}

#city_Kaliningrad {
  top: 5.7813vw;
  left: 2.7604vw;
}

#city_Smolensk {
  top: 8.6458vw;
  left: 4.5833vw;
}

#city_CHeboksary {
  top: 12.8646vw;
  left: 8.5417vw;
}

#city_Kazan {
  top: 13.3854vw;
  left: 8.8542vw;
}

#city_Nijnii_Tagil {
  top: 11.7708vw;
  left: 12.5521vw;
}

#city_CHelyabinsk {
  top: 14.8438vw;
  left: 12.3438vw;
}

#city_Hanty-Mansiisk {
  top: 12.2917vw;
  left: 20.1563vw;
}

#city_Surgut {
  top: 11.875vw;
  left: 22.1875vw;
}

#city_Krasnoyarsk {
  top: 17.0313vw;
  left: 21.6146vw;
}

#city_Volgograd {
  top: 14.1667vw;
  left: 4.6875vw;
}

#city_Perm {
  top: 12.7604vw;
  left: 12.3958vw;
}

#city_CHita {
  top: 20.7813vw;
  left: 30.8854vw;
}

#city_Kogalym {
  top: 10.3125vw;
  left: 22.0313vw;
}

#city_Salehard {
  top: 10.4688vw;
  left: 16.7188vw;
}

#city_Usinsk {
  top: 9.9479vw;
  left: 15.3125vw;
}

#city_Bovanenkovo {
  top: 8.0729vw;
  left: 17.6563vw;
}

#city_Sabetta {
  top: 7.9167vw;
  left: 18.75vw;
}

/* calc 925px */
@media only screen and (max-width: 850px) {
  #city_Nevinnomyssk {
    top: 36.2162vw;
    left: 5.4054vw;
  }

  #city_Ijevsk {
    top: 25.8378vw;
    left: 23.027vw;
  }

  #city_Murmansk {
    top: 8.8649vw;
    left: 24.3243vw;
  }

  #city_Sankt-Peterburg {
    top: 13.6216vw;
    left: 14.1622vw;
  }

  #city_Krasnodar {
    top: 29.8378vw;
    left: 5.2973vw;
  }

  #city_Novorossiisk {
    top: 29.8378vw;
    left: 5.2973vw;
  }

  #city_Moskva {
    top: 21.5135vw;
    left: 15.7838vw;
  }

  #city_Voronej {
    top: 25.8378vw;
    left: 12.4324vw;
  }

  #city_Belgorod {
    top: 24vw;
    left: 7.6757vw;
  }

  #city_Syktyvkar {
    top: 19.5676vw;
    left: 24.7568vw;
  }

  #city_Ekaterinburg {
    top: 29.2973vw;
    left: 26.0541vw;
  }

  #city_Noyabrsk {
    top: 24.4324vw;
    left: 31.4595vw;
  }

  #city_Nyagan {
    top: 22.8108vw;
    left: 39.4595vw;
  }

  #city_Tula {
    top: 22.8108vw;
    left: 14.5946vw;
  }

  #city_Gubkinskii {
    top: 26.7027vw;
    left: 10.3784vw;
  }

  #city_Samara {
    top: 29.1892vw;
    left: 17.4054vw;
  }

  #city_Ufa {
    top: 30.1622vw;
    left: 21.4054vw;
  }

  #city_Omsk {
    top: 34.9189vw;
    left: 32.8649vw;
  }

  #city_Ryazan {
    top: 24vw;
    left: 16vw;
  }

  #city_Lipeck {
    top: 25.4054vw;
    left: 13.8378vw;
  }

  #city_Kurgan {
    top: 32.3243vw;
    left: 27.5676vw;
  }

  #city_Nijnevartovsk {
    top: 26.4865vw;
    left: 35.3514vw;
  }

  #city_Tver {
    top: 19.6757vw;
    left: 15.2432vw;
  }

  #city_Rostov-na-Donu {
    top: 27.2432vw;
    left: 8.1081vw;
  }

  #city_Bryansk {
    top: 20.6486vw;
    left: 8.8649vw;
  }

  #city_Tambov {
    top: 25.8378vw;
    left: 15.2432vw;
  }

  #city_Tomsk {
    top: 35.7838vw;
    left: 36.973vw;
  }

  #city_Vologda {
    top: 18.0541vw;
    left: 18.5946vw;
  }

  #city_Tuapse {
    top: 32.7568vw;
    left: 3.4595vw;
  }

  #city_YAroslavl {
    top: 21.4054vw;
    left: 18.8108vw;
  }

  #city_Irkutsk {
    top: 42.0541vw;
    left: 52.8649vw;
  }

  #city_Mejdurechensk {
    top: 38.7027vw;
    left: 47.4595vw;
  }

  #city_Nijnii_Novgorod {
    top: 23.4595vw;
    left: 18.1622vw;
  }

  #city_Tumen {
    top: 28.1081vw;
    left: 30.0541vw;
  }

  #city_Novosibirsk {
    top: 36.5405vw;
    left: 35.6757vw;
  }

  #city_Nerugi {
    top: 33.4054vw;
    left: 67.1351vw;
  }

  #city_Petrozavodsk {
    top: 15.4595vw;
    left: 17.8378vw;
  }

  #city_Astrahan {
    top: 30.8108vw;
    left: 11.4595vw;
  }

  #city_YAkutsk {
    top: 26.1622vw;
    left: 64.6486vw;
  }

  #city_Vladivostok {
    top: 46.3784vw;
    left: 77.8378vw;
  }

  #city_Habarovsk {
    top: 37.9459vw;
    left: 78.3784vw;
  }

  #city_Ujno-Sahalinsk {
    top: 38.0541vw;
    left: 83.2432vw;
  }

  #city_Petropavlovsk-Kamchatskii {
    top: 24.7568vw;
    left: 87.6757vw;
  }

  #city_Magadan {
    top: 22.1622vw;
    left: 78.4865vw;
  }

  #city_Sochi {
    top: 34.0541vw;
    left: 4.2162vw;
  }

  #city_Taganrog {
    top: 26.1622vw;
    left: 8.2162vw;
  }

  #city_Kursk {
    top: 25.7297vw;
    left: 10.9189vw;
  }

  #city_Bryansk {
    top: 24.6486vw;
    left: 9.8378vw;
  }

  #city_Kaliningrad {
    top: 12vw;
    left: 5.7297vw;
  }

  #city_Smolensk {
    top: 17.9459vw;
    left: 9.5135vw;
  }

  #city_CHeboksary {
    top: 26.7027vw;
    left: 17.7297vw;
  }

  #city_Kazan {
    top: 27.7838vw;
    left: 18.3784vw;
  }

  #city_Nijnii_Tagil {
    top: 24.4324vw;
    left: 26.0541vw;
  }

  #city_CHelyabinsk {
    top: 30.8108vw;
    left: 25.6216vw;
  }

  #city_Hanty-Mansiisk {
    top: 25.5135vw;
    left: 41.8378vw;
  }

  #city_Surgut {
    top: 24.6486vw;
    left: 46.0541vw;
  }

  #city_Krasnoyarsk {
    top: 35.3514vw;
    left: 44.8649vw;
  }

  #city_Volgograd {
    top: 29.4054vw;
    left: 9.7297vw;
  }

  #city_Perm {
    top: 26.4865vw;
    left: 25.7297vw;
  }

  #city_CHita {
    top: 43.1351vw;
    left: 64.1081vw;
  }

  #city_Kogalym {
    top: 21.4054vw;
    left: 45.7297vw;
  }

  #city_Salehard {
    top: 21.7297vw;
    left: 34.7027vw;
  }

  #city_Usinsk {
    top: 20.6486vw;
    left: 31.7838vw;
  }

  #city_Bovanenkovo {
    top: 16.7568vw;
    left: 36.6486vw;
  }

  #city_Sabetta {
    top: 16.4324vw;
    left: 38.9189vw;
  }
}

@keyframes dots {
  0% {
    opacity: 0.2;
  }

  100% {
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    opacity: 1;
  }

  25% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.25;
  }
}

@keyframes opacityBlock {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes toOpacityBlock {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes toDark {
  0% {
    filter: grayscale(0);
  }

  100% {
    filter: grayscale(1);
  }
}

/* Brand color */
/* Text color */
/* System color */
* {
  box-sizing: border-box;
  outline: none;
  margin: 0;
  padding: 0;
  line-height: 1.25;
}

html,
body {
  height: 100%;
  overflow: hidden;
}

body {
  position: relative;
  font-family: "Roboto", sans-serif;
  color: #666060;
  display: block;
  margin: 0;
  font-size: 0.8854vw;
}

@media only screen and (max-width: 850px) {
  body {
    font-size: 2.8125vw;
  }
}

input {
  font-family: "Roboto", sans-serif;
  color: #666060;
  font-size: 0.8854vw;
}

@media only screen and (max-width: 850px) {
  input {
    font-size: 2.8125vw;
  }
}

textarea {
  font-family: "Roboto", sans-serif;
  color: #666060;
  font-size: 0.8854vw;
  resize: none;
  padding: 9rem;
}

@media only screen and (max-width: 850px) {
  textarea {
    font-size: 2.8125vw;
  }
}

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

ul {
  list-style-type: none;
}

.wrapper {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  padding-top: 3.2813vw;
  height: 100%;
}

@media only screen and (max-width: 850px) {
  .wrapper {
    padding-top: 20vw;
  }
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
  .wrapper {
    padding-top: 11vw;
  }
}

.wrapper::-webkit-scrollbar {
  width: 0;
}

.wrapper script {
  display: none;
}

.wrapper__wrap {
  position: fixed;
  z-index: 1000;
  top: 0;
  overflow: unset !important;
  width: 49.9479vw;
  left: 25vw;
  height: calc(100vh - 2.6042vw);
  margin-top: 2.6042vw;
  background: #f5f5f5;
}

.wrapper__wrap::-webkit-scrollbar {
  width: 0;
}

@media only screen and (max-width: 850px) {
  .wrapper__wrap {
    width: 100vw;
    left: 0;
    margin-top: 0vw;
    height: 100%;
  }
}

.wrapper__bar {
  position: absolute;
  z-index: 10;
  right: 0.25vw;
  width: 0.3125vw;
  background: #999;
  opacity: 0.5;
  cursor: pointer;
  border-radius: 0.5208vw;
  transition: opacity 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .wrapper__bar {
    opacity: 0;
  }
}

.wrapper__container {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 5.6042vw);
}

@media only screen and (max-width: 850px) {
  .wrapper__container {
    min-height: 88vh;
  }
}

.content {
  flex: 1 0 auto;
}

.footer {
  flex: 0 0 auto;
}

.hidden {
  display: none !important;
}

.overflow {
  overflow: hidden !important;
}

.opacity {
  opacity: 0;
  pointer-events: none;
}

.anim {
  transition: unset !important;
}

.logo {
  height: 4.8958vw;
  width: 3.1771vw;
  display: block;
}

@media only screen and (max-width: 850px) {
  .logo {
    width: 5.3125vw;
    height: 8.4375vw;
  }
}

.logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.text_size_xl {
  font-size: 1.6667vw;
}

@media only screen and (max-width: 850px) {
  .text_size_xl {
    font-size: 4.375vw;
  }
}

.text_size_l {
  font-size: 1.3021vw;
}

@media only screen and (max-width: 850px) {
  .text_size_l {
    font-size: 3.75vw;
  }
}

.text_size_m {
  font-size: 0.8854vw;
}

@media only screen and (max-width: 850px) {
  .text_size_m {
    font-size: 2.8125vw;
  }
}

.text_size_s {
  font-size: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .text_size_s {
    font-size: 2.5vw;
  }
}

.text_size_xs {
  font-size: 0.6771vw;
}

@media only screen and (max-width: 850px) {
  .text_size_xs {
    font-size: 2.1875vw;
  }
}

.text_color_blue {
  color: #3492e9;
}

.text_color_grey {
  color: #666060;
}

.text_weight_bold {
  font-weight: bold;
}

.text_weight_reg {
  font-weight: normal;
}

.text_weight_medium {
  font-weight: 500;
}

.text a {
  text-decoration: underline;
}

.main-menu {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  background-color: #e7e7e7;
  flex-wrap: wrap;
}

@media only screen and (max-width: 850px) {
  .main-menu {
    overflow: scroll;
  }
}

.main-menu__main-menu-item {
  flex: 1 1 25%;
  height: 50%;
}

@media only screen and (max-width: 850px) {
  .main-menu__main-menu-item {
    flex: 1 1 50vw;
    height: 50vw;
  }
}

.main-menu__main-menu-item:nth-child(-n+4) {
  border-bottom: 1px solid #aeaeae;
}

.main-menu__main-menu-item:nth-child(-n+3) {
  border-right: 1px solid #aeaeae;
}

.main-menu__main-menu-item:nth-child(n+4) {
  border-right: 1px solid #aeaeae;
}

.main-menu__main-menu-item:last-child {
  border-right: unset;
}

@media only screen and (max-width: 850px) {
  .main-menu__main-menu-item {
    border-right: 1px solid #aeaeae;
    border-bottom: 1px solid #aeaeae;
  }
}

.main-menu__mob-footer {
  display: none;
}

@media only screen and (max-width: 850px) {
  .main-menu__mob-footer {
    order: 10;
    display: flex;
    flex: 2 2 100vw;
    height: 11.875vw;
  }
}

.mob-footer {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 17.1875vw;
  text-align: center;
  font-size: 2.1875vw;
  align-content: center;
}

@media only screen and (max-width: 850px) {
  .mob-footer {
    display: flex;
  }
}

.mob-footer__copyright {
  text-align: center;
  width: 100%;
  margin-top: 1.875vw;
}

.mob-footer a {
  text-decoration: underline;
}

#wpadminbar {
  opacity: 0.3;
}

.main-menu-item {
  padding: 3.2813vw 2.0833vw 2.2396vw;
  position: relative;
  box-shadow: 0 0vw 0vw rgba(0, 0, 0, 0.25);
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}

.main-menu-item#rare li,
.main-menu-item#numbers li {
  white-space: break-spaces;
  font-size: 1.25vw;
}

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

  .main-menu-item#rare li,
  .main-menu-item#numbers li {
    font-size: 3vw;
  }
}

@media screen and (min-width: 1500px) and (max-height: 950px) {
  .main-menu-item {
    font-size: 0.7292vw;
  }

  .main-menu-item#rare li,
  .main-menu-item#numbers li {
    font-size: 1.25vw;
  }
}

@media only screen and (max-width: 850px) {
  .main-menu-item {
    padding: 6.25vw 2.1875vw 0 3.75vw;
  }
}

.main-menu-item_company {
  padding-top: 2.0313vw;
}

@media only screen and (max-width: 850px) {
  .main-menu-item_company {
    order: 1;
    padding-top: 2.5vw;
  }
}

.main-menu-item_contacts {
  padding: 3.2813vw 0 2.2396vw 2.0833vw;
}

@media only screen and (max-width: 850px) {
  .main-menu-item_contacts {
    padding: 6.25vw 0 3.75vw 3.75vw;
  }
}

.main-menu-item_ex {
  position: absolute;
  right: 0;
  top: 0;
  background: #e7e7e7;
  border-left: 1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
  width: 25.03vw;
}

@media only screen and (max-width: 850px) {
  .main-menu-item_ex {
    display: none;
  }
}

.main-menu-item__rare-mode {
  padding-left: 0.9375vw;
  margin-bottom: 1.5vw;
  text-transform: uppercase;
}

@media only screen and (max-width: 850px) {
  .main-menu-item_mob_padding_top {
    padding-top: 11.5625vw;
  }

  .main-menu-item_important {
    order: 2;
  }

  .main-menu-item_hardware {
    order: 3;
  }

  .main-menu-item_soft {
    order: 4;
  }

  .main-menu-item_services {
    order: 5;
  }

  .main-menu-item_work {
    order: 6;
  }

  .main-menu-item_vendor {
    order: 7;
  }

  .main-menu-item_contacts {
    order: 8;
  }
}

.main-menu-item__logo {
  margin-bottom: 1.3542vw;
}

@media only screen and (max-width: 850px) {
  .main-menu-item__logo {
    margin-bottom: 0.625vw;
  }
}

.main-menu-item__title {
  margin-bottom: 3.6979vw;
  color: #3492e9;
  text-transform: uppercase;
  filter: grayscale(1);
  transition: all 0.25s ease-in-out;
}

@media screen and (min-width: 1500px) and (max-height: 950px) {
  .main-menu-item__title {
    margin-bottom: 2.6979vw;
  }
}

.main-menu-item__title.active {
  filter: grayscale(0);
}

.main-menu-item__title_mb_s {
  margin-bottom: 0.3125vw;
}

.main-menu-item__title_mb_m {
  margin-bottom: 1.3542vw;
}

.main-menu-item__title_mb_l {
  margin-bottom: 2.9688vw;
}

@media screen and (min-width: 1500px) and (max-height: 950px) {
  .main-menu-item__title_mb_l {
    margin-bottom: 2vw;
  }
}

@media only screen and (max-width: 850px) {
  .main-menu-item__title {
    font-size: 4.375vw;
    margin-bottom: 6.25vw;
  }

  .main-menu-item__title_mb_mob {
    margin-bottom: 1.5625vw;
  }
}

@media only screen and (max-width: 850px) {
  .main-menu-item__text {
    font-size: 2.5vw;
  }
}

.main-menu-item__text p {
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 850px) {
  .main-menu-item__text p {
    margin-bottom: 1.25vw;
  }
}

@media only screen and (max-width: 850px) {
  .main-menu-item__text_not-mob {
    display: none;
  }
}

.main-menu-item__text_mob {
  display: none;
}

@media only screen and (max-width: 850px) {
  .main-menu-item__text_mob {
    display: block;
  }
}

.main-menu-item__more {
  position: absolute;
  bottom: 2.2396vw;
  transition: all 0.25s ease-in-out;
  color: #3492e9;
  filter: grayscale(1);
}

@media screen and (min-width: 1500px) and (max-height: 950px) {
  .main-menu-item__more {
    bottom: 1.2396vw;
  }
}

@media only screen and (max-width: 850px) {
  .main-menu-item__more {
    font-size: 2.1875vw;
    bottom: 3.125vw;
  }
}

.main-menu-item__plus {
  right: 2.0833vw;
  position: absolute;
  bottom: 2.2396vw;
  filter: grayscale(1);
  transition: all 0.25s ease-in-out;
}

@media screen and (min-width: 1500px) and (max-height: 950px) {
  .main-menu-item__plus {
    bottom: 1.25vw;
  }
}

@media only screen and (max-width: 850px) {
  .main-menu-item__plus {
    right: 2.5vw;
    bottom: 3.125vw;
  }
}

@media only screen and (max-width: 850px) {
  .main-menu-item__contacts {
    font-size: 2.1875vw;
  }
}

.main-menu-item:hover .main-menu-item__title {
  filter: grayscale(0);
}

.main-menu-item:hover .main-menu-item__plus {
  filter: grayscale(0);
}

.main-menu-item:hover .main-menu-item__more {
  filter: grayscale(0);
  text-decoration: underline;
}

.main-menu-item__ul-arrow li {
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .main-menu-item__ul-arrow {
    font-size: 2.5vw;
  }

  .main-menu-item__ul-arrow .ul-arrow__li {
    margin-bottom: 2.5vw;
    padding-left: 1.875vw;
  }

  .main-menu-item__ul-arrow .ul-arrow__li:before {
    top: 0.625vw;
    width: 0.9375vw;
    height: 1.25vw;
  }
}

.list-companies {
  width: 15.1042vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .list-companies {
    width: 31.25vw;
  }
}

.list-companies__item {
  width: 5.2083vw;
  height: 2.3438vw;
  margin-bottom: 2vw;
  filter: grayscale(1);
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .list-companies__item {
    margin-bottom: 2.1875vw;
    width: 10.9375vw;
    height: 5vw;
  }
}

.list-companies__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.list-companies__item:hover {
  filter: grayscale(0);
}

.list-companies__item:nth-child(n+7) {
  display: none !important;
}

.plus {
  width: 1.3021vw;
  height: 1.3021vw;
  background: url("../icon/plus-blue.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .plus {
    width: 2.5vw;
    height: 2.5vw;
  }
}

.contacts__item {
  margin-bottom: 1.0938vw;
}

@media only screen and (max-width: 850px) {
  .contacts__item {
    margin-bottom: 2.1875vw;
  }
}

.contacts__title-item {
  text-transform: uppercase;
}

.contacts-soc {
  display: flex;
}

.contacts-soc__item {
  margin-right: 0.5vw;
  display: flex;
  align-items: center;
  height: 1.25vw;
}

@media only screen and (max-width: 850px) {
  .contacts-soc__item {
    margin-right: 1.4vw;
    height: 2.5vw;
    font-size: 2.5vw;
  }
}

.contacts-soc__item span {
  margin-left: 0.3vw;
  text-transform: uppercase;
  white-space: nowrap;
}

@media only screen and (max-width: 850px) {
  .contacts-soc__item span {
    text-decoration: underline;
    margin-left: 1vw;
    font-size: 1.4vw;
  }
}

.contacts-soc__item img,
.contacts-soc__item svg {
  height: 100%;
  width: auto;
}

.contacts-soc__item:hover {
  text-decoration: underline;
}

.contacts-soc__item_whats svg path {
  transition: 0.25s ease-in-out;
}

.contacts-soc__item_whats:hover svg path {
  fill: #6CCC4B;
}

.contacts-soc__item_telegram svg path {
  transition: 0.25s ease-in-out;
}

.contacts-soc__item_telegram:hover svg path {
  fill: #7CBDF9;
}

.contacts-soc__item_lk {
  margin-right: unset;
  margin-left: 1vw;
}

@media only screen and (max-width: 850px) {
  .contacts-soc__item_lk {
    margin-right: unset;
    margin-left: 1.875vw;
  }
}

.ul-arrow__li {
  margin-bottom: 1.0417vw;
  padding-left: 0.9375vw;
  position: relative;
}

.ul-arrow__li:before {
  content: "";
  position: absolute;
  top: 0.2083vw;
  left: 0;
  width: 0.4688vw;
  height: 0.6771vw;
  background: url("../icon/arrow-forward-blue.svg") center no-repeat;
  background-size: contain;
}

.ul-arrow__li:last-child {
  margin-bottom: unset;
}

.ul-arrow__li a {
  text-decoration: underline;
}

.underline {
  text-decoration: underline;
}

.header {
  position: fixed;
  z-index: 1200;
  background: #f5f5f5;
  box-shadow: 0 0.2083vw 0.5208vw rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 49.9479vw;
  padding: 0 1.9792vw;
  height: 2.6042vw;
  top: 0;
  text-transform: uppercase;
}

@media only screen and (max-width: 850px) {
  .header {
    width: 100vw;
    height: 12.8125vw;
    box-shadow: 0 1px 0.9375vw rgba(0, 0, 0, 0.25);
    padding: 0;
  }
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
  .header {
    height: 7.2183vw;
  }
}

.header__list {
  display: flex;
  align-content: center;
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
  .header__list {
    transform: translateX(-12vw);
  }
}

.header__item-header {
  margin-right: 0.9375vw;
}

@media only screen and (max-width: 850px) {
  .header__item-header {
    margin-right: 4vw;
    font-size: 2.8125vw;
    justify-content: center;
    flex-direction: column;
  }

  .header__item-header:last-child {
    margin-right: unset;
  }
}

.header__logo {
  height: 100%;
  padding-right: 2.8125vw;
  padding-left: 3.75vw;
  border-right: 1px solid #cecece;
  width: auto;
  align-items: center;
  display: none;
}

.header__logo img {
  width: 8.125vw;
  height: 8.125vw;
}

@media (orientation: landscape) {
  .header__logo {
    padding-right: 1.7606vw;
    padding-left: 1.7606vw;
  }

  .header__logo img {
    width: 4.4014vw;
    height: 4.4014vw;
  }
}

@media only screen and (max-width: 850px) {
  .header__logo {
    display: flex;
  }
}

@media only screen and (max-width: 850px) {
  .header__back {
    display: none;
  }
}

.header__call {
  height: 100%;
  padding-right: 4.6875vw;
  padding-left: 4.6875vw;
  border-left: 1px solid #cecece;
  width: auto;
  align-items: center;
  display: none;
}

.header__call img {
  width: 3.125vw;
  height: 3.125vw;
}

@media (orientation: landscape) {
  .header__call {
    padding-right: 2.6408vw;
    padding-left: 2.6408vw;
  }

  .header__call img {
    width: 1.7606vw;
    height: 1.7606vw;
  }
}

@media only screen and (max-width: 850px) {
  .header__call {
    display: flex;
  }
}

.header__shop-wrapper {
  display: flex;
  align-content: center;
}

.header__cart-count {
  margin-left: 23rem;
}

@media only screen and (max-width: 850px) {
  .header__cart-count {
    margin-left: unset;
  }
}

.cart-count {
  padding-left: 23rem;
  border-left: #AEAEAE 1px solid;
  display: flex;
  align-content: center;
}

@media only screen and (max-width: 850px) {
  .cart-count {
    padding-left: unset;
    border-left: unset;
  }
}

.cart-count__title {
  margin-right: 7rem;
}

@media only screen and (max-width: 850px) {
  .cart-count__title {
    display: none;
  }
}

.cart-count__icon {
  width: 19rem;
  height: 18rem;
  object-fit: cover;
  margin-right: 3rem;
  transform: translateY(-20%);
}

@media only screen and (max-width: 850px) {
  .cart-count__icon {
    width: 15rem;
    height: 15rem;
    margin-right: 0rem;
  }
}

.cart-count__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-count__count {
  padding: 2rem;
  background: #3492e9;
  color: white;
  display: flex;
  align-content: center;
  justify-content: center;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  font-size: 10rem;
}

@media only screen and (max-width: 850px) {
  .cart-count__count {
    width: 14rem;
    height: 14rem;
    font-size: 8rem;
  }
}

.item-header {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.25s ease-in-out;
}

.item-header__icon {
  margin-right: 0.2604vw;
  height: 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .item-header__icon {
    height: 3.4375vw;
    margin-right: 1.25vw;
  }
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
  .item-header__icon {
    height: 2.1127vw;
    margin-right: 0.8803vw;
    display: flex;
  }
}

.item-header__icon img {
  height: 100%;
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
  .item-header__title {
    font-size: 1.5845vw !important;
  }
}

.item-header a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.item-header a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 110%;
  height: 110%;
  transform: translate(-50%, -50%);
}

.hover-gray {
  filter: grayscale(1);
  color: #3492e9;
  cursor: pointer;
}

.hover-gray:hover,
.hover-gray.active {
  filter: grayscale(0);
}

@media only screen and (max-width: 850px) {
  .hover-gray:hover {
    filter: grayscale(1);
  }
}

.back {
  position: relative;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
}

.back:before {
  content: "";
  position: absolute;
  width: 0.4688vw;
  height: 0.6771vw;
  background: url("../icon/arrow-back-blue.svg") center no-repeat;
  background-size: contain;
  left: -0.5729vw;
  transform: translate(-100%, -50%);
  transition: 0.25s ease-in-out;
  top: 50%;
}

.back:hover:before {
  transform: translate(-150%, -50%);
}

.back_black {
  display: flex;
  align-items: center;
}

.back_black:before {
  width: 0.4688vw;
  height: 0.6771vw;
  margin-right: 0.2604vw;
  position: unset;
  display: block;
  background: url("../icon/arrow-left-black.svg") center no-repeat;
  background-size: contain;
  transform: unset;
}

@media only screen and (max-width: 850px) {
  .back_black:before {
    width: 0.9375vw;
    height: 1.5625vw;
    margin-right: 0.9375vw;
  }
}

.section__about-company {
  margin: 0 2.7604vw 6.7708vw;
}

@media only screen and (max-width: 850px) {
  .section__about-company {
    margin: 0 4.6875vw 11.5625vw;
  }
}

.section__quality {
  margin: 0 2.7604vw 3.6458vw;
}

@media only screen and (max-width: 850px) {
  .section__quality {
    margin: 0 4.6875vw 6.875vw;
  }
}

.section__geography {
  margin: 0 2.7604vw 3.4896vw;
}

@media only screen and (max-width: 850px) {
  .section__geography {
    margin: 0 4.6875vw 4.375vw;
  }
}

.section__separation {
  margin: 0 1.8229vw 2.7604vw;
  height: 1px;
  background: #aeaeae;
}

@media only screen and (max-width: 850px) {
  .section__separation {
    margin: 0 4.6875vw 5.3125vw;
  }
}

.section__advantages {
  margin: 0 1.9792vw 3.5938vw 2.5vw;
}

@media only screen and (max-width: 850px) {
  .section__advantages {
    margin: 0 4.6875vw 5.3125vw;
  }
}

.section__faq {
  margin: 0 2.7604vw 5.2083vw;
}

@media only screen and (max-width: 850px) {
  .section__faq {
    margin: 0 4.6875vw 7.8125vw;
  }
}

.section__another {
  margin: 0 2.7604vw 5.2083vw;
}

@media only screen and (max-width: 850px) {
  .section__another {
    margin: 0 4.6875vw 13.125vw;
  }
}

.section__assembly {
  margin: 0 2.7604vw 0.5208vw;
}

@media only screen and (max-width: 850px) {
  .section__assembly {
    margin: 0 4.6875vw 1.5625vw;
  }
}

.section__supply {
  margin: 0 2.7604vw 0;
}

@media only screen and (max-width: 850px) {
  .section__supply {
    margin: 0 4.6875vw 1.5625vw;
  }
}

.section__contacts-page {
  margin: 0 2.7604vw 1.5625vw;
}

@media only screen and (max-width: 850px) {
  .section__contacts-page {
    margin: 0 4.6875vw 1.5625vw;
  }
}

.section__way {
  margin: 0 2.7604vw 0;
}

@media only screen and (max-width: 850px) {
  .section__way {
    margin: 0 4.6875vw 1.5625vw;
  }
}

.section__service-list {
  margin: 0 2.7604vw 10px;
}

@media only screen and (max-width: 850px) {
  .section__service-list {
    margin: 0 4.6875vw 1.5625vw;
  }
}

.section__razdel {
  margin: 0 2.7604vw 2.3438vw;
}

@media only screen and (max-width: 850px) {
  .section__razdel {
    margin: 0 4.6875vw 1.5625vw;
  }
}

.h {
  text-transform: uppercase;
}

.h_color_gray {
  color: #666060;
}

.h_color_blue {
  color: #3492e9;
}

.about-company {
  position: relative;
}

.about-company__title {
  text-transform: uppercase;
  margin-bottom: 0.625vw;
  color: #3492e9;
}

@media only screen and (max-width: 850px) {
  .about-company__title {
    margin-bottom: 0.9375vw;
  }
}

.about-company__h {
  margin-bottom: 0.625vw;
}

@media only screen and (max-width: 850px) {
  .about-company__h {
    margin-bottom: 2.1875vw;
  }
}

.about-company__text {
  margin-bottom: 2.7083vw;
}

@media only screen and (max-width: 850px) {
  .about-company__text {
    margin-bottom: 8vw;
  }
}

.about-company__text p {
  margin-bottom: 0.9375vw;
}

@media only screen and (max-width: 850px) {
  .about-company__text p {
    margin-bottom: 3.125vw;
  }
}

.about-company__text p:last-child {
  margin-bottom: unset;
}

.about-company__logotype {
  position: absolute;
  right: 0;
  top: 0;
  width: 7.8125vw;
  height: 11.9271vw;
}

@media only screen and (max-width: 850px) {
  .about-company__logotype {
    width: 21.25vw;
    height: 32.1875vw;
    top: 12.5vw;
  }
}

.about-company__logotype img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.window {
  position: relative;
  background: #EBEBEB;
}

.window:after {
  content: "";
  width: 1.0417vw;
  height: 1.0417vw;
  position: absolute;
  left: 1.5625vw;
  background: #EBEBEB;
  transform: translateY(50%) rotate(45deg);
  bottom: 0;
}

@media only screen and (max-width: 850px) {
  .window:after {
    left: 4.6875vw;
    width: 3.75vw;
    height: 3.75vw;
  }
}

@media only screen and (max-width: 850px) {
  .window__title img {
    height: 2.5vw;
  }
}

.window__row {
  height: 15.625vw;
  display: flex;
  justify-content: space-around;
  padding-top: 6vw;
}

@media only screen and (max-width: 850px) {
  .window__row {
    height: 28vw;
  }
}

@media only screen and (max-width: 850px) {
  .window__col {
    width: 50%;
  }

  .window__col br {
    display: none;
  }
}

.window__h {
  margin-bottom: 0.4167vw;
}

.window__h_center {
  text-align: center;
}

.window__text_center {
  text-align: center;
}

.window__content_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.window__attention {
  position: relative;
  transform: translateX(10%);
}

.window__attention:before {
  content: "";
  width: 10px;
  height: 100%;
  margin-right: 20px;
  background: url("../icon/attention.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateX(-314%);
}

@media only screen and (max-width: 850px) {
  .window__attention:before {
    transform: translateX(-197%);
  }
}

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

.dots__item {
  width: 0.2083vw;
  height: 0.2083vw;
  background: #3492e9;
  margin: 0 0.1563vw;
  border-radius: 50%;
  transition: opacity 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .dots__item {
    width: 0.625vw;
    height: 0.625vw;
    margin: 0 0.4688vw;
  }
}

.dots__item:nth-child(1) {
  animation: dots 0.5s infinite ease-in-out alternate;
}

.dots__item:nth-child(2) {
  animation: dots 0.5s infinite 0.16666s ease-in-out alternate;
}

.dots__item:nth-child(3) {
  animation: dots 0.5s infinite 0.33333s ease-in-out alternate;
}

.quality__h {
  margin-bottom: 0.8333vw;
}

@media only screen and (max-width: 850px) {
  .quality__h {
    margin-bottom: 3.75vw;
  }

  .quality__h br {
    display: none;
  }
}

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

@media only screen and (max-width: 850px) {
  .quality__list {
    flex-wrap: wrap;
  }
}

.quality__dots {
  margin-top: 0.8333vw;
}

@media only screen and (max-width: 850px) {
  .quality__dots {
    margin-top: 1.5625vw;
  }

  .quality__dots:nth-child(4) {
    display: none;
  }
}

@media only screen and (max-width: 850px) {
  .quality__item {
    width: 40.625vw;
    margin-bottom: 2.5vw;
  }

  .quality__item br {
    display: none;
  }

  .quality__item:nth-child(1),
  .quality__item:nth-child(5) {
    width: 32.25vw;
  }
}

.geography__dates {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.4167vw;
  border-bottom: 0.1042vw solid #aeaeae;
  margin-bottom: 1.5625vw;
  color: #aeaeae;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .geography__dates {
    padding-bottom: unset;
    border-bottom: 1px solid #aeaeae;
    margin-bottom: 3.75vw;
  }
}

.geography__date {
  cursor: pointer;
  transition: color 0.25s ease-in-out;
}

.geography__date:hover,
.geography__date.active {
  color: #3492e9;
}

.geography__city {
  position: absolute;
  width: 0.5729vw;
  height: 0.5729vw;
  border-radius: 50%;
  padding: 0.1042vw;
  z-index: 100;
  transform: translate(-50%, -50%);
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 1600px) {
  .geography__city {
    width: 0.4688vw;
    height: 0.4688vw;
    padding: 0.1042vw;
  }
}

@media only screen and (max-width: 1200px) {
  .geography__city {
    width: 0.3125vw;
    height: 0.3125vw;
    padding: 1px;
  }
}

@media only screen and (max-width: 850px) {
  .geography__city {
    width: 1.25vw;
    height: 1.25vw;
    padding: 1px;
  }
}

.geography__city.scale {
  transform: translate(-50%, -50%) scale(0);
}

.geography__city:hover {
  z-index: 200;
}

.geography__city:hover:after,
.geography__city:hover:before {
  transform: scale(1.8);
}

.geography__city:hover span {
  opacity: 1;
}

.geography__city:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3492E9;
  transition: 0.25s ease-in-out;
  z-index: 10;
  position: relative;
}

@media only screen and (max-width: 1500px) {
  .geography__city:after {
    width: 6px;
    height: 6px;
  }
}

@media only screen and (max-width: 850px) {
  .geography__city:after {
    width: 4px;
    height: 4px;
  }
}

.geography__city:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(124, 189, 249, 0.6);
  transition: 0.25s ease-in-out;
}

.geography__city span {
  position: absolute;
  top: 50%;
  left: 100%;
  opacity: 0;
  transform: translate(0.5208vw, -50%);
  transition: 0.25s ease-in-out;
  pointer-events: none;
  white-space: nowrap;
  padding: 0.1042vw 0.2083vw;
  background: #EBEBEB;
  border-radius: 0.3125vw;
}

.geography__city_left span {
  right: 100%;
  left: unset;
  transform: translate(-0.5208vw, -50%);
  text-align: right;
}

.geography__map {
  position: relative;
  width: 43.8021vw;
  height: 23.2813vw;
  background: url("../img/map/map.png") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .geography__map {
    width: 100%;
    height: 49.0625vw;
  }
}

.geography__h {
  margin-bottom: 1.9271vw;
}

@media only screen and (max-width: 850px) {
  .geography__h {
    margin-bottom: 3.75vw;
  }

  .geography__h br {
    display: none;
  }
}

.geography__runner {
  width: 1.9792vw;
  height: 0.1042vw;
  position: absolute;
  bottom: -0.1042vw;
  transform: translateX(42.5104vw);
  left: 0;
  background: #3492e9;
  transition: all 1s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .geography__runner {
    width: 6.5625vw;
    height: 1px;
    bottom: -1px;
    transform: translateX(84.0625vw);
  }
}

.advantages__h {
  margin-bottom: 1.25vw;
}

@media only screen and (max-width: 850px) {
  .advantages__h {
    margin-bottom: 3.75vw;
  }

  .advantages__h br {
    display: none;
  }
}

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

.list-boxes__item {
  width: 13.9583vw;
  height: 11.3542vw;
  border: 1px solid #aeaeae;
  padding: 0.8854vw 1.7708vw 0.8854vw 0.8854vw;
  position: relative;
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width: 850px) {
  .list-boxes__item {
    width: 43.125vw;
    height: 41.25vw;
    margin-bottom: 4.0625vw;
    padding: 2.8125vw 5.625vw 2.8125vw 2.8125vw;
  }
}

.list-boxes__item:after {
  content: "";
  position: absolute;
  width: 0.4688vw;
  height: 0.6771vw;
  right: 0.7292vw;
  top: 0.9375vw;
  background: url("../icon/arrow-right.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .list-boxes__item:after {
    width: 1.5625vw;
    height: 2.1875vw;
    top: 3.75vw;
    right: 2.5vw;
  }
}

.list-boxes__item:last-child:after {
  width: 0.7292vw;
  height: 0.5208vw;
  top: 0.9375vw;
  right: 0.7292vw;
  background: url("../icon/yep-blue.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .list-boxes__item:last-child:after {
    width: 2.8125vw;
    height: 2.1875vw;
    top: 3.4375vw;
    right: 2.1875vw;
  }
}

.list-boxes__text p {
  margin-bottom: 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .list-boxes__text p {
    margin-bottom: 3.125vw;
  }
}

.faq__h {
  margin-bottom: 1.6667vw;
}

@media only screen and (max-width: 850px) {
  .faq__h {
    margin-bottom: 3.75vw;
  }

  .faq__h br {
    display: none;
  }
}

.faq__item {
  border-bottom: 1px solid #aeaeae;
  padding: 1.1458vw 0 0.625vw;
}

@media only screen and (max-width: 850px) {
  .faq__item {
    padding: 4.6875vw 0 5.9375vw;
  }
}

.faq__wrapper-drop {
  padding-top: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .faq__wrapper-drop {
    padding-top: 2.1875vw;
  }
}

.faq__wrapper-drop a {
  text-decoration: underline;
  color: #3492e9;
}

.faq__load {
  margin: 0.7813vw auto 0;
  width: 7.8125vw;
  text-align: center;
  cursor: pointer;
}

@media only screen and (max-width: 850px) {
  .faq__load {
    width: 25vw;
    margin: 3.75vw auto 0;
  }
}

.drop__header {
  cursor: pointer;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .drop__header {
    padding-right: 4.6875vw;
  }
}

.drop__header:after {
  content: "";
  position: absolute;
  right: 0.5208vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0.7813vw;
  height: 0.7813vw;
  background: url("../icon/plus-grey.svg") center no-repeat;
  background-size: contain;
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .drop__header:after {
    width: 2.5vw;
    height: 2.5vw;
    right: 0;
  }
}

.drop__cont {
  height: 0;
  transition: 0.25s ease-in-out height;
  overflow: hidden;
}

.drop.open .drop__header:after {
  transform: translateY(-50%) rotate(45deg);
}

.another {
  display: flex;
}

@media only screen and (max-width: 850px) {
  .another {
    justify-content: space-between;
  }
}

.another__col {
  max-width: 15.625vw;
  margin-right: 1.3021vw;
}

@media only screen and (max-width: 850px) {
  .another__col {
    max-width: 48.125vw;
    margin-right: unset;
  }

  .another__col:nth-child(2) {
    max-width: 29.6875vw;
  }
}

.another__head {
  text-transform: uppercase;
  margin-bottom: 0.8333vw;
  height: 2.0833vw;
}

@media only screen and (max-width: 850px) {
  .another__head {
    height: 6.875vw;
    margin-bottom: 4.375vw;
  }
}

.another__link {
  text-decoration: underline;
  margin-bottom: 0.5729vw;
}

@media only screen and (max-width: 850px) {
  .another__link {
    margin-bottom: 2.8125vw;
  }
}

.footer {
  padding: 1.5625vw;
  display: flex;
  justify-content: space-between;
}

.footer a {
  text-decoration: underline;
}

@media only screen and (max-width: 850px) {
  .footer {
    padding: 0 17.1875vw 3.125vw;
    display: flex;
    flex-wrap: wrap;
  }

  .footer__dev {
    order: 2;
    margin-bottom: 1.5625vw;
  }

  .footer__policy {
    order: 1;
  }

  .footer__copyright {
    order: 3;
    text-align: center;
    width: 100%;
  }
}

.supply__h {
  margin-bottom: 1.8229vw;
}

@media only screen and (max-width: 850px) {
  .supply__h {
    margin-bottom: 3.75vw;
  }
}

.supply__ol {
  list-style-type: none;
  counter-reset: list;
}

.supply__item-supply {
  margin-bottom: 1.4583vw;
}

@media only screen and (max-width: 850px) {
  .supply__item-supply {
    margin-bottom: 3.75vw;
  }
}

.item-supply {
  position: relative;
  padding-left: 2.2917vw;
}

@media only screen and (max-width: 850px) {
  .item-supply {
    padding-left: 8.75vw;
  }
}

.item-supply__number {
  position: absolute;
  left: 0;
}

.item-supply__number:before {
  counter-increment: list;
  content: counter(list);
  font-size: 1.8229vw;
  font-weight: 700;
  color: #3492e9;
}

@media only screen and (max-width: 850px) {
  .item-supply__number:before {
    font-size: 10.9375vw;
  }
}

.item-supply__dots {
  position: absolute;
  left: 0.5208vw;
  transform-origin: left;
  transform: rotate(90deg);
  top: 4.6875vw;
}

@media only screen and (max-width: 850px) {
  .item-supply__dots {
    top: 19.875vw;
    left: 3vw;
  }

  .item-supply__dots .dots__item {
    width: 1.3vw;
    height: 1.3vw;
    margin: 0 1vw;
  }
}

.item-supply:last-child .item-supply__dots {
  display: none;
}

.item-supply__text a {
  color: #3492e9;
}

.assembly__h {
  margin-bottom: 1.8229vw;
}

@media only screen and (max-width: 850px) {
  .assembly__h {
    margin-bottom: 3.75vw;
  }
}

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

.assembly__item {
  width: 14.0104vw;
  margin-bottom: 2.0833vw;
}

@media only screen and (max-width: 850px) {
  .assembly__item {
    width: 100%;
    margin-bottom: 2.8125vw;
  }

  .assembly__item br {
    content: "";
  }
}

.assembly__item:after {
  content: " ";
}

.contacts-page__h {
  margin-bottom: 2.2917vw;
}

@media only screen and (max-width: 850px) {
  .contacts-page__h {
    margin-bottom: 1.875vw;
  }
}

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

.contacts-page__contact {
  margin-bottom: 1.3021vw;
}

@media only screen and (max-width: 850px) {
  .contacts-page__contact {
    margin-bottom: 3.125vw;
  }
}

.contacts-page .contacts-soc {
  flex-wrap: wrap;
}

.contacts-page .contacts-soc__item {
  margin-bottom: 0.7vw;
}

@media only screen and (max-width: 850px) {
  .contacts-page .contacts-soc__item {
    height: 4.0625vw;
    margin-right: 2.1875vw;
    margin-bottom: 1.5vw;
  }
}

.contacts-page .contacts-soc__item svg {
  width: 1.25vw;
}

@media only screen and (max-width: 850px) {
  .contacts-page .contacts-soc__item svg {
    width: auto;
  }
}

.contact__title {
  text-transform: uppercase;
}

.contact_tel {
  width: 8.0729vw;
}

.contact_address_m {
  width: 10.4167vw;
}

.contact_address_l {
  width: 11.9792vw;
}

.contact_letter {
  width: 8.3333vw;
}

.contact_email {
  width: 8.0729vw;
}

.contact_schedule {
  width: 10.4167vw;
}

.contact_delivery {
  width: 11.9792vw;
}

.contact_soc {
  width: 8.3333vw;
}

@media only screen and (max-width: 850px) {
  .contact {
    width: 50%;
    padding-right: 6.25vw;
  }
}

.way__h {
  margin-bottom: 1.0938vw;
}

@media only screen and (max-width: 850px) {
  .way__h {
    margin-bottom: 3.125vw;
  }

  .way__h br {
    display: none;
  }
}

.way__block {
  margin-bottom: 1.1458vw;
}

@media only screen and (max-width: 850px) {
  .way__block {
    margin-bottom: 3.125vw;
  }
}

.way__map {
  height: 20.3125vw;
}

@media only screen and (max-width: 850px) {
  .way__map {
    height: 125vw;
  }
}

.way__map iframe {
  width: 100%;
  height: 100%;
}

.numbers-eco__item {
  transition: 0.25s ease-in-out;
  margin-bottom: 0.8333vw;
}

.service-list {
  position: relative;
}

.service-list__window {
  position: absolute;
  left: 23.9583vw;
  width: 16.5104vw;
}

@media only screen and (max-width: 850px) {
  .service-list__window {
    left: unset;
    right: 0;
    width: 43.75vw;
  }
}

.service-list__window .window__content_center {
  height: 7.1875vw;
}

@media only screen and (max-width: 850px) {
  .service-list__window .window__content_center {
    height: 19.0625vw;
  }
}

.service-list__subtitle {
  margin-left: 1.1979vw;
  width: 35.6458vw;
}

@media only screen and (max-width: 850px) {
  .service-list__subtitle {
    font-size: 2.1875vw;
    width: 59.375vw;
    margin-left: 2.5vw;
  }

  .service-list__subtitle br {
    display: none;
  }
}

.service-list__header {
  display: flex;
  align-items: center;
}

.service-list__header_mb_l {
  margin-bottom: 3.4375vw;
}

@media only screen and (max-width: 850px) {
  .service-list__header_mb_l {
    margin-bottom: 6.5625vw;
  }
}

.service-list__header_mb_m {
  margin-bottom: 2.8646vw;
}

@media only screen and (max-width: 850px) {
  .service-list__header_mb_m {
    margin-bottom: 3.4375vw;
  }
}

.service-list__header_mb_xs {
  margin-bottom: 0.9896vw;
}

@media only screen and (max-width: 850px) {
  .service-list__header_mb_xs {
    margin-bottom: 3.4375vw;
  }
}

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

.service-list__item {
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width: 850px) {
  .service-list__item {
    margin-bottom: 4.0625vw;
  }
}

.service-list__item_one {
  flex: 1 1 100%;
}

.service-list__item_two {
  flex: 0 0 46%;
}

@media only screen and (max-width: 850px) {
  .service-list__item_two .service-list__text_mob {
    width: 100% !important;
  }
}

.service-list__item_three {
  flex: 1 1 33%;
}

@media only screen and (max-width: 850px) {
  .service-list__item {
    flex: 1 1 100%;
  }
}

.service-list__item_mb_l {
  margin-bottom: 2.6042vw;
}

@media only screen and (max-width: 850px) {
  .service-list__item_mb_l {
    margin-bottom: 5.3125vw;
  }
}

.service-list__item_mb_m {
  margin-bottom: 2.3438vw;
}

.service-list__item_mb_xs {
  margin-bottom: 0.7813vw;
}

.service-list__link-wrapper {
  display: flex;
  text-transform: uppercase;
}

.service-list__link-wrapper a {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bold;
}

.service-list__link-wrapper_mb {
  margin-bottom: 0.625vw;
}

@media only screen and (max-width: 850px) {
  .service-list__link-wrapper_mb {
    margin-bottom: 1.875vw;
  }
}

.service-list__link {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}

.service-list__link br {
  display: none;
}

.service-list__link_s {
  width: 10.5021vw;
}

@media only screen and (max-width: 850px) {
  .service-list__link {
    width: auto;
  }
}

.service-list__link_mb {
  margin-bottom: 0.5208vw;
}

@media only screen and (max-width: 850px) {
  .service-list__link_mb {
    margin-bottom: 1.5625vw;
  }
}

.service-list__text_s {
  width: 13.8021vw;
}

.service-list__text_m {
  width: 18.75vw;
}

.service-list__text_xl {
  width: 30.4167vw;
}

.service-list__text_xxl {
  width: 41.6667vw;
}

@media only screen and (max-width: 850px) {
  .service-list__text {
    width: 100%;
  }

  .service-list__text br {
    display: none;
  }
}

@media only screen and (max-width: 850px) {
  .service-list__text_mob {
    width: 37.5vw;
  }
}

.service-list__text_three_s {
  width: 10.4167vw;
}

@media only screen and (max-width: 850px) {
  .service-list__text_three_s {
    width: 71.875vw;
  }
}

.service-list__text_three_m {
  width: 14vw;
}

@media only screen and (max-width: 850px) {
  .service-list__text_three_m {
    width: 71.875vw;
  }
}

.service-list__text_three_l {
  width: 14.8438vw;
}

@media only screen and (max-width: 850px) {
  .service-list__text_three_l {
    width: 71.875vw;
  }
}

.service-list__text p {
  margin-bottom: 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .service-list__text p {
    margin-bottom: 3.125vw;
  }
}

.service-list__text_theme_no-item {
  margin-bottom: 2.3438vw;
}

@media only screen and (max-width: 850px) {
  .service-list__text_theme_no-item {
    margin-bottom: 3.75vw;
  }
}

.page {
  padding: 0 2.7604vw 2.344vw;
}

@media only screen and (max-width: 850px) {
  .page {
    padding: 0 4.6875vw;
  }
}

.page__page-title {
  margin-bottom: 2.0833vw;
}

@media only screen and (max-width: 850px) {
  .page__page-title {
    margin-bottom: 5.625vw;
  }
}

.page__page-menu {
  margin-bottom: 3.6458vw;
}

@media only screen and (max-width: 850px) {
  .page__page-menu {
    margin-bottom: 3.125vw;
  }
}

.page__page-menu_escort {
  margin-bottom: 0.8333vw;
}

.page__partners {
  margin-bottom: 2.6042vw;
}

@media only screen and (max-width: 850px) {
  .page__partners {
    margin-bottom: 9.375vw;
  }
}

.page__cert {
  margin-bottom: 5.2083vw;
}

@media only screen and (max-width: 850px) {
  .page__cert {
    margin-bottom: 9.375vw;
  }
}

.page__shop {
  margin-bottom: 5vw;
}

@media only screen and (max-width: 850px) {
  .page__shop {
    margin-bottom: 9.375vw;
  }
}

.page__back {
  margin-bottom: 0.5729vw;
}

@media only screen and (max-width: 850px) {
  .page__back {
    margin-bottom: 4.375vw;
  }
}

.page__product {
  margin-bottom: 4.1667vw;
}

@media only screen and (max-width: 850px) {
  .page__product {
    margin-bottom: 7.8125vw;
  }
}

.page__licenses {
  margin-bottom: 3.6458vw;
  margin-top: 5.2083vw;
}

@media only screen and (max-width: 850px) {
  .page__licenses {
    margin-top: 6.25vw;
    margin-bottom: 10.9375vw;
  }
}

.page__virt {
  margin-bottom: 3.6458vw;
  margin-top: 3vw;
}

@media only screen and (max-width: 850px) {
  .page__virt {
    margin-top: 4.25vw;
    margin-bottom: 10.9375vw;
  }
}

.page__security {
  margin-bottom: 3.6458vw;
  margin-top: 3vw;
}

@media only screen and (max-width: 850px) {
  .page__security {
    margin-top: 4.25vw;
    margin-bottom: 10.9375vw;
  }
}

.page__list-application {
  margin-bottom: 3.6458vw;
  margin-top: 3vw;
}

@media only screen and (max-width: 850px) {
  .page__list-application {
    margin-top: 4.25vw;
    margin-bottom: 10.9375vw;
  }
}

.page__breadcrumbs {
  position: relative;
  margin-bottom: 34rem;
}

@media only screen and (max-width: 850px) {
  .page__breadcrumbs {
    margin-bottom: 15rem;
  }
}

.page__breadcrumbs a {
  transition: 0.25s ease-in-out;
}

.page__breadcrumbs a:hover {
  color: #3492e9;
}

@media only screen and (max-width: 850px) {
  .page-menu {
    padding-bottom: 3.125vw;
    overflow-x: scroll;
    position: relative;
    width: calc(100% + 9.375vw);
    left: -4.6875vw;
  }
}

.page-menu__ul {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #AEAEAE;
  align-items: flex-end;
}

.page-menu__ul_not-full {
  justify-content: flex-start;
  width: fit-content;
  width: -moz-fit-content;
}

.page-menu__ul_not-full .page-menu__li {
  margin: 0 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .page-menu__ul_not-full .page-menu__li {
    margin: 0 5.3125vw 0 0;
  }
}

@media only screen and (max-width: 850px) {
  .page-menu__ul_not-full .page-menu__li_soft {
    margin: 0 9.3125vw 0 0;
  }
}

.page-menu__ul_not-full .page-menu__li:last-child {
  margin-right: unset;
}

@media only screen and (max-width: 850px) {
  .page-menu__ul_not-full .page-menu__li:last-child {
    margin-right: 4.6875vw;
  }
}

.page-menu__ul_not-full .page-menu__li:first-child {
  margin-left: unset;
}

@media only screen and (max-width: 850px) {
  .page-menu__ul_not-full .page-menu__li:first-child {
    margin-left: 4.6875vw;
  }
}

@media only screen and (max-width: 850px) {
  .page-menu__ul {
    border-bottom: unset;
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
  }

  .page-menu__ul:before {
    content: "";
    position: absolute;
    left: 4.6875vw;
    height: 1px;
    width: calc(100% - 9.375vw);
    bottom: 0;
    background: #AEAEAE;
    transform: translateY(100%);
  }
}

.page-menu__li {
  color: #aeaeae;
  transition: 0.25s ease-in-out;
  position: relative;
  text-transform: uppercase;
  text-align: center;
}

@media only screen and (max-width: 850px) {
  .page-menu__li {
    white-space: nowrap;
    margin-right: 5.3125vw;
  }

  .page-menu__li:nth-child(1) {
    margin-left: 4.6875vw;
  }

  .page-menu__li:last-child {
    margin-right: 4.6875vw;
  }
}

.page-menu__li:hover {
  color: #3492e9;
}

@media only screen and (max-width: 850px) {
  .page-menu__li:hover {
    color: #aeaeae;
  }
}

.page-menu__li.active {
  color: #3492e9;
}

.page-menu__li.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #3492e9;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}

@media only screen and (max-width: 850px) {
  .page-menu__li.active:after {
    height: 1px;
  }
}

.page-menu__li a {
  position: relative;
}

.page-menu__li a:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 100%;
  top: 50%;
  height: 250%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.diagnostic__text_xl {
  width: 28.8021vw;
}

.diagnostic__text_title {
  margin-bottom: 1.7188vw;
}

@media only screen and (max-width: 850px) {
  .diagnostic__text_title {
    margin-bottom: 3.4375vw;
  }
}

@media only screen and (max-width: 850px) {
  .diagnostic__text {
    width: 100%;
  }
}

.diagnostic__item {
  width: 18.2292vw;
  margin-bottom: 2.0833vw;
  margin-right: 4.1667vw;
}

@media only screen and (max-width: 850px) {
  .diagnostic__item {
    width: 100%;
  }
}

.diagnostic__item-title {
  text-transform: uppercase;
}

.diagnostic__wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 29.0833vw;
}

@media only screen and (max-width: 850px) {
  .diagnostic__wrapper {
    flex-direction: row;
    height: auto;
  }
}

.diagnostic__image {
  width: 24.1667vw;
}

.diagnostic__image img {
  margin-bottom: 2.0833vw;
  width: 22.7083vw;
}

@media only screen and (max-width: 850px) {
  .diagnostic__image img {
    width: 100%;
    margin-bottom: 7.8125vw;
  }
}

@media only screen and (max-width: 850px) {
  .diagnostic__image {
    width: 100%;
    margin-bottom: 7.8125vw;
  }
}

.image img {
  margin-bottom: 1.3021vw;
}

@media only screen and (max-width: 850px) {
  .image img {
    margin-bottom: 7.8125vw;
  }
}

.image__desc {
  font-size: 0.6771vw;
}

@media only screen and (max-width: 850px) {
  .image__desc {
    font-size: 2.8125vw;
  }
}

.audit__it-service {
  margin-bottom: 2.8646vw;
}

@media only screen and (max-width: 850px) {
  .audit__it-service {
    margin-bottom: 6.5625vw;
  }
}

.audit__title {
  text-transform: uppercase;
  margin-bottom: 1.4063vw;
}

@media only screen and (max-width: 850px) {
  .audit__title {
    margin-bottom: 3.4375vw;
  }
}

.audit__columns {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 850px) {
  .audit__text br {
    display: none;
  }
}

.audit__hr {
  margin-bottom: 2.0833vw;
}

@media only screen and (max-width: 850px) {
  .audit__hr {
    margin-bottom: 3.4375vw;
    color: #aeaeae;
    border-top: 1px solid #aeaeae;
  }
}

.audit__block {
  width: 13.9vw;
  margin: 0 1vw 1vw;
}

.audit__block:nth-child(3n+1) {
  margin-left: unset;
}

.audit__block:nth-child(3n) {
  margin-right: unset;
}

@media only screen and (max-width: 850px) {
  .audit__block {
    width: 100%;
    margin: 0 0 3.4375vw;
  }
}

@media only screen and (max-width: 850px) {
  .audit__users-services {
    margin-bottom: 9.375vw;
  }
}

.audit__row-50 {
  margin-bottom: 2.6042vw;
}

@media only screen and (max-width: 850px) {
  .audit__row-50 {
    margin-bottom: 5.3125vw;
  }
}

.audit__row-100 {
  margin-bottom: 2.6042vw;
}

@media only screen and (max-width: 850px) {
  .audit__row-100 {
    margin-bottom: 5.3125vw;
  }
}

.audit__system-sec {
  margin-bottom: 4.1667vw;
}

@media only screen and (max-width: 850px) {
  .audit__system-sec {
    margin-bottom: 9.375vw;
  }
}

.audit__services-dop {
  margin-bottom: 4.1667vw;
}

@media only screen and (max-width: 850px) {
  .audit__services-dop {
    margin-bottom: 9.375vw;
  }
}

.blocks-number {
  list-style-type: none;
  counter-reset: list 0;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .blocks-number {
    flex-wrap: wrap;
  }
}

.blocks-number__item {
  width: 21.6146vw;
}

@media only screen and (max-width: 850px) {
  .blocks-number__item {
    width: 100%;
    padding-left: 9.375vw;
    position: relative;
  }
}

.blocks-number__dots {
  position: absolute;
  left: 0.2604vw;
  flex-direction: column;
  align-content: space-between;
  height: 1.3021vw;
  top: 2.6042vw;
}

@media only screen and (max-width: 850px) {
  .blocks-number__dots {
    left: 2.5vw;
    height: 7.1875vw;
    top: 17.1875vw;
  }

  .blocks-number__dots .dots__item {
    width: 1.25vw;
    height: 1.25vw;
  }
}

.blocks-number__number {
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 850px) {
  .blocks-number__number {
    font-size: 10.9375vw;
  }
}

.blocks-number__number:before {
  content: counter(list);
  counter-increment: list;
}

.blocks-number__text_top {
  padding-left: 1.6667vw;
  position: relative;
  margin-bottom: 0.8333vw;
}

@media only screen and (max-width: 850px) {
  .blocks-number__text_top {
    padding-left: unset;
    margin-bottom: 3.4375vw;
    position: unset;
  }
}

.blocks-number__hr {
  margin-bottom: 0.5729vw;
}

@media only screen and (max-width: 850px) {
  .blocks-number__hr {
    margin-bottom: 2.5vw;
    border-top: 1px solid #aeaeae;
  }
}

.diagram__wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .diagram__wrapper {
    flex-wrap: wrap;
  }
}

.diagram__wrapper img {
  width: 27.2396vw;
}

@media only screen and (max-width: 850px) {
  .diagram__wrapper img {
    width: 100%;
    margin-bottom: 3.75vw;
  }
}

.diagram__desc {
  width: 11.9792vw;
}

@media only screen and (max-width: 850px) {
  .diagram__desc {
    width: 39.6875vw;
  }
}

@media only screen and (max-width: 850px) {
  .diagram__desc-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

.diagram__text {
  margin-bottom: 1.7188vw;
}

@media only screen and (max-width: 850px) {
  .diagram__text {
    margin-bottom: 3.125vw;
  }
}

.diagram__title-desc {
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 2px solid #666060;
}

.diagram__title-desc_red {
  color: #ff6060;
  border-color: #ff6060;
}

.diagram__title-desc_blue {
  color: #3492e9;
  border-color: #3492e9;
}

.diagram__column-text {
  width: 14.2708vw;
}

@media only screen and (max-width: 850px) {
  .diagram__column-text {
    width: 100%;
  }
}

.column-dots__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
}

@media only screen and (max-width: 850px) {
  .column-dots__wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.column-dots__item {
  flex: 0 0 33%;
  text-align: center;
  margin-bottom: 2.3438vw;
  position: relative;
}

.column-dots__item:nth-last-child(-n+3) {
  margin-bottom: unset;
}

.column-dots__item:nth-last-child(-n+3) .column-dots__dots {
  display: none;
}

@media only screen and (max-width: 850px) {
  .column-dots__item:nth-last-child(-n+3) .column-dots__dots {
    display: flex;
  }
}

@media only screen and (max-width: 850px) {
  .column-dots__item:nth-last-child(-n+3) {
    margin-bottom: 7.1875vw;
  }
}

@media only screen and (max-width: 850px) {
  .column-dots__item {
    flex: 0 0 auto;
    margin-bottom: 7.1875vw;
    width: 50%;
    padding: 0 1.875vw;
    align-items: center;
    align-content: center;
    display: flex;
    justify-content: center;
  }

  .column-dots__item br {
    display: none;
  }

  .column-dots__item:last-child,
  .column-dots__item:nth-last-child(-n+2) {
    margin-bottom: unset;
  }

  .column-dots__item:last-child .column-dots__dots,
  .column-dots__item:nth-last-child(-n+2) .column-dots__dots {
    display: none;
  }
}

.column-dots__dots {
  position: absolute;
  bottom: -1.1458vw;
  transform: translateY(100%) translateX(-50%);
  left: 50%;
}

@media only screen and (max-width: 850px) {
  .column-dots__dots {
    bottom: -3.4375vw;
  }
}

.column-dots__dots .dots__item {
  animation: unset !important;
}

.blue-dots-list__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.blue-dots-list__item {
  flex: 0 0 48%;
  margin-bottom: 0.8333vw;
  padding-left: 1.25vw;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .blue-dots-list__item {
    flex: 0 0 100%;
    margin-bottom: 6.25vw;
    padding-left: 2.8125vw;
  }

  .blue-dots-list__item br {
    display: none;
  }
}

.blue-dots-list__item:nth-last-child(-n+2) {
  margin-bottom: unset;
}

@media only screen and (max-width: 850px) {
  .blue-dots-list__item:nth-last-child(-n+2) {
    margin-bottom: 6.25vw;
  }
}

@media only screen and (max-width: 850px) {
  .blue-dots-list__item:nth-last-child(-n+2):nth-last-child(-n+1) {
    margin-bottom: unset;
  }
}

.blue-dots-list__item:before {
  content: "";
  position: absolute;
  left: 0.2604vw;
  width: 0.2083vw;
  height: 0.2083vw;
  border-radius: 50%;
  top: 0.3646vw;
  background: #3492e9;
}

@media only screen and (max-width: 850px) {
  .blue-dots-list__item:before {
    left: 0;
    width: 0.9375vw;
    height: 0.9375vw;
    top: 1.5625vw;
  }
}

.blue-dots-list__item a {
  color: #3492e9;
  text-decoration: underline;
  font-weight: bold;
}

.arrow-block__arrow {
  width: 0.4688vw;
  height: 0.6771vw;
}

@media only screen and (max-width: 850px) {
  .arrow-block__arrow {
    width: 1.5625vw;
    height: 2.1875vw;
  }
}

.arrow-block__arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.arrow-block__wrapper {
  display: flex;
  padding: 0 1.25vw;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .arrow-block__wrapper {
    padding: 0;
  }
}

.arrow-block__item {
  width: 20.8333vw;
}

@media only screen and (max-width: 850px) {
  .arrow-block__item {
    width: 43.75vw;
  }
}

.arrow-block__item a {
  color: #3492e9;
  text-decoration: underline;
  font-weight: bold;
}

.arrow-block__item_s {
  width: 19.375vw;
}

@media only screen and (max-width: 850px) {
  .arrow-block__item_s {
    width: 40.625vw;
  }
}

.link {
  color: #3492e9;
  text-decoration: underline;
  font-weight: bold;
}

.blue-arrow-right__item {
  flex: 1 1 13.0208vw;
  display: flex;
  margin-bottom: 1.6667vw;
  position: relative;
}

.blue-arrow-right__item:nth-child(3n+3) .blue-arrow-right__arrow {
  display: none;
}

@media only screen and (max-width: 850px) {
  .blue-arrow-right__item:nth-child(3n+3) .blue-arrow-right__arrow {
    display: block;
  }
}

.blue-arrow-right__item_size_m {
  flex: 1 1 15.625vw;
}

.blue-arrow-right__item_size_l {
  flex: 1 1 17.1875vw;
}

@media only screen and (max-width: 850px) {
  .blue-arrow-right__item {
    flex: 1 1 46.875vw;
    margin-bottom: 6.5625vw;
  }

  .blue-arrow-right__item:nth-child(2n+2) {
    margin-bottom: 4.375vw;
    flex: 1 1 35.9375vw;
  }

  .blue-arrow-right__item:nth-child(2n+2) .blue-arrow-right__arrow {
    display: none;
  }
}

@media only screen and (max-width: 850px) {
  .blue-arrow-right__item_order_three {
    order: 3;
    flex: 1 1 46.875vw !important;
  }

  .blue-arrow-right__item_order_three .blue-arrow-right__arrow {
    display: block !important;
  }

  .blue-arrow-right__item_order_four {
    order: 4;
    flex: 1 1 35.9375vw !important;
  }

  .blue-arrow-right__item_order_four .blue-arrow-right__arrow {
    display: none !important;
  }
}

.blue-arrow-right__text {
  margin-bottom: 2.0833vw;
}

.blue-arrow-right__text:last-child {
  margin-bottom: unset;
}

.blue-arrow-right__wrapper {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 850px) {
  .blue-arrow-right__wrapper {
    align-items: flex-start;
  }
}

.blue-arrow-right__arrow {
  min-width: 0.4688vw;
  height: 0.6771vw;
  box-sizing: content-box;
  padding-left: 1.25vw;
  padding-right: 1.3438vw;
  padding-top: 0.625vw;
}

.blue-arrow-right__arrow:after {
  content: "";
  background: url("../icon/arrow-right.svg") center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
}

@media only screen and (max-width: 850px) {
  .blue-arrow-right__arrow {
    padding-top: 1.5625vw;
    min-width: 1.4063vw;
    height: 2.1875vw;
    padding-right: 2.5vw;
    padding-left: 5.9375vw;
  }
}

.blue-arrow-right__arrow_number_two {
  position: absolute;
  right: 0;
  top: 4vw;
}

@media only screen and (max-width: 850px) {
  .blue-arrow-right__arrow_number_two {
    top: 12vw;
  }
}

.list-type-arrow__wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.list-type-arrow__item {
  display: flex;
  flex: 0 0 48%;
  margin-bottom: 1.3542vw;
}

@media only screen and (max-width: 850px) {
  .list-type-arrow__item {
    flex: 0 0 100%;
    margin-bottom: 4.0625vw;
  }
}

.list-type-arrow__item:before {
  content: "";
  min-width: 0.4688vw;
  height: 0.6771vw;
  margin-right: 0.5729vw;
  background: url("../icon/arrow-right.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .list-type-arrow__item:before {
    height: 2.1875vw;
    margin-right: 1.875vw;
    min-width: 1.5625vw;
    margin-top: 1.5625vw;
  }
}

.list-type-arrow__item:nth-last-child(-n+2) {
  margin-bottom: unset;
}

@media only screen and (max-width: 850px) {
  .list-type-arrow__item:nth-last-child(-n+2) {
    margin-bottom: 4.0625vw;
  }
}

.list-type-arrow__item a {
  color: #3492e9;
  text-decoration: underline;
}

.users-services__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.users-services__item {
  width: 11.3542vw;
  margin: 0 0.0781vw 2.6042vw;
  text-align: center;
  filter: grayscale(1);
  transition: 0.25s ease-in-out;
}

.users-services__item.active,
.users-services__item:hover {
  filter: grayscale(0);
  color: #3492e9;
}

.users-services__item:nth-child(4n+1) {
  margin-left: unset;
}

.users-services__item:nth-child(4n) {
  margin-right: unset;
}

@media only screen and (max-width: 850px) {
  .users-services__item {
    width: 50%;
    margin: 0 auto 4.6875vw;
  }
}

.users-services__item img {
  height: 3.125vw;
  width: 4vw;
  object-fit: contain;
  margin: 0 auto 1.1979vw;
}

@media only screen and (max-width: 850px) {
  .users-services__item img {
    width: 12.5vw;
    height: 9.375vw;
    margin-bottom: 3.4375vw;
  }
}

.users-services__item-title {
  text-transform: uppercase;
  font-weight: bold;
  height: 3.125vw;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

@media only screen and (max-width: 850px) {
  .users-services__item-title {
    height: auto;
  }
}

.system-sec__wrapper {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 850px) {
  .system-sec__wrapper {
    justify-content: center;
  }
}

.system-sec__item {
  width: 14.5vw;
  margin: 0 0.2083vw 1.0417vw;
  text-align: center;
  filter: grayscale(1);
  transition: 0.25s ease-in-out;
}

.system-sec__item.active,
.system-sec__item:hover {
  filter: grayscale(0);
  color: #3492e9;
}

.system-sec__item:nth-child(3n+1) {
  margin-left: unset;
}

.system-sec__item:nth-child(3n) {
  margin-right: unset;
}

@media only screen and (max-width: 850px) {
  .system-sec__item {
    width: 60%;
    margin: 0 auto 4.6875vw;
  }

  .system-sec__item:nth-child(1n) {
    margin: 0 auto 4.6875vw;
  }
}

.system-sec__item img {
  height: 3.125vw;
  width: 3.125vw;
  object-fit: contain;
  margin: 0 auto 0.9896vw;
}

@media only screen and (max-width: 850px) {
  .system-sec__item img {
    width: 12.5vw;
    height: 12.5vw;
    margin-bottom: 3.4375vw;
  }
}

.system-sec__item-title {
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 3.125vw;
}

@media only screen and (max-width: 850px) {
  .system-sec__item-title {
    height: auto;
  }
}

.services-dop__wrapper {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 850px) {
  .services-dop__wrapper {
    justify-content: center;
  }
}

.services-dop__item {
  width: 255px;
  margin: 0 27px 20px;
  text-align: center;
  filter: grayscale(1);
  transition: 0.25s ease-in-out;
}

.services-dop__item.active,
.services-dop__item:hover {
  filter: grayscale(0);
  color: #3492e9;
}

.services-dop__item:nth-child(3n+1) {
  margin-left: unset;
}

.services-dop__item:nth-child(3n) {
  margin-right: unset;
}

@media only screen and (max-width: 850px) {
  .services-dop__item {
    width: 60%;
    margin: 0 auto 4.6875vw;
  }

  .services-dop__item:nth-child(1n) {
    margin: 0 auto 4.6875vw;
  }
}

.services-dop__item img {
  height: 70px;
  width: 70px;
  object-fit: contain;
  margin: 0 auto 15px;
}

@media only screen and (max-width: 850px) {
  .services-dop__item img {
    width: 12.5vw;
    height: 12.5vw;
    margin-bottom: 3.4375vw;
  }
}

.services-dop__item-title {
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 3.125vw;
}

@media only screen and (max-width: 850px) {
  .services-dop__item-title {
    height: auto;
  }
}

.row-50 {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .row-50 {
    display: block;
  }
}

.row-50__col {
  flex: 1 1 48%;
  max-width: 48%;
}

@media only screen and (max-width: 850px) {
  .row-50__col {
    flex: 1 1 100%;
    max-width: unset;
    margin-bottom: 1.5625vw;
  }
}

.columns-dots {
  display: flex;
  flex-wrap: wrap;
}

.columns-dots__item {
  width: 11.3vw;
  margin: 0 2vw 1vw;
  position: relative;
  padding-left: 1.25vw;
}

@media only screen and (max-width: 850px) {
  .columns-dots__item {
    width: 100%;
    margin: 0 0 3.4375vw;
    padding-left: 2.8125vw;
  }

  .columns-dots__item br {
    display: none;
  }
}

.columns-dots__item:before {
  content: "";
  position: absolute;
  left: 0.2604vw;
  width: 0.2083vw;
  height: 0.2083vw;
  border-radius: 50%;
  top: 0.3646vw;
  background: #3492e9;
}

@media only screen and (max-width: 850px) {
  .columns-dots__item:before {
    left: 0;
    width: 0.9375vw;
    height: 0.9375vw;
    top: 1.5625vw;
  }
}

.table-partners {
  border: 1px #aeaeae solid;
  border-collapse: collapse;
  width: 100%;
}

.table-partners th {
  border: 1px #aeaeae solid;
  width: 3.125vw;
  height: 13.9583vw;
  position: relative;
  cursor: pointer;
}

.table-partners th:hover .table-partners__vert {
  text-decoration: underline;
}

.table-partners td {
  border: 1px #aeaeae solid;
  position: relative;
}

.table-partners td[data-point=true]:after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #3492e9;
  border-radius: 50%;
}

@media only screen and (max-width: 1500px) {
  .table-partners td[data-point=true]:after {
    width: 13px;
    height: 13px;
  }
}

@media only screen and (max-width: 850px) {
  .table-partners td[data-point=true]:after {
    width: 10px;
    height: 10px;
  }
}

@media only screen and (max-width: 850px) {
  .table-partners td[data-point] {
    width: 12.5vw;
    height: 12.5vw;
  }
}

.table-partners__vert {
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  -moz-transform: translate(-50%, -50%) rotate(-90deg);
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform-origin: center;
  -moz-transform-origin: center;
  -webkit-transform-origin: center;
  transform-origin: center;
  position: absolute;
  left: 50%;
  width: 13.9583vw;
  font-weight: normal;
  text-align: center;
  top: 50%;
}

.table-partners__company {
  min-width: 5.7292vw;
  text-align: center;
  padding: 0.3646vw 0;
}

.table-partners__company a {
  text-decoration: underline;
}

.table-partners__company:hover {
  color: #3492e9;
}

.table-partners__mob {
  height: 12.5vw;
  padding-left: 5vw;
  display: flex;
  align-items: center;
}

.partners__page-title {
  margin-bottom: 0.4167vw;
}

@media only screen and (max-width: 850px) {
  .partners__page-title {
    margin-bottom: 4.375vw;
  }
}

.partners__text {
  margin-bottom: 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .partners__text {
    margin-bottom: 1.25vw;
  }
}

.partners__mob {
  display: none;
}

@media only screen and (max-width: 850px) {
  .partners__mob {
    display: block;
  }
}

.partners__desc {
  display: block;
}

@media only screen and (max-width: 850px) {
  .partners__desc {
    display: none;
  }
}

.partners__mob-header {
  display: flex;
  margin-bottom: 3.4375vw;
  align-items: center;
  text-decoration: underline;
}

.partners__choose-vendor {
  margin-right: 3.75vw;
}

.select {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.select.open {
  overflow: visible;
}

.select.open .select__header:after {
  transform: translateY(-50%) rotate(-90deg);
}

.select__header {
  display: flex;
  align-items: center;
  position: relative;
  background: #f5f5f5;
}

@media only screen and (max-width: 850px) {
  .select__header {
    height: 11.5625vw;
    width: 56.875vw;
    padding-left: 3.4375vw;
    border: 1px solid #aeaeae;
    z-index: 10;
  }
}

.select__header:after {
  content: "";
  position: absolute;
  right: 3.125vw;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.25s ease-in-out;
  background: url("../icon/select-arrow.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .select__header:after {
    width: 1.5625vw;
    height: 2.1875vw;
  }
}

.select__cont {
  position: absolute;
  border: 1px solid #aeaeae;
  box-sizing: border-box;
  transform: translateY(-2px);
  width: 100%;
  background: #f5f5f5;
  height: 0;
  transition: 0.25s ease-in-out;
  overflow: hidden;
}

.select__item {
  padding: 0.9375vw 4.375vw;
  border-bottom: 1px solid #aeaeae;
  text-decoration: underline;
}

[v-cloak] {
  display: none;
}

.razdel__h {
  text-decoration: underline;
  text-transform: uppercase;
}

.razdel__h1 {
  margin-bottom: 2.3438vw;
}

@media only screen and (max-width: 850px) {
  .razdel__h1 {
    margin-bottom: 4.375vw;
  }
}

.razdel__item {
  margin-bottom: 1.5625vw;
}

.razdel__item_one {
  flex: 0 0 100%;
}

.razdel__item_two {
  flex: 0 0 48%;
  margin-left: 2%;
  margin-right: 2%;
}

.razdel__item_two:nth-child(2n) {
  margin-right: 0;
}

.razdel__item_two:nth-child(2n-1) {
  margin-left: 0;
}

.razdel__item_three {
  flex: 0 0 30%;
  margin-left: 1.5%;
  margin-right: 1.5%;
}

.razdel__item_three:nth-child(3n) {
  margin-right: 0;
}

.razdel__item_three:nth-child(3n+1) {
  margin-left: 0;
}

@media only screen and (max-width: 850px) {
  .razdel__item {
    margin: 0 0 5vw;
    flex: 0 0 100%;
  }
}

.razdel__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.partner__back {
  display: flex;
  align-items: center;
  margin-bottom: 0.8333vw;
}

@media only screen and (max-width: 850px) {
  .partner__back {
    margin-bottom: 4.6875vw;
  }
}

.partner__back:before {
  content: "";
  width: 0.3125vw;
  height: 0.4688vw;
  display: block;
  margin-right: 0.2083vw;
  background: url("../icon/arrow-left-black.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .partner__back:before {
    width: 0.9375vw;
    height: 1.5625vw;
    margin-right: 0.9375vw;
  }
}

.partner__content {
  padding-bottom: 5.2083vw;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .partner__content {
    margin-bottom: 4.6875vw;
  }
}

.partner__title {
  margin-bottom: 1.0417vw;
  text-transform: uppercase;
}

@media only screen and (max-width: 850px) {
  .partner__title {
    margin-bottom: 4.6875vw;
  }
}

.partner__partner-status {
  margin-bottom: 0.4167vw;
}

@media only screen and (max-width: 850px) {
  .partner__partner-status {
    margin-bottom: 1.5625vw;
  }
}

.partner__cert {
  margin-bottom: 0.9896vw;
  display: inline-block;
}

@media only screen and (max-width: 850px) {
  .partner__cert {
    margin-bottom: 4.6875vw;
  }
}

.partner__thumb {
  position: absolute;
  right: 0;
  top: 0;
  width: 13.0208vw;
  height: 13.0208vw;
  object-fit: contain;
  object-position: top right;
}

@media only screen and (max-width: 850px) {
  .partner__thumb {
    width: 46.875vw;
    height: 46.875vw;
  }
}

.partner__block h1,
.partner__block h2,
.partner__block h3,
.partner__block h4,
.partner__block h5,
.partner__block h6,
.partner__block p,
.partner__block ul,
.partner__block ol {
  margin-bottom: 0.9896vw;
}

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

  .partner__block h1,
  .partner__block h2,
  .partner__block h3,
  .partner__block h4,
  .partner__block h5,
  .partner__block h6,
  .partner__block p,
  .partner__block ul,
  .partner__block ol {
    margin-bottom: 4.6875vw;
  }
}

.partner__block img {
  width: 100%;
  height: auto;
}

.partner__block img.auto {
  width: auto;
  max-width: 100%;
}

.partner__block img.aligncenter {
  margin: 0 auto;
  display: block;
}

.partner__block a {
  color: #3492e9;
  text-decoration: underline;
}

.partner__block table {
  border-collapse: collapse;
}

.partner__block table td {
  border: 1px solid #aeaeae;
}

.partner-status__title {
  margin-bottom: 0.4167vw;
}

@media only screen and (max-width: 850px) {
  .partner-status__title {
    margin-bottom: 0.9375vw;
  }
}

.modal {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.9);
  transition: opacity 0.25s ease;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2000;
}

.modal__container {
  position: relative;
}

.modal__container .modal__close {
  right: 0;
  top: 0;
  transform: translate(-200%, 200%) scale(2);
  cursor: pointer;
  position: fixed;
}

@media only screen and (max-width: 850px) {
  .modal__container .modal__close {
    transform: translate(-100%, 160%) scale(2);
  }
}

.modal__close {
  position: absolute;
  width: 1.0417vw;
  height: 1.0417vw;
  background: url("../icon/close.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .modal__close {
    width: 5.125vw;
    height: 5.125vw;
  }

  .modal__close:after {
    content: "";
    width: 400%;
    height: 400%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.cert-modal__img {
  height: 90vh;
  max-width: 90vw;
}

.cert-modal__img img {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.cert-modal__img_zoom-out {
  cursor: zoom-out;
}

.certs__title {
  margin-bottom: 0.4167vw;
}

@media only screen and (max-width: 850px) {
  .certs__title {
    margin-bottom: 0.2604vw;
  }
}

.certs__subtitle {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 850px) {
  .certs__subtitle {
    margin-bottom: 0.625vw;
  }
}

.sliders-certs {
  position: relative;
  transition: height 0.25s ease-in-out;
}

.sliders-certs__numbers {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-170%);
}

.sliders-certs__display {
  overflow: hidden;
}

.sliders-certs__display .flickity-viewport {
  transition: height 0.2s;
}

.sliders-certs__display-item {
  width: 100%;
  cursor: zoom-in;
}

.sliders-certs__display-item img {
  width: 100%;
}

.sliders-certs__navigate {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3.8542vw;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .sliders-certs__navigate {
    position: relative;
    height: 13.75vw;
  }
}

.sliders-certs__navigate-wrapper {
  position: relative;
  width: 42.8021vw;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5208vw 0.7292vw;
}

@media only screen and (max-width: 850px) {
  .sliders-certs__navigate-wrapper {
    width: 78.75vw;
    padding: 1.875vw;
    overflow: hidden;
  }
}

.sliders-certs__navigate-item {
  width: 3.9063vw;
  height: 2.7083vw;
  margin-right: 0.4167vw;
  cursor: pointer;
  border: 2px solid transparent;
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .sliders-certs__navigate-item {
    margin-right: 1.25vw;
    width: 13.75vw;
    height: 9.375vw;
  }
}

.sliders-certs__navigate-item.is-selected {
  border-color: #3492e9;
}

.sliders-certs__navigate-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sliders-certs__navigate-arrow {
  width: 1.1458vw;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .sliders-certs__navigate-arrow {
    width: 4.0625vw;
  }
}

.sliders-certs__navigate-arrow:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 50%;
  width: 0.4688vw;
  height: 0.6771vw;
  background: url("../icon/arrowslider.svg") center no-repeat;
  background-size: contain;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 850px) {
  .sliders-certs__navigate-arrow:after {
    width: 1.5625vw;
    height: 2.5vw;
  }
}

.sliders-certs__navigate-arrow_next:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.shop {
  padding-top: 20rem;
}

.shop .lds-ring {
  display: flex;
  z-index: 10;
}

.shop__title {
  margin-bottom: 0.3125vw;
}

@media only screen and (max-width: 850px) {
  .shop__title {
    margin-bottom: 1.5625vw;
  }
}

.shop__empty {
  text-align: center;
  margin-top: 100rem;
}

.shop__header {
  margin-bottom: 21rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .shop__header {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 850px) {
  .shop__header-left {
    margin-bottom: 10rem;
  }
}

@media only screen and (max-width: 850px) {
  .shop__header-right {
    width: 100%;
  }
}

.shop__breadcrumbs {
  position: absolute;
  top: -28rem;
  transform: translateY(-100%);
}

@media only screen and (max-width: 850px) {
  .shop__breadcrumbs {
    top: -14rem;
  }
}

.shop__breadcrumbs a {
  transition: 0.25s ease-in-out;
}

.shop__breadcrumbs a:hover {
  color: #3492e9;
}

.shop__manipulate-shop {
  margin-bottom: 0.8854vw;
  z-index: 2;
}

@media only screen and (max-width: 850px) {
  .shop__manipulate-shop {
    margin-bottom: 1.5625vw;
  }
}

.shop__catalog {
  margin-bottom: 5.2083vw;
}

@media only screen and (max-width: 850px) {
  .shop__catalog {
    margin-bottom: 6.25vw;
  }
}

.manipulate-shop {
  position: relative;
  width: 100%;
  height: 2.7083vw;
}

@media only screen and (max-width: 850px) {
  .manipulate-shop {
    height: 9.375vw;
  }
}

.manipulate-shop__filter-shop {
  position: absolute;
  left: 0;
  top: 0;
}

.manipulate-shop__sort {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.manipulate-shop__change-cat {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.change-cat {
  width: 14.7083vw;
  border: 1px transparent solid;
  transition: border-color 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .change-cat {
    width: 20.75vw;
  }
}

.change-cat__header {
  height: 2.7083vw;
  align-items: center;
  padding: 0 0.8333vw;
  position: relative;
  display: flex;
  cursor: pointer;
  box-sizing: content-box;
}

@media only screen and (max-width: 850px) {
  .change-cat__header {
    height: 9.375vw;
    padding: 0 1.5625vw;
  }
}

.change-cat__header:after {
  content: "";
  width: 0.6771vw;
  height: 0.4688vw;
  background: url("../icon/arrow-bottom.svg") center no-repeat;
  background-size: contain;
  right: 0.6vw;
  position: absolute;
  transition: 0.25s ease-in-out transform;
}

@media only screen and (max-width: 850px) {
  .change-cat__header:after {
    width: 1.875vw;
    height: 1.25vw;
    left: 17vw;
    right: unset;
  }
}

.change-cat__header span {
  margin-left: 0.5208vw;
}

@media only screen and (max-width: 850px) {
  .change-cat__header span {
    margin-left: 0.9375vw;
  }
}

.change-cat__cont {
  height: 0;
  overflow: hidden;
  transition: 0.25s ease-in-out height;
}

@media only screen and (max-width: 850px) {
  .change-cat__cont {
    width: 45.75vw;
  }
}

.change-cat__item {
  border-bottom: 1px #aeaeae solid;
  padding: 0.4167vw 0.8333vw;
  cursor: pointer;
}

.change-cat__item:last-child {
  border-bottom: unset;
}

.change-cat__item.active {
  font-weight: bold;
  color: #3492e9;
}

@media only screen and (max-width: 850px) {
  .change-cat__item {
    padding: 2.5vw;
  }
}

.change-cat.open {
  background: white;
  border: 1px #aeaeae solid;
}

@media only screen and (max-width: 850px) {
  .change-cat.open {
    width: 45.75vw;
  }
}

.change-cat.open .change-cat__header {
  border-bottom: 1px #aeaeae solid;
}

.change-cat.open .change-cat__header:after {
  transform: rotate(180deg);
}

.sort {
  width: 17.7083vw;
  border: 1px transparent solid;
  transition: border-color 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .sort {
    width: 47.75vw;
  }
}

.sort__header {
  height: 2.7083vw;
  align-items: center;
  padding: 0 0.8333vw;
  position: relative;
  display: flex;
  cursor: pointer;
  box-sizing: content-box;
}

@media only screen and (max-width: 850px) {
  .sort__header {
    height: 9.375vw;
    padding: 0 1.5625vw;
  }
}

.sort__header:after {
  content: "";
  width: 0.6771vw;
  height: 0.4688vw;
  background: url("../icon/arrow-bottom.svg") center no-repeat;
  background-size: contain;
  right: 0.6vw;
  position: absolute;
  transition: 0.25s ease-in-out transform;
}

@media only screen and (max-width: 850px) {
  .sort__header:after {
    width: 1.875vw;
    height: 1.25vw;
    right: 2.1875vw;
  }
}

.sort__header span {
  margin-left: 0.5208vw;
}

@media only screen and (max-width: 850px) {
  .sort__header span {
    margin-left: 0.9375vw;
  }
}

.sort__cont {
  height: 0;
  overflow: hidden;
  transition: 0.25s ease-in-out height;
}

.sort__item {
  border-bottom: 1px #aeaeae solid;
  padding: 0.4167vw 0.8333vw;
  cursor: pointer;
}

.sort__item:last-child {
  border-bottom: unset;
}

.sort__item.active {
  font-weight: bold;
  color: #3492e9;
}

@media only screen and (max-width: 850px) {
  .sort__item {
    padding: 2.5vw;
  }
}

.sort.open {
  background: white;
  border: 1px #aeaeae solid;
}

.sort.open .sort__header {
  border-bottom: 1px #aeaeae solid;
}

.sort.open .sort__header:after {
  transform: rotate(180deg);
}

.filter-shop {
  width: 100%;
  background: white;
  border: 1px #aeaeae solid;
}

.filter-shop__header {
  display: flex;
  align-items: center;
  height: 2.7083vw;
  padding: 0 0.8333vw;
  margin-left: 365rem;
}

@media only screen and (max-width: 850px) {
  .filter-shop__header {
    height: 9.375vw;
    padding: 0 2.5vw;
    margin-left: 70rem;
  }
}

.filter-shop__header span {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.filter-shop__header span:after {
  content: "";
  width: 0.6771vw;
  height: 0.4688vw;
  background: url("../icon/arrow-bottom.svg") center no-repeat;
  background-size: contain;
  margin-left: 0.2604vw;
  transition: transform ease-in-out 0.25s;
}

@media only screen and (max-width: 850px) {
  .filter-shop__header span:after {
    width: 1.875vw;
    height: 1.25vw;
    margin-left: 0.9375vw;
  }
}

.filter-shop.open .filter-shop__header span:after {
  transform: rotate(180deg);
}

.filter-shop__cont {
  height: 0;
  overflow: hidden;
  transition: height ease-in-out 0.25s;
}

.filter-shop__row {
  margin-bottom: 0.4688vw;
  background: #f5f5f5;
  height: 4.0104vw;
  display: flex;
  align-items: center;
  padding: 0 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .filter-shop__row {
    height: 12.8125vw;
    padding: 0 2.5vw;
    margin-bottom: 1.5625vw;
  }
}

.filter-shop__row:last-child {
  margin-bottom: unset;
}

.filter-shop__title {
  width: 5.7292vw;
}

@media only screen and (max-width: 850px) {
  .filter-shop__title {
    width: 18.75vw;
  }
}

.filter-shop__category {
  display: flex;
}

.filter-shop__select-radio {
  margin-right: 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .filter-shop__select-radio {
    margin-right: 3.125vw;
  }
}

.select-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.select-radio input:checked~.select-radio__icon:after {
  border-color: #3492e9;
  transform: scale(1);
}

.select-radio input:checked~.select-radio__icon .select-radio__icon-dot:after {
  background-color: #3492e9;
}

.select-radio__icon {
  position: relative;
  width: 1.0417vw;
  height: 1.0417vw;
  margin-right: 0.2604vw;
}

@media only screen and (max-width: 850px) {
  .select-radio__icon {
    width: 3.125vw;
    height: 3.125vw;
    margin-right: 2px;
  }
}

.select-radio__icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px #666060 solid;
  transition: 0.25s ease-in-out all;
  transform: scale(0);
}

.select-radio__icon-dot {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0.2604vw;
}

@media only screen and (max-width: 850px) {
  .select-radio__icon-dot {
    padding: 2px;
  }
}

.select-radio__icon-dot:after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #666060;
  transition: 0.25s ease-in-out background-color;
}

.price-range {
  width: 15.1042vw;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 850px) {
  .price-range {
    width: 45.3125vw;
  }
}

.price-range__inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.5208vw;
}

@media only screen and (max-width: 850px) {
  .price-range__inputs {
    margin-bottom: 1.5625vw;
  }
}

.price-range__input {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.price-range__input input {
  background: unset;
  border: 1px solid #666060;
  width: 5.5208vw;
  height: 1.4063vw;
  margin-left: 0.2604vw;
  padding: 0 0.3125vw;
}

@media only screen and (max-width: 850px) {
  .price-range__input input {
    margin-left: 0.9375vw;
    width: 17.5vw;
    height: 4.375vw;
    padding: 0 1.5625vw;
  }
}

.price-range__range {
  width: 100%;
}

.range {
  box-shadow: inset 0vw 0vw 0.1074vw rgba(0, 0, 0, 0.25);
  height: 0.4688vw;
  border-radius: 0.4688vw;
  background: white;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .range {
    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.25);
    border-radius: 1.5625vw;
    height: 1.5625vw;
  }
}

.range .ui-slider-range {
  background: #3492e9;
  position: absolute;
  height: 100%;
}

.range .ui-slider-handle {
  width: 1.0417vw;
  height: 1.0417vw;
  cursor: pointer;
  background: white;
  border: 0.1953vw solid #3492e9;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 850px) {
  .range .ui-slider-handle {
    border: 2px solid #3492e9;
    height: 3.125vw;
    width: 3.125vw;
  }
}

.catalog__wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 1.0417vw);
  margin-bottom: 20rem;
  min-height: 300rem;
}

@media only screen and (max-width: 850px) {
  .catalog__wrapper {
    width: calc(100% + 2.3vw);
  }
}

.catalog__item-catalog {
  margin: 0 0.5208vw 0.8333vw;
}

@media only screen and (max-width: 850px) {
  .catalog__item-catalog {
    margin: 0 0.9375vw 1.875vw;
  }
}

.catalog__more {
  width: 171rem;
  height: 41rem;
  background-color: #3492e9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border: none;
  font-family: "Roboto", sans-serif;
  margin: 0 auto;
  cursor: pointer;
}

.item-catalog {
  border: #aeaeae 1px solid;
  width: 14.5833vw;
  height: 24.6875vw;
  position: relative;
  transition: 0.25s ease-in-out;
  background: #f5f5f5;
}

@media only screen and (max-width: 850px) {
  .item-catalog {
    width: 44.375vw;
    height: 78.3125vw;
  }
}

.item-catalog__thumb {
  padding: 1.9792vw 2.0833vw 1.5625vw;
  height: 13.5417vw;
  background: white;
  display: block;
}

@media only screen and (max-width: 850px) {
  .item-catalog__thumb {
    padding: 4.375vw;
    height: 40.625vw;
  }
}

.item-catalog__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.item-catalog__content {
  padding: 0.7292vw 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .item-catalog__content {
    padding: 2.1875vw 3.125vw;
  }
}

.item-catalog__button {
  position: absolute;
  bottom: 0.9375vw;
  left: 50%;
  transform: translateX(-50%);
}

@media only screen and (max-width: 850px) {
  .item-catalog__button {
    bottom: 2.8125vw;
  }
}

.item-catalog__article {
  margin-bottom: 0.3125vw;
  height: 0.9375vw;
  overflow: hidden;
}

@media only screen and (max-width: 850px) {
  .item-catalog__article {
    height: 2.8125vw;
    margin-bottom: 0.9375vw;
  }
}

.item-catalog__price {
  margin-bottom: 0.625vw;
  height: 1.0417vw;
  overflow: hidden;
}

@media only screen and (max-width: 850px) {
  .item-catalog__price {
    height: 3.4375vw;
    margin-bottom: 1.5625vw;
  }
}

.item-catalog__title {
  margin-bottom: 0.625vw;
  height: 2.0833vw;
  display: block;
  overflow: hidden;
}

@media only screen and (max-width: 850px) {
  .item-catalog__title {
    margin-bottom: 1.25vw;
    height: 6.875vw;
  }
}

.item-catalog__link {
  margin-bottom: 16rem;
  display: block;
}

@media only screen and (max-width: 850px) {
  .item-catalog__link {
    margin-bottom: 10rem;
  }
}

.item-catalog__manage {
  display: flex;
  align-content: center;
  justify-content: space-between;
  align-items: center;
}

.item-catalog__gocart-button {
  position: absolute;
  top: 0;
}

.item-catalog__buttons-wrapper {
  position: relative;
}

.manage-count {
  display: flex;
  position: relative;
  background: white;
  border: 1px solid #E0E0E0;
  width: 83rem;
  height: 31rem;
}

@media only screen and (max-width: 850px) {
  .manage-count {
    width: 47rem;
    height: 22rem;
  }
}

.manage-count__input {
  display: flex;
  width: 100%;
  height: 100%;
  text-align: center;
  border: unset;
  font-size: 15rem;
}

@media only screen and (max-width: 850px) {
  .manage-count__input {
    font-size: 9rem;
  }
}

.manage-count__control {
  position: absolute;
  width: 8rem;
  height: 8rem;
  cursor: pointer;
}

.manage-count__control:after {
  width: 200%;
  height: 200%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.manage-count__control_plus {
  top: 50%;
  transform: translateY(-50%);
  right: 10rem;
  background: url("../icon/shop/plus.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .manage-count__control_plus {
    right: 5rem;
  }
}

.manage-count__control_minus {
  top: 50%;
  transform: translateY(-50%);
  left: 10rem;
  background: url("../icon/shop/minus.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .manage-count__control_minus {
    left: 5rem;
  }
}

.buy-button {
  width: 150rem;
  height: 40rem;
  background: #3492e9;
  display: flex;
  border: unset;
  color: white;
  font-size: 17rem;
  align-items: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

@media only screen and (max-width: 850px) {
  .buy-button {
    font-size: 9rem;
    width: 75rem;
    height: 26rem;
  }
}

.buy-button__icon {
  width: 19rem;
  height: 18rem;
  margin-left: 15rem;
  transform: translateY(10%);
}

@media only screen and (max-width: 850px) {
  .buy-button__icon {
    margin-left: 7rem;
    width: 10rem;
    height: 10rem;
  }
}

.buy-button__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media only screen and (max-width: 850px) {
  .buy-button__title.mini {
    font-size: 8rem;
  }
}

.gocart-button {
  width: 150rem;
  height: 40rem;
  background: #6CCC4B;
  display: flex;
  border: unset;
  color: white;
  font-size: 17rem;
  align-items: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

@media only screen and (max-width: 850px) {
  .gocart-button {
    font-size: 9rem;
    width: 69rem;
    height: 26rem;
  }
}

.gocart-button__icon {
  margin-left: 15rem;
}

@media only screen and (max-width: 850px) {
  .gocart-button__icon {
    margin-left: 6rem;
  }
}

.list {
  transition: transform 0.25s;
}

.list-move {
  transition: transform 0.25s;
}

.list-enter,
.list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.list-leave-active {
  position: absolute;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3492e9;
  color: white;
  width: 10.1042vw;
  height: 2.0833vw;
  border: unset;
  cursor: pointer;
}

@media only screen and (max-width: 850px) {
  .button {
    width: 30.3125vw;
    height: 6.25vw;
  }
}

.modal-ticket {
  background: white;
  border: 1px solid #aeaeae;
  width: 21.9271vw;
}

@media only screen and (max-width: 850px) {
  .modal-ticket {
    width: 62.5vw;
  }
}

.modal-ticket__header {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.375vw;
  background: #f5f5f5;
}

@media only screen and (max-width: 850px) {
  .modal-ticket__header {
    height: 12.5vw;
  }
}

.modal-ticket__content {
  padding: 0.9896vw 2.3958vw;
}

@media only screen and (max-width: 850px) {
  .modal-ticket__content {
    padding: 2.1875vw 5vw;
  }
}

.modal-ty {
  width: 21.9271vw;
  height: 11.0417vw;
  background: white;
  border: 1px solid #aeaeae;
  padding-top: 1.3542vw;
}

@media only screen and (max-width: 850px) {
  .modal-ty {
    width: 62.5vw;
    height: 31.25vw;
    padding-top: 3.125vw;
  }
}

.modal-ty__logo {
  width: 1.8229vw;
  margin: 0 auto 0.7813vw;
  height: 2.8646vw;
}

@media only screen and (max-width: 850px) {
  .modal-ty__logo {
    width: 5vw;
    height: 7.8125vw;
  }
}

.modal-ty__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.modal-ty__title {
  margin-bottom: 0.5729vw;
  text-align: center;
}

@media only screen and (max-width: 850px) {
  .modal-ty__title {
    margin-bottom: 1.25vw;
  }
}

.modal-ty__subtitle {
  text-align: center;
}

.form__input-wrap {
  margin-bottom: 0.5729vw;
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: border-color 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .form__input-wrap {
    margin-bottom: 1.5625vw;
  }
}

.form__input-wrap.not-valid {
  border-color: #ff6060;
}

.form__input-wrap.not-valid .input {
  color: #ff6060;
}

.form__confirm {
  margin-bottom: 0.8854vw;
}

@media only screen and (max-width: 850px) {
  .form__confirm {
    margin-bottom: 3.125vw;
  }
}

.form__button {
  margin: 0 auto;
}

.input {
  width: 100%;
}

.input_grey {
  height: 2.0313vw;
  padding: 0 0.5208vw;
  border: none;
  background: #f5f5f5;
}

@media only screen and (max-width: 850px) {
  .input_grey {
    height: 6.25vw;
    margin-bottom: unset;
    padding: 0 1.5625vw;
  }
}

.textarea_grey {
  height: 90rem;
  padding: 9rem;
  border: none;
  background: #f5f5f5;
}

.product {
  background: white;
  border: 1px solid #aeaeae;
}

.product__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5625vw;
  padding: 0.8854vw 0.8854vw 0;
}

@media only screen and (max-width: 850px) {
  .product__top {
    flex-wrap: wrap;
    margin-bottom: 3.4375vw;
    padding: 4.0625vw 4.0625vw 0;
  }
}

.product__bottom {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #aeaeae;
  padding: 1.5625vw 0 0;
  margin: 0 0.8854vw 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .product__bottom {
    margin: 0 4.0625vw 4.0625vw;
    padding: 3.125vw 0 0;
  }
}

.product__product-info {
  margin-top: 1.8229vw;
}

@media only screen and (max-width: 850px) {
  .product__product-info {
    margin-bottom: unset;
  }
}

@media only screen and (max-width: 850px) {
  .product__gallery-product {
    margin-bottom: 6.25vw;
  }
}

.ticket {
  position: relative;
}

.ticket__header {
  height: 4.4271vw;
  display: flex;
  align-items: center;
  text-align: center;
  background: #f5f5f5;
  justify-content: center;
}

@media only screen and (max-width: 850px) {
  .ticket__header {
    height: 14.0625vw;
  }
}

.ticket__content {
  padding: 1.0417vw 0;
}

@media only screen and (max-width: 850px) {
  .ticket__content {
    padding: 6.25vw 0;
  }
}

.ticket__form {
  width: 17.1875vw;
  margin: 0 auto;
}

@media only screen and (max-width: 850px) {
  .ticket__form {
    width: 51.5625vw;
  }
}

.gallery-product {
  width: 21.6146vw;
}

@media only screen and (max-width: 850px) {
  .gallery-product {
    width: 100%;
  }
}

.gallery-product__main-product-slider {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 850px) {
  .gallery-product__main-product-slider {
    margin-bottom: 2.5vw;
  }
}

.product-info {
  width: 20.0521vw;
}

@media only screen and (max-width: 850px) {
  .product-info {
    width: 100%;
  }
}

.product-info__gocart-button {
  position: absolute;
  top: 0;
}

.product-info__buttons-wrapper {
  position: relative;
}

@media only screen and (max-width: 850px) {
  .product-info__manage-count {
    width: 70rem;
  }
}

.main-product-slider {
  padding: 0 0.7292vw;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .main-product-slider {
    padding: 0 4.6875vw;
  }
}

.main-product-slider__item {
  width: 20vw;
  height: 16.3542vw;
  background: white;
  padding: 1.5625vw;
  cursor: grab;
}

@media only screen and (max-width: 850px) {
  .main-product-slider__item {
    width: 68.75vw;
    height: 56.25vw;
    padding: 6.25vw;
  }
}

.main-product-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.main-product-slider__item:active {
  cursor: grabbing;
}

.main-product-slider .flickity-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.4167vw;
  height: 0.6771vw;
  border: none;
  cursor: pointer;
}

@media only screen and (max-width: 850px) {
  .main-product-slider .flickity-button {
    width: 1.5625vw;
    height: 2.1875vw;
  }
}

.main-product-slider .flickity-button svg {
  display: none;
}

.main-product-slider .flickity-button[disabled] {
  opacity: 0.5;
}

.main-product-slider .flickity-button:after {
  position: absolute;
  content: "";
  width: 400%;
  height: 400%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.main-product-slider .flickity-button.next {
  right: 0;
  background: url("../icon/arrow-right-black.svg") center no-repeat;
  background-size: contain;
}

.main-product-slider .flickity-button.previous {
  left: 0;
  background: url("../icon/arrow-left-black.svg") center no-repeat;
  background-size: contain;
}

.nav-product-slider__item {
  width: 4.7396vw;
  height: 3.9583vw;
  padding: 0.5208vw;
  background: white;
  border: 1px solid #aeaeae;
  margin-right: 0.7813vw;
  cursor: pointer;
}

@media only screen and (max-width: 850px) {
  .nav-product-slider__item {
    width: 16.25vw;
    height: 13.75vw;
    padding: 1.5625vw;
    margin-right: 4.6875vw;
  }
}

.nav-product-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nav-product-slider__item.is-selected {
  border: 1px solid #3492e9;
}

.flickity-viewport {
  overflow: hidden;
}

.product-info__title {
  margin-bottom: 0.5208vw;
}

@media only screen and (max-width: 850px) {
  .product-info__title {
    margin-bottom: 1.5625vw;
  }
}

.product-info__price {
  margin-right: 20rem;
  white-space: nowrap;
}

.product-info__manage-count {
  margin-right: 20rem;
}

.product-info__wrapper-manage {
  margin-bottom: 33rem;
}

.product-info__article {
  margin-bottom: 1.3021vw;
}

@media only screen and (max-width: 850px) {
  .product-info__article {
    margin-bottom: 3.125vw;
  }
}

.product-info__spec h1,
.product-info__spec h2,
.product-info__spec h3,
.product-info__spec h4,
.product-info__spec h5,
.product-info__spec h6 {
  margin-bottom: 0.4167vw;
  font-size: 0.8854vw;
}

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

  .product-info__spec h1,
  .product-info__spec h2,
  .product-info__spec h3,
  .product-info__spec h4,
  .product-info__spec h5,
  .product-info__spec h6 {
    font-size: 2.8125vw;
    margin-bottom: 1.5625vw;
  }
}

.product-info__spec div {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .product-info__spec div {
    margin-bottom: 3.125vw;
  }
}

.product-info__wrapper-manage {
  display: flex;
  align-items: center;
}

.licenses__license {
  margin-bottom: 2.9167vw;
  padding-bottom: 2.6042vw;
  border-bottom: 1px solid #aeaeae;
}

@media only screen and (max-width: 850px) {
  .licenses__license {
    margin-bottom: 9.25vw;
    padding-bottom: 6.0417vw;
  }
}

.licenses__license:last-child {
  margin-bottom: unset;
  border-bottom: unset;
}

.license {
  display: flex;
  justify-content: space-between;
  padding-right: 1.0417vw;
  padding-left: 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .license {
    flex-wrap: wrap;
    padding-left: 6.0417vw;
    padding-right: 6.0417vw;
  }
}

.license__thumb {
  max-width: 14.5833vw;
  max-height: 7.8125vw;
}

@media only screen and (max-width: 850px) {
  .license__thumb {
    max-width: 100%;
    max-height: 11.125vw;
    margin-bottom: 6.3021vw;
  }
}

.license__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left top;
}

.license__content {
  width: 25.2604vw;
}

@media only screen and (max-width: 850px) {
  .license__content {
    width: 100%;
  }
}

.license__title {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 850px) {
  .license__title {
    margin-bottom: 4.3646vw;
  }
}

.license__text p {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .license__text p {
    margin-bottom: 1.5625vw;
  }
}

.license__text h1,
.license__text h2,
.license__text h3,
.license__text h4,
.license__text h5,
.license__text h6 {
  margin-bottom: 0.7813vw;
  font-size: 0.8854vw;
}

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

  .license__text h1,
  .license__text h2,
  .license__text h3,
  .license__text h4,
  .license__text h5,
  .license__text h6 {
    font-size: 2.8125vw;
    margin-bottom: 1.5625vw;
  }
}

.license__text ul li {
  margin-bottom: 0.6771vw;
}

@media only screen and (max-width: 850px) {
  .license__text ul li {
    margin-bottom: 1.5625vw;
  }
}

.virt__item {
  margin-bottom: 1.5625vw;
}

@media only screen and (max-width: 850px) {
  .virt__item {
    margin-bottom: 9.375vw;
  }
}

.virt__wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 3.9063vw;
}

@media only screen and (max-width: 850px) {
  .virt__wrapper {
    padding: unset;
  }
}

.virt__text {
  margin-bottom: 0.625vw;
}

@media only screen and (max-width: 850px) {
  .virt__text {
    margin-bottom: 4.0625vw;
  }

  .virt__text br {
    display: none;
  }
}

.virt__image {
  width: 100%;
}

.virt__image img {
  width: 100%;
}

.security__item {
  width: 100%;
  padding-bottom: 2.6042vw;
  border-bottom: 1px #aeaeae solid;
  margin-bottom: 2.6042vw;
}

@media only screen and (max-width: 850px) {
  .security__item {
    padding-bottom: 6.875vw;
    margin-bottom: 6.875vw;
  }
}

.security__item:last-child {
  border-bottom: unset;
  margin-bottom: unset;
}

.security__wrapper {
  display: flex;
  flex-direction: column;
}

.security__header {
  margin-bottom: 2.7083vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media only screen and (max-width: 850px) {
  .security__header {
    margin-bottom: 5.3125vw;
    flex-wrap: wrap;
  }
}

.security__title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .security__title {
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-bottom: 3.125vw;
  }
}

.security__thumb-wrapper {
  width: 21.3542vw;
  height: 15.1042vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 850px) {
  .security__thumb-wrapper {
    width: auto;
    height: auto;
  }
}

.security__thumb {
  width: 11.9792vw;
  height: 10.4167vw;
}

@media only screen and (max-width: 850px) {
  .security__thumb {
    width: auto;
    height: 50px;
  }
}

.security__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media only screen and (max-width: 850px) {
  .security__thumb img {
    object-position: right;
    width: auto;
  }
}

.security__image {
  width: 24.1146vw;
  border: 5px solid #E7E7E7;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  cursor: zoom-in;
}

@media only screen and (max-width: 850px) {
  .security__image {
    width: 100%;
  }
}

.security__image img {
  width: 100%;
}

.security__name {
  height: 2.0833vw;
}

.security__list li {
  margin-bottom: 0.8854vw;
  display: block;
  align-items: center;
  padding-left: 1.0417vw;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .security__list li {
    margin-bottom: 3.125vw;
    padding-left: 3.4375vw;
    position: relative;
  }
}

.security__list li:before {
  content: "";
  width: 0.4688vw;
  height: 0.6771vw;
  left: 0;
  top: 0.1563vw;
  position: absolute;
  background: url("../icon/arrow-forward-blue.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .security__list li:before {
    margin-right: 1.875vw;
    width: 1.25vw;
    height: 1.875vw;
    left: 0;
    top: 0.9375vw;
  }
}

.list-application__title {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .list-application__title {
    margin-bottom: 3.125vw;
  }
}

.list-application__item {
  height: 13.0208vw;
  display: flex;
  border-bottom: 1px #aeaeae solid;
}

@media only screen and (max-width: 850px) {
  .list-application__item {
    height: 40vw;
  }
}

.list-application__item:last-child {
  border-bottom: unset;
  margin-bottom: unset;
}

.list-application__image-wrapper {
  width: 24.4792vw;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 850px) {
  .list-application__image-wrapper {
    width: 62.5vw;
  }
}

.list-application__image {
  width: 16.1458vw;
  height: 8.125vw;
}

@media only screen and (max-width: 850px) {
  .list-application__image {
    width: 37.5vw;
    height: 25vw;
  }
}

.list-application__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.list-application__name {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.error-404 {
  height: 37vw;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 850px) {
  .error-404 {
    height: 127vw;
  }
}

.error-404__cont {
  width: 23.4375vw;
  height: 12.0313vw;
  padding: 2.3438vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #EBEBEB;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .error-404__cont {
    width: 75vw;
    height: 37.8125vw;
    padding: 6.875vw;
  }
}

.error-404__cont:after {
  content: "";
  width: 1.0417vw;
  height: 1.0417vw;
  position: absolute;
  left: 1.5625vw;
  background: #EBEBEB;
  transform: translateY(50%) rotate(45deg);
  bottom: 0;
}

@media only screen and (max-width: 850px) {
  .error-404__cont:after {
    left: 4.6875vw;
    width: 3.75vw;
    height: 3.75vw;
  }
}

.error-404__header {
  display: flex;
  align-items: center;
  width: 13.5417vw;
  justify-content: space-between;
  margin-bottom: 1.7188vw;
}

@media only screen and (max-width: 850px) {
  .error-404__header {
    width: 40.625vw;
    margin-bottom: 5.3125vw;
  }
}

.error-404__attention {
  width: 3.4375vw;
  height: 3.4375vw;
  position: relative;
  background: #ff6060;
  border-radius: 50%;
}

@media only screen and (max-width: 850px) {
  .error-404__attention {
    width: 10.9375vw;
    height: 10.9375vw;
  }
}

.error-404__attention:before {
  position: absolute;
  width: 0.2604vw;
  height: 1.7188vw;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("../icon/attencion.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .error-404__attention:before {
    width: 0.9375vw;
    height: 5.3125vw;
  }
}

.error-404__button {
  width: 10.1042vw;
  height: 2.0833vw;
  background: transparent;
  border: 1px #666060 solid;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 850px) {
  .error-404__button {
    width: 32.1875vw;
    height: 6.25vw;
  }
}

.lds-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background: rgba(245, 245, 245, 0.4);
  display: none;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #3492e9;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #3492e9 transparent transparent transparent;
  position: absolute;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.photo-modal {
  width: 100%;
  height: 100%;
}

.photo-modal .modal__close {
  transform: translate(-100%, 160%) scale(2);
  z-index: 100;
}

.photo-modal__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.photo-modal__item {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.photo-modal__img {
  width: 90vw;
  height: 90vh;
}

.photo-modal__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.photo-modal .flickity-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-220%);
  width: 1vw;
  height: 1.4vw;
  border: none;
  cursor: pointer;
  background: none;
}

@media only screen and (max-width: 850px) {
  .photo-modal .flickity-button {
    top: 0;
    transform: unset;
    height: 100%;
    width: 5.1429vw;
  }
}

.photo-modal .flickity-button svg {
  display: none;
}

.photo-modal .flickity-button[disabled] {
  opacity: 0.5;
}

.photo-modal .flickity-button:after {
  position: absolute;
  content: "";
  width: 400%;
  height: 400%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

@media only screen and (max-width: 850px) {
  .photo-modal .flickity-button:after {
    width: 1.7143vw;
    height: 2.8571vw;
    background: url("../icon/arrow-mini.svg") center no-repeat;
    background-size: contain;
  }
}

.photo-modal .flickity-button.next {
  right: 0;
  background: url("../icon/arrow-mini.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .photo-modal .flickity-button.next {
    background: unset;
  }
}

.photo-modal .flickity-button.previous {
  left: 0;
  transform: translateY(-50%) translateX(120%) rotate(180deg);
  background: url("../icon/arrow-mini.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .photo-modal .flickity-button.previous {
    background: unset;
    transform: rotate(180deg);
  }
}

.scroll-up {
  display: none;
}

@media only screen and (max-width: 850px) {
  .scroll-up {
    display: flex;
    align-items: center;
    justify-content: center;
    border: #AEAEAE solid 1px;
    width: 12.5vw;
    height: 12.5vw;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #f5f5f5;
    z-index: 1000;
  }

  .scroll-up:after {
    content: "";
    width: 7.1875vw;
    height: 8.125vw;
    background: url("../icon/up.svg") center no-repeat;
    background-size: contain;
    position: absolute;
  }
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
  .scroll-up {
    width: 9.5vw;
    height: 9.5vw;
  }

  .scroll-up:after {
    width: 4.1875vw;
  }
}

.releases__release {
  padding-bottom: 1.5625vw;
  margin-bottom: 1.5625vw;
  border-bottom: 1px #aeaeae solid;
}

@media only screen and (max-width: 850px) {
  .releases__release {
    margin-bottom: 4.6875vw;
    padding-bottom: 4.6875vw;
  }
}

.releases__release:last-child {
  border-bottom: unset;
  padding-bottom: unset;
}

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

@media only screen and (max-width: 850px) {
  .release {
    display: block;
  }
}

.release__img {
  width: 22.3958vw;
  height: 25.5208vw;
}

@media only screen and (max-width: 850px) {
  .release__img {
    width: 100%;
    height: auto;
  }
}

.release__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: right top;
}

.release__cont {
  width: 21.4063vw;
}

@media only screen and (max-width: 850px) {
  .release__cont {
    width: auto;
  }
}

.release__title {
  text-transform: uppercase;
  margin-bottom: 0.4167vw;
}

@media only screen and (max-width: 850px) {
  .release__title {
    margin-bottom: 1.25vw;
  }
}

.release__subtitle {
  margin-bottom: 1.3021vw;
}

@media only screen and (max-width: 850px) {
  .release__subtitle {
    margin-bottom: 3.75vw;
  }
}

.release__subtitle span {
  color: #3492e9;
}

.release__title-h {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .release__title-h {
    margin-bottom: 2.5vw;
  }
}

.release__what-we {
  margin-bottom: 0.5208vw;
}

@media only screen and (max-width: 850px) {
  .release__what-we {
    margin-bottom: 2.5vw;
  }
}

.release__what-we p {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .release__what-we p {
    margin-bottom: 2.5vw;
  }
}

.release__result {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .release__result {
    margin-bottom: 4.6875vw;
  }
}

.release__result p {
  display: inline;
}

.release__task {
  margin-bottom: 1.3021vw;
}

@media only screen and (max-width: 850px) {
  .release__task {
    margin-bottom: 4.6875vw;
  }
}

.release__task p {
  display: inline;
}

.release__budget p {
  display: inline;
}

@media only screen and (max-width: 850px) {
  .release__budget {
    margin-bottom: 4.6875vw;
  }
}

.main-menu__main-menu-item[v-cloak] {
  display: block !important;
}

.main-menu__main-menu-item[v-cloak] .list-companies__item,
.main-menu__main-menu-item[v-cloak] .ul-arrow__li,
.main-menu__main-menu-item[v-cloak] .numbers-eco__item {
  opacity: 0;
  animation: none !important;
}

#numbers {
  transition: 0.25s ease-in-out;
}

#numbers[v-cloak] {
  display: none !important;
}

.list-vendors-leave-active {
  animation: toOpacityBlock 0.25s ease-in-out both !important;
}

.list-vendors-enter-active {
  animation: opacityBlock 0.25s ease-in-out both, toDark 1s ease-in-out both 0.25s !important;
}

.list-rare-move {
  transition: transform 0.25s;
}

.list-rare-enter,
.list-rare-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.list-rare-leave-active {
  position: absolute;
}

.list-numbers-move {
  transition: transform 0.25s;
}

.list-numbers-enter,
.list-numbers-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.list-numbers-leave-active {
  position: absolute;
}

.jobs__title {
  text-transform: uppercase;
  margin-bottom: 2.3438vw;
}

@media only screen and (max-width: 850px) {
  .jobs__title {
    margin-bottom: 4vw;
  }
}

.jobs__job {
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 1.875vw;
}

@media only screen and (max-width: 850px) {
  .jobs__job {
    margin-bottom: 4vw;
  }
}

.jobs__job:last-child {
  border-bottom: unset;
}

.job {
  padding-bottom: 1.875vw;
}

@media only screen and (max-width: 850px) {
  .job {
    padding-bottom: 3vw;
  }
}

.job__salary {
  margin-bottom: 1.1979vw;
}

@media only screen and (max-width: 850px) {
  .job__salary {
    margin-bottom: 3vw;
  }
}

.job__info {
  margin-bottom: 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .job__info {
    margin-bottom: 3vw;
  }
}

.rare__page-title {
  margin-bottom: 1.0417vw;
}

@media only screen and (max-width: 850px) {
  .rare__page-title {
    margin-bottom: 7.5vw;
  }
}

.rare__tabs {
  margin: 0 auto 2.9167vw;
}

@media only screen and (max-width: 850px) {
  .rare__tabs {
    margin-bottom: 5vw;
  }
}

.rare__news-list {
  margin-bottom: 5.2083vw;
}

@media only screen and (max-width: 850px) {
  .rare__news-list {
    margin-bottom: 50px;
  }
}

.news-list__news {
  margin-bottom: 1.0417vw;
  border-bottom: 1px solid #AEAEAE;
}

@media only screen and (max-width: 850px) {
  .news-list__news {
    margin-bottom: 6.875vw;
  }
}

.news-list__news:last-child {
  margin-bottom: unset;
  border-bottom: unset;
}

.news {
  padding-bottom: 1.25vw;
}

@media only screen and (max-width: 850px) {
  .news {
    padding-bottom: 5.625vw;
  }
}

.news__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .news__container {
    flex-wrap: wrap;
  }
}

.news__image {
  width: 18.2292vw;
  height: 11.1979vw;
  margin-right: 1.0938vw;
}

@media only screen and (max-width: 850px) {
  .news__image {
    width: 100%;
    height: 51.875vw;
    margin-right: unset;
    margin-bottom: 2.8125vw;
  }
}

.news__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news__content {
  width: 25.6771vw;
}

@media only screen and (max-width: 850px) {
  .news__content {
    width: 100%;
  }
}

.news__date {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .news__date {
    margin-bottom: 1.5625vw;
  }
}

.news__title {
  margin-bottom: 0.7813vw;
}

@media only screen and (max-width: 850px) {
  .news__title {
    margin-bottom: 1.5625vw;
  }
}

.tabs {
  position: relative;
  width: 13.3854vw;
  height: 2.0833vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

@media only screen and (max-width: 850px) {
  .tabs {
    width: 59.375vw;
    height: 9.0625vw;
  }
}

.tabs:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #AEAEAE;
  border-radius: 0.2604vw;
  box-sizing: border-box;
  pointer-events: none;
}

@media only screen and (max-width: 850px) {
  .tabs:before {
    border-radius: 1.25vw;
  }
}

.tabs__border {
  width: 6.8229vw;
  height: 2.0833vw;
  position: absolute;
  left: 0;
  border: 1px solid #3492e9;
  border-radius: 0.2604vw;
  top: 0;
  box-sizing: border-box;
  pointer-events: none;
  transition: 0.25s ease-out;
}

@media only screen and (max-width: 850px) {
  .tabs__border {
    width: 29.6875vw;
    height: 9.0625vw;
    border-radius: 1.25vw;
  }
}

.tabs__tab {
  height: 1.9792vw;
  width: 6.7188vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media only screen and (max-width: 850px) {
  .tabs__tab {
    width: 29.6875vw;
    height: 9.0625vw;
  }
}

.tab__title {
  transition: 0.25s ease-out color;
  color: #AEAEAE;
}

.tab__title.active {
  color: #3492e9;
}

.facts__row {
  display: flex;
  margin-bottom: 1.8229vw;
  padding-bottom: 1.8229vw;
  border-bottom: 1px solid #AEAEAE;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .facts__row {
    flex-wrap: wrap;
    margin-bottom: unset;
    padding-bottom: unset;
    border-bottom: unset;
  }
}

.facts__row:last-child {
  margin-bottom: unset;
  border-bottom: unset;
}

@media only screen and (max-width: 850px) {
  .facts__fact {
    margin-bottom: 4.6875vw;
    border-bottom: 1px solid #AEAEAE;
  }
}

.fact {
  width: 19.0625vw;
  padding-right: 2.6042vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .fact {
    width: 100%;
    padding-right: unset;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 4.6875vw;
  }
}

@media only screen and (max-width: 850px) {
  .fact__title {
    width: 100%;
    margin-bottom: 4.6875vw;
  }
}

.fact__link {
  margin-top: 1.8229vw;
  cursor: pointer;
  text-decoration: underline;
}

@media only screen and (max-width: 850px) {
  .fact__link {
    margin-top: unset;
    width: 100%;
  }
}

.none-border {
  justify-content: center;
  width: fit-content;
  width: -moz-fit-content;
}

.none-border:before {
  border: none !important;
}

.cart {
  position: relative;
}

.cart .lds-ring {
  display: flex;
  z-index: 10;
}

.cart__back {
  display: flex;
  align-items: center;
  margin-bottom: 0.8333vw;
}

@media only screen and (max-width: 850px) {
  .cart__back {
    margin-bottom: 4.6875vw;
  }
}

.cart__back:before {
  content: "";
  width: 0.3125vw;
  height: 0.4688vw;
  display: block;
  margin-right: 0.2083vw;
  background: url("../icon/arrow-left-black.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .cart__back:before {
    width: 0.9375vw;
    height: 1.5625vw;
    margin-right: 0.9375vw;
  }
}

.cart__cart-container {
  margin-bottom: 50rem;
}

.cart-container {
  border: 1px solid #AEAEAE;
  background: #FFFFFF;
  padding: 14rem;
}

@media only screen and (max-width: 850px) {
  .cart-container {
    padding: 6rem;
  }
}

.cart-container__header-without {
  margin-bottom: 20rem;
  padding-left: 16rem;
}

@media only screen and (max-width: 850px) {
  .cart-container__header-without {
    width: 220rem;
  }
}

.cart-container__header-without-title {
  margin-bottom: 10rem;
}

.cart-container__header {
  width: 100%;
  height: 77rem;
  display: flex;
  align-items: center;
  background: #F5F5F5;
  margin-bottom: 43rem;
  text-align: center;
  justify-content: center;
}

@media only screen and (max-width: 850px) {
  .cart-container__header {
    height: 46rem;
    margin-bottom: 15rem;
  }
}

.cart-container__sum {
  text-align: center;
  margin-bottom: 22rem;
}

@media only screen and (max-width: 850px) {
  .cart-container__sum {
    margin-bottom: 16rem;
  }
}

.cart-container__list {
  margin-bottom: 52rem;
}

@media only screen and (max-width: 850px) {
  .cart-container__list {
    margin-bottom: 20rem;
  }
}

.cart-container__cart-item {
  margin-bottom: 7rem;
}

@media only screen and (max-width: 850px) {
  .cart-container__cart-item {
    margin-bottom: 3rem;
  }
}

.cart-item {
  display: flex;
}

.cart-item__manage-count {
  position: absolute;
  right: 0;
  top: 120%;
}

@media only screen and (max-width: 850px) {
  .cart-item__manage-count {
    top: unset;
    right: unset;
    left: 0;
    bottom: -52rem;
  }
}

.cart-item__num {
  width: 55rem;
  background: #F5F5F5;
  margin-right: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 850px) {
  .cart-item__num {
    width: 26rem;
    margin-right: 4rem;
  }
}

.cart-item__container {
  padding: 18rem;
  background: #F5F5F5;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .cart-item__container {
    padding: 9rem 9rem 24rem 60rem;
    flex-wrap: wrap;
  }
}

.cart-item__image {
  height: 84rem;
  width: 84rem;
  margin-right: 20rem;
}

@media only screen and (max-width: 850px) {
  .cart-item__image {
    width: 47rem;
    height: 47rem;
    position: absolute;
    left: 6rem;
    top: 9rem;
  }
}

.cart-item__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart-item__info {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

@media only screen and (max-width: 850px) {
  .cart-item__info {
    display: flex;
    flex-direction: row;
    height: auto;
    flex-wrap: wrap;
  }
}

.cart-item__title {
  margin-bottom: 10rem;
  width: 440rem;
}

@media only screen and (max-width: 850px) {
  .cart-item__title {
    margin-bottom: 25rem;
    width: 100%;
  }
}

.cart-item__bot-info {
  display: flex;
}

@media only screen and (max-width: 850px) {
  .cart-item__bot-info {
    flex-direction: column;
    margin-bottom: 9rem;
  }
}

.cart-item__article {
  margin-right: 20rem;
}

@media only screen and (max-width: 850px) {
  .cart-item__article {
    margin-bottom: 9rem;
  }
}

.cart-item__more {
  text-decoration: underline;
}

.cart-item__manage {
  display: flex;
  align-items: center;
  position: absolute;
  right: 22rem;
  top: 18rem;
}

@media only screen and (max-width: 850px) {
  .cart-item__manage {
    position: absolute;
    top: 0;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 67rem;
    bottom: 56rem;
    left: 60rem;
    font-size: 12rem;
  }
}

.cart-item__price {
  white-space: nowrap;
  margin-left: 25rem;
  width: 83rem;
  display: flex;
  justify-content: flex-end;
}

@media only screen and (max-width: 850px) {
  .cart-item__price {
    margin-left: 0;
    justify-content: flex-start;
    margin-bottom: 8rem;
  }
}

.cart-item__delete {
  background: transparent;
  border: none;
  right: 22rem;
  bottom: 18rem;
  display: flex;
  align-items: center;
  color: #666060;
  cursor: pointer;
  position: absolute;
}

@media only screen and (max-width: 850px) {
  .cart-item__delete {
    right: 11rem;
    bottom: 11rem;
    font-size: 0;
  }
}

.cart-item__delete:before {
  content: "";
  display: block;
  width: 15rem;
  height: 18rem;
  margin-right: 5rem;
  background: url("../icon/shop/trash.svg") center no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 850px) {
  .cart-item__delete:before {
    width: 14rem;
    height: 14rem;
    margin-right: 0;
  }
}

.total-cart {
  display: flex;
  justify-content: space-between;
  padding: 18rem;
  background: #F5F5F5;
}

@media only screen and (max-width: 850px) {
  .total-cart {
    padding: 15rem 9rem;
  }
}

.done-ticket {
  height: 400rem;
  padding-top: 50rem;
}

@media only screen and (max-width: 850px) {
  .done-ticket {
    height: auto;
    padding-top: 30rem;
    padding-bottom: 30rem;
  }
}

.done-ticket__icon {
  width: 55rem;
  height: 55rem;
  margin: 0 auto 27rem;
}

@media only screen and (max-width: 850px) {
  .done-ticket__icon {
    width: 47rem;
    height: 47rem;
    margin-bottom: 5rem;
  }
}

.done-ticket__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.done-ticket__title {
  margin-bottom: 25rem;
  text-align: center;
}

@media only screen and (max-width: 850px) {
  .done-ticket__title {
    margin-bottom: 11rem;
  }
}

.done-ticket__message {
  margin-bottom: 25rem;
  text-align: center;
}

@media only screen and (max-width: 850px) {
  .done-ticket__message {
    margin-bottom: 20rem;
  }
}

.done-ticket__button {
  margin: 0 auto;
}

.empty-cart {
  padding-top: 100rem;
  padding-bottom: 200rem;
}

@media only screen and (max-width: 850px) {
  .empty-cart {
    padding-top: 55rem;
    padding-bottom: 55rem;
  }
}

.empty-cart__icon {
  width: 93rem;
  height: 93rem;
  margin: 0 auto 20rem;
}

@media only screen and (max-width: 850px) {
  .empty-cart__icon {
    width: 64rem;
    height: 63rem;
    margin-bottom: 23rem;
  }
}

.empty-cart__icon svg {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.empty-cart__title {
  margin-bottom: 23rem;
  text-align: center;
}

@media only screen and (max-width: 850px) {
  .empty-cart__title {
    margin-bottom: 24rem;
  }
}

.empty-cart__button {
  margin: 0 auto;
}

.search {
  width: 334rem;
  height: 46rem;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .search {
    width: 100%;
    height: 38rem;
  }
}

.search__input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 1px solid #AEAEAE;
  padding-left: 13rem;
  background: transparent;
}

.search__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18rem;
  height: 18rem;
  border: none;
  right: 14rem;
  cursor: pointer;
  background: transparent;
}

@media only screen and (max-width: 850px) {
  .search__button {
    width: 16rem;
    height: 16rem;
    right: 12rem;
  }
}

.search__button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url("../icon/shop/search.svg") center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.shop-category {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 850px) {
  .shop-category {
    justify-content: space-between;
  }
}

.shop-category__shop-category-card {
  margin-right: 23rem;
  margin-bottom: 22rem;
}

.shop-category__shop-category-card:nth-child(3n+3) {
  margin-right: unset;
}

@media only screen and (max-width: 850px) {
  .shop-category__shop-category-card {
    margin-right: unset;
    margin-bottom: 4rem;
  }
}

.shop-category-card {
  width: 276rem;
  border: 1px solid #AEAEAE;
  background: white;
  cursor: pointer;
}

@media only screen and (max-width: 850px) {
  .shop-category-card {
    width: 142rem;
  }
}

.shop-category-card:hover .shop-category-card__title {
  color: #3492e9;
  background-color: white;
}

.shop-category-card:hover .shop-category-card__title:after {
  opacity: 1;
}

.shop-category-card__image {
  width: 100%;
  height: 212rem;
}

@media only screen and (max-width: 850px) {
  .shop-category-card__image {
    height: 108rem;
  }
}

.shop-category-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.shop-category-card__title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 5rem;
  height: 68rem;
  background: #F5F5F5;
  font-weight: bold;
  transition: 0.25s ease-in-out;
}

@media only screen and (max-width: 850px) {
  .shop-category-card__title {
    height: 45rem;
  }
}

.shop-category-card__title:after {
  content: "";
  display: inline;
  width: 8rem;
  height: 12rem;
  background: url("../icon/arrow-forward-blue.svg") center no-repeat;
  background-size: contain;
  opacity: 0;
  transition: 0.25s ease-in-out opacity;
  margin-left: 5rem;
}

@media only screen and (max-width: 850px) {
  .shop-category-card__title:after {
    content: none;
  }
}

.custom {
  margin-bottom: 30rem;
  margin-bottom: 30rem;
}

.custom__title {
  margin-bottom: 2.3438vw;
}

.custom__content p,
.custom__content h1,
.custom__content h2,
.custom__content h3,
.custom__content h4,
.custom__content h5,
.custom__content h6,
.custom__content img,
.custom__content iframe,
.custom__content ul,
.custom__content div,
.custom__content ol {
  margin-bottom: 25rem;
}

.custom__content h1,
.custom__content h2,
.custom__content h3,
.custom__content h4,
.custom__content h5,
.custom__content h6 {
  font-size: 1.3021vw;
  color: #3492e9;
}

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

  .custom__content h1,
  .custom__content h2,
  .custom__content h3,
  .custom__content h4,
  .custom__content h5,
  .custom__content h6 {
    font-size: 3.75vw;
  }
}

.custom__content ul,
.custom__content ol {
  font-weight: bold;
  padding-left: 25rem;
}

.custom__content ul {
  list-style-type: disc;
}

.custom__content img {
  max-width: 100%;
}

.custom .section__separation {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

.custom-form {
  background: white;
  border: 1px solid #AEAEAE;
  padding: 20rem;
}

.partners-status__container {
  padding: 1.56vw;
  background: #EBEBEB;
  width: max-content;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .partners-status__container {
    width: 66.5vw;
  }
}

.partners-status__container::before {
  width: 0;
  height: 0;
  border-left: 1vw solid transparent;
  border-right: 1vw solid transparent;
  border-bottom: 1vw solid #ebebeb;
  content: "";
  position: absolute;
  top: -0.7vw;
}

@media only screen and (max-width: 850px) {
  .partners-status__container::before {
    top: -1.7vw;
    border-left: 2vw solid transparent;
    border-right: 2vw solid transparent;
    border-bottom: 2vw solid #ebebeb;
  }
}

.partners-status__text--strong {
  font-weight: 700;
}

.partners-status__text--link a {
  color: #3492E9;
  text-decoration: underline;
}

.banner__advantage__grid {
  display: grid;
  grid-template-areas: "a b c";
  grid-template-columns: repeat(3, 1fr);
  margin: 2vw 0;
  width: 38.6vw;
}

@media only screen and (max-width: 850px) {
  .banner__advantage__grid {
    grid-template-areas: "a a a a a a c c c c c c" ". . . b b b b b b . . .";
    grid-template-columns: repeat(12, 1fr);
    width: auto;
  }
}

.banner__advantage {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  gap: 1vw;
  font-size: 0.88vw;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
}

.banner__advantage:nth-child(1) {
  grid-area: a;
}

.banner__advantage:nth-child(2) {
  grid-area: b;
}

.banner__advantage:nth-child(3) {
  grid-area: c;
}

.banner__advantage img {
  width: 3.1vw;
  height: 3.1vw;
}

@media only screen and (max-width: 850px) {
  .banner__advantage {
    width: 39.3vw;
    height: 25vw;
    font-size: 3.1vw;
  }

  .banner__advantage img {
    width: 13.1vw;
    height: 13.1vw;
  }
}

.banner__advantage__form {
  display: flex;
  gap: 1vw;
  align-items: center;
}

@media only screen and (max-width: 850px) {
  .banner__advantage__form {
    font-size: 3.75vw;
    justify-content: space-around;
  }
}

.banner__advantage__form--dots {
  display: flex;
  align-items: center;
  gap: 0.2vw;
}

@media only screen and (max-width: 850px) {
  .banner__advantage__form--dots {
    gap: 1.4vw;
  }
}

.banner__advantage__form--dots span {
  width: 0.5vw;
  height: 0.5vw;
  display: block;
  animation: 1.5s linear 0s pulse infinite;
  background: #3492E9;
  border-radius: 100%;
}

.banner__advantage__form--dots span:nth-child(1) {
  animation-delay: 1s;
}

.banner__advantage__form--dots span:nth-child(2) {
  animation-delay: 1.5s;
}

.banner__advantage__form--dots span:nth-child(3) {
  animation-delay: 2s;
}

@media only screen and (max-width: 850px) {
  .banner__advantage__form--dots span {
    width: 1vw;
    height: 1vw;
  }
}

.banner__advantage__form--link {
  background: #3492E9;
  color: white;
  padding: 0.4vw 1.4vw;
  position: relative;
}

@media only screen and (max-width: 850px) {
  .banner__advantage__form--link {
    padding: 2.8vw 8vw;
    font-size: 2.8vw;
  }
}

@media only screen and (max-width: 850px) {
  .partners__services {
    font-size: 2.8vw;
  }
}

.partners__services--header {
  font-size: 0.88vw;
  margin-top: 2.6vw;
  color: #3492E9;
}

@media only screen and (max-width: 850px) {
  .partners__services--header {
    font-size: 3.75vw;
  }
}

.partners__services li {
  display: flex;
  align-items: center;
  margin-top: 0.88vw;
}

.partners__services li::before {
  content: "";
  width: 0.3vw;
  height: 0.3vw;
  background: #3492E9;
  display: block;
  margin-right: 0.5vw;
  border-radius: 100%;
  flex-shrink: 0;
}

@media only screen and (max-width: 850px) {
  .partners__services li::before {
    margin-right: 4.6vw;
    width: 1.75vw;
    height: 1.75vw;
  }
}

.modal_request_price {
  flex-direction: column;
  background-color: rgba(255, 255, 255, 0.95);
}

.modal_request_price .ticket__header {
  background: none;
}

.modal_request_price .lds-ring {
  z-index: 1000;
}

/*# sourceMappingURL=style.css.map */