/*
Style stworzone przez lookslike.pl
Dzień: 30.05.2019r
Version: 1.0

Style Navigation:
  0. Fonty
  0.1. Transitions
  1. Desktop
  2. SLIDER
  ---2.1. Slider arrows
  ---2.2. SocialMedia
  3. Menu
  4. BE
  5. roomsMain
  6. Buttons
  7. Walory
  8. Sekcje
  ---8.1. Sekcja ze zdjeciem do lewej
  ---8.2. Sekcja ze zdjeciem do prawej
  ---8.3. Separator sekcji
  ---8.4. Galeria
  9. Opinie
  10. Pakiety
  11. Footer
  12. Pokoje
  13. Galeria
  14. Kontakt
  X. Mobile
*/

.loader-container {display: flex;justify-content: center;align-items: center;position: fixed;z-index: 4;top: 0;left: 0;bottom: 0;right: 0;background-color: #682216;z-index: 9999;}
.loader-logo {z-index: 5;width: 150px;height: 150px;padding-bottom: 10px;background-repeat: no-repeat;background-size: 100px;background-position: center;}
.loader-circle {border-top: 1px solid #fff;border-radius: 50%;width: 160px;height: 160px;animation: spin 1.5s linear infinite;}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
img.logoSpin {
  display: inline-block;
  margin: 0 auto;
  width: 100px;
  margin-top: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.prevArrow, .nextArrow { top:calc(50% - 25px);width: 50px;height: 50px;display: block;position: absolute;cursor:pointer; border:1px solid #55371C; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);z-index: 9;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.prevArrow:hover {left:-50px;}
.nextArrow:hover {right:-50px;}
.prevArrow::before {content: '\f053';font-family: 'FontAwesome';position: relative;font-size: 24px;color: #55371C;display: block;}
.nextArrow::before {content: '\f054';font-family: 'FontAwesome';position: relative;font-size: 24px;color: #55371C;display: block;}
.prevArrow::before,.nextArrow::before {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);right: -5px;position: relative;}

.nextArrow,.prevArrow {width:80px; height:80px;top: calc(50% - 50px); background: #fff; border:0;}
.prevArrow {left: -40px;}
.nextArrow {right:-40px;}
.prevArrow::after, .nextArrow::after { content:''; width:60px;height:60px; top:10px;left:10px;position:absolute;border:1px solid #55371C;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.prevArrow::before, .nextArrow::before {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;width: auto;top: 20px;left: 25px;right:unset;top: 23px;left: 32px;}

/* 0. Fonty */
h1 {margin:0;}
h3 {font-size: 30px;line-height: 1;}
* {font-family: 'Montserrat'}
body p, body span, body, a {font-family: 'Montserrat' !important; }
body p {color:#757575;line-height: 24px;}
.beutyFont {font-family:'Marcellus SC';}
  h1.beutyFont, h2.beutyFont {font: 400 48px/1 'Marcellus SC' !important; color: #555; margin-top:55px !important; display: block;}
.subTitle {font: 400 18px/1 'Montserrat'; color:#4E4E4E;margin-top:15px;padding-bottom: 45px; display: block;}
#mlUsingCookies {z-index: 9999999 !important;}

/* 0.1. Transitions */
.day-and-month::before,.day-and-month:hover::before,
.mainNav,.act .mainNav,
.act .mainMenu,.mainMenu,
.prevArrow, .nextArrow,
.rez-form-container, .act .rez-form-container, .mainMenu li a::before, .mainMenu li a, .bx-controls-direction a, .bx-controls-direction a::before, a, .logoFixed, .logoStandard,.btn-success, button,
.dateHld, .mm::before, .SocialMenu li a, .scrollTop, .button, .singleRoomWrapper, .GalleryPicture::before,.GalleryPicture::after, .offerMainContent, .SingleOffer, .SingleOffer::before,.optCat a,.optCat a::before,.kontaktForm input, .kontaktForm textarea
{transition: 500ms; -webkit-transition: 500ms; }
.GalleryPicture {transition: 300ms; -webkit-transition: 300ms;}

.centerTitle {text-align: center;}
.optCat {padding: 0; display: flex; flex-wrap:wrap; justify-content: center;margin-bottom: 45px;margin-top:20px;}
.optCat li {list-style: none; margin-right:15px;}
.optCat a {color:#555; position: relative;}
.optCat .active a,.optCat a:hover {color:#682216;}
.optCat a::before {content: '';background:#682216;width: 0;height: 3px;position: absolute;left:0;bottom: -10px;}
.optCat .active a::before,.optCat a:hover::before {width: 100%;}
.Rezerwacja, .SinglePacket {width:100%;/* max-width:1180px;*/margin:auto;}

  /* 1. Desktop */
  .MenuMobile,.logoMobile, .bottomNavMobile,.body-ident-main .optCat {display: none;}   /* Mobile Menu Off */
  .mainHeader {position: relative;}
  .mainHeader .scrollTop {display:block; opacity:0; position: fixed;bottom: 10px; right: -100px;background: #fff; padding: 10px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16);cursor: pointer;}
  .mainHeader.act .scrollTop { opacity:1; animation: scrollTop 1s ease-in-out 1; right: 10px; z-index: 9;}

  /* 2. Slider START */
  .slide {height:100vh; min-height: 350px;}
  .slidePage {height: 100vh; } /* wielkosc slidera na podstronach innych niz glowna */
/*  .slidePage ~ .scrollDown {display: none;}*/
  .bx-wrapper, .BxImage, .bxslider, .bxslider li, .bx-viewport {height: 100% !important; display: block;padding: 0;background-position: center center !important;}
  .bx-wrapper {position: relative;}
  .BxImage {background-size: cover !important;}
  .BxTitle {font: 400 72px/1 'Marcellus SC'; color:#fff;}
  .BxOpisLang {font: 400 24px/1 'Montserrat'; color:#fff; margin-top:10px; display: block; position: relative;}
  .BxOpisLang::after, .subTitle::after {content:''; position: relative; display: block;margin:15px auto 0; width:3px; height: 12px; background: #fff;}
  .subTitle::after {background: #682216;}
  .BxCaption {position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%;}
  .BxCaptionList {text-align: center;}
  .mainHeader .slide .BxImage::before, .SectionImageSeparator::before {content: '';position: absolute;top:0;left:0;width: 100%;height:100%;background: rgba(0,0,0,0.2);}
  .scrollDown {cursor: pointer;position: absolute;bottom: 30px; left:50%; transform:translate(-50%,0);display: flex; flex-wrap: wrap;justify-content: center;}
  .scrollDown img {animation: ArrowSlide 2s ease-in-out infinite; position: relative; top:0;}
  .PrzewinWDol {margin-top:15px; color:#fff; width:100%; text-align: center;}

  /* 2.1. Slider arrows */
  .bx-controls {position: absolute; top:50%; transform:translate(0,-50%); }
  .bx-controls {width:100%;}
  .bx-controls-direction {display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; width:90%; margin:0 auto;}
  .bx-controls-direction a {display: block;height: 20px; width:20px;     position: relative;}
  .bx-prev::before, .bx-next::before {content: '';position: absolute; width:100%; height:100%; border-left:3px solid #fff; border-top:3px solid #fff;}
  .bx-prev::before {left:0; transform: rotate(-45deg);}
  .bx-next::before {right:0; transform: rotate(135deg);}
  .bx-controls-direction .bx-prev:hover::before {transform: rotate(-45deg) scale(1.2,1.2);}
  .bx-controls-direction .bx-next:hover::before {transform: rotate(135deg) scale(1.2,1.2);}
  /* 2.2. Social Media */
  .SocialMedia {position: absolute; bottom: 30%;left:0;}
  .slidePage ~ .SocialMedia {bottom: 10px;}
  .SocialMenu {padding: 0px;}
  .SocialMenu li {list-style: none; text-align: center; margin: 2px 0; background: #fff; padding: 7px;}
  .SocialMenu li a {color:#682216;} .SocialMenu li a:hover {opacity:0.7;}

  /* 3. Menu */
  .mainNav {position: fixed;top:0; left:0;width: 100%;/*background: #fff;*/z-index: 99;/*box-shadow: 0px 3px 6px rgba(0,0,0,0.16);*/}
  .mainNav::before {content:'';position:fixed;width:100%;height:150px;left:0;top:0;right:0;background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0) 100%);}
  .act .mainNav {background: #fff;z-index: 99;box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}
  .act .mainNav::before {display:none;}
  .act .mainMenu li.act a, .act .mainMenu li a:hover {color:#682216;}
  .act .mainMenu li a {color:#555;}
  #nav {display: flex; width:100%; max-width:1380px; margin:0 auto; justify-content: space-between;}
  .logo-hld {position: relative; width:245px;}
  .act .logo-hld {width:85px;}
  .logoHldContainer {position: absolute;}
  .mainMenu {display: flex; flex-wrap: wrap;width: calc(100% - 245px); justify-content: flex-end; margin:0;padding: 0;}
  .act .mainMenu {width:calc(100% - 100px);}
  .mainMenu li {list-style: none; margin-right: 0; flex: auto;text-align:center}
  .mainMenu li.last {margin-right: 0; }
  .mainMenu li a {padding: 18px 5px; display: block; font:400 14px/1 'Montserrat'; color:#fff; text-transform: uppercase;position: relative;}
  .mainMenu li.last a {color: #fff; background: #682216; }
  .mainMenu li.act a,.mainMenu li a:hover {color:#fff;}
  .mainMenu li.last a:hover, .mainMenu li.last.act a {color:#fff; background: #E62F10;}
  .mainMenu li.act a::before, .mainMenu li a:hover::before {content:'';border-top:3px solid #fff; width: 100%;height: 100%; position: absolute;top:0;left:0; right: 0;}
  .act .mainMenu >li.act a::before, .act .mainMenu > li a:hover::before {content:'';border-top:3px solid #682216; width: 100%;height: 100%; position: absolute;top:0;left:0; right: 0;}
  .mainMenu li a::before, .mainMenu li.last a:hover::before,.mainMenu li.last.act a::before {content:'';border-top:3px solid #682216; width: 0;height: 100%; position: absolute;top:0;left:0; right: 0;}

ul.mainMenu li li a::before {border-top:none!important; }
ul.mainMenu li ul li a:hover::before {display:none;}
ul.mainMenu li ul li a:hover {color:#fff!important;}
ul.mainMenu.dropdown li > ul	{width:200px!important;  _visibility: hidden; position: absolute; top: 100%; z-index:999;margin-top:-5px; padding:0; opacity:0; transition:300ms;height:0px;overflow:hidden;}
ul.mainMenu.dropdown ul li 					{ font-weight: normal; border-top: 1px solid #ffffff; float: left; background:none; padding:0; width:100%; margin: 0px; background: #682216;transition:300ms;}
ul.mainMenu.dropdown ul li.act {background: #E62F10!important;}
ul.mainMenu.dropdown ul li a { display:block; width:100%; padding:10px 5px !important; border-right: none; display: inline-block; height:auto; float:left;margin:0!important; background:none!important }
ul.mainMenu.dropdown ul ul 					{ left: 100%; top: 0; }
ul.mainMenu.dropdown li:hover > ul 			{ _visibility: visible; display:block; opacity:1; transition:300ms; height:auto;}
ul li.active ul li a { background:none}
ul li.active ul li.active a span { color: #ffe3be!important;}
ul li.active ul li a span { color: #ffca86!important; }
ul li ul li a span { text-align:left!important; color: #ffca86!important; font-size:13px!important; padding:12px 10px!important; line-height:15px!important; width:auto!important}
ul li ul li.active a span { color: #ffca86!important;}
ul li.active ul li.active a { background:none!important}
ul li ul li:hover {background:#E62F10!important;transition:300ms;}
ul li ul li:hover a {}
ul li ul li:hover a span { color: #ffe3be!important;}
.act .mainMenu li li a,
.act .mainMenu li.act li a {color:#fff;}




  ul.langs {margin:0; margin-top:10px;padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
  .langs li {list-style: none; margin-right: 0;}
	.langs li:first-child {margin-right: 10px;}
  .langs li a {color :#fff; display: block; padding: 7px 10px;}
  .langs li.currentLang a, .langs li a:hover { background: #fff; color:#555;}
  .logoFixed {visibility: hidden; height: 0; opacity:0;}
  .logoStandard {visibility: visible; width: 245px; opacity:1;/*box-shadow: 0px 3px 6px rgba(0,0,0,0.16);*/margin-top:20px;padding:0 10px;}
  .mainHeader.act .logoFixed {height: 40px;visibility: visible; opacity:1; position: relative; top:-15px;}
  .mainHeader.act .logoStandard {visibility: hidden; height: 0; opacity:0;margin:0;}
  .mainHeader.act .langs {display: none;}

.JezykiSubMenu {position: absolute; top: 60px; right:20px;}

  /* 4. BE */
  .rez-form-container {position: absolute;bottom: 100px;left:50%;transform:translate(-50%,0);width:auto; max-width: 1380px;z-index:1;}
  /*.act .rez-form-container {position:fixed; top: -33px;}*/
  form.hs-widget.hs-actual {width:450px;display: flex; flex-wrap: nowrap;justify-content: space-between; padding: 3px; background: rgba(104, 34, 22,0.8);}
  .form-control {display: none;}
  .data-picker-rez {width:100%; display: flex; flex-wrap: wrap;}
  .inputRez {width:50%;}
  .button-rez {width:55%; background-color: #fff; border:0; padding: 5px 0;margin:7px;color:rgba(104, 34, 22,1)}
  .button-rez b {color:#fff;  font: 400 20px/1 'Marcellus SC' !important;color:#555}
  .button-rez:hover b {color:#fff;}
  .dateHld {text-align: left; /*background: #fff;*/ padding: 10px 10px; cursor: pointer;display:flex;align-content:center;align-items:center;height:100%;}
  .dateHld:hover {/*background: #682216;*/ color:#fff;}
  .day-and-month {display: flex; flex-wrap:nowrap; align-items: center;width:100%;justify-content:center;color:#fff;position:relative;}
  .day-and-month .mm,
  .day-and-month strong,
  .day-and-month {font:400 26px/1 'Marcellus SC' !important;}
  .mm {position: relative;display: flex;margin-left: 5px;}
/*  .mm::before {content: '';width: 3px;height: 12px;background: #682216;position: relative;display: block; margin-right:5px;}*/
  .line-sep {position: relative;}
  .line-sep::before {content: '';height: 50px;width: 100%;border-right: 1px solid #a4a4a4;position: absolute;display: block;width: 1px;right: 0;top: 50%;transform: translate(0,-50%);}
  .dateHld:hover .mm::before {content:'';background: #fff;}
  .btn-success:hover, .btn-success:active, .btn-success:focus {background-color: #E62F10; transform: none; border:0;}
  .date-tlt {display:none;}

.day-and-month::before {
    content: '';
    background: #fff;
    width: 0;
    left: 50%;
    transform: translate(-50%);
    border-bottom: 1px solid;
    bottom: -3px;
    position: absolute;
}
.day-and-month:hover::before {
    width: 50%;
}

  /* 5. roomsMain */
  .roomsMain {width: 100%;/*max-width:1180px;*/ margin:auto; /*text-align: center;/}
  .roomsContainer {display: flex; flex-wrap: wrap; justify-content: space-between;width:100%;}
  .roomsContainer .singleRoomWrapper {opacity:1;/*transform: translate(0,10px);*/width:calc(33.3333% - 15px);/* box-shadow:0px 3px 6px rgba(0,0,0,0.16);*/display: flex;flex-wrap:wrap;justify-content: center;align-items: center;}
/*  .roomsContainer .singleRoomWrapper:hover {transform: translate(0,10px);opacity:0.9;}*/
  .singleRoomWrapper img {width:100%;}
  .roomsMain h2.beutyFont {font-size:48px!important;text-align:center;padding-bottom:45px;}
  .roomsMain .contentTitleRoom .beutyFont {font-size: 30px!important; width: 100%; margin:0!important; color:#555;text-align:left;}
  .singleRoomWrapper img, .roomsMain h3.beutyFont, .priceRez, .singleRoomWrapper .button {margin-bottom: 30px;}
  .priceRez {font-size:16px; line-height: 1;width: 100%;} .BiggerPriceRez {font-size: 24px; font-family:'Marcellus SC' !important; color:#682216;}

.siteWidth {width: 100%;max-width: 1080px;margin: 0 auto;}
.flexing {display: flex;}
.justify-between {justify-content: space-between;}
.flex-column {flex-direction: column;}
.roomsMain{width:100%;position:relative;}
.roomsMainWrapper{width:100%}
.singleRoomWrapper{position:relative}
.roomDescription{position:absolute;right:0;bottom:0;left:calc(50% + 290px);height:100%}
.roomDescWrapper{height:100%;padding:80px 50px}
.roomImage{width:calc(50% + 290px)}
.roomImage img{width:100%;margin:0!important;}
.roomSpec,.roomPrice{/*color:var(--regular-color);*/font-size:16px;text-transform:lowercase}
.roomPrice strong{/*color:var(--dark-color);*/font-size:27px}
.roomSpec i{/*color:var(--dark-color);*/margin-right:30px;width:35px;display:inline-block;text-align:center}
.roomSpec img {height: 18px;margin: 0 10px 0 0 !important;float: left;width: 50px;}
.bottomRoom{margin:-15px}
.bottomRoom .button{margin:15px}

.roomsMain .buttonWrapper {text-align:center;margin-top:70px;}
.roomsArrows {z-index:10;position: absolute;width: 100%;max-width: 1180px;margin: 0 auto;left:50%;transform: translatex(-50%);top:calc(50% + 30px);}
.roomsArrows .prevArrow {left:10px;}
.roomsArrows .nextArrow {right:260px;}


@media(max-width:1200px) {
  .roomImage {
    width:calc(50% + 150px)
  }
  .roomDescription {
    left: calc(50% + 150px);
  }
  .siteWidth {
    max-width: calc(100% - 60px);
  }
  .sectionColumns .sectionImage {
    max-width: 100%;
  }
  .roomsArrows .nextArrow {right:calc(50% - 190px);}

}
@media(max-width:980px) {
  .roomImage {
    width:calc(50% + 80px)
  }
  .roomDescription {
    left: calc(50% + 80px);
  }
  .roomDescWrapper {
    padding: 30px;
  }
  .roomsArrows .nextArrow {right:calc(50% - 100px);}
}
@media(max-width:780px) {
.roomsMain {overflow:hidden!important;;}
.singleRoomWrapper:nth-child(2) {margin:0!important;}

.siteWidth {width:100%!important;max-width:100%;}
  .roomImage,.roomSide.roomDescription {
    width: 100%;
  }
  .roomSide.roomDescription {
    left:0;
    position: relative;
  }

.roomImage img {width:auto;height:50vh;}
.roomWrapper {flex-direction: column;}
.roomsDescription {margin-top:-20px}
.roomsArrows .nextArrow {right:10px;}
.roomsArrows {top:50vh;}
.roomsMain .buttonWrapper {margin-top:20px!important;}
.singleRoomWrapper:last-child,
.roomsMain .btnRoomSpacing {margin-top:0!important;}
}



  /* 6. Buttons */
  .button {color: #fff;background: #682216;padding: 10px 25px;display: inline-block; border:1px solid #682216; text-transform: uppercase;cursor: pointer;}
  .button:hover {color: #682216;background: #fff;border:1px solid #682216;}
  .showAll {margin-top:70px;}

  /* 7 Walory */
  .waloryBG, .SectionOpinie {width: 100%;background: #FCFCFC;padding-bottom: 70px;}
  .walorySection {width: 100%;max-width:1180px; margin:auto; text-align: center; }
  .walorySection h2.beutyFont, .opinieSlider h2.beutyFont {padding-top: 70px; margin-top:0 !important;}
  .waloryContainer {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
  .singleWalor {width:calc(25% - 10px);padding: 45px 40px; display: flex; flex-wrap: wrap;     justify-content: flex-start;flex-direction: column;align-items: center; background: #fff; border:1px solid #AFAFAF; box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}
  .singleWalor h3 {font-size:24px; line-height: 1; color:#555; margin:0;}
  .singleWalor i, .singleWalor h3, .singleWalor p {width: 100%; margin-bottom:20px;}
  .singleWalor i {color:#682216; font-size: 24px; line-height: 1;}

  /* 8. Sekcje */
  .s-hld {margin-top:70px;}
  .notMain .s-hld:first-child { margin-top: 0;}
  /*---8.1. Sekcja ze zdjeciem do lewej */
  .LeftSide, .RightSide {width:100%; max-width:1180px; margin:auto; position: relative;display: block;}
  .sectionContainer, .sectionContainerRooms {display: flex;flex-wrap:wrap;justify-content: space-between;}
  .sectionContainer .beutyFont {margin-top:0 !important;}
  .sectionSide {width:50%; position: relative;}
  .sectionSlider {min-height:500px; height:500px;}
  .sectionContent {align-self: flex-start;padding-top:40px!important;}
  .sectionContent h3 {font-size:30px; line-height: 1;}
  .sectionContent p {margin:0; padding: 0;}
  .sectionButton, .sectionContent h3, .sectionContent p {margin-top:20px !important;}
  .LeftSide .sectionContent {padding-left: 50px;}

  /*---8.1. Sekcja ze zdjeciem do prawej */
  .RightSide .sectionContent {padding-right: 50px;}
  .RightSide .sectionSlider {order: 1;}

  /*---8.3. Separator sekcji */
  .SectionSeparator {text-align: center;}
  .SectionTitleSeparator {padding: 200px 0; position: relative;}
  .SectionSeparator h2 {margin-top:0 !important; color:#fff;}
  .SectionSeparator span {color:#fff;}
  .SectionSeparator .subTitle::after {background: #fff;}
  .SectionImageSeparator {position: relative;background-position: center center !important; background-size: cover !important;}

  /* ---8.4. Galeria */
  .SectionGallery {text-align: center; position: relative;max-width: 1180px;width: 100%;margin: auto;}
  .GalleryContainer {display: flex;flex-wrap: wrap;justify-content: space-between;}
  .GalleryPicture {height: 300px; width:calc(33.3333% - 15px); margin-bottom: 25px;position: relative;top:0;}
  .GalleryPicture:hover {top:5px;}
  .GalleryPicture::before {content:'';width: 100%;height: 100%;opacity:0;background: rgba(104, 34, 22,.5);position: absolute;top:0;left:0;}
  .GalleryPicture::after {content:'';width: 16px;height: 16px;opacity:0;background: url(/img/lupa.svg) no-repeat;position: absolute;top:50%;left:50%; transform: translate(-50%,-50%);}
  .GalleryPicture:hover::before,.GalleryPicture:hover::after {opacity:1;}
  .GalleryPictureImage {width:100%;height: 100%; background-size: cover !important;background-position: center center;}
  .SectionGallery .button {margin-top:50px;}


  /* 9. Opinie */
  .opinieSlider {position: relative;text-align: center;width:100%;max-width: 1180px;margin:auto;}
  .opinieButton,.SectionOpinie  {margin-top:70px;}
  .opinieContent {width: 650px;margin: auto; display: block; font-style: italic; color:#656565;}
  .opinieName {font-size: 24px; line-height: 1; color:#656565;margin-top:30px;display: block;display: inline-flex;align-content: center;align-items: center;}
  .opinieSlider .bx-prev::before,.opinieSlider  .bx-next::before {border-color: #682216;}

  /* 10. Pakiety */
  .offersSection {text-align: center; position: relative;max-width: 1180px;width: 100%;margin: auto;}
  .offersWrapper {display: flex;flex-wrap: wrap;justify-content: space-between; width:100%;}
  .SingleOffer {width:calc(33.3333% - 15px);height: 100%;min-height: 350px;position: relative;overflow: hidden;background-size: cover !important; margin-bottom: 25px;background-position: center center;}
  .SingleOffer::before {content: '';height: 100%;width: 100%;top:0;left:0;background: rgba(0,0,0,0.2);position: absolute;}
  .SingleOffer:hover::before {background: rgba(104, 34, 22,.5);}
  .OffersPrice {display: flex; flex-wrap: wrap; align-items: baseline;}
  .OffersPrice strong {margin:0 5px;font-size: 30px;line-height: 1;font-weight: normal;}
  .OffersTitle {font-size: 30px;line-height: 1;}
  .offerMainContent {position: absolute;bottom: -45px;width: 100%;text-align: left;color: #fff;}
  .SingleOffer:hover .offerMainContent {bottom: 20px;}
  .offerMainContent .OffersButton, .offerMainContent .OffersPrice {margin-top:15px;}
  .offerMainContent {padding:0 20px;}
  .seeAllPackets {margin-top:70px;}

  /* 11. Footer */
  footer {margin-top:70px;}
  .footerWrapper, .default-text {width: 100%;max-width: 1180px;margin:auto;position: relative;}
  .FooterContainer {background-size: cover !important;background-position: center center;position: relative;}
  .FooterContainer::before {content:'';width: 100%;height: 100%;;background: rgba(255, 255, 255,.9);position: absolute;top:0;left:0;}
  .OneColumn, .ThreeColumns {position: relative;}
  .OneColumn {text-align: center; padding: 30px 0;}
  .ThreeColumns {display: flex;flex-wrap: wrap;justify-content: space-between; width: 100%;padding: 30px 0;}
  .ThreeColumns .Column {width:calc(33.333% - 15px);text-align: center;}
  .FooterContainer h3 {font-size: 30px; line-height: 1;margin-bottom: 30px; margin-top:0;}
  #newsletter {width:320px;margin:auto;}
  .newsletterWrapper {display: flex; justify-content: space-between;border:1px solid #682216;}
  .newsletterWrapper input {border:none;background: transparent;padding-left: 5px;width: 100%;}
  .newsletterWrapper .button {border:none; padding: 5px 15px;}
  .OneColumn.firstCol::before, .ThreeColumns::before {content: '';position: absolute;bottom: 0;left: 50%;width: 50%;height: 1px; background: #d7d7d7; transform: translate(-50%);}
  .footerNav {display: flex;flex-wrap: wrap;justify-content: center;padding-left: 0;}
  .footerNav li {list-style: none; margin-right: 10px;}
  footer a, footer p {color:#555;}
  footer i {color:#682216;margin-right: 5px;}
  footer a:hover {opacity: 0.7;}
  .Credits {width: 100%; background: #fff;}
  .footer-bottom {width: 100%;max-width: 1180px;margin:auto;display: flex;justify-content: space-between;padding: 10px 0; }
  .logoHS {cursor: pointer;}

  /* 12. Pokoje */
  .rooms {width: 100%;max-width: 1180px;margin:auto;position: relative;}
  .rooms .sectionSliderRooms {min-height:500px; height: 500px;position: relative;}
  .sectionSliderRooms .priceRez {position: absolute; bottom:80px; left:-30px;z-index: 9;}
  .prizeWrapper {display: inline-block;background: #682216;padding: 10px;position: relative;}
  .prizeWrapper::before {content: '';position: absolute;width: 30px;height: 30px;bottom: -30px;left:0;border-top: 15px solid #2b0d08;border-bottom: 0px solid transparent;border-left: 30px solid transparent;}
  .prizeWrapper p,.prizeWrapper .BiggerPriceRez {color:#fff;margin:0;}
  .sectionContainerRooms .sectionContent {padding:0 50px;}
  .sectionContainerRooms {margin-top:70px;border: 1px solid #682216;}
  .sectionContainerRooms:first-child {margin-top:0;}
  .rooms .bookButton {background:#E62F10;border-color: #E62F10;}
  .rooms .bookButton:hover {background: #fff;color:#E62F10;}
  .rooms .button {margin-right: 20px;}
  .buttonsContainer {display: flex; flex-wrap: wrap;margin-top:20px;}
  .modal-icons li {list-style: none;}
  .modal-icons span {line-height: 24px;color: #757575;}
  .room-icon {color:#682216;margin-right: 10px !important;}
  .modal-dialog {padding: 0;margin: 0;top: 50%;left: 50%;transform: translate(-50%, -50%) !important;}


  /* 13. Galeria */
  .galleryPage {height: 100vh;}
  .pagerContainer { width: 100%; background: #fff; position: relative; z-index: 9;}
  .pagerContainer .bx-wrapper { margin:0 auto;}
	.pagerContainer { margin-top:15px; }
  .pagerContainer .bx-viewport {z-index: 9;}
  .pagerContainer .bx-controls-direction {width:100%;}
  .pagerContainer .bx-prev::before {left:-30px; border-color: #682216;}
  .pagerContainer .bx-next::before {left:30px; border-color: #682216;}
  .bx-pager a { margin-right: 15px;}
  .bx-pager a img{border: 1px solid transparent; }
  .bx-pager .active img {border:1px solid #682216;}


/* 14. Kontakt */
  .sekcjaKontakt, .KontaktUs {width: 100%;max-width: 1180px;margin:auto;position: relative;}
  #sekcjaKontakt a, #sekcjaKontakt p {color: #555;}
  #sekcjaKontakt i {color:#682216;margin-right: 5px;}
  #sekcjaKontakt a:hover {opacity: 0.7;}
  #sekcjaKontakt h3 {font-size:30px;line-height: 1;}
  .kontaktNew {padding-left: 40px; align-self: center;}
  .kontaktForm {display: flex;flex-wrap: wrap;justify-content: space-between;width:100%;}
  .kontaktForm input, .kontaktForm textarea {width:100%; border:1px solid #e2e2e2;margin-top:20px;line-height: 24px;padding: 6px 15px;}
  .kontaktForm input:hover, .kontaktForm textarea:hover,.kontaktForm input:focus, .kontaktForm textarea:focus {box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}
  .kontaktForm textarea {height: 175px;}
  .kontaktForm input:first-child {margin-top:0;}
  .centerTitleForm {width:100%;text-align: center;margin-bottom: 70px;}
  .centerTitleForm h2 {margin-top:0 !important;}
    .sekcjaKontakt .ThreeColumns {padding-bottom: 70px;}
		.sekcjaKontakt .ThreeColumns::after{content: "";flex: 0 0 32.333%;}


  /* 15. Opinie strona */
  .opinieContainer {width: 100%;max-width: 1180px;margin:auto;position: relative;}
  .reviewsAverage {text-align: center;display: block;margin-bottom: 50px;}
  .smallDigit {line-height: 1;font-size: 18px;}
  .avaeageWrapper {display: inline-block; padding: 10px;border-bottom: 1px solid #d6d6d6;}
  .avaeageWrapper h3 {margin:0; padding: 0;}
  .review {display: flex; flex-wrap:wrap;width: 100%;justify-content: space-between;background: #f7f7f7; padding: 30px;margin-bottom: 30px;}
  .review:last-child {margin-bottom: 0;}
  .review .reviewNumber {width:130px;text-align: center;padding-top:5px;}
  .review .reviewContent {width:calc(100% - 130px);padding: 0 30px;}
  .reviewInfo {font-size: 24px;line-height: 1;}
  .reviewSourceLogo {margin-top:15px;}
  .reviewSourceLogo img {height: 30px !important;}


@media (min-width:981px) and (max-width:1180px) {
  .waloryBG,.roomsMain, .LeftSide, .RightSide,.SectionGallery,.SectionOpinie,.offersMain, .KontaktUs {padding-left: 30px; padding-right: 30px;}
  .singleWalor {padding: 20px 10px;}
	.mainMenu li {margin-right: 5px;}
	.mainMenu li a {font: 400 13px/1 'Montserrat';}
}

@media(max-width:980px) { /* X. Mobile */
  /* header */
	.slidePage {min-height: 350px; margin-top:60px;}
  .BxTitle {font: 400 36px/1 'Marcellus SC';}
  .BxOpisLang {font: 400 18px/1 'Montserrat';}
  h1.beutyFont, h2.beutyFont {font: 400 30px/1 'Marcellus SC' !important;}
  .subTitle {font: 400 16px/1 'Montserrat';}
  .header-middle {z-index: 999999;position: fixed;top: 0; height: 60px;width: 100%;}
  .rez-form-container,.mainNav {display: none;} /* Mobile Elements Off */
  .MenuMobile {display: block; position: fixed; top:0; right: 0;width: 100%;height: 60px;background:#fff;box-shadow: 0 3px 6px rgba(0,0,0,0.16);}
  .MenuMobile__toggle {display: inline-block;position: absolute;z-index: 10;padding: 0;border: 0;background: transparent;outline: 0;right: 10px;top: 5px;cursor: pointer;border-radius: 50%;transition: background-color 0.15s linear;}
  .MenuMobile__menu {display: flex;flex-direction: column;justify-content: center;height: 100vh;position: relative;z-index: 5;visibility: hidden;}
  .MenuMobile__item {opacity: 0;transition: all 0.3s cubic-bezier(0, 0.995, 0.99, 1) 0.3s; }
  .MenuMobile__item:nth-child(1) {transform: translateY(-40px);}
  .MenuMobile__item:nth-child(2) {transform: translateY(-80px);}
  .MenuMobile__item:nth-child(3) {transform: translateY(-120px);}
  .MenuMobile__item:nth-child(4) {transform: translateY(-160px);}
  .MenuMobile__item:nth-child(5) {transform: translateY(-200px);}
  .MenuMobile__link a {color: white;display: block;text-align: center;text-transform: uppercase;letter-spacing: 5px;font-size: 1.25rem;text-decoration: none;padding: 1rem;}
  .MenuMobile__link a:hover, .MenuMobile__link a:focus {outline: 0;background-color: rgba(255, 255, 255, 0.2);}
  .menuicon {display: block;cursor: pointer;color: #682216;transform: rotate(0deg);transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
  .menuicon__bar, .menuicon__circle {fill: none;stroke: currentColor;stroke-width: 3;stroke-linecap: round;}
  .menuicon__bar {transform: rotate(0deg);transform-origin: 50% 50%;transition: transform 0.25s ease-in-out;}
  .menuicon__circle {transition: stroke-dashoffset 0.3s linear 0.1s;stroke-dashoffset: 144.51326;stroke-dasharray: 144.51326;}
  .splash {position: absolute;top: 40px;right: 40px;width: 1px;height: 1px;}
  .splash::after {content: '';display: block;position: absolute;border-radius: 50%;width: 284vmax;height: 284vmax;top: -142vmax;left: -142vmax;transform: scale(0);-webkit-transform: scale(0);transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);-webkit-transition: transform 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);will-change: transform;}
  .MenuMobile:target > .splash::after, .MenuMobile--open > .splash::after {transform: scale(1);-webkit-transform: scale(1);}
  .MenuMobile:target .menuicon, .MenuMobile--open .menuicon {color: white;transform: rotate(180deg); -webkit-transform: rotate(180deg);}

  .MenuMobile:target .menuicon__bar:nth-child(1), .MenuMobile--open .menuicon__bar:nth-child(1), .MenuMobile:target .menuicon__bar:nth-child(4), .MenuMobile--open .menuicon__bar:nth-child(4) {opacity: 0;}
  .MenuMobile:target .menuicon__bar:nth-child(2), .MenuMobile--open .menuicon__bar:nth-child(2) {transform: rotate(45deg);}
  .MenuMobile:target .menuicon__bar:nth-child(3), .MenuMobile--open .menuicon__bar:nth-child(3) {transform: rotate(-45deg);}
  .MenuMobile:target .MenuMobile__menu, .MenuMobile--open .MenuMobile__menu {visibility: visible;}
  .MenuMobile:target .MenuMobile__item, .MenuMobile--open .MenuMobile__item {opacity: 1;transform: translateY(0);}
  #menu{padding:0px;}
  .splash::after{z-index:1;background-color: rgba(0, 0, 0,0.95); }
  .logoMobile {z-index: 1;color: red;display: block;position: absolute;top: 0;left: 0;height: 100%;padding: 15px;}
  .logoMobile img {height: 100%;}
  .bottomNavMobile {display: flex;flex-wrap: wrap;width:100%;background: #fff;position: fixed;bottom: 0;left:0;justify-content: space-between; align-items: center;border-top: 1px solid #ddd;z-index:500;}
  .bottomNavMobile a {display: block;text-align: center;text-transform: uppercase;font-size: 12px;color: #404040;padding: 5px 0;width: 25%;position: relative;}
  .bottomNavMobile a::after {content: '';height: 100%;width: 1px;position: absolute;top: 0;right: 0;background: #ddd;}
  .bottomNavMobile a:last-child::after {content:none;}
  .bottomNavMobile a i {font-size: 16px;margin-bottom: 5px;color: #682216;}
  .bottomNavMobile a i,.bottomNavMobile a span {width:100%;}
  .bottomNavMobile .rezMobile {background: #682216;color: #fff ;}
  .bottomNavMobile .rezMobile i {color:#fff;}
  .mainHeader .scrollTop {bottom: 60px;}

  @media screen and (max-width: 750px) {
	ul.MenuMobile__menu li:hover > ul, ul.MenuMobile__menu ul {
	  display: none;
	}
}
ul.MenuMobile__menu li {position:relative;}
ul.MenuMobile__menu li .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 5px;
  background: transparent;
  border: 0;
  color: #fff;
  width: 40px;
  cursor: pointer;
  font-size: 20px;
  text-align:center;
}

ul.MenuMobile__menu li .dropdown-btn {
  color: #fff;
  cursor: pointer;
  font-size: 20px;
}

ul.MenuMobile__menu ul {padding-left:0;background:rgba(255,255,255,0.1);}

  /* MainRooms */
  .roomsContainer {justify-content: space-around;}
  .roomsContainer .singleRoomWrapper {width: calc(50% - 15px);}
  .singleRoomWrapper:nth-child(2) {margin:0; margin-left:30px;}
  .singleRoomWrapper:last-child {margin-top:30px;}


  /* Walory */
  .waloryContainer {justify-content: space-around;}
  .singleWalor {width:calc(50% - 15px);}
  .singleWalor:nth-child(2), .singleWalor:nth-child(4) {margin-left: 30px;}
  .singleWalor:nth-child(3), .singleWalor:nth-child(4) {margin-top:30px;}

  /* Sekcje */
  .sectionSide {width: 100%; padding: 0 10px;}
  .sectionSlider {min-height: 550px; height:550px;}
  .LeftSide .sectionContent {text-align: center;padding-left: 0; margin-top:30px;}
  .RightSide .sectionSlider {order:0;}
  .RightSide .sectionContent {text-align: center;padding-right: 0; margin-top:30px;}

  /* GaleriaMain */
  .GalleryContainer {justify-content: space-around;}
  .GalleryContainer .GalleryPicture {margin-bottom: 30px;width: calc(50% - 15px);}
  .GalleryPicture:nth-child(even) { margin-left:30px;}
  .GalleryPicture:last-child,.GalleryPicture:nth-last-child(2) {margin-bottom:0;}


  /* opinie */
  .opinieContent {width: 100%;}
  .opinieSlider .bx-controls {display: none;}

  /* ofertyMain w pliku main_offers.tpl*/

  /* opinie strona */
  .review .reviewContent, .review .reviewNumber {width:100%; padding: 0;}
  .review .reviewNumber {margin-bottom: 30px;}

  /* Kontakt strona */
  .kontaktNew {padding: 0 15px; margin-top:70px;}
  .sekcjaKontakt .ThreeColumns {padding: 0; padding-bottom: 70px;}


  /* Footer */
  .ThreeColumns .Column {width: 100%;margin-bottom: 70px;}
  .ThreeColumns .Column:last-child {margin-bottom: 0;}
  .waloryBG,.roomsMain, .LeftSide, .RightSide,.SectionGallery,.SectionOpinie,.offersMain {padding-left: 15px; padding-right: 15px;}

  /* Galeria na mobile */
  .pagerContainer {display: none;}
  .slideGallery {height: 60vh !important;margin-top:60px;min-height: 400px !important;}
  .galleryPage {height: calc(100vh - 100px) !important;}
  .galleryPage .optCat {width: 100%;padding: 10px;bottom: 0 !important;background: #682216;position: relative;}
  .galleryPage .optCat li {line-height: 35px;}

  .default-text {padding: 0 30px;}
}

@media(max-width:600px){

  .default-text {padding: 0 15px;}
  /* MainRooms */
  .roomsContainer {justify-content: space-between;}
  .roomsContainer .singleRoomWrapper {width: 100%;}
  .singleRoomWrapper:nth-child(2) {margin:70px 0;}

  /* Walory */
  .singleWalor {width:100%; margin-bottom:20px;justify-content: space-between;}
  .singleWalor:last-child {margin-bottom: 0;}
  .singleWalor:nth-child(2),.singleWalor:nth-child(3), .singleWalor:nth-child(4) {margin-left: 0;margin-top:0;}

  /* Sekcje */
  .sectionSlider {min-height: 300px; height: 300px;}



  /* GaleriaMain */
  .height {width:550px;}
  .GalleryContainer .GalleryPicture {width: 100%; margin:0;margin-bottom: 30px;}
  .GalleryPicture:nth-last-child(2) {margin-bottom: 30px;}

  /* ofertyMain w pliku main_offers.tpl */
}

@keyframes ArrowSlide {
0% {top:0;}
50% {top:6px;}
100% {top:0;}
}
@keyframes scrollTop {
  0% {opacity: 0;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}
.body-ident-ceny-i-rezerwacja .Rezerwacja{width:100% !important; padding:10px !important;max-width:100% !important;margin:0px !important;}
.body-ident-o_nas .BxImage {background-size: cover !important;}