/* Start:/bitrix/components/SmartSites/Calculator/templates/.default/style.css?17792058212506*/
.Calculator{
    background: #f4f4f4;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding:14px 30px;
}
.Calculator .title{
    color: #000;
    font-size: 22px;
    font-family: "Intro";
    padding: 0px;
    border-bottom: 1px solid #e3e3e3;
}
.Calculator .Sections,
.Calculator .SectionPid,
.Calculator .ElementInfo,
.Calculator .SectionPid.active,
.Calculator .ElementInfo.active{
    display: inline-block;
    width:25%;
    vertical-align: top;
    margin:0px 1% 0px 0px;
}
.Calculator .ElementInfo,
.Calculator .ElementInfo.active{
    width:45%;
    margin:0px;
}
.Calculator .Sections select,
.Calculator .SectionPid select{
    max-width: 100%;
    width:100%;
}
.Calculator .SectionPid,
.Calculator .ElementInfo{
    display: none;
}

.Calculator .Sections > name,
.Calculator .SectionPid > name,
.Calculator .ElementInfo > name,
.Calculator .ElementInfo .Form > div name,
.Calculator .ElementInfo .Prices > name{
    font-weight: bold;
    color: #c62929;
    padding: 0px 0px 5px 5px;
    display: inline-block;
}
.Calculator .ElementInfo .Form,
.Calculator .ElementInfo .Prices > name{
    padding:5px 0px 0px 0px;
}
.Calculator .ElementInfo .Prices > name{
    height:33px;
    line-height: 33px;
}
.Calculator .ElementInfo .Form > div{
    display: inline-block;
    width:46%;
    margin:0px 1% 0px 0px;
}
.Calculator .ElementInfo .Form > div input{
    width:90%;
    height:30px;
    border:1px solid #e3e3e3;
    padding:0px 10px;
}
.Calculator .ElementInfo .Submit{
    padding:5px 0px 0px 0px;
}
.Calculator .ElementInfo input[type="submit"]{
    color:#ffffff;
    background: #c62929;
    border: none;
    width:88%;
    padding:7px 0px;
    text-transform: uppercase;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .Calculator .Sections,
    .Calculator .SectionPid,
    .Calculator .SectionPid.active{
        width:48%;
    }
    .Calculator .ElementInfo,
    .Calculator .ElementInfo.active{
        width:100%;
        padding:15px 0px 0px 0px;
    }
    .Calculator .ElementInfo input[type="submit"]{
        width:98%;
    }
}
@media screen and (max-width: 500px) {
    .Calculator .Sections,
    .Calculator .SectionPid,
    .Calculator .SectionPid.active{
        width:100%;
        padding:0px 0px 15px 0px;
    }
    .Calculator .ElementInfo,
    .Calculator .ElementInfo.active{
        width:100%;
        padding:0px 0px 0px 0px;
    }
    .Calculator .ElementInfo input[type="submit"]{
        width:98%;
    }
}
/* End */
/* /bitrix/components/SmartSites/Calculator/templates/.default/style.css?17792058212506 */