/* fields */

.ds-2col-stacked{
   display: grid;
   padding-bottom: 5px;
   width: 100%;
   row-gap: 20px;
   column-gap: 20px;
   position:relative;

}


@media (min-width: 1200px){
   .ds-2col-stacked{
      grid-template-columns: 1fr 1fr;
      grid-template-areas:
      "group-header group-header"
      "group-left group-right"
      "group-footer group-footer"
   }
}

@media (max-width: 1200px){
   .ds-2col-stacked{
      grid-template-columns: 1fr 300px;
      grid-template-areas:
      "group-header group-header"
      "group-left group-right"
      "group-footer group-footer"
   }
}

@media (max-width: 991.98px){
   .ds-2col-stacked{
      grid-template-columns: 1fr;
      grid-template-areas:
      "group-header"
      "group-left"
      "group-right"
      "group-footer"
   }

   .ds-2col-stacked > .group-left{
      max-width: 477px;
   }
}

@media (max-width: 479.98px){
   .ds-2col-stacked > .group-left{
      max-width: 100%;
   }
}


.ds-2col-stacked > .group-header{
   grid-area: group-header;
}

.ds-2col-stacked > .group-left{
   grid-area: group-left;
   display: flex;
   flex-direction: column;
   gap: 15px;
}

.ds-2col-stacked > .group-right{
   grid-area: group-right;
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.ds-2col-stacked > .group-footer{
   grid-area: group-footer;
   display: flex;
   flex-direction: column;
   gap: 5px;
}

.group-header .field-name-field-sauna-artilul{ 
   font: 14px/16px var(--font-family);
}

@media (max-width: 767.98px){
   .group-header .field-name-field-sauna-artilul{
      display: flex;
      justify-content: center;
   }
}

.field-name-field-sauna-artilul .field-label{
   font-weight: bold;
   color: var(--greycolor);
}

.field-name-field-sauna-artilul .field-items{
   display: inline;
   color: var(--linkcolor);
   font-weight: bold;
}

.field-name-field-sauna-dop-photo .field-items{
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
   grid-auto-rows: 1fr;
   gap:15px;
}

@media (max-width: 479.98px){
   .field-name-field-sauna-dop-photo .field-items{
      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
   }
}

.field-name-field-sauna-dop-photo .field-item{
   position: relative;
   padding-bottom: 70%;
}

.field-name-field-sauna-dop-photo img{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}

.field-name-field-img-sauna{
   position: relative;
   padding-bottom: 75%;

}

.field-name-field-img-sauna img{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   object-fit: cover;
}

.field-name-field-img-sauna img, .field-name-field-sauna-dop-photo img{
   border: 1px solid var(--bordercolor);
}

.field-name-field-phone-num{
   position: relative;
   color:var(--linkcolor);
   border: 2px solid var(--linkcolor);
   padding:5px 5px 5px 80px;
   width:300px;
   margin-bottom: 10px;
   background: var(--whitecolor);
   -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);
}

@media (max-width: 991.98px){
   .field-name-field-phone-num{
      margin: 0 auto 10px;
   }
}

.field-name-field-phone-num::before {
   content: "";
   position: absolute;
   top:25px;
   left: 10px;
   width: 60px;
   height: 45px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: 0 -280px;
}

.field-name-field-phone-num:hover{
   border: 2px solid var(--linkcolorhover);
}

.field-name-field-phone-num .field-items{
   display: table-cell;
   vertical-align:middle;
   height:80px;
   width:300px;
}

.field-name-field-phone-num a {
   font: 600 20px/24px var(--font-family);
   text-decoration: none;
   -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;
}

.field-name-field-phone-num a:hover{
   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;
}

.field-name-field-messengers{
   display: block;
   width: 100%;
   padding-top:1px;
   padding-bottom: 1px;
   padding-left: 3px;
   margin-bottom: 3px;
}


.field-name-field-messengers .field-items{
   display: flex;
   flex-wrap: nowrap;
   flex-direction: row;
   gap: 20px;
}

@media (max-width: 991.98px){
   .field-name-field-messengers .field-items{
      justify-content: center;
   }
}


.wa-link{
   background: url(../images/wa2.png) no-repeat;
   display: inline-block;
   padding: 9px 5px 9px 39px;
}

.tg-link{
   background: url(../images/tg2.png) no-repeat;
   display: inline-block;
   padding: 9px 5px 9px 39px;
}

.group-cena-ot{
   display: flex;
   border-top: 1px dotted var(--greycolor);
   padding-top: 15px;
   margin-top: 5px;
   gap: 5px;
}


.field-name-field-cena-sauna-otobrazh, .field-name-field-kolichestvo-chel-otobrazh{
   position: relative;
   color: var(--greycolor);
   font: bold 15px/20px var(--font-family);
   padding: 2px 0 2px 35px;
}

.field-name-field-ed-izm{
   font: bold 15px/20px var(--font-family);
   padding: 2px 0 2px 0;
   color: var(--greycolor);

}

.field-name-field-kolichestvo-chel-otobrazh{
   padding-bottom: 15px;
   margin-bottom: 5px;
   border-bottom: 1px dotted var(--greycolor);
}

.field-name-field-cena-sauna-otobrazh::before{
   content: "";
   position: absolute;
   top: 3px;
   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;
}

.field-name-field-kolichestvo-chel-otobrazh::before {
   content: "";
   position: absolute;
   top: 3px;
   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;
}



@media (min-width: 1200px){
   .field-name-field-vidparnoy, .field-name-field-aqvazona, .field-name-field-razvlechenia, .field-name-field-servis, .field-name-field-sauna-uslugi, .field-name-field-okrug, .field-name-field-sauna-metro, .field-name-field-podmoskovie, .field-name-field-raion, .field-name-field-adress, .field-name-field-site-sauna{
      padding:2px 0;
      font: 14px/20px var(--font-family);
   }
}

@media (max-width: 1200px){
   .field-name-field-vidparnoy, .field-name-field-aqvazona, .field-name-field-razvlechenia, .field-name-field-servis, .field-name-field-sauna-uslugi, .field-name-field-okrug, .field-name-field-sauna-metro, .field-name-field-podmoskovie, .field-name-field-raion, .field-name-field-adress, .field-name-field-site-sauna{
      padding:1px 0;
      font: 14px/18px var(--font-family);
   }
}


.field-name-field-vidparnoy .field-label, .field-name-field-aqvazona .field-label, .field-name-field-razvlechenia .field-label, .field-name-field-servis .field-label, .field-name-field-sauna-uslugi .field-label, .field-name-field-okrug .field-label, .field-name-field-sauna-metro .field-label, .field-name-field-podmoskovie .field-label, .field-name-field-raion .field-label, .field-name-field-adress .field-label, .field-name-field-site-sauna .field-label{
   font-weight: bold;
   color: var(--greycolor);
   line-height: 22px;
}

.field-name-field-vidparnoy .field-items, .field-name-field-aqvazona .field-items, .field-name-field-razvlechenia .field-items, .field-name-field-servis .field-items, .field-name-field-sauna-uslugi .field-items, .field-name-field-okrug .field-items, .field-name-field-sauna-metro .field-items, .field-name-field-podmoskovie .field-items, .field-name-field-raion .field-items, .field-name-field-adress .field-items, .field-name-field-site-sauna .field-items{
   display: inline;
   line-height: 22px;
}

.field-name-field-site-sauna .field-items{
   color: var(--basecolor);
}

.field-name-field-vidparnoy{
   padding-top: 15px;
   margin-top: 5px;
   border-top: 1px dotted var(--greycolor);
}

.field-name-field-ymap-shema{
   width:100%;
   padding:5px 0;
}

.field-name-field-ymap-shema .field-label{
   margin-bottom:10px;
} 

.field-name-field-table-stoimost{
   position: relative;
   padding-bottom: 10px;
   color: var(--greycolor);
}

.field-name-field-table-stoimost .field-label{
   font: bold 16px/20px var(--font-family);
   color: var(--orangecolor);
   margin-bottom: 13px;
   padding: 15px 0 7px 40px;
   position: relative;
}

@media (max-width: 767.98px){
   .field-name-field-table-stoimost .field-label{
      border-top: 1px dotted var(--greycolor);
   }
}

.field-name-field-table-stoimost .field-label::before{
   content: "";
   position: absolute;
   top: 10px;
   left: 0;
   width: 28px;
   height: 28px;
   z-index: 1;
   display: inline-block;
   background: url(../images/common/fast-icon.png) no-repeat;
   background-position: -84px -169px;
}

.views-term-opisanie{
   padding:10px 0; 
   text-align:left;
   margin-bottom:0px;
}

.views-term-opisanie .views-view-grid{
   background: none;
   border: none;
}

.views-term-opisanie .views-view-grid td{
   border: none;
   padding: 10px 0;
}

.views-term-opisanie .views-view-grid td p{
   padding-bottom: 10px;
}

.views-term-opisanie .views-view-grid td table p{
   padding-bottom: 0;
}

.main__content-bot-text .block__content_container table, .views-term-opisanie table{
   margin:10px 0;
   width: 100%;
   border-top: 1px solid var(--bluecolor);
   border-collapse: collapse;
   background-color: var(--whitecolor);
}

.main__content-bot-text .block__content_container table td, .views-term-opisanie table table td, .main__content-bot-text .block__content_container table th, .views-term-opisanie table table th {
   border: 1px solid var(--bluecolor) !important;
   border-collapse: collapse;
   padding: 12px 8px !important;
}

@media (max-width: 767.98px){
   .main__content-bot-text .block__content_container table td, .views-term-opisanie table table td, .main__content-bot-text .block__content_container table th, .views-term-opisanie table table th{
      padding: 10px 6px !important;
   }
}

@media (max-width: 359.98px){
   .main__content-bot-text .block__content_container table td, .views-term-opisanie table table td, .main__content-bot-text .block__content_container table th, .views-term-opisanie table table th{
      padding: 8px 4px!important;
      font-size: 12px;
   }
}

.field-name-field-soderzhim-stati table, .field-name-field-table-stoimost table, .field-name-field-obyavlenia table, .field-name-body table, .field-name-field-opisanie-photogal table{
   margin:10px 0;
   width: 100%;
   border-top: 1px solid var(--bluecolor);
   border-collapse: collapse;
   background-color: var(--whitecolor);
}

.field-name-field-soderzhim-stati table td, .field-name-field-table-stoimost table td, .field-name-field-obyavlenia table td, .field-name-body table td, .field-name-field-opisanie-photogal table td, .field-name-field-soderzhim-stati table th, .field-name-field-table-stoimost table th, .field-name-field-obyavlenia table th, .field-name-body table th, .field-name-field-opisanie-photogal table th {
   border: 1px solid var(--bluecolor);
   border-collapse: collapse;
   padding: 12px 8px;
}

@media (max-width: 767.98px){
   .field-name-field-soderzhim-stati table td, .field-name-field-table-stoimost table td, .field-name-field-obyavlenia table td, .field-name-body table td, .field-name-field-opisanie-photogal table td, .field-name-field-soderzhim-stati table th, .field-name-field-table-stoimost table th, .field-name-field-obyavlenia table th, .field-name-body table th, .field-name-field-opisanie-photogal table th{
      padding: 10px 6px;
   }
}

@media (max-width: 359.98px){
   .field-name-field-soderzhim-stati table td, .field-name-field-table-stoimost table td, .field-name-field-obyavlenia table td, .field-name-body table td, .field-name-field-opisanie-photogal table td, .field-name-field-soderzhim-stati table th, .field-name-field-table-stoimost table th, .field-name-field-obyavlenia table th, .field-name-body table th, .field-name-field-opisanie-photogal table th{
      padding: 8px 4px;
      font-size: 12px;
   }
}

.main__content-bot-text .block__content_container ul, .views-term-opisanie ul, .field-name-field-soderzhim-stati ul, .field-name-field-table-stoimost ul, .field-name-field-obyavlenia ul, .field-name-body ul, .field-name-field-opisanie-photogal ul{
   margin-bottom: var(--safe);
}

.main__content-bot-text .block__content_container ol, .views-term-opisanie ol, .field-name-field-soderzhim-stati ol, .field-name-field-table-stoimost ol, .field-name-field-obyavlenia ol, .field-name-body ol, .field-name-field-opisanie-photogal ol{
   margin-bottom: var(--safe);
}


.main__content-bot-text .block__content_container ul li, .views-term-opisanie ul li, .field-name-field-soderzhim-stati ul li, .field-name-field-table-stoimost ul li, .field-name-field-obyavlenia ul li, .field-name-body ul li, .field-name-field-opisanie-photogal ul li{
   padding: 4px 0;
   line-height: var(--standart);
   list-style: inside url(../images/common/arrows-ul.png);
}

.main__content-bot-text .block__content_container ol li, .views-term-opisanie ol li, .field-name-field-soderzhim-stati ol li, .field-name-field-table-stoimost ol li, .field-name-field-obyavlenia ol li, .field-name-body ol li, .field-name-field-opisanie-photogal ol li{
   padding: 4px 0;
   line-height: var(--standart);
}

.main__content-bot-text .block__content_container ol li ul, .views-term-opisanie ol li ul, .field-name-field-soderzhim-stati ol li ul, .field-name-field-table-stoimost ol li ul, .field-name-field-obyavlenia ol li ul, .field-name-body ol li ul, .field-name-field-opisanie-photogal ol li ul{
   padding-left: 15px;
   padding-top: 15px;
}

.main__content-bot-text .block__content_container ol li ol, .views-term-opisanie ol li ol, .field-name-field-soderzhim-stati ol li ol, .field-name-field-table-stoimost ol li ol, .field-name-field-obyavlenia ol li ol, .field-name-body ol li ol, .field-name-field-opisanie-photogal ol li ol{
   padding-left: 15px;
   padding-top: 15px;
}

.main__content-bot-text .block__content_container ul li ul, .views-term-opisanie ul li ul, .field-name-field-soderzhim-stati ul li ul, .field-name-field-table-stoimost ul li ul, .field-name-field-obyavlenia ul li ul, .field-name-body ul li ul, .field-name-field-opisanie-photogal ul li ul{
   padding-left: 15px;
   padding-top: 15px;
}

.main__content-bot-text .block__content_container ul li ol, .views-term-opisanie ul li ol, .field-name-field-soderzhim-stati ul li ol, .field-name-field-table-stoimost ul li ol, .field-name-field-obyavlenia ul li ol, .field-name-body ul li ol, .field-name-field-opisanie-photogal ul li ol{
   padding-left: 15px;
   padding-top: 15px;
}


.main__content-bot-text .block__content_container table p, .views-term-opisanie table p, .field-name-field-soderzhim-stati table p, .field-name-field-table-stoimost table p, .field-name-field-obyavlenia table p, .field-name-body table p, .field-name-field-opisanie-photogal table p{
   margin-bottom: 0;
}

.main__content-bot-text .block__content_container li p, .views-term-opisanie li p, .field-name-field-soderzhim-stati li p, .field-name-field-table-stoimost li p, .field-name-field-obyavlenia li p, .field-name-body li p, .field-name-field-opisanie-photogal li p{
   display: inline;
}

.field-name-field-obyavlenia ul{
   margin-bottom: 0 !important;
}


.field-name-field-obyavlenia {
   position: relative;
   padding: 10px 0;
}

.field-name-field-obyavlenia .field-label {
   position: relative;
   color: var(--redcolor);
   margin-bottom: 13px;
   padding: 7px 0 7px 40px;
   font: bold 16px/20px var(--font-family);
}

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

.field-name-field-obyavlenia .field-items{
   font: 13px/16px var(--font-family);
   color: var(--greycolor);
   background-color: var(--whitecolor);
   margin: 5px 0;
   padding: 15px;
   border: 1px solid var(--orangecolor);
   -webkit-box-shadow: 1px 2px 3px 2px rgb(150 150 150 / 30%);
   -moz-box-shadow: 1px 2px 3px 2px rgba(150,150,150,0.3);
   box-shadow: 1px 2px 3px 2px rgb(150 150 150 / 30%);
}

.field-name-body{
   line-height: 22px;
}

.field-name-body .field-label, #comments h2{
   display:block;
   margin:15px 0;
   text-align:left;
   color: var(--greycolor);
   font: bold 18px/24px var(--font-family);
   overflow: hidden;
}

.field-name-body .field-label:before, .field-name-body .field-label:after, #comments h2:before, #comments 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;
}

.field-name-body .field-label:before, #comments h2:before {
   margin-left: -100%;
}

.field-name-body .field-label:after, #comments h2:after {
   margin-right: -100%;
}

.field-name-body table{
   margin:10px 0 20px;
   border-top: 1px solid var(--bluecolor);
   border-collapse: collapse;
}

.field-name-body table td{
   border: 1px solid var(--bluecolor);
   border-collapse: collapse;
   padding: 6px;
   text-align: center;
}

.field-name-body p{
   font: 14px/24px var(--font-family);
}

/* photogal */

.field-name-field-photogal h2{
   display:block;
   margin:15px 0;
   text-align:left;
   color: var(--greycolor);
   font: bold 24px/30px var(--font-family);
   overflow: hidden;
}

.field-name-field-photogal h2:before, .field-name-field-photogal 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;
}

.field-name-field-photogal h2:before {
   margin-left: -100%;
}

.field-name-field-photogal h2:after {
   margin-right: -100%;
}

.field-name-field-galery-img .field-items{
   display: grid;
   gap: 15px;
   grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
   grid-auto-rows: 1fr;
   margin: 10px 0;
}

.field-name-field-galery-img .field-items .field-item{
   position: relative;
   width: 100%;
   padding-bottom: 70%;
}

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


.field-name-field-photogal h2 a{
   color: var(--greycolor);
   margin: 0;
   font: 600 18px/24px var(--font-family);
}

.field-name-field-opisanie-photogal{
   padding:0 0 10px;
}

.field-name-field-opisanie-photogal p{
   font: 14px/24px var(--font-family);
}

.field-name-field-photogal-sauna .field-label{
   margin-top:15px;
   color: var(--greycolor)
}

.field-name-field-photogal-sauna a{
   margin: 3px 0;
   display:block;
   font: 600 18px/24px var(--font-family);
}

.links .node-readmore{
   display:block; padding:20px 0
}

.links .node-readmore a{
   cursor:pointer;
   position: relative;
   text-decoration:none;
   text-align:center;
   padding: 7px 15px 7px;
   border:solid 1px #de791b;
   -webkit-border-radius:var(--radius);
   -moz-border-radius:var(--radius);
   border-radius: var(--radius);
   font-size:var(--small);
   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;
}

.links .node-readmore 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;
} 

/* comment */

#comments{
   margin-top: 5px;
}

#comments h2.comment-form{
   padding-top:20px
}
.comment{
   display:block;
   background: var(--bgcolor);
   margin: 10px 0;
   border: 1px solid var(--bordercolor);
   position: relative;
   padding:20px;
}

@media (max-width: 991.98px){
   .comment{
      padding:10px;
   }
}

.comment .links{
   position:absolute;
   right:10px;
   bottom:5px;
   padding:10px
}

.comment .field-name-field-kto-we{
   font: bold 14px/18px var(--font-family);
   padding:0 0 10px; 
   color:var(--linkcolor);
}

@media (max-width: 991.98px){
   .comment .field-name-field-kto-we{
      padding:25px 0 10px;
   }
}

.comment .field-name-field-sauna-rating {
   float:none;
   display:block;
   width: 160px;
   padding: 0 10px 0 20px;
   border: none
}

.comment .field-name-field-sauna-rating .field-label{
   display:none
}

.comment .field-name-field-sauna-rating .fivestar-summary-average-count{
   display:none
}

.comment .username{
   display:none
}

.comment .new{
   display:none
}

.comment-form .field-name-field-sauna-rating{
   float:none;
   display:block;
   width: 100%;
   padding: 0;
   border: none;
   height:55px;
}

.comment-form .field-name-field-sauna-rating label{
   padding-bottom:10px;
}

.comment-form input[type="submit"]{
   margin-bottom: 20px
}

.comment-form input[type="text"]{
   max-width: 300px;
}

.comment-form .form-item-name{
   display:none
}

.comment .permalink{
   display:none
}

.comment h3{
   display:none
}

.comment .submitted .permalink{
   display:none
}

.comment .submitted{
   position:absolute;
   right:20px;
   top:22px;
   color:#909898;
   font: 13px/16px var(--font-family);
}

@media (max-width: 991.98px){
   .comment .submitted{
      top:15px;
      left:10px;
   }
}

.comment .submitted span{
   font: 12px/14px var(--font-family);
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}



.page-comment .links .comment-reply{
   display:none
}

.comment span.username{
   display: none;
}