@font-face {
font-family: 'OrchideaPro Light';
src: local("../fonts/OrchideaPro-Light"), url(//villechocimska.pl/wp-content/themes/ville_chocimska/fonts/OrchideaPro-Light.woff2) format("woff2"), url(//villechocimska.pl/wp-content/themes/ville_chocimska/fonts/OrchideaPro-Light.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'OrchideaPro Extra Light';
src: local("../fonts/OrchideaPro-ExtraLight"), url(//villechocimska.pl/wp-content/themes/ville_chocimska/fonts/OrchideaPro-ExtraLight.woff2) format("woff2"), url(//villechocimska.pl/wp-content/themes/ville_chocimska/fonts/OrchideaPro-ExtraLight.woff) format("woff");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'OrchideaPro Regular';
src: local("../fonts/OrchideaPro-Regular"), url(//villechocimska.pl/wp-content/themes/ville_chocimska/fonts/OrchideaPro-Regular.woff2) format("woff2"), url(//villechocimska.pl/wp-content/themes/ville_chocimska/fonts/OrchideaPro-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
*,
*::after,
*::before {
margin: 0;
padding: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
scroll-behavior: smooth;
}
body {
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 0.88rem;
line-height: 1.8;
background-color: #121a30;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-transform: uppercase;
}
body.is-overflow{
overflow:hidden;
}
.section-content{
text-transform: initial;
padding-bottom: 80px;
}
@media (min-width:992px){
.section-content{
padding-bottom: 180px;
}
}
.section-content h2{
text-transform: uppercase;
font-size: 40px;
margin-bottom: 30px;
margin-top: 120px;
}
@media (min-width:992px){
.section-content h2{
margin-top: 360px;
font-size: 48px;
}
}
.section-content ul,
.section-content ol{
padding-left: 20px;
}
.section-content ol ul{
margin-top: 10px;
margin-bottom: 10px;
}
.section-content ul li,
.section-content ol li{
margin-bottom: 10px;
}
.section-content ol li:last-child,
.section-content ul li:last-child{
margin-bottom: 0;
}
.page__container{
opacity: 0;
transition: .5s;
}
.loaded .page__container{
opacity: 1;
}
a {
color: #ffffff;
text-decoration: none;
-webkit-transition: 0.2s;
transition: 0.2s;
}
a:hover {
color: #c7974a;
text-decoration: none;
}
img{
width: 100%;
}
h1, .h1, h2, .h2, h3, .h3{
margin-bottom: 0;
font-family: 'OrchideaPro Light', sans-serif;
font-weight: 200;
}
h1{
font-size: 130px;
line-height: 1;
}
.h1{
font-size: 48px;
line-height: 1;
}
@media (min-width: 768px) {
.h1{
font-size: 100px;
}
}
h2, .h2{
line-height: 1.2;
font-size: 22px;
}
@media (min-width: 768px) {
h2, .h2{
font-size: 36px;
}
}
h2 span, .h2 span{
color:#C7974A;
}
h3, .h3{
font-size: 20px;
line-height: 1.25;
}
img {
max-width: 100%;
height: auto;
}
.text {
margin-bottom: -49px;
z-index: 99;
}
@media (min-width:1200px){
.text {
margin-bottom: -29px;
}
}
.text h1 {
font-size: 48px;
font-weight: 300;
color: #ffffff;
text-transform: uppercase;
line-height: 0.9;
}
@media (min-width: 768px) {
.text h1 {
font-size: 100px;
}
}
@media (min-width: 1200px) {
.text h1 {
font-size: 120px;
}
}
@media (min-width: 1280px) {
.text h1 {
font-size: 130px;
}
}
@media (min-width: 768px) {
.text {
margin-bottom: -52px;
}
}
@media (min-width: 1200px) {
.text {
margin-bottom: -60px;
}
}
@media (min-width: 1280px) {
.text {
margin-bottom: -65px;
}
.home .text {
margin-bottom: -90px;
}
}
.up-1 {
margin-top: 60px;
}
@media (min-width: 1200px) {
.up-1 {
margin-top: 70px;
}
}
.up-2 {
margin-top: 150px;
}
.pad-up-2 {
padding-top: 100px;
margin-bottom: 40px;
}
@media (min-width: 992px) {
.pad-up-2 {
padding-top: 150px;
margin-bottom: 0;
}
}
.pt-100 {
padding-top: 100px;
}
.pad-down-1 {
padding-bottom: 100px;
}
@media (min-width:992px){
.pad-down-1 {
padding-bottom: 150px;
}
}
.last-pb-0 {
padding-bottom: 0;
}
.arrow-pad {
padding-bottom: 49px;
}
@media (min-width: 992px) {
.arrow-pad {
padding-bottom: 78px;
}
}
@media (min-width: 1200px) {
.arrow-pad {
padding-bottom: 0;
}
}
.pos-top {
top: 0;
}
.border-left {
position: absolute;
top: 0;
left: 0;
bottom: 0;
border-left: 1px solid #c7974a !important;
}
.wrapper{
width: 100%;
max-width: 1650px;
margin: 0 auto;
padding: 0 20px;
}
@media (min-width: 576px) {
.wrapper {
padding: 0 40px;
}
}
@media (min-width: 1430px) {
.wrapper {
padding: 0 135px;
}
.wrapper-left{
padding-right: 0;
max-width: 100%;
padding-left: calc((100% - 1650px ) / 2 + 135px);
}
}
.big-space {
padding-left: 2rem;
padding-right: 2rem;
}
.flex-c {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.feature-top {
-webkit-animation: fadeInText 0.8s ease 0s forwards;
animation: fadeInText 0.8s ease 0s forwards;
opacity: 0;
}
.feature-top-2 {
-webkit-transition: all 1s;
transition: all 1s;
-webkit-animation: fadeInImage 1s ease 0s forwards;
animation: fadeInImage 1s ease 0s forwards;
}
.feature-top-3 {
-webkit-animation: fadeInSlider 1s ease 0.3s forwards;
animation: fadeInSlider 1s ease 0.3s forwards;
visibility: visible;
opacity: 0;
}
.feature-top-4 {
-webkit-animation: fade-effect-2 1s ease 0s forwards;
animation: fade-effect-2 0.8s ease-in-out 0s forwards;
}
.ftr-delay-2 {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.ftr-delay-3 {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.ftr-delay-4 {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.grid-row {
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 6.5rem 0;
}
@media (min-width: 800px) {
.grid-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
padding: 0;
}
}
.grid-item {
position: relative;
width: 259px;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
-webkit-box-flex: 1;
flex: auto;
-ms-flex: auto;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 1000px) {
.grid-item {
max-width: inherit;
}
}
@media (max-width: 1333px) {
.grid-item {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
}
@media (max-width: 1073px) {
.grid-item {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
}
}
@media (max-width: 815px) {
.grid-item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
}
@media (max-width: 555px) {
.grid-item {
padding-left: 0 !important;
padding-right: 0 !important;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 80vh;
overflow: hidden;
background-size: cover;
background-position: center;
}
@media (min-width:1200px){
.home .bg{
height: 88vh;
}
}
.bg:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 50vh;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
overflow: hidden;
z-index: 2;
}
.btnn {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
padding: 24px 4px 24px 91px;
position: relative;
color: #c7974a;
outline: 0!important;
border:0;
background: transparent;
box-shadow: none!important;
}
.btnn:before {
content: "";
position: absolute;
top: 0;
left: 0;
right:;
height: 100%;
width: 68px;
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/arrow_left.svg) no-repeat center;
}
.pad-top-btn {
padding-top: 60px;
}
@media (min-width:1200px){
.pad-top-btn {
padding-top: 95px;
}
}
.common-parts {
position: relative;
padding-top: 80px;
padding-bottom: 145px;
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/background_form.jpg);
color: #121a30;
text-transform: uppercase;
}
@media (min-width:1200px){
.common-parts {
padding-top: 190px;
}
}
.home .common-parts{
padding-bottom: 80px;
}
@media (min-width:1200px){
.home .common-parts{
padding-bottom: 120px;
}
}
.common-parts .primary-text {
top: 28%;
left: 19%;
z-index: 2;
}
.common-parts .primary-text h2 {
font-size: 48px;
color: #ffffff;
}
@media (min-width: 992px) {
.common-parts .primary-text h2 {
font-size: 100px;
}
}
.common-parts .box:nth-child(2n) {
z-index: 3;
}
@media (min-width: 1200px) {
.common-parts .box:nth-child(odd) {
padding-top: 115px;
}
}
.common-parts .box .part-box p {
padding-top: 27px;
padding-right: inherit;
font-size: 20px;
}
@media (min-width: 1460px) {
.common-parts .box .part-box p {
padding-right: 2.7rem;
}
}
#cookie-notice {
left: initial !important;
right: 10px !important;
bottom: 10px !important;
width: 300px;
min-width: initial !important;
font-family: 'Montserrat', sans-serif !important;
font-weight: 500;
font-size: 12px;
}
#cookie-notice .cookie-notice-container {
padding: 15px 30px 15px 15px;
text-align: left;
}
#cookie-notice .cookie-notice-container .cn-button {
display: block;
position: absolute;
top: 10px;
right: 10px;
width: 18px;
height: 18px;
margin: 0;
color: #c7974a;
text-align: center;
line-height: 16px;
}
#cookie-notice .cookie-notice-container .cn-button::before, #cookie-notice .cookie-notice-container .cn-button::after {
background-color: #c7974a;
}
.feature-box {
position: relative;
height: 394px;
margin-bottom: 25px;
}
.feature-box p {
position: absolute;
bottom: 5%;
left: 33%;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
text-transform: uppercase;
}
.feature-box p::before {
content: '';
position: absolute;
bottom: 91%;
right: 70%;
width: 100%;
height: 165px;
}
.feature-box p span {
font-family: 'OrchideaPro Light', sans-serif;
font-size: 80px;
font-weight: 200;
line-height: 1.2;
}
@media (min-width: 992px) {
.feature-box p {
left: 12%;
}
}
.feature-box--1 {
background: url(https://villechocimska.pl/wp-content/uploads/2021/10/box_1.jpg) no-repeat center;
}
.feature-box--1 p::before {
background: url(https://villechocimska.pl/wp-content/uploads/2021/10/8_1.svg) no-repeat left bottom;
}
@media (min-width: 992px) {
.feature-box--1 {
background-position: inherit;
}
}
.feature-box--2 {
background: url(https://villechocimska.pl/wp-content/uploads/2021/10/box_2.jpg) no-repeat center;
}
.feature-box--2 p {
bottom: 10%;
left: 33%;
}
.feature-box--2 p::before {
background: url(https://villechocimska.pl/wp-content/uploads/2021/10/2_1.svg) no-repeat left bottom;
}
@media (min-width: 992px) {
.feature-box--2 p {
left: 19%;
}
}
.feature-box--3 {
background: url(https://villechocimska.pl/wp-content/uploads/2021/10/box_3.jpg) no-repeat center;
}
.feature-box--3 p {
bottom: 10%;
left: 33%;
}
.feature-box--3 p::before {
background: url(https://villechocimska.pl/wp-content/uploads/2021/10/3_1.svg) no-repeat left bottom;
}
@media (min-width: 992px) {
.feature-box--3 p {
left: 27%;
}
}
@media (min-width: 992px) {
.feature-box--3 {
background-position: right;
}
}
@media (min-width: 992px) {
.feature-box {
margin-bottom: 0;
}
}
.wp-block-horizontal-scroll {
overflow: hidden;
position: relative;
}
.wp-block-horizontal-scroll__inner-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: auto;
}
.wp-block-horizontal-scroll__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 280px;
flex: 0 0 280px;
padding: 0 15px 0 0;
justify-self: flex-start;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
@media (min-width:1200px){
.wp-block-horizontal-scroll__item{
padding: 0 50px
-ms-flex: 0 0 460px;
flex: 0 0 460px;
}
}
.wp-block-horizontal-scroll__item--2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: none
}
@media(min-width:992px){
.wp-block-horizontal-scroll__item--2 {
display: flex;
}
}
.wp-block-horizontal-scroll  img{
max-width: 100%;
width: auto;
}
.wp-block-horizontal-scroll h3{
margin-top: 20px;
}
@media(min-width:1200px){
.wp-block-horizontal-scroll h3{
margin-top: 25px;
padding-right: 80px;
}
}
.common-parts .text-bg {
margin-bottom: 60px;
}
@media(min-width:992px){
.common-parts .text-bg {
display: flex;
align-items: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
}
.common-parts .wp-block-horizontal-scroll .text-bg{
display: none;
}
@media(min-width:1200px){
.common-parts .wp-block-horizontal-scroll .text-bg{
display: flex;
}
}
@media(min-width:1200px){
.common-parts .text-bg--mobile{
display: none;
}
}
.common-parts h2{
color: #fff;
opacity: 1;
font-size: 30px;
text-align: center;
}
@media (min-width:1200px){
.common-parts h2 {
font-size: 100px;
opacity: 0;
text-align: left;
}
}
.common-parts .text-bg h2 {
opacity: 1;
margin-top: 0px;
}
@media (min-width:1200px){
.common-parts .text-bg h2 {
margin-top: -140px;
}
}
.footer{
padding-bottom: 20px;
}
@media (min-width:767px){
.footer{
padding-bottom: 0;
}
}
.footer ul {
line-height: 1.6;
list-style: none;
}
.footer__menu {
margin-bottom: 0;
font-family: 'OrchideaPro Light', sans-serif;
font-weight: 200;
position: relative;
height: 100vh;
min-height: 600px;
display: flex;
align-items:center;
}
@media (min-width:992px){
.footer__menu {
height: auto;
min-height: initial;
display: block;
}
}
.footer__menu .background{
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: -1;
clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
}
.footer__menu .background:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .7;
}
.footer__menu .background .background-img {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100vh;
background-size: cover;
background-position: center;
z-index: -1;
background-image: url(https://villechocimska.pl/wp-content/uploads/2021/10/Villa-Avangarda-Salon-A-07-HR_apartamenty_menu.jpg);
}
@media (min-width:992px){
.footer__menu .menu-nav {
padding-top: 300px;
padding-bottom: 300px;
height: auto;
min-height: initial;
}
}
.footer__menu .menu-nav__header {
padding-bottom: 60px;
}
@media (min-width:992px){
.footer__menu .menu-nav__header {
padding-bottom: 70px;
}
}
.footer__menu .menu-nav__list #menu-left-1 {
margin-bottom: 0;
}
.footer__menu .menu-nav__list ul {
font-weight: 200;
list-style: none;
line-height: 1;
}
.footer__menu .menu-nav__list ul li {
font-size: 30px;
text-transform: uppercase;
padding-bottom: 15px;
}
.footer__menu .menu-nav__list ul li a {
position: relative;
display: block;
-webkit-transition: 0.5s all;
transition: 0.5s all;
opacity: 0.4;
}
.footer__menu .menu-nav__list ul li a:hover {
color: #ffffff;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.footer__menu .menu-nav__list ul li a:hover::before {
opacity: 0
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
@media (min-width: 1200px) {
.footer__menu .menu-nav__list ul li a:hover::before {
opacity: 1;
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@media (min-width: 1200px) {
.footer__menu .menu-nav__list ul li a:hover {
padding-left: 100px;
}
}
.footer__menu .menu-nav__list ul li a::before {
content: '';
position: absolute;
top: 25%;
left:0;
width: 100%;
height: 100%;
background: url(https://villechocimska.pl/wp-content/uploads/2021/10/arrow-right_footer.svg) no-repeat;
opacity: 0;
-webkit-transition: 0.5s;
transition: 0.5s;
}
@media (min-width: 576px) {
.footer__menu .menu-nav__list ul li {
font-size: 48px;
}
}
@media (min-width: 1200px) {
.footer__menu .menu-nav__list ul li {
padding-bottom: 0px;
font-size: 100px;
}
}
.footer__menu .menu-nav__list ul .current-menu-item a {
opacity: 1;
-webkit-transform: translateX(6rem);
transform: translateX(6rem);
}
.footer__menu .menu-nav__list ul .current-menu-item a::before {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(9rem);
transform: translateX(9rem);
}
.footer__content {
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: end;
-ms-flex-align: end;
align-items: flex-end;
height: auto;
padding-top: 50px;
padding-bottom: 50px;
background-color: #121a30;
}
.footer__content .high {
display: none;
opacity: 0;
}
@media (min-width: 768px) {
.footer__content .high {
display: block;
opacity: 1;
}
}
.footer__content .mobile {
display: block;
opacity: 1;
}
@media (min-width: 768px) {
.footer__content .mobile {
display: none;
opacity: 0;
}
}
.footer__content .item:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__content .item:nth-child(2) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.footer__content .item:nth-child(3) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.footer__content .item:nth-child(4) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.footer__content .addresses .logo {
margin-top: 0;
}
.footer__content .addresses .logo img{
max-width: 105px;
}
@media (min-width:992px){
.footer__content .addresses .logo img{
max-width: 148px;
}
}
.footer__content .addresses .h3{
color:#C7974A;
margin-bottom: 12px;
}
.footer__content .addresses ul li {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 2;
}
.footer__content .addresses .h2{
margin-bottom: 20px;
}
.footer__content .addresses__agent {
padding-top: 105px;
}
@media (min-width: 992px) {
.footer__content .addresses__agent {
padding-top: 0;
}
}
.footer__content .addresses__inwestor {
padding-top: 20px;
}
@media (min-width: 992px) {
.footer__content .addresses__inwestor {
padding-top: 0;
}
}
.footer__content .addresses .arrow-up {
margin-top: 25px;
cursor: pointer;
float: right;
}
@media (min-width: 992px) {
.footer__content .addresses .arrow-up {
margin-top: 15px;
}
}
@media (min-width: 576px) {
.footer__content {
padding-top: 80px;
padding-bottom: 80px;
}
.footer__content .item:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__content .item:nth-child(4) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media (min-width: 768px) {
.footer__content {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media (min-width: 992px) {
.footer__content {
padding-bottom: 150px;
}
.footer__content .item:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__content .item:nth-child(4) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
.footer__copyright .information {
color: #676e81;
text-transform: uppercase;
}
@media (min-width: 992px) {
.footer__copyright .information {
margin-bottom: 80px;
font-weight: 200;
margin-bottom: 10px;
}
}
.footer__copyright .information__text {
margin-bottom: 30px;
font-size: 10px;
}
@media (min-width: 992px) {
.footer__copyright .information__text {
margin-bottom: inherit;
}
}
.footer__copyright .information__copyright {
font-size: 12px;
}
.footer__copyright .information__copyright ul li {
display: list-item;
}
.footer__copyright .information__copyright ul li:first-child {
padding-right: 0px;
padding-bottom: 15px;
}
.footer__copyright .information__copyright ul li a {
color: inherit;
}
.footer__copyright .information__copyright ul li a:hover {
color: #c7974a;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media (min-width: 992px) {
.footer__copyright .information__copyright ul li {
display: inline-block;
}
.footer__copyright .information__copyright ul li:first-child {
padding-right: 65px;
padding-bottom: inherit;
}
}
.wpcf7-form{
position: relative;
transition: .3s;
opacity: 1;
}
.wpcf7-form div{
transition: .3s;
}
.wpcf7-form.submitting div{
opacity: 0.3;
}
.wpcf7-form:after,
.wpcf7-form:before{
content: "";
opacity: 0;
visibility: hidden;
transition: opacity .3s;
}
.wpcf7-form.submitting:after,
.wpcf7-form.submitting:before{
opacity: 1;
visibility: visible;
}
.wpcf7-form.submitting:before{
width: 100%;
height: 100%;
position: absolute;
left:0;
top:0;
}
.wpcf7-form.submitting:after{
width: 100px;
height: 100px;
border:10px solid #121a30;
border-radius: 50%;
border-top-color:transparent;
position: absolute;
left:50%;
top:50%;
margin-top: -50px;
margin-left: -50px;
animation-name: spin;
animation-duration: 4000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
} to {
transform: rotate(360deg);
}
}
.contact__form {
padding-top: 80px;
padding-bottom: 60px;
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/background_form.jpg);
color: #121a30;
}
@media (min-width: 992px) {
.contact__form {
padding-top: 160px;
padding-bottom: 130px;
}
}
.contact__form .h2 {
padding-bottom: 50px;
}
@media (min-width: 992px) {
.contact__form .h2 {
padding-bottom: 100px;
}
}
@media (max-width: 576px) {
.contact__form .h2 br{
display: none;
}
}
.contact__form .form-row {
margin-left: 0;
margin-right: 0;
}
.contact__form .form-row > [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
.contact__form .form-row .form-group-submit{
margin-top: 15px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.contact__form .form-row > [class*='col-'] {
padding-left: 30px;
padding-right: 30px;
}
.contact__form .form-row .form-group-submit{
margin-top: 25px;
}
}
@media (min-width: 768px) {
.contact__form .form-row {
margin-left: -30px;
margin-right: -30px;
}
}
.contact__form .textarea-padding {
margin-top: -30px;
}
.contact__form .form-group .form-control {
background-color: inherit;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #121a30;
border-left: 0;
border-radius: 0;
padding-bottom: 4px;
padding-right: 0;
padding-top: 4px;
font-size: 14px;
}
.contact__form input {
padding-left: 0;
color:#121a30!important;
}
.contact__form textarea{
color:#121a30!important;
}
.contact__form input:focus,
.contact__form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.contact__form input[type='checkbox'] {
display: none;
}
.contact__form button a {
color: #c7974a;
padding-left: 29px;
}
.contact__form button a::before {
left: -34%;
right: 0;
}
.contact__form button:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.contact__form .floating-label-group {
position: relative;
}
.contact__form .floating-label-group .floating-label {
position: absolute;
pointer-events: none;
top: 9px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact__form .floating-label-group input:focus ~ .floating-label,
.contact__form .floating-label-group input:not(:focus):valid ~ .floating-label,
.contact__form .floating-label-group textarea:focus ~ .floating-label {
top: -10px;
bottom: 0px;
font-size: 10px;
color: #121a30;
opacity: 1;
}
.contact__form .is-floating-label {
position: relative;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact__form .is-floating-label label {
position: absolute;
margin-top: 30px;
pointer-events: none;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.contact__form .is-floating-label.is-focused label {
-webkit-transform: translateY(-18px) scale(0.7);
transform: translateY(-18px) scale(0.7);
}
.contact__form .is-floating-label.is-focused label[for='email'] {
-webkit-transform: translateY(-15px) scale(0.7);
transform: translateY(-15px) scale(0.7);
}
.contact__form .wpcf7-list-item {
margin-left: 0;
}
.contact__form .wpcf7-text,
.contact__form .wpcf7-list-item-label {
position: relative;
display: block;
padding-left: 44px;
font-size: 10px;
}
.contact__form .wpcf7-text{
padding-left: 0;
}
.contact__form .wpcf7-list-item-label::before, .contact__form .wpcf7-list-item-label::after {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 33px;
height: 33px;
}
.contact__form .wpcf7-list-item-label::before {
background: transparent;
border: 1px solid #121a30;
}
.contact__form .wpcf7-list-item-label::after {
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/checked.svg) no-repeat center;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.contact__form input:checked + .wpcf7-list-item-label:after {
opacity: 1;
visibility: visible;
}
.contact__form .line {
position: absolute;
left: 50%;
top: 0;
width: 1px;
height: 100%;
margin-left: -0.5px;
background-color: #ffffff;
opacity: 0;
}
.contact__form .line-1 {
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
}
.contact__form .line-2 {
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
.contact__form .line-3 {
-webkit-transform: translateX(-500px);
transform: translateX(-500px);
}
.contact__form .line-4 {
-webkit-transform: translateX(500px);
transform: translateX(500px);
}
.contact__form label {
position: relative;
pointer-events: auto;
display: block;
margin-bottom: 50px;
}
.contact__form .textarea label {
margin-bottom: 30px;
}
.contact__form .wpcf7-form-control-wrap {
display: block;
}
.contact__form .wpcf7 .wpcf7-acceptance label{
margin-bottom: 0;
}
.contact__form .label {
position: absolute;
left: 0;
top: 4px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.contact__form .focus .label,
.contact__form .selectValue .label {
top: -13px;
font-size: 10px;
}
.contact__form textarea {
height: 105px;
outline: 0;
resize: none;
padding-left: 0;
}
.contact__form .form-group a {
color: #c7974a;
text-decoration: underline;
}
.contact__form .wpcf7-list-item-label::before, .contact__form .wpcf7-list-item-label::after {
width: 28px;
height: 28px;
top: 2px;
}
.wpcf7-not-valid-tip {
font-size: 12px;
display: block;
margin-top: 3px;
}
.wpcf7 form .wpcf7-response-output {
margin: 30px 0 0;
padding: 10px 15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border: 1px solid;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.wpcf7 form.sent .wpcf7-response-output {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
header {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
top:0;
overflow: hidden;
}
.fixed-header-position header{
position: fixed;
transform: translateY(-100%);
transition: transform .3s;
background: #fff;
}
.fixed-header-position.fixed-header-first header{
transition: 0s;
}
.fixed-header header{
transform: translateY(0%);
}
.page__header {
position: relative;
display: flex;
overflow: hidden;
}
@media (min-width:1200px){
.page__header {
height: calc(var(--vh, 1vh) * 100);
overflow: initial;
}
}
.investment__ville .section--4 .primary-text .wrapper{
height: 100%;
position: relative;
}
.page__header  .title-line{
margin-top: 80vh;
transform: translateY( calc(-50% - 20px) );
}
.home .page__header .title-line{
transform: translateY( calc(-50% - 43px) );
}
.arrow-down {
cursor: pointer;
text-align: center;
padding: 60px 0 0;
}
@media (min-width: 1200px) {
.arrow-down {
position: absolute;
top:80vh;
transform: translateY(-50%);
right:40px;
padding: 0;
}
}
.arrow-down img{
width: 78px;
height: 78px;
}
@media (min-width: 1200px) {
.arrow-down img{
width: auto;
height: auto;
}
}
.home .arrow-down{
top:88vh;
}
@media (min-width: 1430px) {
.arrow-down{
right: 135px;
}
}
#scroll-down-mobile .desktop {
display: none;
opacity: 0;
}
@media (min-width: 768px) {
#scroll-down-mobile .desktop {
display: block;
opacity: 1;
}
}
#scroll-down-mobile .mobile {
display: block;
opacity: 1;
}
@media (min-width: 768px) {
#scroll-down-mobile .mobile {
display: none;
opacity: 0;
}
}
.navi {
width: 100%;
padding-top: 25px;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
.fixed-header-position .navi {
padding-top:10px;
padding-bottom: 10px;
}
@media (min-width: 1200px) {
.fixed-header-position .navi {
padding-top:15px;
padding-bottom: 15px;
}
}
.navi__left {
display: none;
}
.navi__left ul li:first-child {
padding-left: 0;
}
.navi__left ul li:last-child {
padding-right: 0;
}
@media (min-width: 1200px) {
.navi__left {
display: block;
}
}
.navi__logo {
transition: .3s;
}
@media (min-width: 1200px) {
.navi__logo {
margin-top: -10px;
}
}
.navi #navi-logo a .logo-img {
display: none;
opacity: 1;
}
@media (min-width: 1200px) {
.navi #navi-logo a .logo-img{
display: block;
}
}
.navi #navi-logo a .logo-img-sticky {
opacity: 1;
display: block;
}
@media (min-width: 1200px) {
.navi #navi-logo a .logo-img-sticky {
opacity: 0;
display: none;
}
}
.navi__right {
display: none;
}
.navi__right ul li:first-child {
padding-left: 75px;
}
.navi__right ul li:last-child {
padding-right: 0;
}
@media (min-width: 1200px) {
.navi__right {
display: block;
}
}
.navi ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
}
.navi ul li {
padding: 0 34px;
font-size: 0.875rem;
text-transform: uppercase;
}
.navi ul li a {
position: relative;
display: block;
-webkit-transition: 0.2s all;
transition: 0.2s all;
}
.navi ul li a:hover {
color: #c7974a;
text-decoration: none;
}
.navi ul li a::after {
position: absolute;
bottom: -7px;
height: 1px;
left: 0;
width: 100%;
background: #c7974a;
content: '';
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
visibility: hidden;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.navi ul .current-menu-item a {
color: #c7974a;
}
.navi ul .current-menu-item a::after {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.navi ul .menu-item a:hover::after {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
@media (min-width: 1200px) {
.navi {
margin-top: 50px;
}
.fixed-header-position .navi{
margin-top: 0;
}
}
.bar-container {
position: absolute;
top: 15px;
right: 15px;
height: 18px;
padding-top: 8px;
padding-bottom: 8px;
width: 26px;
cursor: pointer;
z-index: 999;
}
.bar-container .bar, .bar-container .bar::before, .bar-container .bar::after {
content: '';
position: absolute;
right: 0;
left: 0;
height: 2px;
width: 100%;
background-color: #fff;
border-radius: 15px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.fixed-header .bar-container .bar:not(.bar-expanded),
.fixed-header .bar-container .bar:not(.bar-expanded)::before,
.fixed-header .bar-container .bar:not(.bar-expanded)::after{
background-color: #121a30;
}
.fixed-header-position .navi:after{
display: none;
}
.bar-container .bar::before {
top: -8px;
left: 0;
}
.bar-container .bar::after {
top:8px;
left: 0;
}
.navi-sticky .bar-container {
display: block;
z-index: 99999999;
}
.fixed-header .bar-container{
top:29px;
}
@media (min-width: 1200px) {
.navi-sticky {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 76px;
margin-top: 0;
padding: 0;
background-color: #ffffff;
-webkit-animation-name: stickySlideDown;
animation-name: stickySlideDown;
}
.fixed-header-position #navi-logo {
margin-top: 0;
}
.fixed-header-position #navi-logo a .logo-img {
display: none;
opacity: 0;
}
.fixed-header-position #navi-logo a .logo-img-sticky {
display: block;
opacity: 1;
}
.fixed-header-position .nav-center {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.fixed-header-position .nav-center .current-menu-item a {
color: #c7974a;
}
.fixed-header-position .nav-center .current-menu-item a::after {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.fixed-header-position header ul li a {
color: #121a30;
}
}
header .navi__flex .logo a .logo-img {
display: block;
opacity: 1;
}
header .navi__flex .logo a .logo-img-sticky {
opacity: 0;
display: none;
}
header .fixed .navi__flex .logo a .logo-img-sticky {
display: block;
padding: 0px 0;
opacity: 1;
}
@media (max-width: 1200px) {
.navi-expanded {
top: 0;
width: 100%;
height: 100vh;
background-color: #121a30;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity: 1;
position: relative;
}
.navi:after{
content: "";
position: absolute;
right:-68px;
top:-76px;
width: 140px;
height: 140px;
background: #121b2f;
border-radius: 50%;
}
.navi-expanded .navi-hide {
top: 0;
}
.navi-expanded .nav-center {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navi-expanded .navi__logo {
padding-top: 20px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.navi-expanded .navi__left {
padding-top: 100px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.navi-expanded .navi__left ul {
margin-bottom: 0;
}
.navi-expanded .navi__left ul li:first-child {
padding: 0 34px;
}
.navi-expanded .navi__left ul li:last-child {
padding: 0 34px;
}
.navi-expanded .navi__right {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.navi-expanded .navi__right ul li:first-child {
padding: 0 34px;
}
.navi-expanded .navi__right ul li:last-child {
padding: 0 34px;
}
.navi-expanded .navi__left,
.navi-expanded .navi__right {
display: block;
}
.navi__left,
.navi__right {
width: 100%;
opacity: 1;
z-index: 99;
}
.navi__left ul,
.navi__right ul {
display: block;
width: 100%;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.navi__left ul li,
.navi__right ul li {
font-size: 20px;
margin: 0 auto;
text-align: center;
}
.navi__left ul li a,
.navi__right ul li a {
display: inline-block;
padding: 12px 0;
}
.navi__left ul li a::after,
.navi__right ul li a::after {
bottom: 13px;
}
.navi-sticky {
display: block;
}
.bar-container .bar-expanded {
background-color: transparent;
}
.bar-container .bar-expanded::before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bar-container .bar-expanded::after {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.apartments__content-primary {
position: relative;
overflow: hidden;
}
.apartments__content-primary .section--1 {
padding-bottom: 40px;
}
@media (min-width:1200px){
.apartments__content-primary .section--1 {
padding-bottom: 160px;
}
}
@media (max-width:1200px){
.apartments__content-primary .section--1 h2{
padding-bottom: 30px;
}
}
.apartments__content-primary .section--2 {
padding-bottom: 80px;
position: relative;
z-index: 2;
}
@media (min-width:1200px){
.apartments__content-primary .section--2 {
padding-bottom: 180px;
}
}
.apartments__content-primary .section--2 .saloon {
margin-top: -20%;
}
@media (min-width:1200px){
.apartments__content-primary .section--2 .saloon {
margin-top: -450px;
}
}
.apartments__content-primary .title-background {
position: absolute;
bottom: 300px;
left: 0;
}
@media (min-width:1200px){
.apartments__content-primary .title-background{
bottom: 200px;
}
}
.apartments__icons {
padding-bottom: 80px;
padding-left: 0;
}
@media (min-width:1200px) {
.apartments__icons{
padding-bottom: 180px;
}
}
.apartments__icons .boxes .icon-box {
position: relative;
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 40px;
border-radius: 3px;
}
@media (min-width:767px){
.apartments__icons .boxes .icon-box{
min-height: 250px;
padding-top: 0;
padding-bottom: 0;
}
}
.apartments__icons .boxes .icon-box--2, .apartments__icons .boxes .icon-box--4 {
margin-top: 40px;
}
@media (min-width: 1200px) {
.apartments__icons .boxes .icon-box--2, .apartments__icons .boxes .icon-box--4 {
margin-top: 60px;
}
}
.apartments__icons .boxes .icon-box--3 {
margin-top: 60px;
}
@media (min-width: 768px) {
.apartments__icons .boxes .icon-box--3 {
margin-top: 0;
}
}
.apartments__icons .boxes h3 {
color: #c7974a;
}
.apartments__icons .boxes .icon-box img {
padding-bottom: 25px;
width: auto;
}
@media (min-width: 768px) {
.apartments__icons .boxes .icon-box {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
}
.apartments__content-secondary .section--2 {
position: relative;
margin-top: 35px;
}
@media (min-width: 768px) {
.apartments__content-secondary .section--2 {
margin-top: -41px;
}
}
.apartments__content-secondary .section--2 .secondary-text {
padding-top: 30px;
}
@media (min-width: 1200px) {
.apartments__content-secondary .section--2 .secondary-text {
padding-top: 100px;
}
}
@media (max-width: 992px) {
.apartments__content-secondary .section--2 .h1{
line-height: 1.2;
font-size: 22px;
}
}
.apartments__content-secondary .section--3 {
position: relative;
overflow: hidden;
}
.apartments__content-secondary .section--3 .title-background {
padding-top: 25rem;
}
.apartments__content-secondary .section--3 .title-background .title-bg {
position: absolute;
bottom: 20%;
left: 12%;
right: 0;
width: 100vw;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.contact__content {
padding: 55px 0 80px;
background-color: #121a30;
}
@media (min-width:1200px){
.contact__content{
padding: 9.5rem 0 80px;
}
}
.contact__content .addresses .h2{
margin-bottom: 25px;
}
.contact__content .addresses ul li {
list-style: none;
}
.contact__content .addresses__agent {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.contact__content .addresses__agent {
margin-bottom: 0;
}
}
.contact__content .addresses__inwestor ul{
margin-bottom: 0;
}
@media (min-width: 768px) {
.contact__content {
padding: 80px 0 180px;
}
}
.contact__map #map {
height: 80vh;
}
.page-id-28 .page__header{
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/background_form.jpg);
}
.developer__description {
position: relative;
color: #121a30;
overflow: hidden;
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/background_form.jpg);
}
.developer__description p {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 0.88rem;
line-height: 1.8;
}
.developer__description .main-text p {
padding-top: 40px;
}
@media (min-width: 992px) {
.developer__description .main-text p {
padding-top: 0;
}
}
@media (min-width: 992px) {
.developer__description .main-text {
padding-bottom: 180px;
}
}
.developer__description .main-img {
position: relative;
margin-top: 40px;
}
@media (min-width: 992px) {
.developer__description .main-img {
margin-top: 0
}
}
.developer__description .main-img img.seaview {
z-index: 4;
}
.developer__description .last-text {
padding-top: 50px;
padding-bottom: 80px;
}
@media (min-width: 992px) {
.developer__description .last-text {
padding-top: 160px;
padding-bottom: 160px;
}
}
.developer__description .last-text .col-lg-4:first-child{
margin-bottom: 30px;
}
@media (min-width: 992px) {
.developer__description .last-text .col-lg-4:first-child{
margin-bottom: 0;
}
}
.developer__description .title-background {
position: absolute;
bottom: 50px;
left: 0;
right: 0;
padding-bottom: 0;
}
@media (min-width: 1200px) {
.developer__description .title-background {
bottom: 80px;
}
}
@media (min-width: 768px) {
.developer__description {
padding: 15.625rem 0 0;
}
}
.developer__hotel .section--1 {
margin-top: 35px;
margin-bottom: 80px;
}
@media (min-width: 992px) {
.developer__hotel .section--1 {
margin-top: -18px;
}
}
@media (min-width: 1200px) {
.developer__hotel .section--1 {
margin-bottom: 95px;
}
}
@media (max-width: 992px) {
.developer__hotel .section--1 .h1{
line-height: 1.2;
font-size: 22px;
}
}
@media (min-width: 992px) {
.developer__hotel .section--1 .heading-primary h2 {
font-size: 100px;
line-height: 1;
}
}
.developer__hotel .section--1 .heading-secondary {
padding-top: 40px;
}
@media (min-width: 992px) {
.developer__hotel .section--1 .heading-secondary {
padding-top: 60px;
}
}
.developer__hotel .section--1 .heading-secondary p{
margin-bottom: 0;
}
@media (min-width: 992px) {
.developer__hotel .section--1 {
margin-top: -42px;
}
}
@media (min-width: 1580px) {
.developer__hotel .section--1 {
margin-top: -41px;
}
}
.developer__hotel .section--2{
position: relative;
}
.developer__hotel .section--2 .swimming-pool {
margin: 0;
}
@media (min-width: 992px) {
.developer__hotel .section--2 .swimming-pool {
margin: 70px 0 0 -115px;
}
}
@media (max-width: 992px) {
.developer__hotel .section--2 .col-6{
position: absolute;
right:0;
top:50%;
transform: translateY(-50%);
}
}
.developer__hotel .section--3 {
padding-top: 80px;
}
@media (min-width: 1200px) {
.developer__hotel .section--3 {
padding-top: 100px;
}
}
.developer__hotel .section--3 .heading-secondary {
padding-top: 40px;
}
@media (min-width: 1200px) {
.developer__hotel .section--3 .heading-secondary {
padding-top: 55px;
}
}
.developer__hotel .section--4 {
position: relative;
overflow: hidden;
}
.developer__hotel .section--4 .title-background {
padding-top: 14rem;
}
.developer__hotel .section--4 .title-background .title-bg {
position: absolute;
bottom: 20%;
left: 12%;
right: 0;
width: 100vw;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
@media (min-width: 1200px) {
.developer__hotel .section--4 .title-background {
padding-top: 25rem;
}
}
.gallery{
overflow: hidden;
}
.gallery .gallery__header {
height: auto;
padding-top: 30px;
padding-bottom: 20px;
align-items: center;
}
@media (min-width: 992px) {
.gallery .gallery__header {
padding-top: 220px;
padding-bottom: 50px;
}
}
.gallery__header .text {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.gallery__header .text {
margin-bottom: 50px;
}
}
.gallery__content .single-image {
padding-bottom: 40px;
}
.gallery__content .gallery-title {
position: relative;
padding-bottom: 25px;
overflow: hidden;
}
.picture{
overflow: hidden;
max-width: 100%;
}
.gallery__content .gallery-title .title-background {
padding-top: 5rem;
}
.gallery__content .gallery-title .title-background .title-bg {
position: absolute;
bottom: 20%;
left: 12%;
right: 0;
width: 100vw;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
@media (min-width: 576px) {
.gallery__content .gallery-title .title-background {
padding-top: 6rem;
}
}
@media (min-width: 768px) {
.gallery__content .gallery-title .title-background {
padding-top: 8rem;
}
}
@media (min-width: 992px) {
.gallery__content .gallery-title .title-background {
padding-top: 10rem;
}
}
@media (min-width: 1200px) {
.gallery__content .gallery-title .title-background {
padding-top: 20rem;
}
}
.gallery__header .text {
padding-top: 120px;
}
.gallery__content .row {
margin-left: -35px;
margin-right: -35px;
}
.gallery__content .row > div {
padding-left: 35px;
padding-right: 35px;
}
.gallery__content .single-image {
position: relative;
padding-bottom: 0 !important;
}
@media (min-width: 1200px) {
.gallery__content .single-image {
padding-bottom: 40px !important;
}
}
.gallery__content .single-image a {
position: relative;
display: block;
padding-right: 0;
padding-bottom: 20px;
width: 100%;
height: calc(100% + 20px);
}
@media (min-width: 1200px) {
.gallery__content .single-image a {
padding-right: 20px;
width: calc(100% + 20px);
}
}
.gallery__content .single-image a:before {
content: '';
position: absolute;
left: 20px;
top: 20px;
width: calc(100% - 40px);
height: calc(100% - 60px);
border: 1px solid #c7974a;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 9;
}
@media (min-width: 1200px) {
.gallery__content .single-image a:before {
width: calc(100% - 20px);
height: calc(100% - 20px);
}
}
.gallery__content .single-image a:hover:before {
opacity: 1;
}
.main__content {
position: relative;
padding: 55px 0 80px;
overflow: hidden;
}
@media (min-width: 1200px) {
.main__content {
padding: 120px 0 180px;
}
}
.main__content .description-primary {
position: relative;
z-index: 10;
}
@media (min-width: 992px) {
.main__content .description-primary {
padding-top: 0;
}
}
.main__content .description-secondary .building {
margin-top: 0px;
}
@media (min-width:992px){
.main__content .description-secondary .building {
margin-top: -210px;
}
}
@media (max-width:1200px){
.main__content .description-secondary .col-5{
margin-top: -25%;
}
}
.main__content .description-secondary .business {
z-index: 3;
position: relative;
}
@media (min-width:1200px){
.main__content .description-secondary .business {
margin-top: -210px;
}
}
.main__content .title-background {
position: absolute;
bottom: 200px;
left:0;
}
@media (min-width: 768px) {
.main__content {
padding: 120px 0 180px;
}
}
.main__features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
min-height: 700px;
padding: 4rem 0;
background-color: #121a30;
background-image: url(https://villechocimska.pl/wp-content/uploads/2021/10/villa_patzerow_penthouse_salon.jpg);
background-size: cover;
background-position: center;
}
@media (min-width: 992px) {
.main__features {
height: 100vh;
padding: 0;
}
}
.investment__content {
padding-bottom: 80px;
}
@media (min-width: 992px) {
.investment__content {
padding-bottom: 160px;
}
}
.investment__content h2{
margin-bottom: 30px;
}
@media (min-width: 992px) {
.investment__content h2{
margin-bottom: 0;
}
}
.investment__content p{
margin-bottom: 0;
}
.investment__ville {
position: relative;
}
.investment__ville .main-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.investment__ville .section--1{
margin-top: 40px;
}
@media (min-width:992px){
.investment__ville .section--1{
margin-top: -41px;
}
}
.investment__ville .section--1 h1 {
font-size: 48px;
line-height: 1;
z-index: 10;
}
.investment__ville .section--1 .img-1 {
margin-top: 0;
position: absolute;
right:35px;
max-width: 80px;
top:-220px;
}
@media (min-width:992px){
.investment__ville .section--1 .img-1 {
margin-top: -40px;
position: static;
max-width: initial;
}
}
.investment__ville .section--1 p {
padding-top: 30px;
margin-bottom: 0;
}
@media (min-width:992px){
.investment__ville .section--1 p {
padding-top: 50px;
}
}
.investment__ville .section--2 {
position: relative;
}
.investment__ville .section--2 .primary-text {
margin-left: 0;
}
@media (min-width: 768px) {
.investment__ville .section--2 .primary-text {
margin-left: -14rem;
}
}
.investment__ville .section--2 .secondary-text {
padding-top: 30px;
}
@media (min-width: 992px) {
.investment__ville .section--2 .secondary-text {
padding-top: 100px;
}
}
.investment__ville .section--2 .secondary-text p{
margin-bottom: 0;
}
.investment__ville .section--2 .img-3 {
margin-top: 0;
position: absolute;
right:35px;
max-width: 130px;
top:-120px;
}
@media (min-width:992px){
.investment__ville .section--2 .img-3 {
position: static;
max-width: initial;
}
}
.investment__ville .section--3 {
position: relative;
overflow: hidden;
margin-bottom: 110px;
}
.investment__ville .section--3 .title-background {
padding-top: 25rem;
}
.investment__ville .section--3 .title-background .title-bg {
position: absolute;
bottom: 20%;
left: 0;
right: 25%;
width: 100vw;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.investment__ville .section--4 {
margin-bottom: 80px;
text-transform: uppercase;
}
@media (min-width:992px){
.investment__ville .section--4 {
margin-bottom: 220px;
}
}
.investment__ville .section--4 .primary-text {
padding-top: 0px;
}
@media (min-width:992px){
.investment__ville .section--4 .primary-text {
padding-top: 60px;
}
}
.investment__ville .section--4 .primary-text .h2 {
font-weight: 200;
margin-bottom: 30px;
}
@media (min-width:992px){
.investment__ville .section--4 .primary-text .h2 {
margin-bottom: 0;
}
}
.investment__ville .section--4 .secondary-text p{
margin-bottom: 30px;
}
.investment__ville .section--4 .secondary-text p:nth-of-type(2) {
margin-bottom: 0;
padding-bottom: 0;
}
@media (min-width:992px){
.investment__ville .section--4 .secondary-text p{
margin-bottom: 1rem;
}
}
.investment .common-parts .primary-text {
top: 22%;
}
.location__content {
position: relative;
z-index: 10;
text-transform: uppercase;
}
.content__start{
padding-top: 45px;
}
@media (min-width:1200px){
.content__start{
padding-top: calc(240px - 20vh);
}
}
.location__content .intro-1{
margin-bottom: 30px;
}
@media (min-width:992px){
.location__content .intro-1 {
position: absolute;
z-index: 2;
margin-bottom:0;
}
}
.location__content .intro-1 p {
position: relative;
font-size: 22px;
font-weight: 200;
text-transform: uppercase;
line-height: 1.2;
z-index: 10;
}
@media (min-width: 992px) {
.location__content .intro-1 p {
padding-top: 0;
font-size: 2.25rem;
}
}
.location__content .woman {
padding: 0;
}
@media (min-width: 1200px) {
.location__content .woman {
padding: 0 5.6rem 2.5rem;
}
}
.location__content .right p {
margin-top: 50px;
margin-bottom: 0;
}
@media (min-width: 992px) {
.location__content .right p {
margin-top: 100px;
}
}
.location__map-icons {
padding-top: 80px;
}
@media (min-width: 992px) {
.location__map-icons {
padding-top: 220px;
padding-bottom: 35px;
}
}
.location__map-icons .icons {
-webkit-column-gap: 60px;
column-gap: 60px;
}
.location__map {
height: 650px;
}
.location__map #map {
height: 80vh;
}
.location__hall {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0))), url(https://villechocimska.pl/wp-content/uploads/2021/10/Ville-Chocimska-5-Villa-Patzerow-hol_lokalizacja.jpg);
background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url(https://villechocimska.pl/wp-content/uploads/2021/10/Ville-Chocimska-5-Villa-Patzerow-hol_lokalizacja.jpg);
background-size: cover;
background-position: center;
height: 916px;
}
.location__nature {
padding: 80px 0 75px;
color: #121a30;
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/background_form.jpg);
}
@media (min-width: 992px) {
.location__nature {
padding: 90px 0 80px;
}
}
.location__nature h2{
margin-bottom: 30px;
margin-top: 40px;
}
@media (min-width: 992px) {
.location__nature h2{
margin:0;
}
}
.location__nature .nature-palace p {
padding: 2.3rem 0 0 0;
font-size: 22px;
font-weight: 200;
line-height: 1.2;
text-transform: uppercase;
}
@media (min-width: 768px) {
.location__nature .nature-palace p {
padding: 4.3rem 0 0 0;
font-size: 2.25rem;
}
}
@media (min-width: 768px) {
.location__nature .nature-description {
padding-top: 9.4rem;
}
}
.location__nature .nature-description p{
margin-bottom: 0;
}
.location__nature .nature-description .col-lg-4:last-child{
margin-top: 30px;
}
@media (min-width: 992px) {
.location__nature .nature-description .col-lg-4:last-child{
margin-top: 0px;
}
}
@media (min-width: 768px) {
.location__nature {
padding: 180px 0;
}
}
.location__education {
position: relative;
padding: 80px 0 0;
overflow: hidden;
}
@media (min-width: 1200px) {
.location__education{
padding: 220px 0 0;
}
}
.location__education .education-content {
text-transform: uppercase;
}
.location__education .education-content .primary p {
font-size: 2.25rem;
line-height: 1.2;
}
.location__education .education-content .primary p span {
color: #c7974a;
}
.location__education .education-content .secondary p {
padding-top: 40px;
}
@media (min-width: 1200px) {
.location__education .education-content .secondary p {
padding-top: 95px;
}
}
.location__education .education-content img.books {
margin-left: 0;
z-index: 10;
}
@media (min-width: 768px) {
.location__education .education-content img.books {
margin-left: 110px;
}
}
.location__education .education-content .title-background {
margin-top: 22.3rem;
}
.location__education .education-content .title-background .title-bg {
position: absolute;
bottom: 0;
left: 9%;
right: 0;
width: 100vw;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.location__education .images{
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 40px;
}
@media (min-width:1200px){
.location__education .images{
width: calc(50vw - 15px);
margin-top: 0;
}
}
.location__education .images img{
width: auto;
}
.location__education .images .books{
margin-right:-60px;
position: relative;
z-index: 2;
}
.poi-filter.no-active {
cursor: pointer;
}
.poi-filter.no-active img{
filter: invert(42%) sepia(21%) saturate(812%) hue-rotate(187deg) brightness(98%) contrast(90%);
}
.title-background{
overflow: hidden;
padding-top:80px;
padding-bottom: 80px;
}
@media(min-width:1200px){
.title-background{
padding-top:170px;
padding-bottom: 170px;
}
}
.title-background-inner, .title-background-inner--2{
display: flex;
}
.title-background img{
max-width: none;
height: 94px;
width: auto;
margin: 0 60px;
}
@media(min-width:1200px){
.title-background img{
height: 224px;
}
}
.parallax{
overflow: hidden;
height: 80vh;
max-height: 600px;
min-height: 400px;
}
@media(min-width:992px){
.parallax{
height: 90vh;
max-height: 900px;
min-height: 600px;
}
}
.parallax-inner{
background-size: cover;
background-position: center;
background-position: top center;
height: 140%;
width: 100%;
}
.tos-slide>*{
width: auto;
}
.tos-next, .tos-prev{
width: 68px;
height: 56px;
background-repeat: no-repeat;
background-position: center;
opacity: 1!important;
}
.tos-next{
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/arrow_left.svg) no-repeat center;
}
.tos-prev{
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/arrow_right.svg) no-repeat center;
}
.tos-next span, .tos-prev span, .tos-close span{
display: none;
}
.tos-close{
width: 56px;
height: 56px;
border:1px solid #C7974A;
opacity: 1!important;
border-radius: 50%;
background: none;
}
.tos-close:before,
.tos-close:after{
content: "";
position: absolute;
background: #C7974A;
transform: rotate(45deg);
}
.tos-close:before{
width: 30px;
height: 1px;
left:50%;
top:50%;
margin-left: -15px;
margin-top: -0.5px;
}
.tos-close:after{
width: 1px;
height: 30px;
left:50%;
top:50%;
margin-left: -0.5px;
margin-top: -15px;
}
.popup-icon{
background: #121a30 url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/mail-icon.svg) no-repeat center;
background-size: 46px 33px;
width: 60px;
height: 60px;
display: inline-block;
right:10px;
bottom:160px;
z-index: 98;
position: fixed;
border-radius: 50%;
box-shadow: 0 0 4px 4px rgba(0,0,0,0.2);
transform: translateY(300px);
transition: .3s;
}
@media(min-width:767px){
.popup-icon{
right:15px;
}
}
.popup-icon--phone{
bottom:230px;
background: #121a30 url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/phone.svg) no-repeat center;
}
@media(min-width:767px){
.popup-icon--phone{
display: none;
}
}
.cookies-set .popup-icon{
bottom: 10px;
}
@media(min-width:767px){
.cookies-set .popup-icon{
bottom: 15px;
}
}
.cookies-set .popup-icon--phone{
bottom: 80px;
}
.loaded .popup-icon{
transform: translateY(0px);
}
.popup{
opacity: 0;
visibility: hidden;
transition: .3s;
}
.popup, .popup__bg{
position: fixed;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: 10000;
display: flex;
}
.is-popup .popup{
opacity: 1;
visibility: visible;
}
.popup__bg{
background: #000;
opacity: 0;
transition: .5s;
}
.is-popup .popup__bg{
opacity: 0.9;
}
.popup__form{
width: 100%;
position: relative;
z-index: 10001;
padding: 60px 0;
overflow: auto;
opacity: 0;
transform: translateY(100px);
transition: .4s;
transition-delay: .4s;
}
.is-popup .popup__form{
opacity: 1;
transform: translateY(0);
}
.popup__form-container{
background: url(//villechocimska.pl/wp-content/themes/ville_chocimska/img/background_form.jpg);
padding: 50px 30px;
margin: auto;
position: relative;
max-width: 820px;
}
@media (min-width:992px){
.popup__form-container{
padding: 50px 80px;
}
}
.popup__form .contact__form{
padding: 0;
}
.popup__form .form-group{
opacity: 1!important;
transform: translate(0)!important;
}
.popup .close{
position: absolute;
right:0;
top:0;
width: 60px;
height: 60px;
cursor: pointer;
opacity: 1!important;
}
.popup .close:before,
.popup .close:after{
content: "";
position: absolute;
left:50%;
top:50%;
background: #121a30;
}
.popup .close:before{
width: 20px;
height: 2px;
margin-top: -1px;
margin-left: -10px;
transform: rotate(-45deg);
}
.popup .close:after{
width: 2px;
height: 20px;
margin-left: -1px;
margin-top: -10px;
transform: rotate(-45deg);
}
.popup .h2{
color:#121a30;
text-align: center;
opacity: 1!important;
transform: translate(0)!important;
}
.popup .form-container{
margin-top: 50px;
}