*{
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;    
   
}

html, body, #root{height: 100%;}
body{ background:#fff;   font-size:14px;  color:#101d29; }
h2{margin-bottom: 40px; line-height:1; font-size: 32; font-weight:500;}
img{  width:100%;   height: auto; }
p{font-size:14px}
a{color:#101d29; text-decoration:none;}


/* buttons */
button{
    padding: 10px 20px;
    font-size: 14px;
    background: #073863;
    color: #fff;
    border-radius: 30px;
    border: 0;
    cursor: pointer;
    transition:0.3s ease-out;
}
button:hover{    background:#0a487f;}


/* menu */
.menu_item{
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
    display: table;
    cursor: pointer;
    padding-bottom: 2px;
}
.menu_item.active{
    border-bottom: 1px solid #0a487f;
    color:#0a487f;
}


/* firstBlock */
.firstBlock{padding:180px 0;}

/* bullets */
.bullet.grey{ 
    padding: 40px;
    background: #f8f8fa;
    font-size: 16px;
    border-radius: 3px;
}

.bullet_product{
    background: #f8f8fa;
    padding: 40px 0;
}
.bullet_product img{width:300px;}
.bullet_product .text_container{ padding:0px 30px;}



/* first page products bitovaya himia */
.n_product {
    flex: 1;
    height: 630px;
    background-size: cover !important;
    border-radius: 3px;
    padding: 20px;
    background:#17436a;
}

.n_product .n_product_content {
    width: 59%;
    float: right;
    padding-top: 200px;
    color: #fff;
}

/* first page products teplonositeli block  */
.tepl_container{
    width: 100%;
    height: 400px;
    background: url(../img/bg/npt.jpg);
    border-radius: 3px;
    margin-top: 20px;
    padding: 80px;
}

/* clients logo */
.clients {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 4 колонки */
    gap: 20px; /* Расстояние между элементами */
}
.clients>div {
    height: 150px;
    padding-bottom: 20px !important;
    padding-top: 20px;
    height: 100px;
}


/* FOOTER */
.footer{
    text-align:center;
    padding: 50px 0;
}
.footer_bot{
    border-top:5px solid #fff;
    width:100%;
}
.footer_bot .right_border{border-right:1px solid #fff;  padding:20px;}
.footer_bot .logo{width:42px;}


/* MODAL */
.mdl{
    width: 100%;
    height: 100%;
    background: #0009;
    position: fixed;
    z-index: 233;
    align-items: center;
    justify-content: center;
    display: none;
}

.mdl_form {
    padding: 60px;
    background: #fff;
    color: #333;
    border-radius: 3px;
    max-width: 600px;
    min-height: 500px;
    text-align: center;
}

input {
    width: 100%;
    padding: 20px 20px 20px 0;
    border: 0;
    background: none;
    color: #000000;
    border-bottom: 1px solid #000000;
    font-size: 18px;
}



/* SIDEBAR */
.sidebar{
    width:250px;
    background:#f8f8fa;
    padding:30px;
}

.sidebar_item{
    margin-bottom:5px;
}


/* PRODUCT PAGE */
.product_container{background:#f8f8fa; padding:20px;}
.product_container img{width:300px; height:300px;}
.product_container .orderForm{width:300px; height:300px;  background:#fff; padding:20px; }
.product_container .orderForm .tara{padding: 5px 14px; cursor:pointer; background:#f8f8fa; color:#858585;}
.product_container .orderForm .tara.active{background:#ffeb50; color:#101d29;}

.product_container .attribute_container{border: 1px solid #e3e3e3; margin-right: 45px;}
.product_container .attribute{padding:10px; border-bottom: 1px solid #e3e3e3;}
.product_container .attribute:nth-last{border:0;}

.closeForm{display:none;}