body {
    
    background: #ECECEC;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol";
    
}

#top4 {
    
    background-color: #ECECEC;
    
}

#top3 {
    
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
    border-top: 1px #EDEDED solid;
    height: 60px;
    line-height: 60px;
    
}

#top3 form {
    
    max-width: 350px;
    
}

#menu2_button .box-heading {
    
    background: linear-gradient(to bottom right, #31B436, #28B290);
    color: #FFF;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    padding: 0 15px;
    z-index: 3;
    position: relative;
    display: block;
    border-radius: 3px;
    box-sizing: border-box;
    top: 9px;
    max-width: 220px;
    text-transform: uppercase;

}

#menu2_button .box-heading:hover {
    
    transition: 0.2s;
    box-shadow: inset 0px 0px 20px rgba(0,0,0,0.4);
}

#menu2_button .box-heading i {
    
    font-size: 13px;

}

#menu2_button .box-heading .fa-bars {
    
    font-size: 20px;
    font-weight: normal;

}

.search {

  position: relative;
  top: -5.5px;
  left: -70px;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  background-color: #fcfcfc;
  height: 41px;
  line-height: 41px;
  border-radius: 3px;
  max-width: 350px;
  box-sizing: border-box;

}

.search .form-control {

  height: 41px;

}

#menu2_button {
    
    max-width: 220px;
}

.search .search-button {
    
  color: black;  
    
}

.search .search-button:hover {
  
  transition: 0.2s;  
  color: #34BB39;  
    
}

.search .search-button .fa-search {
    
  font-size: 18px; 
  font-weight: normal;
  position: relative;
  top: 1px;
    
}

.list-inline #compare-total, .list-inline #wishlist-total, .list-inline .fa-user, .list-inline .hidden-sm, .list-inline .fa-chevron-down {
    
    color: black;
    
}

.list-inline {
    
    width: 500px;
    position: absolute;
    top: 0px;
    right: -20px;
    
}

/*#top {
    
   display: none; 
    
}*/

.list-inline .fa-user, .list-inline .fa-heart {

    color: transparent;
    -webkit-text-stroke: 1px #AAAAAA;
    font-size: 17px;
    position: relative;
    left: -1px;
    
}

.list-inline .fa-bar-chart {

    color: #AAAAAA;
    font-size: 18px;
    position: relative;
    left: -2px;
    top: 1.5px;
    
}

#cart-total .fa-shopping-basket {

    color: #AAAAAA;
    font-size: 19px;
    position: relative;
    left: 1px;
    top: 1.5px;
    
}


.list-inline > li > a > span > sup {

    font-size: 10px;
    display: inline-block;
    
}

#top3 sup {
    
    color: white;
    position: relative;
    z-index: 1;
    padding: 2px 0.6em;
    
}

#top3 sup::before {
 content: "";
 position: absolute;
 left: 1px; 
 right: 1px; 
 top: -5px; 
 height: 15px;
 background: red;
 border-radius: 50px;
 z-index: -1;
 display: inline-block;
}

.list-inline .fa-chevron-down {
    
  position: relative;
  right: -5px;
    
}

#top .btn-link, .top-links.nav.norazmivcont ul.list-inline a {
    font-size: 16px;
    text-decoration: none;
    line-height: 35px;
    display: inline-block;
    padding: 0px 10px;
    color: #000000;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
    box-sizing: border-box;
    width: 100%;
}

#cart button.cart, #cart_mobi button.cart {
    background: #ffffff;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms linear;
    border: 0;
    padding: 0;
    color: #000000;
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 0 8px;
    outline: none;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    position: relative;
    top: -4px;
    height: 42px;
    line-height: 42px;
}

#cart button.cart:hover, #cart_mobi button.cart:hover {
    transition: 0.2s;
    background: #DAFFDC;
}

.text-center {
    
    position: relative;
    top: 25px;

}

.text-center a {
    
    font-weight: bold;
    color: black;

}

#top2 .text-center a:hover {
    
  transition: 0.2s;
  color: #3DBB43;

}

#top2 .tel .s22, #top2 .tel .s22 a, #top2 .tel .s22:hover i, .rating .fa-star, .rat-star.active, .rat-star.checked, .rating .fa-star + .fa-star-o, .product-info input[type="radio"]:checked + label .fa, .product-info input[type="checkbox"]:checked + label .fa, .product-info .form-group .list-unstyled .update_price, .product-info .form-group .list-unstyled .update_special, .product-thumb .price-new {
    
   color: black; 
    
}

#top2 .tel .header_phone_image .fa {
    
    color: transparent;
    -webkit-text-stroke: 2px #3DBB43;
    font-size: 35px;
    position: relative;
    top: 2px;
}

.home_h1 {
    
    font-size: 28px;
    padding-bottom: 45px;
    
}

.col-sm-12 {
    
   position: relative; 
   top: 10px;
    
}

#menu2 {
   
   position: relative;
   top: 16px;
   cursor: default;
   box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
   background-color: white;
   width: 335px;
}

.podmenu2 {
    
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    box-shadow: none;
    
}

.catalog_list .revlevel_1 > .title a {
    font-size: 15px;
    color: #333;
    text-decoration: none;
    display: block;
    height: initial;
    line-height: 25px;
    padding: 6px 10px 6px 10px;
    z-index: 6;
    position: relative;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.catalog_list .revlevel_1.open  > .title.with-child a:hover {
    transition: 0.2s;
  color: #3DBB43;
  font-weight: bold;
}

.catalog_list .revlevel_1.open  > .title.with-child a {
background: #E4FBE5;
border-bottom: 1px solid #eeeeee;
border-top: 1px solid #eeeeee;
color: #3DBB43;
}

a:hover {
    
    transition: 0.2s;
  color: #3DBB43;

}

#menu2 li.glavli{
    width: initial;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding-top: 2px;
    font-weight: bold;
}

#menu2 ul.lastul li a {
color: #333;
display: inline-block;
line-height: 18px;
font-size: 14px;
height: 0px;
margin:0;
padding: 0px 0px 0px 0px;
border-bottom: none;
font-weight:normal
}

@media screen and (max-width: 1300px) {
    
    .search {
        display: none;
    }
    
}

.img-tests, .search-tests {
    
    display: none;
    
}

@media screen and (max-width: 800px) {

#top {
    
    height: 60px;
    background: #ffffff;
}

#logo {
    display: none;
}

#menu2_button .box-heading, a.mobil_mmenu_three {
    background: linear-gradient(to bottom right, #31B436, #28B290);
}

a.mobil_mmenu_three {
    margin: 0px 0 0 0;
    padding: 0px 11px;
    height: 42px;
    line-height: 43px;
    min-width: 42px;
    max-width: 42px;
    border-radius: 3px;
    border-bottom: none;
    border-top: none;
    border-color: #eee;
    text-align: center;
    font-size: 21px;
    display: block;
    float: left;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
    overflow: hidden;
    position: relative;
    top: 9.5px;
}

.img-tests {
    
    display: inline-block;
    max-width: 120px;
    position: relative;
    top: 13px;
    left: 10px;
}

    #cart button.cart:hover, #cart_mobi button.cart:hover
 {
    transition: 0.2s;
    background: #DAFFDC;
}

#cart button.cart, #cart_mobi button.cart {
    background: #ffffff;
    -webkit-transition: all 100ms 
linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms 
linear;
    border: 0;
    padding: 0;
    color: #000000;
    font-size: 13px;
    display: block;
    width: 100%;
    padding: 0 8px;
    outline: none;
    border: 0px solid #DDDDDD;
    border-radius: 3px;
    position: relative;
    top: 10px;
    left: 7px;
    height: 42px;
    line-height: 42px;
}

#cart_mobi button.cart .fa-shopping-basket {

    color: #AAAAAA;
    font-size: 25px;
    position: relative;
    left: 1px;
    top: 1.5px;
    
}

#cart #cart-total-popup > .fa, #cart #cart-total > .fa, #cart_mobi #cart-total_mobi > .fa {
    padding-right: 0px;
    font-size: 22px;
    margin-top: -4px;
    vertical-align: middle;
    color: #252627;

}

#cart_mobi sup {
    
    color: white;
    position: relative;
    z-index: 1;
    padding: 2px 0.6em;
    text-align: center;
    
}

#cart_mobi sup::before {
 content: "";
 position: absolute;
 left: 1px; 
 right: 1px; 
 top: 0px; 
 height: 15px;
 background: red;
 border-radius: 50px;
 z-index: -1;
 display: inline-block;
}

.search-tests {
    
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 80px;
    color: #252627;
    font-size: 21px;
}

.home_h1 {
    
position: relative;
top: 7px;
}

.owl-theme {

 padding-bottom: 11px;
    
}

/*.owl-carousel .owl-buttons .owl-next, .owl-carousel .owl-buttons .owl-prev {
    display: none;
}*/

}

.owl-theme {

 padding-left: 15px;
 padding-right: 15px;
    
}

.owl-carousel .owl-wrapper-outer {
    
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
    
}

.home_block {
    
   background-color: white;
   margin-top: 14px;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
   box-sizing: border-box;
   padding: 10px;
    
}

.home_home_blocks {
    
   margin-left: 15px;
 margin-right: 15px; 
    
}

.text .title {
    font-weight: bold;
}

.home_block .image > .fa {
    color: #3DBB43;
    font-size: 27px;
    position: relative;
    top: 5px;
}

.rev_slider {
    border-top: 0px solid #3DBB43;
    position: relative;
    padding-top: 25px;
    margin: 0px 0 0px 0;
}

.rev_slider .heading_h {
    background: linear-gradient(to bottom right, #31B436, #28B290);
    display: inline-block;
    position: absolute;
    top: -18px;
    padding: 5px 1em;
    color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
    left: 0px;
}

.heading_h h3 {
    font-size: 16px;
}

.heading_h a {
    font-size: 15px;
    color: yellow;
}

.rev_slider .owl-pagination
{
    position: absolute;
    top: -34px;
    right: 15px;
    padding: 0 10px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
}

.product-layout {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
    box-sizing: border-box;
    border: none;
}

.product-thumb

 {
    position: relative;
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
    border-width: 0px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    overflow: hidden;
    padding: 15px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
}

/*.rev_slider {
    margin-left: -0px;
    margin-right: -0px;
    padding-left: 0px;
    background: green;
}*/

#content{

    /*margin-left: 5px;
    margin-right: 5px;*/
    overflow: hidden;
    padding-top: 30px;
    margin-top: -30px;
    box-sizing: border-box;
}

.image .stiker_last {
    
    background: red;
    border-radius: 15px;
    padding: 2px 1em;
    font-size: 12px;
    
}

.product-thumb .fa-border.fa-shopping-basket, .options_buy .fa-border, .cd-products-comparison-table .fa-border.fa-shopping-basket, .wwicons .fa-border.fa-shopping-basket {
    background: linear-gradient(to bottom right, #31B436, #28B290);
    border-color: white;
    padding: 0px 0.8em;
    height: 33px;
    line-height: 30px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
}

.nav-tabs {
    margin-top: 8px;
    font-weight: bold;
    box-sizing: border-box;
    margin-right: 10px;
}

@media screen and (max-width: 800px) {

.nav-tabs {
    margin-top: -20px;
    
}

}

#top7, .aboutstore2 {
    
    background: #ECECEC;
    margin-top: 18px;
    
}

@media screen and (max-width: 800px) {

#top7, .aboutstore2 {
    
    background: #ECECEC;
    margin-top: 10px;
    
}

}

.vertical-sreview {
    border: 0px solid #dddddd;
    overflow: auto;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
}

.chaki {

    
   margin-top: 25px; 
    
}

@media screen and (max-width: 800px) {

.chaki {

    
   margin-top: 15px; 
    
}

}

#revsubscribe {
    
    background-color: #fafafa;
    position: relative;
    overflow: hidden;
    border-top: 3px #30CF49 solid;
}


.btn-primary, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, #popup-view-wrapper .popup-footer a, .cd-products-comparison-table .filter_otlich_span.active
{
    background: linear-gradient(to bottom right, #31B436, #28B290);
    border-color: #ffffff;
}

footer .footer {
    background-color: #353535;
}

.zag_dm_cf {
    
   text-transform: uppercase;
   font-size: 16px;
   color: #B4B4B4;
   font-weight: bold;
    
}

.footer_links {
    display: none;
}

.share_icon_callbtn.triggerbtn {
    
    background-color: red;
    color: #FFFFFF;
    box-shadow: 0 0 2px 2px red;
}

footer {
    
    position: relative;

    
}

footer .soc_s {
    
    position: absolute;
    font-size: 20px;
    bottom: 31px;
    z-index: 100;
    margin-left: 25px;
    
}

footer .soc_s a {
    
    margin-right: 10px;
    color: #30CF49;
    border: 1px solid white;
    display: inline-block;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 31px;
    
}

.ficons img {
    height: 40px;
    opacity: 0.9;
    min-width: 80px;
    min-height: 80px;
    margin-left: -50px;
    margin-top: -35px;
}

@media screen and (max-width: 1100px) {
    
    footer .soc_s {
        
        display: none;
        
    }
    
    .revtheme_footer_icon {
        width: 90%;
        position: relative;
        left: 20px;
    }
    
    .ficons {
        
        max-height: 50px;
        
    }
    
}

@media screen and (max-width: 800px) {

    
    .ficons {
        
        max-height: 50px;
        
    }
    
}

.product-info #button-cart, #cart:hover button.cart, .popup_notification .popup-footer a, #popup-order-okno .popup-footer a, #popup-okno .popup-footer a, .btn-danger {
    
    background: linear-gradient(to bottom right, #31B436, #28B290);
    
}

.breadcrumb {
    background-color: white;
    border-bottom: 3px #30CF49 solid;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
    overflow: hidden;
}

h1.inbreadcrumb {
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
    margin: 0px;
}

.breadcrumb a {
    
   font-size: 14px; 
    
}

div[itemprop=description], .product_new {
    
    background-color: white;
    margin-top: 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
    padding: 12px;
    box-sizing: border-box;
    
}

.breadcrumb > *:nth-child(n+1) {
    display: inline;
}

.breadcrumb i {
    
    color: #30CF49;
    

}

.product_new h1 {
    
    font-weight: bold;
    font-size: 26px;
    margin-top: 0px;
    margin-bottom: 20px;
    
}

.bmenu {
    
    margin-top: -7px;
    margin-bottom: 12px;
    position: relative;
    
}

.btn {
    border: 1px solid transparent;
    background-color: #EAEAEA;
    border-radius: 2px;
    -webkit-transition: all 100ms 
linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms 
linear;
    text-decoration: none;
    margin-right: 10px;
    
}

.bmenu2 {

    position: absolute;
    display: inline-block;
    min-width: 150px;
    /*margin-left: 20px;*/
    right: 5px;
    top: 5px;
    color: #8D8D8D;
    
}
   
   
 .cont1 {
     
 vertical-align: top;
 display: inline-block;
 width: 50%;
 
 }
 
 .cont2 {
     
 vertical-align: top;
 display: inline-block;
 width: 50%;
 box-sizing: border-box;
 padding: 15px;
 margin-top: -37px;
 
 } 
 
 .col-sm-8 {
 
 width: 100%;
 
 }
 
 .sticky {
     
     width: 100%;
     border: 0px solid #ddd;
     box-sizing: border-box;
     border-radius: 4px;
     padding: 0px;
     padding-top: 3px;
     
     

     
     
     
     
 }
 
 
.sscroll {
    
     position: fixed;
    top: 82px;
    max-width: 305px;
    z-index: 10;
    
    
}
 
 
 
 
 .list-unstyled h2{
     
     font-weight: bold;
     font-size: 28px;
     
 }
 
 .tab-pane .row {

   display: block;
   width: 100%;
   margin-right: 0px;
    margin-left: 0px;
    border: none;
     
 }
 
@media (min-width: 768px) {.tab-content #tab-description {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;-webkit-column-rule: 1px solid #eee;-moz-column-rule: 1px solid #eee;column-rule: 1px solid #eee;}}
@media (min-width: 768px) {.tab-content #tab-specification, .tab-specification.rev_slider {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;-webkit-column-rule: 1px solid #eee;-moz-column-rule: 1px solid #eee;column-rule: 1px solid #eee;}}
@media (min-width: 768px) {.tab-content #tab-specification .table.attrbutes tbody tr td, .tab-specification.rev_slider .table.attrbutes tbody tr td {border: none;}}

.collapse-list-content {
    margin-top: -20px;
}

.collapse-list-content--desc h2 {
    display: none;
}

.nav-tabs {
    
    border-bottom: 1px solid #ddd;
    font-size: 16px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

@media screen and (max-width: 1000px) {
    
    .cont1 {
     
 vertical-align: top;
 display: inline-block;
 width: 100%;
 
 }
 
 .cont2 {
     
 vertical-align: top;
 display: inline-block;
 width: 100%;
 box-sizing: border-box;
 padding: 0px;
 margin-top: 18px;
 
 }
 
 .sticky {
     
     width: 100%;
     border: 1px solid #ddd;
     box-sizing: border-box;
     border-radius: 4px;
     padding-top: 3px;
     
 }
 
 .col-sm-8 {
 
 width: 100%;
 
 }
    
}

.product-image-gallery-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.product-image-thumbnails {
  width: 80px;
  flex-shrink: 0;
  position: relative;
}

.thumbnail-slider {
  position: relative;
  height: 400px; 
  overflow: hidden;

}

.thumbnails {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: -1px;
  padding-top: 1px;
  padding-bottom: 0px;
  overflow: hidden; 
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.thumbnails li {
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
  opacity: 0.7;
  overflow: hidden;
  width: 78px;
  height: 78px;
}

.thumbnails li:hover {
  opacity: 1;
}

.thumbnails li.active {
  opacity: 1;
  border: 2px solid #000;
}

.thumbnails .image-additional {
    float: left;
    margin-left: 0px;
}

.thumbnails li img {
 
  display: block;
  max-width: 80px;
  object-fit: cover;

}

.product-image-main {
  flex-grow: 1;
  position: relative;
  z-index: 1;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}

.product-image-main img {
  display: block;
  max-width: 100%;
  height: auto;
}

.thumb-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  transition: background-color 0.2s ease;
}

.thumb-arrow:hover {
  background-color: rgba(255, 255, 255, 1);
}

.thumb-arrow svg {
  width: 16px;
  height: 16px;
}

.thumb-arrow-up {
  top: 5px; /* Позиция верхней стрелки */
}

.thumb-arrow-down {
  bottom: 5px; /* Позиция нижней стрелки */
}

.zoomLens {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid red;
  width: 200px; /* Соответствует lensSize */
  height: 200px; /* Соответствует lensSize */
  z-index: 100;
  pointer-events: none; /* Чтобы не перехватывать события */
}

.zoom-window {
  z-index: 9999 !important; /* Пример очень высокого z-index */
}

.zoomCaption {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 5px;
  font-size: 12px;
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;z-index: 100;
}

body, img, a, p, h1, h2, h3, h4, h5, h6, span, div {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

img {
    -webkit-user-drag: auto;
    user-drag: auto;
    pointer-events: auto;
}

img {
    overflow-clip-margin: content-box;
    cursor: pointer;
}

#content, .row {
    background: none;
}

.zoomWindow, .zoomLens, .zoomContainer, .zoomWrapper, .elevateZoom, #elevateZoom {

    z-index: 2;
}



 .glavcont1 {
     
 vertical-align: top;
 display: inline-block;
 width: 75%;
 
 }
 
 .glavcont2 {
     
 vertical-align: top;
 display: inline-block;
 width: 25%;
 
 }
 
 
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

    color: #30CF49;
}

.product-info #button-cart {

    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    -webkit-transition: all 100ms 
linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms 
linear;
    border: none;
    outline: none;
    margin: 0px;
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
}



.product-info .pop_ico {
    cursor: pointer;
    color: #555;
    border: 2px solid #eeeeee;
    border-radius: 2px;
    background-color: #eeeeee;
    -webkit-transition: all 100ms 
linear;
    -moz-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    transition: all 100ms 
linear;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 25px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    
}

.product-info .pop_right {
    float: none;
    vertical-align: middle;
    margin-top: 3px;
}

.popup_html_content, .preimushestva, .home_block {
    
   display: none; 
    
}










.text-container {
    margin-bottom: 0px;
    padding: 0px;
    border: 0px solid #ccc;
    border-radius: 0px;
    background: none;
}

.content-text {
    color: #333;
    line-height: 1.6;
    overflow: hidden; /* Скрываем все, что выходит за пределы */
    /* max-height будет установлен динамически через JS, но можно задать начальное значение */
    /* max-height: 60px; */ /* Это значение будет перезаписано */
    transition: max-height 0.5s ease-in-out; /* Плавный переход при раскрытии */
}

/* Класс, который будет добавляться для показа полного текста */
.text-container.expanded .content-text {
    /* max-height: auto; */ /* Можно использовать auto, но фиксированная большая высота работает стабильнее для transition */
    max-height: 2000px; /* Установите достаточно большую высоту, чтобы гарантированно вместить весь текст */
}

.show-more-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
    background: linear-gradient(to bottom right, #31B436, #28B290);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease;
}

.show-more-btn:hover {
    background-color: #0056b3;
}

/* Стиль для кнопки, если текст уже показан (опционально) */
.text-container.expanded .show-more-btn {
    background-color: #6c757d;
}
.text-container.expanded .show-more-btn:hover {
    background-color: #5a6268;
}

.btn-block {
    
    border-top: 1px #EDEEEF solid;
    background: white;
    
}



.product-thumb {
    position: relative;
    /*max-height: 200px;*/
}


.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    border-radius: 2px;
    max-width: 180px;
}

/*#content img {
    max-width: 180px;
}*/

.product_thumb_hover_images > a > img
{
    display: block;
    max-width: 180px;
    height: 150px;
}

.product-price > div > div > div > a > img {
    
    min-width: 140px;
    height: 150px;

}

.product-price > .product-thumb h4 {
    line-height: 18px;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: normal;
    overflow: hidden;
    padding-left: 60px;
    box-sizing: border-box;
}

.product-price .dotted-line_right5, .product-price .dotted-line_left {
    
    padding-left: 60px;
    box-sizing: border-box;
    
}

.product-price {

    margin-bottom: 2px;
}

.cities {
    background: none;
    border: none;
    position: absolute;
    cursor: pointer;
    z-index: 1049;
    top: 53px;
    left: 68%;
    transform: translateX(-68%);
    font-weight: bold;
    
}

.modal-body > .list-unstyled > li {
    
display: inline-block;
width: 45%;

}

@media screen and (max-width: 1300px) {
    
    .cities {
        
        display: none;
        
    }
    
}

@media screen and (max-width: 600px) {
    
    .cities {
        
        display: inline-block;
        
    }
    
    .cities span {
        
        display: none;
        
    }
    
    .cities i {
        
        font-size: 23px;
        
    }
    
    .cities {
 
        position: fixed;
        top: 18px;
        left: 64%;
        transform: translateX(-64%);
        outline: none;
        
    }
    
}

#revfilter {
    display: none;
}

.accordion {
    position: relative;
    top: -35px;
    background-color: white;
}
