/*

CUSTOM

*/

/* CONTENT BLOCKS **************************/

/* rooms carousel block */
.rooms-carousel {
  position: relative;
}

.rooms-carousel__inner {
  position: relative;
}

h2.rooms-carousel__title {
  color: #000;
  letter-spacing: normal;
  margin-bottom: 30px;
}

.rooms-carousel__text {
  font-size: 14px;
  line-height: 1.5em;
  margin-bottom: 30px;
}

.rooms-carousel__item {
  text-align: center;
}

.rooms-carousel__item h3 {
  font-size: 22px;
  line-height: 1.1em;
  color: #000;
  letter-spacing: normal;
  text-transform: initial;
  margin-bottom: 20px;
}

.rooms-carousel__item-img {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 35px;
}

.rooms-carousel__item .btn {
  font-size: 12px;
  letter-spacing: normal;
}

.rooms-carousel__item-img img {
  width: 100%;
  height: auto;
}

.rooms-carousel-images {
  position: relative;
}

.rooms-carousel-images_slider {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 35px;
}

.rooms-carousel-images__item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.rooms-carousel-images_slider img {
  width: 100%;
  height: auto;
}

.rooms-carousel .rooms-carousel__arrow.swiper-button-prev,
.rooms-carousel .rooms-carousel__arrow.swiper-button-next {
  top: 5%;
  width: 25px;
  height: 25px;
  outline: none;
}

.rooms-carousel .rooms-carousel__arrow.swiper-button-next {
  right: 45px;
}
.rooms-carousel .rooms-carousel__arrow.swiper-button-prev {
  left: auto;
  right: 100px;
}

/* room amenities block */
.room-amenities {

}

.room-amenities__inner {
  display: grid;
  grid-template-columns: 33% 33% auto;
}

.room-amenities__inner > div {
  padding: 10px;
}

.room-amenities__title {
  display: flex;
  align-items: center;
  font-size: 22px;
}

.room-amenities__list p  {
  font-size: 15px;
}

.room-amenities__list p span {
  display: inline-block;
  padding: 4px 0; 
}

@media (max-width: 768px) {
  .room-amenities__inner {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 70px auto auto;
  }

  .room-amenities__inner > div {
    padding: 0 10px;
    justify-content: center;
    text-align: center;
  }
}

/* room amenities icons */
.room-amenities-icons {

}

.room-amenities-icons__inner {
  
}

.room-amenities-icons__title {
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
}

.room-amenities-icons__list {
  display: grid;
  grid-template-columns: 33% 33% auto;
}

.room-amenities-icons__list > div {
  padding: 10px 5px;
}

.room-amenities-icons__item i {
  display: block;
  float: left;
  margin: 6px 12px 10px 5px;
}

@media (max-width: 768px) {
  .room-amenities-icons__list {
    display: grid;
    grid-template-columns: 100%;
  }

  .room-amenities-icons__list > div {
    text-align: center;
  }

  .room-amenities-icons__item i {
    display: inline-block;
    float: none;
    margin: 6px 5px 10px 5px;
  }
}

/* house features block */
.house-features {
 
}

.house-features__inner-2 {
  display: grid;
  grid-template-columns: 50% auto;
}

.house-features__inner-3 {
  display: grid;
  grid-template-columns: 33% 33% auto;
}

.house-features__inner-4 {
  display: grid;
  grid-template-columns: 25% 25% 25% auto;
}

.house-features__inner-2 > div,
.house-features__inner-3 > div,
.house-features__inner-4 > div {
  padding: 5px;
  text-align: center;
}

.house-features__inner-2 > div > p,
.house-features__inner-3 > div > p,
.house-features__inner-4 > div > p {
  font-size: 30px;
}

.house-features__inner-2 > div > p.feature-name,
.house-features__inner-3 > div > p.feature-name,
.house-features__inner-4 > div > p.feature-name {
  font-size: 18px;
}

@media (max-width: 768px) { 
  .house-features__inner-2,
  .house-features__inner-3,
  .house-features__inner-4 {
    display: grid;
    grid-template-columns: 100%;
  }
}

/* spaces features block */
.spaces-features {
  
}
.spaces-features__inner {
  
}

.spaces-features__title {
  text-align: center;
  font-size: 30px;
  padding-bottom: 20px;
}

.spaces-features__list-2 {
  display: grid;
  grid-template-columns: 50% auto;
}

.spaces-features__list-3 {
  display: grid;
  grid-template-columns: 33% 33% auto;
}

.spaces-features__list-4 {
  display: grid;
  grid-template-columns: 25% 25% 25% auto;
}

.spaces-features__list-2 > div,
.spaces-features__list-3 > div,
.spaces-features__list-4 > div {
  padding: 5px;
  text-align: center;
}

.spaces-features__list-2 > div > p,
.spaces-features__list-3 > div > p,
.spaces-features__list-4 > div > p {
  font-size: 18px;
}

.spaces-features__list-2 > div > p.feature-number,
.spaces-features__list-3 > div > p.feature-number,
.spaces-features__list-4 > div > p.feature-number {
  font-size: 30px;
}

@media (max-width: 768px) {
  .spaces-features__list-2,
  .spaces-features__list-3,
  .spaces-features__list-4 {
    display: grid;
    grid-template-columns: 100%;
  }
}

/* venues features boxes */
.venues-features-boxes {
  
}

h2.venues-features-boxes__title {
  text-align: center;
  font-size: 30px;
  letter-spacing: normal;
  color: #000;
  margin-bottom: 30px;
}

.venues-features-boxes__boxes {
  display: grid;
  grid-template-columns: 48% 48%;
  grid-column-gap: 3%;
  grid-row-gap: 35px;
}

.venue-features-box {
  position: relative;
}

.box-image-slider {
  position: relative;
}

.box-image-slider__slider {

}

.box-image-slider__item {
  position: relative;
  /*height: 200px;*/
  width: 100%;
  overflow: hidden;
}

box-image-slider__item img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.box-image-slider .swiper-button-prev,
.box-image-slider .swiper-button-next {
  outline: none;
}

.box-content {
  padding: 30px 18px;
  background-color: #f5f4ee;
}

.box-content__text {
  font-size: 14px;
  color: #272726;
  line-height: 1.25em;
  text-align: center;
  margin-bottom: 6px;
}

.box-content__text h3 {
  text-align: center;
  color: #272726;
  letter-spacing: normal;
  margin-bottom: 15px;
}

.box-content__text h4 {
  font-size: 16px;
  text-align: center;
  color: #272726;
  margin-bottom: 6px;
}

.box-content__features {
  display: grid;
  grid-template-columns: 33% 33% 33%;
}

.box-content__features .feauture-item {
  text-align: center;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.25em;
  color: #272726;
}

.box-content__features .feauture-item .feature-item__icon {
  display: block;
  width: 80px;
  padding: 13px 5px;
  margin: 0 auto 3px;
  text-align: center;
  font-size: 26px;
  border-radius: 15px;
  background-color: #fff;
}

@media (max-width: 768px) {
  .venues-features-boxes__boxes {
    display: grid;
    grid-template-columns: 100%;
  }
}



/* experience boxes block */
.experience-boxes {
  
}

.experience-boxes__inner-3 {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-column-gap: 5%;
  grid-row-gap: 35px;
}

.experience-boxes__inner-4 {
  display: grid;
  grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
  grid-column-gap: 2%;
  grid-row-gap: 35px;
}

.experience-boxes__item {
  padding: 25px 17px;
  background-color: #fff;
  border-radius: 10px;
}

.experience-boxes__inner-3 .experience-boxes__item {
  padding: 25px;
}

.experience-boxes__item .item-title {
  font-size: 20px;
  line-height: 1.1em;
  text-align: center;
  padding-bottom: 10px;
}

.experience-boxes__item .item-text {
  font-size: 15px;
  line-height: 1.3em;
}

@media (max-width: 768px) {
  .experience-boxes__inner-3,
  .experience-boxes__inner-4 {
    display: grid;
    grid-template-columns: 100%;
  }
}


/* swiper */
.swiper2-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.swiper2-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-container-android .swiper2-slide,.swiper2-wrapper {
  transform: translateZ(0)
}

.swiper2-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}

.swiper2-button-next,.swiper2-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background: no-repeat 50%;
  outline: none;
}

.swiper2-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto
}

.swiper2-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto
}

.swiper2-button-next.swiper-button-disabled,.swiper2-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}


/* jquery lightbox 2 */
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
  opacity: 1!important;
}

.lb-nav a.lb-next {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' width='55px' height='55px'><path d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/></svg>");
}

.lb-nav a.lb-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44' width='55px' height='55px'><path d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/></svg>");
}

.lb-data .lb-close {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' version='1.1' id='svg2' height='25' width='25' sodipodi:docname='close_icon_grey.svg' inkscape:export-filename='D:%5CЗагрузки%5Cclose_icon_black2.svg.png' inkscape:export-xdpi='72.959999' inkscape:export-ydpi='72.959999' inkscape:version='0.92.3 (2405546, 2018-03-11)'%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='706' id='namedview3731' showgrid='false' inkscape:zoom='15.245222' inkscape:cx='5.6822049' inkscape:cy='12.495936' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='imagebot_2' /%3E%3Cdefs id='defs13' /%3E%3Cmetadata id='imagebot_6'%3Eimage/svg+xml%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(3.9661017,3.5677966)' id='imagebot_2' label='Layer 1'%3E%3Cpath inkscape:connector-curvature='0' stroke-miterlimit='4' d='M -2.5783352e-4,-0.00146808 17.435473,18.212367' id='imagebot_5' style='opacity:1;fill:%23007aff;stroke:%23007aff;stroke-width:3.23161912;stroke-linecap:round;stroke-miterlimit:4;fill-opacity:1;stroke-opacity:1' /%3E%3Cpath inkscape:connector-curvature='0' stroke-miterlimit='4' d='M -2.5783352e-4,18.212367 17.435473,-0.00146808' id='imagebot_4' style='opacity:1;fill:%23007aff;stroke:%23007aff;stroke-width:3.23161912;stroke-linecap:round;stroke-miterlimit:4;fill-opacity:1;stroke-opacity:1' /%3E%3Ctitle id='title9'%3ELayer 1%3C/title%3E%3C/g%3E%3C/svg%3E%0A");
}