/* views-sauni-setka */

.views-sauni-setka{
   display: block;
   position: relative;
   padding: 10px 0;
}

.views-sauni-setka .view-content {
   display: grid;
   gap: 12px;
   grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
   grid-auto-rows: min-content;
   margin-bottom: 40px;
}
@media (max-width: 479.98px){
   .views-sauni-setka .view-content {
      gap: 10px;
      grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
      grid-auto-rows: min-content;
      margin-bottom: 40px;
   }
}




.views-sauni-setka .no-search{
   margin: 20px 0;
}

.views-sauni-setka .no-search-text{
   display:flex;
   position: relative;
   font: normal 14px/18px var(--font-family);
   color: var(--textcolor);
   padding: 18px;
   border: 1px solid var(--bordercolor);
   background: var(--whitecolor); 
   -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);
}
/*
.views-sauni-setka .no-search-text::before{
   content: "";
   position: absolute;
   top: 7px;
   left: 20px;
   width: 20px;
   height: 40px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -90px -280px;
}

@media (max-width: 991.98px){
   .views-sauni-setka .no-search-text::before{
      top: 15px;
   }
}
*/

.views-sauni-setka .nsh4{
   margin:10px 10px 15px 20px;
}

.views-sauni-setka .no-search-link{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
   row-gap: 20px;
   column-gap: 10px;
}

.views-sauni-setka .no-search-link li a{
   cursor:pointer;
   text-decoration:none;
   text-align:center;
   padding:8px 16px;
   border:solid 1px #066f82;
   -webkit-border-radius:var(--radius);
   -moz-border-radius:var(--radius);
   border-radius: var(--radius);
   color: var(--whitecolor);
   background-color:var(--linkcolor);
   -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-sauni-setka .no-search-link li a:hover{
   background-color:var(--linkcolorhover);
   -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-sauni-setka .views-row {
   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;
}

.views-sauni-setka .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;
}

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

.views-sauni-setka .views-row .views-field-title:hover{
   text-decoration: none;
}

.views-sauni-setka .views-row .views-field-title .field-content{
   display: flex;
   align-items: center;
   height: 38px;
}

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

   .views-sauni-setka .views-row .views-field-title .field-content{
      height: 30px;
   }
}



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

.views-sauni-setka .views-row .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){
   .views-sauni-setka .views-row .views-field-field-img-sauna{
      position: relative;
      min-width: 145px;
      width: 100%;
      padding: 0px 0px 73% 0px;
      margin: 0px 0px 5px 0px;
   }
}

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

.views-sauni-setka .views-row .views-field-field-sauna-metro, .views-sauni-setka .views-row .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){
   .views-sauni-setka .views-row .views-field-field-sauna-metro, .views-sauni-setka .views-row .views-field-field-podmoskovie{
      top:52px;
      font-size:12px;
   }
}

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

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

.views-sauni-setka .views-row .views-field-field-sauna-metro .field-content, .views-sauni-setka .views-row .views-field-field-podmoskovie .field-content{
   display:inline;
}

.views-sauni-setka .views-row .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){
   .views-sauni-setka .views-row .views-field-field-cena-sauna-otobrazh{ 
      font: 13px/15px var(--font-family); 
   }
}

.views-sauni-setka .views-row .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;
}


.views-sauni-setka .views-row .views-field-field-cena-sauna-otobrazh .field-content{
   display: inline
}

.views-sauni-setka .views-row .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){
   .views-sauni-setka .views-row .views-field-field-kolichestvo-chel-otobrazh{
      font: 13px/15px var(--font-family);
   }
}

.views-sauni-setka .views-row .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;
}

.views-sauni-setka .views-row .views-field-field-kolichestvo-chel-otobrazh .field-content{
   display: inline;
}

.views-sauni-setka .views-row .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){
   .views-sauni-setka .views-row .views-field-field-raion{
      font: 12px/14px var(--font-family);
   }
}

.views-sauni-setka .views-row .views-field-field-raion .views-label{
   font-weight: bold;
   color: #2d2d2d;
   
}

.views-sauni-setka .views-row .views-field-field-raion .field-content{
   display: inline;
}

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

.views-sauni-setka .views-row .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;
}

.views-sauni-setka .views-row .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;
} 

/* pager */

.item-list .pager{
   margin: 0;
   padding-top: 0;
}

.item-list .pager li.pager-current{
   text-decoration:none;
   text-align:center;
   padding:6px 12px;
   border:solid 1px #066f82;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius: 5px;
   font:14px Arial, Helvetica, sans-serif;
   color:#fff;
   background-color:#006e81;
   background-image: -moz-linear-gradient(top, #4494a1 0%, #006e81 100%);
   background-image: -webkit-linear-gradient(top, #4494a1 0%, #006e81 100%);
   background-image: -o-linear-gradient(top, #4494a1 0%, #006e81 100%);
   background-image: -ms-linear-gradient(top, #4494a1 0% ,#006e81 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4494a1', endColorstr='#006e81',GradientType=0 );
   background-image: linear-gradient(top, #4494a1 0% ,#006e81 100%);
   -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
   -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
   box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}

.pager li a{ text-decoration:none;
   text-align:center;
   padding:6px 12px;
   border:solid 1px #ff6816;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius: 5px;
   font:14px Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   background-color:#ff780c;
   background-image: -moz-linear-gradient(top, #ff780c 0%, #ff6319 100%);
   background-image: -webkit-linear-gradient(top, #ff780c 0%, #ff6319 100%);
   background-image: -o-linear-gradient(top, #ff780c 0%, #ff6319 100%);
   background-image: -ms-linear-gradient(top, #ff780c 0% ,#ff6319 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6319',endColorstr='#ff6319',GradientType=0 );
   background-image: linear-gradient(top, #ff780c 0% ,#ff6319 100%);
   -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
   -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
   box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}

.pager li a:hover{
   background-color:#ff9f5a;
   background-image: -moz-linear-gradient(top, #ff9f5a 0%, #ff7933 100%);
   background-image: -webkit-linear-gradient(top, #ff9f5a 0%, #ff7933 100%);
   background-image: -o-linear-gradient(top, #ff9f5a 0%, #ff7933 100%);
   background-image: -ms-linear-gradient(top, #ff9f5a 0% ,#ff7933 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f5a', endColorstr='#ff7933',GradientType=0 );
   background-image: linear-gradient(top, #ff9f5a 0% ,#ff7933 100%);
}

.item-list .pager li {
   background-image: none;
   display: inline-block;
   list-style-type: none;
   padding: 0;
   margin-bottom:10px
}

.item-list ul li {
   margin: 10px 0 10px 3px;
}

.item-list ul {
   margin: 0 0 0.75em 0;
   padding: 30px 0 20px;
}

.view-header .view-content, .view-footer .view-content{
   display: flex;
   flex-direction: column;
   gap:5px;
   margin-bottom: 25px;
}

/* archive */

.block_archive{
   border-top:1px dashed var(--greycolor);
   width:100%;
   padding: 10px 0;
}

.block_archive h2{
   position: relative;
   margin: 18px 10px 18px 35px;
   font-size: 16px;
   color: var(--greycolor);
   font-weight: bold;
   text-transform: uppercase;
}

.block_archive h2::before{
   content: "";
   position: absolute;
   top: 0px;
   left: -35px;
   width: 26px;
   height: 23px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -53px -328px;
}

.views-setka-archive{
   margin:20px 0;
   display: block;
   position: relative;
}

.views-setka-archive .view-content {
   display: grid;
   gap: 10px;
   grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
   grid-auto-rows: min-content;
   margin-bottom: 28px;
}

@media (max-width: 479.98px){
   .views-setka-archive .view-content {
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   }
}

.views-setka-archive .views-row{
   display: flex;
   flex-direction: column;
   padding: 10px 10px 15px 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;
}

.views-setka-archive .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;
}

.views-setka-archive .views-row .views-field-title{
   text-align: center;
   color: var(--linkcolor);
   text-decoration: underline;
   font: bold 14px/18px var(--font-family);
}

@media (max-width: 479.98px){
   .views-setka-archive .views-row .views-field-title{
      font: bold 14px/18px var(--font-family);
   }
}

.views-setka-archive .views-row .views-field-title:hover{
   text-decoration: none;
}

.views-setka-archive .views-row .views-field-title .field-content{
   display: flex;
   align-items: center;
   height: 38px;
}

@media (max-width: 479.98px){
   .views-setka-archive .views-row .views-field-title .field-content{
      height: 30px;
   }
}

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

.views-setka-archive .views-field-field-img-sauna, .views-setka-archive .views-field-field-img-other-sauna{
   position: relative;
   width: 100%;
   padding-bottom: 70%;
}

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


.more-link {text-align: center;}

.block_archive .more-link a{
   cursor:pointer;
   position: relative;
   text-decoration:none;
   text-align:center;
   padding: 7px 15px 7px 40px;
   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_archive .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_archive .more-link a::before{
   content: "";
   position: absolute;
   top: 5px;
   left: 7px;
   width: 28px;
   height: 23px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -78px -328px;
}

.field-name-field-capt-archive p, .field-name-field-photogal-archive p{
   color: var(--redcolor);
}

.block-archive-caption{
   margin: 40px 0 10px;
   position: relative;
   font: bold 14px/18px var(--font-family);
   color: var(--redcolor);
   padding: 20px 20px 20px 60px;
   border: 1px solid var(--redcolor);
   background: #FFF url(../images/vosklic.png) left no-repeat;
   -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);}

.block-archive-caption p{
   color: var(--redcolor);
}

.block-archive-caption::before{
   content: "";
   position: absolute;
   top: 50px;
   left: 25px;
   width: 20px;
   height: 40px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -90px -280px;
}

@media (max-width: 1199.98px){
   .block-archive-caption::before{
      top: 60px;
   }
}