.screen-size:after {
    content: "small";
}

.home {
    position:relative;
}

.home .search-text.dx-texteditor {
    margin: 10px 0px 20px 0px;
    height: 70px;
}

.home .search-text .dx-texteditor-input {
    font-size: 25px;
}

.home .search-area {
    position: relative;
    height:160px;
    cursor: pointer;
}

.home .search.active .search-area{
    height: 100%;
    transition: height 600ms ease 0s;
    -webkit-transition:height 600ms ease 0s;
    cursor: default;
}

.home .search.active .search-area .search-button{
    margin-left: -500px;
    opacity: 0;
    transition: opacity 500ms ease 0s;
    -webkit-transition: opacity 500ms ease 0s;
}

.home .search-central {
    position: absolute;
    left: -500px;	
    opacity: 0;
    padding-top: 1px;
}

.home .search.active .search-area .search-central {
    top: 30%;
    left: 0;
    opacity: 1;
    transition: opacity 500ms ease 700ms;
    -webkit-transition: opacity 500ms ease 700ms;
}

.home .search.active {
    z-index: 3;
}

.home .search-button {
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -100px;
    opacity: 1;
}

.home .search-button > .icon {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAQAAAC3FX0qAAADtUlEQVR42u3bO2tiQRQHcEU/gWCplSLYC25ho4X1NimsLHblgoUgKWz8CBeFuO/9BgrKFmkSm4WtLAJu+mCakMaoeWyxsv8tQrhJ5tyH3pnxzuBY54w/uTl35syZEEJ6fUJ70B6kNyiOIuroYoQJZlhhjTVWmGGCEbqoo4i4KqAcmhjgEm7jEgM0kQsyKAkDQ9xhk3GHIQwkgwfKoo0zbDvO0EY2OKAEWpjC75iihUQQQBWcgtc4RWW3oBRM3IPnuIeJ1K5AZRxDxDhGeRegKs4hapyjKhvUwLXLl7rBGB3UUEIGMUQRRQwZlFBDB2PcuPz1NRoyQYe4dfgyC/RhuKThLAz0sXCIcotDWaCGA+cCJgqeIxVg4sKB1JABqto+bEv0kN84Xh49LG0fvKpoUNk2FZzgYOuoBzixTQ9lkaCUbaI+QtpX5DSObJN4ShzIJKeco4WI79gRtDAn45uiQBVyVXCFOrf/zzquyNVDRQQoQa7Z5hw5j6Q5ucZL8Ae1yMehxX0F4nEe//udKZkKItxBETI9TF+/qP1O0yYTdVrIGj5NJvE2T1CS2I0ufbx33N9LS2JXm+QHMohfrCd0S98jZjT4gYbEmi0vFJQn1nhDXqAcUckxhdeQTKJClOMDahIbhIJwUIHYXDT5gAZM4L6UkmWfmXfAAxQnqqCGFJBBVFvj/kFFYnOdlQLKEhv1on9QnQk6llYnHzNz1/2DukzQjjRQh5m76x80YoLWpIFqzNwj/6AJE7QkDVRi5p74B82YoBlpoAwz98w/aMUEjUkDxZi5V/5BayZoVBooysy93oP0f+S0SwrapW3tXqzaLX20W5xqt33QboOn3RZcwyKJdmUs7QqNGpaCtSvWa3ecouGBl3ZHknaHxnfqHhrbHesvVD3WDyGM3zZdiEo2XoTx3aEZTLnWGGeOcs1L7hyl2su8cZRpANyEo0CLZhjftuzsDWQT7facQLY574ojqBHdG+dMlasC3jhHCKtxmcM753HZGvDrNmF83YDzlIYDeyFqG87TRj2AV9a251hFrwBdKvTG6TlwrAJyAK598uNI+GjGcQeF8UUljhtIOY4zSEGOE0hJjj3IG+dD0Dh2IGU5NCiMz6pyKJDSHBakOOc1SHnOS5A3zscgc56DtOA8B/V04Figt3pwLNBPPTgW6EEPjgVaOHI+qcKxQD/04FigPNGHrSDnedp+h3/qc16uFGoMSTnO67Xce/z1WDZUBBTCGxxjiT/4JbCnasd1uT1oD+L6+Q+V/1WpBRj/SwAAAABJRU5ErkJggg==') /*images/search.png*/;
    width: 54px;
    height: 54px;
    background-size: cover;
    margin: 0px 5px;
}

.home .search-button > .name {
    float:left;
    color: white;
    font-size: 40px;
    line-height: 0;
    margin: 23px 5px 0;
}

.home .search-inner.right {
    width: 100%;
}

.home .search-inner div.button {
    height: 24px;
    font: 13px sans-serif;
    padding: 4% 5%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.home .search-inner div.button .dx-button-content {
    padding: 0;
}

.home .search-inner .button.first {
   margin: 0px 4% 0px 0px;
   width: 26%;  
}

.home .search-inner .button.second {
   margin: 0px 0px 0px 4%;
   width: 42%;
}

.home .button .dx-button-content > span.dx-button-text {
    font-size: 18px;
}

.home .picture-area {
    height: 100%;
}

.home .dx-deferrendering {
    top: 164px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.home .picture-item {
    width: 50%;
    height: 40%;
}

.home .picture-item.double {
    width: 100%;
    height: 60%;
}

.home .price {
    font-size: 14px;
}

.home .price.price0, .home .price.price2 {
    right: 5px;
    bottom: 5px;
}

.home .price.price1{
    top: 5px;
    left: 5px;
}

@media (orientation:landscape) {

    .home .search-area {
        height:100%;
    }
    .home .search {
        z-index:3;
    }

    .home .search.active .search-area .search-central {
        top: 20%;
    }

    .home .search.active .search-area .search-button {
        margin-top: 0px;
    }

    .home .dx-deferrendering {
        display: none;
    }

    .results .gallery .gallery-item {
        width: 64%!important;
        margin-left: 18%;
    }

    .results .gallery .description > div {
        font-size: 15px;
        display: inline;
    }

    .results .gallery .description > .square,
    .results .gallery .description > .price {
        color: #aaa;
    }

    .results .gallery .dx-gallery-item-selected .description {
        margin: 0;
        margin-top: 5px;
    }
}

@media (orientation:portrait) {
    .home .search.active .search-area .search-central {
        top: 25%;
    }

    .home .picture-item > img {
        width: 100%;
    }
    .home .picture-item.double > img {
        width:100%;
        height: initial;
    }
    .results .gallery .gallery-item {
        width:100%!important;
    }

    .results .gallery .description > .price {
        font-size: 30px;
    }

    .results .gallery .description > .place {
        white-space: normal;
        font-size: 20px;
        line-height: 1.1;
    }

    .results .gallery .description > .square {
        font-size: 18px;
        color: #aaa;
    }
}

.results .gallery .gallery-container {
    height: 90%;
    padding: 4% 6%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.results .gallery .image-container {
    height: 65%;
}

.results .gallery .gallery-text {
    color: #9a9ba1;
    font-size: 12px;
    text-align: left;
    margin-bottom: 7px;
}

.list-item .info {
    padding: 6px 0px 0px 0px;
}

.list-item .image {
    width: 120px;
    height: 80px;
}

.list-item .image > img{
    max-width: 120px;
}

.list-item .price {
    font-size: 16px;
}

.list-item .place {
    font-size: 13px;
    line-height: 14px;
}

.list-item .about {
    font-size: 12px;
    color: #888080;
    line-height: 14px;
}

.list-item .fav {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAQAAABu4E3oAAAAT0lEQVQ4y+3OsQ0AIAwDQfZfyruwAS1ICXUAEbtFuD/5i8srn7xMmptGenKClVgGVkKASCiwh6WAJ1AJVAKVQCVQCe7EOBBfBgPOYfUGHBNuwsLim/dwBAAAAABJRU5ErkJggg==') /*images/bcgrd.png*/;
    top: 7px;
    left: 4px;
    z-index: 1000;
}

.list-item .fav .fav-img {
    position: absolute;
    width: 18px;
    height: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAQAAACxD+fXAAAA30lEQVQoz4XSLUuDURQH8CuIqAyfJZn4AQYa1gSzIAaFYdbo55hJo80kBoNVsRssJsEkYrH9rD7DF3xBj8HJtucZjlPOvecX/vdwk1SoWWPFu1RCBxaHoWmvdoahTeHO+P/oRAgrRTSlpiqTycxrC+G4c85UzagkDRfeteVyL0II33K53JM3Z+pJUnPYGRbrw7bJbqYNDyVy+beMbry6qz6yb2LQ6877UGvQCho++9C9Shm1hHCradeXENaLaNSNcKQmSZZcC6dFtOzRVk++zJ5nc71oRNNC6T+sWf3tfgAmGly1F+5v6wAAAABJRU5ErkJggg==') /*images/star-small.png*/;
    background-size: 100%;
    top: 2px;
    left: 2px;
}

.list-item .fav .fav-img.selected {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAA8ElEQVQ4y2P4EO3IQACbArEAIXUMRBi0BYjDKDVIFoj/AvEySg3KBOL/QPwOiCUpMWgX1CAQziJkECggxaE0PxI2BuLvSAYdAWJhNDVwvSCDLID4JBD/AuKPQPwBir8hGQLDyPKfoHpAFpjDnCYHxKuwaCSEZwGxBLYwSgPit0QYcAOIfQkFth4QX8ZjyEZouBAVayfwGLSI2Oi3hiZCmMa/aAZ9BmJFYgzqQdIEik07IE4H4tdI4qWEDOIA4kdQxX1AzIMkpwXEW6FyoDBkxmdQCBA/AeIAPKk4G5qOvHEZxASVVCOiRDAC4kCoHrAYAB7dGngwllZ5AAAAAElFTkSuQmCC') /*images/star-small_selected.png*/;
}

.details .right {
    width: 100%;
}

.details .left {
    margin: 10px 20px;
}

.details .images {
    height: 250px;
}

.details .images img {
    width: 100%;  
    display: block;   
}


.details .tablet-price {
   display: none;
}

.details .phone-price {
    text-align: center;
    padding: 5px 0px;
    background-color: #f05b41;
    color: white;
}

.details .price {
    font-size: 36px;
}

.details .place {
    font-size: 14px;
    padding-bottom: 5px;
}

.details .map {
    text-align: center;
    height: 210px;
    width:100%;
}

.details .fav-button-container {
    text-align:center;
}

.details .agent-photo {
    float:left;
    margin:0 0.5%;
    
}

.details .agent-contact {
    margin:5px 10px;
    float: left;
}

.details .agent-contact > .stat {
    color: #aaa;
    font-size: 18px;
}
.details .agent-contact > .name {
    font-size: 20px;
}
.details .agent-contact >.phone {
    font-size: 16px;
}

.details .agent-info {
    height: 100px;
}

.details .comment {
    color: #aaa;
    font-size: 22px;
}

.details .comment-text {
     margin-bottom: 15px;
}

.details .prop {
    border: 0;
    margin-bottom: 15px;
    width:100%;
    font-size: 18px;
}

.details .prop {
    padding-top:5px;
}

.details .prop-key { 
    color:#86878e;
}

.details .prop-value {
    text-align: right;
}

.details .description {
    font-size: 14px;
    margin-bottom: 15px;
}

.details .gallery-container {
    width: 100%; 
}

@media all and (-webkit-min-device-pixel-ratio: 2)
{
    .list-item .fav .fav-img {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAQAAACdULMOAAABb0lEQVRIx63WO0gDQRCA4UsuBBFEfKAWYuEDbYSIlWhjF1MIgoKtfQRJCgPaCaJtQCGdpY9KsBDBRlSw0CIgVoJIflAMFoKiATMWHuGSkL29B9Pt7X7c7AzLGGIEEwbOEVZ9dQNlgoEGKdEVBLSGkAoCukfI+4diCIIw7hfasqBdf1CIJwt6p8kPNGUxgrDoB9qxQafeoQivNuiXPq9Q3MYIwroa6uGs5oDbKJOj5b82ab49MwXi9tTGePDE7NFae0fN5FwiL8w2uuw5itrMPp2qqvVyroG8seBc/jCrlJTMMd26fZRQMAduGjKpLLepD10rU5vRhfopK6FDXSjjULMfOvSgfNWxWxJ1qS7rQKNVT8c2UQxM0nzZ1u90oM3K9membevDXNmomBMU4tHaekR7XaumKv+VdYImEIQPlho8dkNcIghFomooi3DDgHKkWOETYV4FmRTYIKIxD1xwooJGmMRAb9RJ0lYFBTVo/QE9mcRnFglXBAAAAABJRU5ErkJggg==') /*images/star-small@2x.png*/;
    }

    .list-item .fav .fav-img.selected {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAA3WXuFAAABqElEQVRYw2P4EO3IMJgwtQxSH0wOYgTic0DMPlgcZA3E/4E4YrA4aDLUQTsGg4NYgPgl1EF/gVhmoB3kAXUMDNcMtIMWojnoDjSRD4iDOID4I5qDQNhuoBwUgsUxILxgoBy0DoeDvgAxL70dxA/EP3A4CIST6e2gBDyOAeEjlDhIE4jPE7CAHhhU/ejAXAaqh3qB+N8AOOQXENcDMSu2KHMD4ud0dMxlIDYklIZEgXgTjR3yG4jbsLUQ8DUpsoD4Gw0ccx2IzcnNZdpAfJFKDvkLTaeclGZ7UBUxgcIED6rjbKhdDqWR6ZhXQMxNi4KxnYIQMqK2g0CJ/AEFDppCbQfZUJig3xLbCSDWQVOokMvCqOUg5HYzNrwUiHWBuBaIf+JRt4NaDvLAYcEHII5CUwty2Bk85ZAMNRy0CIvhh4BYHk+IVuNoL1VR6iBQofgJrQ4CGcpMhEd0gPgUqZ0AUtrNt4HYjIx+WwVaaNlR4iBYu3kOEPNQ0P7WAuITULPmk+sgASB+CsRBVBrZAEVzGRC/xtcJwGcAqGkrRYMxIA0gNqD1+BDVMAAVJ9abD6RYRAAAAABJRU5ErkJggg==') /*images/star-small_selected@2x.png*/;
    }
}