body {
    background: #fff;
}

.header-ads-new {
    background-color: #BE2126;
    height: 32px;
    padding-top: 12px;
    font-size: 15px;
    font-family: 'FiraSansBook';
}
.header-ads-new a span{
    color: #fff;
}
.header-ads-new a svg{
    vertical-align: middle;
}

.header-ads-new a {
    text-decoration: none;
}
.header-ads-new .close {
    float:right;
    cursor: pointer
}
.advantage-cert img {
    max-height: 240px;
}
.new-offer-block a.red,.catalog h1 a {
    color: #BE2126;
    border-bottom: 1px dashed #BE2126;
}
.catalog h1 a {
    text-decoration: none;
    font-family: 'FiraSansBook';
    vertical-align: top;
    font-size: 24px;
}
.globe .head-geo {
    vertical-align: top;
    font-size: 18px;
    line-height: 22px;
}




.arrow_down{
    margin-left: 15px;
    position: absolute;
    top: 8px;
}
.arrow_down i{
    border: solid white;

    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}





.no_alert:after {
    display: none;
}
h2.contacts-column-title {
    white-space: nowrap;
    font-weight: normal;
    margin: 29px 0 20px 0;
    padding: 0;
    font-size: 34px;
    display: inline-block;
    color: #282828;
    font-family: 'FiraSansBold';
    text-transform: uppercase;
}
.modal_form img {
    margin: 0 auto;
}
.modal_form .close_form {
    right: 15px;
}
.main-menu-major a.selected {
    color:#BE2126;
}
.main-menu-dropdown a.selected {
    color:#BE2126;
}
.globe .head-geo svg{
    padding: 2px;
}
.main-menu-dropdown ul li a {

    padding: 14px 0;
}
.p-no-active.fancybox-content ul{
    list-style: inherit;
    padding-left: 40px;
}
.table-container {
    margin-top: 25px;
}

.p-no-active.fancybox-content a {
    color: #BE2126;
}

.main-menu-dropdown>.container>ul>li.open>a {
    color: #BE2126;
}
.main-menu-dropdown>.container>ul {
    padding: 25px;
    background:#F4F4F4;
}
.main-menu-dropdown {
    background: transparent;
}
.main-menu-dropdown .container {
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 15%);
}
/*.main-menu {display: none;}*/
.globe {
    min-width: 130px;
    margin: 0px;
    padding-top: 15px;
}
.phone_us a.tel{
    font-family: 'FiraSansMedium';
    color: #282828;
    text-decoration: none;
    font-size: 20px;
}
header  .header_top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 16px;
}

.main-banner-bg {

    background: #F4F4F4 no-repeat  url(../images/main_baner-bg.png) right top -1px;
    background-size: 45%;
    margin-bottom: 24px;


    /*background: #F4F4F4 no-repeat  url(../images/main-banner-ny.png) center top -1px; 
    margin: 0 auto;
    height: 270px;
    margin-bottom: 74px;*/

}

.full .main-banner.retail {
    background: #fff;
}

.main-banner-bg .main-banner-left-title {
    color: #282828;
    text-transform: unset;
    font-family: 'FiraSansMedium';
    font-size: 48px;
    text-align: left;
}
.main-banner-bg .main-banner-left-sub-title {
    text-align: left;
    font-size: 24px;
    font-family: 'FiraSansBook';
    padding: 16px 0 17px 0;

}
.main-gallery-after-banner-slider-new {
    overflow: hidden;
    margin-top: 20px;
}
.footer-right-bottom>a {
    background: #BE2126;
}
.footer-right-bottom>a:hover {

    color:  #BE2126;

    border: 2px solid #BE2126;

}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{



    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;
    overflow: hidden;
    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    background:#282828;
    display: block;

    width: 10px;
    height: 10px;


    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;

}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.slick-dots li.slick-active button
{

    background:#BE2126;
}

.main-gallery-after-banner-slider-new  .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 -10px;
    padding: 0;
}
.main-gallery-after-banner-slider-new .slick-slide {
    margin: 10px;
}
.main-gallery-after-banner-slider-new .slick-slide {
    float: left;
}
.services-actions .saction.red :after
{
    content:'';
    display:block;
    background: #BE2126;


    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    position: absolute;
    bottom: -7px;
    left: calc(100% / 2 - 5px);


}
.services-actions .saction.red  {
    position: relative;
}


.header_menu  .main-menu ul li.search-btn {
    float: right;
    position: inherit;
    margin-bottom: -5px;
}
.header_menu  .search-btn a svg:nth-child(2),.header_menu  .search-btn.active a svg:nth-child(1){
    display: none;
}
.header_menu  .search-btn.active a svg:nth-child(2),.header_menu  .search-btn a svg:nth-child(1){
    display: block;
}
.header_search-new {
    display: none;
    min-width: calc(100% - 50px);
    padding-top: 10px;
    background: #282828;
}

.header_search-new svg{
    float: left;
    padding: 5px;
    margin-right: 10px;
}
.header_search-new form{
    display: flex;
}
.header_search-new form input{
    border: 0;
    width: 100%;
    background: #282828;
    border-bottom: 1px solid #666;
    color: #fff;
    height: 35px;
    margin-top: -2px;
}
.header_search-new form button{
    margin-left: 20px;
    border-radius: 2px;
    font-family: 'FiraSansBook';
    font-size: 16px;
    text-transform: inherit;
    background: #BE2126;
}
.search-btn.active .header_search-new {
    display: block;
    top: 0px;
    left: 0px;
    position: absolute;
}


.header_menu  .main-menu {
    float: none;
}

.header_menu  .main-menu ul li.search-btn a:hover svg {
    fill: none;
}


.search-btn:hover .header_search {
    display: inherit;
}


.header_menu {
    position: relative;
}
.container,
footer .container  {
    width: 1240px;
}
.services-actions-container {
    width: 800px;
}
.footer-right {
    width: 335px;
}
.form-bg{
    background: #282828;
}
.form-bg form {
    min-height: 398px;
}


.footer-column:nth-child(1) {
    width: 315px;
}
.footer-column:nth-child(2) {
    width: 304px;
}
.services-top-logo {
    text-align: center;
    padding: 4px 0 22px 0;
}
.woman {
    right: 0px;
}
.services-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 65px;
}

.services-actions .saction {
    width: calc(50% - 80px);
    padding: 15px 40px;
    background: #282828;
    border-radius: 2px;
    color: #fff;
    border: none;
}
.services-actions .saction.red {
    background: #BE2126;
}

.services-actions .action-title {
    font-family: 'FiraSansMedium';
    font-size: 24px;
}
.services-actions .action-text {
    font-family: 'FiraSansBook';
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 24px;
    opacity: 0.6;
}
.services-actions .action-href span{
    font-family: 'FiraSansBook';
    font-size: 24px;
    color:#fff;
    text-decoration: none;
}
.services-actions .action-href  {
    text-align: center;
}
.video-about svg{
    vertical-align: middle;
    padding-right: 16px;
}
.video-about  {
    text-decoration: none;
    color:  #282828;
}
.main-banner-bg .services-top  {
    text-align: left;
}
.phone_us {
    min-width: 150px;
}
.phone_us .order-call {
    text-align: left;
    font-size: 14px;
    line-height: 17px;
}
header {
    padding-bottom: 0px;
    border-bottom: none;
}

.services-actions  .saction  {
    cursor: pointer;
}
.header_menu .main-menu ul li.active a:after, .header_menu .main-menu ul li.active a:after, .header_menu .main-menu ul li:hover a:after {
    content: none;

}

.header_menu .main-menu ul li.catalog-btn a:before {
    content: none;

}

.new-offer-block  {
    margin-bottom: 0px;
}

.new-offer-btn a{
    text-decoration: none;
    color: #BE2126;
    padding: 12px 32px;
    border: 1px solid #BE2126;
    border-radius: 3px;
    display: inline-block;
}

.new-offer-block a{
    color: #282828;
    text-decoration: none;
    font-family: 'FiraSansLight';
    font-size: 16px;
    line-height: 14px;
}


.main.full .container.small, .container.small {
    width: 1240px;
}



.new-offer img   {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}
.new-offer-readmore {
    opacity: 0.6;
    border-bottom: 1px dashed #282828;
}
.new-offer-block svg{
    stroke: #BE2126;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    padding: 7px 0px;
}
.new-offer-block svg.fill {
    fill: #BE2126;
}
.new-offer-title {
    font-family: 'FiraSansMedium';
    font-size: 20px;
    color: #282828;
    margin-bottom: 20px;
}
.whatsapp span {
    display: inline-block;
    border-bottom: 1px dashed #BE2126;
}

.phone_us .whatsapp {
    text-align: left;
}
.header_menu {
    background: #282828;
    color: #fff;
}

.header_menu .main-menu  {
    margin:0px;
}
.header_menu .main-menu ul li a  {
    color: #fff;
    padding: 16px;
    font-size: 18px;
    font-family: 'FiraSansBook';
}

.header_menu .main-menu ul li a:hover,.header_menu .main-menu ul li[data-menu].active a,.main-menu ul li.selected a  {
    color:#BE2126;
}
.new-offer-mul {
    width: calc(50% - 10px);
}

.new-offer-mul  .new-offer {
    font-family: 'FiraSansLight';
    font-size: 16px;
    width: calc(100% - 80px);
    padding: 33px 40px;
    background: #F4F4F4;
}

span.readmore-btn a:hover:after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #BE2126;
    position: absolute;
    bottom: -2px;
    left: 0;
}

.readmore-btn{
    font-size: 16px;
    margin-top: 35px;
    font-family: 'FiraSansBook';
    color: #BF3D3D;
    text-decoration: none;
    position: relative;
}
span.readmore-btn a:before {
    content: "";
    width: 7px;
    height: 12px;
    background: url(../images/icons/offer-arrow.svg) right center no-repeat;
    display: block;
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translate(0,-50%);
}
.readmore-btn a{
    display: inline-block;
    color: #BF3D3D;
    text-decoration: none;
    position: relative;
}
.new-offer-mul .new-offer-last {
    width: 100%;
    display: flex;
    padding: 0px;
}

.new-offer-mul .new-offer-last  img {
    padding-right: 0px;
}

.new-offer-mul .new-offer-last .new-offer-content{
    padding: 33px 20px 33px 40px;
}

.new-offer-mul  .new-offer:first-child{
    margin-bottom: 20px;
}
.header_menu .main-menu ul li[data-menu] a:after {
    content:'';
    border: solid #fff;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: 4px;
    margin-left: 10px;
}
.offers-new .tab1 .new-offer:first-child .new-offer-block svg{
    stroke:unset;
}
.header_menu .main-menu ul li[data-menu]:hover a:after,.header_menu .main-menu ul li[data-menu].active a:after,.header_menu .main-menu ul li[data-menu].selected a:after {
    content:'';
    border: solid #fff;
    border: solid #BE2126;
    width: unset;
    border-width: 0 1px 1px 0;
    height: unset;
    position: inherit;
    bottom: unset;
    background: unset;
    left: unset;
}

.header_menu .main-menu ul li[data-menu].active a:after {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-bottom: 0px;
}


.whatsapp {
    display: block;
    font-size: 14px;
    line-height: 17px;
    color: #BE2126;
    text-align: right;
    padding-right: 20px;
}
.cart a span{
    text-align: center;
    display: inline-block;
    opacity: 0.7;
    vertical-align: middle;
}

.cart a{
    padding: 12px;
    position: relative;
    background: #F9ECEC;
    border-radius: 2px;
    color: #282828;
    font-size: 18px;
    font-family: 'FiraSansBook';
}
.new-offer-block svg.no_stroke {
    stroke:unset;
}
.new-offer-block svg.fix {
    padding-left: 5px;
}
.cart a:hover svg {
    fill: transparent;
}
.cart a svg {
    fill: transparent;
    padding-right: 12px;
    vertical-align: middle;
}

.cart a  span.qt{
    position: absolute;
    font-size: 13px;
    display: inline-block;
    background: #BE2126;
    color: #fff;
    border-radius: 138px;
    opacity: 1;
    padding: 3px 5px;
    line-height: 12px;
    top: 14px;
    left: 30px;
}

.fire-icon {
    display: inline-block;
    vertical-align: middle;
    background:  no-repeat  url(../images/fire.png) center;
    width: 27px;
    height: 27px;
}
.new-offers-title {
    font-family: 'FiraSansMedium';
    font-size: 24px;
    color: #282828;
    font-size: 32px;
}
.new-offers-content {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.new-offer{
    width: calc(50% - 90px);
    padding: 33px 40px;
    background: #F4F4F4;
}

.new-offer:hover {
    background: #FFF;
    box-shadow: 0px 4px 15px rgba(40, 40, 40, 0.1);
}




.write_price {
    background: #282828;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 30px 40px;

    font-family: 'FiraSansMedium';
    font-size: 22px;
    line-height: 26px;
    margin-top: 25px;
}
.write_price-text span {
    font-size: 18px;
    line-height: 21px;
    font-family: 'FiraSansRegular';
    opacity: 0.7;
}

.write_price a {
    font-size: 16px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    line-height: 20px;
    font-family: 'FiraSansRegular';
    padding: 12px 32px;
    background: #BE2126;
    border-radius: 3px;
    height: 20px;
}


.main-services-title {
    margin-top: 40px;
    padding: 0 0 16px 0;
}

.advantages-tab-new {
    max-width: unset;
}
.advantages-tab-new .advantages {
    display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.advantages-tab-new .advantage{
    width: calc(33% - 18px);
    background: #F4F4F4;
    border-left: 8px solid #BE2126;
    margin-bottom: 20px;
    text-align: left;
    height: 240px;
}


.main-services-title {
    font-family: 'FiraSansMedium';
    font-size: 32px;
    padding: 47px 0 20px 0;
    letter-spacing: 1px;
}
.main-services .service svg {
    vertical-align:middle;
    margin-right: 30px;
    width: 40px;
}
.main-services .service:hover {
    background: #BE2126;
    color: #fff;
}

.main-services .service:hover  svg.fill {
    fill: #fff;
}


.advantages-tab-new .advantage p {
    vertical-align: top;
    padding-left: 28px;
    padding-top: 32px;
}

.advantages-tab-new .advantage:hover p .title {
    color: #282828;
}

.advantages-tab-new .advantage:hover p span ,.advantages-tab-new .advantage:hover{

    color: #282828;
}
.advantages-tab-new .advantage-wide-picture {
    width: calc(66% + 1px);
    border-left: none;
}
.advantages-tab-new .advantage-picture {
    border-left: none;
    width: calc(33% - 10px);
}
.advantages-tab-new .advantage-picture img{
    height: 100%;
}
.advantages-tab-new  .advantage p span.advantage-btn {
    font-size: 16px;
    margin-top: 35px;
}
.advantages-tab-new .advantage:hover p span.advantage-btn a  {
    color: #BE2126;
}
.advantages-tab-new .advantage:hover p span.advantage-btn a:before {
    background: url(../images/icons/offer-arrow.svg) right center no-repeat;
}
.main-video-new {
    display: flex;
}
.main-video-new  .main-video-content {
    border: 0;
    box-shadow: unset;
    flex-basis: 60%;
    order: 1;
}
.main-video-new  .main-video-bottom {
    flex-basis: 40%;
    font-size: 18px;
    line-height: 22px;
    padding-left: 0px;
}
.main-video-new .main-video-title {
    font-size: 32px;
}
.main-video-new .more-btn-new {
    font-size: 16px;
    line-height: 20px;
    color: #BE2126;
}
.main-video-new .more-btn-new span {
    border-bottom: 1px dashed #BE2126;
    cursor: pointer;
}
.main-video-new .more-btn-new span:hover {
    border-bottom: 1px dashed transparent;
}
.advantages-tab-new  .advantage p span.advantage-btn a:hover:after {

    border-bottom: 1px dashed #BE2126;

}
#more-btn-text {
    max-width: 1024px;
}
.ag-yt-ll-playbtn {
    background-size: calc(8px + 10%) auto;
}

.advantages-tab-new .advantage p .title {

    color: #282828;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;

}
.advantages-tab-new .advantage p {
    font-size: 18px;
    line-height: 33px;
    font-family: 'FiraSansRegular';
}

.article-date {
    font-family: 'FiraSansBook';
    font-size: 16px;

    padding: 0 13px 0 14px;
    min-height: 35px;
    margin: 24px 0 0px 0;
}

.news-tab .all-news-new a {
    font-size: 18px;
    color: #BE2126;
    line-height: 22px;
    font-family: 'FiraSansRegular';
}
.news-tab .all-news-new {
    text-align: center;
    padding-top: 25px;
}

.news-tab .ui-tabs-nav li.ui-state-active a {
    color: #282828;
}

.news-tab .ui-tabs-nav,.advantages-tab-new .ui-tabs-nav {
    margin-bottom: 32px;
    font-family: 'FiraSansMedium';
    font-size: 32px;
    letter-spacing: 1px;
}


.news-tab .ui-tabs-nav li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 28px 0 0;
}

.news-tab .ui-tabs-nav li a {
    display: block;
    text-decoration: none;
    color: #A0A0A0;
}

.form-bg .form-title  {
    padding-top: 51px;
    font-size: 32px;
    font-family: 'FiraSansBook';
    max-width: 450px;
    line-height: 38px;
    letter-spacing:unset;
}
.form-bg .form-title  img{
    display: inline-block;
}
.news-tab  .article-title,.news-new  .article-title {
    font-size: 20px;
    line-height: 26px;
    margin-top: 0px;
}


.news-tab  .article-description .article-description,.news-new  .article-description .article-description{
    font-size: 18px;
    line-height: 22px;
    opacity: 0.8;
    margin-top: 24px;
}

.main-services .service {
    width: calc(33% - 57px);
    background: #F4F4F4;
    margin-bottom: 20px;
    flex-basis: unset;
    text-decoration: none;
    text-align: left;
    padding: 30px 25px;
    font-size: 18px;
}

.main-services .service svg.fill {
    fill: #BE2126;
}
.main-services-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-tab  .news-articles-content, .news-new  .news-articles-content{
    justify-content: space-between;
    overflow: unset;
}
.news-tab  .news-articles-content .article, .news-new  .news-articles-content .article{
    flex-basis: unset;
    width: calc(33% - 10px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}


.news-new  .news-articles-content .article{
    margin-bottom: 20px;
}
.news-tab  a ,.news-new  a{
    text-decoration: none;
}
.news-tab .article-img,.news-new .article-img {
    width: 100%;
    height: 240px;
    overflow: hidden;
}








.form-bg .form-row {
    max-width: 400px;
}
.form-bg form .left {
    width: 185px;
    float: left;
    margin: 0 22px 0 0;
}
.form-bg form .right {
    max-width: 185px;
    float: right;
}

.mobile-head {
    display: none;
}
.form-bg form .file {
    margin: 0px 0 25px 0;
    font-size: 16px;
}
.form-bg form .file img {
    width: 21px;
}
.form-bg form input:focus, .form-bg form input:active,.form-bg form textarea:focus,.form-bg form textarea:active {
    background: transparent;
    color:#fff;
}
.form-bg form input, .form-bg form textarea  {
    border: 0px;
    border-bottom: 1px solid #F4F4F4;
    padding-left: 0px;
    font-size:18px;
    font-family: 'FiraSansLight';
}

.form-bg form textarea {
    margin-bottom: 25px;
    height: 57px;
}


.form-bg input[type="checkbox"]:checked + label:after, .form-bg input[type="checkbox"]:not(:checked) + label:after {

    width: 12px;
    height: 7px;

    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;

}
.form-title .red {
    color: #BE2126;
}

form button {

    background: #BE2126;

}

.cart {
    margin: -10px 0 0 70px;
}

.up {
    margin: 0 0 0 663px;
}
.new-offers-content {
    display: none;
}
.new-offers-content.active {
    display: flex;
}

.form-bg input[type="checkbox"]:checked + label:before, .form-bg input[type="checkbox"]:not(:checked) + label:before, .form-bg input[type="radio"]:checked + label:before, .form-bg input[type="radio"]:not(:checked) + label:before {

    background-color: transparent;
}

.main-banner-hk {
    background: #BF3D3D;
    overflow: hidden;
    position: relative;
}
.main-banner-hk .main-banner-title, .main-banner-hk .main-banner-title h1 {
    font-family: 'FiraSansBold';
    font-size: 34px;
    line-height: 48px;
    letter-spacing: 0.025em;
    color: #fff;
    padding: 66px 0 18px 0;
}

.main-banner-hk .main-banner-sub-title {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.025em;
    color: #fff;
}

.main-banner-hk .main-banner-btn {
    padding: 68px 0 82px 0;
}

.main-banner-hk>img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.main-banner-hk .main-banner-btn a {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    width: 156px;
    box-sizing: border-box;
    letter-spacing: 0.1em;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    padding: 7.2px 0;
}


.main-banner-hk .main-banner-btn a:hover {
    background: #fff;
    color: #BF3D3D;
}




.hk-catalog {
    display: flex;
    margin-top: 25px;
    background: #F4F4F4;
}

.hk-catalog-btn {
    min-width: 150px;
    margin-right: 25px;
}

.hk-catalog div.production-list {
    width: 100%;
    display: table;
}

div.production-list div.product-section {
    width: 28%;
    border: none;
    text-align: center;
    display: inline-block;
    padding: 20px 2.3%;
    text-align: center;
}

div.production-list div.product-section span.link-section-img {
    display: block;
    border-bottom: none;
    padding-bottom: 20px;
}
div.production-list  img {
    margin: 0 auto;
}
img.section-image-product-small {
    height: 87px;
}
.good-roof-block-title a {
    color: #000;
}

.good-roof-block-title a:hover {
    text-decoration: underline;
    color: #000;
}
div.production-list div.product-section div.section-text-product {
    margin-top: 15px;
    display: table;
    min-height: 60px;
}

.price-ot {
    text-align: left;
    margin-top: -25px;
    display: table;
}
.hk-catalog  .good-roof-block  img {
    margin: 0 auto;
    padding-top: 15px;
    width: 50px;
    margin-bottom: -25px;
}
.hk-catalog  .good-roof-block {
    padding: 25px;
    border-right: none;
    text-align: center;
}

.hk-catalog  .good-roof-block-icon {
    line-height: 70px;
    height: 70px;
}

div.production-list div.product-section div.section-text-product span {
    font-family: Tahoma, sans-serif;
    font-size: 16px;
    color: #484848;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
}
div.production-list div.product-section div.section-text-product a:hover {
    text-decoration: underline;
}
.hk-why {
    text-align: center;
}

.hk-catalog-title {
    margin-top: 50px;
    font-family: 'FiraSansBold';
    font-size: 36px;
    line-height: 43px;
    color: #282828;
}
.why-we{
}
.why-we-title{
    text-align: center;
    font-family: 'FiraSansBold';
    font-size: 20px;
    color: #282828;
    margin: 43px 0 53px 0;
}
.why-we-content{
    overflow: hidden;
}
.why-we-left{
    width: 418px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.why{
    text-align: center;
    margin: 0 0 25px 0;
}
.why:nth-child(2),
.why:nth-child(5),
.why:nth-child(8){
    flex-basis: 50%;
}
.why-icon{
    height: 50px;
    line-height: 50px;
    margin: 0 0 8px 0;
}
.why-icon img{
    display: inline-block;
    vertical-align: middle;
}
.why-icon img {
    max-width: 50px;
    max-height: 50px;
}

.why-title{
    font-family: 'FiraSansMedium';
    color: #282828;
    font-size: 12px;
}
.why-we-right{
    width: 460px;
    float: right;
    font-size: 14px;
    line-height: 17px;
    color: #282828;
    margin: 0 0 18px 0;
}
.why-we-right p{
    margin: 0 0 11px 0;
}
.why-we-right .more{
    display: inline-block;
    position: relative;
    color: #BF3D3D;
    font-size: 12px;
}
.why-we-right .more:before{
    content: "Больше";
}
.why-we-right .more.active:before{
    content: "Меньше";
}
.why-we-right .more:after{
    content: "";
    width: 7px;
    height: 12px;
    background: url(../images/icon/red-arrow.svg) no-repeat;
    position: absolute;
    right: -15px;
    top: 2px;
    transform: rotate(90deg);
}
.why-we-right-title{
    font-family: 'FiraSansMedium';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.015em;
    color: #282828;
    margin: 0 0 18px 0;
}

.ui-spinner  .ui-button{

    --ui-icon-size: 0px;

}


.main-banner-left-title.big-red {
	color: #bf3d3d;
    text-transform: uppercase;
    font-size: 64px;
	
}