.top-block1__container, .bottom-block__container{
   padding: 10px;
}
/* jcarousel top */
.jcarousel-container-horizontal{
   display: block;
   text-align: center;
   width:100%;
   height: auto;
   padding: 10px 0 25px;
   margin: auto;
}

.jcarousel-clip-horizontal{
   display: block;
   text-align: center;
   overflow: hidden;
}

.jcarousel-prev {
   display: block;
   background:url(../images/jcarousel/jc-arrow.png) no-repeat;
   background-position: -54px 0px;
   width:54px;
   height:54px;
   opacity: 0.3;
}

.jcarousel-next {
   display: block;
   background:url(../images/jcarousel/jc-arrow.png) no-repeat;
   background-position: -54px -54px;
   width:54px;
   height:54px;
   opacity: 0.3;
}
.jcarousel-prev-horizontal {
   position: absolute;
   top: 145px;
   left: 0px;
   z-index: 2;
}

.jcarousel-prev-horizontal:hover, .jcarousel-next-horizontal:hover {
   opacity: 0.5;
}

.jcarousel-next-horizontal {
   position: absolute;
   top: 145px;
   right: 0px;
   z-index: 2;
}

.jcarousel-navigation{
   display: block;
   text-align: center;
   width: 100%;
}

.jcarousel-navigation li{
   position: relative;
   display: inline-block;
   margin: 15px 8px 5px;
   background: url(../images/slideshow/active.png) no-repeat;
   background-position: 0 -15px;
   height: 15px;
   width: 15px;
}

.jcarousel-navigation li.active{
   background: url(../images/slideshow/active.png) no-repeat;;
   background-position: 0 0;
}

.jcarousel-navigation li a{
   position: absolute;
   display: block;
   left: 0;
   top:0;
   height: 15px;
   width: 15px;
}

.jcarousel-navigation li a span{
   display: none;
}

.jcarousel-list{
   display: flex;
   width: 20000px !important;
}

@media (min-width: 480px){
   .rekomend_sauni_front .jcarousel-item{
      margin: 0 6px;
      flex:0 0 217px;
   }
   
   .rekomend_sauni_vnizu .jcarousel-item, .rekomend_sauni_vstati .jcarousel-item, .view-taxonomy-term .jcarousel-item{
      margin: 0 5px;
      flex:0 0 217px;
   }
}

.jcarousel-item{
   display: flex;
   flex-direction: column;
   padding: 14px 10px;
   gap: 8px;
   align-items: center;
   background: var(--whitecolor);
   position:relative;
   border: 1px solid var(--bordercolor);
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius: 4px;
   -webkit-box-shadow:0px 0px 5px var(--shadowcolor);
   -moz-box-shadow: 0px 0px 5px var(--shadowcolor);
   box-shadow:0px 0px 5px var(--shadowcolor);
   -webkit-transition: all 0.3s 0s ease;
   -moz-transition: all 0.3s 0s ease;
   -o-transition: all 0.3s 0s ease;
   transition: all 0.3s 0s ease;
}

.jcarousel-item:hover{
   -webkit-box-shadow:0px 0px 10px 0px var(--shadowcolor);
   -moz-box-shadow: 0px 0px 10px 0px var(--shadowcolor);
   box-shadow:0px 0px 10px 0px var(--shadowcolor);
   -webkit-transition: all 0.3s 0s ease;
   -moz-transition: all 0.3s 0s ease;
   -o-transition: all 0.3s 0s ease;
   transition: all 0.3s 0s ease;
}

.jcarousel-item .views-field-title{
   text-align: center;
   color: var(--linkcolor);
   text-decoration: underline;
   font: bold 16px/18px var(--font-family);
}



.jcarousel-item .views-field-title:hover{
   text-decoration: none;
}

.jcarousel-item .views-field-title .field-content{
   display: flex;
   align-items: center;
   height: 38px;
}

@media (max-width: 479.98px){
   .jcarousel-item .views-field-title{
      font: bold 14px/16px var(--font-family);
   }

   .jcarousel-item .views-field-title .field-content{
      height: 30px;
   }
}

.jcarousel-item .views-field-title .field-content a{
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.jcarousel-item .views-field-field-img-sauna{
   position: relative;
   min-width: 195px;
   width: 100%;
   padding: 0px 0px 71% 0px;
   margin: 0px 0px 5px 0px;
}

@media (max-width: 479.98px){
   .jcarousel-item .views-field-field-img-sauna{
      position: relative;
      min-width: 145px;
      width: 100%;
      padding: 0px 0px 73% 0px;
      margin: 0px 0px 5px 0px;
   }
}

.jcarousel-item .views-field-field-img-sauna img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   object-fit: cover;
   border: 1px solid var(--bordercolor);
}

.jcarousel-item .views-field-field-sauna-metro, .jcarousel-item .views-field-field-podmoskovie{
   position: absolute;
   left:11px;
   width: calc(100% - 22px);
   top:60px;
   padding:5px;
   font-size:14px;
   text-align:center;
   color:#FFF;
   background:#151515;
   opacity:0.7;
   z-index:1;
}

@media (max-width: 479.98px){
   .jcarousel-item .views-field-field-sauna-metro, .jcarousel-item .views-field-field-podmoskovie{
      top:52px;
      font-size:12px;
   }
}

.jcarousel-item .views-field-field-sauna-metro .views-label, .jcarousel-item .views-field-field-podmoskovie .views-label{
   font: bold 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color:var(--redcolor);
}

@media (max-width: 479.98px){
   .jcarousel-item .views-field-field-sauna-metro .views-label, .jcarousel-item .views-field-field-podmoskovie .views-label{
      font: bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
      color:var(--redcolor);
   }
}

.jcarousel-item .views-field-field-sauna-metro .field-content, .jcarousel-item .views-field-field-podmoskovie .field-content{
   display:inline;
}

.jcarousel-item .views-field-field-cena-sauna-otobrazh{ 
   position: relative;
   text-align:left;
   display: block;
   color: #474b4c;
   font: 14px/16px var(--font-family); 
   padding: 2px 0 2px 28px;
}

@media (max-width: 479.98px){
   .jcarousel-item .views-field-field-cena-sauna-otobrazh{ 
      font: 13px/15px var(--font-family); 
   }
}

.jcarousel-item .views-field-field-cena-sauna-otobrazh::before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 22px;
   height: 22px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -60px -302px;
}


.jcarousel-item .views-field-field-cena-sauna-otobrazh .field-content{
   display: inline
}

.jcarousel-item .views-field-field-kolichestvo-chel-otobrazh{
   display: block;
   position: relative;
   color: #474b4c;
   text-align:left;
   font: 14px/16px var(--font-family);
   padding: 2px 0 2px 28px;
}

@media (max-width: 479.98px){
   .jcarousel-item .views-field-field-kolichestvo-chel-otobrazh{
      font: 13px/15px var(--font-family);
   }
}

.jcarousel-item .views-field-field-kolichestvo-chel-otobrazh::before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 22px;
   height: 22px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -60px -280px;
}

.jcarousel-item .views-field-field-kolichestvo-chel-otobrazh .field-content{
   display: inline;
}

.jcarousel-item .views-field-field-raion{
   font: 13px/15px var(--font-family);
   padding-top: 3px;
   text-align: center;
   flex: 1 1 auto;
}

@media (max-width: 479.98px){
   .jcarousel-item .views-field-field-raion{
      font: 12px/14px var(--font-family);
   }
}

.jcarousel-item .views-field-field-raion .views-label{
   font-weight: bold;
   color: #2d2d2d;
   
}

.jcarousel-item .views-field-field-raion .field-content{
   display: inline;
}

.jcarousel-item .views-field-view-node{
   display: flex;
   width: 100%;
   justify-content: center;
   margin-top: 7px;
   padding: 20px 0 10px;
   border-top: 1px dotted #999999;
}

.jcarousel-item .views-field-view-node a{
   cursor:pointer;
   text-decoration:none;
   text-align:center;
   padding:6px 14px;
   border:solid 1px #f9f9f9;
   -webkit-border-radius:var(--radius);
   -moz-border-radius:var(--radius);
   border-radius: var(--radius);
   color: var(--textcolor);
   background-color: var(--lightgrey);
   -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px var(--whitecolor);
   -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px var(--whitecolor);
   box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px var(--whitecolor);
   -webkit-transition: all 0.8s 0s ease;
   -moz-transition: all 0.8s 0s ease;
   -o-transition: all 0.8s 0s ease;
   transition: all 0.8s 0s ease;
}

.jcarousel-item .views-field-view-node a:hover{
   background-color: var(--lightgreyhover);
   -webkit-transition: all 0.8s 0s ease;
   -moz-transition: all 0.8s 0s ease;
   -o-transition: all 0.8s 0s ease;
   transition: all 0.8s 0s ease;
} 

/* jcarousel stati and bot */

.rekomend_sauni_vnizu{
   margin-bottom: 40px;
}

.rekomend_sauni_vnizu h2, .rekomend_sauni_vstati h2{
   text-align:left;
   color: var(--greycolor);
   font: 300 24px/30px var(--font-family);
   margin: 10px 0 20px;
   overflow: hidden;
}

.rekomend_sauni_vnizu h2:before, .rekomend_sauni_vnizu h2:after, .rekomend_sauni_vstati h2:before, .rekomend_sauni_vstati h2:after{
   content: '';
   display: inline-block;
   vertical-align: middle;
   box-sizing: border-box;
   width: 100%;
   height: 1px;
   background: var(--bordercolor);
   border: solid var(--bgcolor);
   border-width: 0 10px;
}

@media (max-width: 767.98px){
   .rekomend_sauni_vnizu h2, .rekomend_sauni_vstati h2{
      color: var(--greycolor);
      font: 300 20px/24px var(--font-family);
      margin: 10px 0;
      text-align: center;
   }
}

.rekomend_sauni_vnizu h2:before, .rekomend_sauni_vstati h2:before{
   margin-left: -100%;
}

.rekomend_sauni_vnizu h2:after, .rekomend_sauni_vstati h2:after{
   margin-right: -100%;
}

@media (min-width: 1200px){
   .rekomend_sauni_front .jcarousel-clip-horizontal{
      width:1145px;
      margin: 0 auto;
   }
}

@media (max-width: 1200px){
   .rekomend_sauni_front .jcarousel-clip-horizontal{
      width:916px;
      margin: 0 auto;
   }
}

@media (max-width: 991.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal{
      width:687px;
      margin: 0 auto;
   }
}

@media (max-width: 767.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal{
      width:458px;
      margin: 0 auto;
   }
}

@media (min-width: 1200px){
   .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:908px;
      margin: 0 auto;
   }
}

@media (max-width: 1200px){
   .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:681px;
      margin: 0 auto;
   }
}

@media (max-width: 991.98px){
   .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:454px;
      margin: 0 auto;
   }
}

@media (max-width: 767.98px){
   .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:454px;
      margin: 0 auto;
   }
}

@media (max-width: 479.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal, .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:440px;
      margin: 0 auto;
   }

   .jcarousel-item{
      flex: 0 0 210px;
      margin: 0 5px;
      min-width: 150px;
   }
}

@media (max-width: 459.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal, .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:420px;
      margin: 0 auto;
   }

   .jcarousel-item{
      flex: 0 0 200px;
   }
}

@media (max-width: 439.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal, .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:400px;
      margin: 0 auto;
   }

   .jcarousel-item{
      flex: 0 0 190px;
   }
}

@media (max-width: 419.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal, .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:380px;
      margin: 0 auto;
   }

   .jcarousel-item{
      flex: 0 0 180px;
   }
}

@media (max-width: 399.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal, .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:360px;
      margin: 0 auto;
   }

   .jcarousel-item{
      flex: 0 0 170px;
   }
}

@media (max-width: 379.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal, .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:340px;
      margin: 0 auto;
   }

   .jcarousel-item{
      flex: 0 0 160px;
   }
}

@media (max-width: 359.98px){
   .rekomend_sauni_front .jcarousel-clip-horizontal, .rekomend_sauni_vnizu .jcarousel-clip-horizontal, .rekomend_sauni_vstati .jcarousel-clip-horizontal, .view-taxonomy-term .jcarousel-clip-horizontal{
      width:280px;
      margin: 0 auto;
   }

   .jcarousel-item{
      flex: 0 0 260px;
      margin: 0 10px
   }
}