/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

 .formContainer{
        height: 100%;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 10px;
}
.sellServices__sellApartment{
    margin: 0 auto;
    cursor: pointer;
}
.sellServices{
    width: 80%;
    margin: 30px auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30% 40% 30%;
    grid-template-columns: 30% 40% 30%;
}
.sellServices__title{
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    margin: 0 10px;
}
.sellServices__title_description{
        font-size: 17px;
        line-height: 25px;
        margin:  0 10px;
        width: 100%;
}
.stage{
    background-image: url('../images/stage_bg.png');
    padding: 50px 0;
    background-size: contain;
}
.stageInfo{
    width: 80%;
    margin: 0 auto;
}
.stageLists{
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 32% 20px 32% 20px 32%;
        grid-template-columns: 32% 32% 32%;
         grid-column-gap: 20px;
        grid-row-gap: 1em;
}
.stageLists li{
        /*margin: 20px 10px;*/
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        background: -o-linear-gradient(top, #296E9D 0%, #6397BA 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#296E9D), to(#6397BA));
        background: linear-gradient(180deg, #296E9D 0%, #6397BA 100%);
        border-radius: 5px;
        color: #ffffff;
        padding: 22px;
        font-size: 17px;
        line-height: 27px;
}
.number{
        font-weight: 600;
        font-size: 64px;
        line-height: 44px;
        text-align: right;
        color: #6397BA;
}
        .banner{
        height: 510px;
        background-size: cover;
        background-position: center; 
        margin-top: -30px;
}
.service_description{
        width: 80%;
        margin: 0 auto;
        padding-top: 30px;
}
.servicePrev{
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        width: 55%;
}
.bannerTitleH{
        font-weight: 600;
        font-size: 28px;
        line-height: 44px;
}
.pluse{
        width: 80%;
        margin: 60px auto;
}
.pluseList{
        display: -ms-grid;
        display: grid;
        padding: 20px;
        padding-top: 60px;
        -ms-grid-columns: 33% 20px 33% 20px 33%;
        grid-template-columns: 33% 33% 33%;
         grid-column-gap: 20px;
        grid-row-gap: 1em;
}
.pluseList li{
        position: relative;
        font-size: 16px;
        font-size: 16px;
        padding: 20px;
        background: #ffffff;
        border-radius: 6px;
        -webkit-box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.pluseList li b{
        line-height: 40px;
        font-size: 17px;
}
.pluseList li:before{
        content: url(/local/templates/rielt2020/css/../img/ok.png);
        width: 31px;
        height: 31px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translate(-10px, -10px);
            -ms-transform: translate(-10px, -10px);
                transform: translate(-10px, -10px);
}

.object_slider_tabs{
        position: relative;
        z-index: 1;
}
.tab_slider_nav-obj, .tab_slider_nav-area{
        margin-top: 3px;
}
.tabs{
        position: relative;
}

.tabs__caption{
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: -30px;
        background-color: #fff;
}

.tabs__caption li:first-child{
        border-radius: 6px 0 0 6px;
}

.tabs__caption li:last-child{
        border-radius: 0 6px 6px 0;
}

.tabs__caption li{
        padding:15px  20px;
        border: none;
        color: #015792;
        -webkit-box-shadow: 0px 0px 5px #E0E0E0;
                box-shadow: 0px 0px 5px #E0E0E0;
        cursor: pointer;
        background-color: #ffffff;
}
.tabs__caption li.active{
        color: #ffffff;
        background-color: #015792;
}

.rents_pluse_list{
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 25%  25%  25%  25%;
        grid-template-columns:  25%  25%  25%  25%;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        margin-top: 30px;
        font-size: 16px;
        line-height: 20px;
}
.rents_pluse_list li{
    text-align: center;
}


.iconContainer{
        background-color: #ffffff;
        width: 80px;
        height: 80px;
        padding: 20px;
        margin: 0 auto;
        margin-bottom: 20px;
}
.iconContainer img{
        width: 100%;
}

.managment{
        width: 80%;
        margin: 0 auto;
        background-color: #ffffff;
}

.managment_lists{
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 70% 30%;
        grid-template-columns: 70% 30%;
}
.inner{
        list-style-type: disc;
        padding-left: 20px;
        margin-top: 15px;
}
.managment_lists li:not(.inner li){
        margin: 30px 10px;
        -webkit-box-shadow: 0px 0px 5px #E0E0E0;
                box-shadow: 0px 0px 5px #E0E0E0;

}
.managment_info{
        background-color: #319B41;
        padding: 22px;
        color: #ffffff;
        border-radius: 6px;
}
.price{
        -webkit-box-shadow: 0px 0px 5px #E0E0E0;
                box-shadow: 0px 0px 5px #E0E0E0;
        border-radius: 5px;
        margin-left: 30px;
        background: -o-radial-gradient(50% 50%, 142.01% 50%, #7CBCDF 1.34%, #015792 100%);
        background: radial-gradient(142.01% 50% at 50% 50%, #7CBCDF 1.34%, #015792 100%);}
.price p{
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 19px;
        line-height: 25px;
        text-align: center;
        color: #FFFFFF;
}

.option{
        background-color: #F4F4F4;
        padding: 22px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 0px 5px #E0E0E0;
                box-shadow: 0px 0px 5px #E0E0E0;
        margin-top: 30px;
}
.download{
        padding: 22px;
        border-radius: 6px;
        -webkit-box-shadow: 0px 0px 5px #E0E0E0;
                box-shadow: 0px 0px 5px #E0E0E0;
        margin-top: 30px;
        margin-left: 30px;
        background-image: url("../images/download.png");
        background-size: cover;
        background-position: center center;
}
.download_file{
        font-weight: 600;
        font-size: 19px;
        line-height: 25px;
        -webkit-text-decoration-line: underline;
                text-decoration-line: underline;
}
.download_file:before{
        content: url('../images/icon/document.png');
        float: left;
}
.inner{
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        font-size: 15px;
        line-height: 30px;
}
.whiteBg{
        width: 100%;
        background-color: #ffffff;
        padding: 50px 0;
}
.more{
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        -webkit-text-decoration-line: underline;
                text-decoration-line: underline;
        color: #309944;
        cursor: pointer;
}
.hide{
        display: none;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
}

.risk{
margin: 0 auto;
width: 80%;
margin-top: 50px;
}
.risk_list{
padding: 22px;
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 5px #E0E0E0;
        box-shadow: 0px 0px 5px #E0E0E0;
border-radius: 5px;
margin-top: 28px;
}
.risk_list li{
margin-bottom: 22px;
}
.description_prewiev{
margin: 15px 0;
display: none;  
}
.more_risk{
font-weight: 600;
font-size: 16px;
line-height: 28px;
-webkit-text-decoration-line: underline;
        text-decoration-line: underline;
color: #309944;
cursor: pointer;
}
.description_detail{
display: none;
margin: 15px 0;
}
.show{  
display: block;
}
.feedBack{
    margin-bottom: 0;
    padding-top: 150px;
}

@media (max-width: 769px){
        .servicePrev{
                width: 65%;
        }

        .pluseList li b{
                line-height: 20px;
                margin-bottom: 5px;
        }
        .pluse, .stageInfo, .sellServices,.rentRooms,.FAQ, .managment,.risk, .service_description {
                width: 95%!important;
        }
        .banner{
            height: auto;
            background-position: 56%;
        }
        .sellServices {
                -ms-grid-columns: 60% 30%;
                grid-template-columns: 60% 30%;
        }
        .rents_pluse_list span{
            text-align: center;
            display: block;
            width: 65%;
            margin: 0 auto;
            font-size: 20px;
        }
        .rents_pluse_list{
                -ms-grid-columns: 50% 50%;
                grid-template-columns: 50% 50%;
        }
        .rents_pluse_list li{
            margin-top: 20px;     
        }
        .banner{
            background-image: unset!important;
            background: #dddddd;
            padding-bottom: 10px;
        }
        .iconContainer{
            width: 125px;
            height: 125px;
            margin: 0 auto;
        }
}

@media (max-width: 633px){
       .pluseList, .stageLists, .sellServices, .managment_lists{
             -ms-grid-columns:100%;
             grid-template-columns:100%;  
             grid-row-gap: 15px;  
        } 
        .pluseList li, .managment_lists li{
                margin-top: 20px;
        }
        .managment_lists li{
                margin-left: 0!important;
        }
        .pluseList li{
            margin-top: 20px;
            padding-left: 50px;
        }
        .pluseList li:before{
                  top: 50%;   
                  left: 0;   
        }
        .feedBack{
            padding-top: 10px;
            margin-top: 30px;
        }
        .feedBack__form{
            margin-bottom: 20px;
        }
        .pluseList{
            padding-top: 0!important;
        }
}

@media (max-width: 461px){

        .rents_pluse_list{
                -ms-grid-columns: 50% 50%;
                grid-template-columns: 50% 50%;
        }

         .pluseList, .stageLists, .sellServices, .managment_lists{
             -ms-grid-columns:100%;
             grid-template-columns:100%;    
        } 
        .pluseList li, .managment_lists li{
                margin-top: 20px;
        }
        .managment_lists li{
                margin-left: 0!important;
        }

}