@font-face {
  font-family: "garibaldi-medium";
	src:url("fonts/garibaldi-medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'lato';
	src: url('fonts/Lato-Reg.ttf');
}
@font-face {
	font-family: 'lato';
  font-style: italic;
	src: url('fonts/Lato-RegIta.ttf');
}
@font-face {
  font-family: 'lato';
	font-weight: bold;
	src: url('fonts/Lato-Bol.ttf');
}
@font-face {
  font-family: 'lato';
	font-weight: bold;
  font-style: italic;
	src: url('fonts/Lato-BolIta.ttf');
}
/* =========== ikony - czcionka ========== */
@font-face {
  font-family: "nice-font";
	src:url('fonts/nice-font.eot');
	src:url('fonts/nice-font.eot#iefix') format('embedded-opentype'),
		url('fonts/nice-font.woff') format('woff'),
		url('fonts/nice-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
.n-ico, [data-icon] {
  width: 1em;
  margin: -0.6em 0 -0.4em 0;
  vertical-align: middle;
  font-size: 14px;
  display: inline-block;
  text-align: left;
}
.n-ico:before, [data-icon]:before {
  content: attr(data-icon);
  vertical-align: top;
  
  font-family: "nice-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block; 
  text-rendering: auto;
  font-smooth: always;
}
.n-ico {
  margin-right: 0.5em;
  font-size: 21px;
}
.n-ico.arrow1-down:before {content: "\00E100";}
.n-ico.arrow1-left:before {content: "\00E101";}
.n-ico.arrow1-right:before {content: "\00E102";}
.n-ico.arrow1-up:before {content: "\00E103";}

.n-ico.ak-slider-left:before {content: "\00E101";}
.n-ico.ak-slider-right:before {content: "\00E102";}

.n-ico.arrow2-down:before {content: "\00E104";}
.n-ico.arrow2-left:before {content: "\00E105";}
.n-ico.arrow2-right:before {content: "\00E106";}
.n-ico.arrow2-up:before {content: "\00E107";}

.n-ico.camera:before {content: "\00E115";}
.n-ico.cart:before {content: "\00E116";}
.n-ico.chat:before {content: "\00E118";}
.n-ico.clock:before {content: "\00E11A";}
.n-ico.hamburger:before {content: "\00E11C";}
.n-ico.mail:before {content: "\00E11F";}
.n-ico.lock-open:before {content: "\00E121";}
.n-ico.lock:before {content: "\00E123";}
.n-ico.love:before {content: "\00E125";}
.n-ico.zoom:before {content: "\00E127";}
.n-ico.at:before {content: "\00E129";}
.n-ico.map:before {content: "\00E12A";}
.n-ico.minus:before {content: "\00E12C";}
.n-ico.ok:before {content: "\00E12E";}
.n-ico.pause:before {content: "\00E131";}
.n-ico.pdf:before {content: "\00E134";}
.n-ico.file:before {content: "\00E136";}
.n-ico.plus:before {content: "\00E138";}
.n-ico.profile:before {content: "\00E13A";}
.n-ico.quote:before {content: "\00E13C";}
.n-ico.share:before {content: "\00E13F";}
.n-ico.home:before {content: "\00E142";}
.n-ico.x:before {content: "\00E143";}
/* ====================================================== Czcionki ==================================== */
/* ================ ANIMACJE ================*/

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}



@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}



@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}



@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(.95, .95, .95);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}



@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}


@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}



@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}


@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}


@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    transform: none;
    opacity: 1;
  }
}


@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}


@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}


@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes bg-brightness {
	from {
    background:rgba(0,0,0,0.8);
  }

  to {
		background:rgba(0,0,0,0.4);
  }
}
/* -------------------------------------------------------- */
html, body, input, textarea {
  color: #666666;
  line-height: 1.6;
  font-size: 15px;
  font-family: lato, tahoma, arial, sans-serif;
  /*font-family: georgia ,"Times New Roman" ,serif;*/
}
h1, h2, h3, h4, h5, h6 {
  margin: 1.2rem 0 0.8rem 0;
  line-height: 1.2;
  text-transform: none;
  font-family: garibaldi-medium, verdana, arial, sans-serif;
  font-weight: normal;
  color: #353737;
}
h1:first-child, h2:first-child, h3:first-child {
  margin-top: 0;
}
h1 {
  font-size: 4.8rem;
}

h2 {
  /*padding: 0 0 0.86rem 0;*/
  margin-bottom: 0.9rem;
	font-size: 2.3rem;
  position: relative;
}
.start h2 {
	font-size: 4.8rem;
}
h2+h3, h1+h3 {
  text-transform: uppercase;
  color:#3d83d8;
  position: relative;
  font-size:1rem;
  letter-spacing: 2px;
  font-family: lato, tahoma, arial, sans-serif;
  font-weight:bold;
  margin-bottom:2em;
}
h1+h3 {
  color:#fff;
}
h2+h3:before, h1+h3:before {
  content:'';
  position: absolute;
  right:102%;top:45%;left:auto;
  width:85px;
  height:1px;
  background:#3d83d8;
}
h1+h3:before {
  background:#fff;
}
.mb-header-right h2 + h3:before {
  background:#3d83d8;
  left:102%;top:45%;right:auto;
}
h3 {
  font-size: 1.4rem;
}
h4 {
	font-size: 1rem;
}
h5 {
	font-size: 0.9rem;
}
h6 {
	font-size: 0.9rem;
}
a {
  text-decoration: none;
  color: #3d83d8;
}
a:hover {

}
/* =================================================== Układ strony =========================================== */
html, body {
  color: #666;
  background: #fff;
}
#CANVAS {
  overflow: hidden;
  padding-bottom:0;
}
.container {
  max-width: 1250px;
}
.bg-section {
	position: relative;
/*	padding-bottom: 40%;*/
	z-index: 0;
	overflow: hidden;
}
.ak-slider.keep-aspect-ratio {
  padding-bottom:40%;
}
.container.right-panel {
	padding-right:390px;
	box-sizing: border-box;
}
.CONTENT-PAGE {
  position: relative;
  overflow: hidden;
}
.to-top {
  position:absolute;
  bottom:0;
  right:40px;
  height:35px;
  width:35px;
  background-color:#1f61d1;
  background-image:url(graphics/arrow-up-white.png);
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}
#TOP {     /*menu itp*/
  position:absolute;
	top:0;right:0;left:0;
	height: 125px;
	background: none;
}
  #TOP .container, #TOP .mobile-nav-container {
    height: 100%;
  }
  #TOP-EXTENDED {
    height: 70px;
  }
  #TOP-MINI {
    height: 55px;
    background: none;
		transition:all 300ms;
    position: relative;
    z-index:0;
  }
  #TOP-MINI .booking-button {
    position:absolute;
    top: -55px;
    right: 30px;
    transition:all 300ms;
  }
  #TOP-MINI .booking-button .button {
    margin:0;
  }
  #TOP-MINI.sticked .booking-button {
    top:8px;right:10px;
  }
	#TOP-MINI.sticked {
		box-shadow: 0px 3px 2px rgba(0,0,0,0.2);
		background:#fff;
	}
  #TOP-MINI.sticked #LEFT-MENU, #TOP-MINI.sticked #RIGHT-MENU{
    padding:0;
    width:auto;
    float: none;
    display: inline-block;
  }
  #TOP-MINI.sticked nav {
    text-align: right;
  }
  #logo {
    position: absolute;
    top: -20px; left: 50%;
		margin-left:-66px;
    width: 132px;
		height:94px;
		z-index:1;
    transition: top 200ms;
  }
  .sticked #logo .primary-logo {
	display: none;
  }
  .sticked #logo .secondary-logo {
	display: block;
  }
  .sticked #logo {
		top: 2px;
    left:5px;
		margin-left: 0;
		width: 80px;
    height: 50px;
  }
#MAIN-BANNER {
  clear: both;
  background: #000;
}
.page-section {
  padding: 100px 0;
}
#START-OFFER.page-section {
  padding-bottom:0;
}
#BOTTOM.page-section {
  padding:90px 0 20px 0;
}
.content_block .page-section {
  padding:0;
}
.pattern-right {
	background-image:url(graphics/wzor.png);
	background-repeat: no-repeat;
	background-position: top right;
  background-position-y: 50%;
}
.pattern-left {
	background-image:url(graphics/wzor2.png);
	background-repeat: no-repeat;
	background-position: top left;
  background-position-y: 50%;
}
.page-section.pattern-right {
  background-position: top right;
}
.page-section.pattern-left {
  background-position: top left;
}
#HEADER-IMAGE {
  background: rgba(0, 0, 0, 0) url("graphics/zima.jpg") no-repeat scroll center top;
  background-size:cover;
  padding-bottom: 35%;
  position:relative;
	overflow: hidden;
}
body.wiosna #HEADER-IMAGE {
  background-image: url("graphics/wiosna.jpg");
}
body.lato #HEADER-IMAGE {
  background-image: url("graphics/lato.jpg");
}
body.jesien #HEADER-IMAGE {
  background-image: url("graphics/jesien.jpg");
}
#HEADER-IMAGE.short {
  padding-bottom: 28%;
}
#HEADER-IMAGE:after {
  content:"";
  background-color: rgba(0, 0, 0, 0.4);
  position:absolute;
  top:0;bottom:0;left:0;right:0;
	
	animation-name:bg-brightness;
	animation-duration:2s;
  }
@keyframes arrow-bounce {
  from {
    bottom:40px;
    padding-bottom:0;
  }
  
  50% {
    bottom:20px;
    padding-bottom:20px;
  }

  to {
    bottom:40px;
    padding-bottom:0;
  }
}
.arrow-banner {
  position: absolute;
  bottom:40px;
  padding-bottom:0;
  right:30px;
  background: url(graphics/ico-arrow-top-zima.png) no-repeat bottom right;
  height:60px;
  color:#fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  z-index:12;
  text-align: left;
  animation: arrow-bounce;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
#PAGE-HEADER {
  padding: 1em 0;
  background: #3f5765; color: #f0f8fc;
}
#PAGE-HEADER h1 {
  margin: 0;
	color:#fff;
}
#BOTTOM, #BOTTOM2, #FOOT {
  background: #fff;
}
#BOTTOM, #BOTTOM2, #FOOT {
  border-top:1px solid #ddd;
}
#BOTTOM2 {
  padding:25px 0;
}
/* =================================================== Menu Glowne ============================================= */
#LEFT-MENU {
	float:left;
	width:50%;
	box-sizing: border-box;
	padding:0 80px 0 0;
	text-align: right;
	transition: padding 300ms;
}
#RIGHT-MENU {
	float:right;
	width:50%;
	box-sizing: border-box;
	padding:0 0 0 80px;
	text-align: left;
	transition: padding 500ms;
}
nav {
margin-right: 0; /* wyrównuje margin ostatniego elementu */
width:100%;

}
nav ul li {
  margin: 0 0;
}
nav ul li a {
  padding: 23px 8px 10px;
  height: 55px;
  font-size: 13px;
  color: #fff !important;
	font-weight:bold;
  text-transform: uppercase;
	transition: all 200ms;
  letter-spacing: 2px;
}
/* --------------- hover ------------------ */
nav ul a:hover, nav ul li:hover {
  color:#6ebaf6 !important;
}
nav ul a.urhere {
  
}
/* --------------- active ----------------- */
nav ul a:active {
}
/* --------------- Submenu ---------------- */
nav ul li ul {
  box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  background: rgba(0,0,0,0.9);
  z-index: 2;
  text-align: left;
}
nav ul li ul li a {
  position: relative;
  color: #fff;
  padding:10px;
  transition:all 300ms;
}
nav ul li ul li a:after { /* w podmenu nie chcemy aftera */
  display: none !important;
}

nav ul li ul li a:hover {
  padding-left:20px;
}
.sticked nav ul li a {
	color:#666666 !important;
}
.sticked nav ul li ul {
	background:#fff;
  color:#666666;
}
/* ======================================================== Konkretne elementy =============================== */
ul li {
  list-style-image: url('graphics/list-pointer.png');
}
/* -------------------- Przyciski -------------- */
.button, .buttons a {
	padding: 12px 20px;
  min-width: 0;
	color: #fff;
  /*min-width: 10em;*/
  position: relative;
  font-size: 13px;
	background: #1f61d1;
  transition: all 300ms;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  height:36px;
  box-sizing: border-box;
}
:hover.button, .buttons a:hover {
	text-decoration: none;
  background:#15438e;
}
.button.gray {
  background: #353737;
}
.button.arrow {
  padding-right:55px;
  position: relative;
}
.button.arrow:after {
  content:'';
  position:absolute;
  top:0;right:0;width:36px;height:36px;
  padding:12px;
  box-sizing: border-box;
  border-left:1px solid rgba(255,255,255,0.1);
  
  background-image: url(graphics/arrow-right-white.png);
  background-color:inherit;
  background-repeat: no-repeat;
  background-position: top center;
  background-origin: content-box;
  background-size: contain;
}
.button.gray:after {
  
}
/* ------------------- Gallery ------------------ */ 
ul.gallery{
  
}
ul.gallery li {
  margin: 0;
	/*filter: grayscale(100%);*/
	transition:all 300ms;
  display:block;
  width:10%;
}
ul.gallery li a, ul.gallery li img, .thb img {
    margin: 0;
    border: 0 none;
    float: none;
    width: 100%;
}
.gallery-page ul.gallery li {
  display:none !important;
  animation-name:fadeIn;
  animation-duration:500ms;
}
.gallery-page ul.gallery li.visible {
  display:block !important;
}
ul.gallery li a {
	position: relative;
}
ul.gallery li:hover {
	/*filter: grayscale(0%);*/
}
ul.gallery li a:before {
		background: rgba(0,0,0,0.4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
		width:0;
		transition: width 300ms;
}
ul.gallery li a:after {
		content: "";
    position: absolute;
		
		background: url(graphics/btn-plus.png) no-repeat top center;
    
		top: 50%;
		margin-top:-25px;
		left: 50%;
		margin-left:-25px;

		width:50px;
		height:50px;
		transition: all 300ms;
		opacity:0;
}
ul.gallery li a:hover:before {
	width:100%;
}
ul.gallery li a:hover:after {
	opacity:0.9;
}
#gallery-section, #gallery-offer-section {
	clear: both;
}
#gallery-section .slick-next, #gallery-section .slick-prev, #gallery-offer-section .slick-next, #gallery-offer-section .slick-prev {
  top:50%;
  bottom:none;
  background-color:transparent;
  width:23px;
  height:39px;
  background-size: contain;
  background-position: top center;
  padding:0;
}
#gallery-section .slick-next, #gallery-offer-section .slick-next {
  right:40px;
  left:none;
  background-image:url(graphics/arrow-right-white-big.png);
}
#gallery-section .slick-prev, #gallery-offer-section .slick-prev {
  left:40px;
  right:none;
  background-image:url(graphics/arrow-left-white-big.png);
}
.gallery-page ul.gallery, .gallery-page ul.gallery li {
  margin:0;
}
/* ------------- BOOKING - BOX ------------------------ */
.booking-box-wrapper {
  position: relative;
}
.booking-box {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background: #fff;
}
.booking-box > div {
  flex: 1;
  text-align: center;
  border-right: 1px solid #ddd;
  padding: 20px 30px;
  position: relative;
}
.booking-box > .booking-controls {
  flex: 1.2;
}
.booking-box > div:last-child {
  border: 0;
}
.booking-box span.month, .booking-box span.day, .booking-box input[type="number"] {
  line-height:1;
  font-family: garibaldi-medium, verdana, arial, sans-serif;
  color: #a68240;
  text-transform: uppercase;
}
.booking-box span.day, .booking-box input[type="number"] {
  font-size: 2.6rem;
}
.booking-guests .guests {
  overflow: hidden;
}
.booking-controls .button {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:0;
  
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.booking-box label {
  font-size: 0.8rem;
}
.booking-box input {
  background: none;
  border: none;
  border-bottom: 1px solid #a68240;
  text-align: center;
  height: 30px;
  font-size: 0.9rem;
}
.booking-box input[type="number"] {
  padding: 0;
  background: none;
  border: none;
}
.booking-date-from, .booking-date-to, .booking-date-from label, .booking-date-to label {
  cursor: pointer;
}
.booking-date-from, .booking-date-to, .booking-guests, .booking-discount-code {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.date-from, .date-to {
  position: relative;
  padding-right: 25px;
}
.date-from .ico, .date-to .ico {
  position: absolute;
  bottom:0;
  right:0;
}
.date-from span.day, .date-to span.day {
  margin-right: 10px;
}
/* ---- add-mobile-controls --- */
.add-mobile-controls {
  display: none;
  align-items: center;
  justify-content: flex-end;

  position: absolute;
  top:0;
  right: 60px;
}
.add-mobile-controls .icon {
  width: 55px;
  height: 55px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.add-mobile-controls .icon svg {
  width: 100%;
}
/* ---- input type number --- */
.quantity {
  position: relative;
  overflow: hidden;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 25px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
  width: 22px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  width: 22px;
  text-align: center;
/*  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
}
.quantity-button.quantity-up img {
  transform: rotate(180deg);
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}
/* --- datapicker --- */
#booking-datepicker-panel {
 position: absolute;
 bottom:100%;
 left:0;
 right: 20%;
 background: #fff;
 padding: 30px;
 border: 1px solid #ccc;
 box-shadow: 0 0 5px rgba(0,0,0,0.5);
 display: none;
 z-index: 200;
 max-width: 500px;
}
#booking-datepicker-panel.show-me {
  display: block;
  animation-name: fadeIn;
  animation-duration: 400ms;
}
table.ui-datepicker-calendar tr td, table.ui-datepicker-calendar tr th {
  padding: 5px;
}
table.ui-datepicker-calendar tr td span, table.ui-datepicker-calendar tr td a, table.ui-datepicker-calendar tr th span {
  font-size: 0.8rem;
}
a.ui-state-disabled {
  color: #ddd !important;
}
.close-button {
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 top:0;
 right:0;
 width:30px;
 height:30px;
 background: #1f61d1;
}
.close-button img {
 max-width:100%;
}
.ui-datepicker {
    border: none;
    box-shadow: none;
}
.ui-datepicker-header {
 padding: 10px 50px;
 position: relative;
 text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
 position: absolute;
 top:10px;
}
.ui-datepicker-prev {
 left:0;
}
.ui-datepicker-next {
 right:0;
}
/* ------------- Content Block ------------------------ */
.content_block {
  margin:0;
}
.content_block.module_block {
  margin:0;
}
.content_block.module_block.float-fullsize {
  padding: 0;
}
.float-left {
	float:left;
	padding-right:1em;
}
.float-right {
	float:right;
	padding-left:1em;
}
table {
	width:100%;
	max-width:800px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
}
table tr td, table tr th {
	padding:10px;
	text-align:center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table tr th {
	background: #353737;
	color:#fff;
}
table tr:nth-child(odd) {
	background:#eee;
}
/* --------------------- */
.text-module > div {
	float:left;
	width:50%;
	box-sizing: border-box;
}
.text-module .text-wrapper {
	padding-right:30px;
}
.content-blocks-module {
	float:right;
	width:50%;
	padding-left:30px;
}
.text-photo img {
	float:left;
	padding-top:8px;
	padding-right:30px;
	padding-bottom:30px;
	max-width:400px;
}
/* ------------- Module ------------------------ */
.module {
  margin-bottom: 1em;
}
#SECONDARY-CONTENT .module {
  padding-bottom: 1em;
  border-bottom: solid 1px #ccc;
}
#SECONDARY-CONTENT .module:last-child {
  border-bottom: none;
}
.back-image {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
	padding-bottom:35%;
	position: relative;
}
.back-image:before {
	content: '';
	position: absolute;
	top:0;right:0;left:0;bottom:0;
	background:rgba(0,0,0,0.4);
	
	animation-name:bg-brightness;
	animation-duration:2s;
}
/* --------------- multiblocks ---------------- */
.mb-header-right h2 {
  font-size:4.8rem;
}
.mb-header, .mb-footer {
}
.mb-footer {
	text-align: center;
  padding-top:30px;
}
.mb-footer .button {
	margin: 0;
}
.mb-header-right {
	float:right;
	width:40%;
	padding-left:5%;
	box-sizing: border-box;
}
.mb-header-right h2, .mb-header-right h3 {
  text-align: right;
}
.mb-content-left {
	float:left;
	width:60%;
	padding-right:2%;
  padding-top:8px;
	box-sizing: border-box;
}
div[data-grid="logo-box"], div[data-grid="card"] {
  margin:0 -10px;
}
.logo-box {
  margin:0 10px;
}
.logo-box .thb {
  margin:10% 0;
  background-position: left;
}
.icon-list {
  width:100%;
  margin:0 -15px;
}
.icon-list > li {
  width:50%;
  box-sizing: border-box;
  clear:none;
  margin:0;
  float:left;
  padding:0 15px;
}
.icon-list .icon {
  width:25px;
  height:25px;
}
.icon-list .content {
  padding:0 0 0 1em;
  width:60%;
  margin-top:-8px;
  text-transform: uppercase;
  color:#3d83d8;
}
.icon-list .content strong {
  font-size:0.9em;
}
/* ---------------specjal  multiblocks ---------------- */
.cb-module h2, .cb-module h3, .cb-module h4, .cb-module h5 {
  font-size:1.1em !important;
}
.cb-content h2, .cb-content h3, .cb-content h4, .cb-content h5 {
  color:#fff;
}
.cb-content h3 {
  color:#6db9f6;
}
.cb-module {
  padding-bottom:1em;
}
.cb-module * {
  text-align: left !important;
}
.cb-controls > .button {
  text-align: left;
  margin:0 12px 8px 0;
}
.cb-controls > .button:last-child {
  margin:0 0 8px 0;
}
.cb-section {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
  padding:100px 0;
  z-index: -2;
  background-color:#fff;
}
.cb-header {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  padding:150px 0;
}
.cb-section:before, .cb-header:after {
  content:'';
  position:absolute;
  top:0;right:0;left:0;bottom:0;
  background:rgba(0,0,0,0.5);
  z-index: -1;
}
.cb-header:after {
  z-index: 0;
}
.cb-header.cb-right * {
  text-align: left;
}
.cb-header.cb-left * {
  text-align: right;
}
.cb-header h2+h3:before {
  background:#fff !important;
}
.cb-header.cb-left h2+h3:before {
  right: auto;
  left: 102%;
  top: 45%;
  background:#fff;
}

.cb-header h2 {
    font-size: 4.8rem;
    color:#fff;
}
.cb-header h3 {
  color:#fff !important;
  }
.cb-section.type2 {
  z-index: 0;
}
.cb-section.type2 .cb-content {
  color:inherit !important;
  margin-top:6%;
}
.cb-section.type2:before {
  display:none;
}
.cb-section *, .cb-header * {
  z-index:1;
}
.cb-content, .cb-images {
  width:50%;
  box-sizing: border-box;
}
.cb-content {
  float:left;
  padding-right:25px;
  color:#fff;
}
.cb-images {
  float:right;
  padding-left:25px;
}
.cb-images > img {
  float:right
}
.cb-images > img:last-child {
  margin-right:-30%;
  margin-top:12%;
}
.cb-content h2+h3:before {
  background:#6db9f6;
}
span.big {
  font-size:3em;
  font-family: garibaldi-medium, verdana, arial, sans-serif;
}
.numbers-mod .card, .numbers-mod .card .content {
  padding:0;
}
.numbers-mod div[data-grid="card"] > div .card {
  padding-right:1em;
}
.numbers-mod .card .content h3 {
  color: #6ebaf6;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 2px;
  font-size:0.85rem !important;
  font-family: lato, verdana, arial, sans-serif;
  margin:0;
  font-weight:bold;
}

/* -- specjal  multiblocks float -- */
.cb-right .cb-module * {
  text-align: left !important;
}
.cb-right .cb-content {
  float:left;
  padding-right:25px;
  color:#fff;
}
.cb-right .cb-images {
  float:right;
  padding-left:25px;
}
.cb-right .cb-images > img {
  float:right;
}
.cb-right .cb-images > img:last-child {
  margin-right:-30%;
  margin-top:12%;
}
.cb-right .cb-content h2+h3:before {
  /* -- inherit -- */
}
.cb-right .cb-controls > .button {
  text-align: left;
  margin:10px 12px 8px 0;
}

.cb-right.type2, .cb-section.type2 {
  background:none;
  background-image:url(graphics/wzor2.png);
	background-repeat: no-repeat;
	background-position: top 50% left;
  background-color:#fff;
}
.cb-left.type2 {
  background:none;
  background-image:url(graphics/wzor.png);
	background-repeat: no-repeat;
	background-position: top 50% right;
	background-color:#fff;
}
.cb-left .cb-module * {
  text-align: right !important;
}
.cb-left .cb-content {
  float:right;
  padding-right:0;
  padding-left:25px;
  color:#fff;
  text-align: right;
}
.cb-left .cb-images {
  float:left;
  padding-left:0;
  padding-right:25px;
}
.cb-left .cb-images > img {
  float:left;
}
.cb-left .cb-images > img:last-child {
  margin-right:0;
  margin-left:-30%;
  margin-top:12%;
}
.cb-left .cb-content h2+h3:before  {
  right: auto;
  left: 102%;
  top: 45%;
}
.cb-left .cb-controls > .button {
  text-align: right;
  margin:10px 0 8px 12px;
}
.numbers-mod div[data-grid="card"] > div .card {
  padding:0 10px;
}
/* animacje onscreen */
.cb-left img.onscreen, .cb-right .cb-content.onscreen {
  animation-name: fadeInLeft;
  animation-duration: 1s;
}
.cb-right img.onscreen, .cb-left .cb-content.onscreen {
  animation-name: fadeInRight;
  animation-duration: 1s;
}
/* ------------------- CARD ----------------------- */
[data-grid="card"] { /* kolumny z kartami maja ujemny margines rowny marginesom kart - aby wyrownac je do brzegu containera */
  /*margin-left: -38px;
  margin-right: -38px;*/
}
.card {
  margin: 0 0 10px 0;
  padding: 0px 10px 1rem 10px;
  min-height: 0;
}
.card .thb .img-placeholder {
	padding-bottom: 52.5%; /* proporcje jak zdjęcie */
}
.card .content {
  padding: 10px 2px 0 2px;
}
.card .updated {
  margin: 4px 0;
  font-size: 1em;
}
.card .controls {
  text-align: right;
  bottom: 0px; left: 2px; right: 2px;
}
.card .controls .button {
  display: inline;
  padding: 0;
  border: 0;
  background: 0;
  text-decoration: underline;
  color: #ff530d;
  font-size: 1.143rem;
}
/* --------------- offer card --------------------- */
#offers_wrapper {
  margin: 0 -15px;
  background:#eee;
}
.offer-card-wrapper {
  padding:10px 10px;
  overflow: hidden;
}
.offer-card .content {
  width:100%;
  text-align:center;
  background:#fff;
  padding:25px 10px 35px 10px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  transition:all 300ms;
}
.offer-card .content h3 {
  position: relative;
  margin:0;
  padding-top:10px;
  font-size:1.3em;
  min-height:3em;
  letter-spacing: 0;
}
.offer-card .content h4, .offer-card .content h3 > span {
  font-family: lato, verdana, arial, sans-serif;
  font-size:1rem;
}
.offer-card .content h4 {
  color:#3d83d8;
}
.offer-card .content h3:after {
  content:'';
  position:absolute;
  bottom:-1px;
  left:50%;
  width:86px;
  margin-left:-44px;
  height:1px;
  background:#b5dbfb;
}
.offer-card .content .price {
  color:#3d83d8;
  display:block;
  margin-top:20px;
  font-size:1rem;
  text-transform: uppercase;
}
.offer-card .content .price > strong {
  font-size:2em;
}
.offer-card .thb {
  overflow: hidden;
}
.offer-card .thb img {
  width:100%;
  transition: transform 3s;
}
.offer-card .content .controls {
  height:0;
  opacity:0;
  transition: height 300ms, opacity 300ms;
  overflow: hidden;
  
  position:absolute;
  bottom:35px;
  left:0;
  right:0;
}
.offer-card .content .controls .button {
  background:#353737;
  margin:0;
  font-size:0.9rem;
}
/* --- hover --- */
.offer-card:hover .content {
  padding-bottom:85px;
  margin-top:-50px;
}
.offer-card:hover .content .controls {
  height:50px;
  opacity:1;
  overflow: hidden;
  transition-delay: 200ms;
}
.offer-card:hover .thb img {
  transform: scale(1.1);
}
.offer-card-wrapper.onscreen {
  animation-name:fadeInUp;
  animation-duration: 1s;
}
/* ---- filtry ---- */
.offer-card-wrapper {
  display:none;
}
.offer-card-wrapper.visible {
  display:block;
}
/* --------------- Tile ----------------------------*/
.tile {

}
.tile .controls {
	position:relative;
	margin-top:10px;
  text-align: right;
}
.tile .thb {
  width: 365px;
}
.tile .content {
  padding: 15px 30px;
}
.tile .thb .img-placeholder {
    padding-bottom: 62%;
}
/* ----------------- Icon-Card -------------------- */
/*.icon-card {
  min-height: 28em;
}
.icon-card .button {
  font-weight: bold;
  background: none;
  border: solid 2px #fff;
}*/
/* --------------- Icon-Tile ----------------------------*/
.icon-tile {
  margin: 38px 0 72px 0;
  padding: 0 72px 0 72px;
  /*overflow: hidden;*/
}
.icon-tile .icon {
  margin: 0px 0px;
  width: 65px;
  height: 65px; 
}
.icon-tile .content {
  margin-bottom: 0;
}
.icon-text-mod .icon-tile {
	margin:0;
	padding:0 5px;
	clear:both;
	text-align: center;
}
.icon-text-mod {
	padding-top:1em;
  margin-left:-35px;
}
.icon-text-mod > div {
  padding-left:20px;
}
.icon-text-mod .icon-tile .icon {
	width: 60px;
  height: 60px;
}
.icon-text-mod .icon-tile .thb {
	text-align: center;
	float:none;
}
.icon-text-mod .icon-tile .content {
	padding:0;
  min-width: 0;
  height:auto !important;
}
.icon-text-mod .icon-tile .content h4 {
  text-align: left;
  text-transform: uppercase;
  color:#3d83d8;
  letter-spacing: 2px;
   font-family: lato, tahoma, arial, sans-serif;
   font-weight:bold;
   font-size:0.85em;
}
/* ---------------- photosection ---------------- */
#MAIN-BANNER .photo-section {
  padding: 140px 0;
}
.ps-image {

}
.ps-content .container, .ps-content .caption {

}
.caption h2 {
  padding: 18px 20px;
  margin: 0 auto;
  display: block;
  width: 410px;
  font-weight: 900;
  font-size: 2.5em;
  color: #fff;
	background: #ff530d;
}
.caption .add-2 {
  padding: 5px 20px;
  margin: 0 auto -16px auto;
  width: 110px;
  display: block;
  position: relative;
  z-index: 2;
  font-size: 1.17em;
  text-transform: uppercase;
  color: #ff530d;
  background: #fff;
}
.caption .text-1, .caption .text-2 {
  padding: 15px 35px;
  margin: 15px auto 0 auto;
  width: 550px;
  color: #fff;
  font-size: 1.7em;
  background: #3f5765;
}
.caption .text-1 p, .caption .text-2 p {
  margin-bottom: 0;
}
/* ------------------------ breadcrumps ------------------------ */
.breadcrumps {
  margin-bottom: 5px;
  text-align: right;
  padding:30px 0;
}
.breadcrumps, .breadcrumps a {
  text-transform: uppercase;
  font-size: 0.80rem;
	letter-spacing: 2px;
  color: #92a1aa !important;
}
.breadcrumps span {
  color:#3d83d8;
  text-decoration: underline;
}
/* ------------------------ social icons ----------------------- */
.social_links {
  padding:12px 0;
}
.social_links ul li {
    margin: 0 1em 0 0;
}
.social_links ul li span:hover {
  background:none;
}
.social-icon {
  background: none;
  width:auto;
  height:20px;
  transition: background 150ms;
  filter:invert(60%);
}
.social-icon:hover {
  background: #ff530d;
  opacity: 1;
}
/* ----------------- Social links ----------------- */

/* ----------------- Social sharing ----------------- */
.social_sharing {
  margin: 3em 0;
}
.social_sharing .social_sharing_title {
  margin-right: 35px;
  padding: 0 2em;
  height: 40px;
  float: left;
  line-height: 40px;

  box-sizing: border-box;
  color: #fff;
  overflow: visible;
  position: relative;
  background: #434a4d;
}
.social_sharing .social_sharing_title:after {
  content: "";
  display: block;
	width: 0; 
	height: 0;
  display: block;
  position: absolute;
  right: -20px; top: 0;
  border-right: 0  none !important;
	border-top: 20px solid transparent !important;
	border-bottom: 20px solid transparent !important;
	border-left: 20px solid #434a4d;
}
.social_sharing .social-icon {
}
/* ---------------flags ------------------------ */
#choose_lang {
  position: absolute;
  top: 130%; right: -8px; bottom: auto;
  width: 50px;
  display: none;
  padding:5px;
  overflow: visible;
  z-index: 201;
  background:rgba(0,0,0,0.4);
  box-shadow: -2px 2px 10px 0px rgba(0,0,0,0.6);
}
#choose_lang.show-me {
  display:block;
  animation-name:zoomIn;
  animation-duration:500ms;
}
/* ----wygląd flag na liście --- */
#TOP-EXTENDED .flags {
  float:right;
  position: relative;
  z-index: 200;
  margin:22px 17px 0 0;
}
.flags a {
    margin: 0;
    padding: 0;
    display: block;
    border: solid 0px #aaa;
    cursor: pointer;
    box-sizing: border-box;
    width:100%;
}
.flags li {
  width: 100%;
  opacity:0.8;
  transform: scale(0.8);
  transition:all 300ms;
  padding:5px;
  box-sizing: border-box;
}
.flags li:hover, .flags li.urhere {
  width:100%;
  padding:5px;
  opacity:1;
  transform: scale(1);
}
.flags .current_lang img {
  width:25px;
}
.flags .current_lang a {
  position:relative;
  width: 50px;
}
.flags .current_lang a:after {
  content:'';
  position:absolute;
  top:5px;right:0;
  width:14px;
  height:9px;
  background: url(graphics/ico-arrow-top-zima.png) no-repeat top right;
  background-size: contain;
}

/* ====================================================== STRONY ============================================== */
/* ------------- Strona główna ------------------ */
.news-show-more {
  margin: 0 0 50px 0;
}
#TOP-EXTENDED {
  padding: 0 250px 0 20px;
}
.start #TOP-EXTENDED, .no-booking-button #TOP-EXTENDED {
  padding:0 20px;
}
#TOP-EXTENDED > div {
  display:inline-block;
  float:left;
}
#TOP-EXTENDED .social_links {
  float:right;
  clear:none;
  margin-top:10px;
}
#TOP-EXTENDED .social_links .social-icon {
  filter:invert(100%);
  
}
#TOP-EXTENDED h3 {
  display:none;
}
.header-links {
  margin-top:16px;
}
.header-links ul {
  margin:0;
}
.header-links ul li {
  display:inline-block;
  float:left;
  list-style:none;
  text-transform: uppercase;
  margin-left:15px;
}
.header-links ul li a {
  color:#fff;
  font-size:0.9em;
  letter-spacing: 2px;
}
.header-links ul li img {
  height:15px;
  margin-top:-2px;
  margin-right:3px;
  vertical-align: middle;
}
#top_season_selector_wrapper img {
  width:20px;
  filter:invert(100%);
}
#top_season_selector_wrapper {
  margin:10px;
}
#top_season_selector_wrapper #top_season_selector {
  overflow: hidden;
  padding:8px 20px;
  background:#353737;
  color:#fff;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
}
#top_season_selector_wrapper #top_season_selector > span {
  vertical-align: middle;
  display:table;
  line-height: 1.2;
}
#top_season_selector_wrapper #top_season_selector #top_season_checked {
  width:20px;
  height:20px;
  float:left;
  padding-right:10px;
}
#top_seasons_checkers_wrapper.hidden {
  display:none;
}
#top_seasons_checkers_wrapper {
   display:flex;
   align-items:center;
   justify-content:center;
   
   position:fixed;
	 top:0;
	 left:0;
   right:0;
   bottom:0;
   
	 width:100%;
	 background:rgba(0,0,0,0.8);
   z-index: 1;
   
  animation-name: fadeIn;
  animation-duration: 500ms;
}
#top_seasons_checkers_wrapper .top_season_checker {
  flex-basis: 15%;
  
  
  display:flex;
  align-items:center;
  flex-wrap: nowrap;
  
  height:60%;
  position: relative;
  color:#fff;
  text-align: center;
  padding:8px 20px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
  z-index:3;
  
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  background-color: rgba(0,0,0,0.2);
  
  animation-name: flipInY;
  animation-duration: 800ms;
}
#top_seasons_checkers_wrapper .top_season_checker:before {
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background-color:rgba(0,0,0,0.3);
  transition:background 300ms;
}
#top_seasons_checkers_wrapper .top_season_checker:hover:before {
  background-color:rgba(0,0,0,0.5);
}
#top_seasons_checkers_wrapper .top_season_checker > div {
  
}
#top_seasons_checkers_wrapper .top_season_checker img {
  margin:auto;
  width:30%;
  display:block;
}
#top_seasons_checkers_wrapper .top_season_checker h2 {
  padding-top:10%;
  width:100%;
  text-align: center;
  font-size:4.4em;
  margin:auto;
  display:block;
  color:#fff;
  clear:both;
}
#MAIN-BANNER {
  position: relative;
}
#MAIN-BANNER:after {
  content:'';
  position:absolute;
  top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.4);
  z-index:10;
}
#MAIN-BANNER #credo {
  position:absolute;
  bottom:50px;
  max-width:50%;
  z-index:500;
  padding-right: 180px;
}
#credo h1, #credo h1+h3, #credo h2, #credo h2+h3 {
  color:#fff;
}
#MAIN-BANNER h2+h3:before {
  background:#fff;
}
#START-TOP {
  background-color: #fff;
}
#START-OFFER {
  overflow: hidden;
  background-color:#eeeeee;
}
.offers-content {
  float:left;
  width:40%;
  box-sizing: border-box;
  padding-right:2%;
}
.offers-container {
  float:right;
  width:60%;
  box-sizing: border-box;
  padding-left:2%;
  padding-bottom:2em;
  position: relative;
  top:-55px;
}
#START-NEWS {
  background: #efefef;
}
 #START-NEWS .news-show-more .button {
    color: #5b5b5b;
    border-color: #5b5b5b;
  }
  #START-NEWS .news-show-more .button:hover {
    color: #ff530d;
    border-color: #5b5b5b;
  }
#REVIEWS {
  
}
#reviews-wrapper {
  clear:both;
  padding:90px 0 0 0;
}
#reviews-wrapper .tile .thb {
  border-radius: 50%;
  width:150px;
}
#reviews-wrapper .tile {
  /*max-width:50%;*/
}
#reviews-wrapper .tile .content {
  padding:0 35px;
  color:#666;
}
#reviews-wrapper .tile .content h3 {
  position: relative;
  padding-left:55px;
  padding-top:3px;
  font-size:1.9rem;
  overflow: visible;
  min-height:1em;
}
#reviews-wrapper .tile .content h3:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:39px;
  height:29px;
  
  background:url(graphics/quot-zima.png) no-repeat top left;
}
#reviews-wrapper .tile .content .podpis {
  padding-top:1.5em;
}
#reviews-wrapper .tile .content .podpis h4 {
  font-family: lato, tahoma, arial, sans-serif;
  color:#3D83D8;
  text-transform: uppercase;
  font-weight: bold;
  margin:0;
}
#reviews-wrapper .tile .content .podpis p {
  margin:0;
}
#START-MAP {
  overflow: hidden;
  border-top:1px solid #ddd;
  position: relative;
}
#START-MAP .left, #START-MAP .right {
  width:50%;
  box-sizing: border-box;
}
#START-MAP .right {
  position: absolute;
  top:0;right:0;
  width:50%;
  height:100%;
}
#START-MAP .right .module {
  margin:0;
  height:100%;
}
#START-MAP .left {
  float:left;
  padding:90px 0;
}
#BOTTOM, #BOTTOM2 {
  color:#777;
}
#BOTTOM2 {
  font-size:0.85em;
}
#BOTTOM .container > .columns-x3 > div:nth-child(2), #BOTTOM2 .container > .columns-x3 > div:nth-child(2),
#BOTTOM .container > .columns-x3 > div:nth-child(5), #BOTTOM2 .container > .columns-x3 > div:nth-child(5)
{
  width:40%;
}
/*#BOTTOM .container > .columns-x3 > div:nth-child(1), #BOTTOM2 .container > .columns-x3 > div:nth-child(1),
#BOTTOM .container > .columns-x3 > div:nth-child(3), #BOTTOM2 .container > .columns-x3 > div:nth-child(3),
#BOTTOM .container > .columns-x3 > div:nth-child(4), #BOTTOM2 .container > .columns-x3 > div:nth-child(4),
#BOTTOM .container > .columns-x3 > div:nth-child(6), #BOTTOM2 .container > .columns-x3 > div:nth-child(6)
{
  width:30%;
}*/
#BOTTOM .container > .columns-x3 > div, #BOTTOM2 .container > .columns-x3 > div {
  padding:0 15px 35px 15px;
  width:30%;
}
#BOTTOM .container > .columns-x3, #BOTTOM2 .container > .columns-x3 {
  margin:0 -15px;
}
#BOTTOM .container > .columns-x3 .columns-x2 .logo-box .thb-wrapper {
  padding-bottom:50%;
}
#BOTTOM .container > .columns-x3 .columns-x2 .logo-box .thb-wrapper .thb {
    margin:10% 0;
}
#BOTTOM .container > .columns-x3 .logo-box .thb-wrapper .thb {
  filter:grayscale(100%);
}
#BOTTOM #logos_carousel > button {
  display:none !important;
}
#FOOT .container > div {
  float:left;
}
#FOOT {
  color:#777;
}
#FOOT .copyright {
  border-right:1px solid #777;
  color:#777;
  padding-right:1em;
}
#FOOT #credits {
  float:right;
  margin-top: 0;
  margin-right: 0;
  color: inherit;
  font-size: inherit;
}
#credits span, #credits a {
    color: inherit;
}
/* ============= Strona artykułu ========================== */
.content-wrapper {
  min-height:180px;
  padding-bottom:90px;
}
.main-header {
  position: absolute;
  bottom:90px;
  height:auto;
  z-index: 2;
	width:45%;
}
.main-header h1 {
  color:#fff;
  font-size:4.8rem;
}
.article-img {

}
.article-img:hover {
}
.text-wrapper {
	max-width: 100%;
  font-size: 1em;
  line-height: 1.55;
}
.col2 .text-wrapper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}
/* ============= Strona OFERTA ========================== */
#offers_wrapper > .container {
  position:relative;
  top:-130px;
}
.filters-wrapper {
  overflow: hidden;
  padding:2em 0 180px 0;
}
.filters-wrapper > .container {
  position: relative;
}
#offer_type_selector, #season_selector, #offer_building_selector {
  display:inline-block;
  float:left;
}
#offer_building_selector {
  margin-right: 10px;
  margin-bottom: 20px;
}
#offer_type_selector {
  width:auto;
  margin-bottom: 20px;
}
#offer_type_selector .offer_type_checker, #offer_building_selector .building_checker {
  display:inline-block;
  float:left;
  width:105px;
  min-height:80px;
  margin:3px;
  background:#f0f0f0;
  padding-bottom:12px;
  cursor: pointer;
  transition:all 300ms;
  border-bottom:1px solid #3d83d8;
}
#offer_type_selector .offer_type_checker .filter-icon, .season_checker .filter-icon, #offer_building_selector .building_checker .filter-icon {
  width:100%;
  padding:20px 40px 10px 40px;
  box-sizing: border-box;
}
.season_checker .filter-icon {
  padding: 20px 38px 10px 38px;
  position: relative;
  overflow: visible;
}
/*.season_checker .filter-icon:after {
  content: '';
  position: absolute;
  top: 0;
  right: -39px;
  width: 39px;
  height: 39px;
  padding: 12px;
  box-sizing: border-box;
  border-left: 1px solid rgba(255,255,255,0.1);
  background-image: url(graphics/arrow-right-white.png);
  background-color: inherit;
  background-repeat: no-repeat;
  background-position: top center;
  background-origin: content-box;
  background-size: contain;
}*/
#offer_type_selector .offer_type_checker img, .season_checker .filter-icon img, #offer_building_selector .building_checker .filter-icon img {
  width:100%;
  box-sizing: border-box;
}
#offer_type_selector .offer_type_checker span, .season_checker span, #offer_building_selector .building_checker span {
  display:block;
  text-align: center;
  text-transform: uppercase;
  color:#3d83d8;
  font-size:0.7em;
  font-weight: bold;
  letter-spacing: 1px;
}
#offer_type_selector .offer_type_checker:hover,
#offer_type_selector .offer_type_checker.urhere,
.season_checker:hover,
.season_checker.urhere,
#offer_building_selector .building_checker:hover,
#offer_building_selector .building_checker.urhere {
  background:#3d83d8;
  border-bottom:1px solid #353736;
}
#offer_type_selector .offer_type_checker:hover span,
#offer_type_selector .offer_type_checker.urhere span,
.season_checker:hover span, 
.season_checker.urhere span,
#offer_building_selector .building_checker:hover span,
#offer_building_selector .building_checker.urhere span {
  color:#fff !important;
}
#offer_type_selector .offer_type_checker:hover img,
#offer_type_selector .offer_type_checker.urhere img,
.season_checker:hover img,
.season_checker.urhere img,
#offer_building_selector .building_checker:hover img,
#offer_building_selector .building_checker.urhere img {
  filter:invert(100%);
}


#season_selector {
  width:13%;
  min-width:100px;
  float:right;
}
.season_checker {
  float:left;
  width:100px;
  min-height:80px;
  margin:3px;
  background:#f0f0f0;
  padding-bottom:12px;
  cursor: pointer;
  transition:all 300ms;
  border-bottom:1px solid #353736;
}
.season_checker .filter-icon:after {
  content:'';
  position:absolute;
  top:0;
  right:-35px;
  height:35px;
  width:35px;
  background-color:#1f61d1;
  background-image:url(graphics/arrow-down-white.png);
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}
#seasons_checkers_wrapper .season_checker .filter-icon:after {
  display:none;
}
#seasons_checkers_wrapper {
  position:absolute;
  top:155px;
  right:42px;
  width:100%;
  max-width:425px;
  background:#ddd;
  z-index: 100;
  
  animation-name:flipInX;
  animation-duration: 800ms;
}
#seasons_checkers_wrapper > div {
  float:left;
}

/* --- dzialanie filtrow --- */

/* ============= POKOJE ================= */
h3 > span {
  display:block;
  font-size:0.8em;
  text-transform: uppercase;
  margin-top:5px;
  color:#999;
}
.room-data {
/*  position: absolute;
  top:0;left:0;right:0;*/
  padding:10px 0;
  border-bottom:1px solid #eee;
  margin-bottom:20px;
  margin-top:-35px;
}
.room-data > span {
  color:#3d83d8;
  display:inline-block;
  position: relative;
  padding:8px 10px 5px 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-size:0.80rem;
  letter-spacing: 1px;
}
.room-data > span img {
	width:20px;
	padding-right: 12px;
	margin-bottom: -4px;
  position:absolute;
  left: 0;
  top: 10px;
  width: 18px;
  height: 18px;
}
.main-content .room-data {
  padding:30px 0;
}
span.powierzchnia:before, span.osoby:before, span.lozko:before, span.wyzywienie:before {
  content:'';
  position:absolute;
  left:0;top:10px;
  width:18px;
  height:18px;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}
span.powierzchnia:before {
  background-image:url(graphics/full-size.png);
}
span.osoby:before {
  background-image:url(graphics/couple.png);
}
span.lozko:before {
  background-image:url(graphics/beds.png);
}
span.wyzywienie:before {
  background-image:url(graphics/soup-black.png);
}
.room-page.room-data > span {
  margin-right:2em;
}
.main-content {
  padding-right:390px;
  padding-bottom:40px;
  width:100%;
  box-sizing: border-box;
  float:left;
}
.right-content {
  width:360px;
  margin-left:-360px;
  box-sizing: border-box;
  float:right;
  position: relative;
  margin-top:-200px;
}
.right-content .side-panel {
  display:none;
  position:absolute;
  top:100px;
  right:100%;
  width:40px;
  height:100px;
  background:#1F61D1;
  cursor: pointer;
}
.right-content .side-panel:after {
  content: '';
  position: absolute;
  top: 28px;
  right: 0;
  width: 39px;
  height: 39px;
  padding: 8px;
  box-sizing: border-box;
  background-image: url(graphics/arrow-right-white.png);
  background-color: none;
  background-repeat: no-repeat;
  background-position: top center;
  background-origin: content-box;
  background-size: contain;
  transform:rotate(180deg);
  transition: transform 600ms;
}
.right-content.show-me .side-panel:after {
  transform:rotate(0);
}
.price-box {
  background-image: url(graphics/wzor3.png);
  background-color: #1f61d1;
  background-repeat: no-repeat;
  background-position: top right;
  background-size:contain;
  padding:35px;
  text-align: center;
  color:#fff;
}
.price-box .module {
  margin-top:1em;
  font-size:1.1em;
}
.price-box .module p {
  margin:0;
  letter-spacing: 2px;
}
.price-box .module h2, .price-box .module h3, .price-box .module h4 {
  color:#fff;
  font-family: lato, tahoma, arial, sans-serif; 
}
.price-box h3 {
  position: relative;
  margin:0;
  padding-bottom:20px;
  font-size:2em;
  color:#fff;
}
.price-box span {
  color:#fff;
  text-transform: uppercase;
  display:block;
  margin:10px 0;
}
.price-box span.tel {
  font-size:1.5em;
  font-weight: bold;
}
.price-box strong {
  font-size:2em;
}
.price-box h3:after, .dojazd h3:after, .right-box h3:after {
  content:'';
  position:absolute;
  bottom:-1px;
  left:50%;
  width:86px;
  margin-left:-44px;
  height:1px;
  background:#b5dbfb;
}
.price-box .controls .button {
  margin:0;
	background:#fff !important;
	color:#333 !important;
}
.price-box + .right-box {
  margin-top:20px;
}
.right-box {
  border:1px solid #eee;
  margin-bottom:20px;
  padding:30px;
  background:#fff;
  font-size:0.9rem;
}
.right-box h3 {
  text-align: center;
  position: relative;
  padding-bottom:20px;
}
.room-equipment {
  overflow: hidden;
}
.room-equipment .room-equipment-item {
	width:33%;
	float:left;
	min-width:150px;
}
.room-equipment-item {
	margin:5px 0;
	text-align: left;
	padding-left:40px;
	padding-right:25px;
	position: relative;
	display:table-cell;
	min-height:35px;
	box-sizing: border-box;
}
.room-equipment-item > img {
	position:absolute;
	top:0;left:0;
	width:25px;
	height:25px;
}
.room-equipment-item > span {
	vertical-align: middle;
	line-height: 1;
}
/* ============= sale ==================*/
.konferencyjne-uklad {
	margin-top:1em;
}
.konferencyjne-uklad strong {
	margin-bottom:10px;
	display:block;
}
.konferencyjne-uklad > div {
	display:inline-block;
	width:20%;
	min-width:150px;
	box-sizing: border-box;
}
.konferencyjne-uklad .teatralny, .konferencyjne-uklad .podkowy, .konferencyjne-uklad .szkolny, .konferencyjne-uklad .bankietowy, .konferencyjne-uklad .koktajlowy {
	padding-left:45px;
	padding-top:3px;
	min-height:40px;
	position: relative;
	text-align:left;
	font-weight: bold;
}
.konferencyjne-uklad .teatralny:before, .konferencyjne-uklad .podkowy:before, .konferencyjne-uklad .szkolny:before, .konferencyjne-uklad .bankietowy:before, .konferencyjne-uklad .koktajlowy:before {
	content:'';
	position: absolute;
	top:0;left:0;
	width:30px;
	height:30px;
	background-position: top left;
	background-repeat: no-repeat;
	background-size:contain;
}
.konferencyjne-uklad .teatralny:before {
	background-image: url(graphics/teatralny.png);
}
.konferencyjne-uklad .podkowy:before {
	background-image: url(graphics/podkowa.png);
}
.konferencyjne-uklad .szkolny:before {
	background-image: url(graphics/szkolny.png);
}
.konferencyjne-uklad .bankietowy:before {
	background-image: url(graphics/bankiet.png);
}
.konferencyjne-uklad .koktajlowy:before {
	background-image: url(graphics/koktajlowy.png);
}
/* ============= GALERIA PAGE ==================*/
#filters {
  padding:35px 0;
}
#filters > a {
  text-transform:uppercase;
  padding:5px 10px;
  display: inline-block;
  cursor: pointer;
  color:#333738;
  font-weight:bold;
}
#filters > a:hover, #filters > a.urhere {
  color:#3d84d6;
}
#filters > h3 {
  display:inline-block;
}
.mfp-figure figure {
  position:relative;
}
.mfp-figure figure figcaption {
  position:absolute;
  bottom:40px;left:0;right:0;
}
.mfp-bottom-bar {
    margin-top: 0;
    position: absolute;
    top:auto !important;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: auto;
    background:rgba(0,0,0,0.6);
    padding:15px;
    box-sizing: border-box;
}
.mfp-counter {
  top:15px !important;
  right:15px !important;
}
/* ===================== MENU PAGE ====================*/
.hash-navigator-wrapper {
	background:#fff;
	z-index:1;
}
.hash-navigator-wrapper ul {
	margin:0;
}
.hash-navigator-wrapper ul li {
	list-style: none !important;
	border:1px solid #eee;
	margin:0;
}
.hash-navigator-wrapper ul li a {
	display:block;
	padding:5px 20px;
	text-align: left;
	text-transform: uppercase;
	color:inherit;
}
.hash-navigator-wrapper ul li:hover a, .hash-navigator-wrapper ul li.urhere a {
	background:#eee;
	color:#1f61d1;
}
.menucard-section {
	margin-bottom:2em;
}
.menucard-section img {
	width:100%;
	display:block;
}
.dishes-wrapper {
	
}
.dishes-wrapper .dish, .treatment-item {
	border:1px solid #eee;
	padding:35px 45px;
	overflow: hidden;
}
.dishes-wrapper .dish > *, .treatment-item > * {
	float:left;
	width:65%;
	box-sizing: border-box;
	margin:0;
}
.treatment-item > p.treatment-descr {
  width:100%;
}
.dishes-wrapper .dish span.price, .treatment-item span.price {
	color:#3d83d8;
	float:right;
	width:35%;
	font-size: 1em;
	text-align: right;
	margin-top:-6px;
  text-transform: uppercase;
}
.dishes-wrapper .dish span.price strong, .treatment-item span.price strong {
	font-size:1.5em;
	text-transform: none;
}
.dishes-wrapper .dish p.dish-descr, .treatment-item p.treatment-descr {
	position: relative;
	margin-top:1em;
	padding-top:1em;
}
.dishes-wrapper .dish p.dish-descr:before, .treatment-item p.treatment-descr:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:1px;
	width:85px;
	background:#b4dbfa;
}
/* ============= ZABIEGI ================ */
.treatments-filter-wrapper {
  overflow: hidden;
  margin-bottom:30px;
}
#treatments-filter {
	background:#fff;
	padding:0;
	border:1px solid #eee;
}
#treatments-filter > h3, .second-level > h4 {
	padding:20px 49px;
	margin:0;
	border-bottom:1px solid #eee;
	font-family: lato, tahoma, arial, sans-serif;
	letter-spacing: 0;
	font-size:1.1em;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
}
#treatments-filter > h3:after, .second-level > h4:after {
	content:'+';
	position: absolute;
	top:12px;right:30px;
	width:25px;height:25px;
	border:1px solid #1f61d1;
	
	color:#1f61d1;
	font-size:1.3em;
	line-height: 0;
	text-align: center;
	/*background-color:#1f61d1;
	background-image:url(graphics/x-close.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	background-origin: content-box;*/
	padding:10px 5px 0 5px;
	box-sizing: border-box;
}
#treatments-filter > h3.uk-active:after, .second-level > h4.uk-active:after {
	content:'-';
	/*background-color:#1f61d1;
	background-image:url(graphics/x-close.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	background-origin: content-box;*/
}
#treatments-filter > h3.uk-active, .second-level > h4.uk-active {
	border:0;
}
#treatments-filter .uk-accordion-content {
	padding:25px 30px 25px 49px;
}
#treatments-filter .uk-accordion-content .chose-filter {
	margin:5px 0;
}
#treatments-filter .uk-accordion-content .chose-filter > * {
	display:inline-block;
	cursor: pointer;
	color:#666666;
	text-transform: none;
}
#treatments-filter .uk-accordion-content.uk-active {
	border-bottom:1px solid #eee;
}
.button.clear-filters {
	background:none !important;
	color:#353736 !important;
	padding-right:50px;
	float:right;
	margin-right:30px;
}
.button.clear-filters:after {
	content:'';
	position: absolute;
	top:0;right:0;
	width:35px;height:35px;
	background-color:#1f61d1;
	background-image:url(graphics/x-close.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	background-origin: content-box;
	padding:10px;
	box-sizing: border-box;
}
.treatment-item {
	border-width: 0 1px 1px 1px;
}
.second-level > h4 {
	cursor: pointer;
	background:#eee;
	margin:0;
	padding:20px 40px;
	border-bottom:1px solid #fff;
	text-transform: none;
	font-family: garibaldi-medium, verdana, arial, sans-serif;
	font-size:1.2em;
}
.first-level {
	margin-bottom:2em;
}
.first-level > h3 {
	margin-bottom:1em;
	font-size:1.6em;
}
.second-level .uk-accordion-content.uk-active {
	margin-bottom:2em;
	margin-top:-1px;
}
/* ============== ATRAKCJE ==================== */
.dojazd {
	border:1px solid #eee;
	margin-top:20px;
	padding:40px 30px;
}
.dojazd h3 {
	text-align: center;
	position: relative;
	padding-bottom:20px;
}
/* ============= Strona aktualności ========================== */
#NEWS-PAGE-CONTENT .tile {
  /*max-width: 800px;*/
}
/* ============= Moduły Kontaktu i Strona kontaktu ========================== */
.text_content_block input, .text_content_block select, .text_content_block textarea, .text_content_block .input-placeholder, .text_content_block .input-combo {
	width:100%;
}
.text_content_block textarea {
	height:199px;
}
.text_content_block .columnform ul, .columnform ul {
	-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
}
.contact-oddzialy {
	padding:40px 0;
  background-color:#f0f0f0;
}
.google-map {
	height:650px;
}
.google-map .module {
	margin:0;
	height:100%;
}
.submit-area {
	text-align: right;
}
.submit-area .button {
	margin:0;
}
/* ------------- contact-section-icon --------------- */
/* moduł kontaktu jako sekcja strony z ikonami */
.contact-section-icon {
  padding-top:40px;
}
.contact-section-icon span  {
  display:block;
}
.contact-section-icon .icon-adress, .contact-section-icon .icon-contact, .contact-section-icon .icon-tel, .contact-section-icon .icon-email {
  position: relative;
  padding-left:60px;
}
.contact-section-icon .icon-adress:before, .contact-section-icon .icon-contact:before, .contact-section-icon .icon-tel:before, .contact-section-icon .icon-email:before  {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:45px;
  height:45px;
  
  background-repeat: no-repeat;
  background-position: top left;
}
.contact-section-icon .icon-adress:before {
  background-image: url(graphics/icon-adress.png);
}
.contact-section-icon .icon-contact:before {
  background-image: url(graphics/icon-contact.png);
}
.contact-section-icon .icon-tel:before {
  background-image: url(graphics/icon-tel.png);
}
.contact-section-icon .icon-email:before {
  background-image: url(graphics/icon-email.png);
}
/*.contact-section-icon a {
	text-decoration: none;
	color:inherit;
}
.contact-section-icon {
	padding:3.2em 0;
}
.contact-section-icon > div {
	text-align: center;
	padding:0 6em;
	text-align: center;
}
.contact-section-icon > div:first-child {
	text-align: right;
}
.contact-section-icon > div:last-child {
	text-align: left;
}
.contact-section-icon span {
	padding: 0 0px 0 75px;
	position: relative;
	font-size:1.8em;
}
.contact-section-icon span.phone:before, .contact-section-icon span.email:before {
	content:'';
	position:absolute;
	left:-10px;
	top:-13px;
	width:60px;
	height:60px;
}
.contact-section-icon span.phone:before {
	background: url(graphics/icon-tel.png) center top / cover;
}
.contact-section-icon span.email:before {
	background: url(graphics/icon-mail.png) center top / cover;
}*/
/* ------------ */
.contact_data img {
	width:100%;
	max-width:300px;
}
.contact_data span {
	display:block;
}
.contact_data > span.company_name {
	font-size:1.2em;
	font-weight:bold;
}
.contact_data > span.phone > span {
  display:inline-block;
}
.contact_data > span.phone > span > a {
  text-transform: uppercase;
}
.contact_data > span.phone > span img {
  display:inline-block;
  height:8px;
  width:5px;
  margin: 0 0 2px 3px;
  transition: margin 300ms;
}
.contact_data > span.phone > span > a:hover img {
   margin: 0 0 2px 5px;
}
#TOP-EXTENDED .contact_data {
	float:right;
	font-size:1.15rem;
	margin:16px 20px 0 0;
	color:#7e7e7e;
}
#contact-data {
  float: left;
}
#contact-form {
  border: solid 1px #eab4b4;
}
/* ============= Pozostałe =============================== */
/* ------------ wykres kolowy ---------------- */
#REVIEWS .container {
  position:relative;
}
.chart-content-wrapper {
  position:absolute;
  top:70px;left:0;
  width:50%;
}
.chart-wrapper {
  text-align:center;
}
.chart-wrapper img {
  max-height:18px;
  margin-top:3px;
}
.chart-wrapper > span {
  font-weight: bold;
  text-transform: uppercase;
  font-size:0.9em;
}
.chart {
  position: relative;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  background: #dddddd;
  background-image:
    linear-gradient(to right, transparent 50%, #3d83d8 0);
  color: transparent;
  text-align: center;
  margin:10px auto 20px auto;
}

@keyframes spin {
  to { transform: rotate(.5turn); }
}


.chart::before {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  width: 50%; height: 100%;
  border-radius: 0 100% 100% 0 / 50%;
  background-color: #3d83d8;
  transform-origin: left;
  animation: spin 50s linear infinite,
             bg 100s step-end infinite;
  animation-play-state: paused;
  animation-delay: inherit;
}
.chart.to-half::before {
  background-color: #ddd;
}
.chart .number {
  content: '';
  position: absolute;
  top: 5px; left: 5px;
  width: 100%; height: 100%;
  border-radius: 100%;
  width: 90px;
  height: 90px;
  background:#fff;
  color:#000;
  display:table-cell;
}
.chart .number > span.number-value {
  position:absolute;
  top:30%;left:0;right:0;
  text-align: center;
}
.chart .number span {
  font-family: garibaldi-medium, verdana, arial, sans-serif;
  line-height:1;
  vertical-align: baseline;
}
.chart .number span.value {
  font-size:30px;
}
.chart .number span.max-value {
  font-size:14px;
  opacity:0.9;
}

.send-email { /* przycisk wysylania emaili z koperta */
	
}
.warning {
    color: #f00;
    font-weight: bold;
  }
.alert, .flash-alert {
    padding: 10px 5px;
    color: #555;
    background: #fffbba;
    border-top: solid 3px #fbf554;
    border-bottom: solid 3px #fbf554;
  }
.google-search {
  width: 290px;
  height: 25px;
  position: absolute;
  top: 25px;
  right: 15px;
  /*background: #f0f;*/
}
.footer_link {
	margin:0 0 !important;
	float:right;
	margin-right:1em;
}
.footer_link ul {
	margin:0;
	list-style:none;
}
.footer_link ul li {
	margin:0;
	float:left;
	padding:0 1.5em;
  list-style:none;
}
.footer_link ul li a {
	color:#737b7f;
	text-decoration: none;
  text-transform: uppercase;
}
.footer_link ul li a:hover {
	text-decoration: underline;
}
.back-to {
	text-align: left;
	border-top:2px solid #efefef;
	clear:both;
}
/* ================= formularze ================ */
input, select, textarea, .input-placeholder, .input-combo, .select {
	margin:5px 0;
	border:1px solid #ddd;
	background:#eee;
  width:100%;
}
/* ================= formularze nowe ================ */
input[placeholder], [placeholder], *[placeholder], .select-placeholder {
	color:#333 !important;
}
.select-placeholder {
	opacity:0.5;
}
.select select {
	margin:0 !important;
}

/* ----- select ----- */
.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
		text-align:left;
/*    font:normal 11px/22px Arial, Sans-Serif;*/
/*    color:black;*/
    border:1px solid #ccc;
		box-sizing: border-box;
		height:40px;
		width:420px;
}
.styledSelect {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:white;
    padding:5px 10px;
    font-weight:normal;
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:16px;
    right:10px;
}
.styledSelect:active, .styledSelect.active {
    background-color:#eee;
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
}
.options li:hover {
    background-color:#39f;
    color:white;
}
/* ---- newsletter - form --- */
.newsletter-form {
  
}
.inside-button {
  
}
.inside-button > .input, .inside-button > .button {
  float:left;
  margin:0;
  display:inline-block;
}
.inside-button > .input {
  padding-right:40px;
  box-sizing: border-box;
  width:100%;
}
.inside-button > .input input {
  box-sizing:border-box;
  width:100%;
  margin:0;
}
.inside-button > .button {
  margin-left:-40px;
  height: 40px;
  width:40px;
  padding:10px;
  box-sizing:border-box;
  background-image: url(graphics/arrow-right-white.png);
  background-color:#1f61d1;
  background-repeat: no-repeat;
  background-position: top center;
  background-origin: content-box;
  background-size: contain;
}

.overlay {
	opacity:0;
	transition: all 200ms;
}
.overlay.info-visible {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	z-index:10;
	opacity:1;
}
.info-box-wrapper {
	position:absolute;
top:10%;
	left:50%;
margin-left:-20%;
width:40%;
	display:block;
	overflow: hidden;
	box-shadow: 0 5px 25px -5px #333;
	transition: all 500ms;
}
.info-visible .info-box-wrapper {
margin-left:-30%;
width:60%;
}
.info-box {
	width: 100%;
  padding-top: 56.25%;
  display: block;
  background-size: cover;         /* IE8 i niżej nie obsłuży tego */
  -moz-background-size: cover;    /* ani tego */
  background-position: center;
	position: relative;
}
.info-box .button {
	position:absolute;
	bottom:20px;
	right:20px;
}
.info-box .close-button {
	position: absolute;
	top:20px;
	right:20px;
	width:25px;
	height:25px;
	background:rgba(0,0,0,0.2);
	cursor: pointer;
}
.info-box .close-button:after {
	content:'';
	position:absolute;
	top:5px;right:5px;left:5px;bottom:5px;
	background:url(graphics/x-close.png) top center / cover;
}

.hidden {
  display:none;
}
ul.no-list-style li {
  list-style: none !important;
}
body.wiosna *.wiosna, body.wiosna *.lato, body.wiosna *.jesien, body.wiosna *.zima,
body.lato *.wiosna, body.lato *.lato, body.lato *.jesien, body.lato *.zima,
body.jesien *.wiosna, body.jesien *.lato, body.jesien *.jesien, body.jesien *.zima,
body.zima *.wiosna, body.zima *.lato, body.zima *.jesien, body.zima *.zima
{
  display:none;
}
body.wiosna *.wiosna, body.lato *.lato, body.jesien *.jesien, body.zima *.zima {
  display:block;
}

/* ======================== KOLORKI =========================== */
/* ============ reset ========== */
#HEADER-IMAGE h1+h3 {
  color:#fff;
}
#HEADER-IMAGE h1+h3::before {
  background-color:#fff;
}
.button, .button a {
  color:#fff !important;
}
#credo h2 + h3::before, #credo h1 + h3::before {
  background: #fff;
}
.button.gray {
    background: #353737 !important;
}

/* ------- WIOSNA -------*/
.wiosna nav ul a:hover, .wiosna nav ul li:hover {
  color:#9cca5e !important;
}
.wiosna a {
    color:#8cc042;
}
.wiosna .button, .wiosna .buttons a, .wiosna .close-button {
  background-color:#8cc042;
}
.wiosna :hover.button, .wiosna .buttons a:hover {
  background-color:#658c2f;
}
.wiosna .button.arrow::after {
  border-left: 1px solid rgba(255,255,255,0.4);
}
.wiosna .button.gray::after {
  border-left: 1px solid rgba(255,255,255,0.1);
}
.wiosna h2 + h3, .wiosna h1 + h3 {
  color:#8cc042;
}
.wiosna .icon-text-mod .icon-tile .content h4 {
  color:#8cc042;
}
.wiosna .offer-card .content .price {
  color:#8cc042;
}
.wiosna .slick-prev, .wiosna .slick-next {
  background-color:#8cc042;
}
.wiosna h2 + h3::before, .wiosna h1 + h3::before {
  background: #9dc85d;
}
.wiosna .cb-content h2 + h3::before {
  background: #9dc85d;
}
.wiosna .numbers-mod .card .content h3 {
  color:#9ec960;
}
.wiosna #reviews-wrapper .tile .content h3::before {
  background: url(graphics/quot-wiosna.png) no-repeat top left;
}
.wiosna #reviews-wrapper .tile .content .podpis h4 {
  color:#8cc042;
}
.wiosna .breadcrumps span {
    color:#9ec960;
}
.wiosna ul li {
    list-style-image: url('graphics/list-pointer-wiosna.png');
}
.wiosna .room-data > span, .wiosna .icon-list .content {
  color:#9ec960;
}
.wiosna .price-box {
  background-color: #8CC042;
}
.wiosna .hash-navigator-wrapper ul li:hover a, .wiosna .hash-navigator-wrapper ul li.urhere a {
    background: #eee;
    color:#9ec960;
}
.wiosna .dishes-wrapper .dish span.price, .wiosna .treatment-item span.price {
     color:#9ec960;
}
.wiosna .button.clear-filters::after {
  background-color: #8CC042;
}
.wiosna .price-box h3::after, .wiosna .dojazd h3::after, .wiosna .right-box h3::after {
    background: #b8d98c;
}
.wiosna #treatments-filter > h3::after, .wiosna .second-level > h4::after {
    border: 1px solid #8bc043;
    color: #8bc043;
}
.wiosna .offer-card .content h3::after {
    background: #b8d98c;
}
.wiosna #offer_type_selector .offer_type_checker:hover,
.wiosna #offer_type_selector .offer_type_checker.urhere,
.wiosna #offer_building_selector .building_checker:hover,
.wiosna #offer_building_selector .building_checker.urhere,
.wiosna .season_checker:hover,
.wiosna .season_checker.urhere {
    background-color: #8CC042;
    border-bottom:1px solid #353736;
}
.wiosna #offer_type_selector .offer_type_checker span,
.wiosna .season_checker span,
.wiosna #offer_building_selector .building_checker span {
    color: #8bc043;
}
.wiosna .dishes-wrapper .dish p.dish-descr::before, .wiosna .treatment-item p.treatment-descr::before {
    background: #b8d98c;
}
.wiosna .offer-card .content h4 {
    color: #8bc043;
}
.wiosna #filters > a:hover, .wiosna #filters > a.urhere {
  color:#8bc043;
}
.wiosna .right-content .side-panel {
    background: #8CC042;
}
.wiosna .chart {
  background-image:
    linear-gradient(to right, transparent 50%, #8CC042 0);
}
.wiosna .chart::before {
  background-color: #8CC042;
}
.wiosna .chart.to-half::before {
  background-color: #ddd;
}
.wiosna #offer_type_selector .offer_type_checker,
.wiosna #offer_building_selector .building_checker {
  border-bottom:1px solid #8CC042;
}
.wiosna .arrow-banner {
  background: url(graphics/ico-arrow-top-wiosna.png) no-repeat bottom right;
}
.wiosna .flags .current_lang a:after {
  background: url(graphics/ico-arrow-top-wiosna.png) no-repeat top right;
  background-size: contain;
}
.wiosna .season_checker .filter-icon:after {
  background-color:#658c2f;
}
.wiosna .to-top {
  background-color:#658c2f;
}
/* ------- LATO -------*/
.lato nav ul a:hover, .lato nav ul li:hover {
  color:#f4da8a !important;
}
.lato a {
    color:#ebb718;
}
.lato .button, .lato .buttons a, .lato .close-button {
  background-color:#eab617;
}
.lato :hover.button, .lato .buttons a:hover {
  background-color:#ba8710;
}
.lato .button.arrow::after {
  border-left: 1px solid rgba(255,255,255,0.4);
}
.lato .button.gray::after {
  border-left: 1px solid rgba(255,255,255,0.1);
}
.lato h2 + h3, .lato h1 + h3 {
  color:#eab617;
}
.lato .icon-text-mod .icon-tile .content h4 {
  color:#eab617;
}
.lato .offer-card .content .price {
  color:#eab617;
}
.lato .slick-prev, .lato .slick-next {
  background-color:#eab617;
}
.lato h2 + h3::before, .lato h1 + h3::before {
  background: #eab617;
}
.lato .cb-content h2 + h3::before {
  background: #eab617;
}
.lato .numbers-mod .card .content h3 {
  color:#f3d989;
}
.lato #reviews-wrapper .tile .content h3::before {
  background: url(graphics/quot-lato.png) no-repeat top left;
}
.lato #reviews-wrapper .tile .content .podpis h4 {
  color:#eab617;
}
.lato .breadcrumps span {
    color:#eab617;
}
.lato ul li {
    list-style-image: url('graphics/list-pointer-lato.png');
}
.lato .room-data > span, .lato .icon-list .content {
  color:#eab617;
}
.lato .price-box {
  background-color: #eab617;
}
.lato .hash-navigator-wrapper ul li:hover a, .lato .hash-navigator-wrapper ul li.urhere a {
    color:#eab617;
}
.lato .dishes-wrapper .dish span.price, .lato .treatment-item span.price {
     color:#eab617;
}
.lato .button.clear-filters::after {
  background-color: #eab617;
}
.lato .price-box h3::after, .lato .dojazd h3::after, .lato .right-box h3::after {
    background: #eab617;
}
.lato #treatments-filter > h3::after, .lato .second-level > h4::after {
    border: 1px solid #eab617;
    color: #eab617;
}
.lato .offer-card .content h3::after {
    background: #f3d989;
}
.lato #offer_type_selector .offer_type_checker:hover,
.lato #offer_type_selector .offer_type_checker.urhere,
.lato #offer_building_selector .building_checker:hover,
.lato #offer_building_selector .building_checker.urhere,
.lato .season_checker:hover,
.lato .season_checker.urhere {
    background-color: #eab617;
    border-bottom:1px solid #353736;
}
.lato #offer_type_selector .offer_type_checker span,
.lato .season_checker span,
.lato #offer_building_selector .building_checker span {
    color: #eab617;
}
.lato .dishes-wrapper .dish p.dish-descr::before, .lato .treatment-item p.treatment-descr::before {
    background: #f3d989;
}
.lato .offer-card .content h4 {
    color: #eab617;
}
.lato #filters > a:hover, .lato #filters > a.urhere {
  color:#eab617;
}
.lato .right-content .side-panel {
    background: #EAB617;
}
.lato .chart {
  background-image:
    linear-gradient(to right, transparent 50%, #EAB617 0);
}
.lato .chart::before {
  background-color: #EAB617;
}
.lato .chart.to-half::before {
  background-color: #ddd;
}
.lato #offer_type_selector .offer_type_checker,
.lato #offer_building_selector .building_checker {
  border-bottom:1px solid #EAB617;
}
.lato .arrow-banner {
  background: url(graphics/ico-arrow-top-lato.png) no-repeat bottom right;
}
.lato .flags .current_lang a:after {
  background: url(graphics/ico-arrow-top-lato.png) no-repeat top right;
  background-size: contain;
}
.lato .season_checker .filter-icon:after {
  background-color:#ba8710;
}
.lato .to-top {
  background-color:#ba8710;
}
/* ------- JESIEŃ -------*/
.jesien nav ul a:hover, .jesien nav ul li:hover {
  color:#f4da8a !important;
}
.jesien a {
    color:#ebb718;
}
.jesien .button, .jesien .buttons a, .jesien .close-button {
  background-color:#a68240;
}
.jesien :hover.button, .jesien .buttons a:hover {
  background-color:#ba8710;
}
.jesien .button.arrow::after {
  border-left: 1px solid rgba(255,255,255,0.4);
}
.jesien .button.gray::after {
  border-left: 1px solid rgba(255,255,255,0.1);
}
.jesien h2 + h3, .jesien h1 + h3 {
  color:#a68240;
}
.jesien .icon-text-mod .icon-tile .content h4 {
  color:#a68240;
}
.jesien .offer-card .content .price {
  color:#a68240;
}
.jesien .slick-prev, .jesien .slick-next {
  background-color:#a68240;
}
.jesien h2 + h3::before, .jesien h1 + h3::before {
  background: #a68240;
}
.jesien .cb-content h2 + h3::before {
  background: #a68240;
}
.jesien .numbers-mod .card .content h3 {
  color:#e0cfaf;
}
.jesien #reviews-wrapper .tile .content h3::before {
  background: url(graphics/quot-jesien.png) no-repeat top left;
}
.jesien #reviews-wrapper .tile .content .podpis h4 {
  color:#a68240;
}
.jesien .breadcrumps span {
    color:#a68240;
}
.jesien ul li {
    list-style-image: url('graphics/list-pointer-jesien.png');
}
.jesien .room-data > span, .jesien .icon-list .content {
  color:#a68240;
}
.jesien .price-box {
  background-color: #a68240;
}
.jesien .hash-navigator-wrapper ul li:hover a, .jesien .hash-navigator-wrapper ul li.urhere a {
    color:#a68240;
}
.jesien .dishes-wrapper .dish span.price, .jesien .treatment-item span.price {
     color:#a68240;
}
.jesien .button.clear-filters::after {
  background-color: #a68240;
}
.jesien .price-box h3::after, .jesien .dojazd h3::after, .jesien .right-box h3::after {
    background: #a68240;
}
.jesien #treatments-filter > h3::after, .jesien .second-level > h4::after {
    border: 1px solid #a68240;
    color: #a68240;
}
.jesien .offer-card .content h3::after {
    background: #e0cfaf;
}
.jesien #offer_type_selector .offer_type_checker:hover,
.jesien #offer_type_selector .offer_type_checker.urhere,
.jesien #offer_building_selector .building_checker:hover,
.jesien #offer_building_selector .building_checker.urhere,
.jesien .season_checker:hover,
.jesien .season_checker.urhere {
    background-color: #a68240;
    border-bottom:1px solid #353736;
}
.jesien #offer_type_selector .offer_type_checker span,
.jesien .season_checker span,
.jesien #offer_building_selector .building_checker span {
    color: #a68240;
}
.jesien .dishes-wrapper .dish p.dish-descr::before, .jesien .treatment-item p.treatment-descr::before {
    background: #e0cfaf;
}
.jesien .offer-card .content h4 {
    color: #a68240;
}
.jesien #filters > a:hover, .jesien #filters > a.urhere {
  color:#a68240;
}
.jesien .right-content .side-panel {
    background: #A68240;
}
.jesien .chart {
  background-image:
    linear-gradient(to right, transparent 50%, #A68240 0);
}
.jesien .chart::before {
  background-color: #A68240;
}
.jesien .chart.to-half::before {
  background-color: #ddd;
}
.jesien #offer_type_selector .offer_type_checker,
.jesien #offer_building_selector .building_checker {
  border-bottom:1px solid #A68240;
}
.jesien .arrow-banner {
  background: url(graphics/ico-arrow-top-jesien.png) no-repeat bottom right;
}
.jesien .flags .current_lang a:after {
  background: url(graphics/ico-arrow-top-jesien.png) no-repeat top right;
  background-size: contain;
}
.jesien .season_checker .filter-icon:after {
  background-color:#735a2d;
}
.jesien .to-top {
  background-color:#735a2d;
}