*{margin:0; padding:0;}
html, body{height:100%;}
body{background:#fff; font-family:'cooper_hewittbook'; color:#000; -webkit-text-size-adjust: 100%; counter-reset: wydarzenia-counter; counter-reset: kuchnia-pagination-counter;}
a{text-decoration:none; color:#000; border:none; outline:none;}
a img{border:none;}
ul{list-style:none;}
h1,h2,h3{font-weight:normal;}
button{border:none; outline:none; cursor:pointer; font-family:inherit;}
textarea, input{display:block; border:none; box-sizing:border-box; overflow:hidden; font-family:inherit;}
img {max-width:100%;}
label{cursor:pointer;}
p{line-height:1.5;}



/* placeholder */
::-webkit-input-placeholder {color:#000;}
:-moz-placeholder {color:#000; opacity:1; filter:alpha(opacity=100);}
::-moz-placeholder {color:#000; opacity:1; filter:alpha(opacity=100);}
:-ms-input-placeholder {color:#000;}

/* custom checkbox */

.zgoda-wrap input[type="checkbox"] {
    height: auto !important;
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
}

.zgoda-wrap input[type=checkbox] + label {
	width:20px; height:20px; float:left; margin-top:3px;
    background-image: url('/img/checkbox.png');
}

.zgoda-wrap input[type=checkbox]:checked + label {
    background-position: 0 -20px;
}

#thanks{display:none;}

/* general */

.aktualnosci-box {
	position: relative;
}

.zoom:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 10px;
	background: rgba(255,255,255,0.9) url('/page/images/elem/icon-zoom.svg') 50% 50% no-repeat;
	background-size: 70% 70%;
	padding: 1.2em;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	-webkit-transform-origin: top right;
	        transform-origin: top right;
}

.aktualnosci-box:hover .zoom:after {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}

.szarfa-title-wrap{padding:0 60px; position: relative; margin-bottom:50px; margin-top:-50px;}
.szarfa-title-wrap:before{content:''; position: absolute; left:0; top:0; height: 100%; width: 60px; background: url('/page/images/elem/szarfa-left.png') no-repeat; background-size:100% 100%;}
.szarfa-title-wrap:after{content:''; position: absolute; right:0; top:0; height: 100%; width: 60px; background: url('/page/images/elem/szarfa-right.png') no-repeat; background-size:100% 100%;}
.szarfa-title{background: #e66b36; font-family:'cooper_hewittsemibold'; color:#fff; padding:20px 0;}

table{margin:0 auto;}

.glowna .banner:after{display:none;}
.glowna .content {z-index:99999;}


.home-banner img{display:inline-block !important;}

.bg{background: #fafafa; position: relative;     top: -20px; padding-top: 20px;}

article{position: relative;}

.quarter{width:25%; float:left;}

.justify{text-align:justify;}
.bold{font-family:'cooper_hewittsemibold';}
.right{float:right;}
.two-third{width:68%;}

.o-nas p, .pokoje p{text-align:justify;}

.inner{max-width:1200px; margin:0 auto;     overflow: hidden; width: 100%;}
.content{/*overflow:hidden;*/ position: relative; background:rgba(255,255,255, 0.75);position: relative; max-width:1120px; margin:-135px 40px 100px 40px; padding:0 60px; box-sizing:border-box;}

.content:before{content:''; position: absolute; top:0; left:-33px; background:url('/page/images/elem/shadow-content-left.png') no-repeat; height:100%; width: 33px;     background-size: 33px 80%;}
.content:after{content:''; position: absolute; top:0; right:-33px; background:url('/page/images/elem/shadow-content-right.png') no-repeat; height:100%; width: 33px;     background-size: 33px 80%;}

.row{display:table; width:100%;}
.row > div{display:table-cell; vertical-align:top;}

strong, b{font-weight:normal; font-family:'cooper_hewittsemibold'}

h1{font-size:50px; letter-spacing:20px; display:inline-block; font-family:'cooper_hewittlight'; margin:50px 0 100px 0; position: relative;}
h1:after{content:''; position: absolute; left:0; bottom:0; border-bottom:2px solid #000; width:calc(100% - 20px);}
h1, h2{text-transform: uppercase; font-weight:normal;}
h2{font-size:30px; padding:10px; letter-spacing:0.3em;}

.border, .pokoj .bx-wrapper{background:#fff; padding:3px; /*border:1px solid #e0ded6;*/  border:1px solid #000; display:inline-block; box-sizing:border-box; vertical-align:top;}
.pokoj .bx-wrapper{display:block;}
.border-black{background:#fff; padding:3px; border:1px solid #000; display:inline-block; box-sizing:border-box; vertical-align:top;}
.border img{max-width:none; width:100%; float:left;}
.grey{background:#e0ded6; text-align:center; display:inline-block; width:100%; color:#fff; box-sizing: border-box; vertical-align:top;}
.black{background:#000; text-align:center; display:inline-block; width:100%; color:#fff; box-sizing: border-box; vertical-align:top;}
.half{width:48%; display:inline-block;  vertical-align:top; position:relative;}
.half{margin-right:1.5%;}
.half:not(.pokoj):not(.accordion-image)+.half{margin-right:0; margin-left:1.5%;}
.half.pokoj.right, .accordion-box .half.right{margin-right:0 !important; margin-left:1.5%;}
.third{width:30%; display:inline-block; margin:0 1.25%; vertical-align:top;}

.kuchnia .half{ width:48%;}

.desktop{display: inline-block !important;}
.mobile{display: none !important;}

.special{color:#ff7e00;}
/* header */

header{margin-top:30px !important; font-size:12px;}
header > div{padding:0 20px; box-sizing:border-box;}

.logo-wrap, .icon-wrap, .icon-wrap span{display:inline-block; vertical-align: middle;}
.logo-wrap{float:left; min-width:166px;}
.logo{max-width:166px;}
.icon-wrap{float:right; margin-top:15px;}
.icon-wrap > span:first-child{margin-right:20px; letter-spacing:2px;}
.nav-icon{border: 1px solid #000; border-radius:50%; margin:0 3px; height:33px; width:33px; position: relative; -webkit-transition: border-width .1s linear; transition: border-width .1s linear; box-sizing:border-box;}
.nav-icon:hover{border-width:3px;}
.nav-icon a{color:#000; position:absolute; height:100%; width:100%; left:0; top:0;}
.nav-icon span{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.nav-icon-wrap{display:inline-block;}

header nav{position: relative; clear:both; }
header nav:before{content:''; position: absolute; top:0; left:0; width:100%; height:12px; background:url('/page/images/elem/shadow-header-top.png') no-repeat; background-size:100% 100%;}
header nav:after{content:''; position: absolute; bottom:0; left:0; width:100%; height:12px; background:url('/page/images/elem/shadow-header-bottom.png') no-repeat; background-size:100% 100%;}
header nav {padding:25px 0; margin:35px 0; font-size:14px; float:left; width:100%;}
header nav ul li{display:inline-block;  padding:10px 1.2%;}
header nav ul li a{color:#000; text-transform: uppercase;}
header nav ul li a:hover{color:#eb6a2e;}
header nav ul li.active a{color:#eb6a2e;}



/* footer */

footer{position:fixed; left:0; bottom:0; width:100%; text-align:left; font-size:12px; background:#fff; padding:0 10px; box-sizing:border-box; z-index:999999;}
.rezerwacja-lista{float:right !important; font-size:12px !important; text-transform: none !important; font-family:'cooper_hewittbook' !important;}
.rezerwacja-lista-wrap > span, .rezerwacja-lista-wrap > div {display:block; float:left; font-size:18px; font-family:'cooper_hewittsemibold'; text-transform: uppercase; position: relative;}
.rezerwacja-lista > div {display:block; float:left;}

.rezerwacja-lista-wrap > span{width:30%; max-width:85px; border-right: 1px solid #000; margin-top:3px;}

.dzien-wrap{width:25px; height:25px; border-left:1px solid #000; position: relative;}
.dzien-wrap:last-child{border-right:1px solid #000;}
.dzien-wrap.active{border:2px solid #000; border-right:1px solid #000; background:#000; color:#fff;}
.dzien{position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); cursor:pointer;}

.rezerwacja-lista-miesiac{width:25%; text-align:center; min-width:180px; margin-top:3px;}
.miesiac{position: relative; display:inline;}

.arrow{ width:7px; height:11px; position: absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); cursor:pointer;}
.arrow.left{background:url('/page/images/elem/arrow-left.svg') no-repeat; background-size:cover; left:-15px; display: none;}
.arrow.right{background:url('/page/images/elem/arrow-right.svg') no-repeat; background-size:cover; right:-15px;}
.rezerwacja-lista-wrap .month{display: none;}
.rezerwacja-lista-wrap .active_month{display: block;}
.name_month{display: none;}
.name_month.name_active{display: inline;}
.dzien-wrap.blockdate{background:#b8b2ac; position: relative; color:#FFF;}
.dzien-wrap.blockdate:before{position: absolute; content:'Hotel niedostępny'; padding:10px; left:-150%; border:1px solid #000; border-radius:5px; display:none; margin-top:-60px; z-index:9999; background:#FFF; text-align: center; color:#000;}
.dzien-wrap.blockdate:hover:before{display: block;}
.dzien-wrap.reservationdate{background:#ff8e32; position: relative; color:#FFF;}
.dzien-wrap.reservationdate:before{position: absolute; content:'Hotel zarezerwowany'; padding:10px; left:-150%; border:1px solid #000; border-radius:5px; display:none; margin-top:-60px; z-index:9999; background:#FFF; text-align: center;  color:#000;}
.dzien-wrap.reservationdate:hover:before{display: block;}
.rezerwacja-lista-wrap.inner{ overflow: visible;}

/* subpage */

.banner{position: relative;}
.banner:after{content:""; position:absolute; left:0; bottom:-20px; z-index:0; background:url('/page/images/elem/shadow-baner.png') no-repeat; background-size:cover; width:100%; height:53px;}

.banner img{display:none;}
.banner img:first-child{display:inline-block;}

/* O NAS */

.o-nas p{font-size:20px; margin-bottom:40px;}

.popup-youtube{cursor:pointer;}
.video-wrap{position: relative; background: #FFF; padding: 40px 20px 20px 20px; max-width: 900px; margin: 0 auto;}

.film-wrap{width:60%; display:inline-block;}
.film{position: relative; padding-bottom: 56.25%; height: 0;}
.film-wrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: top;}

.dokument-wrap{display:inline-block; width:25%; text-align:right; margin-left:6%; vertical-align: top;}

.o-nas .image-wrap{}
.o-nas .image-wrap img{float:left;}
.o-nas .half-wrapper{position: relative;}
.hr:after{content:''; position: absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); bottom:0; width:50%; border-bottom: 1px solid #000;}
.o-nas .half-wrapper .half-in{display:inline-block; text-align:center;}
.o-nas .half-wrapper .half{text-align:right;}
.o-nas .half-wrapper .half+.half{text-align:left;}
.half-in p{margin-top:10px; font-size:20px; text-align:center;}

.o-nas h2{font-size:28px; letter-spacing:normal; font-family:'cooper_hewittbook'; text-transform: none; margin:30px 0 30px 0;}

.border.double{position: relative; margin:15px 0;}
.border.double:after{content:''; position: absolute; top:0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:4px; height:100%; background:#fff;}
.border.double img{margin:0;}
/* > osi�gni�cia */
.osiagniecia-box{/*padding:45px 0;*/}
.osiagniecia-box+.osiagniecia-box{border-top:1px solid #000;}
.osiagniecia-box-image div{position: relative;}
/*.osiagniecia-box h3{margin-bottom:75px; font-size:42px; font-family:'cooper_hewittsemibold'; letter-spacing:normal; color:#6a6a6a;}*/
.osiagniecia-box p{margin-top:15px; text-align:center;}
.osiagniecia-box h3{margin-bottom:15px; text-align:center;}
.osiagniecia-box-image img{margin:15px 0;}
.wspolpraca-box{}
/* POKOJE */

.cena-wrap{width:36%; float:left;}
.cena{font-size:22px; font-family:'cooper_hewittsemibold'; color:#000; text-align:center; display:inline-block; width:100%; box-sizing: border-box; vertical-align:top;}
.cena.cena-small{
	line-height: 22px !important;
    font-size: 15px !important;
    bottom: auto !important;
    letter-spacing: 1px !important;
	}
.cena span{text-transform: none; font-size:17px; padding-left: 5px;}
.rezerwuj-wrap{width:60%; float:right;}
.rezerwuj{font-size:18px; color:#000; background:#fff; text-align:center; display:inline-block; width:100%; box-sizing: border-box; vertical-align:top;}

.cena, .rezerwuj{height:40px; text-transform: uppercase; line-height:41px;}

.cena-wrap, .rezerwuj-wrap{}

.pokoj-wrap{padding:25px 0; clear:both; display:inline-block; text-align:left; width: 100%;}
.pokoj-wrap+.pokoj-wrap{border-top:1px solid #000;}
.pokoj{position: relative;}
.pokoj ul{font-family:'cooper_hewittsemibold';     margin-bottom: 20px;}
.pokoj ul li:before{content:"- ";}
.pokoj p{margin:20px 0 60px 0;}

.gallery img{left:0; top:0;}

.pokoj .bx-wrapper{position: relative;}
.pokoj .bx-controls{}
.pokoj .bx-controls-direction a{position:absolute; top:0; width:50px; z-index:9999; } 
.pokoj .bx-prev{left: 0px; text-indent:-100%;}
.pokoj .bx-next{ right:0px; text-indent:100%;}

.buttons-wrap{width:100%; float:left; bottom:0;}


/*.rezerwuj-wrap:hover{background:rgba(0,0,0,0.8); color:#fff;}
.rezerwuj-wrap:hover .rezerwuj{background:rgba(0,0,0,0.8);}*/

.half.right{float:right;}

.info-room{position:absolute; bottom:50px; left:0; margin:0 !important; font-family:'cooper_hewittsemibold';}

/* KUCHNIA / RESTAURACJA*/
.bb-bookblock{margin-top:80px !important;}
.bb-bookblock h2{font-family:'cooper_hewittlight'; font-size:24px; letter-spacing:0.3em;}
.bb-bookblock .title{font-size:18px; /* letter-spacing:0.3em; */ font-family:'cooper_hewittsemibold'; margin:15px 0; display:block;}
.bb-bookblock p{color:#545454; }
.bb-bookblock .cena{width:100%; font-size:18px; letter-spacing:0.3em; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display:block; bottom:0; z-index:99999999999999999;}
.bb-bookblock .half{height:100%;}
.bb-bookblock .kuchnia-center{position:absolute; right:-32px; top:-1px; height:100%;}
.bb-bookblock .kuchnia-center img{height:calc(100% + 2px);}

.bb-custom-icon{position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:20px; height:20px; z-index:99999; text-indent:-99999px; display:block;}
.bb-custom-icon-arrow-left {left:15px; background:url('/page/images/elem/arrow-left-kuchnia.svg') 50% 50% no-repeat;  }
.bb-custom-icon-arrow-right {right:15px; background:url('/page/images/elem/arrow-right-kuchnia.svg') 50% 50% no-repeat; }

.bb-custom-icon:before{display:none !important;}

.kuchnia .third-wrap{visibility: hidden; margin-bottom:30px; margin-top:60px;}
.kuchnia .third-wrap.visible{visibility:visible;}
.kuchnia .third{position: relative;}
.kuchnia .third img{position: absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

.kuchnia .zielonka-logo{max-width:100%;}
.kuchnia .bystry-logo{max-height:110px;}

/*.kuchnia .third:nth-child(1){float:right;}*/
.kuchnia .third:nth-child(1){width:59%; text-align:justify;}
.kuchnia .third:nth-child(2){float:left; width:20%; text-align:left;}
.kuchnia .third:nth-child(3){width:11%; text-align:right; float:right;}
/*.kuchnia .third:nth-child(3){float:right;}*/

.kuchnia .special{font-size:20px; position: relative; margin:15px 0; display:inline-block; margin: 10px 0 20px;}
.kuchnia .special:after{content:''; position: absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #000;}
.kuchnia .content > p{color:#4f4f4f; letter-spacing:0.3em; line-height:1.5;}
.kuchnia strong{color:#000; letter-spacing:0.3em;}
.sezon{text-transform: uppercase; font-size:30px; letter-spacing:0.2em; color:#000; display:inline-block;}

.bb-custom-icon a{right: 0; top: 0; position: absolute; width: 20px; height: 20px;}

.bb-bookblock p{min-height:40px;}

.bb-bookblock .category-title{position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); font-weight:bold; padding:0 40px; letter-spacing:0.2em; text-align:center; width:100%;}

.dodatki{text-decoration: underline;}

.pagination-desktop{position:absolute; top:-50px; left:0; width:100%;}
.pagination-item, .pagination-item-link{display:inline-block; padding:5px; background: #f0f0f0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 2px 1px rgba(255,255,255,0.9); margin:0 5px; cursor:pointer; font-size: 14px;}
.pagination-item.bb-current, .pagination-item:hover, .pagination-item-link:hover{background: #ff7e00;}

/*.category-pagination{counter-increment: kuchnia-pagination-counter; }
.category-pagination:before{    content: counter(kuchnia-pagination-counter); position: absolute; top: 1px; left: -1px; width: 100%; color: #000; height: 100%; font-size: 12px; margin: 3px; font-family: 'cooper_hewittsemibold'; z-index: 2; pointer-events:none;}*/

.menu-counter-wrap{display:none; }

.kuchnia .inne-wrap{text-align:left; font-size:17px;}
.menu-counter-wrap{display:block; position:absolute; bottom:0; right:0; font-size:12px;}

.kuchnia .intro-page{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:left; width:90%;}
.kuchnia .intro-page ul{margin:15px 0;}
.kuchnia .intro-page li{margin:5px 0;}
.kuchnia .intro-page p{min-height:0;}

.kuchnia .table-kawa{display:table; width:100%; margin-bottom:20px;}
.kuchnia .table-cell-kawa{display:table-cell; vertical-align:middle;}
.kuchnia .table-cell-kawa:first-child{padding-right:20px; box-sizing:border-box;}
.kuchnia .table-cell-kawa-right{text-align:right;}
.kuchnia .kitchen-description{
	padding-top:40px;
}
.kuchnia .kitchen-description .btn{	
	height: inherit;
}
.kuchnia .kitchen-description p, .kuchnia .kitchen-description ul{
	text-align:left;
	padding-left:1.25%;
	padding-right:1.25%;
	color: #4f4f4f;
    letter-spacing: 0.3em;
    line-height: 1.5;
}
/* OFERTA */

.oferta .more-small{font-size:14px; cursor:pointer;}
.oferta .sprawdz{font-family:'cooper_hewittsemibold'; font-size:24px; color:#ff7e00; display:block; text-align:center; margin-top:30px;}
.oferta .special-offer{font-family:'cooper_hewittsemibold'; text-transform: uppercase; color:#ff7e00;}
.oferta .accordion{margin-top:10px;}

.table-dotted td{padding:4px 0;}
.table-dotted td:first-child{text-align:right; position: relative; padding-right:20px;}
.table-dotted td:first-child:after{content:''; background:#fff; width:10px; height:10px; border-radius:50%; border:2px solid #f3a456; position:absolute; right:0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.table-dotted td:last-child{text-align:left; padding-left:10px;}

.list{text-align:left; line-height:1.5;}
.list li{position:relative; padding-left:20px; margin:5px 0;}
.list li ul li{padding-left:16px;}
.center-list{display: inline-block; }
.list li:before{content:''; background:#fff; width:10px; height:10px; border-radius:50%; border:2px solid #f3a456; position:absolute; left:0; top:6px;}
.center-toggle span:first-child{position:relative;}
.center-toggle span:first-child:before{content:''; background:#fff; width:10px; height:10px; border-radius:50%; border:2px solid #f3a456; position:absolute; left:-20px; top:5px;}
.center-toggle{padding-left:50%; margin-left:-55px;}


.third h2{font-size:24px; letter-spacing:normal; text-decoration:underline; font-family:'cooper_hewittlight';}


#konferencje-eventy h2{font-size:19px; font-family: 'cooper_hewittsemibold'; text-transform: none; letter-spacing:0; text-decoration: none; padding-bottom:0; margin-top:20px;}
#konferencje-eventy li{position: relative; text-align:center; height:10px; width:10px; border:2px solid #ff7e00; border-radius:50%; background:#fff; margin:10px 0;}
#konferencje-eventy li span{    padding-right: 20px; position: absolute; right:0; width: 268px; top: -6px; text-align: right;}
#konferencje-eventy li span+span{padding-right:0px; padding-left: 20px; position:absolute; right:auto; left: 0; text-align: left;}

#konferencje-eventy .row{text-align:center;}

.oferta #przyjecia p{text-align:justify; margin:10px 0;}
.wesela-oferta-wrap{text-align:center; position: relative; padding-bottom:50px; margin-bottom:50px;}
.wesela-oferta-wrap a span{margin-top:10px; display:block;}

.wesela .row{height:230px;}
.wesela .row > div {vertical-align:middle;}
.wesela-list .half:first-child{width:63%; font-size:21px;}

.asterisk{font-style: italic; font-size:14px;}

.dodatkowo{margin:30px 0; text-align:center;}

.wesela h2{text-align:center;}
.wesela-text{margin-bottom:30px;}
.wesela-text p{margin-top:10px;}

.uppercase{text-transform: uppercase;}

#przyjecia h2{margin-bottom:40px;}
#przyjecia > p:first-child{margin-bottom:0;}
.gallery-wrap-oferta{text-align:center; margin: 40px -20px 20px -20px;}
.gallery-wrap-oferta .galeria-box{width:12.5%;}


.kwiat-right{background:url('/page/images/elem/kwiat-bg-right.svg') no-repeat; background-size:contain; background-position:right;}
.kwiat-left{background:url('/page/images/elem/kwiat-bg-left.svg') no-repeat; background-size:contain; background-position:left;}
.kwiat-center{background:url('/page/images/elem/kwiat-bg-left.svg') no-repeat; background-size:contain; background-position:center;}
.kwiat{}

.no-dot > li{ padding-left:0;}
.no-dot li:before{display:none;}

.list2 li:before{border-color:#000;}

.list{text-align:justify;}
.wesela-text{text-align:justify;}

.list2.sm li:before{border-width:1px; width:6px; height:6px; top:9px;}

.oferta section.wesela .content{background-image: url('/page/images/wzorek.png');}

.change-btn.wesela-btn{ padding:0;   float: left; padding: 0; position: relative; width:100%; margin:0; padding-top: 5px; font-size: 30px;}
.change-btn.wesela-btn button{    font-size: 30px; padding: 0.5em; height: auto; /*background: #000; color: #fff;*/}

.wesela-btn{display:none;}
.przyjecia .wesela-btn, .wesela .wesela-btn{display:block;}

/*.oferta2 .przyjecia .content{background:url('/page/images/elem/bg-wesela2.jpg') repeat;}*/
/* ATRAKCJE */

.change-btn-wrap button, .btn{background:none; border:1px solid #000; font-size:28px; height:107px; padding:0.5em; width:100%; font-family: 'cooper_hewittlight'; position: relative; }
.change-btn-wrap button:not(.active):hover{background:rgba(0,0,0,0.8); color:#fff;}
.change-btn-wrap button.active{background:#000; color:#fff;}

.btn.brak-miejsc{background:#000 !important; position: relative; color:#fff !important;}
.btn.brak-miejsc:after{content:''; width:111px; height:100%; background:url('/page/images/elem/brak-miejsc.png') no-repeat; position: absolute; right:0; top:0;}

.btn-wrap{width:100%;}
.btn-wrap .btn{height:auto !important;}
.btn-wrap a{color:#fff;}
.btn{font-size:30px; margin-top:30px; background:#000; max-width:500px;}
.btn a{color:#fff;}
.btn:hover{background:#fff; color:#000;}
.btn:hover a{color:#000;}

#atrakcje-w-okolicy .accordion-box .third:not(.right), #nasze-atrakcje .accordion-box .third:not(.right){margin-left:0;}
#atrakcje-w-okolicy .accordion-box .third.right, #nasze-atrakcje .accordion-box .third.right{margin-right:0;}
#atrakcje-w-okolicy .accordion-box .accordion-image, #nasze-atrakcje .accordion-box .accordion-image{margin-top:10px;}
.accordion-text.two-third{display:inline-block;}

/*.no-mobile .box-appear{opacity:0;filter:alpha(opacity=0); -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); }*/
.no-mobile .box-appear.appeared{opacity:1;filter:alpha(opacity=100); -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); -webkit-transition: opacity .8s ease-out, -webkit-transform .8s ease-out; transition: opacity .8s ease-out, transform .8s ease-out;}

.link-wrap{text-align:right !important;}
.link-wrap a{padding:3px 10px; border:1px solid #000;}

.table-wrap{display:inline-block; width:100%;}

#nasze-atrakcje{margin-top:50px;}

#atrakcje-w-okolicy .accordion-item{display:inline-block; width:100%;}

/* .change-btn-wrap button.active:before{content:''; position: absolute; top:-25px; left:-25px; background:#fff; width:50px; height:50px; border:2px solid #ff7e00; border-radius:50%; box-sizing:border-box;} */

.change-btn.big button{font-size:20px; font-size: 33px; height: 107px;}
.accordion-wrap{display:inline-block; width:100%;}
.accordion-wrap:not(.active){display:none;}

.accordion-wrap > p:first-child{    margin: 50px 0 35px 0;}

.accordion:not(.wesela) h2{font-size:20px; font-family: 'cooper_hewittbook'; position: relative; text-transform: none; letter-spacing:normal; cursor:pointer; display:inline-block; width:100%;}
.accordion:not(.wesela) h2:before{content:''; background:url('/page/images/elem/arrow-accordion.svg') no-repeat; background-size:cover; width:19px; height:12px; position: absolute; top:50%; left:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition: -webkit-transform .3 ease-out; transition: transform .3 ease-out;}
.accordion:not(.wesela) h2:after{content:''; background:url('/page/images/elem/arrow-accordion.svg') no-repeat; background-size:cover; width:19px; height:12px; position: absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition: -webkit-transform .3 ease-out; transition: transform .3 ease-out;}
.accordion h3{margin:10px 0; font-size:20px; text-transform: uppercase;}
.accordion-item.open h2:before, .accordion-item.open h2:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); -webkit-transform-origin: center 27%; -ms-transform-origin: center 27%; transform-origin: center 27%;}

.accordion:not(.wesela) .open h2{font-family: 'cooper_hewittsemibold';}
.accordion-box{clear:both; text-align:left; float:left; padding:25px 0;}
.accordion-box+.accordion-box{border-top:1px solid #000;}

.accordion-content{padding:20px 0;}
.accordion-text strong, .accordion-text p{text-align:justify; display:block; margin:15px 0;}

.oferta .accordion-content{display:none;}

.accordion table{width:45%; border:1px solid #eb6a2e; margin:20px 0; border-collapse: collapse; float:left; margin-left: 1%; margin-right: 1%;}
.accordion table td, .accordion table th{padding:7px 13px}
.accordion table td{border:1px solid #eb6a2e;}
.accordion table tr td:first-child{width:calc(100% - 90px);}
.accordion table td+td{width:90px;}
.accordion table th{font-family: 'cooper_hewittsemibold';}
.accordion .promocja {margin:30px 0;}
/* ZASADY REZERWACJI */
.page-title-wrap{margin: 50px 0 70px 0; display:inline-block;}
.page-title-wrap h1{margin:0;}
.page-title-wrap span{display:block; text-transform: uppercase; font-size:30px; color:#eb6a2e; letter-spacing:0.3em; margin-top:10px;}

.zasady-rezerwacji h3{margin-bottom:30px; font-size:30px;}

/* WYDARZENIA */

.wydarzenia-box{width:100%; text-align:left; margin:30px 0; display:inline-block; box-sizing:border-box; padding-left:30px; margin-left:40px; border-left:3px solid #ff7e02; position: relative; counter-increment: wydarzenia-counter;}
.wydarzenia-box.single{border:none; padding-left:0; margin-left:0; padding-right:0 !important;}
.wydarzenia-box.single .title{font-size:25px;}
.wydarzenia-box .header{margin-bottom:20px; float:left; width:100%;}
.wydarzenia-box .header .title{float:left; font-family: 'cooper_hewittsemibold';}
.wydarzenia-box .header .more{float:right; position: absolute; bottom: 0; right: 30px;}
.wydarzenia-box {padding-bottom:40px;}
.wydarzenia-box .text{clear:both; box-sizing:border-box; padding-right:30px;}
.wydarzenia-box .text p{margin:15px 0; text-align:justify;}
.wydarzenia-box .text p:last-child{margin-bottom:0 !important;}
.more{cursor:pointer; font-family: 'cooper_hewittsemibold'; border:2px solid #e0ded6; font-size:11px; padding:3px 30px 3px 10px; letter-spacing:0.1em; position: relative;}
.more:hover{background:#eb6a2e;}
.more:after{content:''; width:13px; height:11px; position: absolute; right:8px; top:5px; background:url('/page/images/elem/arrow-right-double.svg') no-repeat; background-size:cover;}
.wydarzenia-box .counter:before{content: counter(wydarzenia-counter)"."; position: absolute; top:0; left:-43px; font-family: 'cooper_hewittsemibold';}

.wydarzenia .galeria-box img{height:75px; width:100px;}

.wydarzenia .back{padding:3px 10px 3px 30px; left:0 !important; right: auto !important;}
.wydarzenia .back:after{content:''; width:13px; height:11px; position: absolute; left:8px; top:5px; background:url('/page/images/elem/arrow-left-double.svg') no-repeat; background-size:cover;}

/* WARSZTATY */
.warsztaty-box h3{margin-bottom:15px; text-transform: lowercase;}
.warsztaty-box h3:first-letter{text-transform: uppercase;}
.warsztaty-box+.warsztaty-box{margin-top:50px;}
.warsztaty-box .half{margin:10px 0;}
/* GALERIA SZTUKI */
.artist-box+.artist-box{margin-top:30px;}
.artist-box p{text-align:justify; margin:10px 0;}
.galeria-wrap{max-width:850px; position: relative;}
.galeria-sztuki .more{    position: absolute; left: 50%; bottom: -35px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.hidden{display:none;}

.tomek-tomkowiak .galeria-wrap{margin-bottom:70px;}
.galeria-wrap .more:after{ width: 10px; height: 9px; right: 8px; top: 7px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
/* GALERIA */

.galeria .galeria-wrap{max-width:700px;}


.galeria-box{margin:0.5%;}
.galeria-box img{float:left;}

/* KONTAKT */

#map{width:100%; height:700px;}
.kontakt .content{padding:0;}
.kontakt h1{margin-bottom:22px;}
.map-wrap{position: relative;}
.kontakt-box{z-index:2; position: absolute; left:30px; top:60%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:#fff; width:420px; padding:20px; text-align:left;}
.kontakt-box h2{padding-left:0; font-size:20px; margin-bottom:10px;}
.kontakt-box li{padding-left:30px; position: relative; margin:3px 0;}
.kontakt-box li:before{content:''; position:absolute; left:0; top:1px; background-size:cover;}
.kontakt-box .location:before{width:16px; height:16px; background:url('/page/images/elem/location.svg') no-repeat; left:4px;}
.kontakt-box .tel:before{width:24px; height:16px; background:url('/page/images/elem/tel.svg') no-repeat;}
.kontakt-box .m-tel:before{width:10px; height:16px; background:url('/page/images/elem/m-tel.svg') no-repeat; left:6px;}
.kontakt-box .mail:before{width:17px; height:16px; background:url('/page/images/elem/mail.svg') no-repeat; left:3px;}
.kontakt-box .mail a{font-family: 'cooper_hewittsemibold';}

/* rezerwacja */
.reservation{overflow: hidden; text-align: left;}
.reservation input{padding:5px;}
.reservation label:not(.error){margin-top:0; margin-bottom:0;}
.reservation .step{overflow: hidden; margin-bottom:20px;}
.reservation .form-input{overflow: hidden; display:inline-block;}
.reservation .form-input label{display: block;}
.reservation .form-input input,.reservation .form-select select{ font-size:14px; /*border:1px solid #CCC; width:100%;*/ padding:0 10px; box-sizing: border-box;}
.ui-selectmenu-text{font-size:14px;}
/*.reservation .form-input-2{width:20%; margin:15px;}
.reservation .form-input-5{width:49%; padding:15px; box-sizing: border-box;}*/
.reservation .form-clear{clear:both;}
.reservation .form-input-right{float:right;}
.reservation .button{text-transform:uppercase; font-family: 'cooper_hewittsemibold'; font-size: 17px;  padding: 10px 25px; letter-spacing: 0.1em; position: relative; color:#fff;}
/*.reservation .button:after{content: '';  width: 13px;	height: 11px;	position: absolute;	right: 8px;	top: 11px;	background: url('/page/images/elem/arrow-right-double.svg') no-repeat;	background-size: cover;}*/
.reservation .red{color:#ef0808; font-weight: bold;}
.reservation .green{color:#49a710; font-weight: bold;}
.reservation .form-input input.checkbox{width: 20px;  float: left;  height: 20px; margin-right: 10px;}
.reservation .row > div{display:block;}
.reservation textarea{height:100px; box-sizing:border-box; padding:5px;}
/*.reservation select{display:block !important;}*/
/*.reservation .row{display:inline-block; min-width:100%; margin:20px -20px; width:auto;}*/
.reservation .row{display:block;}
/*.reservation .row .box{float:left; display:block; padding:0 20px; box-sizing:border-box;}*/
.reservation .szczegoly-pokoj-box-in{padding:30px; border:1px solid #000;}
.reservation h2{font-family:'cooper_hewittsemibold'; text-transform:none; letter-spacing:normal; font-size:24px; padding:0;}
.reservation .reservation-section{padding:30px 0; border-bottom:1px solid #000; overflow: hidden; width:100%;}
.reservation .szczegoly-pokoj-photo {/*width:40%; float:left; */}
.reservation .szczegoly-pokoj-box{}
.reservation h3{font-family:'cooper_hewittsemibold'; font-size:18px;}
.reservation .equal{position:relative;}
.reservation .equal .szczegoly{position:absolute; bottom:0; left:0;}
.reservation .szczegoly{font-size:14px;}
.reservation .szczegoly+.szczegoly{margin-top:15px;}
.reservation .szczegoly td:first-child{font-family:'cooper_hewittsemibold'; padding-right:20px;}
.reservation .right-szczegoly-col td:first-child{width:150px; padding-right:0;}
.reservation select{/*width:100%;*/ text-align:center;}
.reservation input, .reservation textarea{border:1px solid #000;/* width:70%;*/}
/*.reservation label{float:left;width: 30%;}*/
.reservation .box label{/*width:100%;*/}
.reservation td{vertical-align: middle; font-size:14px;}
.reservation td+td{font-size:13px;}
.reservation input.date-picker{width:100%; text-align:center; position:relative; box-sizing:border-box;}
.reservation .date-picker-wrap{padding-bottom:5px; position:relative; display:inline-block; padding-right:30px; box-sizing:border-box; margin-top:0; margin-bottom:0;}
.reservation .date-picker-wrap:after{content:''; right:0; top:0; position:absolute; width:20px; height:20px; background:url('/page/images/elem/icon-calendar.png') no-repeat;}
.reservation .ui-selectmenu-text{position:relative;}
.reservation .ui-selectmenu-text:after{content:''; position:absolute; top:50%; right:8px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:url('/page/images/elem/arrow-down.png') no-repeat; width:13px; height:9px;}
.reservation .none{display:none;}
.rooms_reserved{position: absolute; padding:10px; left:-125%; border:1px solid #000; border-radius:5px; display:none; margin-top:-100px; z-index:9999; background:#FFF; text-align: center; color:#000; width:130px; height:90px;}
.dzien-wrap.reservationroom{background:#ff8e32; color:#FFF;}
.dzien-wrap:hover .rooms_reserved{display: block;}
.godziny{position: relative;}
#step2 label.error{position: absolute; top: 21px; right: 0;}
.ui-icon-triangle-1-s{display:none !important;}
.ui-menu-item.ui-state-focus{color:#fff !important; font-weight:normal !important;}
.ui-menu-item{font-family: 'cooper_hewittbook' !important;}
.ui-selectmenu-button span.ui-selectmenu-text {font-family: 'cooper_hewittbook' !important; font-weight:normal !important;}
.step-box{display: table !important; height:100px;}
.step-box span{max-width:none; display:table-cell; width:100%; font-size:25px;  border:1px solid #000; vertical-align: middle; text-align:center;}
.step-box.active span{background:#000; color:#fff;}
.step-box.inactive span{opacity:0.5;filter:alpha(opacity=50);}
.step-box:not(.inactive) span {cursor:pointer;}
.step-box:not(.inactive):hover span{background: rgba(0,0,0,0.8); color:#fff;}
input.error{border-color:#ff0000;}
.reservation-section{position:relative;}
#grupastep3-error{position: absolute; bottom: 7px; left: 0; font-size: 18px;}
.section{clear:both;padding:0px;margin:0px;}
.col{display:block;float:left;margin:1% 0 1% 1.6%;}
.col-best{display:block;float:left;}
.col-best{margin:1% 0 1% 0;}
.col-best:nth-child(2n){margin:1% 0 1% 1.6%;}
.col-extra{margin:1% 0 1% 0;}
.col:first-child{margin-left:0;}
.group:before,.group:after{content:"";display:table;}
.group:after{clear:both;}
.group{zoom:1;}
.span_12_of_12{width:100%;}
.span_11_of_12{width:91.53%;}
.span_10_of_12{width:83.06%;}
.span_9_of_12{width:74.6%;}
.span_8_of_12{width:66.13%;}
.span_7_of_12{width:57.66%;}
.span_6_of_12{width:49.2%;}
.span_5_of_12{width:40.73%;}
.span_4_of_12{width:32.26%;}
.span_3_of_12{width:23.8%;}
.span_2_of_12{width:15.33%;}
.span_1_of_12{width:6.866%;}
label.error {color: #ff0000;font-size: 12px;margin-top: 10px;}
.switch-wrapper span{margin-top:3px;}
#step3 .r td, #step4 .r td{padding-top:5px;}
@media all and (max-width:520px){
	.reservation label:not(.error){margin-bottom:5px;}
	.reservation .form-input{margin-bottom:10px;}
	.section:not(.box-wrap){margin-top:10px;}
	.col{margin:1% 0 1% 0%;}
	.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12{width:100% !important;}
	.right-szczegoly-col .szczegoly{width:100%;}
	.right-szczegoly-col td:first-child{    width: 35%; text-align: left;}
	.right-szczegoly-col td{    width: 50%;		text-align: right;}
	.submit-wrap{width:100%; text-align:right;}
	
	#step2 label.error{top:36px; position:absolute; right:0;}
}
.step{display:none;}
.step.active{display:block;}
.reservation{padding:0 20px;}
/*._25{width:25%}
._40{width:40%}
._50{width:50%}
._60{width:60%}
._70{width:70%}*/
.form-group{clear:both;}
.wybierz-pokoj .ui-selectmenu-button{width:100% !important;}
.ui-selectmenu-menu{background:none !important;}
.ui-selectmenu-button{border-radius:0 !important; border:1px solid #000; max-width:100%;}
.ui-menu{border:1px solid #000;}
.ui-menu-item{background:#fff;}
.ui-menu-item+.ui-menu-item{}
.ui-selectmenu-text{padding:0 10px !important; text-align:center !important;}
li.ui-state-focus{background:#000; color:#fff;}
.submit-wrap{margin-top:20px;}
.submit-wrap > div+div{margin-left:15px;}
.bg-grey{background:#858585;}
.bg-orange{background: #ff7e00;}
.disclaimer{ text-align:justify; padding:20px; box-sizing:border-box; color:#fff;}
.koszt tr:first-child td{padding-bottom:20px;}
.koszt .special{font-family:'cooper_hewittsemibold';}
#step5{text-align:center;}
.dane-osobowe-form label:not(.error){padding-top:9px;}
/*.dane-osobowe-form .col{margin:0;}
.dane-osobowe-form .form-group{margin-top:10px;}*/
#postal_code{width: 33%;	margin-left: 10px;}

.reservation-section div.room_parent{display: none;}
.reservation-section div.room_parent:first-child{display: block;}




.lb-outerContainer{cursor:zoom-in;}
.lb-outerContainer.zoom{cursor:zoom-out; width: auto !important;    height: auto !important;}

.lb-outerContainer.zoom .lb-image{width: auto !important; height: auto !important; max-width:100%;}


@media all and (max-width:1150px){
	.two-inputs > div{width:100%; margin-left:0;}
	.two-inputs > div label{width: 23.8%;}
	.two-inputs > div input{width: 74.6% !important; margin: 1% 0 1% 1.6% !important;}
}
@media all and (max-width:830px){
	#step2 label.error { position: absolute; bottom:-11px; right: 0; top:auto;}
	.szczegoly-pokoj-photo{margin-bottom:20px;}
	.reservation .szczegoly-pokoj-box-in {padding:15px;}
	.span_3_of_12, .span_4_of_12{width:100%; margin-left:0;}
	.step-box{height:auto !important;}
	.step-box span{font-size:16px; padding:0.5em;}
	.szczegoly-text-wrap{width:100%; margin-left:0;}
	.dane-osobowe-form > .span_6_of_12{width:100% !important; margin-left:0;}
	.reservation .equal .szczegoly{position:static;}
	.reservation .szczegoly-pokoj-box-in{min-width:0; display:block;}
	.reservation .szczegoly-pokoj-photo {width:100%;}
	.reservation .dane-osobowe-form .col {margin:0 !important; width:100% !important;}
	.reservation .dane-osobowe-form label:not(.error){margin-top:10px !important; margin-bottom:3px !important;}
}
@media all and (max-width:758px){
	.reservation input, .reservation textarea{width:100%;}
	/*.reservation .row{min-width:0;width: 100%;}*/
	/*._25, ._50{width:100%}*/
}

.cd-top-wrap{position:absolute; bottom:45px; right: 40px;}
.cd-top {
	
  bottom:40px;
  display: inline-block;
  z-index:10;
  height: 40px;
  width: 40px;
  position: fixed;
  /*bottom: 40px;
  right: 10px;*/
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url('/page/images/elem/back-top-arrow.svg') no-repeat center 50%;
  background-size:cover;
  visibility: hidden;
  opacity: 0;
  filter:alpha(opacity=0);
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
  filter:alpha(opacity=100);
}
.cd-top.cd-fade-out {
  opacity: .5;
  filter:alpha(opacity=50);
}
.cd-top:hover {
  opacity: 1;
  filter:alpha(opacity=100);
}

.gallery-szarfa:after{
	content:'';
    background: url('/page/images/szarfa.png') no-repeat;
    z-index: 999999;
    top: 0;
    right: 10px;
    width: 110px;
    height: 155px;
    position: absolute;
}



/*COOKIES*/
.text-ciastko{width:70%; padding:20px 0; margin-right:25px;}
.text-ciastko p{color:#000; font-family:Arial;  font-size: 14px; line-height: 15px; text-align:left; line-height: 20px; margin:0; padding-right:13%;}
.text-ciastko p a{color:#eb6a2e;}
.all_cookies{max-width:1200px; margin:0 auto; position:relative;}
.accept_cookie{position: absolute; right: 8%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.accept_cookie a{padding: 5px 15px; border: 1px solid #000; color:#000; font-family:Arial; font-size: 20px;   box-sizing: border-box;}
.push_cookie{width:100%; overflow:hidden; background: #fff; border-bottom:1px solid #eb6a2e;}


@media all and (max-width:1050px) and (min-width: 768px )  {
	.change-btn-wrap button{font-size:30px;}
	.change-btn.big button {font-size:27px;}
	
}

@media all and (max-width:768px)  {
	.text-ciastko p{padding:0;}
	.accept_cookie{position:static; -webkit-transform:none; -ms-transform:none; transform:none; margin-bottom:20px;}
}

@media all and (min-height:768px){
	.menu-counter-wrap {bottom: 5px; right: 25px; z-index: 9999999;}
	
}

@media all and (min-width:768px){
	.aktualnosci-box{position:relative; top:-35px;}
	
	.atrakcje .change-btn-wrap, .atrakcje2 .change-btn-wrap{margin: 0 0.5%;}
	.warsztaty-box{margin:0 -1%;}
	article:not(.atrakcje):not(.atrakcje2) .change-btn-wrap, .m{margin:0 -2%;}
	.content{padding-bottom:50px;}
	
	#nasze-atrakcje .galeria-box{width:23.5%;}
	#nasze-atrakcje .galeria-wrap{margin: 0 -1%; margin-top:50px; max-width:none; display:inline-block;}
	
	#atrakcje-w-okolicy{padding: 0 0.5% 0 1%;}
	
	#atrakcje-w-okolicy .open-toggle:before{display:none;}
	#atrakcje-w-okolicy .open-toggle:after{display:none;}
	#atrakcje-w-okolicy h2{display:none;}
	#atrakcje-w-okolicy .accordion-item+.accordion-item .accordion-box{border-top:1px solid #000;}
	#atrakcje-w-okolicy .accordion-content{display:block !important;}
	
	#nasze-atrakcje .accordion-item{width:25%; float:left; padding: 0px 1% 35px 1%;}
	#nasze-atrakcje .accordion-content{width:450%;/*position:absolute; left:0;*/ text-align:justify; display:none; position: relative; top:55px; padding-top:0; padding-right:50px;}
	
	/*#nasze-atrakcje .accordion-item:nth-child(2) .accordion-content{margin-left:-110%;}
	#nasze-atrakcje .accordion-item:nth-child(3) .accordion-content{margin-left:-220%;}
	#nasze-atrakcje .accordion-item:nth-child(4) .accordion-content{margin-left:-330%;}
	#nasze-atrakcje .accordion-item:nth-child(4) .accordion-content{margin-left:-330%;}*/
	
	#nasze-atrakcje .accordion-item.zumba .accordion-content{margin-left:0;}
	#nasze-atrakcje .accordion-item.joga .accordion-content{margin-left:-110%;}
	#nasze-atrakcje .accordion-item.nordic-walking .accordion-content{margin-left:-220%;}
	#nasze-atrakcje .accordion-item.masaze .accordion-content{margin-left:-330%;}
	#nasze-atrakcje .accordion-item:nth-child(6) .accordion-content{margin-left:-330%;}
	
	#nasze-atrakcje .accordion-item h2{background-position:center center;}
	#nasze-atrakcje .accordion-item.joga h2{background-position:top right;}
	
	#nasze-atrakcje .accordion-item.nordic-walking h2{background-position:top right;}
	
	#nasze-atrakcje h2{width:100%; height:175px; border: 3px solid #fff; outline: 1px solid #000; }
	#nasze-atrakcje h2 span{position:absolute;   bottom: -40px; left:0; width:100%;}
	#nasze-atrakcje h2:before{display:none;}
	#nasze-atrakcje h2:after{display:none;}
	#nasze-atrakcje .koncert-na-zamowienie h2{background:url('/page/images/atrakcje/koncert-na-zamowienie/01s.jpg') no-repeat !important; background-size:cover;}
	#nasze-atrakcje .zumba h2{background:url('/page/images/atrakcje/zumba2.jpg') top right no-repeat; background-size:cover;}
	#nasze-atrakcje .joga h2{background:url('/page/images/atrakcje/joga2.jpg') no-repeat; background-size:cover;}
	#nasze-atrakcje .nordic-walking h2{background:url('/page/images/atrakcje/nordic-walking.jpg') no-repeat; background-size:cover;}
	#nasze-atrakcje .masaze h2{background:url('/page/images/atrakcje/masaze.jpg') no-repeat; background-size:cover;}
	#nasze-atrakcje .atrakcje-dla-dzieci h2{background:url('/page/images/atrakcje/atrakcje-dla-dzieci.jpg') 50% 50% no-repeat; background-size:cover;}
			
	#nasze-atrakcje .atrakcje-dla-dzieci .accordion-content{position:absolute; top:860px;}
	
	#nasze-atrakcje .atrakcje-dla-dzieci{width:75%; margin-bottom:30px;}
	#nasze-atrakcje .atrakcje-dla-dzieci h2{width: 31.5%; float:left; position: relative;}
	#nasze-atrakcje .atrakcje-dla-dzieci h2 .opis-right{font-family: 'cooper_hewittbook' !important;    position: absolute; width: 200%; right: -220%; text-align: left; top: 50%; transform: translateY(-50%);}
	#nasze-atrakcje .atrakcje-dla-dzieci .accordion-content{clear:both; width:100%; padding-right:135px;}
	
	#nasze-atrakcje .koncert-na-zamowienie{float:left; width:25%;}
	#nasze-atrakcje .koncert-na-zamowienie h2{width:100%;}
	
	.atrakcje-dla-dzieci+.atrakcje-dla-dzieci .accordion-content{left:65px;}
	
	/*.atrakcje3 #nasze-atrakcje .atrakcje-dla-dzieci{width:75%;}*/
	.koncert-na-zamowienie .galeria-box{width:auto !important;}
	.koncert-na-zamowienie .galeria-wrap{max-width:600px !important;}
}

@media all and (max-height:768px){
	#map {height:500px;}
}

@media all and (max-width:1185px){
	
	header nav ul li {padding:10px 1%;}
	
	/* footer */
	
	.rezerwacja-lista{width:100%; float:left;}
	.dzien-wrap {width:23.5px;}
	.bb-bookblock h2 {font-size:20px; letter-spacing:0.1em;}
	.bb-bookblock .title {padding:0 15px; box-sizing:border-box;}
	.bb-bookblock .image-wrap{text-align:center;}
	.bb-bookblock .image-wrap img{width:80%;}
	.cd-top{bottom:60px;}
	.cd-top-wrap {right:45px;}
}

@media all and (max-width:1185px){
	header nav ul li {padding:10px 0.5%;}
}

@media all and (max-width:1030px){
	header nav ul{padding:0 60px;}
	header nav ul li {padding:10px 1.5%; }
}

@media all and (max-width:768px)  {
	


	#wesela h2 {margin-top:0 !important;}
	.wesela-btn{padding:0 !important; left:auto;}
	
	.gallery-wrap-oferta{text-align:center; margin: 50px 0 20px 0;}
	.gallery-wrap-oferta .galeria-box{width:auto;}
	
	.oferta section.wesela .content {background-size:contain;}
	
	#nasze-atrakcje .atrakcje-dla-dzieci h2 .opis-right{display:none;}
	#atrakcje-w-okolicy .two-third,  #nasze-atrakcje .two-third{width:100%;}
	
	.info-room{bottom:111px;}
	
	.wesela-list .half:first-child{font-size:initial !important; width:100%; margin-top:30px;}
	.wesela-oferta-wrap a{margin:15px 0;}
	
	header nav ul{padding:0 30px;}
	header nav ul li {padding:10px 1.5%; }
	
	.btn{width:50% !important; display:block; min-width:220px !important; font-size:25px; }
	.btn.brak-miejsc:after{background-size:contain !important; right:-22px;}
	
	.wydarzenia-box {padding-right:30px;}
	.wydarzenia-box .header .more { float: left; margin-top: 15px; clear: both; right:40px;}
	
	#nasze-atrakcje .accordion-item{width:100%; float:none;}
	#nasze-atrakcje .accordion-content{width:100%;}
	
	.cd-top-wrap {right:35px;}
	.accordion-content { display: none; }
	
	.bb-bookblock{margin-top: 0 !important;}
	
	.kuchnia .third-wrap{visibility: visible; margin-bottom:30px;} 
	.kuchnia .third{margin:30px 0; float:none !important; width:100% !important; text-align:center !important;}
	.kuchnia .third img{position: static; -webkit-transform:none; -ms-transform:none; transform:none;}
	.kuchnia .third:nth-child(2) img{max-height:80px !important;}
	
	.cd-top {width:30px; height:30px; bottom:40px;}
	.galeria-box{margin-top:15px;}
	.wspolpraca+.wspolpraca{margin-top:40px;}
	
	.pagination-desktop{display:none;}
	
	.content {margin: -15% 20px 100px 20px; padding: 0 20px;}
	.half, .third{margin-left:0 !important; margin-right:0 !important; width:100%; float:left !important;}
	
	
	h1{font-size:33px; margin: 50px 0 60px 0; letter-spacing: 0.2em;}
	h1:after {    width: calc(100% - 0.2em);}
	h2{font-size:26px; letter-spacing:normal;}
	
	p{line-height:1.5 !important;}
	
	header > div{float:none; display:inline-block; width:100%;}
	.pokoj{text-align:center;}
	.pokoj+.pokoj{margin-top:25px;}
	.pokoj p, .pokoj ul{text-align:left;}
	
	.cena-wrap{width:100%; margin-bottom:15px;}
	.rezerwuj-wrap {width:100%;}
	
	.text-ciastko p{padding:0;}
	.accept_cookie{position:static; -webkit-transform:none; -ms-transform:none; transform:none; margin-bottom:20px;}
	
	.film-wrap{width:100%;}
	.dokument-wrap{width:100%; margin-left:0; margin-top:20px;}
	
	.desktop{display: none !important;}
	.mobile{display:block !important;}
	
	.bb-bookblock .kuchnia-center{display:none;}
	.bb-custom-icon-arrow-right {right:-10px;}
	.bb-custom-icon-arrow-left {left:-10px;}
	.bb-custom-wrapper .bb-bookblock {border:none !important;}
	
	.change-btn-wrap button{margin:10px 0 !important; font-size:18px !important; height:auto !important;}
	.change-btn-wrap button.active:before {top: -15px; left: -15px; width: 30px; height: 30px;}
	.change-btn-wrap{float:left; margin-bottom:20px; width:100%;}
	
	.accordion h2{font-size:17px;}
	
	.accordion table{width:100%; max-width:none;}
	
	/* oferta */
	
	.oferta .accordion-content img.third{margin:10px 0;}
	
	/* o nas */
	.half-in{width:100%;}
	
	/* footer */
	.btn-rezerwuj-wrap{width:calc(100% - 90px); text-align:center;}
	
	/* kuchnia */
	
	.cena{font-size:20px;}
	.bb-custom-wrapper{padding:0 10px; box-sizing:border-box;}
	.bb-bookblock .category-title {padding:0 10px; font-size:18px;}
	.bb-bookblock .half:empty{display:none;}
	
	.kuchnia .bx-controls{position: absolute; width: 100%; bottom: -35px; left:0; z-index:99999;}
	.kuchnia .bx-pager-item{display:inline-block;}
	
	.disabled{display:none;}
	
	.bb-bookblock h2 {font-size:18px;}
	
	.bb-bookblock .cena {-webkit-transform:none;-ms-transform:none;transform:none; position:static;}
	.bb-bookblock .cena{letter-spacing:0.1em;}
	
	.kuchnia .bx-pager-item {-webkit-tap-highlight-color:rgba(0,0,0,0); position:relative; display: inline-block; /* width: 20px; height: 20px; */  margin: 5px; cursor: pointer; font-size:12px; padding:5px;}
	
	.kuchnia .bx-pager-item a{/*text-indent:50px;*/     padding-top: 5px; position:absolute; top:0; left:0; width:100%; height:100%; /*border-radius: 50%;*/ background: #f0f0f0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 2px 1px rgba(255,255,255,0.9);  overflow:hidden;}
	.kuchnia .bx-pager-item a.active{background:#ff7e00;}
	.sezon{font-size:20px;}
	
	.bb-bookblock .title {font-size:16px;}
	.bb-bookblock p {  font-size:14px; }
	.bb-bookblock .cena{ font-size:15px; line-height:2;}
	.bx-controls {bottom:-15px;}
	
	.bx-pager-item:not(.category-pagination){display:none;}
	.bb-bookblock .half{height:100%;}
	.bb-bookblock{}
	/*.bb-bookblock {height:100% !important; float:left !important;}
	.bx-viewport{height:auto !important;}*/
	
	.page-title-wrap span{font-size:19px;}

	.zasady-rezerwacji h3{font-size:18px;}
	
	/* KONTAKT */
	#map {height:300px;}
	.kontakt-box{position:static; width:100%; -webkit-transform:none; -ms-transform:none; transform:none; height:auto;}
}

@media all and (min-width:580px) and (max-width: 768px)  {
	.bb-bookblock .image-wrap img { width: 60%; }
}

@media all and (max-width:510px)  {
	.nav-icon-wrap{width:100%; margin-top:20px;}
	h1{font-size:26px;}
}

@media all and (max-width:400px)  {
	.accordion h2.open-toggle span{font-size:16px;}
}