.EstateCards { display:flex; flex-wrap:wrap; justify-content:center; }
.EstateCards .item{ position:relative; width:18%; margin:2em 1%; background-color:white; }
.EstateCards .item .content { padding:10px; }
.EstateCards .item .photo{ position:relative; width:100%; height:0; padding-top:65%; display:block; overflow:hidden;
                           /*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/

}
.EstateCards .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; }
.EstateCards .item:hover .photo img{ 
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    transition:ease-in-out 250ms;


    
}
    .EstateCards .item:hover { cursor:pointer; }
    .EstateCards .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; }    
    .EstateCards .item:hover .photo .icons { position:absolute; bottom:0; display:flex; flex-direction:column; z-index:10; margin-bottom:10px; }
    .EstateCards .item:hover .photo .icons .icofield{ padding-left:10px; display:flex; flex-wrap:nowrap; }
    .EstateCards .item:hover .photo .icons .icofield .ico{ color:var(--color1); width:25px; }
    .EstateCards .item:hover .photo .icons .icofield .ico.locationico{ color:var(--color10); }
    .EstateCards .item:hover .photo .icons .icofield .text{ color:var(--color10); }
    .EstateCards .item:hover .photo .icons .icofield .text::first-letter{ text-transform:uppercase; }
    .EstateCards .item:hover .photo .icons .underline { border-bottom:1px solid var(--color10); width:2rem; height:1px; margin-left:10px; margin-top:10px; margin-bottom:10px; }
.EstateCards .item .photo .status { }
.EstateCards .item .location{ padding:0.5em 0; font-size:90%;}
.EstateCards .item .location span.typeofcommission { display:inline-block; }
.EstateCards .item .location span.typeofcommission::first-letter{ text-transform:uppercase; }
.EstateCards .item .title{ font-weight:500; font-family:var(--font-title); font-size:1.8rem; }
.EstateCards .item .title:first-letter{ text-transform:uppercase; }
.EstateCards .item .flex { width:100%; }
.EstateCards .item .price{ font-size:1.4rem; }
.EstateCards .item .icons { border-top:1px solid silver; padding-top:1rem; margin-top:1rem;

}
.EstateCards .item .icons { display:flex; flex-wrap:nowrap; width:100%;

}
.EstateCards .item .icons .icofield{ width:23%; padding-left:1%; padding-right:1%;

}
.EstateCards .item .icons .icofield .ico{ text-align:center; color:silver; font-size:2rem;}
.EstateCards .item .icons .icofield .title{ font-size:90%; text-align:center; font-family:var(--font-body);}
.EstateCards .item .icons .icofield .text{ font-size:1.1rem; text-align:center; font-family:var(--font-title); font-weight:500;}
.EstateCards .item .link{   }
.EstateCards .item .link a { text-decoration:none; }
    .EstateCards .item.devproj { width:64.665%; position:relative; }
    .EstateCards .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;
    }
    .EstateCards .item.devproj .devprojcontent .TitleProject { position:absolute; bottom:5rem; left:2rem; font-size:1.7rem; color:var(--color10); font-weight:bold; z-index:8; }
    .EstateCards .item.devproj .devprojcontent .EstatesCountInProject { position:absolute; bottom:2rem; left:2rem; font-size:1.2rem; color:var(--color10); font-weight:500; z-index:8; }
    .EstateCards .item.devproj .devprojcontent .EstatesCountInProject .DevProjCardCount { display:inline; }
    .EstateCards .item.devproj .photo { padding:0; height:100%; }
    .EstateCards .item.devproj .photo img { width:100%; height:auto; }
    .EstateCards .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%);}
    .EstateCards .item.devproj a { display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; }
    


.EstateCards .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;

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

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

.EstateCards .item { padding-bottom:48px; position:relative; }
.EstateCards .item .button { padding:0; width:100%; bottom:0; position:absolute; left:0; background-color:var(--color3); }


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

    .EstateCards { width:90%; margin-left:5%; margin-right:5%; }
    
}

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

    .EstateCards .tagestate { bottom:7.3em; }
    
}

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

    .EstateCards .item{ width:48%; }
    .EstateCards .item.devproj { width:100%; padding-top:31%; }
}

@media all and (max-width: 42em) {
    .EstateCards .item.devproj .devprojcontent .TitleProject { font-size:1.5rem; }
    .EstateCards .item { width:98%; }
}

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

    .EstateCards {     width: 86%;
                        margin-left: 7%;
                        margin-right: 7%; }
    .EstateCards .item { width:98%; }
    .EstateCards .item.devproj { padding-top:53%; }
    .EstateCards .item.devproj .devprojcontent .TitleProject { font-size:1.4rem; }
}


@media all and (max-width: 27em) {
    .EstateCards .item.devproj { padding-top:70%; }
    .EstateCards .item.devproj .devprojcontent .TitleProject { font-size:1.2rem; }
    .EstateCards .item.devproj .devprojcontent .EstatesCountInProject { font-size:1rem; }
    .EstateCards {
        width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    }
}