@charset "UTF-8";

@media only screen and (max-width: 999px) {
.ocm-effect-wrap-inner #header-outer #logo img,
.ocm-effect-wrap-inner #header-outer .logo-clone img,
.ocm-effect-wrap-inner #header-outer .logo-spacing img {
height: 80px !important;
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]) #top .span_3 {
position: relative;
height: 40px;
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]) #top .span_3 a#logo {
position: absolute;
top: -12px;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
margin: 0;
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]).scrolling #top .span_3 a#logo {
top: 0;
}
.ocm-effect-wrap-inner #header-outer.invisible #top .span_3 a#logo {
top: 0;
-webkit-transform: translateY(-100%) translateX(-50%) !important;
transform: translateY(-100%) translateX(-50%) !important;
}
}
@media only screen and (min-width: 1000px) {
.ocm-effect-wrap-inner #header-outer #logo img,
.ocm-effect-wrap-inner #header-outer .logo-clone img,
.ocm-effect-wrap-inner #header-outer .logo-spacing img {
height: 120px !important;
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]) #top .span_3 {
position: relative;
height: 100px;
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]) #top .span_3 a#logo {
position: absolute;
top: 0;
margin: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.ocm-effect-wrap-inner #header-outer.invisible #top .span_3 a#logo {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]).scrolling #top .span_3 a#logo {
top: 15px;
}
}
@media only screen and (min-width: 1300px) {
.ocm-effect-wrap-inner #header-outer #logo img,
.ocm-effect-wrap-inner #header-outer .logo-clone img,
.ocm-effect-wrap-inner #header-outer .logo-spacing img {
height: 170px !important;
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]) #top .span_3 {
position: relative;
height: 100px;
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]) #top .span_3 a#logo {
position: absolute;
top: 0;
margin: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]).invisible #top .span_3 a#logo {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.nectar-button {
height: 5rem;
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 25px !important;
}
.nectar-button:hover {
background-color: rgb(57, 69, 80) !important;
opacity: 1 !important;
}
.nectar-button.square {
height: auto;
aspect-ratio: 1/1;
}
.ctl-wrapper .ctl-icondot {
--ctw-ibx-size: 60px;
}
.ctl-wrapper .ctl-horizontal-timeline .ctl-icondot {
top: calc(var(--ctw-ibx-size) * 1.05 - var(--ctw-ibx-size) * 2) !important;
}
.nectar-rotating-words-title.color_ffffff .heading {
text-shadow: 0 0 32px rgba(0, 0, 0, 0.6784313725);
}
.mariacela-mapa-wrapper {
position: relative;
text-align: center;
}
.mariacela-mapa-wrapper p {
padding-bottom: 0;
font-family: Raleway;
}
.mariacela-mapa-wrapper .floor-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
}
.mariacela-mapa-wrapper .floor-switcher p {
font-size: 16px;
margin: 0;
font-weight: 500;
margin-left: 20px;
font-family: Raleway;
}
@media screen and (max-width: 600px) {
.mariacela-mapa-wrapper .floor-switcher p {
margin-left: 0;
}
}
.mariacela-mapa-wrapper .floor-switcher .budovy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px;
}
@media screen and (max-width: 500px) {
.mariacela-mapa-wrapper .floor-switcher .budovy {
gap: 6px;
}
}
@media screen and (max-width: 600px) {
.mariacela-mapa-wrapper .floor-switcher .budovy {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.mariacela-mapa-wrapper .floor-switcher .budovy p {
font-family: Raleway;
}
@media screen and (max-width: 500px) {
.mariacela-mapa-wrapper .floor-switcher .budovy p {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.mariacela-mapa-wrapper .floor-switcher .budovy .floor-switcher__btn {
width: auto;
height: 44px;
width: 67px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.mariacela-mapa-wrapper .floor-switcher__btn {
border: 2px solid #ace677;
padding: 5px 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
font-family: Raleway;
font-size: 15px;
}
.mariacela-mapa-wrapper .floor-switcher__btn:hover {
background: #ace677;
color: black;
cursor: pointer;
}
.mariacela-mapa-wrapper .floor-switcher__btn.active {
background: #ace677;
color: black;
}
.mariacela-mapa-wrapper .maps {
position: relative;
display: inline-block;
overflow: auto;
width: 100%;
}
.mariacela-mapa-wrapper .view {
position: relative;
display: none;
max-width: 1920px;
min-width: 900px;
margin: 0 auto;
line-height: 0;
font-size: 0;
}
.mariacela-mapa-wrapper .view.active {
display: block;
}
@media screen and (max-width: 700px) {
.mariacela-mapa-wrapper .view {
min-width: 600px;
}
}
.mariacela-mapa-wrapper .view.js-view--first {
min-width: 1000px;
width: 100%;
max-width: 100%; }
@media screen and (max-width: 700px) {
.mariacela-mapa-wrapper .view.js-view--first {
min-width: 600px;
}
}
.mariacela-mapa-wrapper .view.js-view--first img {
width: 100% !important;
}
.mariacela-mapa-wrapper .view #půdorysy {
position: absolute;
left: 0;
top: 0;
}
.mariacela-mapa-wrapper .view svg {
position: absolute;
left: 10px;
bottom: 7px;
}
@media (max-width: 1440px) {
.mariacela-mapa-wrapper .view svg {
left: 7px;
bottom: 7px;
}
}
@media (max-width: 1300px) {
.mariacela-mapa-wrapper .view svg {
left: 7px;
bottom: 6px;
}
}
@media (max-width: 1100px) {
.mariacela-mapa-wrapper .view svg {
left: 5px;
bottom: 5px;
}
}
@media (max-width: 700px) {
.mariacela-mapa-wrapper .view svg {
left: 4px;
bottom: 4px;
}
}
@media (max-width: 400px) {
.mariacela-mapa-wrapper .view svg {
left: 3px;
bottom: 3px;
}
}
.mariacela-mapa-wrapper .view svg polygon,
.mariacela-mapa-wrapper .view svg rect,
.mariacela-mapa-wrapper .view svg path {
opacity: 0;
}
.mariacela-mapa-wrapper .view svg polygon:hover,
.mariacela-mapa-wrapper .view svg rect:hover,
.mariacela-mapa-wrapper .view svg path:hover {
opacity: 1;
cursor: pointer;
}
.mariacela-mapa-wrapper .map-bubble {
position: absolute;
display: none;
padding: 20px;
border: 2px solid #ace677;
background: white;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
pointer-events: none;
}
.mariacela-mapa-wrapper .map-bubble .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mariacela-mapa-wrapper .map-bubble p {
margin-bottom: 0;
font-family: Raleway;
font-size: 14px;
}
.mariacela-mapa-wrapper .map-bubble p.prodany {
color: #8f4141;
background-color: #ffc2c2;
display: inline-block;
min-width: 115px;
text-align: center;
border-radius: 4px;
}
.mariacela-mapa-wrapper .map-bubble p.volny {
color: #47732e;
background-color: #ceffc2;
display: inline-block;
min-width: 115px;
text-align: center;
border-radius: 4px;
}
.mariacela-mapa-wrapper .map-bubble p.rezervovany {
color: #a57d22;
background-color: #ffebbd;
display: inline-block;
min-width: 115px;
text-align: center;
border-radius: 4px;
}
.mariacela-mapa-wrapper .map-bubble .btn {
background: #ace677;
color: black;
padding: 10px 10px;
margin-top: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
text-decoration: none;
text-align: center;
font-family: Raleway;
font-size: 15px;
}
.mariacela-mapa-wrapper .map-bubble .btn:hover {
cursor: pointer;
color: white;
background: #394550;
}
.byty-tabulka {
width: 100%;
max-width: calc(1500px + 5rem);
padding: 0 2.5rem;
margin: 3rem auto;
overflow: auto;
}
@media screen and (max-width: 1000px) {
.byty-tabulka {
max-width: calc(1500px + 3rem);
padding: 0 1.5rem;
}
}
.byty-tabulka__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
min-width: 1100px;
}
@media screen and (max-width: 500px) {
.byty-tabulka__row {
padding: 10px;
}
}
.byty-tabulka__row--header {
background: #394550;
}
.byty-tabulka__row--header p {
color: white;
font-size: 13px;
line-height: 1.1;
font-family: Raleway;
}
.byty-tabulka__row--byt {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.byty-tabulka__row--byt:hover, .byty-tabulka__row--byt.active {
background: rgba(172, 230, 119, 0.25);
}
.byty-tabulka__col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
@media screen and (max-width: 1260px) {
.byty-tabulka__col.smaller {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
}
@media screen and (max-width: 500px) {
.byty-tabulka__col.smaller {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
}
}
.byty-tabulka__col p {
margin-bottom: 0;
font-family: Raleway;
font-size: 14px;
}
.byty-tabulka__col p.status {
display: inline-block;
min-width: 115px;
text-align: center;
border-radius: 4px;
font-size: 14px;
font-family: Raleway;
}
.byty-tabulka__col p.status.prodany {
color: #8f4141;
background-color: #ffc2c2;
}
.byty-tabulka__col p.status.volny {
color: #47732e;
background-color: #ceffc2;
}
.byty-tabulka__col p.status.rezervovany {
color: #a57d22;
background-color: #ffebbd;
}
.byty-tabulka__col a {
text-decoration: underline;
font-size: 14px;
}
.byty-tabulka__col a:hover {
text-decoration: none;
}
.byty-tabulka__col .btn {
background: #ace677;
color: black;
padding: 5px 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 14px;
font-family: Raleway;
}
.byty-tabulka__col .btn:hover {
cursor: pointer;
background: #394550;
color: white;
}
.blocker {
z-index: 10003 !important;
}
.modal.modal--byt {
padding: 0;
font-size: 0;
line-height: 0;
border-radius: 0;
max-width: 900px;
}
.modal.modal--byt .modal__body {
font-size: 0;
line-height: 0;
}
.modal.modal--byt .modal__body iframe {
width: 100%;
height: auto;
aspect-ratio: 1/1.05;
}
.modal.modal--info {
padding: 30px 15px;
max-width: 300px;
text-align: left;
}
.modal.modal--info .btn {
background: #ace677;
color: black;
padding: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
display: block;
text-align: center;
margin-top: 20px;
font-size: 14px;
font-family: Raleway;
}
.modal.modal--info .btn:hover {
cursor: pointer;
background: #394550;
color: white;
}
.modal.modal--form,
.modal.modal--info {
padding: 15px;
border-radius: 0;
}
.modal.modal--form .byt-info,
.modal.modal--info .byt-info {
margin-bottom: 20px;
}
.modal.modal--form .byt-info p,
.modal.modal--info .byt-info p {
margin-bottom: 4px;
padding-bottom: 0;
font-family: Raleway;
font-size: 16px;
}
.modal.modal--form .byt-info p span.status,
.modal.modal--info .byt-info p span.status {
display: inline-block;
min-width: 115px;
text-align: center;
border-radius: 4px;
font-size: 14px;
font-family: Raleway;
}
.modal.modal--form .byt-info p span.status.prodany,
.modal.modal--info .byt-info p span.status.prodany {
color: #8f4141;
background-color: #ffc2c2;
}
.modal.modal--form .byt-info p span.status.volny,
.modal.modal--info .byt-info p span.status.volny {
color: #47732e;
background-color: #ceffc2;
}
.modal.modal--form .byt-info p span.status.rezervovany,
.modal.modal--info .byt-info p span.status.rezervovany {
color: #a57d22;
background-color: #ffebbd;
}
.modal.modal--form input[type=submit].wpcf7-submit,
.modal.modal--info input[type=submit].wpcf7-submit {
background: #ace677;
color: black;
padding: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
display: block;
text-align: center;
margin-top: 20px;
font-size: 14px;
font-family: Raleway;
}
.modal.modal--form input[type=submit].wpcf7-submit:hover,
.modal.modal--info input[type=submit].wpcf7-submit:hover {
cursor: pointer;
background: #394550;
color: white;
}
.modal.modal--form .btGradient.btLight.btForm .btFormRow .btFormColumn p,
.modal.modal--info .btGradient.btLight.btForm .btFormRow .btFormColumn p {
margin-bottom: 0;
font-family: Raleway;
}
.modal.modal--form .btGradient.btLight.btForm .btFormRow .btFormColumn input,
.modal.modal--form .btGradient.btLight.btForm .btFormRow .btFormColumn textarea,
.modal.modal--info .btGradient.btLight.btForm .btFormRow .btFormColumn input,
.modal.modal--info .btGradient.btLight.btForm .btFormRow .btFormColumn textarea {
border: 2px solid #ace677;
}
@media screen and (max-width: 1200px) {
.section-with-apartmany .bt_bb_column.bt_bb_padding_100 .bt_bb_column_content {
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (max-width: 500px) {
.section-with-apartmany .bt_bb_column.bt_bb_padding_100 .bt_bb_column_content {
padding-left: 15px;
padding-right: 15px;
}
}
.text-shadow h1,
.text-shadow h2,
.text-shadow h3,
.text-shadow h4 {
text-shadow: 2px 1px 13px #1e4a46;
}
.leaflet-marker-pane img {
height: auto !important;
}
.st0 {
fill: #9fc45d;
fill-opacity: 0.3;
stroke: #9fc45d;
stroke-miterlimit: 10;
}
.mariacela-komerce-wrapper {
position: relative;
text-align: center;
}
.mariacela-komerce-wrapper p {
padding-bottom: 0;
font-family: Raleway;
}
.komerce-tabulka {
width: 100%;
max-width: calc(1500px + 5rem);
padding: 0 2.5rem;
margin: 3rem auto;
overflow: auto;
}
@media screen and (max-width: 1000px) {
.komerce-tabulka {
max-width: calc(1500px + 3rem);
padding: 0 1.5rem;
}
}
.komerce-tabulka__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
min-width: 1100px;
}
@media screen and (max-width: 500px) {
.komerce-tabulka__row {
padding: 10px;
}
}
.komerce-tabulka__row--header {
background: #394550;
}
.komerce-tabulka__row--header p {
color: white;
font-size: 13px;
line-height: 1.1;
font-family: Raleway;
}
.komerce-tabulka__row--byt {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.komerce-tabulka__row--byt:hover, .komerce-tabulka__row--byt.active {
background: rgba(172, 230, 119, 0.25);
}
.komerce-tabulka__col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
@media screen and (max-width: 1260px) {
.komerce-tabulka__col.smaller {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
}
@media screen and (max-width: 500px) {
.komerce-tabulka__col.smaller {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
}
}
.komerce-tabulka__col p {
margin-bottom: 0;
font-family: Raleway;
font-size: 14px;
}
.komerce-tabulka__col p.status {
display: inline-block;
min-width: 115px;
text-align: center;
border-radius: 4px;
font-size: 14px;
font-family: Raleway;
}
.komerce-tabulka__col p.status.prenajato {
color: #8f4141;
background-color: #ffc2c2;
}
.komerce-tabulka__col p.status.volny {
color: #47732e;
background-color: #ceffc2;
}
.komerce-tabulka__col p.status.rezervovano {
color: #a57d22;
background-color: #ffebbd;
}
.komerce-tabulka__col a {
text-decoration: underline;
font-size: 14px;
}
.komerce-tabulka__col a:hover {
text-decoration: none;
}
.komerce-tabulka__col .btn {
background: #ace677;
color: black;
padding: 5px 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
font-size: 14px;
font-family: Raleway;
}
.komerce-tabulka__col .btn:hover {
cursor: pointer;
background: #394550;
color: white;
}
.blocker {
z-index: 10003 !important;
}
.modal.modal--byt {
padding: 0;
font-size: 0;
line-height: 0;
border-radius: 0;
max-width: 900px;
}
.modal.modal--byt .modal__body {
font-size: 0;
line-height: 0;
}
.modal.modal--byt .modal__body iframe {
width: 100%;
height: auto;
aspect-ratio: 1/1.05;
}
.modal.modal--info {
padding: 30px 15px;
max-width: 300px;
text-align: left;
}
.modal.modal--info .btn {
background: #ace677;
color: black;
padding: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
display: block;
text-align: center;
margin-top: 20px;
font-size: 14px;
font-family: Raleway;
}
.modal.modal--info .btn:hover {
cursor: pointer;
background: #394550;
color: white;
}
.modal.modal--form,
.modal.modal--info {
padding: 15px;
border-radius: 0;
}
.modal.modal--form .komerce-info,
.modal.modal--info .komerce-info {
margin-bottom: 20px;
}
.modal.modal--form .komerce-info p,
.modal.modal--info .komerce-info p {
margin-bottom: 4px;
padding-bottom: 0;
font-family: Raleway;
font-size: 16px;
}
.modal.modal--form .komerce-info p span.status,
.modal.modal--info .komerce-info p span.status {
display: inline-block;
min-width: 115px;
text-align: center;
border-radius: 4px;
font-size: 14px;
font-family: Raleway;
}
.modal.modal--form .komerce-info p span.status.prenajato,
.modal.modal--info .komerce-info p span.status.prenajato {
color: #8f4141;
background-color: #ffc2c2;
}
.modal.modal--form .komerce-info p span.status.volny,
.modal.modal--info .komerce-info p span.status.volny {
color: #47732e;
background-color: #ceffc2;
}
.modal.modal--form .komerce-info p span.status.rezervovano,
.modal.modal--info .komerce-info p span.status.rezervovano {
color: #a57d22;
background-color: #ffebbd;
}
.modal.modal--form input[type=submit].wpcf7-submit,
.modal.modal--info input[type=submit].wpcf7-submit {
background: #ace677;
color: black;
padding: 10px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
display: block;
text-align: center;
margin-top: 20px;
font-size: 14px;
font-family: Raleway;
}
.modal.modal--form input[type=submit].wpcf7-submit:hover,
.modal.modal--info input[type=submit].wpcf7-submit:hover {
cursor: pointer;
background: #394550;
color: white;
}
.modal.modal--form .btGradient.btLight.btForm .btFormRow .btFormColumn p,
.modal.modal--info .btGradient.btLight.btForm .btFormRow .btFormColumn p {
margin-bottom: 0;
font-family: Raleway;
}
.modal.modal--form .btGradient.btLight.btForm .btFormRow .btFormColumn input,
.modal.modal--form .btGradient.btLight.btForm .btFormRow .btFormColumn textarea,
.modal.modal--info .btGradient.btLight.btForm .btFormRow .btFormColumn input,
.modal.modal--info .btGradient.btLight.btForm .btFormRow .btFormColumn textarea {
border: 2px solid #ace677;
}
@media screen and (max-width: 1200px) {
.section-with-apartmany .bt_bb_column.bt_bb_padding_100 .bt_bb_column_content {
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (max-width: 500px) {
.section-with-apartmany .bt_bb_column.bt_bb_padding_100 .bt_bb_column_content {
padding-left: 15px;
padding-right: 15px;
}
}
.text-shadow h1,
.text-shadow h2,
.text-shadow h3,
.text-shadow h4 {
text-shadow: 2px 1px 13px #1e4a46;
}
.leaflet-marker-pane img {
height: auto !important;
}
.st0 {
fill: #9fc45d;
fill-opacity: 0.3;
stroke: #9fc45d;
stroke-miterlimit: 10;
}
.apartments-table-info {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem 2rem;
max-width: 550px;
}
@media screen and (max-width: 480px) {
.apartments-table-info {
grid-template-columns: repeat(2, 1fr);
}
}
.apartments-table-info__item {
text-align: center;
}
.apartments-table-info__item p.title {
margin: 0;
font-size: 14px;
padding-bottom: 0;
}
.apartments-table-info__item p.value {
margin: 0;
padding-bottom: 0;
font-size: 21px;
font-weight: 700;
}
@media screen and (max-width: 1140px) {
.apartments-table-info__item p.value {
font-size: 18px;
}
}
.apartments-table-info__item p.value span.status {
display: inline-block;
min-width: 115px;
text-align: center;
border-radius: 4px;
padding: 3px 10px;
font-size: 14px;
}
.apartments-table-info__item p.value span.status.prodany {
color: #8f4141;
background-color: #ffc2c2;
}
.apartments-table-info__item p.value span.status.volny {
color: #47732e;
background-color: #ceffc2;
}
.apartments-table-info__item p.value span.status.rezervovany {
color: #a57d22;
background-color: #ffebbd;
}
a.open-byt-modal.nectar-button {
text-decoration: none !important;
margin-right: 10px;
}
a.open-byt-modal.nectar-button:hover {
cursor: pointer;
}
a.nectar-button.large {
text-decoration: none !important;
margin-right: 10px;
}
a.nectar-button.large:hover {
cursor: pointer;
}
a.open-byt-form-modal-detail.nectar-button {
text-decoration: none !important;
color: white !important;
}
a.open-byt-form-modal-detail.nectar-button:hover {
cursor: pointer;
}
body .nectar-milestone .subject {
padding-right: 16px;
}
@media screen and (max-width: 435px) {
#ajax-content-wrap .hp-counters .column_element_direction_phone_horizontal > .vc_column-inner > .wpb_wrapper > * {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media screen and (max-width: 435px) {
.hp-counters .column_element_direction_phone_horizontal > .vc_column-inner > .wpb_wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.wpcf7-list-item {
margin-left: 0;
}
.btFormRow {
margin-bottom: 10px;
}
.btFormRow--gdpr label span {
color: black;
}
.ctl-wrapper .ctl-horizontal-timeline .ctl-button-next:hover svg path,
.ctl-wrapper .ctl-horizontal-timeline .ctl-button-prev:hover svg path {
fill: #b6de5f !important;
}
.hp-counters > .row_col_wrap_12 {
z-index: 110 !important;
}
.section-with-leaves-first {
background: transparent;
height: 0;
width: 100%;
position: relative;
z-index: 100;
}
.listecky-wrap {
position: absolute;
left: 0;
top: -120px;
width: 40%;
max-width: 1500px;
height: auto;
aspect-ratio: 1500/877;
z-index: 5;
pointer-events: none;
}
@media screen and (max-width: 1500px) {
.listecky-wrap {
width: 51%;
top: -80px;
}
}
@media screen and (max-width: 1000px) {
.listecky-wrap {
width: 71%;
top: -60px;
}
}
@media screen and (max-width: 600px) {
.listecky-wrap {
width: 95%;
top: -50px;
}
}
.listecky-wrap img {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.listecky-wrap img.listecky-0 {
z-index: 1;
-webkit-transform: translateY(var(--parallax-offset-0, 0px));
transform: translateY(var(--parallax-offset-0, 0px));
}
.listecky-wrap img.listecky-1 {
z-index: 2;
-webkit-transform: translateY(var(--parallax-offset-1, 0px));
transform: translateY(var(--parallax-offset-1, 0px));
}
.listecky-wrap img.listecky-2 {
z-index: 3;
-webkit-transform: translateY(var(--parallax-offset-2, 0px));
transform: translateY(var(--parallax-offset-2, 0px));
}
.listecky-wrap img.listecky-3 {
z-index: 4;
-webkit-transform: translateY(var(--parallax-offset-3, 0px));
transform: translateY(var(--parallax-offset-3, 0px));
}
.listecky-wrap img.listecky-4 {
z-index: 5;
-webkit-transform: translateY(var(--parallax-offset-4, 0px));
transform: translateY(var(--parallax-offset-4, 0px));
}
.listecky-wrap img.listecky-5 {
z-index: 6;
-webkit-transform: translateY(var(--parallax-offset-5, 0px));
transform: translateY(var(--parallax-offset-5, 0px));
}
.section-with-leaves-second {
background: transparent;
height: 0;
width: 100%;
position: relative;
z-index: 100;
}
.section-with-leaves-second .listecky-wrap {
left: auto;
right: 0;
width: 60%;
top: -600px;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
@media screen and (max-width: 1500px) {
.section-with-leaves-second .listecky-wrap {
width: 51%;
top: -100px;
}
}
@media screen and (max-width: 1000px) {
.section-with-leaves-second .listecky-wrap {
width: 71%;
top: -100px;
}
}
@media screen and (max-width: 600px) {
.section-with-leaves-second .listecky-wrap {
width: 95%;
top: 0px;
}
}
.section-after-leaves > .row_col_wrap_12 {
z-index: 110 !important;
}
#aquarel-radius {
background-color: unset !important;
position: relative !important;
width: 100%;
max-width: 295px;
height: 74px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#aquarel-radius::before {
position: absolute;
content: "";
width: 100%;
max-width: 295px;
height: 74px;
background: url(https://redma.cz/testwebted/wp-content/uploads/2025/02/btn.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50px;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#aquarel-radius:hover span {
color: #fff;
}
#aquarel-radius:hover::before {
background: url(https://rezidencemariacela.cz/wp-content/uploads/2025/03/CTA-Down.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#aquarel-radius-white {
background-color: unset !important;
position: relative !important;
width: 100%;
max-width: 295px;
height: 74px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#aquarel-radius-white::before {
position: absolute;
content: "";
width: 100%;
max-width: 295px;
height: 74px;
background: url(https://redma.cz/testwebted/wp-content/uploads/2025/02/btn.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 50px;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#aquarel-radius-white:hover span {
color: black;
}
#aquarel-radius-white:hover input {
color: black;
}
#aquarel-radius-white:hover::before {
background: url(https://rezidencemariacela.cz/wp-content/uploads/2025/03/CTA-White.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
body[data-form-submit=regular] .container-wrap input[type=submit] {
background-color: unset !important;
position: relative !important;
width: 100%;
max-width: 154px;
height: 74px;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
#header-outer:not(.transparent) #top #logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
#header-outer:not(.transparent) #top #logo img {
max-width: 379px;
height: 100% !important;
width: 100%;
}
header .col.span_3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16rem;
flex: 0 0 16rem;
}
header .col.col_last {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 999px) {
.ocm-effect-wrap-inner #header-outer:not([data-format=left-header]) #top .span_3 a#logo {
top: 0;
}
}
.nectar-fancy-box[data-style=image_above_text_underline] .image-wrap {
max-width: 400px;
height: 212px;
border-radius: 5px 5px 0 0;
}
.nectar-fancy-box[data-style=image_above_text_underline].aspect-1-1 .box-bg {
padding-bottom: 0 !important;
max-width: 400px !important;
height: 212px !important;
background-size: cover;
background-repeat: no-repeat;
border-radius: 5px 5px 0 0;
}
.owl-carousel .carousel-item {
-webkit-box-shadow: 0px 4px 30px rgba(9, 39, 55, 0.2);
box-shadow: 0px 4px 30px rgba(9, 39, 55, 0.2);
}
.nectar-fancy-box[data-style=image_above_text_underline] .text {
padding: 50px 50px 50px 50px !important;
}
.nectar-fancy-box[data-style=image_above_text_underline] .text {
background: #fff;
min-height: 19.3rem;
}
#page-id-614 .nectar-fancy-box[data-style=image_above_text_underline] .text {
background: #fff;
min-height: 14rem;
}
.owl-carousel .carousel-item {
border-radius: 5px;
}
.modern-house-img {
max-width: 935px;
}
.bg-blue-before {
position: relative;
min-height: 100vh;
width: 100%;
}
.bg-blue-before::before {
position: absolute;
content: "";
width: 100vw;
height: 100%;
background: url(https://redma.cz/testwebted/wp-content/uploads/2025/03/Dark-1.png);
background-repeat: no-repeat;
background-size: contain;
z-index: 11;
-webkit-transform: translate(-42vw, -8vh);
transform: translate(-42vw, -8vh);
}
@media (max-width: 1000px) {
.bg-blue-before::before {
width: 90rem;
-webkit-transform: translate(-42vw, 0vh);
transform: translate(-42vw, 0vh);
background-size: cover;
}
}
.bg-green-after {
position: relative;
min-height: 100%;
width: 100%;
}
.bg-green-after::after {
position: absolute;
content: "";
height: 100%;
background: url(https://rezidencemariacela.cz/wp-content/uploads/2025/03/Green-1.webp);
background-repeat: no-repeat;
background-size: contain;
right: 0;
top: 0;
z-index: 11;
-webkit-transform: translateX(26vw);
transform: translateX(26vw); }
@media (max-width: 3840px) {
.bg-green-after::after {
width: 50vw;
-webkit-transform: translateX(43vw);
transform: translateX(43vw);
}
}
@media (max-width: 3440px) {
.bg-green-after::after {
width: 50vw;
-webkit-transform: translateX(37vw);
transform: translateX(37vw);
}
}
@media (max-width: 2560px) {
.bg-green-after::after {
width: 100%;
-webkit-transform: translateX(29vw);
transform: translateX(29vw);
}
}
@media (max-width: 1000px) {
.bg-green-after::after {
width: 124vw;
background-size: initial;
}
}
@media (max-width: 500px) {
.bg-green-after::after {
display: none !important;
}
}
.bg-sands-after {
position: relative;
min-height: 100vh;
}
.bg-sands-after::after {
position: absolute;
content: "";
width: 100vw;
height: 100vh;
background: url(https://redma.cz/testwebted/wp-content/uploads/2025/03/Sand_full.png);
background-repeat: no-repeat;
background-size: cover;
left: 0;
bottom: 0;
z-index: 1;
-webkit-transform: translateX(20vw);
transform: translateX(20vw);
}
.bg-gray-before::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: url(https://redma.cz/testwebted/wp-content/uploads/2025/03/Grey-Top.png);
background-repeat: no-repeat;
background-size: contain;
left: 0;
top: 0;
z-index: 1;
-webkit-transform: translateX(-12vw);
transform: translateX(-12vw);
}
.shape {
position: relative;
width: 100%;
}
.shape::before {
position: absolute;
content: "";
width: 100vw;
height: 35vh;
background: url(https://redma.cz/testwebted/wp-content/uploads/2025/03/White-Bottom-1.svg);
background-repeat: no-repeat;
background-size: cover;
left: 0;
top: 0;
z-index: 1;
}
@media screen and (max-width: 3440px) {
.shape::before {
height: 50vh;
}
}
@media screen and (max-width: 2560px) {
.shape::before {
height: 37vh;
}
}
@media screen and (max-width: 1920px) {
.shape::before {
height: 35vh;
}
}
@media screen and (max-width: 1440px) {
.shape::before {
height: 25vh;
}
}
@media screen and (max-width: 768px) {
.shape::before {
height: 40vh;
}
}
.gray .using-image {
background-size: contain !important;
}
.wpb_row > .span_12 {
z-index: 12 !important;
}
#margin-center,
.margin-center {
margin: 0 auto;
}
#justify-end .span_12 {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1000px) {
#justify-end .span_12 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.hero-title {
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding: 0 28px;
}
.subtitle {
max-width: 1200px;
margin: 0 auto !important;
padding: 0 28px !important;
}
#header-outer[data-full-width=true] header > .container {
max-width: 1400px !important;
margin: 0 auto;
}
.form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
.form .name-surname,
.form .tel-email {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
}
@media (max-width: 500px) {
.form .name-surname,
.form .tel-email {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.form .name-surname label,
.form .tel-email label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.5rem;
}
.form .name-surname label input,
.form .tel-email label input {
width: 100%; height: 60px;
border-radius: 5px;
padding: 10px 20px;
background-color: #102231 !important; border: none;
outline: none;
font-size: 24px;
font-family: "Georgia", serif; color: #ffffff; -webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.25);
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.25);
}
.form .textarea label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.5rem;
}
.form .textarea label textarea {
width: 100%; border-radius: 5px;
padding: 10px 20px;
background-color: #102231 !important; border: none;
outline: none;
font-size: 24px;
font-family: "Georgia", serif; color: #ffffff; -webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.25);
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.25);
}
.form .souhlas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 600px) {
.form .souhlas {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
}
.form .souhlas #aquarel-radius-white {
max-width: 170px;
}
@media (max-width: 600px) {
.form .souhlas #aquarel-radius-white {
max-width: 295px;
}
}
.form .souhlas__check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
.form .souhlas__check label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
gap: 20px;
font-size: 12px !important;
line-height: 17.16px !important;
}
.form .souhlas__check label input {
width: 50px;
height: 50px;
background-color: #102231 !important; -webkit-box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.25);
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.25);
}
.story-date {
font-size: 18px !important;
}
.ctl-title {
font-size: 21px !important;
}
.povinne-pole {
font-size: 12px !important;
line-height: 17.16px;
}
input[type=checkbox] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
accent-color: #673ab7;
} .custom-checkbox-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 400px) {
.custom-checkbox-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
} .custom-checkbox input[type=checkbox] {
opacity: 0;
position: absolute;
width: 0;
height: 0;
margin: 0; padding: 0;
} .custom-checkbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 12px !important;
line-height: 17.16px;
color: #ffffff;
font-family: "Georgia", serif;
cursor: pointer;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
@media (max-width: 600px) {
.custom-checkbox {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
} .custom-checkbox-box {
width: 50px;
height: 50px;
background-color: #102231;
border-radius: 6px;
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-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.25);
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 0px rgba(255, 255, 255, 0.25);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-flex-negative: 0;
flex-shrink: 0; } .custom-checkbox input[type=checkbox]:checked + .custom-checkbox-box::before {
content: "";
position: absolute;
width: 24px;
height: 24px;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231BBBE9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-check"%3E%3Cpath stroke="none" d="M0 0h24v24H0z" fill="none"/%3E%3Cpath d="M5 12l5 5l10 -10" /%3E%3C/svg%3E');
background-size: contain;
background-repeat: no-repeat;
} .custom-checkbox input[type=checkbox]:checked + .custom-checkbox-box {
position: relative;
}
.submit {
height: 74px;
margin-left: 20px;
}
.submit input {
font-family: Raleway;
}
@media (max-width: 600px) {
.submit {
height: 74px;
margin-left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%;
-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;
}
.submit .wpcf7-spinner {
display: none;
}
}
.ctl-wrapper .ctl-icondot {
background: url(https://redma.cz/testwebted/wp-content/uploads/2025/03/Group-39713.svg);
background-size: contain;
background-color: unset !important;
}
.ctl-wrapper .ctl-title a {
pointer-events: none;
}
.maps {
position: relative;
margin-bottom: -1rem;
}
.maps--title {
position: absolute;
width: 100%;
z-index: 10;
}
@media (max-width: 600px) {
.maps--title h2 {
font-size: 30px !important;
line-height: 30px !important;
}
}
@media (max-width: 3840px) {
.maps--title {
top: 10rem;
}
}
@media (max-width: 1920px) {
.maps--title {
top: 8rem;
}
}
@media (max-width: 1300px) {
.maps--title {
top: 5rem;
}
}
@media (max-width: 690px) {
.maps--title {
top: 2rem;
}
}
@media (max-width: 500px) {
.maps--title {
top: 3rem;
}
}
.maps--title h2 {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 0 28px;
text-align: start;
color: #092737 !important;
}
@media (max-width: 370px) {
.maps--title h2 {
padding: 0 20px;
}
} .hidden-checkbox {
display: none !important;
}
.hidden-data {
display: none;
}