/**
 * Theme Name:     Almar Theme
 * Author:         89 STUIDO
 * Template:       bootstrap-basic4
 * Text Domain:	   almar-theme
 * Description:    Bootstrap v.4
 */

body h1, body h2, body h3, body h4, body h5, body h6 {font-family: "Titillium Web",  sans-serif; font-weight: 400; font-style: normal;}
body p, body span, body a, body ul li {font-family: "Open Sans", sans-serif; font-style: normal;}


body .no-padding {padding: 0}
.full-container {width: 100%; padding: 0 15px}


/*header*/
body .page-header {margin-bottom: 0}
body header {margin-bottom: 0}
body header .menu-col {padding-right: 0}
body header .menu-col .navbar {min-height: inherit; padding: 0}
body header .menu-col .navbar .navbar-collapse {justify-content: flex-end;}
body header .menu-col .navbar ul li.nav-item a {font-family: "Titillium Web", sans-serif; padding: 0 15px; line-height: 105px; font-weight: 600; color: #223d6c;  font-size: 24px; text-decoration: none; background: transparent; transition: 150ms;}
body header .menu-col .navbar ul li:last-child a {color: #fff; background: #8BC34A}

body header .dropdown-menu {background: #223d6c;}
body header .dropdown-menu li {width: 100%; border-bottom: 1px solid #fff;}
body header .menu-col ul li.nav-item .dropdown-menu a {color: #fff; line-height: inherit;  font-size: 16px; padding: 20px; font-family: "Open Sans", sans-serif; border-bottom: 1px solid #192e52; font-style: normal; font-weight: 400}
body header .menu-col ul li.nav-item .dropdown-menu a:hover {background-color: #31599e; transition: 250;}

body header .menu-col .navbar ul li.menu-item-has-children a.menu-item-has-children {position: relative; padding-right: 25px}
body header .menu-col .navbar ul li.menu-item-has-children a.menu-item-has-children:before {position: absolute; bottom: 45px; right: 5px; width: 15px; height: 11px; content: ""; background-image: url(/wp-content/themes/almar-theme/img/bottom-arrow.png); background-repeat: no-repeat; background-position: center}

/* --- DESKTOP (Powyżej 992px) --- */
@media (min-width: 992px) {
    /* Otwieranie menu po najechaniu (Hover) */
    .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0; /* Usunięcie odstępu, żeby myszka nie "uciekała" */
    }

    /* Ukrycie przycisku "+" na komputerach */
    .mobile-dropdown-toggle {
        display: none;
    }
}

/* --- MOBILE (Poniżej 992px) --- */
@media (max-width: 991px) {
    /* Styl przycisku "+" */
    .mobile-dropdown-toggle {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 28px;
        text-align: center;

        border: 1px solid #ddd;
        border-radius: 4px;
        margin-left: 10px;
        cursor: pointer;
        font-weight: bold;
        float: right; 
    }

    /* Zmiana koloru przycisku po rozwinięciu */
    .dropdown.show .mobile-dropdown-toggle {
        background: #e9ecef;
        transform: rotate(180deg); /* Opcjonalnie: obrót przycisku */
    }
    
    /* Upewnienie się, że link i przycisk są w jednej linii */
    .navbar-nav .dropdown-toggle {
        display: inline-block;
        width: calc(100% - 45px); /* Miejsce na tekst linku */
    }
}





/*frontpage*/
section.hero-image {height: 50vw; position: relative; overflow: hidden;}
section.hero-image .special-box { text-align: center; float: left; width: 100%; padding-bottom: 20px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(9,17,31,0) 0%, rgba(9,17,31,0) 12%, rgba(9,17,31,0.7) 82%, rgba(9,17,31,0.7) 100%); background: -webkit-linear-gradient(top, rgba(9, 17, 31, 0) 0%, rgba(9, 17, 31, 0) 12%, rgba(9, 17, 31, 0.7) 82%, rgba(9, 17, 31, 0.7) 100%); background: linear-gradient(to bottom, rgba(9, 17, 31, 0) 0%, rgba(9, 17, 31, 0) 12%, rgba(9, 17, 31, 0.7) 82%, rgba(9, 17, 31, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0009111f', endColorstr='#b309111f',GradientType=0 );
}

section.hero-image .special-box h2 {font-size: 35px; font-weight: bold; position: relative; padding-bottom: 15px; margin-bottom: 15px; padding-top: 30px; color: #fff;}
section.hero-image .special-box h2:before {position: absolute; content: ""; left: calc(50% - 39px); height: 1px; width: 78px; background: #db2b21; bottom: 0; transition: 150ms;}
section.hero-image .special-box p {color: #fff; margin-bottom: 40px}
.border-box {width: 100%; height: 100%; position: absolute; z-index: 1; padding: 20px}
.border-box:after {position: absolute; content: ""; bottom: 40px; left: 40px; width: 194px; height: 196px; background-image: url(/wp-content/themes/almar-theme/img/img-plus.png); background-repeat: no-repeat; visibility: visible;}
.border-box .border {width: 100%; height: 100%; position: relative; z-index: 1; border: 1px solid #fff}









.about-frontpage { background-color: #e9ecf0; width: 100%; float: left;}
.about-frontpage h1 {font-size: 50px; margin-top: 65px; line-height: 1; position: relative; padding-bottom: 40px;}
.about-frontpage h1:before { position: absolute; content: ""; left: calc(50% - 39px); height: 1px; width: 78px; background: #db2b21; bottom: 0;}
.home header.entry-header h1.entry-title {font-size: 50px; line-height: 1; position: relative; margin: 65px auto 0; padding: 0}
.home .entry-content h1.entry-title {font-size: 50px; line-height: 1; position: relative; padding-bottom: 40px;}
.home .entry-content h1.entry-title:before { position: absolute; content: ""; left: calc(50% - 39px); height: 1px; width: 78px; background: #db2b21; bottom: 0;}





.promotion-section.container { border: 1px solid #09111f; padding: 50px 30px; margin-top: 50px; margin-bottom: 50px;}
.promotion-section.container .btn { color: #db2a1f; text-transform: uppercase; border-radius: 0; line-height: 54px; font-family: 'Titillium Web', sans-serif; font-weight: 600; display: inline-block; margin-top: 35px; clear: both; border: 1px solid #db2a1f;  padding: 0 74px;  font-size: 19px;  background: transparent;  transition: 150ms;}
.promotion-section.container .btn:hover {background: #db2a1f; color: #fff; text-decoration: none; transition: 150ms;}








.stats-section .stats-bg {background-image: url(/wp-content/themes/almar-theme/img/about-bg.jpg); background-position: -60px -171px;; margin-bottom: 30px; position: relative;}
.stats-section .stats-bg:before {content: ""; position: absolute; bottom: 2px; left: 0; width: 100%; height: 2px; background-color: #e9ecf0}
.stats-section .col-lg-3 {text-align: center; border-left: 15px solid #e9ecf0; border-right: 15px solid #e9ecf0; padding: 15px}
.stats-section .text-primary {color: #fff !important;}
.stats-section p {color: #fff}
.stats-section span.counter-up {font-size: 60px; font-weight: 400;}




.presentation-section {background: #e9ecf0; padding-top: 50px; padding-bottom: 50px} 
.presentation-section .center-video {margin: 0 auto 50px} 
.presentation-section p {text-align: center; font-family: 'Titillium Web', sans-serif; font-size: 17px; color: #010101;}
.presentation-section .presentation-content a {font-family: 'Titillium Web', sans-serif; font-size: 17px; color: #010101; text-decoration: underline}

section.investments-list {background-color: #fff}
section.investments-list .row.align-items-center .col-lg-7 .container-box {padding-left: 80px; display: inline-block;}
section.investments-list .row.align-items-center.flex-row-reverse .col-lg-7 .container-box {padding-left: inherit; padding-right: 80px; float: right}
section.investments-list .no-padding {padding: 0}
section.investments-list .image-border:before {  position: absolute;  content: "";  top: 20px;  left: 20px;  width: calc(100% - 40px);  height: calc(100% - 40px);  border: 1px solid #fff;  display: block;}


section.investments-list .plus-image:after{  position: absolute;  content: "";  top: 40px;  right: 40px;  width: 194px;  height: 196px;  background-image: url(/wp-content/themes/almar-theme/img/img-plus.png);  background-repeat: no-repeat;  visibility: visible;}
section.investments-list .row.align-items-center.flex-row-reverse .plus-image:after {right: inherit; left: 40px}
section.investments-list  .container-box {  width: 600px;  max-width: 100%;}
section.investments-list .container-box h5 {text-transform: uppercase; font-weight: 600; color: #010101; padding-top: 20px}
section.investments-list .container-box h2 {margin-top: 20px; text-transform: uppercase; font-size: 48px; line-height: 1; position: relative; padding-bottom: 24px; color: #000; margin-bottom: 15px;}
section.investments-list .container-box h2:before { position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}
section.investments-list .container-box a {color: #db2a1f;  text-transform: uppercase;  line-height: 54px;  font-family: 'Titillium Web', sans-serif;  font-weight: 600;  margin-top: 25px; margin-bottom: 20px; float: left;  clear: both;  border: 1px solid #db2a1f;  padding: 0 74px;  font-size: 19px;  background: transparent;  transition: 150ms;}
section.investments-list .container-box a:hover {background: #db2a1f; color: #fff; text-decoration: none; transition: 150ms;}

section.companies-offer {background-color: #e9ecf0; padding-top: 100px}
section.companies-offer .row.align-items-center {margin-bottom: 60px}

section.companies-offer h2 {margin-top: 20px; position: relative; font-size: 48px; line-height: 1; position: relative; padding-bottom: 24px; color: #000; margin-bottom: 15px;}
section.companies-offer h2:before {position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}

section.companies-offer P {font-size: 15px}
section.companies-offer a {color: #db2a1f;  text-transform: uppercase;  line-height: 54px;  font-family: 'Titillium Web', sans-serif;  font-weight: 600;  margin-top: 25px;  float: left;  clear: both;  border: 1px solid #db2a1f;  padding: 0 74px;  font-size: 19px;  background: transparent;  transition: 150ms;}
section.companies-offer a:hover {background: #db2a1f; color: #fff; text-decoration: none; transition: 150ms;}
section.companies-offer img {padding-right: 8.3333%;}
section.companies-offer .slogan-box {position: absolute; bottom: 40px; right: 0; width: 75%;}
section.companies-offer .slogan-box span {clear: both; float: right; margin-top: 10px; color: #fff; font-size: 36px; line-height: 1.8; padding: 0 20px; background-color: rgba(20, 23, 32, 0.79);}
section.companies-offer .slogan-box strong {    float: left; color: #fff; font-size: 36px; line-height: 1.8; padding: 0 20px; background-color: rgba(20, 23, 32, 0.79);}


section.companies-offer .owl-carousel {margin-bottom: 80px}
section.companies-offer .owl-carousel .owl-nav {position: relative; margin: 0; width: 100%;}
section.companies-offer .owl-carousel .owl-nav button {position: absolute; display: block; bottom: 100px; padding-top: 15px !important; background: #223d6c; border-radius: 0; text-align: center; width: 56px; height: 56px; border: 2px solid #fff; opacity: 0.4;}
section.companies-offer .owl-carousel .owl-nav button:hover {background-color: #223d6c; opacity: 1}
section.companies-offer .owl-carousel .owl-nav button span {color: #fff; font-size: 80px; line-height: 0}
section.companies-offer .owl-carousel .owl-nav button.owl-prev {left: -30px;}
section.companies-offer .owl-carousel .owl-nav button.owl-next {right: -30px}
section.companies-offer .owl-carousel img {padding: 0} 





section.blog-section {background-image: url(/wp-content/themes/almar-theme/img/base-bg.png); width: 100%; float: left; padding-bottom: 70px}
section.blog-section h2 {margin-top: 60px; font-size: 48px; line-height: 1; position: relative; padding-bottom: 24px; color: #fff; margin-bottom: 15px;}
section.blog-section h2:before {position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}


section.blog-section .post-img {width: 75%; position: relative;}
section.blog-section .post-img:before {    position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}
section.blog-section .post-content-row {position: absolute; bottom: 40px; right: 0; width: 70%; background: #fff}
section.blog-section .post-content-row .post-box {padding: 15px; width: 73%; float: left;}
section.blog-section .post-content-row h3 {margin-top: 0; font-size: 30px; line-height: 1;}
section.blog-section .post-content-row .btn-box {width: 27%; position: absolute; right: 0; height: 100%; float: right; background: #d5ddeb;}
section.blog-section .post-content-row .btn-box a {height: 100%; align-items: center; display: grid; background: transparent; transition: 150ms; width: 100%; text-align: center; text-decoration: none; font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 19px; text-transform: uppercase; color: #000;}

section.blog-section .owl-carousel .owl-nav {position: relative; margin: 0; width: 100%;}
section.blog-section .owl-carousel .owl-nav button {position: absolute; display: block; left: -30px; padding-top: 15px !important; background: #223d6c; border-radius: 0; text-align: center; width: 56px; height: 56px; border: 2px solid #fff; opacity: 0.4;}
section.blog-section .owl-carousel .owl-nav button:hover {background-color: #223d6c; opacity: 1}
section.blog-section .owl-carousel .owl-nav button span {color: #fff; font-size: 80px; line-height: 0}
section.blog-section .owl-carousel .owl-nav button.owl-prev {bottom: 110px}
section.blog-section .owl-carousel .owl-nav button.owl-next {bottom: 40px}



section.blog-section a.btn.more-btn {color: #db2a1f; margin-top: 50px; line-height: 54px; font-family: 'Titillium Web', sans-serif;  font-weight: 600; float: left; border-radius: 0; clear: both; border: 1px solid #db2a1f; padding: 0 47px; font-size: 19px; transition: 150ms;}



.single-inwestycje .top-region {height: 40vw; background: #09111f; position: relative;}
.single-inwestycje .invest-background {width: 100%; height: 100%; position: relative;}
.single-inwestycje .invest-background .image{width: 100%; height: 100%; background-position: center; background-size: cover; position: relative; opacity: 0.4}
.single-inwestycje .invest-background:before {position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}
.single-inwestycje .invest-background:after { position: absolute; content: ""; bottom: 40px; left: 40px; width: 194px; height: 196px; background-image: url(/wp-content/themes/almar-theme/img/img-plus.png); background-repeat: no-repeat; visibility: visible;
}
.single-inwestycje .top-region .header-box { text-align: center; float: left; width: 100%; padding-bottom: 20px; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(9,17,31,0) 0%, rgba(9,17,31,0) 12%, rgba(9,17,31,0.7) 82%, rgba(9,17,31,0.7) 100%); background: -webkit-linear-gradient(top, rgba(9, 17, 31, 0) 0%, rgba(9, 17, 31, 0) 12%, rgba(9, 17, 31, 0.7) 82%, rgba(9, 17, 31, 0.7) 100%); background: linear-gradient(to bottom, rgba(9, 17, 31, 0) 0%, rgba(9, 17, 31, 0) 12%, rgba(9, 17, 31, 0.7) 82%, rgba(9, 17, 31, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0009111f', endColorstr='#b309111f',GradientType=0 );}
.single-inwestycje .top-region .header-box h1 { width: 720px; max-width: 100%; color: #fff; margin: 60px auto 25px; position: relative; font-size: 35px; font-weight: 600; padding-bottom: 20px; line-height: 1; display: inline-block;}
.single-inwestycje .top-region .header-box h1:before {position: absolute; content: ""; left: calc(50% - 39px); height: 1px; width: 78px; background: #db2b21; bottom: 0;}
.single-inwestycje .invest-content {background: #e9ecf0; float: left; width: 100%; padding: 0 15 55px}
.single-inwestycje .invest-content h2 {position: relative; padding-bottom: 35px; font-size: 48px; margin-top: 66px; margin-bottom: 38px;}
.single-inwestycje .invest-content h2:before {position: absolute; content: ""; left: calc(50% - 39px); height: 1px; width: 78px; background: #db2b21; bottom: 0;}

.single-inwestycje .invest-content .prospect-row ul {list-style-type: none;; padding: 0;}
.single-inwestycje .invest-content .prospect-row ul li a {color: #000; display: inline;}



.invest-content-col h3 {margin-bottom: 20px; font-size: 24px}
.prospect-row ul {margin-bottom: 40px}

.single-inwestycje .invest-content .invest-value-box {width: 100%; float: left; margin-bottom: 40px}
.single-inwestycje .invest-content .liczba-item {width: 100%; float: left;}
.single-inwestycje .invest-content .liczba-item span {background-color: #acbecb; float: left; padding: 12px 14px; color: #000; border-bottom: 1px solid #e9ecf0}
.single-inwestycje .invest-content .liczba-item span.liczba-info {width: 55%; border-right: 1px solid #e9ecf0}
.single-inwestycje .invest-content .liczba-item span.liczba-wartosc {width: 45%;}


.single-inwestycje .invest-content .invest-file {width: 100%; float: left;}
.single-inwestycje .invest-content .invest-file .attachment-item  a {color: #000; display: inline; width: 100%;}


.single-inwestycje .invest-gallery {clear: both; flaot: left; width: 100%; padding: 50px 100px}
.single-inwestycje .invest-gallery h3 {position: relative; padding-bottom: 35px; font-size: 48px; margin-top: 66px; margin-bottom: 38px;}
.text-center.border-text {position: relative; padding-bottom: 35px; font-size: 48px; margin-top: 66px; margin-bottom: 38px;}
.text-center.border-text:before {position: absolute; content: ""; left: calc(50% - 39px); height: 1px; width: 78px; background: #db2b21; bottom: 0;}


.single-inwestycje .gallery-item {padding: 0; position: relative;}
.single-inwestycje .gallery-item:before {position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff;}
.single-inwestycje .crop-image {height: 250px; object-fit: cover; object-position: center; width: 100%;}

/* Opcjonalnie: inna wysokość na dużych ekranach */
@media (min-width: 992px) { .crop-image {     height: 300px; }
}

.single-inwestycje .local-list .row.singlelocal-item {margin-bottom: 50px}
.single-inwestycje .local-list .local-value ul {list-style-type: none; padding: 0;}
.single-inwestycje .local-list .local-value ul li {background-color: #acbecb; float: left; color: #000; border-bottom: 1px solid #e9ecf0; width: 100%;}
.single-inwestycje .local-list .local-value ul li .col-one {width: 50%;  border-right: 1px solid #e9ecf0; float: left;  padding: 12px 14px;}
.single-inwestycje .local-list .local-value ul li .col-two {width: 50%; float: left; padding: 12px 14px;}


.single-inwestycje .local-list ul.singlelocal-summary {background-color: #acbecb; float: left; color: #000; border-bottom: 1px solid #e9ecf0; width: 100%; list-style-type: none; padding: 0; margin-top: 5px} 
.single-inwestycje .local-list ul.singlelocal-summary li {float: left; width: 100%; border-bottom: 1px solid #e9ecf0}
.single-inwestycje .local-list ul.singlelocal-summary .col-one {width: 50%;  border-right: 1px solid #e9ecf0; float: left;  padding: 12px 14px;}
.single-inwestycje .local-list ul.singlelocal-summary .col-two {width: 50%; float: left; padding: 12px 14px;}



.single-inwestycje .local-list .mieszkanie-pdf {float: left; width: 100%; clear:    both}

.single-inwestycje .local-list .mieszkanie-pdf a.btn-pdf { color: #09111f; text-transform: uppercase; line-height: 54px; font-family: 'Titillium Web', sans-serif; font-weight: 600; margin-top: 30px; margin-right: 15px; float: left; clear: both; border: 1px solid #09111f; padding: 0 52px; font-size: 19px; background: transparent; transition: 150ms;}




.single-inwestycje .local-list .single-local-price {clear:  both;}
.single-inwestycje .local-list .single-local-price span {float: left;}
.single-inwestycje .local-list .single-local-price .normal_price {color: #6d983a; clear: both; font-family: 'Titillium Web', sans-serif; font-weight: 600; margin-top: 40px; float: left; width: 100%; font-size: 28px; line-height:48px}
.single-inwestycje .local-list .single-local-price .normal_price .small {font-size: 14px; line-height: 58px; margin-left: 15px; float: left; font-weight: bold; color: #84929b}

.single-inwestycje .local-list .dodatkowe-oplaty {clear: both;}
.single-inwestycje .local-list .dodatkowe-oplaty h4 {font-size: 18px; font-weight: 600}
.single-inwestycje .local-list .dodatkowe-oplaty ul {list-style-type: none; padding: 0; margin-bottom: 30px; float: left; width: 100%; background-color: #e9ecf0; border-bottom: 1px solid #fff;font-size: 14px; font-family: 'Open Sans', sans-serif; color: #222629;}
.single-inwestycje .local-list .dodatkowe-oplaty ul li {border-bottom: 2px solid #fff; padding: 5px 10px; float: left; width: 100%}
.single-inwestycje .local-list .dodatkowe-oplaty ul .info {float: left;}
.single-inwestycje .local-list .dodatkowe-oplaty ul .value {float: right;}

.single-inwestycje .local-list .single-local-price .price-history {font-size: 14px; clear: both}
.single-inwestycje .local-list .single-local-price .price-history h4 {font-size: 18px; font-weight: 600}
.single-inwestycje .local-list .single-local-price .price-history ul {list-style-type: none; padding: 0; float: left; width: 100%; background-color: #e9ecf0; border-bottom: 1px solid #fff; padding: 0; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #222629;}
.single-inwestycje .local-list .single-local-price .price-history ul li {border-bottom: 2px solid #fff; padding: 5px 10px}
.single-inwestycje .local-list .single-local-price .price-history ul li small {clear: both; font-size: 12px}





section.other-investments {background-image: url(/wp-content/themes/almar-theme/img/other-offer-bg.jpg); position: relative; padding-bottom: 50px}
section.other-investments:before {position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}
section.other-investments h3 {text-align: center; display: inline-block; width: 100%; position: relative; padding-bottom: 35px; font-size: 48px; margin-top: 66px; margin-bottom: 38px; color: #fff;
}

section.other-investments h3:before { position: absolute; content: ""; left: calc(50% - 39px); height: 1px; width: 78px; background: #db2b21; bottom: 0;
}
section.other-investments .img-wrapper {position: relative;}
section.other-investments .img-wrapper:before {position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}
section.other-investments .img-wrapper img {height: 200px; object-fit: cover; object-position: center; width: 100%;}
section.other-investments h4.card-title {color: #fff}




/*lista mieszka*/
.page-template-page-mieszkania .top-region {background-image: url(/wp-content/themes/almar-theme/img/base-bg.png); background-attachment: fixed; position: relative; margin-bottom: 60px;}
.page-template-page-mieszkania .top-region:before {position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff;}
.page-template-page-mieszkania .top-region h1 {color: #fff; position: relative; padding-bottom: 20px; margin: 70px 0; display: inline-block ;}
.page-template-page-mieszkania .top-region h1:before {position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}

.page-template-page-mieszkania .realization-row:nth-child(odd) .image-col {padding: 0 90px 0 0}
.page-template-page-mieszkania .realization-row:nth-child(even) .image-col {padding: 0 0 0 90px}
.page-template-page-mieszkania .realization-row:nth-child(even) .text-col .content-wrapper {float: right}
.image-col .image-border { height: 30vw;  width: 100%; overflow: hidden;  max-height: 800px; }
.image-col .image-border img { width: 100%; height: 100%; object-fit: cover;  display: block; }
.page-template-page-mieszkania .realization-row .image-border {position: relative;}
.page-template-page-mieszkania .realization-row .image-border:before { position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}
.page-template-page-mieszkania .realization-row .plus-image:after { position: absolute; content: ""; bottom: 40px;  width: 194px; height: 196px; background-image: url(/wp-content/themes/almar-theme/img/img-plus.png); background-repeat: no-repeat; visibility: visible;}

.page-template-page-mieszkania .content-wrapper h5 {text-transform: uppercase; font-weight: 600; color: #010101}
.page-template-page-mieszkania .content-wrapper h2 {margin-top: 20px; text-transform: uppercase; font-size: 48px; line-height: 1; position: relative; padding-bottom: 24px; color: #000; margin-bottom: 15px;}
.page-template-page-mieszkania .content-wrapper h2:before { position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}
.page-template-page-mieszkania .content-wrapper a {color: #db2a1f;  text-transform: uppercase;  line-height: 54px; border-radius: 0;  font-family: 'Titillium Web', sans-serif;  font-weight: 600;  margin-top: 25px;  float: left;  clear: both;  border: 1px solid #db2a1f;  padding: 0 74px;  font-size: 19px;  background: transparent;  transition: 150ms;}
.page-template-page-mieszkania .content-wrapper a:hover {background: #db2a1f; color: #fff; text-decoration: none; transition: 150ms;}






/*oferta dla firm*/
.page-template-page-realizacje .top-region {background-image: url(/wp-content/themes/almar-theme/img/base-bg.png); background-attachment: fixed; position: relative; margin-bottom: 60px;}
.page-template-page-realizacje .top-region:before {position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff;}
.page-template-page-realizacje .top-region h1 {color: #fff; position: relative; padding-bottom: 20px; margin: 70px 0; display: inline-block ;}
.page-template-page-realizacje .top-region h1:before {position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}



.page-template-page-realizacje .realization-row:nth-child(odd) .image-col {padding: 0 90px 0 0}
.page-template-page-realizacje .realization-row:nth-child(even) .image-col {padding: 0 0 0 90px}
.page-template-page-realizacje .realization-row:nth-child(even) .text-col .content-wrapper {float: right}
.image-col .image-border { height: 35vw;  width: 100%; overflow: hidden;  max-height: 800px; }
.image-col .image-border img { width: 100%; height: 100%; object-fit: cover;  display: block; }


.page-template-page-realizacje .realization-row .image-col {padding: 0 90px 0 0}
.page-template-page-realizacje .realization-row .content-wrapper {width: 570px; max-width: 100%}
.page-template-page-realizacje .realization-row .content-wrapper figure.wp-block-embed {width: 420px; max-width: 100%}
.page-template-page-realizacje .realization-row .image-border {position: relative;}
.page-template-page-realizacje .realization-row .image-border:before { position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}

.page-template-page-realizacje .realization-row .plus-image:after { position: absolute; content: ""; top: 40px;  width: 194px; height: 196px; background-image: url(/wp-content/themes/almar-theme/img/img-plus.png); background-repeat: no-repeat; visibility: visible;}
.page-template-page-realizacje .realization-row:nth-child(odd) .plus-image:after {left: 40px}
.page-template-page-realizacje .realization-row:nth-child(even) .plus-image:after {right: 40px}

.page-template-page-realizacje .realization-row h2 {margin-top: 20px; text-transform: uppercase; font-size: 48px; line-height: 1; position: relative; padding-bottom: 24px; color: #000; margin-bottom: 15px;}
.page-template-page-realizacje .realization-row h2 { margin-top: 20px; text-transform: uppercase; font-size: 48px; line-height: 1; position: relative; padding-bottom: 24px; color: #000; margin-bottom: 15px;}
.page-template-page-realizacje .realization-row h2:before { position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}
.page-template-page-realizacje .realization-row .realization-gallery a {width: 100%; float: left;}
.realization-row .gallery-grid-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px;}
.realization-row .gallery-grid-item { display: block; position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: 4px; overflow: hidden; background-color: #f0f0f0; }
.realization-row .gallery-grid-img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.realization-row .gallery-grid-item:hover .gallery-grid-img { transform: scale(1.03);}

@media (max-width: 1200px) { .gallery-grid-container { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 992px) { .gallery-grid-container { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) { .gallery-grid-container { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) { .realization-row:nth-child(even) {     flex-direction: row-reverse; } .realization-row:nth-child(even) .content-wrapper { }
}








/*oferta blog*/

.page-template-page-baza-wiedzy .top-region {background-image: url(/wp-content/themes/almar-theme/img/base-bg.png); background-attachment: fixed; position: relative; margin-bottom: 60px;}
.page-template-page-baza-wiedzy .top-region:before {position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff;}
.page-template-page-baza-wiedzy .top-region h1 {color: #fff; position: relative; padding-bottom: 20px; margin: 70px 0; display: inline-block ;}
.page-template-page-baza-wiedzy .top-region h1:before {position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}


.page-template-page-baza-wiedzy .blog-list .full-container {margin-top: -60px;}
.page-template-page-baza-wiedzy .views-row {background: #fff; position: relative; float: left; width: 100%; border: 1px solid #d7d9ee; padding: 29px; margin-bottom: 40px;}
.page-template-page-baza-wiedzy .image-border {position: relative;}
.page-template-page-baza-wiedzy .image-border:before { position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}


.page-template-page-baza-wiedzy h2 {margin-top: 0; font-size: 30px; line-height: 1; position: relative; padding-bottom: 10px;}
.page-template-page-baza-wiedzy h2:before {position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0; transition: 200ms;}
.page-template-page-baza-wiedzy h2 a {color: #000; text-decoration: none;}
.page-template-page-baza-wiedzy p {color: #000; margin-top: 20px; margin-bottom: 20px}
.page-template-page-baza-wiedzy .more-btn a {width: 100%; background: #d5ddea; color: #000; text-transform: uppercase; text-align: center; float: left; font-family: 'Titillium Web', sans-serif; line-height: 39px; transition: 150ms;}





.page-template-page-baza-wiedzy .blog-list .pagination-row  {clear: both; }
.page-template-page-baza-wiedzy .blog-list .pagination-row .pagination {clear: both; display: block}
.page-template-page-baza-wiedzy .blog-list .pagination .page-numbers {border: 1px solid #d5ddea; color: #000; line-height: 39px; padding: 0 15px; display: inline-block;}




.image-border.header-image-section { position: relative; height: 240px; overflow: hidden; width: 100%; float: left; display: block;}
.image-border.header-image-section:before { position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}
.image-border .header-img {background-image: url(/wp-content/themes/almar-theme/img/webform-bg.jpg); width: 100%; height: 100%;}


.single-page-content h1 {color: #000; position: relative; padding-bottom: 32px; padding-top: 40px; margin: 0 auto 40px; font-size: 48px; text-align: center; clear: both;}
.single-page-content h1:before {    position: absolute; content: ""; left: calc(50% - 39px); height: 1px; width: 78px; background: #db2b21; bottom: 0;}





/*sport support*/
.page-template-page-wspieramy-sportowcow .top-region {background-image: url(/wp-content/themes/almar-theme/img/base-bg.png); background-attachment: fixed; position: relative; margin-bottom: 60px;}
.page-template-page-wspieramy-sportowcow .top-region:before {position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff;}
.page-template-page-wspieramy-sportowcow .top-region h1 {color: #fff; position: relative; padding-bottom: 20px; margin: 70px 0; display: inline-block ;}
.page-template-page-wspieramy-sportowcow .top-region h1:before {position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}

.page-template-page-wspieramy-sportowcow .realization-row:nth-child(odd) .image-col {padding: 0 90px 0 0}
.page-template-page-wspieramy-sportowcow .realization-row:nth-child(even) .image-col {padding: 0 0 0 90px}
.page-template-page-wspieramy-sportowcow .realization-row:nth-child(even) .text-col .content-wrapper {float: right}
.image-col .image-border { height: 30vw;  width: 100%; overflow: hidden;  max-height: 800px; 
}
.image-col .image-border img { width: 100%; height: 100%; object-fit: cover;  display: block; 
}


.page-template-page-wspieramy-sportowcow .realization-row .image-col {padding: 0 90px 0 0}
.page-template-page-wspieramy-sportowcow .realization-row .content-wrapper {width: 570px; max-width: 100%}
.page-template-page-wspieramy-sportowcow .realization-row .content-wrapper figure.wp-block-embed {width: 420px; max-width: 100%}
.page-template-page-wspieramy-sportowcow .realization-row .image-border {position: relative;}
.page-template-page-wspieramy-sportowcow .realization-row .image-border:before { position: absolute; content: ""; top: 20px; left: 20px; width: calc(100% - 40px); height: calc(100% - 40px); border: 1px solid #fff; display: block;}

.page-template-page-wspieramy-sportowcow .realization-row .plus-image:after { position: absolute; content: ""; top: 40px;  width: 194px; height: 196px; background-image: url(/wp-content/themes/almar-theme/img/img-plus.png); background-repeat: no-repeat; visibility: visible;}
.page-template-page-wspieramy-sportowcow .realization-row:nth-child(odd) .plus-image:after {left: 40px}
.page-template-page-wspieramy-sportowcow .realization-row:nth-child(even) .plus-image:after {right: 40px}

.page-template-page-wspieramy-sportowcow .realization-row h2 {margin-top: 20px; text-transform: uppercase; font-size: 48px; line-height: 1; position: relative; padding-bottom: 24px; color: #000; margin-bottom: 15px;}
.page-template-page-wspieramy-sportowcow .realization-row h2 { margin-top: 20px; text-transform: uppercase; font-size: 48px; line-height: 1; position: relative; padding-bottom: 24px; color: #000; margin-bottom: 15px;}
.page-template-page-wspieramy-sportowcow .realization-row h2:before { position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}
.page-template-page-wspieramy-sportowcow .realization-row .realization-gallery a {width: 100%; float: left;}
.realization-row .gallery-grid-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px;}
.realization-row .gallery-grid-item { display: block; position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: 4px; overflow: hidden; background-color: #f0f0f0; }
.realization-row .gallery-grid-img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.realization-row .gallery-grid-item:hover .gallery-grid-img { transform: scale(1.03);}

@media (max-width: 1200px) { .gallery-grid-container { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 992px) { .gallery-grid-container { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) { .gallery-grid-container { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 768px) { .realization-row:nth-child(even) {     flex-direction: row-reverse; } .realization-row:nth-child(even) .content-wrapper { }
}






/*single page*/
.entry-content .nf-form-cont {background-color: #e9ecf0; padding: 30px 40px;}
.entry-content .nf-form-cont label {font-weight: normal; color: #9ea0a3}
.entry-content .nf-form-cont input, .entry-content .nf-form-cont textarea {border: none; border-bottom: 1px solid #9ea0a3; background: transparent;}
.entry-content .nf-form-cont input[type="submit"] {border: 1px solid #000; background: transparent; border-radius: 0; text-transform: uppercase; color: #000;  font-family: 'Titillium Web', sans-serif; float: right; clear: both; line-height: 53px; padding: 0 80px; transition: 250ms;}








/*footer*/

footer#site-footer {padding: 50px 0; border: none; background-color: #fff; clear: both; }
footer#site-footer h3 {color: #000; position: relative; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 19px; font-weight: 600; padding-bottom: 13px; margin-top: 0;}
footer#site-footer h3:before {position: absolute; content: ""; left: 0; height: 1px; width: 78px; background: #db2b21; bottom: 0;}
footer#site-footer .widget-one {width: 66%; float: left; display: inline-block; padding-left: 50px}
footer#site-footer .widget-two {width: 34%; float: left; display: inline-block; padding-left: 50px}
footer#site-footer p {font-size: 14px; color: #575e6b}
footer#site-footer ul {list-style-type: none; padding: 0;}
footer#site-footer ul li a {padding: 0; font-size: 14px; color: #575e6b; transition: 150ms;}
footer#site-footer .footer-menu {width: 30%; display: inline; float: left;}
footer#site-footer .footer-offer {width: 70%; display: inline; float: left; padding-left: 50px}
footer#site-footer .col-two .footer-offer ul {columns: 2;display: block;}

footer#site-footer .col-three {padding-right: 50px}
footer#site-footer .col-three  a {border: 1px solid #acbecb; color: #223d6c; font-weight: bold; line-height: 50px; float: left; margin-top: 15px; text-align: center; width: 100%; max-width: 280px;}


.copyright-row {margin: 0; clear: both;  background: #d5ddeb;  color: #575e6a; padding: 25px 35px;}
.copyright-row p {margin-bottom: 0}


button.navbar-toggler {display: none;}



@media (max-width: 1600px) {
    body header .menu-col .navbar ul li.nav-item a {padding: 0 8px}
    body header .menu-col ul li.nav-item .dropdown-menu a {padding: 20px}
}





@media (max-width: 1366px) {
    body header .menu-col .navbar ul li.nav-item a {font-size: 18px}
    footer#site-footer .footer-menu {padding-left: 50px}
}





@media (max-width: 1280px) {
    body header .menu-col .navbar ul li.nav-item a {font-size: 15px}
}





@media (max-width: 992px) {footer#site-footer .footer-menu {padding-left: 50px;}
    button.navbar-toggler {float: right; margin-top: 30px display: block}
    button.navbar-toggler span {float: left; widht: 30px; height: 2px; display: inline-block; background: #000; margin: 2px 0; clear: both;}

    nav.navbar.navbar-expand-lg {position: absolute; top: 93px; right: 0; width: 100vw; background: #fff; z-index: 999}
    body header .menu-col .navbar ul li {position: relative; border-bottom: 1px solid #09111f}
    body header .menu-col .navbar ul li.nav-item a {line-height: inherit; padding: 15px 30px}
    body header .menu-col .navbar ul li.menu-item-has-children a.menu-item-has-children:before {display: none;}
    .mobile-dropdown-toggle {position: absolute; top: 0px; right: 0; border: none; border-radius: 0; padding: 26px 35px 26px 20px; display: inline-block; line-height: 0px; font-size: 30px;}
    body header .dropdown-menu {background: #fff; border: none;}
    body header .menu-col .navbar ul li.nav-item a {color: #09111f}
    body header .menu-col .navbar ul li.nav-item a:hover {color: #09111f; background: #e9ecf0}

    .stats-section .col-lg-3 {border-bottom: 3px solid #e9ecf0; margin-bottom: 0 !important}

    .img-fluid {width: 100%}
    section.investments-list .container-box {width: 100%; padding: 50px}

    section.companies-offer a {margin-bottom: 50px; border-radius: 0}

    section.blog-section .post-img {width: 100%}
    section.blog-section .post-content-row {position: relative; display: inline-block; bottom: 0; width: 100%}
    section.blog-section .owl-carousel .owl-nav button.owl-prev {bottom: 310px}
    section.blog-section .owl-carousel .owl-nav button.owl-next {bottom: 240px}

    footer#site-footer .col-three {padding-left: 50px}
    section.hero-image .special-box {position: relative; background-color: #09111f; bottom: inherit;}
    section.hero-image .special-box h2 {color: #fff;}
    section.hero-image .special-box p {color: #fff;}


    section.hero-image {height: inherit;}
    section.hero-image {overflow: inherit; display: inline-grid;}
    section.hero-image .special-box {order: 3;}
    section.hero-image .border-box {order: 3;}
    section.hero-image .border-box:after {top: calc(52vw - 235px); background-size: contain; background-position: bottom; width: 110px}
    section.hero-image .border-box .border {height: calc(52vw - 40px)}

    .page-template-page-baza-wiedzy h2 {font-size: 20px}


}





@media (max-width: 768px) {

    section.investments-list .container-box {width: 100%; padding: 50px 15px} 

    section.companies-offer .slogan-box {right: 15px}

    footer#site-footer .widget-one, footer#site-footer .widget-two, footer#site-footer .footer-menu, footer#site-footer .footer-offer {width: 100%; padding: 15px}
    section.companies-offer .owl-carousel {padding: 0 30px}

    .row.site-branding .site-title { width: 50%; }
    .row.site-branding .site-title img {max-width: 100%}
    body header .menu-col {width: 50%}


    .page-template-page-mieszkania .realization-row .image-border {height: 60vw}
    .page-template-page-mieszkania .realization-row:nth-child(odd) .image-col, .page-template-page-mieszkania .realization-row:nth-child(even) .image-col {padding: 0}
    .page-template-page-mieszkania .content-wrapper h5 {margin-top: 40px}
    .page-template-page-mieszkania .content-wrapper a { margin-bottom: 80px }
    .page-template-page-mieszkania .realization-row:nth-child(even) .text-col .content-wrapper {float: left;}


    .single-inwestycje .top-region {height: 60ve; min-height: 400px}
    .single-inwestycje .invest-content .invest-file {margin-bottom: 50px}
    .single-inwestycje .top-region .header-box {padding: 0 30px 20px}
    section.other-investments .img-wrapper img {height: 50vw}


    .page-template-page-wspieramy-sportowcow .realization-row:nth-child(odd) .image-col, .page-template-page-wspieramy-sportowcow .realization-row:nth-child(even) .image-col {padding: 0}
    .image-col .image-border {height: 60vw;}
    .page-template-page-wspieramy-sportowcow .realization-row .content-wrapper {margin-bottom: 50px}

    .page-template-page-baza-wiedzy h2 {margin-top: 20px}
    .page-template-page-baza-wiedzy .views-row {margin-left: 0}

}