@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;700&display=swap");

/*------------------------------------------------------------*
**  Главная
**------------------------------------------------------------*/

/* CSS Document */

body {
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0px;
  font-family: "TT Norms Pro";
  background: #fff;
}

a {
  text-decoration: underline;
  color: #111;
  transition: 0.5s;
}

button {
  transition: 0.5s;
}

a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
}

p,
img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

p {
  margin: 0 0 25px 0;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  line-height: normal;
  font-weight: normal;
  color: #111;
  position: relative;
  padding: 0;
  margin: 0px 0 20px 0;
}

h1,
.h1 {
  font-size: 33px;
}
h2,
.h2 {
  font-size: 25px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 16px;
}

* {
  box-sizing: border-box;
}

table {
  border-spacing: 0px;
}

button {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
}

header,
nav,
section,
article,
aside,
footer {
  display: block;
}

input,
button,
textarea,
select {
  font-size: 16px;
  outline: none;
  font-family: "TT Norms Pro";
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

button {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto !important;
}

iframe {
  max-width: 100% !important;
  max-height: 100% !important;
}

header {
  padding: 4.115vw 6vw 3.177vw 6vw;
  display: flex;
  align-items: center;
}

header .logo a {
  display: block;
  text-decoration: none;
  width: 13.438vw;
  height: 2.188vw;
  background: url(../images/portal_network_white.png) no-repeat;
  margin: 0 5vw 0 0;
  background-size: contain;
}

nav {
  display: flex;
  padding: 0 2.358vw 0 0;
  flex: 1;
}

nav a {
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 23px;
  color: #090628;
  text-decoration: none;
  margin: 0 1.563vw 0 0;
}

nav a:hover {
  color: #2b66ff;
}

header .phone {
  padding: 0 0 0 1.458vw;
  background: url(../images/phone.svg) no-repeat 0 3px;
  margin: 0 2.656vw 0 0;
  background-size: 0.938vw !important;
}

header .poe a,
header .poe span {
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #090628;
  text-decoration: none;
  display: table;
}

header .phone span {
  display: table;
  margin: 0 0 0 auto;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  color: #2b66ff;
  cursor: pointer;
  position: relative;
}

header .phone span:before {
  content: "------------------------------";
  font-weight: 300;
  font-size: 12px;
  line-height: 15px;
  color: #2b66ff;
  position: absolute;
  bottom: -10px;
  right: 0px;
}

header .phone span:hover:before {
  color: #090628;
}

header .phone span:hover {
  color: #090628;
}

header .lang {
  position: relative;
}

header .lang .hover {
  position: absolute;
  top: 100%;
  right: 24px;
  display: none;
}

header .lang .hover a {
  text-decoration: none;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #090628;
  display: table;
  margin: 5px 0 0 0;
}

header .lang span {
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #090628;
  display: flex;
  align-items: center;
  cursor: pointer;
}

header .lang span:after {
  content: "";
  width: 0.729vw;
  height: 0.365vw;
  background: url(../images/lang.svg) no-repeat;
  margin: 0 0 0 0.521vw;
  background-size: contain !important;
}

.section-1 {
  padding: 0px 6vw 0px 6vw;
  display: flex;
  align-items: center;
  margin: 0 0 5.365vw 0;
}

.section-1 .col-left {
  flex: 1;
  padding: 0 15.208vw 0 0;
}

.section-1 .title {
  font-weight: bold;
  font-size: 3.646vw;
  line-height: 4.688vw;
  color: #090628;
  margin: 0 0 3.125vw 0;
}

.section-1 .desc {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  color: #090628;
  margin: 0 0 3.125vw 0;
}

.section-1 .btn {
  text-decoration: none;
  display: table;
  cursor: pointer;
  background: #090628;
  border-radius: 10px;
  padding: 17px 41px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  border: 2px solid #090628;
}

.section-1 .btn:hover {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #090628;
}

.title-section {
  font-size: 3.125vw;
  line-height: 4.01vw;
  text-align: center;
  color: #090628;
  margin: 0 0 3.125vw 0;
}

.section-2 {
  margin: 0 0 5.208vw 0;
  padding: 0 6vw;
}

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

.section-2 .item {
  padding: 0 5%;
  text-align: center;
}

.section-2 .icon {
  margin: 0 0 30px 0;
}

.section-2 .name {
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.594vw;
  text-align: center;
  background: -webkit-linear-gradient(45deg, #0921ff, #14d5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-2 .desc {
  margin: 3.125vw 0 0 0;
  text-align: center;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  text-align: center;
  color: #090628;
}

.section-3 {
  margin: 0 0 5.208vw 0;
  padding: 0 6vw;
}

.section-3 .flex {
  display: flex;
}

.section-3 .col-left {
  width: 41.406vw;
}

.section-3 .col-right {
  flex: 1;
  padding: 0 0 0 3.125vw;
  display: flex;
  overflow: hidden;
}

.section-3 .col-left .head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 1.823vw 0;
}

.section-3 .col-left .head .name {
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.594vw;
  position: relative;
  background: -webkit-linear-gradient(45deg, #0921ff, #14d5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-3 .col-left .head .sale {
  position: absolute;
  top: -10px;
  right: -111px;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  background: #ff6565;
  border-radius: 5px;
  padding: 5px 9px;
  -webkit-text-fill-color: white;
}

.section-3 .col-left .head .sale:before {
  content: "";
  width: 13px;
  height: 12px;
  background: url(../images/section3-sale.svg) no-repeat;
  margin: 0 9px 0 0;
}

.section-3 .col-left .head .price {
}

.section-3 .col-left .head .old {
  font-weight: 500;
  font-size: 1.458vw;
  line-height: 1.875vw;
  text-decoration-line: line-through;
  color: #ff6565;
  display: block;
}

.section-3 .col-left .head .new {
  font-weight: 500;
  font-size: 2.083vw;
  line-height: 2.656vw;
  color: #090628;
  display: block;
}

.section-3 .col-left .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0 0 2.083vw 0;
}

.section-3 .col-left .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section-3 .col-left .item {
  width: 46.5%;
  margin: 0 0 2.083vw 0;
}

.section-3 .col-left .item .icon {
  margin: 0 0 1.042vw 0;
}

.section-3 .col-left .item .text {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.section-3 .col-left .namecon {
  font-weight: 500;
  color: #090628;
  font-size: 1.146vw;
  line-height: 1.667vw;
  position: relative;
  display: table;
  margin: 0 0 1.042vw 0;
}

.section-3 .col-left .namecon span {
  position: absolute;
  top: 0px;
  right: -26px;
  width: 20px;
  height: 20px;
  background: url(../images/section3-question.svg) no-repeat;
  cursor: pointer;
}

.namecon .hover {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: -48px;
  background: #d6e0e9;
  z-index: 1;
  padding: 13px 17px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.833vw;
  line-height: 1.042vw;
  white-space: nowrap;
  color: #090628;
}

.namecon .hover:before {
  content: "";
  width: 21px;
  height: 10px;
  background: url(../images/section3-infoarrow.png) no-repeat;
  position: absolute;
  top: -10px;
  right: 23px;
}

.section-3 .col-left .connect {
  display: flex;
  align-items: center;
}

.section-3 .col-left .connect div {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 23px;
  color: #090628;
}

.section-3 .col-left .connect img {
  margin: 0 11px 0 0;
}

.section-3 .col-left .connect div:first-child {
  margin: 0 2.708vw 0 0;
}

.section-3 .new-sliders {
  overflow: hidden;
}

.section-3 .slider {
  background: url(../images/section3-sliderbg.png) no-repeat center bottom;
  background-size: contain;
  overflow: hidden;
  position: relative;
  height: 0px;
  visibility: hidden;
  flex: 1;
}

.section-3 .slider.active {
  height: auto;
  visibility: visible;
  padding: 0 0 7vw 0;
}

.section-3 .slider .bg {
  position: relative;
}

.section-3 .slide {
  padding: 0 0 0vw 0;
  position: relative;
}

.section-3 .slide img {
  width: 22.76vw;
  display: table;
  margin: 0 auto;
}

.section-3 .slider .btn {
  background: #090628;
  border-radius: 10px;
  display: table;
  margin: 0 auto;
  padding: 13px 47px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #090628;
}

.section-3 .slider .btn:hover {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #090628;
}

.section-3 .slide .images {
  position: relative;
  bottom: -30px;
}

.section-3 .slider .birk {
  position: absolute;
  top: 9vw;
  right: 2.5vw;
}

.section-3 .slider .birk img {
  width: 4.688vw;
  height: 4.688vw !important;
  margin: 0 0 1.302vw 0;
  display: table;
}

.section-3 .slick-arrow {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  width: 38px;
  height: 79px;
  font-size: 0px;
  line-height: 0px;
  flex-shrink: 0;
  position: absolute;
  bottom: 2.625vw;
  z-index: 98;
}

.section-3 .slick-prev {
  background: url(../images/section3-arrow.svg) no-repeat;
  left: 4vw;
}

.section-3 .slick-next {
  background: url(../images/section3-arrow.svg) no-repeat;
  right: 4vw;
  transform: rotate(180deg);
}

.section-3 .tabs {
  width: 4.375vw;
  margin: 0 0 0 2.604vw;
}

.section-3 .tabs .name {
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  text-align: center;
  color: #090628;
  margin: 0 0 1.875vw 0;
}

.section-3 .tabs .tab {
  position: relative;
  margin: 0 auto 2.083vw auto;
  cursor: pointer;
  border-radius: 555px;
  width: 2.604vw;
  height: 2.604vw;
}

.section-3 .tabs .tab .n {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0px;
  background: #d6e0e9;
  z-index: 1;
  padding: 13px 17px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.833vw;
  line-height: 1.042vw;
  white-space: nowrap;
  color: #090628;
}

.section-3 .tabs .name + div {
  padding: 0 0 15px 0;
}

.section-3 .tabs .tab .n:before {
  content: "";
  width: 21px;
  height: 10px;
  background: url(../images/section3-infoarrow.png) no-repeat;
  position: absolute;
  top: -10px;
  right: 23px;
}

.section-3 .tabs .tab:hover .n {
  display: block;
}

.section-3 .tabs .tab.active {
  box-shadow: 0px 0px 20px #0094ff;
  border-radius: 555px;
}

.section-4 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-4 .flex {
  display: none;
}

.section-4 .flex.active {
  display: flex;
}

.section-4 .col-left {
  flex: 1;
  padding: 0 8.958vw 0 0;
  overflow: hidden;
}

.section-4 .col-right {
  width: 42.969vw;
  position: relative;
}

.section-4 .col-right .head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 1.823vw 0;
}

.section-4 .col-right .head .name {
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.594vw;
  position: relative;
  background: -webkit-linear-gradient(45deg, #0921ff, #14d5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-4 .col-right .head .sale {
  position: absolute;
  top: -10px;
  right: -111px;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  background: #ff6565;
  border-radius: 5px;
  padding: 5px 9px;
  -webkit-text-fill-color: white;
}

.section-4 .col-right .head .sale:before {
  content: "";
  width: 13px;
  height: 12px;
  background: url(../images/section3-sale.svg) no-repeat;
  margin: 0 9px 0 0;
}

.section-4 .col-right .head .price {
}

.section-4 .col-right .head .old {
  font-weight: 500;
  font-size: 1.458vw;
  line-height: 1.875vw;
  text-decoration-line: line-through;
  color: #ff6565;
  display: block;
}

.section-4 .col-right .head .new {
  font-weight: 500;
  font-size: 2.083vw;
  line-height: 2.656vw;
  color: #090628;
  display: block;
}

.section-4 .col-right .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0 0 2.083vw 0;
}

.section-4 .col-right .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section-4 .col-right .item {
  width: 46.5%;
  margin: 0 0 2.083vw 0;
}

.section-4 .col-right .item .icon {
  margin: 0 0 1.042vw 0;
}

.section-4 .col-right .item .text {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.section-4 .col-right .namecon {
  font-weight: 500;
  color: #090628;
  font-size: 1.146vw;
  line-height: 1.667vw;
  position: relative;
  display: table;
  margin: 0 0 1.042vw 0;
}

.section-4 .col-right .namecon span {
  position: absolute;
  top: 0px;
  right: -26px;
  width: 20px;
  height: 20px;
  background: url(../images/section3-question.svg) no-repeat;
  cursor: pointer;
}

.section-4 .col-right .connect {
  display: flex;
  align-items: center;
}

.section-4 .col-right .connect div {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 23px;
  color: #090628;
}

.section-4 .col-right .connect img {
  margin: 0 11px 0 0;
}

.section-4 .col-right .connect div:first-child {
  margin: 0 2.708vw 0 0;
}

.section-4 .slider {
  background: url(../images/section4-sliderbg.png) no-repeat center bottom;
  background-size: contain;
  flex: 1;
  overflow: hidden;
}

.section-4 .slide {
  padding: 0 0 7vw 0;
  position: relative;
}

.section-4 .slide img {
  width: 22.76vw;
  display: table;
  margin: 0 auto;
}

.section-4 .slide .btn {
  background: #090628;
  border-radius: 10px;
  display: table;
  margin: 0 auto;
  padding: 13px 47px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #090628;
}

.section-4 .slide .btn:hover {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #090628;
}

.section-4 .slide .birk {
  position: absolute;
  top: 8vw;
  right: 2.5vw;
}

.section-4 .slide .birk img {
  width: 4.688vw;
  height: 4.688vw !important;
  margin: 0 0 1.302vw 0;
}

.section-4 .slick-arrow {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  font-size: 0px;
  line-height: 0px;
  flex-shrink: 0;
  z-index: 98;
}

.section-4 .slick-prev2 {
  background: url(../images/section3-arrow.svg) no-repeat;
  width: 38px;
  height: 79px;
  display: block;
  margin: 0 0 2.865vw 0;
  cursor: pointer;
}

.section-4 .slick-next2 {
  background: url(../images/section3-arrow.svg) no-repeat;
  width: 38px;
  height: 79px;
  transform: rotate(180deg);
  display: block;
  cursor: pointer;
}

.section-4 .navigator {
  position: absolute;
  top: 50%;
  left: -7vw;
  transform: translate(0%, -50%);
}

.section-4 .tabs {
  margin: 10vw auto 0 auto;
  display: table;
}

.section-4 .tabs .tab {
  width: 327px;
  height: 95px;
  background: linear-gradient(138.2deg, #ffffff 13.52%, #dbf2ff 92.56%);
  border-radius: 2.083vw;
  position: relative;
  padding: 33px 30px 33px 155px;
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  color: #090628;
  display: inline-block;
  cursor: pointer;
}

.section-4 .tabs .tab + .tab {
  margin: 0 0 0 2.083vw;
}

.section-4 .tabs .tab img {
  position: absolute;
  bottom: 0px;
  left: 2.083vw;
  z-index: 1;
}

.section-4 .tabs .tab:hover,
.section-4 .tabs .tab.active {
  background: linear-gradient(138.2deg, #ffffff 13.52%, #6bcaff 92.56%);
}

.section-5 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

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

.section-5 .col {
  position: relative;
  width: 26vw;
}

.section-5 .item {
  margin: 0 0 5.208vw 0;
}

.section-5 .number {
  font-weight: bold;
  font-size: 20.833vw;
  line-height: 77%;
  color: #2b66ff;
  margin: 0 0 1.042vw 0;
}

.section-5 .name {
  font-weight: bold;
  font-size: 2.604vw;
  line-height: 3.333vw;
  margin: 0 0 1.042vw 0;
  background: -webkit-linear-gradient(45deg, #0921ff, #14d5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-5 .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.section-5 img {
  display: table;
  margin: 0 auto 5.208vw auto;
}

.section-5 .col:nth-child(2) {
  padding: 15vw 0 0 0;
}

.section-5 .col:nth-child(3) {
  padding: 30vw 0 0 0;
}

.section-5 .col:nth-child(3) img {
  position: absolute;
  top: 0px;
  right: -3vw;
  width: 40vw;
  height: 24.635vw !important;
  max-width: none;
}

.section-6 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-6 .flex {
  display: flex;
  flex-wrap: wrap;
}

.section-6 .item {
  width: 32%;
  margin: 0 2% 0 0;
}

.section-6 .item:nth-child(3n) {
  margin: 0 0 0 0;
}

.section-6 .item .images {
  list-style: none;
  font-size: 0px;
  height: 15vw;
  overflow: hidden;
  border-radius: 2.083vw;
  margin: 0 0 2.083vw 0;
}

.section-6 .item .images img {
  border-radius: 2.083vw;
}

.section-6 .item .name {
  display: table;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 2.135vw;
  color: #090628;
  margin: 0 0 2.083vw 0;
}

.section-6 .item .name:hover {
  color: #2b66ff;
}

.section-6 .item .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0 0 3.125vw 0;
}

.section-6 .item .btn {
  display: table;
  text-decoration: none;
  background: #090628;
  border-radius: 10px;
  padding: 19px 45px;
  font-weight: 600;
  font-size: 0.938vw;
  line-height: 1.094vw;
  text-align: center;
  color: #ffffff;
}

.section-7 {
  margin: 0 6vw 5.313vw 6vw;
  padding: 3.542vw 3.854vw;
  background: #110835 url(../images/section7-bg.png) no-repeat right bottom;
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 2.083vw;
  background-size: 87.292vw;
}

.section-7 .title {
  margin: 0 0 5.104vw 0;
  font-size: 3.125vw;
  line-height: 4.01vw;
  text-align: center;
  background: -webkit-linear-gradient(45deg, #348cff, #96e8ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-7 .block {
  max-width: 41.667vw;
}

.section-7 .name {
  font-weight: bold;
  font-size: 2.604vw;
  line-height: 3.333vw;
  color: #ffffff;
  margin: 0 0 2.083vw 0;
}

.section-7 .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #aacbe3;
  margin: 0 0 3.125vw 0;
  max-width: 31.823vw;
}

.section-7 .buttons {
  display: flex;
}

.section-7 .full {
  background: #2b66ff;
  border-radius: 10px;
  padding: 14px 47px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  margin: 0 2.604vw 0 0;
  text-decoration: none;
  border: 2px solid #2b66ff;
}

.section-7 .full:hover {
  border: 2px solid #2b66ff;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #2b66ff;
}

.section-7 .pdf {
  padding: 14px 2.083vw;
  background: #2b66ff;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #2b66ff;
}

.section-7 .pdf:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 15px 0 0;
  background: url(../images/section7-pdf.svg) no-repeat;
}

.section-7 .pdf:hover {
  border: 2px solid #2b66ff;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #2b66ff;
}

.section-7 .pdf:hover:before {
  background: url(../images/section7-pdf2.svg) no-repeat;
}

.section-8 {
  padding: 0 0 0 0vw;
  margin: 0 0 5.208vw 0;
}

.section-8 .slider {
  position: relative;
  margin: 0 0 0 -17.5vw;
}

.section-8 .sliderpage {
  position: relative;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0 6vw;
}

.section-8 .slider:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(../images/section8-bg.png) repeat-y;
  z-index: 9;
  width: 20.469vw;
  height: 100%;
}

.section-8 .slide {
  position: relative;
}

.section-8 .sliderpage .slide {
  width: 28.125vw;
  margin: 0 9.01vw 9.01vw 0;
}

.section-8 .slick-track {
  padding: 5.208vw 0;
}

.section-8 .images {
  position: relative;
  margin: 0 0 2.083vw 0;
  position: relative;
  z-index: 3;
}

.section-8 .video {
  position: relative;
}

.section-8 .slide.video:before {
  content: "";
  width: 32vw;
  height: 13.698vw;
  background: url(../images/section8-videobg.png) no-repeat;
  position: absolute;
  bottom: -70px;
  left: 50%;
  right: 0;
  margin: 0 0 0 -16vw;
  background-size: contain;
}

.section-8 .icon {
  position: absolute;
  top: 1.563vw;
  left: 1.563vw;
  z-index: 1;
}

.section-8 .date {
  position: absolute;
  top: 1.979vw;
  right: 1.979vw;
  z-index: 1;
  padding: 7px 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #090628;
  background: #ddf3ff;
  border-radius: 10px;
}

.section-8 .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.896vw;
  height: 5.208vw;
  background: url(../images/section8-play.svg) no-repeat;
  cursor: pointer;
  background-size: contain !important;
  transform: translate(-50%, -50%);
}

.section-8 .play:hover {
  width: 6.823vw;
  height: 7.292vw;
}

.section-8 .name {
  margin: 0 0 2.083vw 0;
}

.section-8 .name a {
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 2.135vw;
  color: #090628;
  text-decoration: none;
}

.section-8 .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.section-8 img {
  border-radius: 2.083vw;
  width: 100%;
}

.section-8 .slick-slide {
  margin: 0 4.5vw;
}

.section-8 .slick-dots {
  display: flex;
  padding: 0px;
  list-style: none;
  margin: 0;
  justify-content: center;
}

.section-8 .slick-dots button {
  padding: 0px;
  cursor: pointer;
  width: 17px;
  height: 17px;
  background: #d6e0e9;
  margin: 0 14px;
  font-size: 0px;
  line-height: 0px;
  border-radius: 555px;
}

.section-8 .slick-active button {
  background: #2b66ff;
}

.section-8 .full {
  display: table;
  margin: 3.125vw auto 0 auto;
  text-decoration: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  background: #090628;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
  padding: 18px 45px;
}

.section-8 .navigator {
  position: relative;
  padding: 0 1.771vw;
  display: table;
  margin: 0 auto;
}

.section-8 .slick-arrow {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  width: 58px;
  height: 120px;
  font-size: 0px;
  line-height: 0px;
  flex-shrink: 0;
  position: absolute;
  z-index: 98;
  position: absolute;
  top: 50%;
  margin: -60px 0 0 0;
}

.section-8 .slick-prev {
  display: none;
}

.section-8 .slick-next {
  background: url(../images/section8-arrow.svg) no-repeat;
  right: 7.396vw;
}

.section-8 .navigator .slick-arrow {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  width: 11px;
  height: 20px;
  font-size: 0px;
  line-height: 0px;
  flex-shrink: 0;
  position: absolute;
  bottom: -2px;
  z-index: 98;
  top: auto;
}

.section-8 .navigator .slick-prev {
  background: url(../images/section8-arrow2.svg) no-repeat;
  left: 0;
  transform: rotate(180deg);
  display: block;
}

.section-8 .navigator .slick-next {
  background: url(../images/section8-arrow2.svg) no-repeat;
  right: 0;
}

.section-9 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-9 .tabs__content {
  display: none;
}

.section-9 .tabs__content.active {
  display: flex;
}

.section-9 .tabs__caption {
  list-style: none;
  margin: 0px 0 3.125vw 0;
  padding: 0px;
  display: flex;
  justify-content: center;
}

.section-9 .tabs__caption li {
  font-weight: bold;
  font-size: 2.604vw;
  line-height: 3.333vw;
  color: #2b66ff;
  margin: 0 1.55vw;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  padding: 0 0 8px 0;
}

.section-9 .tabs__caption li.active {
  color: #090628;
  cursor: default;
}

.section-9 .tabs__caption li:before {
  content: "------------------------------";
  font-weight: 300;
  font-size: 24px;
  line-height: 31px;
  position: absolute;
  bottom: -8px;
  white-space: nowrap;
  right: 0px;
}

.section-9 .tabs__caption li.active:before {
  display: none;
}

.section-9 .tabs__content .block {
  flex: 1;
  padding: 0 6.771vw 0 0;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.section-9 .tabs__content .images {
  font-size: 0px;
  line-height: 0px;
  border-radius: 2.083vw;
  overflow: hidden;
  max-width: 35.521vw;
}

.section-9 .tabs__content .images img {
  border-radius: 2.083vw;
}

.section-9 .tabs__content .block img {
  display: table;
  margin: 0 0 3.125vw 0;
}

.section-10 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-10 .images {
  width: 28.177vw;
  height: 23.802vw;
  background: url(../images/section10-bg.png) no-repeat;
  background-size: contain;
  position: relative;
}

.section-10 .images .phone {
  position: absolute;
  top: 50%;
  left: 5.156vw;
  width: 13.333vw;
  height: 26.719vw;
  background: url(../images/section10-phone.png) no-repeat;
  transform: translate(0%, -50%);
  background-size: contain;
}

.section-10 .block {
  max-width: 693px;
  width: 100%;
}

.section-10 .title {
  font-weight: bold;
  font-size: 2.604vw;
  line-height: 3.333vw;
  margin: 0 0 2.083vw 0;
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-10 .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0 0 3.125vw 0;
}

.section-10 .icons {
  display: flex;
}

.section-10 .google {
  display: table;
  text-decoration: none;
  width: 150px;
  height: 50px;
  background: url(../images/section10-icon1.png) no-repeat;
}

.section-10 .apple {
  display: table;
  text-decoration: none;
  width: 150px;
  height: 50px;
  background: url(../images/section10-icon2.png) no-repeat;
  margin: 0 1.3vw;
}

.section-10 .huawei {
  display: table;
  text-decoration: none;
  width: 167px;
  height: 50px;
  background: url(../images/section10-icon3.png) no-repeat;
}

.section-10 .icons a {
  position: relative;
  display: table;
  text-decoration: none;
}

.section-10 .icons a:hover:before {
  content: "";
  position: absolute;
  bottom: -2vw;
  left: 0px;
  right: 0px;
  background: url(../images/section10-hover.png) no-repeat center 0;
  z-index: 1;
  height: 4.323vw;
  background-size: contain;
}

.section-10 .icons img {
  position: relative;
  z-index: 3;
}

.section-11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 57.292vw;
  margin: 0 auto 5.208vw auto;
}

.section-11 a {
  text-decoration: none;
  background-size: contain !important;
}

.section-11 .in {
  width: 2.083vw;
  height: 2.083vw;
  background: url(../images/section11-in.svg) no-repeat;
}

.section-11 .vk {
  width: 2.552vw;
  height: 1.563vw;
  background: url(../images/section11-vk.svg) no-repeat;
}

.section-11 .you {
  width: 2.552vw;
  height: 1.615vw;
  background: url(../images/section11-you.svg) no-repeat;
}

.section-11 .fb {
  width: 1.25vw;
  height: 2.5vw;
  background: url(../images/section11-fb.svg) no-repeat;
}

.section-11 .tw {
  width: 2.552vw;
  height: 2.188vw;
  background: url(../images/section11-tw.svg) no-repeat;
}

.section-11 .tl {
  width: 2.448vw;
  height: 2.083vw;
  background: url(../images/section11-tl.svg) no-repeat;
}

.section-11 .n {
  width: 2.552vw;
  height: 2.5vw;
  background: url(../images/section11-n.svg) no-repeat;
}

footer {
  padding: 0 6vw 3.75vw 6vw;
}

footer .head {
  display: flex;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.458vw;
  color: #090628;
  margin: 0 0 2.604vw 0;
}

footer .copyright {
  flex: 1;
}

footer .city {
}

footer .mail {
  margin: 0 2.604vw;
}

footer .phone {
  padding-left:15px;
}

footer .bottom {
  display: flex;
}

footer .menu {
  flex: 1;
  display: flex;
}

footer .bottom a {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.458vw;
  text-decoration: underline;
  color: #2b66ff;
}

footer .bottom a:hover {
  color: #090628;
}

footer .bottom a + a {
  margin: 0 0 0 2.604vw;
}

.sidebar {
  padding: 0 6vw;
  margin: 0 0 1.563vw 0;
}

.sidebar .back {
  font-family: Raleway;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.354vw;
  color: #090628;
  text-decoration: none;
}

.sidebar .back:before {
  content: "";
  width: 18px;
  height: 16px;
  background: url(../images/sidebar-back.svg) no-repeat;
  margin: 0 10px 0 0;
}

h1.title {
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 3.646vw;
  line-height: 4.271vw;
  color: #090628;
}

.page-product h1.title {
  margin: 0 0 1.042vw 0;
}

.page-product {
  padding: 0 6vw;
  margin: 0 0 0vw 0;
}

.page-product.page {
  margin: 0 0 8.854vw 0;
}

.page-product .flex {
  display: flex;
}

.page-product .col-left {
  flex: 1;
  padding: 0 9.01vw 0 0;
  overflow: hidden;
}

.page-product .col-right {
  width: 35.521vw;
  position: relative;
}

.page-product .col-left .head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 1.823vw 0;
}

.page-product .col-left .head .name {
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.594vw;
  position: relative;
  background: -webkit-linear-gradient(45deg, #0921ff, #14d5ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-product .col-left .head .sale {
  position: absolute;
  top: -10px;
  right: -111px;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #ffffff;
  display: flex;
  align-items: center;
  background: #ff6565;
  border-radius: 5px;
  padding: 5px 9px;
  -webkit-text-fill-color: white;
}

.page-product .col-left .head .sale:before {
  content: "";
  width: 13px;
  height: 12px;
  background: url(../images/section3-sale.svg) no-repeat;
  margin: 0 9px 0 0;
}

.page-product .col-left .head .price {
}

.page-product .col-left .head .old {
  font-weight: 500;
  font-size: 1.458vw;
  line-height: 1.875vw;
  text-decoration-line: line-through;
  color: #ff6565;
  display: block;
}

.page-product .col-left .head .new {
  font-weight: 500;
  font-size: 2.083vw;
  line-height: 2.656vw;
  color: #090628;
  display: block;
}

.page-product .col-left .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0 0 2.083vw 0;
}

.page-product .col-left .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-product .col-left .item {
  width: 46.5%;
  margin: 0 0 2.083vw 0;
}

.page-product .col-left .item .icon {
  margin: 0 0 1.042vw 0;
}

.page-product .col-left .item .text {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.page-product .col-left .namecon {
  font-weight: 500;
  color: #090628;
  font-size: 1.146vw;
  line-height: 1.667vw;
  position: relative;
  display: table;
  margin: 0 0 1.042vw 0;
}

.page-product .col-left .namecon span {
  position: absolute;
  top: 0px;
  right: -26px;
  width: 20px;
  height: 20px;
  background: url(../images/section3-question.svg) no-repeat;
  cursor: pointer;
}

.page-product .col-left .connect {
  display: flex;
  align-items: center;
}

.page-product .col-left .connect div {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 23px;
  color: #090628;
}

.page-product .col-left .connect img {
  margin: 0 11px 0 0;
}

.page-product .col-left .connect div:first-child {
  margin: 0 2.708vw 0 0;
}

.page-product .slider {
  background: url(../images/section4-sliderbg.png) no-repeat center bottom;
  background-size: contain;
  flex: 1;
  overflow: hidden;
}

.page-product .slide {
  padding: 0 0 10vw 0;
  position: relative;
}

.page-product .slide img {
  width: 22.76vw;
  display: table;
  margin: 0 auto;
}

.page-product .slide .btn {
  background: #090628;
  border-radius: 10px;
  display: table;
  margin: 0 auto;
  padding: 13px 47px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #090628;
}

.page-product .slide .btn:hover {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #090628;
}

.page-product .slide .birk {
  position: absolute;
  top: 2vw;
  right: 2.5vw;
}

.page-product .slide .birk img {
  width: 4.688vw;
  height: 4.688vw !important;
  margin: 0 0 1.302vw 0;
}

.page-product .slick-arrow {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  font-size: 0px;
  line-height: 0px;
  flex-shrink: 0;
  z-index: 98;
  position: absolute;
  top: 50%;
  width: 38px;
  height: 79px;
}

.page-product .slick-prev {
  background: url(../images/section3-arrow.svg) no-repeat;
  display: block;
  left: 4.646vw;
}

.page-product .slick-next {
  background: url(../images/section3-arrow.svg) no-repeat;
  transform: rotate(180deg);
  display: block;
  right: 4.646vw;
}

.page-product .information {
  display: flex;
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0 0 5.208vw 0;
}

.page-product .information .station {
  display: flex;
  align-items: center;
  margin: 0 4.583vw 0 0;
}

.page-product .information .station:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(../images/page-product-icon-peremen.svg) no-repeat;
  margin: 0 20px 0 0;
}

.page-product .information .stock {
  display: flex;
  align-items: center;
}

.page-product .information .stock:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(../images/page-product-icon-vnal.svg) no-repeat;
  margin: 0 20px 0 0;
}

.page-product .bottom {
  border-top: 2px #090628 solid;
  padding: 2.604vw 0 0 0;
}

.page-product .bottom .equipment {
  display: flex;
  align-items: center;
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0 0 2.604vw 0;
}

.page-product .bottom .equipment select {
  flex: 1;
  margin: 0 0 0 1.563vw;
  border: 2px solid #000000;
  box-sizing: border-box;
  border-radius: 20px;
  height: 3.125vw;
  padding: 0 21px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  background: url(../images/page-product-select.svg) no-repeat right 21px center;
  background-size: 1.25vw;
}

.page-product .bottom .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-product.page .bottom .price {
  justify-content: flex-start;
}

.page-product .bottom .price span {
  font-weight: 500;
  font-size: 2.083vw;
  line-height: 2.656vw;
  color: #090628;
}

.page-product .bottom .price .buy {
  background: #090628;
  border-radius: 10px;
  display: table;
  cursor: pointer;
  padding: 19px 93px;
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 0.938vw;
  line-height: 1.094vw;
  text-align: center;
  color: #ffffff;
  border: 2px solid #090628;
}

.page-product .bottom .price .buy:hover {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #090628;
}

.page-product .navigator {
  position: relative;
  padding: 0 1.771vw;
  display: table;
  margin: 0 auto;
}

.page-product .navigator .slick-arrow {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  width: 11px;
  height: 20px;
  font-size: 0px;
  line-height: 0px;
  flex-shrink: 0;
  position: absolute;
  bottom: -2px;
  z-index: 98;
  top: auto;
}

.page-product .navigator .slick-prev {
  background: url(../images/section8-arrow2.svg) no-repeat;
  left: 0;
  transform: rotate(180deg);
  display: block;
}

.page-product .navigator .slick-next {
  background: url(../images/section8-arrow2.svg) no-repeat;
  right: 0;
  transform: rotate(0deg);
}

.page-product .slick-dots {
  display: flex;
  padding: 0px;
  list-style: none;
  margin: 0;
  justify-content: center;
}

.page-product .slick-dots button {
  padding: 0px;
  cursor: pointer;
  width: 17px;
  height: 17px;
  background: #d6e0e9;
  margin: 0 14px;
  font-size: 0px;
  line-height: 0px;
  border-radius: 555px;
}

.page-product .slick-active button {
  background: #2b66ff;
}

.page-product .fulllink {
  display: table;
  margin: 0 0 0 1.563vw;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 19px 77px;
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 0.938vw;
  line-height: 1.094vw;
  text-align: center;
  color: #090628;
}

.page-product .fulllink:hover {
  background: #090628;
  color: #fff;
}

.product-tabs .tabs__content {
  display: none;
}

.product-tabs .tabs__content.active {
  display: block;
}

.product-tabs {
  margin: 5.208vw 0 0 0;
}

.product-tabs .tabs__caption {
  list-style: none;
  margin: 0px 0 3.646vw 0;
  padding: 0px;
  display: flex;
  border-bottom: 0.208vw #d6e0e9 solid;
}

.product-tabs .tabs__caption li {
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
  cursor: pointer;
  margin: 0 3.646vw 0 0;
  position: relative;
  padding: 0 0 1.563vw 0;
}

.product-tabs .tabs__caption li.active {
  color: #2b66ff;
}

.product-tabs .tabs__caption li.active:before {
  content: "";
  position: absolute;
  bottom: -0.208vw;
  left: 0px;
  right: 0px;
  background: #2b66ff;
  height: 0.521vw;
}

.product-tabs .compatibility p {
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: #090628;
  margin: 0 0 3.646vw 0;
}

.product-tabs .compatibility .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80.99vw;
  flex-wrap: wrap;
  margin: 0 auto;
}

.product-tabs .compatibility .icon img {
  margin: 0 4vw 6.198vw 4vw;
}

.section-12 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-12 .question {
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 1.667vw;
  color: #090628;
  padding: 1.563vw 0;
  border-bottom: 2px #090628 solid;
  background: url(../images/section12-plus.svg) no-repeat right center;
  background-size: 2.604vw;
  cursor: pointer;
}

.section-12 .question.active {
  background: url(../images/section12-minus.svg) no-repeat right center;
  background-size: 2.604vw;
  border-bottom: 2px #fff solid;
}

.section-12 .answer {
  display: none;
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.section-12 .answer b {
  display: block;
  font-weight: 600;
  color: #090628;
  margin: 1.563vw 0;
}

.section-12 .buy {
  display: table;
  margin: 3.646vw auto 0 auto;
  padding: 0.99vw 5.052vw;
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 0.938vw;
  line-height: 1.094vw;
  text-align: center;
  cursor: pointer;
  background: #090628;
  border-radius: 10px;
  color: #ffffff;
}

.page-catalog {
  padding: 0 6vw;
  margin: 0 0 7.552vw 0;
}

.page-catalog h1.title {
  margin: 0 0 3.646vw 0;
}

.page-catalog .filter {
  display: flex;
  flex-wrap: wrap;
}

.page-catalog .filter .name {
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
  margin: 0 0 2.604vw 0;
}

.page-catalog .filter .checkbox {
  display: flex;
}

.page-catalog .filter .item {
  margin: 0 4.792vw 3.646vw 0;
}

.page-catalog .filter label {
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.354vw;
  color: #090628;
  margin: 0 2.604vw 0 0;
}

.page-catalog .filter label:last-child {
  margin: 0px;
}

.page-catalog .filter span {
  display: flex;
  align-items: center;
}

.page-catalog .filter span:before {
  content: "";
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 0.417vw;
  width: 1.25vw;
  height: 1.25vw;
  margin: 0 0.521vw 0 0;
}

.page-catalog .filter input:checked + span:before {
  background: url(../images/filter-checkbox.svg) no-repeat center center;
  background-size: 0.625vw;
}

.page-catalog .filter input {
  display: none;
}

.page-about {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.page-about h1.title {
  margin: 0 0 3.646vw 0;
}

.page-about .name {
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.281vw;
  margin: 0 0 2.604vw 0;
}

.page-about .command {
  margin: 0 0 4.063vw 0;
  text-align: center;
}

.page-about .flex {
  display: flex;
  flex-wrap: wrap;
  margin: 2.604vw 0 0 0;
}

.page-about .item {
  width: 32%;
  margin: 0 2% 5.208vw 0;
  font-family: Raleway;
}

.page-about .item:nth-of-type(n + 7) {
  display: none;
}

.page-about .item:nth-child(3n) {
  margin: 0 0% 5.208vw 0;
}

.page-about .item .photo {
  height: 37.188vw;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
}

.page-about .item .n {
  margin: 1.563vw 0;
  font-style: normal;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
}

.page-about .item .text {
  font-style: normal;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.page-about .btn-all {
  display: table;
  margin: 0 auto;
  background: #090628;
  border-radius: 10px;
  cursor: pointer;
  padding: 19px 64px;
  font-weight: 600;
  font-size: 0.938vw;
  line-height: 1.094vw;
  text-align: center;
  color: #ffffff;
}

.section-13 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
  display: flex;
  justify-content: space-between;
  font-family: Raleway;
}

.section-13 .col-left {
  width: 35.521vw;
  font-style: normal;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.section-13 .col-left span {
  display: block;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
  margin: 0.781vw 0;
}

.section-13 .col-right {
  width: 35.521vw;
}

.section-13 .col-left .phone {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
  margin: 3.646vw 0;
  text-decoration: none;
}

.section-13 .col-left .phone:before {
  content: "";
  width: 1.042vw;
  height: 1.563vw;
  background: url(../images/section13-phone.svg) no-repeat;
  background-size: contain;
  margin: 0 1.302vw 0 0;
}

.section-13 .col-left .telegramm {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
  text-decoration: none;
  margin: 0 0 6.25vw 0;
}

.section-13 .col-left .telegramm:before {
  content: "";
  width: 1.563vw;
  height: 1.406vw;
  background: url(../images/section13-tel.svg) no-repeat;
  background-size: contain;
  margin: 0 1.042vw 0 0;
}

.section-13 .col-left .download {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
  text-decoration: none;
}

.section-13 .col-left .download:after {
  content: "";
  width: 2.917vw;
  height: 2.917vw;
  background: url(../images/section13-download.svg) no-repeat;
  background-size: contain;
  margin: 0 0 0 1.563vw;
}

.section-13 .col-right form {
  display: block;
}

.section-13 .col-right .label {
  position: relative;
  margin: 0 0 1.563vw 0;
}

.section-13 .col-right .label.error input {
  border-bottom: 0.208vw #eb5757 solid;
}

.section-13 .col-right .label.error span {
  position: absolute;
  bottom: -1.302vw;
  right: 0px;
  z-index: 1;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 0.833vw;
  text-align: right;
  color: #eb5757;
}

.section-13 .col-right .label input {
  width: 100%;
  padding: 1.042vw 0;
  border: 0px;
  border-bottom: 0.208vw #090628 solid;
  font-weight: 500;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
}

.section-13 .col-right ::placeholder {
  color: #bdbdbd;
}

.section-13 .col-right .label textarea {
  width: 100%;
  padding: 1.042vw 0;
  border: 0px;
  border-bottom: 0.208vw #090628 solid;
  font-weight: 500;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
  height: 58px;
  overflow: hidden;
}

.section-13 .col-right .send {
  display: flex;
  align-items: center;
  padding: 2.083vw 0 0 0;
}

.section-13 .col-right button {
  padding: 0.99vw 2.344vw;
  font-weight: 600;
  font-size: 0.938vw;
  line-height: 1.094vw;
  text-align: center;
  background: #090628;
  border-radius: 10px;
  color: #ffffff;
  display: flex;
  align-items: center;
}

.section-13 .col-right button:after {
  content: "";
  width: 0.469vw;
  height: 0.99vw;
  background: url(../images/section13-btn.svg) no-repeat;
  background-size: contain;
  margin: 0 0 0 0.781vw;
}

.section-13 .col-right .warning {
  flex: 1;
  padding: 0 0 0 2.604vw;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #090628;
}

.section-13 .col-right .warning a {
  color: #2b66ff;
  text-decoration: underline;
}

.section-13 .col-right .warning a:hover {
  text-decoration: none;
}

.section-14 {
  height: 37.708vw;
  margin: 0 0 5.208vw 0;
}

.section-14 iframe {
  width: 100% !important;
  height: 100% !important;
}

.page-media {
  padding: 0 6vw;
}

.page-media h1.title {
  margin: 0 0 3.646vw 0;
}

.page-media .media-menu {
  margin: 0 0 2.604vw 0;
  display: flex;
  flex-wrap: wrap;
}

.page-media .media-menu a {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 0.521vw;
  padding: 0.469vw 1.563vw;
  margin: 0 2.604vw 2.604vw 0;
  text-decoration: none;
}

.page-media .media-menu a.active,
.page-media .media-menu a:hover {
  color: #fff;
  background: #2b66ff;
  border: 2px solid #2b66ff;
}

.page-single-media {
  padding: 0 6vw;
  font-family: Raleway;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 0 0 5.208vw 0;
}

.page-single-media .info {
  display: flex;
  margin: 0 0 2.188vw 0;
}

.page-single-media .info .date {
  background: #ddf3ff;
  border-radius: 10px;
  padding: 8px 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #090628;
  margin: 0 1.563vw 0 0;
}

.page-single-media .info .tags {
  display: flex;
}

.page-single-media .info .tags a {
  background: #ddf3ff;
  border-radius: 10px;
  padding: 8px 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #090628;
  text-decoration: none;
  display: table;
}

.page-single-media .video {
  border-radius: 2.083vw;
  overflow: hidden;
  height: 36.458vw;
  margin: 0 0 2.604vw 0;
  position: relative;
}

.page-single-media .video img,
.page-single-media .video iframe {
  border-radius: 2.083vw;
  width: 100% !important;
  height: 100% !important;
}

h2 {
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  font-size: 3.125vw;
  line-height: 3.646vw;
  margin: 2.604vw 0;
}

h3 {
  margin: 2.604vw 0;
  font-size: 3.125vw;
  line-height: 3.646vw;
  color: #090628;
}

h4 {
  margin: 2.604vw 0;
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.281vw;
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

blockquote {
  position: relative;
  background: #ddf3ff;
  border-radius: 2.083vw;
  padding: 5.99vw 2.604vw;
  margin: 3.646vw 0;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
}

blockquote .signature {
  font-style: italic;
  font-weight: normal;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  position: absolute;
  bottom: 2.604vw;
  right: 2.604vw;
}

blockquote:before {
  content: "";
  width: 9.635vw;
  height: 4.354vw;
  margin: 0 2.604vw 0 0;
  background: url(../images/blockquote.svg) no-repeat;
  background-size: contain;
}

.media-category {
  padding: 1.563vw 0 0 0;
  margin: 0 6vw 5.208vw 6vw;
  border-top: 2px #090628 solid;
}

.media-category .name {
  margin: 0 0 2.604vw 0;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 1.979vw;
  color: #090628;
}

.media-category .media-menu {
  margin: 0 0 2.604vw 0;
  display: flex;
  flex-wrap: wrap;
}

.media-category .media-menu a {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 0.521vw;
  padding: 0.469vw 1.563vw;
  margin: 0 2.604vw 2.604vw 0;
  text-decoration: none;
}

.media-category .media-menu a.active,
.media-category .media-menu a:hover {
  color: #fff;
  background: #2b66ff;
  border: 2px solid #2b66ff;
}

.page-electriccars {
  padding: 0 6vw;
  margin: 0 0 13.958vw 0;
}

.page-electriccars .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 3.125vw 0;
}

.page-electriccars .head .button {
  display: flex;
}

.page-electriccars .head .order {
  background: #090628;
  border-radius: 10px;
  text-decoration: none;
  padding: 0.938vw 16px;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  margin: 0 2.604vw 0 0;
}

.page-electriccars .head .feedback {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 0.938vw;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  text-align: center;
  color: #090628;
  text-decoration: none;
  cursor: pointer;
}

.electriccars-tabs {
}

.electriccars-tabs .tabs__content {
  display: none;
}

.electriccars-tabs .tabs__content.active {
  display: block;
}

.electriccars-tabs .tabs__caption {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  border-bottom: 0.208vw #d6e0e9 solid;
}

.electriccars-tabs .tabs__caption li {
  padding: 0 0 1.615vw 0;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 2.135vw;
  color: #090628;
  margin: 0 2.604vw 0 0;
}

.electriccars-tabs .tabs__caption li.active:before {
  content: "";
  height: 0.521vw;
  background: #2b66ff;
  position: absolute;
  bottom: -0.208vw;
  left: 0px;
  right: 0px;
}

.electriccars-tabs .tabs__caption li.active {
  color: #2b66ff;
}

.page-electriccars .filter {
  display: flex;
  margin: 3.125vw 0 4.115vw 0;
  flex-wrap: wrap;
}

.page-electriccars .filter a {
  border: 2px solid #090628;
  box-sizing: border-box;
  border-radius: 10px;
  text-decoration: none;
  padding: 0.469vw 1.563vw;
  margin: 0 2.604vw 0 0;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  text-align: center;
  color: #090628;
}

.page-electriccars .filter a.active,
.page-electriccars .filter a:hover {
  background: #2b66ff;
  color: #ffffff;
  border: 2px solid #2b66ff;
}

.block-car {
  display: flex;
  margin: 0 0 6.771vw 0;
}

.block-car .col-left {
  flex: 1;
  padding: 0 1.667vw 0 0;
}

.block-car .col-right {
  width: 42.865vw;
  font-size: 0px;
  line-height: 0px;
  border-radius: 2.083vw;
  position: relative;
}

.block-car .col-right img {
  border-radius: 2.083vw;
  position: relative;
  z-index: 3;
}

.block-car .col-right:before {
  content: "";
  position: absolute;
  bottom: -4.646vw;
  left: 0px;
  right: 0px;
  height: 13.698vw;
  background: url(../images/block-car-imgbg.png) no-repeat center;
  background-size: contain;
}

.block-car .name {
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 2.135vw;
  color: #090628;
  display: flex;
  align-items: center;
  margin: 0 0 2.083vw 0;
}

.block-car .name .price {
  margin: 0 0 0 2.969vw;
  font-weight: 500;
  font-size: 1.667vw;
  line-height: 2.135vw;
  color: #090628;
}

.block-car .desc {
  margin: 0 0 2.083vw 0;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
}

.block-car .info {
  display: flex;
  flex-wrap: wrap;
}

.block-car .info .bl {
  width: 50%;
  padding: 0 1.083vw 0 0;
  margin: 0 0 1.25vw 0;
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.458vw;
  color: #090628;
}

.block-car .info .bl span {
  font-weight: normal;
  font-size: 2.083vw;
  line-height: 2.656vw;
  color: #090628;
  padding: 0 0 0 0.781vw;
}

.block-car .info .rating img {
  margin: 0 0.521vw 0 0;
  width: 1.406vw;
}

.block-car .bottom {
  display: flex;
  align-items: center;
  padding: 0.833vw 0 0 0;
}

.block-car .bottom .nal {
  background: #2b66ff;
  border-radius: 0.521vw;
  text-decoration: none;
  padding: 0.938vw 3.958vw;
  margin: 0 2.344vw 0 0;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #ffffff;
}

.block-car .bottom .conf {
  background: #090628;
  border-radius: 0.521vw;
  text-decoration: none;
  padding: 0.938vw 3.021vw;
  margin: 0 2.865vw 0 0;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  color: #ffffff;
}

.block-car .bottom .test {
  margin: 0 1.563vw 0 0;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  text-decoration: underline;
  color: #090628;
}

.block-car .bottom .hire {
  text-decoration: none;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  text-decoration: underline;
  color: #090628;
}

.block-car .bottom a:hover {
  text-decoration: none;
}

.desc-electriccars {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.667vw;
  color: #090628;
  margin: 3.125vw 0 2.292vw 0;
}

.page-electriccars .info-page {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3.75vw 0;
}

.page-electriccars .info-page .bl {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.458vw;
  color: #090628;
  margin: 0 6.042vw 0 0;
}

.page-electriccars .info-page .bl span {
  font-weight: normal;
  font-size: 2.083vw;
  line-height: 2.656vw;
  color: #090628;
  display: block;
}

.page-electriccars .info-page .rating img {
  margin: 0 0.521vw 0 0;
  width: 1.406vw;
}

.color-car,
.color-car * {
}

.color-car .select-color {
  display: flex;
  align-items: center;
  margin: 0 0 3.854vw 0;
}

.color-car .select-color span {
  margin: 0 0 0 2.083vw;
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 555px;
  cursor: pointer;
}

.color-car .select-color .color1 {
  background: #eb5757;
}

.color-car .select-color .color2 {
  background: #090628;
}

.color-car .select-color .color3 {
  background: #828282;
}

.color-car .select-color .color4 {
  background: #2f80ed;
}

.color-car .select-color .color5 {
  background: #e5e5e5;
}

.color-car .select-color span.active {
  box-shadow: 0px 0px 20px #0094ff;
}

.color-car .color-slider {
  display: block;
  height: 0;
  visibility: hidden;
  transition: 0s !important;
}

.color-car .color-slider.active {
  height: auto;
  visibility: visible;
}

.color-car .slick-arrow {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  width: 3.021vw;
  height: 6.25vw;
  font-size: 0px;
  line-height: 0px;
  flex-shrink: 0;
  position: absolute;
  z-index: 98;
  position: absolute;
  top: 50%;
  margin: -3.125vw 0 0 0;
  background-size: contain !important;
  transition: 0s !important;
}

.color-car .slick-prev {
  background: url(../images/section8-arrow.svg) no-repeat;
  left: 0px;
  transform: rotate(180deg);
}

.color-car .slick-next {
  background: url(../images/section8-arrow.svg) no-repeat;
  right: 0px;
}

.color-car .navigator {
  position: relative;
  display: table;
  padding: 0 1.771vw;
  margin: 2.083vw auto 0 auto;
}

.color-car .navigator .slick-arrow {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  width: 11px;
  height: 20px;
  font-size: 0px;
  line-height: 0px;
  flex-shrink: 0;
  position: absolute;
  bottom: -2px;
  z-index: 98;
  top: auto;
}

.color-car .navigator .slick-prev {
  background: url(../images/section8-arrow2.svg) no-repeat;
  left: 0;
  transform: rotate(180deg);
  display: block;
}

.color-car .navigator .slick-next {
  background: url(../images/section8-arrow2.svg) no-repeat;
  right: 0;
}

.color-car .color-slider img {
  max-width: 72.656vw;
  display: table;
  margin: 0 auto;
}

.color-car .slick-dots {
  display: flex;
  padding: 0px;
  list-style: none;
  margin: 0;
  justify-content: center;
}

.color-car .slick-dots button {
  padding: 0px;
  cursor: pointer;
  width: 17px;
  height: 17px;
  background: #d6e0e9;
  margin: 0 14px;
  font-size: 0px;
  line-height: 0px;
  border-radius: 555px;
}

.color-car .slick-active button {
  background: #2b66ff;
}

.block-equipment {
  margin: 5.208vw 0 0 0;
}

.block-equipment .title {
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.594vw;
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: table;
  margin: 0 0 3.125vw 0;
}

.block-equipment .select {
  display: flex;
  align-items: center;
  margin: 0 0 3.125vw 0;
}

.block-equipment .select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/page-product-select.svg) no-repeat right 21px center;
  margin: 0 0 0 1.719vw;
  width: 33.438vw;
  height: 3.125vw;
  padding: 0 3.094vw 0 1.094vw;
  border: 2px solid #000000;
  box-sizing: border-box;
  border-radius: 1.042vw;
  background-size: 1.25vw;
}

.select-wheels {
  display: flex;
}

.select-wheels .name {
  margin: 0 3.542vw 0 0;
  padding: 1.458vw 0 0 0;
}

.select-wheels label {
  margin: 0 3.646vw 0 0;
  cursor: pointer;
}

.select-wheels label .bl {
  display: flex;
  align-items: center;
}

.select-wheels input {
  display: none;
}

.select-wheels label img {
  width: 7.5vw;
  height: 7.5vw !important;
}

.select-wheels label span {
  display: block;
  margin: 5px 0 0 0;
  font-weight: 500;
  font-size: 2.083vw;
  line-height: 2.656vw;
  color: #090628;
}

.select-wheels label .n {
  margin: 0 0 0 1.771vw;
}

.select-wheels .img {
  padding: 0.833vw;
  border-radius: 555px;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  border: 0.26vw solid #fff;
}

.select-wheels input:checked + .bl .img {
  border: 0.26vw solid #2b66ff;
}

.desciption-car {
  margin: 3.125vw 0 5.208vw 0;
}

.desciption-car ul {
  margin: 0px;
  padding: 0px;
  columns: 2;
}

.desciption-car li {
  padding: 0 20px 0 0;
}

.car-salon {
}

.car-salon .title {
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.594vw;
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: table;
  margin: 0 0 3.125vw 0;
}

.car-salon .select-salon {
  display: flex;
  align-items: center;
  margin: 0 0 3.854vw 0;
}

.car-salon .select-salon span {
  margin: 0 0 0 2.083vw;
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 555px;
  cursor: pointer;
}

.car-salon .select-salon .salon1 {
  background: #090628;
}

.car-salon .select-salon .salon2 {
  background: #e5e5e5;
}

.car-salon .select-salon span.active {
  box-shadow: 0px 0px 20px #0094ff;
}

.car-salon .salon-tab {
  display: none;
}

.car-salon .salon-tab.active {
  display: block;
}

.page-electriccars .button-order {
  display: flex;
  margin: 5.208vw 0 0 0;
}

.page-electriccars .button-order .order,
.page-electriccars .button-order .feedback {
  background: #090628;
  border-radius: 10px;
  text-decoration: none;
  padding: 0.938vw 16px;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  margin: 0 2.604vw 0 0;
  width: 15.313vw;
  text-align: center;
}

/* Инвестиции */

.bg-investments {
  background: linear-gradient(180deg, #0b0133 0%, #0b0133 61.98%, #070b64 100%);
  margin: 0 0 5.208vw 0;
}

.bg-investments header .logo a {
  background: url(../images/portal_network_white.png) no-repeat;
  background-size: contain;
  margin: 0 4vw 0 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.bg-investments nav a {
  color: #ffffff;
}

.bg-investments nav a:hover {
  color: #2b66ff;
}

.bg-investments header .phone a {
  color: #fff;
}

.bg-investments header .phone {
  background: url(../images/phone2.svg) no-repeat 0 1px;
}

.bg-investments header .poe {
  background: url(../images/token-symbol-light.png) no-repeat 0 1px;
  background-size: 20%;
}

.bg-investments header .lang span {
  color: #fff;
}

.bg-investments header .lang span:after {
  background: url(../images/lang2.svg) no-repeat;
}

header .purse {
  display: none;
}

.bg-investments .purse {
  display: block;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  border-radius: 0.521vw;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  margin: 0 2.604vw 0 0;
  padding: 0.365vw 0.573vw;
}

.bg-investments header .poe a {
  color: #fff;
}
.bg-investments header .poe span {
  color: #fff;
  padding-left: 30px;
}

.section-15 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
  background: url(../images/page-investments-bg.png) no-repeat right center;
  background-size: 49.063vw;
}

.section-15 .block {
}

.section-15 .title {
  font-weight: bold;
  font-size: 3.646vw;
  line-height: 4.688vw;
  background: -webkit-linear-gradient(45deg, #348cff, #96e8ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: table;
  margin: 0 0 3.125vw 0;
}

.section-15 .desc {
  font-weight: 500;
  font-size: 1.146vw;
  line-height: 1.458vw;
  color: #ffffff;
  margin: 0 0 3.125vw 0;
  max-width: 37.188vw;
}

.section-15 .buttons {
}

.section-15 .pdf {
  padding: 14px 2.083vw;
  background: #2b66ff;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #2b66ff;
}

.section-15 .pdf:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 15px 0 0;
  background: url(../images/section7-pdf.svg) no-repeat;
}

.section-15 .pdf:hover {
  border: 2px solid #2b66ff;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #2b66ff;
}

.section-15 .pdf:hover:before {
  background: url(../images/section7-pdf2.svg) no-repeat;
}

.section-15 .add {
  padding: 14px 2.083vw;
  background: #2b66ff;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  border: 2px solid #2b66ff;
  margin: 0 2.604vw 0 0;
}

.section-15 .add:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 15px 0 0;
  background: url(../images/section15-add.svg) no-repeat;
}

.section-15 .add:hover {
  border: 2px solid #2b66ff;
  box-sizing: border-box;
  border-radius: 10px;
  background: none;
  color: #2b66ff;
}

.section-15 .add:hover:before {
  background: url(../images/section15-add2.svg) no-repeat;
}

.section-16 {
  padding: 0 6vw;
}

.section-16 .title {
  font-size: 3.125vw;
  line-height: 4.01vw;
  text-align: center;
  color: #ffffff;
  margin: 0 0 3.125vw 0;
}

.section-16 .flex {
  display: flex;
  flex-wrap: wrap;
}

.section-16 .item {
  width: 32%;
  margin: 0 2% 5.938vw 0;
}

.section-16 .item:nth-child(3n) {
  margin: 0 0 5.938vw 0;
}

.section-16 .item .icon {
  font-size: 0px;
  line-height: 0px;
  height: 3.646vw;
  overflow: hidden;
  margin: 0 0 1.563vw 0;
}

.section-16 .item .icon img {
  height: 3.646vw !important;
}

.section-16 .item .text {
  font-weight: 500;
  color: #ffffff;
}

.section-17 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-17 .flex {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.section-17 .flex:before {
  content: "";
  border-top: 0.26vw #2b66ff solid;
  border-bottom: 0.26vw #2b66ff solid;
  border-left: 0;
  border-right: 0.26vw #2b66ff solid;
  position: absolute;
  top: 3vw;
  left: 0px;
  right: 0px;
  height: 16vw;
  border-radius: 0 4.167vw 4.167vw 0;
}

.section-17 .item {
  width: 32%;
  margin: 0 2% 5.938vw 0;
  position: relative;
  z-index: 3;
}

.section-17 .item:nth-child(3n) {
  margin: 0 0 5.938vw 0;
}

.section-17 .number {
  width: 6.25vw;
  height: 6.25vw;
  border-radius: 555px;
  font-weight: 500;
  font-size: 4.167vw;
  line-height: 5.313vw;
  text-align: center;
  color: #2b66ff;
  background: #ffffff;
  border: 0.26vw solid #2b66ff;
  margin: 0 0 1.042vw 0;
}

.section-17 .text {
  font-weight: 500;
  color: #090628;
}

.section-17 .bottom {
  display: flex;
  align-items: center;
  background: #0b0233;
  border-radius: 2.083vw;
  padding: 3.906vw;
}

.section-17 .bottom a {color:#047dbb}

.section-17 .bottom img {width:150px}
.section-17 .bottom div {
  flex: 1;
  padding: 0 0 0 3.542vw;
  font-weight: 500;
  color: #ffffff;
}

.section-18 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-18 .flex {
  display: flex;
  flex-wrap: wrap;
}

.section-18 .item {
  width: 32%;
  margin: 0 2% 5.938vw 0;
}

.section-18 .item:nth-child(3n) {
  margin: 0 0 5.938vw 0;
}

.section-18 .icon {
  width: 7.448vw;
  height: 7.448vw;
  border-radius: 555px;
  background: linear-gradient(138.2deg, #ffffff 13.52%, #dbf2ff 92.56%);
  margin: 0 auto 2.083vw auto;
  display: table;
}

.section-18 .name {
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 2.135vw;
  text-align: center;
  color: #090628;
  margin: 0 0 1.042vw 0;
}

.section-18 .desc {
  font-weight: 500;
  text-align: center;
}

.section-18 .bottom {
  display: flex;
  align-items: center;
  font-weight: 500;
}

.section-18 .bottom .col-left {
  flex: 1;
  padding: 0 8.958vw 0 0;
}

.section-18 .bottom .text {
  margin: 2.083vw 0 0 0;
  font-weight: bold;
  font-size: 2.083vw;
  line-height: 2.656vw;
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: table;
}

.section-18 .bottom .video {
  width: 42.969vw;
  height: 26.042vw;
  font-size: 0px;
  line-height: 0px;
  border-radius: 2.083vw;
}

.section-18 .bottom .video iframe {
  width: 100% !important;
  height: 100% !important;
  border-radius: 2.083vw;
}

.section-19 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
  display: flex;
  align-items: center;
}

.section-19 .images {
  width: 23.594vw;
}

.section-19 .block {
  flex: 1;
  padding: 0 0 0 6.094vw;
  font-weight: 500;
}

.section-19 .title {
  font-weight: bold;
  font-size: 2.813vw;
  line-height: 3.594vw;
  margin: 0 0 2.083vw 0;
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: table;
}

.section-19 ul {
}

.section-19 ul li {
}

.section-19 .btn {
  padding: 14px 2.083vw;
  background: #090628;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  margin: 3.125vw 0 0 7.448vw;
}

.section-19 .btn:before {
  content: "";
  width: 18px;
  height: 18px;
  margin: 0 15px 0 0;
  background: url(../images/section7-pdf.svg) no-repeat;
}

.section-20 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-20 iframe {
  border-radius: 2.083vw;
  width: 100% !important;
  height: 43.333vw !important;
}

.section-21 {
  margin: 0 6vw 5.208vw 6vw;
  background: url(../images/section21-bg.jpg) no-repeat right 0;
  background-size: cover;
  border-radius: 2.083vw;
  overflow: hidden;
  padding: 3.646vw 2.604vw;
}

.section-21 .title {
  font-size: 3.125vw;
  line-height: 4.01vw;
  text-align: center;
  display: table;
  margin: 0 auto 3.281vw auto;
  background: -webkit-linear-gradient(45deg, #348cff, #96e8ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-21 .block {
  columns: 2;
  max-width: 68vw;
}

.section-21 .item {
  margin: 0 0 1.563vw 0;
  font-weight: 500;
  color: #ffffff;
}

.section-21 .item span {
  padding: 0 0 0 1.458vw;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 2.135vw;
  color: #ffffff;
}

.section-22 {
  padding: 0 6vw;
  margin: 0 0 11.927vw 0;
}

.section-22 .desc {
  font-weight: 500;
  margin: 0 0 4.688vw 0;
}

.section-22 .block-line {
  background: #e0e8f3;
  border-radius: 100px;
  height: 1.042vw;
  position: relative;
  margin: 0 0 9.01vw 0;
}

.section-22 .block-line .line {
  background: #2b66ff;
  border-radius: 100px;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}

.section-22 .block-line .line:after {
  content: "";
  width: 4.167vw;
  height: 4.167vw;
  background: url(../images/block-line-bg.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: -1.5625vw;
  right: 0px;
  z-index: 4;
}

.section-22 .block-line .info {
  position: absolute;
  top: calc(100% + 1.563vw);
  z-index: 5;
  text-align: center;
  display: table;
  font-weight: 500;
}

.section-22 .block-line .info span {
  display: block;
  margin: 0.521vw 0 0 0;
  font-weight: bold;
  font-size: 1.667vw;
  line-height: 2.135vw;
  color: #090628;
}

.section-22 .block-line .info.l {
  left: 0px;
}

.section-22 .block-line .info.r {
  right: 0px;
}

.section-22 .block-timer {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 0 5.833vw 0;
}

.section-22 .block-timer .times {
}

.section-22 .block-timer .well {
  background: #ddf3ff;
  border: 5px solid #ddf3ff;
  box-sizing: border-box;
  border-radius: 2.083vw;
  padding: 1.771vw 2.083vw;
  font-weight: 500;
  text-align: center;
}

.section-22 .block-timer .well span {
  display: block;
  font-size: 4.167vw;
  line-height: 5.313vw;
}

.section-22 .block-timer .name {
  margin: 0 0 1.563vw 0;
  text-align: center;
  font-weight: 500;
}

.section-22 .block-timer .time,
.countdown-row {
  display: flex;
}

.section-22 .block-timer .time .item,
.countdown-section {
  font-weight: 500;
  text-align: center;
  border: 0.26vw solid #ddf3ff;
  box-sizing: border-box;
  border-radius: 2.083vw;
  padding: 1.771vw 2.604vw;
  margin: 0 1.563vw 0 0;
}

.section-22 .block-timer .time .item span,
.countdown-amount {
  display: block;
  font-size: 4.167vw;
  line-height: 5.313vw;
}

.section-22 .button-order {
  display: flex;
  justify-content: center;
  margin: 2.208vw auto 0 auto;
}

.section-22 .button-order .order,
.section-22 .button-order .feedback {
  background: #090628;
  border-radius: 10px;
  text-decoration: none;
  padding: 0.938vw 16px;
  font-weight: 500;
  font-size: 0.938vw;
  line-height: 1.198vw;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  margin: 0 2.604vw 0 0;
  width: 15.313vw;
  text-align: center;
}

.section-23 {
  padding: 0 6vw;
  margin: 0 0 5.208vw 0;
}

.section-23 .item {
  display: flex;
  align-items: center;
  border: 0.26vw solid #2b66ff;
  box-sizing: border-box;
  border-radius: 2.083vw;
  margin: 0 0 3.646vw 0;
  padding: 3.646vw;
  position: relative;
}

.section-23 .item .text {
  flex: 1;
  padding: 0 20px 0 0;
  font-weight: 500;
}

.section-23 .item .date {
  font-weight: 500;
  font-size: 4.167vw;
  line-height: 5.313vw;
  background: -webkit-linear-gradient(45deg, #14d5ff, #0921ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*
.section-23 .item:before {
content:"";
width:1.667vw;
height:1.667vw;
background:url(../images/section23-bullet.svg) no-repeat;
background-size:contain;
position:absolute;
bottom:-0.8335vw;
left:50%;
transform: translate(-50%, 0%);
z-index:3;
}

.section-23 .item:after {
content:"";
width:0.260vw;
background: #2B66FF;
height:3.646vw;
position:absolute;
bottom:-4vw;
left:50%;
transform: translate(-50%, 0%);
z-index:1;
}
*/

.section-23 .item:before {
  content: "";
  width: 1.667vw;
  height: 5.417vw;
  background: url(../images/section23-bullet2.svg) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -4.7vw;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 3;
  background-size: contain;
}

.section-23 .item:last-child:before {
  display: none;
}

.mobile-menu {
  display: none;
}

.section-5 .mobile-version {
  display: none;
}

.nopc {
  display: none;
}

.mobile-block {
  display: none;
}

.popup-block {
  display: none;
}

.popup-block .popup-bg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999999999999;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: rgba(197, 199, 201, 0.2);
  backdrop-filter: blur(30px);
}

.popup-block .block {
  background: #fff;
  width: 100%;
  max-width: 42.969vw;
  padding: 3.646vw;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999999999;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 2.083vw;
}

.popup-block .close {
  position: absolute;
  top: 1.823vw;
  right: 2.708vw;
  width: 1.875vw;
  height: 1.875vw;
  background: url(../images/popup-close.svg) no-repeat;
  background-size: contain;
  z-index: 1;
  cursor: pointer;
}

.popup-block form {
  display: block;
}

.popup-block .name {
  font-family: Raleway;
  font-style: normal;
  font-weight: bold;
  font-size: 2.604vw;
  line-height: 3.073vw;
  text-align: center;
  margin: 0 0 2.604vw 0;
}

.popup-block .desc {
  font-weight: 500;
  text-align: center;
  margin: 0 0 1.563vw 0;
}

.popup-block .label {
  margin: 0 0 1.563vw 0;
  position: relative;
}

.popup-block label {
  display: block;
  margin: 0 0 0.781vw 0;
  font-weight: 500;
  position: relative;
}

.popup-block input {
  border: 0.104vw solid #000000;
  box-sizing: border-box;
  border-radius: 1.042vw;
  width: 100%;
  height: 3.125vw;
  padding: 0 1.094vw;
  font-size: 1.146vw;
  line-height: 1.667vw;
}

.popup-block select {
  border: 0.104vw solid #000000;
  box-sizing: border-box;
  border-radius: 1.042vw;
  width: 100%;
  height: 3.125vw;
  padding: 0 1.094vw;
  background: url(../images/page-product-select.svg) no-repeat right 11px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.146vw;
  line-height: 1.667vw;
  background-size: 1.25vw;
}

.popup-block .label.error span {
  position: absolute;
  bottom: -1.302vw;
  right: 0px;
  z-index: 1;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 0.833vw;
  text-align: right;
  color: #eb5757;
}

.popup-block .label.error input,
.popup-block .label.error select {
  border: 0.104vw solid #eb5757;
}

.popup-block .send {
  display: flex;
  align-items: center;
  margin: 2.604vw 0 0 0;
}

.popup-block button {
  background: #090628;
  border-radius: 0.521vw;
  padding: 0.99vw 3.385vw;
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  font-size: 0.938vw;
  line-height: 1.094vw;
  text-align: center;
  color: #ffffff;
}

.popup-block .warning {
  flex: 1;
  padding: 0 0 0 1.563vw;
  font-weight: 500;
  font-size: 0.729vw;
  line-height: 0.938vw;
}

.popup-block .warning a {
  color: #2b66ff;
  text-decoration: underline;
}

.popup-block .warning a:hover {
  text-decoration: none;
}

.popup-block .succes {
  text-align: center;
  width: 6.25vw;
  height: 6.25vw;
  margin: 0 auto 3.646vw auto;
  display: table;
}

#succes-popup button {
  margin: 0 auto;
  display: table;
}

@media screen and (max-width: 1000px) {
  .popup-block .block {
    max-width: 90%;
    padding: 30px 10px;
    overflow-y: auto;
    border-radius: 5px;
    transform: translate(0%, 0%);
    top: 5%;
    left: 5%;
    max-height: calc(100vh - 10%);
  }

  .popup-block .close {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
  }

  .popup-block .name {
    font-size: 26px;
    line-height: normal;
    margin: 0 0 15px 0;
  }

  .popup-block .desc {
    margin: 0 0 15px 0;
  }

  .popup-block .label {
    margin: 0 0 15px 0;
  }

  .popup-block label {
    margin: 0 0 5px 0;
  }

  .popup-block select,
  .popup-block input {
    border-radius: 5px;
    height: auto;
    padding: 10px 20px;
    background-size: 15px !important;
    font-size: 14px;
    line-height: normal;
  }

  .popup-block .send {
    margin: 30px 0 0 0;
    display: block;
  }

  .popup-block .label.error span {
    font-size: 11px;
    line-height: normal;
    bottom: -15px;
  }

  .popup-block .send button {
    border-radius: 5px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: normal;
  }

  .popup-block .warning {
    padding: 10px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }

  .section-4 .tabs .tab + .tab {
    margin: 0 20px 0 0;
  }

  .section-3 .tabs .tab:hover .n {
    display: none;
  }

  .section-8 .slider:before {
    display: none;
  }

  .section-4 .flex.active {
    max-width: 345px;
    margin: 0 auto;
    position: relative;
  }

  .section-9 ::-webkit-scrollbar {
    display: none;
  }

  .section-4 ::-webkit-scrollbar {
    display: none;
  }

  .section-10 .images {
    width: 290px;
    height: 260px;
    margin: 0 auto;
    display: table;
  }

  .section-10 .images .phone {
    position: absolute;
    top: 50%;
    left: 55px;
    width: 200px;
    height: 290px;
    transform: translate(0%, -50%);
    background-size: contain;
  }

  .section-3 .slide .images {
    bottom: auto;
  }

  .section-3 .slider.active {
    padding: 0 0 50px 0;
  }

  nav {
    display: none;
  }

  header .phone {
    display: none;
  }

  header {
    padding: 20px 15px 32px 15px;
    position: relative;
    z-index: 99;
  }

  header .logo a {
    width: 200px;
    height: 33px;
    margin: 0px;
  }

  header .logo {
    flex: 1;
  }

  header .lang span {
    font-size: 18px;
    line-height: 23px;
  }

  header .lang span:after {
    width: 14px;
    height: 7px;
    margin: 0 0 0 8px;
  }

  .mobile-menu {
    display: block;
    cursor: pointer;
    width: 30px;
    height: 21px;
    background: url(../images/mobile-menu.svg) no-repeat;
    margin: 0 0 0 20px;
  }

  .mobile-menu.active {
    background: url(../images/mobile-menu-close.svg) no-repeat;
  }

  header .lang .hover a {
    font-size: 18px;
    line-height: 23px;
  }

  header .lang .hover {
    right: 21px;
    z-index: 9999;
  }

  .section-1 {
    padding: 0 15px;
    margin: 0 0 50px 0;
    display: block;
    text-align: center;
  }

  .section-1 .col-left {
    padding: 0px 0 30px 0;
  }

  .section-1 .title {
    font-size: 32px;
    line-height: 41px;
    margin: 0 0 24px 0;
  }

  .section-1 .desc {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 31px 0;
  }

  .section-1 .btn {
    font-size: 14px;
    line-height: 18px;
    display: table;
    margin: 0 auto;
    padding: 11px 25px;
  }

  .section-2,
  .section-3,
  .section-4,
  .section-5 {
    padding: 0 15px;
    margin: 0 0 50px 0;
    display: block;
    text-align: center;
  }

  .title-section {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 50px 0;
  }

  .section-2 .flex {
    display: block;
  }

  .section-2 .item {
    margin: 0 0 50px 0;
    padding: 0px;
  }

  .section-2 .icon img {
    width: 120px;
  }

  .section-2 .icon {
    margin: 0 0 20px 0;
  }

  .section-2 .name {
    font-size: 20px;
    line-height: 26px;
  }

  .section-3 .flex {
    display: block;
  }

  .section-3 .col-left {
    width: 100%;
  }

  .section-3 .col-right {
    padding: 0px;
    display: block;
    margin: 0 -15px;
  }

  .section-3 .col-left .info {
    display: none;
  }

  .section-3 .col-left .desc {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    margin: 0px 0 30px 0;
  }

  .section-3 .col-left .head {
    display: block;
    margin: 0 0 20px 0;
  }

  .section-3 .col-left .head .name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-size: 32px;
    margin: 0 0 20px 0;
    line-height: 41px;
  }

  .section-3 .col-left .head .sale {
    right: 0px;
    position: relative;
    top: auto;
  }

  .section-3 .col-left .price {
    display: flex;
    align-items: center;
  }

  .section-3 .col-left .head .old {
    font-size: 18px;
    line-height: 23px;
    order: 2;
    margin: 0 0 0 21px;
  }

  .section-3 .col-left .head .new {
    font-size: 30px;
    line-height: 38px;
    order: 1;
  }

  .section-3 .slider .birk {
    display: flex;
    top: 40px;
    left: 25px;
    right: 25px;
    justify-content: space-between;
  }

  .section-3 .slider .birk img {
    width: 70px;
    height: 70px !important;
  }

  .section-3 .slide {
    padding: 0 0 20px 0;
  }

  .section-3 .slide img {
    width: auto;
    height: 215px !important;
  }

  .section-3 .slide .images {
    position: relative;
    top: -90px;
    margin: 0 0 -90px 0;
  }

  .section-3 .slick-track {
    padding: 90px 0 0 0;
  }

  .section-3 .slider .btn {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 44px;
  }

  .section-3 .slick-arrow {
    width: 14px;
    height: 30px;
    margin: 0 0 0 0;
    top: auto;
    bottom: 40px;
    background-size: contain;
  }

  .section-3 .slick-next {
    right: 30px;
  }

  .section-3 .slick-prev {
    left: 30px;
  }

  .section-3 .slide .btn {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 44px;
  }

  .section-3 .tabs {
    width: 100%;
    margin: 0px;
  }

  .section-3 .tabs .name {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 28px 0;
  }

  .section-3 .tabs .tab {
    display: inline-block;
    margin: 0 10px;
    width: 40px;
    height: 40px;
  }

  .section-3 .tabs .tab .n {
    display: none;
  }

  .section-4 .flex {
    flex-direction: column-reverse;
  }

  .section-4 .col-right {
    width: 100%;
    position: initial;
  }

  .section-4 .col-left {
    padding: 0px;
    overflow: hidden;
  }

  .section-4 .slider {
    max-width: 340px;
    display: block;
    margin: 0 auto;
  }

  .section-4 .col-right .head {
    display: block;
    margin: 0 0 20px 0;
    text-align: left;
  }

  .section-4 .col-right .head .name {
    font-size: 32px;
    line-height: 41px;
    margin: 0 0 17px 0;
  }

  .section-4 .col-right .head .new {
    font-size: 30px;
    line-height: 38px;
  }

  .section-4 .col-right .desc {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 50px 0;
  }

  .section-4 .col-right .info {
    display: none;
  }

  .section-4 .slide .btn {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 44px;
  }

  .section-4 .navigator {
    left: auto;
    transform: translate(0%, -0%);
    right: auto;
    width: 100%;
    top: auto;
    bottom: 187px;
  }

  .section-4 .slick-arrow {
    margin: 0px;
    padding: 0px;
    border: 0px;
    cursor: pointer;
    font-size: 0px;
    line-height: 0px;
    flex-shrink: 0;
    z-index: 98;
  }

  .section-4 .slide img {
    height: 340px !important;
  }

  .section-4 .slick-prev2 {
    background: url(../images/section3-arrow.svg) no-repeat;
    display: block;
    left: 35px;
    top: 50%;
    position: absolute;
    width: 14px !important;
    height: 30px !important;
    margin: -7px 0 0 0;
    background-size: contain !important;
  }

  .section-4 .slick-next2 {
    background: url(../images/section3-arrow.svg) no-repeat;
    transform: rotate(180deg);
    right: 35px;
    top: 50%;
    position: absolute;
    width: 14px !important;
    height: 30px !important;
    margin: -7px 0 0 0;
    background-size: contain !important;
  }

  .section-4 .slide .birk {
    top: 12vh;
    right: 20px;
  }

  .section-4 .slide .birk img {
    width: 70px;
    height: 70px !important;
  }

  .section-4 .tabs {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
    margin: 0px;
    padding: 150px 0 0 0;
  }

  .section-4 .tabs .tab {
    margin: 0 20px 0 0;
    font-size: 14px;
    line-height: 18px;
    padding: 26px 24px 26px 120px;
    width: auto;
    height: auto;
  }

  .section-3 .slider {
    max-width: 340px;
    margin: 0 auto;
  }

  .section-5 .mobile-version {
    display: block;
    text-align: left;
  }

  .section-5 .flex {
    display: none;
  }

  .section-5 .number {
    font-size: 180px;
    line-height: 150px;
    margin: 0 0 15px 0;
  }

  .section-5 .name {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 15px 0;
  }

  .section-5 .desc {
    font-size: 14px;
    line-height: 20px;
  }

  .section-5 .item {
    margin: 0 0 50px 0;
  }

  .section-6 .item {
    width: 100%;
    margin: 0px;
  }

  .section-6 .item .images {
    height: auto;
    margin: 0 0 20px 0;
    border-radius: 20px;
  }

  .section-6 .item .images img {
    border-radius: 20px;
  }

  .section-6 .item .name {
    font-size: 18px;
    line-height: 23px;
    text-align: left;
    margin: 0 0 16px 0;
  }

  .section-6 .item .desc {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
  }

  .section-6 .item .btn {
    display: none;
  }

  .section-6 {
    padding: 0px;
    margin: 0 0 50px 0;
  }

  .section-6 .flex {
    margin: 0 0 0 -76px;
    position: relative;
  }

  .section-6 .slick-slide {
    margin: 0 10px;
  }

  .section-6 .slick-dots {
    display: flex;
    padding: 0px;
    list-style: none;
    margin: 0;
    justify-content: center;
  }

  .section-6 .slick-dots button {
    padding: 0px;
    cursor: pointer;
    width: 17px;
    height: 17px;
    background: #d6e0e9;
    margin: 0 14px;
    font-size: 0px;
    line-height: 0px;
    border-radius: 555px;
  }

  .section-6 .slick-active button {
    background: #2b66ff;
  }

  .section-6 .navigator {
    position: relative;
    padding: 0 1.771vw;
    display: table;
    margin: 50px auto 0 auto;
  }

  .section-6 .navigator .slick-arrow {
    margin: 0px;
    padding: 0px;
    border: 0px;
    cursor: pointer;
    width: 11px;
    height: 20px;
    font-size: 0px;
    line-height: 0px;
    flex-shrink: 0;
    position: absolute;
    bottom: -2px;
    z-index: 98;
    top: auto;
  }

  .section-6 .navigator .slick-prev {
    background: url(../images/section8-arrow2.svg) no-repeat;
    left: 0;
    transform: rotate(180deg);
    display: block;
  }

  .section-6 .navigator .slick-next {
    background: url(../images/section8-arrow2.svg) no-repeat;
    right: 0;
  }

  .section-7 {
    margin: 0 15px 50px 15px;
    background: #110835;
    padding: 30px 20px;
  }

  .section-7 .title {
    font-size: 30px;
    line-height: 35px;
    margin: 0 0 30px 0;
  }

  .section-7 .block {
    max-width: none;
  }

  .section-7 .name {
    font-size: 20px;
    line-height: 23px;
    margin: 0 0 30px 0;
  }

  .section-7 .desc {
    max-width: none;
    font-size: 14px;
    line-height: 20px;
    color: #aacbe3;
  }

  .nopc {
    display: block;
  }

  .section-7 .buttons {
    margin: 24px 0 0 0;
    justify-content: center;
  }

  .section-7 .full,
  .section-7 .pdf {
    padding: 12px 26px;
    font-size: 14px;
    line-height: 16px;
  }

  .section-7 .full {
    margin: 0 20px 0 0;
  }

  .section-8 .slick-next {
    display: none !important;
  }

  .section-8 .navigator {
    margin: 15px auto 0 auto;
  }

  .section-8 .full {
    display: none;
  }

  .section-8 {
    margin: 0 0 50px 0;
  }

  .section-9 .tabs__caption li {
    font-size: 30px;
    line-height: 35px;
    margin: 0 20px 0 0;
    white-space: nowrap;
    overflow: visible;
    border-bottom: 2px #2b66ff dashed;
  }

  .section-9 .tabs__caption {
    margin: 0 -15px 30px 0;
    overflow-y: hidden;
    overflow-x: scroll;
    justify-content: flex-start;
  }

  .section-9 .tabs__caption li:before {
    display: none;
  }

  .section-9 .tabs__caption li.active {
    border-bottom: 0px;
  }

  .section-9 .tabs__content.active {
    display: block;
  }

  .section-9 .tabs__content .block {
    padding: 0 0 30px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .section-9 .tabs__content .images {
    width: 100%;
    max-width: none;
  }

  .section-10 .title {
    font-size: 30px;
    line-height: 35px;
    margin: 0px 0 5px 0;
  }

  .section-10 .desc {
    font-size: 14px;
    line-height: 20px;
  }

  .section-9 {
    padding: 0 15px;
    margin: 0 0 60px 0;
  }

  .section-8 .slick-slide {
    margin: 0 15px;
  }

  .section-8 .name a {
    font-size: 18px;
    line-height: 21px;
  }

  .section-8 .desc {
    font-size: 14px;
    line-height: 20px;
  }

  .section-10 {
    padding: 0 15px;
    display: block;
    margin: 0 0 50px 0;
  }

  .section-10 .desc {
    margin: 0 0 30px 0;
  }

  .section-10 .block {
    max-width: none;
  }

  .section-10 .icons {
    justify-content: center;
    margin: 0 0 50px 0;
  }

  .section-10 .apple {
    margin: 0 12px;
  }

  .section-10 .icons a {
    background-size: contain !important;
  }

  .section-11 {
    max-width: none;
    padding: 0 15px;
    margin: 0 0 50px 0;
  }

  .section-11 .in {
    width: 23px;
    height: 23px;
  }

  .section-11 .vk {
    width: 28px;
    height: 17px;
  }

  .section-11 .you {
    width: 27px;
    height: 17px;
  }

  .section-11 .fb {
    width: 13px;
    height: 27px;
  }

  .section-11 .tw {
    width: 27px;
    height: 23px;
  }

  .section-11 .tl {
    width: 25px;
    height: 22px;
  }

  .section-11 .n {
    width: 27px;
    height: 27px;
  }

  footer {
    padding: 0px 15px 30px 15px;
  }

  footer .head {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 30px 0;
  }

  footer .city {
    margin: 26px 0 28px 0;
  }

  footer .mail {
    margin: 0px;
    display: inline-block;
  }

  footer .phone {
    display: inline-block;
    margin: 0 0 0 30px;
  }

  footer .bottom {
    display: block;
  }

  footer .bottom a {
    font-size: 14px;
    line-height: 18px;
  }

  footer .menu {
    margin: 0 0 28px 0;
    flex-wrap: wrap;
  }

  .section-10 .images {
    text-align: center;
  }

  header {
    background: #fff;
    position: relative;
  }

  .mobile-block {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    background: #fff;
    z-index: 9;
    padding: 0 30px 30px 30px;
  }

  .mobile-block nav {
    display: block;
  }

  .mobile-block .phone {
    display: block;
  }

  nav a {
    display: table;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 29px 0;
  }

  header .phone a {
    font-size: 16px;
    line-height: 20px;
  }

  header .phone {
    padding: 0 0 0 28px;
    background-size: 18px !important;
  }

  header .phone span {
    font-size: 16px;
    line-height: 19px;
    border-bottom: 1px #2b66ff dashed;
    margin: 31px 0 0 -28px;
  }

  header .phone span:hover {
    border-bottom: 1px #fff solid;
  }

  header .phone span:before {
    display: none;
  }

  body {
    position: relative;
  }

  body.active:before {
    content: "";
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 3;
    background: rgba(255, 255, 255, 0.6);
  }

  .page-single-media {
    padding: 0 15px;
    margin: 0 0 50px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .sidebar {
    padding: 0 15px;
    margin: 0 0 50px 0;
  }

  .section-8 .slide.video:before {
    display: none;
  }

  h1.title {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 30px 0 !important;
  }

  .sidebar .back {
    font-size: 14px;
    line-height: 20px;
  }

  .page-single-media .info {
    margin: 0 0 20px 0;
  }

  h2 {
    margin: 20px 0;
    font-size: 26px;
    line-height: 33px;
  }

  h4 {
    margin: 20px 0;
    font-size: 23px;
    line-height: 29px;
  }

  blockquote {
    margin: 50px 0;
    padding: 15px 15px 30px 15px;
    font-size: 14px;
    line-height: 20px;
  }

  blockquote:before {
    display: none;
  }

  blockquote .signature {
    font-size: 14px;
    line-height: 20px;
  }

  .media-category .name {
    margin: 0 0 30px 0;
    font-size: 23px;
    line-height: normal;
  }

  .media-category {
    margin: 0 15px 50px 15px;
    padding: 20px 0 0 0;
  }

  .media-category .media-menu a {
    padding: 10px 20px;
    margin: 0 20px 20px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .page-product {
    padding: 0 15px;
  }

  .page-product .information {
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 20px;
    display: block;
  }

  .page-product .information .station {
    margin: 0 0 15px 0;
  }

  .page-product .flex {
    display: block;
  }

  .page-product .col-left {
    padding: 0 0 50px 0;
  }

  .page-product .col-right {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
  }

  .page-product .slider {
    max-width: 340px;
    display: block;
    margin: 0 auto;
  }

  .page-product .slide .btn {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 44px;
  }

  .page-product .navigator {
    left: auto;
  }

  .page-product .slick-arrow {
    margin: 0px;
    padding: 0px;
    border: 0px;
    cursor: pointer;
    font-size: 0px;
    line-height: 0px;
    flex-shrink: 0;
    z-index: 98;
    top: 50%;
    position: absolute;
    width: 30px !important;
    height: 14px !important;
    margin: -7px 0 0 0;
    background-size: contain !important;
  }

  .page-product .slick-prev {
    background: url(../images/section3-arrow.svg) no-repeat;
    display: block;
    left: 30px;
  }

  .page-product .slick-next {
    background: url(../images/section3-arrow.svg) no-repeat;
    transform: rotate(180deg);
    display: block;
    right: 30px;
  }

  .page-product .slide .birk img {
    width: 70px;
    height: 70px !important;
  }

  .section-4 .slide,
  .page-product .slide {
    min-height: 311px;
    padding: 0 0 50px 0;
  }

  .section-4 .slide img,
  .page-product .slide img {
    width: auto;
  }

  .page-product .slide .birk {
    top: 10px;
    right: 20px;
  }

  .page-product .navigator {
    padding: 0 30px;
  }

  .page-product .navigator .slick-arrow {
    width: 11px !important;
    height: 20px !important;
  }

  .page-product .col-left .desc {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 30px 0;
  }

  .page-product .col-left .info {
    display: none;
  }

  .page-product .bottom {
    padding: 25px 0 0 0;
  }

  .page-product .bottom .equipment {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 30px 0;
  }

  .page-product .bottom .equipment select {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 0 15px;
    height: 30px;
    background-size: 12px !important;
  }

  .page-product .bottom .price span {
    font-size: 20px;
    line-height: normal;
  }

  .page-product .bottom .price .buy {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 20px;
  }

  .product-tabs {
    margin: 50px 0 0 0;
  }

  .product-tabs .tabs__caption li {
    margin: 0 20px 0 0;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
  }

  .product-tabs .tabs__caption {
    margin: 0 0 30px 0;
    overflow-y: hidden;
    overflow-x: auto;
  }

  .section-2 .desc {
    font-size: 14px;
    line-height: 20px;
    margin: 50px 0 0 0;
  }

  .product-tabs .compatibility .icon {
    display: block;
    max-width: none;
    text-align: center;
  }

  .product-tabs .compatibility .icon img {
    display: table;
    margin: 0 auto 30px auto;
  }

  .section-12 .question {
    font-size: 18px;
    line-height: normal;
    padding: 15px 0;
    background-size: 20px !important;
  }

  .section-12 {
    padding: 0 15px;
    margin: 0 0 50px 0;
  }

  .section-12 .answer {
    font-size: 14px;
    line-height: 20px;
  }

  body {
    font-size: 14px;
    line-height: 20px;
  }

  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .page-catalog {
    padding: 0 15px;
    margin: 0 0 50px 0;
  }

  .page-catalog .filter .name {
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 20px 0;
  }

  .page-catalog .filter .checkbox {
    flex-wrap: wrap;
  }

  .page-catalog .filter label {
    font-size: 14px;
    line-height: 20px;
    margin: 0 15px 15px 0;
  }

  .page-catalog .filter span:before {
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
  }

  .page-catalog .filter input:checked + span:before {
    background-size: 10px !important;
  }

  .page-product .col-left .head .name {
    font-size: 25px;
    line-height: normal;
  }

  .page-product .col-left .head .new {
    font-size: 17px;
    line-height: normal;
  }

  .page-product .col-left .head .old {
    font-size: 15px;
    line-height: normal;
  }

  .page-product .col-left .head {
    margin: 0 0 20px 0;
  }

  .page-product .fulllink {
    padding: 10px 30px;
    font-size: 14px;
    line-height: 20px;
  }

  .page-product.page {
    margin: 0 0 150px 0;
  }

  .page-product .col-left .head .sale {
    top: 0px;
    font-size: 0px;
    line-height: 0px;
  }

  .page-product .col-left .head .sale:before {
    margin: 0px;
  }

  .page-media .media-menu a {
    padding: 5px 10px;
    margin: 0 15px 15px 0;
    border-radius: 5px;
  }

  .page-media {
    padding: 0 15px;
  }

  .page-media .media-menu {
    margin: 0 0 30px 0;
  }

  .section-8 .sliderpage {
    padding: 0 15px;
  }

  .section-8 .sliderpage .slide {
    width: 100%;
    margin: 0 0 30px 0 !important;
  }

  .page-about {
    margin: 0 0 50px 0;
    padding: 0 15px;
    font-size: 14px;
    line-height: 20px;
  }

  .page-about .name {
    margin: 0 0 30px 0;
    font-size: 18px;
    line-height: 25px;
  }

  .page-about .item {
    width: 100%;
    margin: 0 0 30px 0 !important;
  }

  .page-about .item .photo {
    height: auto;
  }

  .page-about .flex {
    margin: 30px auto 0 auto;
    display: table;
    max-width: 340px;
  }

  .page-about .item .n {
    margin: 20px 0;
    font-size: 18px;
    line-height: normal;
  }

  .page-about .item .text {
    font-size: 14px;
    line-height: 20px;
  }

  .page-about .btn-all {
    padding: 15px 25px;
    font-size: 16px;
    line-height: normal;
  }

  .section-13 {
    padding: 0 15px;
    margin: 0 0 50px 0;
    display: block;
  }

  .section-13 .col-left {
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .section-13 .col-right {
    width: 100%;
  }

  .section-13 .col-left span {
    font-size: 16px;
    line-height: normal;
    margin: 25px 0;
  }

  .section-13 .col-left .phone {
    margin: 25px 0;
    font-size: 20px;
    line-height: normal;
  }

  .section-13 .col-left .phone:before {
    width: 15px;
    height: 20px;
    background-size: contain !important;
  }

  .section-13 .col-left .telegramm {
    margin: 0 0 25px 0;
    font-size: 20px;
    line-height: normal;
  }

  .section-13 .col-left .telegramm:before {
    width: 15px;
    height: 15px;
    background-size: contain !important;
  }

  .section-13 .col-left .download {
    font-size: 20px;
    line-height: normal;
  }

  .section-13 .col-right .label input {
    padding: 10px 0;
    font-size: 16px;
    line-height: normal;
  }

  .section-13 .col-right .label textarea {
    padding: 10px 0;
    font-size: 16px;
    line-height: normal;
  }

  .section-13 .col-right .label {
    margin: 0 0 15px 0;
  }

  .section-13 .col-right .label.error span {
    font-size: 12px;
    line-height: normal;
    bottom: -15px;
  }

  .section-13 .col-right .send {
    padding: 15px 0 0 0;
    display: block;
  }

  .section-13 .col-right button {
    font-size: 16px;
    line-height: normal;
    padding: 15px 30px;
  }

  .section-13 .col-right button:after {
    width: 9px;
    height: 19px;
    margin: 0 0 0 10px;
  }

  .section-13 .col-right .warning {
    padding: 15px 0 0 0;
  }

  .section-13 .col-left .download:after {
    width: 25px;
    height: 25px;
    background-size: contain !important;
  }

  .page-electriccars {
    padding: 0 15px;
    margin: 0 0 100px 0;
  }

  .page-electriccars .head {
    margin: 0 0 15px 0;
    display: block;
  }

  .page-electriccars .head a {
    padding: 10px 20px !important;
    font-size: 16px !important;
    line-height: normal !important;
  }

  .page-electriccars .head .button {
    flex-wrap: wrap;
  }

  .page-electriccars .head .order,
  .page-electriccars .head .feedback {
    margin: 0 15px 15px 0;
  }

  .electriccars-tabs .tabs__caption li {
    padding: 0 0 10px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .page-electriccars .filter {
    margin: 20px 0 30px 0;
  }

  .page-electriccars .filter a {
    margin: 0 15px 15px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .block-car {
    margin: 0 0 60px 0;
    flex-direction: column-reverse;
  }

  .block-car .col-left {
    padding: 20px 0 0 0;
  }

  .block-car .col-right {
    width: 100%;
    border-radius: 10px;
  }

  .block-car .name,
  .block-car .name .price {
    font-size: 18px;
    line-height: normal;
  }

  .block-car .desc {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .block-car .info .bl {
    padding: 0 10px 0 0;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .block-car .info .bl span {
    font-size: 18px;
    line-height: normal;
  }

  .block-car .info .bl span {
    padding: 0 0 0 10px;
  }

  .block-car .info .rating img,
  .page-electriccars .info-page .rating img {
    width: 15px;
    margin: 0 5px 0 0;
  }

  .block-car .bottom {
    padding: 15px 0 0 0;
    flex-wrap: wrap;
  }

  .block-car .bottom .nal,
  .block-car .bottom .conf,
  .block-car .bottom .test,
  .block-car .bottom .hire {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    margin: 0 10px 10px 0;
  }

  .desc-electriccars {
    margin: 25px 0 15px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .page-electriccars .info-page {
    margin: 0 0 25px 0;
  }

  .page-electriccars .info-page .bl {
    margin: 0 30px 20px 0;
    font-size: 14px;
    line-height: 20px;
  }

  .page-electriccars .info-page .bl span {
    font-size: 18px;
    line-height: normal;
  }

  .color-car .select-color {
    flex-wrap: wrap;
    font-size: 0px;
    line-height: 0px;
    margin: 0 0 30px 0;
  }

  .color-car .select-color span {
    width: 20px;
    height: 20px;
    margin: 0 0 0 15px;
  }

  .color-car .navigator {
    margin: 30px auto 0 auto;
    padding: 0 20px;
  }

  .block-equipment .title {
    margin: 20px 0 20px 0;
    font-size: 21px;
    line-height: normal;
  }

  .block-equipment .select {
    margin: 0 0 20px 0;
  }

  .block-equipment .select select {
    width: 100%;
    height: 30px;
    padding: 0 40px 0 10px;
    margin: 0 0 0 15px;
    border-radius: 5px;
    font-size: 14px;
    line-height: normal;
    background: url(../images/page-product-select.svg) no-repeat right 11px
      center;
    background-size: 15px;
  }

  .select-wheels {
    flex-wrap: wrap;
  }

  .select-wheels .name {
    width: 100%;
    padding: 0px 0 0 0;
    margin: 0 0 20px 0;
  }

  .select-wheels label {
    margin: 0 0px 0 0;
    width: 50%;
    padding: 0 10px 0 0;
  }

  .select-wheels label span {
    font-size: 16px;
    line-height: normal;
  }

  .desciption-car {
    margin: 30px 0 50px 0;
  }

  .desciption-car ul {
    margin: 0 0 0 10px;
  }

  .car-salon .title {
    margin: 20px 0 20px 0;
    font-size: 21px;
    line-height: normal;
  }

  .car-salon .select-salon {
    margin: 0 0 30px 0;
  }

  .car-salon .select-salon span {
    width: 20px;
    height: 20px;
    margin: 0 0 0 15px;
  }

  .page-electriccars .button-order .order,
  .page-electriccars .button-order .feedback {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
    width: auto;
  }

  .page-electriccars .button-order {
    margin: 20px 0 0 0;
  }

  .bg-investments header {
    background: #0b0133;
  }

  .bg-investments header .mobile-block {
    background: #0b0133;
  }

  .bg-investments .mobile-menu {
    background: url(../images/mobile-menu2.svg) no-repeat;
  }

  .bg-investments .mobile-menu.active {
    background: url(../images/mobile-menu-close2.svg) no-repeat;
  }

  .section-15 {
    padding: 0 15px;
    margin: 0 0 50px 0;
  }

  .section-15 .title {
    margin: 0 0 30px 0;
    font-size: 32px;
    line-height: normal;
  }

  .section-15 .desc {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 30px 0;
    max-width: none;
  }

  .section-15 {
    background: none;
  }

  .section-15 br {
    display: none;
  }

  .section-15 .add,
  .section-15 .pdf {
    padding: 10px 20px;
    font-size: 16px;
    margin: 0 10px 10px 0;
  }

  .bg-investments .purse {
    display: none;
  }

  .section-16 .title {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 50px 0;
  }

  .section-16 .flex {
    display: block;
  }

  .section-16 .item {
    width: 100%;
    margin: 0 0 30px 0 !important;
  }

  .section-16 .item .icon {
    height: 30px;
    margin: 0 0 10px 0;
  }

  .section-16 .item .icon img {
    height: 30px !important;
  }

  .bg-investments {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
  }

  .section-16 {
    padding: 0 15px;
  }

  .section-17 {
    padding: 0 15px;
    margin: 0 0 50px 0;
  }

  .section-17 .flex {
    display: block;
  }

  .section-17 .flex:before {
    display: none;
  }

  .section-17 .item {
    width: 100%;
    margin: 0 0 30px 0 !important;
    text-align: center;
  }

  .section-17 .number {
    margin: 0 auto 20px auto;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 45px;
  }

  .section-17 .bottom {
    display: block;
    padding: 15px;
    border-radius: 5px;
  }

  .section-17 .bottom div {
    padding: 10px 0 0 0;
  }

  .section-18 .item {
    width: 100%;
    margin: 0 0 30px 0 !important;
  }

  .section-18 .icon {
    margin: 0 auto 20px auto;
    width: 50px;
    height: 50px;
  }

  .section-18 .name {
    font-size: 18px;
    margin: 0 0 10px 0;
    line-height: normal;
  }

  .section-18 .bottom {
    display: block;
  }

  .section-18 .bottom .col-left {
    padding: 0 0 30px 0;
  }

  .section-18 .bottom .video {
    width: 100%;
    height: 300px;
  }

  .section-18 .bottom .text {
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: normal;
  }

  .section-18,
  .section-19,
  .section-20 {
    padding: 0 15px;
    display: block;
    margin: 0 0 50px 0;
  }

  .section-19 .images {
    width: 100%;
    text-align: center;
  }

  .section-19 .block {
    padding: 30px 0 0 0;
  }

  .section-19 .title {
    font-size: 18px;
    line-height: normal;
    margin: 0 0 20px 0;
  }

  .section-19 .btn {
    padding: 10px 20px;
    font-size: 16px;
    margin: 20px 0 30px 0;
  }

  .section-21 {
    margin: 0 15px 50px 15px;
    padding: 15px;
    background: url(../images/section21-bg.jpg) no-repeat right -200px center;
  }

  .section-21 .title {
    font-size: 26px;
    line-height: normal;
    margin: 0 0 20px 0;
  }

  .section-21 .block {
    columns: 1;
  }

  .section-21 .item {
    margin: 0 0 10px 0;
  }

  .section-21 .item span {
    padding: 5px 0 0 0px;
    font-size: 16px;
    display: block;
  }

  .section-22 .desc {
    margin: 0 0 40px 0;
  }

  .section-22 {
    padding: 0 15px;
    margin: 0 0 70px 0;
  }

  .section-22 .block-line .info span {
    font-size: 14px;
    margin: 5px 0 0 0;
  }

  .section-22 .block-line {
    margin: 0 0 70px 0;
  }

  .section-22 .block-timer {
    display: block;
    margin: 0 0 50px 0;
  }

  .section-22 .block-timer .name {
    margin: 0 0 15px 0;
  }

  .section-22 .block-timer .time,
  .countdown-row {
    display: flex;
    justify-content: center;
  }

  .section-22 .block-timer .well {
    padding: 15px;
    border-radius: 10px;
    margin: 20px 0 0 0;
  }

  .section-22 .block-timer .well span {
    font-size: 22px;
    line-height: normal;
  }

  .section-22 .button-order .order,
  .section-22 .button-order .feedback {
    padding: 15px 25px;
    font-size: 16px;
    width: auto;
    border-radius: 5px;
    margin: 0 5px;
  }

  .section-23 {
    padding: 0 15px;
    margin: 0 0 40px 0;
  }

  .section-23 .item {
    padding: 15px;
    border-radius: 5px;
    margin: 0 0 20px 0;
    flex-direction: column-reverse;
  }

  .section-23 .item:before {
    content: "";
    width: 20px;
    height: 30px;
    background: url(../images/section23-bullet2.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 3;
    background-size: contain;
  }

  .section-23 .item .text ul {
    margin: 0px 0 0 10px;
    padding: 0px;
  }

  .section-23 .item .date {
    font-size: 28px;
    line-height: normal;
  }

  .section-12 .buy {
    padding: 15px 25px;
    font-size: 16px;
    width: auto;
    border-radius: 5px;
    margin: 40px auto 0 auto;
  }

  .section-23 .item .text {
    padding: 20px 0 0 0;
  }

  .bg-investments header .logo a {
    margin: 0px;
  }

  body.noscroll {
    overflow: hidden !important;
  }

  html.noscroll {
    overflow: hidden !important;
  }
}

@media screen and (max-width: 380px) {
  .section-7 .buttons {
    flex-direction: column;
  }

  .section-7 .full {
    margin: 0 0 20px 0;
    text-align: center;
  }

  .section-7 .pdf {
    justify-content: center;
  }

  .block-car .info .bl {
    width: 100%;
    padding: 0px;
    margin: 0 0 15px 0;
  }
}

[class*="ymaps-2"][class*="-map-copyrights-promo"] {
  display: none;
}

[class*="ymaps-2"][class*="-balloon__layout"],
[class*="ymaps-2"][class*="-balloon__content"],
[class*="ymaps-2"][class*="-balloon__tail"],
[class*="ymaps-2"][class*="-balloon__tail"]:after,
[class*="ymaps-2"][class*="islets_balloon_layout_panel"] {
  background-color: #0b0133;
  color: #fff;
}

[class*="ymaps-2"][class*="-balloon__content"] .title {
  font-size: 16px;
  background: -webkit-linear-gradient(45deg, #348cff, #96e8ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 10px;
  display: block;
}

[class*="ymaps-2"][class*="-balloon__close-button"] {
  filter: invert(100%);
}

[class*="ymaps-2"][class*="cluster-tabs__menu-item-text"] {
  color: #fff;
}
[class*="ymaps-2"][class*="cluster-content__body"] {
  line-height: 20px;
}


.popup-block .connected  button {
  float:right; clear:right;
  padding: 0.59vw 2.385vw;
} 
.popup-block .connected  button:hover {
  padding: 0.69vw 2.585vw;
}

.popup-block .connected  button:disabled {
  opacity: 0.7;
}

.popup-block .notify {
  background: -webkit-linear-gradient(45deg, #348cff, #96e8ff);
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  display: none;
}

.popup-block .error {
  background: -webkit-linear-gradient(45deg, #bb1919, #eb5757);
  border-radius: 10px;
  padding: 10px 10px 10px 10px;
  display: none;
}

.popup-block .loader {
  margin-top:20px;
  display: none;
}


header .poe {
  display: none;
}

body.metamaskConnected .poe {
  display: block;
}

#saleform {
  margin-left: 50px;
}

#saleform .label input {
  width: 200px;
  padding: 2px 0;
  border: 0px;
  border-bottom: 2px #090628 solid;
  font-weight: 500;
  font-size: 25px;
  line-height: 2px;
  color: #090628;
}

#saleform ::placeholder {
  color: #bdbdbd;
}

@media screen and (max-width: 1000px) {
  #saleform {
    margin-left: 0;
    margin: 0 auto;
  }
  #saleform .label{
    display: flex;
    justify-content: center;
    margin: 2.208vw auto 0 auto;
  }
  #saleform .label input {
    width: 120px;
  }
}

.section-22 .desc a {
  font-weight: 500;
  line-height: 1.458vw;
  text-decoration: underline;
  color: #2b66ff;
}

.section-22 .desc a:hover {
  color:#111
}

#crowdsale {
  display: none;
}
#saleform {
  display: none;
}

.metamaskConnected #saleform {
  display: block;
}

.installMetamask {
  text-align: center;
  margin-top:20px;
}

.metamaskConnected .installMetamask {
  display: none;
}