ul {
    padding:0;
}
.vList {
    padding: 0;
    margin: 0;
}
.vList li {
    list-style: none;
    margin-bottom: 1px;
}
.vList > li:last-child {
    margin-bottom: 20px;
}
.vList h2 {
    background: url(../svg/collapse-white.svg) no-repeat #cebcb8 97% 15px;
    padding: 20px;
    color: #FFF;
    font-size: 1.3em;
    margin: 0;
    text-transform: none;
    background-size: 35px;
    cursor: pointer;
}
.vList h2.collapse {
    background: url(../svg/expand-white.svg) no-repeat #cebcb8 97% 15px;
    background-size: 33px;
}
.vList-standard {
    background: #FFF;
    padding: 15px;
}
.vList-standard li {
    margin-bottom: 15px;
    line-height: 1.4;
    display: flex;
}
.vList-standard li:last-child {
    margin-bottom: 0;
}
.vList-standard li label {
    margin-left: 10px;
}
.vList-standard li input[type="checkbox"] {
    position: relative;
    top: 4px;
    display: none;
}
.vList-standard li input[type="checkbox"]:checked +label {
    color: #dbdbdc;
}
section#calculator {
    margin-bottom: 45px;
}
.budget-right-wrap h1 {
    color:#000;
    margin-top: 20px;
}
.budget-right-wrap .twocol-intro h2 {
    color:#000;
    font-size: 2.2em;
    font-family: 'Nexa w01 Bold';
}
.budget-right-wrap .twocol-intro h3 {
    font-size: 1.6em;
    color: #000;
    font-family: 'Nexa w01 Bold';
    margin-bottom: 10px;
}
.budget-right-wrap .twocol-intro p {
    margin-bottom: 0;
    line-height: 25px;
}
.budget-right-wrap .twocol-intro {
    padding-bottom: 25px;
}
.room-content, .budget-content, .summary-content{
    background: #fff;
    border-right: 1px solid #ebe6e2;
    border-left: 1px solid #ebe6e2;
}
.room-content {
    padding:0 23px;
}
.room-content .top-row label, .bottom-row label, .budget-content label{
    color: #000;
    font-size: 1.1em;
    font-family:'Nexa w01 Regular';
}
.top-row label {
    font-family: 'Nexa w01 Regular';
    color: #000;
}
.top-row select {
    width: 35%;
    font-family: "Montserrat-Regular";
    margin-left: 45px;
    padding: 12px;
    border-color: #e6e6e6;
    color: #9f9e9c;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(255,255,255,0);
    position: relative;
    z-index: 5;
    -moz-appearance: none;
    border: 1px solid #e6e6e6;
}
.top-row p {
    margin: 25px 0;
    color: #000;
    font-size: 0.96em;
    line-height: 18px;
    font-family: 'Nexa w01 Light';
}
hr {
    border-bottom:0;
    border-top: 1px solid #d1d1d1;
}
.bottom-row {
    text-align: center;
    padding: 25px 0 0 0;
}
.percentage {
    display: inline-block;
    width: 37%;
}
    .percentage input {
        padding: 12px;
        border: 1px solid #e2dfdf;
        color: #9f9e9c;
        width: 57%;
        background: #f9f7f4;
        font-family: "Montserrat-Regular";
    }
.bottom-row label {
    width: 28%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.above-or label {
    padding-right: 9px;
    width: 28%;
}
.bottom-row .fieldsets label{
    vertical-align: top;
    padding-right: 10px;
}
#submit-budget, #estimate-budget {
    margin-left: -5px;
    padding: 11px 25px 12px 25px;
    font-size: 1em;
    background: #a80c34;
    letter-spacing: 0;
    text-transform: none;
    color: #fff;
    font-family: 'Nexa w01 Bold';
    text-decoration: none;
}
.or-wrapper {
    text-align: center;
    margin: 35px 0 25px 0;
}
.or-wrapper hr {
    border: 2px solid #efefef;
    border-bottom: none;
    margin-bottom: 0;
}
.or-line {
    position: relative;
    padding: 5px 10px;
    background: #fff;
    top: -13px;
    font-size: 1.6em;
    color: #000;
    font-family: 'Nexa w01 Bold';
}
.fieldsets .row1 span {
    display: inline-block;
    font-size: 0.9em;
    color: #a80c34;
}
.fieldsets div {
    padding-bottom: 15px;
}
.shareIconContent{
    position: absolute;
    bottom: 15px;
    left: 20px;
    width: 50px;
    display:none;
}
.pagetools-section ul li.share {
    position: relative;
}
.percentage select {
    padding: 15px;
    font-family: "Montserrat-Regular";
    border: 1px solid #e1e1e1;
    width: 100%;
    position: relative;
    z-index: 5;
    color: #9f9e9c;
    background-color: rgba(255,255,255,0);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.percentage select::-ms-expand, .top-row select::-ms-expand{
    display: none;
}
.select-wrapper{
    position:relative;
    display: inline-block;
    width: 79%;
}
.select-wrapper:before {
    content: '';
    background-color: #f9f7f4;
    z-index: 2;
    display: block;
    position: absolute;
    left: 44px;
}
.select-wrapper:after, #room:after{
    content:'';
    background: url(../png/sprite-images-2.png) -188px -344px #fff no-repeat;
    position:relative;
    width: 24px;
    height: 13px;
    display:inline-block;
    position: relative;
    left: -40px;
    z-index: 3;
}
.row2 .select-wrapper {
    width:97%;
    position: relative;
    padding: 0;
}
.row2 .select-wrapper:after {
    left: 255px;
    top: -32px;
}
.percentage h6 {
    margin: 5px 0;
    text-align: left;
    font-size: 0.75em;
    color: #000;
    font-family: 'Nexa w01 Bold';
}
.fieldsets .percentage span {
    color: #000;
    font-size: 0.72em;
    line-height: 16px;
    text-align: left;
    display: inline-block;
    font-family: 'Nexa w01 Light';
}
.fieldsets .row3 input {
    width: 90%;
}

#calculated-budget {
    cursor: not-allowed;    
}
.budget-content ul, .summary-content ul {
    list-style-type: none;
}
.budget-content li, .summary-content li {
    padding: 20px 25px;
    position: relative;
    border-bottom:1px solid #ccc;
}
.budget-content li:last-child {
    border-bottom:none;
}
.budget-content label {
    width: 25%;
    display: inline-block;
}
.budget-content input.percent, .budget-content input.cost {
    padding:14px;
    border: 1px solid #e2dfdf;
    color: #9f9e9c;
}
.budget-content input.percent {
    width:15%;
}
.budget-content input.cost {
    width:25%;
}
.accordion-btn {
    background: url(../png/sprite-images-2.png) -129px -368px no-repeat;
    width: 22px;
    height: 23px;
    position: absolute;
    right: 20px;
    top: 33px;
    cursor: pointer;
}
.accordion-btn.collapse {
    background-position: -156px -395px;
}
.row-para h4  {
    font-family: 'Nexa w01 Bold';
    color:#000;
}
.row-para p {
    font-family: 'Nexa w01 Regular';
    color:#000;
}
.room-details {
    display: none;
}
.room-details.collapse {
    display: block;
}
.room-details h4 {
    color: #000;
    font-size: 1.3em;
    margin-bottom: 15px;
}

.summary-content label{
    display: inline-block;
    font-size:1.2em;
    color:#000;
    padding-right: 8px;
    font-family: 'Nexa w01 Bold';
}
.summary-content span {
    color: #000;
    font-family: "Montserrat-Regular";
}
.disclaimer p{
    color: #000;
    font-size: 0.8em !important;
    line-height: 16px;
    font-family: 'Nexa w01 Light';
}
#breakdown-total-percentage .sum{
    display: block;
    margin: 0 0 10px 32.4%;
    color: #b1acac;    
    font-family: 'Nexa w01 Regular';
}
.accordion {
    margin: 0;
    list-style: none;
    background: #FFF;
}
.allocation .accordion, #breakdown-total-percentage {
    border-bottom: 1px solid #d1d1d1;
    padding: 20px;
    position: relative;
    width: 100%;    
    box-sizing: border-box;
}
.allocation label {
    display: inline-block;
    font-size: 17px;
    color: #000;
    width: 30%;
    margin-top: 0px;
    text-transform: none;
    font-family: 'Montserrat-Regular';
}
.allocation input {
    border: 1px solid #e6e6e6;
    padding: 12px 15px;
    margin: 0 5px;
    background: #f9f7f4;
    color: #000;
    overflow: visible;
    font-family: 'Montserrat-Regular';
}
.breakdown input.percent {
    width: 11%;
    font-family: 'Montserrat-Regular';
}
.accordion>* {
    margin: 0;
}
.accordion .row-para {    
    width: 100%;
    margin-top: 25px;
}
.budget-breakup .toggle-icon {
    cursor: pointer;
    top: 24px;
    right: 28px;
    position: absolute;
}
.toggle-wrap .toggle-icon {
    background: url(../png/sprite-images-2.png) -129px -393px no-repeat;
    display: inline-block;
    width: 22px;
    height: 24px;
    float: right;
}
.toggle-wrap .expanded .toggle-icon {
    background: url(../png/sprite-images-2.png) -158px -369px no-repeat;    
}
.summary-content ul {
    margin:0;
}
#collapseTwo, #collapseOne, .breakdown {
    border-right: 1px solid #ebe6e2;
    border-left: 1px solid #ebe6e2;
}
.calculator h3.toggle {
    background: #a80c34;
    padding: 20px 30px 20px 30px;
    font-family: 'Nexa w01 Bold';
    width: 100%;
    margin: 1px;
    cursor: pointer;
    color: #FFFFFF;
    box-sizing: border-box;
}
.room-content {
    list-style-type: none;
}
.row-para.collapse{
    display: none;
}
.disclaimer {
    margin: 15px 0 20px 0;
}
.calculator .toggle-wrap {
    background: #FFF;
    display: table;
    width:100%;
}
.top-row {
    padding: 40px 20px 20px 20px;
}
#collapseOne {
    padding: 20px;
}
.toggle-wrap .row-para.collapse + .toggle-icon {        
    background: url(../png/sprite-images-2.png) -129px -368px no-repeat;
}
.toggle-wrap .row-para + .toggle-icon {   
    background: url(../png/sprite-images-2.png) -158px -392px no-repeat;
}
span.over-message {
    padding-bottom: 10px;
    display: none;
}

/* To hide Summary section on initial load */
.budget-summary {
    display: none;
}
.recommendation-wrap .dispBlock{
    display:block !important;
}

@media (min-width: 768px) and (max-width:1024px) {
    .budget-right-wrap.twocol-content {
        width:70%;
        margin-left:0;
    }
    .select-wrapper {
        width:65%;
    }
    .top-row select {
        width: 50%;
        font-family: "Montserrat-Regular";
    }
    .bottom-row label {
        font-size: 1em;
        width: 38%;
    }
    .above-or label {
        width:41%;
        text-align: left;
        padding: 0;
    }
    .percentage {
        width:58%;
    }
        .percentage input {
            width: 40%;
            font-family: "Montserrat-Regular";
        }
        .percentage select {
            width: 90%;
            font-family: "Montserrat-Regular";
        }
    .row2 .select-wrapper:after {
        left: 85px;
    }
    .fieldsets .percentage span, .fieldsets .percentage h6 {
        padding: 0 0 0 22px;
    }
    .fieldsets .row3 input {
        width: 76%;
    }
    .budget-content .percent {
        margin-left: 45px;
    }
    .budget-content label {
        width:28%;
        font-size:0.95em;
    }
    #breakdown-total-percentage .sum {
        margin: 10px 0 10px 34.4%;
    }
    .top-row {
        padding: 40px 0 0 0;
    }
    .accordion span input.percent {
        width: 15%;
        font-family: "Montserrat-Regular";
    }
    .accordion span input {
        width: 30%;
        margin-right: 15px;
        vertical-align: top;
        font-family: "Montserrat-Regular";
    }
    .allocation label {
        width: 30%;
    }
    .budget-breakup .toggle-icon {
        right: 15px;
    }
}
@media only screen and (max-device-width : 1024px) and (orientation : landscape) {
    .row2 .select-wrapper:after {
        left: -45px;
        top: 4px;
    }
    .percentage select {
        margin-left: 27px;
        width: 76%;
        font-family: "Montserrat-Regular";
    }
    .fieldsets .percentage span, .fieldsets .percentage h6 {
        padding: 0 0 0 47px;
        width: 87%;
    }
    .fieldsets .row3 input {
        margin-left: 13px;
        width: 71%;
    }
}
@media (min-width:1200px) {
    .fieldsets .percentage {
        text-align: left;
    }
    .breakdown input.cost {
        width: 22%;
        font-family: "Montserrat-Regular";
    }
}
@media (max-width:767px){
    .main-content {
        padding:0 7px;
    }
    .twocol-sidebar, .pagetools-section {
        display: none;
    }
    .budget-right-wrap h1 {
        text-align: center;
    }
    .budget-right-wrap .twocol-intro h2 {
        margin:10px 0;
    }
    .budget-right-wrap .twocol-intro p, .bottom-row label, .summary-content label, .summary-content span {
        font-size:0.9em;
    }
    .vList h2 {
        font-size: 1.1em;
    }
    .top-row select {
        width: 65%;
        margin-left: 15px;
        font-family: "Montserrat-Regular";
    }
    .bottom-row label {
        width: 47%;
        text-align: left;
    }
    .percentage input {
        width: 37%;
        font-family: "Montserrat-Regular";
    }
    #submit-budget, #estimate-budget {
        padding: 12px 8px 12px 8px;
    }
    .percentage {
        width: 44%;
    }
    /* .fieldsets div.percentage:last-of-type {
        padding-bottom: 5px;
    } */
        .percentage select {
            width: 93%;
            font-family: "Montserrat-Regular";
        }
    .fieldsets .row3 input {
        width:85%;
    }
    .fieldsets .percentage span, .fieldsets .percentage h6 {
        padding: 0 0px 0 3px;
    }
    .budget-content label {
        font-size:0.94em;
        overflow-wrap: break-word;
        width: 30%;
    }
    .select-wrapper {
        width:49%;
    }
    .select-wrapper:after {
        height: 12px;
        left: -35px;
    }
    .row2 .select-wrapper:after {
        left: 45px;
    }
    .accordion span input {
        width: 80%;
        margin: 0;
        font-family: "Montserrat-Regular";
    }
        .accordion span input.percent {
            width: 40%;
            font-family: "Montserrat-Regular";
        }
    .accordion span {
        width: 25%;        
        display: inline-block;
    }
    .allocation label {        
        width: 38%;
        font-size:0.9em;
    }
    .budget-breakup .toggle-icon {        
        right: 6px;  
    }    
    .calculator h3.toggle {        
        padding: 20px 10px 20px 10px;
        font-size:1em;
    }
    .budget-content li, .summary-content li {
        padding: 20px 10px;
    }
    .allocation .accordion, #breakdown-total-percentage {    
        padding: 20px 10px;
    }
    #breakdown-total-percentage .sum{
        margin: 0 0 10px 42%;
    }
    .top-row {
        padding: 20px 10px 0 10px;
    }
    #collapseOne {
        padding: 0;
    }
    .top-row p{
        font-size: 0.9em;
    }
}
@media only screen and (max-device-width : 767px) and (orientation : landscape) {
    #submit-budget {
        padding: 12px 25px 13px 25px;
    }
    .percentage input {
        width: 51%;
        font-family: "Montserrat-Regular";
    }
    .row1 #estimate-budget {
        padding: 12px 25px 12px 25px;
    }
    .row2 .select-wrapper:after {
        left: 100px;
    }
    #breakdown-total-percentage .sum {
        /* text-align: center; */
        margin: 0 0 10px 40.6%;
    }
}