@charset "UTF-8";
   @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
header .realityspolu {
width: 75px;
}
header .nav-link {
color: #fff;
font-weight: 500;
text-decoration: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
header .nav-link:focus, header .nav-link:hover {
color: red !important;
}
header .navbar-brand > img {
width: 128px;
}
header .nav-link {
--bs-navbar-nav-link-padding-x: 1rem ;
}
header .dropdown-menu {
--bs-dropdown-border-radius: 0;
--bs-dropdown-padding-y: 0;
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.625rem ;
}
header .dropdown-menu li {
border-bottom: 1px solid #e9e9e9;
}
header .dropdown-item:active {
color: var(--bs-dropdown-link-active-color);
text-decoration: none;
background-color: #e52613;
}
header :not(.btn-check) + .btn:active {
color: var(--bs-btn-active-color);
background-color: var(--bs-btn-active-bg);
border-color: transparent;
}
header .navbar-toggler:focus {
box-shadow: none;
}
header .navbar-toggler {
border: none;
}
@media (max-width: 992px) {
header .offcanvas-start-lg {
top: 0;
left: 0;
border-right: 1px solid rgba(0, 0, 0, 0.2);
transform: translateX(-100%);
}
header .offcanvas {
width: 50% !important;
min-width: 341px;
}
header .navbar-nav .dropdown-menu {
margin-bottom: 2rem;
color: #fff;
}
header .navbar-nav .dropdown-item {
color: #fff;
}
header .dropdown-item:hover {
color: #fff;
background-color: transparent;
}
header .offcanvas.bg-dark .dropdown-menu {
--bs-dropdown-color: $color_white;
--bs-dropdown-bg: #212529 ;
}
}
@media (min-width: 992px) {
header nav {
background-color: #f7f8fa !important;
height: 73px !important;
}
header .height {
height: 50px;
}
header .nav-link {
color: #2B2B2B !important;
}
header .nav-link:focus, header .nav-link:hover {
color: red !important;
}
header a.link {
color: #2B2B2B;
font-weight: 600;
text-decoration: none;
}
header a.link:hover {
text-decoration: underline;
}
header .navbar-brand {
position: absolute;
top: 0;
width: 175px;
height: 161px;
background: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);
z-index: 1;
}
header .navbar-expand-lg .navbar-nav {
margin-left: 225px;
}
header .offcanvas.bg-dark .dropdown-menu {
--bs-dropdown-color:#2b2b2b;
--bs-dropdown-bg: #fff ;
}
}
footer {
background: transparent;
}
footer .logo {
max-width: 120px;
}
footer a.labels {
color: #2b2b2b;
text-decoration: none;
font-weight: 500;
}
footer a.labels:hover {
text-decoration: none;
}
footer a.more {
font-size: 16px;
color: #707070;
text-decoration: none;
font-weight: 400;
}
footer a.more:hover {
text-decoration: none;
}
footer .font-weight-300 {
font-weight: 300;
}
footer .realityspolu {
width: 75px;
}
footer .forIcoMail {
text-wrap: nowrap;
}
footer hr {
border-top: 1px #707070 solid;
opacity: 1;
}
footer .color-gray {
color: #707070;
}
@font-face {
font-display: swap; font-family: "Noto Sans";
font-style: normal;
font-weight: 400;
src: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/fonts/noto-sans-v38-latin_latin-ext-regular.woff2) format("woff2"), url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/fonts/noto-sans-v38-latin_latin-ext-regular.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Noto Sans";
font-style: normal;
font-weight: 600;
src: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/fonts/noto-sans-v38-latin_latin-ext-600.woff2) format("woff2"), url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/fonts/noto-sans-v38-latin_latin-ext-600.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Noto Sans";
font-style: normal;
font-weight: 700;
src: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/fonts/noto-sans-v38-latin_latin-ext-700.woff2) format("woff2"), url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/fonts/noto-sans-v38-latin_latin-ext-700.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Noto Sans";
font-style: italic;
font-weight: 300;
src: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/fonts/noto-sans-v39-latin_latin-ext-300italic.woff2) format("woff2"), url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/fonts/noto-sans-v39-latin_latin-ext-300italic.ttf) format("truetype"); }  @font-face {
font-family: "Segoe UI";
src: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/segoeui.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
src: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/segoeui_light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
src: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/segoeui_semibold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Segoe UI";
src: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/segoeui_bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
body {
font-family: "Noto Sans", sans-serif;
line-height: normal;
}
.img-border {
border: 1px solid #D9D9D9;
}
:root {
font-size: 16px;
color: #2B2B2B;
--bs-link-color: white;
--bs-nav-link-hover-color: white;
--bs-link-hover-color: white;
}
.light-bg {
background: #F7F8FA;
}
@media (max-width: 576px) {
.row-md-revert {
display: flex;
flex-direction: column-reverse;
}
}
.container {
max-width: 1180px;
}
.imgborder {
border: 1px solid #D9D9D9;
} h1 {
font-size: 3.75rem;
font-weight: 700;
line-height: 4rem;
}
@media (max-width: 992px) {
h1 {
font-size: 2.75rem;
line-height: 3.25rem;
}
}
@media (max-width: 768px) {
h1 {
font-size: 2.55rem;
line-height: 3rem;
}
}
@media (min-width: 992px) and (max-width: 1180px) {
h1 {
line-height: 4rem;
}
}
#template-homepage_2 h1 {
margin-top: 10px;
}
h3, .h3 {
font-size: 2.75rem;
font-weight: 600;
}
@media (max-width: 992px) and (max-width: 1180px) {
h3, .h3 {
font-size: 2rem;
}
}
@media (min-width: 768px) and (max-width: 992px) {
h3, .h3 {
line-height: 2rem;
}
}
h2 {
font-weight: 600;
}
@media (min-width: 768px) and (max-width: 992px) {
h4 {
font-size: 1.25rem;
}
}
h5 {
font-weight: 600;
}
.headline-description {
padding-top: 11px;
}
.btn-primary {
background-color: #E52613;
border-color: #E52613;
font-size: 1.25rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: 700;
border-radius: 0px;
padding: 10px 30px 9px 30px;
display: flex;
align-items: center;
}
.btn-primary:hover {
background-color: #cd2211;
border-color: #cd2211;
}
.btn-primary:active {
background-color: #cd2211;
border-color: #cd2211;
}
.btn-primary:disabled {
background-color: #cd2211;
border-color: #cd2211;
}
.btn-secondary {
background-color: transparent;
border-color: #D9D9D9;
font-size: 1.25rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: 700;
border-radius: 0px;
padding: 10px 30px 9px 30px;
color: #E52613;
display: flex;
align-items: center;
}
.btn-secondary:hover {
background-color: #E52613;
border-color: #E52613;
color: #fff;
}
.btn-white {
background-color: #fff;
border-color: #fff;
font-size: 1.25rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: 700;
border-radius: 0px;
padding: 10px 30px 9px 30px;
color: #E52613;
display: flex;
align-items: center;
}
.btn-white:hover {
background-color: #E52613;
border-color: #E52613;
color: #fff;
}
.d-grid {
display: grid;
}
p.description {
font-size: 1.25rem;
line-height: 1.6rem;
font-weight: 600;
} .intro-jumbotron {
background-image: url(https://zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/spanelsko_2.jpg);
background-size: cover;
background-position: center;
padding-top: 3rem;
padding-bottom: 3rem;
}
@media (min-width: 992px) {
.intro-jumbotron {
padding-top: 6.5rem;
padding-bottom: 10rem;
}
}
.intro-jumbotron span {
color: #fff;
font-size: 25px;
}
.intro-jumbotron h1 {
color: #fff;
font-weight: 800;
}
@media (min-width: 992px) {
.intro-jumbotron h1 {
padding-right: 3.125rem;
}
}
.intro-jumbotron p {
color: #fff;
font-size: 1.125rem;
line-height: 1.5rem;
}
@media (min-width: 992px) {
.intro-jumbotron p {
padding-right: 8.125rem;
}
}
#template-homepage_2 .intro-jumbotron p {
margin-top: 30px;
font-size: 20px;
}
.intro-jumbotron.lokalita {
padding-bottom: 20rem;
}
@media (max-width: 992px) {
.intro-jumbotron.lokalita {
padding-bottom: 10rem;
}
}
.lokalita {
background-image: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/jumbotron-lokalita.jpg);
}
.projekt-detail {
position: relative;
}
.projekt-detail .container {
position: relative;
}
.projekt-detail::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(41, 41, 41, 0.3294117647);
}
.intro-card-section {
margin-top: 7.25rem;
}
@media (max-width: 992px) {
.intro-card-section {
padding-top: 3rem;
margin-top: 1rem;
}
}
.intro-card-section .intro-card-container .d-grid {
grid-template-columns: repeat(1, 1fr);
gap: 1.5rem;
}
@media (min-width: 992px) {
.intro-card-section .intro-card-container .d-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.intro-card-section .intro-card-container .intro-card {
background: #fff;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.161);
padding: 32px 180px 44px 50px;
}
.intro-card-section .intro-card-container .intro-card .back-karta {
position: absolute;
right: 0;
top: 0;
width: 100px;
height: 100%;
transition: width 0.6s;
}
@media (min-width: 992px) and (max-width: 1180px) {
.intro-card-section .intro-card-container .intro-card {
padding: 32px 120px 32px 32px;
}
}
@media (max-width: 992px) {
.intro-card-section .intro-card-container .intro-card {
padding: 32px 32px 32px 32px;
}
}
.intro-card-section .intro-card-container .intro-card h2 {
transition: color 0.6s;
}
@media (max-width: 992px) {
.intro-card-section .intro-card-container .intro-card h2 {
padding-right: 7rem;
}
}
.intro-card-section .intro-card-container .intro-card:hover .btn-primary {
background-color: #cd2211 !important;
border-color: #cd2211;
}
.intro-card-section .intro-card-container .intro-card:hover .back-karta {
width: 118px;
}
.intro-card-section .intro-card-container .intro-card:hover .back-karta h2 {
color: #E52613 !important;
}
.intro-card-section .intro-card-container .intro-card .intro-card-header {
gap: 1.5rem;
height: 100px;
}
@media (max-width: 992px) {
.intro-card-section .intro-card-container .intro-card .intro-card-header {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
gap: 1rem;
}
}
.intro-card-section .intro-card-container .intro-card .intro-card-header img {
width: 52px;
}
@media (max-width: 992px) {
.intro-card-section .intro-card-container .intro-card .intro-card-header img {
width: 32px;
}
}
.intro-card-section .intro-card-container .intro-card:nth-child(1) .back-karta {
background-image: url(//zahranicni.realityspolu.cz/wp-content/uploads/2025/02/dev_projekty_pozadi.jpg);
background-position: right;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 768px) {
.intro-card-section .intro-card-container .intro-card:nth-child(1) .back-karta {
background-image: none;
}
}
.intro-card-section .intro-card-container .intro-card:nth-child(2) .back-karta {
background-image: url(//zahranicni.realityspolu.cz/wp-content/uploads/2025/02/nemovitosti_pozadi.jpg);
background-position: right;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 768px) {
.intro-card-section .intro-card-container .intro-card:nth-child(2) .back-karta {
background-image: none;
}
}
.intro-card-section .intro-card-container .intro-card p {
color: #707070;
font-size: 1.125rem;
}
@media (max-width: 992px) {
.intro-card-section .intro-card-container .intro-card p {
padding-right: 0rem;
}
}
.intro-card-section .intro-card-container .intro-card a.btn {
margin-top: 4rem;
}
@media (max-width: 992px) {
.intro-card-section .intro-card-container .intro-card a.btn {
margin-top: 1rem;
}
}
@media (min-width: 992px) {
.right-col-content {
padding-left: 4rem;
}
}
.benefit-icons p {
font-weight: 600;
}
.page-content {
padding-top: 6.8rem;
}
@media (max-width: 992px) {
.page-content {
padding-top: 0rem;
}
}
@media (max-width: 768px) {
.page-content h3, .page-content h2 {
margin-top: 4rem;
}
}
.page-content ul.benefit-list {
margin-top: 2.5rem;
list-style: none;
padding: 0;
}
@media (max-width: 768px) {
.page-content ul.benefit-list {
margin-bottom: 2.5rem;
}
}
.page-content ul.benefit-list li {
position: relative;
padding-left: 70px;
margin-bottom: 20px;
display: flex;
align-items: center;
min-height: 55px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-size: 1.25rem;
font-weight: 600;
color: white;
}
@media (max-width: 768px) {
.page-content ul.benefit-list li {
padding-left: 48px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.page-content ul.benefit-list li {
padding-left: 56px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.page-content ul.benefit-list li {
font-size: 1rem;
}
}
.page-content ul.benefit-list li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 55px;
height: 55px;
background-image: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/list-item.svg);
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.page-content ul.benefit-list li::before {
width: 32px;
height: 32px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.page-content ul.benefit-list li::before {
width: 48px;
height: 48px;
}
}
.page-content .benefit-icons {
padding-top: 6.8rem;
}
@media (max-width: 992px) {
.page-content .benefit-icons {
padding-top: 4rem;
}
}
.page-content .benefit-icons img {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.page-content .benefit-icons p {
font-size: 1.25rem;
font-weight: 600;
margin-top: 0.75rem;
line-height: 1.5rem;
}
@media (min-width: 768px) and (max-width: 992px) {
.page-content .benefit-icons p {
text-align: center;
}
}
.page-content .benefit-icons .icon-height {
height: 63px;
}
@media (min-width: 0) and (max-width: 768px) {
.page-content .benefit-icons .icon-height {
min-width: 73px;
max-width: 73px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.page-content .benefit-icons .icon-height {
min-width: 73px;
max-width: 73px;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 1180px) {
.page-content .benefit-icons .benefit-item {
padding-right: 2rem;
}
}
@media (min-width: 0) and (max-width: 992px) {
.page-content .benefit-icons .benefit-item {
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
gap: 1rem;
align-items: center;
justify-content: flex-start;
}
}
.page-content .benefit-icons .benefit-item:nth-child(1) img {
width: 63px;
}
@media (max-width: 768px) {
.page-content .benefit-icons .benefit-item:nth-child(1) img {
width: 50px !important;
}
}
.page-content .benefit-icons .benefit-item:nth-child(2) img {
width: 45px;
}
.page-content .benefit-icons .benefit-item:nth-child(3) img {
width: 48px;
}
.page-content .benefit-icons .benefit-item:nth-child(4) img {
width: 36px;
}
.location {
padding-top: 2.75rem;
}
.location-slider {
margin-top: 100px;
}
.benefits-icons-section {
padding-top: 50px;
padding-bottom: 20px;
margin-top: 7.25rem;
}
.highlights {
background-image: url(//zahranicni.realityspolu.cz/wp-content/uploads/2025/02/aerea_07162021-1-na-web_protahnuta.jpg);
background-size: cover;
background-position: top center;
color: #fff;
}
.highlights h3 {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.highlights {
padding-top: 16rem;
padding-bottom: 8.125rem;
margin-top: 5.75rem;
}
.highlights .highlights-description {
margin-top: 31rem;
}
}
@media (min-width: 1921px) {
.highlights .highlights-description {
margin-top: 70rem;
}
}
@media (min-width: 2520px) {
.highlights .highlights-description {
margin-top: 50rem;
}
}
@media (max-width: 768px) {
.highlights .highlights-description {
margin-top: 2rem;
}
}
@media (max-width: 992px) {
.highlights {
padding-top: 8rem;
padding-bottom: 4rem;
margin-top: 5rem;
}
}
.highlights .highlights-numbers {
margin-top: 4rem;
}
@media (max-width: 768px) {
.highlights .highlights-numbers {
margin-top: 2rem;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.highlights .highlights-numbers {
margin-top: 2rem;
}
}
@media (max-width: 768px) {
.highlights .highlights-numbers .highlights-numbers-item {
padding-left: 0px;
padding-right: 0px;
}
}
.highlights .highlights-numbers span {
color: #E52613;
font-size: 2.75rem;
font-weight: 600;
}
@media (min-width: 0) and (max-width: 992px) {
.highlights .highlights-numbers span {
font-size: 2rem;
}
}
.highlights .highlights-numbers p {
margin-top: 1rem;
}
@media (min-width: 992px) {
.highlights .highlights-numbers p {
padding-right: 2.5rem;
}
}
@media (max-width: 992px) {
.highlights .highlights-numbers p {
margin-top: 0rem;
}
}
.highlights span, .highlights h3 {
font-size: 2.75rem;
line-height: 3.75rem;
font-weight: 600;
}
@media (max-width: 992px) {
.highlights span, .highlights h3 {
font-size: 2rem;
}
}
@media (max-width: 768px) {
.highlights span, .highlights h3 {
font-size: 1.75rem;
}
}
.highlights h2 {
font-size: 7.8rem;
font-weight: 600;
}
@media (max-width: 992px) {
.highlights h2 {
font-size: 4rem;
margin-top: -1rem;
}
}
@media (max-width: 992px) {
.highlights h2 {
font-size: 3.125rem;
margin-top: -1rem;
}
}
.highlights-phone {
background-image: none;
background-color: #002837;
padding-top: 0px;
padding-bottom: 4rem;
margin-top: 0px;
}
.process {
padding-top: 9rem;
}
@media (max-width: 992px) {
.process {
padding-top: 4rem;
}
}
.process hr {
border: 1px solid #D9D9D9;
}
.process .item {
gap: 0.875rem;
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
.process .item img {
width: 75px;
}
.process .item span {
font-size: 2rem;
font-weight: 600;
}
.process .process-description p {
font-size: 18px;
}
.reference {
padding-top: 9rem;
}
.reference .carousel {
height: 700px;
}
.reference .carousel-indicators {
margin-bottom: 2rem;
}
.reference .marks {
width: 66px;
position: absolute;
top: -17px;
right: 10%;
}
.reference .slick-list {
padding-top: 2rem;
}
.reference .col {
background-color: #F7F8FA;
aspect-ratio: 1292/410;
min-height: 600px;
}
.reference .slick-arrow svg path {
fill: #9a9a9a;
}
.reference .slick-arrow {
display: none !important;
}
.reference .carousel-control-prev {
left: -168px;
height: 100%;
}
.reference .carousel-control-prev .carousel-control-prev-icon {
top: calc(50% + 15px);
transform: translateY(-50%);
background-image: url(//zahranicni.realityspolu.cz/wp-content/uploads/2025/09/prev.svg) !important;
}
.reference .carousel-control-next {
right: -135px;
height: 100%;
}
.reference .carousel-control-next .carousel-control-next-icon {
top: calc(50% + 15px);
transform: translateY(-50%);
background-image: url(//zahranicni.realityspolu.cz/wp-content/uploads/2025/09/next.svg) !important;
}
@media (min-width: 768px) {
.reference {
padding-top: 4rem;
}
.reference .carousel {
height: 500px;
}
.reference .col {
min-height: 500px;
}
.reference #marks {
width: 92px;
top: -22px;
}
}
@media (min-width: 992px) {
.reference {
padding-top: 4rem;
}
.reference .carousel {
height: 500px;
}
.reference .col {
min-height: 400px;
}
}
@media (min-width: 1180px) {
.reference {
padding-top: 4rem;
}
.reference .carousel {
height: 450px;
}
.reference .col {
min-height: 400px;
}
.reference .slick-arrow {
display: block !important;
}
.reference .slick-prev {
left: -5%;
}
.reference .slick-next {
right: -5%;
}
}
.reference .carousel-inner {
height: 500px;
}
@media (max-width: 992px) {
.reference .carousel-inner {
height: 400px;
}
}
.reference .carousel-inner .carousel-item {
height: 100%;
background-color: #F7F8FA;
}
.reference .bg-blue {
background-color: #0A66C2 !important;
}
.reference .bg-purple {
background-color: purple !important;
}
.reference .avatar-circle {
width: 71px;
height: 71px;
border-radius: 50%;
}
.reference h3 {
font-weight: 600;
}
.reference h5 {
color: black;
}
.reference .label, .reference p {
font-size: 18px;
color: #707070;
font-weight: 400;
}
.reference h6 {
font-size: 33px;
color: white;
text-transform: capitalize;
font-weight: 600;
}
.reference .col {
overflow: visible !important;
}
.photo-gallery {
background-color: #F7F8FA;
padding-top: 4rem;
}
.photo-gallery .height {
min-height: 900px;
}
@media (min-width: 576px) {
.photo-gallery .height {
min-height: 1050px;
}
}
@media (min-width: 768px) {
.photo-gallery {
padding-top: 4rem;
}
.photo-gallery .height {
min-height: 680px;
}
}
@media (min-width: 992px) {
.photo-gallery {
padding-top: 4rem;
}
.photo-gallery .height {
min-height: 650px;
}
}
.photo-gallery h1 {
font-weight: 600;
}
.photo-gallery p {
font-size: 16px;
}
.photo-gallery .menu {
height: 88px;
width: auto;
max-width: 100%;
border-radius: 100px;
background-color: #fff;
border: solid 1px #D9D9D9;
margin-bottom: 70px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
display: flex;
align-items: center;
scrollbar-width: thin;
scrollbar-color: #888 #f1f1f1;
}
.photo-gallery a.btn-localities {
flex: 0 0 auto;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: transparent;
height: 70px;
padding: 0 2rem;
border-radius: 100px;
text-decoration: none;
margin: auto 0.5rem;
transition: background-color 0.3s, color 0.3s;
}
.photo-gallery a.btn-localities h5 {
color: #E52613;
font-weight: 600;
margin: 0;
white-space: nowrap;
}
.photo-gallery a.btn-localities:hover {
background-color: #2B2B2B;
}
.photo-gallery a.btn-localities:hover h5 {
color: #fff;
}
.photo-gallery a.btn-localities.active {
background-color: #2B2B2B;
}
.photo-gallery a.btn-localities.active h5 {
color: #fff;
}
.photo-gallery .fade-section {
position: absolute;
top: 0;
left: 0;
width: auto;
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease;
z-index: 0;
}
.photo-gallery .fade-section.show {
opacity: 1;
pointer-events: auto;
z-index: 1;
}
.photo-gallery .progress {
height: 6px;
}
.photo-gallery .progress-bar {
background-color: #E52613;
}
.photo-gallery table {
width: 100%;
border-collapse: separate;
border-spacing: 0 4px;
}
.photo-gallery .m {
padding-left: 7px;
}
.photo-gallery .slick-list {
height: 100% !important;
}
.photo-gallery .slick-slide {
aspect-ratio: 7/5;
}
.photo-gallery .slick-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.tooltip .tooltip-inner {
max-width: 320px;
text-align: left;
background-color: #fff; color: #333;
border: 1px solid #ccc;
padding: 1rem;
font-size: 14px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
opacity: 1 !important; }
.tooltip.show {
opacity: 1 !important; }
.tooltip .tooltip-inner ul {
padding-left: 1.2rem;
margin: 0.5rem 0 0;
}
.tooltip .tooltip-inner li {
margin-bottom: 0.3rem;
}
.instagram {
margin-top: 5.5rem;
padding: 53px 0px 0px 65px;
font-size: 1.25rem;
border: 1px solid #D9D9D9;
}
.instagram p {
font-size: 16px;
color: #2B2B2B;
}
@media (max-width: 576px) {
.instagram {
padding: 32px 0px 0px 0px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.instagram {
padding: 32px 0px;
}
}
@media (min-width: 992px) and (max-width: 1150px) {
.instagram {
padding: 32px 0px 32px 0px;
}
}
.instagram button {
margin-bottom: 3.5rem;
}
.instagram .ig-icon {
width: 45px;
height: 45px;
}
.instagram .insta-foto {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
@media (max-width: 992px) {
.instagram .insta-foto {
align-items: center;
justify-content: center;
}
}
.instagram .insta-foto img {
margin-top: -2rem;
}
@media (max-width: 768px) {
.instagram .insta-foto img {
margin-top: 2rem;
}
}
.instagram h4 {
font-weight: bold;
font-size: 2rem;
}
@media (min-width: 768px) {
.instagram h4 {
margin-right: -50px;
}
}
@media (max-width: 992px) {
.instagram h4 {
font-size: 1.25rem;
}
}
.contacts {
margin-top: 8rem;
background-image: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/contacts_bg.jpg);
background-position: center center;
background-size: cover;
}
@media (max-width: 768px) {
.contacts {
margin-top: 0rem;
padding-bottom: 4rem;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.contacts {
margin-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 992px) {
.contacts {
padding-bottom: 21rem;
}
}
.contacts .contact-form {
margin-top: 8rem;
background-color: #fff;
padding: 53px 60px 67px 60px;
}
@media (max-width: 992px) {
.contacts .contact-form {
margin-top: 4rem;
padding: 32px;
margin-bottom: 4rem;
}
}
.contacts .contact-form h4 {
font-size: 2.75rem;
color: #E52613;
font-weight: 600;
}
@media (max-width: 992px) {
.contacts .contact-form h4 {
font-size: 2rem;
}
}
.contacts .contact-form p {
font-size: 1.125rem;
}
.contacts .contact-form .contact-form-item {
gap: 12px;
align-items: flex-start;
}
.contacts .contact-form .contact-form-item img {
width: 24px;
margin-top: 5px;
}
@media (max-width: 992px) {
.contacts .contact-form .contact-form-item img {
margin-top: 0px;
}
}
.contacts .contact-form .contact-form-item a {
font-size: 1.75rem;
font-weight: bold;
color: #2B2B2B;
text-decoration: none;
margin-top: -9px;
}
@media (max-width: 992px) {
.contacts .contact-form .contact-form-item a {
font-size: 1.25rem;
}
}
.contacts .contact-form .contact-form-item span {
margin-top: -5px;
}
.contacts .contact-form .d-grid {
grid-template-columns: repeat(2, 1fr);
gap: 2.375rem;
}
@media (max-width: 768px) {
.contacts .contact-form .d-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.contacts .contact-form form label {
font-weight: bold;
font-size: 1.125rem;
}
.contacts .contact-form form .form-control, .contacts .contact-form form .form-select {
border-radius: 0px;
border-bottom: 1px solid #707070;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding-left: 0px;
}
.contacts .contact-form form .form-control:focus, .contacts .contact-form form .form-select:focus {
box-shadow: none;
}
.contacts .contact-form form .form-check-label {
font-size: 0.875rem;
font-weight: normal;
}
.contacts .contact-form form .form-check-label a {
color: #2B2B2B;
}
.contacts .contact-form form .form-check-input {
border-color: #707070;
border-radius: 0px;
}
.contacts .contact-form form .form-check-input:checked {
background-color: #E52613;
}
.gray-block {
background: #F7F8FA;
padding-top: 3.75rem;
}
@media (max-width: 992px) {
.gray-block {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.gray-block1 {
margin-top: 6.8rem;
}
@media (max-width: 992px) {
.gray-block1 {
margin-top: 4rem;
}
}
.gray-block1 .benefit-items {
font-weight: 600;
}
.grid-3-col {
grid-template-columns: repeat(3, 1fr);
gap: 2.8rem;
padding-top: 2rem;
padding-bottom: 5rem;
}
@media (min-width: 768px) and (max-width: 992px) {
.grid-3-col {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 576px) {
.grid-3-col {
grid-template-columns: repeat(1, 1fr);
padding-bottom: 0rem;
gap: 1.5rem;
}
}
.grid-3-col .item {
gap: 1rem;
}
.grid-3-col .item p {
margin-bottom: 0px;
}
.grid-3-col .item .item-icon {
width: 55px;
}
@media (max-width: 768px) {
.grid-3-col .item .item-icon {
width: 32px;
}
}
.gallery {
padding-bottom: 5.625rem;
}
@media (max-width: 768px) {
.gallery {
margin-top: 4em;
}
}
.gallery .costa-img-main {
width: 100%;
}
@media (min-width: 992px) {
.gallery .costa-img-main {
margin-top: -17rem;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.gallery .costa-img-main {
margin-top: -5rem;
}
}
.gallery .gallery-grid {
margin-top: 4.75rem;
}
@media (min-width: 992px) {
.gallery .gallery-grid .gallery-grid-col {
gap: 2rem;
}
}
@media (max-width: 992px) {
.gallery .gallery-grid .gallery-grid-col .item1 {
margin-top: 2rem;
}
}
.gallery .gallery-grid .gallery-grid-col .gallery-grid-col-item {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.gallery .gallery-grid .gallery-grid-col .gallery-grid-col-item img {
width: 100%;
}
.gallery .gallery-grid .gallery-grid-col .gallery-grid-col-item p {
font-size: 1.25rem;
font-weight: 600;
}
@media (min-width: 992px) {
.gallery .gallery-grid .gallery-grid-col .gallery-grid-col-item p {
padding-right: 2rem;
}
}
@media (min-width: 992px) {
.gallery .gallery-grid .gallery-grid-col .item1 {
margin-top: 3.375rem;
}
.gallery .gallery-grid .gallery-grid-col .item3 {
margin-top: 5.625rem;
}
}
.gray-block2 {
padding-bottom: 6rem;
}
@media (max-width: 768px) {
.gray-block2 {
font-size: 4rem;
}
}
.slider p {
font-size: 1rem;
}
.slider .custom-toggle {
border: 1px solid #ddd;
border-radius: 50px;
display: flex;
padding: 9px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
background-color: #fff;
}
@media (max-width: 768px) {
.slider .custom-toggle {
overflow-x: scroll;
}
.slider .custom-toggle .btn-secondary {
padding: 5px 10px;
}
}
.slider p.description {
font-size: 20px;
}
.slider .custom-toggle button {
border: none;
border-radius: 100px;
font-weight: 600;
height: 70px;
transition: background-color 0.3s, color 0.3s;
font-size: 1.25rem;
}
@media (min-width: 768px) and (max-width: 992px) {
.slider .custom-toggle button {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.slider .custom-toggle button {
font-size: 0.85rem;
}
}
.slider .custom-toggle button.active, .slider .custom-toggle button:hover {
background-color: #2B2B2B;
color: #fff !important;
}
.slider .custom-toggle button:not(.active) {
color: #E52613;
}
.slider .slide {
display: none;
margin-top: 4rem;
}
.slider .slide .sport-content {
margin-top: 2.75rem;
}
.slider .slide .sport-content .benefit-item {
padding-top: 1rem;
padding-bottom: 1rem;
}
.slider .slide.active {
display: flex;
}
.coast .benefit-icons {
margin-top: 2rem;
}
.coast .project-gallery {
margin-top: 4rem;
}
.coast p {
margin-top: 0.75rem;
max-width: 977px;
}
.coast p.coast-description {
max-width: 977px;
}
.section-full-width {
padding-top: 4.65rem;
}
.section-full-width ul.benefit-list {
margin-top: 2.5rem;
list-style: none;
padding: 0;
}
.section-full-width ul.benefit-list li {
position: relative;
padding-left: 70px;
margin-bottom: 10px;
display: flex;
align-items: center;
min-height: 55px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-size: 1.25rem;
font-weight: 600;
color: #2B2B2B;
}
@media (max-width: 992px) {
.section-full-width ul.benefit-list li {
padding-left: 48px;
}
}
.section-full-width ul.benefit-list li::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 55px;
height: 55px;
background-image: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/list-item.svg);
background-size: cover;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.section-full-width ul.benefit-list li::before {
width: 32px;
height: 32px;
}
}
.section-full-width .benefit-icons {
padding-top: 3.5rem;
}
@media (max-width: 992px) {
.section-full-width .benefit-icons {
padding-top: 4rem;
}
}
.section-full-width .benefit-icons img {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.section-full-width .benefit-icons p {
font-size: 1.25rem;
font-weight: 600;
margin-top: 0.75rem;
line-height: 1.5rem;
}
@media (min-width: 768px) and (max-width: 992px) {
.section-full-width .benefit-icons p {
text-align: center;
}
}
.section-full-width .benefit-icons .icon-height {
height: 63px;
}
@media (min-width: 0) and (max-width: 992px) {
.section-full-width .benefit-icons .icon-height {
min-width: 73px;
max-width: 73px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.section-full-width .benefit-icons .icon-height {
min-width: 73px;
max-width: 73px;
height: 63px;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 1180px) {
.section-full-width .benefit-icons .benefit-item {
padding-right: 2rem;
}
}
@media (min-width: 0) and (max-width: 992px) {
.section-full-width .benefit-icons .benefit-item {
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
gap: 1rem;
align-items: center;
justify-content: flex-start;
}
}
.section-full-width .benefit-icons .benefit-item:nth-child(1) img {
width: 63px;
}
.section-full-width .benefit-icons .benefit-item:nth-child(2) img {
width: 45px;
}
.section-full-width .benefit-icons .benefit-item:nth-child(3) img {
width: 48px;
}
.section-full-width .benefit-icons .benefit-item:nth-child(4) img {
width: 36px;
}
.full-width-gallery {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.625rem;
}
@media (max-width: 768px) {
.full-width-gallery {
grid-template-columns: repeat(1, 1fr);
}
}
.full-width-gallery .gallery-item {
height: 430px;
position: relative;
overflow: hidden;
}
.full-width-gallery .gallery-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.signpost {
padding-top: 5.5rem;
padding-bottom: 0rem;
}
.signpost span.signpost-claim {
text-align: center;
font-size: 1.25rem;
font-weight: 600;
}
@media (max-width: 992px) {
.signpost {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.signpost .d-grid {
grid-template-columns: repeat(1, 1fr);
gap: 1.5rem;
}
@media (min-width: 992px) {
.signpost .d-grid {
grid-template-columns: repeat(2, 1fr);
}
}
.signpost .dev-project-list {
margin-top: 5.625rem;
}
@media (min-width: 992px) {
.signpost .dev-project-list {
margin-top: 4rem;
}
}
.signpost .dev-project-list-card {
background: #fff;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.161);
position: relative;
background-size: 100px auto;
background-position: top right;
background-repeat: no-repeat;
padding: 32px 120px 44px 50px;
}
.signpost .dev-project-list-card:hover .back-karta {
width: 118px;
}
@media (min-width: 992px) and (max-width: 1180px) {
.signpost .dev-project-list-card {
padding: 32px 120px 32px 32px;
}
}
@media (max-width: 992px) {
.signpost .dev-project-list-card {
padding: 32px 100px 32px 32px;
}
}
@media (max-width: 768px) {
.signpost .dev-project-list-card {
padding: 32px 32px 32px 32px;
}
}
.signpost .dev-project-list-card h2 {
transition: color 0.6s;
}
@media (max-width: 992px) {
.signpost .dev-project-list-card h2 {
padding-right: 0rem;
}
}
.signpost .dev-project-list-card:hover h2 {
color: #E52613 !important;
}
.signpost .dev-project-list-card:hover .btn-primary {
width: 118px;
}
.signpost .dev-project-list-card .dev-project-list-card-header {
gap: 1.5rem;
height: auto;
}
@media (max-width: 992px) {
.signpost .dev-project-list-card .dev-project-list-card-header {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
gap: 1rem;
}
}
.signpost .dev-project-list-card .dev-project-list-card-header img {
width: 52px;
}
@media (max-width: 992px) {
.signpost .dev-project-list-card .dev-project-list-card-header img {
width: 32px;
}
}
.signpost .dev-project-list-card a.btn-primary {
position: absolute;
bottom: 0px;
right: 0px;
width: 100px;
transition: width 0.6s;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.signpost .dev-project-list-card a.btn-primary {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-left: 13px;
padding-right: 13px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
}
}
.signpost .dev-project-list-card .back-karta {
transition: width 0.6s;
}
@media (max-width: 768px) {
.signpost .dev-project-list-card .back-karta {
display: none;
}
}
.signpost .dev-project-list-card p {
color: #707070;
font-size: 1.125rem;
margin-bottom: 0px;
padding-right: 10px;
}
@media (max-width: 992px) {
.signpost .dev-project-list-card p {
padding-right: 1rem;
font-size: 1rem;
padding-right: 0px;
}
}
.projekt-detail-description {
position: relative;
margin-top: 4rem;
}
@media (min-width: 992px) {
.projekt-detail-description {
margin-top: 9.5rem;
}
}
.projekt-detail-description .projekt-detail-description-content {
background-color: #fff;
width: auto;
z-index: 99;
}
@media (min-width: 768px) {
.projekt-detail-description .projekt-detail-description-content {
position: absolute;
left: 0px;
top: 96px;
max-width: 500px;
padding: 60px 55px 60px 50px;
}
}
@media (min-width: 992px) {
.projekt-detail-description .projekt-detail-description-content {
padding: 60px 55px 60px 50px;
}
}
.projekt-detail-description .projekt-detail-description-content p {
font-size: 18px;
}
.why-choose, .for-who {
margin-top: 6.25rem;
}
.why-choose .benefit-icons, .for-who .benefit-icons {
margin-top: 3.75rem;
}
@media (max-width: 992px) {
.why-choose .benefit-icons, .for-who .benefit-icons {
margin-top: 2rem;
}
}
.why-choose .benefit-icons img, .for-who .benefit-icons img {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.why-choose .benefit-icons p, .for-who .benefit-icons p {
font-size: 1.125rem;
font-weight: 400;
margin-top: 0.75rem;
line-height: 1.5rem;
}
.why-choose .benefit-icons .icon-height, .for-who .benefit-icons .icon-height {
height: 63px;
}
@media (min-width: 0) and (max-width: 768px) {
.why-choose .benefit-icons .icon-height, .for-who .benefit-icons .icon-height {
min-width: 73px;
max-width: 73px;
display: flex;
align-items: center;
justify-content: center;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.why-choose .benefit-icons .icon-height, .for-who .benefit-icons .icon-height {
min-width: 73px;
max-width: 73px;
height: auto;
display: flex;
align-items: center;
justify-content: flex-start;
}
}
.why-choose .benefit-icons .benefit-item h4, .for-who .benefit-icons .benefit-item h4 {
font-size: 1.25rem;
font-weight: 600;
margin-top: 1rem;
}
@media (min-width: 1180px) {
.why-choose .benefit-icons .benefit-item, .for-who .benefit-icons .benefit-item {
padding-right: 2rem;
}
}
@media (min-width: 0) and (max-width: 992px) {
.why-choose .benefit-icons .benefit-item, .for-who .benefit-icons .benefit-item {
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
gap: 1rem;
align-items: flex-start;
justify-content: flex-start;
}
}
.why-choose .benefit-item:nth-child(1) img {
max-height: 100%;
}
.why-choose .benefit-item:nth-child(2) img {
max-height: 100%;
}
.why-choose .benefit-item:nth-child(3) img {
max-height: 100%;
}
.why-choose .benefit-item:nth-child(4) img {
max-height: 100%;
}
.key-benefits {
background-color: #F7F8FA;
margin-top: 6.25rem;
}
@media (max-width: 992px) {
.key-benefits {
margin-top: 4rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 768px) {
.key-benefits .key-benefits-content {
padding-right: 6rem;
}
}
.key-benefits .key-benefits-content p {
margin-top: 2rem;
font-size: 18px;
}
.for-who {
margin-top: 8.25rem;
}
@media (max-width: 992px) {
.for-who {
margin-top: 4rem;
}
}
.for-who .benefit-item:nth-child(1) img {
max-height: 100%;
}
.for-who .benefit-item:nth-child(2) img {
max-height: 100%;
}
.for-who .benefit-item:nth-child(3) img {
max-height: 100%;
}
.for-who p {
font-size: 20px !important;
}
.project-detail-gallery {
margin-top: 10rem;
margin-bottom: 4rem;
}
@media (max-width: 768px) {
.project-detail-gallery {
margin-top: 4rem;
margin-bottom: 4rem;
}
}
.project-detail-gallery .gallery-grid {
margin-top: 5rem;
}
@media (max-width: 768px) {
.project-detail-gallery .gallery-grid {
margin-top: 2rem;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.project-detail-gallery .gallery-grid img {
height: 300px;
}
}
.gallery-grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
@media (max-width: 576px) {
.gallery-grid {
gap: 0.75rem;
}
}
@media (min-width: 768px) and (max-width: 1180px) {
.gallery-grid .gallery-grid-main-img {
height: auto;
width: 760px;
margin: auto;
}
}
.gallery-grid .gallery-grid-row {
display: flex;
gap: 1.5rem;
justify-content: space-between;
}
@media (max-width: 576px) {
.gallery-grid .gallery-grid-row {
flex-direction: column;
gap: 0.75rem;
}
}
@media (min-width: 1180px) {
.gallery-grid .gallery-grid-row {
gap: 0.75rem;
}
}
@media (min-width: 576px) and (max-width: 1180px) {
.gallery-grid .gallery-grid-row img {
height: 275px;
}
}
@media (min-width: 576px) and (max-width: 1180px) {
.gallery-grid .gallery-grid-row {
justify-content: center;
}
}
.text-normal {
font-weight: 400;
} .benefit-2 {
background-image: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/benefit_2.jpg);
background-size: cover;
padding-bottom: 4rem;
}
@media (min-width: 992px) {
.benefit-2 {
padding-bottom: 8.75rem;
}
}
@media (max-width: 992px) {
.benefit-2 {
padding-top: 4rem;
}
}
.benefit-2 h3 {
color: white;
font-size: 2.5rem;
}
.benefit-2 .video-description {
font-weight: 300;
font-style: italic;
color: white;
font-size: 1.125rem;
text-align: center;
margin-top: 12px;
}
.form-fast-contact-container.container {
margin-top: 0px;
}
.form-fast-contact-container.container ul {
list-style: none;
padding-left: 0px;
}
.footer-fast-contact {
background-color: #2B2B2B;
padding: 33px 59px;
justify-content: space-between;
}
.footer-fast-contact span {
color: #fff;
font-size: 1.125rem;
font-weight: 700;
}
.form-fast-contact-container .footer-link {
text-decoration: none;
font-weight: bold;
}
.form-fast-contact-container .fast-contact-item-description {
font-size: 1rem;
font-style: italic;
font-weight: 300;
color: white;
list-style: none;
}
@media (min-width: 768px) {
.intro-jumbotron .btn-group {
margin-top: 4.5rem;
}
}
.intro-jumbotron .btn-group a {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
@media (max-width: 992px) {
.about-location-cards {
margin-top: 4rem;
}
}
.about-location-cards .img-panorama {
margin-top: 2rem;
}
@media (min-width: 768px) {
.about-location-cards .img-panorama {
margin-top: -18rem;
z-index: 1;
}
}
.about-location-cards h3 {
font-size: 2rem !important;
max-width: 520px;
}
.about-location-cards p {
margin-top: 20px;
margin-bottom: 28px;
font-size: 18px;
}
.about-location-cards a.btn {
margin-top: 27px;
}
@media (min-width: 768px) {
.about-location-cards .about-location-cards-description h3 {
margin-top: 6rem;
}
}
.about-location-cards .about-location-cards-numeros {
z-index: 10;
background: #F7F8FA;
padding: 38px 79px;
}
@media (max-width: 768px) {
.about-location-cards .about-location-cards-numeros {
padding: 20px;
}
}
.about-location-cards .about-location-cards-numeros h3 {
color: #E52613;
}
.about-location-cards .about-location-cards-numeros p {
margin-top: 37px;
font-size: 1.125rem;
}
.about-location-cards .about-location-cards-numeros img {
width: 80px;
}
.about-location-cards .about-location-cards-numeros p.country {
margin-top: 0px !important;
margin-bottom: 0px;
font-size: 25px;
}
.about-location-cards .about-location-cards-numeros .small-light-text {
color: #9A9A9A;
font-style: italic;
font-weight: 300;
margin-top: 2rem;
font-size: 1rem;
}
.about-location-cards .about-location-highlights {
z-index: 10;
background: #F7F8FA;
padding: 38px 79px;
margin-top: 105px;
gap: 3rem;
}
@media (max-width: 768px) {
.about-location-cards .about-location-highlights {
padding: 20px;
}
}
.about-location-cards .about-location-highlights h5 {
color: #E52613;
font-size: 60px;
font-weight: bold;
}
.about-location-cards .about-location-highlights span {
font-size: 25px;
font-weight: normal;
color: #E52613;
}
.about-location-cards .about-location-highlights p {
margin-top: 0.5rem;
font-size: 1rem;
color: #2B2B2B;
}
.next-dev-projects {
margin-top: 90px;
}
.next-dev-projects .item-loop {
margin-top: 60px;
}
.next-dev-projects h3 {
font-size: 44px;
}
.next-dev-projects span {
font-size: 25px;
font-weight: 600;
}
@media (max-width: 992px) {
.next-dev-projects span {
font-size: 20px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.next-dev-projects img.next-project-img {
width: 200px;
}
.next-dev-projects span {
max-width: 200px;
}
}
@media (min-width: 992px) and (max-width: 1180px) {
.next-dev-projects img.next-project-img {
width: 320px;
}
.next-dev-projects span {
max-width: 200px;
}
}
.about-location-claim {
padding-top: 2rem;
}
@media (min-width: 768px) {
.about-location-claim {
padding-top: 14.5rem;
padding-left: 6rem;
}
}
.about-location-claim span {
font-size: 2rem;
color: #2B2B2B;
font-weight: 600;
}
.img-numeros {
z-index: 2;
margin-top: 2rem;
}
@media (min-width: 768px) {
.img-numeros {
margin-top: -18rem;
}
}
@media (min-width: 992px) and (max-width: 1120px) {
#openModalBtnStickyMenu {
display: none !important;
}
}
.sticky-menu-custom {
padding-top: 21px;
padding-bottom: 21px;
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 10000;
background-color: white;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
}
.sticky-menu-custom ul {
display: flex;
gap: 20px;
margin-bottom: 0px;
}
.sticky-menu-custom ul li {
float: left;
list-style: none;
}
.sticky-menu-custom ul li a {
text-decoration: none;
color: #2B2B2B;
font-size: 1.125rem;
}
.sticky-menu-custom ul li a:hover {
text-decoration: underline;
}
.sticky-menu-custom ul li a span {
margin-left: 6px;
}
.accordion-button {
font-size: 20px;
padding: 25px 28px 31px 28px;
}
.accordion-body {
font-size: 18px;
padding-left: 28px;
}
.accordion-item:first-of-type {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.accordion-item:last-of-type {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.accordion-button:not(.collapsed) {
color: #2B2B2B;
border: 0px;
background-color: white;
box-shadow: none;
}
.accordion-item {
border: 0px;
}
.faq {
padding-top: 100px;
padding-bottom: 100px;
margin-top: 9rem;
}
@media (max-width: 768px) {
.faq {
margin-top: 4rem;
}
}
.accordion {
gap: 10px;
display: flex;
flex-direction: column;
}
.accordion-button:not(.collapsed)::after {
background-image: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/open.svg);
transform: rotate(45deg);
}
.accordion-button::after {
background-image: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/open.svg);
}
.accordion-button:not(.collapsed) {
color: #E52613;
}
.accordion-button {
font-weight: 600;
}
.form-people .selected {
background-color: #d4edda; border-radius: 5px;
padding: 5px;
} #formPeopleSection2 label {
position: relative;
display: flex;
flex-direction: column;
color: #2B2B2B;
font-size: 1.75rem;
font-style: normal;
line-height: normal;
padding: 20px 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16078431);
border: 2px solid #FFF;
cursor: pointer;
width: 220px;
}
#formPeopleSection2 input {
display: none;
}
#formPeopleSection2 input:checked + label {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16078431);
border-color: #E52613;
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/images/awesome-check-circle.svg) no-repeat 14px 14px;
}
#formPeopleSection2 {
overflow-x: scroll;
}
#formPeopleSection2 h5 {
font-size: 1rem;
font-weight: 400;
margin-top: 12px;
}
#formPeopleSection2 .avatar {
width: 136px;
height: auto;
}
#formPeopleSection2 .soc-icons-loop img {
width: 20px;
height: auto;
}
#formPeopleSection2 .soc-icons-loop span {
font-size: 9px;
color: #9A9A9A;
font-weight: 400;
}
#formPeopleSection2 .form-check {
padding-left: 0px;
}
#formPeopleSection2 .form-check {
margin: 5px;
}
#formPeopleSection label {
position: relative;
display: flex;
flex-direction: column;
color: #2B2B2B;
font-size: 1.75rem;
font-style: normal;
line-height: normal;
padding: 20px 10px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16078431);
border: 2px solid #FFF;
cursor: pointer;
width: 220px;
}
#formPeopleSection input {
display: none;
}
#formPeopleSection input:checked + label {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16078431);
border-color: #E52613;
background: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/images/awesome-check-circle.svg) no-repeat 14px 14px;
}
#formPeopleSection {
overflow-x: scroll;
}
#formPeopleSection h5 {
font-size: 1rem;
font-weight: 400;
margin-top: 12px;
}
#formPeopleSection .avatar {
width: 136px;
height: auto;
}
#formPeopleSection .soc-icons-loop img {
width: 20px;
height: auto;
}
#formPeopleSection .soc-icons-loop span {
font-size: 9px;
color: #9A9A9A;
font-weight: 400;
}
#formPeopleSection .form-check {
padding-left: 0px;
}
@media (max-width: 1180px) {
.benefits-icons-section .icon-height {
min-width: 73px;
max-width: 73px;
align-items: center;
display: flex;
justify-content: center;
}
}
@media (max-width: 1180px) {
.benefit-icons .benefit-item {
margin-top: 1rem;
}
}
@media (max-width: 1180px) {
.benefit-icons .icon-height {
min-width: 73px;
max-width: 73px;
align-items: center;
display: flex;
justify-content: center;
}
}
.benefit-icons p {
font-size: 20px;
}
.form-people {
gap: 1.2rem;
}
.custom-toggle-switch {
position: relative;
display: inline-block;
width: 52px;
height: 32px;
}
.custom-toggle-switch input {
opacity: 0;
width: 0;
height: 0;
}
.contact-form .switch {
position: relative;
display: inline-block;
width: 52px;
height: 28px;
}
.contact-form .switch input {
opacity: 0;
width: 0;
height: 0;
}
.contact-form .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 28px;
background-color: grey;
border-radius: 300px;
transition: 0.4s;
}
.contact-form .slider:before {
position: absolute;
content: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/toggle-switch-icon.svg);
height: 24px;
width: 24px;
left: 3px;
bottom: 0px;
background-size: cover;
transition: 0.4s;
}
.contact-form input:checked + .slider {
background-color: #349923;
}
.contact-form input:checked + .slider:before {
content: url(//zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/toggle-switch-icon.svg);
transform: translateX(22px);
}
.contact-form .select-manager {
font-size: 1.125rem;
font-weight: 700;
margin-left: 1rem;
}
@media (max-width: 768px) {
.contact-form .select-manager {
max-width: 200px;
}
}
.contact-form .form-switch {
padding-left: 0em;
margin-top: 43px;
} div#exampleModal {
z-index: 99999;
}
.btn-close {
box-shadow: none !important;
}
.modal-dialog {
max-width: 960px;
}
.modal-header {
border-bottom: 0px;
}
.popup-button-content span:nth-child(1) {
font-size: 13px;
color: #fff;
}
.popup-button-content span:nth-child(2) {
font-size: 20px;
color: #fff;
margin-top: -3px;
font-weight: 700;
}
.modal-button {
background-color: white;
padding: 0px 20px;
height: 72px;
border-radius: 10px;
gap: 16px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.12);
}
@media (max-width: 576px) {
.modal-button {
gap: 22px;
}
}
.modal-button:hover {
background-color: white;
}
.modal-button .envelope {
width: 21px;
}
button#openModalBtn {
min-width: 64px !important;
border-radius: 0px;
border: 0px;
background-color: #E52613;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
}
.close-icon {
position: absolute;
top: 5px;
right: 5px;
font-size: 24px;
color: #fff;
line-height: 1;
}
.modal-button {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
transition: width 0.3s ease;
}
.modal-button img {
display: inline-block;
flex-shrink: 0;
}
@media (max-width: 575.98px) {
.modal-button:not(.expanded) .popup-button-content {
position: absolute;
top: 0;
left: 100%;
opacity: 0;
pointer-events: none;
}
.modal-button.expanded .popup-button-content {
position: static;
opacity: 1;
pointer-events: auto;
}
.popup-button-content {
transition: opacity 0.3s ease;
}
}
button#openModalBtn {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99999;
}
@media (min-width: 576px) {
button#openModalBtn {
position: fixed;
right: 20px;
z-index: 99999;
top: 35vh;
}
}
.modal.show {
display: flex;
align-items: center;
align-content: center;
}
.modal .btn-close:hover {
background-color: white;
opacity: 1;
background-size: 16px auto;
}
@media (min-width: 1921px) {
.modal-dialog {
max-width: 1440px;
}
button#openModalBtn {
transform: scale(1.3);
right: 50px;
}
}
.back-karta {
height: 100%;
} .q-1, .q-3, .q-2, .q-apartmany, .q-penthouse, .q-rodinne, .q-vily, .q-rezidence, .q-hotel, .q-golf, .q-chytre, .q-detail {
display: none;
}
#page-spanelsko .q-1 {
display: block;
}
#template-homepage_2 .q-1 {
display: block;
}
#page-lokalita .q-2 {
display: block;
}
#page-apartmany .q-apartmany {
display: block;
}
#page-penthousy .q-penthouse {
display: block;
}
#page-rodinne-radove-domy-a-dvojdomky .q-rodinne {
display: block;
}
#page-vily .q-vily {
display: block;
}
#page-nemovitosti-s-hotelovymi-sluzbami .q-hotel {
display: block;
}
#page-golfove-nemovitosti .q-golf {
display: block;
}
#page-chytre-a-zelene-bydleni .q-chytre {
display: block;
}
#page-spanelske-nemovitosti .q-3 {
display: block;
}
#page-spanelske-nemovitosti-detail .q-detail {
display: block;
}
#template-rozcestnik .q-3 {
display: block;
}
.tooltip {
position: relative;
display: inline-block;
cursor: pointer;
opacity: 1;
}
.tooltip-icon {
font-size: 18px;
color: white;
padding: 5px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
} .tooltip-text {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
position: absolute;
color: #2B2B2B;
background: white;
padding: 16px 22px;
font-size: 14px;
font-weight: 300;
font-style: italic;
max-width: 220px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
white-space: normal;
word-wrap: break-word;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
bottom: 150%;
left: 50%;
transform: translateX(-50%);
z-index: 100;
}
@media (max-width: 768px) {
.tooltip-text {
position: absolute;
left: -90px;
bottom: 64px;
}
} .tooltip:hover .tooltip-text {
visibility: visible;
opacity: 1;
} .tooltip.show .tooltip-text {
visibility: visible;
opacity: 1;
} .slick-prev, .slick-next {
position: absolute;
z-index: 1000;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.slick-prev {
left: 1.5rem;
}
.slick-next {
z-index: 9999;
right: 1.5rem;
}
.slick-arrow {
z-index: 99;
}
.contacts .btn-custom-width {
width: 221px;
display: flex;
align-items: center;
justify-content: center;
} .modal .contacts {
padding: 0px;
background: none;
margin-top: 0px;
}
.modal .contacts .contact-form {
margin-top: 0rem;
}
.f16 {
font-size: 16px;
}
.f18 {
font-size: 18px;
}
.f20 {
font-size: 20px !important;
}
.f33 {
font-size: 33px;
}
.f44 {
font-size: 44px !important;
color: #2B2B2B;
}
@media (max-width: 768px) {
.f44 {
font-size: 32px !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.f44 {
line-height: 48px;
}
}
@media (min-width: 992px) {
.f75 {
font-size: 75px;
line-height: 4.6875rem;
}
}
.fw-400 {
font-weight: 400;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
} .icon {
width: 30px;
background-size: contain;
display: inline-block;
height: 22px;
background-repeat: no-repeat;
vertical-align: middle;
margin-bottom: 2px;
}
.icon-mail {
background-image: url(https://zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/envelope.svg);
margin-right: 5px;
}
.icon-call {
background-image: url(https://zahranicni.realityspolu.cz/wp-content/themes/webite_spanelsko/assets/img/phone.svg);
width: 20px;
margin-right: 6px;
margin-left: 0px;
}
.icon-flight {
background-image: url(https://zahranicni.realityspolu.cz/wp-content/uploads/2025/01/benefit2-1.svg);
width: 20px;
margin-right: 5px;
margin-left: 0px;
}
.footer-link {
color: #fff;
font-family: "Segoe UI";
margin-left: 9px;
}
.admin-bar {
margin-top: 0 !important;
}