@charset "UTF-8";
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/MontserratBold.woff2") format("woff2"), url("../fonts/MontserratBold.woff") format("woff"), url("../fonts/MontserratBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/MontserratRegular.woff2") format("woff2"), url("../fonts/MontserratRegular.woff") format("woff"), url("../fonts/MontserratRegular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/MontserratSemiBold.woff2") format("woff2"), url("../fonts/MontserratSemiBold.woff") format("woff"), url("../fonts/MontserratSemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/MontserratMedium.woff2") format("woff2"), url("../fonts/MontserratMedium.woff") format("woff"), url("../fonts/MontserratMedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: fontello;
  font-display: swap;
  src: url("../fonts/fontello.woff2") format("woff2"), url("../fonts/fontello.woff") format("woff"), url("../fonts/fontello.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?29712572#fontello') format('svg');
  }
}
*/
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-right: 0;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 16px;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-shopping-bag:before {
  content: "\e800";
}

/* '' */
.icon-arrow-left:before {
  content: "\e801";
}

/* '' */
.icon-phone-1:before {
  content: "\e802";
}

/* '' */
.icon-videocam:before {
  content: "\e803";
}

/* '' */
.icon-puzzle-outline:before {
  content: "\e804";
}

/* '' */
.icon-key:before {
  content: "\e805";
}

/* '' */
.icon-doc:before {
  content: "\e806";
}

/* '' */
.icon-arrow-down:before {
  content: "\e80e";
}

/* '' */
.icon-cart:before {
  content: "\e810";
}

/* '' */
.icon-store12:before {
  content: "\e811";
}

/* '' */
.icon-store5:before {
  content: "\e812";
}

/* '' */
.icon-store4:before {
  content: "\e813";
}

/* '' */
.icon-store3:before {
  content: "\e814";
}

/* '' */
.icon-store2:before {
  content: "\e815";
}

/* '' */
.icon-store1:before {
  content: "\e816";
}

/* '' */
.icon-store-all:before {
  content: "\e817";
}

/* '' */
.icon-ventilation:before {
  content: "\e818";
}

/* '' */
.icon-liquid:before {
  content: "\e819";
}

/* '' */
.icon-oil:before {
  content: "\e81a";
}

/* '' */
.icon-pressure:before {
  content: "\e81b";
}

/* '' */
.icon-power:before {
  content: "\e81c";
}

/* '' */
.icon-about:before {
  content: "\e81d";
}

/* '' */
.icon-blog:before {
  content: "\e81e";
}

/* '' */
.icon-location:before {
  content: "\e81f";
}

/* '' */
.icon-bag:before {
  content: "\e820";
}

/* '' */
.icon-technicum:before {
  content: "\e821";
}

/* '' */
.icon-atom:before {
  content: "\e822";
}

/* '' */
.icon-contact:before {
  content: "\e823";
}

/* '' */
.icon-arrow-right-2:before {
  content: "\e824";
}

/* '' */
.icon-arrow-r:before {
  content: "\e825";
}

/* '' */
.icon-arrow-l:before {
  content: "\e826";
}

/* '' */
.icon-orders:before {
  content: "\e827";
}

/* '' */
.icon-personal:before {
  content: "\e828";
}

/* '' */
.icon-manager:before {
  content: "\e829";
}

/* '' */
.icon-shopping-cart:before {
  content: "\e82a";
}

/* '' */
.icon-mail:before {
  content: "\e82b";
}

/* '' */
.icon-recipients:before {
  content: "\e82c";
}

/* '' */
.icon-truck:before {
  content: "\e82d";
}

/* '' */
.icon-lock:before {
  content: "\e82e";
}

/* '' */
.icon-exit:before {
  content: "\e82f";
}

/* '' */
.icon-edit:before {
  content: "\e830";
}

/* '' */
.icon-delete:before {
  content: "\e831";
}

/* '' */
.icon-plus:before {
  content: "\e832";
}

/* '' */
.icon-calendar:before {
  content: "\e833";
}

/* '' */
.icon-canceled:before {
  content: "\e834";
}

/* '' */
.icon-check-mark:before {
  content: "\e835";
}

/* '' */
.icon-download:before {
  content: "\e836";
}

/* '' */
.icon-repeat:before {
  content: "\e837";
}

/* '' */
.icon-phone2:before {
  content: "\e838";
}

/* '' */
.icon-email:before {
  content: "\e83a";
}

/* '' */
.icon-user:before {
  content: "\e83b";
}

/* '' */
.icon-play:before {
  content: "\e83c";
}

/* '' */
.icon-arrow-right:before {
  content: "\e824";
}

/* '' */
.icon-arrow-right-top:before {
  content: "\e83e";
}

/* '' */
.icon-phone-bg:before {
  content: "\e83f";
}

/* '' */
.icon-store14:before {
  content: "\e840";
}

/* '' */
.icon-hdd:before {
  content: "\f0a0";
}

/* '' */
.icon-dot-circled:before {
  content: "\f192";
}

/* '' */
.icon-icon-video:before {
  content: "\e848";
}

/* '' */
.icon1::before {
  content: url("../img/CirclesFour.svg");
}

.icon2::before {
  content: url("../img/PuzzlePiece.svg");
}

.icon3::before {
  content: url("../img/SelectionAll.svg");
}

.icon4::before {
  content: url("../img/Wrench.svg");
}

.icon5::before {
  content: url("../img/UserGear.svg");
}

.icon6::before {
  content: url("../img/tag.svg");
}

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

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

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

input,
button {
  -webkit-appearance: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #FFFFFF;
  text-decoration: none;
}

a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
}

:focus {
  outline: none !important;
}

.clearfix::before,
.clearfix::after {
  display: table;
  content: " ";
}

.clearfix::after {
  clear: both;
}

body,
html {
  height: 100%;
}

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5;
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede;
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6;
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4;
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #ccc;
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none;
}

.datepicker--cells {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.datepicker--cell {
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1;
}

.datepicker--cell.-focus- {
  background: #f0f0f0;
}

.datepicker--cell.-current- {
  color: #4EB5E6;
  border-color: #4EB5E6;
}

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a;
}

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6;
}

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0;
}

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2);
}

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1;
}

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae;
}

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 8px 0 0 8px;
}

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 8px 8px 0;
}

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 8px;
}

.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #5cc4ef;
}

.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef;
}

.datepicker--cell.-selected-.-focus- {
  background: #45bced;
}

.datepicker--cell:empty {
  cursor: default;
}

.datepicker--days-names {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px;
}

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.datepicker--cell-day {
  width: 14.28571%;
  height: 34px;
}

.datepicker--cells-months {
  height: 170px;
}

.datepicker--cell-month {
  width: 33.33%;
  height: 25%;
}

.datepicker--years {
  height: 170px;
}

.datepicker--cells-years {
  height: 170px;
}

.datepicker--cell-year {
  width: 25%;
  height: 33.33%;
}

.datepickers-container {
  position: absolute;
  left: 0;
  top: 0;
}

@media print {
  .datepickers-container {
    display: none;
  }
}
.datepicker {
  background: #fff;
  border-radius: 8px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-family: work-Sans, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  padding: 10px;
  -webkit-transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100;
  -webkit-box-shadow: 0 4px 14px rgba(174, 197, 231, 0.5);
  box-shadow: 0 4px 14px rgba(174, 197, 231, 0.5);
}

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
}

.datepicker-inline .datepicker {
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.datepicker-inline .datepicker--pointer {
  display: none;
}

.datepicker--content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 4px;
}

.-only-timepicker- .datepicker--content {
  display: none;
}

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1;
}

.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
  left: 10px;
}

.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  right: 10px;
}

.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
  left: calc(50% - 5px);
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px;
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px;
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 5px);
}

.datepicker--body {
  display: none;
}

.datepicker--body.active {
  display: block !important;
}

.datepicker--nav {
  color: #4466f2;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px;
}

.-only-timepicker- .datepicker--nav {
  display: none;
}

.datepicker--nav-title, .datepicker--nav-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.datepicker--nav-action {
  width: 32px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #4466f2;
}

.datepicker--nav-action:hover {
  background: #4466f2;
}

.datepicker--nav-action.-disabled- {
  visibility: hidden;
}

.datepicker--nav-action svg {
  width: 32px;
  height: 32px;
}

.datepicker--nav-action path {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
}

.datepicker--nav-title {
  border-radius: 8px;
  padding: 0 8px;
}

.datepicker--nav-title i {
  font-style: normal;
  color: #4466f2;
  margin-left: 5px;
}

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none;
}

.datepicker--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef;
}

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
}

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0;
}

.wrapper {
  flex-direction: column;
  display: flex;
  min-height: 100%;
}
.wrapper.index-page main {
  padding-top: 0;
}

main {
  flex: 1 1 auto;
  overflow: hidden;
  padding-top: 62px;
}
@media screen and (max-width: 992px) {
  main {
    padding-top: 42px;
  }
}

h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  color: #35393a;
}
@media screen and (max-width: 992px) {
  h3 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (max-width: 768px) {
  h3 {
    font-size: 16px;
    line-height: 24px;
  }
}

body {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  padding: 0;
  margin: 0;
  background: #ffffff;
  color: #35393a;
}
body.non_scroll {
  overflow: hidden;
}

.container {
  max-width: 1270px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}

h1 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 60px;
  line-height: 84px;
  letter-spacing: -0.02em;
  color: #ffffff;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1250px) {
  h1 {
    font-size: 47px;
    line-height: 54px;
  }
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 26px;
    line-height: 36px;
    text-align: center;
  }
}

.subtitle {
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
  margin-top: 22px;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1250px) {
  .subtitle {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 768px) {
  .subtitle {
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
  }
  .subtitle br {
    display: none;
  }
}

h2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 68px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
@media screen and (max-width: 1250px) {
  h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  h2 {
    font-size: 24px;
    line-height: 34px;
  }
  h2 br {
    display: none;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 56px;
  padding: 0 38px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  border: 0;
  outline: 0;
  background-color: #004a98;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .btn {
    padding: 0 50px;
    height: 48px;
    font-size: 12px;
    line-height: 17px;
  }
}
.btn:hover {
  color: #ffffff;
  transform: scale(1.05);
}

.btn:hover,
.btn:focus,
.btn:active {
  color: #fff !important;
}

.btn:focus {
  outline: none;
  box-shadow: none;
}

.btn-arrow::after {
  content: "";
  background-image: url("../img/arrow_btn.svg");
  background-position: top center;
  background-repeat: no-repeat;
  width: 17px;
  height: 16px;
  display: inline-block;
  margin-left: 8px;
}

.btn-play::after {
  content: "";
  background-image: url("../img/icon-play.svg");
  background-position: top center;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-left: 8px;
}

.btn-border {
  background: transparent;
  border: 2px solid #004a98;
  color: #ffffff;
}
.btn-border:hover {
  color: #ffffff;
}

.mob {
  display: none;
}
@media screen and (max-width: 768px) {
  .mob {
    display: block;
  }
}

.logotip {
  background-image: url("../img/logo-header.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  width: 219px;
  height: 33px;
  display: inline-block;
}

.modal.show .modal-dialog {
  transform: none;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  margin: auto;
}

.modal-content {
  background-color: #fff;
  border: 0;
  border-radius: 2px;
  position: relative;
  margin: auto;
}

.modal-dialog {
  max-width: 550px;
}
@media screen and (max-width: 768px) {
  .modal-dialog {
    margin: auto 24px !important;
  }
}

.modal-content {
  padding: 48px 56px 76px;
}
@media screen and (max-width: 768px) {
  .modal-content {
    padding: 24px;
  }
}
.modal-content .btn-close {
  position: absolute;
  right: 24px;
  top: 24px;
  background-image: url("../img/modale_close.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 24px;
  height: 24px;
  opacity: 0.7;
  box-sizing: border-box;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
.modal-content .btn-close:hover {
  opacity: 1;
}
.modal-content .form-modal {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .modal-content .form-modal {
    margin-top: 24px;
  }
}
.modal-content .form-modal .form-group {
  margin-bottom: 11px;
}
.modal-content .form-modal textarea.form-control {
  min-height: 120px;
  max-height: 160px;
  height: auto;
  padding-top: 0;
  overflow-wrap: break-word;
  word-break: break-word;
  resize: none;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .modal-content .form-modal textarea.form-control {
    height: 88px;
  }
}
@media screen and (max-width: 768px) {
  .modal-content .form-modal .form-control {
    font-size: 15px;
    line-height: 21px;
    height: 47px;
  }
}
.modal-content .form-modal .form-control:focus {
  color: #333333;
  background-color: transparent;
  border-bottom: 1px solid #d9d9d9;
  outline: 0;
  box-shadow: none;
}
.modal-content .form-modal label {
  font-size: 14px;
  line-height: 20px;
  color: #6f6f6f;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  .modal-content .form-modal label {
    font-size: 12px;
    line-height: 17px;
  }
}
.modal-content .form-modal button {
  height: 48px;
  margin: 28px auto 0;
  border: 0;
  padding: 0 32px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  background: #004a98;
  color: #ffffff;
  display: block;
}
@media screen and (max-width: 450px) {
  .modal-content .form-modal button {
    width: 100%;
    font-size: 12px;
    line-height: 17px;
  }
}

.modal-title {
  text-align: center;
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 42px;
  color: #35393a;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .modal-title {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0);
}

.bullet-gray .swiper-pagination-bullet {
  background: #e8e8e8;
}
.bullet-gray .swiper-pagination-bullet-active {
  background: #004a98;
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #fff;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #004a98;
}

.icon-arrow-right {
  width: 24px;
  height: 24px;
  margin-left: 16px;
  border-radius: 50%;
  border: 1px solid #004a98;
  background: #004a98;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}

.icon-arrow-right::before {
  width: 14px;
  height: 14px;
  font-size: 14px;
  line-height: 15px;
}

.link-arrow-right {
  transition: all 0.3s ease-in-out;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.link-arrow-right:hover {
  color: #ffffff;
}
.link-arrow-right:hover .icon-arrow-right {
  background: transparent;
}

.box-info h3 {
  text-transform: uppercase;
}
.box-info p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .box-info p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
  }
  .box-info p br {
    display: none;
  }
}

.box-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .box-item {
    margin-bottom: 27px;
  }
}
.box-item:last-child {
  margin-bottom: 0;
}

.box-icon {
  width: 67px;
  height: 67px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  margin-right: 30px;
  flex-shrink: 0;
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .box-icon {
    margin-right: 24px;
    width: 50px;
    height: 50px;
    margin-top: 0;
  }
}

.swiper-button-disabled {
  display: none !important;
}

.swiper-button-next {
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 50%;
  top: 30%;
  right: 3%;
  flex-shrink: 0;
  color: #00252b;
}
.swiper-button-next::after {
  content: "\e825";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  width: 18px;
  height: 18px;
  font-size: 18px;
}

.swiper-button-prev {
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  border-radius: 50%;
  transform: rotate(180deg);
  top: 30%;
  left: 3%;
  color: #00252b;
}
.swiper-button-prev::after {
  content: "\e826";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(180deg);
}

.swiper-shadow-white::after {
  content: "";
  height: 100%;
  width: 340px;
  position: absolute;
  right: 0;
  top: -10px;
  background: linear-gradient(270deg, #ffffff 9.5%, rgba(255, 255, 255, 0) 100%);
  display: none;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .swiper-shadow-white::after {
    display: none;
  }
}

.swiper.effect-white::after {
  display: none;
  width: 130px;
}
.swiper.effect-white::before {
  content: "";
  height: 100%;
  width: 130px;
  position: absolute;
  left: 0;
  top: -10px;
  background: linear-gradient(270deg, #ffffff 9.5%, rgba(255, 255, 255, 0) 100%);
  display: none;
  z-index: 2;
  transform: rotate(180deg);
}
@media screen and (max-width: 768px) {
  .swiper.effect-white::before {
    display: none;
  }
}

.mobile-swiper::after {
  display: none;
}
.mobile-swiper::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .mobile-swiper .swiper-slide {
    width: auto;
    flex-shrink: 1;
  }
  .mobile-swiper .swiper-wrapper {
    width: auto;
  }
}

.mobile-swiper-tech::after {
  display: none;
}
.mobile-swiper-tech::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .mobile-swiper-tech .swiper-slide {
    width: auto;
    flex-shrink: 1;
  }
  .mobile-swiper-tech .swiper-wrapper {
    width: auto;
  }
}

.logo-swiper::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .logo-swiper .swiper-slide {
    width: auto;
    flex-shrink: 1;
  }
  .logo-swiper .swiper-wrapper {
    width: auto;
  }
}

.title-page {
  font-size: 60px;
  line-height: 66px;
}
@media screen and (max-width: 768px) {
  .title-page {
    font-size: 30px;
    line-height: 33px;
  }
}

.top-page {
  padding: 64px 0 70px;
}
@media screen and (max-width: 768px) {
  .top-page {
    padding: 24px 0 25px;
  }
  .top-page .wherebuy-figure {
    display: none;
  }
}
.top-page.crumb {
  padding-top: 48px;
}
@media screen and (max-width: 768px) {
  .top-page.crumb {
    padding-top: 24px;
  }
}

.technologies-modal {
  color: #333333;
}
.technologies-modal .modal-dialog {
  max-width: 818px;
}
@media screen and (max-width: 768px) {
  .technologies-modal .modal-dialog {
    margin: auto 24px !important;
  }
}
.technologies-modal .modal-content {
  padding: 0;
}
.technologies-modal .modal-content .btn-close {
  right: 40px;
  top: 0;
  margin: auto;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .technologies-modal .modal-content .btn-close {
    right: 24px;
  }
}
.technologies-modal .modal-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .technologies-modal .modal-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }
}
.technologies-modal .modal-header {
  padding: 24px 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .technologies-modal .modal-header {
    padding: 24px;
    border-bottom: 0;
  }
}
.technologies-modal .modal-body {
  padding: 24px 40px;
}
@media screen and (max-width: 768px) {
  .technologies-modal .modal-body {
    padding: 0 24px 24px;
  }
}
.technologies-modal .modal-body h6 {
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
}
@media screen and (max-width: 768px) {
  .technologies-modal .modal-body h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
  }
}
.technologies-modal .modal-body ul {
  margin-top: 18px;
}
.technologies-modal .modal-body ul li {
  font-weight: 300;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .technologies-modal .modal-body ul li {
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 12px;
  }
}
.technologies-modal .modal-body ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 16px;
  background: #66c4d0;
  display: block;
  margin-top: 9px;
  box-shadow: 0 0 5px rgba(102, 196, 208, 0.6);
}
@media screen and (max-width: 768px) {
  .technologies-modal .modal-body ul li::before {
    margin-top: 7px;
  }
}
.technologies-modal .modal-body ul li:last-child {
  margin-bottom: 0;
}

.partners-inners.active .partners-item {
  display: flex !important;
}

.breadcrumb {
  margin: 30px 0 10px;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    display: flex;
    align-items: center;
    margin: 18px 0 0;
  }
}
.breadcrumb-item {
  font-size: 12px;
  line-height: 17px;
}
@media screen and (max-width: 768px) {
  .breadcrumb-item:first-child a {
    position: relative;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  .breadcrumb-item:first-child a::before {
    content: "\e801";
    width: 16px;
    height: 16px;
    font-size: 16px;
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
  }
}
.breadcrumb-item a {
  font-size: 12px;
  line-height: 17px;
  color: #6f6f6f;
  transition: all 0.3s ease-in-out;
}
.breadcrumb-item a:hover {
  color: #35393a;
}
.breadcrumb-item.active {
  color: #004a98;
}
@media screen and (max-width: 768px) {
  .breadcrumb-item.active {
    display: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 50px;
  }
  .breadcrumb-item.active::before {
    display: none;
  }
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #6f6f6f;
}

.loader-wrapper {
  height: 100%;
  width: 100%;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 1001;
  top: 0;
}

.loader-wrapper .loader {
  position: absolute;
  top: 45%;
  left: 0;
  text-align: center;
  right: 0;
  margin: 0 auto;
}

@-webkit-keyframes whirly-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes whirly-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.whirly-loader:not(:required) {
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url("../img/loader.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  -webkit-animation: whirly-loader 1.25s infinite linear;
  animation: whirly-loader 1.25s infinite linear;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.thanks {
  position: relative;
  overflow: hidden;
  background: #f3f4f5;
}
.thanks h1 {
  font-size: 30px;
  line-height: 42px;
  color: #35393a;
}
@media screen and (max-width: 768px) {
  .thanks h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
.thanks .subtitle {
  color: #35393a;
}
.thanks-block {
  background: #ffffff;
  backdrop-filter: blur(4.5px);
  border-radius: 10px;
  max-width: 1030px;
  margin: auto;
  padding: 80px 30px;
}
@media screen and (max-width: 768px) {
  .thanks-block {
    padding: 50px 25px;
  }
  .thanks-block br {
    display: none;
  }
}

.lds-dual-ring {
  position: absolute;
  display: inline-block;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 1024px) {
  .footer-tel-title {
    display: none;
  }
  .footer-tel-title-mob {
    display: inline !important;
    margin-right: 4px !important;
  }
  .footer-email {
    color: #004a98;
  }
}
@media screen and (min-width: 1024px) {
  .footer-tel-title-mob {
    display: none;
  }
}
.copy-2 {
  display: none;
}

@media screen and (max-width: 768px) {
  .copy-mob {
    border-top: 1px solid #535353;
    padding-top: 10px;
    margin-top: 10px;
  }
  .copy-1 {
    display: none;
  }
  .copy-2 {
    display: block;
    font-size: 12px !important;
  }
}
.btn-second:hover,
.btn-second:active,
.btn-second:focus {
  color: #004a98 !important;
}

.btn-low-scale:hover,
.btn-low-scale:active,
.btn-low-scale:focus {
  transform: scale(1.02);
}

@media screen and (max-width: 476px) {
  .video-section-wrapper img {
    min-height: 190px;
  }
  .video-section {
    min-height: 314px;
  }
  .about-mission-media img {
    min-height: 160px;
  }
}
.bg-white .dropdown-lang a {
  color: #ffffff;
}
.bg-white .dropdown-lang ul li a {
  color: #ffffff;
}

header {
  position: fixed;
  width: 100%;
  height: 42px;
  background: #004a98;
  transition: background 0.3s ease-in-out;
  z-index: 15;
}
header.active .logotip {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 992px) {
  header {
    height: 62px;
  }
}
header .dropdown-menu {
  background: #004a98 !important;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
  header .dropdown-menu {
    background: transparent !important;
  }
}
header .dropdown-menu::after {
  content: "";
  width: 5000px;
  position: absolute;
  left: -1000px;
  height: 100%;
  right: 0;
  top: 0;
  display: block;
  background: #004a98;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  header .dropdown-menu::after {
    display: none;
  }
}
header .dropdown-lang {
  width: 52px;
  margin: 0 20px 0 40px;
  flex-shrink: 0;
  position: relative;
}
header .dropdown-lang::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.3);
  left: -14px;
  top: -11px;
}
header .dropdown-lang::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.3);
  right: -14px;
  top: -11px;
}
@media screen and (max-width: 992px) {
  header .dropdown-lang {
    margin: 0 10px 0 40px;
  }
  header .dropdown-lang::before {
    display: none;
  }
  header .dropdown-lang::after {
    height: 30px;
    top: -8px;
  }
}
@media screen and (min-width: 992px) {
  header .dropdown-lang {
    margin: 0 20px 0 40px;
  }
}
header .dropdown-lang-main:hover, header .dropdown-lang-main:active, header .dropdown-lang-main:focus {
  color: #fff;
}
header .dropdown-lang-main::before {
  display: none;
}
header .dropdown-lang .dropdown-menu {
  background: #004a98 !important;
  transition: all 0.3s ease-in-out;
  width: 100%;
  min-width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  text-align: center;
}
header .dropdown-lang .dropdown-menu::after {
  display: none;
}
header .dropdown-lang .dropdown-menu ul li a {
  padding: 6px 0;
  display: block;
}
header .dropdown-lang .dropdown-menu ul li a:hover {
  color: #35393a;
  background: #ffffff;
}
header .dropdown-lang .dropdown-menu ul li a:focus {
  color: #35393a;
  background: #ffffff;
}
header .dropdown-lang .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .dropdown-lang .dropdown-toggle:hover, header .dropdown-lang .dropdown-toggle:active, header .dropdown-lang .dropdown-toggle:focus {
  color: #fff;
}
header .dropdown-lang .dropdown-toggle::after {
  margin: 0;
  border: 0;
  background: 0 0;
  margin-left: 6px;
  content: "\e80e";
  font-family: fontello;
  font-size: 12px;
  line-height: 12px;
  width: 12px;
  transition: all 0.3s ease-in-out;
  height: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
header .dropdown-lang .dropdown-toggle.show::after {
  transform: rotate(180deg);
}
header .dropdown-lang .dropdown-toggle:hover {
  color: #ffffff;
}
header.header-fixed {
  transition: background 0.3s ease-in-out;
}
header.header-fixed .dropdown-main .dropdown-menu {
  background: #004a98 !important;
  transition: background 0.3s ease-in-out;
}
@media screen and (max-width: 991px) {
  header.header-fixed .dropdown-main .dropdown-menu {
    background: transparent !important;
  }
}
header.header-fixed .dropdown-main .dropdown-menu::after {
  content: "";
  width: 5000px;
  position: absolute;
  left: -1000px;
  height: 100%;
  right: 0;
  top: 0;
  display: block;
  background: #004a98;
  z-index: -1;
}
@media screen and (max-width: 991px) {
  header.header-fixed .dropdown-main .dropdown-menu::after {
    display: none;
  }
}
header .navbar {
  padding: 0;
  height: 100%;
}
@media screen and (max-width: 991px) {
  header .navbar {
    position: static;
  }
}
header .logotip {
  margin-right: 45px;
  flex-shrink: 0;
  position: relative;
  z-index: 1005;
}
@media screen and (max-width: 1250px) {
  header .logotip {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1200px) {
  header .logotip {
    width: 146px;
    height: 22px;
  }
}
@media screen and (max-width: 991px) {
  header .logotip {
    width: 146px;
    height: 22px;
  }
}
header .header-menu {
  margin-left: 0;
  order: 3;
  margin-top: 32px;
  flex: 1 1 auto;
  gap: 0;
  align-items: flex-start;
  padding-left: 18px;
}
@media screen and (min-width: 992px) {
  header .header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: auto;
    gap: 0;
    margin: 0 auto;
    order: inherit;
    justify-content: space-between;
  }
}
header .header-menu li {
  margin: 0 0 24px 0;
  position: static;
}
header .header-menu li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  header .header-menu li {
    margin: 0;
  }
}
header .header-menu li:last-child {
  margin-right: 0;
}
header .header-menu li:first-child {
  margin-left: 0;
}
header .header-menu li a {
  transition: color 0.3s ease-in-out;
  font-size: 14px;
  line-height: 20px;
  color: #35393a;
  font-weight: 500;
  display: flex;
  align-items: center;
}
header .header-menu li a.ic-about::before {
  content: "\e81d";
}
header .header-menu li a.ic-location::before {
  content: "\e81f";
}
header .header-menu li a.ic-blog::before {
  content: "\e81e";
}
header .header-menu li a.ic-technicum::before {
  content: "\e821";
}
header .header-menu li a.ic-pruducts::before {
  content: "\e820";
}
header .header-menu li a.ic-technology::before {
  content: "\e822";
}
header .header-menu li a.ic-contacts::before {
  content: "\e823";
}
header .header-menu li a::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 24px;
  font-size: 24px;
  background-repeat: no-repeat;
  background-position: top center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  margin-right: 18px;
}
@media screen and (min-width: 992px) {
  header .header-menu li a::before {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  header .header-menu li a {
    color: #ffffff;
  }
}
header .header-menu li a:hover {
  color: #00adbb;
}
@media screen and (max-width: 991px) {
  header .header-menu li a:hover {
    color: #35393a;
  }
}
header .header-menu li a:focus {
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  header .header-menu li a:focus {
    color: #35393a;
  }
}
header .header-menu li a.active {
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  header .header-menu li a.active {
    color: #35393a;
  }
}
header .header-menu li a.dropdown-toggle::after {
  margin: 0;
  border: 0;
  background: 0 0;
  margin-left: 6px;
  content: "\e80e";
  font-family: fontello;
  font-size: 12px;
  line-height: 12px;
  width: 12px;
  transition: all 0.3s ease-in-out;
  height: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
header .header-menu li a.dropdown-toggle.show::after {
  transform: rotate(180deg);
}
header .header-contacts {
  order: 4;
  margin-top: 30px;
  flex-direction: column;
  text-align: center;
  align-self: center;
}
header .header-contacts a {
  font-style: normal;
  font-weight: 500;
  margin-bottom: 11px;
  color: #35393a;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 992px) {
  header .header-contacts a {
    font-size: 18px;
    line-height: 22px;
    color: #ffffff;
  }
}
header .header-contacts a:last-child {
  margin-bottom: 0;
}
header .login {
  cursor: pointer;
  margin: 0;
  position: relative;
  z-index: 1001;
  margin: 0;
  order: 1;
  padding: 24px 0;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
}
@media screen and (min-width: 992px) {
  header .login {
    order: inherit;
    margin: 0 10px;
    border-bottom: 0;
    width: auto;
    padding: 0;
  }
}
@media screen and (min-width: 1250px) {
  header .login {
    margin: 0 10px;
  }
}
header .login .login-icon {
  margin-right: 12px;
  width: 45px;
  height: 45px;
  background-color: #004a98;
  background-image: url("../img/user-icon-1.svg");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: block;
}
@media screen and (min-width: 992px) {
  header .login .login-icon {
    margin-right: 0;
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 991px) {
  header .login .account-profile-name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #35393a;
  }
  header .login .account-profile-email {
    word-wrap: break-word;
    max-width: 200px;
    font-size: 12px;
    line-height: 17px;
    margin-top: 2px;
    color: #35393a;
  }
}
header .btn-shop {
  border: 0;
  border-radius: 0;
  width: 100%;
  max-width: 100%;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  border-radius: 5px;
  transition: filter 0.3s ease-in-out;
  position: relative;
  z-index: 1001;
  padding: 10px 26px 10px 18px;
  height: 48px;
  order: 2;
  margin-top: 24px;
  background: #004a98;
  color: #ffffff;
}
header .btn-shop span {
  color: #fff;
  text-align: center;
  font-family: Helvetica;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .btn-shop i {
  display: none;
}
@media screen and (min-width: 992px) {
  header .btn-shop i {
    display: flex;
  }
}
@media screen and (min-width: 450px) {
  header .btn-shop {
    max-width: 300px;
    height: 48px;
    margin-top: 24px;
  }
}
@media screen and (min-width: 992px) {
  header .btn-shop {
    width: 144px;
    height: 44px;
    display: flex;
    order: inherit;
    margin-top: 0;
    color: #fff;
    border-radius: 0;
    border: 2px solid white;
    border-radius: 2px;
  }
}
@media screen and (max-width: 1250px) {
  header .btn-shop {
    padding: 10px 16px;
  }
}
header .btn-shop .icon-shopping-bag2 {
  background-image: url("../img/shopping-bag-line.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 18px;
  height: 18px;
  margin-right: 22px;
}
header .is-login {
  display: block;
  order: 2;
  margin: 17px 0 0;
  width: 100%;
  max-width: 100%;
}
header .is-login .nav-link {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  height: 48px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #35393a;
  padding: 0 10px;
  margin-bottom: 8px;
  background: transparent;
  transition: all 0.3s ease-in-out;
}
header .is-login .nav-link:hover {
  color: #ffffff;
  background: #004a98;
}
header .is-login .nav-link:hover span::before {
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  header .is-login {
    display: none;
    order: inherit;
  }
}

.cart-icon {
  background-image: url("../img/cart-icon-1.svg") !important;
  transform: translateY(-1px);
}

.header-tel {
  min-width: 120px;
  margin-left: 16px;
}
.header-tel:hover {
  color: white;
  opacity: 0.9;
}
@media screen and (max-width: 1160px) {
  .header-tel {
    display: none;
  }
}

@media screen and (min-width: 991px) {
  nav.navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  top: 39px;
  left: -350px;
  right: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 29px 21px 10px;
}
@media screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: static;
    padding: 16px 21px 0 49px;
    border: 0;
    left: 0;
  }
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list {
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-list li {
    margin-bottom: 18px;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu-list li:last-child {
    margin-bottom: 0;
  }
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list a {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  display: flex;
  align-items: flex-start;
  width: 210px;
  height: 44px;
}
@media screen and (max-width: 1250px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-list a {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-list a {
    font-size: 14px;
    line-height: 20px;
    color: #35393a;
  }
}
@media screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-list a::before {
    display: none !important;
  }
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list a:hover {
  color: #ffffff;
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list a.dropdown-menu-icon::before {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  font-size: 32px;
  margin-right: 12px;
}
@media screen and (max-width: 1250px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-list a.dropdown-menu-icon::before {
    width: 25px;
    height: 25px;
    font-size: 25px;
    margin-right: 8px;
  }
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list a.ventilation::before {
  background-image: url("../img/ventilation.svg");
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list a.liquid::before {
  background-image: url("../img/liquid.svg");
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list a.power::before {
  background-image: url("../img/power.svg");
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list a.pressure::before {
  background-image: url("../img/pressure.svg");
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list a.oil::before {
  background-image: url("../img/oil.svg");
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list2 {
  padding: 0;
  margin-top: 7px;
  max-width: 200px;
  border-top: 1px solid #e8e8e8;
}
@media screen and (max-width: 1250px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-list2 {
    max-width: 170px;
  }
}
@media screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-list2 {
    max-width: 450px;
  }
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list2 li {
  margin: 0;
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list2 li a {
  padding: 7px 0;
  font-size: 13px;
  line-height: 17px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu-list2 li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu-list2 li a {
    font-size: 13px;
    line-height: 18px;
  }
}

.navbar-toggler {
  border: 0;
  z-index: 10;
}
.navbar-toggler .icon-bar {
  width: 23px;
  height: 2px;
  margin-bottom: 3px;
  background-color: #fff;
  display: block;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.navbar-toggler .icon-bar :nth-of-type(3) {
  top: 2px;
}
.navbar-toggler .icon-bar :nth-of-type(2) {
  top: 1px;
}
.navbar-toggler .icon-bar:last-child {
  margin-bottom: 0;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler.active .icon-bar:nth-of-type(1) {
  top: 4px;
  transform: rotate(45deg);
}
.navbar-toggler.active .icon-bar:nth-of-type(2) {
  background-color: transparent;
}
.navbar-toggler.active .icon-bar:nth-of-type(3) {
  top: -6px;
  transform: rotate(-45deg);
}

.overlay_scroll {
  display: flex;
  overflow: hidden;
  overflow-y: scroll;
  height: 100%;
  flex-direction: column;
  padding: 0 18px;
  width: 100%;
  background: #ffffff;
  align-items: flex-start;
  position: relative;
  z-index: 1;
  padding: 0 20px 60px;
  color: #35393a;
}
@media screen and (min-width: 992px) {
  .overlay_scroll {
    height: inherit;
    overflow: inherit;
    background: none;
    flex-direction: inherit;
    padding: 0;
    align-items: center;
  }
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  min-height: 100vh;
  padding: 38px 0 0;
}

@media screen and (min-width: 992px) {
  .navbar-collapse {
    padding: 0;
    position: static;
    min-height: inherit;
    background: 0 0;
    display: flex !important;
    flex-basis: auto;
  }
}
.login-icon {
  flex-shrink: 0;
}

.account-profile-name a {
  color: #35393a;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.account-profile-name span {
  margin: 0 10px;
  font-size: 24px;
  font-weight: 300;
}

@media (min-width: 992px) {
  .login-burger {
    display: none;
  }
}
.main {
  background: #002236;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .main::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: radial-gradient(43.93% 61.46% at 52.57% 10.29%, rgba(3, 39, 57, 0.71) 0%, #032739 100%);
    z-index: 1;
  }
}
.main::after {
  content: "";
  background-image: url("../img/bg_main.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 860px;
  height: 600px;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 1921px) {
  .main::after {
    right: 15%;
  }
}
@media screen and (min-width: 2561px) {
  .main::after {
    right: 20%;
  }
}
@media screen and (min-width: 3000px) {
  .main::after {
    right: 27%;
  }
}
@media screen and (max-width: 992px) {
  .main::after {
    background-position: top right -260px;
  }
}
@media screen and (max-width: 992px) {
  .main {
    height: auto;
    text-align: center;
    padding-bottom: 48px;
  }
}
.main .container {
  height: 100%;
}
@media screen and (max-width: 992px) {
  .main .container {
    padding: 0;
  }
}
.main-btn {
  margin-top: 80px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  .main-btn {
    margin-top: 40px;
  }
}
.main-content {
  position: relative;
  width: 100%;
  padding-top: 160px;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1550px) {
  .main-content {
    padding-top: 140px;
  }
}
@media screen and (max-width: 992px) {
  .main-content {
    padding-top: 108px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding: 108px 15px 0;
  }
}
@media screen and (max-width: 768px) {
  .main-content {
    padding-top: 170px;
  }
}
.main-content .subtitle {
  font-weight: 400;
}
.main-partner {
  margin-top: 75px;
  background: rgba(0, 0, 0, 0.5);
  mix-blend-mode: normal;
  border-radius: 10px;
  padding: 39px 31px 39px 48px;
  max-width: 611px;
  width: 100%;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 1550px) {
  .main-partner {
    margin-top: 50px;
    max-width: 600px;
  }
}
@media screen and (max-width: 1250px) {
  .main-partner {
    padding: 39px 20px 39px 35px;
  }
}
@media screen and (max-width: 768px) {
  .main-partner {
    padding: 30px 0 45px;
    flex-direction: column;
    margin: 24px auto 0;
  }
  .main-partner button {
    margin-top: 21px;
  }
}
.main-partner p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .main-partner p {
    font-size: 16px;
    line-height: 22px;
  }
}

.main-category {
  bottom: -65px;
  width: 50%;
  margin-left: -120px;
  margin-right: -120px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  .main-category {
    width: 100%;
    margin: 0;
    bottom: 0;
    margin-top: 60px;
  }
}
.main-category .swiper-button-disabled {
  display: flex !important;
}
.main-category .swiper-button-prev {
  position: static;
  width: 42px;
  height: 42px;
  background-color: transparent;
  border-radius: 50%;
  transform: rotate(180deg);
  top: 30%;
  left: 3%;
  color: #6f6f6f;
  border: 1px solid #6f6f6f;
}
.main-category .swiper-button-next {
  position: static;
  width: 42px;
  height: 42px;
  background-color: transparent;
  border-radius: 50%;
  top: 30%;
  right: 3%;
  flex-shrink: 0;
  color: #6f6f6f;
  border: 1px solid #6f6f6f;
}

.main-arrows {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .main-arrows {
    display: none;
  }
}
.main-arrows .swiper-button-next {
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.main-arrows .swiper-button-next:hover {
  border: 1px solid #004a98;
  color: #004a98;
}
.main-arrows .swiper-button-prev {
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.main-arrows .swiper-button-prev:hover {
  border: 1px solid #004a98;
  color: #004a98;
}
.main-arrows > div {
  display: flex;
  align-items: center;
  gap: 11px;
}
.main-arrows p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
  color: #6f6f6f;
  text-transform: uppercase;
  margin-left: 24px;
}

.main-info {
  width: 60%;
}
@media screen and (max-width: 992px) {
  .main-info {
    width: 100%;
  }
}

.main-swiper {
  padding-bottom: 25px;
}
@media screen and (max-width: 992px) {
  .main-swiper {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.main-swiper-item img {
  display: block;
}

.swiper .swiper-pagination-progressbar {
  background: #6f6f6f;
  top: auto;
  bottom: 0;
  width: 100%;
  margin: auto;
  left: 0;
  position: absolute;
  right: 0;
}

.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #004a98;
}

@media (min-width: 1700px) and (max-width: 1920px) {
  .main-container {
    display: flex;
    align-items: center;
  }
  .main-content {
    padding-top: 0;
  }
}
@media screen and (min-width: 1921px) {
  .main {
    height: auto;
    padding-bottom: 160px;
  }
}
@media screen and (min-height: 800px) {
  .main {
    height: auto;
    padding-top: 160px;
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1380px) {
  .main {
    height: auto;
    padding-bottom: 160px;
  }
}
.video-section {
  padding: 120px 0;
  background: #f2f2f2;
}
@media screen and (max-width: 768px) {
  .video-section {
    padding: 60px 0;
  }
}
.video-section-wrapper {
  position: relative;
  height: 100%;
  max-height: 610px;
  max-width: 1080px;
  margin: 0 auto;
  border-radius: 20px;
}
.video-section-wrapper video {
  width: 100%;
  border-radius: 20px;
}
.video-section-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 10px solid #000000;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.video-section-body::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(1, 23, 34, 0.7), rgba(1, 23, 34, 0.7));
}
.video-section-body.active {
  background: transparent;
}
.video-section-play {
  background-image: url("../img/play.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 137px;
  height: 137px;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.video-section-play:hover {
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  .video-section-play {
    width: 54px;
    height: 54px;
    background-size: cover;
  }
}
.video-section-info {
  text-align: center;
  margin-top: 40px;
  z-index: 1;
}
.video-section-info h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 42px;
  text-transform: uppercase;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .video-section-info h2 {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .video-section-info {
    margin-top: 31px;
  }
}
@media screen and (max-width: 500px) {
  .video-section-info {
    margin-top: 10px;
  }
  .video-section-info h2 {
    padding: 0 15px;
  }
  .video-section-info h2 br {
    display: none;
  }
}
.video-section-info .subtitle {
  max-width: 563px;
  width: 100%;
}

.gallery-video .video-section-play {
  background-image: url("../img/play.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 54px;
  height: 54px;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}

.video-modal {
  overflow: scroll;
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.video-modal-content {
  position: relative;
  width: 1100px;
  height: auto;
  background-color: #000000;
}
@media screen and (max-width: 1024px) {
  .video-modal-content {
    width: 600px;
  }
}
@media screen and (max-width: 768px) {
  .video-modal-content {
    border-radius: 5px;
  }
}
.video-modal-content .close-icon {
  position: absolute;
  right: 10px;
  top: -34px;
  font-size: 24px;
  cursor: pointer;
}
.video-modal-content .close-icon:hover {
  transform: scale(1.1);
}

.opportunities {
  padding: 140px 0;
  height: auto;
}
.opportunities h2 {
  font-size: 63px;
  line-height: 82px;
  text-transform: uppercase;
}
@media screen and (max-width: 1250px) {
  .opportunities h2 {
    font-size: 60px;
    line-height: 64px;
  }
}
@media screen and (max-width: 992px) {
  .opportunities h2 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  .opportunities h2 {
    text-align: center;
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 768px) {
  .opportunities {
    padding: 60px 0;
  }
  .opportunities .subtitle {
    text-align: center;
  }
  .opportunities .subtitle br {
    display: none;
  }
  .opportunities .box-inners {
    margin-top: 32px;
  }
}
.opportunities .box-item .opp1 {
  background-image: url("../img/opp1.svg");
}
.opportunities .box-item .opp2 {
  background-image: url("../img/opp2.webp");
}
.opportunities .box-item .opp3 {
  background-image: url("../img/opp3.webp");
}
.opportunities .box-item .opp4 {
  background-image: url("../img/opp4.svg");
}

.about {
  height: auto;
  background: #004a98;
}
.about-inners {
  display: flex;
  align-items: stretch;
  margin-top: 56px;
}
@media screen and (max-width: 992px) {
  .about-inners {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .about-inners {
    margin-top: 32px;
  }
}
.about-item {
  padding: 42px 40px 33px;
  text-align: center;
  position: relative;
}
.about-item:after {
  content: "";
  width: 1px;
  height: 80%;
  background: rgba(232, 232, 232, 0.7);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.about-item:last-child::after {
  display: none;
}
@media screen and (max-width: 768px) {
  .about-item:first-child::after {
    top: auto;
  }
  .about-item:first-child::before {
    content: "";
    width: 80%;
    height: 1px;
    background: rgba(232, 232, 232, 0.7);
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .about-item:nth-child(2)::after {
    display: none;
  }
  .about-item:nth-child(2)::before {
    content: "";
    width: 80%;
    height: 1px;
    background: rgba(232, 232, 232, 0.7);
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .about-item:nth-child(3)::after {
    bottom: auto;
  }
}
@media screen and (max-width: 992px) {
  .about-item {
    padding: 45px 10px 30px;
    width: 25%;
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 768px) {
  .about-item {
    padding: 24px 20px 24px 37px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.about-item-number {
  font-weight: 700;
  font-size: 63px;
  line-height: 82px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #ffffff;
}
.about-item-number:after {
  content: "";
  width: 54px;
  height: 3px;
  background: #93d500;
  display: block;
  margin: 0 auto;
}
.about-item-number.agv:after {
  background: #93d500;
}
.about-item-number.ohw:after {
  background: #FFB600;
}
.about-item-number.marine:after {
  background: #00ADBB;
}
@media screen and (max-width: 1250px) {
  .about-item-number {
    font-size: 60px;
    line-height: 70px;
  }
}
@media screen and (max-width: 992px) {
  .about-item-number {
    font-size: 45px;
    line-height: 55px;
  }
}
@media screen and (max-width: 768px) {
  .about-item-number {
    font-size: 30px;
    line-height: 42px;
  }
}
.about-item-subtext {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  margin-top: 10px;
}
@media screen and (max-width: 1250px) {
  .about-item-subtext {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 768px) {
  .about-item-subtext {
    font-size: 16px;
    line-height: 24px;
  }
  .about-item-subtext br {
    display: none;
  }
}

.technologies {
  padding: 140px 0 0;
  height: auto;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .technologies {
    padding: 60px 0;
  }
}
.technologies .subtitle {
  color: #35393a;
}
.technologies-media {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .technologies-media {
    margin-top: 30px;
  }
}
.technologies-btn {
  margin: 70px auto 0;
}
@media screen and (max-width: 768px) {
  .technologies-btn {
    margin: 40px auto 0;
  }
}

.reviews {
  padding: 140px 0;
  background-image: url("../img/bg_reviews.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .reviews {
    padding: 60px 0 50px;
  }
  .reviews h2 {
    padding-left: 15px;
  }
}
.reviews-video {
  overflow: hidden;
}
.reviews-video span {
  background-image: url("../img/play.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 54px;
  height: 54px;
  position: absolute;
  margin: auto;
  display: block;
  top: -10px;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .reviews-video span {
    width: 48px;
    height: 48px;
  }
}
.reviews-swiper {
  margin-top: 56px;
  padding-left: 10%;
  position: relative;
  padding-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .reviews-swiper {
    margin-top: 24px;
    padding-left: 15px;
  }
}
.reviews-swiper-item {
  width: 100%;
  height: 100%;
  max-width: 503px;
  display: flex;
  flex-direction: column;
}
.reviews-swiper-item video {
  height: 100%;
  width: 100%;
}
.reviews-name {
  color: #ffffff;
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .reviews-name {
    margin-top: 16px;
  }
}
.reviews-text {
  margin-top: 12px;
  max-width: 390px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .reviews-text {
    font-size: 14px;
    line-height: 20px;
    margin-top: 6px;
  }
}

.partners {
  padding: 140px 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .partners {
    padding: 60px 0;
  }
}
.partners-more {
  margin: 48px auto 0;
}
.partners-block {
  margin-top: 56px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .partners-block {
    margin-top: 24px;
    flex-direction: column;
  }
}
.partners-inners {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .partners-inners {
    justify-content: center;
  }
}
.partners-item {
  max-width: 292px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(111, 111, 111, 0.2);
  padding: 36px 15px 32px 40px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-start;
}
@media screen and (max-width: 1360px) {
  .partners-item {
    max-width: 31%;
  }
}
@media screen and (max-width: 1250px) {
  .partners-item {
    padding: 32px 15px 24px;
  }
}
@media screen and (max-width: 992px) {
  .partners-item {
    max-width: 47%;
  }
}
@media screen and (max-width: 768px) {
  .partners-item {
    height: auto;
    padding: 31px 60px;
  }
}
@media screen and (max-width: 576px) {
  .partners-item {
    max-width: 100%;
  }
  .partners-item:nth-child(n+4) {
    display: none;
  }
}
.partners-item-link {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #35393a;
}
.partners-item-link:hover {
  color: #35393a;
}
.partners-item-link:hover .icon-arrow-right {
  color: #004a98;
}
@media screen and (max-width: 768px) {
  .partners-item-link {
    margin-top: 18px;
  }
}
.partners-item-link .icon-arrow-right {
  color: #fff;
}
.partners-item img {
  max-width: 166px;
}
.partners-item-info {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .partners-item-info {
    margin-top: 12px;
  }
}
.partners-item-info a {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #35393a;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  transition: all 0.3s ease-in-out;
}
.partners-item-info a::before {
  content: "";
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 21px;
  height: 22px;
  display: inline-block;
  margin-right: 8px;
  flex-shrink: 0;
  background-size: contain;
}
.partners-item-name {
  text-transform: uppercase;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .partners-item-name {
    margin-bottom: 0;
  }
}
.partners-search {
  width: 300px;
  margin-right: 24px;
  flex-shrink: 0;
  background: rgba(111, 111, 111, 0.2);
  border-radius: 10px;
  padding: 33px 21px;
}
@media screen and (max-width: 992px) {
  .partners-search {
    width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .partners-search {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.partners-search-sub {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .partners-search-sub {
    font-size: 12px;
    line-height: 17px;
  }
}
.partners-search-group {
  position: relative;
}
.partners-search-group input {
  background: #ffffff;
  border: 0;
  border-radius: 4px;
  height: 48px;
  width: 100%;
  padding: 0 20px;
}
.partners-search-group input:focus {
  outline: 0;
  box-shadow: none;
}
.partners-search-group.active .partners-search-hidden {
  display: block;
}
.partners-search-group.active .icon-remove {
  display: block;
}
.partners-search-hidden {
  height: 162px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0;
  border-radius: 0 0 4px 4px;
  color: #ffffff;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  z-index: 5;
  display: none;
}
.partners-search-item {
  height: 48px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #35393a;
}
.partners-search-item:hover {
  background: #004a98;
  color: #ffffff;
}
.partners-content {
  width: 100%;
}
.partners-phone {
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .partners-phone {
    margin-bottom: 8px;
  }
}
.partners-phone::before {
  background-image: url("../img/icon-phone.svg");
}
.partners-email::before {
  background-image: url("../img/icon-email.svg");
}

.hide {
  display: none !important;
}

.icon-remove {
  background-image: url("../img/search-remove.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 16px;
  cursor: pointer;
  display: none;
}

.technicum {
  padding: 140px 0;
  overflow: hidden;
  height: auto;
}
.technicum .swiper-slide {
  height: auto;
}
@media screen and (min-width: 768px) {
  .technicum .swiper-slide {
    margin: 0 11px;
  }
}
@media screen and (max-width: 768px) {
  .technicum {
    padding: 60px 0;
  }
  .technicum h2 {
    padding: 0;
  }
  .technicum .subtitle {
    padding: 0 50px;
  }
  .technicum .swiper-wrapper {
    padding-bottom: 20px;
  }
  .technicum-swiper {
    margin: 0 -15px;
    padding: 0 15px;
  }
}
@media screen and (max-width: 768px) {
  .technicum .swiper {
    margin: 0 -15px;
    padding: 0 15px;
  }
}
.technicum-inners {
  margin: 56px -11px 0;
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 2;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .technicum-inners {
    margin: 28px 0;
  }
}
.technicum-item {
  max-width: 400px;
  width: 100%;
  border: 1px solid #35393a;
  border-radius: 8px;
  padding: 21px 21px 33px;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .technicum-item {
    margin: 0;
    padding: 12px;
  }
}
.technicum-item img {
  aspect-ratio: 1.3/1;
  display: block;
  background: linear-gradient(0deg, rgba(1, 23, 34, 0.3), rgba(1, 23, 34, 0.3));
}
.technicum-item-title {
  margin-top: 26px;
}
@media screen and (max-width: 992px) {
  .technicum-item-title {
    margin-top: 12px;
  }
}
.technicum-item-text {
  margin-top: 12px;
}
@media screen and (max-width: 992px) {
  .technicum-item-text {
    margin-top: 6px;
  }
}
.technicum-btn {
  margin: 56px auto 0;
}
@media screen and (max-width: 768px) {
  .technicum-btn {
    margin: 9px auto 0;
  }
}

.news {
  padding: 140px 0;
  overflow: hidden;
  background-image: url("../img/bg_news.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .news .swiper-slide {
    width: auto;
    flex-shrink: 1;
  }
  .news .swiper-wrapper {
    width: auto;
    display: grid;
    grid-gap: 24px;
    grid-template-areas: "swipe1 swipe2" "swipe1 swipe3" "swipe1 swipe4";
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
  }
  .news .swiper-wrapper .swiper-slide:first-child {
    grid-area: swipe1;
  }
  .news .swiper-wrapper .swiper-slide:nth-child(2) {
    grid-area: swipe2;
  }
  .news .swiper-wrapper .swiper-slide:nth-child(3) {
    grid-area: swipe3;
  }
  .news .swiper-wrapper .swiper-slide:nth-child(4) {
    grid-area: swipe4;
  }
}
@media screen and (max-width: 768px) {
  .news {
    padding: 60px 0;
  }
  .news .swiper-wrapper {
    padding-bottom: 40px;
  }
  .news .news-swiper {
    padding: 0 15px;
    margin: 0 -15px;
  }
}
.news .tab-content {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .news .tab-content {
    margin-top: 23px;
  }
}
.news-block {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .news-block {
    margin-top: 16px;
  }
}
.news-block-big img {
  margin-bottom: 22px;
  display: block;
  max-width: 606px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .news-block-big img {
    max-width: 606px;
    width: 100%;
    margin-bottom: 0;
  }
}
.news-block-small {
  display: flex;
  align-items: flex-start;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .news-block-small {
    flex-direction: column;
    margin-bottom: 0;
  }
}
.news-block-small img {
  max-width: 292px;
  display: block;
}
@media screen and (max-width: 1250px) {
  .news-block-small img {
    max-width: 200px;
  }
}
@media screen and (max-width: 768px) {
  .news-block-small img {
    max-width: 100%;
    width: 100%;
  }
}
.news-block-small .block-info {
  margin-left: 24px;
  padding-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .news-block-small .block-info {
    margin-left: 0;
  }
}
.news-tabs {
  padding-right: 250px;
}
@media screen and (max-width: 768px) {
  .news-tabs {
    padding-right: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 -15px;
    padding: 0 15px;
  }
  .news-tabs::-webkit-scrollbar {
    display: none;
  }
}
.news-tabs button {
  flex-shrink: 0;
  width: max-content;
  height: 61px;
  background: transparent;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  border: 0;
  border-radius: 6px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .news-tabs button {
    height: 49px;
    font-size: 12px;
    line-height: 17px;
  }
}
.news-tabs button.active {
  background: #004a98;
  color: #fff;
}
.news-title {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
@media screen and (max-width: 1250px) {
  .news-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 768px) {
  .news-title {
    margin-top: 16px;
    font-size: 20px;
    line-height: 24px;
  }
}
.news-text {
  margin-bottom: 24px;
  max-width: 450px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
@media screen and (max-width: 1250px) {
  .news-text {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 768px) {
  .news-text {
    font-size: 15px;
    line-height: 21px;
    -webkit-line-clamp: 4;
    padding-right: 20px;
  }
}
.news-btn-all {
  height: 48px;
  padding: 0 32px;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .news-btn-all {
    display: flex;
    height: 54px;
    max-width: 200px;
    position: static;
    margin: 15px auto 0;
    padding: 0 15px;
  }
}

.news-swiper::after,
.news-swiper::before {
  display: none;
}

.join {
  padding: 66px 0 0;
  overflow: hidden;
  background-image: url("../img/bg_join.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: auto;
}
.join h2 {
  color: #fff;
  font-size: 63px;
  line-height: 82px;
}
@media screen and (max-width: 1250px) {
  .join h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .join h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 768px) {
  .join {
    padding: 60px 0 0;
  }
}
.join-inners {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .join-inners {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 0 -15px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .join-info {
    padding: 0 15px;
  }
}
.join-info button {
  margin-top: 64px;
}
@media screen and (max-width: 992px) {
  .join-info button {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .join-info button {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5;
    padding: 0 20px;
    max-width: 250px;
  }
}
.join-media {
  max-width: 485px;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .join-media {
    margin: 27px 0 0;
    position: relative;
    max-width: 100%;
    width: 100%;
    padding-bottom: 50px;
  }
  .join-media::after {
    content: "";
    height: 175px;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    display: block;
    background: linear-gradient(180deg, rgba(22, 42, 65, 0) 0%, rgba(22, 42, 65, 0.95) 47.61%);
    z-index: 1;
  }
}
.join-media img {
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .join-media img {
    max-width: 274px;
    width: 100%;
    margin: 0 auto;
  }
}

.about-top {
  padding-bottom: 200px;
  background-image: url("../img/bg_about.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
@media screen and (min-width: 1921px) {
  .about-top {
    display: flex;
    align-items: center;
    height: 80vh;
  }
}
@media screen and (max-width: 768px) {
  .about-top {
    text-align: center;
    background-image: url("../img/bg_about_mob.webp");
    padding-bottom: 0;
    padding-top: 50px;
  }
  .about-top-img {
    display: block;
    margin-top: 50px;
  }
}
.about-top h1 {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .about-top h1 {
    margin-top: 0;
  }
}
.about-top .subtitle {
  margin-top: 48px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .about-top .subtitle {
    margin-top: 12px;
    max-width: 100%;
  }
}

.about-mission {
  padding: 140px 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .about-mission {
    padding: 60px 0 30px;
  }
}
.about-mission-inners {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 992px) {
  .about-mission-inners {
    flex-direction: column-reverse;
    align-items: center;
  }
}
.about-mission-media {
  max-width: 628px;
  border-radius: 10px;
  margin-right: 76px;
  flex-shrink: 0;
}
@media screen and (max-width: 1150px) {
  .about-mission-media {
    max-width: 550px;
    margin-right: 50px;
  }
}
@media screen and (max-width: 992px) {
  .about-mission-media {
    max-width: 550px;
    margin-right: 0;
    margin-top: 24px;
  }
}
.about-mission-media img {
  border-radius: 10px;
}
.about-mission h2 {
  margin-bottom: 22px;
}
@media screen and (max-width: 992px) {
  .about-mission h2 {
    text-align: center;
    margin-bottom: 16px;
  }
  .about-mission h2 + p {
    text-align: center;
  }
  .about-mission h2 br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .about-mission h2 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 768px) {
  .about-mission-info {
    margin-top: 0;
  }
}
.about-mission-info p {
  font-size: 20px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .about-mission-info p {
    font-size: 14px;
    line-height: 20px;
  }
}

.about-who {
  background: transparent;
}

.about-who {
  padding: 10px 0 70px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .about-who {
    padding: 30px 0 0;
  }
}
.about-who .subtitle {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.about-who-inners {
  display: flex;
  align-items: stretch;
  margin-top: 56px;
  background: #004a98;
}
@media screen and (max-width: 992px) {
  .about-who-inners {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .about-who-inners {
    margin-top: 32px;
  }
}
.about-who-item {
  padding: 92px 40px 77px;
  text-align: center;
  position: relative;
}
.about-who-item:after {
  content: "";
  width: 1px;
  height: 80%;
  background: rgba(232, 232, 232, 0.7);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .about-who-item:after {
    display: none;
  }
}
.about-who-item:last-child::after {
  display: none;
}
@media screen and (max-width: 1360px) {
  .about-who-item {
    padding: 92px 20px 77px;
  }
}
@media screen and (max-width: 1250px) {
  .about-who-item {
    padding: 45px 10px 30px;
  }
}
@media screen and (max-width: 992px) {
  .about-who-item {
    padding: 45px 10px 30px;
    width: 30%;
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 768px) {
  .about-who-item {
    padding: 24px 20px 23px 16px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
  }
  .about-who-item > div {
    width: 110px;
    flex-shrink: 0;
    margin-right: 35px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .about-who-item > div {
    width: 116px;
    margin-right: 44px;
  }
}
.about-who-item-number {
  font-weight: 700;
  font-size: 63px;
  line-height: 82px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #ffffff;
}
.about-who-item-number:after {
  content: "";
  width: 54px;
  height: 3px;
  background: #93d500;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 1250px) {
  .about-who-item-number {
    font-size: 60px;
    line-height: 70px;
  }
}
@media screen and (max-width: 992px) {
  .about-who-item-number {
    font-size: 45px;
    line-height: 55px;
  }
}
@media screen and (max-width: 768px) {
  .about-who-item-number {
    font-size: 30px;
    line-height: 42px;
  }
}
.about-who-item-subtext {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #ffffff;
  margin-top: 10px;
}
@media screen and (max-width: 1250px) {
  .about-who-item-subtext {
    font-size: 20px;
    line-height: 26px;
  }
}
@media screen and (max-width: 768px) {
  .about-who-item-subtext {
    font-size: 16px;
    line-height: 24px;
  }
  .about-who-item-subtext br {
    display: none;
  }
}
.about-who-item-description {
  margin-top: 16px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .about-who-item-description {
    font-size: 14px;
    line-height: 21px;
    text-align: left;
    margin-top: 0;
  }
}

.about-who-item:first-child .about-who-item-number::after,
.about-who-item:last-child .about-who-item-number::after {
  background: #00adbb;
}

.team {
  padding: 70px 0 140px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .team {
    padding: 60px 0 50px;
  }
  .team h2 {
    padding-left: 15px;
  }
  .team .subtitle {
    padding-left: 15px;
  }
}
.team-swiper {
  margin-top: 56px;
  padding-left: 10%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .team-swiper {
    padding-left: 15px;
    margin-top: 24px;
  }
}
.team-swiper-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.team-swiper-item img {
  display: block;
  border-radius: 2px;
}
.team-inners {
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .team-inners {
    padding-bottom: 50px;
  }
}
.team h3 {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .team h3 {
    margin-top: 10px;
  }
}
.team p {
  margin-top: 6px;
  padding-right: 34px;
}
@media screen and (max-width: 992px) {
  .team p {
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .team p {
    margin-top: 6px;
    font-size: 15px;
    line-height: 22px;
  }
}

.award {
  padding: 140px 0;
  background-image: url("../img/bg_award.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .award {
    padding: 60px 0;
  }
}
.award-inners {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .award-inners {
    flex-direction: column;
  }
}
.award-info {
  max-width: 540px;
  flex-shrink: 0;
  margin-right: 85px;
}
@media screen and (max-width: 1250px) {
  .award-info {
    max-width: 420px;
    margin-right: 50px;
  }
}
@media screen and (max-width: 992px) {
  .award-info {
    margin-right: 0;
    text-align: center;
  }
}
.award-info p {
  margin-top: 40px;
  max-width: 320px;
  font-size: 20px;
  line-height: 28px;
}
@media screen and (max-width: 776px) {
  .award-info p {
    margin-top: 16px;
    max-width: 100%;
  }
}
.award-stat {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .award-stat {
    margin-top: 30px;
  }
}
@media screen and (max-width: 600px) {
  .award-stat {
    flex-direction: column;
    gap: 24px;
  }
}
.award-stat-item {
  max-width: 258px;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 600px) {
  .award-stat-item {
    display: flex;
    align-items: flex-start;
    text-align: left;
    max-width: 100%;
  }
}
.award-stat-item h3 {
  margin-top: 21px;
  font-size: 20px;
  line-height: 27px;
  color: #ffffff;
  text-transform: uppercase;
}
@media screen and (max-width: 600px) {
  .award-stat-item h3 {
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
  }
}
.award-stat-item img {
  display: block;
  margin: 0 auto;
}
.award-stat-item p {
  margin-top: 9px;
}
@media screen and (max-width: 768px) {
  .award-stat-item p {
    margin-top: 12px;
  }
}
.award-stat-media {
  width: 258px;
  height: 258px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  border-radius: 8px;
  padding: 10px;
}
@media screen and (max-width: 600px) {
  .award-stat-media {
    width: 160px;
    height: 160px;
    padding: 6px;
    margin-right: 24px;
  }
}

.about-partners {
  padding: 140px 0;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .about-partners {
    padding: 60px 0 50px;
  }
  .about-partners .logo-swiper {
    margin: 0 -15px;
    padding: 0 15px 30px;
  }
  .about-partners h2 br {
    display: none;
  }
}
.about-partners-inners {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 56px -12px 0;
}
@media screen and (max-width: 768px) {
  .about-partners-inners {
    margin: 24px 0 0;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
}
.about-partners-item {
  max-width: 290px;
  cursor: pointer;
  margin: 0 12px 30px;
  position: relative;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .about-partners-item {
    margin: 0;
  }
}
.about-partners-item:hover .about-partners-hidden {
  display: block;
}
.about-partners-item img {
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.about-partners-item img:hover {
  opacity: 1;
}
.about-partners-hidden {
  position: absolute;
  top: -130px;
  left: 50%;
  background-image: url("../img/bg_hidden.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 227px;
  height: 136px;
  padding: 22px 10px 0 30px;
  display: none;
  z-index: 6;
}
@media screen and (max-width: 1400px) {
  .about-partners-hidden {
    left: 10%;
  }
}
@media screen and (max-width: 768px) {
  .about-partners-hidden {
    left: 5%;
    top: -110px;
    width: 197px;
    height: 118px;
    padding: 10px 10px 0 10px;
    z-index: 6;
  }
}
.about-partners-name {
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .about-partners-name {
    font-size: 17px;
    line-height: 22px;
  }
}
.about-partners-address {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  margin: 12px 0 5px;
}
@media screen and (max-width: 768px) {
  .about-partners-address {
    font-size: 15px;
    line-height: 19px;
    margin: 5px 0 3px;
  }
}
.about-partners-link {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  text-decoration-line: underline;
  color: #343535;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .about-partners-link {
    font-size: 15px;
    line-height: 19px;
  }
}
.about-partners-link:hover {
  opacity: 1;
  color: #343535;
}

.logo-swiper {
  overflow: visible;
  z-index: 6;
}

.about-join {
  padding: 140px 0;
  overflow: hidden;
  background-image: url("../img/bg_about_join.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .about-join {
    padding: 60px 0;
  }
}
.about-join button {
  margin: 48px auto 0;
}
@media screen and (max-width: 768px) {
  .about-join button {
    margin: 32px auto 0;
  }
}

.wherebuy-partners {
  padding: 70px 0 100px;
}
@media screen and (max-width: 768px) {
  .wherebuy-partners {
    padding: 30px 0 60px;
  }
}
.wherebuy-partners .tab-content {
  width: 100%;
}

.where_bg {
  background: #F2F2F2;
}
.where_bg .subtitle {
  color: #35393A;
}
.where_bg h1 {
  font-size: 50px;
  line-height: 68px;
  color: #35393A;
}
@media screen and (max-width: 1250px) {
  .where_bg h1 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .where_bg h1 {
    font-size: 24px;
    line-height: 34px;
  }
  .where_bg h1 br {
    display: none;
  }
}

.dealer {
  padding: 85px 0 70px;
  position: relative;
  overflow: hidden;
}
.dealer .container {
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .dealer {
    padding: 35px 0 30px;
  }
}
.dealer h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .dealer h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
.dealer-inners {
  margin: 24px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 992px) {
  .dealer-inners {
    margin: 56px -12px 0;
    flex-direction: row;
    align-items: stretch;
  }
}
.dealer-item {
  padding: 26px 26px 26px 16px;
  max-width: 397px;
  width: 100%;
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  background: #ffffff;
  margin: 0 0 16px 0;
  position: relative;
  z-index: 1;
}
.dealer-item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .dealer-item {
    margin: 0 12px;
    padding: 40px 20px;
  }
  .dealer-item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .dealer-item {
    display: flex;
    align-items: flex-start;
    text-align: left;
  }
  .dealer-item h3 br {
    display: none;
  }
  .dealer-item-img {
    margin-right: 24px;
    width: 40px;
    height: 40px;
  }
}
.dealer-item .box-info {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .dealer-item .box-info {
    margin-top: 0;
  }
}
.dealer-btn {
  margin: 48px auto 0;
}
@media screen and (max-width: 992px) {
  .dealer-btn {
    margin: 40px auto 0;
  }
}

.technologies-top {
  background-image: url("../img/bg_technologies.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding-bottom: 140px;
}
@media screen and (max-width: 992px) {
  .technologies-top {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 768px) {
  .technologies-top {
    padding-bottom: 0;
    text-align: center;
    background: none;
    padding-top: 0;
  }
  .technologies-top-mob {
    background-image: url("../img/bg_technologies_mob.webp");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 40px 0 50px;
  }
  .technologies-top-img {
    display: block;
    width: 100%;
  }
}
.technologies-top h1 {
  font-size: 50px;
  line-height: 68px;
}
@media screen and (max-width: 992px) {
  .technologies-top h1 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .technologies-top h1 {
    font-size: 30px;
    line-height: 42px;
  }
  .technologies-top h1 br {
    display: none;
  }
}
.technologies-top-info {
  max-width: 560px;
  flex-shrink: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .technologies-top-info {
    max-width: 100%;
  }
}
.technologies-top .btn {
  margin-top: 70px;
}
@media screen and (max-width: 992px) {
  .technologies-top .btn {
    margin-top: 40px;
  }
}

#modal-video .container {
  max-width: 100%;
  margin: auto;
  padding: 0;
  height: auto;
}
#modal-video.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  overflow: auto;
}
#modal-video.modal-overlay .close-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: 0.2s linear;
  z-index: 2;
  cursor: pointer;
  transform: rotate(45deg);
}
#modal-video.modal-overlay .close-button::before {
  content: "";
  height: 36px;
  width: 3px;
  background: #fff;
  display: inline-block;
  position: relative;
  left: 20px;
  top: 9px;
}
#modal-video.modal-overlay .close-button::after {
  content: "";
  width: 36px;
  height: 3px;
  background: #fff;
  display: inline-block;
  position: relative;
  bottom: 7px;
}
#modal-video .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  text-align: center;
}
#modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#modal-video .modal-content {
  padding: 0;
  background: transparent;
  position: static;
}

.productivity {
  padding: 140px 0;
  overflow: hidden;
  background: #F2F2F2;
}
@media screen and (max-width: 992px) {
  .productivity {
    padding: 60px 0;
  }
}
@media screen and (max-width: 768px) {
  .productivity h2 br {
    display: none;
  }
}
.productivity h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .productivity h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
.productivity-inners {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .productivity-inners {
    margin-top: 30px;
  }
}
.productivity .box-info p {
  margin-top: 22px;
}
@media screen and (max-width: 768px) {
  .productivity .box-info p {
    margin-top: 10px;
  }
}

.technologie-categories {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .technologie-categories {
    padding: 10px 0;
  }
}
.technologie-categories-item {
  padding: 100px 0;
  position: relative;
}
@media screen and (max-width: 992px) {
  .technologie-categories-item {
    padding: 70px 0;
  }
}
@media screen and (max-width: 768px) {
  .technologie-categories-item {
    padding: 50px 0;
  }
}
.technologie-categories-item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 1px;
  background: #e8e8e8;
}
@media screen and (max-width: 768px) {
  .technologie-categories-item:not(:last-child)::after {
    width: 100%;
  }
}
.technologie-categories-item span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.technologie-categories-item span i:before {
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
}
@media screen and (max-width: 768px) {
  .technologie-categories-item span i:before {
    width: 25px;
    height: 25px;
    font-size: 25px;
    line-height: 25px;
  }
}
.technologie-categories-header {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .technologie-categories-header {
    flex-direction: column;
    align-items: inherit;
    text-align: center;
  }
}
.technologie-categories-header h3 {
  font-weight: 700;
  font-size: 63px;
  line-height: 82px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  padding-right: 40px;
  margin-right: 40px;
  flex-shrink: 0;
  position: relative;
}
.technologie-categories-header h3::after {
  content: "";
  width: 3px;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  background: #004a98;
}
@media screen and (max-width: 768px) {
  .technologie-categories-header h3::after {
    width: 214px;
    height: 2px;
    bottom: 0;
    right: 0;
    left: 0;
    top: auto;
    margin: auto;
  }
}
@media screen and (max-width: 1250px) {
  .technologie-categories-header h3 {
    font-size: 50px;
    line-height: 58px;
  }
}
@media screen and (max-width: 768px) {
  .technologie-categories-header h3 {
    font-size: 30px;
    line-height: 42px;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    display: block;
  }
}
.technologie-categories-header p {
  font-weight: 700;
  font-size: 30px;
  line-height: 42px;
  text-transform: uppercase;
  color: #35393a;
}
@media screen and (max-width: 1250px) {
  .technologie-categories-header p {
    font-size: 25px;
    line-height: 33px;
  }
}
@media screen and (max-width: 992px) {
  .technologie-categories-header p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 768px) {
  .technologie-categories-header p {
    font-size: 16px;
    line-height: 24px;
  }
}
.technologie-categories-body {
  margin-top: 62px;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .technologie-categories-body {
    margin-top: 30px;
    flex-direction: column-reverse;
    align-items: center;
  }
}
.technologie-categories-media {
  max-width: 820px;
  width: 100%;
  flex-shrink: 0;
  margin-right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  height: 439px;
  border-radius: 8px;
}
@media screen and (max-width: 1250px) {
  .technologie-categories-media {
    max-width: 620px;
    margin-right: 10px;
    height: 350px;
  }
}
@media screen and (max-width: 992px) {
  .technologie-categories-media {
    max-width: 450px;
    margin-right: 10px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .technologie-categories-media {
    max-width: 800px;
    margin-right: 0;
    height: 300px;
  }
}
@media screen and (max-width: 500px) {
  .technologie-categories-media {
    height: 200px;
  }
}
@media screen and (max-width: 400px) {
  .technologie-categories-media {
    height: 185px;
  }
}
.technologie-categories-media span {
  width: 54px;
  height: 54px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media screen and (max-width: 992px) {
  .technologie-categories-media span {
    width: 42px;
    height: 42px;
  }
}
.technologie-categories .cv .technologie-categories-header h3:after {
  background: #007dba;
}
.technologie-categories .cv .technologie-categories-media {
  background-image: url("../img/poster_cv.webp");
}
.technologie-categories .cv .technologie-categories-media span i:before {
  color: #007dba;
}
.technologie-categories .cv .technologie-categories-numbers .item span:after {
  background: #007dba;
}
.technologie-categories .cv .technologie-categories-footer .item span {
  background: #007dba;
}
.technologie-categories .agv .technologie-categories-header h3:after {
  background: #93d500;
}
.technologie-categories .agv .technologie-categories-media {
  background-image: url("../img/poster_agv.webp");
}
.technologie-categories .agv .technologie-categories-media span i:before {
  color: #93d500;
}
.technologie-categories .agv .technologie-categories-numbers .item span:after {
  background: #93d500;
}
.technologie-categories .agv .technologie-categories-footer .item span {
  background: #93d500;
}
.technologie-categories .ohw .technologie-categories-header h3:after {
  background: #ffb600;
}
.technologie-categories .ohw .technologie-categories-media {
  background-image: url("../img/poster_ohw.webp");
}
.technologie-categories .ohw .technologie-categories-media span i:before {
  color: #ffb600;
}
.technologie-categories .ohw .technologie-categories-numbers .item span:after {
  background: #ffb600;
}
.technologie-categories .ohw .technologie-categories-footer .item span {
  background: #ffb600;
}
.technologie-categories .mhe .technologie-categories-header h3:after {
  background: #b52323;
}
.technologie-categories .mhe .technologie-categories-media {
  background-image: url("../img/poster_mhe.webp");
}
.technologie-categories .mhe .technologie-categories-media span i:before {
  color: #b52323;
}
.technologie-categories .mhe .technologie-categories-numbers .item {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .technologie-categories .mhe .technologie-categories-numbers .item {
    width: 50%;
  }
}
.technologie-categories .mhe .technologie-categories-numbers .item span:after {
  background: #b52323;
}
.technologie-categories .mhe .technologie-categories-footer .item span {
  background: #b52323;
}
.technologie-categories .marine .technologie-categories-header h3:after {
  background: #00adbb;
}
.technologie-categories .marine .technologie-categories-media {
  background-image: url("../img/poster_marine.webp");
}
.technologie-categories .marine .technologie-categories-media span i:before {
  color: #00adbb;
}
.technologie-categories .marine .technologie-categories-numbers .item span:after {
  background: #00adbb;
}
.technologie-categories .marine .technologie-categories-footer .item span {
  background: #00adbb;
}
.technologie-categories-right {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}
.technologie-categories-right .right-text {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  margin-top: auto;
  text-align: center;
}
@media screen and (max-width: 1250px) {
  .technologie-categories-right .right-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 992px) {
  .technologie-categories-right .right-text {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .technologie-categories-right .right-text {
    margin-bottom: 40px;
  }
}
.technologie-categories-numbers {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
  gap: 48px 0;
}
@media screen and (max-width: 1250px) {
  .technologie-categories-numbers {
    gap: 30px 0;
  }
}
.technologie-categories-numbers .item {
  text-align: center;
  width: 50%;
}
.technologie-categories-numbers .item span {
  font-weight: 700;
  font-size: 50px;
  line-height: 68px;
  padding-bottom: 21px;
  margin-bottom: 22px;
  position: relative;
}
@media screen and (max-width: 1250px) {
  .technologie-categories-numbers .item span {
    font-size: 35px;
    line-height: 42px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  .technologie-categories-numbers .item span {
    font-size: 30px;
    line-height: 42px;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
.technologie-categories-numbers .item span:after {
  content: "";
  width: 70px;
  height: 3px;
  background: #007dba;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .technologie-categories-numbers .item span:after {
    width: 45px;
    height: 2px;
  }
}
.technologie-categories-numbers .item p {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-transform: uppercase;
}
@media screen and (max-width: 1250px) {
  .technologie-categories-numbers .item p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 992px) {
  .technologie-categories-numbers .item p {
    text-transform: none;
  }
}
.technologie-categories-footer {
  display: flex;
  align-items: flex-start;
  gap: 54px;
  justify-content: space-between;
  margin-top: 100px;
}
@media screen and (max-width: 1250px) {
  .technologie-categories-footer {
    margin-top: 70px;
    gap: 24px;
  }
}
@media screen and (max-width: 768px) {
  .technologie-categories-footer {
    margin-top: 24px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.technologie-categories-footer .item {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .technologie-categories-footer .item {
    display: flex;
    align-items: center;
    text-align: left;
  }
}
.technologie-categories-footer .item span {
  width: 49px;
  height: 49px;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .technologie-categories-footer .item span {
    margin-right: 30px;
  }
}
.technologie-categories-footer .item span img {
  display: block;
}
.technologie-categories-footer .item p {
  font-size: 18px;
  line-height: 25px;
  margin-top: 18px;
}
@media screen and (max-width: 1250px) {
  .technologie-categories-footer .item p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media screen and (max-width: 768px) {
  .technologie-categories-footer .item p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
  }
  .technologie-categories-footer .item p br {
    display: none;
  }
}

.contacts {
  padding-bottom: 140px;
  position: relative;
  overflow: hidden;
  background: #ebeced;
}
@media screen and (max-width: 768px) {
  .contacts {
    padding-bottom: 60px;
  }
}
.contacts h1 {
  font-size: 50px;
  line-height: 68px;
  color: #35393a;
}
@media screen and (max-width: 1250px) {
  .contacts h1 {
    font-size: 40px;
    line-height: 52px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .contacts h1 {
    font-size: 24px;
    line-height: 34px;
  }
  .contacts h1 br {
    display: none;
  }
}
.contacts-box {
  display: flex;
  align-items: flex-start;
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .contacts-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.contacts-box-border {
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 768px) {
  .contacts-box-border {
    border: 0;
  }
}
.contacts-box h3 {
  text-transform: uppercase;
  width: 270px;
  margin-right: 50px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .contacts-box h3 {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 12px;
  }
}
.contacts-box-pt {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .contacts-box-pt {
    padding-top: 0;
  }
}
.contacts-box:last-child {
  align-items: center;
  border-bottom: 0;
  padding-bottom: 0;
}
.contacts-inners {
  margin-top: 80px;
  display: flex;
  align-items: stretch;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e8e8e8;
  padding: 50px 80px;
}
@media screen and (max-width: 1200px) {
  .contacts-inners {
    padding: 30px 60px;
  }
}
@media screen and (max-width: 1100px) {
  .contacts-inners {
    margin-top: 30px;
    height: auto;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .contacts-inners {
    padding: 30px 0 0;
  }
}
.contacts-body {
  max-width: 595px;
  width: 100%;
  margin-right: 70px;
  flex-shrink: 0;
}
@media screen and (max-width: 1100px) {
  .contacts-body {
    margin-right: 0;
    width: 100%;
  }
}
.contacts-address {
  padding-top: 6px;
  font-weight: 500;
  line-height: 140%;
}
.contacts-address a {
  font-weight: 500;
  line-height: 140%;
}
@media screen and (max-width: 992px) {
  .contacts-address {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .contacts-address {
    text-align: center;
  }
}
.contacts-address p a {
  margin-right: 34px;
}
@media screen and (max-width: 768px) {
  .contacts-address p a {
    margin-right: 20px;
  }
}
.contacts-address p a:last-child {
  margin-right: 0;
}
.contacts-address a {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  color: #35393a;
  display: inline-block;
}
.contacts-address a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .contacts-address a {
    margin-bottom: 14px;
  }
}
.contacts-address .contacts-phone {
  margin-bottom: 0;
}
.contacts-social {
  display: flex;
  align-items: center;
  gap: 25px;
}
@media screen and (max-width: 1100px) {
  .contacts-social {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .contacts-social {
    margin-top: 11px;
    gap: 35px;
  }
}
.contacts-social .icon-social {
  width: 28px;
  height: 28px;
}
.contacts-social a {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.contacts-social a:hover {
  opacity: 0.7;
}
.contacts-map {
  width: 100%;
}
@media screen and (max-width: 1100px) {
  .contacts-map {
    height: 400px;
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .contacts-map {
    height: 250px;
  }
}
.contacts-map iframe {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
@media screen and (max-width: 1100px) {
  .contacts-map iframe {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .contacts-map iframe {
    border-radius: 0 0 10px 10px;
  }
}

.icon-social {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 40px;
  height: 40px;
  display: block;
}

.icon-instagram {
  background-image: url("../img/instagram_circle.svg");
}

.icon-youtube {
  background-image: url("../img/yandex-login.svg") !important;
}

.icon-facebook {
  background-image: url("../img/vk-login.svg") !important;
}

.icon-youtube-c {
  background-image: url("../img/yt-contacts.svg") !important;
}

.icon-facebook-c {
  background-image: url("../img/vk-contacts.svg") !important;
}

.blog {
  padding-bottom: 90px;
  background: #ebeced;
}
@media screen and (max-width: 768px) {
  .blog {
    padding-bottom: 50px;
    padding-top: 40px;
  }
}
.blog h1 {
  font-size: 50px;
  line-height: 68px;
  color: #35393a;
}
@media screen and (max-width: 1250px) {
  .blog h1 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .blog h1 {
    font-size: 24px;
    line-height: 34px;
    text-align: left;
  }
  .blog h1 br {
    display: none;
  }
}
.blog-block {
  margin-top: 32px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .blog-block {
    margin-top: 21px;
  }
}
.blog-tabs {
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .blog-tabs {
    margin-bottom: 16px;
    width: 100%;
    flex-wrap: nowrap;
    overflow: scroll;
    padding-bottom: 10px;
    white-space: nowrap;
  }
}
.blog-tabs button {
  padding: 17px;
  background: transparent;
  border: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: rgba(53, 57, 58, 0.8);
  border-radius: 2px;
}
@media screen and (max-width: 768px) {
  .blog-tabs button {
    padding: 10px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
.blog-tabs button:hover {
  color: #35393a;
}
.blog-tabs button.active {
  color: #ffffff;
  background: rgba(0, 74, 152, 0.8);
}
.blog-inners {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px 2%;
  flex-wrap: wrap;
}
.blog-inners.active .blog-item {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .blog-inners {
    flex-direction: column;
    align-items: center;
  }
}
.blog-item {
  max-width: 397px;
  width: 32%;
  max-height: 519px;
  border-radius: 10px;
  text-decoration: none;
  overflow: hidden;
  background: #ffffff;
  color: #35393a;
}
@media screen and (max-width: 1100px) {
  .blog-item {
    width: 49%;
  }
}
@media screen and (max-width: 768px) {
  .blog-item {
    width: 100%;
  }
}
.blog-item:nth-child(n+7) {
  display: none;
}
.blog-item:hover h3 {
  text-decoration: underline;
}
.blog-item-body {
  padding: 12px 20px 20px 20px;
  height: inherit;
  display: flex;
  flex-direction: column;
  height: 296px;
}
@media screen and (max-width: 768px) {
  .blog-item-body {
    padding: 13px 20px 20px;
    height: auto;
    border: 0;
  }
}
.blog-item-body h3 {
  margin: 16px 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .blog-item-body h3 {
    margin: 6px 0 8px;
  }
}
.blog-item-body p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
}
.blog-item-img {
  display: block;
  max-height: 222px;
}
.blog-item-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  overflow: hidden;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .blog-item-info {
    margin-top: 17px;
  }
}
.blog-item-info > div {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .blog-item-info > div {
    font-size: 12px;
    line-height: 17px;
  }
}
.blog-item-info > div::before {
  content: "";
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .blog-item-info > div::before {
    width: 16px;
    height: 16px;
  }
}
.blog-item-date::before {
  background-image: url("../img/icon-calendar.svg");
}
.blog-item-read::before {
  background-image: url("../img/icon-doublecheck.svg");
  width: 23px;
  height: 22px;
}
.blog-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  line-height: 17px;
  color: #535353;
}
.blog-search {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1100px) {
  .blog-search {
    top: -93px;
  }
}
@media screen and (max-width: 768px) {
  .blog-search {
    position: relative;
    top: 0;
    margin: 0 auto 24px;
  }
}
.blog-search-form {
  max-width: 184px;
  width: 100%;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .blog-search-form {
    max-width: 100%;
  }
}
.blog-search-form input {
  width: 100%;
  padding: 0 10px 0 60px;
  height: 52px;
  background: transparent;
  font-style: italic;
  font-weight: 300;
  font-size: 17px;
  line-height: 24px;
  color: #35393a;
  outline: none;
  border-radius: 5px;
  border: 1px solid #6f6f6f;
}
@media screen and (max-width: 768px) {
  .blog-search-form input {
    height: 40px;
    font-size: 15px;
    line-height: 22px;
    padding: 0 10px 0 40px;
  }
}
.blog-search-form button {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 15px;
  left: 24px;
  width: 24px;
  height: 24px;
  border: 0;
  outline: 0;
  cursor: pointer;
  background-color: transparent;
  background-image: url("../img/icon_search.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
.blog-search-form button:hover {
  opacity: 1;
}

.blog-more-btn {
  margin: 48px auto 0;
}
.blog-more-btn:active {
  color: #fff;
}
.blog-more-btn:focus {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .blog-more-btn {
    margin: 24px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .blog-block .blog-search-form button {
    top: 7px;
    left: 8px;
  }
}
.blog-page {
  max-width: 1060px;
  margin: 0 auto;
}
.blog-page-main-img {
  margin: 24px auto 0;
  display: block;
}
.blog-page h1 {
  font-size: 45px;
  line-height: 55px;
  color: #35393a;
}
@media screen and (max-width: 768px) {
  .blog-page h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 500px) {
  .blog-page h1 {
    font-size: 18px;
    line-height: 24px;
  }
}
.blog-page-body {
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding-top: 18px;
}
.blog-page-body iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 1.777;
}
.blog-page-body .list-group {
  padding-left: 27px;
}
.blog-page-body .list-group li {
  font-weight: 300;
}
.blog-page-body .list-group.list-group-number {
  list-style-type: number;
}
.blog-page-body .list-group.list-group-disc {
  list-style-type: disc;
  margin-top: 16px;
}
.blog-page-body .list-group.list-group-disc li {
  margin-bottom: 12px;
}
.blog-page-body .list-group.list-group-disc li:last-child {
  margin-bottom: 0;
}
.blog-page-body .list-group-horizontal {
  gap: 6px 20px;
  flex-wrap: wrap;
  font-weight: 300;
  margin-bottom: 34px;
}
.blog-page-body table {
    --bs-table-striped-bg: transporant;
    --bs-table-striped-order: even;
    font-style: normal;
    width: 100%;
    border-color: #dee2e6;
    margin-top: 32px;
	display: block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
.blog-page-body tr td{
    border: 1px solid #dee2e6;
    height: 56px;
    vertical-align: middle;
    text-align: center;
}
.blog-page-body table>:not(caption)>*>*{
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.blog-page-body table p{margin-top: 0;}
.blog-page-body thead td{background: rgba(3,72,83,.18);}

@media screen and (max-width: 768px) {
  .blog-page-body .list-group-horizontal {
    flex-direction: column;
    gap: 0;
    margin-bottom: 20px;
  }
}
.blog-page-body .list-group-horizontal li {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .blog-page-body .list-group-horizontal li {
    white-space: normal;
    margin-bottom: 4px;
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
  }
}
.blog-page-body h3 {
  margin: 32px 0 0;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .blog-page-body h3 {
    margin: 24px 0 0;
  }
}
.blog-page-body h4 {
  margin: 24px 0 0;
  font-size: 22px;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  .blog-page-body h4 {
    margin: 16px 0 0;
    font-size: 18px;
    line-height: 23px;
  }
}
.blog-page-body p {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .blog-page-body p {
    margin-top: 12px;
  }
}
.blog-page-body .page-media {
  margin: 24px auto 17px;
  display: block;
  width: 100%;
}
.blog-page-body .page-media img {
  display: block;
}
@media screen and (max-width: 768px) {
  .blog-page-body .page-media {
    margin: 12px auto;
  }
}
.blog-page-body .page-media-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .blog-page-body .page-media-flex {
    gap: 12px;
  }
}
.blog-page-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 300;
  margin-bottom: 8px;
}
.blog-page-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #535353;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .blog-page-tags {
    font-size: 12px;
    line-height: 17px;
    gap: 5px 15px;
  }
}
@media screen and (max-width: 768px) {
  .blog-page-published {
    font-size: 12px;
    line-height: 14px;
  }
}

.page-blockquote {
  max-width: 580px;
  width: 100%;
  margin-top: 16px;
  position: relative;
  padding-left: 18px;
}
.page-blockquote::before {
  content: "";
  width: 4px;
  height: 62%;
  min-height: 44px;
  background: #004a98;
  display: block;
  margin-right: 14px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .page-blockquote::before {
    height: 100%;
  }
}
.page-blockquote p {
  margin: 0;
}

.page-table {
  font-style: normal;
  border-color: #fff;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .page-table {
    font-size: 12px;
    line-height: 17px;
    font-weight: 300;
  }
}
.page-table tr:first-child td:nth-child(2) {
  background: rgba(83, 83, 83, 0.3);
}
.page-table tr:first-child td:last-child {
  background: #535353;
}
.page-table tr td {
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 56px;
  width: 33%;
  vertical-align: middle;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .page-table tr td {
    height: 39px;
  }
}
.page-table tr td:first-child {
  padding-left: 31px;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .page-table tr td:first-child {
    padding-left: 10px;
  }
}
.page-table tr td:nth-child(2) {
  background: rgba(83, 83, 83, 0.1);
}
.page-table tr td:last-child {
  padding-left: 7%;
  text-align: left;
  background: rgba(83, 83, 83, 0.5);
}
@media screen and (max-width: 768px) {
  .page-table tr td:last-child {
    padding-left: 15px;
  }
}

.page-box {
  margin-top: 18px;
  list-style-type: disc;
  padding-left: 27px;
}
.page-box-item {
  margin-bottom: 24px;
}
.page-box-item p:first-child {
  font-size: 16px;
  line-height: 19px;
  margin: 0;
}
.page-box-item p:not(:first-child) {
  margin-top: 11px;
}
.page-box-item:last-child {
  margin: 0;
}

.more-news {
  padding-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .more-news {
    padding-bottom: 30px;
  }
}
.more-news h2 {
  font-size: 40px;
  line-height: 46px;
  padding-left: 10%;
}
@media screen and (max-width: 768px) {
  .more-news h2 {
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
}
.more-news-swiper {
  margin-top: 31px;
  padding-bottom: 70px;
  padding-left: 10%;
}
@media screen and (max-width: 768px) {
  .more-news-swiper {
    margin-top: 15px;
    padding-bottom: 50px;
    padding-left: 15px;
  }
}
.more-news-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 12px 0 16px;
  color: #535353;
}
@media screen and (max-width: 768px) {
  .more-news-tags {
    font-size: 12px;
    line-height: 17px;
    margin: 8px 0;
  }
}
.more-news-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.more-news-item img {
  display: block;
}
.more-news-item h3 {
  font-size: 20px;
  line-height: 27px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 16px;
}
@media screen and (max-width: 500px) {
  .more-news-item .blog-item-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

.swiper-slide {
  height: auto;
}

.technicum-top {
  background-image: url("../img/bg_technicum.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0 160px;
}
.technicum-top h1 {
  font-size: 63px;
  line-height: 82px;
}
@media screen and (max-width: 1250px) {
  .technicum-top h1 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media screen and (max-width: 768px) {
  .technicum-top h1 {
    font-size: 30px;
    line-height: 42px;
  }
  .technicum-top h1 br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .technicum-top {
    padding: 140px 0 100px;
  }
}
.technicum-top .btn {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .technicum-top .btn {
    margin-top: 40px;
  }
}

.technicum-education {
  padding: 140px 0 90px;
  position: relative;
  overflow: hidden;
  background: #f2f2f2;
}
.technicum-education .video-section-wrapper img {
  min-height: auto;
}
@media screen and (max-width: 1180px) {
  .technicum-education {
    padding: 140px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .technicum-education {
    padding: 60px 0;
  }
}
.technicum-education .subtitle {
  color: #35393a;
}
.technicum-education-inners {
  position: relative;
  margin: 20px auto 0;
  max-width: 1110px;
  height: 520px;
}
@media screen and (max-width: 950px) {
  .technicum-education-inners {
    height: 600px;
  }
}
@media screen and (max-width: 768px) {
  .technicum-education-inners {
    height: auto;
  }
}
.technicum-education-subtitle {
  margin: 12px 0;
  max-width: 370px;
}
@media screen and (max-width: 950px) {
  .technicum-education-subtitle {
    font-size: 12px;
    line-height: 17px;
    max-width: 100%;
  }
}
.technicum-education video {
  max-height: 385px;
  width: 90%;
}
@media screen and (max-width: 950px) {
  .technicum-education video {
    width: 100%;
  }
}
.technicum-education-category {
  max-width: 334px;
  cursor: pointer;
  position: relative;
  height: auto;
  padding: 13px 16px 18px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #ffffff;
  border-bottom: 1px solid rgba(53, 57, 58, 0.04);
}
.technicum-education-category:hover p {
  color: #004a98;
}
@media screen and (max-width: 950px) {
  .technicum-education-category {
    max-width: 100%;
  }
}
.technicum-education-category.hide {
  transform: translateX(-340px);
  opacity: 0;
  position: absolute;
}
.technicum-education-category.actived {
  transform: translateX(0);
  opacity: 1;
  position: relative;
  padding: 12px 16px 12px 56px;
  border-bottom: 1px solid rgba(53, 57, 58, 0.04);
}
.technicum-education-category.actived::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../img/arrow-right16.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.technicum-education-category.actived::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../img/arrow-right16.svg");
  background-repeat: no-repeat;
  transform: rotate(180deg);
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.technicum-education-category::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("../img/arrow-right16.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.technicum-education-category p {
  max-width: 250px;
  font-weight: 500;
}

.category-wrapper {
  max-width: 334px;
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  max-height: 550px;
}
@media screen and (max-width: 950px) {
  .category-wrapper {
    max-width: 100%;
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
  }
}

.hidden_info {
  position: absolute;
  overflow: hidden;
  left: 355px;
  top: 0;
  display: none;
  width: 100%;
  max-width: 756px;
  min-height: 100%;
}
.hidden_info h3 {
  margin-bottom: 20px;
}
@media screen and (max-width: 1300px) {
  .hidden_info iframe {
    width: 100%;
  }
}
@media screen and (max-width: 950px) {
  .hidden_info iframe {
    width: 100%;
    height: 300px;
  }
}
@media screen and (max-width: 1180px) {
  .hidden_info {
    max-width: 600px;
    left: calc(50% - 300px);
  }
}
@media screen and (max-width: 950px) {
  .hidden_info {
    padding-top: 0;
    left: 0;
    top: 0;
    min-height: auto;
    max-width: initial;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .hidden_info {
    position: static;
  }
}

.subcategory {
  max-width: 334px;
  cursor: pointer;
  position: relative;
  height: auto;
  padding: 12px 16px 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #ffffff;
  background: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
@media screen and (max-width: 950px) {
  .subcategory {
    max-width: 100%;
  }
}
.subcategory.actived {
  padding: 12px 16px 12px 56px;
}
.subcategory.active {
  color: #004a98;
  font-weight: 500;
}

.subcategory {
  display: none;
}

.video-section-body-tech {
  border: none;
  top: 12px;
}
.video-section-body-tech::after {
  display: none;
}

@media screen and (min-width: 950px) {
  .one-video .technicum-education-category {
    display: none;
  }
  .one-video h3 {
    text-align: center;
  }
  .one-video .technicum-education-subtitle {
    margin: 12px 0;
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 1180px) {
  .one-video .hidden_info {
    left: calc(50% - 373px);
  }
}
.one-video .technicum-education-category {
  display: none;
}

.technicum-education-subtitle {
  margin: 0 0 12px;
}

@media screen and (max-width: 1180px) {
  .technicum-education-inners.one-video {
    max-width: none;
    margin: 20px auto 0;
  }
}
.for-managers {
  padding: 120px 0 60px;
}
@media screen and (max-width: 768px) {
  .for-managers {
    padding: 60px 0 30px;
  }
}

.offline-education {
  padding: 60px 0 140px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .offline-education .box-inners {
    text-align: left;
    margin-top: 24px;
  }
  .offline-education .box-inners h3 {
    font-weight: 500;
  }
  .offline-education .subtitle {
    font-size: 15px;
    line-height: 22px;
  }
}
@media screen and (max-width: 768px) {
  .offline-education {
    padding: 30px 0 50px;
    text-align: center;
  }
}
.offline-education .subtitle {
  color: #35393A;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .offline-education .swiper {
    margin: 0 -15px;
    padding: 0 15px;
  }
  .offline-education .swiper .swiper-wrapper {
    padding-bottom: 40px;
  }
}
.offline-education-inners {
  margin: 56px -12px 0;
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 2;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .offline-education-inners .swiper-slide {
    margin: 0 12px;
  }
}
@media screen and (max-width: 992px) {
  .offline-education-inners {
    margin: 24px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .offline-education-inners .swiper-slide {
    margin: 0;
  }
}
.offline-education-item {
  max-width: 397px;
  width: 100%;
  height: 100%;
}
.offline-education-item img {
  display: block;
}

.offline-numbers {
  display: flex;
  align-items: flex-start;
  gap: 80px;
  justify-content: space-between;
  margin-top: 50px;
}
@media screen and (max-width: 1200px) {
  .offline-numbers {
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .offline-numbers {
    flex-direction: column;
    align-items: flex-start;
    gap: 17px;
    margin-top: 40px;
  }
}
.offline-numbers-item {
  display: flex;
  align-items: flex-start;
}
.offline-numbers-item span {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #004a98;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #ffffff;
  flex-shrink: 0;
  margin-right: 21px;
}
@media screen and (max-width: 768px) {
  .offline-numbers-item span {
    margin-right: 18px;
  }
}
@media screen and (max-width: 768px) {
  .offline-numbers-item {
    align-items: center;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .offline-numbers-item p br {
    display: none;
  }
}

.lecturers {
  padding: 140px 0;
  background: #F2F2F2;
}
@media screen and (max-width: 768px) {
  .lecturers {
    padding: 60px 0;
  }
  .lecturers .swiper {
    margin: 0 -15px;
    padding: 0 15px;
    padding-bottom: 40px;
  }
}
.lecturers .subtitle {
  color: #35393A;
}
.lecturers-inners {
  margin-top: 56px;
  display: flex;
  align-items: flex-start;
  gap: 27px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .lecturers-inners {
    margin-top: 24px;
    justify-content: flex-start;
    gap: 0;
  }
}
.lecturers-item {
  max-width: 396px;
}
.lecturers-item img {
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .lecturers-item {
    max-width: 100%;
    text-align: left !important;
  }
}
.lecturers-item p {
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  .lecturers-item p {
    padding: 0;
  }
  .lecturers-item p br {
    display: none;
  }
}
.lecturers h3 {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .lecturers h3 {
    margin-top: 12px;
  }
}

.request404 {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
}
@media screen and (max-width: 768px) {
  .request404 {
    padding: 60px 0;
  }
}
.request404-figure1 {
  position: absolute;
  left: 17px;
  bottom: 32px;
}
@media screen and (max-width: 1250px) {
  .request404-figure1 {
    max-width: 180px;
  }
}
@media screen and (max-width: 992px) {
  .request404-figure1 {
    max-width: 118px;
    bottom: auto;
    top: 80px;
    left: -60px;
  }
}
.request404-figure2 {
  position: absolute;
  right: 100px;
  top: -132px;
}
@media screen and (max-width: 1250px) {
  .request404-figure2 {
    max-width: 180px;
    top: -52px;
  }
}
@media screen and (max-width: 992px) {
  .request404-figure2 {
    max-width: 150px;
    right: -60px;
    top: -40px;
  }
}
@media screen and (max-width: 768px) {
  .request404-img_main {
    max-width: 180px;
  }
}
.request404-title {
  margin-top: 54px;
  font-weight: 700;
  font-size: 30px;
  line-height: 42px;
  color: #35393A;
}
@media screen and (max-width: 768px) {
  .request404-title {
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
  }
}
.request404-descriprion {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .request404-descriprion {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
  .request404-descriprion br {
    display: none;
  }
}
.request404-search {
  display: flex;
  align-items: center;
  margin: 56px auto 0;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .request404-search {
    margin: 38px auto 0;
    flex-direction: column;
  }
}
.request404-search input {
  height: 56px;
  width: 100%;
  background: transparent;
  border: 1px solid rgba(83, 83, 83, 0.2);
  border-radius: 2px;
  padding: 16px 10px 16px 52px;
  color: #535353;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .request404-search input {
    height: 48px;
  }
}
.request404-search input:focus {
  border: 1px solid #535353;
}
.request404-search button {
  width: auto;
  padding: 0 42px;
  min-width: auto;
}
@media screen and (max-width: 768px) {
  .request404-search button {
    max-width: 406px;
    width: 100%;
    margin-top: 12px;
  }
}
.request404-group {
  height: 56px;
  position: relative;
  max-width: 406px;
  width: 100%;
  margin-right: 16px;
}
@media screen and (max-width: 768px) {
  .request404-group {
    margin-right: 0;
    height: 48px;
  }
}
.request404-group::before {
  content: "";
  width: 24px;
  height: 24px;
  border: 0;
  outline: 0;
  cursor: pointer;
  background-image: url("../img/icon_search.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 0.7;
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.politics {
  padding-bottom: 90px;
  position: relative;
  overflow: hidden;
  background: #F3F4F5;
}
@media screen and (max-width: 768px) {
  .politics {
    padding-bottom: 50px;
  }
}
.politics h1 {
  font-weight: 700;
  font-size: 50px;
  line-height: 68px;
  color: #35393A;
}
@media screen and (max-width: 768px) {
  .politics h1 {
    font-size: 24px;
    line-height: 34px;
    text-align: left;
    text-transform: none;
  }
}
@media screen and (max-width: 360px) {
  .politics h1 {
    font-size: 20px;
    line-height: 30px;
  }
}
.politics h3 {
  margin-bottom: 10px;
}
.politics-block {
  background: #FFFFFF;
  border-radius: 10px;
  max-width: 1030px;
  margin: 0 auto;
  padding: 70px 270px 70px 82px;
}
@media screen and (max-width: 768px) {
  .politics-block {
    padding: 16px;
  }
}
.politics-body {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .politics-body {
    margin-top: 16px;
  }
}
.politics-body p {
  margin-bottom: 16px;
}
.politics-body p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .politics-body p {
    margin-bottom: 16px;
  }
}
.politics-body ol {
  list-style-type: number;
  padding-left: 19px;
  margin-bottom: 24px;
}
.politics-body ul {
  padding-left: 19px;
  list-style-type: disc;
  margin-bottom: 24px;
}
.politics-figures {
  opacity: 0.14;
}
.politics-f1 {
  position: absolute;
  width: 93px;
  right: 460px;
  top: 53px;
}
.politics-f2 {
  position: absolute;
  width: 100px;
  right: 350px;
  top: 160px;
}
.politics-f3 {
  position: absolute;
  width: 220px;
  right: 100px;
  top: 0;
}
.politics-f4 {
  position: absolute;
  width: 413px;
  right: -230px;
  top: 40px;
}
.politics-f5 {
  position: absolute;
  right: 0;
  top: 0;
}

.bg-white {
  color: #35393a;
}
.bg-white h1 {
  color: #35393a;
}
.bg-white h2 {
  color: #35393a;
}
.bg-white h3 {
  color: #35393a;
}
.bg-white h4 {
  color: #35393a;
}
.bg-white h5 {
  color: #35393a;
}
.bg-white h6 {
  color: #35393a;
}
.bg-white .mob-figure {
  display: none !important;
}
.bg-white .mob-figure2 {
  display: none !important;
}
.bg-white .swiper-button-next {
  background: #004a98;
  color: #ffffff;
  right: -24px;
  z-index: 5;
}
@media screen and (max-width: 1300px) {
  .bg-white .swiper-button-next {
    right: -10px;
  }
}
@media screen and (max-width: 995px) {
  .bg-white .swiper-button-next {
    right: 0;
  }
}
.bg-white .swiper-button-prev {
  background: #004a98;
  color: #ffffff;
  left: -24px;
  z-index: 5;
}
@media screen and (max-width: 1300px) {
  .bg-white .swiper-button-prev {
    left: -10px;
  }
}
@media screen and (max-width: 995px) {
  .bg-white .swiper-button-prev {
    left: 0;
  }
}
.bg-white .swiper-pagination {
  bottom: 0;
}
.bg-white .select-container {
  max-height: 100%;
  overflow: hidden;
}
.bg-white .swiper-shadow::after {
  content: "";
  height: 100%;
  width: 140px;
  position: absolute;
  right: 0;
  top: -10px;
  background: linear-gradient(271.22deg, #ffffff 4.9%, rgba(255, 255, 255, 0) 99.09%);
  display: block;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .bg-white .swiper-shadow::after {
    display: none;
  }
}
.bg-white .swiper-shadow::before {
  content: "";
  height: 100%;
  width: 140px;
  position: absolute;
  left: 0;
  top: -10px;
  background: linear-gradient(90deg, #fff 4.9%, rgba(255, 255, 255, 0) 99.09%);
  display: block;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .bg-white .swiper-shadow::before {
    display: none;
  }
}
.bg-white main {
  overflow: inherit;
}
.bg-white .breadcrumb-item.active {
  color: #004a98;
}
.bg-white .breadcrumb-item:first-child a {
  color: #6f6f6f;
}
.bg-white .breadcrumb-item + .breadcrumb-item::before {
  color: #6f6f6f;
}
@media screen and (max-width: 992px) {
  .bg-white .store-btn-m {
    font-size: 14px;
    line-height: 17px;
    padding: 0;
    margin-bottom: 120px;
  }
  .bg-white .store-btn-m .icon::before {
    transform: rotate(45deg);
  }
}
.bg-white .navbar-collapse {
  z-index: 6;
}
.bg-white .navbar-collapse.collapse-store {
  background: #fff;
}
.bg-white .navbar-collapse.collapse-store .overlay_scroll {
  background: #fff;
}
.bg-white .store-wrapper .navbar-collapse {
  padding-top: 60px;
}
@media screen and (min-width: 992px) {
  .bg-white .store-wrapper .navbar-collapse {
    padding-top: 0;
  }
}
.bg-white .btn-border {
  color: #004a98;
}

.fw-500 {
  font-weight: 500;
}

.store-wrapper {
  padding: 15px 0 50px;
}
@media screen and (min-width: 992px) {
  .store-wrapper {
    padding: 50px 0 80px;
  }
}
.store-wrapper h1 {
  font-size: 30px;
  line-height: 42px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .store-wrapper h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
.store-wrapper h2 {
  font-size: 30px;
  line-height: 42px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .store-wrapper h2 {
    font-size: 24px;
    line-height: 34px;
  }
}

.store-hidden {
  display: none;
}
.store-hidden .tab-sub {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 35px 10px 42px;
  cursor: pointer;
}
.store-hidden .tab-sub:hover {
  color: #004a98;
}
.store-hidden .tab-sub.active {
  color: #004a98;
}

.store-content {
  position: relative;
}
.store-content .item {
  display: none;
}
.store-content .store-all {
  display: block;
}

@media screen and (max-width: 450px) {
  .store-tabs {
    width: 97%;
  }
}
.store-tabs > .tab {
  padding: 12px 35px 12px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #35393a;
  cursor: pointer;
  position: relative;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .store-tabs > .tab {
    font-size: 14px;
    line-height: 20px;
  }
}
.store-tabs > .tab .icon {
  height: 16px;
  display: flex;
  margin-right: 12px;
}
.store-tabs > .tab.active {
  background: #004a98;
  color: #ffffff;
}
.store-tabs > .tab.active .icon:before {
  filter: contrast(2) invert(1);
}

.dropdown-store {
  position: relative;
}
.dropdown-store::after {
  content: "\e80e";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  width: 16px;
  height: 16px;
  font-size: 16px;
  display: flex;
  align-items: center;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  transition: all 0.3s ease;
}
.dropdown-store.active::after {
  transform: rotate(180deg);
}

.store-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 27px 24px;
}
@media screen and (max-width: 768px) {
  .store-cards {
    gap: 20px 0;
    justify-content: space-between;
  }
}

.store-card {
  max-width: 292px;
  width: 100%;
  height: auto;
  border-radius: 2px 2px 0px 0px;
  display: none;
}
@media screen and (max-width: 1300px) {
  .store-card {
    width: 31%;
  }
}
@media screen and (max-width: 768px) {
  .store-card {
    width: 48%;
    max-width: 95%;
  }
}
.store-card:hover {
  box-shadow: 0 1.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);
}
.store-card:hover .store-card-hidden {
  display: block;
}
@media screen and (max-width: 992px) {
  .store-card:hover {
    box-shadow: none;
  }
  .store-card:hover .store-card-hidden {
    display: none;
  }
}
.store-card-img {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  height: 290px;
  padding: 28px 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  .store-card-img {
    height: 250px;
  }
}
@media screen and (max-width: 450px) {
  .store-card-img {
    height: 180px;
    padding: 10px;
  }
}
.store-card-img img {
  max-height: 100%;
  display: block;
  margin: auto;
}
.store-card-body {
  padding: 16px 11px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .store-card-body {
    padding: 16px 0;
  }
}
.store-card-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #35393a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.store-card-title:hover {
  text-decoration: underline;
  color: #0c0c0c;
}
@media screen and (max-width: 992px) {
  .store-card-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.store-card-text {
  margin-top: 6px;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  color: #6f6f6f;
  font-size: 12px;
  line-height: 17px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 992px) {
  .store-card-text {
    margin-top: 4px;
  }
}
.store-card-actions {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 14px;
  position: relative;
  z-index: 1;
}
.store-card-actions-price-current {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #0c0c0c;
}
@media screen and (max-width: 992px) {
  .store-card-actions-price-current {
    font-size: 16px;
    line-height: 24px;
  }
}
.store-card-actions-cart {
  background: transparent;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 0;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  .store-card-actions-cart {
    width: 32px;
    height: 32px;
  }
}
.store-card-actions-cart:hover {
  background: rgba(3, 72, 83, 0.1);
}
.store-card-actions-cart .icon {
  width: 24px;
  height: 24px;
  color: #004a98;
}
@media screen and (max-width: 992px) {
  .store-card-actions-cart .icon {
    width: 16px;
    height: 16px;
  }
}
.store-card-actions-cart .icon::before {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
}
@media screen and (max-width: 992px) {
  .store-card-actions-cart .icon::before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
  }
}
.store-card-instock {
  font-size: 12px;
  line-height: 17px;
  color: #0c0c0c;
}
.store-card-review {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  margin-top: 6px;
}
.store-card-review a {
  font-size: 12px;
  line-height: 17px;
  color: #0c0c0c;
}
.store-card-review a:hover {
  text-decoration: underline;
}

.rating-box {
  display: flex;
  align-items: center;
  margin-right: 13px;
  gap: 2px;
}
.rating-box .icon {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 11px;
  height: 11px;
}
.rating-box .icon-star {
  background-image: url("../img/store/star.svg");
}
.rating-box .icon-star-active {
  background-image: url("../img/store/star-active.svg");
}

.store-card-hidden {
  padding: 8px 12px 20px;
  display: none;
  position: absolute;
  background: #fff;
  width: 100%;
  height: auto;
  left: 0;
  top: 100%;
  box-shadow: 0 1.5rem 1.5rem 0 rgba(0, 0, 0, 0.1);
  z-index: 7;
}

.store-card-gift {
  display: flex;
  align-items: center;
}
.store-card-gift-body {
  margin-left: 12px;
}
.store-card-gift-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.store-card-gift-text {
  font-size: 12px;
  line-height: 14px;
  margin-top: 2px;
}

.icon-gift {
  background-image: url("../img/store/gift.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 24px;
  height: 24px;
  display: block;
}

.icon-close {
  background-image: url("../img/icon-close.svg");
  background-repeat: no-repeat;
  background-position: top center;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  right: 25px;
  top: 12px;
  z-index: 10;
  display: none;
}

.accordion-store {
  width: 100%;
}
.accordion-store .accordion-item {
  background-color: #fff;
  border: 1px solid rgba(21, 87, 126, 0.1);
  border-radius: 2px;
  margin-bottom: 4px;
}
.accordion-store .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion-store .accordion-button:not(.collapsed) {
  color: #ffffff;
  background: rgba(21, 87, 126, 0.1);
  box-shadow: none;
}
.accordion-store .accordion-button:not(.collapsed)::before {
  background: #ffffff !important;
}
.accordion-store .accordion-button:not(.collapsed).jaltest1 {
  background: #007dba;
}
.accordion-store .accordion-button:not(.collapsed).jaltest2 {
  background: #93d500;
}
.accordion-store .accordion-button:not(.collapsed).jaltest3 {
  background: #ffb600;
}
.accordion-store .accordion-button:not(.collapsed).jaltest4 {
  background: #00adbb;
}
.accordion-store .accordion-button:not(.collapsed).jaltest5 {
  background: #b52323;
}
.accordion-store .accordion-button {
  padding: 16px 23px 16px 17px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #35393a;
}
.accordion-store .accordion-button::before {
  content: "";
  background: #004a98;
  border-radius: 1px;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin-right: 17px;
}
.accordion-store .accordion-button.jaltest1::before {
  background: #007dba;
}
.accordion-store .accordion-button.jaltest2::before {
  background: #93d500;
}
.accordion-store .accordion-button.jaltest3::before {
  background: #ffb600;
}
.accordion-store .accordion-button.jaltest4::before {
  background: #00adbb;
}
.accordion-store .accordion-button.jaltest5::before {
  background: #b52323;
}
.accordion-store .accordion-button:focus {
  z-index: 3;
  border-color: inherit;
  outline: 0;
  box-shadow: none;
}
.accordion-store .accordion-body {
  padding: 0;
}
.accordion-store .accordion-header .dropdown-store::after {
  background-image: none;
}

.custom-search {
  position: absolute;
  width: 433px;
  max-width: 433px;
  height: 40px;
  top: -66px;
  right: 0;
  padding: 10px 0 10px 18px;
}
.custom-search-input {
  width: 154px;
  height: 40px !important;
}
.custom-search-input::placeholder {
  font-size: 14px;
}
.custom-search button {
  transform: translateY(2px);
}
@media screen and (max-width: 992px) {
  .custom-search {
    width: 70%;
    max-width: 433px;
    height: 40px;
    top: -66px;
    left: -17px;
  }
}
@media screen and (max-width: 560px) {
  .custom-search {
    width: 65%;
  }
}
@media screen and (max-width: 476px) {
  .custom-search {
    width: calc(100% + 17px);
  }
}

.custom-select {
  position: absolute;
  height: 38px;
  top: -56px;
  right: 440px;
  border: 1px solid #535353;
  border-radius: 5px;
  padding: 0;
}
@media screen and (max-width: 992px) {
  .custom-select {
    max-width: 100%;
    top: -106px;
    left: 0;
    right: auto;
    z-index: 5;
  }
}

/* Стилизация основного контейнера */
.custom-select {
  display: inline-block;
}

/* Стилизация выбранной опции и закругление верхних углов */
.selected-option {
  padding: 8px 40px 10px 18px;
  position: relative;
  display: block;
  border-radius: 5px 5px 0 0; /* Закругляем только верхние углы */
  cursor: pointer;
}

/* Стилизация списка опций */
.options {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: calc(100% + 2px);
  border: 1px solid #535353;
  background-color: #fff;
  border-radius: 0 0 5px 5px; /* Закругляем только нижние углы при открытии списка */
  transform: translateX(-1px);
  z-index: 1;
}

/* Стилизация опций в списке */
.options li {
  padding: 10px;
  cursor: pointer;
}

/* Отображаем список опций при фокусе на выбранной опции */
.custom-select:focus-within .options {
  display: block;
}

.arrow-down,
.arrow-up {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  display: none;
  z-index: -1;
}
@media screen and (max-width: 476px) {
  .arrow-down,
  .arrow-up {
    right: 10px;
  }
}

.arrow-down {
  display: inline-block;
}

.qntt-green {
  color: #00a55d;
}

.qntt-red {
  color: #b52323;
}

.qntt-grey {
  color: #6f6f6f;
}

.aces-descr {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.store-tab-new {
  background-color: #fff;
  border: 1px solid rgba(21, 87, 126, 0.1);
  border-radius: 2px;
  margin-bottom: 4px;
  height: 54px;
  display: flex;
  align-items: center !important;
}

.checkout-block {
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  padding: 32px;
}
@media screen and (max-width: 768px) {
  .checkout-block {
    padding: 16px;
  }
}
.checkout-block-content {
  margin-left: 64px;
}
@media screen and (max-width: 768px) {
  .checkout-block-content {
    margin-left: 0;
  }
}
.checkout-block-number {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  width: 40px;
  height: 40px;
  border: 1px solid #6f6f6f;
  border-radius: 50%;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .checkout-block-number {
    width: 32px;
    height: 32px;
  }
}
.checkout-block-body {
  max-width: 590px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .checkout-block-body {
    max-width: 100%;
  }
}
.checkout-block-body h3 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .checkout-block-body h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
.checkout-block-body .form-check {
  display: flex;
  align-items: center;
}
.checkout-block-body .form-check label {
  font-size: 14px;
  line-height: 20px;
  color: #35393a;
  margin-bottom: 0;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .checkout-block-body .form-check label {
    font-size: 14px;
  }
}
.checkout-block-tabs {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .checkout-block-tabs {
    margin-top: 16px;
  }
}
.checkout-total {
  background: rgba(3, 72, 83, 0.02);
  top: 110px;
  z-index: 5;
}
@media screen and (max-width: 1200px) {
  .checkout-total {
    position: static;
    top: 0;
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .checkout-total {
    background: rgba(3, 72, 83, 0.05);
  }
}
.checkout-total .grand-total {
  padding: 16px 0;
  margin-top: 8px;
}
.checkout-total .grand-total-new {
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
}
.checkout-total .grand-total span:last-child {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .checkout-total .grand-total span:last-child {
    font-size: 16px;
    line-height: 24px;
  }
}
.checkout-total-coupon input {
  height: 48px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  background: transparent;
}
@media screen and (max-width: 768px) {
  .checkout-total-coupon input {
    background: #fff;
    font-size: 14px;
    line-height: 21px;
  }
}
.checkout-total-header {
  margin-bottom: 5px;
}
.checkout-total-box {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .checkout-total-box {
    font-size: 14px;
    line-height: 20px;
  }
}
.checkout .nav-pills .nav-link {
  border: 1px solid rgba(83, 83, 83, 0.5);
  border-radius: 2px;
  height: 48px;
  width: 100%;
  max-width: 251px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(111, 111, 111, 0.44);
}
@media screen and (max-width: 768px) {
  .checkout .nav-pills .nav-link {
    max-width: 48%;
  }
}
@media screen and (max-width: 576px) {
  .checkout .nav-pills .nav-link {
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid #004a98;
    max-width: 100%;
    color: #004a98;
    font-size: 12px;
    line-height: 17px;
  }
  .checkout .nav-pills .nav-link:first-child {
    margin-bottom: 12px;
  }
}
.checkout .nav-pills .nav-link.active,
.checkout .nav-pills .show > .nav-link {
  background-color: transparent;
  color: #004a98;
  border: 1px solid #004a98;
}
@media screen and (max-width: 576px) {
  .checkout .nav-pills .nav-link.active,
  .checkout .nav-pills .show > .nav-link {
    background: #004a98;
    color: #ffffff;
  }
}

.block-order {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .block-order {
    margin-top: 24px;
  }
}

.cart-list {
  background: #e8e8e8;
  border-radius: 2px;
  padding: 22px 40px 12px 32px;
  display: flex;
  align-items: center;
  margin-top: 28px;
  flex-direction: column;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .cart-list {
    margin-top: 18px;
    padding: 16px;
    background: rgba(3, 72, 83, 0.1);
    gap: 20px;
  }
}

.cart-item-product {
  display: flex;
  align-items: center;
  min-width: 250px;
  margin-bottom: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  .cart-item-product {
    min-width: 200px;
  }
}
@media screen and (max-width: 576px) {
  .cart-item-product {
    min-width: auto;
    margin-bottom: 16px;
    padding-right: 80px;
  }
}
.cart-item-media {
  margin-right: 24px;
}
@media screen and (max-width: 768px) {
  .cart-item-media {
    margin-right: 12px;
  }
}
.cart-item-media a {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(83, 83, 83, 0.5);
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .cart-item-media a {
    background: transparent;
  }
}
@media screen and (max-width: 576px) {
  .cart-item-media a {
    width: 60px;
    height: 60px;
    padding: 2px;
  }
}
.cart-item-content {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 576px) {
  .cart-item-content {
    transform: translateY(-12px);
  }
}
.cart-item-name {
  font-size: 20px;
  line-height: 28px;
  transition: all 0.3s ease-in-out;
  max-width: 440px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #35393a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-transform: uppercase;
}
.cart-item-name:hover {
  opacity: 0.7;
}
@media screen and (max-width: 576px) {
  .cart-item-name {
    max-width: 120px;
    font-size: 16px;
    line-height: 22px;
  }
}
.cart-item-box {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #35393a;
}
.cart-item-box label {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
}
@media screen and (max-width: 576px) {
  .cart-item-box label {
    margin-bottom: 2px;
    font-size: 12px;
    line-height: 17px;
  }
}
@media screen and (max-width: 576px) {
  .cart-item .link-edit {
    position: absolute;
    right: 0;
    top: 8px;
  }
}

.form-check-input[type=radio] {
  border: 1px solid #e8e8e8;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.form-check-input[type=radio]:checked {
  background-color: transparent;
  border-color: #004a98;
}

.form-check-input:focus {
  box-shadow: none;
}

@media screen and (max-width: 768px) {
  .checkout-block-content .form-check-label {
    font-size: 14px;
    line-height: 20px;
  }
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23004A98' /%3E%3C/svg%3E%0A");
}

.hidden-info-check {
  max-width: 420px;
  display: none;
}
.hidden-info-check .form-group {
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  .hidden-info-check .form-group {
    margin-top: 8px;
  }
}

.hidden-box-info {
  background: #e8e8e8;
  border-radius: 2px;
  margin-top: 12px;
  padding: 12px 30px;
}
@media screen and (max-width: 768px) {
  .hidden-box-info {
    margin-top: 8px;
    padding: 14px 20px 14px 12px;
  }
}
@media screen and (max-width: 768px) {
  .hidden-box-info p {
    font-size: 12px;
    line-height: 17px;
  }
}

label {
  font-size: 14px;
  line-height: 20px;
  color: #6f6f6f;
  margin-bottom: 4px;
}
@media screen and (max-width: 768px) {
  label {
    font-size: 12px;
    line-height: 17px;
  }
}

.form-control {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  height: 40px;
  color: #35393a;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}
.form-control.is-invalid {
  border: 1px solid #fc2525 !important;
  background: none;
}

.form-select:focus {
  box-shadow: none;
}

.form-select.is-invalid {
  border: 1px solid #fc2525 !important;
  background: transparent !important;
}

.invalid-feedback {
  font-size: 10px;
  line-height: 15px;
  text-align: right;
  margin-top: 0;
  color: #fc2525;
}

.form-control:focus {
  color: #333333;
  border: 1px solid #e8e8e8;
  outline: 0;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.27);
}

.block-width {
  max-width: 280px;
}
@media screen and (max-width: 576px) {
  .block-width {
    max-width: 100%;
  }
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.form-group-search .list-group {
  border-radius: 0;
  border: 1px solid #e2e2e2;
  height: 170px;
  overflow: auto;
}

.form-group-search input {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #0c0c0c;
}

.list-group-item {
  border: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #535353;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: #0c0c0c;
  text-decoration: none;
  background-color: rgba(83, 83, 83, 0.1);
}

.icon-edit {
  margin-right: 12px;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 576px) {
  .icon-edit {
    transform: translateY(-3px);
  }
}
.icon-edit::before {
  color: #004a98;
}
@media screen and (max-width: 576px) {
  .icon-edit {
    margin-right: 8px;
  }
}

.link-edit {
  color: #6f6f6f;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 576px) {
  .link-edit {
    font-size: 12px;
    line-height: 17px;
  }
}

.btn-store {
  height: 48px;
  font-size: 14px;
  line-height: 19px;
}

.form-order-login {
  max-width: 400px;
}

.forgot-link {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #6f6f6f;
  margin-top: 12px;
  display: inline-block;
}

.login-or {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #535353;
  background: #fff;
  margin: 24px auto 17px;
  position: relative;
}
.login-or::after {
  content: "";
  width: 40%;
  height: 1px;
  background: #e8e8e8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.login-or::before {
  content: "";
  width: 40%;
  height: 1px;
  background: #e8e8e8;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.login-social-btns {
  display: flex;
  align-items: center;
  gap: 11px;
}
@media screen and (max-width: 576px) {
  .login-social-btns {
    flex-direction: column;
  }
}

.btn-social {
  height: 48px;
  width: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 15%;
}
@media screen and (max-width: 476px) {
  .btn-social {
    padding-left: 5%;
  }
}
.btn-social .icon {
  background-position: top center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: cover;
  margin-right: 12px;
  flex-shrink: 0;
}
.btn-social .icon-google {
  background-image: url("../img/social-google.svg");
}
.btn-social .icon-facebook {
  background-image: url("../img/social-facebook.svg");
}
.btn-social .icon-twitter {
  background-image: url("../img/social-twitter.svg");
}

.date-delivery {
  font-size: 12px;
  line-height: 16px;
  color: #333;
  opacity: 0.5;
  margin-top: -10px;
  margin-left: 26px;
}

@media screen and (max-width: 768px) {
  .form-control {
    font-size: 14px;
    line-height: 21px;
  }
}
.order-new {
  background-color: white;
  padding: 20px;
  margin-bottom: 18px;
}
.order-new .major-span {
  color: #35393a;
  text-align: right;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 135%;
}
.order-new .checkout-total-box:not(:last-child) {
  padding: 4px 0 16px;
}
.order-new .checkout-total-box:first-child {
  margin-top: 0;
}
.order-new .checkout-total-box:not(:last-child) {
  border-bottom: 1px solid #e8e8e8;
}

.product-page h1 {
  text-align: left;
}
.product-page h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .product-page h3 {
    font-size: 16px;
    line-height: 24px;
  }
}
.product-page-tabs {
  background: #e8e8e8;
  border: 0;
}
@media screen and (max-width: 1100px) {
  .product-page-tabs {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto;
    margin: 0 -15px;
  }
}
.product-page-tabs .nav-link {
  margin-bottom: 0;
  background: 0 0;
  border: 0;
  border-radius: 0;
  font-weight: 500;
  padding: 15px 30px;
  color: #35393a;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .product-page-tabs .nav-link {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    padding: 10px 12px;
  }
}
.product-page-tabs .nav-link.active {
  color: #ffffff;
  background-color: #004a98;
  border-color: transparent;
}
.product-page-tabs .nav-link.active:hover {
  color: #ffffff;
}
.product-page-tabs .nav-link:hover {
  color: rgba(12, 12, 12, 0.7);
}
@media screen and (max-width: 1100px) {
  .product-page-instock {
    background: #e8e8e8;
    border-radius: 2px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
  }
}
.product-page-media {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.product-page-media .swiper {
  width: 100%;
  height: 100%;
}
.product-page-description {
  gap: 6px;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .product-page-description {
    gap: 10px;
  }
}
@media screen and (min-width: 992px) {
  .product-page-description {
    gap: 20px;
    flex-direction: row;
  }
}
@media screen and (min-width: 1100px) {
  .product-page-description {
    gap: 32px;
  }
}
.product-page-description p {
  font-size: 12px;
  line-height: 17px;
  margin-top: 0;
  margin-left: 12px;
}
.product-page-description p br {
  display: none;
}
@media screen and (min-width: 992px) {
  .product-page-description p {
    margin-top: 14px;
    margin-left: 0;
  }
  .product-page-description p br {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .product-page-description p {
    font-size: 14px;
    line-height: 20px;
    margin-left: 20px;
  }
}
.product-page-rating .rating-box {
  gap: 3px;
}
.product-page-rating .rating-box .icon {
  width: 18px;
  height: 18px;
}

@media screen and (max-width: 768px) {
  .goods-code {
    font-size: 12px;
    line-height: 17px;
  }
}

.rating-number {
  font-size: 14px;
  line-height: 17px;
}

.slider__col {
  display: none;
  flex-direction: column;
  width: 187px;
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 992px) {
  .slider__col {
    display: flex;
  }
}
@media screen and (max-width: 1200px) {
  .slider__col {
    width: 125px;
  }
}
.slider__col .swiper-wrapper {
  height: auto;
}
.slider__col .swiper-button-disabled {
  display: flex !important;
  opacity: 0.5;
  cursor: no-drop !important;
}
.slider__col .swiper-button-lock {
  display: none !important;
}
.slider__col .swiper-slide {
  height: auto !important;
}
.slider__col .slider__prev,
.slider__col .slider__next {
  cursor: pointer;
  width: 100%;
  height: 32px;
  background: #004a98;
  text-align: center;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider__col .slider__prev:focus,
.slider__col .slider__next:focus {
  outline: none;
}
.slider__col .slider__prev::after {
  content: "\e826";
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(90deg);
}
.slider__col .slider__next::after {
  content: "\e826";
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  width: 18px;
  height: 18px;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  transform: rotate(270deg);
}

.slider__thumbs {
  height: 438px;
}

.slider__images {
  height: auto;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .slider__images {
    height: 502px;
    width: auto;
  }
}

.swiper-slide-thumb-active .small-item {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.small-item {
  border: 1px solid #e8e8e8;
  height: 131px;
  max-width: 100%;
  display: flex;
  padding: 20px 30px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.25s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}
.small-item:hover {
  opacity: 1;
}
.small-item picture {
  max-width: 100%;
  flex-shrink: 0;
  max-height: 100%;
}
.small-item img {
  max-width: 100%;
  flex-shrink: 0;
  max-height: 100%;
}
@media screen and (max-width: 1200px) {
  .small-item {
    height: 90px;
  }
}

.product-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 20px;
}
@media screen and (min-width: 992px) {
  .product-item {
    padding: 30px;
  }
}

.product-swiper {
  border: 1px solid #e8e8e8;
}
@media screen and (max-width: 992px) {
  .product-swiper {
    padding-bottom: 40px;
  }
  .product-swiper .product-swiper-btn {
    width: 32px;
    height: 32px;
  }
  .product-swiper .swiper-button-prev {
    left: 4px;
    top: 46%;
    margin: 0;
  }
  .product-swiper .swiper-button-next {
    right: 4px;
    top: 46%;
    margin: 0;
  }
}

.product-description-media {
  width: 40px;
  height: 40px;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-description-media .icon-description {
  background-position: top center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}
.product-description-media .icon-clock {
  background-image: url("../img/store/icon-clock.svg");
}
.product-description-media .icon-bookmarks {
  background-image: url("../img/store/icon-bookmarks.svg");
}
.product-description-media .icon-currency {
  background-image: url("../img/store/icon-currency.svg");
}
.product-description-media .icon-magnet {
  background-image: url("../img/store/icon-magnet.svg");
}
.product-description-media .icon-crosshair {
  background-image: url("../img/store/icon-crosshair.svg");
}

.product-btns {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}
@media screen and (max-width: 450px) {
  .product-btns {
    flex-direction: column;
    margin-top: 18px;
    gap: 12px;
  }
}
.product-btns .btn {
  min-width: 152px;
  padding: 0 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  height: 51px;
}
@media screen and (max-width: 992px) {
  .product-btns .btn {
    min-width: 165px;
  }
}
@media screen and (max-width: 450px) {
  .product-btns .btn {
    min-width: 100%;
  }
}

.product-price {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
@media screen and (max-width: 450px) {
  .product-price {
    justify-content: space-between;
    align-items: center;
  }
}
.product-price .price-current {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
}
.product-price .price-old {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: rgba(83, 83, 83, 0.6);
  text-decoration-line: line-through;
}

.product-text p {
  margin-bottom: 12px;
}
.product-text p:last-child {
  margin-bottom: 0;
}
.product-text ul {
  margin-bottom: 12px;
  list-style-type: disc;
  padding-left: 18px;
}
.product-text a {
  color: #35393a;
  text-decoration: underline;
}

.box-promotional {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .box-promotional {
    margin-top: 50px;
  }
}

.table-product-feature tr:nth-child(n+11) {
  display: none;
}
.table-product-feature tr td {
  padding: 10px 20px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .table-product-feature tr td {
    padding: 10px 6px;
    font-size: 12px;
    line-height: 17px;
  }
  .table-product-feature tr td:first-child {
    padding-right: 30px;
  }
}
.table-product-feature tr td:last-child {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .table-product-feature tr td:last-child {
    width: auto;
  }
}
.table-product-feature.active tr:nth-child(n+11) {
  display: table-row;
}

.product-accessories {
  margin-top: 86px;
}
@media screen and (max-width: 768px) {
  .product-accessories {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .product-accessories-inners {
    margin: 0 -15px;
  }
  .product-accessories-inners .swiper-accessories {
    padding-left: 15px;
  }
}
.product-accessories .store-card {
  display: block;
  width: 100%;
  max-width: 100%;
}
.product-accessories .store-card:hover {
  box-shadow: none;
}
.product-accessories .store-card-img {
  height: 264px;
  padding: 0 50px;
}
@media screen and (max-width: 768px) {
  .product-accessories .store-card-img {
    height: 155px;
  }
}
.product-accessories .store-card-body {
  padding: 18px 0 0;
}
.product-accessories .store-card-text {
  margin-top: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  height: 58px;
  color: #35393a;
}
@media screen and (max-width: 768px) {
  .product-accessories .store-card-text {
    font-size: 14px;
    line-height: 20px;
  }
}
.product-accessories .store-card-text:hover {
  text-decoration: underline;
}
.product-accessories .store-card-actions {
  margin-top: 13px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .product-accessories .store-card-actions {
    margin-top: 12px;
  }
}

.product-benefits {
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .product-benefits {
    margin-top: 50px;
  }
}
.product-benefits-media {
  width: 48px;
  height: 48px;
  border: 2px solid #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 12px;
}
@media screen and (max-width: 768px) {
  .product-benefits-media {
    width: 40px;
    height: 40px;
  }
}
.product-benefits-media .benefits-icon {
  background-position: top center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: block;
}
.product-benefits-media .benefits-icon1 {
  background-image: url("../img/store/benefits-star.svg");
}
.product-benefits-media .benefits-icon2 {
  background-image: url("../img/store/benefits-board.svg");
}
.product-benefits-media .benefits-icon3 {
  background-image: url("../img/store/benefits-shield-check.svg");
}

.product-subscribe {
  background-image: url("../img/store/bg_subscribe_card.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  margin-top: 20px;
  padding: 100px 0;
}
.product-subscribe h2 {
  color: #ffffff;
}
.product-subscribe-inners {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 992px) {
  .product-subscribe-inners {
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 992px) {
  .product-subscribe {
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .product-subscribe {
    padding: 60px 0;
  }
}
.product-subscribe-info {
  max-width: 550px;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 992px) {
  .product-subscribe-info {
    text-align: center;
    max-width: 450px;
    width: 100%;
    margin-bottom: 32px;
  }
}
.product-subscribe .subtitle {
  max-width: 380px;
}
@media screen and (max-width: 992px) {
  .product-subscribe .subtitle {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .product-subscribe .subtitle {
    margin: 16px auto 0;
  }
}
.product-subscribe-form {
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .product-subscribe-form {
    width: 100%;
  }
}
.product-subscribe-form form {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .product-subscribe-form form {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
  }
  .product-subscribe-form form button {
    width: 100%;
  }
  .product-subscribe-form form .form-group {
    width: 100%;
  }
}
.product-subscribe-form form .form-control {
  height: 56px;
  width: 296px;
  color: #535353;
}
@media screen and (max-width: 768px) {
  .product-subscribe-form form .form-control {
    height: 48px;
    width: 100%;
  }
}
.product-subscribe-form form .form-control.is-invalid {
  background: #ffffff;
}

.list-equipment li {
  margin-bottom: 16px;
  position: relative;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .list-equipment li {
    margin-bottom: 12px;
  }
}
.list-equipment li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: #333333;
  display: block;
  margin-right: 8px;
  flex-shrink: 0;
  margin-top: 8px;
}
.list-equipment li:last-child {
  margin-bottom: 0;
}

.product-card {
  max-width: 100%;
  width: 100%;
  flex-shrink: 0;
  top: 0;
  margin-top: 50px;
  position: static;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .product-card {
    max-width: 397px;
    top: 70px;
    margin-top: 0;
    position: sticky;
  }
}
.product-card-body {
  padding: 44px 16px 32px;
  border: 1px solid #e8e8e8;
}
@media screen and (max-width: 768px) {
  .product-card-body {
    padding: 10px;
  }
}
.product-card-header {
  display: flex;
  align-items: flex-start;
  padding-bottom: 24px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 31px;
}
@media screen and (max-width: 992px) {
  .product-card-header {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 768px) {
  .product-card-header {
    padding: 0;
    border: 0;
    margin-bottom: 32px;
  }
}
.product-card-header-media {
  max-width: 95px;
  flex-shrink: 0;
  margin-right: 16px;
  padding: 25px 5px;
  max-height: 100px;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .product-card-header-media {
    margin-right: 12px;
  }
}
.product-card-header h3 {
  text-transform: none;
  margin-bottom: 6px;
}

.list-documentation {
  column-count: 2;
  column-gap: 56px;
}
@media screen and (max-width: 1200px) {
  .list-documentation {
    column-gap: 25px;
  }
}
@media screen and (max-width: 992px) {
  .list-documentation {
    column-count: 1;
    column-gap: 20px;
  }
}
.list-documentation li {
  margin-bottom: 24px;
  position: relative;
  display: flex;
  align-items: center;
  break-inside: avoid;
}
.list-documentation li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #35393a;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
}
.list-documentation li a:hover .icon-download {
  background-color: rgba(3, 72, 83, 0.1);
}
.list-documentation li:last-child {
  margin-bottom: 0;
}
.list-documentation .icon-pdf {
  background-image: url("../img/store/icon-pdf.svg");
  background-position: top center;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  flex-shrink: 0;
}
.list-documentation .icon-download {
  width: 24px;
  height: 24px;
  margin-left: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
}
.list-documentation .icon-download::before {
  color: #004a98;
}
@media screen and (max-width: 768px) {
  .list-documentation .icon-download {
    margin-left: 26px;
  }
}

.product-gallery-inners {
  display: flex;
  align-items: stretch;
  gap: 22px;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .product-gallery-inners {
    flex-direction: column;
    gap: 12px;
  }
}

.product-gallery-item {
  border: 1px solid #e8e8e8;
  width: calc(50% - 11px);
  height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 992px) {
  .product-gallery-item {
    height: 150px;
  }
}
@media screen and (max-width: 768px) {
  .product-gallery-item {
    width: 100%;
    height: 180px;
  }
}
.product-gallery-item:hover::after {
  opacity: 1;
}
.product-gallery-item:hover::before {
  opacity: 1;
}
.product-gallery-item::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
.product-gallery-item::before {
  content: "";
  background-image: url("../img/icon_search-plus.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.product-gallery-item picture {
  height: 100%;
}
.product-gallery-item img {
  height: 100%;
}

.table-compare {
  max-width: 1055px;
}
.table-compare a {
  color: #35393a;
  justify-content: center;
}
.table-compare .icon-arrow-right {
  color: #ffffff;
}
.table-compare thead {
  position: -webkit-sticky; /* Для Safari */
  position: sticky;
  top: 0;
  background-color: #fff; /* Фон заголовка столбцов, чтобы он был виден при прокрутке */
  z-index: 10;
}
.table-compare thead tr th {
  padding: 22px 20px;
}
.table-compare thead tr th:not(:first-child) {
  text-align: center;
}
.table-compare thead tr th:first-child {
  position: sticky;
  left: 0;
  background-color: #fff;
}
@media screen and (max-width: 992px) {
  .table-compare thead tr th {
    padding: 10px;
  }
}
.table-compare tbody tr th {
  padding: 14px 20px;
  font-weight: 700;
  vertical-align: middle;
}
.table-compare tbody tr th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: white;
}
@media screen and (max-width: 992px) {
  .table-compare tbody tr th {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.table-compare tbody tr td {
  padding: 14px 20px;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 992px) {
  .table-compare tbody tr td {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.table-compare tr th:first-child {
  width: 36%;
}

.table {
  --bs-table-striped-bg: transporant;
  --bs-table-striped-order: even;
}

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #e8e8e8;
}

.rev-wrapper {
  max-width: 713px;
  width: 100%;
}

.rev-attention {
  padding: 20px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
@media screen and (max-width: 992px) {
  .rev-attention {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 768px) {
  .rev-attention {
    flex-direction: column;
    padding: 28px 15px;
  }
  .rev-attention .rev-attention-caption {
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    margin-bottom: 32px;
    text-align: center;
  }
}
.rev-attention .btn {
  min-width: auto;
  padding: 0 29px;
}
@media screen and (max-width: 768px) {
  .rev-attention .btn {
    width: 100%;
  }
}

.rev-item {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  padding: 32px;
}
@media screen and (max-width: 992px) {
  .rev-item {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 768px) {
  .rev-item {
    padding: 16px 32px 16px 16px;
  }
}
.rev-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .rev-item-header {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.rev-item-nickname {
  font-size: 18px;
  line-height: 25px;
}
@media screen and (max-width: 768px) {
  .rev-item-nickname {
    margin-bottom: 4px;
  }
}
.rev-item-date {
  color: rgba(83, 83, 83, 0.5);
}
@media screen and (max-width: 768px) {
  .rev-item-date {
    font-size: 12px;
    line-height: 17px;
  }
}
.rev-item-rating {
  margin-top: 4px;
}
.rev-item-rating .rating-box {
  gap: 3px;
}
.rev-item-rating .rating-box .icon {
  width: 19px;
  height: 19px;
}
.rev-item-answer {
  display: flex;
  align-items: center;
  gap: 49px;
  margin-top: 22px;
}
.rev-item-reply {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: rgba(111, 111, 111, 0.6);
}
.rev-item-answers {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #004a98;
}
.rev-item .form-group textarea {
  width: 100%;
  height: 121px;
  max-width: 592px;
  resize: none;
  background: #e8e8e8;
  border-radius: 5px;
}

.rev-item-response {
  display: none;
}

.form-response .btn {
  min-width: 170px;
}
.form-response label {
  font-size: 12px;
  line-height: 17px;
}

.rev-reply {
  position: relative;
  height: 100%;
  padding-left: 12px;
  border-left: 1px solid #e8e8e8;
}

.btn-more-rev {
  height: 48px;
}

.rev-item-hidden {
  display: none;
}

.rev-inners.active .rev-item-hidden {
  display: block;
}

.revModal .modal-dialog {
  max-width: 594px;
}
.revModal .modal-content {
  padding: 0;
}
.revModal .modal-content .btn-close {
  right: 48px;
  top: 37px;
}
@media screen and (max-width: 768px) {
  .revModal .modal-content .btn-close {
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.revModal .modal-title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .revModal .modal-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.revModal .modal-header {
  padding: 24px 40px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .revModal .modal-header {
    padding: 12px 15px;
  }
}
.revModal .modal-body {
  padding: 24px 40px;
}
@media screen and (max-width: 768px) {
  .revModal .modal-body {
    padding: 24px 16px;
  }
}

.form-rev .btn {
  height: 56px;
}
.form-rev textarea {
  min-height: 181px;
  resize: none;
}

.icon-reply {
  background-image: url("../img/store/icon-reply.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 8px;
}

.icon-answers {
  background-image: url("../img/store/icon-answers.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 8px;
}

.banner-top {
  margin-bottom: 20px;
}
.banner-top img {
  display: block;
}

.table-responsive {
  overflow-y: auto;
  max-height: 500px;
}

.carousel {
  position: relative;
  box-sizing: border-box;
}

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

.carousel.is-draggable {
  cursor: move;
  cursor: grab;
}

.carousel.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.carousel__viewport {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}

.carousel__track {
  display: flex;
}

.carousel__slide {
  flex: 0 0 auto;
  width: var(--carousel-slide-width, 60%);
  max-width: 100%;
  padding: 1rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.carousel__dots {
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  user-select: none;
}

.carousel__dots .carousel__dot {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.carousel__dots .carousel__dot:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
  opacity: 0.25;
  transition: opacity 0.15s ease-in-out;
}

.carousel__dots .carousel__dot.is-selected:after {
  opacity: 1;
}

.carousel__button {
  width: var(--carousel-button-width, 48px);
  height: var(--carousel-button-height, 48px);
  padding: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  cursor: pointer;
  color: var(--carousel-button-color, currentColor);
  background: var(--carousel-button-bg, transparent);
  border-radius: var(--carousel-button-border-radius, 50%);
  box-shadow: var(--carousel-button-shadow, none);
  transition: opacity 0.15s ease;
}

.carousel__button.is-prev, .carousel__button.is-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.carousel__button.is-prev {
  left: 10px;
}

.carousel__button.is-next {
  right: 10px;
}

.carousel__button[disabled] {
  cursor: default;
  opacity: 0.3;
}

.carousel__button svg {
  width: var(--carousel-button-svg-width, 50%);
  height: var(--carousel-button-svg-height, 50%);
  fill: none;
  stroke: currentColor;
  stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
  stroke-linejoin: bevel;
  stroke-linecap: round;
  filter: var(--carousel-button-svg-filter, none);
  pointer-events: none;
}

html.with-fancybox {
  scroll-behavior: auto;
}

body.compensate-for-scrollbar {
  overflow: hidden !important;
  touch-action: none;
}

.fancybox__container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  margin: 0;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  color: var(--fancybox-color, #fff);
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  z-index: 1050;
  outline: none;
  transform-origin: top left;
  --carousel-button-width: 48px;
  --carousel-button-height: 48px;
  --carousel-button-svg-width: 24px;
  --carousel-button-svg-height: 24px;
  --carousel-button-svg-stroke-width: 2.5;
  --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

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

.fancybox__container :focus {
  outline: none;
}

body:not(.is-using-mouse) .fancybox__container :focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
}

@media all and (min-width: 1024px) {
  .fancybox__container {
    --carousel-button-width:48px;
    --carousel-button-height:48px;
    --carousel-button-svg-width:27px;
    --carousel-button-svg-height:27px;
  }
}
.fancybox__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
}

.fancybox__carousel {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  z-index: 10;
}

.fancybox__carousel.has-dots {
  margin-bottom: calc(0.5rem + 22px);
}

.fancybox__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  cursor: default;
}

.fancybox__track {
  display: flex;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 48px 8px 8px 8px;
  position: relative;
  overscroll-behavior: contain;
  display: flex;
  flex-direction: column;
  outline: 0;
  overflow: auto;
  --carousel-button-width: 36px;
  --carousel-button-height: 36px;
  --carousel-button-svg-width: 22px;
  --carousel-button-svg-height: 22px;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

@media all and (min-width: 1024px) {
  .fancybox__slide {
    padding: 64px 100px;
  }
}
.fancybox__content {
  margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
  padding: 36px;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  position: relative;
  align-self: center;
  display: flex;
  flex-direction: column;
  z-index: 20;
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: thin dotted;
  box-shadow: none;
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  margin: 0;
  padding: 1rem 0 0 0;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  visibility: visible;
  cursor: auto;
  flex-shrink: 0;
  overflow-wrap: anywhere;
}

.is-loading .fancybox__caption {
  visibility: hidden;
}

.fancybox__container > .carousel__dots {
  top: 100%;
  color: var(--fancybox-color, #fff);
}

.fancybox__nav .carousel__button {
  z-index: 40;
}

.fancybox__nav .carousel__button.is-next {
  right: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-next {
    right: 40px;
  }
}
.fancybox__nav .carousel__button.is-prev {
  left: 8px;
}

@media all and (min-width: 1024px) {
  .fancybox__nav .carousel__button.is-prev {
    left: 40px;
  }
}
.carousel__button.is-close {
  position: absolute;
  top: 8px;
  right: 8px;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  right: calc(env(safe-area-inset-right, 0px) + 8px);
  z-index: 40;
}

@media all and (min-width: 1024px) {
  .carousel__button.is-close {
    right: 40px;
  }
}
.fancybox__content > .carousel__button.is-close {
  position: absolute;
  top: -40px;
  right: 0;
  color: var(--fancybox-color, #fff);
}

.fancybox__no-click, .fancybox__no-click button {
  pointer-events: none;
}

.fancybox__spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  color: var(--fancybox-color, currentColor);
}

.fancybox__slide .fancybox__spinner {
  cursor: pointer;
  z-index: 1053;
}

.fancybox__spinner svg {
  animation: fancybox-rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.fancybox__spinner svg circle {
  fill: none;
  stroke-width: 2.75;
  stroke-miterlimit: 10;
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: fancybox-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: currentColor;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fancybox-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fancybox__backdrop, .fancybox__caption, .fancybox__nav, .carousel__dots, .carousel__button.is-close {
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop, .fancybox__container.is-animated[aria-hidden=false] .fancybox__caption, .fancybox__container.is-animated[aria-hidden=false] .fancybox__nav, .fancybox__container.is-animated[aria-hidden=false] .carousel__dots, .fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
  animation: 0.15s ease backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop, .fancybox__container.is-animated.is-closing .fancybox__caption, .fancybox__container.is-animated.is-closing .fancybox__nav, .fancybox__container.is-animated.is-closing .carousel__dots, .fancybox__container.is-animated.is-closing .carousel__button.is-close {
  animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox-fadeIn {
  animation: 0.15s ease both fancybox-fadeIn;
}

.fancybox-fadeOut {
  animation: 0.1s ease both fancybox-fadeOut;
}

.fancybox-zoomInUp {
  animation: 0.2s ease both fancybox-zoomInUp;
}

.fancybox-zoomOutDown {
  animation: 0.15s ease both fancybox-zoomOutDown;
}

.fancybox-throwOutUp {
  animation: 0.15s ease both fancybox-throwOutUp;
}

.fancybox-throwOutDown {
  animation: 0.15s ease both fancybox-throwOutDown;
}

@keyframes fancybox-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fancybox-fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fancybox-zoomInUp {
  from {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fancybox-zoomOutDown {
  to {
    transform: scale(0.97) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutUp {
  to {
    transform: translate3d(0, -30%, 0);
    opacity: 0;
  }
}
@keyframes fancybox-throwOutDown {
  to {
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
}
.fancybox__carousel .carousel__slide {
  scrollbar-width: thin;
  scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.fancybox__carousel.is-draggable .fancybox__slide, .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel.is-dragging .fancybox__slide, .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__carousel .fancybox__slide .fancybox__content {
  cursor: auto;
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__image {
  transform-origin: 0 0;
  user-select: none;
  transition: none;
}

.has-image .fancybox__content {
  padding: 0;
  background: transparent;
  min-height: 1px;
}

.is-closing .has-image .fancybox__content {
  overflow: visible;
}

.has-image[data-image-fit=contain] {
  overflow: visible;
  touch-action: none;
}

.has-image[data-image-fit=contain] .fancybox__content {
  flex-direction: row;
  flex-wrap: wrap;
}

.has-image[data-image-fit=contain] .fancybox__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.has-image[data-image-fit=contain-w] {
  overflow-x: hidden;
  overflow-y: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__content {
  min-height: auto;
}

.has-image[data-image-fit=contain-w] .fancybox__image {
  max-width: 100%;
  height: auto;
}

.has-image[data-image-fit=cover] {
  overflow: visible;
  touch-action: none;
}

.has-image[data-image-fit=cover] .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-image[data-image-fit=cover] .fancybox__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, .fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
  width: 100%;
  height: 80%;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content, .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, .fancybox__carousel .fancybox__slide.has-video .fancybox__content, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
}

.fancybox-placeholder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.fancybox__thumbs {
  flex: 0 0 auto;
  position: relative;
  padding: 0px 3px;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  opacity: 0;
}

.fancybox__thumbs .carousel__slide {
  flex: 0 0 auto;
  width: var(--fancybox-thumbs-width, 96px);
  margin: 0;
  padding: 8px 3px;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  cursor: pointer;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 5px;
  border-style: solid;
  border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  opacity: 0;
  transition: opacity 0.15s ease;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
  opacity: 0.92;
}

.fancybox__thumbs .carousel__slide > * {
  pointer-events: none;
  user-select: none;
}

.fancybox__thumb {
  position: relative;
  width: 100%;
  padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
  background-size: cover;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  border-radius: var(--fancybox-thumbs-border-radius, 4px);
}

.fancybox__toolbar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);
  padding: 0;
  touch-action: none;
  display: flex;
  justify-content: space-between;
  --carousel-button-svg-width: 20px;
  --carousel-button-svg-height: 20px;
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4));
}

@media all and (min-width: 1024px) {
  .fancybox__toolbar {
    padding: 8px;
  }
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
  animation: 0.15s ease-in backwards fancybox-fadeIn;
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
  opacity: 0;
}

.fancybox__toolbar__items {
  display: flex;
}

.fancybox__toolbar__items--left {
  margin-right: auto;
}

.fancybox__toolbar__items--center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.fancybox__toolbar__items--right {
  margin-left: auto;
}

@media (max-width: 640px) {
  .fancybox__toolbar__items--center:not(:last-child) {
    display: none;
  }
}
.fancybox__counter {
  min-width: 72px;
  padding: 0 10px;
  line-height: var(--carousel-button-height, 48px);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox__progress {
  background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 30;
  user-select: none;
}

.fancybox__container:fullscreen::backdrop {
  opacity: 0;
}

.fancybox__button--fullscreen g:nth-child(2) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
  display: none;
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
  display: block;
}

.fancybox__button--slideshow g:nth-child(2) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
  display: none;
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
  display: block;
}

.account-sidebar {
  display: none;
  max-width: 292px;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (min-width: 992px) {
  .account-sidebar {
    display: flex;
  }
}
@media screen and (max-width: 991px) {
  .account h1 {
    text-align: left;
    margin-top: 24px;
  }
}
.account .breadcrumb {
  margin-top: 6px;
}
.account .breadcrumb a {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width: 992px) {
  .account .breadcrumb {
    margin-top: 0;
  }
}
.account-profile {
  padding: 13px 8px;
  background: rgba(0, 74, 152, 0.05);
}
.account-profile .login-icon {
  width: 32px;
  height: 32px;
  background-color: rgba(222, 223, 224, 0.1);
  background-image: url("../img/user-icon-new.svg");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: block;
  margin-right: 14px;
  flex-shrink: 0;
}
.account-profile-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #35393a;
}
.account-profile-email {
  font-size: 12px;
  line-height: 17px;
  color: #6f6f6f;
}
.account-links .nav-link {
  height: 48px;
  padding: 0 8px;
  background: transparent;
  border: 0;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #35393a;
  border-radius: 2px;
  display: flex;
  align-items: center;
}
.account-links .nav-link.active {
  background: rgba(0, 74, 152, 0.2);
  color: #004a98;
  pointer-events: none;
}
.account-links .nav-link.active .account-icon {
  background: #004a98;
}
.account-links .nav-link.active .account-icon::before {
  color: #ffffff;
}
.account-icon {
  width: 32px;
  height: 32px;
  border: 1px solid #e8e8e8;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 14px;
}
.account-icon::before {
  color: #004a98;
}

.personal-box {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 24px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .personal-box {
    padding: 12px 16px;
  }
}
.personal-box-content {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .personal-box-content {
    display: none;
  }
}
.personal-box .account-icon {
  margin-right: 16px;
  border: 1px solid #e8e8e8;
}
@media screen and (max-width: 992px) {
  .personal-box .account-icon {
    margin-right: 8px;
  }
}
.personal-box .account-icon::before {
  color: #004a98;
}
.personal-box-caption {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
@media screen and (max-width: 992px) {
  .personal-box-caption {
    font-size: 16px;
    line-height: 24px;
  }
}
.personal-box-delivery .personal-info-form .form-group {
  width: 100%;
}
.personal-box-delivery .personal-info-form .form-group.street {
  max-width: 235px;
}
@media screen and (max-width: 992px) {
  .personal-box-delivery .personal-info-form .form-group.street {
    max-width: 500px;
    width: 100%;
  }
}
.personal-box-delivery .personal-info-form .form-group.house {
  max-width: 146px;
}
@media screen and (max-width: 992px) {
  .personal-box-delivery .personal-info-form .form-group.house {
    max-width: 500px;
    width: 100%;
  }
}
.personal-box-delivery .personal-info-form .form-group.floor {
  max-width: 107px;
}
@media screen and (max-width: 992px) {
  .personal-box-delivery .personal-info-form .form-group.floor {
    max-width: 500px;
    width: 100%;
  }
}
.personal-box-delivery .personal-info-form .form-group.locality {
  max-width: 193px;
}
@media screen and (max-width: 992px) {
  .personal-box-delivery .personal-info-form .form-group.locality {
    max-width: 500px;
    width: 100%;
  }
}
.personal-box-delivery .personal-delete {
  margin-left: 10px;
}
.personal-box-main {
  position: relative;
  padding-right: 15px;
}
@media screen and (max-width: 992px) {
  .personal-box-main {
    font-size: 16px;
    line-height: 18px;
  }
  .personal-box-main::after {
    content: "\e80e";
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: inherit;
    transition: all 0.3s ease-in-out;
    width: 16px;
    height: 16px;
    font-size: 16px;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.personal-box.open .personal-box-main::after {
  transform: rotate(180deg);
}

.personal-info {
  gap: 24px 55px;
}
@media screen and (max-width: 992px) {
  .personal-info {
    flex-direction: column;
    gap: 12px;
  }
}
.personal-info-recipients {
  gap: 24px 30px;
}
@media screen and (max-width: 992px) {
  .personal-info-recipients {
    gap: 12px;
  }
}
.personal-info-delivery {
  gap: 24px 48px;
}
@media screen and (max-width: 992px) {
  .personal-info-delivery {
    gap: 12px;
  }
}
@media screen and (max-width: 992px) {
  .personal-info-login {
    gap: 12px;
    max-width: 500px;
    width: 100%;
  }
}
.personal-info-login-edit {
  margin-left: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1px;
}
@media screen and (max-width: 992px) {
  .personal-info-login-edit {
    margin-bottom: 3px;
    margin-left: auto;
  }
}
.personal-info-login-edit span {
  margin-right: 0;
}
.personal-info-sub {
  font-size: 14px;
  line-height: 20px;
  color: #6f6f6f;
  margin-bottom: 4px;
}
@media screen and (max-width: 992px) {
  .personal-info-sub {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 1px;
  }
}
.personal-info-primary {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #35393a;
}
@media screen and (max-width: 992px) {
  .personal-info-primary {
    font-size: 14px;
    line-height: 20px;
  }
}
.personal-info-form {
  gap: 18px 24px;
}
@media screen and (max-width: 992px) {
  .personal-info-form {
    gap: 8px;
    flex-direction: column;
    align-items: flex-start !important;
    position: relative;
  }
}
.personal-info-form .form-group {
  max-width: 176px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  .personal-info-form .form-group {
    max-width: 500px;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .personal-info-form .form-group {
    max-width: 100%;
    width: 100%;
  }
}
.personal-info-form.form-width {
  max-width: 580px;
}
@media screen and (max-width: 768px) {
  .personal-info-form.form-width {
    max-width: 100%;
  }
}
.personal-info-form .icon-calendar input {
  background: transparent;
  cursor: pointer;
}
.personal-info-form .icon-calendar::before {
  background: transparent;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.hidden-capt {
  display: none;
  font-weight: 700;
}
@media screen and (max-width: 992px) {
  .hidden-capt {
    display: block;
  }
}

.btn-account {
  margin-top: 32px;
  min-width: 164px;
  padding: 0 28px;
  font-size: 14px;
  line-height: 19px;
}
@media screen and (max-width: 992px) {
  .btn-account {
    margin-top: 24px;
    font-size: 12px;
    line-height: 17px;
  }
}
@media screen and (max-width: 500px) {
  .btn-account {
    margin-top: 24px;
    width: 100%;
  }
}

.btn-clean {
  border: 0;
  background: transparent;
}

.btn-exit {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #004a98;
  display: flex;
  align-items: center;
  position: absolute;
  right: 24px;
  top: 30px;
}
@media screen and (max-width: 992px) {
  .btn-exit {
    padding: 0;
    margin-top: 12px;
    position: static;
  }
}
.btn-exit .icon-exit {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.datepicker--nav {
  color: #333333;
}

.datepicker--nav-action {
  background: #333333;
}
.datepicker--nav-action:hover {
  background: rgba(51, 51, 51, 0.7);
}

.datepicker {
  -webkit-box-shadow: 0 4px 14px rgba(68, 102, 242, 0.15);
  box-shadow: 0 4px 14px rgba(68, 102, 242, 0.15);
}

.datepicker--nav-title i {
  color: #333333;
}

.datepicker--day-name {
  color: #000;
  font-weight: bold;
}

.datepicker--cell.-current- {
  color: #000;
  border-radius: 5px;
  font-weight: bold;
  border: 2px solid #333333;
}

.datepicker--cell.-focus- {
  background: #333333;
  color: #fff;
}

.datepicker--cell.-selected- {
  background: #333333;
}
.datepicker--cell.-selected-.-focus- {
  background: rgba(51, 51, 51, 0.7);
}

.personal-form-btns {
  display: flex;
  align-items: center;
  margin-top: 32px;
  gap: 24px;
}
@media screen and (max-width: 500px) {
  .personal-form-btns {
    flex-direction: column;
    gap: 12px;
  }
}
.personal-form-btns button {
  min-width: 176px;
  padding: 0 28px;
  font-size: 14px;
  line-height: 19px;
}
@media screen and (max-width: 992px) {
  .personal-form-btns button {
    font-size: 12px;
    line-height: 17px;
  }
}
@media screen and (max-width: 500px) {
  .personal-form-btns button {
    width: 100%;
  }
}

.info-hidden {
  display: none;
}

.personal-delete {
  margin-left: -10px;
  margin-bottom: 8px;
}
@media screen and (max-width: 992px) {
  .personal-delete {
    position: absolute;
    top: 0;
    right: 12px;
    margin: 0;
  }
}
.personal-delete .icon-delete {
  cursor: pointer;
}
.personal-delete .icon-delete::before {
  color: #004a98;
}

.add-recipient {
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 17px;
  color: #004a98;
  cursor: pointer;
}
.add-recipient .icon-plus {
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.add-recipient .icon-plus::before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.manager_main {
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .manager_main {
    max-width: 490px;
  }
}

.manager-ok {
  max-width: 505px;
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  padding: 22px 30px 55px;
  text-align: center;
  display: none;
}
@media screen and (max-width: 768px) {
  .manager-ok {
    border: 0;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .manager-ok h3 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .manager-ok p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 450px) {
  .manager-ok .btn {
    width: 100%;
    border-radius: 2px;
    height: 48px;
  }
}

.img-success-sent {
  background-image: url("../img/account/success-sent.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 242px;
  height: 230px;
  display: inline-block;
}

.form-support {
  max-width: 330px;
  width: 100%;
  margin-top: 18px;
}
@media screen and (max-width: 992px) {
  .form-support {
    max-width: 100%;
  }
}
.form-support textarea {
  min-height: 138px;
  resize: none;
}
.form-support .btn {
  width: 100%;
  margin-top: 32px;
}

.subscription-inners {
  margin-top: 32px;
  display: flex;
  align-items: flex-start;
  gap: 108px;
}
.subscription-inners h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .subscription-inners h2 {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1200px) {
  .subscription-inners {
    gap: 50px;
  }
}
@media screen and (max-width: 992px) {
  .subscription-inners {
    gap: 32px;
    flex-direction: column;
    margin-top: 0;
  }
  .subscription-inners h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
  }
}

.subscription-types {
  max-width: 100%;
}
@media screen and (min-width: 992px) {
  .subscription-types {
    max-width: 420px;
  }
}

.subscription-inners .form-check-label p {
  font-size: 14px;
  line-height: 20px;
  color: #6f6f6f;
}

.subscription-inners .form-check-label .subscription-title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 6px;
  font-weight: 600;
  color: #35393a;
}
@media screen and (max-width: 992px) {
  .subscription-inners .form-check-label .subscription-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 4px;
  }
}

.form-check-input[type=checkbox] {
  border: 1px solid rgba(3, 72, 83, 0.4);
  border-radius: 4px;
}

.form-check-input[type=checkbox]:checked {
  background-color: #004a98;
  border-color: #004a98;
}

.orders-search {
  max-width: 100%;
  width: 100%;
  gap: 12px;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .orders-search {
    flex-direction: row;
    gap: 0;
    max-width: 560px;
  }
}
.orders-search input {
  height: 40px;
  background-image: url("../img/account/search.svg");
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 39px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .orders-search input {
    height: 48px;
    background-position: left 32px center;
    padding-left: 55px;
    width: 380px;
  }
}
.orders-search input::placeholder {
  opacity: 0.5;
}
.orders-search input:-ms-input-placeholder {
  opacity: 0.5;
}
.orders-search input::-ms-input-placeholder {
  opacity: 0.5;
}
.orders-search button {
  min-width: 136px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .orders-search button {
    width: 100%;
    max-width: 100%;
  }
}

.orders-filter {
  width: 100%;
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .orders-filter {
    margin-left: 15px;
    width: auto;
  }
}
.orders-filter select {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  border: 1px solid #e8e8e8;
  height: 44px;
}
.orders-filter select option {
  color: rgba(51, 51, 51, 0.6);
  margin: 5px 0;
  border: 0 !important;
}

.orders-header {
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .orders-header {
    flex-direction: row;
    gap: 0;
  }
}

.order-item {
  margin-top: 18px;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .order-item {
    padding-bottom: 16px;
  }
}
.order-item-main {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 24px 9px 32px;
}
@media screen and (max-width: 768px) {
  .order-item-main {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 16px 0 16px;
  }
}
.order-item-info {
  display: flex;
  align-items: center;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .order-item-info {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.order-item-action {
  display: flex;
  align-items: center;
  width: 42%;
}
@media screen and (max-width: 768px) {
  .order-item-action {
    width: 100%;
    margin-top: 16px;
  }
}
.order-item::after {
  content: "\e80e";
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: inherit;
  transition: all 0.3s ease-in-out;
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-right: 0;
  position: absolute;
  right: 24px;
  top: 25px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .order-item::after {
    right: 16px;
    top: 16px;
  }
}
.order-item-hidden {
  margin-top: 24px;
  margin-bottom: 13px;
  padding: 0 24px 0 32px;
  display: none;
}
@media screen and (max-width: 768px) {
  .order-item-hidden {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0 16px 0 16px;
  }
}
.order-item-hidden .action-steps__list {
  counter-reset: steps;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 110px 132px 132px;
  grid-template-columns: 110px 132px 132px;
  margin-top: 35px;
  gap: 32px 46px;
}
.order-item-hidden .action-steps__item {
  counter-increment: steps;
  position: relative;
}
.order-item-hidden .action-steps__num::before {
  content: counter(steps);
}
.order-item.open::after {
  transform: rotate(180deg);
}
.order-item.open .order-item-main .order-status-block {
  opacity: 0;
  display: none;
}
.order-item.open .order-item-main .order-item-action {
  opacity: 0;
  display: none;
}

.order-steps {
  counter-reset: steps;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 91%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .order-steps {
    flex-direction: column;
    max-width: 100%;
    justify-content: flex-start;
    gap: 18px;
  }
}
.order-steps::after {
  content: "";
  width: 96%;
  height: 1px;
  background: #e8e8e8;
  position: absolute;
  left: 18px;
  right: 0;
  top: 16px;
  display: block;
}
@media screen and (max-width: 768px) {
  .order-steps::after {
    margin-top: 0;
    font-size: 12px;
    width: 1px;
    height: 92%;
    left: 12px;
  }
}
.order-steps .order-step {
  counter-increment: steps;
  width: 32px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .order-steps .order-step {
    width: 100%;
    display: flex;
    align-items: center;
  }
}
.order-steps .order-step-tooltip {
  white-space: nowrap;
  width: auto;
  position: absolute;
  left: -5px;
  top: -50px;
  font-size: 14px;
  line-height: 20px;
  color: #6f6f6f;
  z-index: 3;
  padding: 8px 16px;
  background: #fff;
  border-radius: 2px;
  filter: drop-shadow(-2px 2px 10px rgba(112, 112, 117, 0.3));
}
@media screen and (max-width: 768px) {
  .order-steps .order-step-tooltip {
    position: static;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 17px;
    background: transparent;
    margin-left: auto;
    color: rgba(12, 12, 12, 0.8);
  }
  .order-steps .order-step-tooltip::after {
    display: none;
  }
}
.order-steps .order-step-tooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 13px solid #ffffff;
  position: absolute;
  left: 14px;
  bottom: -10px;
}
.order-steps .order-step.done .order-step-name {
  color: #35393a;
}
.order-steps .order-step.done .order-step-number {
  background: #004a98;
  color: #ffffff;
  border: 1px solid #004a98;
}
.order-steps .order-step-number {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #6f6f6f;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .order-steps .order-step-number {
    width: 24px;
    height: 24px;
    margin: 0 12px 0 0;
    font-weight: 400;
    font-size: 14px;
  }
}
.order-steps .order-step-number:before {
  content: counter(steps);
}
.order-steps .order-step-name {
  font-size: 12px;
  line-height: 17px;
  margin-top: 12px;
  color: #6f6f6f;
}
@media screen and (max-width: 768px) {
  .order-steps .order-step-name {
    margin-top: 0;
    font-size: 12px;
  }
}

.order-detail {
  display: flex;
  align-items: flex-start;
  gap: 29px;
}
@media screen and (max-width: 1220px) {
  .order-detail {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .order-detail {
    gap: 24px;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .order-detail-item {
    width: 100%;
  }
}
.order-detail-item-header {
  display: grid;
  grid-template-columns: 155px 1fr;
  gap: 10px;
}
@media screen and (max-width: 1220px) {
  .order-detail-item-header {
    grid-template-columns: 200px 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .order-detail-item-header {
    grid-template-columns: 2fr 1fr;
    gap: 10px;
    padding-right: 15px;
  }
}
.order-detail-item-header .order-detail-name {
  margin-bottom: 0;
}
.order-detail-item-product {
  border-bottom: 1px solid #e8e8e8;
}
.order-detail-item-product:last-child {
  margin-bottom: 0;
}
.order-detail-item-product.open .product-hidden {
  display: grid;
}
.order-detail-item-product.open .product-visible::after {
  transform: rotate(180deg);
}
.order-detail-item-product .product-visible {
  display: grid;
  grid-template-columns: 155px 1fr;
  gap: 10px;
  cursor: pointer;
  position: relative;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 20px;
}
@media screen and (max-width: 1220px) {
  .order-detail-item-product .product-visible {
    grid-template-columns: 200px 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .order-detail-item-product .product-visible {
    grid-template-columns: 2fr 1fr;
    gap: 10px;
    padding-right: 15px;
  }
}
.order-detail-item-product .product-visible::after {
  content: "\e80e";
  font-family: fontello;
  font-style: normal;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: inherit;
  transition: all 0.3s ease-in-out;
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: -1;
}
.order-detail-item-product .product-visible .order-cost {
  white-space: nowrap;
}
.order-detail-item-product .product-visible .order-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-detail-item-product .product-hidden {
  grid-template-columns: 155px 1fr;
  gap: 10px;
  margin-top: 6px;
  display: none;
  padding-bottom: 9px;
}
@media screen and (max-width: 1220px) {
  .order-detail-item-product .product-hidden {
    grid-template-columns: 200px 1fr;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .order-detail-item-product .product-hidden {
    grid-template-columns: 2fr 1fr;
    gap: 10px;
    padding-right: 15px;
  }
}
.order-detail-name {
  font-size: 12px;
  line-height: 17px;
  color: #6f6f6f;
  margin-bottom: 4px;
  white-space: nowrap;
}
.order-detail-value {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.order-detail-value p {
  margin-bottom: 13px;
  font-size: 14px;
  line-height: 20px;
}
.order-detail-value p:last-child {
  margin-bottom: 0;
}
.order-detail-value a {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 13px;
  color: #333333;
}
.order-detail-value a:last-child {
  margin-bottom: 0;
}
.order-detail-value .order-product {
  position: static !important;
}
.order-detail .icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .order-detail .icon {
    margin-right: 8px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
  }
}
.order-detail .icon.icon-tel {
  background-image: url("../img/account/icon-tel.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 768px) {
  .order-detail .icon.icon-tel {
    width: 16px;
    height: 16px;
  }
}
.order-detail .icon::before {
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .order-detail .icon::before {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
  }
}
.order-detail-delivery {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  .order-detail-delivery {
    margin-top: 8px;
  }
}
.order-detail-price .order-detail-value {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.order-detail-links {
  gap: 48px;
}
@media screen and (max-width: 450px) {
  .order-detail-links {
    gap: 0px;
    justify-content: space-between;
  }
}
.order-detail-links a {
  font-size: 14px;
  line-height: 17px;
  color: #004a98;
  display: flex;
  align-items: center;
}
.order-detail-links .icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-right: 8px;
}
.order-detail-links .icon::before {
  width: 16px;
  height: 16px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-number {
  font-size: 14px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .order-number {
    font-size: 12px;
    line-height: 17px;
    margin-right: 7px;
  }
}

.order-date {
  font-size: 12px;
  line-height: 17px;
  color: #6f6f6f;
}

.order-number-block {
  width: 40%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .order-number-block {
    width: 100%;
    flex-direction: row;
  }
}

.order-status-mob {
  font-size: 15px;
  line-height: 21px;
  display: none;
}
@media screen and (max-width: 768px) {
  .order-status-mob {
    display: block;
    margin-bottom: 12px;
  }
}

.order-status-block {
  width: 60%;
  opacity: 1;
  height: auto;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .order-status-block {
    width: 100%;
  }
}

.order-price-block {
  width: 40%;
  display: flex;
  flex-direction: column;
  opacity: 1;
  height: auto;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .order-price-block {
    width: auto;
    order: 2;
  }
}

.order-price-cap {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 17px;
  color: #6f6f6f;
}

.order-price {
  font-weight: 700;
}

.order-status {
  font-weight: 600;
  display: flex;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .order-status {
    margin-top: 12px;
  }
}
@media screen and (max-width: 768px) {
  .order-status.completed {
    color: #00a55d;
  }
}
.order-status.completed .icon-status {
  background: #00a55d;
}
.order-status.completed .icon-status::before {
  content: "\e835";
}
@media screen and (max-width: 768px) {
  .order-status.onroad {
    color: #ff910f;
  }
}
.order-status.onroad .icon-status {
  background: #ff910f;
}
.order-status.onroad .icon-status::before {
  content: "\e82d";
}
@media screen and (max-width: 768px) {
  .order-status.canceled {
    color: #f31001;
  }
}
.order-status.canceled .icon-status {
  background: #f31001;
}
.order-status.canceled .icon-status::before {
  content: "\e834";
}

.icon-status {
  margin-right: 12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .icon-status {
    display: none;
  }
}
.icon-status::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: inherit;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #ffffff;
}

.order-products {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  opacity: 1;
  height: auto;
  position: relative;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .order-products {
    width: auto;
    justify-content: flex-start;
    order: 1;
    margin-right: 15px;
  }
}

.order-product {
  max-width: 46px;
  height: 44px;
  padding: 5px;
  flex-shrink: 0;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  position: relative;
  z-index: 10;
}
.order-product:not(:first-child) {
  position: absolute;
}
.order-product:nth-child(2) {
  right: -3px;
  z-index: 9;
}
.order-product:nth-child(3) {
  right: -6px;
  z-index: 8;
}
.order-product:nth-child(4) {
  right: -9px;
  z-index: 7;
}
.order-product:nth-child(5) {
  right: -12px;
  z-index: 6;
}
.order-product:nth-child(6) {
  right: -15px;
  z-index: 5;
}
.order-product:nth-child(7) {
  right: -18px;
  z-index: 4;
}
.order-product:nth-child(8) {
  right: -21px;
  z-index: 3;
}
.order-product:nth-child(9) {
  right: -24px;
  z-index: 2;
}
.order-product:nth-child(10) {
  right: -27px;
  z-index: 1;
}

.cart-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .cart-wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.cart-main {
  width: 100%;
}
@media screen and (max-width: 992px) {
  .cart-main-inners {
    width: 100%;
  }
}
.cart-main-item {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 16px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 992px) {
  .cart-main-item {
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    width: 100%;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 16px 8px;
  }
}
.cart-main-item:last-child {
  margin-bottom: 0;
}
.cart-main-item-media {
  width: 89px;
  height: 89px;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .cart-main-item-media {
    margin-right: 12px;
  }
}
@media screen and (max-width: 360px) {
  .cart-main-item-media {
    width: 65px;
    padding: 0 5px;
  }
}
.cart-main-item-info {
  max-width: 180px;
  width: 100%;
  overflow: hidden;
}
.cart-main-item-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #35393a;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.cart-main-item-name:hover {
  text-decoration: underline;
}
.cart-main-item-code {
  font-size: 14px;
  line-height: 20px;
  color: #6f6f6f;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .cart-main-item-code {
    font-size: 12px;
    line-height: 17px;
    margin-top: 0;
  }
}
.cart-main-item-code .cart-code-value {
  margin-left: 7px;
}
.cart-main-item-price {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
@media screen and (max-width: 768px) {
  .cart-main-item-price {
    font-size: 16px;
    line-height: 24px;
  }
}
.cart-main-item-remove {
  color: #004a98;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 5px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .cart-main-item-remove {
    margin-right: 0;
  }
}
.cart-main-item-remove:hover {
  opacity: 0.5;
}
.cart-main-item-quantity {
  width: 84px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  display: flex;
  padding: 7px 10px;
  align-items: center;
  margin: 0 40px 0 30px;
}
@media screen and (max-width: 768px) {
  .cart-main-item-quantity {
    margin: 0;
  }
}
.cart-main-item-quantity button {
  width: 16px;
  height: 16px;
  border: 0;
  background: 0 0;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0;
  justify-content: center;
}
.cart-main-item-quantity button .icon-quantity {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  flex-shrink: 0;
}
.cart-main-item-quantity button .icon-quantity-minus {
  background-image: url("../img/account/quantity-minus.svg");
}
.cart-main-item-quantity button .icon-quantity-plus {
  background-image: url("../img/account/quantity-plus.svg");
}
.cart-main-item-quantity input {
  width: 32px;
  border: 0;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #6f6f6f;
}
@media screen and (max-width: 768px) {
  .cart-main-item-box {
    width: 100%;
    order: 4;
    gap: 0;
    margin-left: 99px;
    margin-top: -28px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 768px) and (max-width: 350px) {
  .cart-main-item-box {
    margin-left: 77px;
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .cart-main-item-box .cart-main-item-quantity {
    order: 2;
  }
}

.cart-right {
  width: 100%;
  max-width: 292px;
  margin-left: 24px;
  flex-shrink: 0;
  background: rgba(83, 83, 83, 0.02);
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 25px 28px;
  top: 110px;
  z-index: 5;
}
@media screen and (max-width: 992px) {
  .cart-right {
    margin-left: 0;
    max-width: 450px;
    padding: 16px;
  }
}
.cart-right-title {
  padding-bottom: 10px;
}
.cart-right .checkout-total-coupon {
  margin-top: 24px;
  margin-bottom: 12px;
}
.cart-right .checkout-total-coupon input {
  height: 40px;
  font-size: 14px;
  line-height: 20px;
  background: 0;
}
.cart-right .checkout-total-box {
  font-size: 14px;
  line-height: 20px;
}
.cart-right .grand-total {
  padding: 0;
  margin-top: 0;
  border-top: 0;
}

.edit_popup .modal-dialog {
  max-width: 711px;
}
.edit_popup .modal-content {
  padding: 0;
}
.edit_popup .modal-header {
  padding: 24px 40px;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 768px) {
  .edit_popup .modal-header {
    padding: 24px;
    margin-bottom: 20px;
  }
}
.edit_popup .modal-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  color: #35393a;
  text-transform: none;
}
@media screen and (max-width: 768px) {
  .edit_popup .modal-title {
    font-size: 16px;
    line-height: 24px;
    padding-right: 25px;
  }
}
.edit_popup .btn-close {
  top: 24px;
  margin: auto;
  right: 40px;
}
@media screen and (max-width: 768px) {
  .edit_popup .btn-close {
    right: 24px;
  }
}
.edit_popup .modal-body {
  padding: 24px 40px;
}
@media screen and (max-width: 768px) {
  .edit_popup .modal-body {
    padding: 0 24px 24px;
  }
}
.edit_popup .send_again {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #35393a;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 8px;
  left: 280px;
}
.edit_popup .send_again img {
  margin-right: 10px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .edit_popup .send_again {
    font-size: 14px;
    line-height: 20px;
    position: static;
    top: 0;
    left: 0;
    margin-top: 16px;
  }
}

.form-edit input {
  max-width: 270px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form-edit input {
    max-width: 100%;
  }
}

.edit_password .modal-dialog {
  max-width: 400px;
}

.check_pass {
  margin-left: 16px;
  flex-shrink: 0;
  cursor: pointer;
}
.check_pass .icon-eye {
  background-image: url("../img/account/icon-eye.svg");
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.check_pass.view .icon-eye {
  background-image: url("../img/account/icon-eye-off.svg");
}

.block-authorization {
  padding: 32px 0 70px;
}
@media screen and (max-width: 576px) {
  .block-authorization {
    padding: 12px 0 50px;
  }
  .block-authorization p br {
    display: none;
  }
}
.block-authorization h1 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 42px;
}
@media screen and (max-width: 768px) {
  .block-authorization h1 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 768px) {
  .block-authorization .reg-sub {
    font-size: 14px;
    line-height: 20px;
    padding: 0 35px;
  }
}
@media screen and (max-width: 350px) {
  .block-authorization .reg-sub {
    padding: 0 15px;
  }
}
.block-authorization .login-or {
  margin: 36px auto 26px;
}
@media screen and (max-width: 576px) {
  .block-authorization .login-or {
    margin: 24px auto;
  }
}

.box-reg p {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #6f6f6f;
}
.box-reg .reg-link {
  font-weight: 500;
  color: #004a98;
  font-size: 16px;
  line-height: 24px;
}

.form-authorization input {
  height: 48px;
}

.form-block-password {
  position: relative;
}
.form-block-password .check_pass {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16x;
  height: 16px;
}

.form-block-footer {
  margin: 12px 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-block-footer .form-check {
  display: flex;
  align-items: center;
}
.form-block-footer .form-check-input {
  height: 18px;
  width: 18px;
  border-color: #e8e8e8;
  flex-shrink: 0;
}
.form-block-footer .form-check-label {
  color: #6f6f6f;
  margin-bottom: 0;
  padding-left: 5px;
  line-height: 14px;
}
.form-block-footer .forgot-link {
  margin-top: 0;
  cursor: pointer;
}
.form-block-footer .form-check a {
  font-size: 14px;
  line-height: 17px;
  color: #004a98;
}

.form-registration-confirm {
  max-width: 396px;
  width: 100%;
  margin: 26px auto 0;
}
@media screen and (max-width: 576px) {
  .form-registration-confirm {
    max-width: 450px;
  }
}
.form-registration-confirm .confirm-number {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media screen and (max-width: 576px) {
  .form-registration-confirm .confirm-number {
    gap: 0;
    justify-content: space-between;
  }
}
.form-registration-confirm .confirm-number input {
  width: 56px;
  height: 56px;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  text-align: center;
  font-weight: 500;
  color: #35393a;
}
@media screen and (max-width: 768px) {
  .form-registration-confirm .confirm-number input {
    width: 42px;
    height: 42px;
  }
}
.form-registration-confirm button {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .form-registration-confirm button {
    margin-top: 32px;
  }
}

.no-orders {
  border-radius: 2px;
  border: 1px solid rgba(0, 165, 93, 0.5);
  padding: 48px 84px;
  max-width: 510px;
  text-align: center;
  display: none;
}
@media screen and (max-width: 550px) {
  .no-orders {
    border: 0;
    padding: 0;
  }
}
.no-orders .img-no-orders {
  background-image: url("../img/account/no-orders.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 336px;
  height: 227px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 450px) {
  .no-orders .img-no-orders {
    width: 280px;
    height: 190px;
  }
}
.no-orders .btn {
  min-width: 256px;
  margin-top: 32px;
}
@media screen and (max-width: 450px) {
  .no-orders .btn {
    margin-top: 32px;
  }
}
@media screen and (max-width: 450px) {
  .no-orders .btn {
    width: 100%;
    margin-top: 24px;
  }
}

.cart-empty {
  border-radius: 2px;
  border: 1px solid rgba(0, 165, 93, 0.5);
  padding: 48px 84px;
  max-width: 510px;
  text-align: center;
  display: none;
}
@media screen and (max-width: 550px) {
  .cart-empty {
    border: 0;
    padding: 0;
  }
}
.cart-empty .img-cart-empty {
  background-image: url("../img/account/cart-empty.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 270px;
  height: 240px;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 450px) {
  .cart-empty .img-cart-empty {
    width: 230px;
    height: 206px;
  }
}
.cart-empty .btn {
  min-width: 256px;
  margin-top: 32px;
}
@media screen and (max-width: 450px) {
  .cart-empty .btn {
    margin-top: 32px;
  }
}
@media screen and (max-width: 450px) {
  .cart-empty .btn {
    width: 100%;
    margin-top: 24px;
  }
}

@media (min-width: 450px) and (max-width: 768px) {
  .cart-main-item-info {
    max-width: 260px;
  }
  .cart-main-item-name {
    font-size: 14px;
    line-height: 16px;
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 449px) {
  .cart-main-item-box {
    transform: translateY(8px);
  }
  .cart-main-item-name {
    font-size: 12px;
    line-height: 14px;
    -webkit-line-clamp: 4;
  }
}
footer {
  background: #121212;
  border-top: 3px solid #004a98;
  color: #ffffff;
}

.footer {
  padding: 24px 0 18px;
  text-align: center;
  overflow: hidden;
}
.footer-address {
  margin-top: 30px;
}
@media screen and (min-width: 992px) {
  .footer-address {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .footer {
    padding: 50px 0 44px;
    text-align: left;
  }
}
.footer-logo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .footer-logo p {
    margin-top: -23px;
    display: none;
  }
}
.footer .logotip {
  width: 238px;
  height: 51px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .footer .logotip {
    margin: 0 0 24px;
    width: 255px;
    height: 62px;
  }
}
.footer p {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 4px;
}
.footer-contacts {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .footer-contacts {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  .footer-contacts {
    align-items: flex-start;
  }
}
.footer-contacts > div {
  display: flex;
  align-items: flex-start;
  margin-top: 11px;
}
.footer-contacts > div span {
  margin-right: 17px;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .footer-contacts > div span {
    display: none;
  }
}
.footer-contacts > div div {
  display: flex;
  flex-direction: column;
}
.footer-contacts a {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 4px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .footer-contacts a {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
  }
}
.footer-contacts a:last-child {
  margin-bottom: 0;
}
.footer-contacts a:hover {
  text-decoration: underline;
  color: #ffffff;
}
.footer-menu {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.footer-menu li {
  margin-bottom: 23px;
}
.footer-menu li:last-child {
  margin-bottom: 0;
}
.footer-menu li a {
  font-size: 14px;
  line-height: 20px;
  transition: all 0.3s ease-in-out;
}
.footer-menu li a:hover {
  color: #004a98;
}

.icon-phone-footer {
  background-image: url("../img/phone_footer.svg");
  width: 16px;
  height: 16px;
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
}

.icon-email-footer {
  background-image: url("../img/email_footer.svg");
  width: 16px;
  height: 16px;
  background-position: top center;
  background-repeat: no-repeat;
  display: block;
}

.footer-copy {
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 23px 0;
  padding: 0 0 18px;
  border-top: 0;
}
.footer-copy .row .col-12:first-child {
  order: 2;
}
.footer-copy .row .col-12:nth-child(2) {
  order: 3;
}
.footer-copy .row .col-12:nth-child(3) {
  order: 4;
}
.footer-copy .row .col-12:nth-child(4) {
  order: 1;
}
@media screen and (max-width: 768px) {
  .footer-copy .row .col-12:first-child {
    order: 4;
  }
  .footer-copy .row .col-12:nth-child(3) {
    order: 2;
  }
}
@media screen and (min-width: 768px) {
  .footer-copy {
    text-align: left;
    padding: 23px 0;
    border-top: 1px solid #535353;
  }
  .footer-copy .row .col-12 {
    order: inherit !important;
  }
}
.footer-copy p {
  font-size: 14px;
  line-height: 20px;
  color: #535353;
}
.footer-copy a {
  font-size: 12px;
  line-height: 17px;
  color: #535353;
  transition: all 0.3s ease-in-out;
}
.footer-copy a:hover {
  color: #ffffff;
}

.footer-social {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .footer-social {
    justify-content: flex-start;
    margin-bottom: 0;
    gap: 16px;
  }
}
.footer-social li a {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  display: block;
  width: 45px;
  height: 45px;
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}
.footer-social li a:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .footer-social li a {
    width: 30px;
    height: 30px;
  }
}
.footer-social li a.facebook {
  background-image: url("../img/facebook_circle.svg");
}
.footer-social li a.instagram {
  background-image: url("../img/instagram_circle.svg");
}
.footer-social li a.youtube {
  background-image: url("../img/yt-icon.svg");
}
.footer-social li a.vk {
  background-image: url("../img/vk-icon.svg");
}

@media screen and (min-width: 992px) {
  .footer-address-old {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .footer-address-old {
    margin-top: -20px;
  }
}