@charset "UTF-8";







html {



  font-size: 62.5%;



  font-family: sans-serif;



  line-height: 1.15;



  -webkit-text-size-adjust: 100%;



  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)

}



/* Поиск */



.search-field-flex {

  display: flex;

  align-items: stretch;

}



/* Стиль для иконки лупы */

#search-icon,

#search-icon-mob {

  top: 20px;

  right: 20px;

  font-size: 24px;

  cursor: pointer;

  z-index: 4;

  background-color: white;

  padding: 8px;

  border-radius: 4px;

  display: flex;

  align-items: center;

  gap: 10px;

}



/* Стиль для всплывающего окна */

#search-overlay,

#search-overlay-mob {

  position: absolute;

  top: 75px;

  left: 0;

  width: 100%;

  z-index: 999;

  opacity: 0;

  visibility: hidden;

  transition: opacity 0.3s ease, visibility 0.3s ease;

  border-radius: 0px 0px 8px 8px;

  background: #FFF;

  box-shadow: 0px 525px 147px 0px rgba(71, 71, 71, 0.00), 0px 336px 134px 0px rgba(71, 71, 71, 0.01), 0px 189px 113px 0px rgba(71, 71, 71, 0.03), 0px 84px 84px 0px rgba(71, 71, 71, 0.04), 0px 21px 46px 0px rgba(71, 71, 71, 0.05);

}



#search-overlay.hidden,

#search-overlay-mob.hidden {

  opacity: 0;

  visibility: hidden;

}



#search-overlay.visible,

#search-overlay-mob.visible {

  opacity: 1;

  visibility: visible;

}



/* Стиль для контейнера поиска */

.search-container {

  background: #fff;

  border-radius: 8px;

  width: 100%;

  text-align: center;

  position: relative;

  border-bottom: 1px solid #CCC;

}



.search-form input[type="text"] {

  width: 100%;

  padding: 10px;

  border: none;

  border-radius: 4px;

}



.search-form select {

  width: 100%;

  padding: 10px;

  margin-bottom: 10px;

  border: 1px solid #ccc;

  border-radius: 4px;

}



.search-form button {

  padding: 10px 20px;

  background: white;

  border: none;

  border-radius: 4px;

  cursor: pointer;

  margin-right: 20px;

}



.close-btn {

  position: absolute;

  top: 18px;

  right: 10px;

  background: none;

  border: none;

  color: #000;

  font-size: 16px;

  cursor: pointer;

}



.header__answer {

  display: flex;

  align-items: center;

}



#search-icon-mob,

#search-overlay-mob {

  display: none;

}



@media(max-width: 991px) {



  #search-icon,

  #search-overlay {

    display: none;

  }



  #search-icon-mob,

  #search-overlay-mob {

    display: block;

  }



  .search-container {

    height: 92px;

  }



  .search-container form {

    height: 100%;

    display: flex;

    align-items: center;

    width: 100%;

  }



  .search-field-flex {

    width: 100%;

  }



  .close-btn {

    top: 40px;

  }



  #search-overlay-mob {

    top: 0;

    z-index: 999999;

  }



  #search-icon-mob {

    margin-right: 10px;

  }

}



/* Поиск */



/* Magnific Popup CSS */



.mfp-bg {



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 1042;



  overflow: hidden;



  position: fixed;



  background: #0b0b0b;



  opacity: 0.8;

}







.mfp-wrap {



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 1043;



  position: fixed;



  outline: none !important;



  -webkit-backface-visibility: hidden;

}







.mfp-container {



  text-align: center;



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  top: 0;



  padding: 0 8px;



  box-sizing: border-box;

}







.mfp-container:before {



  content: '';



  display: inline-block;



  height: 100%;



  vertical-align: middle;

}







.mfp-align-top .mfp-container:before {



  display: none;

}







.mfp-content {



  position: relative;



  display: inline-block;



  vertical-align: middle;



  margin: 0 auto;



  text-align: left;



  z-index: 1045;

}







.mfp-inline-holder .mfp-content,



.mfp-ajax-holder .mfp-content {



  width: 100%;



  cursor: auto;

}







.mfp-ajax-cur {



  cursor: progress;

}







.mfp-zoom-out-cur,

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {



  cursor: -moz-zoom-out;



  cursor: -webkit-zoom-out;



  cursor: zoom-out;

}







.mfp-zoom {



  cursor: pointer;



  cursor: -webkit-zoom-in;



  cursor: -moz-zoom-in;



  cursor: zoom-in;

}







.mfp-auto-cursor .mfp-content {



  cursor: auto;

}







.mfp-close,



.mfp-arrow,



.mfp-preloader,



.mfp-counter {



  -webkit-user-select: none;



  -moz-user-select: none;



  user-select: none;

}







.mfp-loading.mfp-figure {



  display: none;

}







.mfp-hide {



  display: none !important;

}







.mfp-preloader {



  color: #CCC;



  position: absolute;



  top: 50%;



  width: auto;



  text-align: center;



  margin-top: -0.8em;



  left: 8px;



  right: 8px;



  z-index: 1044;

}



.mfp-preloader a {



  color: #CCC;

}



.mfp-preloader a:hover {



  color: #FFF;

}







.mfp-s-ready .mfp-preloader {



  display: none;

}







.mfp-s-error .mfp-content {



  display: none;

}







button.mfp-close,



button.mfp-arrow {



  overflow: visible;



  cursor: pointer;



  background: transparent;



  border: 0;



  -webkit-appearance: none;



  display: block;



  outline: none;



  padding: 0;



  z-index: 1046;



  box-shadow: none;



  touch-action: manipulation;

}







button::-moz-focus-inner {



  padding: 0;



  border: 0;

}







.mfp-close {



  width: 44px;



  height: 44px;



  line-height: 44px;



  position: absolute;



  right: 0;



  top: 0;



  text-decoration: none;



  text-align: center;



  opacity: 0.65;



  padding: 0 0 18px 10px;



  color: #FFF;



  font-style: normal;



  font-size: 28px;



  font-family: Arial, Baskerville, monospace;

}



.mfp-close:hover,



.mfp-close:focus {



  opacity: 1;

}



.mfp-close:active {



  top: 1px;

}







.mfp-close-btn-in .mfp-close {



  color: #333;

}







.mfp-image-holder .mfp-close,



.mfp-iframe-holder .mfp-close {



  color: #FFF;



  right: -6px;



  text-align: right;



  padding-right: 6px;



  width: 100%;

}







.mfp-counter {



  position: absolute;



  top: 0;



  right: 0;



  color: #CCC;



  font-size: 12px;



  line-height: 18px;



  white-space: nowrap;

}







.mfp-arrow {



  position: absolute;



  opacity: 0.65;



  margin: 0;



  top: 50%;



  margin-top: -55px;



  padding: 0;



  width: 90px;



  height: 110px;



  -webkit-tap-highlight-color: transparent;

}



.mfp-arrow:active {



  margin-top: -54px;

}



.mfp-arrow:hover,



.mfp-arrow:focus {



  opacity: 1;

}



.mfp-arrow:before,



.mfp-arrow:after {



  content: '';



  display: block;



  width: 0;



  height: 0;



  position: absolute;



  left: 0;



  top: 0;



  margin-top: 35px;



  margin-left: 35px;



  border: medium inset transparent;

}



.mfp-arrow:after {



  border-top-width: 13px;



  border-bottom-width: 13px;



  top: 8px;

}



.mfp-arrow:before {



  border-top-width: 21px;



  border-bottom-width: 21px;



  opacity: 0.7;

}







.mfp-arrow-left {



  left: 0;

}



.mfp-arrow-left:after {



  border-right: 17px solid #FFF;



  margin-left: 31px;

}



.mfp-arrow-left:before {



  margin-left: 25px;



  border-right: 27px solid #3F3F3F;

}







.mfp-arrow-right {



  right: 0;

}



.mfp-arrow-right:after {



  border-left: 17px solid #FFF;



  margin-left: 39px;

}



.mfp-arrow-right:before {



  border-left: 27px solid #3F3F3F;

}







.mfp-iframe-holder {



  padding-top: 40px;



  padding-bottom: 40px;

}



.mfp-iframe-holder .mfp-content {



  line-height: 0;



  width: 100%;



  max-width: 900px;

}



.mfp-iframe-holder .mfp-close {



  top: -40px;

}







.mfp-iframe-scaler {



  width: 100%;



  height: 0;



  overflow: hidden;



  padding-top: 56.25%;

}



.mfp-iframe-scaler iframe {



  position: absolute;



  display: block;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);



  background: #000;

}







/* Main image in popup */



img.mfp-img {



  width: auto;



  max-width: 100%;



  height: auto;



  display: block;



  line-height: 0;



  box-sizing: border-box;



  padding: 40px 0 40px;



  margin: 0 auto;

}







/* The shadow behind the image */



.mfp-figure {



  line-height: 0;

}



.mfp-figure:after {



  content: '';



  position: absolute;



  left: 0;



  top: 40px;



  bottom: 40px;



  display: block;



  right: 0;



  width: auto;



  height: auto;



  z-index: -1;



  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);



  background: #444;

}



.mfp-figure small {



  color: #BDBDBD;



  display: block;



  font-size: 12px;



  line-height: 14px;

}



.mfp-figure figure {



  margin: 0;

}







.mfp-bottom-bar {



  margin-top: -36px;



  position: absolute;



  top: 100%;



  left: 0;



  width: 100%;



  cursor: auto;

}







.mfp-title {



  text-align: left;



  line-height: 18px;



  color: #F3F3F3;



  word-wrap: break-word;



  padding-right: 36px;

}







.mfp-image-holder .mfp-content {



  max-width: 100%;

}







.mfp-gallery .mfp-image-holder .mfp-figure {



  cursor: pointer;

}







@media screen and (max-width: 800px) and (orientation: landscape),

screen and (max-height: 300px) {



  /**



       * Remove all paddings around the image on small screen



       */



  .mfp-img-mobile .mfp-image-holder {



    padding-left: 0;



    padding-right: 0;

  }



  .mfp-img-mobile img.mfp-img {



    padding: 0;

  }



  .mfp-img-mobile .mfp-figure:after {



    top: 0;



    bottom: 0;

  }



  .mfp-img-mobile .mfp-figure small {



    display: inline;



    margin-left: 5px;

  }



  .mfp-img-mobile .mfp-bottom-bar {



    background: rgba(0, 0, 0, 0.6);



    bottom: 0;



    margin: 0;



    top: auto;



    padding: 3px 5px;



    position: fixed;



    box-sizing: border-box;

  }



  .mfp-img-mobile .mfp-bottom-bar:empty {



    padding: 0;

  }



  .mfp-img-mobile .mfp-counter {



    right: 5px;



    top: 3px;

  }



  .mfp-img-mobile .mfp-close {



    top: 0;



    right: 0;



    width: 35px;



    height: 35px;



    line-height: 35px;



    background: rgba(0, 0, 0, 0.6);



    position: fixed;



    text-align: center;



    padding: 0;

  }

}







@media all and (max-width: 900px) {



  .mfp-arrow {



    -webkit-transform: scale(0.75);



    transform: scale(0.75);

  }



  .mfp-arrow-left {



    -webkit-transform-origin: 0;



    transform-origin: 0;

  }



  .mfp-arrow-right {



    -webkit-transform-origin: 100%;



    transform-origin: 100%;

  }



  .mfp-container {



    padding-left: 6px;



    padding-right: 6px;

  }

}







article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section {



  display: block

}







h1,

h2,

h3,

h4,

h5,

h6 {



  margin-top: 0;



  margin-bottom: 1rem

}







p {



  margin-top: 0;



  margin-bottom: 1rem

}







b,

strong {



  font-weight: bolder

}







small {



  font-size: 80%

}







a {



  background-color: transparent

}







a:not([href]):not([tabindex]) {



  color: inherit;



  text-decoration: none

}







a:not([href]):not([tabindex]):hover,

a:not([href]):not([tabindex]):focus {



  color: inherit;



  text-decoration: none

}







a:not([href]):not([tabindex]):focus {



  outline: 0

}







img {



  vertical-align: middle;



  border-style: none

}







table {



  border-collapse: collapse

}







label {



  display: inline-block;



  margin-bottom: .5rem

}







button,

input,

optgroup,

select,

textarea {



  font-family: inherit;



  font-size: 100%;



  line-height: 1.15;



  margin: 0

}







button,

input {



  overflow: visible

}







button,

select {



  text-transform: none

}







button,

[type="button"],

[type="reset"],

[type="submit"] {



  -webkit-appearance: button

}







button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {



  padding: 0;



  border-style: none

}







button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {



  outline: 1px dotted ButtonText

}







fieldset {



  padding: .35em .75em .625em

}







legend {



  box-sizing: border-box;



  color: inherit;



  display: table;



  max-width: 100%;



  padding: 0;



  white-space: normal

}







progress {



  vertical-align: baseline

}







input[type="radio"],

input[type="checkbox"] {



  box-sizing: border-box;



  padding: 0

}







input[type="date"],

input[type="time"],

input[type="datetime-local"],

input[type="month"] {



  -webkit-appearance: listbox

}







textarea {



  overflow: auto;



  resize: vertical

}







[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {



  height: auto

}







[type="search"] {



  -webkit-appearance: textfield;



  outline-offset: -2px

}







[type="search"]::-webkit-search-decoration {



  -webkit-appearance: none

}







::-webkit-file-upload-button {



  -webkit-appearance: button;



  font: inherit

}







details {



  display: block

}







summary {



  display: list-item

}







template {



  display: none

}







[hidden] {



  display: none

}







hr {



  box-sizing: content-box;



  height: 0;



  overflow: visible;



  margin-top: 1rem;



  margin-bottom: 1rem;



  border: 0;



  border-top: 1px solid rgba(0, 0, 0, 0.1)

}







abbr[title] {



  border-bottom: none;



  text-decoration: underline;



  text-decoration: underline dotted

}







.vl-container {



  width: 100%;



  padding-right: 20px;



  padding-left: 20px;



  margin-right: auto;



  margin-left: auto;



  max-width: 1480px

}







.vl-container-fluid {



  width: 100%;



  padding-right: 20px;



  padding-left: 20px;



  margin-right: auto;



  margin-left: auto

}







.vl-row {



  display: -ms-flexbox;



  display: flex;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap;



  margin-right: -20px;



  margin-left: -20px

}







.no-gutters {



  margin-right: 0;



  margin-left: 0

}







.vl-col-1,

.vl-col-2,

.vl-col-3,

.vl-col-4,

.vl-col-5,

.vl-col-6,

.vl-col-7,

.vl-col-8,

.vl-col-9,

.vl-col-10,

.vl-col-11,

.vl-col-12,

.vl-col,

.vl-col-auto,

.vl-col-sm-1,

.vl-col-sm-2,

.vl-col-sm-3,

.vl-col-sm-4,

.vl-col-sm-5,

.vl-col-sm-6,

.vl-col-sm-7,

.vl-col-sm-8,

.vl-col-sm-9,

.vl-col-sm-10,

.vl-col-sm-11,

.vl-col-sm-12,

.vl-col-sm,

.vl-col-sm-auto,

.vl-col-md-1,

.vl-col-md-2,

.vl-col-md-3,

.vl-col-md-4,

.vl-col-md-5,

.vl-col-md-6,

.vl-col-md-7,

.vl-col-md-8,

.vl-col-md-9,

.vl-col-md-10,

.vl-col-md-11,

.vl-col-md-12,

.vl-col-md,

.vl-col-md-auto,

.vl-col-lg-1,

.vl-col-lg-2,

.vl-col-lg-3,

.vl-col-lg-4,

.vl-col-lg-5,

.vl-col-lg-6,

.vl-col-lg-7,

.vl-col-lg-8,

.vl-col-lg-9,

.vl-col-lg-10,

.vl-col-lg-11,

.vl-col-lg-12,

.vl-col-lg,

.vl-col-lg-auto,

.vl-col-xl-1,

.vl-col-xl-2,

.vl-col-xl-3,

.vl-col-xl-4,

.vl-col-xl-5,

.vl-col-xl-6,

.vl-col-xl-7,

.vl-col-xl-8,

.vl-col-xl-9,

.vl-col-xl-10,

.vl-col-xl-11,

.vl-col-xl-12,

.vl-col-xl,

.vl-col-xl-auto {



  position: relative;



  width: 100%;



  padding-right: 15px;



  padding-left: 15px

}







.vl-col {



  -ms-flex-preferred-size: 0;



  flex-basis: 0;



  -ms-flex-positive: 1;



  flex-grow: 1;



  max-width: 100%

}







.vl-col-auto {



  -ms-flex: 0 0 auto;



  flex: 0 0 auto;



  width: auto;



  max-width: 100%

}







.vl-col-1 {



  -ms-flex: 0 0 8.333333%;



  flex: 0 0 8.333333%;



  max-width: 8.333333%

}







.vl-col-2 {



  -ms-flex: 0 0 16.666667%;



  flex: 0 0 16.666667%;



  max-width: 16.666667%

}







.vl-col-3 {



  -ms-flex: 0 0 25%;



  flex: 0 0 25%;



  max-width: 25%

}







.vl-col-4 {



  -ms-flex: 0 0 33.333333%;



  flex: 0 0 33.333333%;



  max-width: 33.333333%

}







.vl-col-5 {



  -ms-flex: 0 0 41.666667%;



  flex: 0 0 41.666667%;



  max-width: 41.666667%

}







.vl-col-6 {



  -ms-flex: 0 0 50%;



  flex: 0 0 50%;



  max-width: 50%

}







.vl-col-7 {



  -ms-flex: 0 0 58.333333%;



  flex: 0 0 58.333333%;



  max-width: 58.333333%

}







.vl-col-8 {



  -ms-flex: 0 0 66.666667%;



  flex: 0 0 66.666667%;



  max-width: 66.666667%

}







.vl-col-9 {



  -ms-flex: 0 0 75%;



  flex: 0 0 75%;



  max-width: 75%

}







.vl-col-10 {



  -ms-flex: 0 0 83.333333%;



  flex: 0 0 83.333333%;



  max-width: 83.333333%

}







.vl-col-11 {



  -ms-flex: 0 0 91.666667%;



  flex: 0 0 91.666667%;



  max-width: 91.666667%

}







.vl-col-12 {



  -ms-flex: 0 0 100%;



  flex: 0 0 100%;



  max-width: 100%

}







.order-first {



  -ms-flex-order: -1;



  order: -1

}







.order-last {



  -ms-flex-order: 13;



  order: 13

}







.order-0 {



  -ms-flex-order: 0;



  order: 0

}







.order-1 {



  -ms-flex-order: 1;



  order: 1

}







.order-2 {



  -ms-flex-order: 2;



  order: 2

}







.order-3 {



  -ms-flex-order: 3;



  order: 3

}







.order-4 {



  -ms-flex-order: 4;



  order: 4

}







@media (min-width:576px) {



  .vl-col-sm {



    -ms-flex-preferred-size: 0;



    flex-basis: 0;



    -ms-flex-positive: 1;



    flex-grow: 1;



    max-width: 100%

  }







  .vl-col-sm-auto {



    -ms-flex: 0 0 auto;



    flex: 0 0 auto;



    width: auto;



    max-width: 100%

  }







  .vl-col-sm-1 {



    -ms-flex: 0 0 8.333333%;



    flex: 0 0 8.333333%;



    max-width: 8.333333%

  }







  .vl-col-sm-2 {



    -ms-flex: 0 0 16.666667%;



    flex: 0 0 16.666667%;



    max-width: 16.666667%

  }







  .vl-col-sm-3 {



    -ms-flex: 0 0 25%;



    flex: 0 0 25%;



    max-width: 25%

  }







  .vl-col-sm-4 {



    -ms-flex: 0 0 33.333333%;



    flex: 0 0 33.333333%;



    max-width: 33.333333%

  }







  .vl-col-sm-5 {



    -ms-flex: 0 0 41.666667%;



    flex: 0 0 41.666667%;



    max-width: 41.666667%

  }







  .vl-col-sm-6 {



    -ms-flex: 0 0 50%;



    flex: 0 0 50%;



    max-width: 50%

  }







  .vl-col-sm-7 {



    -ms-flex: 0 0 58.333333%;



    flex: 0 0 58.333333%;



    max-width: 58.333333%

  }







  .vl-col-sm-8 {



    -ms-flex: 0 0 66.666667%;



    flex: 0 0 66.666667%;



    max-width: 66.666667%

  }







  .vl-col-sm-9 {



    -ms-flex: 0 0 75%;



    flex: 0 0 75%;



    max-width: 75%

  }







  .vl-col-sm-10 {



    -ms-flex: 0 0 83.333333%;



    flex: 0 0 83.333333%;



    max-width: 83.333333%

  }







  .vl-col-sm-11 {



    -ms-flex: 0 0 91.666667%;



    flex: 0 0 91.666667%;



    max-width: 91.666667%

  }







  .vl-col-sm-12 {



    -ms-flex: 0 0 100%;



    flex: 0 0 100%;



    max-width: 100%

  }







  .order-sm-first {



    -ms-flex-order: -1;



    order: -1

  }







  .order-sm-last {



    -ms-flex-order: 13;



    order: 13

  }







  .order-sm-0 {



    -ms-flex-order: 0;



    order: 0

  }







  .order-sm-1 {



    -ms-flex-order: 1;



    order: 1

  }







  .order-sm-2 {



    -ms-flex-order: 2;



    order: 2

  }







  .order-sm-3 {



    -ms-flex-order: 3;



    order: 3

  }







  .order-sm-4 {



    -ms-flex-order: 4;



    order: 4

  }



}







@media (min-width:768px) {



  .vl-col-md {



    -ms-flex-preferred-size: 0;



    flex-basis: 0;



    -ms-flex-positive: 1;



    flex-grow: 1;



    max-width: 100%

  }







  .vl-col-md-auto {



    -ms-flex: 0 0 auto;



    flex: 0 0 auto;



    width: auto;



    max-width: 100%

  }







  .vl-col-md-1 {



    -ms-flex: 0 0 8.333333%;



    flex: 0 0 8.333333%;



    max-width: 8.333333%

  }







  .vl-col-md-2 {



    -ms-flex: 0 0 16.666667%;



    flex: 0 0 16.666667%;



    max-width: 16.666667%

  }







  .vl-col-md-3 {



    -ms-flex: 0 0 25%;



    flex: 0 0 25%;



    max-width: 25%

  }







  .vl-col-md-4 {



    -ms-flex: 0 0 33.333333%;



    flex: 0 0 33.333333%;



    max-width: 33.333333%

  }







  .vl-col-md-5 {



    -ms-flex: 0 0 41.666667%;



    flex: 0 0 41.666667%;



    max-width: 41.666667%

  }







  .vl-col-md-6 {



    -ms-flex: 0 0 50%;



    flex: 0 0 50%;



    max-width: 50%

  }







  .vl-col-md-7 {



    -ms-flex: 0 0 58.333333%;



    flex: 0 0 58.333333%;



    max-width: 58.333333%

  }







  .vl-col-md-8 {



    -ms-flex: 0 0 66.666667%;



    flex: 0 0 66.666667%;



    max-width: 66.666667%

  }







  .vl-col-md-9 {



    -ms-flex: 0 0 75%;



    flex: 0 0 75%;



    max-width: 75%

  }







  .vl-col-md-10 {



    -ms-flex: 0 0 83.333333%;



    flex: 0 0 83.333333%;



    max-width: 83.333333%

  }







  .vl-col-md-11 {



    -ms-flex: 0 0 91.666667%;



    flex: 0 0 91.666667%;



    max-width: 91.666667%

  }







  .vl-col-md-12 {



    -ms-flex: 0 0 100%;



    flex: 0 0 100%;



    max-width: 100%

  }







  .order-md-first {



    -ms-flex-order: -1;



    order: -1

  }







  .order-md-last {



    -ms-flex-order: 13;



    order: 13

  }







  .order-md-0 {



    -ms-flex-order: 0;



    order: 0

  }







  .order-md-1 {



    -ms-flex-order: 1;



    order: 1

  }







  .order-md-2 {



    -ms-flex-order: 2;



    order: 2

  }







  .order-md-3 {



    -ms-flex-order: 3;



    order: 3

  }







  .order-md-4 {



    -ms-flex-order: 4;



    order: 4

  }



}







@media (min-width:992px) {



  .vl-col-lg {



    -ms-flex-preferred-size: 0;



    flex-basis: 0;



    -ms-flex-positive: 1;



    flex-grow: 1;



    max-width: 100%

  }







  .vl-col-lg-auto {



    -ms-flex: 0 0 auto;



    flex: 0 0 auto;



    width: auto;



    max-width: 100%

  }







  .vl-col-lg-1 {



    -ms-flex: 0 0 8.333333%;



    flex: 0 0 8.333333%;



    max-width: 8.333333%

  }







  .vl-col-lg-2 {



    -ms-flex: 0 0 16.666667%;



    flex: 0 0 16.666667%;



    max-width: 16.666667%

  }







  .vl-col-lg-3 {



    -ms-flex: 0 0 25%;



    flex: 0 0 25%;



    max-width: 25%

  }







  .vl-col-lg-4 {



    -ms-flex: 0 0 33.333333%;



    flex: 0 0 33.333333%;



    max-width: 33.333333%

  }







  .vl-col-lg-5 {



    -ms-flex: 0 0 41.666667%;



    flex: 0 0 41.666667%;



    max-width: 41.666667%

  }







  .vl-col-lg-6 {



    -ms-flex: 0 0 50%;



    flex: 0 0 50%;



    max-width: 50%

  }







  .vl-col-lg-7 {



    -ms-flex: 0 0 58.333333%;



    flex: 0 0 58.333333%;



    max-width: 58.333333%

  }







  .vl-col-lg-8 {



    -ms-flex: 0 0 66.666667%;



    flex: 0 0 66.666667%;



    max-width: 66.666667%

  }







  .vl-col-lg-9 {



    -ms-flex: 0 0 75%;



    flex: 0 0 75%;



    max-width: 75%

  }







  .vl-col-lg-10 {



    -ms-flex: 0 0 83.333333%;



    flex: 0 0 83.333333%;



    max-width: 83.333333%

  }







  .vl-col-lg-11 {



    -ms-flex: 0 0 91.666667%;



    flex: 0 0 91.666667%;



    max-width: 91.666667%

  }







  .vl-col-lg-12 {



    -ms-flex: 0 0 100%;



    flex: 0 0 100%;



    max-width: 100%

  }







  .order-lg-first {



    -ms-flex-order: -1;



    order: -1

  }







  .order-lg-last {



    -ms-flex-order: 13;



    order: 13

  }







  .order-lg-0 {



    -ms-flex-order: 0;



    order: 0

  }







  .order-lg-1 {



    -ms-flex-order: 1;



    order: 1

  }







  .order-lg-2 {



    -ms-flex-order: 2;



    order: 2

  }







  .order-lg-3 {



    -ms-flex-order: 3;



    order: 3

  }







  .order-lg-4 {



    -ms-flex-order: 4;



    order: 4

  }



}







.table-responsive {



  display: block;



  width: 100%;



  overflow-x: auto;



  -webkit-overflow-scrolling: touch;



  -ms-overflow-style: -ms-autohiding-scrollbar

}







@font-face {



  font-family: 'Montserrat';



  src: url('/wp-content/themes/sst/assets/fonts/Montserrat-Regular.eot');



  src: url('/wp-content/themes/sst/assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),



    url('/wp-content/themes/sst/assets/fonts/Montserrat-Regular.woff') format('woff'),



    url('/wp-content/themes/sst/assets/fonts/Montserrat-Regular.ttf') format('truetype');



  font-weight: normal;



  font-style: normal;



  font-display: swap;



}







@font-face {



  font-family: 'Montserrat';



  src: url('/wp-content/themes/sst/assets/fonts/Montserrat-SemiBold.eot');



  src: url('/wp-content/themes/sst/assets/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),



    url('/wp-content/themes/sst/assets/fonts/Montserrat-SemiBold.woff') format('woff'),



    url('/wp-content/themes/sst/assets/fonts/Montserrat-SemiBold.ttf') format('truetype');



  font-weight: 600;



  font-style: normal;



  font-display: swap;



}







@font-face {



  font-family: 'Montserrat';



  src: url('/wp-content/themes/sst/assets/fonts/Montserrat-Medium.eot');



  src: url('/wp-content/themes/sst/assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),



    url('/wp-content/themes/sst/assets/fonts/Montserrat-Medium.woff') format('woff'),



    url('/wp-content/themes/sst/assets/fonts/Montserrat-Medium.ttf') format('truetype');



  font-weight: 500;



  font-style: normal;



  font-display: swap;



}







@font-face {



  font-family: 'Montserrat';



  src: url('/wp-content/themes/sst/assets/fonts/Montserrat-Bold.eot');



  src: url('/wp-content/themes/sst/assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),



    url('/wp-content/themes/sst/assets/fonts/Montserrat-Bold.woff') format('woff'),



    url('/wp-content/themes/sst/assets/fonts/Montserrat-Bold.ttf') format('truetype');



  font-weight: bold;



  font-style: normal;



  font-display: swap;



}















/* @font-face {



  font-family: 'Montserrat';



  font-style: normal;



  font-weight: 400;



  font-display: swap;



  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype')



}







@font-face {



  font-family: 'Montserrat';



  font-style: normal;



  font-weight: 500;



  font-display: swap;



  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype')



}







@font-face {



  font-family: 'Montserrat';



  font-style: normal;



  font-weight: 500;



  font-display: swap;



  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype')



}







@font-face {



  font-family: 'Montserrat';



  font-style: normal;



  font-weight: 700;



  font-display: swap;



  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype')



} */







* {



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



  margin: 0;



  padding: 0;



  list-style: none;



  outline: none

}







*:active,

*:hover,

*:focus,

*.active {



  outline: 0 !important;



  outline-offset: 0 !important

}







body {



  margin: 0;



  width: 100%;



  max-width: 100vw;



  min-height: 100%;



  background-color: #fff;



  color: #3a3a3a;



  position: relative;



  vertical-align: baseline;



  overflow-x: hidden;



  text-align: left;



  font: normal normal 400 1.7rem/1.2 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif

}







h1,

h2,

h3,

h4,

h5,

h6 {



  line-height: 1.3;



  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;



  font-weight: bold;



  color: #000

}







h1 {



  font-size: 35px

}







@media (min-width:1200px) {



  h1 {



    font-size: 85px

  }



}







h2 {



  font-size: 28px

}







@media (min-width:1200px) {



  h2 {



    font-size: 35px

  }



}







h3 {



  font-size: 19px

}







a {



  text-decoration: none;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease

}







a:hover {



  opacity: 1;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease;



  outline: none;



  text-decoration: none

}







ul,

ol {



  list-style: none;



  margin: 0;



  padding: 0

}







li {



  list-style: none

}







img {



  margin: 0;



  padding: 0;



  width: 100%;



  max-width: 100%;



  height: auto

}







section {



  display: block;



  position: relative;



  width: 100%;



  /* max-width: 1920px; */



  height: auto;



  margin-left: auto;



  margin-right: auto

}







.clearfix {



  clear: both

}







input {



  outline: 0 !important;



  box-shadow: none !important

}







input,

textarea,

input:focus,

textarea:focus {



  outline: none

}







.button-warning {



  background-color: #df6921;



  border: none;



  color: #ffffff;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  display: inline-block;



  cursor: pointer;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease;



  white-space: nowrap;



  outline: none;



  padding: 0rem 2rem;



  height: 55px;



  line-height: 55px;



  width: 100%;



  max-width: 400px;



  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;



  font-style: normal;



  font-weight: normal;



  font-size: 1.4rem;



  text-align: center

}







.button-warning:hover {



  background-color: #f07b34;



}







@media (min-width:992px) {



  .button-warning {



    font-size: 1.6rem

  }



}







.button-warning:hover {



  opacity: 1;



  display: inline-block;



  cursor: pointer;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease;



  outline: none;



  text-decoration: none

}







.button-warning:hover .arrow-span {



  -moz-transform: translateX(5px);



  -webkit-transform: translateX(5px);



  -o-transform: translateX(5px);



  -ms-transform: translateX(5px);



  transition: 0.6s;



  transform: translateX(5px)

}







.button-warning:disabled {



  background: rgba(223, 105, 33, 0.5) !important

}







.button-warning .arrow-span {



  display: inline-block;



  background: url(../img/icon/right-ayrrow-w.png) no-repeat center right;



  background-size: 17px 12px;



  width: 3rem;



  height: 12px;



  line-height: 20px;



  font-size: 0;



  padding-left: 1.3rem;



  transition: 0.6s;



}







.button-outline {



  background-color: #ffffff;



  border: 2px solid #df6921;



  color: #000;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  display: inline-block;



  cursor: pointer;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease;



  white-space: nowrap;



  outline: none;



  padding: 0 2.1rem;



  height: 55px;



  line-height: 55px;



  width: 100%;



  max-width: 400px;



  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;



  font-style: normal;



  font-weight: normal;



  font-size: 1.4rem;



  text-align: center

}







.button-outline:hover {



  background-color: #df6921;



  color: #061927;



}







.button-outline:hover .answer-span {



  background: url(../img/icon/v-h.png) no-repeat center !important;



}







footer .button-outline:hover .answer-span {



  background: url(../img/icon/icon-tm.png) no-repeat center !important;



}







@media (min-width:992px) {



  .button-outline {



    font-size: 1.6rem

  }



}







.button-outline .arrow-span {



  display: inline-block;



  background: url(../img/icon/right-arrow.png) no-repeat center right;



  background-size: 17px 12px;



  width: 3rem;



  height: 12px;



  line-height: 20px;



  font-size: 0;



  padding-left: 1.3rem;



  transition: 0.6s;



}







.button-outline:hover {



  opacity: 1;



  display: inline-block;



  cursor: pointer;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease;



  outline: none;



  text-decoration: none

}







.button-outline:hover .arrow-span {



  transition: 0.6s;



  -moz-transform: translateX(5px);



  -webkit-transform: translateX(5px);



  -o-transform: translateX(5px);



  -ms-transform: translateX(5px);



  transform: translateX(5px)

}







.button-outline:hover .arrow-span {



  background: url(../img/icon/right-arrow-hover.png) no-repeat center right;



}







.border-radius {



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px

}



















.color-accent {



  font-weight: bold;



  color: #df6921;



}











.color-white {



  color: #ffffff

}







.color-darken {



  color: #3a3a3a

}







.color-dark {



  color: #000

}







.text-center {



  text-align: center

}







.text-left {



  text-align: left

}







.text-right {



  text-align: right

}







.ws-nowrap {



  white-space: nowrap

}







.transition {



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease

}







.w-100 {



  width: 100%

}







.h-100 {



  height: 100%

}







.d-block {



  display: block

}







.d-none {



  display: none

}







.image {



  display: block;



  margin: 0 auto

}







.d-flex {



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex

}







.f-row {



  -webkit-flex-direction: row;



  -ms-flex-direction: row;



  flex-direction: row

}







.f-wrap {



  -webkit-flex-wrap: wrap;



  -ms-flex-wrap: wrap;



  flex-wrap: wrap

}







.f-nowrap {



  -webkit-flex-wrap: nowrap;



  -ms-flex-wrap: nowrap;



  flex-wrap: nowrap

}







.f-column {



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column

}







.justify-between {



  -webkit-justify-content: space-between;



  -ms-flex-pack: justify;



  justify-content: space-between

}







.justify-around {



  -webkit-justify-content: space-around;



  -ms-flex-pack: distribute;



  justify-content: space-around

}







.justify-center {



  -webkit-justify-content: center;



  -ms-flex-pack: center;



  justify-content: center

}







.align-center {



  -webkit-align-items: center;



  -ms-flex-align: center;



  align-items: center

}







.lh118 {



  line-height: 1.18

}







.f-item-base {



  -webkit-flex: 0 1 auto;



  -ms-flex: 0 1 auto;



  flex: 0 1 auto

}







.py-5 {



  padding-top: 3rem;



  padding-bottom: 3rem

}







.pb-5 {



  padding-bottom: 3rem

}







.pt-3 {



  padding-top: 1rem

}







.pb-3 {



  padding-bottom: 1rem

}







.mb-3 {



  margin-bottom: 1rem

}







.mb-5 {



  margin-bottom: 3rem

}







.uppercase {



  text-transform: uppercase

}







@media (max-width:991px) {



  .in991-none {



    display: none

  }







  footer,

  header,

  main {



    overflow-x: hidden

  }



}







@media (min-width:992px) {



  .in992-p0 {



    padding-left: 0 !important;



    padding-right: 0 !important

  }







  .in992-pl0 {



    padding-left: 0 !important

  }



}







.header {



  width: 100%

}







.header__top-line {



  padding: 2rem 0

}







.header__top-line .header__logo span {



  color: #878686

}







@media (min-width:601px) {



  .header__top-line .header__logo {



    max-width: 194px

  }







  .header__top-line .header__logo span {



    font-size: 1.3rem

  }



}







@media (max-width:600px) {



  .header__top-line .header__logo {



    max-width: 129px

  }







  .header__top-line .header__logo span {



    font-size: 8.6px;



    line-height: 10.3px

  }



}







@media (min-width:1200px) {



  .header__top-line .header__utp {



    max-width: 270px;



    padding: 0 1rem

  }







  .header__top-line .header__utp p {



    font-size: 2.1rem;



    color: #000

  }







  .header__top-line .header__utp span {



    font-size: 1.5rem;



    color: #878686

  }



}







@media (max-width:1199px) {



  .header__top-line .header__utp {



    display: none

  }



}







.header__top-line .header__answer .button-outline {



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;



  -webkit-align-items: center;



  -ms-flex-align: center;



  align-items: center;



  justify-content: center;



}







@media (min-width:1440px) {



  .header__top-line .header__answer .button-outline {



    width: 222px

  }



}







@media (min-width:992px) {



  .header__top-line .header__answer span:not(.answer-span) {



    padding-left: 1rem

  }



}







@media (max-width:991px) {



  .header__top-line .header__answer .button-outline {



    width: 3.5rem;



    height: 3.5rem;



    padding: 0;



    line-height: 3rem;



    background: #df6921;



    display: flex;



    justify-content: center

  }







  .header__top-line .header__answer span:not(.answer-span) {



    display: none

  }



}







@media (min-width:992px) {



  .header__top-line .header__addres .addres {



    padding-left: 2.5rem;



    background: url(../img/icon/map.png) left top / 12px 17px no-repeat;



    min-height: 2.4rem;



    font-size: 1.7rem;



    color: #656565

  }







  .header__top-line .header__addres .email {



    padding-left: 2.5rem;



    background: url(../img/icon/mail.png) left top 5px / 15px 12px no-repeat;



    min-height: 2.4rem;



    font-size: 1.7rem;



    color: #656565

  }



  .header__top-line .header__addres .email.vk {

    background: url(../img/icon/vk_logo.svg) left top 5px / 15px 12px no-repeat;

  }



  .header__top-line .header__addres .email.avito {

    background: url(../img/icon/avito_logo.svg) left top 5px / 15px 12px no-repeat;

  }



  .header__top-line .header__addres .email a {



    color: #656565

  }



}







@media (max-width:991px) {



  .header__top-line .header__addres {



    display: none

  }



}







@media (min-width:1440px) {



  .header__top-line .header__tel a {



    font-size: 2.5rem

  }



}







@media (min-width:992px) and (max-width:1439px) {



  .header__top-line .header__tel {



    font-size: 2rem

  }



}







@media (min-width:992px) {



  .header__top-line .header__tel a {



    font-weight: bold;



    color: #000

  }



}







@media (max-width:991px) {



  .header__top-line .header__tel {



    display: none

  }



}







@media (min-width:992px) {



  .heaader__mobile {



    display: none

  }



}







@media (max-width:991px) {



  .heaader__mobile {



    display: block;



    text-align: center

  }







  .heaader__mobile .header__utp {



    padding: 2rem 0

  }







  .heaader__mobile .header__utp p {



    font-size: 1.8rem;



    color: #000

  }







  .heaader__mobile .header__utp span {



    font-size: 1.5rem;



    color: #878686

  }







  .heaader__mobile .header__tel a {



    font-weight: bold;



    color: #000;



    font-size: 2rem

  }



}







.wrap-first-nav {



  position: relative

}







.first-nav {



  width: 100%;



  padding: 1rem;



  background: #051927;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px

}







@media (max-width:991px) {



  .first-nav:not(.show) {



    display: none

  }







  .first-nav.show {



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column

  }



}







@media (min-width:992px) {



  .first-nav {



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    -webkit-justify-content: space-between;



    -ms-flex-pack: justify;



    justify-content: space-between;



    gap: 100px;



  }



  .first-nav>ul {



    display: flex;



    align-items: center;



    justify-content: space-between;



    flex: 1;



  }



}



@media (min-width:992px) {



  .first-nav {



    gap: 10px;



  }



}







@media (min-width:1060px) {



  .first-nav {



    gap: 20px;



  }



}











.first-nav .button-warning {



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex

}







.first-nav .button-warning .phone-span {



  background: url(../img/icon/tel.png) no-repeat left center;



  background-size: contain;



  display: inline-block;



  width: 13px;



  height: 100%

}







.first-nav .button-warning span:not(.phone-span) {



  display: inline-block;



  padding-left: 1.1rem

}







@media (min-width:1440px) {



  .first-nav .button-warning {



    width: 247px;



    padding-left: 3rem;



    padding-right: 3rem;



    display: flex;



    align-items: center;



    justify-content: center;



  }



}







@media (max-width:1439px) {



  .first-nav .button-warning {



    max-width: 212px

  }



}







.mb08 {



  margin-bottom: .8rem

}







.answer-span {



  display: inline-block;



  border-radius: 50%;



  width: 21px;



  height: 21px;



  background: url(../img/icon/v.png) no-repeat center !important;



  background-size: contain

}







@media (max-width:991px) {



  .level_1 {



    margin-bottom: 1rem

  }



}







.first-nav>ul>li>a {



  display: block;



  font-size: 19px;



  font-weight: bold;



  color: #fff;



  position: relative;



}







.first-nav>ul>li>a:hover {



  color: #df6921

}







@media (min-width:1200px) {



  .first-nav>ul>li>a {



    padding: 1rem 3rem

  }



}







@media (min-width:992px) and (max-width:1199px) {



  .first-nav>ul>li>a {



    padding: 1rem 1.3rem

  }



}







.level_1 .level_1-link {



  position: relative

}







.level_1 .level_1-link::after {



  content: '';



  position: absolute;



  right: 0;



  top: 2rem;



  height: 6px;



  width: 11px;



  background: url(../img/icon/down.png) no-repeat center / cover;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease

}







.first-nav>ul>li>a.arrow::after {



  content: '';



  position: absolute;



  right: 0;



  top: 50%;



  transform: translateY(-50%);



  height: 6px;



  width: 11px;



  background: url(../img/icon/down.png) no-repeat center / cover;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease

}







.first-nav>ul>li:hover>a.arrow::after {



  -moz-transform: rotate(180deg);



  -webkit-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  transform: rotate(180deg);



}







.level_1 {



  position: relative

}







.level_1:not(.show) .level_2 {



  display: none

}







.level_1.show:before {



  content: '';



  position: absolute;



  bottom: -25px;



  left: 48%;



  display: inline-block;



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 0 5px 15px 5px;



  border-color: transparent transparent #051927 transparent

}







.level_1.show .level_1-link::after {



  -moz-transform: rotate(180deg);



  -webkit-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  transform: rotate(180deg)

}







@media (min-width:992px) {



  .level_1:hover .level_2,

  .level_1.show .level_2 {



    display: -ms-flexbox !important;



    display: -webkit-flex !important;



    display: flex !important;



    will-change: transform;



    min-width: 100%;



    background: #051927;



    -moz-border-radius: 5px;



    -webkit-border-radius: 5px;



    border-radius: 5px;



    position: absolute !important;



    padding: 2rem;



    z-index: 1;



    top: 0;



    transform: translate3d(0, 65px, 0);



    border: 1px solid #385367;



    left: -56%;



  }











  .level_1-tm:hover .level_2,

  .level_1-tm.show .level_2 {



    left: -185px;



    width: 575px;



    justify-content: space-between;



  }











  .first-nav .level_1:before {



    height: 30px;



    background: transparent !important;



    width: 100%;



    bottom: -29px;



    left: 0;



    content: '';



    z-index: 5;



    display: block;



    border: 0;



    position: absolute;



  }











  .level_1 .level_2 li {



    min-height: 51px;



    min-width: 180px

  }







  .level_1 .level_2 a {



    font-size: 17px;



    font-weight: 500;



    color: #fff;



    padding: 1rem 0 0.5rem 0;



  }







  .level_1 .level_2 a:hover {



    color: #df6921;



  }







  .first-nav>ul>li>ul a {



    display: block;



    font-size: 17px;



    font-weight: 500;



    color: #fff;



    padding: 1rem 0 0.5rem 0;



  }







  .first-nav>ul>li>ul a:hover {



    color: #df6921;



  }







  .level_2 {



    padding: 55px 60px 55px 60px !important;



    position: relative;



  }







  .level_2:before {



    content: "";



    background: url(../img/angle-menu.png);



    display: block;



    width: 27px;



    height: 21px;



    position: absolute;



    top: -20px;



    left: calc(50% - 13px);



  }







  .level_2 ul {



    width: 200px;



  }







  /*  */



  .first-nav>ul>li:hover ul,

  .first-nav>ul>li.show ul {



    /* left: -185px; */



    width: 575px;



    justify-content: space-between;



    opacity: 1;



    visibility: visible;



  }







  .first-nav>ul>li:before {



    height: 30px;



    background: transparent !important;



    width: 100%;



    bottom: -29px;



    left: 0;



    content: '';



    z-index: 5;



    display: block;



    border: 0;



    position: absolute;



    display: none;



  }







  .first-nav>ul>li:hover:before {



    display: block;



  }







  .first-nav>ul>li {



    position: relative;



  }







  .first-nav>ul>li>ul {



    padding: 55px 60px 55px 60px !important;



    position: absolute;



    display: grid;



    grid-template-columns: 1fr 1fr;



    gap: 10px 30px;



    left: 50%;



    transform: translateX(-50%);



    z-index: 5;



    opacity: 0;



    visibility: hidden;



    border: 1px solid #385367;



    background: #051927;



    top: calc(100% + 20px);



    border-radius: 5px;



  }







  .first-nav>ul>li>ul:before {



    content: "";



    background: url(../img/angle-menu.png);



    display: block;



    width: 27px;



    height: 21px;



    position: absolute;



    top: -20px;



    left: calc(50% - 13px);



  }



}







@media (max-width:991px) {



  .level_1.show .level_2 {



    display: block;



    width: 100%;



    background: #051927;



    -moz-border-radius: 5px;



    -webkit-border-radius: 5px;



    border-radius: 5px

  }







  .level_1.show .level_2 a {



    font-size: 15px;



    font-weight: bold;



    color: #fff;



    padding: 1rem 0 .5rem 0

  }







  .first-nav>ul {



    display: flex;



    flex-direction: column;



    align-items: center;



    gap: 10px;



  }



  .first-nav>ul>li>ul {



    display: flex;



    flex-direction: column;



    align-items: center;



    gap: 10px;



    margin: 15px 0 5px;



  }



  .first-nav>ul>li>ul a {



    color: #fff;



  }



}







@media (min-width:992px) {



  .vl-nav-mobile-hamburger {



    display: none !important

  }



}







@media (max-width:991px) {



  .vl-nav-mobile-hamburger {



    display: block;



    width: 28px;



    height: 28px;



    z-index: 8

  }







  .vl-nav-mobile-hamburger label {



    cursor: pointer

  }







  .vl-nav-mobile-hamburger .visuallyHidden {



    position: absolute;



    overflow: hidden;



    clip: rect(0 0 0 0);



    height: 1px;



    width: 1px;



    margin: -1px;



    padding: 0;



    border: 0

  }







  .vl-nav-mobile-hamburger .hamburger {



    width: 28px;



    height: 28px;



    position: relative

  }







  .vl-nav-mobile-hamburger .hamburger .bar {



    padding: 0;



    width: 28px;



    height: 2px;



    background-color: #df6921;



    display: block;



    -webkit-transition: all .2s ease;



    -moz-transition: all .2s ease;



    -o-transition: all .2s ease;



    -ms-transition: all .2s ease;



    transition: all .2s ease;



    position: absolute

  }







  .vl-nav-mobile-hamburger .bar1 {



    top: 0

  }







  .vl-nav-mobile-hamburger .bar2,

  .vl-nav-mobile-hamburger .bar3 {



    top: 13.5px

  }







  .vl-nav-mobile-hamburger .bar3 {



    right: 0

  }







  .vl-nav-mobile-hamburger .bar4 {



    bottom: 0

  }







  .vl-nav-mobile-hamburger .hamburger4 .bar5 {



    bottom: 0px

  }







  .vl-nav-mobile-hamburger .hamburger4 .bar {



    transition: all .4s ease-in-out, transform .4s ease-in-out .4s

  }







  .vl-nav-mobile-hamburger .hamburger4 .bar2 {



    width: 0px;



    transform: rotate(90deg);



    left: 13.5px

  }







  .vl-nav-mobile-hamburger .checkbox4:checked+label>.hamburger4>.bar1 {



    top: 13.5px;



    background-color: transparent

  }







  .vl-nav-mobile-hamburger .checkbox4:checked+label>.hamburger4>.bar2 {



    left: 0px;



    width: 28px;



    transform: rotate(45deg)

  }







  .vl-nav-mobile-hamburger .checkbox4:checked+label>.hamburger4>.bar3 {



    left: 0;



    width: 28px;



    transform: rotate(-45deg)

  }







  .vl-nav-mobile-hamburger .checkbox4:checked+label>.hamburger4>.bar4 {



    background-color: transparent

  }







  .vl-nav-mobile-hamburger .checkbox4:checked+label>.hamburger4>.bar5 {



    bottom: 13.5px;



    background-color: transparent

  }







  .vl-nav-mobile-hamburger .checkbox4.thecheck+label>.hamburger4>.bar1 {



    top: 13.5px;



    background-color: transparent

  }







  .vl-nav-mobile-hamburger .checkbox4.thecheck+label>.hamburger4>.bar2 {



    left: 0px;



    width: 28px;



    transform: rotate(45deg)

  }







  .vl-nav-mobile-hamburger .checkbox4.thecheck+label>.hamburger4>.bar3 {



    left: 0;



    width: 28px;



    transform: rotate(-45deg)

  }







  .vl-nav-mobile-hamburger .checkbox4.thecheck+label>.hamburger4>.bar4 {



    background-color: transparent

  }







  .vl-nav-mobile-hamburger .checkbox4.thecheck+label>.hamburger4>.bar5 {



    bottom: 13.5px;



    background-color: transparent

  }



}







.sidebar-item a {



  color: #3a3a3a;



  /*



  padding-left: 7rem;



  */



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;



  -webkit-align-items: center;



  -ms-flex-align: center;



  align-items: center;



  min-height: 60px;



  height: 100%;



  width: 100%;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  font-weight: 500

}







.sidebar-item a:hover {



  color: #df6921;



  background-color: #f3f3f3 !important

}



.sidebar-item a i {



  padding-left: 12px;



  width: 60px;



}







.sidebar-item a i img {



  max-width: 30px;



}















/*.section__1 .sidebar-item.item-1 a {



  background: url(../img/icon/i9.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-2 a {



  background: url(../img/icon/i13.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-3 a {



  background: url(../img/icon/i12.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-4 a {



  background: url(../img/icon/i14.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-5 a {



  background: url(../img/icon/i8.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-6 a {



  background: url(../img/icon/i5.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-7 a {



  background: url(../img/icon/i4.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-8 a {



  background: url(../img/icon/i6.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-9 a {



  background: url(../img/icon/i5.png) no-repeat left 1rem center;



  background-size: 29px



}







.section__1 .sidebar-item.item-10 a {



  background: url(../img/icon/i3.png) no-repeat left 1rem center;



  background-size: 29px



}*/







@media (min-width:992px) {



  .section__1 {



    padding: 4rem 0 2.4rem 0

  }



}







@media (max-width:991px) {



  .section__1 .section__1-sidebar {



    display: none

  }







  .section__1 .vl-container {



    padding-left: 0 !important;



    padding-right: 0 !important

  }



}







.section__1-box {



  background: url(../img/bg.png) no-repeat top center;



  background-size: cover;



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-justify-content: center;



  -ms-flex-pack: center;



  justify-content: center;



  min-height: 324px

}







.section__1-box h1 {



  color: #fff;



  margin-bottom: 2rem

}







.section__1-box p {



  color: #b4b4b4;



  font-size: 2.5rem;



  max-width: 500px;



  margin-bottom: 2rem

}















@media (min-width:1200px) {



  .section__1-box p {



    font-size: 4rem;



    margin-bottom: 4rem

  }



}







@media (min-width:1200px) {



  .section__1-box {



    padding-left: 110px

  }







  .section__1-box h1 {



    margin-bottom: 4rem

  }



}







@media (min-width:992px) {



  .section__1-box {



    min-height: 671px;



    padding: 3rem;



  }







  .section__1-box .button-warning {



    height: 70px;



    line-height: 70px;



    font-size: 1.9rem;



  }



}







@media (min-width:1440px) {



  .section__1-box {



    padding-left: 11rem;



    padding-left: 115px;



  }



}







@media (max-width:991px) {



  .section__1-box {



    text-align: center;



    padding: 3rem .5rem

  }







  .section__1-box p {



    margin-left: auto;



    margin-right: auto

  }







  .section__1-box .button-warning {



    height: 49px;



    line-height: 49px;



    max-width: 280px

  }







  .section__1-box .section__1-box-btn {



    text-align: center

  }



}







@media (max-width:991px) {



  .section__2 {



    padding-top: 50px

  }



}







.section__2-text {



  text-align: center;



  max-width: 339px;



  display: block;



  margin: 0 auto

}



.section__2-text h3 {



  margin-bottom: 10px;



  padding-top: 2.2rem;



}







.section__2-text img {



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px

}







@media (min-width:992px) {



  .section__2-text h3 {



    font-size: 2.7rem

  }







  .section__2-text p {



    font-size: 2.3rem

  }



}







@media (max-width:991px) {



  .section__2-text {



    padding-top: 110px

  }







  .section__2-text h3 {



    font-size: 2.2rem

  }







  .section__2-text p {



    font-size: 1.8rem

  }



}







.section__2_slider {



  min-height: 450px;



  background-image: -o-linear-gradient(45deg, #f8f8f8 0%, #ffffff 100%);



  background-image: linear-gradient(45deg, #f8f8f8 0%, #ffffff 100%);



  overflow: hidden;



}







@media (min-width:992px) {



  .section__2_slider {



    min-height: 523px

  }



}







.section__2_slider-item {



  min-height: 450px;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  border: 1px solid #a4a4a4;



  overflow: hidden

}







.section__2_slider-item h3 {



  margin-bottom: 22px;



  font-size: 2.8rem;



}







.section__2_slider-item p {



  margin-bottom: 30px;



  font-size: 1.8rem;



}







.section__2_slider-item .button-outline {



  max-width: 220px;



  height: 60px;



  font-weight: 500;







}







@media (min-width:992px) {



  .section__2_slider-item {



    min-height: 523px

  }



}







@media (min-width:1200px) {



  .section__2_slider-item h3 {



    font-size: 6rem

  }







  .section__2_slider-item p {



    font-size: 2.8rem

  }



}







.slider-item-img {



  position: relative;



  width: 100%;



  height: 100%

}







@media (min-width:992px) {



  .slider-item-img {



    min-height: 523px

  }







  .slider-item-img img {



    max-width: 644px !important;



    margin-left: -43px;



  }











}







@media (max-width:991px) {



  .slider-item-img {



    min-height: 350px

  }



}







@media (min-width:992px) {



  .slider-item-txt {



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    padding-left: 50%;



    min-height: 523px;



    height: 100%;



    width: 100%;



    position: absolute;



    top: 0;



    right: 0;



    z-index: 1

  }



}







@media (max-width:991px) {



  .slider-item-txt {



    padding: 38px 10px 30px 10px;



    text-align: center

  }







  .slider-item-txt .section__2_slider-btn {



    text-align: center

  }



}







.slider-item-num {



  position: absolute;



  right: 4rem;



  top: 4rem;



  width: 121px;



  height: 93px;



  z-index: 1

}







@media (max-width:991px) {



  .slider-item-num {



    display: none

  }



}







@media (min-width:992px) {



  .section__3 {



    padding-top: 100px;



    padding-bottom: 95px

  }



}







@media (max-width:991px) {



  .section__3 {



    padding-top: 70px;



    padding-bottom: 40px

  }



}







@media (min-width:992px) {



  .section__3-header {



    padding-bottom: 4rem

  }







  .section__3-header h3 {



    font-size: 65px;



    margin-bottom: 0

  }







  .section__3-header p {



    font-size: 30px;



    margin-bottom: 0;



    width: 580px;



    max-width: 100%;



    padding-left: 18px;



    margin-top: 5px;



  }



  .section__3-header {



    align-items: center;



    display: flex;



    justify-content: center;



  }



  .section__3-header>* {



    width: auto;



    flex: inherit;



  }















}







@media (max-width:991px) {



  .section__3-header {



    text-align: center

  }







  .section__3-header h3 {



    font-size: 25px;



    margin-bottom: 1.6rem

  }







  .section__3-header p {



    font-size: 18px;



    margin-bottom: 3rem

  }



}







.section__3-item {



  margin-bottom: 2rem;



  border: 1px solid #a4a4a4;



  padding: 25px 20px 20px 20px;



  width: 100%;



  margin-left: auto;



  margin-right: auto;



  text-align: center;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



}







@media (max-width:767px) {



  .section__3-item {



    max-width: 255px

  }



}







.section__3-item .num {



  color: #df6921;



  font-size: 4rem;



  margin-bottom: 1.6rem;



  font-weight: bold

}







.section__3-item .year {



  font-size: 2.6rem;



  margin-bottom: 1.6rem;



  font-weight: bold;



  color: #000

}







.section__3-item p {



  font-size: 1.7rem;



  min-height: 65px

}







@media (min-width:992px) {



  .section__3-item .num {



    font-size: 6rem;



    margin-bottom: -3px;



  }







  .section__3-item .year {



    font-size: 3.5rem;



    margin-bottom: 12px;



  }







  .section__3-item p {



    font-size: 1.8rem

  }



}







.section__4 {



  overflow-y: visible

}







.section__4 .section__4-text .tel .color-accent {



  color: #df6921

}







@media (min-width:541px) {



  .section__4 {



    background: url(../img/bg4.png) no-repeat top center;



    background-size: cover

  }



}







@media (max-width:540px) {



  .section__4 {



    background: url(../img/bg4mobil.png) no-repeat top center;



    background-size: 100% 70%

  }



}







.section__4 .section__4-title h2 .color-accent {



  color: #df6921;



}







.section__4 .section__4-title h2 {



  max-width: 886px

}







.section__4 .section__4-form {



  background: #fff;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  max-width: 460px;



  margin: 0 auto;



  -webkit-box-shadow: 0 6px 20px 5px rgba(0, 0, 0, 0.3);



  box-shadow: 0 6px 20px 5px rgba(0, 0, 0, 0.19)

}







@media (min-width:992px) {



  .section__4-form h3 {



    font-size: 35px;



  }







  .section__4 .section__4-form p {



    color: #7b7b7b;



    font-size: 25px;



    margin-bottom: 10px;



  }







  .section__4 {



    max-height: 908px;



    padding-top: 110px

  }



  section.section__4 .vl-container {



    width: 1230px;



    max-width: 100%;



  }



  .section__4 .section__4-img {



    position: relative;



    height: 640px

  }







  .section__4 .section__4-img img {



    display: block;



    position: absolute;



    bottom: -70px;



    left: -45px;



    width: 380px;



    max-width: none;



  }







  .section__4 .section__4-title h2 {



    font-size: 50px;



    margin-bottom: 6rem

  }







  .section__4 .section__4-text {



    padding-bottom: 2rem

  }







  .section__4 .section__4-text img {



    max-width: 126px;



    height: 134px;



    margin-bottom: 20px

  }







  .section__4 .section__4-text h3 {



    font-size: 3.5rem;



    margin-bottom: 18px

  }







  .section__4 .section__4-text p {



    font-size: 2.5rem;



    margin-bottom: 30px;



    color: #a4a4a4

  }







  .section__4 .section__4-text .tel {



    font-size: 3rem;



    margin-bottom: 16px

  }







  .section__4 .section__4-form {



    padding: 4rem 4rem

      /*



    padding: 5rem 4rem



    */



  }







  form.form101 .button-warning {



    font-size: 18px;



    margin-bottom: -7px;



  }







  form.form-tm .button-warning {



    align-items: center;



    display: flex;



    justify-content: center;



  }



}







@media (max-width:991px) {



  .section__4 {



    padding-top: 50px

  }







  .section__4 .section__4-title h2 {



    font-size: 25px;



    margin-bottom: 3rem

  }







  .section__4 .section__4-text {



    padding-bottom: 2rem;



    text-align: center

  }







  .section__4 .section__4-text img {



    max-width: 93px;



    margin: 0 auto 20px auto

  }







  .section__4 .section__4-text h3 {



    font-size: 2.2rem;



    margin-bottom: 18px

  }







  .section__4 .section__4-text p {



    font-size: 1.8rem;



    margin-bottom: 30px;



    color: #a4a4a4

  }







  .section__4 .section__4-text .tel {



    font-size: 2.1rem;



    margin-bottom: 16px;



    font-weight: bold

  }







  .section__4 .section__4-form {



    padding: 3rem 1.6rem

  }







  .section__4 .section__4-img {



    display: none

  }



}







.section__5 .slick-list {



  overflow: hidden

}







.section__5 .section__5-item .item-content {



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;



  -webkit-flex-direction: column;



  -ms-flex-direction: column;



  flex-direction: column;



  -webkit-justify-content: center;



  -ms-flex-pack: center;



  justify-content: center;



  -webkit-align-items: center;



  -ms-flex-align: center;



  align-items: center;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  border: 1px solid #a4a4a4;



  text-align: center;



  padding: 2rem;



  height: 220px;



  overflow: hidden;



}



.section__5 .section__5-item:hover .item-content {



  border: 1px solid #df6921;



  color: #df6921 !important;



}







.section__5 .section__5-item:hover h3 {



  color: #df6921;



}







@media (min-width:992px) {







  .vl-row.h2-section__5>* {



    width: auto;



    max-width: none;



    flex: inherit;



  }







  .section__5 {



    padding: 180px 0 150px 0

  }







  .section__5 h2 {



    margin-bottom: 60px;



    font-size: 50px;



    width: 830px;



    max-width: 100%;







  }







  .vl-row.h2-section__5 {



    flex-flow: revert;



    align-items: center;



  }







  .vl-row.h2-section__5 p {



    line-height: normal;



  }







  .section__5 p {



    margin-bottom: 60px;



    font-size: 28px

  }







  .section__5 .section__5_slider {



    width: 80%;



    margin-bottom: 3px

  }







  .section__5 .section__5_slider img {



    display: block;



    margin: 0 auto;



    max-height: 209px;



    width: auto

  }







  .section__5 .section__5_slider .slick-prev {



    display: none !important

  }







  .section__5 .section__5_slider .slick-next {



    left: 100%;



    height: 250px !important;



    -moz-border-radius: 5px !important;



    -webkit-border-radius: 5px !important;



    border-radius: 5px !important;



    background-color: #051927;



    width: 25%;



    margin-top: -25px;



  }







  .section__5 .section__5_slider .slick-next:hover {



    background-color: #2c364a;



  }







  .section__5 .section__5_slider .slick-next .color-accent {



    font-size: 19px;



    line-height: 1.2;



    width: 100%;



    position: absolute;



    bottom: 55%;



    color: #df6921;



    left: 0;



  }







  .section__5 .section__5_slider .slick-next::before {



    background-color: transparent;



    border: none;



    width: 35px;



    height: 24px;



    position: absolute;



    top: 55%;



    left: 50%;



    margin-left: -17px;



    text-align: center;



    color: #fff;



    background: url(../img/icon/rr.png) no-repeat top;



    background-size: 35px 24px

  }







  .section__5 .section__5_slider .slick-next:hover::before {



    left: calc(50% + 2px);



  }







  .section__5 .section__5-item {



    max-height: 300px !important

  }







  .section__5 .section__5-item .item-content {



    margin-right: 2rem;



    height: 210px !important

  }







  .section__5 .section__5-item h3 {



    font-size: 19px;



    color: #000;



    padding-top: 20px;



    text-align: center;



  }



}







@media (max-width:991px) {



  .section__5 {



    padding: 50px 0 150px 0

  }







  .section__5 h2 {



    margin-bottom: 18px;



    text-align: center;



    font-size: 25px

  }







  .section__5 p {



    margin-bottom: 30px;



    text-align: center;



    font-size: 18px

  }







  .section__5 .section__5_slider {



    margin: 0 auto 3px auto;



    max-width: 281px

  }







  .section__5 .section__5_slider img {



    display: block;



    margin: 0 auto;



    max-height: 209px;



    width: auto

  }







  .section__5 .section__5-item {



    max-height: 321px !important;



    margin-bottom: 5px

  }







  .section__5 .section__5-item h3 {



    font-size: 19px;



    color: #df6921;



    min-height: 60px;



    line-height: 1.4;



    text-align: center;



    margin-top: 20px;



  }







  .section__5 .slick-prev {



    top: calc(100% + 5rem);



    left: auto

  }







  .section__5 .slick-next {



    top: calc(100% + 5rem);



    right: auto

  }



}







.section__6 h3 {



  text-transform: none

}







@media (min-width:992px) {



  .section__6 {



    padding: 0 0 140px 0

  }







  .section__6 h2 {



    font-size: 5rem;



    margin-bottom: 5rem

  }



}







@media (max-width:991px) {



  .section__6 {



    padding: 0 0 130px 0

  }







  .section__6 h2 {



    font-size: 2.5rem;



    margin-bottom: 2rem

  }



}







@media (min-width:992px) {



  .tabs__content-img {



    padding: 25px 0 25px 25px;



    border-bottom-left-radius: 5px;



    border-top-left-radius: 5px;



    border: 1px solid #d7d7d7;



    height: 728px;



    border-right: none !important

  }



}







@media (max-width:991px) {



  .tabs__content-img {



    padding: 10px;



    -moz-border-radius: 5px;



    -webkit-border-radius: 5px;



    border-radius: 5px;



    border: 1px solid #a4a4a4

  }



}







@media (min-width:992px) {



  .tabcontents h3 {



    display: none

  }







  .tabcontents .tabs__content {



    display: none

  }







  .tabcontents .tabs__content.tabs__content--active {



    display: block

  }



}







@media (max-width:991px) {



  .tabcontents h3 {



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    text-align: center;



    width: auto;



    margin: 0 auto;



    height: 84px

  }







  .tabcontents h3 .h3-span {



    width: 12px;



    height: 12px;



    border-radius: 50%;



    background: #df6921;



    margin-right: 16px

  }



}







.tabbuttons .tabs__btn,

.tabs__btn {



  cursor: pointer;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease;



  position: relative;



  height: 84px;



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;



  -webkit-align-items: center;



  -ms-flex-align: center;



  align-items: center;



  width: 100%;



  line-height: 84px;



  font-weight: bold;



  font-size: 2rem;



  padding-left: 2.5rem

}















.tabs__btn .h3-span {



  width: 12px;



  height: 12px;



  border-radius: 50%;



  background: #df6921;



  margin-right: 16px

}



.slick-slide:not(:last-child) .tabs__btn {



  border-bottom: 1px solid #d7d7d7;



}







.slick-current .tabs__btn {



  background: #df6921;



  color: #fff !important

}







.slick-current .tabs__btn::before {



  content: '';



  display: inline-block;



  position: absolute;



  top: 0;



  left: -30px;



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 42px 30px 42px 0;



  border-color: transparent #df6921 transparent transparent

}







.slick-current .tabs__btn .h3-span {



  background: #fff !important

}







.tabcontents.tabcontents-d {



  display: flex;



  width: 100%;



  padding: 25px 0 25px 25px;



  border-radius: 5px;



  border: 1px solid #d7d7d7;



}















.tabcontents-r {



  width: 41.666667%;



}







.tabcontents-l {



  width: 58.333333%;



}











.slick-dots-tm .slick-track {



  transform: none !important;



}



.slick-vertical .slick-slide {



  border: 0 !important;



  display: flex;



}







.slider-tm {



  overflow: hidden;



}







@media (min-width:992px) {



  .tabbuttons {



    border: 1px solid #d7d7d7;



    border-left: none !important;



    height: 100%;



    border-bottom-right-radius: 5px;



    border-top-right-radius: 5px;



    padding-top: 25px;



  }



}







@media (max-width:991px) {



  .tabbuttons {



    display: none

  }



}







.section__7 {



  background: #051927

}







.section__7 .section__7-text p {



  color: #a4a4a4

}







.section__7 .section__7-img img {



  width: auto;



  max-width: 100%;



  display: block;



  margin: 0 auto

}







@media (min-width:992px) {



  .section__7 {



    padding: 116px 0 145px 0

  }







  .section__7 h2 {



    font-size: 5rem;



    margin-bottom: 8rem

  }







  .section__7 .section__7-text p {



    font-size: 1.8rem;



    line-height: 170%;



    margin-bottom: 16px;



  }







  .section__7 .button-warning {



    max-width: 340px;



    height: 65px;



    line-height: 65px;



    font-size: 19px;



  }



}







@media (max-width:991px) {



  .section__7 {



    padding: 70px 0

  }







  .section__7 h2 {



    font-size: 2.5rem;



    margin-bottom: 3rem

  }







  .section__7 .section__7-text p {



    font-size: 1.7rem

  }







  .section__7 .button-warning {



    max-width: 261px;



    height: 49px;



    line-height: 49px

  }



}







.section__8 .section__8-box {



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  border: 1px solid #c6c6c6;



}







.section__8 .section__8-form .form101 {



  max-width: 100%

}







@media (min-width:1200px) {



  .section__8 .section__8-img {



    width: 30%

  }







  .section__8 .section__8-img {



    width: 497px

  }







  .section__8 .section__8-img img {



    width: 497px

  }



}







@media (min-width:992px) and (max-width:1199px) {



  .section__8 .section__8-img {



    width: 50%

  }



}







@media (min-width:992px) {



  .section__8 {



    margin: 120px 0 105px 0

  }







  .section__8 .section__8-box {



    padding: 0 50px 0 50px

  }







  .section__8 .section__8-img {



    position: relative

  }







  .section__8 .section__8-img img {



    position: absolute;



    bottom: 0;



    left: -2rem

  }







  .section__8 .section__8-form {



    padding: 65px 0 55px 0;



    max-width: 708px;



    margin-left: auto;



  }







  .section__8 .section__8-form h3 {



    font-size: 35px

  }







  .section__8 .button-warning {



    max-width: 230px;



    height: 65px;



    line-height: 65px

  }







  .section__8-form h3 span {



    font-size: 45px;



    margin-top: 5px;



    display: block;



  }











  .section__8-form p {



    font-size: 24px;



    width: 590px;



    max-width: 100%;



  }







  .section__8 .vl-container {



    width: 1300px;



    max-width: 100%;



  }















}







@media (max-width:991px) {



  .section__8 {



    margin: 30px 0 50px 0

  }







  .section__8 .section__8-box {



    padding: 0 18px 0 18px;



    -webkit-flex-direction: column;



    -ms-flex-direction: column;



    flex-direction: column

  }







  .section__8 .section__8-img {



    -ms-flex-order: 13;



    order: 13

  }







  .section__8 .section__8-img img {



    display: block;



    margin: 0 auto;



    max-width: 279px

  }







  .section__8 .section__8-form {



    padding: 30px 0

  }







  .section__8 .section__8-form h3 {



    font-size: 25px

  }







  .section__8 .button-warning {



    max-width: 178px;



    height: 50px;



    line-height: 50px

  }



}







.footer {



  background: #051927

}







@media (min-width:992px) {



  .footer {



    padding: 80px 0 95px 0;



  }



  footer.footer .vl-row>* {



    padding: 0 15px;



  }







}







@media (max-width:991px) {



  .footer {



    padding: 60px 0 40px 0

  }



}







.footer__logo span {



  color: #878686;



}







@media (min-width:601px) {



  .footer__logo {



    max-width: 194px;



    margin-bottom: 25px;



  }







  .footer__logo span {



    font-size: 1.3rem

  }



}







@media (max-width:600px) {



  .footer__logo {



    max-width: 181px

  }







  .footer__logo span {



    font-size: 12px;



    line-height: 10.3px

  }



}







.footer__nav li {



  margin-bottom: 13px;



}







.footer__nav li a {



  font-size: 1.9rem;



  color: #fff;



  font-weight: bold;



}







.footer__nav li a:hover {



  color: #df6921;



}







.footer__answer .button-outline {



  display: -ms-flexbox;



  display: -webkit-flex;



  display: flex;



  -webkit-align-items: center;



  -ms-flex-align: center;



  align-items: center;



  background-color: transparent !important;



  color: #fff !important;



  width: 222px;



  margin-bottom: 40px;



  max-width: 100%;



  padding-left: 0;



  padding-right: 0;



  justify-content: center;



}



.footer__answer .button-outline:hover {



  background-color: #df6921 !important;



}







.footer__answer span:not(.answer-span) {



  padding-left: 1rem

}







.footer__answer .answer-span {



  display: inline-block;



  border-radius: 50%;



  width: 21px;



  height: 21px;



  background: url(../img/icon/v2.png) no-repeat center !important;



  background-size: contain

}







.footer-col-1 {



  width: 23.6%;



}







.footer-col-2 {



  width: 17.7%;



}







.footer-col-3 {



  width: 23.2%;



}







.footer-col-4 {



  width: 17.8%;



}















@media (min-width:992px) and (max-width:1340px) {



  /*.footer__answer {



    display: none



  }*/



}







.footer__addres .addres {



  padding-left: 2.5rem;



  background: url(../img/icon/map.png) left top / 12px 17px no-repeat;



  min-height: 2.4rem;



  font-size: 1.7rem;



  color: #878686;



  margin-bottom: 10px;



}







.footer__addres .email {



  padding-left: 2.5rem;



  background: url(../img/icon/mail.png) left top 5px / 15px 12px no-repeat;



  min-height: 2.4rem;



  font-size: 1.7rem;



  color: #878686

}







.footer__addres .email a {



  color: #878686

}







.footer__addres .footer__addres-tel {



  padding-bottom: 1rem

}







.footer__addres .footer__addres-tel a {



  font-weight: bold;



  color: #ffffff;



  font-size: 25px;



  margin-bottom: 5px;



}







@media (min-width:1440px) {



  .footer__addres .footer__addres-tel a {



    font-size: 2.5rem

  }



}







.footer__politic a {



  color: #595959;



  font-size: 14px

}







.footer__politic a:hover {



  color: #7b7b7b;



}







@media (max-width:767px) {



  .footer__logo {



    display: block;



    margin: 0 auto;



    max-width: 194px;



    text-align: center

  }







  .footer__answer {



    display: block;



    margin: 0 auto;



    max-width: 194px

  }







  .footer__addres {



    display: block;



    margin: 0 auto;



    max-width: 300px

  }







  .footer__addres .footer__addres-tel {



    text-align: center

  }







  .footer__politic {



    display: block;



    margin: 0 auto;



    max-width: 240px;



    text-align: center

  }



}







.form101 {



  max-width: 338px;



  display: block;



  margin: 0 auto

}







.form101 .form-input-wrap:not(.wrap-label-chec) {



  margin-bottom: 3rem

}







.form101 .form-input-wrap:not(.wrap-label-chec) input {



  width: 100%;



  min-height: 55px;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  border: 1px solid #a4a4a4;



  padding-left: 4.4rem

}







.form101 .form-input-wrap:not(.wrap-label-chec) input[name="phone"] {



  background: url(../img/icon/phone.png) no-repeat left 1.6rem center, #f3f3f3;



  background-size: 15px;



}







.form101 .form-input-wrap:not(.wrap-label-chec) input[name="name"] {



  background: url(../img/icon/unit.png) no-repeat left 1.6rem center, #f3f3f3;



  background-size: 16px;



}



.form101 .form-input-wrap.wrap-label-chec label {



  position: relative;



  align-items: center;



  user-select: none;



  cursor: pointer;



  display: flex;



  margin: 0;



  align-items: flex-start;



}







.form101 .form-input-wrap.wrap-label-chec label span {



  display: inline-block;



  position: relative;



  height: 13px;



  width: 13px;



  border: 2px solid #df6921;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 3px;



  flex-shrink: 0;



}







.form101 .form-input-wrap.wrap-label-chec label span::before {



  content: "";



  display: inline-block;



  width: 5px;



  height: 5px;



  position: absolute;



  left: 2px;



  top: 2px;



  transition: background .3s ease;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  border-radius: 0;



}







.form101 .form-input-wrap.wrap-label-chec label input[type="checkbox"] {



  box-sizing: border-box;



  z-index: -1;



  opacity: 0;



  position: absolute;



  width: 0;



  height: 0

}







.form101 .form-input-wrap.wrap-label-chec label input[type="checkbox"]:checked+span::before {



  content: '';



  text-align: center;



  color: #df6921;



  font-weight: bold;



  background: #df6921

}







.form101 .button-warning {



  max-width: 230px;



  height: 65px;



  padding-top: 5px;



  padding-bottom: 5px

}







.transition-modal {



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease

}







.modal-flex {



  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

}







@media only screen and (min-width:40em) {



  .modal-overlay {



    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;



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    z-index: 5;



    background-color: #061927;



    opacity: 0;



    visibility: hidden;



    -webkit-backface-visibility: hidden;



    backface-visibility: hidden;



    -webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1);



    transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1)

  }







  .modal-overlay.active {



    opacity: 1;



    visibility: visible

  }



}







.modal {



  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;



  position: relative;



  margin: 0 auto;



  background-color: #fff;



  width: 765px;



  max-width: 100%;



  height: auto;



  max-width: 75rem;



  min-height: 20rem;



  padding: 15px 20px;



  border-radius: 3px;



  opacity: 0;



  overflow-y: auto;



  visibility: hidden;



  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  -webkit-transform: scale(1.2);



  transform: scale(1.2);



  -webkit-transition: all .6s cubic-bezier(.55, 0, .1, 1);



  transition: all .6s cubic-bezier(.55, 0, .1, 1)

}







.modal .modal-content {



  opacity: 0;



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  -webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1);



  transition: opacity .6s cubic-bezier(.55, 0, .1, 1);



  -webkit-transition-delay: .3s;



  transition-delay: .3s

}







.modal.active {



  visibility: visible;



  opacity: 1;



  -webkit-transform: scale(1);



  transform: scale(1)

}







.modal.active .modal-content {



  opacity: 1;



  width: 100%;



  height: 100%

}







@media only screen and (max-width:39.9375em) {



  .modal {



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    -webkit-overflow-scrolling: touch;



    border-radius: 0;



    -webkit-transform: scale(1.1);



    transform: scale(1.1);



    padding: 2rem 0 0 0 !important

  }



}







.close-modal {



  position: absolute;



  top: 1rem;



  right: 1rem;



  cursor: pointer;



  font-size: 15px;



  color: #fff;



  background: transparent;



  width: 15px;



  height: 15px;



  -webkit-transition: all .2s ease;



  -moz-transition: all .2s ease;



  -o-transition: all .2s ease;



  -ms-transition: all .2s ease;



  transition: all .2s ease;



  z-index: 5;



}







.close-modal div {



  width: 15px;



  height: 15px;



  color: #000 !important;



  font-weight: bold

}







.wrap-label-chec small.pl-2 {



  padding-left: .75rem;



  font-size: 14px;



  /*



  line-height: 1



  */



}







.development {



  color: #878686;



  font-size: 15px;



}







.development a {



  display: block;



  font-weight: bold;



  color: #fff;



  margin-top: 6px;



  font-size: 20px;



}







.development a:hover {



  color: #df6921;



}











.tabs__content {



  position: absolute;



  top: 0;



  left: 0;



  display: block !important;



  opacity: 0;



  width: 100%;



}







.tabs__content.tabs__content--active {



  opacity: 1;



  position: static;



}



.tabcontents {



  position: relative;



}











.modal-content h3 {



  font-size: 35px;



  text-align: center;



}



.modal-content h3 span {



  font-size: 45px;



  color: #df6921;



  display: block;



  text-transform: uppercase;



  margin-top: 8px;



}



.modal-content h3 span.min {



  font-size: 35px;



}



.modal-content p {



  color: #454545;



  font-size: 24px;



  text-align: center;



}



.modal-content .wrap-label-chec small.pl-2 {



  font-size: 15px;



  font-weight: normal;



  line-height: 150%;



  margin-top: -3px;



}



.modal-content .wrap-label-chec small.pl-2 a {



  font-weight: normal;



}











.modal .modal-content {



  border: 1px solid #c6c6c6 !important;



  padding: 50px 0 85px 0;



  width: 100%;



}







.wrap-form-modal .form101 {



  width: 440px;



  max-width: 100%;



}







.wrap-form-modal .form-input-wrap.wrap-label-chec {



  max-width: 338px;



  margin: auto;



}



.wrap-form-modal .form101 .form-input-wrap:not(.wrap-label-chec) {



  margin-bottom: 20px;



}











.wrap-button-modal {



  margin-top: 37px;



}







a.close-modal {



  background: url("../img/close.png") no-repeat center, #df6921;



  width: 52px;



  height: 52px;



  display: flex;



  align-items: center;



  justify-content: center;



  top: 0;



  right: 0;



}



a.close-modal:hover {



  background: url("../img/close.png") no-repeat center, #f07b34;



}







a.close-modal div {



  display: none;



}







.tabcontents-m {



  display: none !important;



}











.form-input-wrap textarea {



  border-radius: 4px;



  border: 1px solid #c0c0c0;



  background: #f3f3f3;



  padding: 15px 22px;



  font-size: 17px;



  min-height: 150px;



  width: 100%;



}







.menu-bottom {



  display: none !important;



}







.m-block {



  display: none !important;



}







.li-burger {



  display: none;



}











@media screen and (min-width:992px) and (max-width: 1199px) {







  .footer__addres .footer__addres-tel a {



    font-size: 20px;



  }



















}















@media screen and (min-width: 992px) {



  .d-lg-block {



    display: block !important;



  }



  .d-lg-none {



    display: none !important;



  }



  .header__utp p {



    margin-bottom: 5px;



  }















}











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







  footer .vl-row {



    flex-flow: column;



    align-items: center;



    text-align: center;



  }







  footer .vl-row>* {



    width: 100%;



  }



  .footer__addres .email,

  .footer__addres .addres {



    width: fit-content;



    margin-right: auto;



    margin-left: auto;



  }



  .footer__answer .button-outline {



    margin-left: auto;



    margin-right: auto;



  }



  .footer__logo {



    margin-left: auto;



    margin-right: auto;



  }



  .footer__nav {



    display: none;



  }







  .footer__addres .footer__addres-tel a {



    font-size: 22px;



  }



  .footer__addres .email {



    margin-bottom: 25px;



  }



  .footer__answer .button-outline {



    margin-bottom: 22px;



  }



  .footer__politic a {



    margin-bottom: 8px;



  }







  .footer__politic {



    margin-bottom: 25px;



  }



  .slider-tm .slick-arrow {



    display: none !important;



  }







  .hamburger.hamburger4 .bar {



    height: 3px;



    background: #df6921;



    margin: 5px 0;



    display: block;



    position: static;



    transform: none;



    width: 30px;



  }



  .vl-nav-mobile-hamburger .hamburger {



    width: 30px;



    height: auto;



  }



  .header__top-line .header__answer .button-outline {



    background: url("../img/phone-icon.png") no-repeat center, #df6921;



    border-radius: 0;



  }







  .header__top-line .header__answer .button-outline:hover {



    background: url("../img/phone-icon.png") no-repeat center, #f07b34;



  }



  .button-outline:hover .answer-span,

  .button-outline .answer-span {



    background: none !important;



  }



  .slider-item-img img {



    position: relative !important;



  }



  .slider-item-img {



    min-height: 0;



  }



  .section__2_slider-item h3 {



    margin-bottom: 10px;



  }



  .section__2_slider-item p {



    margin-bottom: 18px;



  }



  .section__2_slider {



    min-height: 0;



  }



  .section__2-text h3 {



    margin-bottom: 9px;



  }



  .section__3 {



    padding-top: 50px;



    padding-bottom: 40px;



  }



  .section__3-item {



    padding: 20px 20px 15px 20px;



  }



  .section__3-item .num {



    margin-bottom: 0;



  }







  .section__3-item .year {



    margin-bottom: 10px;



  }



  .section__4 .section__4-text .tel {



    margin-bottom: 7px;



  }



  .section__4 .section__4-text {



    padding-bottom: 25px;



  }



  .section__4 .section__4-text p {



    margin-bottom: 20px;



  }



  .section__4-form h3 {



    font-size: 23px;



    margin-bottom: 5px;



  }



  .section__4-form p {



    margin-bottom: -8px;



    color: #a4a4a4;



    font-size: 18px;



  }



  .form101 .form-input-wrap:not(.wrap-label-chec) input {



    min-height: 47px;



  }



  .form101 .form-input-wrap:not(.wrap-label-chec) input[name="phone"],

  .form101 .form-input-wrap:not(.wrap-label-chec) input[name="name"] {



    background-size: 12px;



    font-size: 16px;



    background-position-x: 20px;



  }



  .form101 .form-input-wrap:not(.wrap-label-chec) input[name="phone"] {



    background-size: 14px;



  }



  .form101 .form-input-wrap:not(.wrap-label-chec) {



    margin-bottom: 15px;



  }







  .section__4 .form101 .button-warning {



    max-width: 180px;



    height: 50px;



    display: flex;



    align-items: center;



    justify-content: center;



    margin: auto;



  }



  .section__4 .section__4-form {



    margin: 0 -10px;



    padding-bottom: 50px;



    padding-left: 20px;



    padding-right: 20px;



  }



  .form-input-wrap.wrap-label-chec .color-accent {



    font-weight: normal;



    display: block;



  }



  .wrap-button-modal {



    margin-top: 20px;



    padding-bottom: 18px;



  }



  .section__5 .section__5-item h3 {



    color: #000;



  }







  .section__5 .section__5-item:hover h3 {



    color: #df6921;



  }



  .section__5 .slick-prev {



    top: calc(100% + 18px);



  }



  .section__5 .slick-next {



    top: calc(100% + 18px);



  }



  .section__5 {



    padding: 50px 0 100px 0;



  }



  .tabs__content {



    position: static;



    opacity: 1;



  }







  .tabcontents-d {



    display: none !important;



  }



  .tabcontents-m {



    display: block !important;



  }



  .slide-tm img {



    border-radius: 2px;



    border: 1px solid #d7d7d7;



    padding: 9px;



  }



  .tabcontents h3 {



    height: auto;



    margin: 23px 0 5px 0;



  }



  .section__6 {



    padding: 0 0 115px 0;



  }



  .section__6 {



    padding: 0 0 120px 0;



  }







  .section__7 .section__7-text p {



    line-height: 150%;



    margin-bottom: 20px;



  }



  .section__7 .button-warning {



    margin-top: 25px;



  }



  .section__8 .section__8-form {



    padding: 25px 0;



  }











  .section__8 .section__8-form h3 .color-accent {



    margin: 10px 0 0 0;



    display: block;



  }



  .section__8 .section__8-form h3 {



    text-align: center;



    margin-bottom: 6px;



  }



  .section__8-form p {



    text-align: center;



    margin-bottom: 0;



    font-size: 18px;



  }







  .section__8 .button-warning {



    max-width: 180px;



    height: 50px;



    display: flex;



    align-items: center;



    justify-content: center;



    margin: auto;



  }







  .section__8 .button-warning {



    max-width: 180px;



    height: 50px;



    display: flex;



    align-items: center;



    justify-content: center;



    margin: -7px auto -7px auto;



  }







  .footer__politic-m {



    display: none;



  }



  .footer__logo span {



    line-height: initial;



  }



  .footer__logo {



    margin-bottom: 22px;



  }



  .footer__answer .answer-span {



    background: url(../img/icon/v2.png) no-repeat center !important;



  }



  .first-nav {



    background: #061927;



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    z-index: 10;



    padding: 35px 10px;



    text-align: center;



    height: 100vh;



    overflow: scroll;



  }



  .level_1 {



    margin-bottom: 24px;



  }



  .level_1 .level_1-link::after {



    top: 10px;



  }



  .level_1.show .level_2 a {



    font-size: 17px;



    font-weight: 500;



  }



  .level_1.show .level_2 {



    margin-top: 20px;



  }











  .first-nav .phone-span {



    background: url(../img/icon/v2.png) no-repeat center !important;



  }



  .first-nav .button-warning {



    background: transparent;



    color: #fff;



    border: 2px solid #df6921;



    margin: 20px auto 35px auto;



  }











  .menu-bottom .addres {



    padding-left: 2.5rem;



    background: url(../img/icon/map.png) left top / 12px 17px no-repeat;



    min-height: 2.4rem;



    font-size: 17px;



    color: #656565;



    text-align: left;



    margin-bottom: 10px;



  }







  .menu-bottom .header__addres .email a {



    color: #656565;



  }



  .menu-bottom .header__addres .email {



    text-align: left;



    padding-left: 2.5rem;



    background: url(../img/icon/mail.png) left top 5px / 15px 12px no-repeat;



    min-height: 2.4rem;



    font-size: 17px;



    color: #656565;



    margin-bottom: 25px;



  }



  .menu-bottom .header__addres {



    max-width: 240px;



    margin: 0 auto 0 auto;



  }



  .menu-bottom .header__tel a {



    color: #fff;



    text-align: center;



    font-size: 20px;



    font-weight: bold;



  }



  .menu-bottom {



    padding-top: 10px;



  }



  .first-nav .button-warning .phone-span {



    background: url(../img/icon/tel.png) no-repeat left center;



    background-size: contain;



    display: inline-block;



    width: 21px;



    height: 100%;



  }



  .modal.active {



    z-index: 10;



  }



  .modal.active {



    z-index: 10;



    margin: 20px 10px;



    width: calc(100% - 20px);



    padding: 9px 8px !important;



  }



  .modal-overlay.active {



    position: fixed;



    top: 0;



    left: 0;



    z-index: 1000000;



    width: 100%;



    height: 100%;



    background: #061927;



  }



  .modal.active .modal-content {



    padding: 40px 10px;



    overflow: scroll;



  }







  .modal-content h3 {



    font-size: 25px;



  }



  .modal-content h3 span {



    font-size: 30px;



  }



  .modal-content p {



    font-size: 19px;



  }



  .form-input-wrap textarea {



    padding: 15px 13px;



    font-size: 16px;



  }



  a.close-modal {



    background: url(../img/close.png) no-repeat center, #df6921;



    width: 37px;



    height: 37px;



    display: flex;



    align-items: center;



    justify-content: center;



    top: 0;



    right: 0;



    border-radius: 3px;



    background-size: 16px !important;



  }



  .modal form .button-warning {



    max-width: 205px;



    height: 58px;



    display: flex;



    align-items: center;



    justify-content: center;



    margin: auto;



    font-size: 16px;



    margin-bottom: 5px;



  }



  .modal-content .wrap-label-chec small.pl-2 {



    font-size: 14px;



  }



  .menu-bottom {



    display: block !important;



  }



  .dec-block {



    display: none !important;



  }



  .m-block {



    display: flex !important;



  }



  .hamburger.hamburger4.hamburger-mobil {



    background: url(../img/close.png) no-repeat center, #f07b34;



    width: 41px;



    height: 41px;



    display: block;



    position: absolute;



    top: 0;



    right: 0;



  }



  .li-burger {



    display: block;



  }











}



















.page {



  margin: 60px 0 150px;



}







.page.pageText {



  margin: 60px 0 120px;



}







.page__title {



  color: #000000;



  font-size: 55px;



  font-weight: 700;



  line-height: 1.2;



  margin-bottom: 50px;



}







.page__title.min {



  font-size: 35px;



  margin-bottom: 30px;



}







.page__alert {



  max-width: 1050px;



  padding: 27px 50px;



  border-radius: 7px;



  background-color: #f1f1f1;



  color: #3a3a3a;



  font-size: 18px;



  font-weight: 500;



  line-height: 1.45;



  display: flex;



  align-items: flex-start;



  gap: 16px;



  margin: 40px 0;



}







.page__alert:before {



  content: '';



  width: 44px;



  height: auto;



  aspect-ratio: 1.19;



  background-image: url(../img/page__alert.png);



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  flex: none;



  display: block;



  margin-top: 7px;



}







.breadcrumbs {



  margin-bottom: 20px;



}







.breadcrumbs__list {



  margin: 0;



  padding: 0;



  display: flex;



  align-items: center;



  flex-wrap: wrap;



  gap: 5px 10px;



}







.breadcrumbs__list li {



  list-style: none;



  color: #878686;



  font-size: 15px;



  font-weight: 400;



  line-height: 1.2;



  display: flex;



  align-items: center;



  gap: 10px

}







.breadcrumbs__list li:not(:last-child):after {



  content: '/';



  flex: none;



  color: #878686;



  font-size: 15px;



  font-weight: 400;



  line-height: 1.2

}







.breadcrumbs__list li a {



  color: #878686;



  font-size: 15px;



  font-weight: 400;



  line-height: 1.2

}







.breadcrumbs__list li a:hover {



  text-decoration: none;



  color: #000;



}







.catalogPage {}







.catalogPage__list {



  display: grid;



  grid-template-columns: repeat(5, 1fr);



  gap: 45px 35px;



}







.catalogPage__item {}







.catalogPage__item:hover {



  text-decoration: none;



}







.catalogPage__item:hover .catalogPage__itemImg {



  border-color: #df6921;



}







.catalogPage__item:hover .catalogPage__itemTitle {



  color: #df6921;



}







.catalogPage__itemImg {



  width: 100%;



  display: block;



  aspect-ratio: 1;



  border-radius: 7px;



  border: 2px solid #d7d7d7;



  background-color: #ffffff;



  overflow: hidden;



  transition: .25s all ease-in-out;



  padding: 25px;



}







.catalogPage__itemImg img {



  aspect-ratio: 1;



  width: 100%;



  height: 100%;



  object-fit: contain;



}







.catalogPage__itemNoImg {



  display: flex;



  align-items: center;



  justify-content: center;



  width: 100%;



  height: 100%;



  background-color: #ededed;



  text-align: center;



  color: #b5b5b5;



  font-size: 20px;



  border-radius: 5px;



}







.catalogPage__itemTitle {



  display: block;



  color: #000000;



  font-size: 20px;



  font-weight: 700;



  line-height: 1.3;



  text-align: center;



  margin-top: 25px;



  transition: .25s all ease-in-out;



}







.categoryPage {}







.categoryPage__container {



  display: grid;



  grid-template-columns: 310px 1fr;



  align-items: flex-start;



  gap: 60px;



}







.categoryPage__aside {}







.categoryPage__main {}







.categoryPage__list {



  display: grid;



  grid-template-columns: repeat(3, 1fr);



  gap: 30px;



}







.productItem {



  box-shadow: 0 6px 13px 5px #eaeaea;



  border-radius: 7px;



  background-color: #ffffff;



  padding: 25px 35px 40px;



  display: flex;



  flex-direction: column;



}







.productItem__img {



  display: block;



  width: 100%;



}







.productItem__img img {



  width: 100%;



  height: auto;



  aspect-ratio: 1.33;



  object-fit: contain;



}







.productItem__title {



  color: #000000;



  font-size: 22px;



  font-weight: 600;



  font-style: normal;



  line-height: 26px;



  margin-top: 20px;



}







.productItem__title:hover {



  text-decoration: none;



}







.productItem__features {



  margin: 20px 0 25px;



  padding: 0;



  display: flex;



  flex-direction: column;



  gap: 10px

}







.productItem__features li {



  list-style: none;



  display: flex;



  align-items: flex-start;



  gap: 8px;



  width: 100%;



  justify-content: space-between;



}







.productItem__features li span {



  font-size: 16px;



  line-height: 1.2;



}







.productItem__features li span:nth-child(1) {



  color: #7b7b7b;



  font-weight: 400;



  /* width: 170px; */



}







.productItem__features li span:nth-child(2) {



  color: #2c2c2c;



  font-weight: 700;



  text-align: right;



}







.productItem__price {



  color: #000000;



  font-size: 27px;



  font-weight: 700;



  line-height: 1;



  /* text-align: center; */



  text-align: left;



  margin-top: auto;



}







.productItem__btn {



  /* margin: 22px auto 0; */



  margin: 22px 0 0;



  padding: 18px 24px;



  border-radius: 5px;



  border: 2px solid #d7d7d7;



  color: #7b7b7b;



  font-size: 18px;



  font-weight: 500;



  line-height: 1.2;



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 8px;



  transition: .25s all ease-in-out;



}







.productItem__btn:after {



  content: '';



  width: 17px;



  height: auto;



  aspect-ratio: 1.42;



  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' fill='none'%3e%3cpath fill='%23787878' d='M9.415 11.824a.603.603 0 0 1-.154-.195.521.521 0 0 1 0-.46.604.604 0 0 1 .154-.194L14.581 6.6H.708a.778.778 0 0 1-.5-.176A.558.558 0 0 1 0 6c0-.16.075-.312.207-.424A.778.778 0 0 1 .708 5.4h13.873L9.415 1.025A.558.558 0 0 1 9.208.6c0-.159.074-.312.207-.424A.778.778 0 0 1 9.916 0c.188 0 .369.063.502.176l6.374 5.4a.604.604 0 0 1 .154.194.52.52 0 0 1 0 .46.604.604 0 0 1-.154.194l-6.375 5.4a.728.728 0 0 1-.23.13.82.82 0 0 1-.542 0 .728.728 0 0 1-.23-.13Z'/%3e%3c/svg%3e");



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  flex: none;



  transition: .25s all ease-in-out;



}







.productItem__btn:hover {



  background-color: #df6921;



  border-color: #df6921;



  color: #fff;



}







.productItem__btn:hover:after {



  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' fill='none'%3e%3cpath fill='%23fff' d='M9.415 11.824a.603.603 0 0 1-.154-.195.521.521 0 0 1 0-.46.604.604 0 0 1 .154-.194L14.581 6.6H.708a.778.778 0 0 1-.5-.176A.558.558 0 0 1 0 6c0-.16.075-.312.207-.424A.778.778 0 0 1 .708 5.4h13.873L9.415 1.025A.558.558 0 0 1 9.208.6c0-.159.074-.312.207-.424A.778.778 0 0 1 9.916 0c.188 0 .369.063.502.176l6.374 5.4a.604.604 0 0 1 .154.194.52.52 0 0 1 0 .46.604.604 0 0 1-.154.194l-6.375 5.4a.728.728 0 0 1-.23.13.82.82 0 0 1-.542 0 .728.728 0 0 1-.23-.13Z'/%3e%3c/svg%3e");



}







.pagination {



  margin-top: 65px;



}







.pagination ul {



  margin: 0;



  padding: 0;



  display: flex;



  align-items: center;



  justify-content: center;



  flex-wrap: wrap;



}







.pagination ul li {



  list-style: none;



}







.pagination ul li a {



  display: block;



  color: #7b7b7b;



  font-size: 20px;



  font-weight: 500;



  line-height: 1.2;



  width: 44px;



  height: auto;



  aspect-ratio: 1;



  border-radius: 5px;



  background-color: transparent;



  display: flex;



  align-items: center;



  justify-content: center;



  text-align: center;



  transition: .25s all ease-in-out;



}







.pagination ul li a img {



  width: 11px;



  height: auto;



  aspect-ratio: 0.58;



  opacity: .6;



  transition: .25s all ease-in-out;



}







.pagination ul li a:hover img {



  opacity: 1;



}







.pagination ul li a:hover {



  opacity: .7;



}







.pagination ul li span {



  display: block;



  color: #291e18;



  font-size: 20px;



  font-weight: 500;



  line-height: 1.2;



  width: 44px;



  height: auto;



  aspect-ratio: 1;



  border-radius: 5px;



  background-color: #f07b34;



  display: flex;



  align-items: center;



  justify-content: center;



  text-align: center;



}







.filter {



  border-radius: 7px;



  border: 2px solid #e9e9e9;



  background-color: #ffffff;



  padding: 40px 35px;



}







.filter__top {



  display: flex;



  align-items: center;



  justify-content: space-between;



  gap: 5px;



  flex-wrap: wrap;



  border-bottom: 1px solid #d1d1d1;



  padding-bottom: 20px;



  margin-bottom: 10px;



}







.filter__title {



  color: #000000;



  font-size: 19px;



  font-weight: 700;



  line-height: 1.2;



}







.filter__reset {



  border: none;



  background-color: transparent;



  color: #808080;



  font-size: 17px;



  font-weight: 500;



  line-height: 1.2;



  display: flex;



  align-items: center;



  gap: 9px;



  cursor: pointer;



  transition: .25s all ease-in-out;



}







.filter__reset:after {



  content: '';



  width: 21px;



  height: auto;



  aspect-ratio: 1;



  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3e%3cpath fill='%23808080' fill-rule='evenodd' d='M0 10.5a10.5 10.5 0 1 1 21 0 10.5 10.5 0 0 1-21 0Zm10.5-8.994a8.994 8.994 0 1 0 0 17.988 8.994 8.994 0 0 0 0-17.988Zm3.732 5.264a.793.793 0 0 1 0 1.12l-2.611 2.61 2.611 2.61a.794.794 0 0 1-1.122 1.122l-2.61-2.611-2.61 2.611a.792.792 0 0 1-1.354-.561.794.794 0 0 1 .232-.561l2.611-2.61-2.611-2.61A.794.794 0 1 1 7.89 6.768l2.61 2.611 2.61-2.611a.794.794 0 0 1 1.122.002Z' clip-rule='evenodd'/%3e%3c/svg%3e");



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  flex: none;



  transition: .25s all ease-in-out;



}







.filter__reset:hover {



  color: #686868;



}







.filter__reset:hover:after {



  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3e%3cpath fill='%23686868' fill-rule='evenodd' d='M0 10.5a10.5 10.5 0 1 1 21 0 10.5 10.5 0 0 1-21 0Zm10.5-8.994a8.994 8.994 0 1 0 0 17.988 8.994 8.994 0 0 0 0-17.988Zm3.732 5.264a.793.793 0 0 1 0 1.12l-2.611 2.61 2.611 2.61a.794.794 0 0 1-1.122 1.122l-2.61-2.611-2.61 2.611a.792.792 0 0 1-1.354-.561.794.794 0 0 1 .232-.561l2.611-2.61-2.611-2.61A.794.794 0 1 1 7.89 6.768l2.61 2.611 2.61-2.611a.794.794 0 0 1 1.122.002Z' clip-rule='evenodd'/%3e%3c/svg%3e");



}







.filter__accordion {



  border-bottom: 1px solid #d1d1d1;



}







.filter__accordion:last-child {



  border-bottom: none;



  padding-bottom: 0;



  margin-bottom: 0;



}







.filter__accordion:last-child .filter__accordionContent {



  padding-bottom: 0;



}







.filter__accordionTitle {



  color: #3d3d3d;



  font-size: 18px;



  font-weight: 600;



  line-height: 1.2;



  position: relative;



  cursor: pointer;



  transition: .25s all ease-in-out;



  padding: 20px 0 20px 23px;



}







.filter__accordionTitle:before {



  content: '';



  width: 13px;



  height: auto;



  aspect-ratio: 1.86;



  background-image: url(../img/filter__accordionTitle.png);



  position: absolute;



  left: 0;



  top: 50%;



  transform: translateY(-50%);



}







.filter__accordionTitle:hover {



  opacity: .8;



}







.filter__accordionContent {



  padding-bottom: 20px;



}







.filter__accordionCheckbox {



  display: flex;



  flex-direction: column;



  align-items: flex-start;



}







.filter__btnMob {



  display: none;



  align-items: center;



  justify-content: center;



  gap: 10px;



  max-width: 100%;



  padding: 16px 10px;



  border-radius: 7px;



  border: 2px solid #e9e9e9;



  color: #000000;



  font-size: 18px;



  font-weight: 700;



  line-height: 1.2;



  margin: 0 auto;



  transition: .25s all ease-in-out;



}







.filter__btnMob:before {



  content: '';



  width: 26px;



  height: auto;



  aspect-ratio: 1.18;



  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' fill='none'%3e%3cpath stroke='%23626262' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M20 3h5M1 3h15m4 16h5M1 19h15m-6-8h15M1 11h5M18 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM18 21a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3e%3c/svg%3e");



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  transition: .25s all ease-in-out;



}







.filter__btnMob:hover {



  background-color: #df6921;



  border-color: #df6921;



  color: #fff;



}







.filter__btnMob:hover:before {



  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' fill='none'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' d='M20 3h5M1 3h15m4 16h5M1 19h15m-6-8h15M1 11h5M18 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM18 21a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3e%3c/svg%3e");



}







.priceRange {



  position: relative;



  background-color: #cdcdcd;



  height: 2px;



  margin: 8px 0;



}







.priceRange .ui-slider-range {



  position: absolute;



  top: 0;



  background-color: #df6921;



  height: 100%;



  z-index: 1;



  background-position: 0 0;



}







.priceRange .ui-slider-handle {



  position: absolute;



  top: -7px;



  width: 16px;



  height: 16px;



  border-radius: 50%;



  background-color: #df6921;



  cursor: pointer;



  z-index: 2;



  margin-left: -9px;



}







.priceRange__sliderGrid {



  display: flex;



  align-items: center;



  gap: 5px;



  margin-bottom: 20px;



}







.priceRange__sliderItem {



  flex: 1;



  display: flex;



  align-items: center;



  gap: 5px;



}







.priceRange__sliderItem:first-child:after {



  content: '-';



  color: #727272;



  font-size: 17px;



  font-weight: 600;



  line-height: 1.2;



}







.priceRange__sliderGrid input {



  width: 100% !important;



  height: 40px;



  border-radius: 3px;



  border: 1px solid #cdcdcd;



  color: #727272;



  font-size: 16px;



  font-weight: 400;



  line-height: 1.2;



  padding: 0 8px;



  -webkit-appearance: none;



}







.priceRange__sliderGrid input[type=number]::-webkit-outer-spin-button,



.priceRange__sliderGrid input[type=number]::-webkit-inner-spin-button {



  -webkit-appearance: none;



  margin: 0;



}







.priceRange__sliderGrid input[type=number] {



  -moz-appearance: textfield;



}







.priceRange__sliderGrid span {



  color: #727272;



  font-size: 17px;



  font-weight: 600;



  line-height: 1.2;



  margin-left: 5px;



}











.custom-checkbox {



  margin: 0;



  display: flex;



  cursor: pointer;



}







.custom-checkbox+* {



  margin-top: 12px;



}







.custom-checkbox>input {



  position: absolute;



  z-index: -1;



  opacity: 0;



  max-width: 10px;



}







.custom-checkbox>span {



  position: relative;



  color: #515151;



  font-size: 17px;



  font-weight: 500;



  line-height: 1.3;



  padding-left: 25px;



}







.custom-checkbox>span::before {



  content: '';



  width: 12px;



  height: auto;



  aspect-ratio: 1;



  border-radius: 3px;



  border: 2px solid #aeaeae;



  position: absolute;



  left: 0;



  top: 3px;



  background-repeat: no-repeat;



  background-position: center;



  background-size: 10px 8px;



}







.custom-checkbox>input:checked+span::before {



  border-color: #df6921;



  background-color: #df6921;



  background-image: url(../img/checkbox.png);



}







.custom-checkbox>input:disabled+span::before {



  background-color: #e9ecef;



}







.mobile__filter {



  position: fixed;



  width: 100%;



  height: 100%;



  left: -100%;



  top: 0;



  background-color: #fff;



  z-index: 100;



  -webkit-transition: .25s all ease-in-out;



  transition: .25s all ease-in-out;



  overflow-y: auto;



}







.mobile__filter .filter {



  border: none;



  padding: 0 20px;



}







.mobile__filterContainer {



  max-width: 300px;



  margin: 0 auto;



  padding: 0 0 100px;



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-orient: vertical;



  -webkit-box-direction: normal;



  -ms-flex-direction: column;



  flex-direction: column;



  gap: 10px;



}







.mobile__filterTop {



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  -webkit-box-pack: justify;



  -ms-flex-pack: justify;



  justify-content: space-between;



  padding: 25px 0 20px;



  border-bottom: 1px solid #d1d1d1;



  margin-bottom: 0px;



}







.mobile__filterReset {



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  gap: 12px;



  color: grey;



  font-size: 17px;



  font-weight: 500;



  line-height: 1.2;



  border: none;



  background-color: transparent;



  padding: 0;



}







.mobile__filterReset:after {



  content: "";



  width: 21px;



  height: auto;



  aspect-ratio: 1;



  background-image: url(../img/mobile__filterReset.png);



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  opacity: .8;



  -webkit-box-flex: 0;



  -ms-flex: none;



  flex: none;



}







.mobile__filterReset:hover {



  color: #686868;



}







.mobile__filterReset:hover:after {



  opacity: 1;



}







.mobile__filterClose {



  display: -webkit-box;



  display: -ms-flexbox;



  display: flex;



  -webkit-box-align: center;



  -ms-flex-align: center;



  align-items: center;



  gap: 12px;



  color: grey;



  font-size: 17px;



  font-weight: 500;



  line-height: 1.2;



  border: none;



  background-color: transparent;



  padding: 0;



}







.mobile__filterClose:after {



  content: "";



  width: 16px;



  height: auto;



  aspect-ratio: 1;



  background-image: url(../img/mobile__filterClose.png);



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  opacity: .8;



  -webkit-box-flex: 0;



  -ms-flex: none;



  flex: none;



}







.mobile__filterClose:hover {



  color: #686868;



}







.mobile__filterClose:hover:after {



  opacity: 1;



}







.productPage {}







.productPage__top {



  display: grid;



  grid-template-columns: 658px 1fr;



  gap: 75px;



  margin-bottom: 80px;



}







.productPage__img {



  width: 100%;



  height: auto;



  aspect-ratio: 1;



  overflow: hidden;



  border-radius: 7px;



  border: 2px solid #e9e9e9;



  background-color: #ffffff;



  padding: 30px;



  display: block;



}







.productPage__img img {



  width: 100%;



  height: 100%;



  object-fit: contain;



}







.productPage__block {



  padding-top: 40px;



}







.productPage__title {



  color: #000000;



  font-size: 50px;



  font-weight: 700;



  line-height: 1.2;



}







.productPage__price {



  color: #000000;



  font-size: 42px;



  font-weight: 700;



  line-height: 1.2;



  margin-top: 14px;



}







.productPage__line {



  margin-top: 35px;



  display: flex;



  align-items: center;



  gap: 10px 20px;



  flex-wrap: wrap;



}











.productPage__buy {



  height: 65px;



  padding: 5px 35px;



  border-radius: 5px;



  color: #fff;



  background-color: #df6921;



  font-size: 20px;



  font-weight: 500;



  line-height: 1.2;



  display: flex;



  align-items: center;



  gap: 10px;



  transition: .25s all ease-in-out;



}







.productPage__buy:after {



  content: '';



  width: 17px;



  height: auto;



  aspect-ratio: 1.42;



  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' fill='none'%3e%3cpath fill='%23fff' d='M9.415 11.824a.603.603 0 0 1-.154-.195.521.521 0 0 1 0-.46.604.604 0 0 1 .154-.194L14.581 6.6H.708a.778.778 0 0 1-.5-.176A.558.558 0 0 1 0 6c0-.16.075-.312.207-.424A.778.778 0 0 1 .708 5.4h13.873L9.415 1.025A.558.558 0 0 1 9.208.6c0-.159.074-.312.207-.424A.778.778 0 0 1 9.916 0c.188 0 .369.063.502.176l6.374 5.4a.604.604 0 0 1 .154.194.52.52 0 0 1 0 .46.604.604 0 0 1-.154.194l-6.375 5.4a.728.728 0 0 1-.23.13.82.82 0 0 1-.542 0 .728.728 0 0 1-.23-.13Z'/%3e%3c/svg%3e");



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  flex: none;



  transition: .25s all ease-in-out;



}







.productPage__buy:hover {



  background-color: #2c364a;



  color: #fff;



}







.productPage__favorable {



  /* height: 65px; */



  padding: 12px 32px;



  border-radius: 5px;



  color: #fff;



  background-color: #2c364a;



  font-size: 17px;



  font-weight: 500;



  line-height: 1.2;



  display: flex;



  align-items: flex-end;



  gap: 10px;



  transition: .25s all ease-in-out;



}







.productPage__favorable:after {



  content: '';



  width: 17px;



  height: auto;



  aspect-ratio: 1.42;



  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='12' fill='none'%3e%3cpath fill='%237b7b7b' d='M9.415 11.824a.603.603 0 0 1-.154-.195.521.521 0 0 1 0-.46.604.604 0 0 1 .154-.194L14.581 6.6H.708a.778.778 0 0 1-.5-.176A.558.558 0 0 1 0 6c0-.16.075-.312.207-.424A.778.778 0 0 1 .708 5.4h13.873L9.415 1.025A.558.558 0 0 1 9.208.6c0-.159.074-.312.207-.424A.778.778 0 0 1 9.916 0c.188 0 .369.063.502.176l6.374 5.4a.604.604 0 0 1 .154.194.52.52 0 0 1 0 .46.604.604 0 0 1-.154.194l-6.375 5.4a.728.728 0 0 1-.23.13.82.82 0 0 1-.542 0 .728.728 0 0 1-.23-.13Z'/%3e%3c/svg%3e");



  background-repeat: no-repeat;



  background-position: center;



  background-size: contain;



  flex: none;



  transition: .25s all ease-in-out;



  margin-bottom: 3px;



}







.productPage__favorable:hover {



  background-color: #232b3b;



  color: #fff;



}







.productPage__features {



  display: grid;



  grid-template-columns: 1fr 1fr;



  gap: 15px 60px;



  margin-top: 60px;



}







.productPage__featuresItem {



  display: flex;



  align-items: flex-start;



  justify-content: space-between;



}







.productPage__featuresItemTitle {



  color: #7b7b7b;



  font-size: 18px;



  font-weight: 400;



  line-height: 1.2;



  position: relative;



  padding-left: 23px;



}







.productPage__featuresItemTitle:after {



  content: '';



  width: 8px;



  height: auto;



  aspect-ratio: 1;



  border-radius: 2px;



  background-color: #b0b0b0;



  position: absolute;



  left: 0;



  top: 6px;



}







.productPage__featuresItemText {



  color: #2c2c2c;



  font-size: 18px;



  font-weight: 700;



  line-height: 1.2

}







.productPage__content {}







.productPage__contentTitle {



  color: #000000;



  font-size: 35px;



  font-weight: 700;



  line-height: 1.2;



  margin-bottom: 25px;



}







.productPage__contentText {



  color: #696969;



  font-size: 19px;



  font-weight: 400;



  line-height: 1.8;



}







.productPage__contentText p {}







.productPage__contentText p:last-child {



  margin-bottom: 0;



}







.productPage__contentTextGrid {



  display: grid;



  grid-template-columns: 1fr 1fr;



  gap: 20px 80px

}







.productPage__advantages {



  border-top: 1px solid #d1d1d1;



  margin-top: 50px;



  padding-top: 90px;



  display: flex;



  align-items: flex-start;



  justify-content: space-between;



  gap: 20px;



}







.productPage__advantagesItem {



  display: flex;



  align-items: center;



  gap: 25px

}







.productPage__advantagesItemIcon {



  flex: none

}







.productPage__advantagesItemText {



  color: #7b7b7b;



  font-size: 19px;



  font-weight: 400;



  line-height: 1.4;



}







.productPage__advantagesItemText b {



  color: #4c4c4c;



  font-weight: 700

}







.sidebar__title {



  font-size: 35px;



  color: #000000;



  font-weight: 700;



  line-height: 1.2;



  margin-bottom: 30px;



}







.page__content {



  color: #3a3a3a;



  font-size: 18px;



  line-height: 1.6;



}







.page__content p {



  margin-bottom: 20px;



}







.page__content ul {



  display: flex;



  flex-direction: column;



  align-items: flex-start;



  margin: 0 0 20px;



  padding: 0;



}







.page__content ul li {



  list-style: none;



  position: relative;



  padding-left: 20px;



}







.page__content ul li:before {



  content: '';



  width: 8px;



  height: auto;



  aspect-ratio: 1;



  border-radius: 50%;



  background-color: #df6921;



  position: absolute;



  left: 0;



  top: 9px;



}







.yith-wcan-filters .yith-wcan-filter .price-slider.both .price-slider-min,

.yith-wcan-filters .yith-wcan-filter .price-slider.both .price-slider-max {



  width: 100%;



}







.categoryPage__container .irs-min,



.categoryPage__container .irs-max,



.categoryPage__container .irs-from,



.categoryPage__container .irs-to,



.categoryPage__container .irs-single {



  display: none;



}







.categoryPage__container .irs--round {



  height: 18px;



}







.yith-wcan-filters .yith-wcan-filter .price-slider.both .irs {



  margin-bottom: 0;



  margin-top: 20px;



}







.yith-wcan-filters .yith-wcan-filter .price-slider .irs-handle {



  top: 0;



}







.irs--round .irs-bar {



  top: 7px;



}







.irs--round .irs-line {



  top: 7px;



}







.yith-wcan-filters .yith-wcan-filter .price-slider.both {



  padding: 0;



}







.yith-wcan-filters .yith-wcan-filter .filter-title {



  color: #3d3d3d;



  font-size: 18px;



  font-weight: 600;



  line-height: 1.2;



  position: relative;



  cursor: pointer;



  transition: .25s all ease-in-out;



  padding: 20px 0 20px 23px;



  margin: 0;



}







.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:after {



  display: none;



}







.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:before {



  content: '';



  width: 13px;



  height: auto;



  aspect-ratio: 1.86;



  background-image: url(../img/filter__accordionTitle.png);



  position: absolute;



  left: 0;



  top: 50%;



  transform: translateY(-50%);



}







.yith-wcan-filters .yith-wcan-filter .filter-title:hover {



  opacity: .8;



}







.yith-wcan-filters .yith-wcan-filter {



  margin: 0;



  border-bottom: 1px solid #d1d1d1;



}







.yith-wcan-filters .yith-wcan-filter:last-child {



  border-bottom: none;



}







.yith-wcan-filters {



  margin: 0;



}







.yith-wcan-filters .filter-content {



  padding-bottom: 20px;



}







.yith-wcan-filters .yith-wcan-filter:last-child .filter-content {



  padding-bottom: 0;



}







.yith-wcan-filters .yith-wcan-filter .filter-items {



  display: flex;



  flex-direction: column;



  align-items: flex-start;



  gap: 12px;



}







.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {



  display: block;



  line-height: unset;



  position: relative;



}







.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label {



  margin: 0;



  display: flex;



  cursor: pointer;



}







.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label input {



  position: absolute;



  z-index: -1;



  opacity: 0;



  max-width: 10px;



}







.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label a {



  display: block;



  position: relative;



  color: #515151;



  font-size: 17px;



  font-weight: 500;



  line-height: 1.3;



  padding-left: 25px;



}







.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label a:before {



  content: '';



  width: 12px;



  height: auto;



  aspect-ratio: 1;



  border-radius: 3px;



  border: 2px solid #aeaeae;



  position: absolute;



  left: 0;



  top: 3px;



  background-repeat: no-repeat;



  background-position: center;



  background-size: 10px 8px;



}







.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label a>span {



  display: none !important;



}







.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label>input:checked+a::before {



  border-color: #df6921;



  background-color: #df6921;



  background-image: url(../img/checkbox.png);



}







@media (max-width: 1500px) {



  .page__title {



    font-size: 48px;



  }







  .categoryPage__container {



    gap: 30px

  }



  .categoryPage__list {



    gap: 20px

  }



  .productItem {



    padding: 20px 20px 40px;



  }



  .productItem__title {



    font-size: 20px;



  }



  .productItem__features li span {



    font-size: 15px;



  }



  .productPage__top {



    gap: 40px;



    grid-template-columns: 480px 1fr;



  }



  .productPage__block {



    padding-top: 0;



  }



  .productPage__title {



    font-size: 42px;



  }



  .productPage__price {



    font-size: 34px;



  }



  .productPage__featuresItemTitle,

  .productPage__featuresItemText {



    font-size: 16px;



  }



  .productPage__features {



    margin-top: 40px;



  }



}







@media (max-width: 1200px) {



  .page__title {



    font-size: 42px;



  }



  .catalogPage__list {



    grid-template-columns: repeat(4, 1fr);



    gap: 40px 30px;



  }



  .catalogPage__itemTitle {



    margin-top: 20px;



  }



  .categoryPage__list {



    grid-template-columns: 1fr 1fr;



  }



  .productPage__advantagesItemText {



    font-size: 17px;



  }



  .productPage__advantagesItemIcon img {



    max-height: 50px;



  }



  .productPage__advantagesItem {



    gap: 20px;



  }



  .productPage__contentTitle {



    font-size: 30px;



  }



  .productPage__title {



    font-size: 38px;



  }



  .productPage__features {



    grid-template-columns: 1fr;



  }



  .productPage__top {



    grid-template-columns: 1fr 1fr;



  }



}







@media (max-width: 991px) {



  .page__title {



    font-size: 36px;



  }



  .header.nomain {



    background-color: #f1f1f1;



  }



  .catalogPage__list {



    grid-template-columns: repeat(3, 1fr);



  }



  .categoryPage__list {



    grid-template-columns: 1fr 1fr 1fr;



  }



  .categoryPage__container {



    grid-template-columns: 1fr;



    gap: 40px

  }



  .productItem__price {



    font-size: 24px;



  }







  .categoryPage__aside .filter {



    display: none;



  }







  .filter__btnMob {



    display: flex;



  }







  .mobile__filter.open {



    left: 0;



  }







  .productPage__advantages {



    display: flex;



    flex-direction: column;



  }



  .productPage__advantagesItemIcon img {



    width: 60px;



    object-fit: contain;



  }



  .productPage__advantages {



    padding-top: 50px;



    margin-top: 35px;



  }



  .productPage__contentTextGrid {



    grid-template-columns: 1fr;



  }



  .productPage__contentTitle {



    font-size: 30px;



  }







  .productPage__title {



    font-size: 36px;



  }







  .page__title.min {



    font-size: 30px;



  }







  .sidebarMain {



    display: none;



  }







}







@media (max-width: 840px) {



  .categoryPage__list {



    grid-template-columns: 1fr 1fr;



  }



}







@media (max-width: 767px) {



  .page__title {



    font-size: 30px;



  }







  .catalogPage__list {



    grid-template-columns: repeat(2, 1fr);



    gap: 30px 20px;



  }



  .page__alert {



    padding: 25px 20px;



    font-size: 16px;



  }



  .page__alert:before {



    width: 35px;



  }



  .productPage__contentTextGridItem {



    font-size: 17px;



  }



  .productPage__contentTitle {



    font-size: 26px;



  }







  .productPage__title {



    font-size: 30px;



  }







  .productPage__top {



    grid-template-columns: 1fr;



  }



  .productPage__price {



    font-size: 28px;



  }



  .productPage__price {



    margin-top: 0;



  }



}







@media (max-width: 575px) {



  .page__title {



    font-size: 25px;



    margin-bottom: 40px;



  }



  .breadcrumbs__list li,

  .breadcrumbs__list li a,

  .breadcrumbs__list li:not(:last-child):after {



    font-size: 14px;



  }



  .breadcrumbs {



    margin-bottom: 15px;



  }



  .page {



    margin: 30px 0 90px;



  }



  .page.pageText {



    margin: 30px 0 60px;



  }



  .page__alert {



    margin: 20px 0;



  }



  .categoryPage__list {



    grid-template-columns: 1fr;



    max-width: 400px;



    margin: 0 auto;



  }



  .productItem__btn {



    font-size: 17px;



  }



  .pagination {



    margin-top: 25px;



  }



  .pagination ul li a {



    width: 40px;



    font-size: 18px;



  }



  .pagination ul li span {



    width: 40px;



    font-size: 18px;



  }



  .productPage__contentTitle {



    font-size: 23px;



    text-align: center;



  }



  .productPage__top {



    margin-bottom: 55px;



  }







  .productPage__title {



    font-size: 25px;



  }







  .productPage__line {



    flex-direction: column;



    align-items: center;



  }



  .productPage__price {



    font-size: 24px;



  }



  .productPage__buy {



    font-size: 18px;



  }



  .productPage__favorable {



    font-size: 15px;



  }



  .productPage__favorable:after {



    margin-bottom: 2px;



  }



  .productPage__line {



    margin-top: 30px;



  }



  .productPage__featuresItemTitle {



    padding-left: 20px;



  }



  .productPage__top {



    gap: 25px;



  }



  .modal-content h3 span.min {



    font-size: 20px;



  }







  .page__title.min {



    font-size: 26px;



  }



  .page__content {



    font-size: 16px;



  }



  .page__content ul li:before {



    width: 6px;



  }



}







@media (max-width: 460px) {



  .catalogPage__list {



    grid-template-columns: repeat(1, 1fr);



    padding: 0 10px;



  }



  .page__alert {



    font-size: 15px;



    gap: 10px;



    padding: 25px 10px 25px 15px;



  }



  .productPage__advantagesItemText br {



    display: none;



  }



  .productPage__advantagesItem {



    gap: 15px;



  }



  .productPage__advantagesItemIcon img {



    width: 55px;



  }



}







@media (max-width: 355px) {



  .breadcrumbs__list li,

  .breadcrumbs__list li a,

  .breadcrumbs__list li:not(:last-child):after {



    font-size: 12px;



  }



}