/*Видимость иконки Поиска для моб */
.positionIconSearchMob {
  position: absolute;
  bottom: 10px;
  right: 13px;
}



/*Видимость модуля Поиска */
@media (min-width: 1200px) {
.dblockMax991 {
  display: block;
}
}
@media (max-width: 1199px) {
.dblockMax991 {
  display: none;
}
}



/*Видимость иконки модального окна */
@media (min-width: 1200px) {
.bannerSearch1199 {
  display: none;
}
}
@media (max-width: 1199px) {
.bannerSearch1199 {
  display: block;
}
}

/*Позиция чекбокса*/

@media (max-width: 991px) and (min-width: 768px) {
.form-check {
   display: block;
  position: relative;
  /*  position: absolute; */
    right: 7px;
    padding-right: 0px!important;
    margin-right: 0;
}
}

@media (max-width: 767px) and  (min-width: 627px)  {
.form-check {
    float: right;
    position: absolute;
    right: 7px;
}
}


@media (max-width: 627px)  {
.form-check {
    min-height: 1.5rem;
    margin-bottom: 0.125rem;
/*    padding-left: 0em; */
    display: block;
}
}







@media (max-width: 991px) and (min-width: 768px){ 
.form-check-inline {
    margin-right: 1rem;
    display: inline-block;
    position: relative;
    left: 0px;
    padding-left: 0px;
}
}
@media (max-width: 767px){
.form-check-inline {
    margin-right: 0rem;
    display: inline-block;
}
}

@media (max-width: 991px) {
.form-check .form-check-input {
    float: left;
    margin-left: 0em;
}
}





/*
@media (max-width: 1199px) { 
.js-finder-search-query {
    display: none!important;
    }
} */

@media (max-width: 767px) {
.wjcallbackform .control-group.tos_box {
    display: inline-flex;
    flex-direction: revert!important;    
  }
}

























@media (min-width: 993px) { 
.pad30 {
  padding: 5px 2em!important;
}
}
@media (max-width: 992px) {
.pad30 {
  padding: 5px!important;
}
}

.boxMw300 {
    max-width: 450px;
    min-height: 100px;
    display: block;
/* background: #ccc; */  
}

 wedal callback чекбокс 
.form-check-inline .tos_box {
   margin-left: -10px!important;
}




























@media (min-width: 1000px) { 
.boxMw300-1 {
    max-width: 450px;
    min-height: 100px;
    display: block;
 /*background: #ccc; */   
}
}

@media (min-width: 999px) and (min-width: 991px) { 
.boxMw300-1 {
    max-width: 400px;
    min-height: 100px;
    display: block;
 /*background: #ccc; */   
}
}



/*

@media (min-width: 1200px) { 
.loganSlogan {
    max-width: 800px!important;   
}
} */

@media (max-width: 1089px) and (min-width: 991px) { 
.loganSlogan {
   min-width: 650px!important;
    max-width: 650px!important; 
}
}

@media (max-width: 1400px) and (min-width: 1090px) {
.loganSlogan {
    max-width: 800px!important;   
}
} 















@media (max-width: 979px) and (min-width: 753px) { 
.loganSlogan {  
    max-width: 450px!important; 
}
} 








@media (min-width: 1200px) { 
.textSlogan {
  display: block!important;
}
.textFone {
  display: none!important;
}
}

@media (max-width: 1199px) { 
.textSlogan {
  display: none!important;
}
.textFone {
  display: block!important;
}
}


@media (max-width: 991px) {
.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1em;
  display: none!important;
}
}





@media (min-width: 992px) {
.iconSearch {
  display: none!important;
}
}
@media (max-width: 991px) {
.iconSearch {
    display: block!important;
    top: 45px;
    position: absolute;
    right: 10px;
}
}








@media (max-width: 991px) {
.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 1em;
    display: none;
}
}
.mod-finder__search.input-group button .icon-search {
    margin-inline-end: 0.2em;
    font-size: 1.3em;
}



/*Ширина верхнего меню*/
@media (min-width: 992px) {
.mwtopMenu1660 {
    max-width: 1600px!important;
    padding-left: 2em!important;
    padding-right: 2em!important;    
}
/*Ширина блока логотип поиск*/
.mwtopLogo1660 {
	max-width: 1600px!important;
    padding-left: 2.4em!important;
    padding-right: 1.4em!important;
}
}



@media (min-width: 1200px) {
.divModTop {
  display: block;
}
}

@media (max-width: 1199px) {
.divModTop {
  display: none;
}
} 




@media (min-width: 992px) {
.divMоdBottom {
  display: none!important;
}
}








@media (max-width: 991px) {
.searchMobileDesk {
  display: block!important;
  } 
}

@media (max-width: 1400px) {
  .searchMobile {
    display: block!important;
  }
  .searchDesktop {
    display: none!important;
  }
}
/*@media (max-width: 991px) and (min-width: 768px){
.searchMobileDesk {
  display: block!important;
   position: absolute;
    top: 40px;
    right: -20px;
  } 
} */
@media (max-width: 991px) {
.searchMobileDesk {
 display: block!important;
  /*   position: absolute;
   top: 36px;
    right: -20px;*/
  } 
}


/*Отключаем вывод иконки лупа на ширине меньше 991
@media (max-width: 991px) {
.searchMobileDesk-1 {
  display: none;
}
}*/





/*
.searchMobileTop {
    display: none!important;
  }

@media (max-width: 991px) {
.searchMobileTop {
    display: block!important;
    position: absolute;
    top: 30px;
    right: -20px;
}
}

*/












/*@media (max-width: 1199px) {
.container-header .container-nav {
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0em; 
}
}
*/









/*Отключаем 197 блок при ширине экрана больше 1199
@media (max-width: 1199px) {
.loganSlogan991 {
  display: none!important;
}
}
*/















.pagination {
    --pagination-padding-x: .75rem;
    --pagination-padding-y: .375rem;
    --pagination-font-size: 1rem;
    --pagination-color: #048839;
    --pagination-bg: var(--body-bg);
    --pagination-border-width: var(--border-width);
    --pagination-border-color: var(--border-color);
    --pagination-border-radius: var(--border-radius);
    --pagination-hover-color: #048839;
    --pagination-hover-bg: var(--tertiary-bg);
    --pagination-hover-border-color: var(--border-color);
    --pagination-focus-color: #048839;
    --pagination-focus-bg: var(--secondary-bg);
    --pagination-focus-box-shadow: 0 0 0 .25rem #01015640;
    --pagination-active-color: #fff;
    --pagination-active-bg: #048839;
    --pagination-active-border-color: #048839;
    --pagination-disabled-color: #048839ed;
    --pagination-disabled-bg: var(--secondary-bg);
    --pagination-disabled-border-color: var(--border-color);
    padding-left: 0;
    list-style: none;
    display: flex;
}


.page-link, .page-link:hover {
    color: #048839;
}

.result__title-text {
    font-size: 1.3rem;
    font-weight: 600;
}









/*
@media (max-width: 1400px) and (min-width: 991px) {
.inputSearh{
  display:none!important;
}
}

@media (max-width: 1019px) and (min-width: 990px) {
.inputSearh{
  display:none!important;
}
} */
/*
@media (min-width: 1401px) {
.inputSearh{
  display:block!important;
}
}

@media (min-width: 1401px) {
.inputSearh{
  display:block!important;
} 
}
*/


























/*
.searchDesktop {
  display: block!important;
}

@media (max-width: 1400px) and (min-width: 992px) {  
  .searchDesktop {
    display: block!important;
  }
} */
















/*Опускаем кнопку модального окна на 100px Desctop*/
[data-modals-element=modal][data-modals-theme=dark] [data-modals-element=close] {
    background-image: url("/images/icon/clozGreen.svg");   
}

[data-modals-element=modal][data-modals-theme=dark] [data-modals-element=close], [data-modals-element=modal][data-modals-theme=dark] [data-modals-element=next], [data-modals-element=modal][data-modals-theme=dark] [data-modals-element=previous] {
   filter: contrast(1);
}

/*Опускаем модальное окно на 100px Desctop*/
[data-modals-element=modal] [data-modals-element=slides] {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .4s ease;
    transform: translate3d(0,0,0);
  /*	top: 100px!important; */
}



/*Опускаем темный фон модального окна на 100px Desctop*/
[data-modals-element=modal] [data-modals-element=overlay] {
    --color: 0, 0, 0;
    --opacity: 0.9;
    position: fixed;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
 /*   top: 100px;
    left: -1px; */
    will-change: opacity;
    background-color: rgba(var(--color),var(--opacity));
}



.mw_991_768 {
  padding: 0 20px;
}




@media (min-width: 768px) {
.btnModProektHome {
  float: right;
}
}
@media (max-width: 767px) {
.btnModProektHome {
  float: left;
}
}














/* Для современных браузеров */
::placeholder { color: #777!important; }

/* WebKit: Chrome, Safari, Opera 15+ */
::-webkit-input-placeholder { color: #777!important; }

/* Firefox 19+ */
::-moz-placeholder { color: #777!important; opacity: 1!important; }

/* IE 10+, Edge */
:-ms-input-placeholder { color: #777!important; }



/*Ширина блока контактов*/
@media (max-width: 1400px) and (min-width: 993px) {
.padCont {
  padding-left: 0px!important;
}
}

@media (max-width: 992px) and (min-width: 769px) {
.padCont {
  padding-left: 0px!important;
}
}

@media (max-width: 768px) {
.padCont {
   padding-left: 0px!important; 
   padding-right: 0px!important;
}
  .wjcallbackform-wrapper {
    padding-left: 0px!important; 
  	padding-right: 0px!important;
  }
}






h6 {
  line-height: 1.2em!important;
}

@media (min-width: 1401px) {
.categoryShortDescriptionHover {
    position:absolute; 
    bottom: 0px;
    opacity: 0;
    margin-bottom: 0rem;
  text-align: left; 
  display: none; 
}

.categoryShortDescriptionHover:hover {
  /*  position: absolute;  */ 
    border-radius:10px;
    background: rgba(255,255,255,0.05);    
    overflow:hidden;
    color: #fff;
    opacity: 1;
    bottom: 0px;
    margin-bottom: 0rem;
    text-align: left;
    display: block!important;
}
  .categoryShortDescriptionHover:active {
   position: absolute;   
    border-radius:10px;
    background: rgba(255,255,255,0.05);    
    overflow:hidden;
    color: #fff;
    opacity: 1;
    bottom: 0px;
    margin-bottom: 0rem;
    text-align: left;
    display: block!important;
}
  .textCenterHover {
    position: absolute;
    width: 100%;
  /*  -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);*/
   background: #1d6646d6; 
   text-align: left;
   /*    min-height: 260px;
   max-height: 260px;*/
    bottom: 0px;
}


.textCenterHover:hover {
    position: absolute;
    width: 100%;
 /*    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px); */
   background: #1d6646; 
    text-align: left;
 /*     min-height: 230px;
    max-height: 230px;*/
    bottom: 0px;
  display: block;
}
  
.textCenterHover:active {
    position: absolute;
    width: 100%;
/*   -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px); */ 
  background: #1d6646; 
    text-align: left;
 /*     min-height: 230px;
    max-height: 230px;*/
    bottom: 0px;
  display: block;
}
  
}

/*АНИМАЦИЯ 1 Текст внизу блока Отработан*/
@media (max-width: 1400px) {
.categoryShortDescriptionHover {
    display: block!important;
}

.categoryShortDescriptionHover {
   /* position: absolute; */ 
    bottom: 0px;
 /*  opacity: 0;*/
    margin-bottom: 0rem;
  text-align: left;  
}

.categoryShortDescriptionHover:hover {
 /*    position: absolute; */  
    border-radius:10px;
    background: #fff;    
    overflow:hidden;
    color: #010101;
    opacity: 1;
    bottom: 0px;
    margin-bottom: 0rem;
    text-align: left;
}

.categoryShortDescriptionHover:active {
 /*    position: absolute; */  
    border-radius:10px;
    background: #fff;    
    overflow:hidden;
    color: #010101;
    opacity: 1;
    bottom: 0px;
    margin-bottom: 0rem;
    text-align: left;
}

.textCenterHover {
    position: inherit;
    width: 100%;
/*  -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #1d6646d6;*/
   	background: #FFF;
    text-align: left;
/*  min-height: 230px;
    max-height: 230px;*/
    bottom: 0px;   
}
.textCenterHover:hover {
    position: inherit;
    width: 100%;
/*  -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #1d6646d6;*/
   	background: #FFF;
    text-align: left;
 /* min-height: 230px;
    max-height: 230px; */ 
    bottom: 0px;
    display: block;
}
.textCenterHover: active {
    position: inherit;
    width: 100%;
/*  -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #1d6646d6;*/
   	background: #FFF;
    text-align: left;
 /* min-height: 230px;
    max-height: 230px; */ 
    bottom: 0px;
    display: block;
}
}

/*начало вставки*/
@media (max-width: 1400px) {
  .categoryShortDescriptionHover {
    display: block!important; 
  }

.categoryShortDescriptionHover:hover {
   display: block!important;
}
  
.categoryShortDescriptionHover:active {
   display: block!important;
}
}

@media (min-width: 1200px) {
  .categoryShortDescriptionHover {
      display: block!important; 
    }
} 

@media (max-width: 768px) {
  .categoryShortDescriptionHover {
    display: block!important; 
  }
}
/*Конец вставки*/

@media (min-width: 1401px) { 
  .categoryNamePrevie { 
     position: absolute; 
     bottom: 0em;   
     color: #fff;
     text-decoration: none; 
     padding-left: 2rem;  
     background: #1d66469e;
     display: block;
     min-height: 90px!important;
     max-height: 90px!important;
  }
}

@media (max-width: 1400px) { 
    .categoryNamePrevie { 
      position: static;
      text-decoration: none; 
      display: none;
  	}
}  

.btn-close {
    --btn-close-color: #fff!important;
    --btn-close-bg: url('https://fbr.hoper-it.ru/images/icon/close.png');
  /*  --btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 0%%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e);*/
    --btn-close-opacity: .5;
    --btn-close-hover-opacity: .75;
    --btn-close-focus-shadow: 0 0 0 .25rem #01015640;
    --btn-close-focus-opacity: 1;
    --btn-close-disabled-opacity: .25;
    --btn-close-white-filter: invert(1)grayscale(100%)brightness(200%);
    box-sizing: content-box;
    color: var(--btn-close-color);
    background: transparent var(--btn-close-bg)center/1em auto no-repeat;
    opacity: var(--btn-close-opacity);
    border: 0;
    border-radius: 0.25rem;
    width: 1em;
    height: 1em;
    padding: 0.25em;
}

/* Фон меню offcanvas */
.text-bg-dark {
    background-color: #010101!important;
  }

#joffcanvas240 .offcanvas.show .offcanvas-body a, #joffcanvas240 .offcanvas.show .offcanvas-body button {
      color: #c9c7c7!important;
  }

/* Фон меню offcanvas */
.text-bg-dark {
    background-color: #010101!important;
  }

#joffcanvas240 .offcanvas.show .offcanvas-body a, #joffcanvas240 .offcanvas.show .offcanvas-body button {
      color: #c9c7c7!important;
  }


/* Цвет номера телефона*/
.textFone .telWhiteLink {
    color: #fff!important;
  }

/* Номер телефона размер*/
.telefFontSize {
    font-size: 1.5em;
  }


/* DivLogo*/
@media (min-width: 1600px) {
  .mwTop1660 {
     max-width: 1560px!important;
  }
}

@media (max-width: 1659px) and (min-width: 1400px) {
  .mwTop1660 {
     max-width: 1400px!important;
  }
}

@media (max-width: 1399px) and (min-width: 1201px) {
  .mwTop1660 {
     max-width: 1300px!important;
  }
}
@media (max-width: 1200px) {
  .mwTop1660 {
     max-width: 1160px!important;
  }
}
@media (max-width: 992px) {
  .mwTop1660 {
     max-width: 928px!important;
  }
}






/*До ширины экрана 992px блок не виден*/
 @media (min-width: 992px) {
  .dblock991min {
     display: none!important;   
    }
   } 
/*При ширине экрана 991px блок не виден*/
  @media (max-width: 991px) {
  .dblock991min {
     display: block!important;
    }
   } 


/*До ширины экрана 992px блок виден*/
 @media (min-width: 992px) {
  .dNone991 {
    display: block!important;
    }
   } 
/*При ширине экрана 991px блок не виден*/
  @media (max-width: 991px) {
  .dNone991 {
    display: none!important;
    }
   } 
/*При ширине экрана  1201  смена position: absolute; на inherit*/

/*Кнопка для модуля продукции */

@media (min-width: 1401px) {
.btnColor {
  color: #fff!important;
  --btn-border-color: #fff!important;
  position: absolute;
  bottom: 25px;
}

.btnColor:hover {
  color: #fff!important;
  --btn-border-color: #ffffff!important;
  --btn-hover-bg: #017f30;
}

.btnColor:focus {
  color: #fff!important;
  --btn-border-color: #ffffff!important;
  --btn-hover-bg: #017f30;
}

.btnColor:active {
  color: #fff!important;
  --btn-border-color: #ffffff!important;
  --btn-hover-bg: #017f30;
}
}
@media (max-width: 1400px) {
.btnColor {
  color: #048839!important;
  --btn-border-color: #048839!important;
  position: inherit;
  bottom: 25px;
}

.btnColor:hover {
  color: #fff!important;
  --btn-border-color: #05d178!important;
  --btn-hover-bg: #05d178;
}

.btnColor:focus {
  color: #fff!important;
  --btn-border-color: #048839!important;
  --btn-hover-bg: #048839;
}

.btnColor:active {
  color: #fff!important;
  --btn-border-color: #048839!important;
  --btn-hover-bg: #048839;
}
}


.control-group {
    margin: 0.2em 0;
}

.metismenu.mod-menu .metismenu-item {
    flex-wrap: wrap;
    align-items: center;
    padding: 0.5em 0.5em;
    font-size: 1.1rem;
    line-height: 1.5;
    display: flex;
}


/*Top mеню равномерное размещение title menu */
@media (min-width: 1401px) {
.btnLinkNow {
	 margin-left: 0px;	 
	}
.btnLinkNowToo {
	 margin-left: 20%;
	}
.btnLinkNowThree {
	margin-left: 40%;
	}
.btnLinkNowFo {
	margin-left: 50%;
	}
.btnLinkNowFive {
	/*margin-left: 66%;*/
      float: right;
	}
}

@media (max-width: 1400px) and (min-width: 992px) {
.btnLinkNow {
	 margin-left: 0px;	 
	}
.btnLinkNowToo {
	 margin-left: 18%;
	}
.btnLinkNowThree {
	margin-left: 35%;
	}
.btnLinkNowFo {
	margin-left: 45%;
	}
.btnLinkNowFive {
	float: right;	
	}
}

@media (max-width: 991px) {
.btnLinkNow {
	 margin-left: 0px;	 
	}
.btnLinkNowToo {
	 margin-left: 0px;
	}
.btnLinkNowThree {
	margin-left: 0px;
	}
.btnLinkNowFo {
	margin-left: 0px;
	}
.btnLinkNowFive {
	margin-left: 0px;	
	}
}





/*Ширина Top mеню Desctop*/

@media (min-width: 1401px) {
 .mw-menu-1820 {
  max-width: 1920px!important;

}
}
 
@media (max-width: 1400px) and (min-width: 1201px) {
   .mw-menu-1820 {
    max-width: 1390px!important;
  }
}

@media (max-width: 1200px) and (min-width: 992px) {
   .mw-menu-1200 {
    max-width: 940px!important;
  }
}

 @media (min-width: 1401px) {
    .metismenu.mod-menu .metismenu-item {
        min-width: 20%!important;
        border-color: #0000!important;
        display: block!important;
    /*  text-align: center!important;*/  
    }
   }

@media (max-width: 1400px) and (min-width: 992px) {
  .metismenu.mod-menu .metismenu-item {
      min-width: 20%!important;
      border-color: #0000!important;
      display: block!important;
      text-align: left!important;
  }
}


/* Текст в кнопках меню*/
.btnLinkNow {
    margin-left: 0%!important;
    margin-right: auto!important;
}

.metismenu.mod-menu .metismenu-item>span, .metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button {
      text-overflow: ellipsis;
      white-space: nowrap;
      text-decoration: auto;
      overflow: hidden;
     /* font-size: 2rem; */
      font-weight: 500;
  	}

.star {
    display: none!important;
  }

.image {
    display: inline-block;
    margin: 0 0.5rem;
    animation: bounce; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
  }

.jshop_list_category .category_name, .jshop_list_manufacturer .manufacturer_name, .jshop_list_vendor .vendor_name {
      font-size: 1.5rem;
      margin-top: 0px!important;
      margin-bottom: 0px!important;
  }

/*
@media (max-width: 768px) {
.sloganFooter {
  display: none!important;
}
} */

.lead {
    font-size: 1.15rem!important;
	}

/*Wedal callback lable*/
  #name-lbl {
      display: none!important;
    }
  #email-lbl {
      display: none!important;
    }
  #phone-lbl {
      display: none!important;
    }
  #comment-lbl {
      display: none!important;
    }

  #attachments-lbl{
      display: none!important;
    }


.bg-light {
      background-color: #ffffff!important;
  }

.h-70 {
     min-height: 100%!important;
  }

.textRelaniveLeft20 {
    position: relative;
    left: 20px;
    border-radius: 3rem 0 0 3rem;
}


.blurDivText {
    position: absolute;
    bottom: 0px;  
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #1d6646d6;  
    display: none;
}
.blurDivText:hover {
    position: absolute;
    bottom: 0px;  
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #1d6646d6;  
    display: block;
}

.hoverServiseBlock {
  display: none;
}

.hoverServiseBlock:hover {
  display: block;
}

.textRelaniveLeft20 {
    position: relative;
    left: 20px;
    border-radius: 3rem 0 0 3rem;
}

@media (max-width: 768px) {
.sloganFooter {
  display: none!important;
}
} 

.bgGreen {
    background: rgb(0,97,29)!important;
    background: linear-gradient(90deg, rgba(0,97,29,1) 0%, rgba(4,136,57,1) 48%, rgba(0,66,27,1) 100%)!important;
}
/*Блок Hover  карточка товара min-width 1142px*/
.textRelaniveLeft20 {
    position: relative;
    left: 20px;
    border-radius: 3rem 0 0 3rem;
}

/* hover эффект при наведении появление фонового текстового поля в карточке*/
@media (max-width: 1200px) {}

.jshop_list_category .category_name {    
  text-align: left;
}
/*Prewie Category produkt*/

@media (max-width: 1200px) and (min-width: 769px) {
.row-fluid .sblock3 {
    width: 49.5%!important;
}
}

@media (max-width: 768px) {
.row-fluid .sblock3 {
    width: 100%!important;
}
} 


/*Блок Hover  карточка товара min-width 1142px*/
.textRelaniveLeft20 {
    position: relative;
    left: 20px;
    border-radius: 3rem 0 0 3rem;
}

.wjcallbackform .form-validate .modal-body {
    padding: 0px; 
    width: 100%;
    box-sizing: border-box;
}

/*
@media (max-width: 1999px) and (min-width: 1021px)
.mwLogo {
    max-width: 400px!important;
}

@media (max-width: 1400px)  and (min-width: 1200px){
.mwLogo {
  max-width: 350px!important;
}
} */

/*Prewie Category produkt
@media (max-width: 1400px) 
.categoryNamePrevie {
    position: absolute!important;
    text-decoration: none;
    bottom: 0px!important;
    color: #fff;
}

@media (min-width: 1201px) {
.modcard {
  width: 33.333%;!important;
}
}*/






@media (max-width: 1200px) and (min-width: 769px) {
.modcard {
  width: 49.89%;!important;
}
}

@media (max-width: 768px) {
.modcard {
  width: 100%;!important;
}
}


.titleProekt {
  vertical-align: unset!important;
  width: 10%;
}

@media (max-width: 768px) {
.titleProekt {
  vertical-align: unset!important;
  width: 20%;
}
}


@media (max-width: 1199px) and (min-width: 768px) {
  .divBordRadTop20 {
      border-radius: 20px 0 0 20px;
      border: 2px solid #048839;
  }
   .divBordBottom20 {
      border-radius: 0px 20px 20px 0px;
      border: 2px solid #048839;
  }
 }

 @media (max-width: 767px) {
  .divBordRadTop20 {
      border-radius: 20px 20px 0 0;
      border: 2px solid #048839;
  }
   .divBordBottom20 {
      border-radius: 0px 0px 20px 20px;
      border: 2px solid #048839;
  }
 }


/*На ширине*/
@media (max-width: 992px) {
.card-body {
   padding-left: 0px!important; 
   padding-right: 0px!important;
}
}

/*Блок логотипов скролл*/
@media (min-width: 1201px) {
  .modGrizotScroll {
    display: block!important;
  }
}
 @media (max-width: 1200px) {
  .modGrizotScroll {
    display: none!important;
  }
}


/*Блок Услуги и сервис*/
@media (min-width: 1730px) { 
.lentaTop {
    position: absolute; 
    top: 10%; 
    left: -4%; 
    background-image: url('images/banners/fon2198-297.jpg'); 
    padding-left: 7rem; 
    padding-right: 7rem; 
    z-index: 3;
}
}
@media (max-width: 1729px) and (min-width: 1400px) { 
.lentaTop { 
    position: absolute; 
    top: 10%; 
    left: -2%; 
    background-image: url('images/banners/fon2198-297.jpg'); 
    padding-left: 7rem; 
    padding-right: 7rem; 
    z-index: 3;
}
}
@media (max-width: 1399px) and (min-width: 992px) { 
.lentaTop { 
    position: absolute; 
    top: 10%; 
    left: -2%; 
    background-image: url('images/banners/fon2198-297.jpg'); 
    padding-left: 7rem; 
    padding-right: 7rem; 
    z-index: 3;
}
}


@media (max-width: 991px) {
  .lentaTop {
    position: relative!important;
    padding: 20px;
    left: 0%
  }
}

@media (min-width: 993px) {
.lentaBottom {
   position: absolute!important; 
    bottom: 10%; 
    right: -2%; 
    padding-right: 4rem!important; 
    z-index: 1; 
    background-image: url('images/banners/fon2198-297.jpg');
}
}
@media (max-width: 992px) {
.lentaBottom {
   position: absolute!important; 
    bottom: 10%; 
    right: -3%; 
    padding-right: 4rem!important; 
    z-index: 1; 
    background-image: url('images/banners/fon2198-297.jpg');
}
}



@media (width <= 991.98px)
.container-header {
    position: sticky!important;
}

@media (min-width:1401px) {
  .mwVideoBottom {
     max-width: 1400px;
  }
}

@media (max-width: 1400px) and (max-width: 1201px){
  .mwVideoBottom {
     max-width:1200px;
  }
}
@media (max-width: 1200px) and (max-width: 992px){
  .mwVideoBottom {
     max-width:991px;
  }
}

@media (max-width: 991.98px)
.container-header {
    position: sticky!important;
}

@media (min-width: 994px) {
  .bigVideo {
    display:block!important;
  }
  .smallVideo {
    display:none!important;
  }
}

@media (max-width: 993px) {
  .bigVideo {
    display:none!important;
  }
  .smallVideo {
    display:block!important;
  }
  }


/* Изменение цвета Логотипа при  наведении*/
.bom {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.bom:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}

@media (min-width: 769px) {
.logoCardProektRigth {
    position: absolute;
    bottom: 10px;
    right: 0;
  
}
}

@media (max-width: 768px) {
.logoCardProektRigth {   
    right: 0;
   
 	float: right;
}
}

@media (min-width: 992px) {
.logoCardProektLeft {
	position: absolute; 
	bottom: 15px; 
	left: 0px;
	
}
}

@media (max-width: 991px) {
.logoCardProektLeft {
	position: relative;
    bottom: 15px;
    right: 0px;    
    float: right;
} 
}



@media (min-width: 769px) {
.modcard {
  width: 33.333%!important;
}
}
@media (max-width: 768px) {
.modcard {
  width: 100%!important;
}
}

@media (min-width: 1199px) { 
.imageBorderRadiusDiv217 {
  border-radius: 20px 0 0 20px;
}
}

@media (max-width: 769px) { 
.imageBorderRadiusDiv217 {
    border-radius: 20px 20px 0 0;
}
}

@media (min-width: 1200px) {
  .divBordRadTop20 {
      border-radius: 20px 0px 0px 20px;
      border: 2px solid #048839;
  }
   .divBordBottom20 {
      border-radius: 0px 20px 20px 0px;
      border: 2px solid #048839;
  }
 }





@media (max-width: 1199px) and (min-width: 768px) { 
.imageDiv217 {
  display: none!important;
}
}

/*Size Display max 769*/
@media (max-width: 768px) {
.videoBig {
  display: none!important;
}
}

/*Size Display max 768*/
@media (min-width: 768px){
  .videoSmall {
  display: none;
}
}


.bgGreen {
	background: rgb(0,97,29)!important; 
 	background: linear-gradient(90deg, rgba(0,97,29,1) 0%, rgba(4,136,57,1) 48%, rgba(0,66,27,1) 100%)!important;
}

@media (max-width: 768px) {
  .mwLogo {
    max-width: 300px!important;
    float: left;
  }
}




.myImageCategory {
  	border-radius: 20px!important;
}
.imageCategory {
  	border-radius: 20px!important;
}

.imageCategory-1 {
 	background-image: url("/components/com_jshopping/files/img_categories/ElDvig-857-600.webp");
   /* min-height: 300px; */
    border-radius: 20px 0 0 20px;
}

/*Link Cursor */
.pointShop {
  cursor: pointer!important;
}



/*При наведении курсор становится пальцем */
.categoryShortDescriptionHover {
cursor: pointer-1;
}


/*замена цвета в svg */
.svg {
background-image: url('data:image/svg+xml;utf8,<svg ...><path fill="#FFFBBB" ... /></path></svg>');
}
.svg:hover {
background-image: url('data:image/svg+xml;utf8,<svg ...><path fill="#DDDAAA" ... /></path></svg>');
}

/*Scrolling*/
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 576px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 290px;
	height: 200px;
}

/*End Scrolling*/




@media (min-width: 991px) {
.borderGreenDiv {
  border-radius: 20px 20px 20px 20px;
  border-top: 2px solid #04911b;
  border-right: 2px solid #04911b;
  border-bottom: 2px solid #04911b;
  border-left: 2px solid #04911b;
}
}
@media (max-width: 991px) {
.borderGreenDiv {
    border-radius: 20px 20px 20px 20px;
    border-top: 2px solid #04911b;
    border-right: 2px solid #04911b;
    border-bottom: 2px solid #04911b;
    border-left: 2px solid #04911b;
}
}


.borderNone {
      --list-group-border-color: none!important;
}






@media (max-width: 991px) {
.offcanvas.offcanvas-end {
    width: var(--offcanvas-width);
    border-left: var(--offcanvas-border-width)solid var(--offcanvas-border-color);
    top: 0;
    right: 0;
    transform: translate(100%);
    padding-left: 20px!important;
}
}
 /*End Correct Top*/ 

/* Form Searsh*/
.mod-finder__search.input-group button {
    align-items: center;
    display: initial;
}

/* Adaptiv link Searsh*/
@media (min-width: 992px) {
  .textSearhOffcanvas {
     display: none!important;
  }
}

@media (max-width: 991px) {
  .textSearhOffcanvas {
     display: none!important;
  }
}
/* Adaptiv Modul Searsh*/
@media (min-width: 992px) {
.mod-finder__search.input-group {
    flex-wrap: nowrap;
    display: block!important;
}
}

@media (max-width: 991px) {
.mod-finder__search.input-group {
    flex-wrap: nowrap;
    display: none!important;
}
}

@media (max-width: 500px) {
  .logoM {
     max-width: 80%!important;
  }
}

@media (max-width: 500px) {
  .logoM {
     max-width: 70%!important;
  }
}



/* border в п.меню offcanvas при наведении и в фокусе */
.metismenu.mod-menu .metismenu-item>a:focus,
.metismenu.mod-menu .metismenu-item>button:focus{
	outline-offset:2px!important;
	outline:1px dotted #ced4da00!important;
	}

/* Подеркивание активной ссылки в меню offcanvas */
.metismenu.mod-menu .metismenu-item.active>a,
.metismenu.mod-menu .metismenu-item.active>button,
.metismenu.mod-menu .metismenu-item>a:hover,
.metismenu.mod-menu .metismenu-item>button:hover{
	text-decoration:underline;
	}

/* style menu offcanvas */
.container-header .navbar-toggler {
    color: #a7aba7;
    cursor: pointer;
    border: 1px solid #fff0;
    position: absolute;
    top: 18px;
    right: 0px;
}


.metismenu.mod-menu .metismenu-item>span, .metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button {
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
    text-decoration: auto; 
    overflow: hidden!important;
  /*  font-size: 18px!important; */
    font-weight: 500!important;
 /* 	text-transform: uppercase!important; */
}


.metismenu.mod-menu .metismenu-item:hover {  
    border-color: #0000!important;
}

.metismenu.mod-menu .metismenu-item:active {    
    border-color: #0000!important;
}

.metismenu.mod-menu .metismenu-item:focus {    
    border-color: #0000!important;
}  


.fw-700 {
font-weight: 700!important;
}

.pl-30 {
  padding-left: 30px!important;
}

.mw-1630 {  
	max-width: 1630px!important;
  }

.mw-1660 {  
	max-width: 1660px!important;
  }


/* link of Nav of Menu hover */

.linkNavMenuTop {
  color: #fff;
  text-decoration: none;
   border-color: #0000!important;
} 

.linkNavMenuTop:hover {
  color: #fff;
  text-decoration: underline-1!important;
   transition: 0.5s;
   border-color: #0000!important;
} 

.linkNavMenuTop:focus {
  color: #fff;
  text-decoration: underline!important;
   transition: 0.5s;
   border-color: #0000!important;
} 

.linkNavMenuTop.active {
  color: #fff;
  text-decoration: underline!important;
   transition: 0.5s;
   border-color: #0000!important;
} 


@media (min-width: 1743px) {
.paddingLeft-20 {
  padding-left: 0px;
}
}

@media (max-width: 1742px) {
.paddingLeft-20 {
  padding-left: 25px;
}
}      

@media (min-width: 768px) { 
  .positionEmailFooter {
    position: absolute!important;   
    bottom: 25px!important; 
  } 
} 

@media (max-width: 767px) {
  .positionEmailFooter {
    position: relative;   
    bottom: 0px; 
  } 
} 

.imageBanner {
      background-image: url(/images/banners/Inzenir1132-928_png.webp)!important;
     }

@media (max-width: 1517px) and (min-width: 768px) {
  .imageBannerNone {
      display: none!important;
      }
	}

  .mh-100 {     
      min-height: 100%!important; 
     }

  .mw-100 {
    min-width: 100%!important;
  }

/* height prev Div CardTitl text */

@media (max-width: 1517px) and (min-width: 1191px) {
	.heightTitle18 {
		min-height: 28%!important;
		max-height: 28%!important;
	}
}

@media (max-width: 1190px) and (min-width: 1075px) {
	.heightTitle18 {
		min-height: 28%!important;
		max-height: 28%!important;
	}
}


@media (max-width: 1074px) and (min-width: 1048px) {
	.heightTitle18 {
		min-height: 38%!important;
		max-height: 38%!important;
	}
}


@media (max-width: 1047px) and (min-width: 991px) {
	.heightTitle18 {
		min-height: 48%!important;
		max-height: 48%!important;
	}
}


@media (max-width: 990px) and (min-width: 767px) {
	.heightTitle18 {
		min-height: 28%!important;
		max-height: 28%!important;
	}
}

@media (max-width: 766px) and (min-width: 501px) {
	.heightTitle18 {
		min-height: 28%!important;
		max-height: 28%!important;
	}
}

@media (max-width: 500px) {
	.heightTitle18 {
		min-height: 30%!important;
		max-height: 30%!important;
	}
}

/* Hover Text Cards Produkt modul */
@media (min-width: 1531px) {
  .pBlock {
    padding: 2rem!important; 
    min-height: 50%!important; 
      }
    }

@media (max-width: 1530px) and (min-width: 1230px) {
  .pBlock {
    padding: 1.5rem!important; 
    min-height: 60%!important; 
      }
    }

@media (max-width: 1229px) and (min-width: 1133px) {  
  .pBlock {
     padding: 1.2rem!important;  
     min-height: 70%!important; 
 /*    font-size: 16px!important; */
       }
    }

@media (max-width: 1132px) and (min-width: 1045px) { 
  .pBlock	{ 
     padding: 1.2rem!important;  
     min-height: 60%!important;  
  /*   font-size: 16px!important; */
        }
    }

@media (max-width: 1044px) and (min-width: 992px) {
   .pBlock {
     padding: 1rem!important;  
     min-height: 70%!important; 
  /*     font-size: 14px!important;  */
      }
    }

 @media (max-width: 991px) and (min-width: 768px) {
   .pBlock {
     padding: 1.5rem!important;  
     min-height: 50%!important; 
  /* font-size: 14px!important;  */
     }
    }

@media (max-width: 767px) and (min-width: 583px) {
    .pBlock {
       padding: 3rem!important;  
       min-height: 40%!important; 
    /* font-size: 18px!important; */
      }
    }

 @media (max-width: 582px) and (min-width: 477px){
    .pBlock {
       padding: 3rem!important;  
       min-height: 60%!important; 
    /*   font-size: 18px!important; */
       }
    }

 @media (max-width: 476px) {   
     .pBlock {
       padding: 2rem!important;  
       min-height: 60%!important; 
      /*   font-size: 18px!important; */
      }
    }

.br-20 {
  border-radius: 20px!important;
}
.br-0-0-20-20 {
  border-radius: 0 0 20px 20px!important;
}


<!--Animation 3 block -->

.divAnimHomeProekt3-1 {
  animation-duration: 1s!important; 
  animation-delay: 2s!important; 
}

.divAnimHomeProekt3-2 {
  animation-duration: 1s!important; 
  animation-delay: 2.2s!important; 
}

.divAnimHomeProekt3-3 {
  animation-duration: 1s!important; 
  animation-delay: 2.3s!important; 
}

.container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after {
    background: #fff;
    left: unset;
    right: 2px;
}


.divLeftDivRighth {
  position: relative; 
  left: -40px; 
  top: 0px; 
  background: #124831;
}

.p {font-size: 31px;}

<!--link of Nav of Menu hover-->

.linkNavMenuTop {
  color: #fff;
  text-decoration: none;
} 

.linkNavMenuTop:hover {
  color: #fff;
  text-decoration: underline!important;
   transition: 0.5s;
} 

.linkNavMenuTop:focus {
  color: #fff;
  text-decoration: underline!important;
   transition: 0.5s;
} 

.linkNavMenuTop.active {
  color: #fff;
  text-decoration: underline!important;
   transition: 0.5s;
} 


a {
    color: rgba(var(--link-color-rgb),var(--link-opacity,1));
    text-decoration: none!important;
}

<!--jshop_list_product-->
.jshop_list_product .oiproduct {
    text-align: left;
  /*  font-size: 20px!important; */
}

.jshop_list_product .block_product:hover {
    border-radius: 20px!important;
    box-shadow: 0 1px 5px rgb(1 2 2 / 15%);
}

.jshop_list_product .jshop .not_available, .jshop_list_product .jshop .available {
    margin-top: 0px;
    margin-bottom: 5px;
    text-align: center;
   	display: none;
}

.jshop_list_product .product .name {
    text-align: left!important;
  /*  font-size: 20px!important; */
    margin-bottom: 5px;
}

 .jshop_list_product .manufacturer_name, .jshop_list_product .manufacturer_code {
    text-align: left!important;
    margin-bottom: 5px;
}

.jshop_list_product .oiproduct {
    text-align: left!important;
}

.jshop_list_product .product .buttons {
    text-align: left!important;
}

.jshop_list_product .product .buttons a {
    margin-top: 5px;
    min-width: 169px!important;    
    color: #fff; 
    background: #048839!important;
}

.jshop_list_product .product .buttons a:hover {
    margin-top: 5px;
    min-width: 169px!important;    
    color: #fff!important;  
    background: #05d178!important;
}



.animDiv1 {
    visibility: visible!important;
  	animation-duration: 1.5s!important;
    animation-name: bounceInUp!important;
}


.animDiv2{
    visibility: visible!important;
    animation-duration: 1.5s!important;
    animation-name: bounceInUp!important;
}

/*	a:not([class]) {
       text-decoration: none!important;
       color: #000!important;
    }

    a:hover {
       text-decoration: none!important;
      color: #048839!important; 
    }

     a:active {
       text-decoration: none!important;
       color: #048839!important;
    }  */
    
    #mxcpr {
        padding-top: 20px;
        text-align: right;    
    /*    font-size: 11px; */
      display: none!important;
    } 
    
    .menu-mw-1710 {
       max-width: 1710px;
    } 
    
    .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;
      }
    }   
    
    .golos-text-<uniquifier> {
      font-family: "Golos Text", sans-serif;
      font-optical-sizing: auto;
      font-weight: <weight>;
      font-style: normal;
    }
 
.breadcrumb-item + .breadcrumb-item:before {
    float: left;
    padding-right: var(--breadcrumb-item-padding-x);
    color: var(--breadcrumb-divider-color);
    content: var(--breadcrumb-divider, "—")!important;
}

.breadcrumb {
    background-color: #0000!important;
    margin-bottom: 0;
}


.btn-secondary {
  background-color: #048839;
  border-color: #048839;
  color: #fff;
}

.btn-secondary:hover {
  background-color: #4bb472;
  border-color: #3a9244;
  color: #fff;
}


<!--fon-->
.blog-items .blog-item {
    padding: 0;
   /* background: #79797b;*/
  	margin-bottom: 50px;
}

.blog-item {
    flex-direction: column;
    padding: 0 0.5em 1em;
    display: flex;
    overflow: hidden;
    margin-bottom: 50px;
}

@media (min-width: 1589px) {
  .display5 {
  /*  font-size: 2.2rem!important;
    padding: 30px; */
  }
} 

@media (max-width: 1588px) {
  .display5 {
 /*   font-size: 1.9rem!important;
     padding: 20px; */
  }
} 

@media (max-width: 1437px) {
  .display5 {
 /*     font-size: 1.5rem!important; 
     padding: 20px; */
  }
} 

@media (max-width: 1124px) {
  .display5 {
 /*   font-size: 1.4rem!important;
    padding: 20px;*/
  }
} 

@media (max-width: 1062px) {
  .display5 {
/*     font-size: 1.2rem!important;
    padding: 20px;*/
  }
} 

@media (max-width: 818px) {
  .display5 {
 /*     font-size: 1.1rem!important;
    padding: 20px;*/
  }
} 

@media (max-width: 888px) {
  .display5 {
 /*   font-size: 1rem!important;
    padding: 10px;*/
  }
} 

@media (max-width: 767px) {
  .display5 {
  /*   font-size: 1.4rem!important;
    padding: 20px;*/
  }
} 

.colorCard {
 background-color: #F5F5F5;
}
 
.p5 {
	padding: 3rem !important;
}
@media (max-width: 946px) {
.p5 {
    padding: 2rem!important;
}
}

@media (max-width: 877px) {
.p5 {
    padding: 1.5rem!important;
}
}

@media (max-width: 777px) {
.p5 {
    padding: 1.2rem!important;
}
}


.pCardProdukt54 {
	padding: 3rem !important;
  	padding-top: 2rem!important;
}
@media (max-width: 946px) {
.pCardProdukt54 {
    padding: 2rem!important;
  	padding-top: 2rem!important;
}
}

@media (max-width: 877px) {
.pCardProdukt54 {
    padding: 1.5rem!important;  
}
}

@media (max-width: 777px) {
.pCardProdukt54 {
    padding: 1rem!important;
}
}


/*Блок Hover карточка товара */

.borderRadius40 {
  border-radius: 30px!important;
}

.borderRadius40-2 {
  border-radius: 0 0 30px 30px!important;
}

.borderRadius40-2:hover {
  border-radius: 30px!important;
}




.paddingWidthDebug {
   padding-top: 10px;
}

@media (max-width: 1680px) {
.paddingWidthDebug {
 padding-left: 30px;
}
}

@media (max-width: 767px) {
.dbImg767 {
 padding: 20px;
}
}

.feature-icon {
  color: #048839!important;
}

.dbImg767 {
  display: none;
}

@media (max-width: 767px) {
.dbImg767 {
  	display:none;
	min-height: 300px;
	}
}


@media (min-width: 768px) {
  .borderBottomLine {
      border-bottom: 1px solid #111;
      }
}


/*Точка на конце верт линии*/
.element {
 display: flex;
 flex-direction: column;
 align-items: center;
}

.circle {
 border-radius: 50%;
 width: 15px;
 height: 15px;
}

.circle1 { 
	left: -7px;
    bottom: -7px;
}

.circle2 {  
	left: -7px;
    top: -16px; 
}


.circle-black {
 background-color: black;
 position: absolute;
}

.vline {
 border-left: 3px solid;
 height: 50px;
}


/*Блок Этапы */
 .featureTwo {
   border-left: 1px solid #ccc; 
   position: relative;
} 

.borderBottom {
    border-bottom: 1px solid #ccc;    
}

/*2 блок компл проектов */
@media (min-width: 863px) {  
.transformSteps2 {
    display: block;
    position: absolute;
    bottom: -197px;    
}
}

@media (max-width: 862px) and (min-width: 768px) {  
.transformSteps2 {
    display: block;
    position: absolute;
    bottom: -205px;    
}
}







@media (min-width: 768px) {
.transformSteps {
    display: block;
    position: absolute;
    bottom: -197px;    
}
  
.stepsTwo { 
    left: 6%;
    max-width: 370px;
}

.stepsFour { 
    left: 39%;
    max-width: 370px;
}

.stepsSix { 
    left: 73%;
    max-width: 220px;
}
}

@media (max-width: 767px) {
  
 .transformSteps {
    display: block;
    position: relative;
    bottom: inherit; 
  }
 .stepsTwo { 
    left: 0%;
    max-width: 370px;
}

.stepsFour { 
    left: 0%;
    max-width: 370px;
}

.stepsSix { 
    left: 0%;
    max-width: 370px;
}
 
.featureTwo {
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   min-width: 100%;
} 
.circle-black {
    background-color: transparent!important;    
}  
  .borderBottomLine {
	border-bottom: 1px solid #1110;
}
}
/*Конец трансформ блока Этапы */

.jb-decline.link {
    color: #00ad2a;
    padding: 0;
}

.jb-decline.link:hover {
    color: #03f53e;
    padding: 0;
}

.mw75 {
    max-width: 50px;
}
.mw75:hover {
    max-width: 48px;
    transition: .5s;
}

.imgArrow {
    position: absolute; 
    right: 0px; 
    bottom: 30px; 
    background: #00ad2b; 
    min-width: 100px;
    padding-left: 20px;
}

.imgArrow:hover {  
    background: #127b53; 
    padding-left: 40px;
    transition-duration: .2s;
}

.padding700 {
    padding: 0px;
}

@media (max-width: 1680px) {
  .padding700 {
       padding: 30px;
  }
}

.back-to-top-link.visible {
      opacity: 1;
      background-color: #00ad2b;
      border-radius: 50%;
      border: 0px;
      min-width: 45px;
      min-height: 45px;
      margin-left: auto;
      margin-right: auto;
}

.fw-bold {
    font-weight: bold;
}

.textHoverLabel {
    display: block;
}

.textHoverLabel:hover {
    display: none;
}

.footer0101 {
    background: #010101!important;
  }

/*Title item article*/
.titleItemArticle {
    display: block;
 /* position: absolute; */
    bottom: 20px;
    left: 20px;
 /*   font-size: 1.125em;
    font-weight: 600;
    line-height: 133%; */
}

.form-check-input {
    --form-check-bg: var(--body-bg);
    vertical-align: top;
    appearance: none;
    background-color: var(--form-check-bg);
    background-image: var(--form-check-bg-image);
    border: var(--border-width)solid #b3b8bd;
    print-color-adjust: exact;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
}

/*max-height-btn*/
.mh-50 {
    max-height: 60px;
    margin: 1em 0;
}

.minWidth {
  padding-right: 30px;
}

@media (max-width: 1200px) {
  .minWidth {
      padding-right: 0px;
    }
}

/*Блок Черного Цвета*/
 .colorBlackDiv {
    background: #010101!important;
}

/*Карточка Зеленого Цвета*/
.cardGreen {
    background: #327a4c!important;
    color: #fff!important;
}

/*тект Зеленого Цвета*/
.colorGreenText {
    color: #048839!important;
}
/*Блок Зеленого Цвета*/
.colorGreenDiv {
    background: #048839!important;
}







.container-header nav {
    margin-top: 0em;
    padding: 0;
}

.titleGreenColor {
  color: #04911B;
}

.jshop h1 {
    margin-top: 0px;
 /*   text-transform: uppercase;*/
}

.jshop h2 {
    margin-top: 0px;
 /*   text-transform: uppercase;*/
}
.jshop h3 {
    margin-top: 0px;
 /*   text-transform: uppercase;*/
}
.jshop h4 {
    margin-top: 0px;
 /*   text-transform: uppercase;*/
}
.jshop h5 {
    margin-top: 0px;
 /*   text-transform: uppercase;*/
}

.mw-1860 {
    max-width: 1860px;
}

.mw-1740 {
    max-width: 1600px;
}
.mw-1388 {
    max-width: 1388px;
}

.menu-mw-1660 {
    max-width: 1800px;
}

.btn-lg, .btn-group-lg>.btn {
    --btn-padding-y: 1.25rem;
    --btn-padding-x: 1rem;
    --btn-font-size: 1.25rem;
    --btn-border-radius: var(--border-radius-lg);
}

/* Text with a capital letter без подчеркивания */
.textDecorTransform {
    text-decoration: none!important;
    text-transform: uppercase;
}


@media (max-width: 1680px) {
  .textDecorTransform {
      text-decoration: none!important;
      text-transform: uppercase;
      padding-left: 3%!important;
  }
}

/* Start component jshop */

.jshop_list_category .category, .jshop_list_manufacturer .manufacturer, .jshop_list_vendor .vendor {
    text-align: left!important;
}

/* End component jshop */


.linkHover:hover {
    color: #666; 
}

.blurTitle {
    position: absolute; 
    bottom: -9px;    
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #1d6646d6;  
    min-height: 65px!important;
}

// Hover effect for a block of text in the product card and a preview of the materials

.hoverEffektDivText {
  	display: none; 
}

.hoverEffektDivText:hover {
  	display: blok; 
}


.h-40 {
   height: 70%!important;
}

.h-40 {
   height: 50%!important;
}

.borderBottom {   
	border-bottom: 1px solid #dfe3e7;
    padding-bottom: 0.6em;
}

.borderBottom:hover {   
	color: #dddcdc;
}

.textDecorationNone {
	text-decoration: none!important;
}

// Hover effect link

a:not([class]) {
    text-decoration: none!important;
    color: #333!important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--nav-pills-link-active-color);
    background-color: #010c09;
    border: 1px 0 1px 0 solid #fff;
}

.nav-pills .nav-link:hover {
    color: #dddcdc;
}

@media (min-width: 1401px) {
     .nav-link-btn {
          min-height: 11rem;
          color: #fff;
      }
	}

@media (max-width: 1400px)  and (min-width: 1201px) {
  .nav-link-btn {
      min-height: 8rem;
      color: #fff;
    }
}

@media (max-width: 1201px)  and (min-width: 993px) {
.nav-link-btn {
      min-height: 7rem;
      color: #fff;
  }
}

@media (max-width: 992px)  and (min-width: 769px) {
.nav-link-btn {
      min-height: 5rem;
      color: #fff;
      }
}

@media (max-width: 768px)  and (min-width: 578px) {
.nav-link-btn {
      min-height: 13rem;
      color: #fff;
      }
}

@media (max-width: 577px) {
.nav-link-btn {
     min-height: 13rem;
     color: #fff;
   }
}

.bgColorSeash {
      background: #0000;
      border-bottom: 1px solid #ffffff6e!important;
      border-top: 1px solid #0000;
      border-left: 1px solid #0000;
      border-right: 1px solid #0000;   
      color: #fff;
}

.bgColorSeash:hover {
      background: #0000;
      border-bottom: 1px solid #ffffff!important;
      border-top: 1px solid #0000;
      border-left: 1px solid #0000;
      border-right: 1px solid #0000;   
      color: #fff;
}

.bgColorSeash:active {
      background: #0000;
      border-bottom: 1px solid #ffffff!important;
      border-top: 1px solid #0000;
      border-left: 1px solid #0000;
      border-right: 1px solid #0000;   
      color: #fff;
}

.bgColorSeash:focus {
      background: #0000;
      border-bottom: 1px solid #ffffff!important;
      border-top: 1px solid #0000;
      border-left: 1px solid #0000;
      border-right: 1px solid #0000;   
      color: #fff;
}

.t-menu {
    text-transform: uppercase;
}

.maxinaticsHover {
    color: #43CD77;
    text-decoration: none;
}

.maxinaticsHover:hover {
    color: #1fdd67;
    text-decoration: none;
}

.sudo {
   width: 230px;
   height: 195px;
   margin: 50px;
   background-image: url(
 		"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190417124305/250.png");
       	background-size: cover;
        transition: background-image 0.3s ease-in-out;
        }
 
.sudo:hover {
        background-image: url(
		"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png");       
}
    
    
 .title-green {
 	color: #009E48;
}

// <weight>: Use a value from 400 to 900

.golos-text-<uniquifier> {
    font-family: "Golos Text", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Golos Text", sans-serif;
    font-weight: var(--cassiopeia-font-weight-headings,600)!important;
  /*  text-transform: uppercase; */
    line-height: 1em;
}

p {
    font-family: "Golos Text", sans-serif!important;  
    margin-bottom: 1.5rem;   
}

.title-green {
  color: #009E48;
}

.product_link:hover {
  color: #009E48!important;
}

.colorFFF {
    color: #fff;
    text-decoration: none;
}

.fw-color {
    color: #fff;
}    

.fw-color:hover {
    color: #e3dfdf!important;    
}

a .fw-color {
    color: #fff;   
}

a .fw-color:hover {
    color: #e3dfdf!important;
    
}

.fw-400 {
    font-weight: 400;
  }

.fw-600 {
    font-weight: 600!important;
}

.fw-900 {
    font-weight: 900;
}

element.style {
}

/*Correct color btn*/
.btn-primary {
    background-color: #048839;
    border-color: #048839;
}

.btn-primary:hover {
    background-color: #05d178; 
    border-color: #05d178;
  	color: #fff!important;
}

.btn-primary:active {
    background-color: #05d178; 
    border-color: #05d178;
}

.btn-primary:focus {
    background-color: #05d178; 
    border-color: #05d178;
}


.nav-pills {
    --nav-pills-border-radius: var(--border-radius);
    --nav-pills-link-active-color: #fff;
    --nav-pills-link-active-bg: #4e91db;
}

.mw-1800 {
	max-width: 1800px;
}

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

.title-green {
 	color: #009E48;
}

/*burger*/
.ten:hover {
    -o-transform: skew(-20deg, 20deg);
    -ms-transform: skew(-20deg, 20deg);
    -moz-transform: skew(-20deg, 20deg);
    -webkit-transform: skew(-20deg, 20deg);
    transform: skew(-20deg, 20deg);
}


  
.min-w-100 {
 	 min-width: 100%;
}

.jshop_list_category .category, .jshop_list_manufacturer .manufacturer, .jshop_list_vendor .vendor {
     text-align: left;
  }
}
   
 .text-block {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
} 
    
  
[data-modals-element=modal] [data-modals-type=iframe] [data-modals-element=slide-content-inner], [data-modals-element=modal] [data-modals-type=image] [data-modals-element=slide-content-inner], [data-modals-element=modal] [data-modals-type=video] [data-modals-element=slide-content-inner] {
    overflow: hidden;
    max-width: 700px;
}
    
@media (min-width: 768px) {
.form-horizontal .box_products_count_to_page .control-label {
   width: inherit;
   }
 }
  
.modal.show .modal-dialog {
    transform: none;
    z-index: 111111111;
}
   
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap')
  
.p-title {
  	font-weight: 700;
}
  
.titleColor {
    color: #333;
    }
   
.nomber-cart {
   color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -0.1rem;
    left: -0.9rem;
    background-color: #eceade;
    color: rgb(var(--color-button-text));
    height: 1.3rem;
    width: 1.3rem;
    border-radius: 100%;
 /*   font-size: .9rem;
    line-height: calc(1 + .1 / var(--font-body-scale));*/
}
      
 a {
  	color: #6b6b82;
}

a:hover {
  	color: #05d178!important;
}
.color000 {
 	color: #000!important;
}

@media (min-width: 768px) and (max-width: 991.98px) { 
   .max992 {
      display: none;
    }
 } 

/*Prewie Category item*/
 a .span { 
    display: block; 
    width: 100%; 
    height: 100%; 
    border: 1px solid #FF0; 
   -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px);
    background: linear-gradient(0deg,#0003,#0003),#f4f4f44d;
}
/*End Prewie Category item*/

/*Prewie Category produkt*/
.jshop_list_category .category, .jshop_list_manufacturer .manufacturer, .jshop_list_vendor .vendor {
     text-align: left; 
}

.blog-item .item-image {
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden;
    border-radius: 20px;
}

.namePrevieHover {
    backdrop-filter: blur(7.5px);
    background: linear-gradient(0deg,#0003,#0003),#f4f4f44d;
    bottom: 0;  
}



.Link-color {   
   color: #fff;
   text-decoration: none;
  }  
  
.Link-color:hover {
    color: f0f4fb;       
  }
  
.min-w-100 {  
 	min-width: 100%;
}


a:hover {
  color: #00ad2b;
 }  
}
   
a:not([class]) {
    text-decoration: none;  
} 

/*hover-effect-1*/
.gfg {
     position: relative;
     width: 100%;
     text-align: center;
}
 .text-container {
     position: absolute;
     color: rgb(255, 255, 255);
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     background-color: rgba(41, 41, 41, 0.8);
     padding: 0.5rem;
     text-align: center;
/*     font-size: 16px; */
}
/*hover-effect-2*/

.rosa{
    position:relative;
  /*  width:280px; 
    height:280px; */
    display:inline-block;
    color:#fff;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4);
  /*  margin-left:40%; */
}
.rosa h3{
    line-height:0%;
}
.rosa:hover > .cub{
    opacity:1;
    transition:all linear 0.3s;
    -webkit-transition:all linear 0.3s;
    -moz-transition:all linear 0.3s;
    backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -webkit-backface-visibility:hidden;
}
.rosa:hover > .rayas{
    opacity:1 !important;
}
.rayas a{
    text-decoration:none;
    color:#fff;
}
.rayas a:hover{
    opacity:0.8;
}
.chica{
    margin:70px 0 0;
    border:2px solid #fff;
    box-shadow:1px 1px 5px rgba(0,0,0,0.4); 
}
.rayas{
    border-right:1px solid #fff;
    border-top:1px solid #fff;
    height:85%;
    width:85%;
    margin:20px auto 0;
}
.cub{
    width:100%;
    height:100%;
    position:absolute;
    bottom:0;
    background: rgb(1 10 42 / 60%);
    z-index:1;
    opacity:0;
    transition:all linear 0.3s;
    -webkit-transition:all linear 0.3s;
    -moz-transition:all linear 0.3s;
}

/*Max-widht modal*/
[data-modals-element=modal] [data-modals-type=iframe] [data-modals-element=slide-content-inner], [data-modals-element=modal] [data-modals-type=image] [data-modals-element=slide-content-inner], [data-modals-element=modal] [data-modals-type=video] [data-modals-element=slide-content-inner] {
    overflow: hidden;
    max-width: 700px;
}
 
/*Управление Видео*/
 video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;
 }



.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--btn-active-color);
    background-color: #4bb472;
    border-color: #3a9244!important;
}

.p-title {
    font-weight: 700;
}

.link {
    color: #6b6b6b;
}

.link:hover {
    color: #111;
    height: 10%;
}

.nomber-cart {
    color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -0.1rem;
    left: -1.1rem;
    background-color: #eceade;
    color: rgb(var(--color-button-text));
    height: 1.3rem;
    width: 1.3rem;
    border-radius: 100%;
/*    font-size: .9rem;
    line-height: calc(1 + .1 / var(--font-body-scale)); */
}



.container-topbar a:not(.btn), .container-topbar .btn-link, .container-below-top a:not(.btn), .container-below-top .btn-link {
   color: inherit; 
}

.alert {
    --alert-bg: transparent;
    --alert-padding-x: 1rem;
    --alert-padding-y: 0.5rem;
    --alert-margin-bottom: 0.1rem;
  /*  --alert-color: inherit;*/
    --alert-border-color: transparent;
    --alert-border: var(--border-width)solid var(--alert-border-color);
    --alert-border-radius: var(--border-radius);
    --alert-link-color: inherit;
    padding: var(--alert-padding-y)var(--alert-padding-x);
    margin-bottom: var(--alert-margin-bottom);
   /* color: var(--alert-color); */
    background-color: var(--alert-bg);
    border: var(--alert-border);
    border-radius: var(--alert-border-radius);
    position: relative;
}

.container-topbar, .container-below-top {
    color: inherit;
}

a.phpdebugbar-close-btn, a.phpdebugbar-open-btn, a.phpdebugbar-restore-btn, a.phpdebugbar-minimize-btn, a.phpdebugbar-maximize-btn {
    width: 0px;
    height: 0px;
    display: none;
}

.footer {
color: #353b41;
    background-color: #fff; 
  	border-top: 1px solid #ced4da6b; 
}

.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
    color-1: var(--gray-600);
}

.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus {
    color: #048839!important;
}


.btn-position {
   	position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #55500;
    color: white;
/*    font-size: 16px;  */
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
  	display: none-1;
}

.btn-position:hover {   
  	display: block;
}

.card {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: .5rem;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-width: var(--border-width);
    --card-border-color: #dfe3e700;
    --card-border-radius: var(--border-radius);
    --card-box-shadow: ;
    --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
    --card-cap-padding-y: .5rem;
    --card-cap-padding-x: 1rem;
    --card-cap-bg: rgba(var(--body-color-rgb), .03);
    --card-cap-color: ;
    --card-height: ;
    --card-color: ;
    --card-bg: var(--body-bg);
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: #FFF!important;
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    min-width: 0;
    display: flex;
    position: relative;
} 

/*Эффекты при наведении */ 
  .hover-effect-btn {
    position: relative;
    width: 100%;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   /*  background: rgba(0 0 0 / 28%); Настройка цвета и прозрачности для блока с заголовком */
    transition: background 0.5s ease;
}

.hover-effect-btn:hover .overlay {
    display: block;
    background: rgb(4 26 21 / 82%); /* Настройка цвета и прозрачности для блока с заголовком при наведении */
}

.title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 25%; /* Отступ сверху */ 
    text-align: center;
 	color: #fff; /* Цвет заголовка */
    z-index: 1;
    transition: top .5s ease;
}

.hover-effect-btn:hover .title {
    top: 10%; /* Отступ сверху при наведении */
}

.button-1 {
    position: absolute;
    width: 100%;
    left:0;
    top: 65%; /* Отступ сверху */
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
}

.button-1 a {
    padding: 10px 40px; /* Отступ */
    text-align: center;
    background: #eceade; /* Цвет кнопки */
    color: gray; /* Цвет текста */
    border: 1px solid white; /* Ширина, стиль и цвет границы */
    z-index: 1;
    text-decoration: none;
}

.hover-effect-btn:hover .button {
    opacity: 1;
}
  
/*Позиционирование текста вправо */

@media (min-width: 1382px) { 
.text-blok-right {
      position: absolute;
      right: 15%;
      top: 30%;
}
}

@media (min-width: 992px) and (max-width: 1381px) {
    .text-blok-right {
        position: inherit;
        padding-top: 10%;
    }
}


@media (min-width: 1382px) { 
  .text-blok-left {
      position: absolute;
      left: 15%;
      top: 30%;
  }
}


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

.text-blok-left {
    position: inherit;
    padding-top: 10%;
}
}

/*Цвет фона */
:root {
    --cassiopeia-color-primary: #fff;
    --cassiopeia-color-hover: #fff;
    --cassiopeia-color-link: #fff;
}

.container-header .mod-menu {
    color: #fff;
    flex: 1 0 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.satisfy-regular {
    font-family: "Satisfy", cursive;
    font-weight: 400;
    font-style: normal;
}

.titleColor {
    color: #333;
}

.header-border-bottom {
    border-bottom: 0.1rem solid rgba(var(--color-foreground),.08);
}

/*Как задать собственную высоту для модуля баннера*/

/* CLASSIC BANNER */
.container-banner .banner-overlay {
    height: max(300px, 50vh); /* по умолчанию 50vh в Cassiopeia */
}
@media (min-width: 768px) {
    .container-banner .banner-overlay {
        height: max(300px, 45vh);
    }
}
@media (min-width: 992px) {
    .container-banner .banner-overlay {
        height: max(300px, 40vh);
    }
}
@media (min-width: 1200px) {
    .container-banner .banner-overlay {
        height: max(300px, 35vh);
    }
}

/*
Как добавить наложение для модуля баннера*/

/* CLASSIC BANNER */
.container-banner .banner-overlay .overlay {
      background-image: linear-gradient(120deg, rgba(231, 48, 42, 0.7), rgba(234, 174, 2, 0.7));
}

/* 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 - 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;
    text-align: center!important;
    color: white;
    text-shadow: 2px 2px 5px black;
    background-color: #10120f;
    padding: 0px 0px!important;
    position: absolute!important;
    /* left: 8%; */
    /* min-width: 1400px!important;*/
    bottom: 0px!important;
}
/*
@media (max-width: 1400px) {
div.video-banner div.text {    
      left: 0%;
}
}

@media (max-width: 992px) {
div.video-banner div.text {     
      left: 3.5%;
}
*/

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;
}

  
.btn-primary-color {
      background: #eceade;
      color: #222222;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s;
      transition: .3s;
}

.btn-primary-color:hover {
      background: #222222;
      color: #eceade;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s;
      transition: .3s;
}

.text-link {
      color: #222222;
}

.text-link:hover {
      color: #333333;
}
  
  /*СТИЛИ скролла логотипов на css */