

/* Start:/local/components/chili/calc/templates/.default/style.css?163894787918973*/

.prof-formfield, textarea.prof-formfield {
    border: 1px solid #bebdbd;
    color: #000;
    display: inline-block;
    float: left;
    font: 12px/14px "Roboto", sans-serif;
    padding: 0 5px;
    height: 24px;
    width: 100%; }

.btn-filter {
    display: block;
    width: 100%;
    float: left;
    text-decoration: none;
    border: 0;
    height: 35px;
    text-align: center;
    letter-spacing: -0.7px;
    text-align: center;
    color: #ffffff;
    font: 14px/35px "Roboto", sans-serif;
    margin: 5px 0 0; }

.btn-green {
    background: #5F8C00;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s; }
.btn-green:active {
    background: #2D4300; }

.text-center {
    text-align: center; }

.tabs__calc {
    display: block;
    width: 100%;
    float: left;
    margin: 20px 0;
    padding-bottom: 20px;
    border-bottom: 2px solid #d5d5d5;
    position: relative; }
.tabs__calc:before, .tabs__calc:after {
    content: "";
    background: #D5D5D5;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -2px; }
.tabs__calc:before {
    left: -100%; }
.tabs__calc:after {
    right: -100%; }

.tabs__calc-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }

.tabs__calc-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0 50px; }
.tabs__calc-btn:hover {
    color: #95334a; }

.calc-item-icon {
    display: inline-block;
    position: relative;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s; }
.calc-item-icon:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s; }

.calc-item-icon-1 {
    background: url("/local/components/chili/calc/templates/.default/../images/svg/icon-cat-1-hover.svg") no-repeat;
    height: 40px;
    width: 28px;
    -webkit-background-size: contain;
    background-size: contain; }
.calc-item-icon-1:before {
    background: url("/local/components/chili/calc/templates/.default/../images/svg/icon-cat-1-active.svg") no-repeat;
    -webkit-background-size: contain;
    background-size: contain; }

.calc-item-icon-2 {
    background: url("/local/components/chili/calc/templates/.default/../images/svg/icon-cat-5-hover.svg") no-repeat;
    height: 37px;
    width: 34px;
    -webkit-background-size: contain;
    background-size: contain; }
.calc-item-icon-2:before {
    background: url("/local/components/chili/calc/templates/.default/../images/svg/icon-cat-5-active.svg") no-repeat;
    -webkit-background-size: contain;
    background-size: contain; }

.calc-item-icon-3 {
    background: url("/local/components/chili/calc/templates/.default/../images/svg/icon-cat-6-hover.svg") no-repeat;
    height: 37px;
    width: 44px;
    -webkit-background-size: contain;
    background-size: contain; }
.calc-item-icon-3:before {
    background: url("/local/components/chili/calc/templates/.default/../images/svg/icon-cat-6-active.svg") no-repeat;
    -webkit-background-size: contain;
    background-size: contain; }

.calc-item-icon-4 {
 background: url("/local/components/chili/calc/templates/.default/../images/icon/icon-dye.png") no-repeat;
 width: 34px;
 height: 37px;
 -webkit-background-size: contain;
 background-size: contain;
}
.calc-item-icon-4::before {
 background: url("/local/components/chili/calc/templates/.default/../images/icon/icon-dye-hover.png") no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
}
.calc-item-icon-5 {
 background: url("/local/components/chili/calc/templates/.default/../images/icon/icon-cloth.png") no-repeat;
 width: 42px;
 height: 37px;
 -webkit-background-size: contain;
 background-size: contain;
}
.calc-item-icon-5::before {
 background: url("/local/components/chili/calc/templates/.default/../images/icon/icon-cloth-hover.png") no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
}
.calc-item-icon-6 {
 background: url("/local/components/chili/calc/templates/.default/../images/icon/icon-stucco.png") no-repeat;
 width: 38px;
 height: 37px;
 -webkit-background-size: contain;
 background-size: contain;
}
.calc-item-icon-6::before {
 background: url("/local/components/chili/calc/templates/.default/../images/icon/icon-stucco-hover.png") no-repeat;
 -webkit-background-size: contain;
 background-size: contain;
}
.calc-icon-4-small {
 width: 25px;
 height: 27px; 
}
.calc-icon-5-small {
 width: 24px;
 height: 21px;
}
.calc-icon-6-small {
 width: 27px;
 height: 27px;
}
    

.tabs__calc-item.active .tabs__calc-btn, .tabs__calc-item:hover .tabs__calc-btn {
    color: #95334a; }

.tabs__calc-item.active .calc-item-icon:before, .tabs__calc-item:hover .calc-item-icon:before {
    opacity: 1; }

.calc-item-btn-img {
    margin-right: 15px; }

.calc-item-btn-text {
    font-size: 16px; }

.tabs__calc__container {
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 30px; }
.mobile .tabs__calc__container {
 padding: 0 17px;
}
.tab__calc {
    display: none;
    width: 100%;
    float: left; }
.tab__calc.active {
    display: block; }

.tab__calc-mobile {
    display: none;
    width: 100%;
    float: left; }

.calc-mobile-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: 1px solid #D5D5D5;
    padding: 10px;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
.calc-mobile-btn.active {
    border-color: #95334a;
    color: #95334A; }
.calc-mobile-btn.active .calc-item-icon::before {
    opacity: 1; }
.calc-mobile-btn.active:before {
    opacity: 0; }
.calc-mobile-btn.active:after {
    opacity: 1; }
.calc-mobile-btn:before, .calc-mobile-btn:after {
    content: "";
    right: 5px;
    top: 50%;
    position: absolute;
    width: 12px;
    height: 7px;
    opacity: .3;
    margin: -2px 0 0; }
.calc-mobile-btn:before, .calc-mobile-btn:after {
    background: url("/local/components/chili/calc/templates/.default/../images/svg/arrow-filter.svg") no-repeat;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
.calc-mobile-btn:after {
    background: url("/local/components/chili/calc/templates/.default/../images/svg/arrow-filter-active.svg") no-repeat;
    opacity: 0;
    -webkit-transform: translate(-50%, 0) rotate(180deg);
    -ms-transform: translate(-50%, 0) rotate(180deg);
    transform: translate(-50%, 0) rotate(180deg); }

.calc-icon-1-small {
    height: 30px;
    width: 18px; }

.calc-icon-2-small {
    height: 27px;
    width: 24px; }

.calc-icon-3-small {
    height: 27px;
    width: 34px; }

.tab__calc-content {
    display: block;
    width: 100%;
    float: left; }

.calc-row {
    margin: 0 -30px; }

.calc-col {
    display: block;
    float: left;
    padding: 0 30px; }

.calc-col-6 {
    width: 50%; }

.calc-col-12 {
    width: 100%; }

.calc__block {
    display: block;
    float: left;
    width: 100%;
    padding: 15px 0;
    min-height: 1px; }

.calc__block-border {
    border-bottom: 2px solid #f0f0f0; }

.hr-line {
    height: 2px;
    width: 100%;
    float: left;
    background: #F0F0F0; }

.calc__block-tab {
    display: none; }

.calc__block-tab-show {
    display: block; }

.fl-no-bg {
    background: transparent !important;
    padding: 0 0 0 20px; }
.fl-no-bg:before {
    left: 0; }
.fl-no-bg:after {
    left: 3px; }

.filter-radio + label.fl-no-bg, .filter-check + label.fl-no-bg {
    border: 0 !important; }

.filter-radio:checked + label.fl-no-bg, .filter-check:checked + label.fl-no-bg {
    border: 0 !important; }

.calc__block-list {
    display: block;
    float: left;
    width: 100%;
    margin: 10px 0 0; }
.calc__block-list li {
    display: block;
    float: left;
    width: 100%; }

.control-error {
    -webkit-box-shadow: 0 0 3px #ff0000;
    box-shadow: 0 0 3px #ff0000; }

.calc__block-list-item {
    display: block;
    float: left;
    width: 100%; }

.calc__block-title {
    display: block;
    font: bold 18px/20px "Roboto Condensed", sans-serif;
    float: left;
    width: 100%;
    margin-bottom: 10px; }

.mn-t-2 {
    margin-top: 26px; }

.mn-l-10 {
    margin-left: 10px; }

.mn-r-10 {
    margin-right: 10px; }

.calc-list-inline {
    margin-top: 0; }
.calc-list-inline .calc__block-list-item {
    margin-bottom: 10px;
    padding: 0 20px; }
.calc-list-inline .calc__block-list-item:last-child {
    margin-bottom: 0; }

.calc-btn-save {
    float: right;
    height: 24px;
    width: auto;
    padding: 0 15px;
    line-height: 24px; }

.calc-label {
    display: inline-block;
    float: left;
    font: 14px/24px "Roboto Condensed", sans-serif; }

.calc-label-width, .calc-label-height {
    width: 50%; }

.calc-input {
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px; }

.calc__block-control {
    display: block;
    float: left;
    width: 50%; }

.without-list {
    display: inline-block;
    float: left;
    width: 100%; }
.without-list li {
    display: block;
    width: 100%;
    float: left;
    color: #000;
    font-size: 12px;
    line-height: 28px; }

.calc-btn-simple {
    display: inline-block;
    float: left;
    color: #95334A;
    font-size: 14px;
    line-height: 28px;
    text-decoration: underline; }
.calc-btn-simple:hover {
    text-decoration: none; }

.calc__block-articl {
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 10px; }
.calc__block-articl .calc-label {
    margin: 0 10px 0 0; }
.calc__block-articl .prof-formfield {
    width: 150px; }
.calc__block-articl .calc-btn-simple  {
 width: auto;
 margin-top: 0;
 padding: 0 20px;
 height: 24px; 
 line-height: 24px;
 margin-left: 15px; 
 color: #fff !important;
}
.calc-btn__style--2 {
 width: auto !important;
 margin-top: 0 !important;
 padding: 0 20px;
 height: 24px !important; 
 line-height: 24px !important;
 color: #fff !important;
}

.calc-result {
    display: block;
    width: 100%;
    float: left;
    margin-top: 20px; }

.calc-result-title, .calc-result-value {
    font: bold 18px/20px "Roboto Condensed", sans-serif;
    display: inline-block;
    margin-right: 5px; }

.calc-result-value {
    color: #95334A; }

.calc-btn-reset {
    color: #95334A;
    font-size: 14px;
    line-height: 28px;
    text-decoration: underline;
    border: 0;
    background: none; }
.calc-btn-reset:hover {
    text-decoration: none; }

.calc-btn-submit {
    width: auto;
    float: none;
    padding: 0 70px;
    margin: 10px auto 0; }

.windows__cont {
    display: none;
    width: 100%;
    float: left; }

.windows__calc-box {
    display: block;
    width: 100%;
    float: left;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #f0f0f0;
    position: relative; }
.windows__calc-box .calc__block-list-item {
    padding: 0 !important; }
.windows__calc-box .calc-input {
    width: 70%; }

.without-txt {
    float: left;
    display: inline-block; }

.without-btn-del {
    float: left;
    width: 22px;
    height: 22px;
    display: inline-block;
    background: #fff url("/local/components/chili/calc/templates/.default/../images/svg/btn-close-red.svg") no-repeat center;
    -webkit-background-size: 12px 12px;
    background-size: 12px;
    cursor: pointer;
    margin: 3px 0 0; }

.windows__calc-close {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    cursor: pointer;
    background: #fff url("/local/components/chili/calc/templates/.default/../images/svg/btn-close.svg") no-repeat center;
    -webkit-background-size: 12px 12px;
    background-size: 12px; }

.windows__calc-title {
    display: block;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px; }

.mn-b {
    margin-bottom: 10px; }

.calc-list-no-padding .calc__block-list-item {
    padding: 0; }

.calc-result-sub-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%; }
.calc-result-sub-text p {
    font: 14px/16px "Roboto Condensed", sans-serif;
    color: #000;
    max-width: 500px; }

.calc-result-area p {
    color: #777; }

.paint__consumption {
    width: 100%;
    margin-bottom: 20px;
    border-top: 2px solid #f0f0f0;
    padding: 30px 0 0; }

.consumption-formfield {
    width: 150px;
    margin: 0 10px; }

.prof-formfield-width-50 {
    width: 50px; }

.block-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.block-flex-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }

.block-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

.color-green {
    color: #5F8C00; }

.font-weight {
    font-weight: bold; }

.calc-list__padding--reset .calc__block-list-item {
 padding: 0 !important;
}
.mb-10 {
 margin-bottom: 10px !important;
}

@media (min-width: 768px){
 .calc__block-list--flex .calc__block-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 }
 .calc__block-list--flex .calc-label-width {
  width: 100px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 5px;
 }
 .calc__block-list--flex .calc__block-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  
}
 .calc__block-list--flex .calc__block-control--col {
   width: 100px;
   -webkit-flex-shrink: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;  
   padding-left: 15px; 
 }
 .calc__block-list--flex .calc-input {
  width: 100px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
 }

    .tabs__calc__container .calc-col-submit p {
        text-align: center;
        margin-bottom: 0;
    }
    .tabs__calc__container .calc-col-submit p .btn-filter {
        display: inline-block;
        float: none;
        width: 30%;
    }
} /* min 768px  */



@media (min-width: 1024px){
 .calc__block-list--flex .calc-label-width {
  width: 150px;
 }
} /* min 1024px  */


/* 22222222222222 */

@media (max-width: 1023px){
    .calc-row {
        margin: 0 -15px; }
    .calc-col {
        padding: 0 15px; }
    .calc-list-inline .calc__block-list-item {
        padding: 0 10px; }
    .windows__calc-box .calc-input {
        width: 100%; }
    .calc__block-articl .prof-formfield {
        width: 130px; }
}


@media (max-width: 767px){
 .tabs__calc-btn {
  padding: 0 30px;
 }
 .calc__block-control--col {
  display: block;
  float: left;
  width: 100%;
 }
 .calc__block-control--col .btn-filter {
  margin-bottom: 0;
 }
 .calc__block-control--col .calc-label, .calc__block-control--col .btn-filter {
  margin-top: 10px !important;
  width: 100% !important;
 }
 .calc-label {
  padding-right: 10px;
 }

 .tabs__calc__container {
  padding: 0 17px;
 }
    .calc-col-6 {
        width: 100%; }
    .calc-col {
        padding: 0 10px; }
    .calc-row {
        margin: 0 -10px; }
    .calc-label {
        font-size: 18px;
        line-height: 18px;
        height: 40px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
    .calc-input {
        font-size: 18px;
        height: 40px; }
    .windows__calc-title {
        font-size: 20px;
        line-height: 22px; }
    .calc-list-inline .calc__block-list-item {
        padding: 0; }
    .windows__calc-close {
        width: 32px;
        height: 32px;
        -webkit-background-size: 16px 16px;
        background-size: 16px; }
    .without-list li {
        font-size: 16px;
        line-height: 40px; }
    .calc-btn-simple {
        font-size: 18px;
        line-height: 40px; }
    .without-btn-del {
        margin: 10px 0 0; }
    .calc-btn-save {
        margin-bottom: 0;
        height: 35px;
        line-height: 35px;
        font-size: 18px; }
    .calc__block-articl .prof-formfield {
        height: 40px;
        font-size: 18px;
        width: 170px; }
    .consumption-formfield {
        height: 40px;
        font-size: 18px;
        width: 150px; }
    .prof-formfield-width-50 {
        width: 80px; }
    .calc__block-articl .calc-btn-simple, .calc-btn__style--2 {
        height: 40px !important;
        line-height: 40px !important; }
    .calc-result-title, .calc-result-value {
        font-size: 20px;
        line-height: 22px; }
    .calc-btn-reset {
        font-size: 16px;
        line-height: 22px; }
    .calc-btn-submit {
        font-size: 18px; }
    .tab__calc-content .filter__box-txt {
        margin: 0; }
    .calc-result {
        margin-top: 10px; }
    .mn-t-2 {
        margin-top: 0; }
}

@media (max-width: 639px){
    .tabs__calc-pc {
        display: none; }
    .tab__calc-content {
        display: none; }
    .tab__calc-content.active {
        display: block; }
    .tab__calc-mobile {
        display: block; }
    .tab__calc {
        display: block;
        margin-bottom: 15px;
        border-bottom: 2px solid #D5D5D5;
        padding-bottom: 15px;
        position: relative; }
    .tab__calc:before, .tab__calc:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -2px;
        background: #D5D5D5;
        height: 2px;
        width: 20px; }
    .tab__calc:before {
        left: -20px; }
    .tab__calc:after {
        right: -20px; }
    .tab__calc:last-child {
        border-bottom: 0; }
    .tab__calc:last-child:before, .tab__calc:last-child:after {
        display: none; }
    .block-flex-center {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
    .block-flex-center div {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
    .mn-r-10 {
        margin-right: 0;
        margin-top: 10px; }
    .mn-l-10 {
        margin-left: 0;
        margin-bottom: 10px; }
}


@media (max-width: 479px){
    .calc__block-articl .calc-label {
        width: 100%;
        margin: 0; }
    .calc__block-articl .calc-label-inline {
        width: auto;
        margin-right: 10px; }
    .calc-result-title {
        width: 100%;
        margin: 0 0 5px; }
    .calc__block-txt {
        display: block;
        width: 100%; }
}

.article-error{
    color: red;
    font-size: 10px;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/form.result.new/availability_request/style.css?1608209430712*/
table.form-table
{
	width:100%;
	background-color:white;
	border-collapse:collapse;
	font-size:100%;
	font-weight:normal;
	line-height:160%;
}

table.form-table th, table.form-table td
{
	border:1px solid #ADC3D5;
	padding: 5px 5px;
	vertical-align:top;
}

table.form-table th
{
	background-image:url(/local/templates/.default/components/bitrix/form.result.new/availability_request/images/table_head.gif);
	background-repeat:repeat-x;
	text-align: left;
	color:#25639A;
}


table.form-table td
{
	padding: 15px 5px;
}

.form-required 
{
	color: red;
}

.error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/local/templates/.default/components/bitrix/form.result.new/availability_request/images/icon_warn.gif);
}

.fieldset.textarea{
	margin-top: 30px;
}
/* End */
/* /local/components/chili/calc/templates/.default/style.css?163894787918973 */
/* /local/templates/.default/components/bitrix/form.result.new/availability_request/style.css?1608209430712 */
