div#menu ul a span,
div#menu ul a:after {
 background:url(gfx/menu.png) no-repeat;
 display:block
}
div#footer div.partners img,
div#footer div.partners li:hover img+img,
div.addOpinion.active,
div.calendar td:hover div.tooltipWrapper,
div.events div.photo a:hover:after,
div.eventsSchedule div.photo a:hover:after,
div.guidePlaces div.photo a:hover:after,
div.instructorList div.photo a:hover:after,
div.misc.fixed a.showClipboard:hover span,
div.misc.fixed a.showClipboardProducts:hover span,
div.misc.fixed a.youtube:hover span,
div.misc.fixed div.facebookBox:hover a span,
div.offerList div.photo a:hover:after,
div.photoSlider ul.slides li a:hover:after,
div.videosList div.photo a:hover:after,
div.weRecommend li div.photo a:hover:after {
 visibility:visible;
 opacity:1
}
div#footer,
div#main,
div#top {
 width:980px;
 margin:0 auto
}
div.box,
div.search fieldset {
 background:url(gfx/sideBox.png)
}
div#footer div.menu li:after,
div#footer div.partners:before,
div#footer:after,
div#main:after,
div#menu ul a:after,
div#outer.loading:after,
div#outer.loading:before,
div.cols:after,
div.events div.photo a:after,
div.reservationCenter li:after,
div.search div.submit a.moreOptions:before,
div.search div.submit:after,
div.select:after,
div.selectSpoof:after,
div.slider div.slide div.date:before,
ul.features:after {
 content:""
}
div.guidePlaces>ul>li,
div.photoSlider div.photoSliderMenu ul,
div.premiumOffers li,
div.slider div.slide div.details,
div.videosList>ul>li {
 -webkit-backface-visibility:hidden
}
a,
body {
 color:#39393e
}
div#footer,
div#footer a {
 color:#bdc5d0
}
.opinion_homepage .user,
div#copy,
div#footer div.partners ul,
div#side div.more,
div.search div.submit,
div.search div.thanks,
div.search p.reservationHead {
 text-align:center
}
a img,
div.discountsList li:first-child {
 border:0
}
input[type=submit] {
 cursor:pointer
}
a,
blockquote,
body,
caption,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
label,
legend,
li,
object,
ol,
p,
q,
span,
table,
tbody,
td img,
tfoot,
th,
thead,
tr,
ul {
 margin:0;
 padding:0;
 border:0;
 list-style-type:none;
 outline:0
}
@font-face {
 font-family:UbuntuBold;
 src:url(fonts/ubuntu-b-webfont.eot);
 src:url(fonts/ubuntu-b-webfont.eot?#iefix) format('embedded-opentype'),
 url(fonts/ubuntu-b-webfont.svg#ubuntubold) format('svg'),
 url(fonts/ubuntu-b-webfont.woff) format('woff'),
 url(fonts/ubuntu-b-webfont.ttf) format('truetype');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:UbuntuMedium;
 src:url(fonts/ubuntu-m-webfont.eot);
 src:url(fonts/ubuntu-m-webfont.eot?#iefix) format('embedded-opentype'),
 url(fonts/ubuntu-m-webfont.svg#ubuntumedium) format('svg'),
 url(fonts/ubuntu-m-webfont.woff) format('woff'),
 url(fonts/ubuntu-m-webfont.ttf) format('truetype');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:Ubuntu;
 src:url(fonts/ubuntu-r-webfont.eot);
 src:url(fonts/ubuntu-r-webfont.eot?#iefix) format('embedded-opentype'),
 url(fonts/ubuntu-r-webfont.svg#ubunturegular) format('svg'),
 url(fonts/ubuntu-r-webfont.woff) format('woff'),
 url(fonts/ubuntu-r-webfont.ttf) format('truetype');
 font-weight:400;
 font-style:normal
}
body {
 font-size:12px;
 line-height:1.2;
 background:#03152c;
 font-family:Ubuntu,Arial;
 min-width:1020px
}
div.slider div.slide h1 b,
div.slider div.slide h2 b,
h1,
h2,
h3,
h4 {
 font-weight:400;
 font-family:UbuntuBold
}
b,
div#side h2,
div.box div.head.friendlyShops a,
strong {
 font-family:UbuntuMedium
}
div.faq ul.questions div.question,
div.opinions div.user span b,
p b,
p strong {
 font-size:1.1em
}
a,
a#dahabShool:hover,
a#kiteShool:hover,
a#windShool:hover,
a.linkShool:hover,
div.offerDetails div.price a {
 text-decoration:none
}
.friendlyShops a:hover,
.regulations-button,
div#footer a:hover,
div#footer div.newsletter a,
div.discountsList h4 a:hover,
div.events h3 a:hover,
div.faq ul.questions li.active div.question a,
div.guide a.more:hover,
div.guidePlaces h3 a:hover,
div.offerList.store div.offerMenu a.buy:hover,
div.storeDetails div.articleBottom a.check:hover,
div.weRecommend h3 a:hover,
div.workOffersList h4 a:hover,
form.search button:hover,
form.searchProducts button:hover,
ul.storeCategoryNav li a:hover .storeDetails .brief li a:hover {
 text-decoration:underline
}
div#outer {
 overflow:hidden;
 position:relative
}
div#outer.loading:after,
div#outer.loading:before {
 position:fixed
}
@-webkit-keyframes rotate {
 0% {
  -webkit-transform:rotate(0)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
div#outer.loading:before {
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:rgba(255,255,255,.9);
 z-index:2000
}
a#logo,
div#menu,
div.events div.photo a:after,
div.selectSpoof:after {
 position:absolute
}
div#topWrapper {
 background:#fff
}
div#top {
 position:relative;
 height:148px
}
a#logo {
 top:45px;
 left:0
}
div#menu {
 top:0;
 padding:45px 0 0;
 right:0;
 overflow:hidden
}
div#menu ul a {
 height:24px;
 padding:52px 0 0;
 display:block;
 text-indent:-9999px;
 position:relative
}
div#menu li.akademia a,
div#menu li.dive a,
div#menu li.ski a,
div#menu li.snowboard a,
div#menu li.wind a {
 width:95px
}
div#menu li.kite a {
 width:93px
}
div#menu li.ksiazka a,
div#menu li.surfing a {
 width:82px
}
div#menu li.sail a {
 width:91px
}
div#menu ul a:after {
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:38px
}
div#menu a:hover:after,
div#menu li.active a:after,
div#menu li:hover a span,
div#menu ul a:hover span {
 top:-11px
}
div#menu li.active a:after,
div.eventsSchedule>ul li:first-child>div.photo,
div.opinionsList li:first-child div.avatar,
div.schedule>ul>li:first-child div.category {
 top:0
}
div#menu li.wind a:after {
 background-position:0 0
}
div#menu li.kite a:after {
 background-position:-113px 0
}
div#menu li.akademia a:after {
 background-position:-721px -7px
}
div#menu li.akademia a:hover:after {
 background-position:-721px -86px
}
div#menu li.akademia a:hover span {
 background-position:-721px -130px
}
div#menu li.ksiazka a:after {
 background-position:-631px 0
}
div#menu li.ksiazka a:hover:after {
 background-position:-631px -80px
}
div#menu li.surfing a:after {
 background-position:-215px 0
}
div#menu li.sail a:after {
 background-position:-305px 0
}
div#menu li.dive a:after {
 background-position:-411px 0
}
div#menu li.snowboard a:after {
 background-position:-522px 0
}
div#menu li.ski a:after {
 background-position:-628px 0
}
div#menu li.wind a:hover:after,
div#menu li.wind.active a:after {
 background-position:0 -80px
}
div#menu li.kite a:hover:after,
div#menu li.kite.active a:after {
 background-position:-113px -80px
}
div#menu li.surfing a:hover:after,
div#menu li.surfing.active a:after {
 background-position:-215px -80px
}
div#menu li.sail a:hover:after,
div#menu li.sail.active a:after {
 background-position:-305px -80px
}
div#menu li.dive a:hover:after,
div#menu li.dive.active a:after {
 background-position:-411px -80px
}
div#menu li.snowboard a:hover:after,
div#menu li.snowboard.active a:after {
 background-position:-522px -80px
}
div#menu li.ski a:hover:after,
div#menu li.ski.active a:after {
 background-position:-628px -80px
}
div#menu ul a span {
 height:24px;
 margin:0 auto;
 position:relative;
 top:0
}
div#menu li.wind a span {
 background-position:0 -52px
}
div#menu li.kite a span {
 background-position:-113px -52px
}
div#menu li.surfing a span {
 background-position:-215px -52px
}
div#menu li.akademia a span {
 background-position:-721px -52px
}
div#menu li.sail a span {
 background-position:-305px -52px
}
div#menu li.dive a span {
 background-position:-411px -52px
}
div#menu li.snowboard a span {
 background-position:-522px -52px
}
div#menu li.ski a span {
 background-position:-628px -52px
}
div#menu li.wind a:hover span,
div#menu li.wind.active a span {
 background-position:0 -130px
}
div#menu li.kite a:hover span,
div#menu li.kite.active a span {
 background-position:-113px -130px
}
div#menu li.surfing a:hover span,
div#menu li.surfing.active a span {
 background-position:-215px -130px
}
div#menu li.sail a:hover span,
div#menu li.sail.active a span {
 background-position:-305px -130px
}
div#menu li.dive a:hover span,
div#menu li.dive.active a span {
 background-position:-411px -130px
}
div#menu li.snowboard a:hover span,
div#menu li.snowboard.active a span {
 background-position:-522px -130px
}
div#menu li.ski a:hover span,
div#menu li.ski.active a span {
 background-position:-628px -130px
}
div#menu li {
 float:left;
 margin:0 0 0 4px
}
div#mainWrapper {
 background: #fff;
 padding:0 0 50px
}
div#footerWrapper {
 background:url(gfx/footer.jpg) 50% 0 no-repeat #00102d
}
div#copy {
 color:#d0d8e1;
 padding:30px 0;
 font-size:13px
}
div#copy span.author {
 margin:0 0 0 40px
}
div#contact h1,
div#footer div.cols,
div.photoSlider,
div.work h1 {
 margin:0 0 30px
}
div#copy img {
 vertical-align:middle;
 margin:0 0 0 7px
}
div#footer {
 padding:50px 0 40px;
 font-size:14px;
 line-height:18px
}
div#footer:after,
div.cols:after,
ul.features:after {
 height:0;
 clear:both;
 visibility:hidden;
 display:block
}
div#footer div.menu {
 width:640px;
 float:left
}
div#footer div.menu li {
 padding:0 0 0 20px;
 position:relative;
 margin:8px 0 0
}
div#contact ul.contactWays li:first-child,
div#footer div.menu li:first-child,
div.article ul li:first-child,
div.box:first-child,
div.events li:first-child,
div.search div.cols div.cols div.row:first-child,
div.sideGuides li:first-child,
ul.tableEvents li:first-child {
 margin-top:0
}
div.select:after,
div.selectSpoof:after {
 height:6px;
 width:9px;
 background:url(gfx/icons.png) -75px -16px no-repeat;
 right:10px;
 margin:-2px 0 0;
 top:50%
}
div#footer div.newsletter form,
div#footer div.newsletter p.error {
 margin:10px 0
}
div#footer div.menu li:after {
 height:6px;
 width:6px;
 background:url(gfx/icons.png) no-repeat;
 display:block;
 position:absolute;
 top:6px;
 left:0
}
.cboxPhoto,
div#footer div.menu ul,
div.guide div.misc div.filter,
div.premiumOffers li span,
div.recentlyAdded div.menu a.prev,
div.search.wide div.cols div.col+div.col {
 float:left
}
div#footer div.menu ul:first-child {
 min-width:180px;
     width: 50%;
}
div#footer div.menu ul:first-child+ul {
 min-width:205px;
 width: 50%
}
div#footer div.menu ul:first-child+ul+ul {
 width:255px
}
div#footer div.newsletter {
 width:300px;
 float:right;
 font-size:14px
}
div#footer div.newsletter form div.signOut {
 margin:5px 0 0
}
div#footer div.newsletter form input[type=text] {
 border:0;
 height:30px;
 line-height:30px;
 background:#fff;
 font-size:13px;
 color:#112846;
 width:185px;
 padding:0 10px;
 vertical-align:top
}
div#footer div.newsletter form input[type=submit] {
 width:75px;
 height:30px;
 line-height:30px;
 color:#fff;
 font-size:12px;
 text-transform:uppercase;
 background:#b2d713;
 border:0;
 vertical-align:top;
 font-family:UbuntuBold
}
div#footer div.newsletter form div.signOut input[type=submit] {
 color:#bdc5d0;
 text-decoration:underline;
 line-height:18px;
 height:auto;
 width:auto;
 background:0 0;
 border:0;
 text-transform:none;
 font-size:14px;
 Font-family:"Ubuntu";
 padding:0
}
div#contact ul.contactWays li a,
div.box,
div.box div.head.friendlyShops a,
div.buttons a,
div.events h3,
div.events h3 a,
div.reservationCenter a,
div.search a {
 color:#fff
}
div#footer div.newsletter h3 {
 font-size:18px;
 color:#fff;
 margin:0 0 10px
}
div#footer div.social ul li {
 margin-top:10px;
 float:left;
 margin-right:25px
}
div#footer div.partners {
 padding:25px 0 0;
 position:relative
}
div#footer div.partners:before {
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:1px;
 background:#fff;
 display:block;
 opacity:.15
}
div#footer div.partners ul {
 margin:0 -30px
}
div#footer div.partners img {
 -webkit-transition:opacity .4s,visibility .4s;
 -moz-transition:opacity .4s,visibility .4s;
 -ms-transition:opacity .4s,visibility .4s;
 -o-transition:opacity .4s,visibility .4s;
 transition:opacity .4s,visibility .4s
}
div.events div.photo a:after,
div.guidePlaces div.photo a:after,
div.premiumOffers div.photo a.cover,
div.tooltipWrapper {
 -webkit-transition:opacity .3s,visibility .3s;
 -moz-transition:opacity .3s,visibility .3s;
 -ms-transition:opacity .3s,visibility .3s;
 -o-transition:opacity .3s,visibility .3s
}
div.events div.photo a:after,
div.premiumOffers div.photo a.cover {
 bottom:0
}
div#footer div.partners img+img {
 position:absolute;
 top:0;
 left:0;
 opacity:0;
 visibility:hidden
}
div#main:after,
div.search div.submit:after {
 visibility:hidden;
 clear:both;
 height:0;
 display:block
}
div#footer div.partners li {
 display:inline-block;
 vertical-align:middle;
 margin:0 25px;
 position:relative
}
div#content {
 width:720px;
 float:right
}
div#side {
 width:240px;
 float:left;
 margin:0 0 20px
}
div#side div.more a:after {
 background:radial-gradient(ellipse at center,rgba(255,255,255,.5) 0,rgba(0,0,0,0) 60%)
}
div#side h2,
div.box div.head.friendlyShops a {
 font-size:20px;
 line-height:1;
 text-transform:uppercase;
 text-align:center
}
div#contact ul.contactWays li,
div.box div.head a,
div.faq ul.questions div.question,
div.faq ul.questions li span.number,
div.guide div.filter div.name,
div.guidePlaces h3,
div.offerDetails div.price span,
div.premiumOffers div.photo h3,
div.premiumOffers i,
div.reservationCenter li {
 font-family:UbuntuBold
}
div.box div.head.friendlyShops a:hover {
 transform:none
}
div.box {
 margin:0 0 10px;
 border-radius:10px;
 padding:0 20px 10px
}
div.box div.head {
 background:url(gfx/sideHead.png);
 padding:20px;
 border-radius:10px 10px 0 0;
 margin:0 -20px 20px
}
div.box div.head a {
 color:#f26d32;
 text-transform:uppercase;
 display:inline-block;
 margin:10px 0 0
}
div.search {
 color:#fff;
 margin:-20px 0 -10px
}
div.search div.thanks {
 padding:30px 10px 40px;
 font-size:14px;
 line-height:1.3
}
div.search div.thanks h3 {
 margin:0 0 10px;
 font-size:16px
}
div.search div.select p {
 font-family:Arial;
 font-size:13px
}
div.search div.options a,
div.search div.submit a,
div.search label {
 font-size:12px;
 text-transform:uppercase
}
div#shareOffer div.select:after,
div#shareOfferFriend div.select:after,
div.search div.select:after {
 background-position:-64px 0
}
div.search a.clear {
 display:inline-block;
 text-transform:uppercase;
 color:#fff;
 opacity:.7
}
#cboxClose:hover,
#cboxNext:hover,
#cboxPrevious:hover,
div.photoSlider div.photoSliderMenu a.next:hover,
div.photoSlider div.photoSliderMenu a.prev:hover,
div.premiumOffers div.photo a.cover:hover,
div.search a.clear:hover,
div.search div.submit a.moreOptions:hover,
div.search.wide div.submit a,
div.sideSearch div.submit a:hover {
 opacity:1
}
div.search a.clear:before {
 content:"";
 width:9px;
 height:8px;
 background:url(gfx/icons.png) -64px -9px no-repeat;
 display:inline-block;
 vertical-align:0;
 margin:0 5px 0 0
}
div.search div.cols div.col {
 float:left;
 width:91px
}
div.article>div.cols div.col+div.col,
div.guide div.misc div.pager,
div.offers div.misc div.pager,
div.premiumOffers li span+span,
div.recentlyAdded div.menu a.next,
div.search div.cols div.col+div.col {
 float:right
}
div.instructorList div.photo,
div.offerList div.photo,
div.search.wide div.cols div.col {
 width:200px;
 float:left
}
div.search.wide div.cols div.col:first-child+div.col {
 margin-left:40px
}
div.search.wide div.cols div.col:first-child+div.col+div.col {
 width:140px;
 margin-left:20px;
 float:right
}
div.search div.cols div.cols div.row,
ul.tableEvents li {
 margin:10px 0 0
}
div.search div.cols div.cols div.col {
 width:90px;
 float:left;
 margin-left:0!important
}
div.search div.cols div.cols div.col+div.col {
 margin-left:20px!important
}
div.search div.submit {
 padding:5px 0 10px
}
div.search.wide div.submit {
 padding-bottom:5px
}
div.search.wide div.submit div.left {
 width:50%;
 float:left;
 text-align:left
}
div.search.wide div.submit div.right {
 float:right;
 width:50%;
 text-align:right
}
div.photoSlider ul,
div.search.wide div.submit div.right input {
 margin:0
}
div.search div.submit input[type=submit] {
 height:30px;
 line-height:28px;
 padding:0 0 2px;
 color:#fff;
 background:#91ab22;
 border:0;
 width:130px;
 text-align:center;
 font-size:16px;
 text-transform:uppercase;
 margin:10px 20px 0;
 border-radius:5px;
 box-shadow:0 0 3px rgba(0,0,0,.3);
 font-family:Ubuntu,Arial
}
div.events,
div.search fieldset:last-child,
div.search.wide fieldset:first-child+fieldset {
 border-radius:0 0 10px 10px
}
div.search div.submit input[type=submit].reserve {
 width:100%;
 background:#ff6022;
 margin-left:0;
 margin-right:0;
 height:40px;
 line-height:38px
}
div.search div.submit a {
 display:inline-block;
 color:#fff;
 opacity:.7
}
div.search div.submit a.moreOptions {
 opacity:.7
}
div.search div.submit a.moreOptions:before {
 width:11px;
 height:11px;
 display:inline-block;
 background:url(gfx/icons.png) -74px 0 no-repeat;
 vertical-align:-2px;
 margin:0 5px 0 0
}
div.search form {
 margin:0 -20px;
 overflow:hidden
}
div.search fieldset {
 padding:10px 20px
}
div.search fieldset:first-child+fieldset,
div.search fieldset:first-child+fieldset+fieldset+fieldset {
 background:url(gfx/sideFieldset.png)
}
div#contact form div.row,
div.addOpinion div.row,
div.addOpinion div.submit p,
div.adv,
div.discountsList p,
div.events div.photo,
div.offerList div.aboutOffer div.rating,
div.offerList div.aboutOffer span.rating,
div.search div.row,
div.sideGuides div.photo,
div.workOffersList p {
 margin:0 0 10px
}
div.search label {
 display:block;
 margin:0 0 5px;
 line-height:1.2
}
div.search input[type=text],
div.select,
div.select p,
div.select select,
div.selectSpoof {
 height:20px;
 line-height:20px
}
div.buttons a,
div.search div.options a,
div.slider div.slide li.big div.details ul.features li,
ul.features li {
 height:24px;
 line-height:24px
}
div.search input[type=text] {
 border:1px solid #98aed1;
 background:rgba(255,255,255,.05);
 width:100%;
 padding:0 8px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 color:#fff;
 font-size:13px;
 vertical-align:top;
 font-family:Arial
}
div.search div.row>div.select:first-child {
 margin-top:29px
}
div#side div.search div.options {
 text-align:center;
 margin:-10px -10px 0
}
div.search div.options a {
 display:inline-block;
 margin:0 10px 0 0;
 border:1px solid #91ab22;
 background:0 0;
 border-radius:3px;
 padding:0 9px;
 color:#fff;
 text-decoration:none
}
div#side div.search div.options a {
 padding:0 9px;
 margin:10px 6px 0
}
div.search div.options a:hover {
 background:#91ab22;
 color:#fff
}
div.search div.price {
 float:none!important;
 font-size:14px
}
div.search div.price div.total {
 border-top:1px solid rgba(255,255,255,.4);
 padding:15px 0 0;
 margin:15px 0 0
}
div.search div.price div.perPerson,
div.search div.price div.total div.sum {
 margin:5px 0
}
div.search div.price div.total div.sum span {
 color:#fff;
 font-weight:400
}
div.search div.price div.perPerson span {
 color:#a6c717;
 font-size:34px
}
div.select {
 position:relative;
 border:1px solid #98aed1;
 background:rgba(255,255,255,.05)
}
div.select:after {
 display:block;
 position:absolute
}
div.select select {
 position:absolute;
 top: 1px;
 left:0;
 right:0;
 bottom:0;
 width:100%;
 background:0 0;
 opacity:0;
 cursor:pointer;
 z-index:20
}
div.select p {
 margin:0 30px 0 0;
 padding:0 0 0 10px;
 overflow:hidden
}
div.selectSpoof {
 position:relative;
 width:200px;
 display:inline-block;
 vertical-align:middle
}
div.selectSpoof:hover {
 z-index:100
}
.showBox .box.searchProducts,
.showBox .box.searchWord,
div.photoSlider div.photoSliderMenu ul li.active a:after,
div.photoSlider div.photoSliderMenu ul li:hover a:after,
div.recentlyAdded div.menu:after,
div.recentlyAdded li:after,
div.selectSpoof li.active,
div.selectSpoof:after,
div.selectSpoof:hover li,
span.rating span.score,
ul.storeBox>li.active>ul.category,
ul.storeBox>li.active>ul.category li.active>ul.category li {
 display:block
}
div.selectSpoof ul {
 border:1px solid #98aed1;
 background:#fff
}
div.selectSpoof li {
 display:none;
 padding:0 10px
}
div.selectSpoof li:hover {
 background:#eee
}
div.events,
div.sideGuides {
 font-size:13px;
 margin:-20px -20px -10px;
 padding:20px;
 background:url(gfx/eventsBg.png) 0 100% no-repeat
}
div.events li,
div.galleryList div.gallery div.pager,
div.sideGuides li {
 margin:20px 0 0
}
div#shareOffer div.buttons,
div#shareOfferFriend div.buttons,
div.events div.buttons,
div.sideGuides div.buttons {
 margin:15px 0 0
}
div#contact ul.contactWays li.email,
div.events h3 {
 font-size:18px
}
div.events div.photo a,
div.guidePlaces div.photo a,
div.instructorList div.photo a,
div.offerList div.photo a,
div.photoSlider ul.slides li a,
div.videosList div.photo a,
div.weRecommend li div.photo a {
 display:block;
 position:relative
}
div.events div.photo a:after {
 display:block;
 top:0;
 left:0;
 right:0;
 border:2px solid #fff;
 border-radius:5px;
 opacity:0;
 visiblity:hidden;
 transition:opacity .3s,visibility .3s
}
div.events div.photo img,
div.sideGuides div.photo img {
 border-radius:5px;
 vertical-align:top
}
div.offerList h2,
div.sideGuides h3,
div.storeDetails div.price div.after {
 font-size:16px
}
div.reservationCenter {
 margin:0 -20px -10px;
 padding:0 20px 10px;
 background:url(gfx/reservationBg.png) no-repeat;
 border-radius:0 0 10px 10px
}
div.reservationCenter ul {
 margin-top:-18px
}
div.reservationCenter li {
 border-top:3px solid #fff;
 margin:0 -20px;
 padding:18px 20px;
 font-size:20px;
 position:relative
}
div.reservationCenter li:after {
 display:block;
 background:url(gfx/icons.png) no-repeat;
 position:absolute;
 left:18px;
 top:50%
}
div.reservationCenter li.phone {
 font-size:24px;
 line-height:16px
}
div.reservationCenter li.phone:after {
 width:19px;
 height:17px;
 background-position:-40px -80px;
 margin:-9px 0 0
}
div.reservationCenter li.email:after {
 width:24px;
 height:11px;
 background-position:-62px -80px;
 margin:-5px 0 0 -4px
}
div.reservationCenter li span {
 font-size:11px;
 font-weight:400
}
div.figure+div.workOffersList,
div.recentlyAdded li:first-child,
div.reservationCenter li:first-child {
 border-top:0
}
div.reservationCenter li div {
 margin:0 0 0 30px;
 padding:0 0 0 13px;
 border-left:1px solid #fff
}
div.buttons a {
 display:inline-block;
 padding:0 10px;
 min-width:50px;
 text-align:center;
 font-size:11px;
 text-transform:uppercase;
 border-radius:3px;
 background:#91ab22;
 text-decoration:none
}
div.buttons a:hover {
 background:#b2d713
}
div.buttons a.blue {
 background:#3477d0;
 border:1px solid #2263ba;
 color:#fff;
 text-decoration:none
}
.add-person-button:hover,
div#contact input[type=submit]:hover,
div.addOpinion input[type=submit]:hover,
div.buttons a.blue:hover {
 background:#2263ba
}
div.buttons a.white {
 background:#fff;
 border:1px solid #3477d0;
 color:#3477d0;
 text-decoration:none
}
div.buttons a.white:hover {
 background:#3477d0;
 color:#fff
}
div.offertSearch {
 width:980px;
 margin:10px auto
}
div.slider+div.offertSearch {
 margin-top:-10px
}
div.slider {
 width:980px;
 margin:0 auto 20px;
 background:url(gfx/slider.jpg) 50% 97% no-repeat
}
div.slider div.menu {
 height:27px;
 text-align:center;
 position:relative
}
div.slider div.menu a.showAll {
 position: absolute;
  top: 18px;
  right: 5px;
  line-height: 24px;
  color: #2263ba;
  text-transform: uppercase;
  font-size: 19px;
}
div.slider div.menu li,
div.tooltip,
div.tooltipWrapper:before,
span.icon {
 display:inline-block;
 vertical-align:middle
}
div.slider div.menu li a {
 display:block;
 width:17px;
 height:17px;
 border:1px solid #6f8392;
 border-radius:2px
}
div.slider div.menu li.active a {
 border-color:#2263ba;
 background:#2263ba
}
div.slider div.menu ul {
 padding:9px 30px 0 0;
 display:inline-block
}
div.slider div.slides {
 height:269px;
 position:relative
}
div.slider div.slide {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 opacity:0;
 visibility:hidden
}
div.slider div.slide.active {
 opacity:1;
 visibility:visible;
 z-index:20
}
div.slider div.slide div.price {
 font-style:normal;
 font-size:15px
}
div.slider div.slide li.big div.price {
 font-size:20px
}
div.slider div.slide div.price i {
 color:#ff9c00;
 font-style:normal
}
div.slider div.slide div.date {
 background:#193f5b;
 height:1.9em;
 line-height:1.9em;
 font-size:13px;
 margin:.2em -6px .1em -17px;
 padding:0 0 0 17px;
 font-family:UbuntuMedium
}
div.slider div.slide div.date:before {
 display:inline-block;
 width:11px;
 height:11px;
 margin:0 5px 0 0;
 vertical-align:-1px;
 background:url(gfx/icons.png) -16px -8px no-repeat
}
div.slider div.slide li.big div.date {
 margin-left:-23px;
 margin-right:-14px;
 padding-left:23px;
 font-size:18px;
 color:#ff9c00;
 margin-bottom:7px
}
div.slider div.slide li.big div.date:before {
 width:15px;
 height:15px;
 background-position:0 -8px;
 vertical-align:-1px;
 margin:0 10px 0 0
}
div.slider div.slide h1,
div.slider div.slide h2 {
 font-size:18px;
 font-family:Ubuntu;
 line-height:1.2;
 height:43px;
 overflow:hidden;
 margin:0 0 10px
}
div.slider div.slide li.big h1 {
 font-size:27px;
 line-height:1;
 height:83px;
 overflow:hidden;
 margin:0 0 40px
}
div#contact ul.contactWays li.phone,
div.slider div.slide li.big h1 b {
 font-size:30px
}
div.slider div.slide div.details {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 width:130px;
 padding:10px 0 0 17px;
 background:rgba(7,34,68,.6);
 color:#fff;
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0);
 -webkit-transition:-webkit-transform .3s;
 -moz-transition:-moz-transform .3s;
 -ms-transition:-ms-transform .3s;
 -o-transition:-o-transform .3s;
 transition:transform .3s
}
div.slider div.slide li:hover div.details {
 -webkit-transform:translateX(-120%);
 -moz-transform:translateX(-120%);
 -ms-transform:translateX(-120%);
 -o-transform:translateX(-120%);
 transform:translateX(-120%)
}
div.slider div.slide li.big div.details {
 width:173px;
 padding:28px 0 0 23px
}
div.slider div.slide div.details ul.features {
 height:18px;
 overflow:hidden;
 text-align:center
}
div.slider div.slide li.big div.details ul.features {
 height:26px;
 overflow:hidden
}
div.slider div.slide div.details ul.features li {
 line-height:18px;
 height:18px;
 margin:0 7px 0 0;
 float:none;
 display:inline-block
}
div.slider div.slide>ul {
 padding:0 0 0 392px;
 position:relative;
 height:100%
}
div.slider div.slide>ul>li {
 float:left;
 width:194px;
 height:134px;
 margin:0 0 1px 1px;
 position:relative;
 border-radius:8px;
 overflow:hidden;
 opacity:0;
 -webkit-transform:translateX(50px);
 -moz-transform:translateX(50px);
 -ms-transform:translateX(50px);
 -o-transform:translateX(50px);
 transform:translateX(50px);
 -webkit-transition:opacity,-webkit-transform;
 -moz-transition:opacity,-moz-transform;
 -ms-transition:opacity,-ms-transform;
 -o-transition:opacity,-o-transform;
 transition:opacity,transform
}
div.slider div.slide.active>ul>li {
 opacity:1;
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0);
 -webkit-transition:opacity .9s,-webkit-transform .6s;
 -moz-transition:opacity .9s,-moz-transform .6s;
 -ms-transition:opacity .9s,-ms-transform .6s;
 -o-transition:opacity .9s,-o-transform .6s;
 transition:opacity .9s,transform .6s
}
div.slider div.slide.active>ul>li:first-child {
 -webkit-transition-delay:0s;
 transition-delay:0s
}
div.slider div.slide.active>ul>li:nth-child(2) {
 -webkit-transition-delay:.1s;
 transition-delay:.1s
}
div.slider div.slide.active>ul>li:nth-child(3) {
 -webkit-transition-delay:.2s;
 transition-delay:.2s
}
div.slider div.slide.active>ul>li:nth-child(5) {
 -webkit-transition-delay:.3s;
 transition-delay:.3s
}
div.slider div.slide.active>ul>li:nth-child(4) {
 -webkit-transition-delay:.4s;
 transition-delay:.4s
}
div.slider div.slide.active>ul>li:nth-child(6) {
 -webkit-transition-delay:.5s;
 transition-delay:.5s
}
div.slider div.slide.active>ul>li:nth-child(7) {
 -webkit-transition-delay:.6s;
 transition-delay:.6s
}
div.slider div.slide>ul>li.big {
 position:absolute;
 left:0;
 top:0;
 width:391px;
 height:269px
}
div.slider div.slide a.cover {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background:url(gfx/icons.png) 2000px 2000px no-repeat
}
ul.features li {
 text-align:center;
 float:left;
 margin:0 0 0 7px
}
li.big ul.features li {
 height:32px;
 line-height:32px;
 margin-left:10px
}
div.article ul.features li:first-child,
div.article>div.cols ul,
div.offerList.store div.offerMenu a:nth-child(2),
div.photoSlider div.photoSliderMenu ul li:first-child,
div.storeDetails div.articleBottom a.shareOffer:first-child,
form.filter div.discipline ul li:first-child,
li.big ul.features li:first-child,
ul.features li:first-child {
 margin-left:0
}
ul.features span.icon {
 display:inline-block;
 vertical-align:middle;
 background:url(gfx/icons.png) 0 -30px no-repeat
}
ul.features span.icon.wind {
 width:18px;
 height:16px;
 background-position:0 -331px;
 margin-top:1px
}
ul.features span.icon.kite {
 width:16px;
 height:16px;
 background-position:-24px -331px
}
ul.features span.icon.surfing {
 width:14px;
 height:14px;
 background-position:-45px -331px
}
ul.features span.icon.sail {
 width:18px;
 height:16px;
 background-position:-66px -331px
}
ul.features span.icon.dive {
 width:18px;
 height:14px;
 background-position:-87px -331px
}
ul.features span.icon.snowboard {
 width:15px;
 height:13px;
 background-position:-111px -331px
}
ul.features span.icon.ski {
 width:14px;
 height:14px;
 background-position:-129px -331px
}
li.big ul.features span.icon.wind {
 width:26px;
 height:22px;
 background-position:0 -354px;
 margin-top:1px
}
li.big ul.features span.icon.kite {
 width:24px;
 height:22px;
 background-position:-34px -354px
}
li.big ul.features span.icon.surfing {
 width:21px;
 height:21px;
 background-position:-65px -354px
}
li.big ul.features span.icon.sail {
 width:26px;
 height:22px;
 background-position:-94px -354px
}
li.big ul.features span.icon.dive {
 width:26px;
 height:21px;
 background-position:-124px -354px
}
li.big ul.features span.icon.snowboard {
 width:22px;
 height:19px;
 background-position:-158px -354px
}
li.big ul.features span.icon.ski {
 width:21px;
 height:21px;
 background-position:-184px -354px
}
div.head h1 span:after,
div.head h2 span.rating:after,
div.head h2 ul.features:after,
div.head h2>span:after {
 height:1px;
 left:100%;
 width:600px;
 background:#bfbfbf;
 content:""
}
div#content h1.h2,
div#content h2,
div.cooperation div.article h1 {
 font-size:24px
}
div.head {
 margin:0 0 15px;
 position:relative
}
div.head h1 {
 overflow:hidden;
 line-height:1.2
}
div.head h1 span,
div.head h2 span,
div.head h2 ul.features {
 display:inline-block;
 position:relative
}
div.head h1 span:after,
div.head h2 ul.features:after,
div.head h2>span:after {
 position:absolute;
 margin:0 0 0 30px;
 display:block
}
div.head h1 span:after {
 top:80%
}
div.head h2 ul.features:after,
div.head h2>span:after {
 top:70%
}
div.head h2 {
 overflow:hidden
}
div.article h1 ul.features li,
div.head h2 ul.features li {
 margin:0 3px 0 0
}
div.head a.back+h1,
div.head a.back+h2 {
 margin:0 60px 0 0
}
div.head a.archive+h1,
div.head a.archive+h2 {
 margin:0 150px 0 0
}
div.head h2 span.rating {
 display:inline-block;
 position:relative;
 margin:0 0 0 10px
}
div.head h2 span.rating:after {
 position:absolute;
 margin:0 0 0 10px;
 top:80%;
 display:block
}
.storeDetails .brief li,
a.more,
div#mainWrapper.ski div.filter,
div#mainWrapper.snowboard div.filter,
span.rating,
ul.storeCategoryNav li {
 display:inline-block
}
a.more,
div.head a {
 position:relative;
 -webkit-transition:-webkit-transform .3s;
 -moz-transition:-webkit-transform .3s;
 -ms-transition:-webkit-transform .3s;
 -o-transition:-webkit-transform .3s;
 transition:-webkit-transform .3s;
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
a.more:hover,
div.head a:hover {
 -webkit-transform:translateY(-5px);
 -moz-transform:translateY(-5px);
 -ms-transform:translateY(-5px);
 -o-transform:translateY(-5px);
 transform:translateY(-5px)
}
a.more:after,
div.head a:after {
 content:"";
 display:block;
 position:absolute;
 left:0;
 right:0;
 top:70%;
 height:10px;
 border-radius:50%;
 background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 60%);
 opacity:0;
 visibility:hidden;
 -webkit-transition:opacity .3s,visibility .3s,-webkit-transform .3s;
 -moz-transition:opacity .3s,visibility .3s,-moz-transform .3s;
 -ms-transition:opacity .3s,visibility .3s,-ms-transform .3s;
 -o-transition:opacity .3s,visibility .3s,-o-transform .3s;
 transition:opacity .3s,visibility .3s,transform .3s;
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
a.more:hover:after,
div.head a:hover:after {
 opacity:1;
 visibility:visible;
 -webkit-transform:translateY(8px);
 -moz-transform:translateY(8px);
 -ms-transform:translateY(8px);
 -o-transform:translateY(8px);
 transform:translateY(8px)
}
div.head a.archive,
div.head a.back {
 position:absolute;
 top:10px;
 right:0;
 font-size:11px;
 color:#2263ba;
 text-transform:uppercase
}
div.head a.archive:before {
 content:"";
 height:20px;
 width:19px;
 background:url(gfx/icons.png) -198px -75px no-repeat;
 display:inline-block;
 vertical-align:middle
}
div#content div.section {
 padding:30px 20px 0;
 border-radius:10px;
 margin:10px 0
}
div#content div.section:first-child {
 margin-top:0;
 padding-top:10px
}
div.premiumOffers p {
 line-height:1.2;
 margin:0 0 20px
}
div.premiumOffers h3 {
 text-transform:uppercase;
 font-size:15px;
 margin:0 0 10px
}
div.premiumOffers div.proposals {
 font-size:13px
}
div.guide a.more,
div.guide div.head a.more,
div.premiumOffers a.more {
 text-transform:uppercase;
 font-size:12px
}
div.premiumOffers ul {
 margin:0 0 0 -19px
}
div.premiumOffers ul:after {
 content:"";
 height:0;
 clear:both;
 display:block;
 visibility:hidden
}
div.premiumOffers ul li {
 width:212px;
 float:left;
 margin:0 0 0 19px
}
div.premiumOffers a.more {
 color:#2263ba;
 display:inline-block;
 padding:0;
 border:0
}
div.premiumOffers a.more:hover {
 text-decoration:underline;
 border:0
}
div.premiumOffers i {
 font-size:17px;
 color:#f26232;
 font-style:normal
}
div.premiumOffers li {
 line-height:20px
}
div.premiumOffers div.photo {
 border-radius:5px;
 position:relative;
 margin:0 0 25px;
 overflow:hidden
}
div.premiumOffers div.photo a.cover {
 position:absolute;
 top:0;
 left:0;
 right:0;
 background:url(gfx/premiumOffers.png) 2000px 2000px no-repeat;
 border:2px solid #333;
 border-radius:5px;
 opacity:0;
 z-index:30;
 transition:opacity .3s,visibility .3s
}
div.guidePlaces div.photo a:after,
div.tooltipWrapper {
 transition:opacity .3s,visibility .3s;
 visibility:hidden;
 opacity:0
}
div.premiumOffers div.photo h3 {
 position:absolute;
 bottom:0;
 left:0;
 padding:10px 15px;
 font-size:20px;
 color:#fff;
 z-index:10;
 text-transform:none;
 margin:0
}
div.premiumOffers div.photo:after {
 content:"";
 width:216px;
 height:100px;
 background:url(gfx/premiumPhoto.png);
 position:absolute;
 bottom:0;
 left:0;
 display:block;
 border-radius:5px
}
div.premiumOffers div.photo img {
 vertical-align:top;
 display:block;
 width:100%;
 height:105px;
 border-radius:5px
}
div.guide div.misc {
 margin:0 0 15px;
 position:relative;
 z-index:10
}
div.galleryList div.aboutGallery:after,
div.guide div.misc:after,
div.guidePlaces>ul:after,
div.offers div.misc:after,
div.videosList>ul:after {
 content:"";
 height:0;
 clear:both;
 visibility:hidden;
 display:block
}
div.guide div.filter div.selectSpoof {
 width:220px
}
div.guide div.filter div.name {
 display:inline-block;
 vertical-align:middle;
 margin:0 10px 0 0;
 text-transform:uppercase
}
div.discountsList h4 a:hover,
div.guide a.more,
div.guidePlaces h3 a:hover,
div.weRecommend h3 a:hover,
div.workOffersList h4 a:hover {
 color:#2263ba
}
#popupNextStep>row,
.storeBox>li[class]>a,
div.calendar td,
div.calendar td div.inner,
div.calendar th,
div.guide div.head,
div.offerList.store div.photo,
div.photoSlider div.photoSliderMenu ul {
 position:relative
}
div.guide div.head a.more {
 color:#2263ba;
 position:absolute;
 bottom:0;
 right:10px
}
div.guide div.head a.more+h2 {
 margin-right:130px
}
div.guidePlaces,
div.videosList {
 clear:both
}
div.guidePlaces div.pager,
div.videosList div.pager {
 margin:50px 0 0
}
div.guidePlaces p,
div.videosList p {
 margin:0 0 20px;
 overflow:hidden
}
div.guidePlaces h3 {
 font-size:15px;
 line-height:1.3;
 margin:0 0 1em;
 padding:10px 0 0;
 position:relative
}
div.guidePlaces div.photo a:after,
div.guidePlaces h3:before {
 position:absolute;
 top:0;
 display:block;
 content:""
}
div.guidePlaces h3:before {
 width:35px;
 height:24px;
 background:url(gfx/icons.png) 0 -80px no-repeat;
 left:-10px
}
div.guidePlaces h3 span,
div.videosList h3 span {
 position:relative;
 z-index:10
}
div.guidePlaces div.photo,
div.videosList div.photo {
 border-radius:5px;
 overflow:hidden;
 position:relative;
 margin:0 0 10px -10px
}
div.guidePlaces div.photo a:after {
 left:0;
 right:0;
 bottom:0;
 border:2px solid #333;
 border-radius:5px
}
div.gallery div.photo img,
div.guidePlaces div.photo img,
div.videosList div.photo img {
 vertical-align:top;
 border-radius:5px
}
div.guidePlaces>ul,
div.videosList>ul {
 margin:-25px -10px 0 -19px
}
div.guidePlaces>ul>li {
 width:202px;
 display:inline-block;
 vertical-align:top;
 margin:25px 0 0 19px;
 padding:0 0 20px 10px;
 position:relative
}
div.guidePlaces>ul>li a.more,
div.videosList>ul>li a.more {
 position:absolute;
 bottom:0;
 left:10px
}
div.calendar div.month {
 position:relative;
 text-align:center;
 font-size:26px;
 margin:0 0 10px;
 font-family:UbuntuMedium
}
div.calendar td,
div.calendar th {
 font-size:14px;
 font-weight:400;
 line-height:30px
}
div.calendar div.month a {
 display:block;
 width:9px;
 height:14px;
 background:url(gfx/icons.png) -28px 0 no-repeat;
 position:absolute;
 top:50%;
 margin:-7px 0 0
}
div.calendar div.month a.prev {
 left:0
}
div.calendar div.month a.next {
 right:0;
 background-position:-38px 0
}
div.calendar div.table {
 margin:0 -20px
}
div.calendar table {
 width:100%;
 border-collapse:collapse;
 text-align:center;
 margin:0 0 -10px;
 table-layout:fixed
}
div.calendar td {
 border:2px solid #fff;
 border-width:2px 0 2px 2px;
 width:14.285%;
 background:padding-box #2163b9;
 font-family:UbuntuBold;
 color:#fff
}
div.calendar td:hover {
 background-color:#4188e5
}
div.calendar td div.inner>a {
 display:block;
 height:100%;
 background:#91ab22;
 color:#fff;
 position:relative
}
div.calendar td:hover div.inner>a {
 background:#7b9217
}
div.calendar td.inactive {
 background:padding-box #0a52b3;
 color:#5275a0;
 border:2px solid #fff;
 border-width:2px 0 2px 2px
}
div.calendar td.special {
 color:#9b2700
}
div.discountsList a.more,
div.weRecommend a.more,
div.workOffersList a.more {
 color:#2263ba;
 text-transform:uppercase
}
div.calendar td:first-child {
 border-left:0
}
div.calendar th {
 color:#d5dced;
 font-family:UbuntuMedium;
 text-transform:uppercase
}
div.calendar div.tooltipWrapper {
 position:absolute;
 top:50%;
 left:100%;
 height:200px;
 width:400px;
 margin:-100px 0 0 -5px;
 padding:0 0 0 5px
}
div.tooltipWrapper {
 width:5px;
 height:5px;
 z-index:100;
 text-align:left
}
div.eventsSchedule div.photo a:after,
div.weRecommend li div.photo a:after {
 -webkit-transition:opacity .3s,visibility .3s;
 content:"";
 -ms-transition:opacity .3s,visibility .3s;
 -o-transition:opacity .3s,visibility .3s;
 -moz-transition:opacity .3s,visibility .3s;
 bottom:0
}
div.tooltipWrapper:before {
 content:"";
 height:100%;
 width:10px
}
div.tooltip {
 padding:20px;
 border-radius:10px;
 background:#fff;
 box-shadow:5px 5px 20px rgba(0,0,0,.3);
 text-align:left;
 position:relative
}
div.tooltip:before {
 content:"";
 height:17px;
 width:8px;
 display:block;
 position:absolute;
 top:50%;
 right:100%;
 margin:-8px 0 0;
 background:url(gfx/icons.png) -52px 0 no-repeat
}
ul.tableEvents span.icon {
 display:inline-block;
 vertical-align:middle;
 margin:0 10px 0 0;
 background:url(gfx/icons.png) no-repeat
}
ul.tableEvents a {
 line-height:1;
 position:relative;
 padding-bottom:0;
 display:inline-block;
 margin:0 0 0 30px
}
ul.tableEvents a span.icon {
 position:absolute;
 top:2px;
 left:-30px
}
ul.tableEvents a:hover {
 border-bottom:1px solid #333;
 padding-bottom:0
}
ul.tableEvents a i {
 font-style:normal;
 color:#91ab22;
 font-size:20px;
 vertical-align:-2px
}
div.article ul.features span.icon.wind,
div.instructorList ul.features span.icon.wind,
div.offerList div.photo span.icon.wind,
ul.tableEvents span.icon.wind {
 width:19px;
 height:17px;
 background-position:0 -190px
}
div.article ul.features span.icon.kite,
div.instructorList ul.features span.icon.kite,
div.offerList div.photo span.icon.kite,
ul.tableEvents span.icon.kite {
 width:17px;
 height:17px;
 background-position:-26px -190px
}
div.article ul.features span.icon.surfing,
div.instructorList ul.features span.icon.surfing,
div.offerList div.photo span.icon.surfing,
ul.tableEvents span.icon.surfing {
 width:15px;
 height:14px;
 background-position:-49px -190px
}
div.article ul.features span.icon.sail,
div.instructorList ul.features span.icon.sail,
div.offerList div.photo span.icon.sail,
ul.tableEvents span.icon.sail {
 width:18px;
 height:17px;
 background-position:-70px -190px
}
div.article ul.features span.icon.dive,
div.instructorList ul.features span.icon.dive,
div.offerList div.photo span.icon.dive,
ul.tableEvents span.icon.dive {
 width:24px;
 height:16px;
 background-position:-92px -190px
}
div.article ul.features span.icon.snowboard,
div.instructorList ul.features span.icon.snowboard,
div.offerList div.photo span.icon.snowboard,
ul.tableEvents span.icon.snowboard {
 width:16px;
 height:14px;
 background-position:-117px -190px
}
div.article ul.features span.icon.ski,
div.instructorList ul.features span.icon.ski,
div.offerList div.photo span.icon.ski,
ul.tableEvents span.icon.ski {
 width:14px;
 height:15px;
 background-position:-137px -190px
}
div.work h2 {
 font-size:18px;
 line-height:42px;
 position:relative;
 padding:0 0 0 50px;
 margin:0 0 20px;
 font-weight:"UbuntuMedium"
}
div.work h2:before {
 content:"";
 width:32px;
 height:42px;
 background:url(gfx/icons.png) -98px 0 no-repeat;
 position:absolute;
 top:50%;
 left:0;
 margin:-21px 0 0
}
div.work div.figure img {
 vertical-align:top;
 border-radius:10px
}
div.workOffersList {
 margin:30px 0 0;
 padding:20px 0 0;
 border-top:1px solid #d9d9d9
}
div.workOffersList li {
 padding:24px 0 24px 120px;
 border-bottom:1px solid #d9d9d9;
 position:relative
}
div.workOffersList li:before {
 content:"";
 display:block;
 position:absolute;
 top:23px;
 left:15px;
 width:61px;
 height:78px;
 background:url(gfx/icons.png) -132px 0 no-repeat
}
div.discountsList h3,
div.workOffersList h3 {
 font-size:18px;
 margin:0
}
div.discountsList h4,
div.workOffersList h4 {
 font-size:14px;
 margin:0 0 10px;
 text-transform:uppercase
}
div.weRecommend div.place {
 max-height:30px;
 overflow:hidden
}
div.weRecommend i {
 font-style:normal;
 font-family:Ubuntu
}
div.addOpinion div.file p,
div.weRecommend a.more,
form.filter div.discipline ul li label {
 font-size:12px
}
div.weRecommend div.price {
 font-size:22px;
 color:#f26232;
 font-family:UbuntuBold;
 line-height:1
}
div.weRecommend div.price span {
 font-size:16px;
 color:#39393e
}
div.weRecommend div.date {
 font-family:UbuntuBold;
 margin:5px 0
}
div.weRecommend h3 {
 font-size:22px;
 margin:0 0 10px;
 line-height:1;
 max-height:44px;
 overflow:hidden
}
div.weRecommend ul {
 padding:1px 0 0;
 margin:-10px 0 0;
 font-size:0
}
div.weRecommend li {
 width:330px;
 display:inline-block;
 vertical-align:top;
 padding:0 10px 0 0;
 margin:20px 0 0;
 font-size:12px
}
div.weRecommend li div.desc {
 min-height:120px;
 padding:0 0 20px;
 position:relative;
 width:135px;
 float:right
}
div.weRecommend li div.desc a.more {
 position:absolute;
 bottom:0;
 left:0
}
div.weRecommend li div.photo {
 width:180px;
 float:left
}
div.weRecommend li div.photo a:after {
 display:block;
 position:absolute;
 top:0;
 left:0;
 right:0;
 border:2px solid #2263ba;
 opacity:0;
 visiblity:hidden;
 border-radius:5px;
 transition:opacity .3s,visibility .3s
}
div.weRecommend li div.photo img {
 max-width:100%;
 border-radius:5px;
 vertical-align:top
}
div.article div.figure.wide img,
div.article div.poster img,
div.offerList div.photo img {
 border-radius:10px
}
div.article {
 font-size:14px;
 line-height:22px
}
div.article div.box h2 {
 margin-bottom:0
}
div.article a.checkWeather {
 text-transform:uppercase;
 text-decoration:none;
 font-size:11px
}
div.article>div.cols div.col {
 width:48%;
 float:left
}
div.article ul.features {
 margin:10px 0 10px 10px
}
div.article ul.features li {
 float:none;
 display:inline-block;
 padding:0;
 margin:0 10px
}
#cboxBottomCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxCurrent,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxTopLeft,
#cboxTopRight,
#pageloader,
.box.searchProducts,
.box.searchWord,
.grecaptcha-badge,
.storeDetails .brief li:last-child:after,
.viedo-details h2 span.szkoleniowe,
div#contact ul.error+span.req,
div#shareOffer.shareOfferPopup .close:after,
div.article div.menu li:before,
div.article ul.features li:before,
div.expand p span,
div.gallery>ul>li:before,
div.instructorList ul.features li:before,
div.misc.top,
div.offerList ul.breadcrumb li:first-child:before,
div.opinionsList ul li:before,
div.pager ul li:before,
div.photoSlider ul li:before,
div.snowTrex,
div.store-boxes,
ul.storeBox>li.active>ul.category li>ul.category li,
ul.storeBox>li>ul.category,
ul.storeCategoryNav li:last-child:after {
 display:none
}
div.article div.figure {
 float:left;
 margin:0 20px 20px 0
}
div.article div.figure.wide {
 float:none;
 margin:20px 0
}
div.article div.poster {
 margin:10px 0 20px
}
div.article h1+div.poster {
 margin-top:-5px
}
div.article h1 {
 color:#193f5b;
 font-size:36px;
 margin:0 0 20px;
 line-height:1
}
div.article h1 ul.features {
 display:inline-block;
 vertical-align:baseline
}
div.article h1 i {
 font-family:Ubuntu;
 font-style:normal
}
div.addOpinion h3,
div.article h2,
div.opinionsList h2 {
 font-size:18px;
 margin:0 0 20px
}
div.article a {
 text-decoration:underline;
 color:#084aba
}
div.article ul {
 margin:1.5em 0 1.5em 20px
}
div.article ul li {
 margin:5px 0 0;
 padding:0 0 0 20px;
 position:relative
}
div.article ul li:before {
 content:"";
 height:7px;
 width:7px;
 display:block;
 position:absolute;
 top:8px;
 left:0;
 background:url(gfx/icons.png) -64px -20px no-repeat
}
div.article p {
 margin:0 0 1.5em
}
div.article div.menu,
div.storeDetails div.article div.menu {
 background:url(gfx/articleMenu.png) 50% 48px repeat-y;
 margin:0 0 25px
}
div.article div.menu ul {
 text-align:center;
 font-size:0;
 margin:-23px -30px 0
}
div.article div.menu li {
 display:inline-block;
 padding:0;
 font-size:14px;
 margin:22px 15px 0 23px
}
div.article div.menu li a {
 display:block;
 width:203px;
 height:36px;
 line-height:36px;
 background:url(gfx/icons.png) -222px -37px no-repeat;
 color:#193f5b;
 text-decoration:none;
 position:relative;
 top:-1px
}
div.article div.menu li a:hover,
div.article div.menu li.active a {
 color:#fff;
 background-position:-222px 0
}
div.tabsWrapper div.tabs div.tab {
 height:0;
 overflow:hidden;
 opacity:0;
 -webkit-transition:-webkit-transform .6s,opacity .6s;
 -moz-transition:-moz-transform .6s,opacity .6s;
 -ms-transition:-ms-transform .6s,opacity .6s;
 -o-transition:-o-transform .6s,opacity .6s;
 transition:transform .6s,opacity .6s;
 -webkit-transform:translateY(50px);
 -moz-transform:translateY(50px);
 -ms-transform:translateY(50px);
 -o-transform:translateY(50px);
 transform:translateY(50px)
}
div.tabsWrapper div.tabs div.tab.active {
 height:auto;
 overflow:visible;
 opacity:1;
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
.opinion_homepage div.user span,
div.opinions div.user span {
 display:inline-block;
 line-height:24px;
 height:24px;
 padding:0 10px;
 min-width:50px;
 text-align:center;
 font-size:11px;
 text-transform:uppercase;
 border-radius:3px;
 background:#3477d0;
 border:1px solid #2263ba;
 color:#fff;
 text-decoration:none
}
a.toggleOpinion:before {
 content:"";
 display:inline-block;
 vertical-align:middle;
 width:15px;
 height:13px;
 background:url(gfx/icons.png) -198px 0 no-repeat;
 margin:0 5px 0 0
}
a.toggleOpinion:hover:before {
 background-position:-198px -13px
}
div.opinions div.misc {
 margin:20px 0 10px
}
div.offerList>ul>li:after,
div.opinions div.misc:after,
form.filter div.row:after {
 content:"";
 clear:both;
 visibility:hidden;
 display:block;
 height:0
}
div.opinions div.misc div.pager {
 float:right;
 max-width:70%
}
div.addOpinion {
 height:100px;
 visibility:hidden;
 opacity:0;
 -webkit-transform:translateY(30px);
 -moz-transform:translateY(30px);
 -ms-transform:translateY(30px);
 -o-transform:translateY(30px);
 transform:translateY(30px);
 -webkit-transition:-webkit-transform .4s,opacity .4s,visibility .4s;
 -moz-transition:-moz-transform .4s,opacity .4s,visibility .4s;
 -ms-transition:-ms-transform .4s,opacity .4s,visibility .4s;
 -o-transition:-o-transform .4s,opacity .4s,visibility .4s;
 transition:transform .4s,opacity .4s,visibility .4s
}
div.addOpinion p.success {
 text-align:center;
 margin:30px 0
}
div.addOpinion.active {
 height:auto;
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0)
}
div.addOpinion span.req {
 vertical-align:top;
 margin:0 0 0 1px;
 font-size:14px
}
div.addOpinion input[type=text],
div.addOpinion textarea {
 border:1px solid #d1d3d4;
 font-family:Ubuntu;
 font-size:12px
}
div.addOpinion input[type=text] {
 background:#fff;
 line-height:30px;
 height:30px;
 padding:0 12px;
 width:292px
}
div.addOpinion input[type=text].error,
div.addOpinion textarea.error {
 background:#ffd5d5
}
div.addOpinion::-webkit-input-placeholder {
 color:#39393e
}
div.addOpinion::-moz-placeholder {
 color:#39393e
}
div.addOpinion:-ms-input-placeholder {
 color:#39393e
}
div.addOpinion textarea {
 background:#fff;
 line-height:18px;
 height:100px;
 padding:10px 12px;
 width:632px;
 overflow:auto
}
div.addOpinion div.cols div.col {
 width:340px;
 float:left
}
div.addOpinion input[type=submit] {
 line-height:24px;
 height:24px;
 padding:0 10px;
 text-align:center;
 font-size:12px;
 text-transform:uppercase;
 color:#fff;
 border-radius:3px;
 background:#3477d0;
 border:1px solid #2263ba;
 min-width:72px
}
div.addOpinion p.label {
 margin:0;
 line-height:32px;
 font-size:15px
}
div.addOpinion div.wrap {
 position:absolute;
 top:2px;
 right:2px;
 width:96px;
 height:26px;
 background:url(gfx/icons.png) -56px -275px no-repeat;
 overflow:hidden
}
div.addOpinion input[type=file] {
 cursor:pointer;
 position:absolute;
 right:0;
 top:0;
 opacity:0
}
div.addOpinion div.file {
 border:1px solid #d1d3d4;
 background:#fff;
 line-height:30px;
 height:30px;
 padding:0 12px;
 width:292px;
 color:#39393e;
 position:relative
}
div.opinionsList ul li,
div.schedule>ul>li {
 min-height:52px;
 border-bottom:1px solid #d7dbe0
}
div.galleryList div.aboutGallery,
div.offerDetails div.brief,
div.opinionsList ul {
 margin:0 0 20px
}
div.opinionsList blockquote,
div.schedule blockquote {
 font-size:13px;
 line-height:18px;
 margin:10px 0
}
div.opinionsList h3,
div.schedule h3 {
 font-size:16px;
 margin:0 0 10px
}
div.opinionsList ul li {
 position:relative;
 padding:35px 0 16px 67px
}
div.opinionsList li:first-child,
div.schedule>ul>li:first-child {
 padding-top:0
}
div.opinionsList li div.avatar {
 position:absolute;
 left:0;
 top:35px;
 width:50px;
 height:50px;
 overflow:hidden;
 border:1px solid #d7dbe0;
 background:url(gfx/icons.png) -1px -276px no-repeat
}
div.opinionsList li div.avatar img {
 width:50px;
 vertical-align:top
}
form.filter.loading:before,
form.filter:after {
 display:block;
 content:""
}
form.filter {
 position:relative;
 padding:0 0 5px
}
div#contact:after,
form.filter:after {
 height:0;
 clear:both;
 visibility:hidden
}
form.filter.loading {
 opacity:.5
}
form.filter.loading:before {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:50
}
form.filter span.icon {
 background:url(gfx/icons.png) 0 -255px;
 vertical-align:middle;
 position:relative;
 top:-2px
}
form.filter span.icon.wind {
 width:19px;
 height:17px;
 background-position:0 -255px
}
form.filter span.icon.kite {
 width:17px;
 height:17px;
 background-position:-26px -255px
}
form.filter span.icon.surfing {
 width:15px;
 height:14px;
 background-position:-49px -255px
}
form.filter span.icon.sail {
 width:18px;
 height:17px;
 background-position:-70px -255px
}
form.filter span.icon.dive {
 width:24px;
 height:16px;
 background-position:-92px -255px
}
form.filter span.icon.snowboard {
 width:16px;
 height:14px;
 background-position:-117px -255px
}
form.filter span.icon.ski {
 width:14px;
 height:15px;
 background-position:-137px -255px
}
form.filter div.discipline {
 margin:10px -20px 0 0
}
form.filter div.discipline input {
 vertical-align:-2px;
 margin:0 3px 0 0
}
form.filter div.discipline ul {
 display:inline-block;
 max-width:590px;
 vertical-align:top;
 margin:0 0 0 10px
}
form.filter div.discipline ul li {
 display:inline-block;
 vertical-align:middle;
 margin:0 0 25px 25px;
 font-size:0
}
form.filter div.select {
 width:200px;
 display:inline-block;
 vertical-align:middle;
 margin:0 0 0 10px
}
form.filter div.select:after {
 background-position:-75px -16px
}
form.filter div.wrap {
 margin-top:10px;
 margin-right:20px;
 display:inline-block
}
form.filter div.name,
form.filter label {
 color:#39393e;
 text-transform:uppercase;
 display:inline-block;
 vertical-align:middle;
 line-height:19px
}
div.schedule>ul {
 border-top:1px solid #d7dbe0;
 padding:35px 0 0;
 margin:5px 0 0
}
div.schedule h3 span.date {
 color:#3477d0
}
div.schedule>ul>li {
 position:relative;
 padding:35px 0 16px 90px
}
div.schedule>ul>li div.category {
 position:absolute;
 left:15px;
 top:35px
}
div.schedule div.category span.icon {
 background:url(gfx/icons.png) 0 -215px
}
div.schedule div.category span.icon.wind {
 width:40px;
 height:34px;
 background-position:0 -215px
}
div.schedule div.category span.icon.kite {
 width:35px;
 height:35px;
 background-position:-53px -215px
}
div.schedule div.category span.icon.surfing {
 width:29px;
 height:29px;
 background-position:-101px -215px
}
div.schedule div.category span.icon.sail {
 width:35px;
 height:34px;
 background-position:-146px -215px
}
div.schedule div.category span.icon.dive {
 width:39px;
 height:29px;
 background-position:-191px -215px
}
div.schedule div.category span.icon.snowboard {
 width:31px;
 height:28px;
 background-position:-244px -215px
}
div.schedule div.category span.icon.ski {
 width:29px;
 height:29px;
 background-position:-285px -215px
}
div.eventsSchedule a.more,
div.instructorList a.more {
 font-size:12px;
 text-transform:uppercase;
 color:#2263ba
}
div.eventsSchedule p {
 margin:0 0 15px;
 font-size:13px;
 line-height:18px;
 max-height:106px;
 overflow:hidden
}
div.eventsSchedule h3 {
 color:#39393e;
 font-size:20px;
 margin:0 0 15px
}
div.eventsSchedule h3 a:hover,
div.instructorList h3 a:hover,
div.offerList div.aboutOffer .misc h2 a:hover,
div.videosList h3 a:hover {
 color:#2263ba;
 text-decoration:underline
}
div.eventsSchedule div.date,
div.instructorList div.date {
 color:#0647ae;
 font-size:16px;
 font-family:UbuntuBold
}
div.eventsSchedule>ul {
 padding-left:320px;
 padding-top:10px;
 border-top:0
}
div.eventsSchedule>ul>li {
 min-height:145px;
 padding:20px 0
}
div.eventsSchedule div.photo {
 position:absolute;
 left:-320px;
 top:20px;
 width:280px
}
div.eventsSchedule div.photo a,
div.gallery div.photo a {
 position:relative;
 display:block
}
div.eventsSchedule div.photo a:after {
 display:block;
 position:absolute;
 top:0;
 left:0;
 right:0;
 border:2px solid #333;
 border-radius:10px;
 visibility:hidden;
 opacity:0;
 transition:opacity .3s,visibility .3s
}
div.eventsSchedule div.photo img,
div.instructorList div.photo img {
 max-width:100%;
 border-radius:10px;
 vertical-align:top
}
div.pager {
 font-size:10px
}
div.pager ul {
 text-align:right
}
div.pager a,
div.pager ul li {
 line-height:22px;
 min-width:12px;
 text-align:center
}
div.pager ul li {
 display:inline-block;
 vertical-align:top;
 margin:0 3px 0 0;
 padding:0
}
div.pager a {
 height:22px;
 padding:0 3px;
 border:1px solid #e8e8e8;
 background:#fff;
 color:#39393e;
 display:block;
 text-decoration:none
}
div.pager li a:hover,
div.pager li.active a {
 background:#3477d0;
 border-color:#3477d0;
 color:#fff
}
div#shareOffer form p.error,
div#shareOfferFriend form p.error,
div.offers div.misc {
 margin:0 0 15px
}
div.offers div.filter div.selectSpoof {
 width:220px;
 z-index:50
}
div.offers div.filter div.selectSpoof:hover {
 z-index:70
}
div.offers div.filter div.name {
 display:inline-block;
 vertical-align:middle;
 margin:0 10px 0 0;
 text-transform:uppercase;
 font-family:UbuntuBold
}
div.rating,
span.rating {
 width:59px;
 height:11px;
 background:url(gfx/icons.png) -222px -87px no-repeat
}
div.rating.big,
span.rating.big {
 height:15px;
 width:80px;
 background-position:-291px -91px
}
div.rating div.score,
span.rating span.score {
 background:url(gfx/icons.png) -222px -76px no-repeat;
 height:100%
}
div.rating.big div.score,
span.rating.big span.score {
 background-position:-291px -76px
}
div.offerList a.calendar {
 color:#0650b1;
 margin:0 0 0 5px
}
div.offerList a.calendar:before {
 content:"";
 display:inline-block;
 width:15px;
 height:15px;
 background:url(gfx/icons.png) -198px -29px no-repeat;
 margin:0 5px 0 0;
 vertical-align:-3px
}
div.offerList div.offerMenu {
 padding:7px 0 0;
 margin:17px 0 0 -80px;
 border-top:1px solid #d9d9d9
}
a.shareOffer,
div.offerList div.offerMenu a {
 line-height:24px;
 font-size:12px;
 padding:0 9px;
 text-transform:uppercase
}
div.offerList div.offerMenu a {
 display:inline-block;
 margin:10px 0 0 7px;
 height:24px;
 border:1px solid #2263ba;
 background:#3477d0;
 border-radius:3px;
 color:#fff
}
a.clipboard:before,
div.offerList div.offerMenu a.clipboard:before,
div.offerList div.offerMenu a.clipboardRemove:before {
 margin:0 5px 0 0;
 display:inline-block;
 content:""
}
div.offerList div.offerMenu a:hover {
 background:#193f5b
}
div.offerList div.offerMenu a.clipboard {
 border-color:#91ab22;
 background:#fff;
 color:#91ab22
}
div.offerList div.offerMenu.clipboard a.clipboard {
 color:#7e21c6;
 border-color:#7e21c6
}
a.clipboard:before,
div.offerList div.offerMenu a.clipboard:before {
 height:11px;
 width:13px;
 background:url(gfx/icons.png) -198px -47px no-repeat;
 vertical-align:-1px
}
a.clipboard:hover:before,
div.offerList div.offerMenu a.clipboard:hover:before,
div.offerList div.offerMenu.clipboard a.clipboard:hover:before,
div.storeDetails div.price a.clipboard:hover:before {
 background-position:-198px -59px
}
div.offerList div.offerMenu a.clipboard:hover {
 color:#fff;
 background:#91ab22
}
div.offerList div.offerMenu.clipboard a.clipboard:hover {
 color:#fff;
 background:#7e21c6
}
div.offerList div.offerMenu a.clipboardRemove {
 border-color:#e67650;
 background:#fff;
 color:#ef5426
}
div.offerList div.offerMenu a.clipboardRemove:before {
 height:7px;
 width:9px;
 background:url(gfx/icons.png) -38px -17px no-repeat;
 vertical-align:0
}
div.offerList div.offerMenu a.clipboardRemove:hover:before,
div.storeDetails div.price a.clipboardRemove:hover:before {
 background-position:-28px -17px
}
div.offerList div.offerMenu a.clipboardRemove:hover,
div.storeDetails div.price a.clipboardRemove:hover {
 color:#fff;
 background:#f46233
}
a.clipboard {
 border-color:#b9c972;
 background:#fff;
 color:#99b13b
}
div.offerList div.offerMenu.clipboard a.clipboard:before {
 background:url(gfx/icons.png) -198px -93px no-repeat
}
a.clipboard:hover {
 color:#fff;
 background:#8da62f
}
a.shareOffer {
 background:#fff;
 color:#3477d0;
 border:1px solid #3477d0;
 display:inline-block;
 margin:10px 0 0 7px;
 height:24px;
 border-radius:3px
}
a.shareOffer:before {
 content:"";
 height:8px;
 width:18px;
 background:url(gfx/icons.png) -64px -45px no-repeat;
 display:inline-block;
 vertical-align:0;
 margin:0 5px 0 0
}
a.shareOffer:hover:before {
 background-position:-64px -37px
}
a.shareOffer:hover {
 color:#fff;
 background:#3477d0
}
div.offerList div.price {
 width:230px;
 float:right;
 font-size:14px;
 color:#39393e;
 text-align:right
}
div.offerList div.price div.total {
 color:#6d6e71;
 font-size:11px
}
div.offerList div.price div.before {
 color:#b9b9b9;
 font-size:18px;
 text-decoration:line-through;
 margin:10px 0 0;
 line-height:1.1
}
div.offerList div.price div.after,
div.offerList div.price div.after a {
 color:#f26232;
 font-size:26px;
 font-family:UbuntuBold;
 line-height:1.1;
 margin:0 0 10px
}
div.offerList div.price div.after span {
 font-weight:400;
 font-size:16px;
 color:#39393e
}
div.offerList div.price div.after i {
 background:#91ab22;
 border-radius:3px;
 color:#fff;
 font-family:UbuntuMedium;
 font-size:20px;
 font-style:normal;
 margin-right:6px;
 padding:0 5px;
 position:relative;
 top:-3px
}
div.offerList div.aboutOffer {
 width:270px;
 float:left;
 margin:0 0 0 20px
}
div.offerList div.aboutOffer div.details {
 font-size:11px;
 line-height:12px
}
div#shareOffer.shareOfferPopup a.close,
div.offerList div.aboutOffer div.details td {
 color:#000
}
div.offerList div.aboutOffer div.details th {
 color:#6d6e71;
 padding:0 10px 0 0;
 font-family:Ubuntu
}
div.offerList ul.breadcrumb {
 color:#0549a3;
 margin:0 0 5px
}
div.offerList ul.breadcrumb li,
div.offerList ul.breadcrumb li:before {
 display:inline-block;
 margin:0 5px 0 0
}
div.offerList ul.breadcrumb li:before {
 content:"";
 width:4px;
 height:5px;
 background:url(gfx/icons.png) -64px -29px no-repeat;
 color:#6d6e71;
 vertical-align:1px
}
div.offerList div.photo ul.features {
 text-align:center;
 margin:5px 0 0
}
div.offerList div.photo ul.features li {
 float:none;
 display:inline-block
}
div.offerList div.photo a:after {
 content:"";
 display:block;
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 border:2px solid #333;
 border-radius:10px;
 opacity:0;
 visiblity:hidden;
 -webkit-transition:opacity .3s,visibility .3s;
 -moz-transition:opacity .3s,visibility .3s;
 -ms-transition:opacity .3s,visibility .3s;
 -o-transition:opacity .3s,visibility .3s;
 transition:opacity .3s,visibility .3s
}
div.offerList>ul {
 border-top:1px solid #d9d9d9;
 margin:0 0 15px
}
div.offerList>ul>li {
 padding:13px 0 20px;
 border-bottom:1px solid #d9d9d9
}
div.offerList.store>ul {
 border-top:none
}
div.offerList.store div.photo ul.features {
 position:absolute;
 top:5px;
 left:10px;
 margin-top:0
}
div.offerList.store div.photo ul.features li {
 background:#fff;
 border-radius:50%;
 width:25px;
 height:25px;
 padding:2px 0 0
}
div.offerList.store div.aboutOffer {
 width:340px
}
.storeDetails .brief li:after,
ul.storeCategoryNav li:after {
 content:"";
 display:inline-block;
 vertical-align:middle;
 height:5px;
 width:4px;
 background:url(gfx/icons.png) -56px -303px;
 margin:0 9px
}
.storeDetails .brief li a,
ul.storeCategoryNav li a {
 font-size:11px;
 color:#0549a3;
 text-decoration:none
}
div.offerList.store div.description p {
 line-height:18px;
 font-size:11px;
 color:#6d6e71;
 margin-bottom:6px
}
div.offerList.store div.aboutOffer div.details td {
 color:#6d6e71;
 font-family:Ubuntu
}
div.offerList.store div.aboutOffer div.details td i {
 font-style:normal
}
div.offerList.store div.price {
 width:140px;
 float:right;
 font-size:14px;
 color:#39393e;
 text-align:right
}
div.offerList.store div.offerMenu {
 border-top:1px solid #d9d9d9;
 position:relative;
 display:inline-block;
 text-align:right;
 margin:6px 0 0;
 float:right
}
div.offerList.store div.offerMenu a.buy {
 position:absolute;
 top:7px;
 left:-80px;
 border:1px solid #f26232;
 background:#f26232;
 cursor:pointer
}
div.storeDetails div.brief {
 width:440px;
 display:inline-block;
 position:relative;
 top:-10px
}
div.storeDetails div.brief h1 i {
 font-weight:700
}
div.storeDetails div.brief h1 i+i {
 font-weight:400
}
div.storeDetails div.price {
 width:240px;
 float:right;
 text-align:right;
 color:#39393e
}
div.storeDetails div.price div.before {
 color:#b9b9b9;
 font-size:18px;
 line-height:1.1;
 margin:5px 0;
 text-decoration:line-through
}
div.storeDetails div.price div.before span {
 font-family:Ubuntu;
 font-size:12px;
 color:#b9b9b9
}
div.storeDetails div.price div.after span {
 color:#f26232;
 font-family:UbuntuBold;
 font-size:34px;
 line-height:1.1;
 margin:0 0 10px
}
div.storeDetails div.price div.after i {
 font-family:UbuntuMedium;
 font-style:normal;
 background:#91ab22;
 border-radius:3px;
 font-size:20px;
 padding:0 5px;
 color:#fff;
 margin-right:6px;
 position:relative;
 top:-3px
}
div.storeDetails div.price div.details {
 text-align:right;
 margin-top:10px
}
div.storeDetails div.price div.details span {
 color:#000;
 font-size:14px;
 display:block;
 line-height:18px
}
div.storeDetails div.price div.details span.info {
 font-family:UbuntuBold;
 color:#647a8b
}
div.storeDetails div.price div.productMenu {
 border-top:1px solid #d9d9d9;
 display:block;
 float:right;
 margin:10px 0 0;
 position:relative;
 text-align:right
}
div.storeDetails div.price a.clipboard {
 background:#fff;
 border-color:#7e21c6;
 color:#7e21c6
}
div.storeDetails div.price a {
 background:#f26232;
 border:1px solid #f26232;
 border-radius:3px;
 color:#fff;
 display:inline-block;
 font-size:12px;
 height:24px;
 line-height:24px;
 margin:10px 0 0;
 padding:0 9px;
 text-transform:uppercase;
 text-decoration:none
}
.storeBox>li[class]>a:before,
div.misc.fixed a span {
 background:url(gfx/icons.png) no-repeat
}
div.storeDetails div.price a.clipboard::before {
 background:url(gfx/icons.png) -198px -93px no-repeat rgba(0,0,0,0);
 content:"";
 display:inline-block;
 height:11px;
 margin:0 5px 0 0;
 vertical-align:-1px;
 width:13px
}
div.storeDetails div.price a.clipboardRemove {
 background:#fff;
 border-color:#e67650;
 color:#ef5426
}
div.storeDetails div.price a.clipboardRemove::before {
 background:url(gfx/icons.png) -38px -17px no-repeat rgba(0,0,0,0);
 content:"";
 display:inline-block;
 height:7px;
 margin:0 5px 0 0;
 vertical-align:0;
 width:9px
}
div.storeDetails div.price a.clipboard:hover {
 background-color:#7e21c6;
 color:#fff
}
div.storeDetails div.price a.buy:hover {
 text-decoration:underline;
 cursor:pointer
}
div.storeDetails div.photoSlider ul.slides {
 width:440px
}
div.storeDetails div.article div.menu li a {
 width:130px;
 background:#193f5b;
 color:#f1f6f8;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 border:1px solid #193f5b
}
div.storeDetails div.article div.menu li {
 margin:20px 10px 0 0
}
div.storeDetails div.article div.menu li a:hover,
div.storeDetails div.article div.menu li.active a {
 color:#647a8b;
 background:#fff;
 border-left:1px solid #dee1e6;
 border-right:1px solid #dee1e6;
 border-top:1px solid #dee1e6;
 border-bottom:1px solid #fff;
 -webkit-box-shadow:5px 0 6px -6px rgba(0,0,0,.75);
 box-shadow:5px 0 6px -6px rgba(0,0,0,.75)
}
div.storeDetails div.articleBottom a {
 text-decoration:none;
 text-transform:uppercase
}
div.storeDetails div.articleBottom a.check {
 font-family:UbuntuMedium;
 font-size:11px;
 color:#2263ba;
 line-height:30px
}
div.storeDetails div.articleBottom a.tell {
 font-size:12px;
 color:#fff;
 background:#3477d0;
 padding:5px 5px 5px 7px;
 border-radius:3px;
 position:relative;
 border:1px solid #3477d0
}
div.storeDetails div.articleBottom a.tell:before {
 background:url(gfx/icons.png) -62px -303px no-repeat rgba(0,0,0,0);
 content:"";
 display:inline-block;
 height:8px;
 margin:0 7px 0 0;
 vertical-align:0;
 width:18px
}
div.storeDetails div.articleBottom a.tell:hover {
 background:#fff;
 color:#3477d0
}
div.storeDetails div.articleBottom a.tell:hover:before {
 background:url(gfx/icons.png) -82px -303px no-repeat rgba(0,0,0,0)
}
div#mainWrapper.ski div.snowTrex.ski,
div#mainWrapper.snowboard div.snowTrex.snowboard {
 display:block;
 float:right
}
div#mainWrapper.ski div.snowTrex a,
div#mainWrapper.snowboard div.snowTrex a {
 color:#3477d0;
 font-family:UbuntuBold;
 font-size:18px
}
div#mainWrapper.ski div.snowTrex a span,
div#mainWrapper.snowboard div.snowTrex a span {
 color:#8da62f;
 display:inline-block
}
div#mainWrapper.ski div.snowTrex a span:before,
div#mainWrapper.snowboard div.snowTrex a span:before {
 background:url(gfx/icons.png) -56px -312px no-repeat rgba(0,0,0,0);
 content:"";
 display:inline-block;
 height:8px;
 margin:0 5px 0 0;
 width:6px;
 position:relative;
 top:-1px
}
div#mainWrapper.ski div.snowTrex:hover a,
div#mainWrapper.snowboard div.snowTrex:hover a {
 border-bottom:1px solid #3477d0
}
div.box.store div.head {
 margin-bottom:5px;
 text-align:center
}
.storeBox ul {
 margin:5px 0;
 padding:0 20px
}
.storeBox li {
 display:block;
 border-bottom:1px solid #437ac3
}
.storeBox li:last-child {
 border-bottom:none
}
.storeBox li a {
 display:block;
 font-family:UbuntuMedium;
 font-size:13px;
 color:#fff;
 text-transform:uppercase;
 padding:0 0 0 60px;
 position:relative;
 line-height:36px
}
.friendlyShops div.price,
.friendlyShops h3 {
 font-family:UbuntuBold;
 font-style:italic
}
.storeBox li a+ul.category a {
 padding:0 0 0 13px
}
.storeBox li a:hover {
 color:#ff9c00
}
.storeBox>li[class]>a:before {
 content:"";
 display:inline-block;
 position:absolute;
 left:30px;
 top:2px
}
.storeBox li .category a {
 line-height:25px
}
.storeBox li.wind a:before {
 background-position:-154px -255px;
 width:35px;
 height:30px;
 margin:2px 0 0 -17px
}
.storeBox li.kite a:before {
 background-position:-214px -319px;
 width:30px;
 height:31px;
 margin:1px 0 0 -15px
}
.storeBox li.surfing a:before {
 background-position:-189px -255px;
 width:25px;
 height:25px;
 margin:5px 0 0 -12px
}
.storeBox li.sail a:before {
 background-position:-249px -253px;
 width:32px;
 height:32px;
 margin:2px 0 0 -16px
}
.storeBox li.dive a:before {
 background-position:-214px -255px;
 width:34px;
 height:27px;
 margin:4px 0 0 -17px
}
.storeBox li.snowboard a:before {
 background-position:-281px -255px;
 width:28px;
 height:24px;
 margin:4px 0 0 -13px
}
.storeBox li.ski a:before {
 background-position:-154px -319px;
 width:25px;
 height:25px;
 margin:5px 0 0 -12px
}
.storeBox li.wind a:hover:before {
 background-position:-154px -287px
}
.storeBox li.kite a:hover:before {
 background-position:-249px -319px
}
.storeBox li.surfing a:hover:before {
 background-position:-189px -285px
}
.storeBox li.sail a:hover:before {
 background-position:-249px -285px
}
.storeBox li.dive a:hover:before {
 background-position:-214px -285px
}
.storeBox li.snowboard a:hover:before {
 background-position:-281px -285px
}
.storeBox li.ski a:hover:before {
 background-position:-183px -319px
}
.friendlyShops li {
 padding-bottom:6px
}
.friendlyShops h3 {
 text-transform:uppercase;
 font-size:16px;
 color:#fff;
 line-height:30px
}
.friendlyShops div.price {
 font-size:18px;
 color:#ff9c00;
 display:inline-block;
 line-height:20px;
 position:relative;
 top:2px
}
.friendlyShops a,
form.search h3,
form.searchProducts h3 {
 font-family:UbuntuMedium;
 text-transform:uppercase
}
.friendlyShops a {
 display:inline-block;
 color:#fff;
 font-size:9px;
 line-height:18px;
 padding:0 6px;
 border-radius:3px
}
.friendlyShops a.details {
 background:#b2d713;
 margin:0 7px 0 10px
}
.friendlyShops a.buy {
 background:#f26232
}
.box.booking,
.box.esky {
 padding:0;
 overflow:hidden;
 background:0 0
}
.box.snow {
 padding:0;
 background:url(gfx/background_cfaxcaa_family.jpg) rgba(0,0,0,0)
}
.box.foster {
 padding:0;
 background:0 0;
 height:438px!important;
 overflow:hidden
}
div.box.foster iframe {
 border:none!important
}
html body #esky_qsf_300x600 .esky_qsf_main {
 width:240px!important
}
.esky-qsf-search-params {
 border-radius:0 0 10px 10px!important
}
form.search,
form.searchProducts {
 margin:0 -20px -10px;
 padding:0 27px 10px;
 border-radius:0 0 10px 10px
}
form.search {
 background:url(gfx/wyszukiwarka.jpg) no-repeat
}
form.searchProducts {
 background:url(gfx/producenci.jpg) no-repeat
}
form.search h3,
form.searchProducts h3 {
 font-size:12px;
 margin-bottom:6px
}
form.search input {
 font-family:Ubuntu;
 box-sizing:border-box;
 width:100%;
 background:0 0;
 border:1px solid #98aed1;
 padding-left:10px;
 color:#fff;
 font-size:12px
}
form.search button,
form.searchProducts button {
 font-family:UbuntuMedium;
 margin-top:10px;
 background:#b2d713!important;
 border:none;
 color:#fff;
 text-transform:uppercase;
 border-radius:3px;
 line-height:24px;
 padding:0 10px;
 cursor:pointer
}
form.search::-webkit-input-placeholder {
 color:#fff;
 opacity:1
}
form.search:-moz-placeholder {
 color:#fff;
 opacity:1
}
div#menu li.ksiazka a:hover span {
 background-position:-631px -130px;
 height:28px
}
div#menu li.ksiazka a span {
 background-position:-631px -52px
}
form.search::-moz-placeholder,
select {
 color:black;
 opacity:1
}
form.search:-ms-input-placeholder,
select {
 color:#6fff;
 opacity:1
}
form.searchProducts div.select:after {
 background:url(gfx/icons.png) -66px -313px no-repeat
}
div.offerDetails div.box {
 margin-bottom:30px
}
div.offerDetails div.brief h1+ul.features {
 margin-top:-10px;
 clear:both
}
div.offerDetails div.price {
 float:right;
 text-align:right
}
div.offerDetails div.price span,
div.offerDetails div.price span a {
 font-size:25px;
 color:#f26232
}
div.photoSlider ul li {
 padding:0;
 margin:0
}
div.photoSlider ul.slides {
 width:680px;
 height:259px;
 overflow:hidden;
 position:relative;
 margin:0 0 10px;
 border-radius:10px
}
div.photoSlider ul.slides li {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 opacity:0;
 -webkit-transition:-webkit-transform .6s,opacity .3s;
 -moz-transition:-moz-transform .6s,opacity .3s;
 -ms-transition:-ms-transform .6s,opacity .3s;
 -o-transition:-o-transform .6s,opacity .3s;
 transition:transform .6s,opacity .3s
}
div.misc.fixed a span,
div.photoSlider ul.slides li a:after {
 -webkit-transition:opacity .3s,visibility .3s;
 -moz-transition:opacity .3s,visibility .3s;
 -o-transition:opacity .3s,visibility .3s
}
div.photoSlider ul.slides li.active {
 z-index:20;
 opacity:1
}
div.about div.figure img,
div.instructor div.figure img,
div.photoSlider ul.slides li img {
 border-radius:10px;
 vertical-align:top
}
div.photoSlider ul.slides li a:after {
 content:"";
 display:block;
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 border:2px solid #193f5b;
 border-radius:10px;
 visibility:hidden;
 opacity:0;
 -ms-transition:opacity .3s,visibility .3s;
 transition:opacity .3s,visibility .3s
}
#cboxCurrent,
div.photoSlider div.photoSliderMenu a.next.hidden,
div.photoSlider div.photoSliderMenu a.prev.hidden {
 visibility:hidden
}
div.photoSlider div.photoSliderMenu {
 padding:0 30px;
 position:relative
}
div.photoSlider div.photoSliderMenu a.prev {
 position:absolute;
 top:50%;
 left:7px;
 width:10px;
 height:14px;
 background:url(gfx/icons.png) -132px -84px no-repeat;
 margin:-7px 0 0;
 opacity:.4
}
div.photoSlider div.photoSliderMenu a.next {
 position:absolute;
 top:50%;
 right:7px;
 width:10px;
 height:14px;
 background:url(gfx/icons.png) -144px -84px no-repeat;
 margin:-7px 0 0;
 opacity:.4
}
div.photoSlider div.photoSliderMenu div.wrap {
 width:100%;
 overflow:hidden
}
div.photoSlider div.photoSliderMenu ul img {
 border-radius:5px
}
div.photoSlider div.photoSliderMenu ul li {
 float:left;
 width:146px;
 margin:0 0 0 12px;
 position:relative;
 -webkit-backface-visibility:hidden
}
div.photoSlider div.photoSliderMenu ul li a {
 display:block;
 height:81px;
 position:relative
}
div.photoSlider div.photoSliderMenu ul li a:after {
 content:"";
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 border:2px solid #193f5b;
 border-radius:5px;
 display:none
}
div.eventDetails div.brief {
 margin:20px 0;
 display:table;
 width:100%
}
div.eventDetails div.brief h1 {
 display:table-cell;
 padding:0 40px 0 0;
 line-height:1.1;
 vertical-align:top
}
div.eventDetails div.brief div.date {
 display:table-cell;
 vertical-align:top;
 text-align:right;
 line-height:40px;
 min-width:160px
}
div.eventDetails div.brief div.date span {
 display:inline-block;
 vertical-align:middle;
 line-height:18px;
 padding:7px 15px;
 background:#ff9c00;
 border-radius:5px;
 color:#fff;
 font-size:20px;
 text-align:center
}
div#contact,
div.about h1,
div.faq ul.questions div.question a,
div.gallery h3 {
 color:#39393e
}
div.gallery div.pager,
div.partnersList {
 margin:40px 0 0
}
div.gallery div.photo {
 position:relative;
 margin:0 0 5px
}
div.gallery div.photo a:after {
 content:"";
 display:block;
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 border:3px solid #3773c5;
 border-radius:5px;
 visibility:hidden
}
div.gallery div.photo a:hover:after {
 visibility:visible
}
div.gallery div.when {
 float:right;
 font-size:12px;
 color:#39393e;
 line-height:16px;
 margin:1px 0 0 20px
}
div.gallery div.photo:hover~div.when,
div.gallery div.photo:hover~h3 {
 color:#0650b1
}
div.gallery h3 {
 font-size:14px;
 text-align:center
}
div.gallery div.when+h3 {
 text-align:left;
 margin:0 0 0 3px
}
div.gallery>ul {
 font-size:0;
 margin:-19px -10px 0 -22px
}
div.gallery>ul>li {
 display:inline-block;
 vertical-align:top;
 padding:0;
 margin:19px 0 0 23px;
 width:213px;
 font-size:12px
}
div.faq ul.questions {
 margin:20px 0 20px 10px;
 font-size:14px;
 line-height:22px
}
div.faq ul.questions p {
 height:0;
 overflow:hidden;
 -webkit-transition:-webkit-transform .3s,opacity .3s;
 -moz-transition:-moz-transform .3s,opacity .3s;
 -ms-transition:-ms-transform .3s,opacity .3s;
 -o-transition:-o-transform .3s,opacity .3s;
 transition:transform .3s,opacity .3s;
 -webkit-transform:translateY(20px);
 -moz-transform:translateY(20px);
 -ms-transform:translateY(20px);
 -o-transform:translateY(20px);
 transform:translateY(20px);
 opacity:0
}
div.faq ul.questions p a {
 color:#0a52b3
}
div.faq ul.questions li.active p {
 height:auto;
 overflow:visible;
 -webkit-transform:translateY(0);
 -moz-transform:translateY(0);
 -ms-transform:translateY(0);
 -o-transform:translateY(0);
 transform:translateY(0);
 opacity:1
}
div.faq ul.questions li {
 padding:0 0 0 30px;
 margin:0 0 10px;
 position:relative
}
div.faq ul.questions li span.number {
 position:absolute;
 left:0;
 top:0
}
div.galleryList div.aboutGallery h3 {
 float:left;
 font-size:22px;
 color:#193f5b
}
div.galleryList div.aboutGallery div.date {
 float:right;
 color:#193f5b;
 line-height:26px;
 font-size:18px
}
div.galleryList div.gallery>ul {
 border-bottom:1px solid #d9d9d9;
 padding-bottom:20px
}
div.galleryList form.filter {
 padding:0 0 10px;
 margin:0 0 20px;
 border-bottom:1px solid #d9d9d9
}
div.partnersList ul {
 font-size:0;
 margin:-11px 0 0 -9px
}
div.partnersList li {
 display:inline-block;
 width:161px;
 height:125px;
 border:1px solid #d0d0d0;
 border-radius:5px;
 line-height:125px;
 text-align:center;
 margin:11px 0 0 9px;
 font-size:12px
}
div.partnersList li img {
 vertical-align:middle
}
div.discountsList {
 margin:30px 0 0;
 padding:20px 0 0
}
div.discountsList li {
 padding:24px 0 24px 120px;
 border-top:1px solid #d9d9d9;
 position:relative
}
div.discountsList li:before {
 content:"";
 display:block;
 position:absolute;
 top:23px;
 left:15px;
 width:89px;
 height:73px;
 background:url(gfx/icons.png) -430px 0 no-repeat
}
div#map {
 border:1px solid #e6e7e7;
 overflow:hidden;
 margin:0 0 20px
}
div#map iframe,
div#map img,
div.recentlyAdded div.photo img {
 vertical-align:top
}
div#contact {
 background:no-repeat #fff;
 border-radius:10px
}
div#contact div.thanks {
 height:365px;
 display:table;
 text-align:center
}
div#contact div.thanks div.wrap {
 display:table-cell;
 vertical-align:middle
}
div#contact ul.error {
 margin:5px 11px;
 color:#a00
}
div#contact ul.contactWays li:before,
div#contact:after {
 content:"";
 display:block
}
div#contact ul.contactWays li {
 padding:0 0 0 45px;
 position:relative;
 margin:25px 0 0
}
div#contact ul.contactWays li:before {
 position:absolute;
 left:5px;
 top:50%;
 background:url(gfx/icons.png) -388px -80px no-repeat
}
div#contact ul.contactWays li.phone:before {
 width:19px;
 height:17px;
 background-position:-388px -80px;
 margin:-8px 0 0
}
div#contact ul.contactWays li.email:before {
 width:24px;
 height:11px;
 background-position:-388px -101px;
 margin:-5px 0 0 -2px
}
div#contact p {
 font-size:16px;
 line-height:1.3;
 margin:0 0 40px
}
div#contact h1 {
 font-size:26px
}
div#contact h2 {
 font-size:22px;
 margin:0 0 20px
}
div#contact div.col {
 width:380px;
 min-height:365px;
 float:left;
 padding:40px 50px
}
div#contact div.col+div.col {
 padding-left:100px;
 width:320px
}
div#contact div.col:first-child {
 background:url(gfx/contact.jpg) no-repeat;
 border-radius:10px;
 color:#fff
}
div#contact form p {
 color:#e20014;
 font-size:12px;
 margin:0 0 10px
}
div#contact form span.req {
 vertical-align:top;
 font-size:13px;
 margin:0 0 0 2px;
 color:#333
}
div#contact form input[type=date],
div#contact form input[type=text],
div#contact form select {
 width:260px;
 height:30px;
 line-height:30px;
 padding:0 10px;
 border:1px solid #d1d3d4;
 background:#fff;
 font-size:12px
}
div#contact form .error input[type=date],
div#contact form .error input[type=text],
div#contact form .error select {
 border-color:#e00117
}
div#contact form textarea {
 width:260px;
 height:100px;
 line-height:18px;
 padding:10px;
 font-size:12px;
 font-family:Ubuntu,Arial;
 border:1px solid #d1d3d4;
 background:#fff;
 overflow:auto
}
.add-person-button,
.delete-person-button,
div#contact form button,
div#contact input[type=submit] {
 line-height:24px;
 height:24px;
 padding:0 10px;
 text-align:center;
 font-size:12px;
 text-transform:uppercase;
 color:#fff;
 border-radius:3px;
 background:#3477d0;
 border:1px solid #2263ba;
 min-width:72px;
 cursor:pointer
}
div.misc.fixed {
 position:fixed;
 top:10%;
 right:5px;
 width:50px;
 z-index:20
}
div.misc.fixed div.facebookBox {
 height:50px;
 position:relative;
 margin:0 0 10px;
 z-index:20;
 width:50px
}
div.misc.fixed div.facebookBox div.inner {
 width:300px;
 position:absolute;
 right:0;
 top:0;
 visibility:hidden;
 background:no-repeat #fff;
 border:3px solid #2263ba;
 -webkit-transition:-webkit-transform .3s,visibility .3s;
 -moz-transition:-moz-transform .3s,visibility .3s;
 -ms-transition:-ms-transform .3s,visibility .3s;
 -o-transition:-o-transform .3s,visibility .3s;
 transition:transform .3s,visibility .3s;
 -webkit-transform:translateX(305px);
 -moz-transform:translateX(305px);
 -ms-transform:translateX(305px);
 -o-transform:translateX(305px);
 transform:translateX(305px)
}
div.misc.fixed div.facebookBox.active div.inner {
 visibility:visible;
 -webkit-transform:translateX(5px);
 -moz-transform:translateX(5px);
 -ms-transform:translateX(5px);
 -o-transform:translateX(5px);
 transform:translateX(5px)
}
div.misc.fixed div.facebookBox a {
 position:absolute;
 right:0
}
div.misc.fixed a {
 display:block;
 position:relative;
 background:url(gfx/icons.png?v=2) no-repeat;
 text-indent:-9999px;
 margin:0 0 10px;
 width:50px
}
div.misc.fixed a span {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 visibility:hidden;
 opacity:0;
 -ms-transition:opacity .3s,visibility .3s;
 transition:opacity .3s,visibility .3s
}
div.instructorList div.photo a:after,
div.instructorList>ul>li:after {
 display:block;
 visibility:hidden;
 content:""
}
div.misc.fixed a.goToFacebook {
 height:50px;
 background-position:-430px -76px;
 -webkit-transition:-webkit-transform .3s,visibility .3s;
 -moz-transition:-moz-transform .3s,visibility .3s;
 -ms-transition:-ms-transform .3s,visibility .3s;
 -o-transition:-o-transform .3s,visibility .3s;
 transition:transform .3s,visibility .3s;
 -webkit-transform:translateX(0);
 -moz-transform:translateX(0);
 -ms-transform:translateX(0);
 -o-transform:translateX(0);
 transform:translateX(0)
}
div#outer div.popupWrapper,
div.instructorList div.photo a:after {
 -moz-transition:opacity .3s,visibility .3s;
 -ms-transition:opacity .3s,visibility .3s;
 -o-transition:opacity .3s,visibility .3s;
 top:0;
 left:0;
 bottom:0
}
div.misc.fixed div.facebookBox.active a.goToFacebook {
 -webkit-transform:translateX(-310px);
 -moz-transform:translateX(-310px);
 -ms-transform:translateX(-310px);
 -o-transform:translateX(-310px);
 transform:translateX(-310px)
}
div.misc.fixed a.goToFacebook span {
 background-position:-480px -76px
}
div.misc.fixed a.showClipboard {
 height:173px;
 background-position:-430px -127px
}
div.misc.fixed a.showClipboard span {
 background-position:-480px -127px
}
div.misc.fixed a.showClipboardProducts {
 height:113px;
 background-position:-530px 0
}
div.misc.fixed a.showClipboardProducts span {
 background-position:-530px -115px
}
div.misc.fixed a.youtube {
 background-position:-430px -305px;
 height:50px
}
div.misc.fixed a.youtube span {
 background-position:-480px -305px
}
div.instructorList div.rest {
 width:460px;
 float:right
}
div.instructorList p {
 margin:0 0 15px;
 font-size:13px;
 line-height:18px
}
div.instructorList h3 {
 color:#39393e;
 font-size:16px;
 margin:0 0 15px
}
div.instructorList h3+p {
 min-height:100px
}
div.instructorList>ul {
 padding-top:20px;
 border-top:0
}
div.instructorList>ul>li {
 border-bottom:1px solid #d9d9d9;
 padding:20px 0
}
div.instructorList>ul>li:after {
 height:0;
 clear:both
}
div.instructorList div.photo a:after {
 position:absolute;
 right:0;
 border:2px solid #2263ba;
 border-radius:10px;
 opacity:0;
 -webkit-transition:opacity .3s,visibility .3s;
 transition:opacity .3s,visibility .3s
}
#cboxWrapper,
.cboxPhoto {
 max-width:none
}
div.instructorList ul.features {
 margin:5px 5px 10px;
 text-align:center
}
div.instructorList ul.features li {
 float:none;
 display:inline-block;
 padding:0;
 margin:0 5px
}
.cboxIframe,
.cboxPhoto {
 display:block;
 border:0
}
#cboxOverlay,
#cboxWrapper,
#colorbox {
 position:absolute;
 top:0;
 left:0;
 z-index:9999;
 overflow:visible
}
#cboxOverlay {
 position:fixed;
 width:100%;
 height:100%;
 background:url(colorbox/overlay.png)
}
#cboxBottomLeft,
#cboxMiddleLeft {
 clear:left
}
#cboxContent {
 position:relative;
 background:#fff;
 overflow:visible
}
#cboxLoadedContent {
 overflow:auto;
 -webkit-overflow-scrolling:touch
}
#cboxTitle {
 margin:0;
 position:absolute;
 bottom:4px;
 left:0;
 text-align:center;
 width:100%;
 color:#949494
}
#cboxLoadingGraphic,
#cboxLoadingOverlay {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.cboxPhoto {
 margin:auto;
 -ms-interpolation-mode:bicubic
}
.cboxIframe {
 width:100%;
 height:100%;
 padding:0;
 margin:0;
 background:#fff
}
#cboxContent,
#cboxLoadedContent,
#colorbox {
 box-sizing:content-box;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box
}
#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active,
#colorbox {
 outline:0
}
#cboxError {
 padding:50px;
 border:1px solid #ccc
}
#cboxLoadingOverlay {
 background:url(colorbox/loading_background.png) center center no-repeat
}
#cboxLoadingGraphic {
 background:url(colorbox/loading.gif) center center no-repeat
}
#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
 cursor:pointer;
 border:0;
 padding:0;
 margin:0;
 overflow:visible;
 width:auto;
 background:0 0
}
#cboxNext,
#cboxPrevious {
 top:50%;
 margin:-13px 0 0;
 width:100px;
 height:26px;
 position:absolute;
 opacity:.7;
 text-indent:-9999px
}
#cboxSlideshow {
 position:absolute;
 bottom:4px;
 right:30px;
 color:#0092ef
}
#cboxPrevious {
 left:-30px;
 background:url(colorbox/controls.png) -37px -60px no-repeat
}
#cboxNext {
 right:-30px;
 background:url(colorbox/controls.png) -37px -87px no-repeat
}
#cboxClose {
 position:absolute;
 top:0;
 right:-45px;
 opacity:.7;
 background:url(colorbox/controls.png) 0 -60px no-repeat;
 width:30px;
 height:30px;
 text-indent:-9999px
}
div#outer div.popupWrapper {
 background:rgba(25,63,91,.8);
 position:fixed;
 right:0;
 text-align:center;
 font-size:0;
 z-index:300;
 opacity:1;
 visibility:visible;
 color:#39393e;
 -webkit-transition:opacity .3s,visibility .3s;
 transition:opacity .3s,visibility .3s
}
div#outer div.popupWrapper div.popup,
div#shareOffer,
div#shareOfferFriend {
 display:inline-block;
 vertical-align:middle;
 font-size:14px
}
.shareOfferWrapper,
div#outer div.popupWrapper.hidden,
div#shareOfferWrapper {
 visibility:hidden;
 opacity:0
}
div#outer div.popupWrapper a {
 color:#fff;
 text-decoration:none
}
.shareOfferWrapper:after,
div#outer div.popupWrapper:after,
div#shareOfferWrapper:after {
 content:"";
 width:1px;
 height:100%;
 display:inline-block;
 vertical-align:middle;
 margin:0 -2px 0 0
}
div#outer div.popupWrapper div.popup {
 width:400px;
 padding:30px;
 background:no-repeat #fff
}
div#outer div.popupWrapper div.popup p {
 margin:0 0 20px;
 color:#39393e
}
.shareOfferWrapper,
div#shareOfferWrapper {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:1000;
 background:rgba(255,255,255,.9);
 text-align:center;
 -webkit-transition:opacity .3s,visibility .3s;
 -moz-transition:opacity .3s,visibility .3s;
 -ms-transition:opacity .3s,visibility .3s;
 -o-transition:opacity .3s,visibility .3s;
 transition:opacity .3s,visibility .3s
}
.shareOfferWrapper.active,
div#shareOfferWrapper.active {
 visibility:visible;
 opacity:1;
 z-index:100000
}
div#shareOffer,
div#shareOfferFriend {
 width:340px;
 padding:0 30px 30px;
 border-radius:10px;
 background:url(gfx/sideBox.png);
 color:#fff
}
div#shareOffer form,
div#shareOfferFriend form {
 width:290px;
 margin:0 auto
}
div#shareOffer form p.note,
div#shareOfferFriend form p.note {
 font-size:12px;
 text-align:left
}
div#shareOffer form p.info,
div#shareOfferFriend form p.info {
 color:#d5dced;
 font-size:11px;
 margin:3px 0 0
}
div#shareOffer span.req,
div#shareOfferFriend span.req {
 position:absolute;
 left:100%;
 top:3px;
 margin:0 0 0 5px
}
div#shareOffer form div.row,
div#shareOfferFriend form div.row {
 margin:0 0 20px;
 position:relative
}
div#shareOffer form div.submit,
div#shareOfferFriend form div.submit {
 margin:15px 0 0;
 position:relative
}
div#shareOffer p.agree,
div#shareOfferFriend p.agree {
 font-family:Arial;
 font-size:11px;
 margin:25px 0 0 25px;
 width:290px;
 color:#fff
}
div#shareOffer div.head,
div#shareOfferFriend div.head {
 background:url(gfx/sideHead.png);
 padding:20px;
 border-radius:10px 10px 0 0;
 margin:0 -30px 40px
}
div#shareOffer div.head a.close,
div#shareOfferFriend div.head a.close {
 position:absolute;
 display:block;
 top:50%;
 margin:-9px 0 0;
 right:20px;
 width:18px;
 height:17px;
 background:url(gfx/icons.png) -103px -47px no-repeat;
 -webkit-transition:none;
 -moz-transition:none;
 -ms-transition:none;
 -o-transition:none;
 transition:none;
 -webkit-transform:none;
 -moz-transform:none;
 -ms-transform:none;
 -o-transform:none;
 transform:none
}
div#shareOffer div.head h2,
div#shareOfferFriend div.head h2 {
 font-size:20px;
 text-align:center;
 margin:0 0 0 10px
}
div#shareOffer div.select,
div#shareOffer input[type=text],
div#shareOffer textarea,
div#shareOfferFriend div.select,
div#shareOfferFriend input[type=text],
div#shareOfferFriend textarea {
 height:32px;
 line-height:32px;
 border:1px solid #98aed1;
 background:rgba(255,255,255,.05);
 width:100%;
 padding:0 8px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 color:#fff;
 font-size:13px;
 vertical-align:top;
 font-family:Arial;
 text-align:left
}
div#shareOffer::-webkit-input-placeholder {
 color:#fff
}
div#shareOffer::-moz-placeholder {
 color:#fff
}
div#shareOffer:-ms-input-placeholder {
 color:#fff
}
div#shareOffer div.select select,
div#shareOfferFriend div.select select {
 height:32px;
 line-height:32px
}
div#shareOffer div.select p,
div#shareOfferFriend div.select p {
 line-height:32px;
 height:auto;
 padding:0
}
div#shareOffer textarea,
div#shareOfferFriend textarea {
 padding:8px;
 height:80px;
 line-height:1.3;
 overflow:auto
}
div#shareOfferWrapper input[type=submit] {
 width:100px;
 height:30px;
 line-height:30px;
 color:#fff;
 font-size:14px;
 text-transform:uppercase;
 background:#91ab22;
 border:0;
 vertical-align:top;
 font-family:UbuntuBold;
 border-radius:5px
}
div.partnersShop {
 text-align:center;
 margin:20px 0;
 padding:20px 0 0;
 background:#f0f8ff
}
div.youtubePromo {
 margin:0 0 20px;
 font-size:13px;
}
.youtubePromo iframe{
  aspect-ratio: 16 / 9;
  width: 100%;
}
div.youtubePromo>h1 {
 font-size:34px;
 color:#193f5b;
 margin:20px 0;
 font-family:Ubuntu,Arial,sans-serif
}
div.youtubePromo div.wrap {
 margin:20px 20px 0
}
div.youtubePromo div.wrap span.date {
 color:#f26232;
 font-size:15px;
 position:absolute;
 right:0;
 top:5px
}
div.youtubePromo div.wrap h2 {
 position:relative;
 font-size:18px;
 margin:0 0 20px;
 padding:0 100px 0 0
}
div.section div.youtubePromo div.wrap {
 margin-left:0;
 margin-right:0
}
div.youtubePromo p {
 line-height:1.5
}
div.youtubePromo div.head {
 margin:15px 0
}
ul.friendlyShops {
 text-align:center;
 margin:-20px 0 0
}
ul.friendlyShops li {
 display:inline-block;
 text-align:center;
 vertical-align:top;
 margin:20px 5px 0
}
.blad,
div.recentlyAdded div.menu a {
 color:#fff
}
div.recentlyAdded div.menu a.next:after,
div.recentlyAdded div.menu a.prev:before {
 content:"";
 width:10px;
 height:14px;
 display:inline-block;
 vertical-align:middle;
 margin:0 5px 0 0;
 background:url(gfx/icons.png) -28px 0 no-repeat
}
div.recentlyAdded div.menu:after,
div.recentlyAdded li:after {
 height:0;
 content:"";
 visibility:hidden;
 clear:both
}
div.recentlyAdded div.menu a.next:after {
 background-position:-38px 0;
 margin:0 0 0 5px
}
div.recentlyAdded div.category {
 color:#ff9c00;
 font-size:14px
}
div.recentlyAdded ul {
 margin:-15px 0 0
}
div.recentlyAdded li {
 padding:15px 0;
 border-top:1px solid #3873c1
}
div.recentlyAdded div.photo {
 width:56px;
 float:left
}
div.recentlyAdded div.rest {
 width:125px;
 float:right;
 font-size:13px
}
div.recentlyAdded div.rest h3 {
 line-height:1.2;
 color:#f9fafc
}
div#shareOffer.shareOfferPopup .row,
div.videosList div.pager ul {
 text-align:left
}
div.videosList h3 {
 font-size:15px;
 font-family:UbuntuMedium;
 line-height:1.3;
 margin:0;
 padding:10px 0 0;
 position:relative
}
.opinion_homepage blockquote:before,
div.videosList h3:before {
 content:"";
 width:35px;
 height:24px;
 background:url(gfx/icons.png) 0 -80px no-repeat;
 display:block;
 position:absolute;
 left:-10px;
 top:0
}
ul.chooseCategory li a,
ul.chooseCategory span.icon {
 background:url(gfx/chooseCategory.png) no-repeat
}
div.videosList div.photo a.play:before,
div.videosList div.photo a:after {
 position:absolute;
 content:"";
 display:block
}
div.videosList div.photo a.play:before {
 width:83px;
 height:84px;
 top:50%;
 left:50%;
 margin:-41px 0 0 -42px;
 background:url(gfx/icons.png) -328px -208px
}
div.videosList div.photo a:after {
 top:0;
 left:0;
 right:0;
 bottom:0;
 border:2px solid #333;
 border-radius:5px;
 visibility:hidden;
 opacity:0;
 -webkit-transition:opacity .3s,visibility .3s;
 -moz-transition:opacity .3s,visibility .3s;
 -ms-transition:opacity .3s,visibility .3s;
 -o-transition:opacity .3s,visibility .3s;
 transition:opacity .3s,visibility .3s
}
div.videosList>ul>li {
 width:202px;
 display:inline-block;
 vertical-align:top;
 margin:25px 0 0 19px;
 padding:0 0 0 10px;
 position:relative
}
ul.chooseCategory {
 font-size:0;
 margin:0 -20px 0 0
}
ul.chooseCategory span.icon {
 height:76px;
 display:block;
 margin:5px auto 10px
}
ul.chooseCategory li.wind span.icon {
 width:89px;
 background-position:0 -154px
}
ul.chooseCategory li.kite span.icon {
 width:73px;
 background-position:-89px -154px
}
ul.chooseCategory li.surfing span.icon {
 width:70px;
 background-position:-162px -154px
}
ul.chooseCategory li.sail span.icon {
 width:78px;
 background-position:-232px -154px
}
ul.chooseCategory li.dive span.icon {
 width:85px;
 background-position:-310px -154px
}
ul.chooseCategory li.snowboard span.icon {
 width:79px;
 background-position:-395px -154px
}
ul.chooseCategory li.ski span.icon {
 width:62px;
 background-position:-474px -154px
}
ul.chooseCategory li.recreation span.icon {
 width:40px;
 background-position:-536px -154px
}
ul.chooseCategory li.wind:hover span.icon {
 background-position:0 -230px
}
ul.chooseCategory li.kite:hover span.icon {
 background-position:-89px -230px
}
ul.chooseCategory li.surfing:hover span.icon {
 background-position:-162px -230px
}
ul.chooseCategory li.sail:hover span.icon {
 background-position:-232px -230px
}
ul.chooseCategory li.dive:hover span.icon {
 background-position:-310px -230px
}
ul.chooseCategory li.snowboard:hover span.icon {
 background-position:-395px -230px
}
ul.chooseCategory li.ski:hover span.icon {
 background-position:-474px -230px
}
ul.chooseCategory li.recreation:hover span.icon {
 background-position:-536px -230px
}
ul.chooseCategory span.total {
 position:absolute;
 top:20px;
 right:20px;
 display:block;
 width:32px;
 height:30px;
 padding:2px 0 0;
 background:url(gfx/chooseCategory.png) -336px 0 no-repeat;
 font-family:UbuntuBold,Arial,sans-serif;
 font-size:14px;
 color:#fff;
 text-shadow:1px 1px 1px rgba(0,0,0,.7);
 line-height:30px
}
ul.chooseCategory li:hover span.total {
 background-position:-336px -32px
}
ul.chooseCategory span.name {
 color:#193f5b;
 font-size:17px;
 font-family:UbuntuMedium,Arial,sans-serif;
 text-transform:uppercase;
 text-shadow:1px 1px 1px #fff
}
ul.chooseCategory li {
 width:335px;
 display:inline-block;
 vertical-align:top;
 margin:0 15px 15px 0
}
ul.chooseCategory li a {
 display:block;
 height:132px;
 padding:20px 0 0;
 text-align:center;
 position:relative
}
#ReservationRegulations li,
div.expand p {
 text-align:justify
}
div.expand.active p span {
 display:inline
}
div.expand div.more {
 margin:10px 0 0;
 text-align:right
}
div.expand div.more a {
 color:#fff;
 background:#b2d713;
 display:inline-block;
 border-radius:4px;
 font-family:UbuntuMedium;
 text-transform:uppercase;
 font-size:11px;
 padding:4px 18px;
 line-height:18px
}
div.expand div.more a:before {
 content:"Więcej"
}
div.expand.active div.more a:before {
 content:"Mniej"
}
.esky-qsf-box-select {
 width:204px!important
}
.cookies.hidden,
.esky-qsf-box-select h5,
.esky-qsf-box-select hr,
ul.chooseCategory li.surfing {
 display:none!important
}
a#dahabShool,
a#kiteShool,
a#windShool,
a.linkShool {
 font-size:14px;
 text-decoration:underline;
 padding:8px 0;
 display:block;
 margin:0 auto;
 text-align:center
}
@media all and (max-width:1024px) {
 #menu ul li,
 div#side,
 div.misc.top,
 div.weRecommend ul,
 ul.chooseCategory {
  text-align:center
 }
 body {
  min-width:auto
 }
 div.article img,
 div.guidePlaces>ul>li img,
 div.tabs div.tab.active img {
  width:100%!important;
  height:auto!important
 }
 div.tabsWrapper div.tabs div.tab.active iframe {
  width:100%!important
 }
 body.menuOpen #tt-minisubu-iframe {
  z-index:100!important
 }
 * {
  box-sizing:border-box
 }
 div#topWrapper {
  position:fixed;
  z-index:20000;
  height:100px;
  width:100%;
  box-shadow:0 0 15px rgba(0,0,0,.2)
 }
 div#top {
  padding:0 20px;
  height:100px;
  width:auto
 }
 div#mainWrapper {
  margin-top:100px;
  width:100%;
  padding:0 20px
 }
 body.menuOpen #menuWrapper {
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:#fff;
  z-index:250;
  opacity:1;
  visibility:visible;
  display:block
 }
 a#logo {
  left:20px;
  top:15px
 }
 a#toggleMenu {
  position:fixed;
  top:32px;
  right:40px;
  font-size:15px;
  text-transform:uppercase;
  color:#fff;
  font-weight:700;
  z-index:150;
  width:52px;
  display:block;
  padding:4px
 }
 div#menu,
 div.misc.top {
  right:auto;
  position:static;
  top:auto
 }
 a#toggleMenu:after,
 a#toggleMenu:before {
  content:''
 }
 a#toggleMenu i,
 a#toggleMenu:after,
 a#toggleMenu:before {
  display:block;
  height:6px;
  background:#193f5b;
  -webkit-transition:background-color .4s,-webkit-transform .4s,opacity .4s;
  transition:background-color .4s,transform .4s,opacity .4s;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 a#toggleMenu i {
  margin:5px 0
 }
 body.menuOpen a#toggleMenu i {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
 }
 body.menuOpen a#toggleMenu:before {
  -webkit-transform:translateY(10px) rotate(-45deg);
  transform:translateY(10px) rotate(-45deg)
 }
 body.menuOpen a#toggleMenu:after {
  -webkit-transform:translateY(10px);
  transform:translateY(10px);
  opacity:0
 }
 div#menu {
  overflow:visible;
  display:none;
  padding:0
 }
 body.menuOpen div#menu {
  display:table;
  margin:0 auto;
  height:100%
 }
 #menu ul {
  display:table-cell;
  vertical-align:middle
 }
 #menu ul li {
  float:none;
  margin:0 0 25px
 }
 #menu ul li:first-child,
 #menu ul li:nth-child(2),
 div.gallery div.pager ul li:before,
 div.misc.fixed,
 div.misc.top.menu {
  display:none
 }
 #menu ul li a,
 .showBox .box.searchProducts,
 .showBox .box.searchWord {
  display:inline-block
 }
 div.misc.top {
  display:block;
  width:100%;
  padding:25px 20px 0 180px
 }
 div.misc.top.fixed a,
 div.misc.top.fixed div.facebookBox {
  display:inline-block;
  vertical-align:top;
  margin:0 8px
 }
 div.misc.top.fixed div.facebookBox a {
  right:-8px
 }
 div.misc.fixed a.showClipboardProducts,
 div.misc.top.fixed a.showClipboard {
  height:50px
 }
 div#main,
 div.slider {
  width:auto
 }
 div.slider div.slide>ul {
  padding:0;
  font-size:0
 }
 div.slider div.slide>ul>li.big {
  position:static;
  left:auto;
  top:auto;
  width:40%;
  display:inline-block;
  padding-left:0
 }
 div.slider div.slide li.big div.details {
  width:50%;
  left:0
 }
 div.slider div.slide>ul>li {
  width:20%;
  margin:0 0 1px;
  padding:0 0 0 1px;
  font-size:14px
 }
 div.slider div.slide div.details {
  width:70%;
  left:1px
 }
 div#footer,
 div#side,
 div.gallery div.photo img,
 div.guide div.photoSlider,
 div.guidePlaces div.photo img,
 div.photoSlider,
 div.photoSlider ul.slides,
 div.storeDetails div.photoSlider ul.slides,
 div.videosList div.photo img {
  width:100%
 }
 div#content {
  width:100%;
  float:none
 }
 div.guidePlaces>ul,
 div.videosList>ul {
  font-size:0;
  margin:0;
  text-align:center
 }
 div.videosList>ul>li {
  width:50%;
  margin:0 0 20px;
  padding:0 10px;
  font-size:14px
 }
 div#footer div.menu ul:first-child,
 div#footer div.menu ul:first-child+ul,
 div#footer div.menu ul:first-child+ul+ul,
 div.guidePlaces>ul>li {
  width:33.33%;
  font-size:14px
 }
 div.guidePlaces>ul>li {
  margin:0;
  padding:0 10px
 }
 div.guidePlaces>ul>li:first-child {
  padding-left:0
 }
 div.guidePlaces>ul>li:last-child,
 div.videosList>ul>li:last-child {
  padding-right:0
 }
 div#content div.section {
  padding:30px 0 0
 }
 div.guidePlaces div.photo {
  margin:0 0 10px
 }
 div.offerList.store div.offerMenu a.buy {
  top:38px;
  left:-7px
 }
 div.article a {
  word-wrap:break-word
 }
 div#side,
 div.gallery ul {
  font-size:0
 }
 div#side div.box {
  font-size:13px;
  min-height:431px
 }
 div.box.foster iframe {
  width:240px!important;
  margin:0 auto
 }
 div#side div.box.snow {
  min-height:auto;
  width:240px
 }
 div.box {
  width:32%;
  display:inline-block;
  vertical-align:top;
  margin-right:1%
 }
 div.box:nth-child(3n+3) {
  margin-right:0
 }
 div.reservationCenter {
  background-size:cover
 }
 div.storeDetails div.photoSlider {
  width:60%;
  display:inline-block;
  vertical-align:top
 }
 div.storeDetails div.price {
  width:38%;
  display:inline-block;
  vertical-align:top;
  margin-top:20px
 }
 div.photoSlider ul.slides li img {
  border-radius:10px;
  vertical-align:top;
  width:auto!important;
  display:block;
  margin:0 auto
 }
 div#shareOffer p.agree,
 div#shareOfferFriend p.agree {
  width:auto;
  margin:15px
 }
 div.gallery ul li {
  margin:0;
  width:25%;
  padding:20px;
  font-size:14px
 }
 div.gallery div.pager {
  font-size:10px
 }
 div.gallery div.pager ul {
  text-align:right;
  font-size:10px
 }
 div.gallery div.pager ul li {
  display:inline-block;
  vertical-align:top;
  margin:0 3px 0 0;
  line-height:22px;
  min-width:12px;
  width:15px;
  text-align:center;
  padding:0
 }
 div.gallery div.pager a {
  height:22px;
  line-height:22px;
  padding:0 3px;
  min-width:12px;
  text-align:center;
  border:1px solid #e8e8e8;
  background:#fff;
  color:#39393e;
  display:block;
  text-decoration:none
 }
 div.gallery div.pager li.active a,
 div.pager li a:hover {
  background:#3477d0;
  border-color:#3477d0;
  color:#fff
 }
 div#footerWrapper {
  background:0 0
 }
 div#footer {
  padding:20px
 }
 div#footer div.menu {
  width:65%;
  font-size:0;
  margin-bottom:30px
 }
 div#footer div.newsletter {
  width:34%
 }
 div.misc.fixed div.facebookBox div.inner {
  right:-125px;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
 }
 div.misc.fixed div.facebookBox.active a.goToFacebook {
  -webkit-transform:translateX(-175px);
  -moz-transform:translateX(-175px);
  -ms-transform:translateX(-175px);
  -o-transform:translateX(-175px);
  transform:translateX(-175px)
 }
 div.videosList div.photo {
  margin:0
 }
 ul.chooseCategory span.total {
  height:32px
 }
}
@media all and (max-width:960px) {
 div.youtubePromo img,
 table {
  width:100%!important
 }
 div#contact div.col:first-child,
 div#contact form input[type=text],
 div.slider div.slide div.details,
 div.slider div.slide li.big div.details,
 div.work div.figure img {
  width:100%
 }
 div.youtubePromo div.wrap {
  margin:20px 0
 }
 div#footer div.menu,
 div#footer div.newsletter {
  width:100%;
  display:block
 }
 div#footer div.menu {
  padding:0 5px
 }
 div#footer div.newsletter,
 div#footer div.social ul {
  margin:0 auto;
  display:inline-block;
  text-align:center
 }
 div#footer div.partners li {
  margin-bottom:15px
 }
 div.offerList.store div.aboutOffer {
  width:69%;
  padding-left:15px;
  margin:0
 }
 div#contact div.col+div.col {
  width:100%;
  padding:0 0 20px
 }
 div#contact form textarea {
  max-height:100px;
  min-height:100px;
  resize:none;
  width:100%
 }
 ul.chooseCategory {
  text-align:center
 }
 ul.chooseCategory li {
  margin:0 0 15px
 }
 div.youtubePromo img:not(.play-image) {
  height:auto!important
 }
}
@media all and (max-width:768px) {
 div.slider div.slides {
  height:550px
 }
 div.slider div.slide>ul>li.big {
  display:block;
  width:100%;
  margin-bottom:2px
 }
 div.gallery ul li,
 div.slider div.slide>ul>li {
  width:33.33%
 }
 div.slider div.slide>ul>li img {
  width:100%;
  height:auto
 }
 div.slider div.slide li.big div.details {
  width:70%
 }
 div.offerList div.price {
  float:none;
  width:100%;
  margin-top:25px
 }
 div.offerList div.aboutOffer,
 div.offerList div.photo {
  float:none;
  display:inline-block;
  vertical-align:top
 }
 div.offerList div.photo {
  width:30%
 }
 div.offerList div.aboutOffer {
  width:69%;
  padding-left:15px;
  margin:0;
  box-sizing:border-box
 }
 div.offerList div.photo img {
  width:100%
 }
 div.offerList div.offerMenu {
  margin:10px 0 0
 }
 div.box {
  width:46%;
  margin:1%
 }
 div.weRecommend li {
  width:50%
 }
 div.weRecommend li div.desc,
 div.weRecommend li div.photo {
  width:49%;
  display:inline-block;
  float:none;
  vertical-align:top
 }
 div.weRecommend li div.desc {
  padding-left:15px
 }
 div.weRecommend li div.desc a.more {
  left:15px
 }
 div.offers div.filter div.selectSpoof {
  margin-bottom:15px
 }
 div.storeDetails div.price {
  margin-top:0
 }
 div.box:first-child {
  margin-top:1%
 }
 div.instructorList div.photo {
  float:none;
  margin:0 auto
 }
 div.addOpinion div.cols div.col,
 div.instructorList div.rest {
  width:100%;
  float:none
 }
 div.article iframe {
  width:100%!important
 }
 div.eventsSchedule>ul {
  padding:10px 0 0
 }
 div.eventsSchedule div.photo {
  position:static;
  text-align:center;
  left:auto;
  top:auto;
  width:100%;
  margin-bottom:20px
 }
 div.eventsSchedule div.photo a {
  display:inline-block
 }
 div.addOpinion div.file,
 div.addOpinion input[type=text],
 div.addOpinion textarea {
  width:95%;
  resize:none
 }
 div#outer div.popupWrapper div.popup {
  width:90%
 }
 div.recentlyAdded div.photo,
 div.recentlyAdded div.rest {
  float:none;
  display:inline-block;
  vertical-align:middle
 }
 div.recentlyAdded div.rest {
  padding:0 10px
 }
 div#side div.box {
  min-height:282px
 }
 div#side div.box.snow {
  min-height:auto
 }
}
@media all and (max-width:640px) {
 div#menu ul a:after,
 div.misc.top {
  display:none
 }
 div.misc.top.menu {
  display:block;
  padding:80px 0 0
 }
 #menu ul {
  display:block;
  margin-top:30px
 }
 #menu ul li {
  margin:0 0 25px
 }
 div#menu ul a {
  padding:0;
  height:auto;
  text-indent:0
 }
 div#menu ul li a span {
  background:0 0;
  font-size:28px;
  height:auto
 }
 div#menu li.dive a,
 div#menu li.kite a,
 div#menu li.sail a,
 div#menu li.ski a,
 div#menu li.snowboard a,
 div#menu li.surfing a,
 div#menu li.wind a,
 div.slider div.slide>ul>li.big img,
 div.storeDetails div.photoSlider,
 div.weRecommend li,
 div.weRecommend li div.photo img {
  width:100%
 }
 #menuWrapper div#menu li a,
 div.slider div.slide>ul>li img,
 div.storeDetails div.brief {
  width:auto
 }
 #menuWrapper div#menu li:hover a span {
  top:0;
  height:auto
 }
 div#menu li.akademia a:hover span,
 div#menu li.dive a:hover span,
 div#menu li.kite a:hover span,
 div#menu li.sail a:hover span,
 div#menu li.ski a:hover span,
 div#menu li.snowboard a:hover span,
 div#menu li.surfing a:hover span,
 div#menu li.wind a:hover span,
 div#menu ul li.wind a:hover span {
  background:0 0;
  top:0;
  color:#f27234
 }
 div.slider div.slides {
  height:690px
 }
 div.slider div.slide>ul>li {
  width:50%
 }
 div.guidePlaces>ul>li,
 div.videosList>ul>li {
  width:100%;
  margin-bottom:35px;
  padding:0
 }
 div#footer div.menu ul:first-child,
 div#footer div.menu ul:first-child+ul,
 div#footer div.menu ul:first-child+ul+ul {
  width:100%;
  display:block;
  margin-bottom:8px
 }
 div.box {
  width:100%;
  margin:1% 0
 }
 div.misc.fixed div.facebookBox div.inner {
  right:-150px;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  -ms-transform:translateX(0);
  -o-transform:translateX(0);
  transform:translateX(0)
 }
 div.misc.fixed div.facebookBox.active a.goToFacebook {
  -webkit-transform:translate(25px,-55px);
  -moz-transform:translate(25px,-55px);
  -ms-transform:translate(25px,-55px);
  -o-transform:translate(25px,-55px);
  transform:translate(25px,-55px)
 }
 div.photoSlider {
  width:100%;
  display:block;
  margin:0 0 15px
 }
 div.storeDetails div.price {
  width:100%;
  margin-bottom:25px;
  display:block;
  text-align:center
 }
 div.storeDetails div.price div.details {
  text-align:center
 }
 div.storeDetails div.price div.productMenu {
  float:none;
  text-align:center
 }
 div.guidePlaces>ul>li {
  padding:0
 }
 div.article img {
  width:100%!important;
  height:auto!important
 }
 div.store-boxes {
  display:block
 }
 div.gallery ul li {
  width:100%;
  padding-right:10px
 }
 #content div:not(.youtubePromo) iframe {
  height:209px!important
 }
 #content div.ski-search iframe {
  height:4000px!important
 }
 div.photoSlider ul.slides li img {
  width:auto!important
 }
 div#side {
  font-size:12px
 }
 #cboxOverlay,
 #cboxWrapper,
 #colorbox {
  z-index:99999
 }
 #cboxClose {
  right:0
 }
 div.eventDetails div.brief div.date,
 div.eventDetails div.brief h1 {
  display:block;
  padding:0;
  text-align:center
 }
 div#shareOfferWrapper {
  position:absolute
 }
 div#shareOfferWrapper:after {
  height:56%
 }
 div#side div.box {
  min-height:auto
 }
}
@media all and (max-width:500px) {
 #content div.ski-search iframe {
  height:5338px!important
 }
}
@media all and (max-width:425px) {
 a#toggleMenu {
  right:20px
 }
 a#logo {
  top:25px
 }
 a#logo img {
  width:80%;
  height:auto
 }
 div.slider div.menu a.showAll {
  right:0
 }
 div.offerList div.aboutOffer,
 div.offerList div.photo,
 div.offerList.store div.aboutOffer {
  display:block;
  width:100%;
  padding:0 0 15px
 }
 div.offerList.store div.offerMenu,
 div.offerList.store div.price {
  width:49%
 }
 div.offerList.store div.offerMenu {
  float:none;
  text-align:left
 }
 div.offerList.store div.offerMenu a.buy {
  top:41px;
  left:-72px
 }
 div.offerList div.offerMenu a {
  margin:10px 0 0 72px
 }
 div#mainWrapper.ski div.filter,
 div#mainWrapper.snowboard div.filter,
 div.offers div.filter div.name,
 div.offers div.filter div.selectSpoof,
 form.filter div.select,
 form.filter div.wrap {
  display:block;
  text-align:center;
  margin:0 auto
 }
 form.filter div.wrap {
  margin-bottom:15px
 }
 form.filter div.wrap+div.wrap {
  margin-bottom:0
 }
 div#mainWrapper.ski div.snowTrex.ski,
 div#mainWrapper.snowboard div.snowTrex.snowboard {
  float:none;
  text-align:center;
  margin-top:15px
 }
 div#shareOffer,
 div#shareOfferFriend {
  width:90%;
  padding:0 15px 15px
 }
 div#shareOffer div.head,
 div#shareOfferFriend div.head {
  margin:0 -15px 40px
 }
 div#shareOffer form,
 div#shareOfferFriend form {
  width:90%
 }
 div#shareOffer input[type=text],
 div#shareOfferFriend input[type=text] {
  width:100%;
  display:block;
  margin:0 auto
 }
 div#shareOffer span.req,
 div#shareOfferFriend span.req {
  left:auto;
  right:-12px
 }
 div#footer div.social ul li {
  margin-right:10px
 }
 div#copy span.author {
  display:block;
  margin:15px 0 0
 }
 ul.chooseCategory li {
  max-width:300px;
  width:100%;
  padding-right:20px
 }
 div.article div.figure {
  float:none;
  display:block;
  margin:0 auto 20px;
  text-align:center
 }
 div.slider div.slide>ul>li.big img {
  width:auto
 }
 #menu ul {
  margin-top:10px
 }
 #menu ul li {
  margin:0 0 15px
 }
 #content div.ski-search iframe {
  height:4671px!important
 }
 .filter .term-range{
  margin: 0;
 }
}
@media all and (max-width:360px) {
 div.offerList.store div.offerMenu,
 div.offerList.store div.price {
  width:100%;
  display:block;
  float:none;
  text-align:center
 }
 div.offerList.store div.price {
  text-align:center
 }
 div.offerList div.offerMenu a,
 div.offerList.store div.offerMenu a.buy,
 div.offerList.store div.offerMenu a:nth-child(2) {
  position:relative;
  left:auto;
  right:auto;
  margin:10px 0;
  top:auto
 }
}
.cookies {
 background:linear-gradient(45deg,#237fa1 0,#88c6de 100%);
 color:#fff;
 display:block;
 padding:15px 0;
 position:fixed;
 bottom:-1px;
 width:100%;
 z-index:11000
}
.cookies .btn {
 font-size:14px;
 margin-left:20px
}
.cookies .cookiesBarMainDiv {
 text-align:center;
 font-size:18px
}
.cookies .cookiesBarMainDiv .btn-cookies {
 cursor:pointer;
 padding:11px 15px;
 color:#fff;
 background-color:#3762a8;
 border-color:#3762a8;
 display:block;
 max-width:110px;
 margin:5px auto 0
}
#PrivacyPolicy ol,
#PrivacyPolicy ol li,
#ReservationRegulations ol,
#ReservationRegulations ol li {
 list-style-type:decimal
}
#PrivacyPolicy ol.letters,
#PrivacyPolicy ol.letters li,
#ReservationRegulations ol.letters,
#ReservationRegulations ol.letters li {
 list-style-type:lower-alpha
}
#PrivacyPolicy ol,
#ReservationRegulations ol {
 padding-left:25px
}
#PrivacyPolicy ol.inside,
#ReservationRegulations ol.inside {
 padding-left:50px
}
#PrivacyPolicy h2,
#ReservationRegulations h2 {
 margin-top:20px
}
div.slider.opinion_homepage {
 width:100%;
 background:url(gfx/slider_2.jpg) 45% 97% no-repeat
}
div.slider.opinion_homepage div.slides {
 height:150px
}
@media (max-width:640px) {
 div#shareOfferWrapper {
  position:fixed;
  top:20px
 }
 div.slider.opinion_homepage div.slides {
  height:180px
 }
}
@media (max-width:540px) {
 div.slider.opinion_homepage div.slides {
  height:210px
 }
}
@media (max-width:400px) {
 div.slider.opinion_homepage div.slides {
  height:300px
 }
}
.h2-opinie {
 display:block;
 position:absolute;
 width:40px;
 top:-12px;
 left:181px;
 background:#fff
}
.h2-opinie img {
 width:100%
}
.opinion_homepage blockquote {
 line-height:1.5;
 font-size:13px;
 padding:10px 0;
 text-align:justify
}
div.slider div.menu.opinia ul {
 padding-right:0
}
.opinion_homepage .user b {
 font-size:15px
}
.opinion_homepage div.user span {
 text-transform:none
}
div#shareOffer.shareOfferPopup {
 width:100%;
 max-width:1024px;
 background:#f1f6f8;

 padding:0;
 overflow:hidden;
 box-shadow:0 0 11px #00000061
}
div#shareOffer.shareOfferPopup.RufaWSlizgu {
 background: url(gfx/zdjecie-rufa.png) no-repeat;
 background-size: cover;
}
div#shareOffer.shareOfferPopup div.head {
 background:0 0;
 margin:0
}
div#shareOffer.shareOfferPopup .content {
 border-radius:0 10px 10px 0;
 padding:40px 40px 60px;
 flex-direction:column;
 display:flex;
 height:100%;
 max-height:507px;
 margin-top:-40px;
 justify-content:space-between;
 color:#164f5b
}
div#shareOffer.shareOfferPopup.RufaWSlizgu .content {
    background: rgba(42,93,111,0.6);
    max-width: 55%;
   margin-left: unset;
  /*max-height: 100%;*/
  float: right;
}
@media(max-width: 992px){
    div#shareOffer.shareOfferPopup.RufaWSlizgu .content {
       max-width: 100%;
    margin-left: 0%;
    height: 100%;
    max-height: 100%;
    }
    div#shareOffer.shareOfferPopup.RufaWSlizgu .content > .row > * {
        justify-content: center;
    }
}
div#shareOffer.shareOfferPopup .content>.row {
 display:flex;
 flex-direction:row
}
div#shareOffer.shareOfferPopup .content>.row>* {
 max-width:50%;
 display:flex;
 flex-direction:column;
 justify-content:space-between
}
div#shareOffer.shareOfferPopup.RufaWSlizgu .content>.row>* {
 max-width:100%;
}
div#shareOffer.shareOfferPopup.RufaWSlizgu .content h2, 
div#shareOffer.shareOfferPopup.RufaWSlizgu .content p,
div#shareOffer.shareOfferPopup.RufaWSlizgu ul li{
    color: white;
    text-align: left;
}
div#shareOffer.shareOfferPopup.RufaWSlizgu .content p,
div#shareOffer.shareOfferPopup.RufaWSlizgu ul li{
  font-size: 17px;
  margin-bottom: 13px;
}
div#shareOffer.shareOfferPopup.RufaWSlizgu form{
    margin-bottom: 10px;
}
div#shareOffer.shareOfferPopup:not(.RufaWSlizgu) .content .img-box {
 height:100%;
 display:block;
 width:100%;
 max-width:1024px;
 background:url(../img/darmowyebook.png) center center/contain no-repeat;
 padding:0;
 overflow:hidden;
 margin:5px 15px
}
div#shareOffer.shareOfferPopup .close {
 color:#164f5b;
 font-size:20px
}
div#shareOffer.shareOfferPopup .content .img-box img {
 object-fit:cover;
 max-width:100%;
 max-height:100%
}
div#shareOffer.shareOfferPopup .content>* {
 padding-bottom:20px
}
div#shareOffer.shareOfferPopup .content h2 {
 font-size:37px;
 text-align:center;
 line-height:1em
}
div#shareOffer.shareOfferPopup .content p,
div#shareOffer.shareOfferPopup ul li {
 text-align:left;
 font-size:19px;
 margin-bottom:10px;
 line-height:1.2em
}
#pageloader p,
div#shareOffer.shareOfferPopup ul li {
 display:flex
}
div#shareOffer form#popupNextStep {
 width:100%;
 padding-bottom:0
}
#pageloader {
 height:100%;
 position:absolute;
 width:100%;
 z-index:9999;
 margin-top:-40px
}
#pageloader img {
 width:30px;
 height:30px;
 margin-left:15px;
 margin-right:15px
}
div#shareOffer.shareOfferPopup input {
 max-width:95%;
 border:none;
 background-color:#e3e6e6;
 color:#164f5b;
 padding:10px 20px;
 font-size:18px
}
div#shareOffer.shareOfferPopup.RufaWSlizgu input {
background-color: #e3e6e66b;
}
div#shareOffer.shareOfferPopup.RufaWSlizgu input::placeholder {
  color: white;
  opacity: 1;
}
div#shareOffer.shareOfferPopup input::placeholder {
 color:#164f5b
}
div#shareOffer.shareOfferPopup input[type=submit] {
 margin-top:15px;
 width:100%;
 max-width:100%;
 font-weight:700;
 font-size:27px;
 text-transform:uppercase;
 background-color:#f26335;
 color:#fff;
 padding:9px 12px;
 height:auto;
 border-radius:0
}
div#shareOffer.shareOfferPopup ul li:before {
 content:"";
 display:inline-block;
 width:20px;
 height:13px;
 margin:3px 5px 0 0;
 vertical-align:-1px;
 background:url(gfx/arrow.png) no-repeat
}
@media (max-width:1025px) {
 div#shareOffer.shareOfferPopup {
  width:80vw;
  height:85%;
  overflow:scroll
 }
 div#shareOffer.shareOfferPopup .content {
  width:100%;
  max-width:100%;
  margin-left:0;
  border-radius:10px;
  padding:20px 30px
 }
 div#shareOffer.shareOfferPopup .content h2 {
  font-size:30px
 }
 div#shareOffer.shareOfferPopup input[type=submit] {
  font-size:23px
 }
 div#shareOffer.shareOfferPopup .content p,
 div#shareOffer.shareOfferPopup ul li {
  font-size:15px
 }
}
@media (max-width:768px) {
 div#shareOffer.shareOfferPopup .content>.row {
  flex-direction:column-reverse
 }
 div#shareOffer.shareOfferPopup .content>.row>* {
  max-width:100%
 }
 div#shareOffer.shareOfferPopup .content .img-box {
  display:none
 }
 div#shareOffer.shareOfferPopup .content h2 {
  font-size:22px
 }
}
@media (max-width:440px) {
 div#shareOffer.shareOfferPopup {
  overflow:auto
 }
 div#shareOffer.shareOfferPopup:before {
  display:block;
  content:"";
  width:80vw;
  top:7%;
  left:10vw;
  right:0;
  border-radius:10px;
  bottom:7%;
  height:85%;
  position:absolute;
  z-index:10
 }
 div#shareOffer.shareOfferPopup .content {
  max-height:unset;
  background:0 0;
  overflow:scroll;
  position:relative;
  height:96%;
  z-index:20
 }
 div#shareOffer div.head a.close,
 div#shareOfferFriend div.head a.close {
  top:37%;
  right:10px;
  z-index:30
 }
 div#shareOffer.shareOfferPopup input[type=submit] {
  font-size:23px;
  white-space:pre-wrap
 }
 div#shareOffer.shareOfferPopup input {
  max-width:100%
 }
}
#popupNextStep .komunikat {
 position:absolute;
 bottom:-17px;
 color:#fff;
 font-style:italic;
 font-size:12px
}
.ok {
 color:green
}
div#shareOffer.shareOfferPopup input.invalid {
 border:2px solid red
}
@media(max-width: 641px){.mobile-hidden{display: none;}}
@media(min-width: 642px){.desktop-hidden{display: none;}}
.special_class h2.haslo{ color: rgb(0, 0, 128); padding:25px 15px 15px;}
@media(max-width:370px) {
 div#shareOffer.shareOfferPopup .content p,
 div#shareOffer.shareOfferPopup ul li {
  font-size:13px
 }
 div#shareOffer.shareOfferPopup .content h2 {
  font-size:25px
 }
 div#shareOffer.shareOfferPopup input[type=submit] {
  font-size:20px
 }
 div#content .guide h2 {
  max-width:141px
 }
 .h2-opinie {
  top:5px;
  left:121px
 }
}
div#contact form.reservation-form label {
 font-weight:700;
 margin-bottom:5px;
 font-size:13px
}
.form-hr {
 margin:30px 0
}
.reservation-row {
 display:flex;
 margin-bottom:15px
}
.reservation-col {
 margin-right:15px
}
div#contact form select[name=advancement_level_id] {
 width:579px
}
div#contact form select[name=spot_id],
div#contact form select[name=transfer_price_list_id] {
 width:282px
}
div#contact form input[name=hotel_resort_name],
div#contact form input[name=passport_date] {
 width:282px;
 box-sizing:border-box
}
div#contact form input,
div#contact form select {
 margin-top:5px
}
div#contact form span {
 font-weight:500
}
@media (max-width:768px) {
 body.bodyClass {
  overflow:hidden
 }
 body .bgLayer {
  width:100%;
  height:100%;
  position:fixed;
  background:#000;
  z-index:50000;
  opacity:.3
 }
 .reservation-row {
  flex-wrap:wrap;
  margin-bottom:0
 }
 .reservation-col {
  width:100%;
  margin:6px 6px 10px
 }
}
@media (max-width:960px) {
 div#contact form input[name=hotel_resort_name],
 div#contact form input[name=passport_date],
 div#contact form input[type=date],
 div#contact form select[name=advancement_level_id],
 div#contact form select[name=spot_id],
 div#contact form select[name=transfer_price_list_id] {
  width:100%
 }
 div#contact form label {
  line-height:1.1rem
 }
}
.training-level {
 margin:4px 0
}
.add-person-info,
.transfer-container {
 margin-bottom:20px
}
.transfer-pricelist table {
 border:1px solid #000;
 border-collapse:collapse;
 font-size:13px;
 min-width:250px;
 margin:auto auto 7px
}
.transfer-pricelist table th {
 padding:5px;
 border:1px solid #000;
 background-color:#ffffe6
}
.transfer-pricelist table td {
 padding:7px;
 border:1px solid #000
}
.transfer-pricelist table .price-col {
 text-align:right;
 font-weight:700
}
.transfer-pricelist p {
 max-width:250px
}
.add-person-info {
 font-size:13px;
 font-weight:700
}
.contact-field:disabled {
 background-color:rgba(239,239,239,.3)!important
}
.add-person-button {
 background:#f26232!important;
 border:1px solid #f26232!important
}
.reservation_info{
    color: white;
    background: #193f5b;
    padding: 8px 10px;
    border-radius: 12px 0 0 12px;
    margin-top: 5px;
    width: max-content;
    margin-left: auto;
}
.reservation_info_list{
    border-radius:  0 12px 12px 0;
    width: max-content;
    line-height: 1.4em;
    margin-left: 0;
}

#showProjectic {
 width:auto;
 margin:auto;
 text-indent:inherit;
 background:0 0;
 transform:rotate(-90deg);
 display:inline-block;
 white-space:nowrap;
 position:absolute;
 left:0;
 right:0;
 bottom:80px;
 font-size:11px
}
#showProjectic span {
 opacity:1;
 visibility:visible;
 position:static;
 background:0 0;
 transition:none;
 color:#2263ba
}
.p-relative {
 position:relative;
 height:95vh
}
div#copy span.author {
 display:flex;
 justify-content:center;
 align-items:end;
 margin-top:10px
}
.regulations-content {
 font-size:14px;
 line-height:1.4rem
}
.has-text-align-center {
 color:#000!important;
 text-align:center;
 font-size:14px!important
}
.regulations-content li {
 text-align:justify;
 padding-left:1rem;
 padding-right:1rem
}
.regulations-button:focus,
.regulations-button:hover {
 color:#f26232!important;
 transition:.3s
}
div#menu ul li.wind.wyjazdy a::after {
 height:83px
}
div#menu ul li.wind.wyjazdy a:hover::after {
 height:92px
}
div#menu li.wind a:hover::after,
div#menu li.wind.active a::after,
div#menu li.wind:hover a span,
div#menu ul li.wind a:hover span {
 top:-9
}
@media(max-width:1026px) {
 div#menu ul li.wind a::after {
  height:83px
 }
 div#menu li.wind a:hover::after,
 div#menu li.wind.active a::after,
 div#menu li.wind:hover a span,
 div#menu ul li.wind a:hover span {
  top:-11;
  height:44px
 }
}
@media (min-width:640px) {
 #menuWrapper div#menu ul li.wind a,
 #menuWrapper div#menu ul li.wind a span {
  height:30px
 }
}
@media(max-width:1025px) and (min-width:640px) {
 #menuWrapper div#menu li.wind:hover a span,
 #menuWrapper div#menu ul li.wind a:hover span {
  height:39px
 }
 #menu ul li.wind {
  margin-bottom:30px
 }
}
div#menu ul li.dlaczego a::after {
 background-position:-829px -2px;
 height:45px
}
div#menu li.dlaczego a span::after {
 background-position:-829px -7px;
 height:30px
}
div#menu li.dlaczego a:hover::after,
div#menu li.dlaczego.active a::after {
 background-position:-829px -80px
}
div#menu li.dlaczego a span {
 background-position:-829px -52px
}
div#menu li.dlaczego a:hover span,
div#menu li.dlaczego.active a span {
 background-position:-829px -130px
}
@media(min-width:640px) {
 #menuWrapper div#menu ul li.dlaczego a:hover,
 #menuWrapper div#menu ul li.dlaczego a:hover span {
  height:40px
 }
 #menuWrapper div#menu ul li.dlaczego a:hover span {
  top:-11px
 }
}
@media(max-width:1024px) and (min-width:640px) {
 body.menuOpen div#menu {
  display:flex;
  overflow:scroll;
  justify-content:center
 }
}
div#content h2.haslo {
 font-size:39px;
 text-align:center;
 margin-bottom:10px
}
@media(min-width:768px) {
 div#shareOffer.shareOfferPopup .content>.row {
  height:100vh
 }
}
@media(max-width:768px) {
 div#content h2.haslo {
  font-size:30px
 }
 div#shareOffer.shareOfferPopup .content {
  justify-content:center
 }
}
div#menu li.wind.dlaczego a {
 width:90px
}

@media all and (min-width: 640px) {
    #ebooks .head h2>span:after {
        display: none;
    }
}
#reservatoinCenterWholePhone {
    display: none;
}
@media (orientation: portrait) and (max-width: 640px) {
    #reservatoinCenterWholePhone {
      display: block;
      width: 100%;
    }
    #reservatoinCenterWhole {
      display: none;
    }
}
@media (orientation: landscape) and (max-width: 920px) {
    #reservatoinCenterWholePhone {
      display: block;
      width: 100%;
    }
    #reservatoinCenterWhole {
      display: none;
    }
}
@media (orientation: landscape) and (min-width: 769px) and (max-width: 920px) {
    div#main div#side .box {
      width: 49%;
    }
  }

  #side .box.foster {
    display: none;
  }

div#ebooks .videosList > ul > li img{
    width: 100%;
}
@media all and (min-width: 640px) and (max-width: 1024px) {
  div#ebooks .videosList > ul > li:last-child {
    padding-right: 10px;
  }
}
div#ebooks .videosList ul {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 640px) {
  div#ebooks .videosList > ul > li {
    width: 100%;
  }
  div#ebooks .videosList ul {
    display: block;
  }
}
@media (min-width:1024px){ 
  div#ebooks .videosList > ul > li {
    box-sizing: border-box;
    width: 46%;}
}
div.videosList div.photo a img,
div.guidePlaces div.photo img,
div.slider div.slides ul div.photo img,
div.offerList ul li div.photo a img,
div.box.store ul li a img,
div.recentlyAdded ul li a div.photo img,
div.galleryList div.gallery ul li div.photo a img
{
  max-width: 100%;
}
.topten svg{
    height: 65px;
    margin-bottom: -35px;
}
.offerList .topten{
 padding-right: 80px;
  margin-top: 10px;
  display: block;
  height: 65px;
}
.offerList .last-free{
    color: #91ab22;
  font-size: 1.3em;
  display: block;
  font-weight: bold;
  padding: 12px 0 0 2px;
  font-family: Ubuntu;
}
.additional-info{
    text-align: left;
    min-height: 75px;
}
@media(max-width: 768px){
    .topten svg{
        margin-bottom: 0px;
    }
    .additional-info{
        text-align: left;
    } 
    div.offerList div.price{
        display: flex;
        flex-direction: column;
    }   
    .offerList .price > *{
        order:2;
    }
    .offerList .price .topten{
        padding-right: 0px;
        order:1;
        margin-top: -45px;
        padding-bottom: 15px;
    }    
}
div.offerDetails div.price span.last-free{
    color: #91ab22;
    font-size: 1.3em;
}

#reservation_mobile {
  margin-bottom: 0;
}
@media (orientation: landscape) and (max-width: 920px) {
  #reservation_mobile {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
  }
  #reservation,
  #reservationCenter {
    flex: 1 1 auto;
  }
}
@media (orientation: portrait) and (max-width: 640px) {
  #reservation_mobile {
    margin-bottom: 20px;
  }
  #reservation,
  #reservationCenter {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  #mainWrapper:not(:has(.front-page)) .slider {
    display: none;
  }
  #mainWrapper:has(.front-page) > .slider .slides .slide li:nth-of-type(n + 5) {
    display: none;
  }
  #mainWrapper:has(.front-page) > .slider .slides{
    height: 410px;
  }
}

@media (max-width: 640px) {
  #mainWrapper:has(.front-page) > .slider .slides .slide li:nth-of-type(n + 4) {
    display: none;
  }
  #mainWrapper:has(.front-page) > .slider .menu {
    display: flex;
    flex-direction: column;
  }
  #mainWrapper:has(.front-page) > .slider {
    margin-bottom: 60px;
  }
  #mainWrapper:has(.front-page) > .slider .menu .showAll {
    position: static;
    font-size: 24px;
    margin-top: 20px;
  }
}
.offerListNotFound li{
    font-size: 24px;
    text-align: center;
}
div#contact h1{
  margin-bottom: 0;
}
#contact .contact-after-heading{
  font-size: 13px;
  color: red;
  line-height: 1;
  margin:0;
  margin-bottom: 30px;
}
div.offerDetails div.price{
  width:220px;
}
@media (max-width: 480px){
  div.offerDetails div.price {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
}
#main p.smallerText{
  font-size: 12px;
  font-family: 'Ubuntu';
  color: #39393e;;
  line-height: 1em;
  margin: 0;
  padding: 0;
  font-weight: 400;
} 
#main p.smallerText:not(:first-of-type){
  margin-top: 1em;
}
.transfer-img img{padding-bottom: 10px; max-width: 550px; width: 100%;}
@media (max-width:640px){
    #mainWrapper:has(.front-page)>.slider .slides .slide li:not(.big) {
        display:none
    }
    #mainWrapper:has(.front-page)>.slider .slides {
        height: 270px;
    }
}
#logo img{
    max-height: 70px;
}
@media (max-width: 425px){
    a#logo {
        top: 15px;
    }
    a#logo img{
        width: unset;
    } 
}
div#contact > .col h2{margin-bottom: 0;} div#contact > .col h2{ margin-bottom: 0;} div#contact > .col > .smallerText{margin-bottom: 20px; }
#main #reservation p.smallerText{
    color: white;
    text-align: center;
}
@media(min-width:426px){
    .instructor .figure img{
        max-width: 199px;
	}}
#main p.smallerText.lineHeight{
    line-height: 1.5em;
  }
@media(min-width:1025px){
  #main p.smallerText.contactFromWidth{
    /* width: 260px; */
    margin-right: 38px;
  }
}
#main #contact .col:nth-of-type(2) .row:has(.contactFromWidth){
  width: calc(100% - 8.25px);
}
@media (max-width:960px){
  #main #contact .col:nth-of-type(2) .row:has(.req):has(input[type=text]),
  #main #contact .col:nth-of-type(2) .row:has(.req) div:has(textarea){
    display: flex;
  }
}
@media(min-width:960px) and (max-width:1024px){
  #main #contact .col:nth-of-type(2){
    box-sizing: initial;
  }
  #main p.smallerText.contactFromWidth{
    margin-right: 60px;
  }
}
.special_class h2.haslo{
    color: rgb(0, 0, 128);
    padding:25px 15px 15px;
}
.special_class .medal-image{
    max-width: 110px;
}
.special_class {
    display: flex;
    flex-direction: row;   
}
@media(max-width: 641px){
    .mobile-hidden{
        display: none;
    }
    .special_class {
        flex-direction: column;
        align-items: center;
        padding-top: 15px;
    }
    .special_class  h2{
        padding-top: 0px;
    }
    .special_class .medal-image{
        max-width: 70px;
    }
}
@media(min-width: 642px){
    .desktop-hidden{
        display: none;
    }
}
@media (orientation: portrait) and (max-width: 640px),(orientation: landscape) and (max-width: 920px){
    .offers-footer{
      padding-bottom: 50px;
    }
  }
@media (max-width: 640px){
  .box.store:has(.friendlyShops){
    display:none;
  }
}

 @media (min-width:1025px){
  div#footer div.cols.flex-col{
    display: flex;
}
  div#footer div.menu{
    display: flex;
    float: unset;
    width: unset;
  }
  div#footer div.menu ul{
    flex: 1 1;
  }
  div#footer div.social{
    margin-left: 20px;
  }
  div#footer div.social ul {
    display: flex;
  }
  div#footer div.social ul li{
    float: unset;
  }
}
@media (max-width: 1024px){
  div#footer div.menu{
    display: flex;
    float: unset;
    width: unset;
    row-gap: 20px;
    flex-wrap: wrap;
  }
  div#footerWrapper div#footer div.cols div.menu ul {
    width: unset;
    min-width: unset;
    flex-basis: 50%;
  }
  div#footer div.menu ul li a {
    font-size: 14px;
  }
  div#footer div.social{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  div#footer div.social ul li:last-child{
    margin-right: 0;
  }
}
div.noPopup div#shareOffer.shareOfferPopup::before{
  content: unset;
}
/* newsletter 2024 poczatek*/
div#shareOffer.shareOfferPopup.NewsletterPopup{
  background-color:#00102d;
  max-width: 100vw;
  transform: translate(-50%, -50%);
  top: 50%;
  position: absolute;
  width: 100%;
  border-radius: 0px;
}
.noPopup div#shareOffer.shareOfferPopup.NewsletterPopup{
  transform: unset;
  top: unset;
  position: unset;
}

div#shareOffer.shareOfferPopup.NewsletterPopup .content > .row > *{
  max-width: 100%;
  width: 100%;
  color: white;
}
div#shareOffer.shareOfferPopup.NewsletterPopup .content h2{
  font-size: 52px;
  letter-spacing: 2px;
}
div#shareOffer.shareOfferPopup.NewsletterPopup .content p{
  letter-spacing: 1px;
  text-align: center;
  line-height: 1.2em;
   line-height: 1.2em;
  font-size: 1.8em;
  margin-bottom: 15px;
}
div#shareOffer.shareOfferPopup .content  p .color-green{
  color: #b2c937;
  font-size: 1.25em;
  line-height: 1.3em;
  font-weight: bold;
  padding: 10px 0;
}
div#shareOffer.shareOfferPopup.NewsletterPopup input[type="submit"]{
  background-color: #b2c937;
  text-shadow: 2px 2px 5px #000000a6;
  border-radius: 10px;
  width: max-content;
  padding-left: 35px;
  padding-right: 35px;
}
div#shareOffer.NewsletterPopup form#popupNextStep{
  max-width: 470px;
  margin: 0 auto;
}
div#shareOffer.shareOfferPopup form .row, div#shareOffer form div.submit{
  text-align: center;
}
div#shareOffer form div.submit input{
  font-size: 40px;
  padding: 16px 40px;
}
div#shareOffer.NewsletterPopup form#popupNextStep input[type="text"]{
  max-width: 68%;
  margin: 0 auto;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  padding: 3px 15px;
}
div#shareOffer.NewsletterPopup form#popupNextStep input[type="text"]::placeholder{
  color: #737373;
}
div#shareOffer.shareOfferPopup form .row.rodo{ 
  font-size: 12px;
  margin-bottom: 10px;
}
.NewsletterPopup #popupNextStep .komunikat{
  text-align: center;
  width: 100%;
}
div#shareOffer.NewsletterPopup input#Rodo{
  height: 14px;
  width: 14px;
  outline-style: solid;
  outline-color: #b2c937;
  outline-width: 2px;
}
div#main{
  margin-bottom: 50px;
}
div#shareOffer.NewsletterPopup .row a{
  text-decoration: underline;
}
@media(max-width: 1024px){
  div#shareOffer.shareOfferPopup.NewsletterPopup .content{
      max-height: unset;
  }
  div#shareOffer.NewsletterPopup  .mobile-hidden {
      display: none;
  }
}
@media(max-width: 992px){
  div#shareOffer.shareOfferPopup.NewsletterPopup .content h2 {
      font-size: 45px;
  }
  div#shareOffer.shareOfferPopup.NewsletterPopup .content p{
      font-size: 1.6em;
  }
  div#shareOffer.shareOfferPopup.NewsletterPopup .content {
      margin-top: 0px;
      height: inherit;
      justify-content: flex-start;
      margin-top: -15px;
  }

  }
@media(max-width: 768px){
  div#shareOffer.shareOfferPopup.NewsletterPopup .content h2 {
      font-size: 35px;
  }
  div#shareOffer.shareOfferPopup.NewsletterPopup .content p{
      font-size: 1.4em;
  }
}
@media(max-width: 380px){
  div#shareOffer.shareOfferPopup.NewsletterPopup .content h2 {
      font-size: 28px;
  }
  div#shareOffer.shareOfferPopup.NewsletterPopup .content p {
      font-size: 0.9em;
  }
  div#shareOffer.NewsletterPopup form#popupNextStep input[type="text"] {
      max-width: 100%;
  }
  div#shareOffer.shareOfferPopup form .row.rodo {
      font-size: 11px;
      line-height: 14px;
  }
}
div.noPopup #shareOffer.shareOfferPopup .content{
  margin-top:0;
}
@media(min-width:768px) {
  div.noPopup div#shareOffer.shareOfferPopup .content>.row {
      height:auto
  }
}
@media (max-width: 1024px){
  div.noPopup div#shareOffer.shareOfferPopup{
      padding-top: 20px;
  }
  div.noPopup{
      /* make it full width
        -20px from padding div#mainWrapper
       */
       margin-left: -20px;
       margin-right: -20px;
  }
}
/** Safari */
body.isSafari div.rodo input#Rodo{
      padding: 0;
} 
/** END Safari */
div#mainWrapper{
  padding-bottom: 0;
}
/* newsletter 2024 koniec*/
#footerWrapper hr{
    height: 1px;
    background: #fff;
    display: block;
    opacity: .15;
}
@media (min-width:1025px){
  div#footer div.cols.flex-col{
    display: flex;
  }
  div#footer div.menu{
    display: flex;
    float: unset;
    width: unset;
  }
  div#footer div.menu ul{
    flex: 1 1;
  }
  div#footer div.social{
    margin-left: 20px;
  }
  div#footer div.social ul {
    display: flex;
  }
  div#footer div.social ul li{
    float: unset;
  }
}
@media (max-width: 640px) {
  #mainWrapper:has(.front-page) > .slider .menu .showAll {
    font-size: 19px;
  }
}
@media (max-width: 425px) {
    div.slider div.slides ul div.photo{
        height: 100%;
    }
    div.slider div.slides ul div.photo img{
        object-fit: cover;
        height: 100%;
    }
}
#main p.smallerText{
  font-size: 12px;
  font-family: 'Ubuntu';
  color: #39393e;;
  line-height: 1em;
  margin: 0;
  padding: 0;
}
#main p.smallerText:not(:first-of-type){
  margin-top: 1em;
}

#contact .reservation-col p.smallerText{
  line-height: 2em;
}
@media (max-width: 960px){
    div#contact div.col+div.col {
        margin-top: 20px;
    }
}

#reservatoinCenterWholePhone .reservationCenter ul>li>div,
#reservation_mobile .head h2,
#reservatoinCenterWholePhone .head h2,
#reservation_mobile #reservationCenter .reservationCenter ul>li>div{
  text-align: center;
}
@media (orientation:portrait) and (max-height:750px) and (max-width:450px) {
  div#shareOffer.shareOfferPopup.RufaWSlizgu .content h2{
    font-size: 20px;
  }
  div#shareOffer.shareOfferPopup.RufaWSlizgu .content p,
  div#shareOffer.shareOfferPopup.RufaWSlizgu ul li{
    font-size: 14px;
  }
  div#shareOffer.shareOfferPopup.RufaWSlizgu .col-12 > div > p{
    font-size: 15px;
  }
  div#shareOffer.shareOfferPopup.RufaWSlizgu input[type="submit"]{
    font-size: 19px;
  }
}
#reservation .error li{
  color: #e20014;
}
#reservation form .row.required >label::after{
  content: '*';
  padding: 0 5px
}
.popupWrapper .popup.form-errors a:hover{
  cursor: pointer;
}
#contact .row.rodo-checkbox{
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
}
#contact .row.rodo-checkbox #rodo{
  grid-row-start: 1;
  grid-column-start: 1;
  margin-bottom: auto;
}
#contact .row.rodo-checkbox .error{
  grid-row-start: 2;
  grid-column-start: 1;
  grid-column-end: none;
}
#contact .row.rodo-checkbox label{
  grid-row-start: 1;
  grid-column-start: 2;
}
@media (min-width:1025px){
  div#top,
  div.slider{
    max-width: 1100px;
    padding-left: 20px;
    padding-right: 20px;
    width: unset;
  }
  a#logo {
      left:20px
  }
  div#main{
      width: unset;
      padding-left: 20px;
      padding-right: 20px;
  }
  div#main{
      max-width: 1100px;
  }
  div#content{
    margin-left: 2em;
    width: calc( 100% - 240px - 2em);;
  }
  div#footer{
      max-width: 1100px;
      padding-left: 20px;
      padding-right: 20px;
      width: unset;
  }
  div#contact:not(:has(#ReservationForm-1)){
  display: flex;
  justify-content: center;
  }
  div.guidePlaces>ul, 
  div.videosList>ul,
  div.gallery>ul{
    font-size: 0;
    margin: 0;
  }
  div.videosList>ul>li,
  div.guidePlaces>ul>li,
  div.gallery>ul>li {
    margin: 0;
    padding: 0 10px;
    width: 33.33%;
    box-sizing: border-box;
    font-size: 12px;
  }
  div.videosList div.photo a img,
  div.guidePlaces div.photo img,
  div.galleryList div.gallery ul li div.photo a img,
  div.weRecommend li div.photo img{
    max-width: 100%;
    width: 100%;
  }
  div.slider div.slide>ul>li.big{
    width: 430px;
    height: 296px;
  }
  div.slider div.slide>ul{
    padding: 0 0 0 431px;
  }
  div.slider div.slides {
    height: 296px;
  }
  div.slider div.slide li.big div.details{
    width: 190px;
  }
  div.slider div.slides ul div.photo img{
    width: 100%;
    object-fit: cover;
  }
  div.slider div.slide>ul>li {
    width: 33%;
    margin: 0 0 1px;
    padding: 0 0 0 1px;
    font-size:16px;
    height: 148px;
  }
  div.weRecommend ul{
    font-size: 0;
  }
  div.weRecommend li{
    width: 50%;
    box-sizing: border-box;
    font-size: 12px;
    display: inline-flex;
    justify-content: space-between;
    gap: 10px;
  }
  div.weRecommend li div.photo{
    width: 200px;
  }
  div.weRecommend li div.desc{
    width:150px
  }
  div#contact #ReservationForm-1 .flex-row .reservation-col{
    flex: 0 1 310px;
  }
  div.article div.menu li a{
    width: 230px;
    border-radius: 8px 8px 0px 0px;
    border: 1px solid #DEE1E6;
    box-sizing: border-box;
    background: linear-gradient(0deg, #E7EBED,#F1F6F9);
  }
  div.article div.menu li a:hover, 
  div.article div.menu li.active a{
    background: #193f5b;
  }
  .offerDetails .article iframe,
  div.article div.figure.wide img,
  .guide .article iframe,
  .work .article iframe,
  .eventDetails .article iframe,
  .work div.figure.wide img{
    width: 100%;
  }
  div.slider.opinion_homepage{
    padding: 0;
  }
  div#content h2.haslo {
    font-size: 44px;
  }
  div#content h1.h2, div#content h2, div.cooperation div.article h1{
    font-size: 26px;
  }
  div.youtubePromo{
    font-size: 15px;
  }
  .opinion_homepage blockquote{
    font-size: 15px;
  }
  .opinion_homepage .user b,
  div.videosList h3,
  div.guidePlaces h3 {
    font-size: 17px;
  }
  div.guidePlaces p{
    font-size:16px;
  }
  div.article h1{
    font-size: 43px;
  }
  div.faq ul.questions div.question, div.opinions div.user span b, p b, p strong{
    font-size: 1.21em;
  }
  div.article{
    font-size: 16px;
    line-height:24px
  }
  div.weRecommend h3{
    font-size: 25px;
  }
  div.weRecommend li{
    font-size: 13px;
  }
  div.weRecommend div.price{
    font-size: 24px;
  }
  div#contact h2{
    font-size: 25px;
  }
  #main p.smallerText{
    font-size: 13px;
  }
  div.faq ul.questions p{
    font-size: 16px;
    line-height: 24px;
  }
  div.eventsSchedule div.date, div.instructorList div.date{
    font-size: 19px;
  }
  div.eventsSchedule h3{
    font-size: 23px;
  }
  div.eventsSchedule p{
    font-size: 15px;
    line-height: 21px;
  }
  div.eventsSchedule a.more, div.instructorList a.more{
    font-size:16px;
  }
  div.instructorList h3{
    font-size: 19px;
  }
  div.instructorList p{
    font-size:16px;
    line-height: 21px;
  }
  div.opinionsList h3, div.schedule h3{
    font-size: 18px;
  }
  div.opinionsList blockquote, div.schedule blockquote{
    font-size:16px;
    line-height: 20px;
  }
  div.gallery h3{
    font-size: 16px;
  }
  body{
    font-size:14px;
  }
  div#footer {
    font-size: 16px;
  }
  div#footer div.newsletter { 
    font-size:16px
  }
  div#footer div.newsletter form div.signOut input[type=submit] {
    font-size:16px;
  }
  div.search div.thanks{
    font-size:16px;
  }
  div.search div.price {
    font-size:16px
  }
  div.calendar td,
  div.calendar th{
    font-size:16px;
  }
  div.discountsList h4,
  div.workOffersList h4{
    font-size:16px;
  }
  div.article div.menu li {
    font-size:16px;
  }
  div.addOpinion span.req {
    font-size:16px
  }
  div.offerList div.price {
    font-size:16px;
  }
  div.offerList.store div.price {
    font-size:16px;
  }
  div.storeDetails div.price div.details span {
    font-size:16px;
  }
  div.gallery h3 {
    font-size:16px;
  }
  div.faq ul.questions {
    font-size:16px;
  }
  div#shareOfferFriend {
    font-size:16px
  }
  div#shareOfferWrapper input[type=submit] {
    font-size:16px;
  }
  div.recentlyAdded div.category {
    font-size:16px
  }
  ul.chooseCategory span.total {
    font-size:16px;
  }
  div.videosList>ul>li {
    font-size:16px
  }
  div#footer div.menu ul:first-child,
  div#footer div.menu ul:first-child+ul,
  div#footer div.menu ul:first-child+ul+ul,
  div.guidePlaces>ul>li {
    font-size:16px
  }
  .cookies .btn {
    font-size:16px;
  }
  .regulations-content {
    font-size:16px;
  }
  .has-text-align-center {
    font-size:16px!important
  }
  .tab p:not(:has( img+ img), :has( a+ a)) img:not(.wp-smiley),
  .article p:not(:has( img+ img), :has( a+ a)) img:not(.wp-smiley),
  .youtubePromo p:not(:has( img+ img), :has( a+ a)) img:not(.wp-smiley){
    display: block;
    margin: 0 auto;
  }
  div.article div.photoSlider ul.slides{
    width: 792px;
    height: 302px;
  }
}
@media (max-width: 1024px){
  div.article img.wp-smiley, 
  div.tabs div.tab.active img.wp-smiley {
    width: initial !important;
    height: initial !important;
}}
@media (min-width:1041px) {
  div.head h1 span:after, 
  div.head h2 span.rating:after,
  div.head h2 ul.features:after,
  div.head h2>span:after {
    width: 700px;
}}
div.article img{
  max-width: 100%;
}
.css-arrow{
  display: block;
    width: 20px;
    height: 20px;
    background: transparent;
    border-top: 4px solid;
    border-right: 4px solid;
    border-color: black;
    transition: all ease-in-out 0.3s;
    -ms-transform: rotate(135deg) translate(-30%, 38%);
    -webkit-transform: rotate(135deg) translate(-30%, 38%);
    transform: rotate(135deg) translate(-30%, 38%);
    transition: all ease-in-out 0.3s;
    margin-top: 10px;
}
.css-arrow.rotated{
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all ease-in-out 0.3s;
}
.accordion .accordion-item > button{
  background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
  text-align: initial;
	cursor: pointer;
	outline: inherit;
  width: 100%;
  font-size: 1.7em;
  padding: 10px;
  background-color: #f3f3f3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 30px;
}
ul.accordion > li.accordion-item > ul{
  height: 0;
  overflow: hidden;
  -webkit-transition: -webkit-transform .3s,opacity .3s;
  -moz-transition: -moz-transform .3s,opacity .3s;
  -ms-transition: -ms-transform .3s,opacity .3s;
  -o-transition: -o-transform .3s,opacity .3s;
  transition: transform .3s,opacity .3s;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 10px;
  border: 1px solid #f3f3f3;
  margin-top: 0;
  padding-top: 20px;
  border-top: unset;
}
ul.accordion > li.accordion-item.is-open > ul{
  height: auto;
  overflow: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
div.faq ul.questions li{
  padding: 0 30px 0 30px;
}
.filter-button{
  margin-top: 0.5rem;
  line-height: 24px;
  height: 24px;
  padding: 0 8px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  background: #3477d0;
  border: 1px solid #2263ba;
  cursor: pointer;
  background: #f26232 !important;
  border: 1px solid #f26232 !important;
 }
.term-range{
  /* width: 200px; */
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
 }
 /* [surfski] Główna strona Surfski Zmiany 2024 */
div#menu ul a:after{
  content: unset;
}
div#menu ul a span{
  background: unset;
  height: auto;
  display: inline;
}
div#menu ul a{
  display: inline;
  height: auto;
  text-indent: unset;
  padding: unset;
  font-size: 1.33em;
  color: #19415D;
  font-family: 'UbuntuMedium';
}
div#menu ul li:hover a{
  color: #FC760B;
}
div#menu ul li {
  margin: unset;
  padding: 10px;
  text-align: center;
  /* 100% / by number of li elements in menu */
  /* flex-basis: calc(100%/7); */
}

div#menu ul{
  display: flex;
  justify-content: end;
  gap: 5px;
}
@media (max-width: 1024px){
 #menu ul {
      flex-direction: column;
  }
}
 .image-wrapper img{
  width: 100%;
  max-width: 100%;
}
 div#top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
a#logo{
  position: initial;
}
div#menuWrapper{
  flex: 1 1 auto;
}
div#menu
{
  padding: unset;
  position: initial;
}
div.home-page h2.haslo {
  font-size: 44px;
  color: #19415D;
  text-align: center;
  margin-bottom: 32px;
}
div.home-page .h2{
  font-size: 44px;
  color: #19415D;
  text-align: center;
  margin: 2.5rem 0;
} 
div.home-page .youtubePromo{
  flex-grow: 1;

}
div.home-page p,
div.home-page strong{
  font-size: 16px;
}
div.home-page .flex-container #side .box:last-child{
  margin-bottom: 0;
}
div.home-page .youtubePromo iframe{
  height: calc(100% + 1px);
}
div.home-page .flex-container{
  display: flex;
  gap: 20px;
}
div.home-page .flex-container-column{
  flex-direction: column;
  display: flex;
  gap: 20px;
}
div.home-page .join-us .flex-container-column{
  justify-content: space-around;
  text-align: justify;
}
@media (max-width:940px) {
  div.home-page .join-us .flex-container{
    flex-direction: column;
    align-items: center;
  }
  div.home-page .join-us .image-wrapper{
    height: 264px;
  }
  div.home-page .join-us .image-wrapper img{
    object-fit: cover;
  }
}
div.home-page .join-us .image-wrapper{
  max-height: 264px;
  max-width: 519px;
  flex-shrink: 0;
}
div.home-page .join-us .image-wrapper img{
  width: 100%;
  height: 100%;
}
div.home-page .why-windsurfing .green-box{
  padding: 1em 10em;
  background-color: #C1E03F;
  text-align: center;
}
div.home-page .why-windsurfing .green-box p,
.home-page .front-page li{
  font-size: 18px;
}
div.home-page .why-windsurfing .green-box strong{
  font-size: 20px;
}
div.home-page .why-windsurfing .why-list{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 2rem 0;
  gap: 20px;
  row-gap: 0;
}
div.home-page .why-windsurfing .why-list-item{
  /* gap is 20px */
  flex-basis: calc(100%/3 - 20px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media (max-width:1024px) {
  div.home-page .why-windsurfing .why-list{
    flex-wrap: wrap;
  }
  div.home-page .why-windsurfing .why-list-item{
    flex-basis: 300px;
  }
  div.home-page .why-windsurfing .green-box{
    padding: 1em 10vw;
  }
}
@media (max-width:720px) {
  div.home-page .why-windsurfing .why-list-item{
    flex-basis: 100%;
  }
}
div.home-page .why-windsurfing .why-list-item-icon{
  flex: 0 0 100px;
}
div.home-page .why-windsurfing .why-list-item-icon ~ p{
  flex: 1 0 auto;
}
div.home-page .what-gain-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 370px 1fr;
  gap: 20px;
}
div.home-page .what-gain-grid .image-wrapper{
  font-size: 0;
}
div.home-page .green-arrow{
  position: relative;
  z-index: 1;
}
div.home-page .green-arrow::after{
  position: absolute;
  content: ' ';
  background-image: url(/public/default/img/green_arrow_straight.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position-x: right;
  right: 0;  
  width: 100%;
  height: 100%;
  z-index: -1;
  bottom: -20px;
}
div.home-page .what-gain-grid .h2{
  margin-bottom: 3.5rem;
}
div.home-page .what-gain-grid .left-column{
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}
div.home-page .what-gain-grid .right-column{
  grid-column-start: 2;
}
div.home-page .what-gain-grid ul{
  padding-left: 2em;
}
div.home-page .what-gain-grid ul li{
  position: relative;
  margin: 1.5em 0;
  max-width: 460px;
}
div.home-page .what-gain-grid ul li::before{
  /* change it to some icon  */
  content: ' ';
  max-width: 20px;
  max-height: 20px;
  position: absolute;
  display: block;
  width: 18px;
  left: -30px;
  height: 18px;
  background:url("/public/default/img/icon_home_bullet.png");
}
div.home-page .what-gain-grid ul li strong{
  font-size: inherit;
}
div.home-page .what-gain-grid ul li.read-more .read-more-btn{
  position: absolute;
  right: 0;
  font-size: 0.75em;
  bottom: -1.2em;
  color: #1f6799;
}
div.home-page .what-gain-grid ul li.read-more .read-more-btn{
  background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
  position: absolute;
  right: 0;
  font-size: 0.75em;
  bottom: -1.2em;
  color: #1f6799;
}
div.home-page .what-gain-grid ul li.read-more .read-more-btn:hover,
div.home-page .link-arrow a:hover{
  cursor: pointer;
  color: #C1E03F;
}
div.home-page .what-gain-grid ul li.read-more .hidden-text{
  font-size: inherit;
  display: none;
}
div.home-page .what-gain-grid ul li.read-more.open .hidden-text{
  display: initial;
}
div.home-page .green-checkmark{
  border: 10px solid #1f6799;
  border-bottom: 13px solid #1f6799;
  border-top: 7px solid #1f6799;
  max-height: 350px;
  height: 100%;
  position: relative;
}
div.home-page .green-checkmark .checkmark{
  position: absolute;
  top: -80px;
  right: -20px;
}
div.home-page .green-checkmark .personel{
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
div.home-page .green-checkmark .personel>*{
  font-size: 2em;
  text-align: center;
  color: #1f6799;
}
div.home-page .green-checkmark .guy{
  position: absolute;
  bottom: -2px;
}
div.home-page .green-checkmark .guy-left{
  left: -25px;
}
div.home-page .green-checkmark .guy-right{
  right: -25px;
}
@media (max-width:940px) {
  div.home-page .green-checkmark .personel{
    padding: 30px 0;
  }
  div.home-page .what-gain-grid{
    display: flex;
    flex-direction: column;
  }
  div.home-page .what-gain-grid ul{
    padding-left: 1.8rem;
    /* padding-right: 1.75rem; */
  }
  div.home-page .what-gain-grid ul li{
    max-width: initial;
  }
  div.home-page .green-arrow::after {
    content: unset;
  }
  div.home-page .green-arrow strong:last-of-type{
    display: none;
  }
  div.home-page .link-arrow{
    align-items: center;
  }
}
div.home-page .link-arrow{
  display: flex;
  flex-direction: column;
}
div.home-page .link-arrow a{
  background-image: url("/public/default/img/green_arrow_curved.png");
  color: #1f6799;
  font-weight: bold;
  background-repeat: no-repeat;
  margin-left: auto;
  font-size: 1.4em;
  padding:10px 0px 10px 80px;
  background-position-x: left;
  background-position-y: bottom;
  background-size: 60px;
}
div.home-page .how-look{
  margin-bottom: 3rem;
}
div.home-page .how-look .how-look-text{
  max-width: 480px;
  width: 100%;
}
div.home-page .how-look .how-look-text p:first-child{
  margin-bottom: 1em;
}
div.home-page .how-look .how-look-text p:not(:first-child){
  margin: 1em 0;
}
@media (max-width:940px) {
  div.home-page .how-look .flex-container{
    flex-direction: column-reverse;
    align-items: center;
  }
  div.home-page .how-look .how-look-text{
    max-width: unset;
  }
}
div.home-page .experineces-notes p{
  font-size: inherit;
}
div.home-page .experineces-notes{
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
div.home-page .experineces-notes .first-note,
div.home-page .experineces-notes .second-note,
div.home-page .experineces-notes .thrid-note{
  padding: 30px 3rem;
  font-size:1.5em;
}
div.home-page .experineces-notes .first-note{
  border: 10px solid #1f6799;
  color: #1f6799;
}
div.home-page .experineces-notes .second-note{
  background-color:#C1E03F;
  color: #39393e;
}
div.home-page .experineces-notes .thrid-note{
  background-color:#17375b;
  color: white;
}
div.home-page .experineces-notes > *{
  display: flex;
  align-items: center;
  row-gap: 20px;
}
div.home-page .experineces-notes p br{
  display: none;
}
@media (min-width:1025px) {
  div.home-page .experineces-notes .first-note,
  div.home-page .experineces-notes .second-note,
  div.home-page .experineces-notes .thrid-note{
    padding: 30px;
    font-size:1.5em;
  }
  div.home-page .experineces-notes p br{
    display: initial;
  }
  div.home-page .experineces-notes{
    flex-direction: row;
  }
  div.home-page .experineces-notes > *{
    flex-basis: calc(100%/3);
    justify-content: center;
    
  }
  div.home-page .experineces-notes .first-note{
    max-height: 175px;
  }
  div.home-page .experineces-notes .second-note{
    margin-right: -20px;
    margin-left: -20px;
    margin-top: 120px;
    max-width: 230px;
  }
  div.home-page .experineces-notes .thrid-note{
    background-color:#19415D;
    max-height: 125px;
    color: white;
  }
}
div.home-page .what-experiences footer{
  font-size: 1.5em;
  text-align: center;
  font-weight: bold;
  color: #19415D;
  margin-top: 2em;
  padding: 0 2em;
}
div.home-page .why-us p,
div.home-page .why-us span,
div.home-page .why-us li,
div.home-page .why-us strong{
  font-size: inherit;
}
div.home-page .why-us{
  font-size: 1.5em;
}
div.home-page .why-us .blue-text{
  color :#19415D;
}
div.home-page .why-us .why-us-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}
div.home-page  .why-us-list{
  margin: 2em 0;
}
div.home-page .why-us-list span,
div.home-page .why-us ul{
  font-size: 1.1rem;
}
div.home-page .why-us .image-wrapper{
  text-align: end;
  grid-column-start: 2;
  grid-row-start: 1;
}
div.home-page .why-us .call-us{
  grid-column-end: 3;
  grid-column-start: 1;
  max-width: 60%;
  font-size: 1.1rem;
}
div.home-page .why-us .call-us .green-text{
  color: #C1E03F;
}
div.home-page .why-us .image-wrapper img{
  width: unset;
}
div.home-page .why-us ul{
  padding-left: 1.5em;
}
div.home-page .why-us ul li{
  list-style-type: initial;
}
@media (max-width:940px) {
  div.home-page .why-us .call-us{
    max-width: unset;
  }
}
@media (max-width:768px){
  div.home-page .why-us .why-us-grid{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
div.home-page #ebooks .h2{
  text-align: initial;
}
div.home-page div.slider.opinion_homepage{
  background-position-x: calc(50% + 15px);
  max-width: 70%;
}
div.home-page .opinion-home-wrapper .opinion-img-left{
  position: absolute;
  left: -94px;
  top: -65px;
}
div.home-page .opinion-home-wrapper .opinion-img-right{
  position: absolute;
  top: -24px;
  right: -150px;
}
div.home-page .opinion-home-wrapper{
  position: relative;
}
div.home-page div.slider.opinion_homepage div.slides{
  height: 180px;
}
div.home-page .home-opinions .h2{
  margin-bottom: 4.5rem;
}
@media (max-width:768px){
  div.home-page .home-opinions .h2{
    margin-bottom: 2.5rem;
  }
  div.home-page .home-opinions .opinion-home-wrapper > img{
    display: none;
  }
  div.home-page div.slider.opinion_homepage{
    max-width: unset;
  }
}
@media (max-width: 540px) {
  div.home-page div.slider.opinion_homepage div.slides {
    height: 210px;
  }
}
@media (max-width: 400px) {
  div.home-page div.slider.opinion_homepage div.slides {
    height: 300px;
  }
}
@media (orientation: landscape) and (max-width: 920px) {
  div.home-page  #reservatoinCenterWholePhone {
    margin-top: 2.5rem;
    background: unset;
    padding: 0 3rem;
  }
  div.home-page #reservatoinCenterWholePhone div.reservationCenter,
  div.home-page #reservatoinCenterWholePhone div.head{
    margin: 0 0 18px;
  }
}
@media (max-width: 1024px) {
  div.home-page div#side div.box {
    font-size: 13px;
    min-height: unset;
  }
}
div.home-page .tuts{
  margin-top: 4.5rem;
}
@media (max-width: 1024px) {
  div.home-page div.misc.top.menu {
    display: block;
    padding: 80px 0 0;
  }
}
@media (max-width: 1024px) {
  div#menu ul a::after, div.misc.top {
    display: none;
  }
  div#menu ul li a span {
      font-size: 28px;
    }
  body.menuOpen div#menu {
    display: table;
    margin: 0 auto;
    height: 100%;
  }
  div.home-page div.misc.fixed div.facebookBox.active div.inner {
    visibility:hidden;
    -webkit-transform:unset;
    -moz-transform:unset;
    -ms-transform:unset;
    -o-transform:unset;
    transform:unset
  }
  div.home-page div.misc.fixed div.facebookBox.active a.goToFacebook {
    -webkit-transform:unset;
    -moz-transform:unset;
    -ms-transform:unset;
    -o-transform:unset;
    transform:unset
  }
}
div#footer div.cols.flex-col{
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
}
div#footer div.social{
  order: 3;
  grid-column-start: 1;
  grid-column-end: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10px;
}
div#footer div.social i {
  font-size: 25px;
}
div#footer div.social i:hover{
  color: #C1E03F;
}
.home-footer-guide{
  grid-column-start: 2;
  margin-left: 20px;
}
.home-footer-guide .section .guide a{
  font-size: 14px;
}
.home-footer-guide .guide h2{
  font-size: 16px;
  font-family: 'Ubuntu';
}
.home-footer-guide div.guidePlaces div.photo a{
  display: inline-block;
}
.home-footer-guide .guide{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.home-footer-guide div.guidePlaces div.photo{
  margin: 0;
}
@media (max-width:768px){
  div#footer div.cols.flex-col{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .home-footer-guide{
    margin-left: unset;
  }
}
div#footer div.cols.flex-col{
  margin-bottom: 0;
}
div#footer div.cols.flex-col h3{
  display: none;
}
div.home-page .reservationCenterCloud{
  margin-top: -20px;
}
div.home-page div#footerWrapper{
  background: unset;
}
div.home-page .noPopup div#shareOffer.shareOfferPopup.NewsletterPopup{
  overflow: hidden;
}
 /* END [surfski] Główna strona Surfski Zmiany 2024 END */
div.term-range input.term-input,
div.select select{
  box-sizing: border-box;
  width: 200px;
}
@media (max-width: 831px) {
  form.filter div.select {
    margin: 0 0 0 22px;
  }
 }
 @media (max-width: 425px) {
  form.filter div.select {
   margin: 0 auto;
  }
}
@media (min-width: 1025px) and (max-width: 1131px){
  form.filter div.select {
    margin: 0 0 0 22px;
  }
}
.term-wrapper > .wrap:first-child > *{
  padding-bottom: 3px;
  
}
.term-wrapper .filter-button{
  margin-top: unset;
  height: unset;
}
.box:has(.recentlyAdded) .more-wrapper{
  text-align: right;
}
.box:has(.recentlyAdded) .more-wrapper .more{
  color: white;
  text-transform: uppercase;
  /* margin-top: 7.5px; */
  margin-bottom: 7.5px;
  font-size: 12px;
}
.box:has(.recentlyAdded) .more-wrapper .more:hover{
  text-decoration: underline;
}
.box:has(.recentlyAdded) ul li{
  padding-bottom: 7.5px;
}
@media (min-width:1024px){ 
  div.home-page div#ebooks .videosList > ul > li {
    box-sizing: border-box;
    width: 50%;}
}
@media (max-width: 768px){ 
  div.home-page .h2,
  div.home-page h2.haslo{
    font-size: 30px;
  }
}
div#side .head :has(.head-link){
  text-align: center;
}
div#side .head .head-link{
  color: white;
  margin: 0;
  display: initial;
}
div.home-page .show-on-mobile{
  display: none;
}
@media (max-width:940px) {
  div.home-page .hide-on-mobile{
    display: none;
  }
  div.home-page .show-on-mobile{
    display: initial;
  }
}
@media (max-width: 1024px) {
  div#outer.home-page .box .head h2{
    font-size: 24px;
  }
   div.home-page .youtubePromo{
     aspect-ratio: 10 / 7;
     height: 100%; 
     img.play-image{
         max-width: 90px;
     }
  }
}
#reservatoinCenterWholePhone h2{
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  #menu ul li:first-child, 
  #menu ul li:nth-child(2){
    display: inline;
  }
}
.footer-guide .guidePlaces {
  max-width: 240px;
}
.footer-guide .guidePlaces .footerSlide{
  padding: 0 20px;
}
.footer-guide .guidePlaces .footerSlide .cover{
  text-align: center;
}
.footer-guide .guidePlaces .footerSlide .cover a{
  font-size: 13px;
}
@media(max-width: 640px){
    div.reservationCenter{
        text-align:center;
    }
    div.home-page .youtubePromo{
     img.play-image{
         max-width: 70px;
     }
  }
}
.youtubePromoHomePage{
    position: relative;
}

.youtubePromoHomePage .responsive-iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.youtubePromoHomePage .responsive-iframe:not(.play-image){
    object-fit: cover;
}
.youtubePromoHomePage .responsive-iframe.play-image{
    width: 120px;
    /*height: 50px;*/
}
.delete-person-button {
 background:#ED302D!important;
 border:1px solid #ED302D!important;
 margin-bottom:1rem!important;
}
div.guidePlaces div.photo{
/*  display: flex; */
  justify-content: center;
  align-items: center;
}
div.guidePlaces div.photo a,
div.guidePlaces div.photo img{
  max-width: 350px;
}
@media (min-width:641px){
  div.guidePlaces div.photo a,
  div.guidePlaces div.photo img{
    max-width: 200px;
  }
  div.guidePlaces div.photo{
    display: block;
  }
}
@media (max-width:768px){
  div.instructorList div.photo{
    width: unset;
    max-width: 400px;
    width: 100%;
  }
}
@media (min-width:1025px){
  .mobile-only{
    display: none;
  }
}
@media(max-width: 600px){
    .guide div.photoSlider ul.slides,
    .offerDetails div.photoSlider ul.slides {
        aspect-ratio: 680 / 280 ;
        height:auto;
    }
}


.topKontoKlienta{
  line-height: 24px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border-radius: 3px;
  background: url(gfx/sideBox.png);
  /* min-width: 72px; */
  cursor: pointer;
  a{
    padding: 8px 16px;
    color: white ;
    display: block;
    font-weight: 400;
    transition: 0.3s color ease-in-out;
    transition: 0.3s transform ease-in-out;
  }
  &:hover a{
    transform: translateY(-5px);
    color: orange ;
  }

  &.desktop{
    display: none;
    position: absolute;
    a{
      padding-top: 11px;
    }
    top: -3px;
    right: 20px;
    line-height: 1;
    @media screen and (width > 1024px) {
      display: block;
    }
  }

  &.mobile{
    display: block;
    text-transform: uppercase;
    @media screen and (width > 1024px) {
      display: none;
    }
      a{
      display: block !important;
    }
    a{
      color: white !important;
    }
    &:hover a{
      color: orange !important;
    }
  }
}
@media screen and (width > 480px ) and (width <= 767px){
  .reservation_info{
    margin-top: 45px;
  }
}

.challenge-logo{
  text-align: center;
  padding: 30px 25px;
  background-color: #fff;
  overflow: hidden;

  .challenge-logo-img{
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
}

#challenge{
  padding: 25px;

  .challenge-panel{
    padding: 25px;
    background-color: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #d3d3d3;
    margin-bottom: 30px;
    font-size: 14px;
  }

  .challenge-description{
    h2{
      color: #19415D;
      margin-top: 30px;
      margin-bottom: 20px;

      &:first-of-type{
        margin-top: 0;
      }
    }

    .challenge-copy{
      font-size: 16px;
      line-height: 1.8;
      color: #333;
      margin-bottom: 20px;

      p{
        margin: 0;
      }

      &.tight{
        margin-bottom: 15px;
      }

      &.spacious{
        margin-bottom: 30px;
      }

      &.cta{
        font-size: 18px;
        line-height: 1.8;
        color: #19415D;
        font-weight: bold;
        margin-bottom: 30px;
      }
    }

    ul{
      font-size: 16px;
      line-height: 1.8;
      color: #333;
      margin-bottom: 20px;
      list-style: disc;
      list-style-position: outside;
      padding-left: 30px;
    }

    .challenge-list{
      display: grid;
      gap: 20px;
      margin-top: 20px;

      .challenge-item{
        padding: 15px;
        background-color: #fff;
        border-radius: 6px;
        border: 1px solid #e0e0e0;

        &.highlight{
          border-left: 4px solid #FFD700;
        }

        h4{
          color: #19415D;
          margin-top: 0;
          margin-bottom: 10px;
        }

        p{
          margin: 0;
          color: #666;
          line-height: 1.6;
        }
      }
    }

    .challenge-note{
      margin-top: 15px;
      padding: 20px;
      background-color: #fff3cd;
      border-radius: 6px;
      border-left: 4px solid #ffc107;

      &.spaced{
        margin-top: 30px;
      }

      p{
        margin: 0;
        color: #333;
        line-height: 1.8;
        font-size: 15px;
      }
    }
  }

  #regulamin-container{
    .challenge-callout{
      padding: 15px;
      background-color: #fff;
      border-radius: 6px;
      border: 1px solid #e0e0e0;
      border-left: 4px solid #388E3C;

      p{
        margin: 0;
      }
    }
  }
}

#regulamin-container a{ 
  color:rgb(25, 65, 93);
  transition: color 0.3s ease-in-out;
  &:hover{
    color: #FC760B;
    transition: color 0.3s ease-in-out;
  }
}