
/*-------------------------*/
/*-----------ШРИФТ---------*/
/*-------------------------*/
body{
  font-family:  'Montserrat', sans-serif !important;
}
* {
  --main-fonts: 'Montserrat', sans-serif;
  --desc-fonts: 'Montserrat', sans-serif;
  --bg-main: #51a88e;
  --bg-main_opacity: #51a88e75;
  
  --Заголовок-размер:42px;
  --Меню-и-кнопки:20px;
  --Текст:16px;
  
  --Bold:900;
  --Medium:500;
  --Regular:400;
  
}
/*-------------------------*/
/*-------ШРИФТ КОНЕЦ-------*/
/*-------------------------*/


/*-------------------------*/
/*----------ЛОГО-----------*/
/*-------------------------*/
.logo img{max-width: 160px;height: 155px;}

/*-------------------------*/
/*-------ШРИФТ КОНЕЦ-------*/
/*-------------------------*/

/*-------------------------*/
/*-----------МЕНЮ----------*/
/*-------------------------*/
.top-menu {left: 210px;}
.menu_new > ul {display: flex;justify-content: space-around;margin-bottom: 25px;}
.drop > ul {display: none;}
@media screen and (min-width: 900px) {
  .drop:hover > ul{display: block;}
}


.drop > ul {display: none;position: absolute;text-align: start;z-index: 999;background: #51a88e;padding: 5px 20px 5px 12px;backdrop-filter: blur(5px);}
.drop > a {border: 1px solid #51a88e;padding: 10px;color: #000;text-decoration: none;font-size: 20px;}
.drop > ul > li > a {color:#fff;text-decoration: none;font-size: 19px;width: 100%;height: 100%;display: inline-block;}
.drop > ul > li:hover > a{color:black;cursor: pointer;}
.drop > ul > li > a.active {color: #272727;}
 @media screen and (max-width:600px) {
.menu_new > ul{flex-wrap:wrap;}  
.menu_new > ul {flex-wrap: wrap;justify-content: start;gap: 25px;}
.drop{width: 100%;height: 100%;}
.drop > a{width: 100%;display: inline-block;}
}
/*-------------------------*/
/*-------МЕНЮ КОНЕЦ--------*/
/*-------------------------*/

/*-------------------------*/
/*---------СЛАЙДЕР---------*/
/*-------------------------*/
.mobile_slider {display: none;}
@media screen and (max-width: 450px) {
.top-slider, .top-slider .item  {height: 206px;}
.pc_slider{display: none;  }
.mobile_slider { display: block;}
}
#filter-119 > a{color: #F58427;}
/*-------------------------*/
/*-----СЛАЙДЕР КОНЕЦ-------*/
/*-------------------------*/
.products .element .img-wrapper  {padding:0;height: 210px;}
.products .element .img-wrapper .table-cell {vertical-align: initial;}
.products .element .img-wrapper img { width:100%;}

.products .element .element-content .title { font-size: var(--Меню-и-кнопки); }
.products .element .introtext {font-size: var(--text);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.products .element .element-content .price {font-weight: var(--Medium);font-size: var(--Меню-и-кнопки);}
.products .element  .sticker-element.hit { background: #F58427; }
/*-------------------------*/
/*----КАРТОЧКА ПРОДУКТА----*/
/*-------------------------*/


.map-section .contacts .item a[href^="tel:"] {
    font-weight: var(--Medium);
}

.footer-wrapper .element.weight100.f12 {
  font-size: 14px;
  color: #fff;
}
.footer-bottom{
   font-size: 14px !important; 
   color: #fff;
}
.footer-email-link {
  text-decoration: none;
  color: #fff;
  font-weight: bolder;
}

/*New styles*/
/*.mySwiper {
    overflow: hidden;
    margin-top: 95px;
}*/

.mySwiper  .title{
    font-size: 64px;
    line-height: 1.1;
    /*margin-bottom: 30px;*/
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    font-family: var(--main-fonts); 
    padding-top: 140px;
}

.simple-filter {
    margin-bottom: 20px;
}

.mobile_slider {
  display: none;
}
.drop a {
  cursor: pointer;
}

@media screen and (max-width: 450px) {
  .top-slider, .top-slider .item  {
    height: 206px;
  }
  .pc_slider{
     display: none;  
}
 .mobile_slider {
  display: block;
}
.drop{
    position:relative;
    
} 
.drop::after {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 50px;
  background: url(/assets/template/images/icon/352467-arrow-left-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(270deg);
  background-position: center;
  transition: 0.5s all;
}
.drop.open > ul {
  display: block;
  position: relative;
}
.drop.open::after {
   transform: rotate(90deg);  
}
}
#filter-119 > a{
  color: #F58427;
}
[[*id:is=`243`:then=`.breadcrumb {
  display: none;
}`]]