@font-face {
    font-family: 'Avenir-Medium';
    src: url('/new/public//fileadmin/font/Avenir-Medium.eot');
    src: url('/new/public/fileadmin/font/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
        url('/new/public/fileadmin/font/Avenir-Medium.woff2') format('woff2'),
        url('/new/public/fileadmin/font/Avenir-Medium.woff') format('woff'),
        url('/new/public/fileadmin/font/Avenir-Medium.ttf') format('truetype'),
        url('/new/public/fileadmin/font/Avenir-Medium.svg#Avenir-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir';
    src: url('/new/public/fileadmin/font/Avenir-Black.eot');
    src: url('/new/public/fileadmin/font/Avenir-Black.eot?#iefix') format('embedded-opentype'),
        url('/new/public/fileadmin/font/Avenir-Black.woff2') format('woff2'),
        url('/new/public/fileadmin/font/Avenir-Black.woff') format('woff'),
        url('/new/public/fileadmin/font/Avenir-Black.ttf') format('truetype'),
        url('/new/public/fileadmin/font/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


*, *:before, *:after {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none !important;}
img {max-width: 100%; height: auto; vertical-align: top;}
a { text-decoration: none; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
a:hover { text-decoration:none; outline:none;}
.container {width: 100%; max-width: 1078px; padding: 0 15px; margin: auto; position: relative; }
h1{

}
h2{
    font-size: 32px;
    font-weight: normal;
    line-height: 34px;
}
h3{
    font-size: 32px;
    font-weight: 500;
}
html {overflow-x: hidden;}
body {
    margin: 0;
    padding:0;
    color: #464646; 
    font-size: 20px; 
    line-height: 28px; 
    font-family: 'Avenir-Medium';
    overflow: hidden;
}
.header{
    padding:35px 0 20px;
}
.navbar > .container{
    align-items: end;
}
.navbar{
    padding: 0;
}
.navbar-brand{
    margin-right: 0;
    width: 215px;
    padding: 0;
}
.navbar-brand img{
    width: 100%;
}
.phone {
    margin-bottom: 25px;
}
.navbar-toggler:focus{
    outline: none;
    box-shadow:none;
}
.phone a{
    color: #464646;
    font-size: 21px;
}
.phone img{ width: 32px;}
.navbar-nav .nav-item{
    padding: 0 15px;
}
.navbar-nav .nav-item:last-child{
    padding-right: 0;
}
.navbar-expand-lg .navbar-nav .nav-link,
.navbar-nav .nav-item a{
    color: #464646;
    padding: 0;
    text-transform: uppercase;
    font-size: 19px;
}
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-nav .nav-item a:hover{
    color: #A1BF54;
}
.banner-section{
    max-width: 1645px;
    width: 100%;
    margin: 0 auto 35px;
    position: relative;
}
.banner-items{
    align-items: center;
    display: flex !important; 
    
}
.banner-items img{
    margin: 0 auto;
}
.banner-section .slick-dots{
    list-style: none;
    padding: 0;
    position: absolute;
    right: 25px;
    margin: 0;
    bottom: 20px;
    display: flex;
}

.banner-section .slick-dots li{
    padding: 0 5px;

}

.banner-section .slick-dots button{
    width: 16px;
    height: 16px;
    text-indent: -500;
    overflow: hidden;
    background: #fff;
    border: navajowhite;
    font-size: 0;
}
.banner-section .slick-dots li.slick-active button{
    background: #A1BF54;
}
.content-section{
    padding: 0px 0 35px;
}
.content-section h2{
    text-transform: uppercase;
    margin-bottom: 15px;
}
.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.content-section p{
    margin-bottom: 25px;
}
.content-section .block{
    margin-bottom: 15px;
}
.content-section .block .img{
    width: 100%;
}
.content-section .block .img img{
    width: 100%;
}
.content-section .block-details{
    background: #ECECEC;
    padding: 25px 20px 25px 40px;
}
.content-section .block-details p{
    margin-bottom: 0;
}
.content-section .block-details a{
    color: #A1BF54;
    padding-left: 5px;
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: none;
}
.content-section .block-details.offer-details{
    padding: 20px;
}
.offer-details h3{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: #424446;
    border-bottom: 1px solid #424446;
    padding-bottom: 15px;
    margin-bottom: 10px;
    font-family: 'Avenir';
}
.offer-details label{
    width: 100%;
    margin: 0;
}
.offer-details .price-list{
    padding-top: 25px;
}
.offer-details .price-list .btn{
    color: #fff;
    width: 183px;
    line-height: 32px;
    font-family: 'Avenir';
    border-radius: 0;
    padding: 0;
    font-size: 20px;
    height: 32px;
    font-weight: 700;
    background-color: #A1BF54;
}
.footer{
    background: #A1BF54;
    padding: 15px 0;
    color: #fff;
}
.footer a{
    color: #fff;
}
.footer p{
    margin-bottom: 0;
}
.footer ul{
    text-align: right;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer ul li{
    width: 100%;
}
.footer ul li a{
    color: #fff;
}
.modern-house{
    background: #ECECEC;
    padding:36px 60px;
}
.modern-house h2{
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 25px;
    color: #95C04A;
    font-family: 'Avenir';
}
.house-gallery{
    margin: 0 -5px;
    display: flex;
}
.house-gallery .big-img{
    padding:0 5px;
    width: 67%;;
}
.house-gallery .small-img{
    width: 33%;
    padding: 0 2.5px;
    display: flex;
}
.house-gallery .small-img ul{
    list-style: none;
    padding: 0;
    margin: 0 -2.5px;
    
}
.house-gallery .small-img li{
    width:33.333%;
    padding: 0 4px 5px;
    float: left;
}
.living-space{
    text-align: center;
    border-bottom: 1px solid #424446;
    padding-bottom: 25px;
    margin-top: 25px;
    display: flex;
    justify-content: center;
}
.living-space h4{
    color: #95C04A;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 8px;
    font-family: 'Avenir';
}
.carport-row{
    display: flex;
    width: 100%;
    padding: 15px 0;
    display: flex;
    justify-content: left;
    align-items: center;
    border-bottom: 1px solid #424446;
    margin-bottom: 25px;
    font-size: 19px;
}
.modern-house .content-row{
    border-bottom: 1px solid #424446;
    margin-bottom: 20px;
}
.carport-row .col-{
    padding-right: 40px;
    display: flex;
    align-items: center;
}
.carport-row .col- img{
    width: 40px;
    margin-right: 20px;
}
.content-section .content-row p{
    font-size:18px ;
}
.modern-house h3{
    font-size:22px;
    font-family: 'Avenir';
    font-weight: normal;
}
.kontakt{
    width: 100%;
    
}
.kontakt h3{
    padding-right: 30px;
}
.kontakt .col-row {
    width: 100%;
    display: flex;
    align-items: center;
}
.kontakt .col-row p{
    margin-bottom: 0;
}
.kontakt .col-row p a{
    color: #464646 !important;
    text-decoration: none !important;
}
.kontakt .col-row .col-:first-child{
    width: 205px;
}
.kontakt .btn{
    line-height: 32px;
    border-radius: 0;
    font-size: 20px;
    height: 32px;
    padding: 0;
    font-weight: normal;
    width: 210px;
    font-family: 'Avenir';
    margin-top: 30px;
    background-color: #A1BF54;
}
.kontakt .col- h4{
    font-size: 18px;
    font-family: 'Avenir';
    font-weight: normal;
    margin: 0;
}
.kontakt .col- label{
    font-style: italic;
    margin-top: 7px;
}
.kontakt .row {
    align-items: end;
}
.kontakt-form .form-group{
    margin-bottom: 18px;
}
.kontakt-form{
    padding-top: 20px;
}
.kontakt-form .form-control{
    border-radius: 0;
    height: 38px;
    padding: 0 10px;
}
.kontakt-form textarea.form-control{
    height: 130px;
}
.kontakt-form .form-label{
    margin-bottom: 5px;
}
.kontakt-form .btn{
 width: 140px;
 border-radius: 0;
 font-family: 'Avenir';
 height: 32px;
 padding: 0;
 margin-bottom: 10px;
 background-color: #A1BF54;
}
.Kontakt-ct{
    padding-top: 30px;
    padding-left: 30px;
}
.Kontakt-ct p{
    margin-bottom: 0;
}
.Kontakt-ct p a{
    color: #424446;
    text-decoration: none !important;
}
section.content-section .container p a {
    color: black;
    text-decoration: underline;
}
section.content-section {
    min-height: calc(100vh - 756px);
}

/*20-01-2025*/
li { font-size: 18px; }


/*** Responsive css start ***/
@media (min-width: 992px) {
    .tel-link {
        display: none;
    }
}

@media screen and (max-width:991px) {
    .phone{
        display: none;
    }
    .offer-details .price-list .btn{
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
    }
    .modern-house{
        padding: 20px;
    }
    .kontakt h3{
        padding-right: 0;
    }
    .tel-link {
        position: absolute;
        top: 68px;
        right: 80px;
        width: 30px;
    }
}
@media screen and (max-width:767px) {
    .navbar-collapse{
        background: #ECECEC;
        padding: 15px 0 0px;
    }
    .navbar-nav{
        margin-bottom: 0;
    }
    .navbar-brand{
        width: 120px;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .navbar-nav .nav-item a{
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 5px;
    }
    .header{
        padding: 15px 0;
    }
    .phone{
        display: none;
    }
    .content-section{
        padding: 0 0 10px;
    }
    .content-section .block-details{
        padding: 15px;
    }
    .content-section h2{
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 34px;
    }
    .offer-details .price-list .btn{
        width: auto;
        padding-left: 5px;
        padding-right: 5px;
        height: auto;
    }
    
    .footer .col-sm-4{
        margin-bottom: 15px;
    }
    .house-gallery{
        display: grid;
    }
    .house-gallery .big-img{
        width: 100%;
        padding-bottom: 10px;
    }
    .house-gallery .small-img{
        width: 100%;
    }
    .house-gallery .small-img li{
        width: 25%;
    }
    .kontakt .col-sm-7,
    .kontakt .col-sm-4 {
        width: 100%;
        margin-bottom: 15px;
    }
    .carport-row{
        display: grid;
    }
    .carport-row .col-{
        width: 100%;
        margin-bottom: 10px;
    }
    .kontakt h3{
        padding-right: 20px;
    }
    .kontakt .col-sm-4{
        align-items: center;
        justify-content: center;
    }
    .Kontakt-ct{
        padding: 20px 0 20px;
    }
}
@media screen and (max-width:480px) {
    .footer ul,
    .footer{
        text-align: center;
    }
}