.reservation_asset_style .tariff-value {
  background-color: #eee;
}
.room-list .tariff-value {
  color: #212529;
}
.min_tariff,
.normal_tariff {
  color: #212529;
  font-size: 24px;
}
@media screen and (max-width: 950px) {
  .asset-contact p,
  .availability-search > h3,
  .roomtype_more_desc p,
  .sr-list-icon li {
    color: #0d1321 !important;
  }
  .logo-image-phone {
    height: 54px !important;
    margin-left: -25px !important;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-left {
    margin-right: 0 !important;
  }
  #sp-header {
    padding: 13px 0 !important;
  }
  .reservation_asset_item h1 {
    color: #0d1321 !important;
    font-family: Lora !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    text-align: center !important;
  }
  .availability-search > h3,
  .btn,
  .btn.show-inquiry-form {
    font-weight: 700 !important;
    text-align: center !important;
    font-family: Arimo !important;
  }
  .btn {
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 14px !important;
  }
  .btn.show-inquiry-form {
    color: #fff !important;
    background-color: #91b54d !important;
    border-color: #fff !important;
    height: 40px !important;
    font-size: 14px !important;
  }
  .btn.show-inquiry-form:hover {
    background-color: #83a444 !important;
  }
  .col-md-8 {
    margin-top: 15px !important;
  }
  .btn-group-lg > .btn,
  .btn-lg,
  .d-grid > button.btn.btn-primary,
  .reservation_asset_item .even .btn,
  .reservation_asset_item .odd .btn {
    padding: 12px 18px !important;
  }
  .d-grid {
    display: block !important;
    text-align: center !important;
  }
  joomla-tab[view="accordion"] > button {
    padding: 10px 0 !important;
    text-align: left !important;
    box-shadow: 1px 0 #ffffff00 !important;
    background-color: #fff !important;
    box-shadow: 0 0 #fff !important;
  }
  joomla-tab[view="accordion"] joomla-tab-element {
    padding: 10px 0 !important;
  }
  joomla-tab > joomla-tab-element {
    border: 0 solid #fff !important;
    box-shadow: 0 0 0 #00000000 !important;
    border-radius: 0 !important;
  }
  joomla-tab[view="accordion"] > button:focus,
  joomla-tab[view="accordion"] > button[aria-expanded="true"] {
    background-color: #fff !important;
    background-image: linear-gradient(#fff, #fff 100%) !important;
  }
  joomla-tab button[aria-expanded="true"]:after {
    background-color: #00000000 !important;
  }
  joomla-tab[view="accordion"] > button[aria-expanded="false"],
  joomla-tab[view="accordion"] > button[aria-expanded="true"] {
    background-image: url(https://apsnyhotels.ru/images/Icon16x16.png) !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
  }
  .availability-search > h3 {
    font-size: 18px !important;
    line-height: 18px !important;
    text-transform: none !important;
  }
  .col-md-4.room_type_gallery {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .roomtype_name > h4 {
    font-family: Arimo !important;
    font-size: 18px !important;
    font-weight: 550 !important;
    line-height: 28.8px !important;
    text-align: left !important;
  }
  .roomtype_name {
    border-bottom: 0 solid #dbdbdb !important;
    margin-bottom: 15px !important;
  }
  button.btn.btn-secondary.btn-sm.toggle-tariffs {
    color: #909090 !important;
    border-color: #d1d1d1 !important;
    background-color: #fff !important;
  }
  button.btn.btn-secondary.btn-sm.toggle-tariffs:hover {
    color: #ccc !important;
    border-color: #ccc !important;
    background-color: #fff !important;
  }
  .btn.load-calendar,
  .btn.show-inquiry-form,
  .btn.toggle-tariffs,
  .btn.toggle_more_desc {
    margin-top: 10px !important;
  }
  section#sp-booking-wrapper {
    padding: 0 15px !important;
    margin-bottom: 20px !important;
  }
  #sp-booking {
    background: #fff !important;
    border: 2px solid #d7d7d7 !important;
  }
  #sp-booking .datefield,
  #sp-booking input,
  #sp-booking select {
    background-color: #fff !important;
    border: 1px solid #cbcbcb !important;
  }
  #sp-booking .input-group-text {
    color: #909090;
    
  }
  span.fab.fa-facebook,
  span.fab.fa-instagram,
  span.fab.fa-vk,
  span.fab.fa-youtube {
    font-size: 32px !important;
  }
  .section-spacing {
    padding: 30px 0 !important;
  }
  div#sp-booking > .sp-column > .sp-module > h3.sp-module-title {
    color: #0d1321;
  }
  .small-logo {
    max-width: 200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #sp-footer ul.menu li {
    margin: 0 16px 10px !important;
  }
  .room_type_details > .col-md-3,
  .room_type_gallery,
  .room_type_row,
  .tariff-box {
    background-color: #fff !important;
  }
  .solidres-module-asset > div:not(:first-child),
  .solidres-module-coupon > div:not(:first-child),
  .solidres-module-exp-extra-item:not(:first-child),
  .solidres-module-experience-item:not(:first-child),
  .solidres-module-extra > div:not(:first-child),
  .solidres-module-feedback > .feedback_item:not(:first-child),
  .solidres-module-roomtype > div:not(:first-child) {
    margin-top: 0 !important;
  }
  .sp-module.box4.title2
    > .sp-module-content
    > .row.solidres-module-asset
    > .col-md-3.id\= {
    width: 75% !important;
    width: 75% !important !important;
  }
  .sp-module.box4.title2 > .sp-module-content > .row.solidres-module-asset {
    flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    overflow-y: auto;
    overflow-x: scroll !important;
    padding: 16px;
    scrollbar-width: none !important;
-webkit-overflow-scrolling: touch;
  }
.sp-module.box4.title2 > .sp-module-content > .row.solidres-module-asset::-webkit-scrollbar {
  display: none;
}
  .sp-module.box4.title2
    > .sp-module-content
    > .row.solidres-module-asset:nth-child(2),
  .sp-module.box4.title2
    > .sp-module-content
    > .row.solidres-module-asset:nth-child(3),
  .sp-module.box4.title2
    > .sp-module-content
    > .row.solidres-module-asset:nth-child(4),
  .sp-module.box4.title2
    > .sp-module-content
    > .row.solidres-module-asset:nth-child(5),
  .sp-module.box4.title2
    > .sp-module-content
    > .row.solidres-module-asset:nth-child(6) {
    display: none !important;
  }
}
.input-group > .form-control,
.input-group > .form-select {
  
  background-position: center right !important;
  background-repeat: no-repeat !important;
}
.solidres-module-asset-item .carousel {
  margin-top: 0;
}
.solidres-module-asset-item {
  border-radius: 8px;
}
.carousel-inner {
  border-radius: 8px 8px 0 0;
}
.solidres-module-asset-item > h4 {
  margin-top: 15px;
  line-height: 23.4px;  
  max-height: 46.8px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  
    text-overflow: ellipsis;
           
}
.solidres-module-asset-item {
  border: 0 solid #e1e1e1;
  -webkit-box-shadow: 0 0 8px 0 rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 0 0 8px 0 rgba(34, 60, 80, 0.2);
  box-shadow: 0 0 8px 0 rgba(34, 60, 80, 0.2) !important;
  padding-bottom: 10px !important;
  margin-bottom: 16px;
  padding: 0;
}
.sp-module.box4.title2
  > .sp-module-content
  > .row.solidres-module-asset:nth-child(3),
.sp-module.box4.title2
  > .sp-module-content
  > .row.solidres-module-asset:nth-child(4),
.sp-module.box4.title2
  > .sp-module-content
  > .row.solidres-module-asset:nth-child(5),
.sp-module.box4.title2
  > .sp-module-content
  > .row.solidres-module-asset:nth-child(6) {
  display: none !important;
}
#Популярные_направления {
  margin-top:0px;
  padding-top: 0px;
  padding-bottom: 0px;
  container-type: inline-size;
  container-name: Популярные_направления;
}
#Популярные_направления-блок {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#Популярные_направления-блок a {
  min-width: 320px;
  width: calc(100% / 3 - (16px * 2 / 3));
  aspect-ratio: 1.3466;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

  
#Популярные_направления-блок a:nth-child(4),
#Популярные_направления-блок a:nth-child(5) {
  width: calc(100% / 2 - (16px / 2));
  aspect-ratio: 2.0466;
}
#Популярные_направления-блок h4 {
  font-size: 32px;
  font-size: max(32px, min(18px));
  font-weight: 700;
  color: #fff;
  padding: 16px 32px;
  margin: 0;
  
  line-height: 1;
}
.заголовок2 {
  margin-bottom:32px;
}
@container Популярные_направления (max-width:991px) {
  #Популярные_направления-блок {    
    white-space: nowrap;
    gap: 12px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-wrap: nowrap;
    width:100vw;
    margin-left:-15px;
    padding-left:16px;
  }
  #Популярные_направления-блок::-webkit-scrollbar {
    display: none;
  }
}
#pop-cop {
  padding: 0 0;
  container-type: inline-size;
  container-name: pop-cop;
}
#pop-cop-блок {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#pop-cop-блок span {
  min-width: 120px;
  width: 100%;
  aspect-ratio: 2.036;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#pop-cop-блок span:nth-child(1) {
  width: 100%;  
  height:278px;
}
#pop-cop-блок span:nth-child(2) {
  width: calc(40% - (8px / 2));
  height:200px;
}
#pop-cop-блок span:nth-child(3) {
  width: calc(60% - (8px / 2));
  height:200px;
}
#pop-cop-блок span:nth-child(4) {
  width: 100%;  
  height:360px;
}
#pop-cop-блок span:nth-child(5) {
  width: calc(60% - (8px / 2));
  height:200px;
}
#pop-cop-блок span:nth-child(6) {
  width: calc(40% - (8px / 2));
  height:200px;
}
#pop-cop-блок span:nth-child(7) {    
    display:none;
}
@media (max-width: 991px) {
  #Популярные_направления {
    margin-top:0px;
    padding-top:0px;
    padding-bottom: 40px;
  }
  #pop-cop-блок {
    width:100vw;
    gap:0px;
    margin-left:-16px;
    padding-top: 32px;
    white-space: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-wrap: nowrap;
  }
  #pop-cop-блок::-webkit-scrollbar {
    display: none;
  }
  #pop-cop-блок span {
    min-width: 320px;
    width: 100%;
    aspect-ratio: 2;
    border-radius:0px;
  }
  #pop-cop-блок span:nth-child(1) {
    height:160px;
}
  #pop-cop-блок span:nth-child(2) {
    height:160px;
}
  #pop-cop-блок span:nth-child(3) {
    height:160px;
}
  #pop-cop-блок span:nth-child(4) {
    height:160px;
}
  #pop-cop-блок span:nth-child(5) {
    height:160px;
}
  #pop-cop-блок span:nth-child(6) {
    height:160px;
    display:none;
}
  #pop-cop-блок span:nth-child(7) {
    height:160px;
    display:block;
}
}
#sp-footer-wrapper {
  padding-bottom: 20px;
}
#sp-top2 {
  justify-content: end;
}
#sp-top-bar {
  align-items: center;
  height: 85px;
}
@media (max-width: 991px) {
  #sp-top-bar {
    height: 120px;
  }
  #sp-top1 {
    align-content: center;
  }
}
#sp-top-bar a:hover {
  color: #fff;
}
.login-profile-button {
  height: 35px;
  width: 195px;
  color: #7da139;
  gap: 10px;
  border-radius: 4px;
  padding: 8px, 16px;
  border: 1px solid #7da139;
  background-color: #fff;  
font-family: Roboto;
font-size: 14px;
font-weight: 500;
text-align: center;

}
.login-profile-button:hover {
  color: #fff;
  background-color: #87AB43;
}
.login-profile-button:active {
  background-color:#7DA139;
}
@media (min-width: 1244px) {
  #header-background {
    height: 430px;
    background-color: #91b54d;
    background-image: url("/images/banner/Picturetext.svg"), url("/images/banner/Font.svg");
    background-size: 100% 85%, 1920px 430px;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 18px right 50%, bottom;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  #header-background {
    height: 430px;
    background-color: #91b54d;
    background-image: url("/images/banner/Picturetext.svg"), url("/images/banner/Font.svg");
    background-size: 90% auto, 1920px 430px;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom 18px right 50%, bottom;
  }
  
}
@media (max-width: 767px) {
  #sp-top-bar {
    align-items: start;
    height:auto;
    padding-top:16px;
    padding-bottom:16px;
  }
  #sp-top1 {
    padding-left: 0;
    padding-right: 30px;
  }
  #sp-top2 {
    justify-content: center;
    padding-top:16px;
  }
  #sp-top2 > .sp-column {
    display:flex;
    flex-direction: column;
    gap:12px;
  }
  #header-background {
    height:192px;
    background-color:#91b54d; 
    background-image: url("/images/banner-mobile/txt1.svg"), url("/images/banner-mobile/Picture.png"), url("/images/icons2/Font.svg");
    background-size: 60% 40%, 90% auto, 100vw auto ;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: top 16px left 20%, bottom 5px right 50%, bottom;
  }
  .search-container {
    margin-top: -6px;
  }
  .unstackmobile-1 {
    margin-bottom: 4px;
  }
  .unstackmobile-2 {
    margin-bottom: 4px;
  }
  .заголовок2 {
  margin-bottom:10px;
}
}
@media (min-width: 768px) {
  .search-container {
  margin-top: -20px;
}
}

.solidres-module-advancedsearch {
  width:100%;
  max-width:1214px;
}
.search-element-bordered {
  border: 0px solid #000;
  border-radius: 5px !important;
}
.sbe3 > .form-floating {
  border: 0px solid #000;
  border-radius: 5px !important;
}
.sbe4 > .form-floating {
  border: 0px solid #000;
  border-radius: 5px !important;
}
.child-border-fix > select {  
  border-radius: 5px !important;
  border-right:0px;
  
}
.adult-border-fix > select {
  
  border-radius: 5px !important;
}

.search-elem-build-1 {
      background-color:#373737;
    padding-top: 4px;
  padding-bottom:4px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 8px 8px 0 0;
}
.search-elem-build-2 {
      background-color:#373737;
    
  padding-bottom:4px;
    padding-left: 4px;
    
    border-radius: 0px 0px 0px 8px;
}
.search-elem-build-3 {
      background-color:#373737;
    padding-top: 0px;
  padding-bottom:4px;
    padding-left: 0px;
    padding-right: 4px;
    border-radius: 0px 0px 8px 0px;
}
.search-elem-build-4 {
      background-color:#373737;
    padding-top: 0px;
  padding-bottom:0px;
    padding-left: 4px;
    padding-right: 0px;
    border-radius: 0px 0px 0px 0px;
}

.sbe1{
  padding-right:4px;
  padding-left:0px;
}
.sbe2{
  padding-left:0px;
  padding-right:0px;
}
.sbe3{
  padding-left:0px;
  padding-right:4px;
}
.sbe3 > .form-floating{
  padding-left:0px;
  padding-right:4px;
}
.sbe4 > .form-floating{
  padding-left:0px;
  padding-right:4px;
}
.sbe4{
  padding-left:0px;
}
.sbe4 > button{
    font-family: Roboto!important;
    font-size: 16px!important;
    font-weight: 500!important;
    font-style:normal;
  }
.room_num_row {  
  margin-bottom:4px;
  margin-right:4px;
}
.room_num_row:nth-child(2) {  
  margin-top:0px;
  padding-right:0px;
}
.room_num_row:first-child {  
  margin-bottom:4px;
  padding-right:0px;
}

.search-child-ages {
  
  border-radius:5px;  
}

@media (max-width: 767px) {
  .search-elem-build-1 {
        background-color:#373737;
      padding-top: 4px;
    padding-bottom:4px;
      padding-left: 4px;
      padding-right: 4px;
      border-radius: 8px 8px 0 0;
  }
  .search-elem-build-2 {
        background-color:#373737;
      
    padding-bottom:4px;
      padding-left: 4px;
    padding-right: 4px;
      
      border-radius: 0px 0px 0px 0px;
  }
  .search-elem-build-3 {
        background-color:#373737;
      padding-top: 0px;
    padding-bottom:4px;
      padding-left: 0px;
      padding-right: 4px;
      border-radius: 0px 0px 8px 8px;
  }
  .search-elem-build-4 {
        background-color:#373737;
      padding-top: 0px;
    padding-bottom:0px;
      padding-left: 4px;
      padding-right: 0px;
      border-radius: 0px 0px 0px 0px;
  }

  .sbe1{
    padding-right:0px;
    padding-left:0px;
  }
  .sbe2{
    padding-left:0px;
    padding-right:0px;
  }
  .sbe3{
    padding-left:4px;
    padding-right:0px;
  }
  .sbe3 > .form-floating{
  padding-left:0px;
  padding-right:0px;
  }
    .sbe4 > .form-floating{
  padding-left:0px;
  padding-right:0px;
  }
  .sbe4{
    padding-left:4px;
    min-height:60px;
  }
  .room_num_row .room_num_label label, .action label{
    display:block!important;
    padding-top:12px;
  }
  .search-child-ages {
    margin-top:4px;    
  }
  .search-child-ages > select{
    height:60px;
  }

}  

.input-clear-defbord,
.search-element-bordered > select {
  border: 0px;
}


.form-control[readonly] {
  background-color: #fff;
}
.room_num_row .room_num_label {
 font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
  font-style: normal;
  color:black;
text-align: left;
}

  
#sp-footer-wrapper {
  background: #373737;
}
.pophotels-badge {
  margin-bottom:-0px;
  padding-top: 10px;
  display: flex;
  justify-content: start;
  height: 100%;
  min-height: 50px;
}
span.review-comment{
  display:none;
}
.review-score-badge{
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border:none;
  background-color:#91B54D;
  color:white;
}
.review-count {
font-family: Roboto;
font-size: 14px;
font-weight: 400;
line-height: 21px;
}

.section-boxed > .container {
  max-width:1274px; 
}
#bottom4fix {
  max-width:1244px;
  padding-left:16px;
  padding-right:16px;
}

.gradient-overlayed-header {
  font-family: Raleway;
font-size: 28px;
font-weight: 500;
line-height: 39.2px;
  background: linear-gradient(0deg, rgba(129, 128, 141, 0) 70%, rgba(129, 128, 141, 0.7) 100%);
  height:100%;
  border-radius: 8px;
}
.gradient-overlayed-header:hover {
  background: linear-gradient(0deg, rgba(129, 128, 141, 0) 70%, rgba(79, 79, 97, 0.7) 100%);
  box-shadow: 0 0 0 4px #C7D9A5;    
}
@media (max-width: 767px) {
  .gradient-overlayed-header:hover {
  box-shadow: none;    
}
  .gradient-overlayed-header:active {
  box-shadow: none;
  }
}
.gradient-overlayed-header:active {
  background: linear-gradient(0deg, rgba(79, 79, 97, 0) 70%, rgba(79, 79, 97, 0.7) 100%);
  box-shadow: 0 0 0 4px #C7D9A5;
}



.scrolling-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap:12px;
  padding-left:16px;
}
.scrolling-wrapper::-webkit-scrollbar {
  display: none; 
}
.scrolling-wrapper .col-md-3 {
  flex: 0 0 auto;
}
.scrolling-wrapper .card {
  min-width: 200px;
}


.photo-caption{
  background: linear-gradient(0deg, rgba(3, 3, 29, 0.5) 0%, rgba(13, 13, 39, 0) 50%);
  border:0px;
  border-radius:8px;
}
.photo-caption:hover {
  box-shadow: 0 0 0 4px #C7D9A5;
  background: linear-gradient(0deg, rgba(3, 3, 29, 0.5) 0%, rgba(13, 13, 39, 0) 70%);
}
.photo:focus-within{  
  border-radius:8px;
}
@media (max-width: 767px) {
  .photo-caption:hover {
  box-shadow: none;    
}
  .photo-caption:active {
  box-shadow: none;
  }
}

.sp-scroll-up {
  border-radius:4px;
}
.sp-scroll-up:hover {
  background-color:#DEE9CA;
  border:1px;
  border-color:#91B54D;
}  
.sp-scroll-up:hover .fas:before{
  color:#7DA139;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  background-color:#C7D9A5;
}

.accordion-button {  
font-family: Roboto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
  color:#03031D
  
}
.accordion-button:focus{
  border-bottom: 1px solid #C0C0C6;
  box-shadow:none;
  transition:none;  
}
.accordion-button:active{
  border: 1px solid #C0C0C6;
  box-shadow:none;
  transition:none;  
}


.accordion-button:not(.collapsed) {
  color: black;
  border:none;
  background-color: white;
  box-shadow:none;
}

.input-group>.form-control:focus, .input-group>.form-select:focus{
  z-index: 0;
}  


.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}
@media (min-device-width: 768px){
 .accordion-header {
  line-height:48px;
 }
 #sp-po-tipu-razmeshcheniya {
    padding-top:40px;
    padding-bottom:44px;
  }
  #sp-populyarnye-oteli {
    padding-top:60px;
    padding-bottom:60px;
  }
  #sp-vy-mechtaete-ob-otdykhe-v-abkhazii {
    padding-top:60px;
    padding-bottom:150px;
  }
}
.accordion-button:hover .accordion-button:not(.collapsed) {
  border: 2px solid #C0C0C6;
  margin-top:-2px;
  margin-bottom:-2px;
  box-shadow:none;
  transition:none;  
}  
@media (min-device-width: 768px){  
  .accordion-button:hover{
  border: 2px solid #C0C0C6;
  margin-top:-2px;
  margin-bottom:-2px;
    box-shadow:none;
    transition:none;  
    }
}
.accordion-button:not(.collapsed) {
  border: 2px solid #C0C0C6;
  margin-top:-2px;
  margin-bottom:-2px;  
  background: #F9F9FA;
  box-shadow:none;
}

.greenbtn-fg {
  background:#91B54D;
  color:white;
gap: 10px;
border-radius: 4px;
  border:1px solid #91B54D;
}
.greenbtn-fg:hover {
  background:#87AB43;
  color:white;
gap: 10px;
border-radius: 4px;
  border:1px solid #87AB43;
}
.greenbtn-fg:active {
  background:#7DA139;
  color:white;
gap: 10px;
border-radius: 4px;
  border:1px solid #7DA139;
}

.solidres-module-asset:not(:first-child) {
  margin-top:0px;
}
.solidres-module-asset {
  padding-left:8px;
  padding-right:8px;
}
.solidres-module-asset > .col-md-3 {
  padding-left:8px;
  padding-right:8px;
}
@media (max-width: 768px){
  .solidres-module-asset > .col-md-3 {
    padding-left:12px;
    padding-right:12px;  
    margin-left:-12px;
  }
}
  
.box-link:hover {
  box-shadow: 0 0 0 4px #C7D9A5;
  border-radius:8px;
  }
@media (max-width: 767px) {
  .box-link:hover {
  box-shadow: none;    
}
  .box-link:active {
  box-shadow: none;
  }
    .box-link:focus {
  box-shadow: none;
  }
}  
/*
  .solidres-module-asset-item:focus-within{
  transform: scale(1.2);
  border-radius:8px;
  z-index:9999;
  background:white;
*/
}
.form-select:focus {
  box-shadow:none;
  border-color:#d2d8dd;
}
.form-select > option:hover{
  background-color:#F9F9FA;
}
.bot4-nonac-p {
  margin-top:8px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.8px;
  text-align: left;
  color: #81808D;
}

.bot4-ico {
  margin-right: 12px;
  height: 40px;
  width: 40px;  
}
@media (min-device-width: 768px){
  .bot4-ico {
  margin-right: 0px;  
  height: 60px;
  width: 60px;     
}
  .bot4-nonac-p {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color:#81808D;    
}
  .bot4-text-to-icon-pad{
    padding-left:12px;
  }
  .icons-block {
  min-width:60px;
}  
  .bot4-col7 {
  padding-left:0px;
  padding-right:8px;
}
  .bot4-col5 {
  padding-left:8px;
  padding-right:0px;
}
}
.form-select{
  border:1px solid #ced4da;
}
.carousel-nm-add {
  height:124px;
  padding-top:12px;
  display:flex;
  flex-direction:column;  
}
.pophot-trunc {
  margin-bottom:4px;
  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

/*телефон в хэдере*/
.phone-header {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 600;
  line-height: 23.4px;
  text-align: center;
  color: white!important;
  margin-right:24px;
}
@media (max-width: 767px) {
  .phone-header {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.8px;
    text-align: center;
    color: white!important;
    margin-right:0px;
    margin-top:-6px;
  }
}  
/*hero-h1*/
.container-grey {
  margin-top:-20px;
  margin-bottom:60px;
  background-color:#F9F9FA;
  border-radius:8px;
  padding:32px
}
.container-grey h1 {
  margin-top:20px;
  margin-bottom:24px;
  font-family: Raleway;
  font-size: 36px;
  font-weight: 500;
  line-height: 39.6px;
  text-align: left;
  color: #03031D;
}
.container-grey p {
  margin-top:8px;
  margin-bottom:0px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #03031D;
}
@media (max-width: 767px) {
  .container-grey {
   margin-top:-18px;
   margin-bottom:0px;
   background-color:white;
   border-radius:8px;
   padding-left:0px;
   padding-right:0px;
   padding-bottom:40px;
  }
  .container-grey h1 {
    margin-top:1px;
    margin-bottom:12px;
    font-family: Raleway;
    font-size: 24px;
    font-weight: 500;
    line-height: 31.2px;
    text-align: left;
    color: #03031D;
  }
  .container-grey p {
   margin-top:4px;
   margin-bottom:0px;
   font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #03031D;
  }
/*  
    .container-grey img{
    height:140px;
    width:100%;
  }
*/  
}
.op-call {
  background: #91B54D1A;
  padding-top:32px;
  padding-bottom:32px;
}
.op-call span {
  font-family: Roboto;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  text-align: left;
  color:#03031D;
}
.op-call bold{
  font-weight: 600;
}
.op-call img{
  height:96px;
  width:96px;
  margin-right:32px;
}
.picture-h1{
    border-radius:8px;    
}
@media (max-width: 767px) {
  .op-call {
  padding-top:18px;
  padding-bottom:18px;
 }
 .op-call span {
   font-family: Roboto;
   font-size: 20px;
   font-weight: 400;
   line-height: 30px;
   text-align: left;
   color:#03031D;
 }

 .op-call img{
  height:56px;
  width:56px;
  margin-right:12px;
 }  
  .picture-h1{
    border-radius:0px;
    width:100vw;
  }
}  
.sale-container{
  margin-bottom:6px;
  padding-left:0px;
  padding-right:15px;
}
.sale-img {
  z-index:1;
  height:80px;
  width:80px;
  padding:0px;
}
.sale-ribbon {
  margin-left:-60px;
  padding-left:70px;
  display: block;
  color: #C82131;
  text-align: center;
  background: #FFE81B;
  width: 530px;
  clip-path: polygon(0 0, 100% 0, 96% 50%, 100% 100%, 0 100%);
font-family: Raleway;
font-size: 28px;
font-weight: 500;
line-height: 39.2px;
text-align: left;
}
@media (max-width: 767px) {
  .sale-container{
   margin-bottom:0px;
   padding-left:0px;
   flex-wrap: nowrap;
   text-wrap: pretty;
  }
  .sale-img {
    display:inline-block;
   height:60px;
   width:60px;
  }
  .sale-ribbon {
   margin-left:-18px;
   padding-left:28px;
    padding-right:16px;
   display: inline;
   color: #C82131;
   text-align: center;
   background: #FFE81B;
   width: 100%;
   
font-family: Raleway;
font-size: 20px;
font-weight: 600;
line-height: 26px;
text-align: left;

   }
}  
/*hero-h1*/
#sp-top-b {
  background-color: #ffffff;
  border-radius: 0px 0px 12px 12px;
}
#sp-roomtypes {
  background-color: #91b54d;
}
#mod-custom365 > h1 {
  color: #91b54d;
}


#sp-akkordeon{
  padding-top:60px;
  padding-bottom:60px;
}
.acc-panels-container{
  display:flex;
}
.acc-panel-cont{
  min-height:196px;
  padding:32px 20px 40px;
  background-color:white;
  text-align:center;
}
.acc-panels-container .col-md-3{
  padding-left:8px;
  padding-right:8px;
}  
.acc-panels-container .col-md-3:first-child{
  padding-left:15px;
}
.acc-panels-container .col-md-3:last-child{
  padding-right:15px;
}
.acc-panels-container .acc-panel-cont{  
    border-radius: 8px;
    box-shadow: 0 0 0 2px #DEE9CA;
}
@media (pointer: fine){
.acc-panels-container .acc-panel-cont:hover {
  box-shadow: 0 0 0 4px #D3E1B8;
}
.acc-panels-container .acc-panel-cont:active {
  box-shadow: 0 0 0 4px #C7D9A5;
}
}


.fw-acc-button {  
  padding: 16px 0px 0px;
  text-align:center;
  border-radius: 8px!important;
  border:none;
  align-items: flex-start;
}

.fw-acc-button:hover {
  border:none;
  margin-top: 0px;
  margin-bottom: 0px;
  box-shadow: none;
  transition: none;
}
.fw-acc-button:not(.collapsed){
  border:none;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color:white;
}

.acc-panels-container .accordion-item{  
  border-radius: 8px;
  border:none;
}
.fw-acc-body {
  padding:4px 0px 0px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color:#81808D;
}

  .fw-acc-header{
  margin-left:auto;
}
 .acc-panel-cont > .accordion-button::after  {
  position:absolute;
  top:20px;
  right:0px;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}  
.acc-panel-cont:not(.collapsed) .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
   .fw-acc-img {
   height:60px;
   width:60px;
 }

.fw-acc-button {  
  align-items: flex-start;
}
.fw-acc .accordion-button::after{
  position:relative;
  top:3px;
}

.social-footer {
  gap:24px;padding:8px 52px 28px;
}


@media (max-width: 767px) {
  #sp-akkordeon{
    padding-top:30px;
    padding-bottom:40px;
  }
  
 .acc-panels-container{
  margin:0px;
 } 
  .acc-panels-container .col-md-3{
  margin-top:12px;
  padding-left:0px;
  padding-right:0px;
 }  
  .acc-panels-container .col-md-3:first-child{
  padding-left:0px;
 }
  .acc-panels-container .col-md-3:last-child{
  padding-right:0px;
 }
  .fw-acc-img {
   height:40px;
   width:40px;
 }
  .acc-panel-cont{
  min-height:auto;
  padding:16px 16px 20px;
 }
  .fw-acc-button {  
  padding: 8px 0px 0px;
 }
 .fw-acc-body {
  padding:8px 0px 0px;
 }

  .acc-panel-cont:not(.collapsed) {
  box-shadow: 0 0 0 2px #C7D9A5;
}

  .social-footer {
   gap:8px;
   padding:16px 52px 2px;    
 }
}  

#map {
  width:100%!important;
  height:200px!important;
}
#sp-roomtypes {
  background-color: #fff;
}