@media (min-width: 768px){
   .left__col{
      flex: 0 0 250px;
      padding: 20px 0 30px;
      max-width: 250px;
   }
}

@media (max-width: 767.98px){
   .left__col{
      display: none;
   }
}

/* left fast link */

.left_fast_link{
   position: relative;
   display: flex;
   flex-direction: column;
   background:var(--whitecolor);
   padding:0 10px 10px;
   margin-bottom: 5px;
   border:1px solid #a3b0b1;
   -webkit-box-shadow: 0px 0px 2px rgba(50,50,50,0.3);
   -moz-box-shadow: 0px 0px 2px rgba(50,50,50,0.3);
   box-shadow: 0px 0px 2px rgba(50,50,50,0.3);
}

.left_fast_link::before {
   content: "";
   position: absolute;
   top: -8px;
   right: 41px;
   width: 23px;
   height: 22px;
   z-index: 1;
   display: inline-block;
   background: url(../images/header/dub.png) no-repeat;
   background-position: 0 0;
}

.left_fast_link::after {
   content: "";
   position: absolute;
   top: 28px;
   left: -11px;
   width: 23px;
   height: 22px;
   z-index: 1;
   display: inline-block;
   background: url(../images/header/dub.png) no-repeat;
   background-position: 0 -44px;
}

.left_fast_link h2{
   padding-bottom: 18px;
   text-align: center;
   background: url(../images/common/wave.png) bottom center no-repeat;
   margin:20px 0 10px;
}

.left_fast_link .fastlink__list{
   padding: 5px;
   
}

.left_fast_link .fastlink__list li{
   padding:4px 0;
   list-style:inside url(../images/common/arrows-ul.png);
}
.left_fast_link .fastlink__list li a{
   font-size: var(--small);
   text-decoration:underline;
   line-height: 18px;
}

.left_fast_link .fastlink__list li a:hover{
   text-decoration:none;
}

.left_fast_link .fastlink{
   position: relative;
   margin:5px 5px 2px; 
   padding:5px 5px 5px 38px;
   text-transform:uppercase;
}

.left_fast_link .fastlink1::before{
   content: "";
   position: absolute;
   top: -2px;
   left: 0px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -56px;
}

.left_fast_link .fastlink2::before{
   content: "";
   position: absolute;
   top: -2px;
   left: 0px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -84px;
}

.left_fast_link .fastlink3::before{
   content: "";
   position: absolute;
   top: -2px;
   left: 0px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -28px;
}

.left_fast_link .fastlink4::before{ 
   content: "";
   position: absolute;
   top: -2px;
   left: 0px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 0;
}

.left_fast_link .fastlink5::before{
   content: "";
   position: absolute;
   top: -2px;
   left: 0px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -112px;
}

.fastlink__btn{
   display: inline-block;
   position: relative;
   margin: 10px;
   height: 32px;
   padding: 7px 15px 7px 35px;
}

.fastlink__btn::before{
   content: "";
   position: absolute;
   top: 0px;
   left: 5px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -140px -84px;
}


/* akcii */

.left_discount{
   padding: 5px 0;
   margin-bottom: 5px;
   display: flex;
   flex-direction: column;
}

.content-discount .block__content_container{
   padding: 10px 0 20px;
}

.left_discount h2 {
   position: relative;
   font-weight: normal;
   padding-left: 10px;
}

.left_discount h2::after {
   content: "";
   position: absolute;
   top: -5px;
   left: 145px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -112px -168px;
}

.views-akcii-skidki{ 
   margin-bottom: 0 0 15px;
   background:#FFF;
   color: #474b4c;
   padding:15px 0;
   border: 1px solid #d85919;
   -webkit-box-shadow: 1px 2px 3px 2px rgba(150,150,150,0.3);
   -moz-box-shadow: 1px 2px 3px 2px rgba(150,150,150,0.3);
   box-shadow: 1px 2px 3px 2px rgba(150,150,150,0.3);
}

.views-akcii-skidki .view-content{
   display: flex;
   flex-direction: column;
   gap:10px;
}

.views-akcii-skidki .views-row{
   display: flex;
   flex-direction: column;
   margin:0 10px;
   gap:10px;
   padding:5px 5px 20px;
   border-bottom:1px dotted #999999;
   line-height: 22px;
}

.views-akcii-skidki .views-field-title{
   color: var(--linkcolor);
   text-decoration: underline;
   font: bold 15px/18px var(--font-family);
}

.content-discount .views-akcii-skidki .views-field-title{
   color: var(--linkcolor);
   text-decoration: underline;
   font: bold 14px/16px var(--font-family);
}

.views-akcii-skidki .views-field-changed .field-content{
   display: inline-block;
   font-size: 12px;
   line-height: 18px;
   padding:3px 10px;
   -webkit-border-radius:var(--normal);
   -moz-border-radius:var(--normal);
   border-radius: var(--normal);
   color: var(--textcolor);
   background-color: #eceef0;
}


.views-akcii-skidki .views-field-field-obyavlenia{
   font-size: 13px;
   -webkit-line-clamp: 6;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.views-akcii-skidki .views-field-field-obyavlenia h2, .views-akcii-skidki .views-field-field-obyavlenia h3{
   margin:5px 0;
   font-size: 13px;
}

.views-akcii-skidki .views-field-field-obyavlenia ul{
   padding:2px 0;
}

.views-akcii-skidki .views-field-field-obyavlenia li{
   padding:1px 0;
}

.views-akcii-skidki .views-field-view-node{
   padding: 0 3px;
}

.views-akcii-skidki .views-field-view-node a{
   font-size:13px;
   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;
}

.views-akcii-skidki .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;
} 

.views-akcii-skidki .more-link{
   margin: 20px 0 10px;
   text-align: center;
}

.views-akcii-skidki .more-link a{
   cursor:pointer;
   position: relative;
   text-decoration:none;
   text-align:center;
   padding: 7px 15px 7px 35px;
   border:solid 1px #de791b;
   -webkit-border-radius:var(--radius);
   -moz-border-radius:var(--radius);
   border-radius: var(--radius);
   font-family: var(--font-family);
   color:var(--whitecolor);
   background-color: var(--orangecolor);
   -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;
}

.views-akcii-skidki .more-link a:hover{
   background-color: var(--orangecolorhover);
   -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;
} 

.views-akcii-skidki .more-link a::before{
   content: "";
   position: absolute;
   top: 1px;
   left: 4px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -112px -28px;
}


/* left last comment */

.view-comments-recent{
   padding: 5px 0;
   margin-bottom: 5px;
   display: flex;
   flex-direction: column;
}

.last_comment h2{
   font-weight: normal;
   position: relative;
   padding-left: 10px;
}

.last_comment h2::after {
   content: "";
   position: absolute;
   top: -8px;
   left: 175px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -28px 0px;
}


.last_comment .view-comments-recent .views-row{
   display: flex;
   flex-direction: column;
   margin:0 10px;
   gap:4px;
   padding:5px 0;
   line-height: 18px;
   background: none;
   border: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

.view-comments-recent .views-row{
   display: flex;
   flex-direction: column;
   margin:10px 0;
   gap:4px;
   padding: 15px 20px;
   line-height: 18px;
   background: var(--whitecolor);
   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);
}

.view-comments-recent .views-row: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;
}

.last_comment .view-comments-recent .views-row:hover {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}


.last_comment .view-comments-recent .views-row .views-field-title a{
   color: var(--linkcolor);
   text-decoration: underline;
   font: bold 15px/18px var(--font-family);
}

.view-comments-recent .views-row .views-field-title a{
   color: var(--linkcolor);
   text-decoration: underline;
   font: bold 14px/16px var(--font-family);
}

.view-comments-recent .views-row .views-field-created .field-content{
   display: inline-block;
   font-size: 12px;
   line-height: 16px;
   color: #666;
}


.view-comments-recent .views-row .views-field-comment-body{
   font-size:13px;
   line-height: 18px;
   color: var(--basecolor);
   -webkit-line-clamp: 4; 
   display: -webkit-box; 
   -webkit-box-orient: vertical;
   overflow: hidden;
}


.view-comments-recent .views-row .views-field-view-node{
   padding: 0 2px;
}

.view-comments-recent .views-row .views-field-view-node a{
   font-size:13px;
   text-decoration: underline;
}

.view-comments-recent .views-row .views-field-view-node a:hover{
   text-decoration: none;
}

.last_comment .view-comments-recent .views-row .views-field-field-sauna-rating{
   margin-top:-10px;
   height: 50px;
}

.view-comments-recent .views-row .views-field-field-sauna-rating{
   margin-top:-10px;
   height: 30px;
}

.view-comments-recent .more-link a{
   cursor:pointer;
   position: relative;
   text-decoration:none;
   text-align:center;
   padding: 7px 15px 7px 35px;
   border:solid 1px #de791b;
   -webkit-border-radius:var(--radius);
   -moz-border-radius:var(--radius);
   border-radius: var(--radius);
   font-family: var(--font-family);
   color:var(--whitecolor);
   background-color: var(--orangecolor);
   -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;
}

.view-comments-recent .more-link a:hover{
   background-color: var(--orangecolorhover);
   -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;
} 

.view-comments-recent .more-link a::before{
   content: "";
   position: absolute;
   top: 6px;
   left: 6px;
   width: 22px;
   height: 20px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -113px -3px;
}

.view-comments-recent .more-link{
   margin: 10px 0;
}

.view-comments-recent .item-list ul {
   margin: 0;
   padding: 0;
}


/*left stati */

.block_leftstati{
   padding: 5px 0;
   margin-bottom: 5px;
   display: flex;
   flex-direction: column;
}

.content-leftstati .block__content_container{
   margin: 10px 0 20px;
}

.block_leftstati h2{
   font-weight: normal;
   position: relative;
   padding-left: 10px;
}

.block_leftstati h2::after {
   content: "";
   position: absolute;
   top: -8px;
   left: 210px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -28px -196px;
}


.block_leftstati .views-row{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   gap: 15px;
   border-bottom:1px dotted var(--shadowcolor);
   padding: 5px 0 15px;
   margin:0 10px;
   line-height: 18px;
}

.content-leftstati .views-row{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   gap: 15px;
   padding: 15px;
   line-height: 18px;
   background: var(--whitecolor);
   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);
}

.content-leftstati .views-row: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;
}

.block_leftstati .view-content{
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.content-leftstati .view-content{
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 10px 0;
}

.block_leftstati .views-field-title{
   font: bold 15px/18px var(--font-family);
   flex: 0 1 135px;
   -webkit-line-clamp: 3; 
   display: -webkit-box; 
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.content-leftstati .views-field-title{
   font: bold 13px/15px var(--font-family);
   flex: 1 1 auto;
   -webkit-line-clamp: 4; 
   display: -webkit-box; 
   -webkit-box-orient: vertical;
   overflow: hidden;
}



.block_leftstati .views-field-field-image, .content-leftstati .views-field-field-image{
   flex: 0 0 80px;
}

.block_leftstati .views-field-field-image img, .content-leftstati .views-field-field-image img{
   border:1px solid var(--shadowcolor);
}

.block_leftstati .more-link, .content-leftstati .more-link{
   margin: 20px 0 10px;
   text-align: center;
}

.block_leftstati .more-link a, .content-leftstati .more-link a, .viewsstatipage .more-link a{
   cursor:pointer;
   position: relative;
   text-decoration:none;
   text-align:center;
   padding: 7px 15px 7px 35px;
   border:solid 1px #de791b;
   -webkit-border-radius:var(--radius);
   -moz-border-radius:var(--radius);
   border-radius: var(--radius);
   font-family: var(--font-family);
   color:var(--whitecolor);
   background-color: var(--orangecolor);
   -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;
}

.block_leftstati .more-link a:hover, .content-leftstati .more-link a:hover, .viewsstatipage .more-link a:hover{
   background-color: var(--orangecolorhover);
   -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;
} 

.block_leftstati .more-link a::before, .content-leftstati .more-link a::before, .viewsstatipage .more-link a::before{
   content: "";
   position: absolute;
   top: 1px;
   left: 4px;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -140px -112px;
}