:root {
  --color-gray: #f6f6f6;
  --color-blue: #0047BB; }

.breadcrumbs__list li:first-child {
  top: 3px;
  position: relative; }

a {
 /* color: var(--color-blue); */}

.input-number {
  background: #fff;
  display: flex;
  height: 44px;
  border: 2px solid #e2e2e2; }
  .input-number__minus, .input-number__plus {
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    line-height: 1;
    padding-top: 4px;
    cursor: pointer;
    user-select: none; }
  .input-number input {
    width: 50px;
    text-align: center;
    border: none;
    outline: none;
    border-left: 2px solid #e2e2e2;
    border-right: 2px solid #e2e2e2; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

.button {
  background: var(--color-blue);
  border-radius: 4px;
  padding: 10px;
  color: white;
  text-align: center;
  cursor: pointer; }

.sidebar__item {
  margin-bottom: 2em; }

.sidebar__features {
  background: var(--color-blue);
  padding: 22px 16px 32px 40px; }
  .sidebar__features ul {
    padding: 0; }
  .sidebar__features li {
    color: #fff;
    font-size: 16px;
    list-style: disc;
    margin-bottom: 0.5em; }

.configurator-item {
  display: block;
  background: var(--color-gray);
  padding: 2em; }
  .configurator-item__title {
    margin-bottom: 1em; }
  .configurator-item__img {
    margin: 0 auto; }

.features_section {
  position: relative;
  padding-top: 50px;
  padding-bottom: 20px;
  box-sizing: border-box;
  background: var(--color-gray); }

.features_list {
  list-style: none;
  margin-left: -25px;
  display: flex;
  flex-flow: row wrap;
  padding-left: 0;
  z-index: 10;
  position: relative; }

.features_list li {
  width: 25%;
  padding-left: 25px;
  margin-bottom: 60px;
  font-size: 18px;
  line-height: 1.4; }

.feature_icon._tool {
  background-image: url(../img/features/tool.png); }

.feature_icon._star {
  background-image: url(../img/features/star.png); }

.feature_icon._check {
  background-image: url(../img/features/check_2.png); }

.feature_icon._warranty {
  background-image: url(../img/features/warranty.png); }

.feature_icon._delivery {
  background-image: url(../img/features/delivery_2.png); }

.feature_icon._storage {
  background-image: url(../img/features/storage.png); }

.feature_icon {
  position: relative;
  height: 54px;
  margin-bottom: 28px;
  background: left center no-repeat; }

.feature_caption {
  font-size: 18px;
  line-height: 1.4;
  min-height: 44px; }

.features_list p {
  line-height: 1.25;
  margin-top: 14px;
  margin-bottom: 0; }

.cert_link,
.feature_link {
  color: var(--color-blue); }

.features_list li._wide {
  width: 50%;
  padding-top: 46px;
  padding-left: 96px;
  position: relative;
  color: #fff; }

.features_list li._wide a {
  color: #fff; }

.features_list li._wide:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 25px;
  bottom: -60px;
  right: -10000px;
  background: #63de9d; }

.configurator-form-section {
  padding-top: 50px;
  padding-bottom: 50px;
  background: var(--color-gray); }
  .configurator-form-section .subtitle {
    font-size: 26px;
    margin-bottom: 1em; }
  .configurator-form-section .form {
    margin-left: 100px; }
  .configurator-form-section .flex {
    background: 78% bottom no-repeat;
    background-image: url(../img/callback_form_paper.png); }

.vendors {
  padding-top: 2em;
  padding-bottom: 2em; }
  .vendors_item {
    padding: 0em 1em 2em 1em; }

.vendor {
  display: block;
  border: 1px solid #e9e9e9;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9em;
  height: 81px; }
  .vendor-other {
    padding: 1em; }
  .vendor img {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .vendor:after {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% + 2px);
    height: 10px;
    background: transparent;
    bottom: -1px;
    left: -1px;
    transition: 0.3s; }
  .vendor-active, .vendor:hover { border: 1px solid var(--color-blue);display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.9em;
    height: 81px;;
    position: relative; }
    .vendor-active:after, .vendor:hover:after {
      background: var(--color-blue); }

.gray-block {
  padding: 2em;
  background: var(--color-gray);
  margin-bottom: 2em;
  font-size: 16px; }
  .gray-block h1, .gray-block h2 {
    color: var(--color-blue);
    font-size: 30px;
    margin-bottom: 1em; }

/*********************************** Specifications **********************************/
.specifications_block > ul {
  color: #7c7c7c;
  padding: 0;
  list-style: none;
  font-size: 18px;
  line-height: 1.35; }

.specifications_block > ul > li:not(:last-child) {
  margin-bottom: .8em; }

.specifications_block > ul > li > ol {
  display: flex;
  align-items: flex-end;
  list-style: none; }

.specifications_block > ul > li > ol > li {
  width: 50%; }

.specifications_block > ul > li > ol > li i {
  display: block;
  font-style: normal; }

.specifications_block > ul > li > ol > li:first-child {
  font-weight: 700;
  color: #000;
  position: relative;
  z-index: 1; }

.specifications_block > ul > li > ol > li:first-child > b {
  background: #fff; }

.specifications_block > ul > li > ol > li:nth-child(1) {
  width: 30%; }

.specifications_block > ul > li > ol > li:nth-child(2) {
  width: 70%; }

@media (max-width: 639px) {
  .specifications_block > ul > li > ol {
    padding-left: 0; }
  .specifications_block > ul {
    font-size: 16px; }
  .specifications_block > ul > li > ol > li:nth-child(1) {
    width: 100%;
    margin-bottom: 0.5em; }
  .specifications_block > ul > li > ol > li:nth-child(2) {
    width: 100%; } }

@media only screen and (min-width: 480px) {
  .specifications_block > ul > li > ol > li:first-child::after {
    content: '';
    display: block;
    width: 96%;
    position: absolute;
    left: 2%;
    bottom: .25em;
    z-index: -1;
    border-bottom: 1px dotted #b9b9b9; } }

@media only screen and (max-width: 479px) {
  .specifications_block > ul > li > ol {
    display: block; } }

/*********************************** Swiper **********************************/
.mainPageSlider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.mainPageSlider .swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.mainPageSlider .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.mainPageSlider .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  position: relative;
  transition-property: transform; }

.mainPageSlider .swiper-slide img {
  width: 100%; }

.swiper-wrapper .swiper-slide {
  height: auto; }

.mainPageSlider .swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.mainPageSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  left: 65px !important;
  top: 85% !important; }

.mainPageSlider .swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.mainPageSlider .swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.mainPageSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 25px !important;
  right: auto;
  top: 85% !important; }

.mainPageSlider .swiper-button-next, .swiper-button-prev {
  color: #007aff !important; }

.mainPageSlider .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next'; }

.mainPageSlider .swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1; }

.mainPageSlider .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.mainPageSlider {
  margin-bottom: 2em; }

.configurator-description {
  margin-bottom: 5em; }

.more__button {
  color: var(--color-blue);
  cursor: pointer;
  text-align: right; }
  .more__button span:first-child {
    display: block; }
  .more__button span:last-child {
    display: none; }
  .more__button.more__button-active span:first-child {
    display: none; }
  .more__button.more__button-active span:last-child {
    display: block; }

.more__content {
  margin-top: 1em; }

/*********************************** Tags **********************************/
.tags-cloud {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 960px;
  margin: auto;
  padding: 0 0 1rem;
  list-style: none;
  border: 2px solid white;
  border-radius: 5px; }

.tag {
  display: flex;
  align-items: center;
  margin: 0.25rem 1rem; }

.tag__link {
  padding: 5px 5px 0;
  transition: 0.3s;
  text-decoration: none; }

.tag:nth-of-type(4n+1) .tag__link {
  color: #ffd560; }

.tag:nth-of-type(4n+2) .tag__link {
  color: #ee4266; }

.tag:nth-of-type(4n+3) .tag__link {
  color: #9e88f7; }

.tag:nth-of-type(4n+4) .tag__link {
  color: #54d0ff; }

.tag:nth-of-type(4n+1) .tag__link:focus,
.tag:nth-of-type(4n+1) .tag__link:hover,
.tag:nth-of-type(4n+2) .tag__link:focus,
.tag:nth-of-type(4n+2) .tag__link:hover,
.tag:nth-of-type(4n+3) .tag__link:focus,
.tag:nth-of-type(4n+3) .tag__link:hover,
.tag:nth-of-type(4n+4) .tag__link:focus,
.tag:nth-of-type(4n+4) .tag__link:hover {
  color: black; }

/********************************************************************************************/
@media (max-width: 1200px) {
  /*********************************** Swiper **********************************/
  .configurator-description__content {
    width: 100%; } }

/********************************************************************************************/
#bg_popup {
  position: fixed;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none; }

#popup {
  background: #f4f4f4;
  color: #231f20;
  width: 540px;max-width: 100%;
  margin: 5% auto;
  padding: 30px 30px;
  position: relative;
  border: solid 1px #231f20;
  background-size: 120px 77px;
  background-repeat: no-repeat;
  background-position: 33px 373px; }

#popup p {
  margin-top: 13px;
  margin-bottom: 13px; }

#popup .close {
  display: block;
  padding: 10px;
  line-height: 25px;
  border-radius: 9px;
  color: #fff;
  background: #0047bb;
  cursor: pointer;
  margin: auto;
  position: absolute;
  right: 1em;
  top: 1em;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 5px 10px; }

/********************************************************************************************/
@media (max-width: 991px) {
  .features_list {
    margin-left: 0; }
  .features_list li {
    width: 50%; }
  .features_list li._wide {
    width: 100%;
    padding-top: 36px;
    padding-left: 76px;
    margin-left: 0; }
  .features_list li._wide:before {
    left: 0;
    right: 0;
    width: 100%; }
  .configurator-form-section .form {
    margin-left: auto;
    margin-right: auto; }
  .configurator-form-section .flex {
    background: none; }
  /*********************************** Swiper **********************************/ }

/********************************************************************************************/
@media (max-width: 767px) {
  .features_list li {
    width: 100%; }
  .features_list li._wide {
    width: 100%; }
  /*********************************** Swiper **********************************/ }

/********************************************************************************************/
@media (max-width: 575px) {
  .features_list li._wide {
    padding: 20px;
    margin: 0; }
  .features_list li._wide:before {
    bottom: 0; }
  .gray-block {
    padding: 1em; }
  /*********************************** Swiper **********************************/ }