.calculator {
    margin-top: 30px;
}

.calculator .top .box:first-child {
    margin-left: 0;
}

.calculator .top .box {
    float: left;
    display: inline-block;
    margin-left: 40px;
    box-sizing: border-box;
    width: 280px;
}

.calculator .top .box label {
    width: 100%;
    display: inline-block;
    word-wrap: break-word;
}

.calculator .top .box input {
    width: 100%;
    padding: 5px;
}

.calculator .top .box .arts {
    resize: none;
    margin-top: 15px;
    width: 100%;
    height: 200px;
    padding: 5px;
}

.calculator .top .box .price {
    margin-top: 10px;
}

.calculator .top .box .price label {
    font-size: 12px;
    color: #A9A9A9;
}

.calculator .box .to-prov {
    margin-top: 30px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    border: none;
    font-weight: bold;
    font-family: 'Bender Black', serif;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    background: #19B5FE;
    cursor: pointer;
    padding: 8px 7px;
    outline: none;
}

.calculator .box .to-prov.loading {
    background: url("images/l.gif") no-repeat;
    width: 64px;
    height: 64px;
    font-size: 0;
    position: relative;
    left: 100px;
}

.calculator .box .to-prov.disabled {
    background: #A9A9A9;
    cursor: default;
}

.calculator .box .to-prov:active {
    position: relative;
    top:1px;
}

.calculator .top .box.arts-box {
    width: 350px;
}

.calculator .top .box.price-box {
    width: 150px;
}

.result {
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #2C2C2C;
    display: inline-block;
    text-align: left;
    padding-top: 15px;
}

.result td,
.result th {
    padding: 20px 10px;
}

.result-box {
    display: none;
}


.form-success {
    display: none;
}

.total {
    display: inline-block;
    float: right;
    margin: 30px 0;
    font-size: 17px;
}

.total span {
    font-weight: bold;
}

.item-price span,
.item-discount span,
.total span.total-discount {
    font-weight: bold;
}

.item-discount span,
.total span.total-discount {
    color: green;
}






.provento-form {
    margin: 40px 0 20px;
}
.provento-form__title {
    font-size: 26px;
    font-family: 'Bender Light', serif;
    display: block;
    margin-bottom: 20px;
}
.provento-form__item {
    display: block;
    margin: 8px 0;
}
.provento-form__label {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    text-align: right;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 14px;
    font-family: 'open sans', sans-serif;
    color: #000;
}
.provento-form__input-block {
    width: 60%;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
}
.provento-form__input-fuild {
    border: 1px solid #ccc;
    width: 90%;
    height: 30px;
    padding: 0 5px;
}
.provento-form__input-fuild.i-select,
.provento-form__input-fuild.i-phone {
    background: #fff;
    max-width: 250px;
}
.provento-form__input-fuild.i-textarea {
    height: 80px;
    max-height: 80px;
}
.provento-form__input-fuild.i-select {
    font-weight: bold;
}
.provento-form__footer {
    padding-left: 200px;
    margin-left: 12px;
    margin-top: 15px;
}
.provento-form__submit {
    background: #19b5fe;
    border: none;
    font-family: 'Bender', serif;
    padding: 0 28px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    height: 42px;
    line-height: 42px;
    box-sizing: border-box;
}
.provento-form__submit:hover {
    background: #0d72ac;
}











.add-to-cart {
    position: relative;
    height: 42px;

}
.add-to-cart__bg {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('/local/templates/provento/components/bitrix/catalog/tech/bitrix/catalog.element/.default/images/number_field_button.png') no-repeat 0 100%;
}
.add-to-cart__quantity {
    background: none;
}
.add-to-cart__quantity:focus {
    background: none;
}
.add-to-cart__quantity-value {
    background: none;
}
.add-to-cart__quantity-value:focus {
    background: none;
}
.add-to-cart__buttons {
    display: inline-block;
    height: 42px;
    margin-left: 30px;
    vertical-align: middle;
}
.add-to-cart__buttons:hover ~ .add-to-cart__bg {
    background-position: 0 0;
}
.add-to-cart__buttons-add {
    position: relative;
    z-index: 2;
    display: inline-block;
    box-sizing: border-box;
    width: 160px;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    border: none;
    font-weight: bold;
    line-height: 44px;
    font-family: 'Bender Black', serif;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
}
.add-to-cart__buttons-add:hover {
    color: #fff;
}

.increment-block {
    position: relative;
    z-index: 2;
    display: inline-block;
    float: left;
    width: 65px;
    height: 42px;
    vertical-align: middle;
}
.increment-block__button {
    position: absolute;
    left: 28px;
    display: block;
    width: 17px;
    height: 15px;
    text-align: center;
    text-decoration: none;
    outline: 0;
}
.increment-block__button:after {
    position: absolute;
    left: 0;
    width: 9px;
    height: 3px;
    content: '';
    background: url('/local/templates/provento/images/modules/increment-block/select_arrows.png') no-repeat;
}
.increment-block__button_add {
    top: -15px;
}
.increment-block__button_add:after {
    top: 7px;
}
.increment-block__button_add:hover {
    background-position: 100% 0;
}
.increment-block__button_remove {
    bottom: -15px;
}
.increment-block__button_remove:after {
    top: 5px;
    background-position: 0 100%;
}
.increment-block__button_remove:hover:after {
    background-position: 100% 100%;
}
.increment-block__button:focus ~ .add-to-cart__bg {
    background-position: 0 0;
}
.increment-block__value {
    display: block;
    box-sizing: border-box;
    width: 65px;
    height: 42px;
    padding: 0 9px;
    text-align: center;
    border: none;
    background: transparent;
    line-height: 42px;
    vertical-align: middle;
    background: url('/local/templates/provento/images/modules/increment-block/frame.png') no-repeat 0 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}
.increment-block__value:focus {
    background-position: 0 0;
}

.save-csv {
    background: url("images/excel_icon.png") no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    background-size: 100%;
    cursor: pointer;
    outline: none;
}

.save-csv:hover {
    color: #e30529;
}

.save-csv span {
    padding: 5px 0 0 56px;
    display: block;
    font-size: 13px;
    line-height: 15px;
}

.prices-title span {
    border-bottom: 1px dashed #000;
    cursor: pointer;
}

.prices {
    display: none;
}