@textColor:           #312E29;
@accentColor:   #CDA349;
@accentColor_02:rgba(205, 163, 73, 0.2);
@accentColorH:  #ebbe5e;
@mainColor:     #0A3542;
@mainColorAccent: #05161C;
@beforBG:       #242424;
@darkColor:     #312E29;
@lightColor:    #8DC4A9;
@mainSliderHeight: 100vh;
@subPageSliderHeight: 60vh;
@containerWidth: 1300px;
@sectionWidth:1180px;

.flexing {display:flex; flex-flow: row wrap;}
.clearList {list-style: none; padding: 0; margin: 0;}
.centerCenter {position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.centerMe {position: absolute;left:50%;transform: translate(-50%,0);}
.buttonStyles {padding: 0 40px; border: 1px solid;text-transform: uppercase; display: inline-block;cursor:pointer;}
.button2Styles {
  padding: 5px 0;display: inline-block; cursor: pointer;position: relative; color:@lightColor;padding-left: 0;left:0;
  &::after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 40%;
    border-bottom: 1px solid @lightColor;
    width: 100%;
  }
  &:hover::after {
    left:0;
  }
  &:hover {
    left:10px;
  }
}
.simpleContent {
  .flexing;
  width:100%;
  max-width:980px;
  margin:0 auto;
  text-align: center;
  line-height: 32px;
  font-size: 18px;
}
.containerWidth {width:100%; max-width: 1300px; margin:0 auto;}
.scrollTop {background: @mainColor;}
body, * {
  color: @textColor;
}

/* Slider */
.bxslider,.bxslider li,.BxImage {height: 100%;padding: 0;}
.slide  .bx-viewport {height: @mainSliderHeight !important;}
.slide.slidePage  .bx-viewport {height: @subPageSliderHeight !important;}
.BxImage {background-size: cover !important; background-position: center center; position: relative;}
.BxImage::before {content:'';position: absolute;top:0;left:0;right:0;bottom:0; background: @beforBG; opacity: .15;}

.buttonRez {
  background: @accentColor;
  text-align: center;
  .buttonStyles;
  color:@accentColor;
  margin: 0 20px;
  min-width: 170px;
  b i {
          color: #fff;
  }
  &:hover {
    background:@accentColorH;
    color:@accentColorH;
  }
}
.BxCaption {
  .centerCenter;
  text-align: center;
  .BxTitle {
    color: #fff;
    padding: 0;
    margin: 0;
  }
  .button {
    .buttonStyles;
    background: rgba(0,0,0,0.3);
    color: #fff;
    margin-top:40px;
    &:hover {
      background: @accentColorH;
    }
  }
}
.OfferBannerCeny {
  color: #fff;
  font-size: 24px;
  margin-top: 15px;
}
.loader-logo .logoFixed {
    display: inline-block;
    margin: 0 auto;
    width: 110px;
    margin-top: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
@media(min-width:981px) {
  .callUs {display: none;}
  .bottomNavMobile, .MenuMobile, .JezykiMobile {display: none;}
  /* headerDesktop */
  .mainHeader {position: relative;}
  .header-middle {position: fixed; top:0;left:0; background: #fff;width: 100%;z-index: 99;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}
  .mainHeader .logoFixed {display: none;}
  .mainHeader.act .logoFixed {display: block;}
  .logo {height: 100%; display: flex; align-items: center;}
  .act .mainNav .logo .logoFixed {position: relative;}

  .callUs {
      position: absolute;
      top: 200px;
      right: 0;
      a {
        color: @accentColor;
        border-right: 5px solid @accentColor;
        background: @mainColor;
        display: block;
        padding: 10px;
        &::before {
          content:'';
          position: absolute;
          top:0;
          right: 0;
          width: 0;
          height: 100%;
          background: @accentColor;
          opacity: 0;
        }
        &:hover {
          color:@accentColorH;
        }
        &:hover::before {
          opacity: 0.2;
          width: 100%;
        }
      }
  }
  .mainNav {
    .flexing;
    max-width: @containerWidth;
    margin:0 auto;
    justify-content: space-between;
    .logo-hld {
      display: flex;
      .JezykiSubMenu {
          margin-right: 40px;
      }
    }
    .navRigth {
      .flexing;
      justify-content: flex-end;
      align-items: center;
      .socialMedia a {
        color:@accentColor;
        font-size: 13px;
        &:hover {
          color:@accentColorH;
        }
      }
      .socialMediaWrapper {
        margin-left:50px;
      }
    }
    .logo {
      position: relative;
    }
    .logo img {
      position: absolute;top:0;left:0;
    }
    #nav ul {
      .clearList;
      .flexing;
      justify-content: flex-end;
      li {
        a {
          line-height: 44px;
          text-transform: uppercase;
          position: relative;
          display: block;
          &::before {
            content:'';
            position: absolute;
            bottom: 0;
            left:0;
            border-bottom: 0 solid @mainColor;
            opacity: 0;
            width: 100%;
          }
          &:hover::before {
            border-bottom: 8px solid @mainColor;
            opacity: 1;
          }
        }
        &:not(first-child) {
          margin-left:25px;
        }
      }
      li.act {
        a {
          &::before {
            border-bottom: 8px solid @mainColor;
            opacity: 1;
          }
        }
      }
    }
    .socialMedia {
      .clearList;
      .flexing;
      li {
        &:not(first-child) {
          margin-left:5px;
        }
    }
  }
  .JezykiSubMenu ul {
      .clearList;
      .flexing;
      position: relative;
      li {
        a {
          position: relative;
          line-height: 44px;
          display: block;
        }
        .subMenu {
          position: absolute;
          bottom: 0;
          background: #fff;
          left: 0;
          transform: translate(0,100%);
          box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
          display: none;
          a {
                padding: 0 10px;
                &:hover {
                  opacity: .7;
                  color: @accentColor;
                }
          }
        }
    }
    li.currentLang {
        &:hover > .subMenu {
          display: block;
        }
        & > a {
          padding: 0 10px;
          &::before{
            content: '\e800';
            font-family: 'kosowka';
            position: absolute;
            bottom: 0;
            right: -10px;
            opacity: 1;
            font-size: 8px;
            color:@accentColor;
          }
        }
      }
  }
  } //mainNav Ends

// BE
.rez-form-container {
  .centerMe;
  bottom: 100px;
  width:100%;
  max-width: 930px;
  background: #fff;
  form {
    .flexing;
    min-height: 60px;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    .data-picker-rez,.inputRez,.buttonReservation {
      .flexing;
      justify-content: space-between;
      align-items: center;
    }
    .data-picker-rez {
      width:530px;
    }
    .buttonReservation {
    width: calc(~"100% - 530px");
}
  .day-and-month {
    border-bottom: 1px solid @accentColor;
    padding: 0 5px;
    margin-left:5px;
    min-width: 145px;
    text-align: center;
    &:hover {
      background: @accentColor_02;
    }
  }
  .inputRez {
    cursor: pointer;
  }
  .icon-arrow-down {
    color:@accentColor;
    position: relative;
    bottom: 3px;
  }
  }
}
.inputRez input {display: none;}
} // media max 980px ends
.scrollDown {
  .centerMe;
  height: 100px;
  width: 1px;
  bottom: -50px;
  cursor: pointer;
  padding: 0 20px;
  z-index: 9;
  &::before {
    content:'';
    background: linear-gradient(#fff 50%,@accentColor 50%);
    bottom: 0;
    height: 100%;
    width: 1px;
    left:50%;
    position: absolute;
  }
}
.beutyFont {
  color: @accentColor;
  margin: 0;
  text-transform: uppercase;
  display: inline-block;
}
.ContentTitle {
  width:400px;
  margin: 0 auto;
  .beutyFont,.subTitle {
    text-align: left;
    position: relative;
  }
  .beutyFont {
    margin-bottom: 25px;
    padding-bottom: 25px;
    &::after {
      content:'';
      position: absolute;
      width:14px;
      height: 14px;
      bottom:-7px;
      left:0;
      border-radius: 50%;
      background: @accentColor;
    }
  }
  .subTitle {
    display: block;
  }
}
.offersMainWrapper {position: relative;}
.offersWrapper {
  padding: 50px 0;
  .containerWidth;
  #offersMain {
    .flexing;
    justify-content: center;
    margin: 0 -5px;
    .singleofferWrapper {
      width:33.3333%;
      padding: 0 5px;
      margin-bottom:10px;
      .offerImage {
        height: 210px;
        width: 100%;
        background-size: cover !important;
        background-position: center center !important;
      }
      .offerNamePrice {
        padding: 20px;
        align-self: center;
        width: 100%;
        .beutyFont {
            color:@darkColor;
            padding-bottom: 10px;
            position: relative;
            text-align: left;
            left:0;
            width: 100%;
        }
      }
      &:hover .beutyFont {
          color:#fff;
          left:10px;
      }
      &:hover .priceRez * {
        color:#fff ;
      }
      &:hover .priceRez {
        color:#fff ;
      }
    }
    .offerWrapp {
      background: @accentColor;
      height: 100%;
      .flexing;
    }
  }
}
.buttonWrapper {
  text-align: center;
}
.button.reverse {
  .button2Styles;
}

.roomsMain {
  background: @mainColor;
  padding: 10px 0 70px;
  .subTitle {color:#fff;}
  .roomsContainer {width:100%;}
  .slick-track {height: 550px;}
  .slick-slide {
    height: auto;
    display: block;
    z-index: 1;
    cursor: pointer;
    .sliderChild {
      height: 300px;
      width:100%;
      background-size: cover !important;
      background-position: center !important;
      transition: all .3s ease-in-out;
      opacity: .5;
      position: relative;
      padding: 20px;
      &::before {
        content:'';
        background: linear-gradient(0deg, rgba(0,0,0,.8) 10%,transparent 40%);
        width:100%;
        height: 100%;
        top:0;
        left:0;
        position: absolute;
      }
      .roomDescription {
        position: absolute;
        opacity: 0;
        bottom: 20px;
        left:0;
        width: 100%;
        text-align: center;
      }
      .walls {
        opacity: 0;
      }
    }
  }
  .slick-center {
    z-index: 2;
    .sliderChild {
      transform: translate(-250px,0px);
      width: calc(~"100% + 500px");
      height: 470px;
      opacity: 1;
      border:2px solid @accentColor;
      .roomDescription,.walls {
        opacity: 1;
      }
    }

  }
  .slick-track {
    display: flex;
    align-items: center;
  }
  .nextArrow.roomArr {
    position: absolute;
    transform: translate(850px, -50%);
    right: calc(~"33% + 500px");
    cursor: pointer;
    top:50%;
    color: #cda349;
    &:hover {
      transform: translate(860px, -50%);
    }
  }
  .prevArrow.roomArr {
    position: absolute;
    transform: translate(-850px, -50%);
    left: calc(~"33% + 500px");
    z-index: 9;
    cursor: pointer;
    top:50%;
    color: #cda349;
    &:hover {
      transform: translate(-860px, -50%);
    }
  }
  .roomsPaging {
    ul {
      .clearList;
      .flexing;
      justify-content: center;
      li {
        display: none;
        a{
          color:@mainColorAccent;
          position: relative;
          cursor: default;
          &::after,&::before {
            content:'';
            width: 170px;
            border-bottom: 1px solid;
            position: absolute;
            top:50%;
            transform: translate(0,-50%);
            left:unset;
            right:-200px;
          }
          &::before {
            right:unset;
            left:-200px;
          }
        }
      }
      .slick-active {
        display: block;
      }
    }
  }
}

#SectionOpinie {
  position: relative;
  padding: 80px 0;
  .reviewsWrapper {
    .flexing;
    .containerWidth;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    padding: 110px 0;
    & > div {
      width: 50%;
      z-index: 9;
    }
  }
  .reviewsSlider {
    .clearList;
    max-width: 400px;
    .opinieContent {
      color:@accentColor;
    }
    .reviewAuthor {
      color:@accentColor;
      margin-top:30px;
    }
  }
  .reviewsContainer {
    .flexing;
    justify-content: center;
    .reviewsPaging {
      margin-left:100px;
      .slick-dots {
        text-align: center;
        .clearList;
        li a {
          font-size: 16px;
          letter-spacing: 2px;
          display: block;
          line-height: 30px;
        }
        .slick-active a {
          transform: scale(1.5);
        }
      }
    }
    .buttonWrapper {
      text-align: left;
      margin-top:50px;
    }
  }
}

.FooterContainer {
  background-color: @beforBG;
  background-blend-mode: multiply;
  position: relative;
  .footerWrapper {
    .containerWidth;
  }
  .ThreeColumns {
    .flexing;
    padding: 70px 0 30px;
    justify-content: space-between;
    .Column {
      width: 33.3333%;
      padding: 0 10px;
      .subTitle {
        color:#fff;
        display: block;
        margin-bottom: 10px;
      }
      .lokalizacja {
        text-align: center;
      }
      .footerHead {
        color:@accentColor;
      }
      .ContentTitle {
        width:auto;
      }
      .socialMedia {
        .clearList;
        .flexing;
        justify-content: center;
        margin: 15px 0;
        a {
          color:@accentColor;
          font-size: 21px !important;
          &:hover {
            opacity:.6;
          }
          &:not(:first-child) {
            margin-left: 15px;
          }
        }
      }
      .lokalizacja {
        p,a {
          color:@accentColor;
          font-size: 15px;
          & a:hover {
            opacity: 0.6;
          }
        }
        p {
          margin-top:15px;
        }
        &:last-child {
        margin-top:50px;
        }
      }
    }
    .Column.toCenter {
      text-align: center;
    }
  }
  #newsletter {
    input {
      display: block;
      width: 100%;
      max-width:243px;
      background: @darkColor;
      color:@accentColor;
      border:1px solid @accentColor;
      padding: 10px 0;
      padding-left: 5px;
    }
    .button {
      margin-top:15px;
      margin-left: 120px;
    }
  }
  .OneColumn {
    text-align: center;
    padding-bottom: 30px;
    .footerMenu {
      .flexing;
      .clearList;
      justify-content: center;
      li {
        a {
          color:@accentColor;
          text-transform: uppercase;
          &:hover {
            opacity:.6;
          }
        }

        &:not(:first-child) {
          margin-left:20px;
        }
      }
    }
  }
}
.Credits {
  .footer-bottom {
    .flexing;
    .containerWidth;
    justify-content: space-between;
    padding: 15px 0;
  }
  .logoHS {
    cursor: pointer;
  }
}

.SinglePacketContent {
  .flexing;
  width:100%;
  padding: 50px 45px;
}
.goBack {
  color:@accentColor;
  margin: 20px 0;
  display: block;
  &:hover {
    opacity: .7;
  }
}

section.darkBG {
  background: @mainColor;
  padding: 60px 0;
  p,strong, b {
    color:#fff;
  }

}

.articleContent {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    position: relative;
}

.sectionGrid {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(34, minmax(10px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  grid-auto-columns: minmax(100px, auto);
  .gridItem {
    background-size:cover !important;
    background-position: center !important;
  }
  .gridItem:nth-child(1) {
    grid-column: ~"5/18";
    grid-row: ~"1/3";
  }
  .gridItem:nth-child(2) {
    grid-column: ~"18/35";
    grid-row: ~"1/5";
  }
  .gridItem:nth-child(3) {
    grid-column: ~"1/18";
    grid-row: ~"3/8";
  }
  .gridItem:nth-child(4) {
    grid-column: ~"18/31";
    grid-row: ~"5/7";
  }
}
.sectionContainer {
  .flexing;
  justify-content: flex-start;
  align-items: center;
  width:100%;
  max-width: @sectionWidth;
  margin:0 auto;
  position: relative;
  z-index: 9;
}
.LeftSide {
  position: relative;
  .sectionContent {
    width:100%;
    max-width: 400px;
    margin-left:80px;
    order:2;
    .button {
          margin-top: 30px;
    }
  }
}
.lightBG.LeftSide {
  .sectionSlider {
    padding-right: 150px;
  }
}

.lightBG.LeftSide {
  .sectionSlider {
    padding-right: 150px;
  }
}
.lightBG.RightSide {
  .sectionSlider {
    padding-left: 150px;
  }
}

.RightSide {
  .sectionContainer {
    justify-content: space-evenly;
  }
  position: relative;
  .sectionContent {
    width:100%;
    max-width: 400px;
    margin-right:80px;
    p {
      color:#fff;
    }
    .button {
          margin-top: 30px;
    }
  }
  .sectionSlider {
    order:2;
  }
}
section.lightBG {
    padding: 60px 0;
    .sectionContent p {
      color:@textColor;
    }
    .sectionLight {
      position: relative;
      margin-bottom: 180px;
      .item:nth-child(1) {
        width:360px;
        height: 560px;
        object-fit: cover;
        background-size:cover !important;
        background-position: center !important;
        object-fit: cover;
      }
      .statickElement {
          position: absolute;
          right: 0;
          bottom: -170px;
          font-weight: bold;
          font-size: 18px;
          &::before {
            content: '';
            position: absolute;
            width: 40px;
            height: 40px;
            background: @accentColor;
            left: -50px;
            top: -10px;
            border-radius: 50%;
      }
      }
    }
}
section.lightBG.RightSide {
  .item:nth-child(2) {
    width:360px;
    height: 360px;
    object-fit: cover;
    background-size:cover !important;
    background-position: center !important;
    border-radius: 50%;
    position: absolute;
    right: 150px;
    bottom: -180px;
  }
}
section.lightBG.LeftSide {
  .sectionContent {
    margin-left: 200px;
  }
  .item:nth-child(2) {
    width:360px;
    height: 360px;
    background-size:cover !important;
    background-position: center !important;
    border-radius: 50%;
    position: absolute;
    left: 150px;
    bottom: -180px;
  }

}
.sectionSimple .item {
  width:590px;
  height: 570px;
  background-size:cover !important;
  background-position: center !important;
  object-fit: cover;
}
.rooms {
  margin-top:100px;
  .ContentTitle {margin:0;}
  .sectionContainerRooms {
    .flexing;
    justify-content: space-between;
    width:100%;
    max-width: @containerWidth;
    margin:0 auto;
    border:1px solid @accentColor;
    & > div {
      width:50%;
    }
    .sectionContent {
      display: flex;
      flex-flow: row wrap;
      align-items: center;
      flex-direction: column;
      justify-content: space-between;
      padding: 50px;
      .buttonsContainer {
        width: 100%;
      }
    }
    .buttonsWrapped {
      .flexing;
      justify-content: flex-start;
      margin-top:30px;
    }
    .bookButton {
        margin-left:40px;
        color:@mainColor;
        &::after {
          border-color: @mainColor;
        }
    }
    .room-icons,.roomPrice {
      margin-top:15px;
    }
    .room-icons {
      .room-icons-in {
        .flexing;
        justify-content: flex-start;
        align-content: baseline;
        min-height: 120px;
      }
      .tt-el {
        width: 50%;
        line-height: 30px;
        i {
          color: @accentColor;
          margin-right: 7px;
        }
      }
    }
    &:not(:first-child) {
      margin-top:70px;
    }
    .BiggerPriceRez {
      font-family: 'Lato';
      font-size: 32px;
      span {
        font-size: 16px;
        color: @accentColor;
        text-transform: lowercase;
      }
    }
  }
}
  .sectionSliderRooms {
    .roomSlider {
      .clearList;
      position: relative;
    }
    .roomImage {
      width:100%;
      height: 500px;
      background-size:cover !important;
      background-position: center !important;
    }
    .slick-arrow {
      position: absolute;
      top:calc(~"50% - 25px");
      width: 50px;
      height: 50px;
      background: rgba(255,255,255,0.5);
      z-index: 9;
      cursor: pointer;
      &::before {
          content:'';
          position: absolute;
          top:50%;
          left:50%;
          transform:translate(-50%,-50%);
          font-family: 'kosowka';
          color: @accentColor;
        }
        &:hover {
          background: rgba(255,255,255,1);
        }
    }
    .prevArrow {
      left:0;
      &::before {
        content:'\e800';
        transform: translate(-50%,-50%) rotate(90deg);
    }
    }
    .nextArrow {
      right: 0;
      &::before {
        content:'\e800';
        transform: translate(-50%,-50%) rotate(-90deg);
    }
  }

}
#sekcjaKontakt {
  width:100%;
  max-width: @containerWidth;
  margin:0 auto;
  padding: 50px 0;
  margin-top:50px;
.ThreeColumns {
  .flexing;
  justify-content: space-between;
  margin:0 -5px;
  align-items: flex-start;
  .ContentTitle {
    margin:0;
    padding: 0;
  }
}
}
.contactForm .ContentTitle {
  margin:0;
}

.galleryContainer {
  width:100%;
  max-width:@containerWidth;
  margin:0 auto;
  .ContentTitle {
    margin:0;
    margin-bottom: 35px;
  }
  .GalleryPicture:hover::before {
    color:@mainColor;
  }
}
@media(max-width:1320px) {
  section {
    padding-left:15px !important;
    padding-right:15px !important;
  }
  .mainNav .navRigth .socialMediaWrapper {
    margin-left: 10px;
}
.mainNav #nav ul li:not(first-child) {
    margin-left: 20px;
}
}
@media(max-width:1200px) {
  .mainNav #nav ul li:not(first-child) {
    margin-left: 15px;
}
.mainNav .navRigth .socialMediaWrapper {
    margin-left: 20px;
}
.callUsHead {display: none;}
.callUs {display: block;}
}
@media(max-width:1060px) {
  .socialMediaWrapper {display: none;}
}
@media(max-width:980px) {

  .callUs, .scrollDown {display: none;}
  .MMContainer {height: 0;}
  .MenuMobile--open .MMContainer {height: auto;}
  .cd-headline.rotate-3 i {color:#fff; text-transform: uppercase;}
  .BxCaption {width: 90%;}
  .rezMobile {background: @mainColor;}
  .splash::after {
    background: @mainColor;
  }
  .bottomNavMobile .rezerwujMobile {
    background: @mainColor;
    span {color:#fff;}
  }
  .offersWrapper #offersMain {
    justify-content: center;
  }
  .offersWrapper #offersMain .singleofferWrapper {
    width:50%;
    margin-bottom: 10px;
  }
  section {
    padding-left:30px !important;
    padding-right:30px !important;
  }
  section .sectionSide.sectionContent {
    margin:0 !important;
    margin-top:80px !important;
    max-width: 100%;
  }
  .ContentTitle {width:100%;}
  .RightSide .sectionSlider {
    order:1;
  }
  .RightSide .sectionContent {
    order:2;
  }
  section.lightBG .sectionLight .item:nth-child(1),.sectionSimple .item {
    width: 100%;
  }
  section.lightBG .item:nth-child(2) {
    right: 50% !important;
    transform: translate(50%,0);
  }
  .ContentTitle {
    text-align: left;
  }
  .reviewsWrapper::before, .reviewsWrapper::after {
    content:none !important;
  }
  #SectionOpinie .reviewsContainer {
    margin-top:80px;
  }
  .FooterContainer .ThreeColumns .Column {
    width:100%;
  }
  .FooterContainer .ThreeColumns .Column.toCenter img {
    margin-right: 0;
  }
  .Column .ContentTitle {
    display: inline-block;
  }
  .FooterContainer #newsletter input {
    margin:0 auto;
  }
  .JezykiMobile {
    display: block;
    position: absolute;
    bottom: 100px;
    right:30px;
    padding: 0 20px;
    border: 1px solid #fff;
    ul {
      .clearList;
      .flexing;
      li:not(:first-child) {
        margin-left:10px;
      }
      .currentLang a {
        position: relative;
        &::after {
          content:'';
          position: absolute;
          bottom: -5px;
          width: 100%;
          border-bottom: 2px solid;
          left:0;
        }
      }
      a {
        color:#fff;
      }
    }
  }
  #SectionOpinie {
    padding: 10px 0;
  }
  .slidePage.slide {
    height: 60vh;
  }
  .mainHeader {
    position: relative;
  }
  .JezykiMobile {
    bottom: 20px;
  }
  #sekcjaKontakt .Column {
    text-align: left !important;
  }
  .rooms .sectionContainerRooms .sectionContent {
    padding: 0 15px;
    padding-bottom: 50px;
  }
  .sectionSliderRooms .roomImage {
    height: 400px;
  }
section.lightBG.LeftSide .item:nth-child(2) {left:unset !important}
}
@media(max-width:860px) {
  .roomsMain .slick-slide .sliderChild::before {
    background: linear-gradient(0deg,rgba(0,0,0,0.7) 30%,transparent 80%);
  }
  .roomsMain .slick-slide .sliderChild .roomDescription {
    bottom:unset;
    top:40px;
  }
  .roomsMain .slick-track {
    height: 400px;
  }
  .roomsMain .slick-center .sliderChild {
    width:100%;
    transform: none;
    height: 350px;
  }
}
@media(max-width:640px) {
  .offersWrapper #offersMain .singleofferWrapper {
    width:100%;
  }
  .sectionGrid {
    display: block;
  }
  .sectionGrid .gridItem {
    height: 250px;
    width:100%;
  }
  .sectionGrid .gridItem:not(:first-child) {
    margin-top:20px;
  }
  .sectionSliderRooms .roomImage {
    height: 300px;
  }
}
@media(max-width:480px) {
  .sectionSliderRooms .roomImage {
    height: 250px;
  }
  .reviewsPaging {display: none;}
  section {padding-left: 15px !important; padding-right: 15px !important}
  .footerHead::before, .footerHead::after {
    content:'...';
  }
  .sectionSimple .item {
    height: 300px;
  }
  section.lightBG .sectionLight {
        margin-bottom: 80px;
  }
  #SectionOpinie {padding:20px 0}
  section.lightBG .sectionLight .item:nth-child(1) {
    height: 350px;
  }
  section.lightBG .sectionLight .item:nth-child(2) {
    height: 200px;
    width: 200px;
    bottom: -100px;
  }
  .reviewsWrapper .buttonWrapper {
    justify-content: center;
  }
  section.lightBG .sectionLight .statickElement {
    bottom: -230px;
  }
}
.s-hld:first-of-type .atraction {
  padding-top: 100px;
}
.atraction.darkBG {
  padding-top: 0;
  .sectionContainer {
    justify-content: space-around;
  }
  .sectionSide.sectionSlider {
    width: 50%;
    height: 300px;
  }
  .imageAtraction {
    height: 100%;
  }
  .atractionItem {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }
}
section.darkBG a,section.darkBG a strong {color: #b6e1ee;}

@fontFamily:           Arial,Helvetica;
@secondaryFontFamily:           Arial,Helvetica;
@lightBgColor:           #CDA349;
@darkBgColor:           #CDA349;
@midBgColor:           #CDA349;
@borderRadius:           3px;
@smlBorderRadius:           5px;
@baseColor:           #0A3542;
@gradientSize:           15%;
@variantsHeaderFontSize:           16px;