/*
Theme Name: Daniel Klimovský - Team Bratislava
Author: Whosred
Author URI: https://whosred.sk/
Description: Daniel Klimovský - Team Bratislava Theme is modern, responsive custom made theme developed by whosred.sk, designed by Büro Milk. Theme is created only for Pod Kolibou website.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


html {
    font-size: clamp(16px, 1.11vw, 24px);
}
body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    overflow-x: hidden;
}
p {
    margin-top: 0;
    margin-bottom: 1em;
}
a {
    cursor: pointer;
    transition: all .3s ease;
}

/* Hero wrapper */
#hero {
	margin-top: 100px;
	position: relative;
	height: calc(100vh - 100px);
	min-height: 700px;/* full viewport height */
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: left;
	overflow: hidden;
}

/* Background image */
#hero .hero-bg {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: top;
	z-index: 0;
}

.l-green {
	background-color: var(--light-green);
}

/* Overlay content */
#hero .hero-content_ {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	height: 75%;
	padding: 0 ;
}

#hero .hero-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	justify-content: flex-end;
	padding-bottom: 5vh;
}


/* Arrow */
.hero-arrow {
	margin: 2rem 0 3.5rem;
}
.hero-arrow img {
	width: auto;
    height: clamp(60px, 4.16vw, 100px);
	animation: bounce 2s infinite;
}

/* Button */
.btn-hero {
	display: inline-block;
	padding: 1em;
	background: var(--orange);     /* orange */
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	border-radius: 11px;
	transition: background 0.3s ease, transform 0.2s ease;
}
.btn-hero:hover {
	background: var(--dark-orange);
	transform: translateY(-2px);
}

/* Arrow animation */
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
	40% { transform: translateY(8px); }
	60% { transform: translateY(4px); }
}


.animateFade {
    opacity: 0;
    transform: translateY(30px);
}
.formFade {
    opacity: 0;
}

.animateFade.animate {
    animation-name: fadeInBottom;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.formFade.animate {
    animation-name: formFadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes formFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
#uvod {
    position: relative;
    height: 89vh;
    min-height: 600px;
    max-height: 54vw;
}
.padall0 {
    padding: 0;
}

.padall32 {
	padding: 32px;
}

.btn {
	text-decoration: none;
	max-width: max-content;
	font-weight: 700;
}

.v-align {
	display: flex;
	flex-direction: column; /* stack vertically */
	align-items: center;    /* horizontal center */
	justify-content: center; /* vertical center inside parent */
	gap: 1rem; /* space between img and button */
	min-height: 100%; /* ensure it fills container height */
}

.btn-orange {
	padding: 16px;
	background-color: var(--orange);
	color: var(--white);
	border-radius: 100px;
}

.btn-border {
	padding: 1rem;
	background-color: transparent;
	color: var(--dark);
	border-radius: 100px;
	border: 1px solid var(--dark);
    font-size: 1rem;
    line-height: 1.1;
    display: inline-block;
}

.btn-border:hover,
.btn-border:active {
	background-color: var(--dark);
	color: var(--white);
}

.main-image-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 85% 95%;
    transition: opacity 0.5s ease;
}
.main-image-inner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);

}

.logo-footer {
	width: 100%;
	max-width: 200px;
	margin: auto;
}

#main-nav.header-hide_ {
    top: -90px;
}

.navbar {
    box-shadow: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    background: var(dark-green);
    padding: 15px 25px 5px 25px;
}
.home .navbar {
    background: transparent;
}
.navbar.scrolled {
	padding: 15px 25px 15px 25px;
}
/*
.navbar.scrolled .logo-header:not(.dark) {
	display: none;
}

 */

.soc-item {
	background-color: white;
	border-radius: 50px;
	padding: 5px;
}

.navbar.scrolled_x  .menu-item a {
	color: var(--dark);
}

.navbar.scrolled .btn-ppk {
}

.navbar.scrolled .btn-ppk_ a {
	padding: 16px 24px !important;
	color: var(--white) !important;
	border-radius: 100px;
	background: var(--orange);
}

.navbar.scrolled .btn-ppk_ a:hover {
    background: var(--dark-orange);
    color: var(--white);
}

a.navbar-brand {
    display: flex;
    width: fit-content;
    padding: 0 20px 5px 0;
}

.my-menu-class {
	list-style: none;        /* remove bullets */
	margin: 0;
	padding: 0;
	display: flex;           /* arrange li items in a row */
	justify-content: flex-end; /* center horizontally */
	gap: 1rem;               /* space between menu items */
    align-items: center;
	background-color: var(--green);
	padding: 20px 9px 20px 7px;
	border-radius: var(--br-15);
}

.my-menu-class li {
	display: inline-block;   /* make sure items don’t break */
}

.my-nav-wrapper {
	display: inline-block;
}

.my-menu-class a {
	text-decoration: none;   /* remove underline */
	color: var(--white);             /* text color */
	font-weight: 600;        /* styling */
	padding: 18px 12px;
	font-size: 17px;
}

.my-menu-class li:not(.btn-ppk) a:hover {
	color: var(--dark);
}

.foo-div a:hover {
	color: var(--orange);
}

.btn-ppk a:hover,
.btn-tb-main-big:hover,
.btn-tb-main-big-m:hover,
#kontakt .forminator-button-submit:hover,
#form-popup .forminator-button-submit:hover{
	background-color: var(--dark) !important;
}

.social-item:hover {
	background-color: var(--orange) !important;
}



.social-item:hover img {
	filter: brightness(0) invert(1) !important;
}

header#main-nav {
    z-index: 10;
    position: fixed;
    width: 100%;
    top: 0;
    transition: top .6s ease;
}


#main-title {
    position: absolute;
    top: 23%;
    width: 100%;
}
.fixed-text {
    position: relative;
}
.mainHeadline {
    color: var(--white);
    margin: 0;
    display: block;
    font-size: clamp(80px, 6vw, 160px);
    line-height: 0.96em;

}
img.logo-header {
    height: 100%;
	max-height: 90px;
}



.header-row {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    align-items: center;
}

.burger-menu .inner {
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
}
.burger-menu {
    display: block;
    position: relative;
    height: 42px;
    width: 42px;
    margin-left: auto;
}
.burger-menu figure {
    align-self: center;
    max-height: 30px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
    transition: left .3s ease;
    margin-bottom: 0;
}

.burger-menu figure .inner {
    width: 42px;
    height: 42px;
    margin: 5px 0;
    position: relative;
}

.burger-menu figure .inner span {
	position: absolute;
	top: 0;
	right: 8px;
	width: 43px;
	height: 5px;
	background-color: var(--dark);
	transition: all .3s ease;
}
.navbar.scrolled .burger-menu figure .inner span {
    background-image: url(/wp-content/uploads/2026/03/burger-menu-line.svg);
}
.menu-open .navbar.scrolled .burger-menu figure .inner span {
    background-image: url(/wp-content/uploads/2026/03/burger-menu-line.svg);
}


.burger-menu figure .inner span:nth-child(1) {
    top: 0;
}

.burger-menu figure .inner span:nth-child(2),
.burger-menu figure .inner span:nth-child(4) {
    top: 0;
    opacity: 0;
}
.burger-menu figure .inner span:nth-child(2) {
    top: 14px;
    opacity: 1;
}

.hero-arrow {
	display: none;
}

.burger-menu figure .inner span:nth-child(3) {
    top: 28px;
}


.burger-menu figure.foldin .inner span:nth-child(1) {
    /* transform-origin: right center; */
    transform: rotate(-45deg) translateY(20px);
}

.burger-menu figure.foldin .inner span:nth-child(2) {
    opacity: 0;
}

.burger-menu figure.foldin .inner span:nth-child(3) {
    /* transform-origin: right center; */
    transform: rotate(45deg) translateY(-19px);
}
a.btn-ppk {
    background: var(button-orange);
    color: var(dark-green);
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    padding: 10px 14px;
    line-height: 12px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
}
a.btn-ppk:hover {
    background: var(orange);
}
a.btn-ppk.btn-dark {
    background: var(dark-green);
    color: var(orange);
}
a.btn-ppk.btn-dark:hover {
    background: #fff;
    color: var(dark-green);
}
.mainHeadline1 {
    margin: 0;
	text-align: center;
}
.main-caption {
    font-size: clamp(28px, 2.2vw, 28px);
    line-height: 1em;
    color: var(--white);
    margin: 76px 0 0;
    max-width: 500px;
}
.bg-dark {
    background: var(--dark);
    color: var(--white);
}

.gallery-item,
.gallery-item *{
	text-decoration: none !important;
}

.big-img::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(1, 1, 1, 0.1);
	pointer-events: none;
	border-radius: 10px;
}

.big-img img {
	aspect-ratio: 5 / 3;
	object-fit: cover;
	width: 100%;
}

.text-in-image {
	position: absolute;
	left: 10vw;
	max-width: 80vw;
	text-align: left;
	color: white;
}

.big-img {
	position: relative;
}

.max-width-470 {
    max-width: 470px;
    margin: auto;
}
.max-width-410 {
    max-width: 410px;
}

.bg-col {
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	min-height_: 400px;
}

.bg-col-cover {
	background-size: cover;
	background-position: 32% 50%;
	background-repeat: no-repeat;
	min-height_: 400px;
}

.bg-col-cover.top-pos {
	background-position: 32% 10%;
}

.forminator-custom-form-300 {
	margin-top: 5px !important;
}

.bg-col-contain {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 400px;
}

.bx-shadow {
	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.15);
}

/**/
.more-content {
	display: none;
}

.toggle-more {
	display: inline-block;
	cursor: pointer;
	font-weight: 600;
}

.toggle-icon {
	transform: rotate(180deg);
}

.open .toggle-icon {
	transform: rotate(0deg);
}



.bg-light-sand {
    background: var(light-sand);
    color: var(dark-sand);
}
.bg-sand {
    background: var(sand);
    color: var(dark-sand);
}
.bg-orange {
    background: #D5E3E4;
    color: var(dark-green);
}

.ponuka-bytov-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-left: auto;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.font-azeret {
    font-family: 'Inter', sans-serif;
}
.dom-img {
    width: 80px;
}
p.room-count {
    color: var(dark-sand);
    font-size: 14px;
    line-height: 1.4em;
    margin: 0 0 75px;
    text-align: left;
    text-transform: uppercase;
}
.flat-type-box {
    padding: 8px;
    background: #FFFAEF;
    font-weight: 400;
    transition: all .3s ease;
    pointer-events: all;
}
.flat-type-box.active, .flat-type-box:hover {
    background: var(sand);
}
.flat-type-info-group {
    text-align: left;
    margin-bottom: 75px;
}
.flat-type-info {
    font-size: 14px;
    line-height: 1.4em;
    margin: 0;
    padding: 8px 20px;
    border-bottom: 1px solid var(dark-sand);
}
.legend .flat-type-info {
    padding: 8px;
}

.custom-col-24 {
    flex: 0 0 auto;
    width: 24%;
}
.custom-col-14 {
    flex: 0 0 auto;
    width: 14%;
}
.flat-type-box.legend {
    background: transparent;
}
.flat-type-box.legend .flat-type-info {
    border: 0;
    text-align: right;
    padding-right: 0;
    text-transform: uppercase;
}
.flat-type-box.legend .flat-type-info-group {
    margin-top: 93px;
}
.flat-type-box-row {
    --bs-gutter-x: 20px;
}
.lokalita-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*
a.btn-map {
    position: relative;
    display: inline-block;
    font-size: clamp(14px, 1.1vw, 16px);
    font-family: 'Inter', sans-serif;
    line-height: 1.4em;
    background: var(dark-green-2);
    padding: 11px 15px;
    transition: all .3s ease;
    text-transform: uppercase;
    text-decoration: none;
}
a.btn-map:hover {
    background: var(--white);
    color: var(dark-green-2) !important;
}
.btn-map:hover:after {
    content: "";
    background-image: url(/wp-content/themes/teamba/assets/imgs/btn-top-right-dark.svg);
}
.btn-map:after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    float: right;
    position: relative;
    transition: background-image .3s ease;
    width: 10px;
    height: clamp(14px, 1.1vw, 16px);
    background-image: url(/wp-content/themes/teamba/assets/imgs/btn-top-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}*/
.about-flats {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between;
}

.pl-28 {
	padding-left: 24px;
}
/*
.row.gap-hor {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.row.gap-hor > div {
	flex: 1;
	min-width: 300px;
}

 */
/*
.architect {
    font-size: clamp(24px, 1.88vw, 24px);
}
 */
.gallery {
    padding: 0 30px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.gallery-item.gall-item-1 {
    width: calc(62% - 10px);
}
.gallery-item.gall-item-2 {
    width: calc(38% - 10px);
}

img.gall-img {
    width: 100%;
    height: 90%;
    object-fit: cover;
	aspect-ratio: 4 / 3;
}


.inter-developmant-logo {
    height: 40px;
    width: auto;
}
.bg-dark a {
    color: var(--white);
}
.bg-dark a:hover {
    color: #fff;
}
.footer-bottom, .footer-bottom a {
    color: var(orange);
}
.footer-bottom a {
    text-decoration: none;
}
.footer-bottom a:hover {
    color: #fff;
}
.footer-bottom {
    display: flex;
    justify-content: center;
    gap: 15px;
}
div#side-menu {
    display: block;
    width: 100dvw;
    height: 100dvh;
    background: var(--light-green);
    z-index: 9999;
    position: fixed;
    top: 0;
    left: -100dvw;
    padding: 16px;
    padding-top: 90px;
    overflow: auto;
    transition: left 0.3s ease;
}
ul#main-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: max-content;
}
#main-menu li {
    margin: 0;
    text-align: left;
    padding: 10px 0;
}
#main-menu a {
    font-size: clamp(19px, 2vw, 26px);
    line-height: 1.4em;
    color: var(dark-green);
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}
#main-menu a:hover {
    color: rgba(25, 48, 50, 0.5);
}
.side-menu-holder {
    height: calc(80% - 90px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 320px;
}
.timeline .quarter-date, .timeline .quarter-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    text-transform: uppercase;
    color: var(dark-green);
    margin: 2px 0;
    width: 80px;
    text-align: left;
    margin-left: 25px;
}
.timeline .quarter .vertical-line {
    width: 2px;
    height: 38px;
    display: block;
    background: var(dark-green);
}
.timeline .quarter .line {
    width: 60px;
    height: 4px;
    display: block;
    background: var(dark-green);
}
.timeline .quarter {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    height: 150px;
    justify-content: flex-end;
    width: 60px;
    overflow: visible;
}
.timeline .quarter.inactive .line {
    background: var(--white);
}
.timeline {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 6px;
    font-family: 'Inter', sans-serif;
    justify-content: center;
}
.timeline .year .square {
    display: block;
    height: 8px;
    width: 8px;
    background: var(dark-green);
}
.timeline .year {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    height: 152px;
    justify-content: flex-end;
}
.timeline .quarter.bottom {
    margin-top: 146px;
    justify-content: flex-start;
}
.year.w-text {
    margin-top: 143px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.year.w-text p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    margin: 0px 6px;
    position: relative;
    top: -4px;
}

.contact-box .forminator-label {
    font-size: 12px !important;
    font-weight: 300 !important;
    color: var(dark-green) !important;
    line-height: 1em !important;
    padding-bottom: 8px !important;
}
.contact-box .forminator-input, .contact-box .forminator-textarea {
    border-radius: 80px !important;
    border-color: #F3F6F6 !important;
    font-weight: 300 !important;
    color: var(dark-green) !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 1em !important;

}
#kontakt .forminator-is_active .forminator-input,
.contact-box .forminator-is_hover .forminator-input,
#kontakt .forminator-is_active .forminator-textarea,
.contact-box .forminator-is_hover .forminator-textarea {
    border-color: var(--dark) !important;
    border: 1px solid !important;
}
.contact-box .forminator-checkbox span {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(dark-green) !important;
}
.contact-box .forminator-checkbox .forminator-checkbox-box {
    border-radius: 0 !important;
    border-color: var(dark-green) !important;
    transition: border-color .3s ease;
}
.contact-box .forminator-checkbox .forminator-checkbox-box:before {
    content: "" !important;
    height: calc(1rem);
    width: calc(1rem);
}
.newline {
    display: block;
}
.contact-box #checkbox-1, .contact-box #consent-1 {
    margin-top: 30px;
}
.contact-box .forminator-ui.forminator-custom-form {
    margin-top: 25px !important;
    font-family: 'Inter', sans-serif;
}

#forminator-checkbox-group-forminator-field-checkbox-1-68ea54384f84b-label {
	margin-bottom: 0 !important;
}

.contact-box .forminator-checkbox .forminator-checkbox-box~span, .contact-box .forminator-checkbox__label {
    padding-left: 8px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    display: block !important;
    width: 100%;
}
.contact-box .forminator-error-message {
    border-radius: 0 !important;
    font-size: 0.75rem !important;
}
.contact-box .forminator-consent__label p {
    color: var(dark-green) !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
}

.forminator-consent__label {
	text-align: left !important;
}

.forminator-input--wrap input {
	background-color: var(--white) !important;
}

.forminator-field input {
	border-radius: 80px !important;
}

.forminator-ui#forminator-module-31.forminator-design--default .forminator-input {
	background-color: var(--white);
}

.contact-box .forminator-button-submit {
    background-color: var(dark-green) !important;
    color: #fff !important;
    box-shadow: unset !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    line-height: 1em !important;
    padding: 25px 110px !important;
    width: 100% !important;
    border-radius: 0 !important;
    transition: .3s ease !important;
    text-transform: unset !important;
}
.contact-box .forminator-button-submit:hover {
    background-color: var(dark-green-2) !important;
}
#gallery {
    overflow: hidden;
    transition: max-height 0.5s ease;
}
a.btn-ppk.btn-sand {
    background: var(sand);
    color: var(dark-sand);
}
a.btn-ppk.btn-sand:hover {
    background: #fff;
}
.fixed-text .row {
    margin-left: 40px;
}
.padx70 {
    padding-left: 70px;
    padding-right: 70px;
}
.padx170 {
    padding-left: 170px;
    padding-right: 170px;
}
.mobile-header-row {
    display: none;
}

.lokalita-text-holder {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.lokalita-text-holder .btn-map {
    margin-top: auto;
}
.d-flex-stretch {
    display: flex;
    align-items: stretch;
}
.padright40 {
    padding-right: 40px;
}
/*
.contact-box .forminator-row {
    gap: 8px;
}
.contact-box .forminator-error-message {
    background-color: transparent !important;
    color: #CA0000 !important;
    font-size: 12px !important;
    line-height: 1.4em !important;
    font-weight: 300 !important;
    padding: 0 !important;
    margin-top: 8px !important;
}
.contact-box  .forminator-checkbox {
    padding: 8px !important;
    margin: 0 0 20px 32px !important;
    font-size: 14px !important;
    line-height: 1.4em !important;
    text-transform: uppercase !important;
    transition: background 0.3s ease;
    position: relative !important;
}
.contact-box .forminator-field-checkbox .forminator-label {
    padding-bottom: 16px !important;
}
.contact-box .forminator-checkbox:hover, .contact-box .forminator-checkbox.checked {
    background: var(orange-3) !important;
}
.forminator-checkbox input:checked+.forminator-checkbox {
    background: var(orange-3) !important;
}
.contact-box .forminator-checkbox-label:before {
    content: "";
    position: absolute;
    left: -30px;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    display: block;
    z-index: 0;
    pointer-events: all;
    transition: background .3s ease;
}

.forminator-checkbox.checked .forminator-checkbox-label:before {
	background-color: red;
}

.contact-box .forminator-checkbox.checked .forminator-checkbox-box {
    border-color: #F3F6F6 !important;
}
.contact-box .forminator-field-consent .forminator-checkbox {
    margin: 0 0 0 15px !important;
}
.contact-box .forminator-field-consent .forminator-consent__label  {
    padding-left: 8px !important;
}
.contact-box .forminator-field-consent .forminator-checkbox {
    padding: 0  !important;
}
.contact-box .forminator-row:nth-of-type(5) {
    margin-bottom: 0 !important;
}
.contact-box .forminator-row.forminator-row-last {
    margin-bottom: 0 !important;
}
.contact-box .forminator-checkbox:last-of-type {
    margin-bottom: 0 !important;
}

*/
.owl-item img {
    cursor: pointer;
}
.gallery-carousel .owl-stage-outer {
    margin-right: calc(-25% - 25vw - 20px);
    width: auto;
}
.gallery-row {
    margin-right: calc(50% - 50vw);
    width: auto;
    overflow: hidden;
}
.gallery-carousel {
    position: relative;
    z-index: 0;
}
.owl-nav {
    position: absolute;
    height: 30px;
    top: calc(50% - 15px);
    display: flex;
    left: 0;
    right: 0;
    width: auto;
    margin-right: -12px;
    padding: 0 16px;
    justify-content: space-between;
    pointer-events: none;
}
.owl-carousel .owl-dots {
    text-align: center;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    display: none;
}
.owl-carousel button.owl-dot {
    background: transparent;
    width: 100%;
    height: 2px;
    border-radius: 0 !important;
    margin: 0;
}
.owl-carousel button.owl-dot.active:after {
    width: 100%;
    transition: width .3s ease;
}


.owl-carousel button.owl-dot:after, .owl-carousel button.owl-dot:after {
    content: "";
    display: block;
    position: relative;
    background: var(dark-sand);
    height: 2px;
    border-radius: 0 !important;
    margin: 0;
    width: 0;
}
.owl-carousel button.owl-dot.before-active:after {
    width: 100%;
    transition: unset;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: var(--white);
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    width: 54px;
    padding: 15px 15px !important;
    height: 54px;
    opacity: 1;
    transition: all 0.3s ease-in;
    position: relative;
}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
    background: var(--lighter-orange);
}
button.owl-prev:after, button.owl-next:after {
    content: "";
    background-image: url(assets/imgs/ppk-right.svg);
    height: 24px;
    width: 24px;
    display: inline-block;
    transition: all .3s ease;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 16px;

}
/*
button.owl-prev:hover:after, button.owl-next:hover:after {
    content: url(/wp-content/themes/teamba/assets/imgs/gall-right-arrow-dark.svg);
}*/
.owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled {
    opacity: 0;
}

button.owl-prev {
    pointer-events: all;
    transform: rotate(180deg);
    cursor: pointer;
}
button.owl-next {
    pointer-events: all;
    cursor: pointer;
}
.lg-outer .lg-img-wrap {
    padding: 0;
}
.lg-backdrop {
    background: rgba(58, 58, 58, 0.7)
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: var(--white);
    cursor: pointer;
    display: block;
    width: 54px;
    height: 54px;
    padding: 0 16px !important;
    transition: all .3s ease;
    top: calc(50%  - 27px);
    border-radius: 100px;

}

.pos-rel {
	position: relative;
}

.text-in-image {
	position: absolute;
	top: 7vh;
	left: 25vw;
	max-width: 50vw;
	text-align: center;
}

.lg-actions .lg-prev {
    left: 16px;
}
.lg-actions .lg-next {
    right: 16px;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
    background: transparent;
}
.lg-actions .lg-prev {
    transform: rotate(180deg);
}
.lg-actions .lg-next:before, .lg-actions .lg-prev:after {
    content: "";
    display: inline-block;
    background-image: url(assets/imgs/ppk-right.svg);
    height: 24px;
    transition: all .3s ease;
    width: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover  {
    background-color: var(--dark);
}

.lg-actions .lg-next:hover:before,
.lg-actions .lg-prev:hover:after {
	filter: brightness(0) invert(1);
}




.lg-toolbar .lg-icon, #lg-counter {
    color: #F3F6F6;
}
.lg-toolbar .lg-icon {
    font-size: 32px;
    line-height: 32px;
    padding: 14px 8px 0 0;
}
.lg-toolbar .lg-close:after {
    content: "";
    display: inline-block;
    background-image: url(assets/imgs/ppk-close.svg);
    height: 32px;
    transition: all .3s ease;
    width: 32px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.lg-toolbar .lg-close:hover:after {
	filter: brightness(0) invert(0);
	opacity: .8;
}
#lg-counter {
    font-family: 'Inter', sans-serif !important ;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1em;
    padding-top: 16px;
}
.lg-sub-html, .lg-toolbar {
    background-color: transparent;
}

.svgOverlay {
    pointer-events: none;
    overflow: hidden;
    vertical-align: middle;
}
.svgOverlay polygon {
    pointer-events: auto;
}
.svgOverlay polygon {
    transition: fill 0.3s ease;
    cursor: pointer;
}
.svgOverlay polygon:hover, .svgOverlay polygon.active {
    fill: rgba(147, 128, 91, 0.6) !important;
}
.pol-img-holder {
    position: relative;
    width: 250px;
}
.pol-img-holder img {
    width: 100%;
}
.typy-domov-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 15px;
}
.typy-domov-item {
    width: fit-content;
}
.pol-img-holder.second {
    transform: scaleX(-1);
}


.cky-consent-container .cky-consent-bar, .cky-preference-center {
    background: #FFFAEF !important;
    border-radius: 0 !important;
}
.cky-notice .cky-title, .cky-preference-header .cky-preference-title  {
    color: var(dark-sand) !important;
    font-size: 24px !important;
    line-height: 1.4em !important;
}
.cky-footer-shadow {
    background: transparent !important;
}
.cky-prefrence-btn-wrapper {
    border: 0 !important;
}
.cky-preference-content-wrapper .cky-show-desc-btn {
    color: var(dark-sand) !important;
    transition: all .3s ease;
}
.cky-notice-des a.cky-policy {
    transition: all .3s ease;
}
.cky-notice-des a.cky-policy:hover, .cky-preference-content-wrapper .cky-show-desc-btn:hover {
    color: var(dark-sand) !important;
}
.cky-accordion-header .cky-accordion-btn {
    font-weight: 400 !important;
    text-transform: uppercase !important;
}
.cky-consent-bar button, .cky-prefrence-btn-wrapper .cky-btn {
    font-weight: 300 !important;
    border-radius: 0px !important;
    transition: all 0.3s ease;
    opacity: 1 !important;
    text-transform: uppercase !important;
    border-width: 1px !important;
    border-color: var(dark-sand) !important;
    font-family: 'Inter', sans-serif !important ;
    font-size: 14px !important;
}
.cky-consent-bar button:hover, .cky-prefrence-btn-wrapper .cky-btn:hover  {
    opacity: 1 !important;
}
.cky-consent-bar button.cky-btn-customize, .cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences,.cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject {
    background: transparent !important;
    color: var(dark-sand) !important;
}
[data-cky-tag="detail-powered-by"] {
    display: none !important;
    visibility: hidden !important;
}
.cky-notice-des a.cky-policy, .cky-notice-des button.cky-policy, .cky-dma-content-wrapper a.cky-policy, .cky-dma-content-wrapper button.cky-policy {
    color: var(dark-sand) !important;
}
.cky-notice-des a.cky-policy:hover, .cky-notice-des button.cky-policy:hover, .cky-dma-content-wrapper a.cky-policy:hover, .cky-dma-content-wrapper button.cky-policy:hover {
    color: var(sand) !important;
}
.cky-btn-accept {
    background: var(dark-sand) !important;
}
.cky-btn-accept:hover {
    background: #67593E !important;
    border-color: #67593E !important;
}
.thank-you .main-caption, .not-found .main-caption {
    max-width: unset;
    font-size: clamp(22px, 1.8vw, 32px);
}
.thank-you #main-title, .not-found #main-title {
    top: 34%;
}
.thank-you .headline1,  .not-found .headline1 {
    color: var(orange);
}

.pos-relative {
	position: relative;
}

.thank-you a.btn-ppk, .not-found a.btn-ppk {
    font-size: 16px;
    padding: 12px 40px;
    line-height: 16px;
}
.underline-a a {
    text-decoration: underline;
}
.caption-footer {
    font-size: 14px;
    margin-bottom: 0;
}
img {
    max-width: 100%;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden !important;
    color: var(--dark);
    font-size: clamp(16px, 1.11vw, 24px);
}
*, ::after, ::before {
    box-sizing: border-box;
}
.mobile-bg-image {
    display: none;
}
.popup-backdrop {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999;
}

.text-left {
	text-align: left;
}

.form-popup {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 815px;
    background: var(--light-green);
    padding: 50px 40px;
    z-index: 1000;
    text-align: center;
    color: var(--dark);
    border-radius: 16px;
}

.close {
    color: var(--white);;
    position: absolute;
    font-size: 42px;
    font-weight: 100;
    right: -35px;
    top: -35px;
    transition: all .3s ease;
    line-height: 28px;
    pointer-events: all;
    cursor: pointer;
	padding: 15px;
	background: white;
	border-radius: 100px;
}
.close:hover {
    background-color: var(--dark);
}

.forminator-row-last {
	margin-top: 50px;
}

.close:hover img {
	filter: brightness(0) invert(1);
}

.popup-backdrop,
.form-popup {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.popup-backdrop.active,
.form-popup.active {
    opacity: 1;
    visibility: visible;
}
.contact-box .forminator-response-message.forminator-loading {
    background-color: transparent !important;
}
body.popup-open {
    overflow: hidden;
}
.first-section {
    padding-top: 160px;
}
.gdpr-content {
    font-size: 1rem;
    font-weight: 500;
}
.gdpr-content h2 {
    font-size: clamp(24px, 2.22vw, 50px);
    line-height: 1.4em;
    font-weight: 500 !important;
}
.gdpr-content h2 b {
    font-weight: 500 !important;
}
.gdpr-content ul {
    padding-inline-start: 1.5em;
}
#side-menu a.btn-ppk.btn-dark:hover {
    background: var(dark-green);
    color:  var(--white);
}


section#kontakt {
    z-index: 9;
    position: relative;
}




.ben-icon {
    position: absolute;
    cursor: pointer;
}
.ben-icon .pulse-wrapper {
    padding: 8px;
    height: 33px;
    width: 33px;
    display: block;
    background: #204C4F;
    border-radius: 50%;
    transition: all .3s ease;
    scale: 1;
}
.ben-icon img {
    height: 17px;
    width: 17px;
    transition: all .3s ease;
}
.benefity-img-holder {
    position: relative;
    width: 835px;
    margin: auto;
}

.ben-icon.juzny-svah {
    left: 0;
    top: 43%
}
.ben-icon.vymera {
    top: -6%;
    left: 4%;
}
.ben-icon.sukromie {
    top: 56%;
    left: 25.5%;
}
.ben-icon.priroda {
    top: 65%;
    left: 19%;
}
.ben-icon.terasy {
    top: 8%;
    left: 39%;
}
.ben-icon.architektura {
    top: 16%;
    left: 45%;
}
.ben-icon.vybavenost {
    top: 62%;
    left: 67.6%;
}
.ben-icon.vyhlady {
    top: 37%;
    left: 90%;
}
.ben-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}
.ben-info-icon {
	height: clamp(50px, 3.47vw, 80px);
	width:  clamp(70px, 4.86vw, 100px);
    margin-bottom: clamp(12px, 0.833vw, 20px);
    transition: all .3s ease;
}
/* ---- Layout ---- */
.apt-showcase {
	--gap: 1.5rem;
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: var(--gap);
	align-items: stretch;
}

.apt-showcase__left {
	display: grid;
	grid-template-rows: 1fr 1fr;
	gap: var(--gap);
}

/* cards fill height */
.apartment-card {
	background: var(--lighter-orange);
	display: flex;
	flex-direction: column;
}

.apartment-card.second {
	background: var(--light-orange);
	display: flex;
	flex-direction: column;
}

/* content inside card */
.apartment-card__content {
	padding: 1.25rem;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.apt-showcase__image {
	margin: 0;
	overflow: hidden;
	display: flex;
}

.apt-showcase__image img {
	width: 100%;
	max-height: 70vh;
	object-fit: cover;
	height: 100%;
}
@media (min-width: 768px) {
    .container-max {
        width: 100%;
        height: 100%;
		margin: auto;
        padding-left: clamp(25px, 1.736vw, 40px);
        padding-right: clamp(25px, 1.736vw, 40px);
    }
    .container-868 {
        width: 100%;
        max-width: 868px;
        margin: auto;
    }

    .container-684 {
        width: 100%;
        max-width: 684px;
        margin: auto;
    }
}


.pad64 {
	padding: clamp(20px, 4.44vw, 96px);
}

.br5 {
    border-radius: 5px;
}
.br10 {
	border-radius: 10px;
}

.br16 {
	border-radius: 16px;
}

.bg-white {
	background-color: var(--white);
}

.bg-beige {
	background-color: var(--light-gray);
}

.bg-yellow {
	background-color: var(--yellow);
}

.ben-info-text {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: clamp(16px, 1.11vw, 24px);
    line-height: 1.2em;
    color: var(--dark);
    margin-bottom: 0;
    transition: all .3s ease;
    max-width: clamp(140px, 9.72vw, 200px);
    min-height: 2.4em;
}
.benefity-info {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.benefity-info .col-3 {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 25%;
    max-width: 25%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    gap: 8px;
}
.benefity-info .col-3:last-of-type {
    border-right: 0;
}



.ben-icon.pulse .pulse-wrapper {
    background_: rgba(172, 211, 213, 0.3);
    animation: pulse-twice .8s ease-in;
	filter: brightness(1.5);
}
.ben-icon:hover .pulse-wrapper, .ben-icon.active .pulse-wrapper {
    background: rgba(172, 211, 213, 0.3);
    scale: 1.3;
}

@keyframes pulse-twice {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

/*
@keyframes pulse-twice {
	0% { transform: scale(1); }
	25% { transform: scale(1.2); }
	50% { transform: scale(1); }
	75% { transform: scale(1.3); }
	100% { transform: scale(1); }
}

*/

.benefity-info .col-3 .ben-info {
    margin-bottom: 50px;
}
.benefity-info .col-3 .ben-info:last-of-type {
    margin-bottom: 0;
}
.padtop30 {
    padding-top: 30px;
}
a.btn-ppk.side-menu-contact {
    padding: 21px 14px;
}
.side-menu-holder #main-menu a {
    font-size: 28px;
    color: var(--dark);
    font-weight: 700;
}
.side-menu-holder #main-menu {
    align-items: center;
    width: 100%;
}
.contact-box .forminator-label .forminator-required {
    color: var(dark-green) !important;
    margin-left: -8px;
}
.contact-box-col {
    padding: 0;
    max-width: 1480px;
	margin: auto;
	padding-left: clamp(25px, 1.736vw, 40px);
	padding-right: clamp(25px, 1.736vw, 40px);
}

.podpora.section {
	padding-left: clamp(25px, 1.736vw, 40px);
	padding-right: clamp(25px, 1.736vw, 40px);
}



.contact-box {
    padding: clamp(30px, 2.083vw, 60px);
}
div#captcha-1 {
    display: none !important;
}
.dom-img-line {
    display: block;
    height: 1px;
    background: var(dark-sand);
    width: 60px;
}
.dom-img-title {
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    cursor: pointer;
    transition: all .3s ease;
}
.dom-img-title.active, .dom-img-title:hover {
    transform: scale(1.1);
}
.dom-img-text {
    color: var(dark-sand);
    font-size: 11px;
    line-height: 1.4em;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
}
.dom-img-title.byt-1 {
    left: -152px;
    top: 164px;
}
.dom-img-title.byt-3 {
    right: -200px;
    top: 47px;
}
.dom-img-title.byt-2 {
    top: 153px;
    right: -153px;
}

#uvod.not-found {
    max-height: unset;
}
#uvod.not-found .mainHeadline {
    line-height: 1.1em;
}

.features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.feature-card {
	background-color: var(--orange);
	border-radius: 10px;
	padding: clamp(20px, 2.08vw, 40px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #fff;
	min-height: 300px;
	align-items: flex-start;
    height: 100%;
}

.feature-icon {
	width: auto;
	height: clamp(100px, 12.5vw, 250px);
	margin-bottom: auto;
    max-width: clamp(150px, 15.5vw, 350px);
}

.feature-text {
	margin-top: clamp(45px, 6.25vw, 120px);
}


.feature-text h3 {
	font-size: clamp(16px, 1.11vw, 24px);
	font-weight: 500;
	margin: 0 0 1.5em;
}

.feature-text p {
	font-size: 1rem;
	font-weight: 400;
	margin: 0;
	line-height: 1.09;
}


/* responsive stack */
@media (max-width: 1024px) {
	.features {
		grid-template-columns: 1fr;
	}
}

.timeline {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.timeline-line {
    --dot-height: clamp(34px, 2.36vw, 50px);
	position: absolute;
	top: calc(var(--dot-height) * 0.5 - 2px);
	left: 0;
	right: 0;
	height: 4px;
	background: var(--orange);
	z-index: 1;
}
.timeline-item {
	position: relative;
	flex: 1;
	text-align: center;
	z-index: 2;
}
.timeline-dot {
	width: clamp(34px, 2.36vw, 50px);
	height: clamp(34px, 2.36vw, 50px);
	border-radius: 50%;
	background: var(--light-orange);
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.timeline-dot.active {
	background: var(--orange);
}
.timeline-text {
    font-size: clamp(16px, 1.11vw, 24px);
    color: var(--dark);
    line-height: 1.2;
    text-align: left;
    width: fit-content;
    margin: auto;
    margin-top: 0.75rem;
}
.underline {
	position: relative;
	display: inline-block;
    --leftVal: clamp(8px, 0.83vw, 18px);

}
.underline::after {
	content: "";
	position: absolute;
	left: calc(clamp(8px, 0.83vw, 18px) * (-1)) ;
	bottom: calc(clamp(12px, 1.66vw, 24px) * (-1)) ;
	height: clamp(8px, 0.83vw, 18px);
    right: clamp(8px, 0.83vw, 18px);
	width: 0;
	background: var(--dark);
	border-radius: 9px;
	transform: rotate(.1deg);
}

.menu-item.active:not(.btn-ppk) .uline-menu::after {
	content: "";
	position: absolute;
	left: -5px;
	bottom: calc(clamp(12px, 1.66vw, 24px) * (-1)) ;
	height: 9px;
	right: clamp(8px, 0.83vw, 18px);
	width: 100%;
	background: var(--white);
	border-radius: 9px;
	transform: rotate(1deg);
	top: 27px;
}

.navbar.scrolled .menu-item.active:not(.btn-ppk) .uline-menu::after {
	background: var(--dark);
}

.underline.u-white::after {
    background: var(--white);
}
.underline.in-view::after {
	animation: underlineGrow 1s cubic-bezier(0, 0.85, 0.32, 1.28) forwards;
}

@keyframes underlineGrow {
	from { width: 0; }
	to   { width: calc(100% + var(--leftVal) * 2); }
}

@keyframes underlineGrowSideMenu {
    from { width: 0; }
    to   { width: 100%; }
}

/* optional: honor reduced motion */
@media (prefers-reduced-motion: reduce) {
	.underline.in-view::after { animation: none; width: 100%; }
}

/* ===== Footer Brand Block ===== */

footer a {
	color: var(--white);
	text-decoration: none;
}

.brand-footer {
	background: var(--light-gray);
	color: var(--light-gray);
	padding: clamp(50px, 3.47vw, 80px);
}


/* ---- Top row ---- */
.bf-top{
	display:grid;
	grid-template-columns: 1fr 2fr 1fr;
	gap: 24px;
	align-items:start;
	margin-bottom: 64px;
}
.logo{
	font-weight:800;
	letter-spacing:.08em;
}
.logo-sub{
	font-size:12px;
	opacity:.8;
	letter-spacing:.18em;
}

/* ---- Big wordmark ---- */
.bf-wordmark {
	margin: 12px 0 20px;
	font-weight: 900;
	line-height: .9;
	font-size: clamp(40px, 11vw, 180px); /* scales */
	letter-spacing: .02em;
	color:#F1F0EA;
}

/* ---- Bottom row ---- */
.bf-bottom{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap: 16px;
	color:#EDEBE5;
	font-size:14px;
}
.bf-links a,
.bf-credits a{
	color: var(--dark);
	text-decoration:none;
	border-bottom:1px solid transparent;
}
.bf-links a:hover,
.bf-credits a:hover{
	border-bottom-color:#EDEBE5;
}
.bf-links .dot{ opacity:.5; margin:0 10px; }


#kontakt .forminator-input,
#form-popup .forminator-input {
	background: var(--white) !important;
	border: 0 !important;
	padding: 20px !important;
	font-size: 1rem !important;
	line-height: 1.3em !important;
	letter-spacing: 0.25px !important;
    font-weight: 500 !important;
	border-radius: 9px !important;
}

.forminator-field-consent {
	margin-top: 10px;
}

.first-row-item {
	margin-bottom: -35px !important;
}

.forminator-col {
	padding: 0 5px !important;
}

#newsletter .forminator-input {
	padding: 16px 0 !important;
	font-size: 16px !important;
	line-height: 1.3em !important;
	letter-spacing: 0.25px !important;
	padding-right: 70px !important;
}
#kontakt .forminator-floating--input,
#form-popup .forminator-floating--input,
#newsletter .forminator-floating--input {
	-webkit-transform: translateY(calc(1.3rem + 20px)) !important;
	transform: translateY(calc(1.3rem + 20px)) !important;
	position: relative;
	z-index: 2;
	font-weight: 500 !important;
	margin-left: 20px !important;
	color: rgba(58, 58, 58, 0.5) !important;
	text-align: left;
}

#newsletter .forminator-floating--input {
	margin-left: 0 !important;
	-webkit-transform: translateY(36px) !important;
	transform: translateY(36px) !important;
}
#kontakt .forminator-is_active .forminator-floating--input,
#form-popup .forminator-is_active .forminator-floating--input,
#kontakt .forminator-is_filled .forminator-floating--input,
#form-popup .forminator-is_filled .forminator-floating--input,
#newsletter .forminator-is_active .forminator-floating--input,
#newsletter  .forminator-is_filled .forminator-floating--input {
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important;
}
#kontakt .forminator-error-message, #newsletter .forminator-error-message  {
	font-weight: 500 !important;
}
#kontakt .forminator-label:not([class*="forminator-floating-"]),
#form-popup .forminator-label:not([class*="forminator-floating-"]){
	font-weight: 500 !important;
	font-size: 1rem !important;
	line-height: 1.3em !important;
	letter-spacing: 0.25px !important;
	margin-bottom: 8px !important;
}
#kontakt .forminator-field-checkbox .forminator-checkbox span,
#form-popup .forminator-field-checkbox .forminator-checkbox span {
	padding: 20px !important;
	background: #EEE8D8 !important;
	display: block !important;
	width: 100%;
	margin-left: 0 !important;
	font-size: 1rem !important;
	line-height: 1.3em !important;
	font-weight: 600 !important;
	transition: all 0.3s ease;
	border-radius: 6px;
}
#kontakt .forminator-field-checkbox .forminator-checkbox span:hover,
#form-popup .forminator-field-checkbox .forminator-checkbox span:hover {
	color: var(--light-gray) !important;
	background-color: #ACA9A1 !important;
}

.teamba-bar .nopad {
	padding: 0;
}

.teamba-bar img,
.teamba-bar .claim {
	padding: 15px 0;
	color: var(--orange);
	margin: 0;
}

.teamba-bar .claim {
	color: var(--orange);
	margin-top: 2px;
}

.forminator-required {
	display: none;
}

#kontakt .forminator-floating--input, #newsletter .forminator-floating--input,
#form-popup .forminator-field-checkbox .forminator-checkbox span:hover{
	font-size: 1rem !important;
	line-height: 1.3em !important;
	font-weight: 600 !important;
	padding-bottom: 0 !important;
}

#kontakt .forminator-field-checkbox span.forminator-checkbox-box,
#form-popup .forminator-field-checkbox span.forminator-checkbox-box {
	display: none !important;
}
#kontakt .forminator-field-checkbox .forminator-checkbox:not(.forminator-checkbox-inline),
#form-popup .forminator-field-checkbox .forminator-checkbox:not(.forminator-checkbox-inline) {
	margin: 8px 0 !important;
}
#kontakt .forminator-field-checkbox .forminator-checkbox input:checked ~ .forminator-checkbox-label,
#form-popup .forminator-field-checkbox .forminator-checkbox input:checked ~ .forminator-checkbox-label {
	background: var(--dark) !important;
	color: var(--white) !important;
}
#kontakt #consent-1,
#form-popup #consent-1{
	margin-top: 20px;
}

#kontakt .forminator-checkbox__label p a,
#form-popup .forminator-checkbox__label p a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
#kontakt .forminator-checkbox .forminator-checkbox-box:after,
#form-popup .forminator-checkbox .forminator-checkbox-box:after{
	width: calc(1rem + 2px) !important;
	height: calc(1rem + 2px) !important;
}
#kontakt .forminator-consent .forminator-checkbox-box,
#form-popup .forminator-consent .forminator-checkbox-box {
    width: calc(1rem + 2px) !important;
    height: calc(1rem + 2px) !important;
    flex: 0 0 calc(1rem + 2px) !important;
}
#kontakt .forminator-consent .forminator-checkbox-box,
#form-popup .forminator-consent .forminator-checkbox-box{
	border-color: var(--dark) !important;
	background-color: white !important;
	border: 1px solid !important;
	border-color: var(--dark) !important;
	border-radius: 50px !important;
}
#kontakt .forminator-checkbox .forminator-checkbox-box:before,
#form-popup .forminator-checkbox .forminator-checkbox-box:before{
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
	border-radius: 50px !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--dark) !important;
    background-image: url(assets/imgs/ppk-consent.svg) !important;
    transform: unset !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 13px;
}
#kontakt .forminator-checkbox input:checked+.forminator-checkbox-box:before,
#form-popup .forminator-checkbox input:checked+.forminator-checkbox-box:before{
	opacity: 1;
}
#kontakt .forminator-consent input:checked + .forminator-checkbox-box,
#form-popup .forminator-consent input:checked + .forminator-checkbox-box{
	border-color: var(--dark) !important;
}
#kontakt .forminator-checkbox span[aria-hidden]:after,
#form-popup .forminator-checkbox span[aria-hidden]:after{
	background-color: var(--dark) !important;
}
#kontakt .forminator-button-submit,
#form-popup .forminator-button-submit{
	display: block;
	width: 100%;
	padding: 25px 110px;
	border-radius: 22px !important;
	background: var(--orange) !important;
	color: var(--white) !important;
	font-size: 25px !important;
    line-height: 1.1em !important;
	font-weight: 700 !important;
	transition: all .3s ease !important;
}



.forminator-consent__label a,
.forminator-consent__label p {
	color: var(--dark);
	text-decoration: unset !important;
}

.forminator-consent__label a:hover {
	color: var(--orange);
}

/* menu item animation */

.menu-item--ring > a {
	position: relative;
	display: inline-block;
	padding: 6px 16px;
	color: #fff;
	font-weight: 800;
	z-index: 0;
}

.menu-item--ring > a .menu-ring {
	position: absolute;
	inset: 0;
	transform: scale(1.5) translateY(-6%) rotate(-3deg); /* tune to fit */
	transform-origin: center;
	pointer-events: none;
	z-index: -1;
	display: inline-block;
}

.menu-item--ring > a .menu-ring svg {
	width: 100%;
	height: 100%;
}

.menu-item--ring > a .menu-ring path {
	fill: none;
	stroke: #fff;
	stroke-width: 6px;
	stroke-linecap: round;
	stroke-linejoin: round;

	/* Start hidden (not drawn) */
	stroke-dasharray: 600;
	stroke-dashoffset: 600;
	transition: stroke-dashoffset .8s ease-out;
}

/* On hover → animate stroke into view*/
.menu-item--ring:not(.active) > a:hover .menu-ring path,
.menu-item--ring.active_ > a .menu-ring path {
	stroke-dashoffset: 0;
}

.menu-item--ring:not(.active) > a:hover .menu-ring,
.menu-item--ring.active_ > a .menu-ring  {
	transform: scale(1.55) translateY(-6%) rotate(-1deg);
	transition: transform .25s ease;
}

.side-menu-holder #main-menu li {
    width: 100%;
    text-align: center;
}
.side-menu-holder #main-menu a {
    position: relative;
    display: block;
}

.side-menu-holder_ #main-menu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -34px;
    height: 12px;
    width: 0;                 /* start collapsed */
    background: var(--white);
    border-radius: 9px;
    transform: rotate(.1deg);
    /* no animation here by default */
}

/* run the animation only when in view */
.side-menu-holder #main-menu a.in-view::after {
    animation: underlineGrowSideMenu 1s cubic-bezier(0, 0.85, 0.32, 1.28) forwards;
}
.desktop-header-row {
    align-items: center;
}
.menu-item--ring.btn-ppk > a .menu-ring {
    display: none;
}
.menu-item--ring.btn-ppk {
    display: none;
}
.navbar.scrolled .menu-item--ring.btn-ppk {
    display: block;
}

.forminator-checkbox__label.forminator-consent__label p {
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 130% !important;
	max-width: 70%;
}

.forminator-button.forminator-button-submit {
	font-size: 30px;
}

img.logo-header.dark {
    height: 60px;
}
.navbar.scrolled .underline::after {
    display: none;
}
.navbar.scrolled .logo-header:not(.dark) {
    opacity: 0;
    visibility: hidden;
	left: -300px;
    height: clamp(32px, 2.22vw, 50px);
    padding: 0;
}


.navbar.scrolled  a.navbar-brand {
    padding: 0;
}
.navbar.scrolled .menu-item--ring > a .menu-ring path {
    stroke: var(--dark);
}
.hero-bg__:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.6) 100%);

}

.hero-round {
	bottom: 30%;
	right: 6%;
	transform: rotate(25deg);
	width: 230px;
	height: 230px;
	background-color: var(--orange);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: var(--white);
	font-size: 28px;
	line-height: 35px;
	text-decoration: none;
	position: absolute;
	font-weight: 700;
	transition: 0.1s ease !important;
	padding: 20px;
	white-space: normal;
	overflow: hidden;
}

.h-100 {
    height: 100%;
}
.padleft12 {
    padding-left: 12px;
}
.padleft6 {
    padding-left: 0.5rem;
}
.fw500 {
    font-weight: 500 !important;
}
.mb10 {
    margin-bottom: 10px;
}
.marginleft15 {
    margin-left: 15px;
}

.marginbottom25 {
	margin-bottom: 25px;
}

.close img {
    width: 40px;
    height: 40px;
	filter: brightness(0) invert(0);
	opacity: .8;
}

#form-popup .close img {
	opacity: 1 !important;
}

.timeline-dot.second {
    background: #FF987A;
}
.side-menu-holder #main-menu .btn-ppk.menu-item a::after {
    display: none;
}

.side-menu-holder #main-menu .btn-ppk.menu-item a {
    padding: 16px 24px;
    font-size: 24px;
    color: var(--white); !important;
    background: var(--orange);
}
.side-menu-holder_  #main-menu .btn-ppk.menu-item a {
    padding: 20px !important;
    font-size: 20px;
    color: var(--orange) !important;
    background: var(--white);
    font-weight: 700;
    width: fit-content;
    margin: auto;
    line-height: 1.1;
}
.side-menu-holder .hero-arrow {
    margin: 64px 0 16px;
}
.my-menu-class .hero-arrow {
    display: none;
}
body .cky-consent-container .cky-consent-bar {
    background: var(--light-green) !important;
    border: 0 !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-shadow: unset !important;
}
body [data-cky-tag="powered-by"] {
    display: none !important;
}

body .cky-notice .cky-title, .cky-preference-header .cky-preference-title {
    color: var(--dark) !important;
    font-size: 24px !important;
    position: relative !important;
    --leftVal: clamp(8px, 0.83vw, 18px);
    padding-bottom: 0;
    width: fit-content;
    margin-bottom: 1em;
    max-width: calc(100% - 32px);
    padding: 0;
}
.cky-consent-bar .cky-notice-des p, .cky-gpc-wrapper .cky-gpc-desc p, .cky-preference-body-wrapper .cky-preference-content-wrapper p, .cky-accordion-header-wrapper .cky-accordion-header-des p, .cky-cookie-des-table li div:last-child p {
    color: var(--dark) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3em !important;
}
.cky-consent-bar .cky-banner-btn-close, .cky-preference-header .cky-btn-close {
    right: 16px !important;
    top: 16px !important;
    height: 20px !important;
    width: 20px !important;
    border: 0 !important;
    background: transparent !important;
}
.cky-consent-bar .cky-banner-btn-close img, .cky-preference-header .cky-btn-close  img {
    display: none !important;
}
.cky-consent-bar .cky-banner-btn-close:after , .cky-preference-header .cky-btn-close:after {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    background-image: url(/wp-content/uploads/2026/03/cros-x.svg);
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease;
}
.cky-consent-bar .cky-banner-btn-close:hover:after ,
.cky-preference-header .cky-btn-close:hover:after {
    opacity: 0.8;
}

.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy,
.cky-dma-content-wrapper a.cky-policy,
.cky-dma-content-wrapper button.cky-policy {
    font-size: 14px !important;
    color: var(--white) !important;
}
.cky-consent-bar button, .cky-prefrence-btn-wrapper .cky-btn {
    font-size: 15px !important;
    padding: 12px !important;
    color: var(--dark) !important;
    border: 1px solid var(--dark) !important;
    border-radius: 16px !important;
    font-weight: 700 !important;
    text-transform: unset !important;
}
.cky-consent-bar button.cky-btn-reject:hover,
.cky-consent-bar button.cky-btn-accept:hover,
.cky-consent-bar button.cky-btn-customize:hover,
.cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences:hover,
.cky-prefrence-btn-wrapper .cky-btn.cky-btn-reject:hover {
    background: var(--white) !important;
    color: var(--dark) !important;
}
button.cky-btn.cky-btn-accept,
.cky-consent-bar button.cky-btn-reject {
    color: var(--white) !important;
	background-color: var(--dark) !important;
}


.cky-consent-container {
    width: 450px !important;
}
.cky-notice-des {
    margin-bottom: 16px !important;
    padding: 0 !important;
}
.cky-notice-btn-wrapper {
    padding: 0 !important;
}
body .cky-modal {
    color: var(--white) !important;
    background: var(--light-green) !important;
}
.cky-consent-container .cky-consent-bar, .cky-preference-center {
    background: var(--light-green) !important;
    border-radius: 32px !important;
}
.cky-preference-body-wrapper .cky-preference-content-wrapper p {
    font-size: 12px !important;
}
.cky-preference-header .cky-btn-close:after {
    top: 16px;
    left: unset;
    right: 16px;
}
.cky-preference-header .cky-preference-title {
    margin-bottom: 0 !important;
}
.cky-preference-header .cky-btn-close:focus-visible {
    outline: 0 !important;
    outline-offset: 0 !important;
}
.cky-preference-content-wrapper .cky-show-desc-btn {
    color: var(--white) !important;
    font-size: 12px !important;
    text-decoration: underline !important;
}
.cky-preference-content-wrapper .cky-show-desc-btn:hover {
    color: var(--dark) !important;
}


.cky-accordion-header .cky-accordion-btn {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: unset !important;
    color: var(--dark) !important;
}
.cky-accordion .cky-accordion-chevron i::before {
    border-color: var(--white) !important;
}
.cky-switch input[type="checkbox"]:checked {
    background: var(--dark) !important;
}
.cky-accordion-header-wrapper .cky-accordion-header-des p {
    font-size: 12px !important;
}

.cky-btn-revisit-wrapper.cky-revisit-hide.cky-revisit-bottom-left {
	display: none !important;
}

.cky-revisit-hide {
	display: block !important;
}


body:not(.home) .navbar:not(.scrolled) .underline::after {
    display: none;
}
.menu-item--ring > a .menu-ring {
    transform: scale(1.8) !important;
}

.forminator-name--field::placeholder,
.forminator-field-name::placeholder {
	font-size: 16px !important;
}


/* BYTY POPUP NEW CSS */

.flat-type-popup {
    position: fixed;
    left: 0;
    width: 100vw;
    height: 0;
    bottom: 0;
    background: var(--light-gray);
    color: var(--dark);
    transition: height .5s ease;
    z-index: 99;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.05);

}
.flat-content-holder {
    height: calc(100% - 90px);
    overflow-x: auto;
    margin-top: 90px;
}
.flat-type-popup.active {
    height: calc(100dvh - var(--header-height));
}

.padleft45 {
    padding-left: 45px;
}
.flat-info-flex {
    display: flex;
    gap: 2rem;
    row-gap: 1rem;
    flex-wrap: wrap;
}


.flat-info-item {
    gap: 1rem;
    display: flex;
    align-items: center;
    min-width: 150px;
}
.flat-info-img {
    width: 3rem ;
    height: 3rem;
}
.text-uppercase {
    text-transform: uppercase;
}
.martop32 {
    margin-top: 2rem;
}
.rooms-table {
    display: flex;
    flex-direction: column;
}
.room {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    border-bottom: 1px solid var(--dark);
}
.padall48 {
    padding: 3rem;
}
.rooms-table .room:last-of-type {
    border-bottom: 0;
}
.flat-popup-floor-img {
    max-height: 300px;
}
.btn-holder {
    max-width: 250px;
    margin: auto;
}

.container-popup {
    max-width: 1000px;
    padding-left: calc(clamp(25px, 1.736vw, 40px) + 12px);
    padding-right: calc(clamp(25px, 1.736vw, 40px) + 12px);
}
.fw-400 {
    font-weight: 400;
}
.close-flat-popup {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    right: clamp(25px, 1.736vw, 40px);
    top: 1rem;
    transition: all .3s ease;
    pointer-events: all;
    cursor: pointer;
}
.close-flat-popup img {
    width: 100%;
    height: 100%;
}
.close-flat-popup:hover {
    opacity: 0.85;
    transform: scale(0.9);
}
.marbottom8 {
    margin-bottom: 8px;
}

.flat-type-popup .pol-img-holder {
    position: relative;
    width: 220px;
    padding: 40px 0;
}
.flat-type-popup .dom-img-title.byt-1 {
    left: -30px;
    top: unset;
    flex-direction: column-reverse;
    bottom: 0;
}
.flat-type-popup .dom-img-title.byt-2 {
    top: unset;
    right: -25px;
    bottom: 0;
    flex-direction: column;
}
.flat-type-popup .dom-img-line {
    height: 40px;
    width: 1px;
}
.flat-type-popup .dom-img-title.byt-3 {
    right: -50px;
    top: 5px;
    flex-direction: column-reverse;
}
img.flat-orientation {
    max-height: 275px;
    width: 100%;
}
.flat-popup-floor-img {
    pointer-events: all;
    cursor: pointer;
}
.popup-open .lg-object.lg-image {
    background: #fff;
}
.flat-type-box.legend .flat-type-info-group {
    margin-top: 111px;
}
.bg-sand {
    background: #EEE8D8;
}
.flat-info-item .ben-info-text {
    min-height: unset;
}
.padall125rem {
    padding: 1.25rem;
}
.minw220 {
    min-width: 220px;
}
.cky-consent-bar .cky-notice-content-wrapper {
    padding: 12px 12px 0 12px !important
}

div#map {

    position: relative;

}

div#map .iframe::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F7F5F0;
    mix-blend-mode: hue;
    pointer-events: none;
    z-index: 1;
    isolation: isolate;

}

.ppk-map-marker .arrow {
    width: 50px;
    height: clamp(60px, 4.16vw, 80px);
    margin-top: 1rem;
    background-image: url(assets/imgs/ppk-orange-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	z-index: 99999;
}
.gmnoprint {
    display: none;
}

#map {
    width: 100%;
    min-height: 665px;
    height: 50vw;
    max-height: 70vh;
    overflow: hidden;
}
/* náš vlastný marker */
.ppk-map-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 100;
}
.ppk-map-marker .label {
    background: #FF5421;
    color: #F7F5F0;
    padding: 1rem;
    border-radius: 999px;
    font-weight: 900;
    font-size: 22px;
    white-space: nowrap;
}
.ppk-map-marker {
    position: relative;
    isolation: isolate; /* <– vytvorí vlastný blending context */
    z-index: 10;        /* nad overlayom */
}

.text-white {
    color: var(--white);
}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-response-message {
    box-shadow: unset !important;
}

.underline::before {
	left: -8px;
	bottom: -14px;
	height: 11px;
	right: 8px;
}
.ppk-map-marker {
	position: relative;
	z-index: 1000; /* keep whole marker above map */
}

.ppk-map-marker .arrow {
	animation: bounce 2s infinite;
}

/* overlay element */
.ppk-map-marker .ppk-marker-overlay {
	position: absolute;
	inset: 0;
	background: rgba(238,232,216,0.4);
	z-index: 1;           /* BELOW label + arrow */
	pointer-events: none;/* important: allow map drag */
	width: 10000px;
	height: 10000px;
	top: -5000px;
	left: -5000px;
	mix-blend-mode: hue;
}

/* label and arrow above overlay */
.ppk-map-marker .label,
.ppk-map-marker .arrow {
	position: relative;
	z-index: 2;
}

.social-bar {
	padding: 10px 0 10px 0;
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	transition: .3s ease-in;
}

.scrolled .social-bar {
	display_: none;
	opacity: 0;
	height: 0px !important;
	padding: 0 !important;
}

.social-item {
	width: 35px;
	height: 35px;
	background: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.social-item img {
	width: 15px;
	height: 15px;
	object-fit: contain;
}

.person-card-section {
}

.person-card {
	margin: 0 auto;
	padding: 50px;
	background: #f8f8f8;
	box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.20);

	display: flex;
	align-items: center;
	gap: 90px;
}

.dis-none {
	display: none;
}

.person-card__image {
	flex: 0 0 250px;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
}

.person-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.person-card__content {
	flex: 1;
	max-width: 980px;
}


.bg-old-pink {
	background: var(--old-pink);
}

.coalition-banner__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.coalition-banner__title {
	margin: 0 0 42px;
	font-size: 28px;
	line-height: 1.25;
	font-weight: 700;
	color: #4a4343;
}

.coalition-banner__logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 70px;
	flex-wrap: wrap;
}

.coalition-logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.coalition-logo img {
	display: block;
	max-height: 95px;
	width: auto;
	max-width: 160px;
	object-fit: contain;
}

.foo-div {
	text-align: center;
}

.foo-div a,
.foo-div span {
	color: var(--dark);
}

footer .social-bar {
	justify-content: center;
}

.dark-text {
	color: var(--dark);
	text-align: center;
}

.teamba-logo {
	max-width: 100px;
	text-align: center;
}

.text-right {
	text-align: right;
}

.card-item {
	padding: 32px;
	border-radius: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card-item h3 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 55px;
}

.card-item p {
	font-size: 16px;
	color: #555;
	margin: 0;
}

/* farby */
.bg-green {
	background: #E9EFDA;
}

.bg-pink {
	background: #FDEAE5;
}

.bg-gray {
	background: #EEEDEB;
}

.bg-l-yellow {
	background-color: #FFEFC6;
}

.logo-header {
	transition:
			opacity .3s ease,
			transform .3s ease,
			visibility 0s linear .1s; /* delay pre hide */
			left: .3s ease;
}

/* default stav */
.logo-header:not(.dark) {
	opacity: 1;
	visibility: visible;
	left: unset !important;
	transform: translateY(0);
}

.gallery {
	display: grid;
	grid-template-columns: repeat(6, 1fr); /* dôležité */
	gap: 16px;
}

/* default – 3 obrázky v riadku */
.gallery-item {
	grid-column: span 2; /* 6 / 3 = 2 */
}



.gallery_ {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.gallery-item {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius_: 16px;
	aspect-ratio_: 4 / 3;
}

.gallery-item img {
	border-radius: 16px;
}

.gall-wrap {
	overflow: hidden;
}

.gallery-item.is-hidden {
	display: none;
}

.gall-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}

.gallery-item:hover .gall-img_ {
	transform: scale(1.05);
}

.gallery-more-wrap {
	margin-top: 32px;
	text-align: center;
}

.gallery-more-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	background-color: transparent;
	border: 0 !important;
	padding: 14px 24px;
	color: var(--dark);
	cursor: pointer;
	transition: all .3s ease;
	text-decoration: underline;
}

.gallery-more-btn:hover {
	opacity: .9;
}

@media (max-width: 991px) {
	.gallery {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 575px) {
	.gallery {
		grid-template-columns: 1fr;
	}
}

.gallery-item {
	opacity: 1;
	transform: translateY(0);
	transition: all .4s ease;
}

.gallery-item.is-hidden {
	opacity: 0;
	transform: translateY(20px);
	pointer-events: none;
}

.gallery-figure {
	margin: 0;
}

.gallery-caption {
	margin-top: 10px;
	font-size: 14px;
	color: #333;
}

/**/

.gall-wrap.before-after{
	position: relative;
	overflow: hidden;
}

.gall-wrap.before-after .gall-img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity .35s ease;
}


.ba-label{
	position: absolute;
	top: 12px;
	z-index: 3;
	padding: 6px 10px;
	font-size: 12px;
	line-height: 1;
	background: rgba(0,0,0,.55);
	color: #fff;
	border-radius: 20px;
}

.ba-label-before{
	left: 12px;
}

.ba-label-after{
	right: 12px;
}

/* opacity */

.gall-wrap.before-after .gall-img-before{
	position: relative;
	z-index: 1;
	opacity: 0;
}

.gall-wrap.before-after .gall-img-after{
	position: absolute;
	inset: 0;
	z-index: 2;
	opacity: 1;
}

.gallery-item:hover .gall-wrap.before-after .gall-img-after,
.gallery-item:hover .gall-wrap.before-after .ba-label-after {
	opacity: 0;
}

.gallery-item:hover .gall-wrap.before-after .gall-img-before,
.gallery-item:hover .gall-wrap.before-after .ba-label-before {
	opacity: 1;
}

.ba-label-before {
	opacity: 0;
}

.ba-label-after {
	opacity: 1;
}


@media (min-width: 768px) {


}



/**/

.coalition-banner_.bg-old-pink {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999999;
}