@font-face {
  font-family: "Montserrat-ExtraBold";
  src: local("Montserrat-ExtraBold");
  src: url("./fonts/Montserrat-ExtraBold.eot");
  src: url("./fonts/Montserrat-ExtraBold.ttf");
  src: url("./fonts/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype");
  src: url("./fonts/Montserrat-ExtraBold.woff") format("woff");
  src: url("./fonts/Montserrat-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Montserrat-Bold";
  src: local("Montserrat-Bold");
  src: url("./fonts/Montserrat-Bold.eot");
  src: url("./fonts/Montserrat-Bold.ttf");
  src: url("./fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype");
  src: url("./fonts/Montserrat-Bold.woff") format("woff");
  src: url("./fonts/Montserrat-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Montserrat-Medium";
  src: local("Montserrat-Medium");
  src: url("./fonts/Montserrat-Medium.eot");
  src: url("./fonts/Montserrat-Medium.ttf");
  src: url("./fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype");
  src: url("./fonts/Montserrat-Medium.woff") format("woff");
  src: url("./fonts/Montserrat-Medium.woff2") format("woff2");
}

:root {
  --color-black: #000000;
  --color-red: #bd1920;
  --color-yellow: #ffc300;
  --color-light-gray: #8f8e8f;
  --color-gray: #c8c6c7;
  --color-white: #fff;
  --time-trans: 0.15s;
  --font-family-ExtraBold: "Montserrat-ExtraBold", sans-serif;
  --font-family-Bold: "Montserrat-Bold", sans-serif;
  --font-family-Medium: "Montserrat-Medium", sans-serif;
  --font-weight-500: 500;
  --font-weight-700: 700;
  --font-weight-800: 800;
  --font-size-11: 0.6875rem;
/*  --font-size-12: 0.75rem;*/
  --font-size-12: 15px;
  --font-size-14: 0.875rem;
  --font-size-14-6: 1.04375rem;
  --font-size-16: 1rem;
  --font-size-16-7: 1rem;
  --font-size-22: 1.375rem;
  --font-size-54: 3.375rem;
  --font-size-28: 1.75rem;
  --font-size-30: 1.875rem;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.yellow {
  background-color: var(--color-yellow)!important;
}

.white {
  background-color: var(--color-white) !important;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0px;
}

.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px auto 0px;
  width: 100%;
}

.tabs-item{
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.4;
  border: 1px solid transparent;
  border-radius: 15px;
}

.tabs-item:hover{
  border: 1px solid #bd1920;
}

.h1-internal {
  font-family: var(--font-family-Bold);
  font-size: var(--font-size-28);
  margin-bottom: 25px;
}

.btn-red {
  display: inline-block;
  color: var(--color-white);
  background-color: var(--color-red);
  font-family: "Montserrat-Medium";
  font-size: var(--font-size-14-6);
  padding: 8px 47px;
  border-radius: 16px;
  border: 2px var(--color-red) solid;
}

@media (any-hover: hover) {
  .btn-red:hover {
    background-color: var(--color-white);
    color: var(--color-red);
    -webkit-transition: color var(--time-trans) ease, background-color var(--time-trans) ease;
    -o-transition: color var(--time-trans) ease, background-color var(--time-trans) ease;
    transition: color var(--time-trans) ease, background-color var(--time-trans) ease;
  }
}

.tabs ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(250px, 1fr) [auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  grid-auto-rows: 1fr;
  flex: 1 1 auto;
  margin: 0 0px 0 0;
  background-color: #ffcd29;
  padding: 10px 10px;
  border-radius: 16px;
}

.tabs ul a li {
  padding: 12px 3px;
  -webkit-transition: color var(--time-trans) ease;
  -o-transition: color var(--time-trans) ease;
  transition: color var(--time-trans) ease;
  cursor: pointer;
}

.tabs ul a {
  line-height: 1.2;
}

@media (any-hover: hover) {
  .tabs ul a li:hover {
    color: var(--color-red);
  }
}

.tabs-active {
  background-color: var(--color-red);
  color: var(--color-white);
  border-radius: 15px;
}

.tabs-active a {
  color: var(--color-white);
}

@media (any-hover: hover) {
  .tabs-active a:hover {
    color: var(--color-white);
  }
}

@media (any-hover: hover) {
  .tabs-active:hover {
    color: var(--color-white) !important;
  }
}

* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

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

html,
body {
  height: 100%;
  width: 100%;
}

html {
  scroll-behavior: smooth;
  font-size: 0.6875rem;
}

@media (min-width: 492px) {
  html {
    font-size: 0.875rem;
  }
}

p,
span,
a,
li,
input, table td {
  line-height: 28px;
  font-family: "Montserrat-Medium", sans-serif;
  font-weight: 500;
  color: black;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a {
  -webkit-transition: color var(--time-trans) ease;
  -o-transition: color var(--time-trans) ease;
  transition: color var(--time-trans) ease;
}

@media (any-hover: hover) {
  a:hover {
    color: var(--color-red);
  }
  .header-top__list-2lvl li:hover{
    cursor: pointer;
    border-bottom: 1px solid var(--color-red); 
  }
  .header-top__list-2lvl li:hover a{
    color: var(--color-red);
  }
}

ul li {
  letter-spacing: none;
  list-style: none;
}

img {
  vertical-align: top;
}

.container {
  max-width: 1072px!important;
  margin: 0 auto;
  padding: 0 10px;
}

.wrapper {
  position: relative;
  max-width: 1920px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

header {
  position: relative;
}
.span_button{
  background-color: #ffcd00;
    padding: 10px;
    border: 2px solid black;
    border-radius: 25px;
}
.span_button:hover{
background-color: #ffa200;
}
.header-top {
  position: relative;
  background-color: #ffc400;
}

@media (min-width: 870px) {
  .header-top {
    background-color: transparent;
  }
}

.burger{
  min-width: 30px;
  height: 25px;
  position: relative;
  margin: 0 10px 0 0;
  cursor: pointer;
}

@media (min-width: 492px) {
  .burger{
    margin: 0 20px 0 0;
  }
}

@media (min-width: 870px) {
  .burger{
    display: none;
  }
}

.burger::after, .burger::before{
  content: ''; 
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  background-color: var(--color-red);
  -webkit-transition: -webkit-transform var(--time-trans) ease;
  transition: -webkit-transform var(--time-trans) ease;
  -o-transition: transform var(--time-trans) ease;
  transition: transform var(--time-trans) ease;
  transition: transform var(--time-trans) ease, -webkit-transform var(--time-trans) ease;
}

.burger::after{
 bottom: 0;
}

.burger span{
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: var(--color-red);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.burger-open{
  position: relative;
}

.burger-open span{
 display: none;

}

.burger-open::after{
  -webkit-transform: rotate(135deg) translateY(-50%);
      -ms-transform: rotate(135deg) translateY(-50%);
          transform: rotate(135deg) translateY(-50%);
  top: 50%;
}
.burger-open::before{
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  top: 55%;
}
.header-top__logo{
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.header-top__logo img {
  margin: 0px 10px 0px 0px;
}

@media (min-width: 492px) {
  .header-top__logo img{
    margin: 0 20px 0 0;
  }
}

@media (any-hover: hover) {
  .header-top__logo span:hover {
    color: var(--color-red);
  }
}

.header-top__container {
  margin: 0 auto;
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  width: 100%;
}

.header-top__menu a{
  display: inline-block;
  line-height: 1.4;
}

.header-top__menu {
  position: absolute;
  width: 100%;
  background-color: var(--color-white);
  z-index: 1;
  border-radius: 15px;
  margin: 220px 0 0 0;
  -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
          transform: translateX(-200%);
  -webkit-transition: -webkit-transform var(--time-trans) ease;
  transition: -webkit-transform var(--time-trans) ease;
  -o-transition: transform var(--time-trans) ease;
  transition: transform var(--time-trans) ease;
  transition: transform var(--time-trans) ease, -webkit-transform var(--time-trans) ease;
}
.header-top__menu-open{
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.header-top__menu nav{
 margin: 0 auto;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
}

@media (min-width: 870px) {
  .header-top__menu {
    position: relative;
    background-color: transparent;
    margin: 0px 0 0 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }

  .header-top__menu .header-top__list-1lvl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}


.top__cart{
	margin: 0 0px 0 0;
}

@media (min-width: 870px) {
  .top__cart{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.header-top__list-1lvl li{
  margin: 0 25px 0 0;
  position: relative;
}

.header-top__list-1lvl li:hover{
  cursor: pointer;
}
.header-top__list-1lvl li:hover>a{
  color: var(--color-red);
}
.header-top__list-1lvl li:hover::after{
  border-color: var(--color-red);

}

.header-top__list-2lvl {
  /* display: none; */
  position: absolute;
  top: 35px;
  left: 0;
  background-color: var(--color-white);
  border-radius: 15px;
  padding: 5px 15px;
  width: 200px;
  z-index: 1;
}

.header-top__list-2lvl li{
  margin: 0 0px 0 0;
  border-bottom: 1px solid transparent;
}

.header-top__list-1lvl > li::after{
  position: relative;
}
.header-top__list-1lvl > li{
  padding: 5px 0;
}
.header-top__list-1lvl > li::after{
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px var(--color-black) solid;
  border-left: 1px var(--color-black) solid;
  top: 50%;
  right: -10px;
  -webkit-transition: -webkit-transform var(--time-trans) ease;
  transition: -webkit-transform var(--time-trans) ease;
  -o-transition: transform var(--time-trans) ease;
  transition: transform var(--time-trans) ease;
  transition: transform var(--time-trans) ease, -webkit-transform var(--time-trans) ease;
  -webkit-transform: translateY(-50%) rotate(135deg);
      -ms-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}

.header-top__list-2lvl li:not(:last-child){
  margin: 0 0px 10px 0;
}

@media (any-hover: hover) {
  .header-top__list-1lvl li:hover > .hidden{
    display: block!important;
  }

  .header-top__list-1lvl li:hover::after{
    -webkit-transform: translateY(-50%) rotate(225deg);
        -ms-transform: translateY(-50%) rotate(225deg);
            transform: translateY(-50%) rotate(225deg);
  }
}

.header-top__container form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 10px 0 0;
  position: relative;
}

@media (min-width: 870px) {
  .header-top__container form {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.header-top__container form input[name="q"],
.header-top__container form input[name="s"] {
  width: 0px;
  margin: 0 9px 0 0;
}

.header-top__container form input[name="q"] {
  position: absolute;
  right: 48px;
  border-radius: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  text-align: center;
  z-index: 500;
  -webkit-transition: width var(--time-trans) ease;
  -o-transition: width var(--time-trans) ease;
  transition: width var(--time-trans) ease;
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-14);
}

.input-width {
  width: 166px !important;
  padding: 0 5px;
}

@media (min-width: 600px) {
  .input-width {
    width: 264px !important;
  }
  
}
@media (min-width: 800px) {
  .input-width {
    width: 465px !important;
  }
  
}
@media (min-width: 1053px) {
  .input-width {
    width: 770px !important;
  }
  
}

.header-top__btn-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 14px;
  height: 42px;
  background-color: transparent;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: 0, 0;
  margin: 0 25px 0 0;
  padding: 0 22px;
}

.header-top__icon-search,
.header-top__icon-close {
  cursor: pointer;
}

.header-top__icon-search{
  height: 31px;
}

.header-top__icon-close{
  height: 15px;
}

@media (any-hover: hover) {
  .header-top__btn-search:hover .header-top__icon-search svg path {
    fill: var(--color-red);
    -webkit-transition: fill var(--time-trans) ease;
    -o-transition: fill var(--time-trans) ease;
    transition: fill var(--time-trans) ease;
  }
  .header-top__btn-search:hover .header-top__icon-close svg path {
    fill: var(--color-red);
    -webkit-transition: fill var(--time-trans) ease;
    -o-transition: fill var(--time-trans) ease;
    transition: fill var(--time-trans) ease;
  }
}

.header-top__contact {
  position: relative;
  padding: 5px 5px 5px 5px;
  border-radius: 10px;
  background-color: var(--color-yellow);
  white-space: nowrap;
}

.header-top__contact img{
  width: 17px;
  height: 17px;
}

@media (min-width: 492px) {
  .header-top__contact {
    padding: 5px 13px 5px 13px;
  }
}

.header-top__contact:hover{
  cursor: pointer;
}
.header-top__contact:hover a span{
  color: var(--color-red);
}

.header-top__contact a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-top__contact span{
 display: none;
}

@media (min-width: 492px) {
  .header-top__contact span{
    display: block;
   }

   .header-top__contact img{
/*    display: none;*/
   }
}

/* @media (min-width: 492px) {
  .header-top__contact::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("./img/phone.svg");
  }
} */


.breadcrumbs ul li {
  font-size: var(--font-size-12);
  color: var(--color-light-gray);
  display: inline-block;
}

.breadcrumbs ul li:not(:first-child)::before {
  content: "/";
  margin-left: 5px;
  margin-right: 5px;
  font-size: var(--font-size-12);
  color: var(--color-light-gray);
}

.breadcrumbs ul li a {
  font-size: var(--font-size-12);
  color: var(--color-light-gray);
}

.header-info {  
  margin: 0px auto 90px;
  position: relative;
  text-align: center;
  padding: 0px 10px 0;
  background-color: #ffc400;
}

@media (min-width: 870px) {
  .header-info {
    text-align: justify;
    margin: 0px auto 50px;
    background-color: transparent;
  }
}

.header-info::before {
  content: "";
  position: absolute;
  width: 870px;
  height: 862px;
  right: 0;
  top: -158px;
  background-image: url("./img/header.png");
  background-repeat: no-repeat;
  z-index: -1;
  background-size: contain;
}

@media (min-width: 870px) {
  .header-info::before {
    right: 161px;
    width: 1420px;
  }
}

.header-info::after {
  content: "";
  position: absolute;
  width: 296px;
  height: 388px;
  right: 50%;
  top: 270px;
  -webkit-transform: translate(50%, 0%);
      -ms-transform: translate(50%, 0%);
          transform: translate(50%, 0%);

  background-image: url("./img/header_c.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 492px) {
  .header-info::after {
  width: 296px;
  height: 388px;
    top: 550px;
  }
}
@media (min-width: 492px) {
  .header-info::after {
    width: 396px;
    height: 488px;
    top: 525px;
  }
}

@media (min-width: 870px) {
  .header-info::after {
    width: 396px;
    height: 588px;
    right: -9px;
    top: 30%;
    -webkit-transform: translate(0, -30%);
        -ms-transform: translate(0, -30%);
            transform: translate(0, -30%);
  }
}
@media (min-width: 985px) {
  .header-info::after {
    background-size: auto;
    width: 496px;
  }
}

.header-info h1 {
  font-family: "Montserrat-ExtraBold";
  font-size: 32px;
  line-height: 27px;
  color: var(--color-red);
  margin: 15px 0 25px 0;
}

@media (min-width: 430px) {
  .header-info h1 {
    font-size: var(--font-size-54);
  }
}

.header-info__text {
  margin: 0 0 420px 0;
  position: relative;
}

.header-info__img{
  width: 100%;
}
@media (max-width: 870px) {
  .header-info__img{
    width: 100%;
  }
}
@media (max-width: 492px) {
  .header-info__img{
    width: 100%;
}
}
@media (min-width: 492px) {
  .header-info__text {
    margin: 0 0 500px 0;
  }
}

@media (min-width: 870px) {
  .header-info__text {
    margin: 0 0 270px 0;
  }
}

@media (min-width: 870px) {
  .header-info__text {
    margin: 0 0 5px 0;
  }
}

.header-info__text p {
  max-width: 500px;
  line-height: 1.5;
  font-size: var(--font-size-14-6);
}

.header-info__text p:not(:last-child) {
  margin: 0 auto 5px;
}

.header-info__text p:last-child {
  margin: 0 auto 35px;
}

@media (min-width: 870px) {
  .header-info__text p:not(:last-child) {
    margin: 0 0 5px 0;
  }
  
  .header-info__text p:last-child {
    margin: 0 0 35px 0;
  }
}

.header-info__all-products {
  display: inline-block;
  color: var(--color-white);
  background-color: var(--color-red);
  font-family: "Montserrat-Medium";
  font-size: var(--font-size-14-6);
  padding: 8px 47px;
  border-radius: 16px;
  border: 2px var(--color-red) solid;
}

@media (any-hover: hover) {
  .header-info__all-products:hover {
    background-color: var(--color-white);
    color: var(--color-red);
    -webkit-transition: color var(--time-trans) ease, background-color var(--time-trans) ease;
    -o-transition: color var(--time-trans) ease, background-color var(--time-trans) ease;
    transition: color var(--time-trans) ease, background-color var(--time-trans) ease;
  }
}

.header-info__support {
  padding: 12px 36px 12px 66px;
  margin: 0 auto 0px;
  background-color: var(--color-white);
  border-radius: 16px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
}

@media (min-width: 430px) {
  .header-info__support {
    padding: 12px 40px 12px 40px;
  }
}

@media (min-width: 870px) {
  .header-info__support {
    margin: 0 0 0px 0;
    background-color: transparent;
    border: 1px var(--color-yellow) solid;
    position: absolute;
    left: 225px;
    bottom: 0;
  }
}

/* .header-info__support::before {
  content: "";
  position: absolute;
  width: 26px;
  height: 24px;
  left: 55px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 9H17.3333C16.6833 9 16.25 9.4 16.25 10C16.25 10.6 16.6833 11 17.3333 11H19.5C20.15 11 20.5833 11.4 20.5833 12V19C20.5833 19.6 20.15 20 19.5 20H6.5C5.85 20 5.41667 19.6 5.41667 19V12C5.41667 11.4 5.85 11 6.5 11H8.66667C9.31667 11 9.75 10.6 9.75 10C9.75 9.4 9.31667 9 8.66667 9H6.5C4.65833 9 3.25 10.3 3.25 12V19C3.25 20.7 4.65833 22 6.5 22H19.5C21.3417 22 22.75 20.7 22.75 19V12C22.75 10.3 21.3417 9 19.5 9ZM8.99167 14.7L12.2417 17.7C12.4583 17.9 12.675 18 13 18C13.325 18 13.5417 17.9 13.7583 17.7L17.0083 14.7C17.4417 14.3 17.4417 13.7 17.0083 13.3C16.575 12.9 15.925 12.9 15.4917 13.3L14.0833 14.6V3C14.0833 2.4 13.65 2 13 2C12.35 2 11.9167 2.4 11.9167 3V14.6L10.5083 13.3C10.075 12.9 9.425 12.9 8.99167 13.3C8.55833 13.7 8.55833 14.3 8.99167 14.7V14.7Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
} */

.header-info__support a {
  color: var(--color-red);
  text-decoration: underline;
}

.header-info__check {
  /* margin: 0 0 12px 0; */
  padding: 0 0 20px 0;
}

.header-info__check h3 {
  font-size: var(--font-size-16-7);
  font-family: "Montserrat-Bold";
}

.header-info__check p {
  line-height: 1.5;
}

.partners {
  margin: 10px auto 60px;
}

@media (min-width: 870px) {
  .partners {
    margin: 10px auto 60px;
  }
}

.partners h3 {
  font-family: var(--font-family-Medium);
  color: var(--color-light-gray);
  font-size: var(--font-size-16);
  margin: 0px 0px 28px 0px;
}

.partners__list .swiper-slide a img{
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.partners__list .swiper-slide a{
 height: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
     -ms-flex-align: center;
         align-items: center;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 -webkit-filter: grayscale(1);
         filter: grayscale(1);
}
@media (any-hover: hover) {
  .partners__list .swiper-slide a:hover {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}
}
.partners__list .swiperParners{
  width: 100%;
  overflow: hidden;
}
.partners__list .swiperParners .swiper-slide{
   height: 25px;
} 



.services {
  margin: 0px auto 80px auto;
}

@media (min-width: 870px) {
  .services__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.services__info {
  position: relative;
  margin: 0px 0px 300px 0px;
}

@media (min-width: 870px) {
  .services__info {
    margin: 0px 105px 0px 0px;
  }
}

.services__info::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 376px;
  right: 138px;
  bottom: -352px;
  background-image: url(./img/back_serv.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

@media (min-width: 430px) {
  .services__info::before {
    right: 201px;
  }
}

@media (min-width: 870px) {
  .services__info::before {
    width: 729px;
    height: 576px;
    bottom: -137px;
  }
}

.services__info::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 210px;
  right: 27px;
  bottom: -209px;
  background-image: url(./img/servic_target.png);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

@media (min-width: 870px) {
  .services__info::after {
    width: 657px;
    height: 333px;
    bottom: 17px;
  }
}

.services__info h2 {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-28);
  line-height: 1.5;
  margin: 0px 0px 36px 0px;
}

.services__info p {
  font-size: 15px;
  line-height: 1.1;
  color: var(--color-light-gray);
}

.services__info p:not(:last-child) {
  margin: 0px 0px 20px 0px;
}

.services__info p:last-child {
  margin: 0px 0px 42px 0px;
}

.services__info a {
  font-size: var(--font-size-12);
  color: var(--color-red);
  position: relative;
  font-family: var(--font-family-Bold);
}

.services__info a::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 19px;
  right: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5594 10.8828C24.1453 10.3945 24.1453 9.60156 23.5594 9.11328L17.5594 4.11328C16.9734 3.625 16.0219 3.625 15.4359 4.11328C14.85 4.60156 14.85 5.39453 15.4359 5.88281L18.8766 8.75H1.5C0.670312 8.75 0 9.30859 0 10C0 10.6914 0.670312 11.25 1.5 11.25H18.8766L15.4359 14.1172C14.85 14.6055 14.85 15.3984 15.4359 15.8867C16.0219 16.375 16.9734 16.375 17.5594 15.8867L23.5594 10.8867V10.8828Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.services__items ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.5fr 0.5fr;
  grid-template-columns: 0.5fr 0.5fr;
  gap: 5% 10%;
  padding: 0 5%;
}

@media (min-width: 870px) {
  .services__items ul {
    gap: 40px;
    padding: 0;
  }
}

.services__items ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.services__items ul li img {
  margin: 0px 0px 27px 0px;
}

.services__items ul li h3 {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-16);
  line-height: 1.5;
  margin: 0px 0px 20px 0px;
}

.services__items ul li a {
  font-size: 13px;
  color: var(--color-red);
  position: relative;
  font-family: var(--font-family-Bold);
}

.services__items ul li a::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 19px;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5594 10.8828C24.1453 10.3945 24.1453 9.60156 23.5594 9.11328L17.5594 4.11328C16.9734 3.625 16.0219 3.625 15.4359 4.11328C14.85 4.60156 14.85 5.39453 15.4359 5.88281L18.8766 8.75H1.5C0.670312 8.75 0 9.30859 0 10C0 10.6914 0.670312 11.25 1.5 11.25H18.8766L15.4359 14.1172C14.85 14.6055 14.85 15.3984 15.4359 15.8867C16.0219 16.375 16.9734 16.375 17.5594 15.8867L23.5594 10.8867V10.8828Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.services__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: var(--font-size-12);
  line-height: 1.5;
  color: var(--color-light-gray);
}

.services__text p {
  font-size: var(--font-size-12);
  line-height: 1.5;
  color: var(--color-light-gray);
  margin: 0px 0px 30px 0px;
}

.popular-products {
  margin: 0 0 0px 0;
  overflow: hidden;
}

@media (min-width: 870px) {
  .popular-products {
    margin: 0 0 0px 0;
  }
}

.popular-products h2 {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-30);
  line-height: 1.5;
  margin: 0px auto 26px;
}

.popular-products__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px auto 52px;
}

.popular-products__tabs ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(250px, 1fr) [auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 20px 0 0;
  background-color: var(--color-gray);
  padding: 0px 20px;
  border-radius: 16px;
  border: 1px #888687 solid;
}

.popular-products__tabs ul li {
  padding: 13px 13px;
  -webkit-transition: color var(--time-trans) ease;
  -o-transition: color var(--time-trans) ease;
  transition: color var(--time-trans) ease;
  cursor: pointer;
}

@media (any-hover: hover) {
  .popular-products__tabs ul li:hover {
    color: var(--color-red);
  }
}

.product__label {
  position: absolute;
  top: 30px;
  left: -10px;
}

.product__label ul li {
  color: var(--color-white);
  padding: 0px 5px 0px 25px;
  border-radius: 8px;
  font-size: var(--font-size-12);
  position: relative;
}

.product__label ul li::before {
  content: "";
  position: absolute;
  width: 17px;
  height: 17px;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.product__label ul li:not(:last-child) {
  margin: 0 0 5px 0;
}

.product__label ul li:nth-child(1) {
  background-color: #3db0e9;
}

.product__label ul li:nth-child(1)::before {
  background-image: url("img/devel.png");
}

.product__label ul li:nth-child(2) {
  background-color: #b91920;
}

.product__label ul li:nth-child(2)::before {
  background-image: url("img/montage.png");
}

.product__label ul li:nth-child(3) {
  background-color: #50a760;
}

.product__label ul li:nth-child(3)::before {
  background-image: url("img/scien.png");
}

.popular-products__container{
  position: relative;
  padding: 0 40px;
}

.popular-products__slide-container {
  position: relative !important;
  height: auto !important;
  max-width: 260px;
}

@media (any-hover: hover) {
  .popular-products__slide-container:hover .popular-products__slide {
    border-radius: 10px 10px 0 0;
    border-top: 1px var(--color-gray) solid;
    border-left: 1px var(--color-gray) solid;
    border-right: 1px var(--color-gray) solid;
    border-bottom: 1px transparent solid;
  }
  .popular-products__slide-container:hover .popular-products__more {
    width: 100%;
    opacity: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-top: 1px transparent solid;
    border-left: 1px var(--color-gray) solid;
    border-right: 1px var(--color-gray) solid;
    border-bottom: 1px var(--color-gray) solid;
    z-index: 5;
  }
}

.popular-products__slide {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 30px 15px;
  border: 1px var(--color-gray) solid;
  border-radius: 10px;
  background-color: var(--color-white);
  cursor: -webkit-grab;
  cursor: pointer;
}

.popular-products__image {
  margin: 0px 0px 20px 0px;
  height: 191px;
}

.popular-products__image img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.popular-products__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: var(--font-family-Medium);
  color: var(--color-light-gray);
  margin: 0px 0px 28px 0px;
  line-height: 1.5;
}

.popular-products__text p {
  font-family: var(--font-family-Medium);
  color: var(--color-light-gray);
  margin: 0px 0px 28px 0px;
  line-height: 1.5;
}

.popular-products__price span {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-22);
}

.popular-products__more {
  position: absolute;
  padding: 0 30px 30px;
  border: 1px var(--color-gray) solid;
  border-radius: 0px 0 10px 10px;
  background-color: var(--color-white);
  height: 0;
  opacity: 0;
  text-align: right;
}

.popular-products__more::before {
  content: "";
  position: absolute;
  width: 26px;
  height: 19px;
  left: 30px;
  top: 12px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5594 10.8828C24.1453 10.3945 24.1453 9.60156 23.5594 9.11328L17.5594 4.11328C16.9734 3.625 16.0219 3.625 15.4359 4.11328C14.85 4.60156 14.85 5.39453 15.4359 5.88281L18.8766 8.75H1.5C0.670312 8.75 0 9.30859 0 10C0 10.6914 0.670312 11.25 1.5 11.25H18.8766L15.4359 14.1172C14.85 14.6055 14.85 15.3984 15.4359 15.8867C16.0219 16.375 16.9734 16.375 17.5594 15.8867L23.5594 10.8867V10.8828Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.popular-products__more a {
  color: var(--color-red);
  position: relative;
}

.popular-products__more a::before {
  content: "";
  position: absolute;
  width: 26px;
  height: 19px;
  left: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5C4.8645 1.5 1.5 4.8645 1.5 9C1.5 13.1355 4.8645 16.5 9 16.5C13.1355 16.5 16.5 13.1355 16.5 9C16.5 4.8645 13.1355 1.5 9 1.5ZM9 15C5.69175 15 3 12.3082 3 9C3 5.69175 5.69175 3 9 3C12.3082 3 15 5.69175 15 9C15 12.3082 12.3082 15 9 15Z' fill='%23BD1920'/%3E%3Cpath d='M8.25 8.25H9.75V12.75H8.25V8.25ZM8.25 5.25H9.75V6.75H8.25V5.25Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.popular-products__all {
  margin: 30px auto;
}

.popular-products__all a {
  color: var(--color-red);
  position: relative;
}

.popular-products__all a::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 19px;
  right: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5594 10.8828C24.1453 10.3945 24.1453 9.60156 23.5594 9.11328L17.5594 4.11328C16.9734 3.625 16.0219 3.625 15.4359 4.11328C14.85 4.60156 14.85 5.39453 15.4359 5.88281L18.8766 8.75H1.5C0.670312 8.75 0 9.30859 0 10C0 10.6914 0.670312 11.25 1.5 11.25H18.8766L15.4359 14.1172C14.85 14.6055 14.85 15.3984 15.4359 15.8867C16.0219 16.375 16.9734 16.375 17.5594 15.8867L23.5594 10.8867V10.8828Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.popular-products__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popular-products__button-next,
.popular-products__button-prev {
  position: absolute;
  top: 36%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 25px;
  height: 25px;
  border-top: 3px var(--color-red) solid;
  border-left: 3px var(--color-red) solid;
  cursor: pointer;
}

.popular-products__button-next {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin: 0 50px 0 0;
  right: -45px;
}

.popular-products__button-prev {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 6px;
}

.popularSwiper {
  /*overflow: visible !important;*/
  margin: 30px 0 0 0;
  padding: 0 10px!important;
}

.populat-active {
  background-color: var(--color-red);
  color: var(--color-white);
}

@media (any-hover: hover) {
  .populat-active:hover {
    color: var(--color-white) !important;
  }
}

.portfolio {
  margin: 0 auto;
/*  padding: 0 0 85px 0;*/
  overflow: hidden;
}

@media (min-width: 870px) {
  .portfolio {
/*    margin: 0 auto 85px;*/
  }
}

.portfolio h2 {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-30);
  line-height: 1.5;
  position: relative;  
  margin: 0 0px 280px 0;
  text-align: center;
}

@media (min-width: 870px) {
  .portfolio h2 {
    text-align: left;
    max-width: 50%;
    margin: 0 0 46px 0;
  }
}

.portfolio h2::after {
  content: "";
  position: absolute;
  top: 73px;
  right: -82%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 280px;
  background-image: url("./img/laptop.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (min-width: 515px) {
  .portfolio h2::after {
    right: -528px;
  }
}

@media (min-width: 589px) {
  .portfolio h2::after {
    right: -636px;
  }
}

@media (min-width: 667px) {
  .portfolio h2::after {
    right: -754px;
  }
}

@media (min-width: 743px) {
  .portfolio h2::after {
    right: -867px;
  }
}

@media (min-width: 870px) {
  .portfolio h2::after {
    top: 0px;
    right: -870px;
    width: 676px;
    height: 621px;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.portfolio__items {
  margin: 0 0 25px 0;
}

@media (min-width: 870px) {
  .portfolio__items {
    max-width: 50%;
    margin: 0 0 25px 0;
  }
}

@media (min-width: 500px) {
  .portfolio__items ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.portfolio__items ul li {
  padding: 0 5%;
  /* margin: 0 auto 50px; */
}

@media (min-width: 500px) {
  .portfolio__items ul li {
    width: 50%;
    margin: 0 0 0 0;
  }
}

@media (min-width: 870px) {
  .portfolio__items ul li {
    padding: 0;
    width: 50%;
  }
}

@media (min-width: 870px) {
  .portfolio__items ul li {
    margin: 0;
  }
}

@media (min-width: 870px) {
  .portfolio__items ul li:not(:last-child) {
    margin: 0 20px 0 0;
  }
}

.portfolio__items ul li h4 {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-16);
  line-height: 1.5;
  margin: 0 0 26px 0;
}

.portfolio__items ul li p {
  font-size: var(--font-size-12);
  line-height: 1.5;
  color: var(--color-light-gray);
  margin: 0 0 40px 0;
}

.portfolio__items ul li a {
  font-family: var(--font-family-Bold);
  font-size: var(--font-size-12);
}

/* @media (min-width: 500px) {
  .portfolio__all{
    text-align: center;
  }
} */

@media (min-width: 870px) {
  .portfolio__all{
    text-align: left;
  }
}

.portfolio__all a {
  font-size: var(--color-red);
  line-height: 1.5;
  color: var(--color-red);
  position: relative;
}

.portfolio__all a::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 19px;
  right: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5594 10.8828C24.1453 10.3945 24.1453 9.60156 23.5594 9.11328L17.5594 4.11328C16.9734 3.625 16.0219 3.625 15.4359 4.11328C14.85 4.60156 14.85 5.39453 15.4359 5.88281L18.8766 8.75H1.5C0.670312 8.75 0 9.30859 0 10C0 10.6914 0.670312 11.25 1.5 11.25H18.8766L15.4359 14.1172C14.85 14.6055 14.85 15.3984 15.4359 15.8867C16.0219 16.375 16.9734 16.375 17.5594 15.8867L23.5594 10.8867V10.8828Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.news {
  margin: 0 0 0px 0;
  padding: 0 10px;
}

@media (min-width: 870px) {
  .news {
    margin: 0 0 0px 0;
  }
  
}
.news__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 33px;
  position: relative;
}

@media (min-width: 870px) {
  .news__container {
    margin: 0 auto 33px;
  }
}

.news__container h2 {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-28);
  line-height: 1.5;
}

@media (min-width: 870px) {
  .news__container h2 {
    margin: 0 0 0 275px;
  }
}

.news__container::before {
  content: "";
  position: absolute;
  top: -136px;
  right: 740px;
  width: 740px;
  height: 766px;
  z-index: -1;
  background-image: url("./img/news-back.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.news__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.news__button-next,
.news__button-prev {
  width: 25px;
  height: 25px;
  border-top: 3px var(--color-red) solid;
  border-left: 3px var(--color-red) solid;
  cursor: pointer;
}

.news__button-next {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  margin: 0 50px 0 0;
}

.news__button-prev {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.news__slide {
  height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 250px;
  border: 1px var(--color-gray) solid;
  padding: 25px;
  background-color: var(--color-white);
  cursor: -webkit-grab;
  cursor: grab;
}

.news__slide h4 {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-16);
  line-height: 1.5;
  margin: 0 0 16px 0;
}

.news__date {
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-14);
  line-height: 1;
  color: var(--color-light-gray);
  margin: 0 0 5px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.news__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-14);
  line-height: 1.5;
  color: var(--color-light-gray);
  margin: 0 0 20px 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.news__text p {
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-14);
  line-height: 1.5;
  color: var(--color-light-gray);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}

.news__more {
  text-align: right;
}

.news__more a {
  font-size: var(--font-size-14);
  line-height: 1.1;
  color: var(--color-red);
}

.news__all{
  margin: 40px auto 0;
}

.news__all a {
  font-size: var(--color-red);
  line-height: 1.5;
  color: var(--color-red);
  position: relative;
}

.news__all a::after {
  content: "";
  position: absolute;
  width: 26px;
  height: 19px;
  right: -50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5594 10.8828C24.1453 10.3945 24.1453 9.60156 23.5594 9.11328L17.5594 4.11328C16.9734 3.625 16.0219 3.625 15.4359 4.11328C14.85 4.60156 14.85 5.39453 15.4359 5.88281L18.8766 8.75H1.5C0.670312 8.75 0 9.30859 0 10C0 10.6914 0.670312 11.25 1.5 11.25H18.8766L15.4359 14.1172C14.85 14.6055 14.85 15.3984 15.4359 15.8867C16.0219 16.375 16.9734 16.375 17.5594 15.8867L23.5594 10.8867V10.8828Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

footer {
  position: relative;
}

footer.footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1920px;
  height: 665px;
  background-image: url("./img/footer-gray.png");
  background-repeat: no-repeat;
  z-index: -2;
}

.footer__container {
  padding: 169px 0 0 0;
  overflow: hidden;
  height: 100%;
}

.history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto 48px;
}

.history__logo {
  margin: 0 25px 0 0;
}

.history__info h2 {
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-12);
  line-height: 1.1;
}

.history__info p {
  font-size: var(--font-size-12);
  line-height: 1.1;
}

.certificates {
  padding: 0 0 60px;
  max-width: 0 auto;
  background-color: #ffc400;
}

@media (min-width: 1200px) {
  .certificates {
    padding: 0 0 90px;
  }
}

@media (min-width: 1200px) {
  .certificates {
    background-color: transparent;
  }
}

.certificates__container {
  position: relative;
}

.certificates__container::before {
  content: "";
  position: absolute;
  top: -250px;
  left: -147px;
  width: 1644px;
  height: 505px;
  background-image: url("./img/footer-yellow.png");
  background-repeat: no-repeat;
  z-index: -1;
}

.certificates__container ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [6];
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}

.certificates__image {
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 0 16px 0;
}

.certificates__image img {
  -o-object-fit: none;
  object-fit: none;
}

.certificates__text {
  font-size: var(--font-size-12);
  line-height: 1.1;
}

.bottom {
  margin: 0 0 30px 0;
  background-color: #cac7c8;
  padding: 30px 0 0 0;
}

@media (min-width: 1200px) {
  .bottom {
    background-color: transparent;
    padding: 0px 0 0 0;
  }
}

@media (min-width: 870px) {
  .bottom__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.bottom__menu {
  text-align: center;
  padding: 0 0 20px 0;
}

.bottom__menu nav ul li{
  line-height: 1.3;
  margin: 0 0 10px 0;
}
.bottom__menu nav ul li a{
  line-height: 1.3;
}

@media (min-width: 492px) {
  .bottom__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
  }
}


@media (min-width: 870px) {
  .bottom__menu {
    margin: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding: 0;
  }
}

.bottom__menu nav span {
  text-transform: uppercase;
  font-family: var(--font-family-ExtraBold);
}

@media (min-width: 492px) {
  .bottom__menu nav{
    margin: 0 20px 0px 0;
    width: 25%;
  }
  /* .bottom__menu nav:not(:last-child) {
    margin: 0 20px 0px 0;
  } */
}

.bottom__requisites {
  margin: 0 auto;
  width: 284px;
  text-align: center;
}

@media (min-width: 870px) {
  .bottom__requisites {
    text-align: left;
    margin: 0 20px 0 0;
    -moz-text-align-last: left;
         text-align-last: left;
  }
}

.bottom__contacts {
  margin: 35px 0 0 0;
}

.bottom__contacts a {
  display: block;
}

.bottom__lider{
  margin: 0 auto;
  text-align: center;
  width: 90px;
}
.bottom__lider img{
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 870px) {
  .bottom__lider{
    text-align: left;
  }
}

.bottom__phone {
  color: var(--color-red);
}

.bottom__phone img{
  width: 17px;
  height: 17px;
  margin-top: 5px;
}

/*portfolio*/
.header-portfolio {
  margin: 0 auto 140px;
  position: relative;
}

.header-portfolio::after {
  content: "";
  position: absolute;
  bottom: -581px;
  right: 0px;
  width: 360px;
  height: 540px;
  background-image: url("./img/laptop-portfolio.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.header-portfolio__item{
  margin: 0 auto 400px;
}

@media (min-width: 480px) {
  .header-portfolio::after {
    width: 450px;
  }
}

@media (min-width: 950px) {
  .header-portfolio__item{
    margin: 0 auto;
  }

  .header-portfolio::after {
    top: -90px;
    bottom: 0;
  }
}

@media (min-width: 1140px) {
  .header-portfolio::after {
    width: 550px;
  }
}
@media (min-width: 1550px) {
  .header-portfolio::after {
    width: 776px;
  }
}

.header-portfolio h2 {
  font-family: var(--font-family-Bold);
  font-size: var(--font-size-28);
  margin: 0 0 25px 0;
}

.header-portfolio__text {
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-12);
  color: var(--color-light-gray);
  margin: 0 0 30px 0;
}

@media (min-width: 950px) {
  .header-portfolio__text {
    width: 50%;
  }
}

.works {
  margin: 38px 0 0 0;
}

.works__item {
  padding: 100px 0;
}

.works__item:nth-child(2n + 1) {
  background-color: #f6f6f7 !important;
}

.works__item:nth-child(n + 2) {
  background-color: #e6e8e9;
}

.works__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.works__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.works__subtitle {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-14);
  margin: 0 0 14px 0;
}

.works__title {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-30);
  margin: 0 0 24px 0;
  text-transform: uppercase;
}

.works__text {
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-14);
  color: var(--color-light-gray);
  margin: 0 0 20px 0;
  line-height: 1.5;
  width: 80%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.works__site {
  font-family: var(--font-family-Bold);
  color: var(--color-red);
}

.works__img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.portfolio-internal__info a {
  font-family: var(--font-family-Bold);
  font-size: var(--font-size-16);
  margin: 0 0 10px 0;
}

.portfolio-internal__text {
  font-size: var(--font-size-14);
  font-family: var(--font-family-Medium);
  color: var(--color-light-gray);
  line-height: 1.5;
  margin: 0 0 15px 0;
}

.portfolio-internal__images {
  margin: 0 0 25px 0;
}

.portfolio-internal__images img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.portfolio-internal__item {
  padding: 25px 0;
}

.portfolio-internal__request {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.portfolio-internal__request p {
  font-size: var(--font-size-16);
  font-family: var(--font-family-Medium);
  color: var(--color-light-gray);
  line-height: 1.5;
  margin: 0 15px 0px 0;
}

.portfolio-internal__item:nth-child(2n + 1) {
  background-color: #f6f6f7;
}

.portfolio-internal__item:nth-child(n + 2) {
  background-color: #e6e8e9;
}

/* ==================================================== */
.bx-top-nav-container {
  padding: 0;
  margin-top: 0;
}

.bx-top-nav-container .bx-nav-1-lvl > a span {
  padding: 0;
}

.bx-top-nav-container .bx-nav-1-lvl > a {
  font-size: var(--font-size-14);
}

.bx-top-nav-container .bx-nav-1-lvl > a {
  padding-top: 0;
  padding-bottom: 0;
  padding: 5px;
}

.bx-top-nav-container .bx-nav-1-lvl .header-top__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover > a {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span {
	background: transparent!important;
}

.header-info__check form p {
  margin: 0 0 12px 0;
}

.header-info__check form input {
  padding: 12px 20px 12px;
  border-radius: 16px;
  background-color: var(--color-white);
  min-width: 248px;
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-14);
  margin: 0 15px 0 0;
}
@media (min-width: 490px) {
  .header-info__check form input {
    min-width: 358px;
  }
}
@media (min-width: 870px) {
  .header-info__check form input {
    border: 1px var(--color-white) solid;
  }

  .header-info__check form button{
    border: 1px var(--color-white) solid;
  }
}

.header-info__check form button {
  width: 89px;
  height: 52px;
  border-radius: 16px;
  background-color: var(--color-white);
  position: relative;
}

.header-info__check form button::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 24px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='20' fill='white'/%3E%3Cpath d='M23.5594 10.8828C24.1453 10.3945 24.1453 9.60156 23.5594 9.11328L17.5594 4.11328C16.9734 3.625 16.0219 3.625 15.4359 4.11328C14.85 4.60156 14.85 5.39453 15.4359 5.88281L18.8766 8.75H1.5C0.670312 8.75 0 9.30859 0 10C0 10.6914 0.670312 11.25 1.5 11.25H18.8766L15.4359 14.1172C14.85 14.6055 14.85 15.3984 15.4359 15.8867C16.0219 16.375 16.9734 16.375 17.5594 15.8867L23.5594 10.8867V10.8828Z' fill='%23BD1920'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%, 50%;
}

.breadcrumbs ul li a span {
  font-size: var(--font-size-12);
  color: var(--color-light-gray);
}

.breadcrumbs ul li span {
  font-size: var(--font-size-12);
  color: var(--color-light-gray);
}

.breadcrumbs {
  margin: 15px auto 75px;
}

.portfolio__text {
  font-size: var(--font-size-12);
  line-height: 1.5;
  color: var(--color-light-gray);
}

@media (min-width: 500px) {
  .portfolio__text {
    margin: 0 0 40px 0;
  }
}

.portfolio__text p {
  font-size: var(--font-size-12);
  line-height: 1.5;
  color: var(--color-light-gray);
  margin: 0 0 40px 0;
}

.portfolio__items ul li h4 a {
  font-family: var(--font-family-ExtraBold);
  font-size: var(--font-size-16);
  line-height: 1.5;
  margin: 0 0 26px 0;
}

.portfolio__image {
  max-width: 100%;
  height: 150px;
  margin: 0 0 20px 0;
}

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

.news-list ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(300px, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 50px;
}

.news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.news-item h3 {
  line-height: 1.4;
  margin: 0 0 30px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

#check-mess{
  max-width: 500px;
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-14);
  background-color: var(--color-yellow);
  padding: 15px;
  border-radius: 15px;
  display: none;
  border: 1px var(--color-white) solid;
}

.contacts{
  font-family: var(--font-family-Medium);
}

.contacts img{
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.abonementnoe-obsluzhivanie *{
  font-family: var(--font-family-Medium)!important;
}
.abonementnoe-obsluzhivanie *{
  font-family: var(--font-family-Medium)!important;
}

.cso *{
  font-family: var(--font-family-Medium)!important;
}

.popup__feedback{
  background-color: rgba(0, 0, 0, 0.801);
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.popup__container{
  padding: 30px;
  background-color: var(--color-white);
  border-radius: 15px;
  min-width: 300px;
}
.popup__container form{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.popup__close{
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-30);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 20px auto;
  cursor: pointer;
}
.popup__subtitle, .popup__text{
  font-family: var(--font-family-Medium);
  font-size: var(--font-size-28);
  max-width: 500px;
  text-align: center;
  margin: 0 0 30px 0;
}

.popup__container form input{
  border: 1px var(--color-gray) solid;
  padding: 5px 10px;
  border-radius: 5px;
  font-family: var(--font-family-Medium);
  width: 300px;
}
.popup__container form input:not(:last-child){
 margin: 0 0 30px 0;
}
.popup__container form button{
  border-radius: 5px;
  background-color: var(--color-yellow);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 15px;
  margin: 0 auto;
  font-family: var(--font-family-Medium);
}

.popup__image{
  margin: 0 0 20px 0;
}

.no-capcha{
  text-align: center;
  font-family: var(--font-family-Medium);
  color: var(--color-red);
  font-size: var(--font-size-22);
}

.g-recaptcha{
  margin: 0 0 20px 0;
}

.input-error{
  border: 3px var(--color-red) solid!important;
}
.hidden {
  display: none !important;
}

.bx-auth-reg, .bx-authform{
  font-family: var(--font-family-Medium);
  margin: 0 auto;
}
.bx-auth-reg input, .bx-authform input{
  border: 1px var(--color-gray) solid;
  border-radius: 5px;
  padding: 0 5px;
}

.bx-system-auth-form a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (any-hover: hover) {
  .bx-system-auth-form a:hover svg path{
    fill: var(--color-red);
}
@media (any-hover: hover) {
  .bx-system-auth-form button:hover svg path{
    fill: var(--color-red);
}
}
.bx-system-auth-form input{
  font-family: var(--font-family-Medium);
  padding: 0 5px;
  border-radius: 5px;
  background-color: transparent;
}
.bx-system-auth-form input[type="submit"]{
  cursor: pointer;
}

.bx-system-auth-form form button{
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile{
  margin: 0 0 0 0px;
  position: relative;
}
.profile .bx-system-auth-form{
  position: relative;
}
.profile .bx-system-auth-form .login-icon{
  cursor: pointer;
}

@media (any-hover: hover) {
  .login-icon:hover svg path{
    fill: var(--color-red)
  }
}
@media (any-hover: hover) {
  .bx-basket-block .icon:hover svg path{
    fill: var(--color-red)
  } 
}

.bx-system-auth-form .login {
 position: absolute;
 font-family: var(--font-family-Medium);
 background-color: var(--color-yellow);  
 z-index: 10; 
 padding: 10px;
 left: -134px;
 border: 1px var(--color-white) solid;
 border-radius: 5px;
}

.bx-system-auth-form .login input{
  background-color: var(--color-white); 
  border-radius: 3px;
  margin: 0 0 20px 0;
 }}

.catalog__title a{
font-size: var(--font-size-22);
margin: 0 0 20px 0;
display: block;
}
.catalog__view{
  font-family: "Montserrat-Medium", sans-serif;
}

.filter-title{
  font-family: "Montserrat-Medium", sans-serif;
}

.catalog__products-to-show .current,
.catalog__sort-by .current{
  background-color: #bd1920;
  color: #fff;
}

.catalog__sort-by-name{
  display: flex;
}

.arrow-up {
    position: relative;
    cursor: pointer;
    margin:0px;
    width: 15px;
    height: 10px;
}
.arrow-up-left {
    position: absolute;
    background-color: transparent;
    top: 10px;
    left: 2px;
    width: 10px;
    height: 3px;
    display: block;
    transform: rotate(-45deg);
    float: right;
    border-radius: 2px;
}
.arrow-up-left:after {
    content: "";
    background-color: #fff;
    width: 10px;
    height: 3px;
    display: block;
    float: right;
    border-radius: 6px 10px 10px 6px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}
 
.arrow-up-right {
    position: absolute;
    background-color: transparent;
    top: 10px;
    left: 8px;
    width: 10px;
    height: 3px;
    display: block;
    transform: rotate(45deg);
    float: right;
    border-radius: 2px;
}
.arrow-up-right:after {
    content: "";
    background-color: #fff;
    width: 10px;
    height: 3px;
    display: block;
    float: right;
    border-radius: 10px 6px 6px 10px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}


.arrow-down {
    position: relative;
    cursor: pointer;
    margin:0px;
    width: 15px;
    height: 10px;
}
.arrow-down-left {
    position: absolute;
    background-color: transparent;
    top: 10px;
    left: 2px;
    width: 10px;
    height: 3px;
    display: block;
    transform: rotate(35deg);
    float: right;
    border-radius: 2px;
}
.arrow-down-left:after {
    content: "";
    background-color: #fff;
    width: 10px;
    height: 3px;
    display: block;
    float: right;
    border-radius: 6px 10px 10px 6px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}
 
.arrow-down-right {
    position: absolute;
    background-color: transparent;
    top: 10px;
    left: 8px;
    width: 10px;
    height: 3px;
    display: block;
    transform: rotate(-35deg);
    float: right;
    border-radius: 2px;
}
.arrow-down-right:after {
    content: "";
    background-color: #fff;
    width: 10px;
    height: 3px;
    display: block;
    float: right;
    border-radius: 10px 6px 6px 10px;
    transition: all 0.5s cubic-bezier(0.25, 1.7, 0.35, 0.8);
    z-index: -1;
}

@media (min-width: 730px) {
.catalog__title{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
  .catalog__title a {
    text-align: right;
  }
}