.btn-large-chertez {
    background: orangered;
    color: #fff;
    margin: 1px 2px!important;
    border: none;
    padding: 10px 30px!important;
}

.jshop .product_label {
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;
    max-width: 40px!important;
}
/*Блок кнопка чертежа*/
.btnWbtnH { 
    min-width: 150px!important;
    min-height: 92px!important;
}
/*Блок горизонтального скролла*/
.myscroller {
	/*max-width: calc(100vw - 24rem);*/
	overflow-y: scroll;
}
.myscroller.wider {
	max-width: calc(100vw - 9rem);
}
table {
	border: 1px solid var(--atum-link-color) ! important;
}
.arrows {
	position:fixed;
	top: calc(50% - 3rem);
	right: 10px;
	z-index: 1200;
}
.arrows .arrow {
	display: block;
	margin-bottom: 1rem;
	padding: 0 4px 0 4px;
}

/*Конец блока скролла*/
@media (min-width: 768px) {       
      .brendHor {
		display: none;
      }
      .brendVert {
		display: block;
      }
	}      
      
@media (max-width: 767px) {       
       .brendHor {
		display: block;
      }
      .brendVert {
		display: none;
      }
	}


@media(min-width: 992px) {
.leftItemBigText {
  margin-right: 15px;
}
}
@media(max-width: 991px) {
.leftItemBigText {
  margin-right: 0px;
}
}

.jshop .product_label {
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;
    width: 90px;
}


.btn-large { 
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
  color: #fff;
  margin: 1px;
}

.btn-large { 
  background-color: var(--cassiopeia-color-primary);
  border-color: var(--cassiopeia-color-primary);
  color: #fff;
  margin: 1px;
}



/* End style index.php  */   

.mw-1600 {
    max-width: 1680px;
}

.haracteristic-style-tytle {
      min-height: 45px;
    line-height: 1.2rem;
  padding-left: 15px;
    padding-right: 15px;
}

 @media(max-width: 835px){
.haracteristic-style-tytle {
      min-height: 30px;
    line-height: 0.8rem;
  padding-left: 0px;
    padding-right: 0px;
}
}

.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
    -webkit-box-shadow: 0 0 0 0rem rgb(1 1 86 / 50%);
    box-shadow: 0 0 0 0rem rgb(1 1 86 / 50%);
}

.btn-outline-primary:hover {
    border-color: #6d757e;
    color: #555555;
    /* margin: 2px; */
    background: #e8e8e8;
}

.pdf_yrl {    
    position: absolute;
    top: -30px;
    left: -20px;   
    z-index: 110;
   max-width: 60px;
}
  
.mod-feedback__privacy .privacy-link {
    display: inline-block;
    position: relative;
    font-size: 90%;
    /* color: var(--mod-feedback-link-color); */
    text-decoration: underline;
    margin-left: 16px;
    transition: .2s;
    color: #2e427f;
}

p {
    margin-bottom: 1rem;
    margin-top: 0;
    color: #2e427f;
}

.ui-multiselect-checkboxes li {
    clear: both;
    font-size: 0.8em;
    padding-right: 3px;
}

.form-horizontal .form_sort_count .control-label {
    text-align: left;
    width: 120px;
    float: left;
}
    
   .ExtendedFilterContainer select, .ExtendedFilterContainer button.ui-multiselect {
    width: 100% !important;
}
    
  .inputbox-sears {           
        background: none;
    border: none;
    border-bottom: 1px solid #756e5f;     
    color: #fff;
  } 
   
  
   .inputbox-sears:link {           
        background: none;
    border: none;
    border-bottom: 1px solid #756e5f;     
    color: green;
  } 
  
  
  .inputbox-sears:visited {           
        background: none;
    border: none;
    border-bottom: 1px solid #756e5f;     
    color: red;
  } 
    
   .inputbox-sears:hover {           
        background: none;
    border: none;
    border-bottom: 1px solid #ffffff;     
    color: #111;
  } 
  
  .btn-w {
    color: #ccc ;
  }
  
  .btn-w:hover {
    color: #FFF;
  }
  
   .btn-w:link {
    color: red;
  }
  
  
  .btn-w:visited {
    color: red;
  }
    
    .link-black {
    color: #253971;
  }
  
  
  .link-black:hover {
    color: #e84f1c;
  }
  
  
  #mxcpr {
    padding-top: 20px;
    text-align: right;
    display: none;
    font-size: 11px;
}
  
.qf3form.example3 .radioblok {
    display: contents;
}
  
    div#maximenuck198 ul.maximenuck {    
    background: #3598db00;
}
    
  .qf3form.example3 .qfcapt {
    text-align: right;
    display: none;
}
  
  
  .border_podbor {
padding: 4em 1em 2em;  
    background: #fff;
    border-radius: 2em;
    margin: 2em auto;
    max-width: 100%;
    border: 1px solid #00a0ff;
  }
  
  .margin-left-mius20 {
  margin-left: -20px;
}

  .qfchkbx {
    display: inline;
  }
  
  .qf3form.example3 {
    padding: 0em 1em 2em;
    background: #fff;
    border-radius: 2em;
  /*  margin: 2em auto;*/
    max-width: 100%;
    border: 1px solid #00a0ff00;
}

.qf3form.example3 .qf3label {
    display: inline-block;
    padding: 0 28px 0 0;
    text-align: right;
    width: 38%;
    font-family: fantasy;
    vertical-align: middle;
    color: #13516a;
    line-height: 1em;
    font-family: 'Jost', sans-serif;
  font-size: 13px;
}

.qf3form.example3 .radioblok label {
    display: inline-block;
    white-space: nowrap;
    margin: 0 1em 0 0;
    border: 1px solid #0091b4;
    background: #fff;
    padding: 0.4em 20px;
    border-radius: 1em;
    cursor: pointer;
    font-size: 0.8em;
    font-weight: 400;
}

  .margin-left-mius20 {
    margin-left: -20px;
  }
  
  @media(max-width: 1401px){
  .top-title-banner {    
     margin-left: -15px;
  }
  }  
  
   
  @media(max-width: 1201px){
  .top-title-banner {    
    margin-left: 0px;
  }
  }  
  
/*Код*/

div#maximenuck198 ul.maximenuck {
    background: #3598db00;
}

    .jshop_list_product .block_product {
    padding-bottom: 0px;
    margin-bottom: 0px;
    box-sizing: border-box;
    transition: box-shadow 0.2s;
}
    
    
    .bakgr-e9e6d7 {
       background: #e9e6d7;
    }
   
    
   /*style FILTR */
  .ExtendedFilterContainer select, .ExtendedFilterContainer button.ui-multiselect {
    width: 100% !important;
}
   
    div.sblock1:nth-child(2n+1) {
    background-color: #e9e6d7;
}
   
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #ffffff url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
    
 
  .ui-multiselect span.ui-icon {
    float: right;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.6em solid;
    content: "";
    height: 0;
    margin-inline-start: 0.5em;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 0;
      margin-top: 6px;
}
     
    #sortingOrderBy {
    width: 245px;
}
    
  .ui-widget {
    font-family: inherit;
    font-size: 0.9em;
}  
    
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
        
    .ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #eaedf0 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
    font-size: 0.8em;
    /*      font-weight: 500;*/  
    background: #f5f5f5;
}
   
    .ui-widget-header .ui-state-default {
      border: 1px solid;
    }

    .ui-multiselect-checkboxes li {
    clear: both;
    font-size: 0.7em;
    padding-right: 3px;
}
    
    .ui-multiselect-checkboxes label input {
    position: relative;
    top: 1px;
    margin-right: 10px; 
}

   .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default:focus {
    border: 1px solid #d3d3d3;   
    font-weight: normal;
    color: #253662;
}
    
    .ui-multiselect-filter {
      float: left;
    margin-right: 10px;
    font-size: 11px;
    display: none;   
}
    
  .ui-multiselect-header {
    margin-bottom: 3px;
    padding: 10px 0 10px 4px;
}    
     /*END */
   
    #gtx-trans {
      display: none;
    }  
    
 .left.item-image {
    float: left;
   /* margin-right: 15px;*/
}
    
    /*1 stroka title*/ 
       /*font-size >1400px*/ 
  @media(min-width: 1401px){
  .top-title-banner {    
   font-size: clamp(9.1rem,10vw,6.5rem);
    line-height: 0.9em;
    font-weight: 100; 
  }
  } 
    
    /*font-size >1400px*/ 
  @media(max-width: 1400px) and (min-width: 1200px){
  .top-title-banner {    
   font-size: clamp(8.7rem,10vw,6.5rem);
    line-height: 0.9em;
    font-weight: 100; 
  }
  }    
   
  /*font-size >1200px*/ 
  @media(max-width: 1200px) and (min-width: 992px){
  .top-title-banner {    
   font-size: clamp(6.7rem,10vw,6.5rem);
    line-height: 0.9em;
    font-weight: 100; 
  }
  }    
    
 /*font-size >992px*/ 
  @media(max-width:992px) and (min-width: 768px){
  .top-title-banner {    
   font-size: clamp(5.7rem,10vw,6.5rem);
    line-height: 0.9em;
    font-weight: 100; 
  }
  }    
  
    /*font-size >768px*/ 
  @media(max-width:768px) and (min-width: 576px) {
  .top-title-banner {   
   font-size: clamp(2.1rem,10vw,1.5rem);
    line-height: 0.9em;
    font-weight: 100
  }
  }
 
           /*font-size >590px*/ 
  @media(max-width: 576px){
  .top-title-banner {   
   font-size: clamp(1.1rem,10vw,1.5rem);
    line-height: 0.9em;
    font-weight: 100
  }
  }
    
 /*2 stroka title*/   
    
    
/*1 stroka title*/ 
  /*font-size >1400px*/ 
  @media(min-width: 1401px){
  .font-size-h1 {    
    font-size: clamp(9.7rem,50vw,3.5rem);
    line-height: 0.9em;
    font-weight: 800; 
  }
  } 
    
    /*font-size >1400px*/ 
  @media(max-width: 1400px) and (min-width: 1200px){
  .font-size-h1 {    
   font-size: clamp(8.7rem,10vw,6.5rem);
    line-height: 0.9em;
    font-weight: 800; 
  }
  }    
   
    
  /*font-size >1200px*/ 
  @media(max-width: 1200px) and (min-width: 992px){
   .font-size-h1 {    
   font-size: clamp(5.7rem,10vw,6.5rem);
    line-height: 0.9em;
    font-weight: 800;
  }
  }    
    
    
 /*font-size >992px*/ 
  @media(max-width:992px) and (min-width: 768px){
  .font-size-h1 {    
   font-size: clamp(5.7rem,10vw,6.5rem);
    line-height: 0.9em;
    font-weight: 800; 
  }
  }    
  
    /*font-size >768px*/ 
  @media(max-width:768px) and (min-width: 576px) {
  .font-size-h1 {   
   font-size: clamp(2.1rem,10vw,1.5rem);
    line-height: 0.9em;
    font-weight: 800
  }
  }
  
           /*font-size >590px*/ 
  @media(max-width: 576px){
  .font-size-h1 {   
   font-size: clamp(1.1rem,10vw,1.5rem);
    line-height: 0.9em;
    font-weight: 800
  }
  }
   
 
.btn-outline-primary {
    border-color: #a9a8a8;
    color: #555555;
    margin: 2px;
}
    
    /*оранжевая кнопка меню*/ 
  
  .btn-orange {
     background: #e84f1c;
    color: #dddcdc;
  }
  
    .btn-orange:hover {
     background: #eb6b40;  
      color: #fff;      
  }
  
    
 /*иконки*/ 
  ul.mod-menu a.my-icon-home::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-right: 4px;
    display: inline-block;
    width: 1.25em !important;
}
  
  .container-header .mod-finder .awesomplete {
    color: #fff;
}
  
   /*стиль иконки*/ 
 
     /*иконки*/ 
  ul.mod-menu a.my-icon-home::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    margin-right: 4px;
    display: inline-block;
    width: 1.25em !important;
}
    
   /*стиль иконки*/ 
        
     @media(max-width:590px){ 
  .border-mw-590 {
     border: 1px solid #dfe3e7;
  }
  }
    
    body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background-color: var(--body-bg);
    color: #1e2e66;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    margin: 0;
    text-align: var(--body-text-align);
}
   
 /* border-radius Home*/  
.bg-light {
    --bg-opacity: 1;
    background-color: rgba(var(--light-rgb),var(--bg-opacity))!important;
    border-radius: 100% 0% 0% 0% / 9% 0% 0% 0%;
}
  
   .pdf-width {
    max-width: 150px;
  }

  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: var(--cassiopeia-font-weight-headings,700);
    font-family: 'Jost', sans-serif;
        color: #2e427f;
}

 .titreck-text {
    font-size: medium;
    text-transform: uppercase-1;
}
  
  .footer-top {
     background: #5c6b70;
  }
  
textarea.form-control {
    min-height: calc(2.5em + 1.2rem + 2px);
    max-height: calc(3.5em + 1.2rem + 2px);
} 
  
.mod-feedback__form {
    display: block;
    position: relative;
    box-sizing: border-box;
    background: var(--mod-feedback-form-back);
    border-radius: 30px;
}


  /* Модальный (фон) */
.modal {
  display: none; /* Скрыто по умолчанию */
  position: fixed; /* Оставаться на месте */
  z-index: 10000; /* Сидеть на вершине */
  padding-top: 30px; /* Расположение коробки */
  left: 0;
  top: 0;
  width: 100%; /* Полная ширина */
  height: 100%; /* Полная высота */
  overflow: auto; /* Включите прокрутку, если это необходимо */
  background-color: rgb(0,0,0); /* Цвет запасной вариант  */
  background-color: rgba(0,0,0,0.4); /*Черный с непрозрачностью */
}

/* Модальное содержание */
.modal-content {
  position: relative;
  background-color: #10101059;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Добавить анимацию */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* Кнопка закрытия */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

@media (width >= 992px)
.modal-lg, .modal-xl {
    --modal-width: 80%;
}




.modal.show .modal-dialog {
    transform: none;
    min-width: 80%;
}


.modal-header {
  padding: 2px 16px;
  background-color: #3e556f;
  color: white;
}

.modal-header .h5 {
  padding: 2px 16px;
  background-color: #3e556f;
  color: white;
}




.modal-body {
  padding: 2px 16px;
 min-height: 700px; 
}

.modal-footer {
  padding: 2px 16px;
  background-color: #3e556f;
  color: white;
}

.modal iframe {
    width: 100%;
    height: 700px;
}


.modal-title {
    font-weight: var(--cassiopeia-font-weight-normal, 400);
    line-height: 3rem;
    color: #fff;
}

   /*fon-bradcramb*/  
  .breadcrumb {
    background-color: rgba(0,0,0,0);
    margin-bottom: 0;
}
  
   /*шрифты*/ 
  
  @import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;500;700&display=swap');
  
  
  body {
    font-family: 'Jost', sans-serif;
    font-weight: 300;
}
     
  
   /*font-size >600px*/ 
  @media(max-width:600px){
  .display-1 {
    font-size: clamp(1.7rem,8vw,1.5rem); 
    line-height: 0.8em;  
  }
  }
  
  /*КОНЕЦ БЛОКА ШРИФТОВ*/  

 /*Поочереное чередование фона строк для товаров */ 

div.sblock1:nth-child(2n+1) {
  background-color: #e9e6d7;
}

div.sblock1:nth-child(2n) {
  background-color: #ffffff;
}
  
  @media(max-width:576px){
  .color-blok {
    background: #e8eaf1;
   }
  }
  
   /*  color*/
.link-black {    
    text-decoration: uppercase;
        border: 1px solid #fff0;
  }
  
  .link-black:hover {
    color: orangered;
    text-decoration: uppercase;
      border: 1px solid #fff0;
  }
  
    .link-green {
    color: #17bd61;
    text-decoration: uppercase;
        border: 1px solid #fff0;
  }
  
  .link-green:hover {
    color: #0ea14f;
    text-decoration: uppercase;
      border: 1px solid #fff0;
  }
  
  
  .link-orange {
    color: #ff4d0e;
    border: 1px solid #fff0;
  }
  
  .link-orange:hover {
    color: #db3f08;
    border: 1px solid #fff0;
  }
  
  /*color orange*/
   .color-orange {
    color: #ff4d0e;
     border: 1px solid #fff0;
  }
  
   /*block Объем продаж*/
.diagonal-line {
  background-color: #000;
  background-image: linear-gradient(to bottom right, transparent 45%, #fff, transparent 54%);
  background-repeat: no-repeat;
  font-size: 50px;
  text-align: center;
  color: #ffff00;
}
  
  /*гистограмма*/
  .bar{
    background: grey;
    width: 16px;
    padding: 1px;
    height: 160px;
    position: relative;
    display: inline-block;
}

.bar div{
  background-color: #00aeef;
  position: absolute;
  bottom: 1px;
  width: 16px;
  left: 1px;
}
  
    /*конец гистограммы
  
  .mw1600 {
    max-width: 1600px;
  }
  */
  
  a {
    text-decoration: none;
}
    a:hover {
    text-decoration: none;
      color: orangered;
}

  a:not([class]) {
    text-decoration: none;
}
  
  
  /*End*/
  
  
 .title-categ-dvig {
   color: #ad5b51;  
  font-weight: 600; 
} 
  
 .title-categ-dvig:hover {
   color: #e94e1b;
} 
    
 a {
    color: #2b4074;
} 
    
#mxcpr {    
    display: none;    
}  
/*Цвет header and footer*/  
:root {
  --cassiopeia-color-primary-1: #fff;
  --cassiopeia-color-hover-1:  #fff;
  --cassiopeia-color-link-1:  #fff;
}
  
   /*uvelichenie*/
.transition-scale {
  position: relative;
  z-index: 1;
/*  background: #dddede94;
  margin: 0 auto;*/
  padding: 0px;
  text-align: center;
/*   max-width: 500px;*/
  font-size: 20px;
  /*border: 1px ridge #ccc;*/
  cursor: pointer;
  transition: 0.25s linear;
}

.transition-scale:hover {
 -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
/*    -moz-box-shadow: 0 16px 10px -10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 16px 10px -10px rgba(0,0,0,0.5);
    box-shadow: 0 16px 10px -10px rgba(0,0,0,0.5);*/
  z-index: 1;
}
  
  /*Povorot !!!!!!!!!!!!!!!!!!!!!!!! НАСТРОИТЬ*/

.block{float:left;width:32px;height:32px;margin-right:5px;-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.block:hover{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}

/*yarlyk*/
.rFS .frm2 {
    top: 30px;    
   margin-left: -113px;
    z-index: -1;
}
.frm2 {
    width: 90px;
    height: 95px;
    background: url(/images/head/frm-2.png) no-repeat center center;
    pointer-events: none;
}
  
  
   /*LINK */
  
   .link {
    background: #d8eaf4;
    padding: 0 4px;
    margin-bottom: 0;
  }
 
  .link-border { 
    color: inherit;
    border: 1px solid #0e216d;
    position: relative;
    border-radius: 1px;
    text-align: center;
    font-size: 16px; 
    margin-bottom: 10px;
  }
  
  
   /*!!!!!!!!!!!!!!!!!!!!!!!! padding-top*/
  
   
  @media(min-width:576px){ 
  .pt-25 {
    padding-top: 25px;
  }
  }
  
 @media(min-width:576px){ 
  .pt-24 {
    padding-top: 24px;
  }
  }
  
 .container-header .container-search {
    margin-top: 0em;
}
  
  .card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff0;
    border: 1px solid #dfe3e700;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}
  
 /*feedback*/ 
  
   .card-border {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid #dfe3e7;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}
  
  /*Форма обр связи*/
  
  .mod-feedback__input input, .mod-feedback__input textarea {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    border: 1px solid #dfe3e7;
    border-radius: 0;
    color: var(--mod-feedback-field-color);
    background: var(--mod-feedback-field-back);
    transition: .2s;
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
    border-radius: 10px;
}
  
  
  /*5 jmage modul*/
  .col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
 
.col-xs-1-5 {
  width: 20%;
  float: left;
}
 
@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
}
 
  /* VIDEO BANNER - see https://codepen.io/woluweb/pen/rNGROZj */
div.video-banner {
    display: grid;
    grid-template-areas: "hero";
    place-items: center;
    height: max(300px, calc(100vh - 152px)); /* viewport height minus the fixed height of menu header on current website, with a minimum of X pixels */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}
div.video-banner > * {
    grid-area: hero; /* stacking all the child elements of the grid - could simply have set 1 / 1 / 2 / 2 instead of naming the area hero */
}
div.video-banner div.text {
    z-index: 1; /* to be sure that this is on top of the video */
    text-align: center;
    color: white;
    text-shadow: 2px 2px 5px black;
}
div.video-banner div.overlay {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(120deg, var(--cassiopeia-color-link), var(--cassiopeia-color-hover));
    opacity: 0.7;
}
div.video-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}
/* VIDEO BANNER END */

/*меню*/
  
  @media(max-width:1400px) {  
  .wt-none-1750 {
    display: none;
    }
  }
  
  @media(max-width:1400px) {  
  .wt-none-1750 {
    display: none;
    }
  }
  
  
   @media(max-width:890px){   
    .title-categ-dvig {
        font-size: calc(0.9rem + .3vw);
    line-height: 0.9;
   }
 }   
    
  @media(max-width:766px){   
    .title-categ-dvig {
    font-size: calc(1.5rem + .3vw);
    line-height: 0.9;      
    margin-top: 5px;
    margin-bottom: 5px;
   }
 }   
 
    .text_transform_uppercase {
          text-transform: uppercase;
    }
    
   .mod-custom-modul {
    position: relative;
    z-index: 10;
} 
  
.mod-feedback__field.required .mod-feedback__input:after {
    display: none;
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 0;
    left: 0;
    line-height: 0;
    background: var(--mod-feedback-field-border-error);
    z-index: 9;
}

.mod-feedback__input input, .mod-feedback__input textarea {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 16px;
    margin: 0;
    border: 1px solid #00000014;
    border-radius: 30px;
  /*  color: var(--mod-feedback-field-color); */
    background: var(--mod-feedback-field-back);
    transition: .2s;
    outline: 0;
    outline-offset: 0;
    box-shadow: none;
      color: #2e427f;
}