@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Whisper&display=swap");
* {
margin: 0 ;
padding: 0 ;
-webkit-box-sizing: border-box ;
box-sizing: border-box ;
}
h1, h2, h3, h4, h5 {
font-family: "Whisper", sans-serif;
}
body {
font-size: 1.2rem;
font-family: "Roboto", sans-serif;
background-color: #fafafa;
color: #0e0e0e;
}
body a {
text-decoration: none;
color: #0e0e0e;
-webkit-transition: all .3s;
transition: all .3s;
overflow: hidden;
font-weight: 400 !important;
}
body a:hover {
color: #d07238;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
body a:hover img {
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
body a img {
overflow: hidden;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
}
body h2 {
position: relative;
font-family: "Whisper", sans-serif;
font-size: 5rem;
}
body h2::before {
content: "";
display: block;
width: 3rem;
height: 2px;
position: absolute;
background-color: #141414;
left: -1rem;
bottom: 0;
}
@media (max-width: 550px) {
body h2 {
font-size: 3rem;
}
}
body header {
position: relative;
margin: 0 !important;
padding: 0 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
body .custom-header_img {
position: relative;
overflow: hidden;
height: 100vh;
}
body .header {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: transparent;
height: 100vh;
color: #fff;
font-family: "Whisper", sans-serif;
position: absolute;
top: 0;
margin: 0 !important;
padding: 0 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
body .header .custom-logo-link {
-webkit-transform: scale(1);
transform: scale(1);
overflow: visible;
}
body .header .custom-logo-link:hover {
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
body .header .custom-logo-link img {
overflow: visible;
height: 100%;
width: 100%;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
body .header .custom-logo-link img:hover {
-webkit-transform: scale(1);
transform: scale(1);
}
body .header .logo {
position: absolute;
top: .5rem;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
body .header .logo a img {
width: 100%;
height: 100px;
}
body .header .container-fluid {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.055);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 ;
padding: 0 ;
-webkit-box-sizing: border-box ;
box-sizing: border-box ;
}
body .header .container-fluid h1 {
font-size: 9rem;
text-shadow: 2px 2px 1px #141414;
text-align: center;
font-weight: 300;
}
body .header .container-fluid h2 {
font-family: "Whisper", sans-serif;
font-weight: 300;
font-size: 4.5rem;
text-shadow: 1px 1px 1px #141414;
text-align: center;
}
body .header .container-fluid h2::before {
display: none;
}
@media (max-width: 700px) {
body .header .container-fluid h1 {
font-size: 7rem;
}
body .header .container-fluid h2 {
font-size: 1.5rem;
}
}
body .header nav {
display: block;
position: absolute;
top: 0;
font-family: "Whisper", sans-serif;
color: #0e0e0e;
width: 350px;
}
body .header nav .navBtns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 1rem !important;
padding: 0.2rem !important;
}
body .header nav .navBtns a {
overflow: visible;
color: #e6e6e6;
}
body .header nav .navBtns a svg {
height: 2.5rem;
width: 100%;
overflow: visible;
}
body .header nav .navBtns a:hover {
text-shadow: 4px 4px 4px #0e0e0e;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
body .header nav .nav-btn {
width: 50px;
height: 50px;
background-color: transparent;
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 0 2rem !important;
position: relative;
}
body .header nav .nav-btn .line-mid, body .header nav .nav-btn .line-top, body .header nav .nav-btn .line-btm {
height: 2px;
width: 100%;
background-color: #fafafa;
display: block;
-webkit-transition: all .3s;
transition: all .3s;
position: absolute;
left: 0;
}
body .header nav .nav-btn .line-top {
-webkit-transform: translateY(-18px);
transform: translateY(-18px);
width: 70%;
}
body .header nav .nav-btn .line-btm {
width: 90%;
-webkit-transform: translateY(18px);
transform: translateY(18px);
}
body .header nav .nav-btn:hover .line-top, body .header nav .nav-btn:hover .line-mid, body .header nav .nav-btn:hover .line-btm {
width: 100%;
}
body .header nav .nav-btn.open-menu_btn .line-top {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 100%;
}
body .header nav .nav-btn.open-menu_btn .line-btm {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
}
body .header nav .nav-btn.open-menu_btn .line-mid {
background-color: transparent;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
body .header nav .nav-btn:hover.open-menu_btn .line-btm {
width: 90%;
-webkit-transform-origin: 55% 50%;
transform-origin: 55% 50%;
}
body .header nav ul {
padding: 2rem 0 2rem 0 !important;
margin: auto !important;
list-style: none;
background-color: rgba(12, 12, 12, 0.699);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
transition: transform 1s, -webkit-transform 1s;
}
body .header nav ul li {
display: block;
}
body .header nav ul li a {
text-decoration: none;
color: #e6e6e6;
font-weight: 400;
font-size: 1.6rem;
letter-spacing: 7px;
-webkit-transition: all .3s;
transition: all .3s;
display: block;
width: 100%;
padding-left: 3rem !important;
}
body .header nav ul li a:hover {
color: #F7E7DD;
letter-spacing: 8px;
}
body .header nav .open_menu {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
body main .sectionPost {
margin: auto !important;
padding: 5rem 0 !important;
}
body main .section404 {
margin: auto !important;
padding: 5rem 0 !important;
}
body main .sectionOne, body main .sectionOne * {
margin: 0 !important;
padding: 0 !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
body main .sectionOne {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 768px) {
body main .sectionOne {
margin-top: 5rem !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
body main .sectionOne-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
body main .sectionOne-container__Text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 3rem !important;
width: 100%;
}
body main .sectionOne-container__Text h2 {
margin-bottom: 2rem !important;
color: #0e0e0e;
}
body main .sectionOne-container__Text p {
text-align: justify;
font-size: 1.1rem;
padding: 1rem;
line-height: 2rem;
}
body main .sectionOne-container__Img {
width: 100%;
overflow: hidden;
}
body main .sectionOne-container__Img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
body main .sectionOne-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 5rem !important;
margin-top: 5rem;
}
body main .sectionOne-container__Text {
width: 100%;
padding: 0 2rem 0 2rem !important;
}
body main .sectionOne-container__Img {
width: 100%;
margin-top: 2rem !important;
}
}
body main .sectionOne-container:nth-child(even) .sectionOne-container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
body main .sectionOne-container:nth-child(even) .sectionOne-container__Text {
-ms-grid-column: 2;
-ms-grid-column-span: 1;
grid-column: 2/3;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 3rem !important;
width: 100%;
}
body main .sectionOne-container:nth-child(even) .sectionOne-container__Text h2 {
margin-bottom: 2rem !important;
}
body main .sectionOne-container:nth-child(even) .sectionOne-container__Text p {
text-align: justify;
}
body main .sectionOne-container:nth-child(even) .sectionOne-container__Img {
width: 100%;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
-ms-grid-row: 1;
-ms-grid-row-span: 1;
grid-row: 1/2;
}
body main .sectionOne-container:nth-child(even) .sectionOne-container__Img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
body main .sectionOne-container:nth-child(even) .sectionOne-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 5rem !important;
}
body main .sectionOne-container:nth-child(even) .sectionOne-container__Text {
width: 100%;
padding: 0 2rem 0 2rem !important;
}
body main .sectionOne-container:nth-child(even) .sectionOne-container__Img {
width: 100%;
margin-top: 2rem !important;
}
}
body main .sectionTwo {
padding: 3rem 0 !important;
background-color: #fefbfa;
}
body main .sectionTwo .gallery {
overflow: hidden;
}
body main .sectionTwo .gallery .owl-carousel {
width: 33.33%;
margin: auto !important;
position: relative;
}
body main .sectionTwo .gallery .owl-carousel .owl-stage-outer {
overflow: visible;
}
body main .sectionTwo .gallery .owl-carousel .owl-stage-outer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 1rem !important;
gap: 1rem;
}
body main .sectionTwo .gallery .owl-carousel .owl-stage-outer .owl-stage .owl-item {
margin: auto;
}
body main .sectionTwo .gallery .owl-carousel .owl-stage-outer .owl-stage .owl-item .item {
position: relative;
-webkit-transform: translate3d(0, 40px, 0) scale(0.8);
transform: translate3d(0, 40px, 0) scale(0.8);
-webkit-transition: all 1000ms ease;
transition: all 1000ms ease;
}
body main .sectionTwo .gallery .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .img-gallery {
min-width: 100% !important;
}
body main .sectionTwo .gallery .owl-carousel .owl-stage-outer .owl-stage .owl-item.sibling .item {
opacity: 0.5;
-webkit-transform: translate3d(0, 20px, 0) scale(0.9);
transform: translate3d(0, 20px, 0) scale(0.9);
}
body main .sectionTwo .gallery .owl-carousel .owl-stage-outer .owl-stage .owl-item.mirror-active .item, body main .sectionTwo .gallery .owl-carousel .owl-stage-outer .owl-stage .owl-item.active .item {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0px) scale(1);
transform: translate3d(0, 0, 0px) scale(1);
z-index: 2;
}
body main .sectionTwo .gallery .owl-carousel .owl-nav [class*='owl-'] {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fefbfa;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
border: none;
}
body main .sectionTwo .gallery .owl-carousel .owl-nav [class*='owl-']:hover {
background: #edcab4;
}
body main .sectionTwo .gallery .owl-carousel .owl-nav [class*='owl-'].disabled:hover {
opacity: 0.8;
cursor: default;
}
body main .sectionTwo .gallery .owl-carousel .owl-nav [class*='owl-']::after {
display: block;
content: "";
position: absolute;
top: 50%;
width: 10px;
height: 10px;
border-left: 3px solid #141414;
border-bottom: 3px solid #141414;
}
body main .sectionTwo .gallery .owl-carousel .owl-nav .owl-prev {
left: -20px;
}
body main .sectionTwo .gallery .owl-carousel .owl-nav .owl-prev::after {
left: 54%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
body main .sectionTwo .gallery .owl-carousel .owl-nav .owl-next {
right: -20px;
}
body main .sectionTwo .gallery .owl-carousel .owl-nav .owl-next::after {
left: 46%;
-webkit-transform: translate(-50%, -50%) rotate(-135deg);
transform: translate(-50%, -50%) rotate(-135deg);
}
body main .sectionTwo .gallery .owl-carousel .owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 1rem !important;
}
body main .sectionTwo .gallery .owl-carousel .owl-dots button {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fafafa;
border: 1px solid #141414;
opacity: 0.5;
}
body main .sectionTwo .gallery .owl-carousel .owl-dots .active {
background-color: #141414;
}
@media (max-width: 640px) {
body main .sectionTwo .gallery .owl-carousel {
width: 80% !important;
margin: auto !important;
position: relative;
}
body main .sectionTwo .gallery .owl-carousel .owl-item.active {
width: 100%;
}
}
body main .sectionThree {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(0,939,474)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23FFEDED'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='667' height='555.8' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.02'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(//willasol.mielno.pl/wp-content/themes/theme-1/css/%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(//willasol.mielno.pl/wp-content/themes/theme-1/css/%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
body main .sectionThree .com-container {
background-color: #ffffff;
background-image: url(//willasol.mielno.pl/wp-content/themes/theme-1/img/willa-com.jpg);
background-attachment: fixed;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 3rem;
position: relative;
color: #fafafa;
}
@media (hover: none) and (pointer: coarse) {
body main .sectionThree .com-container {
background-attachment: scroll;
background-size: cover;
background-position: center;
}
}
body main .sectionThree .com-container .title {
margin-top: 3rem;
}
body main .sectionThree .com-container .title::before {
background-color: #fafafa;
}
body main .sectionThree .com-container .bg {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.295);
}
body main .sectionThree .com-container .owl-carousel {
position: relative;
margin: 0 ;
padding: 0 ;
-webkit-box-sizing: border-box ;
box-sizing: border-box ;
}
body main .sectionThree .com-container .owl-carousel .owl-stage-outer {
overflow: hidden;
}
body main .sectionThree .com-container .owl-carousel .owl-stage-outer .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
body main .sectionThree .com-container .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .com-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5rem 3rem;
}
body main .sectionThree .com-container .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .com-wrapper p {
font-size: 1.2rem;
}
body main .sectionThree .com-container .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .com-wrapper .com-author * {
font-size: 1rem;
}
body main .sectionThree .com-container .owl-carousel .owl-nav {
position: absolute;
top: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
body main .sectionThree .com-container .owl-carousel .owl-nav button {
background-color: transparent;
border: none;
font-size: 4rem;
color: #fafafa;
}
body main .sectionThree .com-container .owl-carousel .owl-dots {
display: none !important;
}
body main .sectionThree .wrapper-head_foot {
width: 100% !important;
text-align: center;
margin: 0 auto 4rem auto !important;
}
body main .sectionThree .wrapper-head_foot h3 {
font-size: 2.5rem !important;
}
body main .sectionThree .wrapper-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0 ;
padding: 0 ;
-webkit-box-sizing: border-box ;
box-sizing: border-box ;
}
@media (max-width: 1000px) {
body main .sectionThree .wrapper-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
body main .sectionThree .wrapper-footer .container-info {
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
width: 100%;
min-width: 100%;
margin: 0;
}
body main .sectionThree .wrapper-footer .map {
width: 100%;
}
}
body main .sectionThree .wrapper-footer .container-info {
width: 50%;
background-color: #fafafa;
padding: 3rem 2rem !important;
z-index: 3;
margin-right: -3rem !important;
border-radius: 2px;
-webkit-box-shadow: 0px 5px 30px -16px #141414;
box-shadow: 0px 5px 30px -16px #141414;
font-weight: 300;
font-size: 1.2rem;
height: 60%;
-webkit-transform: translateY(125px);
transform: translateY(125px);
color: #0e0e0e;
}
body main .sectionThree .wrapper-footer .container-info .info {
margin-bottom: 2rem !important;
}
body main .sectionThree .wrapper-footer .container-info form span input {
height: 3rem;
padding: .5rem 1rem .5rem 1rem !important;
outline: 0 !important;
background-color: transparent;
border: 1px solid #a7a7a7;
margin-bottom: 1rem !important;
border-radius: 0;
}
body main .sectionThree .wrapper-footer .container-info form span input:focus {
outline: none;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
}
body main .sectionThree .wrapper-footer .container-info form span input:active {
outline: none !important;
outline-style: none;
}
body main .sectionThree .wrapper-footer .container-info form span input:active > label {
font-size: .7rem;
}
body main .sectionThree .wrapper-footer .container-info form span label {
font-size: 1rem;
}
body main .sectionThree .wrapper-footer .container-info form span textarea {
min-height: 150px;
height: 150px;
background-color: transparent;
border: 1px solid #a7a7a7;
padding: .5rem 1rem !important;
margin-bottom: 1rem !important;
border-radius: 0;
}
body main .sectionThree .wrapper-footer .container-info form span textarea:focus {
outline: none;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
}
body main .sectionThree .wrapper-footer .container-info div .btn {
padding: .5rem !important;
background-color: #F7E7DD !important;
border: 1px solid #F7E7DD !important;
color: #0e0e0e !important;
}
body main .sectionThree .wrapper-footer .container-info div .btn:hover {
background-color: #141414 !important;
color: #e6e6e6 !important;
}
body main .sectionThree .wrapper-footer .map {
margin-bottom: -6px !important;
}
body main .wpcf7-response-output {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 70%;
background-color: rgba(255, 255, 255, 0.582);
}
body main .section-com {
background-image: url(//willasol.mielno.pl/wp-content/themes/theme-1/img/sea-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 40%;
}
body footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1.5rem !important;
background-color: #141414;
margin: 0 !important;
}
body footer div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
body footer div p {
text-align: center;
width: 100%;
color: #e6e6e6;
font-size: .8rem;
margin: 0 !important;
}
body footer div p a {
color: #e6e6e6;
-webkit-transition: ease-in-out .3s;
transition: ease-in-out .3s;
}
body footer div p a:hover {
color: #F7E7DD;
}