.b-roof_layout h1{padding-bottom:5px}.b-roof_layout h2{font-style:normal;font-weight:bold;font-size:18px;line-height:100%;color:#292826;padding-top:0}@media screen and (min-width: 37.5em){.b-roof_layout h2{font-size:25px}}.b-roof_layout__desc{font-style:normal;font-weight:normal;color:#292826;margin-bottom:15px;font-size:0.765rem;line-height:122%%}@media print,screen and (min-width: 40em){.b-roof_layout__desc{font-size:0.81rem;line-height:122%%}}@media print,screen and (min-width: 62.5em){.b-roof_layout__desc{font-size:0.9rem;line-height:122%%}}.b-roof_layout__materials-title,.b-roof_layout__data-title,.b-roof_layout__types-title{display:flex;align-items:center;justify-content:space-between;padding:20px 20px;border:1px solid #b2b2b2;font-style:normal;font-weight:bold;font-size:18px;line-height:100%;color:#292826}@media screen and (min-width: 37.5em){.b-roof_layout__materials-title,.b-roof_layout__data-title,.b-roof_layout__types-title{font-size:25px}}@media screen and (min-width: 75em){.b-roof_layout__materials-title,.b-roof_layout__data-title,.b-roof_layout__types-title{padding:16px 30px}}.b-roof_layout__typeitems.hidden{display:none}.b-roof_layout__materials{margin-top:30px}.b-roof_layout__materials.hidden{display:none}.b-roof_layout__materials-container,.b-roof_layout__types-container{margin-bottom:20px}.b-roof_layout__materials-container.hidden .b-roof_layout__items,.b-roof_layout__materials-container.hidden .b-roof_layout__typeitems,.b-roof_layout__types-container.hidden .b-roof_layout__items,.b-roof_layout__types-container.hidden .b-roof_layout__typeitems{display:none}@media screen and (min-width: 37.5em){.b-roof_layout__materials-container,.b-roof_layout__types-container{margin-bottom:30px}}.b-roof_layout__initial-data{margin-top:40px}.b-roof_layout__initial-data-container.hidden .b-roof_layout__items-initial-data{display:none}.b-roof_layout__initial-data-container.show .b-roof_layout__items-initial-data.hidden{display:none}.b-roof_layout__types-container{padding:30px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-10px;border:1px solid #b2b2b2;border-top:none}@media screen and (min-width: 37.5em){.b-roof_layout__types-container{padding:20px;margin-top:-20px}}@media screen and (min-width: 75em){.b-roof_layout__types-container{padding:30px 25px 30px 30px}}.b-roof_layout__types-container.hidden{display:none}.b-roof_layout__typetoggle,.b-roof_layout__toggle,.b-roof_layout__initial-toggle{background-image:url("/images/roof_layout/close.svg");background-repeat:no-repeat;background-size:contain;background-position:center;width:30px;height:30px;cursor:pointer}@media screen and (min-width: 37.5em){.b-roof_layout__typetoggle,.b-roof_layout__toggle,.b-roof_layout__initial-toggle{width:35px;height:35px}}.b-roof_layout__typetoggle.active,.b-roof_layout__toggle.active,.b-roof_layout__initial-toggle.active{background-image:url("/images/roof_layout/open.svg")}.b-roof_layout__conatainer{position:relative;display:flex;align-items:flex-start;flex-direction:column-reverse}@media screen and (min-width: 62.5em){.b-roof_layout__conatainer{flex-direction:row}}.b-roof_layout__title-pointer{cursor:pointer}.b-roof_layout__payment{width:100%}@media screen and (min-width: 62.5em){.b-roof_layout__payment{width:45%}}@media screen and (min-width: 81.25em){.b-roof_layout__payment{width:33%}}.b-roof_layout__home{width:100%;padding-left:0;position:relative;margin-bottom:50px}@media screen and (min-width: 62.5em){.b-roof_layout__home{width:55%;position:-webkit-sticky;position:sticky;padding-left:140px;top:calc(7.75rem + 50px);margin-bottom:0}}@media screen and (min-width: 81.25em){.b-roof_layout__home{width:67%}}.b-roof_layout__home svg{width:100%;height:auto}.b-roof_layout__home svg .st0{opacity:0}.b-roof_layout__home svg .left,.b-roof_layout__home svg .right{opacity:0}.b-roof_layout__home svg .visible{opacity:1}.b-roof_layout__home.hidden{display:none}.b-roof_layout__item-name{position:absolute;bottom:60px;right:60px;padding:7px 10px;border:1px solid #b2b2b2;display:none}.b-roof_layout__item-name.active{display:block}.b-roof_layout__items{padding:30px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-10px;border:1px solid #b2b2b2;border-top:none}@media screen and (min-width: 37.5em){.b-roof_layout__items{padding:20px;margin-top:-20px}}@media screen and (min-width: 75em){.b-roof_layout__items{padding:30px 25px 30px 30px}}.b-roof_layout__typeitems{padding:30px 20px;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:-10px;border:1px solid #b2b2b2;border-top:none}@media screen and (min-width: 37.5em){.b-roof_layout__typeitems{padding:20px;margin-top:-20px}}@media screen and (min-width: 75em){.b-roof_layout__typeitems{padding:30px 25px 30px 30px}}.b-roof_layout__typeitems.hidden{display:none}.b-roof_layout__type-item.active .b-roof_layout__typeitem-title{color:#be232e}.b-roof_layout__type-item.active .b-roof_layout__typeitem-container-img{border:1px solid #be232e}.b-roof_layout__typeitem-container-img{width:118px;padding:10px;margin-right:26px;margin-top:30px;cursor:pointer;border:1px solid #b2b2b2}.b-roof_layout__typeitem-title{font-weight:400;font-size:16px;line-height:100%;padding-top:10px;text-align:left}.b-roof_layout__wrapper{transition:all .5s;display:block;opacity:1;visibility:visible;height:100%}.b-roof_layout__wrapper.hidden{transition:all .5s;display:none;opacity:0;visibility:hidden;height:0}.b-roof_layout__item{width:100%;margin-top:10px;position:relative;padding-right:5px}@media screen and (min-width: 37.5em){.b-roof_layout__item{width:calc(100% / 2);margin-top:20px}}.b-roof_layout__item:first-child{width:100%}.b-roof_layout__custom-checkbox{position:absolute;top:5px;opacity:0;width:20px;cursor:pointer;height:20px}.b-roof_layout__custom-checkbox+label{display:flex;align-items:center;cursor:pointer}.b-roof_layout__custom-checkbox+label::before{content:"";display:inline-block;width:20px;height:20px;flex-shrink:0;flex-grow:0;margin-right:10px;background-image:url("/images/roof_layout/radio.svg");background-repeat:no-repeat;background-position:center center;background-size:contain}.b-roof_layout__custom-checkbox:checked+label::before{width:20px;height:20px;background-image:url("/images/roof_layout/radio-active.svg")}.b-roof_layout__items-initial-data{padding:20px;display:flex;flex-direction:column;border:1px solid #b2b2b2;border-top:none;margin-top:-20px}@media screen and (min-width: 75em){.b-roof_layout__items-initial-data{padding:30px 30px 50px 30px}}.b-roof_layout__item-initial-data{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:20px}.b-roof_layout__item-initial-data.hidden{display:none}.b-roof_layout__item-initial-data.active .b-roof_layout__initial-data-input{color:#be232e;border:2px solid #be232e}.b-roof_layout__item-initial-data.active .b-roof_layout__initial-data-title{color:#be232e;flex-grow:1}.b-roof_layout__item-initial-data:hover .b-roof_layout__initial-data-input{color:#be232e;border:2px solid #be232e}.b-roof_layout__item-initial-data:hover .b-roof_layout__initial-data-title{color:#be232e}.b-roof_layout__item-initial-data.disable .b-roof_layout__initial-data-input-minus{display:none}.b-roof_layout__item-initial-data.disable .b-roof_layout__initial-data-input-plus{display:none}.b-roof_layout__initial-data-input-container{position:relative}.b-roof_layout__initial-data-input-minus{width:11px;height:11px;position:absolute;top:8px;left:7px;background-image:url("/images/roof_layout/minus.svg");background-repeat:no-repeat;background-position:center center;background-size:contain;cursor:pointer}.b-roof_layout__initial-data-input-plus{width:11px;height:11px;position:absolute;display:block;top:8px;right:7px;content:"";background-image:url("/images/roof_layout/plus.svg");background-repeat:no-repeat;background-position:center center;background-size:contain;cursor:pointer}.b-roof_layout__initial-data-title{font-style:normal;font-weight:normal;font-size:16px;line-height:100%;color:#292826;cursor:default;margin-right:20px}@media screen and (min-width: 25em){.b-roof_layout__initial-data-title{font-size:20px}}.b-roof_layout__initial-data-title.bold{font-weight:bold}.b-roof_layout__initial-data-input{border:none;border:1px solid #4d4d4d;flex:0 0 auto;border-radius:0;width:100px;height:30px;text-align:center}@media screen and (min-width: 62.5em){.b-roof_layout__initial-data-input{width:85px}}.b-roof_layout__initial-data-input:focus{border:none;border:1px solid #4d4d4d}.b-roof_layout__initial-data-input:focus-visible{outline:transparent}.b-roof_layout__initial-data-input.warning{background:#ffbebf}.b-roof_layout__initial-data-input.default{color:#b2b2b2}.b-roof_layout input::-webkit-outer-spin-button,.b-roof_layout input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-roof_layout input[type=number]{-moz-appearance:textfield}.b-roof_layout__select-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.b-roof_layout__select-container select{position:relative;flex:0 0 auto;max-width:85px;padding:10px 8px;background-color:#fff;border:none;border:1px solid #4d4d4d;font-size:16px;line-height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("/images/roof_layout/arrow.svg");background-repeat:no-repeat;background-size:12px 6px;background-position:65px center;color:#292826}.b-roof_layout__select-container.hidden{display:none}.b-roof_layout__select-title{font-size:20px;font-style:normal;font-weight:normal;line-height:100%}.b-roof_layout__warming{display:flex;width:100%;margin-top:50px;position:relative}.b-roof_layout__conatainer-result{position:relative}.b-roof_layout__conatainer-result.hidden{display:none}.b-roof_layout__result-title{margin-top:50px;margin-bottom:5px;font-weight:600;font-size:1.5rem;line-height:120%}@media print,screen and (min-width: 40em){.b-roof_layout__result-title{font-size:1.3rem;line-height:120%}}@media print,screen and (min-width: 62.5em){.b-roof_layout__result-title{font-size:2rem;line-height:120%}}@media screen and (min-width: 62.5em){.b-roof_layout__result-title{margin-top:100px;margin-bottom:5px}}.b-roof_layout__result_before_comment{font-style:normal;font-weight:normal;color:#292826;margin-bottom:40px;font-size:0.765rem;line-height:122%%}@media print,screen and (min-width: 40em){.b-roof_layout__result_before_comment{font-size:0.81rem;line-height:122%%}}@media print,screen and (min-width: 62.5em){.b-roof_layout__result_before_comment{font-size:0.9rem;line-height:122%%}}.b-roof_layout__swiper-result{overflow:hidden}.b-roof_layout .swiper-wrapper{max-width:100%}@media screen and (min-width: 37.5em){.b-roof_layout .swiper-wrapper{max-width:0}}.b-roof_layout .swiper-wrapper span{font-size:.8rem;line-height:120%}.b-roof_layout .swiper-wrapper span.invoker{position:absolute;bottom:15px}.b-roof_layout__slider-prev{position:absolute;top:30px;left:18px;width:30px;height:30px;transform:rotate(180deg);cursor:pointer;z-index:20;background-repeat:no-repeat;background-image:url("/images/slide-compare.svg");background-size:contain;display:none}.b-roof_layout__slider-prev.swiper-button-disabled{background-image:url("/images/slide-compare-disable.svg");transform:rotate(0deg)}@media screen and (min-width: 62.5em){.b-roof_layout__slider-prev{display:block}}.b-roof_layout__slider-prev.swiper-button-lock{display:none}.b-roof_layout__slider-next{position:absolute;top:30px;right:18px;width:30px;height:30px;cursor:pointer;z-index:20;background-repeat:no-repeat;background-image:url("/images/slide-compare.svg");background-size:contain;display:none}.b-roof_layout__slider-next.swiper-button-disabled{background-image:url("/images/slide-compare-disable.svg");transform:rotate(180deg)}@media screen and (min-width: 62.5em){.b-roof_layout__slider-next{display:block}}.b-roof_layout__slider-next.swiper-button-lock{display:none}.b-roof_layout__swiper-item{display:flex;position:relative;justify-content:center;padding:23px 0;height:80px;border:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;color:#bbb;cursor:pointer;width:70%}@media screen and (min-width: 62.5em){.b-roof_layout__swiper-item{border-bottom:none}}@media screen and (min-width: 37.5em){.b-roof_layout__swiper-item{width:100%;height:90px;padding:25px 0}}.b-roof_layout__swiper-item.active,.b-roof_layout__swiper-item.swiper-slide-active{border:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;color:#292826}@media screen and (min-width: 62.5em){.b-roof_layout__swiper-item.active,.b-roof_layout__swiper-item.swiper-slide-active{border:1px solid #b2b2b2;border-bottom:none}}.b-roof_layout__swiper-item.active::before,.b-roof_layout__swiper-item.swiper-slide-active::before{content:"";position:absolute;bottom:0;height:3px;width:100%;background-color:#fff;left:0}.b-roof_layout__swiper-scrollbar{height:3px;background-color:#ededed;display:none;margin-bottom:30px}.b-roof_layout__swiper-scrollbar .swiper-scrollbar-drag{background:#be232e;cursor:pointer}@media screen and (min-width: 62.5em){.b-roof_layout__swiper-scrollbar{display:none}}.b-roof_layout__border{position:absolute;width:100%;height:1px;background-color:#b2b2b2;margin-top:-1px;display:none}@media screen and (min-width: 62.5em){.b-roof_layout__border{display:block}}.b-roof_layout__comments{display:none}.b-roof_layout__result{padding:30px 0 0;border:none}@media screen and (min-width: 62.5em){.b-roof_layout__result{padding:0}}.b-roof_layout__table-container{overflow:auto;-ms-overflow-style:none;scrollbar-width:none}@media screen and (min-width: 37.5em){.b-roof_layout__table-container{overflow:auto}}.b-roof_layout__table-container::-webkit-scrollbar{width:0}.b-roof_layout__product{border-bottom:1px solid #b2b2b2;padding:10px 0}@media screen and (min-width: 37.5em){.b-roof_layout__product{padding:20px 0}}.b-roof_layout__table{width:485px;border-collapse:collapse;display:none}.b-roof_layout__table th{text-align:left;padding:10px 15px 10px 0}@media screen and (min-width: 37.5em){.b-roof_layout__table th{padding:20px 15px 20px 0}}.b-roof_layout__table th:first-child{display:table-cell}@media screen and (min-width: 37.5em){.b-roof_layout__table th:first-child{width:53%}}.b-roof_layout__table tr td{font-size:16px}@media screen and (min-width: 37.5em){.b-roof_layout__table tr td{font-size:18px}}.b-roof_layout__table tr td:first-child{vertical-align:top;display:block}.b-roof_layout__table tr td:nth-child(2){width:150px}@media screen and (min-width: 25em){.b-roof_layout__table tr td:nth-child(2){width:auto}}.b-roof_layout__table tr.no_bottom_border{border-bottom:none;display:none}@media screen and (min-width: 62.5em){.b-roof_layout__table tr.no_bottom_border{display:block}}.b-roof_layout__table tr.header{border-bottom:1px solid #b2b2b2}.b-roof_layout__table tr .warm{display:none}.b-roof_layout__table.active{display:table}@media screen and (min-width: 37.5em){.b-roof_layout__table{width:100%}}.b-roof_layout__product-icons-container{position:relative;margin-right:8px;margin-top:10px}.b-roof_layout__product-icons-container img{width:70px}@media screen and (min-width: 75em){.b-roof_layout__product-icons-container{margin-top:35px}.b-roof_layout__product-icons-container img{width:77px}.b-roof_layout__product-icons-container:hover .b-roof_layout__product-icons-title{visibility:visible}}.b-roof_layout__result-pdf{margin-top:20px}@media screen and (min-width: 37.5em){.b-roof_layout__result-pdf{margin-top:30px}}.b-roof_layout__result-pdf a{color:transparent;margin-right:20px}.b-roof_layout__result-pdf-title{font-weight:600;color:#292826;padding-bottom:5px}.b-roof_layout__product-icons-title{position:absolute;padding:6px 10px;text-align:center;color:#292826;font-size:12px;line-height:100%;background-color:#fff;border:1px solid #b2b2b2;visibility:hidden;width:185px;bottom:65px;left:50%;transform:translateX(-50%)}.b-roof_layout__product-icons-download{-webkit-mask-image:url("/images/catalog/001-pdf.svg");mask-image:url("/images/catalog/001-pdf.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:bottom;mask-position:bottom;display:inline-block;background-color:#8a8a8a;width:50px;height:50px;cursor:pointer}@media screen and (min-width: 75em){.b-roof_layout__product-icons-download:hover{background-color:#be232e}}.b-roof_layout__product-icons-email{-webkit-mask-image:url("/images/catalog/email 1.svg");mask-image:url("/images/catalog/email 1.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:bottom;mask-position:bottom;display:inline-block;background-color:#8a8a8a;width:50px;height:50px;cursor:pointer}@media screen and (min-width: 75em){.b-roof_layout__product-icons-email:hover{background-color:#be232e}}.b-roof_layout__product-pdf-container{position:relative}@media screen and (min-width: 75em){.b-roof_layout__product-pdf-container:hover .b-roof_layout__product-icons-title{visibility:visible}}.b-roof_layout__product-email-form{visibility:hidden;height:0;opacity:0;transition:.6s;z-index:1;max-width:500px}.b-roof_layout__product-email-form.active{visibility:visible;height:auto;opacity:1;transition:.6s}.b-roof_layout .comment{display:none;color:#be232e;padding-top:10px;font-size:.6rem;line-height:.7rem}.b-roof_layout .error_comment{display:none;color:#be232e;padding-top:10px;font-size:.6rem;line-height:.7rem}.b-roof_layout__weight_volume{padding:25px 0;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2}.b-roof_layout__btn{background-color:#be232e;padding:5px 20px;font-size:.6rem;font-weight:400;color:#fff;border:1px solid transparent;transition:.3s linear;text-decoration:none;cursor:pointer;margin-top:40px;display:inline-block}@media(min-width: 1025px){.b-roof_layout__btn{font-size:.7rem;padding:10px 35px}}@media(min-width: 1601px){.b-roof_layout__btn{font-size:.9rem}}.b-roof_layout__btn:hover{background-color:#fff;border:1px solid #be232e;color:#be232e}.b-roof_layout__btn.disable{background-color:#c4c4c430;color:#c4c4c4;cursor:default}.b-roof_layout__btn.disable:hover{border:1px solid #c4c4c430}.b-roof_layout__result_comment{font-style:normal;font-weight:normal;color:#292826;margin-bottom:15px;font-size:0.765rem;line-height:122%%}@media print,screen and (min-width: 40em){.b-roof_layout__result_comment{font-size:0.81rem;line-height:122%%}}@media print,screen and (min-width: 62.5em){.b-roof_layout__result_comment{font-size:0.9rem;line-height:122%%}}.b-roof_layout .container_canvas{position:relative;margin-bottom:100px;overflow-x:auto;max-width:100%}.b-roof_layout .current_sheet{position:absolute;top:0;left:0}.b-roof_layout .result_images{height:120px;float:left;margin-top:6px;margin-right:40px}.b-roof_layout .wind_image{display:inline-block;width:56px;height:15px;margin-left:8px}.b-roof_layout canvas{font-family:"Source Sans Pro"}.b-roof_layout__result-accessories{width:485px;border-collapse:collapse;margin-bottom:40px}.b-roof_layout__result-accessories th{text-align:left;padding:10px 0}@media screen and (min-width: 37.5em){.b-roof_layout__result-accessories th{padding:20px 0}}.b-roof_layout__result-accessories th:first-child{padding:10px 15px 10px 0}@media screen and (min-width: 37.5em){.b-roof_layout__result-accessories th:first-child{padding:20px 15px 20px 0;min-width:53%;width:80%}}.b-roof_layout__result-accessories tr td{font-size:16px;padding-top:5px;padding-bottom:5px}@media screen and (min-width: 37.5em){.b-roof_layout__result-accessories tr td{font-size:18px}}.b-roof_layout__result-accessories tr td:nth-child(2){min-width:130px;width:16%}.b-roof_layout__result-accessories tr.header_border td,.b-roof_layout__result-accessories tr.header_border th{border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;padding-top:15px}@media screen and (min-width: 37.5em){.b-roof_layout__result-accessories{width:80%}}@media screen and (min-width: 75em){.b-roof_layout__result-accessories{width:55%}}