body, html {
height: 100%;
}
body {
margin: 0;
font-size: 13px;
font-family: 'Oswald', Times New Roman;
color: #fff;
}
body.light {
background: #fff;
color: #000;
}
body.dark {
background: #000;
color: #fff;
}
body.beige {
background: #f9ffd3;
color: #000;
}
body.konfigurator {
background: #fff;
color: #433f3e;
}
table {
max-width: 100% !important;
border-collapse: collapse;
}
form {
display: inline;
}
form .error {
border: 1px solid #ff0000 !important;
}
form .validate {
border: 1px solid #6FE301 !important;
}
img {
border: 0;
max-width: 100%;
}
img.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
img.grayscale:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
input,
textarea,
select {
font-family: 'Oswald';
}
.clearing {
clear: both;
line-height: 0.1%;
font-size: 0.1%;
height: 0.1%;
}
.box-close {
text-align: right;
cursor: pointer;
margin: 10px 10px 0 10px;
}
.opacity {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
}
.opacity:hover {
opacity: 0.7;
}
.opAnim {
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
}
.bgAnim {
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
-ms-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
}
.showDelay,
.showOrdered {
visibility: hidden;
}
.relative {
position: relative;
}
.topHeight {
height: 100px;
}
.dark .navi a {
color: #fff;
}
.light .navi a {
color: #222;
}
.boxCentered {
float: left;
width: 80%;
margin-left: 10% !important;
margin-right: 10% !important;
box-sizing: border-box;
position: relative;
}
.boxFull {
float: left;
width: 100%;
box-sizing: border-box;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.boxCentered.whiteBg,
.boxFull.whiteBg {
background-color: #fff;
}
.boxCentered.blackBg,
.boxFull.blackBg {
background-color: #000;
}
.boxCentered.bgYellow,
.boxFull.bgYellow {
background-color: #e3b71c;
}
.yellow {
color: #e3b71c;
}
.boxCentered.white,
.boxFull.white,
.boxCentered.white a,
.boxFull.white a {
color: #fff;
}
.boxArrowNextBox,
.moveBox {
position: absolute;
z-index: 1001;
width: 223px;
height: 53px;
bottom: 0;
left: calc(50% - 112px);
background-repeat: no-repeat;
background-position: center center;
}
.moveBox.white {
background-image: url('gfx/moveBoxBg-white.png');
background-size: cover;
}
.moveBox.black {
background-image: url('gfx/moveBoxBg-black.png');
background-size: cover;
}
.boxArrowNextBox.white {
background-image: url('gfx/moveBoxArrowWhite.png');
}
.boxArrowNextBox.black {
background-image: url('gfx/moveBoxArrowBlack.png');
}
.nextToBoxes .box {
float: left;
margin: 10px 0.1% 10px 0;
max-width: 5%;
}
.box.logo {
text-align: center;
}
.box.logo img {
max-width: 100%;
max-height: 100%;
}
.logsBox {
margin: 10px auto 40px;
overflow: hidden;
width: 100%;
position: relative;
}
.logsBox-left {
position: absolute;
top: 0;
left: 0;
width: 10%;
height: 100%;
background: url('gfx/left.png') repeat-y;
background-size: 100%;
}
.logsBox-right {
position: absolute;
top: 0;
right: 0;
width: 10%;
height: 100%;
background: url('gfx/right.png') repeat-y;
background-size: 100%;
}
#logs-list,
#logs-list2 {
width: 1000%;
}
.boxTextFoto {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
box-sizing: border-box;
margin: -5px 0 0 0;
padding: 0;
}
.boxTextFoto:nth-of-type(2n) {
flex-direction: row-reverse;
}
.boxTextFoto-foto,
.boxTextFoto-text {
width: 50%;
text-align: center;
vertical-align: middle;
}
.boxTextFoto-foto img {
width: 100%;
}
.boxTextFoto-text {
padding: 0 5%;
box-sizing: border-box;
}
.boxTextFoto-text-tytul {
color: #e3b71c;
text-transform: uppercase;
position: relative;
width: 100%;
padding-bottom: 11%;
}
.boxTextFoto-text-tytul h2 {
font-size: 200%;
font-weight: 400;
margin: 0;
padding: 0;
}
.boxTextFoto-text-tytul-ikona {
position: absolute;
border-bottom: 1px solid #000;
width: 66%;
bottom: 33%;
left: 17%;
}
.boxTextFoto-text-tytul-ikona img {
position: absolute;
bottom: -20px;
left: 38%;
background-color: #fff;
padding: 0 10px;
}
.boxTextFoto-text-cechy {
width: 100%;
display: inline-block;
margin: 3% 0 0 0;
}
.boxTextFoto-text-cecha {
display: inline-block;
margin: 1% 2%;
width: 29.3%;
vertical-align: top;
}
.boxTextFoto-text-cecha p {
margin: 1% 0 0 0;
padding: 0;
}
.boxGaleriaFull {
width: 130%;
font-size: 0;
}
.box-galeria {
display: inline-block;
}
.box-galeria img {
width: 100%;
}
.center {
text-align: center;
}
.halfBox {
float: left;
padding-right: 2%;
box-sizing: border-box;
}
.threeBoxes {
text-align: center;
}
.twoBoxes .box {
float: left;
display: inline-block;
margin: 0;
padding: 0;
box-sizing: border-box;
position: relative;
}
.twoBoxes .box img {
width: 100%;
}
.threeBoxesFlex,
.fiveBoxesFlex {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.threeBoxesFlex .box {
display: inline-block;
width: 33.33%;
}
.threeBoxes .box {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
box-sizing: border-box;
height: 70%;
}
.fiveBoxesFlex .box {
display: inline-block;
width: 20%;
}
.fourBoxes.poznaj {
margin: 2% 0 5% 0;
width: 100%;
float: left;
}
.fourBoxes .box {
float: left;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
}
.fiveBoxes .box {
float: left;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
}
.fiveBoxes.ofertaInfo {
padding: 5%;
}
.fiveBoxes.ofertaInfo.TB {
padding: 1%;
}
.box {
display: inline-block;
vertical-align: top;
position: relative;
}
.box.H30:before {
padding-top: 30%;
display: block;
content: "";
}
.box.H75:before {
padding-top: 75%;
display: block;
content: "";
}
.box.H100:before {
padding-top: 100%;
display: block;
content: "";
}
.box-bg {
position: absolute;
width: 100%;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
top: 0;
left: 0;
}
.box-hover {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
top: 0;
left: 0;
opacity: 0;
color: #fff;
text-align: center;
padding: 2% 4%;
box-sizing: border-box;
}
.box:hover .box-hover {
opacity: 1;
}
.box-hover a {
color: #fff;
}
.box-hover-more {
margin-top: 5%;
}
.box-hover-more a {
color: #fff !important;
border-color: #fff !important;
background: none !important;
}
.boxGreen {
background: #0f6b6c;
}
.boxYellow {
background: #e9c438;
}
.boxName {
float: left;
width: 100%;
text-align: center;
margin: 0;
font-weight: 400;
font-size: 150%;
}
.boxName.small {
font-size: 120%;
}
.whiteBg .boxName {
color: #000;
}
.boxName span {
color: #000;
font-size: 180%;
font-weight: 100;
line-height: 110%;
}
.boxDesc {
float: left;
width: 100%;
text-align: center;
color: #000;
margin: 5px 0;
}
.boxDesc.white {
color: #fff;
}
.boxDesc.bigCount span {
font-size: 400%;
line-height: 100%;
background-image: url('gfx/bg-main-counter.png');
background-position: left top;
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
padding: 62px 0 0 66px;
}
.boxDesc.bigCountLine {
color: #b9b9b9;
}
.boxDesc.bigCountLine span {
font-size: 400%;
line-height: 100%;
padding-bottom: 13%;
margin-bottom: 4%;
background-image: url('gfx/bg-line-dot.png');
background-position: center bottom;
background-size: 50% auto;
background-repeat: no-repeat;
display: block;
}
.boxFoto {
float: left;
width: 90%;
margin: 0 5%;
position: relative;
background-size: cover;
background-position: center center;
margin-top: 5%;
}
.boxFoto.foto100:before {
content: "";
display: block;
padding-top: 100%;
}
.boxFoto.foto120:before {
content: "";
display: block;
padding-top: 120%;
}
.boxFoto.foto150:before {
content: "";
display: block;
padding-top: 150%;
}
.boxFoto .boxFotoHover,
.boxFoto .boxFotoMore {
position: absolute;
width: 100%;
z-index: 100;
text-align: center;
box-sizing: border-box;
font-size: 80%;
}
.boxFoto .boxFotoHover {
opacity: 0;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
padding: 2% 1%;
height: 100%;
}
.boxFoto:hover .boxFotoHover {
opacity: 1;
}
.boxFoto .boxFotoMore {
bottom: 5%;
left: 0;
}
.boxFoto .boxFotoMore a {
color: #fff;
border: 1px solid #fff;
padding: 4px 10px;
}
.boxFoto:hover .boxFotoMore a {
color: #000;
background-color: #fff;
}
.boxRotate {
width: 1000%;
position: relative;
height: 100%;
text-align: left;
}
.boxRotateList {
width: 10%;
display: inline-block;
text-align: center;
}
.boxIco {
float: left;
width: 100%;
height: 33%;
text-align: center;
margin: 0 0 10px 0;
}
.boxIco img {
max-width: 100%;
max-height: 100%;
}
.boxButton {
float: left;
width: 100%;
text-align: center;
margin: 2% 0;
}
.boxButton.break {
margin-top: 5%;
}
.btn {
color: #000;
font-size: 100%;
margin: 0;
display: inline-block;
cursor: pointer;
font-weight: 400;
}
input.btn {
border: 0;
padding: 10px 20px;
}
a.btn {
padding: 5px 10px;
}
.btn.gold {
background-color: #fdc613;
color: #fff;
}
.btn.white {
background-color: #fff;
color: #000;
}
.btn.bgWhite {
background-color: #fff;
color: #fdc613;
}
.kalkBtn {
position: absolute;
right: 0;
top: 0;
}
.kalkBtn-bottom {
float: left;
width: 100%;
text-align: center;
margin: 2% 0 0 0;
}
.blog-karta-tytul .kalkBtn a {
font-size: 70% !important;
padding: 5px 10px !important;
}
.btn.bgBlue {
background-color: #22aceb;
color: #fff;
}
.btn.bgYellow {
background-color: #fdc613;
color: #fff;
}
.btn.bgYellow:hover,
.btn.bgWhite:hover {
background-color: #000;
color: #fdc613;
}
.btn.white:hover {
background-color: #000;
color: #fff;
border: 1px soild #fff;
}
.btn.borderWhite {
border: 1px solid #fff;
color: #fff;
}
.light .btn.borderWhite {
color: #000;
border: 1px solid #000;
}
.btn.borderWhite:hover {
background-color: #fff;
color: #000;
}
.btn.black {
border: 1px solid #000;
color: #000;
}
.btn.black:hover {
background-color: #000;
color: #fff;
}
.btn.filled {
color: #fff !important;
}
.btn.filled:hover {
color: #000 !important;
background: #fff !important;
}
.big150 {
font-size: 150%;
line-height: 100%;
display: block;
}
.big170 {
font-size: 170%;
line-height: 100%;
display: block;
}
.big200 {
font-size: 200%;
line-height: 100%;
display: block;
}
/* -------------------- */
#top {
width: 100%;
margin: 0;
overflow: hidden;
}
#top2 {
width: 100%;
margin: 0;
overflow: hidden;
position: relative;
}
#top2:before {
display: block;
padding-top: 33%;
content: "";
}
.top-all {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;;
width: 100%;
height: 100%;
background-size: cover;
}
.active {
display: block !important;
}
.top-main {
float: left;
width: 100%;
z-index: 100;
}
.top-main img {
min-width: 100%;
}
.top-info {
position: absolute;
z-index: 200;
left: 50%;
margin-left: -225px;
}
.top-logo {
position: relative;
z-index: 200;
margin: 20px auto 0 auto;
width: 388px;
}
.top-haslo {
padding: 15px 0;
width: 450px;
position: relative;
z-index: 200;
text-shadow: 1px 1px 1px #000;
color: #fff;
text-align: center;
}
#top .top-haslo {
font-size: 40px;
font-family: Times New Roman;
text-transform: uppercase;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background: rgba(0, 0, 0, 0.4);
}
#top .top-haslo p {
font-size: 50%;
border-top: 1px solid #fff;
margin: 0;
padding: 7px 0 0 0;
text-transform: none;
}
#top2 .top-haslo {
font-size: 200%;
text-transform: uppercase;
}
#top2 .top-haslo p {
text-transform: none;
font-size: 66%;
margin: 2% 0;
}
#top2 .top-haslo-kreska {
width: 40%;
border-bottom: 1px solid #fff;
margin: 0 auto;
height: 1px;
}
.kola-top {
position: absolute;
bottom: 20%;
left: 34%;
z-index: 200;
}
.kolo-top {
float: left;
margin: 5px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
width: 15px;
height: 15px;
background: #fff;
}
.kolo-top:hover, .kola-top .selected {
background: #e3b71c;
}
.kolo-top a {
padding: 8px;
}
#main {
width: 100%;
}
#menu {
height: 50px;
margin: 10px auto;
display: none;
}
#menu.menu-light {
width: 1070px;
}
#menu.menu-dark {
width: 570px;
}
#menu ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
}
#menu ul li {
margin: 0;
padding: 0 13px;
float: left;
font-weight: 300;
font-size: 20px;
}
#menu ul li.selected,
#menufixed ul li.selected {
background: #e3b71c;
margin-left: 2px;
}
#menu ul li.selected-dla-firm,
#menufixed ul li.selected-dla-firm {
background: #5c5c5c;
}
#menu ul li.selected-dla-firm.odstep,
#menufixed ul li.selected-dla-firm.odstep,
#menu ul li.selected.odstep,
#menufixed ul li.selected.odstep {
margin-left: 20px;
}
#menu ul li.selected-dla-firm a,
#menufixed ul li.selected-dla-firm a {
color: #fff;
}
#menu ul li.selected a,
#menu ul li.selected a:hover,
#menufixed ul li.selected a,
#menufixed ul li.selected a:hover,
#menufixed ul li.selected .submenu ul.menu-light li:hover a {
color: #fff !important;
}
#menufixed ul li.selected .submenu ul.menu-light li a {
color: #242424 !important;
}
#menu ul li a {
color: #242424;
text-decoration: none;
cursor: pointer;
}
#menu ul li a:hover,
#menufixed ul li a:hover,
.menu-dark a:hover,
.menu-dark li.gold a {
color: #e3b71c !important;
}
#menufixed {
width: 100%;
margin: 0;
padding: 0;
position: absolute;
top: 0;
z-index: 9999;
background: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid #e5e5e5;
}
body.konfigurator #menufixed {
border-bottom: 0;
}
#menufixed.menu-dark {
background: rgba(0, 0, 0, 0.6);
}
#menufixed ul {
list-style: none;
margin-top: 10px;
padding: 0;
}
#menufixed.menu-light ul {
margin-left: calc((100% - (1070px + 50px)) / 2);
}
#menufixed.menu-light ul .submenu ul {
margin-left: -12px;
}
#menufixed.menu-dark ul {
margin-left: calc((100% - 1000px) / 2);
}
#menufixed ul li {
margin: 0;
padding: 0 13px;
float: left;
font-weight: 300;
}
#menufixed ul li img {
margin: 0 0 0 4px;
}
#menufixed ul li a {
font-size: 20px;
color: #242424;
text-decoration: none;
cursor: pointer;
}
#menufixed ul li:hover > .submenu,
#menu ul li:hover > .submenu {
visibility: visible;
opacity: 1;
}
#menufixed .submenu,
#menu .submenu {
position: absolute;
visibility: hidden;
opacity: 0;
width: 976px;
margin-top: -10px;
-webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#menufixed .submenu ul,
#menu .submenu ul {
float: left;
}
#menufixed .submenu ul li,
#menu .submenu ul li {
display: block;
float: none;
}
#menufixed .submenu ul li:hover,
#menu .submenu ul li:hover {
background: #e3b71c;
}
#menufixed .submenu ul li:hover a,
#menu .submenu ul li:hover a {
color: #fff !important;
}
.menu-light {
background: #fff;
}
.menu-beige {
background: #f9ffd3;
}
.menu-dark {
background: #5c5c5c;
}
.menu-dark a {
color: #fff !important;
}
#menu-logo {
width: 100%;
text-align: center;
margin-top: 0.9%;
}
#menu-logo img {
max-width: 200px;
}
body.konfigurator #menu-logo img {
max-width: 250px;
}
#menuSzybkiKontakt {
position: absolute;
top: 10px;
left: 2%;
max-width: 30%;
width: 250px;
}
#language {
position: absolute;
top: 10px;
right: 2%;
max-width: 30%;
width: 250px;
}
#language img,
#menuSzybkiKontakt img {
max-width: 33%;
vertical-align: middle;
margin-left: 5px;
}
.szybkiKontakt {
background-image: url('gfx/telefon_ikona.png');
background-position: left center;
background-size: 18% auto;
background-repeat: no-repeat;
padding-left: 22%;
box-sizing: border-box;
}
.szybkiKontakt p {
margin: 5px 0 0 0;
font-size: 130%;
line-height: 100%;
}
/* -------------------- */
/* content -------------------- */
#content {
float: left;
width: 100%;
}
#content.space {
margin-top: 140px;
}
body.konfigurator #content.space {
margin-top: 160px;
}
#content a {
text-decoration: none;
}
.tytul {
float: left;
width: 100%;
padding: 0 0 40px 0;
color: #e3b71c;
font-size: 26px;
margin: 0 0 1% 0;
text-align: center;
font-family: Times New Roman;
}
.tytul h1, .tytul h2 {
color: #e3b71c;
font-size: 48px;
margin: 0;
padding: 0;
font-weight: normal;
font-family: Times New Roman;
}
.tytul-bg-white,
.blackBg .tytul-bg-black,
.tytul.white,
.dark .tytul.gold {
background: url('gfx/bg-title-white.png') no-repeat bottom center;
}
.tytul-bg-black,
.whiteBg .tytul-bg-white,
.dark .whiteBg .tytul {
background: url('gfx/bg-title.png') no-repeat bottom center;
}
.tytul-bg-konfigurator {
color: #414141;
position: relative;
padding: 0;
}
.tytul-bg-konfigurator .konfIco {
background-image: url('gfx/konf-couple.png');
background-repeat: no-repeat;
background-position: center left;
background-size: auto 100%;
position: absolute;
top: 0;
left: -84px;
width: 72px;
height: 72px;
}
.tytul.tytul-bg-konfigurator h2 {
color: #414141;
border-bottom: 1px solid #414141;
padding-bottom: 9px;
margin-left: 40px;
display: inline-block;
position: relative;
}
.tytul.tytul-bg-konfigurator div.bg {
position: absolute;
left: 0;
bottom: -6px;
width: 100%;
height: 16px;
background: url('gfx/bg-title.jpg') no-repeat bottom center;
}
.tytul-lead {
float: left;
width: 100%;
padding: 0;
color: #e3b71c;
font-size: 14px;
margin: 0;
text-align: center;
}
/* footer ----------------------- */
#footer {
width: 100%;
margin: 50px 0 0 0;
padding: 2% 10%;
float: left;
box-sizing: border-box;
}
.footer-dark {
background: #131313;
color: #8c8c84;
}
.footer-light {
color: #494043;
}
.footer-box {
width: 24%;
margin: 0 1% 0 0;
padding: 0;
float: left;
}
.footer-tytul {
width: 100%;
float: left;
margin: 0 0 6px 0;
padding: 0;
font-size: 23px;
}
.footer-box-dane {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.footer-tag {
float: left;
margin: 0 5px 5px 0;
padding: 4px 10px;
background: #e3b71c;
}
.footer-tag a {
color: #fff;
text-decoration: none;
font-size: 12px;
}
.footer-tag a:hover {
text-decoration: underline;
}
/* end footer ----------------------- */
/* BOTTOM */
#site-bottom {
background: #494043;
color: #fff;
width: 100%;
padding: 0 0 20px 0;
float: left;
}
#site-bottom a {
color: #fff;
text-decoration: none;
}
.site-bottom-center {
width: 80%;
margin: 0 auto;
}
.site-bottom-slowlogo {
padding: 20px 0 0 0;
float: left;
width: 45%;
}
.site-bottom-slowlogo img {
width: calc(25% - 15px);
margin-right: 10px;
vertical-align: middle;
}
.site-bottom-slowlogo-opis {
padding: 36px 0 0 30px;
float: left;
width: 200px;
max-width: 30%;
margin-right: 20px;
}
.site-bottom-copy {
float: right;
text-align: right;
padding: 45px 0 45px 0;
}
/* PODSTRONY */
/* GÅÓWNA */
.glowna-haslo {
border-top: 1px solid #dad9d9;
border-bottom: 1px solid #dad9d9;
margin: 8px 0;
padding: 10px 0;
font-size: 25px;
float: left;
width: 100%;
text-align: center;
font-family: Times New Roman;
}
.glowna-haslo h2 {
margin: 0;
padding: 0;
font-size: 25px;
font-weight: normal;
}
.dwor-fotos:before {
padding-top: 40%;
display: block;
content: "";
}
.dwor-fotos {
float: left;
margin: 10px 0 10px 0;
overflow: hidden;
width: 100%;
position: relative;
overflow: hidden;
}
.dwor-box:before {
padding-top: 62%;
display: block;
content: "";
}
.dwor-box {
float: left;
margin: 0;
overflow: hidden;
width: 64.5%;
position: absolute;
z-index: 100;
top: 0;
overflow: hidden;
background-size: cover;
background-position: center center;
}
.dwor-box:hover .zolte-tlo, .pokoje-glowna-lista:hover .pokoje-glowna-nazwa {
display: block;
}
#dwor1.dwor-box {
left: -15%;
}
#dwor2.dwor-box {
left: 50%;
}
.zolte-tlo {
position: absolute;
width: 100%;
height: 100%;
top: 0;
display: none;
opacity: 0;
background: rgba(224, 186, 54, 0.7) !important;
z-index: 1000;
}
.zolte-tlo:hover {
display: block;
opacity: 1;
}
.tlo-tekst {
position: relative;
width: 80%;
margin: 25% auto 0 auto;
padding-bottom: 20px;
color: #fff;
font-family: Times New Roman;
font-size: 250%;
background: url('gfx/linedot-white.png') no-repeat bottom;
text-align: center;
}
.tlo-tekst a {
color: #fff;
}
.zolte-tlo, .pokoje-glowna-nazwa {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.box-text {
float: left;
width: 100%;
margin: 10px 0 20px 0;
text-align: center;
}
.box-text a {
padding: 5px 10px;
text-decoration: none;
color: #fff;
font-size: 15px;
background: #e3b71c;
}
.box-text a:hover {
text-decoration: underline !important;
}
.pokoje-glowna-lista {
width: 238px;
height: 150px;
margin: 0 3px 0 0;
float: left;
overflow: hidden;
}
.pokoje-glowna-lista .pokoje-glowna-nazwa {
position: absolute;
width: 210px;
margin: 50px 0 0 10px;
padding-bottom: 15px;
color: #fff;
font-family: Times New Roman;
font-size: 22px;
text-shadow: 1px 1px 1px #000;
background: url('gfx/linedot-white.png') no-repeat bottom;
text-align: center;
display: none;
z-index: 10000;
}
.pokoje-glowna-lista .pokoje-glowna-nazwa a {
color: #fff;
}
.pokoje-glowna-lista .pokoje-glowna-foto {
float: left;
overflow: hidden;
}
.pokoje-glowna-lista .pokoje-glowna-foto img {
width: 238px;
}
.nasze-smaki-img {
width: 125%;
height: 264px;
background: url('gfx/nasze-smaki-bw.jpg') no-repeat center;
position: relative;
margin: 0 0 0 -12.5%;
float: left;
}
.nasze-smaki-img:hover {
background: url('gfx/nasze-smaki.jpg') no-repeat center;
}
/* NEWS */
.lista-news {
float: left;
width: 31%;
height: 455px;
margin: 10px 2% 20px 0;
}
.lista-news-foto {
width: 290px;
height: 290px;
float: left;
}
.lista-news-foto img {
-webkit-border-radius: 145px;
-moz-border-radius: 145px;
border-radius: 145px;
width: 290px;
height: 290px;
}
.lista-news-info {
position: absolute;
width: 220px;
margin: 70px 0 0 40px;
z-index: 10000;
}
.lista-news-info-tytul {
padding-bottom: 15px;
color: #fff;
font-family: Times New Roman;
font-size: 22px;
background: url('gfx/linedot-white.png') no-repeat bottom;
text-align: center;
text-shadow: 1px 1px 1px #000;
}
.lista-news-info-tytul a, .lista-news-info-tytul h2 {
padding-bottom: 15px;
color: #fff;
font-family: Times New Roman;
font-size: 22px;
padding: 0;
margin: 0;
}
.lista-news-info-data {
color: #fff;
font-family: Times New Roman;
font-size: 14px;
text-align: center;
text-shadow: 1px 1px 1px #000;
}
.lista-news-opis {
float: left;
width: 100%;
height: 120px;
margin-top: 10px;
}
.lista-news-czytaj {
float: left;
width: 100%;
text-align: right;
margin-top: 14px;
}
.lista-news-czytaj a {
font-size: 14px;
color: #e3b71c;
text-decoration: none;
}
.lista-news:hover .lista-news-info-zolte-tlo {
opacity: 0.7;
display: block;
}
.lista-news-info-zolte-tlo:hover {
opacity: 0.7;
display: block;
}
.lista-news-info-zolte-tlo {
position: absolute;
width: 290px;
height: 290px;
-webkit-border-radius: 145px;
-moz-border-radius: 145px;
border-radius: 145px;
margin-top: 0px;
display: none;
opacity: 0;
background: rgba(224, 186, 54, 0.7) !important;
z-index: 999;
}
.planowanie {
width: 100%;
text-align: center;
float: left;
margin: 1% 0 0 0;
}
/* GÅOWNA FILM */
img#mainFilm {
cursor: pointer;
}
div#mainVideo,
div.videoYT {
display: none;
}
div#mainVideoShow {
position: fixed;
width: 960px;
margin: 0 auto;
background: #000;
z-index: 9999999;
top: 5%;
left: calc(50% - 480px);
}
/* MATERIAÅY DO POBRANIA */
.lista-materialy {
float: left;
width: 31%;
height: 390px;
margin: 10px 2% 20px 0;
}
.lista-materialy-foto {
width: 100%;
height: 190px;
float: left;
overflow: hidden;
position: relative;
z-index: 10;
}
.lista-materialy-foto img {
width: 100%;
min-height: 190px;
max-height: 300px;
}
.lista-materialy-info {
position: relative;
width: 100%;
margin: 70px 0 0 40px;
z-index: 10000;
}
.lista-materialy-info-tytul {
color: #fff;
font-size: 20px;
text-align: center;
width: 100%;
float: left;
}
.lista-materialy-info-tytul a, .lista-materialy-info-tytul h2 {
padding-bottom: 15px;
color: #fff;
font-size: 22px;
padding: 0;
margin: 0;
}
.lista-materialy-opis {
float: left;
width: 100%;
height: 120px;
margin-top: 6px;
text-align: justify;
overflow: hidden;
}
.lista-materialy-czytaj {
float: left;
width: 100%;
text-align: center;
margin-top: 14px;
}
.lista-materialy-czytaj a {
font-size: 14px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
background: #e3b71c;
padding: 4px 15px;
}
.lista-materialy:hover .lista-materialy-info-zolte-tlo {
opacity: 0.7;
display: block;
}
.lista-materialy-info-zolte-tlo:hover {
opacity: 0.7;
display: block;
}
.lista-materialy-info-zolte-tlo {
position: absolute;
width: 100%;
height: 100%;
margin-top: 0px;
display: none;
opacity: 0;
background: rgba(224, 186, 54, 0.7) !important;
z-index: 999;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
/* MEDIA O NAS */
.lista-media {
float: left;
width: 100%;
margin: 10px 0 20px 0;
padding-bottom: 20px;
border-bottom: 1px solid #c1c1c1;
}
.lista-media-foto:before {
padding-top: 50%;
content: "";
display: block;
}
.lista-media-foto {
width: 53%;
float: left;
margin-bottom: 4px;
overflow: hidden;
background-size: cover;
background-position: center center;
}
.lista-media-foto img {
width: 100%;
}
.lista-media-info {
float: left;
width: 46%;
margin-left: 1%;
}
.lista-media-info-tytul {
color: #e3b71c;
font-size: 150%;
line-height: 110%;
float: left;
width: 100%;
}
.lista-media-info-tytul a, .lista-media-info-tytul h2 {
padding-bottom: 15px;
color: #e3b71c;
font-size: 22px;
font-weight: 400;
padding: 0;
margin: 0;
}
.lista-media-info-data {
color: #e3b71c;
font-size: 80%;
width: 100%;
}
.lista-media-opis {
float: left;
width: 100%;
margin-top: 10px;
}
.lista-media-czytaj {
float: left;
width: 100%;
text-align: right;
margin-top: 14px;
}
.lista-media-czytaj a {
font-size: 14px;
background: #e3b71c;
color: #fff;
text-decoration: none;
padding: 5px 10px;
}
/* BLOG */
.lista-blogi {
float: left;
width: 100%;
float: left;
margin-top: 20px;
}
.blog-tytul {
color: #e3b71c;
font-size: 22px;
float: left;
width: 100%;
margin-bottom: 10px;
}
.blog-tytul h2 {
color: #e3b71c;
font-size: 25px;
font-weight: 200;
padding: 0;
margin: 0;
}
.blog-first {
float: left;
width: 100%;
margin: 2px 2% 10px 0;
padding-bottom: 10px;
border-bottom: 1px solid #c1c1c1;
}
.blog-first-foto {
width: 49%;
height: 230px;
float: left;
margin: 0 1.5% 6px 0;
overflow: hidden;
}
.blog-first-foto img {
width: 100%;
}
.blog-first-tytul {
color: #e3b71c;
font-size: 22px;
height: 53px;
float: left;
width: 49.5%;
}
.blog-first-tytul a, .blog-first-tytul h2 {
color: #e3b71c;
font-size: 22px;
font-weight: 400;
padding: 0;
margin: 0;
}
.blog-first-data {
color: #e3b71c;
font-size: 12px;
width: 40%;
float: left;
}
.blog-first-opis {
float: left;
width: 49.5%;
margin-top: 10px;
}
.lista-blog {
float: left;
width: 31%;
height: 390px;
margin: 10px 2% 20px 0;
border-bottom: 1px solid #c1c1c1;
}
.lista-blog-foto {
width: 100%;
height: 130px;
float: left;
margin-bottom: 4px;
overflow: hidden;
background-size: cover;
background-position: center center;
}
.lista-blog-foto img {
width: 100%;
}
.lista-blog-info-tytul {
color: #e3b71c;
font-size: 22px;
float: left;
width: 100%;
height: 60px;
overflow: hidden;
}
.lista-blog-info-tytul a, .lista-blog-info-tytul h2 {
padding-bottom: 15px;
color: #e3b71c;
font-size: 22px;
font-weight: 400;
padding: 0;
margin: 0;
}
.lista-blog-info-data {
color: #e3b71c;
font-size: 12px;
width: 100%;
}
.lista-blog-opis {
float: left;
width: 100%;
height: 120px;
margin-top: 6px;
overflow: hidden;
}
.lista-blog-czytaj {
float: left;
width: 100%;
text-align: right;
margin-top: 14px;
}
.lista-blog-czytaj a {
font-size: 14px;
background: #e3b71c;
color: #fff;
text-decoration: none;
padding: 5px 10px;
}
.lista-blog:hover .lista-blog-info-zolte-tlo {
opacity: 0.7;
display: block;
}
.lista-blog-info-zolte-tlo:hover {
opacity: 0.7;
display: block;
}
.lista-blog-info-zolte-tlo {
position: absolute;
width: 290px;
height: 290px;
-webkit-border-radius: 145px;
-moz-border-radius: 145px;
border-radius: 145px;
margin-top: 0px;
display: none;
opacity: 0;
background: rgba(224, 186, 54, 0.7) !important;
z-index: 999;
}
/* BLOG - TEAM BUILDING */
.lista-TB {
display: flex;
width: 100%;
margin: 10px 0 20px 0;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.lista-TB:nth-of-type(2n) {
flex-direction: row-reverse;
}
.lista-TB-foto:before {
content: "";
display: block;
padding-top: 66%;
}
.lista-TB-foto {
display: inline;
width: 48%;
margin: 0 1%;
background-size: cover;
background-position: center center;
position: relative;
}
.lista-TB-dane {
display: inline;
width: 45%;
margin: 0 2.5%;
text-align: center;
}
.lista-TB-foto img {
width: 100%;
}
.lista-TB-info-tytul {
color: #e3b71c;
font-size: 22px;
float: left;
width: 100%;
height: 60px;
overflow: hidden;
}
.lista-TB-info-tytul a,
.lista-TB-info-tytul h2 {
padding-bottom: 15px;
color: #e3b71c;
font-size: 22px;
font-weight: 400;
padding: 0;
margin: 0;
}
.lista-TB-opis {
width: 100%;
margin-top: 6px;
overflow: hidden;
}
.lista-TB-czytaj {
width: 100%;
margin-top: 24px;
}
.lista-TB-czytaj a {
font-size: 14px;
background: #e3b71c;
color: #fff;
text-decoration: none;
padding: 5px 10px;
}
/* BLOG KARTA */
.blog-karta {
box-sizing: border-box;
float: left;
width: 66%;
float: left;
border-right: 1px solid #c1c1c1;
padding-right: 10px;
margin-right: 10px;
}
.blog-karta.team-building {
border: 0;
}
.blog-karta-foto {
width: 100%;
float: left;
margin-bottom: 4px;
}
.blog-karta-foto img {
width: 100%;
}
.blog-karta-tytul {
position: relative;
color: #e3b71c;
font-size: 22px;
float: left;
width: 100%;
}
.blog-karta-tytul a,
.blog-karta-tytul h1,
.blog-karta-tytul h2 {
color: #e3b71c;
font-size: 22px;
padding: 0;
margin: 0;
}
.blog-karta-data {
color: #e3b71c;
font-size: 12px;
width: 100%;
}
.blog-karta-opis {
float: left;
width: 100%;
margin-top: 6px;
}
.blog-karta-opis p {
margin: 0 0 6px 0;
}
.blog-karta-opis h2 {
margin: 0.5% 0;
font-size: 120%;
}
.blog-karta-lista {
float: left;
width: 31%;
}
.blog-karta-lista-tytul {
font-size: 16px;
float: left;
width: 100%;
}
.blog-karta-lista-button {
text-transform: uppercase;
}
.lista-blog-right {
float: left;
width: 100%;
margin: 10px 0 20px 0;
}
.lista-blog-right-foto {
width: 31%;
height: 60px;
float: left;
margin: 4px 2% 0 0;
overflow: hidden;
background-size: cover;
background-position: center center;
}
.lista-blog-right-foto img {
margin: 0 0 0 -38%;
height: 100%;
max-width: 160%;
}
.lista-blog-right-tytul {
color: #222;
font-size: 16px;
height: 53px;
float: left;
width: 67%;
text-decoration: underline;
}
.lista-blog-right-tytul a, .lista-blog-right-tytul h2 {
padding-bottom: 15px;
color: #222;
font-size: 16px;
padding: 0;
margin: 0;
}
body.dark .lista-blog-right-tytul a {
color: #fff;
}
.lista-blog-right-data {
color: #e3b71c;
font-size: 11px;
width: 67%;
}
/* EKSPERT WESELNY */
.lista-ekspert-right {
float: left;
width: 100%;
margin: 10px 0 20px 0;
}
.lista-ekspert-right-foto {
width: 31%;
float: left;
margin: 4px 2% 0 0;
background-size: cover;
background-position: center center;
min-height: 40px;
}
.lista-ekspert-right-foto img {
width: 100%;
}
.lista-ekspert-right-tytul {
color: #222;
font-size: 100%;
line-height: 130%;
float: left;
width: 67%;
}
body.dark .lista-ekspert-right-tytul {
color: #fff;
}
.lista-ekspert-right-data {
color: #e3b71c;
font-size: 100%;
width: 67%;
margin-bottom: 7px;
}
/* FOOD MARKETING */
#food-listing {
overflow: hidden;
position: relative;
width: 100%;
z-index: 10000;
}
.lista-food {
float: left;
width: 100%;
height: 335px;
margin: 10px 2% 20px 0;
overflow: hidden;
}
.lista-food-foto {
width: 290px;
height: 290px;
float: left;
margin: 0 20px 20px 0;
}
.lista-food-foto img {
-webkit-border-radius: 145px;
-moz-border-radius: 145px;
border-radius: 145px;
width: 290px;
height: 290px;
}
/* SALA BALOWA */
#view-frame {
width: 100%;
height: 600px;
overflow: hidden;
margin-top: 10px;
}
.sala-foto {
float: left;
width: 2.45%;
margin: 10px 0.05% 10px 0;
overflow: hidden;
}
.sala-foto img {
width: 100%;
}
.lista-sala:before {
padding-top: 36%;
content: "";
display: block;
}
.lista-sala {
float: left;
overflow: hidden;
width: 100%;
float: left;
margin-top: 20px;
position: relative;
}
#sala-listing {
overflow: hidden;
width: 1000%;
height: 100%;
position: absolute;
z-index: 10000;
top: 0;
left: 0;
}
.arrow-left-sala {
top: calc(50% - 30px);
}
.arrow-right-sala {
top: calc(50% - 30px);
left: calc(9.95% - 34px);
}
/* SALA WESELNA (WESELA) */
.sala-weselna-foto {
float: left;
width: 100%;
margin: 10px 0.2% 10px 0;
overflow: hidden;
}
.sala-weselna-foto img {
width: 100%;
}
.lista-weselna-sala {
float: left;
overflow: hidden;
width: 100%;
height: 250px;
float: left;
position: relative;
margin-top: 20px;
}
#sala-weselna-listing {
overflow: hidden;
width: 100%;
position: relative;
z-index: 10000;
}
.arrow-right-sala-weselna,
.arrow-left-sala-weselna {
top: 38%;
}
/* KARKONOSZE */
a.karkonosze {
cursor: pointer;
}
#karkonosze-big-foto {
float: left;
width: 100%;
text-align: center;
}
#karkonosze-big-foto img {
max-width: 100%;
}
#karkonosze {
margin-top: 15px;
}
.karkonosze-foto {
float: left;
width: 3.323%;
height: 100%;
margin: 0 0.01% 10px 0;
overflow: hidden;
position: relative;
top: 0;
}
.karkonosze-foto img {
width: 98%;
}
.lista-karkonosze:before {
padding-top: 20%;
content: "";
display: block;
}
.lista-karkonosze {
float: left;
position: relative;
overflow: hidden;
width: 100%;
float: left;
margin-top: 20px;
}
#karkonosze-listing {
overflow: hidden;
width: 1000%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.arrow-left-karkonosze {
top: calc(50% - 50px);
}
.arrow-right-karkonosze {
top: calc(50% - 50px);
left: calc(9.92% - 34px) !important;
}
/* CERTYFIKATY */
.lista-cert {
width: 100%;
float: left;
position: relative;
}
.cert-foto {
width: 31.3%;
margin: 1%;
display: inline-block;
}
/* IMPREZY FIRMOWE - MIASTA */
.lista-imprezy-miasta {
margin: 10px auto;
float: left;
width: 100%;
}
.lista-imprezy-miasto {
padding: 5px 10px;
margin: 2px;
background: #e3b71c;
float: left;
}
.lista-imprezy-miasto a {
color: #fff;
font-size: 14px;
}
/* DLA FIRM */
.dla-firm-haslo,
.podtytul {
border-top: 1px solid #dad9d9;
border-bottom: 1px solid #dad9d9;
margin: 8px 0;
padding: 10px 0;
font-size: 25px;
float: left;
width: 100%;
font-family: Times New Roman;
color: #fff;
text-align: center;
}
.whiteBg .dla-firm-haslo,
.whiteBg .podtytul,
.whiteBg.podtytul,
.whiteBg .box-text {
color: #000;
}
/* NAWIGACJA BOCZNA */
.page-nav {
position: fixed;
top: 25%;
right: 0;
width: 60px;
z-index: 1500;
}
.page-nav ul {
list-style: none;
width: 100%;
margin: 0;
padding: 0;
}
.page-nav ul li {
list-style: none;
width: 100%;
margin: 5px 0;
}
/* OFERTA DLA FIRM */
.oferta-halfBox {
float: left;
width: 50%;
box-sizing: border-box;
padding: 30px 1%;
vertical-align: top;
}
.oferta-halfbox-infografika {
float: left;
width: 100%;
text-align: center;
margin-top: 12%;
}
.oferta-halfbox-infografika.TB {
margin-top: 2%;
}
.oferta-halfBox.TB {
padding: 20px 1%;
}
.mozaikaFoto {
float: left;
margin: 0;
padding: 0;
width: 100%;
height: 400px;
overflow: hidden;
position: relative;
}
.mozaikaFoto.fourLevels {
height: 800px;
}
.mozaikaFotoLarge {
float: left;
margin: 0;
padding: 0;
width: 120%;
height: 100%;
}
.mozaikaFoto-foto {
float: left;
margin: 0;
padding: 0;
height: 50%;
position: relative;
}
.mozaikaFoto.fourLevels .mozaikaLevel {
height: 25%;
width: 100%;
overflow: hidden;
}
.mozaikaFoto.fourLevels .mozaikaLevel:nth-of-type(2n+2) {
margin-left: -10%;
}
.mozaikaFoto.fourLevels .mozaikaLevel .mozaikaFoto-foto {
height: 100%;
}
.mozaikaFoto-foto img {
height: 100%;
}
.zaufaliOferta {
float: left;
width: 100%;
margin: 5% 0;
}
.zaufaliLista {
width: 100%;
float: left;
margin: 0;
padding: 0;
display: inline-block;
}
.zaufaliLista-foto,
.zaufaliLista-dane {
width: 50%;
margin: 0;
padding: 0;
float: left;
position: relative;
text-align: center;
}
.zaufaliLista:nth-of-type(2n+2) .zaufaliLista-foto {
float: right;
}
.zaufaliLista-ikona {
position: absolute;
z-index: 100;
background-image: url('gfx/bg-zaufali.png');
background-position: center center;
background-size: cover;
width: 60px;
height: 60px;
top: -30px;
left: calc(49% - 30px);
}
.zaufaliLista-foto > img {
width: 100%;
}
.zaufaliLista-dane {
box-sizing: border-box;
padding: 7% 1% 0;
}
.zaufaliLista-tytul {
font-size: 150%;
font-weight: 400;
margin-bottom: 7px;
}
.oferujemyLista {
float: left;
width: 100%;
height: 500px;
position: relative;
display: inline-block;
}
.oferujemyListaGradient {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(112,112,112,0) 56%, rgba(0,0,0,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(56%, rgba(112,112,112,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(112,112,112,0) 56%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(112,112,112,0) 56%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(112,112,112,0) 56%, rgba(0,0,0,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(112,112,112,0) 56%, rgba(0,0,0,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}
.oferujemyLista-poz {
float: left;
width: 33.33%;
height: 50%;
position: relative;
margin: 0;
padding: 0;
background-position: center center;
background-size: cover;
}
/* SALE SZKOLENIOWE */
.saleFotki-foto {
display: inline-block;
width: 50%;
margin: 0;
padding: 0;
position: relative;
}
.saleFotki-foto img {
width: 100%;
height: 100%;
}
.saleFotki-ikona {
position: absolute;
z-index: 100;
top: -30px;
left: calc(50% - 30px);
width: 60px;
height: 60px;
background-position: center center;
background-size: cover;
}
/* PODSTRONY MODUÅOWE */
.box-podstrona-left, .box-podstrona-right {
float: left;
width: 49%;
overflow: hidden;
margin-top: 15px;
margin-bottom: 15px;
}
.box-podstrona-left {
margin-right: 2%;
}
.box-podstrona-opis {
float: left;
width: 100%;
margin: 1.5% 0;
padding: 1% 0;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
}
.box-podstrona-opis-powrot {
background: #e3b71c;
padding: 10px 15px;
float: right;
}
.box-podstrona-opis-powrot a {
color: #fff;
}
.box-podstrona-big-foto {
text-align: center;
}
.box-podstrona-big-foto img {
max-width: 100%;
}
.box-podstrona-right-foto-lista-poz {
float: left;
margin: 2px 0.25%;
width: 19.5%;
height: 120px;
overflow: hidden;
}
.box-podstrona-right-foto-lista-poz img {
width: 100%;
}
.box-podstrona-filmy {
float: left;
margin: 10px 0;
width: 100%;
text-align: center;
}
.box-podstrona-filmy img {
margin: 0 2px;
}
.box-podstrona-filmy img:hover {
opacity: 0.85;
}
.box-podstrona-infografika {
width: 100%;
float: left;
text-align: center;
}
.galeria-foto:before {
content: "";
padding-top: 66%;
display: block;
}
.galeria-foto {
background-size: 100% auto;
background-position: center center;
}
.galeria-hover {
position: absolute;
z-index: 101;
top: -30px;
left: calc(50% - 32px);
width: 64px;
text-align: center;
}
/* KONTAKT */
.kontakt-top-info {
display: inline-block;
width: 100%;
text-align: center;
padding: 0 5% 20px 5%;
box-sizing: border-box;
}
.kontakt-boxes {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.kontakt-box1 {
display: inline-block;
width: 40%;
}
.kontakt-box2 {
display: inline-block;
width: 33%;
}
.kontakt-box3 {
display: inline-block;
width: 25%;
background-color: #e3b71c;
color: #fff;
padding: 1% 2%;
box-sizing: border-box;
}
.kontakt-box1 h2,
.kontakt-box2 h2 {
font-size: 120%;
margin: 0;
}
.kontakt-field,
.kontakt-field-box {
width: 100%;
float: left;
margin: 10px 0 0 0;
}
.light .kontakt-field a {
color: #000;
}
.dark .kontakt-field a {
color: #fff;
}
.kontakt-field input[type="text"],
.kontakt-field input[type="text"]:focus,
.kontakt-field textarea,
.kontakt-field-box input[type="text"],
.kontakt-field-box input[type="text"]:focus,
.kontakt-field-box textarea {
width: 100% !important;
color: #666;
padding: 10px 0 10px 6% !important;
margin: 0;
border: 1px solid #dadada;
font-size: 110% !important;
box-sizing: border-box;
font-family: 'Oswald', Times New Roman;
}
.kontakt-field-box input[type="text"],
.kontakt-field-box input[type="text"]:focus,
.kontakt-field-box textarea {
width: 95% !important;
padding: 10px 0 10px 10% !important;
}
.kontakt-field input,
.kontakt-field textarea,
.kontakt-field-box input,
.kontakt-field-box textarea {
background: #fff;
}
.kontakt-field input:focus,
.kontakt-field textarea:focus,
.kontakt-field-box input:focus,
.kontakt-field-box textarea:focus {
background-color: #fff;
box-shadow: 0px 0px 16px 2px rgba(253,198,19,0.84);
}
.kontakt-field input {
padding-left: 6% !important;
background-repeat: no-repeat;
background-position: 2% center;
background-size: 4% auto;
}
.kontakt-field-box input {
padding-left: 10% !important;
background-repeat: no-repeat;
background-position: 2% center;
background-size: 8% auto;
}
.kontakt-field textarea {
padding-left: 6% !important;
background-repeat: no-repeat;
background-position: 2% 17px;
background-size: 4% auto;
}
.kontakt-field-box textarea {
padding-left: 10% !important;
background-repeat: no-repeat;
background-position: 2% 17px;
background-size: 8% auto;
}
.kontakt-field input.icoOsoba,
.kontakt-field-box input.icoOsoba {
background-image: url('gfx/bgImie.png');
}
.kontakt-field input.icoEmail,
.kontakt-field-box input.icoEmail {
background-image: url('gfx/ico-kontakt-mail.png');
}
.kontakt-field input.icoTelefon,
.kontakt-field-box input.icoTelefon {
background-image: url('gfx/phone.png');
}
.kontakt-field input.icoSite {
display: none;
}
.kontakt-field textarea.icoMessage,
.kontakt-field-box textarea.icoMessage {
background-image: url('gfx/message.png');
}
.kontakt-field input[placeholder],
.kontakt-field-box input[placeholder] {
color: #000;
}
.kontakt-field-submit,
.kontakt-field-box-submit {
width: 100%;
float: left;
margin: 5px 0 20px 0;
text-align: right;
}
.kontakt-field-submit input,
.kontakt-field--box-submit input {
background: #e3b71c;
color: #fff;
text-align: center;
padding: 9px 30px;
margin: 15px 0 0 0;
font-weight: 400;
font-size: 120%;
border: 0;
}
.kontakt-field-submit input:hover,
.kontakt-field--box-submit input:hover {
background: #ffd756;
}
.kontakt-field-submit input:disabled {
background: #d7d7d7;
}
.kontakt-formularz {
float: left;
width: 100%;
}
input.kontakt {
margin: 5px 0;
color: #e3b71c;
padding: 2px;
width: 90%;
border: 1px solid #d7d7d7;
}
input.kontakt_submit {
margin: 2px 9% 10px 0;
color: #fff;
padding: 5px 31px;
background: #5c5c5c;
border: 1px solid #fff;
}
textarea.kontakt {
margin: 5px 0;
color: #e3b71c;
padding: 2px;
width: 90%;
height: 100px;
border: 1px solid #d7d7d7;
}
/* POKOJE W DWORZE */
a.pokoje {
cursor: pointer;
}
#pokoje-big-foto {
float: left;
width: 100%;
text-align: center;
margin-top: 15px;
}
.galeria-pokoi {
float: left;
}
.lista-pokoi {
float: left;
overflow: hidden;
width: 100%;
height: 150px;
float: left;
margin-top: 20px;
}
#pokoje-listing {
overflow: hidden;
width: 1000px;
position: relative;
z-index: 10000;
}
.arrow-left-pokoje {
margin-top: 40px;
}
.arrow-right-pokoje {
margin: 40px 3px 0 0;
}
.pokoje-lista {
float: left;
width: 50%;
position: relative;
margin: 0;
padding: 0;
color: #fff;
}
.pokoje-lista:before {
content: "";
display: block;
padding-top: 75%;
}
.pokoje-foto {
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
.pokoje-hover {
position: absolute;
top: 0;
left: 0;
z-index: 101;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(0,0,0,0.7);
box-sizing: border-box;
text-align: center;
padding: 15% 8% 0;
}
.pokoje-lista:hover .pokoje-hover {
opacity: 1;
}
.pokoje-hover-nazwa {
font-size: 200%;
font-family: Times New Roman;
padding-bottom: 5%;
margin-bottom: 2%;
background-image: url('gfx/bg-title.png');
background-repeat: no-repeat;
background-position: bottom center;
background-size: 13% auto;
}
.pokoj-karta:before {
padding-top: 66%;
content: "";
display: block;
}
.pokoj-karta {
width: 100%;
position: relative;
background-size: cover;
background-position: center center;
color: #fff;
}
.pokoj-karta .btn.borderWhite,
.pokoje-lista .btn.borderWhite {
color: #fff;
border: 1px solid #fff;
}
.pokoj-karta .btn.borderWhite:hover,
.pokoje-lista .btn.borderWhite:hover {
color: #000;
}
.pokoj-karta-darker {
background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.pokoj-karta-dane {
position: absolute;
width: 100%;
text-align: center;
top: 25%;
z-index: 101;
}
.pokoj-karta-nazwa {
font-size: 200%;
font-family: Times New Roman;
padding-bottom: 35px;
background-image: url('gfx/bg-title-white.png');
background-position: center bottom;
background-repeat: no-repeat;
}
.pokoj-karta-opis {
font-size: 100%;
margin: 10px auto;
width: 50%;
text-align: center;
}
/* STRZAÅKI */
.arrow-left {
position: absolute;
left: 0;
z-index: 10001;
}
.arrow-right {
position: absolute;
right: 0;
z-index: 10001;
}
.square-arrow-left {
float: right;
margin-right: 5px;
z-index: 10000;
}
.square-arrow-right {
float: right;
margin: 0;
z-index: 10000;
}
/* AKTUALNOÅ?CI */
.lista-aktualnosci {
float: left;
overflow: hidden;
width: 100%;
height: 526px;
float: left;
margin-top: 20px;
}
#aktualnosci-listing {
overflow: hidden;
width: 100%;
position: relative;
z-index: 10000;
}
/* REFERENCJE */
.lista-referencji {
float: left;
overflow: hidden;
width: 100%;
height: 255px;
float: left;
margin-top: 20px;
}
#referencje-listing {
overflow: hidden;
width: 100%;
position: relative;
z-index: 10000;
}
#referencje {
margin-top: 40px;
}
.referencje-tekst {
width: 100%;
height: 255px;
float: left;
font-family: Times New Roman;
font-size: 32px;
line-height: 120%;
text-align: center;
}
.referencje-tekst span {
font-size: 50px;
color: #e3b71c;
line-height: 50%;
}
/* KALKULATOR */
.kalkulator-dataOsoby {
width: 80%;
margin: 2% 10%;
background-color: #d7d7d7;
color: #222;
padding: 10px 15px;
display: flex;
flex-direction: rowe;
vertical-align: middle;
box-sizing: border-box;
}
.kalkulator-kalendarz {
width: 34%;
margin: 0;
background-color: #fff;
color: #000;
padding: 1% 2%;
border: 3px solid #fdc613;
box-sizing: border-box;
display: flex;
vertical-align: middle;
text-align: center;
}
.kalkulator-kalendarz input {
border: 0;
width: 87%;
cursor: pointer;
background-image: url('gfx/icoCalcCalendar.png');
background-repeat: no-repeat;
background-position: left center;
background-size: auto 75%;
padding: 5px 0 5px 15%;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
}
.kalkulator-osoby {
width: 25%;
margin: 0 0 0 -3px;
background-color: #fff;
color: #000;
padding: 1% 2%;
border: 3px solid #fdc613;
box-sizing: border-box;
float: left;
text-align: center;
}
.kalkulator-osoby img {
display: inline-block;
vertical-align: middle;
margin: -5px 4px 0 0;
}
.kalkulator-osoby input {
border: 0;
width: 50px;
cursor: pointer;
padding: 4px 0 6px 0;
box-sizing: border-box;
background-color: #e8e8e8;
color: #000;
display: inline-block;
vertical-align: middle;
font-size: 110%;
text-align: center;
}
.kalkulator-opisTop {
float: left;
width: 40%;
margin: 0 0 0 1%;
font-size: 80%;
}
#kalkulator-addedScen {
display: inline-block;
width: 80%;
margin: 0 10%;
}
.kalkulator-addedScen-lista {
display: inline-block;
width: 100%;
padding: 1% 2%;
margin: 5px 0;
box-sizing: border-box;
background-color: #fff;
border: 3px solid #fdc613;
color: #000;
cursor: pointer;
}
.kalkulator-addedScen-lista-kat-ikona,
.kalkulator-addedScen-lista-kat,
.kalkulator-addedScen-lista-osob,
.kalkulator-addedScen-lista-nazwa,
.kalkulator-addedScen-lista-cena {
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.kalkulator-addedScen-lista-kat {
font-weight: 100;
}
.kalkulator-addedScen-lista-kat-ikona {
width: 45px;
height: 45px;
background-size: 85%;
background-repeat: no-repeat;
background-position: center center;
}
.kalkulator-addedScen-angleDown {
display: inline-block;
box-sizing: border-box;
background-image: url('gfx/angle-down.png');
width: 11px;
height: 11px;
background-size: 100% auto;
vertical-align: middle;
margin: 4px 0 0 1%;
}
.kalkulator-addedScen-remove {
float: right;
font-size: 150%;
margin: 0.2% 1% 0 0;
z-index: 100;
}
.kalkulator-addedScen-opcjeOpis {
display: none;
box-sizing: border-box;
font-weight: 100;
font-size: 90%;
}
.kalkulator-addedScen-opcjeOpisText {
display: inline;
box-sizing: border-box;
vertical-align: middle;
}
.kalkulator-addedScen-opcjeLista {
display: inline-block;
box-sizing: border-box;
padding-left: 3px;
}
.kalkulator-addedScen-opcja {
display: inline-block;
}
.kalkulator-addedScen-opcja-nazwa,
.kalkulator-addedScen-opcja-cena {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
#kalkulator-addedScenBottom {
display: none;
margin: 5px 10%;
width: 80%;
}
#kalkulator-addedScenAddButton {
display: inline-block;
width: 49%;
vertical-align: middle;
float: left;
}
#kalkulator-addedScenAddButton p {
display: inline-block;
cursor: pointer;
margin: 0;
}
#kalkulator-addedScenAddButton span {
background-color: #e3b71c;
color: #fff;
font-size: 250%;
line-height: 100%;
font-weight: 600;
padding: 6px 20px 9px 20px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
}
#kalkulator-addedScenAddButtonCenter {
width: 100%;
text-align: center;
}
#kalkulator-addedScenAddButtonCenter a {
font-size: 140%;
text-transform: uppercase;
padding: 6px 20px 9px 20px;
}
#kalkulator-addedScenSum,
#kalkulator-sendOffer {
display: inline-block;
width: 50%;
text-align: right;
font-weight: 100;
vertical-align: middle;
}
#kalkulator-addedScenSum span {
font-weight: 600;
}
#kalkulator-sendOffer input {
color: #e3b71c;
text-transform: uppercase;
border: 0;
background-color: #757575;
padding: 6px 10px;
margin: 5px 0 0 0;
font-size: 130%;
font-weight: 400;
cursor: pointer;
}
.kalkulator-scenariuszeOpis {
width: 100%;
display: inline-block;
margin: 3% 0 1% 0;
text-align: justiy;
}
.kalkulator-scenariuszeOpis h2 {
color: #e3b71c;
text-transform: uppercase;
margin: 0;
font-size: 120%;
}
.kalkulator-scenariuszeOpis p {
margin: 0 0 1% 0;
}
#kalkulator-prodDetails,
#kalkulator-opcjeLists {
display: none;
position: fixed;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
padding: 2%;
background-color: #fff;
box-sizing: border-box;
color: #000;
z-index: 9999999;
overflow: auto;
}
#kalkulator-prodDetails {
border-radius: 8px;
box-shadow: 0px 0px 0px 11px rgba(0,0,0,0.3);
}
#kalkulator-opcjeLists .closeWindow,
#kalkulator-prodDetails .closeWindow {
position: absolute;
top: 25px;
right: 25px;
background-color: #e3b71c;
color: #fff;
padding: 1px 10px 5px 10px;
cursor: pointer;
font-weight: 600;
font-size: 120%;
}
.kalkulator-prodDetails-nazwa {
display: inline-block;
color: #e3b71c;
margin: 0 0 2% 0;
width: 100%;
}
.kalkulator-prodDetails-nazwa h1 {
margin: 0;
font-size: 180%;
}
.kalkulator-prodDetails-czas,
.kalkulator-prodDetails-osob {
display: inline-block;
color: #000;
margin: 0 0 2% 0;
vertical-align: top;
font-size: 300%;
line-height: 100%;
font-weight: 600;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: left center;
padding: 0 4% 0 55px;
}
.kalkulator-prodDetails-czas {
background-image: url('gfx/ico-scenCzas.jpg');
}
.kalkulator-prodDetails-osob {
background-image: url('gfx/ico-scenOsob.jpg');
}
.kalkulator-prodDetails-opis {
display: inline-block;
margin: 0 0 1% 0;
width: 59%;
vertical-align: top;
box-sizing: border-box;
padding-right: 2%;
}
.kalkulator-prodDetails-dodaj {
display: inline-block;
margin: 3% 0 0 0;
width: 100%;
text-align: right;
}
.kalkulator-prodDetails-foto {
display: inline-block;
margin: 0 0 1% 0;
width: 40%;
vertical-align: top;
}
#kalkulator-opcjeLists h1 {
margin: 0 0 2% 0;
}
.kalkulator-opcjeLists-kat {
display: inline-block;
width: 33%;
box-sizing: border-box;
padding: 0 2% 2.5% 0;
vertical-align: top;
}
.kalkulator-opcjeLists-kat-nazwa h2 {
font-weight: 400;
font-size: 130%;
margin: 0 0 1.5% 0;
}
.kalkulator-opcjeLists-kat ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.kalkulator-opcjeLists-kat ul.active {
background-color: #eee;
}
.kalkulator-opcjeLists-kat ul li {
width: 100%;
margin: 0 0 1% 0;
font-size: 110%;
}
.kalkulator-opcjeLists-kat ul li span {
font-size: 80%;
margin-left: 2%;
cursor: pointer;
}
.kalkulator-opcjeLists-kat ul ul li {
font-size: 100%;
width: 50%;
display: inline-block;
}
.kalkulator-opcjeLists-kat ul ul {
margin: 0 0 0 5%;
}
.kalkulator-opcjeLists-opcje {
overflow: auto;
width: 100%;
height: 80%;
}
.kalkulator-opcjeLists-infoBottom {
border-top: 1px solid #dcdcdc;
padding-top: 15px;
float: left;
color: #fdc613;
width: 50%;
}
.kalkulator-opcjeLists-wybierz {
border-top: 1px solid #dcdcdc;
padding-top: 15px;
float: left;
width: 50%;
text-align: right;
}
#kalkulator-formDane {
display: none;
position: fixed;
top: 10%;
left: 10%;
width: 80%;
height: 80%;
padding: 2%;
background-color: #fff;
box-sizing: border-box;
color: #222;
z-index: 9999999;
overflow: auto;
}
.kalkulator-formDane-form {
border-right: 1px solid #fff;
padding: 0 2.5% 0 0;
margin: 0 2.5% 0 0;
display: inline-block;
width: 31%;
box-sizing: borrder-box;
vertical-align: top;
}
.kalkulator-formDane-form h2 {
font-size: 120%;
margin: 0;
}
.kalkulator-formDane-field {
width: 100%;
margin: 5px 0;
display: inline-block;
}
.kalkulator-formDane-field {
width: 100%;
display: inline-block;
}
.kalkulator-formDane-field input,
.kalkulator-formDane-field textarea {
width: 100%;
background-color: #d7d7d7;
border: 1px solid #d7d7d7;
padding: 5px 8px;
box-sizing: border-box;
color: #222;
margin-top: 5px;
}
.kalkulator-formDane-submit {
width: 100%;
margin-top: 10px;
display: inline-block;
text-align: right;
}
.kalkulator-formDane-submit input {
}
.kalkulator-formDane-imprezy {
padding: 0;
margin: 0;
display: inline-block;
width: 63%;
box-sizing: border-box;
vertical-align: top;
color: #222;
}
.kalkulator-formDane-imprezy-nazwa,
.kalkulator-formDane-imprezy-data,
.kalkulator-formDane-imprezy-osob,
.kalkulator-formDane-imprezy-cena {
display: inline-block;
vertical-align: middle;
margin-bottom: 2.5%;
}
.kalkulator-formDane-imprezy-nazwa {
width: 55%;
font-size: 110%;
}
.kalkulator-formDane-imprezy-nazwa ul {
width: 100%;
display: inline-block;
margin: 4px 0 0 -5px;
padding: 0;
list-style-type: disc;
list-style-position: inside;
list-style-image: none;
font-size: 80%;
}
.kalkulator-formDane-imprezy-nazwa ul li {
float: left;
margin-left: 10px;
}
.kalkulator-formDane-imprezy-data {
width: 15%;
}
.kalkulator-formDane-imprezy-osob {
width: 20%;
text-align: center;
}
.kalkulator-formDane-imprezy-cena {
width: 10%;
}
.kalkulator-formDane-imprezy-nazwa.naglowek,
.kalkulator-formDane-imprezy-data.naglowek,
.kalkulator-formDane-imprezy-osob.naglowek,
.kalkulator-formDane-imprezy-cena.naglowek {
font-weight: 600;
font-size: 120%;
}
.kalkulator-formDane-back {
float: left;
width: 50%;
margin-top: 15px;
color: #fdc613;
cursor: pointer;
}
.kalkulator-formDane-suma {
float: right;
margin: 8px 3% 0 0;
color: #222;
border-top: 1px solid #d7d7d7;
padding: 7px 10px 0 10px;
}
/* KALKULATOR - KATEGORIE */
.kategorie-lista {
width: 100%;
position: relative;
box-sizing: border-box;
float: left;
margin-bottom: 2%;
}
.kategoria-sklep {
float: left;
margin: 0 1% 0 0;
padding: 10px 15px;
width: 24%;
box-sizing: border-box;
color: #fff;
}
.kategoria-produkty {
width: 75%;
float: left;
margin-top: 25px;
}
.kategoria-sklep .kategoria-nazwa {
position: relative;
float: left;
width: 100%;
margin-bottom: 5%;
font-size: 130%;
font-weight: 400;
color: #e3b71c;
}
.kategoria-sklep .kategoria-nazwa h2 {
margin: 0;
padding: 0;
font-size: 110%;
}
.kategoria-sklep .kategoria-opis {
float: left;
width: 100%;
color: #222;
}
.kategoria-sklep .kategoria-opis img {
float: left;
max-width: 35%;
margin-right: 4%;
}
.kategoria-sklep .kategoria-opis p {
margin: 0;
text-align: justify;
}
.kategoria-sklep .kategoria-wiecej {
position: absolute;
bottom: 25px;
left: 0;
padding-right: 20px;
width: 100%;
text-align: right;
box-sizing: border-box;
}
.expandKatScen-links {
display: inline-block
width: 100%;
text-align: right;
}
.expandKatScen-links a {
color: #e3b71c;
}
/* KALKULATOR - SCENARIUSZE */
.scenariusze-lista {
float: left;
width: 23%;
margin: 1%;
padding: 0;
box-sizing: border-box;
color: #fff;
}
.threeBoxes .scenariusze-lista {
width: 31.33%;
margin: 1%;
}
.scenariusze-lista-foto {
position: relative;
width: 100%;
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.scenariusze-lista-foto:before {
padding-top: 73%;
content: "";
display: block;
}
.scenariusze-lista:hover .scenariusze-lista-foto {
background-size: 125% auto;
}
.scenariusze-lista-nazwa {
width: 95%;
margin: 0;
color: #fff;
position: absolute;
top: 5px;
left: 5px;
font-weight: 600;
font-size: 120%;
text-align: left;
text-transform: uppercase;
text-shadow: 2px 2px #000;
z-index: 300;
}
.scenariusze-lista-hover {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.33);
padding-top: 15%;
box-sizing: border-box;
z-index: 100;
}
.scenariusze-lista-buttons {
position: absolute;
right: 5%;
bottom: 8%;
z-index: 200;
width: 100%;
text-align: right;
}
.scenariusze-lista-buttons p {
margin: 0 0 0 2%;
display: inline-block;
}
/* WIRTUALNY DORADCA, KONFIGURATOR, PLANNER */
.doradca-lista {
width: 31.3%;
margin: 15px 2% 0 0;
float: left;
}
.doradca-lista:nth-of-type(3n+4) {
margin-right: 0;
}
.doradca-lista a {
color: #fff;
}
.doradca-lista-foto {
width: 100%;
float: left;
overflow: hidden;
}
.doradca-lista-foto img {
width: 100%;
}
.doradca-lista-nazwa {
width: 100%;
float: left;
margin: 3px 0 5px 0;
font-weight: 400;
text-align: center;
font-size: 18px;
}
.doradca-lista-opis {
width: 98%;
float: left;
padding: 0 1%;
text-align: center;
font-weight: 100;
}
.doradca-lista-wiecej {
width: 100%;
float: left;
text-align: center;
margin-top: 12px;
background: url('gfx/szlaczek-white.png') no-repeat center bottom;
padding-bottom: 30px;
}
.doradca-lista-wiecej span {
background: #d7b970;
padding: 2px 39px;
text-transform: uppercase;
font-size: 14px;
}
/* KONFIGURATOR WESELA */
.boxKonfigurator {
width: 80%;
margin: -60px auto 0 auto;
}
.konfigurator-boxText {
width: 100%;
float: left;
margin: 10px 0;
position: relative;
text-align: center;
}
.konfigurator-kroki {
width: 100%;
float: left;
margin: 13px 0;
position: relative;
}
.konfigurator-krok {
float: left;
width: 12%;
overflow: hidden;
}
.konfigurator-krok a {
color: #fff;
}
.konfigurator-krok-top:before {
content: "";
display: block;
padding-top: 100%;
}
.konfigurator-krok-top {
position: relative;
width: 100%;
float: left;
}
.konfigurator-krok-kolko {
position: absolute;
top: 0;
left: 0;
width: 80%;
height: 80%;
border: 5px solid #f8d9c3;
border-radius: 50%;
box-sizing: border-box;
z-index: 100;
background-color: #fff;
}
.konfigurator-krok-kreska {
position: absolute;
top: 40%;
left: 0;
margin-top: -2.5px;
width: 100%;
height: 5px;
z-index: 99;
border-top: 8px solid #f8d9c3;
}
.konfigurator-krok-kreska.strzalka {
width: 92%;
}
.konfigurator-krok-strzalka {
background-image: url('gfx/strzalka-listaKonf.png');
background-position: top right;
background-repeat: no-repeat;
position: absolute;
top: 40%;
right: 0;
margin-top: -6px;
width: 15px;
height: 23px;
z-index: 100;
}
.konfigurator-krok-numer {
position: absolute;
top: 22%;
left: 0;
width: 80%;
text-align: center;
font-size: 200%;
z-index: 100;
color: #f8d9c3;
}
.konfigurator-krok-top:hover .konfigurator-krok-kolko,
.konfigurator-krok-top:hover.choosen .konfigurator-krok-kolko,
.konfigurator-krok-top.choosen .konfigurator-krok-kolko,
.konfigurator-krok-top.active .konfigurator-krok-kolko {
background-color: #f8d9c3;
}
.konfigurator-krok-top:hover .konfigurator-krok-numer,
.konfigurator-krok-top:hover.choosen .konfigurator-krok-numer,
.konfigurator-krok-top.active .konfigurator-krok-numer {
color: #414141;
}
.konfigurator-krok-top.choosen .konfigurator-krok-numer {
color: #fff;
}
.konfigurator-krok-numer.active {
}
.konfigurator-krok-top.blocked {
opacity: 0.50;
}
.konfigurator-krok-numer.choosen {
}
.konfigurator-krok-nazwa {
float: left;
width: 80%;
height: 55px;
position: relative;
vertical-align: bottom;
color: #414141;
text-align: center;
padding-bottom: 12px;
margin: 0 20% 5px 0;
}
.konfigurator-krok-nazwa img {
max-height: 32px;
}
.konfigurator-krok-nazwa p {
position: absolute;
bottom: 5px;
left: 0;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
}
.konfigurator-krok-nazwa.choosen {
color: #414141;
}
.konfigurator-krok-lista {
float: left;
width: 90%;
color: #414141;
font-size: 80%;
margin-top: -15%;
}
.konfigurator-krok-lista input.delete-small {
background: url('gfx/konf-krok-usun.png') no-repeat top right;
border: 0;
width: 13px;
height: 15px;
position: absolute;
margin: 5px;
cursor: pointer;
}
.konfigurator-kroki-podsumowanie {
position: absolute;
padding: 5.5% 0 0 0;
margin-left: 84%;
width: 16%;
}
.konfigurator-kroki-podsumowanie.blocked {
opacity: 0.6;
}
.konfigurator-krok-podsumowanie-zapytaj {
background-color: #f8d9c3;
background-image: url('gfx/oferta-pytanie.png');
background-position: 10px 9px;
background-repeat: no-repeat;
padding: 6px 10px 7px 42px;
font-size: 120%;
font-weight: 400;
color: #414141;
}
.konfigurator-krok-podsumowanie-zapytaj:hover {
background-image: url('gfx/oferta-pytanie2.png');
color: #fff;
}
.konfigurator-krok-podsumowanie-zapytaj.active {
cursor: pointer;
}
.konfigurator-kroki-podsumowanie-info {
display: none;
}
.konfigurator-kroki-podsumowanie-info.active {
position: absolute;
padding: 0;
margin-top: -45px;
color: #fff;
display: block;
text-align: center;
width: 65%;
}
.konfigurator-krok-podsumowanie-suma {
border: 1px solid #e9c3a7;
padding: 7px 10px;
color: #e9c3a7;
margin-top: 3px;
font-size: 16px;
}
.konfigurator-krok-podsumowanie-suma img {
margin: 0 5px;
vertical-align: middle;
}
.c {
display: flex;
}
.c__left {
display: flex;
flex: 0 0 25%;
margin-right: 1.5%;
}
.c__right {
display: flex;
flex: 0 0 73.5%;
flex-direction: column;;
}
.c__right__top {
display: block;
flex: auto;
height: 290px;
}
.c__right__bottom {
display: flex;
flex: 1 1 100%;
flex-direction: row;
margin-top: 20px;
}
.c__right__bottom__left {
display: flex;
flex: 0 0 38%;
margin-right: 2%;
background-color: #fff;
border: 1px solid #edf2f6;
}
.c__right__bottom__right {
display: flex;
flex: 0 0 60%;
background-color: #f7efe9;
}
.konfigurator-bloki {
float: left;
width: 100%;
margin: 10px 0;
}
.konfigurator-wybor-oferty {
width: 100%;
float: left;
background-color: #e9c3a7;
box-sizing: border-box;
padding: 10px;
color: #414141;
}
.konfigurator-wybor-oferty-prods {
float: left;
width: 100%;
min-height: 464px;
}
.konfigurator-wybor-oferty-nazwa {
text-transform: uppercase;
font-size: 150%;
width: 100%;
text-align: center;
}
.konfigurator-wybor-oferty-krok {
font-size: 100%;
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.konfigurator-lista-prod {
float: left;
width: 100%;
margin-bottom: 5px;
}
.konfigurator-lista-prod-szlaczek {
background: url('gfx/bg-szlaczek-wybor.png') no-repeat center center;
display: inline-block;
width: 80%;
height: 30px;
margin: 0 10%;
}
.konfigurator-lista-prod-nazwa {
float: left;
}
.konfigurator-lista-prod-cena {
float: right;
text-align: right;
}
.konfigurator-lista-prod-cena input.delete,
.konfigurator-lista-prod-cena input.add {
border: 0;
color: #fff;
padding: 0 24px 0 4px;
cursor: pointer;
height: 21px;
width: 75px;
vertical-align: middle;
-webkit-transition: background 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out;
-o-transition: background 0.25s ease-in-out;
-ms-transition: background 0.25s ease-in-out;
transition: background 0.25s ease-in-out;
}
.konfigurator-lista-prod-cena input.add {
background: url('gfx/bg-plus-button.png') no-repeat 91% 60%;
color: #414141;
border: 1px solid #414141;
}
.konfigurator-lista-prod-cena input.delete {
background: #414141 url('gfx/bg-minus-button.png') no-repeat 90% 50%;
color: #fff;
}
.konfigurator-lista-prod-cena input.add:hover {
background-color: #e9c3a7;
}
.konfigurator-lista-prod-cena input.delete:hover {
background-color: #414141;
}
.konfigurator-lista-prod-cena input.add:disabled {
opacity: 0.5;
cursor: default;
}
.konfigurator-wybor-back,
.konfigurator-wybor-middle,
.konfigurator-wybor-forward {
float: left;
width: 33%;
min-height: 1px;
margin: 10px 0;
}
.konfigurator-wybor-middle {
text-align: center;
}
.konfigurator-okno-form-back,
.konfigurator-okno-form-pdf,
.konfigurator-okno-form-send {
float: left;
width: 33%;
min-height: 1px;
margin: 10px 0;
}
.konfigurator-okno-form-back,
.konfigurator-okno-form-pdf,
.konfigurator-okno-form-send {
margin-top: 25px;
}
.konfigurator-wybor-forward,
.konfigurator-okno-form-send {
text-align: right;
}
.konfigurator-wybor-back input.move_back,
.konfigurator-wybor-forward input.move_forward,
.konfigurator-okno-form-back input.move_back,
.konfigurator-okno-form-send input.move_forward,
.konfigurator-okno-form-pdf input {
border: 0;
color: #e9c3a7;
cursor: pointer;
text-transform: uppercase;
height: 26px;
vertical-align: middle;
background-color: #414141;
-webkit-transition: background 0.25s ease-in-out;
-moz-transition: background 0.25s ease-in-out;
-o-transition: background 0.25s ease-in-out;
-ms-transition: background 0.25s ease-in-out;
transition: background 0.25s ease-in-out;
}
.konfigurator-wybor-back input.move_back,
.konfigurator-okno-form-back input.move_back {
background: #414141 url('gfx/bg-arrow-left-wybor.png') no-repeat 11% 50%;
padding: 0 15px 0 25px;
}
.konfigurator-wybor-forward input.move_forward,
.konfigurator-okno-form-send input.move_forward {
background: #414141 url('gfx/bg-arrow-right-wybor.png') no-repeat 95% 40%;
padding: 0 25px 0 15px;
}
.konfigurator-okno-form-pdf a {
background-color: #675435;
padding: 4px 8px;
}
.konfigurator-wybor-back input.move_back:hover,
.konfigurator-okno-form-back input.move_back:hover,
.konfigurator-wybor-forward input.move_forward:hover,
.konfigurator-okno-form-send input.move_forward:hover,
.konfigurator-okno-form-pdf input:hover {
background-color: #907952;
}
#konfigurator-slider {
width: 100%;
height: 283px;
float: left;
overflow: hidden;
position: relative;
}
#slider {
position: absolute;
top: 0;
left: 0;
width: 10000%;
height: 100%;;
}
.slider-bg {
background: url('gfx/bg-slider-text.png') repeat-y;
width: 100%;
height: 178%;
z-index: 200;
position: absolute;
top: 0;
left: 0;
}
.slider-main {
position: relative;
float: left;
width: 1%;
height: 100%;
z-index: 100;
}
.slider-main img {
width: 100%;
min-height: 100%;
}
.slider-text {
position: relative;
z-index: 300;
margin: -34% 0 0 3%;
width: 240px;
text-align: center;
color: #fff;
}
.slider-haslo {
position: relative;
margin-bottom: 6px;
font-size: 24px;
font-weight: 400;
}
.slider-opis {
position: relative;
font-size: 18px;
font-weight: 100;
background: url('gfx/bg-konf-slider-opis.png') no-repeat center bottom;
padding-bottom: 26px;
}
.slider-info {
position: absolute;
z-index: 236;
right: 10px;
bottom: 5px;
height: 35px;
width: 48%;
}
.slider-bottom {
position: absolute;
right: 15px;
z-index: 200;
}
.slider-bottom ul {
margin: 0;
padding: 0;
list-style: none;
}
.slider-bottom ul li {
float: left;
padding: 7px 3px;
text-transform: uppercase;
}
.slider-bottom ul li a .slider-circle {
background-color: #f7efe9;
border-radius: 12px;
float: left;
height: 12px;
width: 12px;
}
.slider-bottom ul li.selected a .slider-circle, .slider-bottom ul li a:hover .slider-circle {
background-color: #e9c3a7;
}
.konfigurator-czy-wiesz {
width: 100%;
margin-right: 1.5%;
overflow: hidden;
font-family: 'Times New Roman';
color: #87abca;
box-sizing: border-box;
}
#czy-wiesz-arrow-left, #czy-wiesz-arrow-right {
width: 21px;
height: 38px;
position: relative;
z-index: 200;
cursor: pointer;
margin-top: -158px;
opacity: 0;
transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
}
#czy-wiesz-arrow-left {
background: url('gfx/arrow-left-czy-wiesz.png') no-repeat;
float: left;
}
#czy-wiesz-arrow-right {
background: url('gfx/arrow-right-czy-wiesz.png') no-repeat;
float: right;
}
.konfigurator-czy-wiesz:hover #czy-wiesz-arrow-left, .konfigurator-czy-wiesz:hover #czy-wiesz-arrow-right {
opacity: 1;
}
.konfigurator-czy-wiesz-tytul {
float: left;
width: 100%;
text-align: center;
font-size: 24px;
font-weight bold;
margin: 10px 0;
}
#konfigurator-czy-wiesz-lista {
float: left;
width: 1000%;
min-height: 230px;
margin: 0;
margin-bottom: 10px;
}
.konfigurator-czy-wiesz-opis {
text-align: justify;
width: 8%;
margin: 0 1%;
float: left;
font-size: 14px;
}
.konfigurator-opis-oferty {
width: 100%;
color: #414141;
padding: 0 13px;
box-sizing: border-box;
font-weight: 100;
}
.konfigurator-opis-oferty img {
max-width: 100%;
}
.konfigurator-opis-oferty-tytul {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
width: 100%;
text-align: center;
margin: 10px 0 0 0;
}
.konfigurator-opis-oferty ul {
margin: 5px 0 5px 30px;
padding: 0;
list-style-image: url('gfx/ico-li.png');
}
.konfigurator-FAQ {
width: 48.5%;
margin: 14px 1.5% 0 0;
min-height: 64px;
float: left;
background: #f7f0ea url('gfx/arrow-FAQ.png') no-repeat top right;
clear: both;
cursor: pointer;
}
.konfigurator-FAQ-tytul,
.konfigurator-promocja-tytul {
color: #3c2e2e;
font-size: 130%;
width: 100%;
margin: 10px 0 0 20px;
font-weight: 100;
line-height: 100%;
}
.konfigurator-FAQ-tytul p,
.konfigurator-promocja-tytul p {
font-size: 70%;
margin: 3px 0 0 0;
}
.konfigurator-FAQ-opis {
color: #3c2e2e;
width: 98%;
margin: 10px 1%;
font-weight: 100;
display: none;
float: left;
}
.konfigurator-promocja {
width: 50%;
min-height: 64px;
float: left;
margin-top: 14px;
background: #edf2f6 url('gfx/bg-aktualna-promocja.png') no-repeat top right;
box-sizing: border-box;
cursor: pointer;
}
.konfigurator-promocja-opis {
color: #3c2e2e;
width: 98%;
margin: 10px 1%;
font-weight: 100;
display: none;
float: left;
}
.konfigurator-bottomBox {
float: left;
width: 50%;
box-sizing: border-box;
padding-right: 2%;
margin-top: 2%;
}
.konfigurator-info-oferta {
float: left;
width: 100%;
box-sizing: border-box;
padding: 0 12%;
text-align: center;
margin: 5px 0;
}
#konfigurator-okno {
position: absolute;
width: 100%;
height: 100%;
display: none;
z-index: 400;
left: 0;
}
.konfigurator-okno-border {
position: relative;
width: 860px;
margin: 70px auto;
z-index: 99999999;
border: 10px solid rgba(97, 85, 76, 0.7);
}
.konfigurator-okno-close {
position: absolute;
right: 0;
width: 40px;
height: 40px;
float: right;
margin: -27px -27px 0 0;
z-index: 3000;
background: url('gfx/close-popup.png') no-repeat;
cursor: pointer;
}
.konfigurator-okno-tresc {
position: relative;
display: inline-block;
width: 800px;
padding: 30px;
background-color: #f8d9c3;
margin-bottom: -4px;
}
.konfigurator-okno-height {
min-height: 430px;
}
.konfigurator-okno-tytul {
float: left;
width: 100%;
font-size: 20px;
}
.konfigurator-okno-logo {
float: left;
width: 50%;
margin: 3% 25%;
}
.konfigurator-okno-logo img {
width: 100%;
}
.konfigurator-okno-podsumowanie {
float: left;
width: 30%;
min-height: 400px;
margin-right: 3%;
color: #fff;
}
.konfigurator-okno-podsumowanie > .konfigurator-okno-tytul {
margin-bottom: 15px;
}
.konfigurator-okno-podsumowanie-oferta,
.konfigurator-okno-podsumowanie-cena {
float: left;
width: 50%;
font-size: 16px;
}
.konfigurator-okno-podsumowanie-cena.gwiazdka {
font-size: 12px;
}
.konfigurator-okno-podsumowanie-oferta {
clear: both;
}
.konfigurator-okno-podsumowanie-cena {
text-align: right;
}
.konfigurator-okno-podsumowanie-suma {
float: left;
width: 100%;
text-align: right;
margin: 20px 0 10px 0;
font-size: 20px;
}
.konfigurator-okno-opis {
float: left;
width: 67%;
color: #3c2e2e;
margin-bottom: 15px;
}
.konfigurator-okno-form {
float: left;
width: 67%;
background-color: #dcbda7;
color: #3c2e2e;
box-sizing: border-box;
padding: 13px;
}
.konfigurator-okno-form-name {
float: left;
width: 35%;
text-align: right;
margin: 5px 3% 5px 0;
}
.konfigurator-okno-form-field {
float: left;
width: 62%;
margin: 5px 0;
}
.konfigurator-okno-form-field input {
background-color: #f8d9c3;
border: 0;
width: 60%;
padding: 2px 3px;
color: #222;
}
/* OKNO Z KOMUNIKATEM */
#przyciemnienie {
position: fixed;
width: 100%;
height: 300vh;
background: #000;
opacity: 0.82;
top: 0;
left: 0;
z-index: 999999;
}
#err_div
{
position: fixed;
top: 200px;
left: 33%;
z-index: 99999999;
}
#err_div .t_err
{
width: 450px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #fff;
padding: 3px;
opacity: 1;
}
#err_div .t_err th
{
color: #000;
padding: 10px 5px;
font-weight: bold;
text-align: left;
border-bottom: 1px solid #EEEEEE;
font-size: 14px;
}
#err_div .t_err td,
#err_div .t_err td a
{
color: #000;
}
td.err-middle {
padding: 10px 0 10px 5px;
font-size: 12px;
}
td.err-footer {
border-top: 1px solid #ddd;
text-align: right;
background: #F5F5F5;
padding: 15px 15px 20px 0;
}
input.button, input.button2 {
background-image: linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 89%);
background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 89%);
background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 89%);
background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 89%);
background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 89%);
background-color: #fff;
border: 1px solid #E6E6E6;
color: #000;
padding: 3px;
}
/* TOOLTIP */
span.tooltips {
position: relative;
display: inline;
}
span.tooltips span {
position: absolute;
width:140px;
color: #FFFFFF;
background: #000000;
min-height: 30px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
span.tooltips span:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-top: 8px solid #000000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
span:hover.tooltips span {
visibility: visible;
opacity: 0.8;
bottom: 30px;
left: 50%;
margin-left: -76px;
z-index: 999;
}
/* POWRÓT NA GÓRĘ */
#backtotop {
position: fixed;
bottom: 45px;
right: 35px;
width: 63px;
height: 63px;
background: #6b6b6b url('gfx/backtop.png') no-repeat;
cursor: pointer;
display: none;
z-index: 1000;
}
#goToPage {
position: fixed;
bottom: 45px;
right: 35px;
width: 63px;
height: 63px;
background: #6b6b6b url('gfx/goToPage.png') no-repeat;
cursor: pointer;
z-index: 1000;
}
#goPage {
width: 100%;
display: block;
height: 0.1px;
float: left;
}
/* SZYBKI KONTAKT */
#bottom-quick-contact {
position: fixed;
bottom: 0;
right: 300px;
z-index: 999999;
box-shadow: 0px 0px 14px #666;
background: #22aceb;
color: #fff;
padding: 5px 0;
width: 300px;
font-size: 16px;
font-weight: 100;
}
#bottom-quick-contact-title {
float: left;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
font-weight: 400;
font-size: 110%;
cursor: pointer;
}
#bottom-quick-contact-title img {
float: right;
}
#quick-contactImg1 {
display: block;
}
#quick-contactImg2 {
display: none;
margin-top: 16px;
}
#bottom-quick-contact-info {
float: left;
width: 100%;
text-align: center;
background: #fff;
color: #000;
padding: 5px 10px 10px 10px;
box-sizing: border-box;
margin-top: 4px;
display: none;
font-size: 90%;
line-height: 120%;
}
#bottom-quick-contact-info a {
color: #000;
font-weight: 400;
text-decoration: none;
}
#bottom-quick-contact-info input[type="text"],
#bottom-quick-contact-info textarea {
background-color: #e8e8e8;
color: #595959;
width: 100% !important;
padding: 4px 6px!important;
background-image: none;
}
#bottom-quick-contact-info textarea {
height: 100px;
}
#bottom-quick-contact-info input[type="submit"] {
background-color: #22aceb;
}
#bottom-quick-contact-info .kontakt-field,
#bottom-quick-contact-info .kontakt-field-box {
text-align: left;
}
#bottom-quick-contact-info .kontakt-field-submit {
margin: 5px 0;
}
/* OFERTA SPECJALNA */
#bottom-contact {
position: fixed;
bottom: 0;
right: 20px;
z-index: 999999;
box-shadow: 0px 0px 14px #666;
background: #e3b71c;
color: #fff;
padding: 5px 0;
width: 250px;
font-size: 16px;
font-weight: 100;
}
#bottom-contact-title {
float: left;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
font-weight: 400;
font-size: 110%;
cursor: pointer;
}
#bottom-contact-title img {
float: right;
}
#kontaktImg1 {
display: block;
}
#kontaktImg2 {
display: none;
margin-top: 16px;
}
#bottom-contact-info {
float: left;
width: 100%;
text-align: center;
background: #fff;
color: #000;
padding: 5px 0 10px 0;
margin-top: 4px;
display: none;
line-height: 125%;
}
#bottom-contact-info a {
color: #000;
font-weight: 400;
text-decoration: none;
}