@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&subset=latin-ext');	

* {
margin: 0;
padding: 0;
}

html {
}
body {
    background: #fff;
    font-family: "Playfair Display script=all rev=2", "Adobe Blank";
    line-height: 28px;
    color: #444;
    overflow-x: hidden;
	font-size: 16px;
	font-weight: 400;
}

img {
    max-width: 100%;
    height: auto;
	vertical-align: middle;
}


a {
    color: #a47f87;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
			font-weight: 400;
			text-decoration: none;
}

a:hover  {
    outline: 0;
    text-decoration: none;
    color: #de92a3;
}

a img {
margin: 0;
padding: 0;
border: 0;
}

h1,
.h1 {
    font-size: 62px;
	font-weight: 600;
	line-height: 80px;
color: #fff;
}

h2,
.h2 {
    font-size: 26px;
	line-height: 30px;
}

h3,
.h3 {
color: #444;
    font-size: 18px;
}

h4,
.h4 {
    font-size: 16px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

ul li {
list-style: none;
}

ul, ol {
margin: 0;
padding: 0;
}


ul li, ol li {
margin: 0;
padding: 0;
}

.hidden {
    opacity: 0
}

.visible {
    opacity: 1
}



.calosc {
opacity: 0;
transition: all .5s ease;
-webkit-transition: all .5s ease;
}

.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
height: 100%;
display: block;
overflow: hidden;
}

.kload {
display: block;
height: 1px;
opacity: 1;
z-index: 3;
width: 0px;
top: 50%;
background: #baada3;
position: absolute;
left: 50%;
margin-left: -50px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}

.schowaj .kload {
width: 100px;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}

.zamknij .kload {
opacity: 0;
transition: all .2s ease;
-webkit-transition: all .2s ease;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}


.loader.zwin {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
height: 0%;
}

.pierwszy {
position: absolute;
left: 0;
z-index: 1;
top: -100%;
width: 100%;
background: #fff;
height: 100%;

}

.drugi {
position: absolute;
z-index: 2;
left: 0;
top: -100%;
width: 100%;
height: 100%;
background: #eae5e1;
}

.schowaj .pierwszy {
top: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
}

.schowaj .drugi {
top: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}

.calosc.pokaz {
opacity: 1;
}




.zamknij .pierwszy {
top: 100%;
height: 0;
transition: all .6s ease;
-webkit-transition: all .6s ease;
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}


.zamknij .drugi {
top: 100%;
height: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}

header {
position: fixed;
z-index:4;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 129px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}


header.zmien.zwin {
height: 432px;
}

header.zmien {
overflow: hidden;
height: 500px;
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.4);
}

header.zwin {
height: 68px;
}


header.zmien:after,
header.zwin.zmien:after {
width: calc(2px - 1px);
}


header:after {
display: block;
content: '';
z-index: 5;
width: calc(2px - 1px);
margin: 0 auto;
height: 1px;
background: #eae5e1;
transition: all 1.4s ease;
-webkit-transition: all 1.4s ease;
}


header.zwin:after {
width: calc(100% - 40px);
}


#menug {
max-width: 1920px;
margin: 0 auto;
box-sizing: borde-box;
display: block;
padding: 30px 40px;
transition: all .4s ease;
-webkit-transition: all .4s ease;
}


.zwin #menug {
padding: 0px 40px;

}


.fmenu {
position: absolute;
width: 312px;
height: 0px;
right: 140px;
top: 160px;
overflow: hidden;
transition: all .2s ease;
-webkit-transition: all .2s ease;
}




.zmien .fmenu {
height: 192px;
transition: all .2s ease;
-webkit-transition: all .2s ease;
}
	
.zwin .fmenu {
top: 120px;
transition: all .2s ease;
-webkit-transition: all .2s ease;
}


.calosc .menuglowne {
display: table-cell;
vertical-align: middle;
opacity: 0;
width: 1400px;
height: 60px;
position: relative;
top: -20px;
transition: all .4s ease;
-webkit-transition: all .4s ease;
}




.moduletable_menu {
width: 910px;
display: block;
margin: 0 auto;
transition: all .4s ease;
-webkit-transition: all .4s ease;
}

.menuglowne ul {
text-align: Center;
}

.calosc.pokaz .menuglowne {
opacity: 1;
top: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}

.zmien .moduletable_menu {
width: 1180px;
}

.menuglowne ul li {
float: left;

}

.menuglowne ul li a {
display: block;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
padding: 20px 25px;
color: #424242;

}


.menuglowne ul li.item-103,
.menuglowne ul li.item-110 {
transition: all .4s ease;
-webkit-transition: all .4s ease;
}


.menuglowne.zmien ul li.item-103 {
padding-left: 20px;
padding-right: 170px;
} 

.menuglowne.zmien ul li.item-110 {
padding-left: 20px;
padding-right: 60px;
} 

.menuglowne ul li a:hover {
color: #c4b1a2;
}


.menuglowne ul ul {
display: none;
padding: 20px;
position: absolute;
background: #fff;
box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.3);
transition: all .4s ease;
-webkit-transition: all .4s ease;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

.menuglowne.zmien ul ul {
display: block;
box-shadow: none;

transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;

}

.menuglowne ul li.item-103 ul {
width: 265px;
}


.menuglowne ul li.item-110 ul {
width: 180px;
}


.menuglowne ul li.item-110:hover ul,
.menuglowne ul li.item-103:hover ul {
display: block;
}

.menuglowne ul ul li {
display: block;
float: none;
}

.menuglowne ul ul li a {
text-align: left;
padding: 8px 10px;
}




.sociale  {
display: table-cell;
vertical-align: middle;
width: 190px;
padding-left: 0px;
}

.sociale ul li {
float: left;
}

.sociale ul li a {
display: block;
padding: 24px 20px;
color: #a47f87;
}

.sociale ul li a span:hover {
color: #de92a3;
}

.mobilne  {
position: relative;
z-index: 3;
vertical-align: middle;
display: table-cell;
width: 56px;
}

.krechy {
display: block;
position: relative;
height: 26px;
cursor: pointer;
}


.mobilne .kr1,
.mobilne .kr2,
.mobilne .kr3 {
position: absolute;
display: block;
width: 0px;
height: 1px;
background: #424242;
transition: all .4s ease;
-webkit-transition: all .4s ease;
}

.mobilne .kr1 {
right: 0;
top: 0;
}

.mobilne .zmien .kr1 {
top: 12px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

.mobilne .pokaz .kr1 {
width: 56px;
}

.mobilne .kr2 {
top: 12px;
left: 0;
opacity: 1;
}

.mobilne .zmien .kr2 {
opacity: 0;
}

.mobilne .pokaz .kr2 {
width: 56px;
}

.mobilne .kr3 {
top: 24px;
right: 0;
}

.mobilne .zmien .kr3 {
top: 12px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.mobilne .pokaz .kr3 {
width: 56px;
}

.ban {
position: relative;

z-index: 2;
}

#baner {
position: relative;
clear: both;
display: block;
overflow: hidden;
max-height: 1100px;
}

#baner .logobaner {
display: block;
overflow: hidden;
position: absolute;
z-index: 2;
top: 300px;
border-radius: 50%;
left: calc(50% - 300px);
width: 0px;
height: 0px;
transition: all 3.3s ease;
-webkit-transition: all 3.3s ease;
}

#baner .logobaner.pokaz {
width: 600px;
height: 440px;
border-radius: 0%;
}


#baner .logobaner span {
display: block;
width: 600px;
height: 440px;
}


#baner .logobaner img {
width: 100%;
height: auto;
}

#baner .logobaner svg {
width: 600px;
height: auto;
fill: #ffffff;
}


#baner h1 {
position: absolute;
top: calc(600px + 180px);
text-transform: normal;
display: block;
z-index: 2;
width: 100%;
text-align: Center;
color: #fff;
font-size: 28px;
font-weight: 300;
line-height: 30px;
height: 34px;
overflow: hidden;
}

#baner .owl-item li {
display: block;
overflow: hidden;
}

#baner .owl-item li img {
transform: scale(1);
transition: all 6.2s ease;
-webkit-transition: all 6.2s ease;
}


#baner .owl-item.active li img {
transform: scale(1.06);
transition: all 6.2s ease;
-webkit-transition: all 6.2s ease;
}

#baner h1 span {
position: relative;
top: 50px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}


#baner {
display: block;
max-width: 1920px;
width: calc(100% - 40px);
margin: 0 auto;
}


.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
}

.szerokosc {
max-width: 1300px;
margin: 0 auto;
}


#blokstart p {
max-width: 890px;
margin: 0 auto;
/*font-family: 'Romanesco', cursive; */
font-style: italic;
font-size: 20px;
color: #888;
padding: 80px 0;
text-align: center;
}

#blokstart ul {
overflow: hidden;
width: 1176px;
margin: 0 auto;
padding: 80px 0;
padding-bottom: 40px;
}

#blokstart ul li {
position: relative;
width: 312px;
display: block;
height: 244px;
padding: 0px 40px;
margin-bottom: 40px;
float: left;
}

.item-page h3 {
position: relative;
text-align: center;
font-size: 46px;
line-height: 46px;
padding-bottom: 100px;
}


.referencje h3,
#blokstart h3 {
position: relative;
text-align: center;
font-size: 46px;
line-height: 46px;
padding-bottom: 50px;
}

.referencje h3 {
margin-bottom: 40px;
}

.item-page h3 {
padding-top: 50px;
}
.referencje h3:after,
.item-page h3:after,
.item-page h2:after,
#blokstart h3:after {
content: '';
display: block;
width: 160px;
height: 4px;
margin: 0 auto;
background: #a47f87;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -80px;
}

.referencje h3:after {

}
.item-page h3:after,
.item-page h2:after {
bottom: 50px;
}

.kontakt .item-page h3 {
padding-top: 0;
}

.item-page ol li,
.item-page ul li {
font-size: 18px;
text-align: left;
padding: 5px 0;
}

.item-page ul li {
font-style: italic;
list-style-type: disc;
}


#blokstart h2 {
font-size: 22px;
color: #444;
text-align: Center;
padding-bottom: 20px;
}

#blokstart h2 a {
color: #444;
}

#blokstart ul li h2 a:before {
content: '';
width: 1px;
height: 36px;
background: #444;
position: absolute;
z-index: 3;
top: 40px;
left: 50%;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}


#blokstart ul li:hover h2 a:before {
height: 42px;
}


#blokstart ul li .maska {
position: relative;
z-index: 2;
display: block;
overflow: hidden;
height: 192px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}

#blokstart ul li:hover .maska {
height: 150px;
}

.maska img {
position: relative;
top: 0;
width: 312px;
height: 192px;
transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
}


#blokstart ul li:hover .maska img {
top: -10px;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}

.wiecej {
position: absolute;
display: block;
text-align: Center;
bottom: 10px;
width: calc(100% - 80px);
z-index: 0;
}

.wiecej a {
display: block;
position: relative;
overflow: hidden;
height: 20px;
font-size: 18px;
line-height: 20px;
color: #444;
}

#blokstart ul li .wiecej a span {
position: relative;
top: 40px;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}

#baner h1.pokaz span:nth-child(1),
#blokstart ul li:hover .wiecej a span:nth-child(1) {
top: 0px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}

#baner h1.pokaz span:nth-child(2),
#blokstart ul li:hover .wiecej a span:nth-child(2) {
top: 0px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}

#baner h1.pokaz span:nth-child(3) {
top: 0px;
transition: all 0.3s ease;
-webkit-transition: all 0.4s ease;
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}

#fastlan,
#przedstopka {
display: block;
clear: both;
text-align: center;
}

#przedstopka {
width: calc(100% - 40px);
color: #676767;
margin: 0 auto;
padding: 20px 0;
background: #eae5e1; 
}

#fastlan {
padding: 20px 0;
color: #eae5e1;
}

#fastlan a {
font-weight: 300;
color: #eae5e1;
}


.innastrona .margines {
margin-top: 128px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}

.innastrona .margines.zmien {
margin-top: 500px;
}

.item-page  {
max-width: 890px;
margin: 0 auto;
padding-top: 60px;
padding-bottom: 100px;
}

.zamek .item-page,
.willa .item-page,
.sala-ricevimenti .item-page,
.masseria-tenuta .item-page,
.plener .item-page,
.plaza .item-page,
.restauracja .item-page,
.slub-i-wesele .item-page,
.apulia-tour .item-page,
.sesja-slubna .item-page,
.galeria .item-page {
max-width: 1600px;
}


.wypozyczalnia .item-page p:nth-child(1),
.apulia-tour .item-page p:nth-child(1),
.sesja-slubna .item-page p:nth-child(1),
.galeria .item-page p:nth-child(1) {
max-width: 890px;
margin: 0 auto;
margin-bottom: 50px;
}

.slub-i-wesele .item-page p:nth-child(1),
.slub-i-wesele .item-page p:nth-child(2),
.slub-i-wesele .item-page p.mniej {
max-width: 890px;
margin: 0 auto;
margin-bottom: 10px;
}


.item-page p {
padding: 10px 0;
text-align: center;
font-size: 18px;
}

.item-page h2 {
position: relative;
text-align: center;
font-size: 46px;
line-height: 46px;
padding-bottom: 100px;
}

.item-page h4,
.item-page h2 span {
display: block;
font-size: 24px;
font-weight: 300;
line-height: 40px;
}
.item-page h4 {
text-align: center;
}

.item-page ul {
padding-bottom: 70px;
max-width: 800px;
margin: 0 auto;
}

.item-page ul ul {
padding: 10px 20px;
padding-bottom: 0;
}
.item-page ul ul li{
list-style-type: circle;
}


.naglowek {
display: block;
position: relative;
max-width: 1920px;
width: calc(100% - 40px);
margin: 0 auto;
background: #444;
overflow: hidden;
height: 560px;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}

.pokaz .naglowek {
height: 300px;
transition: all 1.1s ease;
-webkit-transition: all 1.1s ease;
transition-delay: .6s;
-webkit-transition-delay: .6s;
}


.naglowek img {
opacity: 1;
transform: scale(1);
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}

.pokaz .naglowek img {
opacity: 0.8;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}

.pokaz .naglowek.zoom img {
transform: scale(1.06);
transition: all 6.4s ease;
-webkit-transition: all 6.4s ease;
}


.naglowek .page-header {
display: table;
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.naglowek .page-header h1 {
display: table-cell;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
color: #fff;
font-size: 30px;
text-transform: uppercase;
font-weight: 300;
line-height: 36px;
}

.naglowek .page-header h1 span {
position: relative;
height: 34px;
line-height: 34px;
display: block;
overflow: hidden;
}

.naglowek .page-header h1 span strong {
position: relative;
top: 40px;
}

.pokaz .naglowek .page-header h1 span strong {
top: 0;
transition: all 0.4 ease;
-webkit-transition: all 0.4s ease;
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}

.lokalizacje .item-page,
.oferta .item-page {
padding: 0;
}


.lokalizacje #blokstart p {
padding-bottom: 0;
}


.oferta .szerokosc p {
display: none;
}

.oferta #blokstart h3 {
padding: 60px 0;

}


.logosek {
width: 246px;
display: table-cell;
}

.logosek svg {
position: relative;
width: 100px;
height: 68px;
left: -40px;
opacity: 0;
transition: all 0.4 ease;
-webkit-transition: all 0.4s ease;
transition-delay: .1s;
-webkit-transition-delay: .1s;
}


.logosek.pojaw svg {
left: 0px;
opacity: 1;
transition-delay: 1s;
-webkit-transition-delay: 1s;
}



.slub-i-wesele .item-page .lista  {
display: table;
margin: 40px 0;

}

.slub-i-wesele .item-page .lista .item {
display: table-cell;
padding: 30px;
background: #fafafa;
border: 20px solid #fff;
position: relative;
}

.slub-i-wesele .item-page .lista .item p {
text-align: justify;
font-size: 17px;
line-height: 22px;

}



.slub-i-wesele .item-page .lista .item h4:after  {
content: '';
display: block;
width: 60px;
height: 2px;
margin: 20px auto;
background: #a47f87;
}

.tab {
display: table;
width: 100%;
}

.lewa,
.prawa {
display: table-cell;
padding: 30px;
width: 50%;
}

.kontakt .item-page ul li {
float: left;
list-style: none;
padding: 0px 10px;
}

.kontakt .item-page ul {
width: 74px;
margin: 0 auto;
}

label.radio {
position: relative;
line-height: 18px;
height: 22px;
display: block;
padding-right: 20px;
cursor: pointer;
padding: 4px 0;
}

.radio input {
 position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  display: none;
  width: 0;  
}

.radio:before {
content: '';
display: inline-block;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
border-radius: 50%;
background: #f2f2f2;
border: 1px solid #ddd;
}

.radio:after{
position: absolute;
content: '';
display: inline-block;
width: 10px;
height: 10px;
background: transparent;
left: 6px;
top: 10px;
border-radius: 50%;
z-index: 2;
}


#bfLabel33, #bfLabel4 {
font-size: 18px;
padding-bottom: 10px;
color: #000;
}

#bfElemWrap33 {
width: 51%;
float: left;
box-sizing: border-box;
padding-left: 10px;
}

#bfElemWrap4 {
width: 49%;
float: right;
box-sizing: border-box;
padding-left: 10px;
}

.radio.style1:before {
background: #f2f2f2;
}

.radio.style1:after {
background: #a47f87;
}

.bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
	background: #fafafa;
    max-width: 100%;
    width: 100%;
	padding: 10px;
	font-size: 14px;
	border: 0px solid #ddd;
	border-bottom: 2px solid #a47f87;
	box-sizing: border-box;
	transition: all 0.4 ease;
-webkit-transition: all 0.4s ease;
}

.bfQuickMode input[type="text"]:focus, .bfQuickMode textarea:focus, .bfQuickMode select:focus, .bfQuickMode .uneditable-input:focus {
background: #eee;
}


.controls.form-inline {
margin-bottom: 20px;
}

.bfErrorMessage  {
background: #d0002d;
}

.bfError {
color: #fff;
display: block;
padding: 0px 10px;
}

.formek:before {
content: 'Formularz kontaktowy';
font-size: 28px;
display: block;
font-weight: 600;
line-height: 40px;
padding: 30px 0;
text-align: center;
}

#bfSubmitButton {
float: none;
display: block;
cursor: pointer;
padding: 10px;
text-transform: uppercase;
background: #a47f87;
color: #fff;
border: 0;
width: 240px;
margin: 0 auto;
transition: all 0.4 ease;
-webkit-transition: all 0.4s ease;
}

#bfSubmitButton:hover {
background: #de92a3;
}



#ca_banner {
position: fixed;
z-index: 20;
width: 440px;
left: 50%;
height: 50px;
bottom: 0;
margin-left: -220px;
padding: 10px;
background: #fff;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}


#ca_banner h4 {
font-size: 14px;
color: #000;
}


#ca_banner a,
#ca_banner p {
font-size: 13px;
line-height: 18px;
}

#ca_banner .accept {
position: absolute;
top: 10px;
cursor: pointer;
right: 10px;
}

.referencje {
max-width: 800px;
margin: 0 auto;
}

.referencje li {
list-style: none; 
margin-bottom: 50px;
}

.referencje li p {
font-style: italic;
font-size: 20px;
text-align: center;
}

.referencje li h4 {
font-size: 18px;
padding: 20px 0;
text-align: center;
}