@charset "UTF-8";
article,
aside,
footer,
header,
nav,
section {
display: block;
}
figcaption,
figure,
main {
display: block;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 700;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #eee;
color: #222;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
 html { background: #fff;}
html, body { margin:0; padding:0; }
body { font: 18px/1.5 'Lato', Arial, Helvetica, Sans-serif; color:#08080f; font-weight:300;}
img {border:none; float:left;}
div {margin:0; padding:0; }
a {color:#000; text-decoration:underline; transition:all 300ms;}
a:hover {color:#666;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-family: 'Abril Fatface', Times New Roman, Times, cursive;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {font-size:1.9em;}
h2 {color:#024442; font-size:2.5em; margin:0em 0 1em 0;}
h3 {color:#024442; font-size:1.7em;}
h4 {}
h5 {color:#024442; font-size:1.55em;}
h6 {color:#024442; font-size:1.25em;}
strong {font-weight:700;}
p {margin:0; padding:0 0 20px 0;}
small {font-size:0.8em;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.overflow {overflow:hidden;}
.cf:after {clear:both; display:block; content:"";}
.uppercase {text-transform:uppercase;}
.centred {text-align:center;}
hr.cf {clear:both; padding:0; margin:0; background:none; border:none;}
hr.padding {padding-bottom:35px;}
hr.spacer {clear:both; padding:0; margin:0; background:none; border:none; height:166px;}
section, header, aside {clear:both;}
img.full {width:100%; height:auto;}
img {max-width:100%; height:auto;}
.shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);}
.mobile-menu, .mobile-menu-container {display:none;}
.blank {content:""; display:block;}
.desktop {}
.mobile {display: none;}
.wrap {width:80%; margin:0 auto;}
.wrapper {width:75%; margin:0 auto;}
.wrapper-content {width:90%; margin:2em auto;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.row2cols, .row3cols, .row4cols, .row5cols, .rowx {clear:both;}
.row2cols:after, .row3cols:after, .row4cols:after, .row5cols:after, .rowx:after {clear:both; display:block; content:"";}
.row2cols .col {float:left; box-sizing:border-box; width:50%;}
.row3cols .col {float:left; box-sizing:border-box; width:33.3%;}
.row4cols .col {float:left; box-sizing:border-box; width:25%;}
.row5cols .col {float:left; box-sizing:border-box; width:20%;}
.col {float:left;}
.gap {padding-right:1em;}
.gap-big {padding-right:5%;}
.fc {display:flex; flex-flow:row wrap;margin-left:-1em; margin-right:-1em; margin-top:-1em;}
.fi1 {margin:1em; flex: 0 1 calc(100% - 2em); min-width: 0px;}
.fi2 {margin:1em; flex: 0 1 calc(50% - 2em); min-width: 0px;}
.fi3 {margin:1em; flex: 0 1 calc(33.3% - 2em);}
.fi4 {margin:1em; flex: 0 1 calc(25% - 2em);}
.fi5 {margin:1em; flex: 0 1 calc(20% - 2em);}
.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}
body {margin:1.5em; background:#fff; box-sizing: border-box;} header a {text-decoration:none;}
header#hp {position:absolute; z-index:1000; transition:all 350ms; top:1.5em; left:0; width:100%;}
header#hp .logo {width:10%; transition:all 350ms; float:left; position: absolute; left:50%; transform: translate(-50%,0); text-align: center;}
header#hp .logo img {width:100%; height:auto; transition:all 350ms;}
#navbar {padding:1.5em 0; position:relative;}
.menu {padding:4.5em 0;}
.menu a {text-decoration: none; font-weight: 300; text-transform: uppercase; color:#fff;}
.menu a:hover {}
.main-page .menu a {color:#024442; text-shadow:
0 0 6px rgba(255,255,255,0.92),
0 0 30px rgba(255,255,255,0.84),
0 0 12px rgba(255,255,255,0.52),
0 0 21px rgba(255,255,255,0.92),
0 0 34px rgba(255,255,255,0.78),
0 0 54px rgba(255,255,255,0.92);
text-shadow:
0 0 6px rgba(255,255,255,1), 
0 0 2px rgba(255,255,255,1), 
0 0 4px rgba(255,255,255,1), 
0 0 2px rgba(255,255,255,1), 
0 0 2px rgba(255,255,255,1), 
0 0 54px rgba(255,255,255,1);
}
.menu ul {list-style-type:none; margin:0; padding:0;}
.menu ul li {padding:2px 2em 4px 2em; margin:0; display:inline-block;}
.menu ul ul {display:none;}
.menu ul li a {border-bottom:2px solid transparent;}
.menu ul li a:hover {border-color:#fff;}
.menu ul li.menu-item-has-children {position:relative;}
.menu ul li.menu-item-has-children a {padding-right:20px; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/menu-has-child.png) 100% 5px no-repeat;}
.menu ul li.menu-item-has-children ul a {text-transform:none;}
.menu ul li.underlined a {border-bottom:2px solid #4c4d4f;}
.menu ul li:hover ul {display:block; position:absolute; top:22px; left:0; padding: 10px 0.5em; background:#fff; text-align:left;}
.menu ul ul li {clear:both; padding:0; background:none; border-bottom:1px solid #becccc; float:none; width:100%; box-sizing:border-box;}
.menu ul ul li a {font-weight:300; display:block; background:none !important; padding:7px 1em !important; white-space:nowrap; border:none;}
.menu ul ul li a:hover {background:#3E5369 !important; color:#fff !important;}
.menu ul ul li:last-child {border-bottom:none;}
.menu-logo {clear:both; display:block; width:100%; position:relative;}
header#hp nav.menu-left {float:left; width:50%; padding-right:8em; box-sizing:border-box; text-align:right;}
header#hp .menu-left ul {float:right; z-index:1;}
header#hp nav.menu-right {float:left; width:50%; padding-left:8em; box-sizing:border-box; text-align:left;}
.quick-contact {float:right; margin-right:4em; font-size:0.8em; color:#fff;}
.quick-contact a {color:#fff; margin-left:1.5em; position: relative;}
.quick-contact a:hover, .main-page .quick-contact a {color:#024442;}
.main-page .quick-contact a:hover {color:#fff;}
.quick-contact a:before {height:100%; width:0; background:#fff; position:absolute; top:0; left:0; content:''; display: block; transition:all 350ms; z-index: -1;}
.quick-contact a:hover:before {width:100%;}
.main-page .quick-contact a:before {width:100%; background:#fff;}
.main-page .quick-contact a:hover:before {background:#024442;}
.quick-contact a.tel {padding:0.6em 1em 0.6em 2em;}
.quick-contact a.tel:after {position:absolute; top:0.8em; left:0.5em; width:10px; height:13px; content:''; display: inline-block; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/sprites.png) 0 0 no-repeat;}
.quick-contact a.tel:hover:after {background-position:0 -13px;}
.main-page .quick-contact a.tel:after {background-position:0 -13px;}
.main-page .quick-contact a.tel:hover:after {background-position:0 0;}
.quick-contact a.email {padding:0.6em 1em 0.6em 2em;}
.quick-contact a.email:after {position:absolute; top:0.8em; left:0.5em; width:13px; height:13px; content:''; display: inline-block; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/sprites.png) -18px 0 no-repeat;}
.quick-contact a.email:hover:after {background-position:-18px -13px;}
.main-page .quick-contact a.email:after {background-position:-18px -13px;}
.main-page .quick-contact a.email:hover:after {background-position:-18px 0;}
header#hp.sub .additional .account, header#hp.sub .additional .basket, header#hp.sub .additional .lang,
#floating .additional .account, #floating .additional .basket, #floating .additional .lang {margin-left:1em;}
.mobile-menu {float:left; margin:10px 3em 0 1em;}
.menu-toggle {padding:0px 0px 0px 0px; cursor:pointer; width:24px; height:17px; float:left; margin-top:7px; margin-right:8px; transition:all 350ms;}
.menu-toggle.open {padding:0px 0px 0px 0px; margin-top:2px;}
.menu-toggle span{background:#fff; display:block; width:24px; height:4px; margin-bottom:3px; -webkit-transition:all 0.5s linear; transition:all 0.3s linear;}
.menu-toggle.open span:nth-child(1), .menu-toggle.open span:nth-child(3) {transform:translate(0px, 12px) rotate(-45deg) scalex(1.1); margin:0;}
.menu-toggle.open span:nth-child(2) {height:0; margin:0;}
.menu-toggle.open span:nth-child(3) {transform: translate(0px, 8px) rotate(45deg) scalex(1.1);}
.menu-info {float:left; padding:4px 0; font-family: 'Open Sans', sans-serif; font-weight:600; text-decoration:none; text-transform:uppercase; font-size:17px; color:#fff;}
.menu-info a {color:#fff;}
.show_mobile_menu {cursor:pointer; text-decoration:none; display:block;}
.mobile-menu.opened .menu-toggle {position:fixed; top:1em; right:1em; z-index:200;}
.mobile-menu.opened .menu-toggle span {background:#024442;}
.mmenu {display: block; position: absolute; top:0; left:0; background:#fff; width:100%; text-align: center;}
.mmenu ul {list-style-type: none; margin:0; padding:1em 0 2em;}
.mmenu ul li {}
.mmenu ul li a {padding:1em 2em; text-transform: uppercase; color:#024442; display: block;} #main-header {position: relative; overflow: hidden;}
.header-image {width:100%; margin-left:0;}
.header-image img.sky {position:absolute; top:0; left:0; bottom:0; right:0; width:105%; height:100%; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/header/bg_sky_1920-summer.jpg) bottom center no-repeat; background-size:cover; padding:0 7em; margin-left:-3.5em;}
.header-image img.building {position:absolute; top:0; left:0; bottom:0; right:0; width:102%; height:100%; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/header/szklarnia-transparent-2.png) center center no-repeat; background-size:cover; padding:0 1.5em; margin-left:-0.75em;}
.animate {background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/header/bg_sky_1920-summer.jpg) bottom center no-repeat; background-size:cover; position:relative; height:100%; width:100%;}
.anim-building {width:100%; height:auto;}
#sub-header {background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/media/bg-spec-building1.jpg) top center no-repeat; background-size:100%; padding-top:20vw; border-bottom:2.5em solid #efeef3;}
#sub-header.sub-offer {background-image:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/media/bg_subpage_events.jpg);}
#sub-header.sub-attraction {background-image:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/media/bg-spec-building1.jpg);}
#sub-header .wrap {position: relative;}
#sub-header h1 {color:#fff; width:80%; border:2px solid #fff; padding:0.5em 1.5em 1.2em 1.5em; position: absolute; bottom:-0.85em; left:0; z-index: 10;}
#sub-header.sub-offer h1 {width:calc(100% - 4em); padding-bottom:7.35em; bottom:-7em;}
.quote {position:absolute; top:50%; left: 4em; transform:translate(0,-50%); font-family: 'Abril Fatface', cursive; text-align: center; font-size:1.5em; color:#fff; line-height: 1.2;}
.quote:before {display: block; float:left; content:''; width:33px; height:26px; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/quote.png) 0 0 no-repeat; margin-right:0.5em;}
.quote span {font-family: 'Lato', Helvetica, Arial, Sans-serif; font-style: italic; font-weight: 300; display: block; font-size:0.75em; line-height: 2;}
.quote {text-shadow: 2px 2px 2px rgba(2,68,66,0.6);}
.reservation-widget {position:absolute; right:0; top:50%; transform:translate(0,-50%); text-align: center; line-height: 1;}
.reservation-widget a {text-decoration: none; background:rgba(255,255,255,1); padding:1em; display:block; float:right;}
.reservation-widget a:hover {background:rgba(255,255,255,0.8);}
.ico-reservation {width:38px; height:38px; display: inline-block; float:none; content:''; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/sprites.png) 0 -31px no-repeat;}
.scroll-down {position: absolute; bottom:1.5em; left:50%; transform: translate(-50%,0); width:68px; height:68px; line-height:68px; border:2px solid #fff; border-radius:50%; text-align: center;}
.ico-scroll-down {width:18px; height:30px; display:block; float:none; margin:0 auto; content:''; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/sprites.png) -42px 0 no-repeat; margin-top:14px;
-webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(7px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(7px); }
}
section#intro {padding:4em 0; font-size:0.9em;}
#intro .thumb {max-width:20%; padding-right:5%; box-sizing: border-box; float:left;}
#intro .content {width:80%; float:left;}
#intro h1 {font-family: 'Lato', Helvetica, Arial, Sans-serif; font-weight: 700; text-transform: uppercase; font-size:1em; margin-bottom:1.5em;}
section#offer {background:#efeef3; padding:3em 0 4em;}
.box h3 {margin-bottom:0.35em;}
.offer-boxes a {text-decoration: none;}
.offer-boxes .box {width:50%; position:relative; margin:2em 0;}
.offer-boxes .box:nth-child(even) {margin-top:4em;}
.offer-boxes .box .thumb {width:50%; position: relative;}
.offer-boxes .box .thumb img {width:100%; height:auto;}
.offer-boxes .box:nth-child(odd) .thumb {float:left;}
.offer-boxes .box:nth-child(even) .thumb {float:right;}
.offer-boxes .box .content {position: absolute;}
.offer-boxes .box:nth-child(odd) {float:left; text-align: left;}
.offer-boxes .box:nth-child(even) {float:right; text-align: right;}
.offer-boxes .box:nth-child(odd) .content {left:59%; width:70%; top:2em;}
.offer-boxes .box:nth-child(even) .content {right:59%; width:70%; bottom:2em;}
.offer-boxes .box .stroke {display:block; border:2px solid #024442; box-sizing: border-box; position: absolute; width:100%; height:100%; transition:all 350ms;}
.offer-boxes .box:nth-child(odd) .stroke {top:20px; left:20px;}
.offer-boxes .box:nth-child(even) .stroke {top:20px; right:20px;}
.offer-boxes .box:hover:nth-child(odd) .stroke {left:50px; border-color:#fff;}
.offer-boxes .box:hover:nth-child(even) .stroke {right:50px; border-color:#fff;}
.boxes {}
.boxes .box {width:100%; padding-left:30%; padding-right:30%; clear:both; position: relative; box-sizing: border-box;}
.boxes .box:nth-child(odd) {padding-bottom:10em;}
.boxes .box:nth-child(even) {padding-bottom:3em; text-align: right;}
.boxes .box .thumb {position: absolute;}
.boxes .box .thumb img {width:100%; height:auto;}
.boxes .box .stroke {display:block; border:2px solid #024442; box-sizing: border-box; position: absolute; width:100%; height:100%; transition:all 350ms;}
.boxes .box:nth-child(odd) .thumb {left:0; width:25%;}
.boxes .box:nth-child(even) .thumb {right:0; bottom:4em; width:25%;}
.boxes .box:nth-child(odd) .stroke {top:20px; left:20px;}
.boxes .box:nth-child(even) .stroke {top:20px; right:20px;}
section#picto {padding:5em 0; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/media/bg_additionals.jpg) top center no-repeat; background-size:cover; background-attachment: fixed; color:#fff;}
.picto {width:25%; float:left; text-align: center; line-height: 1.1;}
.picto .thumb {width:150px; height:150px; border:2px solid #fff; border-radius:50%; line-height: 150px; margin:2em auto;  padding:3px; transition:all 350ms; }
.picto .thumb img {float:none; display:inline-block; margin:0 auto;}
.picto strong {font-size:1.5em; text-transform: uppercase;}
.picto:hover .thumb {border-width: 5px; padding:0;}
section#attractions {padding:3em 0; position:relative;}
#attractions:before {display: block; content:''; background:#024442; position: absolute; top:0; left:0; width:100%; height:40%; z-index: 0;}
#attractions .wrap {position: relative; z-index: 1;}
#attractions h2 {color:#fff;}
#attractions a {text-decoration: none;}
#attractions .desc {text-align: center; color:#fff;}
#attractions .buttons {text-align: center; padding:1em 0 2em;}
#attractions h4 {color:#024442; font-size:1.5em; padding:0.6em 0;}
.attractions-slider {margin:2em 0 0 0;}
.attractions-slider .item {width:calc(25% - 1em); float:left; margin:0.5em;}
.attractions-slider .item .thumb {margin-bottom:0.4em; display: block; border:10px solid #efeef3; box-sizing: border-box; transition:all 350ms;}
.attractions-slider .item:hover .thumb {border-width:0;}
.attractions-slider .item .thumb:after {clear: both; display: block; content:'';}
.attractions-slider .item .thumb img {width:100%; height: auto;}
.attractions-slider .item .content {text-align: center; display: block;}
section#contact {padding:2em 0 3em;}
#contact h2 {color:#024442;}
#contact .map {position: relative;}
#contact .map img {max-width:100%; height:auto;}
#contact .map .stroke {display: block; position: absolute; top:20px; left:20px; width:100%; height:100%; border:2px solid #024442; content:'';}
#contact h4 {color:#024442; font-size:1.2em; margin-bottom:0.8em;}
#contact-section-2 {padding:1em 0;}   a.btn {color:#024442; text-decoration: none; border:2px solid #024442; padding:0.5em 1.5em; display:inline-block; text-transform: uppercase;}
a.btn:hover {background:#024442; color:#fff;}
a.btn_arrow {position:relative; padding-right:30px; display:inline-block; text-decoration: none; color:#08080f;}
a.btn_arrow:after {position: absolute; right:0; top:0.45em; width:21px; height:10px; background: url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/sprites.png) -41px -33px no-repeat; content:''; display:block;}
a.btn_arrow:before {position: absolute; bottom:0; left:0; height:1px; background:#024442; width:0; content:''; display: block; transition:all 350ms;}
a.btn_arrow:hover:before {width:100%;}
a.btn_ext {font-family: 'Abril Fatface', Times New Roman, Times, cursive; text-align: center; text-transform: none; line-height: 1.2;}
a.btn_ext span {font-family:'Lato', Helvetica, Arial, Sans-serif; font-size:0.9em; display:block;}  form input, form textarea {background:#efeef3; border:none; border-bottom:2px solid #024442; color:#000; font-size:1em; font-family:'Lato', Helvetica, Arial, Sans-serif; width:100%; padding:0.8em 1.5em; box-sizing:border-box; font-weight:300;}
form input[type="submit"], form input[type="radio"], form input[type="checkbox"] {width:auto;}
form input[type="submit"] {letter-spacing:.15em; text-transform:uppercase; background:#024442; border-bottom-color:#efeef3; transition:all 350ms; cursor:pointer; color:#fff;}
form input[type="submit"]:hover {border-bottom-color:#000;}
form .rowx {padding:0.5em 0;}
form .rowx span.inter {display:block; box-sizing: border-box; font-size:0.9em; line-height: 1.1; padding:0.25em 1em;}
form .rowx input[type=radio] {display: none;}
form .rowx label {position: relative; margin: 0.5em 1em; display: block; cursor: pointer;}
form .rowx label:before {display: block; content:''; float:left; width:1.25em; height:1.25em; border:2px solid #024442; border-radius:50%; margin-right:0.3em; box-sizing: border-box;}
form .rowx label.checked:before {background:#024442; padding:6px;}
#contact-section-1 form input:not([type=submit]), #contact-section-1 form textarea {background:#fff;}
#contact-section-1 form span.inter {}
#contact-section-1 form input[type=radio] {}
#contact-section-1 form label {}
#contact-section-1 form label:before {}
#contact-section-1 form label.checked:before {}
#newsletter input[type="email"] {width:70%;}
#newsletter input[type="email"], #newsletter input[type="submit"] {float:left;} .gray {background:#efeef3;}
section#content {padding:3em 0em 4em;}
.const-heading h2 {font-size:1.55em;}
.const-heading h3 {font-size:1.55em;} #contact-section-1 {padding:1em 0 2em 0; position: relative;}
.col-logo {padding-right:2.5em;}
.col-logo img {max-width:200px; height:auto;}
.col-contacts {}
.map-img {position: absolute; top:-2.5em; right:0; z-index:0; width:35%; height:auto;}
.page-contact h2 {font-size:1.3em; border:2px solid #024442; padding:1em 1.3em; box-sizing: border-box; width:70%; line-height: 1.2; margin-top:-3.3em; position: relative;}
section#picto.sub-contact {background:#024442;}
section#localization {padding:4em 0;}
#localization.page-contact h2 {margin-top:0; margin-bottom:-0.75em; position: relative; z-index: 10;}
#map {width:100%; height:600px; position: relative; z-index: 0;}  .leading {position: relative;}
.leading .lead {float:left; width:55%; padding-left:2em; box-sizing: border-box;}
.leading .thumb {float:right; width:40%; margin-top:-1em; margin-bottom:2em;}
.leading .thumb img {max-width: 100%; height: auto;}
.lead strong {font-size:1.3em;}
.leading .after-lead {padding-top:13em; width:55%;}
.after-lead h5 {padding-bottom:0.5em;}
section#attractions-sub {margin-bottom:3em;}
#attractions-sub h2 {padding:1em 0; margin:0;}
.attractions-list .item {width:20%; float:left; position:relative; transition:all 350ms; box-sizing: border-box;}
.attractions-list .item img {width:100%; height:auto; transition:all 350ms;}
.attractions-list .item span.title {position:absolute; width:100%; display: block; text-align: center; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; text-transform: uppercase; font-size:1.6em; padding:0.35em; box-sizing:border-box; z-index: 10;}
.attractions-list .item span.title:after {display: block; content:''; position: absolute; top:0; left:50%; width:0; height:100%; background:#024442; transform: translate(-50%,0); transition:all 500ms; z-index: -1; }
.attractions-list .item:hover span.title:after {width:100%;}
.attractions-list .item:hover span.title {color:#fff;}
.item.khaki {background:#024442;}
.item.lightgray {background:#efeef3;}
.attractions-list .item.lightgray span.title {color:#024442;}
.attractions-list .item.lightgray:hover span.title {color:#fff;}
.item.opacity img {opacity:.2;}
.attractions-list .item:hover img {opacity:.5;}
.attractions-list .item:hover {background:#024442;}
.attractions-list .item:after {transition:all 350ms; position:absolute; top:0; left:0; width:100%; height:100%; content:''; display: block; box-sizing: border-box;}
.attractions-list .item:hover:after {border:0.5em solid #fff;}  #content-section-1 {padding:2em 0 0 0; position: relative;}
#content ul {margin:0; padding:0; margin-left:1em;}
.about-1 {position:relative;}
.about-1 .a-logo {width:55%; float:left; border:2px solid #024442; margin:1.5em 0; padding:3.5em 0; text-align: center; position:relative; box-sizing: border-box;}
.about-1 .a-logo img {max-width:30%; height:auto; float:none;}
.about-1 .image {width:50%; float:right; margin-left:-10%;}
.about-1 .image img {max-width:100%; height: auto;}
.about-2 {clear: both; text-align: center; padding:4em 0 3em 0;}
.about-3 {background: url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/media/bg_about_drewno-i-szklo.jpg) top center no-repeat; background-size:cover; background-attachment: fixed; text-align: center; color:#fff;}
.about-3 h2 {color:#fff;}
.about-3 .wrap {padding:5em 0;}
.about-4 {padding:3.5em 0;}
.about-4 .char .text {padding-top:5em;}
.about-5 {padding:2em 0 3em;}
.about-6 {margin:2em 0 4em; background:#024442; color:#fff;}
.about-6 h2 {color:#fff;}
.about-6 .col:nth-child(1) {padding:2em 3em;}
.about-6 .col img {width:100%; height: auto;}
.char .thumb {width:25%; float:left; position:relative;}
.char .thumb img {width:100%; height:auto;}
.char .thumb span.stroke {position: absolute; top:20px; left:20px; width:100%; height:100%; box-sizing: border-box; border:2px solid #024442; content:''; display: block;}
.char .text {box-sizing: border-box; width:75%; padding-left:5%; float:left;}
.pictograms .item {text-align:center; transition:all 350ms;}
.pictograms .item:hover {transform: scale(1.05);}
.pictograms .item .thumb {margin-bottom:1em;}
.pictograms .item .thumb img {display:inline-block; float:none; margin:0; border:2px solid #024442; border-radius:50%; box-sizing: border-box; transition:all 350ms;}
.pictograms .item:hover .thumb img {-webkit-box-shadow: 0px 0px 15px 0px rgba(2,68,66,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(2,68,66,0.5); box-shadow: 0px 0px 15px 0px rgba(2,68,66,0.5);}
.pictograms .item h3 {padding-bottom:0.25em;}
.sub-attractions {margin:1.5em 0;}
.attractions {}
.attractions a {text-decoration: none;}
.attractions .item {width:25%; float:left; text-align: center; box-sizing: border-box; padding:1.5em; transition:all 350ms;}
.attractions .item:hover {background:#fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(2,68,66,0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(2,68,66,0.5); box-shadow: 0px 0px 15px 0px rgba(2,68,66,0.5);}
.attractions .item .thumb {display: block; width:100%;}
.attractions .item .thumb img {float:none; display: block; margin:0 auto; max-width:100%; height:auto;}
.attractions .item .content {display: block; width:100%; padding:1em 0;}
.attractions h4 {color:#024442; display: block; font-size:1.2em; padding-bottom:0.4em;}
.attractions .item:nth-child(4n+1) {clear: left;}
.gallery {}
.gallery figure {margin:0; padding:0; width:25%; float:left;}
.gallery img {width:100%; height: auto;}
.with-sidebar article {width:75%; float:left;}
aside.sidebar {width:25%; float:right; box-sizing: border-box; padding-left:5%;} span.letter {text-transform: uppercase; letter-spacing: 0.15em;}
.slick-dots {bottom:-3em;}
.columns-2 {columns: 2;}
.social-facebook span, .social-instagram span {display: none;}
.social-facebook, .social-instagram {margin-right:0.5em; float:left; border-bottom:2px solid transparent; transition:all 350ms;}
.social-facebook:hover, .social-instagram:hover {border-bottom-color:#024442;}
.social-facebook a {width:1em; height:1em; float:left; content:''; display: inline-block; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/social-facebook.svg) 0 0 no-repeat; background-size: 100%;}
.social-instagram a {width:1em; height:1em; float:left; content:''; display: inline-block; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/social-instagram.svg) 0 0 no-repeat; background-size: 100%;}
#infobox {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; background:rgba(255,255,255,0.3);}
#infobox .container {left:50%; top:50%; transform:translate(-50%,-50%); position: absolute; max-height:90%; max-width:70%;}
#infobox .close { background:#fff; padding:0.2em 0.5em 0.35em 0.5em; cursor:pointer; text-decoration: none;}
#infobox .container img {max-width:90%; max-height:90%; width:auto; max-width:60%;}
.infobox-content {max-width:525px;}
.pfr {padding-bottom:1.5em; text-align:center;}
.pfr img {float:none; margin:0 auto; display:block; max-width:50%;}
#feat-video {margin-bottom:0; position:relative;}
#feat-video .video-container {height:30em; padding-top:0; padding-bottom:0; position:relative;}
#feat-video .video-container:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; display:block; background:rgba(2,68,66,.75); transition:all 500ms; z-index:1;}
#feat-video:hover .video-container:before {background:rgba(2,68,66,0);}
#feat-video .video-container video {object-fit:cover; width:100%; height:100%; position:absolute; top:50%; left:0; transform:translate(0,-50%);}
#feat-video .content {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; text-shadow: 0px 0px 15px rgba(0, 0, 0, .75); min-width:80%; z-index:1;}
#feat-video .content h3 {color:#fff; font-size:3em;}
#feat-video .content a {color:#fff; text-decoration:none; cursor:pointer;}
#feat-video .content svg circle, #feat-video .content svg polygon {-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .75); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .75); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .75);}
.icon-play {display:inline-block; width:6em; height:6em;}
#video-player {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.75); display:none; z-index:1000;}
#video-player .overlay-close {position:absolute; top:0; left:0; width:100%; height:100%; display:block; content:'';}
#video-player .close {width:1.75em; height:1.75em; content:''; display:block; cursor:pointer; background:url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/close-wh.svg) center center no-repeat; background-size:1.75em; position:absolute; top:2em; right:2em; transition:all 350ms; z-index:1001;}
#video-player .close:hover {transform:rotate(90deg);}
#video-player .content {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:50%;}
.group-info {position:relative; clear:both;}
.group-info:before {content:''; display:block; height:2px; width:100%; background:#cbcbcb; position:absolute; top:calc(50% - 1px); left:0;}
.group-info .content {display:table; margin:0 auto; background:#efeef3; position:relative; padding:0 2em;}
.group-info .item {display:table-cell; vertical-align:middle; padding:0 1em;}
.group-info .item:hover {opacity:1;}
.group-info .item img {width:auto; height:auto; min-width:6em; min-height:1.5em; max-width:10em; max-height:3.25em; float:none; display:block;}
.group-info .item.glogo {transition:all 500ms; opacity:.3; filter:grayscale(100%);}
.group-info .item.glogo:hover {opacity:1; filter:grayscale(0%);}
.group-info .item.gtext {color:#515158;}
#contact-form-offer {padding-bottom:2em;}
#contact-form-offer h2 {padding:1em 0;}
#contact-form-offer p {padding-bottom:0;} footer#foot {clear:both; background:#efeef3; padding:2em 0 3em; font-size:0.85em;}
footer#foot a {text-decoration:none;}
footer#foot ul a:hover {text-decoration:underline;}
#foot .col {float:left; box-sizing: border-box; margin-bottom:2em;}
#foot .colA {width:15%; padding-right:2%;}
#foot .colA img {max-width: 100%; height: auto;}
#foot .colB {width:15%; padding-right:2%;}
#foot .colC {width:19%; padding-right:2%;}
#foot .colD {width:30%; padding-right:2%;}
#foot .colE {width:20%;}
#foot ul {list-style-type: none; margin:0; padding:0; margin-bottom:1em; margin-top:0.3em;}
#foot ul li {padding:0.2em 0;}
#foot ul li a {text-transform: uppercase;}
#foot strong {text-transform: uppercase;}
footer .footer {clear:both; padding-top:2em; margin-top:2em;}
.footer .links {display:inline-block; font-size:0.9em; padding-left:2em;}
footer#foot .footer .links a {text-decoration:underline;} .infobox {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:1000; display:none;}
.infobox-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.85);}
.infobox-container {position:absolute; z-index:1001; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; max-width:70%; max-height:80%;}
.infobox-close {position:absolute; top:0.5em; right:0.5em; border:2px solid #fff; color:#fff; line-height:1em; padding:0.05em 0.4em 0.25em 0.4em; font-size:1em; font-weight:300; text-decoration:none; text-align:center; display:block; cursor:pointer; box-sizing: border-box;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25); background:#ccc;
text-shadow: 0px 0px 6px rgba(0,0,0,0.25); }
.infobox-close:hover {background:#fff; color:#000;}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media all and (max-width: 2560px) {
body {font-size:22px;}
}
@media all and (max-width: 1920px) {
body {font-size:18px;}
.menu {padding:4em 0;}
header#hp nav.menu-left {padding-right:6em;}
header#hp nav.menu-right {padding-left:6em;}
}
@media all and (max-width: 1890px) {
}
@media all and (max-width: 1680px) {
body {font-size:17px;}
.header-image img.sky {}
.header-image img.building {padding:0 2em; margin-left:-1em;}
.menu {padding:3.75em 0;}
.offer-boxes {font-size:0.9em;}
.offer-boxes .box .thumb {width:42%;}
.offer-boxes .box:nth-child(odd) .content {left:50%; top:1em;}
.offer-boxes .box:nth-child(even) .content {right:50%; bottom:0;}
.offer-boxes .box:hover:nth-child(odd) .stroke {left:32px;}
.offer-boxes .box:hover:nth-child(even) .stroke {right:32px;}
}
@media all and (max-width: 1440px) {
body {font-size:16px;}
header#hp .logo {width:11%;}
.quote {left:2em;}
.wrap {width:85%;}
.offer-boxes {font-size:1em;}
.offer-boxes .box:nth-child(odd) {margin:2em 0 8em;}
.offer-boxes .box:nth-child(even) {margin-top:8em; margin-bottom:2em;}
.offer-boxes .box .thumb {width:46%;}
.offer-boxes .box:nth-child(odd) .content {left:53%;}
.offer-boxes .box:nth-child(even) .content {right:53%;}
.picto .thumb {width:120px; height:120px;}
.pictograms .item .thumb img {width:120px; height:120px;}
.attractions .item .thumb img {max-width:70%;}
}
@media all and (max-width: 1366px) {
body {font-size:15px;}
.ico-reservation {width:30px; height:30px; background-position:0 -23px; background-size:8em;}
.picto .thumb {width:105px; height:105px;}
.pictograms .item .thumb img {width:105px; height:105px;}
.offer-boxes .box .thumb {width:50%;}
.offer-boxes .box:nth-child(odd) .content {left:58%;}
.offer-boxes .box:nth-child(even) .content {right:58%;}
#map {height:500px;}
}
@media all and (max-width: 1280px) {
header#hp .logo {width:12%;}
.map-img {left:-6em;}
#contact-section-1 {overflow: hidden;}
.attractions-list .item span.title {font-size:1.3em;}
}
@media all and (max-width: 1024px) {
body {font-size: 14px;}
.mobile {display: block;}
header#hp .logo, header#hp.sticky .logo {width:20%;}
header#hp.sub-page .logo {width:12%;}
nav.menu {display: none;}
header#hp .mobile-menu {display:block;}
header#hp .mobile-menu {position:absolute; top:20px; left:50px;}
.menu nav ul li {display:block; padding:0.5em 0;}
.menu nav ul ul {width:100%;}
.menu nav ul ul li {text-align:center;}
.menu nav ul li a:hover {border-color:#fff;}
.offer-boxes .box {width:100%; margin:0 !important;}
.offer-boxes .box .thumb {width:35%;}
.offer-boxes .box .content {width:65% !important; box-sizing: border-box; padding-top:3em;}
.offer-boxes .box:nth-child(odd) .content {position:static; float:left; padding-left:5%;}
.offer-boxes .box:nth-child(even) .content {position:static; float:right; padding-right:5%;}
.gallery figure {width:50%;}
.slick-prev {left:-60px;}
.slick-next {right:-60px;}
.ico-reservation {width:28px; height:28px;}
.quick-contact a.tel:after, .quick-contact a.email:after {top:0.7em;}
.map-img {position:static; width:100%; height:auto;}
.page-contact h2 {margin-top:0;}
.row2cols .col {width:100%; padding-bottom:2em;}
#foot .colD .col {margin-bottom:0; padding-bottom:0;}
#foot .colD ul {margin-bottom:0;}
#foot .colD .col:nth-child(2) ul {margin-top:0;}
#foot .colC {width:22%;}
#foot .colD {width:27%;}
.about-1 .a-logo {float:none; margin:1.5em auto; width:60%;}
.about-1 .image {width:55%; float:none; margin:0 auto; margin-top:-3em;}
.about-4 .char .text {margin-top:2em;}
.pictograms .item {width:70%; margin:0 auto;}
.attractions .item {width:50%;}
.social-facebook, .social-instagram {float:none; display:inline-block;}
.social-facebook a, .social-instagram a {background-size:1.5em; background-position:center center;}
}
@media all and (max-width: 980px) {
body {font-size:13px;}
}
@media all and (max-width: 768px) {
.attractions-list .item {width:33.3%;}
.attractions-list .item span.title {font-size:1.6em;}
#foot .colA {width:100%;}
#foot .colA img {margin:0 auto; float:none; display: block;}
#foot .colB {width:50%;}
#foot .colC {width:50%;}
#foot .colD {clear:left; width:50%;}
#foot .colE {width:50%;}
.footer .links {display:block; padding-left:0; padding-top:0.65em;}
.reservation-widget {display: none;}
.quick-contact a {display: block; float:right; clear:right;}
.menu-logo {position: static;}
header#hp.sub-page .logo {width:15%; position: absolute; top:1em;}
#sub-header {padding-top:15em; background-size:cover;}
#sub-header.sub-offer h1 {padding-bottom:1.2em; bottom:-0.85em;}
.leading .lead {padding-left:0; width:100%;}
.leading .thumb {width:100%; margin-top:0;}
.leading .after-lead {position: static; padding-left:0; padding-bottom:2em; width:100%; clear:both; padding-top:0;}
.boxes .box:nth-child(odd) {padding-right:0; padding-left:0; padding-bottom:2em;}
.boxes .box:nth-child(even) {padding-left:0; padding-right:0; padding-bottom:2em;}
.boxes .box:after {clear: both; display: block; content:'';}
.boxes .box .thumb {position: relative;}
.boxes .box .thumb:after {clear: both; display: block; content:'';}
.boxes .box:nth-child(odd) .thumb {float:left;}
.boxes .box:nth-child(even) .thumb {float:right; bottom:auto;}
.boxes .box:nth-child(odd) .content {float:left; width:70%; padding-left:7%; box-sizing:border-box;}
.boxes .box:nth-child(even) .content {float:right; width:70%; padding-right:7%; box-sizing:border-box;}
section#picto {background-attachment:scroll; background-size: cover;}
.offer-boxes .box:nth-child(odd) .stroke {left:10px; top:10px;}
.offer-boxes .box:nth-child(even) .stroke {right:10px; bottom:10px;}
.attractions .item {width:100%;}
.with-sidebar article {width:100%; padding-bottom:2em;}
aside.sidebar {width:100%;}
.pfr img {max-width:70%;}
.boxes .box .thumb {width:65% !important;}
.boxes .box .content {width:100% !important; padding-top:2.5em;}
}
@media only screen and (max-width: 580px) {
.attractions-list .item {width:50%;}
#foot .col {text-align: center;}
#foot .colB {width:100%;}
#foot .colC {width:100%;}
#foot .colD {width:100%;}
#foot .colE {width:100%;}
.row2cols .col.gap {padding-right:0;}
.fi2 {flex: 0 1 calc(100% - 2em);}
.col-logo {padding-bottom:1.5em;}
header#hp .logo, header#hp.sticky .logo {position: absolute; top:8em; width:40%;}
#intro .thumb {max-width:30%; float:none; margin:0 auto; text-align: center; margin-bottom:2em; padding:0;}
#intro .thumb img {display: block; float:none; margin:0 auto;}
#intro .content {float:none; width:100%; margin:0 auto; text-align: center;}
.offer-boxes .box .thumb {width:50%;}
.offer-boxes .box .content {width:100% !important;}
section#contact .wrap {text-align: center;}
#foot .col ul {display: none;}
#foot .col strong {display: inline-block; position:relative; padding-right:30px; clear:right;}
#foot .col strong:before {position:absolute; content:''; display:block; top:3px; right:0; width:21px; height:10px; background: url(//szklarniagrodzisk.pl/wp-content/themes/szklarnia/images/sprites.png) -41px -33px no-repeat;}
#foot .col strong:after {clear: both; display: block; content:''; position: static; width:100%;}
.group-info:before {display:none;}
.group-info .content {display:block; text-align:center; background:none;}
.group-info .content .item {display:inline-block;}
.group-info .content .item.gtext {width:100%; box-sizing:border-box;}
.group-info .item img {min-width:5em; max-width:5em;}
.pfr img {max-width:80%;}
}
@media all and (device-width: 768px) and (device-height: 1024px) { }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
}