.estate-cards { max-width:1640px; margin:auto; position:relative; }
#TopEstates.estate-cards .owl-nav button{ position:absolute; top:calc(50% - 25px); left:-60px; display:block; 
                                          width:50px; height:50px; border:1px solid var(--color5); border-radius:50%; }
#TopEstates.estate-cards .owl-nav button span { color:gray; font-size:30px; line-height:1; text-align:center; }
#TopEstates.estate-cards .owl-nav button.owl-prev { right:auto; left:-60px; }
#TopEstates.estate-cards .owl-nav button.owl-next { right:-60px; left:auto; }
.estate-cards { display:flex; flex-wrap:wrap; }
.estate-cards .item{ position:relative; width:calc(100% - 40px); margin:2em 20px; border:1px solid var(--color5); background-color:var(--color3); }
.estate-cards .item .photo{ position:relative; width:100%; height:0; padding-top:65%; display:block; overflow:hidden;
                           

}
.estate-cards .item .photo img{ position:absolute; 
                                top: 50%;
                                  left: 50%;
                                  transform: translate(-50%, -50%);
                                  margin:auto; min-height:100%; min-width:100%;
                                  width:auto;height:100%;
                                  position: absolute;
                                  z-index:5; }

.estate-cards .item .title{ font-weight:700; font-size:1.4rem; text-transform:uppercase; }
.estate-cards .item .content .row { border-bottom:1px solid var(--color5); padding:10px 0;  }
.estate-cards .item .content .row:first-child { padding-top:0; }
.estate-cards .item .content .row:last-child {  }
.estate-cards .item .location,.estate-cards .item .type,.estate-cards .item .price .ico{ color:var(--color6); }
    .estate-cards .item .price { color:black; font-weight:700; }
    .estate-cards .item .content .ico { margin-right:10px; }
    .estate-cards .item .detaillink { padding:0 25px 25px 25px; }
    .estate-cards .item .content { padding:25px; }
    .estate-cards .item .detaillink .button{ background-color:black; }

    .estate-cards .item:hover { cursor:pointer; }
    .estate-cards .item:hover .photo .veil { background-color:rgba(0,0,0,0.6); position:absolute; left:0; top:0; width:100%; height:100%; z-index:7; }    
    .estate-cards .item:hover .photo .icons { position:absolute; bottom:0; display:flex; flex-direction:column; z-index:10; margin-bottom:10px; }
    .estate-cards .item:hover .photo .icons .icofield{ padding-left:10px; display:flex; flex-wrap:nowrap; }
    .estate-cards .item:hover .photo .icons .icofield .ico{ color:var(--color1); width:25px; }
    .estate-cards .item:hover .photo .icons .icofield .ico.locationico{ color:var(--color10); }
    .estate-cards .item:hover .photo .icons .icofield .text{ color:var(--color10); }
    .estate-cards .item:hover .photo .icons .icofield .text::first-letter{ text-transform:uppercase; }
    .estate-cards .item:hover .photo .icons .underline { border-bottom:1px solid var(--color10); width:2rem; height:1px; margin-left:10px; margin-top:10px; margin-bottom:10px; }
    
.estate-cards .item .photo .status { }

.estate-cards .item .location span.typeofcommission { display:inline-block; }
.estate-cards .item .location span.typeofcommission::first-letter{ text-transform:uppercase; }

.estate-cards .item .flex { width:100%; }
.estate-cards .item .link{ text-align:right;  }
.estate-cards .item .link a { text-decoration:none; }
    .estate-cards .item.devproj { width:64.665%; position:relative; }
    .estate-cards .item.devproj .devprojcontent{ position:absolute; left:0; top:0; margin:auto; 
                                                width:100%; height:100%; display:block; overflow:hidden;
                                                -webkit-border-radius: 5px;
                                                -moz-border-radius: 5px;
                                                border-radius: 5px;
    }
    .estate-cards .item.devproj .devprojcontent .TitleProject { position:absolute; bottom:5rem; left:2rem; font-size:1.7rem; color:var(--color10); font-weight:bold; z-index:8; }
    .estate-cards .item.devproj .devprojcontent .EstatesCountInProject { position:absolute; bottom:2rem; left:2rem; font-size:1.2rem; color:var(--color10); font-weight:500; z-index:8; }
    .estate-cards .item.devproj .devprojcontent .EstatesCountInProject .DevProjCardCount { display:inline; }
    .estate-cards .item.devproj .photo { padding:0; height:100%; }
    .estate-cards .item.devproj .photo img { width:100%; height:auto; }
    .estate-cards .item.devproj .gradient { width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;
        background: rgb(198,0,46);
        background: linear-gradient(90deg, rgba(198,0,46,0.5032387955182073) 0%, rgba(8,87,147,0.6488970588235294) 100%);}
    .estate-cards .item.devproj a { display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; }
    


.estate-cards .tagestate { display:block; position:absolute; width:50px; height:50px; right:5px; bottom:6em; z-index:8;
                          -webkit-border-radius: 25px;
                            -moz-border-radius: 25px;
                            border-radius: 25px;

}
.estate-cards .tagestate.sleva { background-color:var(--color5); color:var(--color10); }
.estate-cards .tagestate.top { background-color:var(--color2); color:var(--color10); }
.estate-cards .tagestate .ico { display:block; text-align:center; overflow:hidden; font-size:1.2rem; font-weight:bold; line-height:1.4; }
.estate-cards .tagestate .text { display:block; text-align:center; overflow:hidden; font-size:0.9rem; font-weight:300; line-height:1; }

.estate-cards .tagestate.top { }
.estate-cards .tagestate.top .ico{ font-size:2rem; height:0.8em; line-height:1.2; }
.estate-cards .NextEstates { margin:2em 0;  }
.estate-cards .NextEstates .button{ border:1px solid var(--color3); color:var(--color3); background-color:var(--color10); width:auto; display:table; margin:auto; padding:0 2em; }
    

@media all and (max-width: 1780px) {
    #TopEstates { max-width:calc(100% - 160px); }
    
}


@media all and (max-width: 85em) {

    /*.estate-cards { width:90%; margin-left:5%; margin-right:5%; }*/
    
}

@media all and (max-width: 75em) {

    /*.estate-cards .tagestate { bottom:7.3em; }*/
    .estate-cards .item .title { font-size:1.1rem; }
}

@media all and (max-width: 68em) {

    /*.estate-cards .item{ width:48%; }
    .estate-cards .item.devproj { width:100%; padding-top:31%; }*/
}

@media all and (max-width: 42em) {
    /*.estate-cards .item.devproj .devprojcontent .TitleProject { font-size:1.5rem; }*/
}

@media all and (max-width: 36em) {
    #TopEstates.estate-cards .owl-nav button { width:40px; height:40px; }
    #TopEstates { max-width:calc(100% - 80px) }
    #TopEstates.estate-cards .owl-nav button.owl-prev { left:-30px; }
        #TopEstates.estate-cards .owl-nav button.owl-next { right:-30px; }

}


@media all and (max-width: 27em) {
    /*#TopEstates.estate-cards .owl-nav button { top:0; }*/
        #TopEstates.estate-cards .owl-nav button.owl-prev { left:2px; background-color:var(--color1); }
        #TopEstates.estate-cards .owl-nav button.owl-prev span{ color:var(--color10); }
    #TopEstates { max-width:100%; padding-top:20px; }
        #TopEstates.estate-cards .owl-nav button.owl-next { right:2px; background-color:var(--color1); }
        #TopEstates.estate-cards .owl-nav button.owl-next span{ color:var(--color10); }
}