@font-face{font-family:Inter;src:url(../fonts/Inter.ttf)}:root{--html-color: #F5F5F5;--red: #EE6A59;--black: #3A3F58;--light: #ECE6CD}html,body{margin:0;padding:0}html{width:100%;background-color:var(--html-color);display:flex;justify-content:center}body{font-family:Inter;width:100%;height:100%;max-width:1440px;min-width:390px;background-color:#fff;text-align:center;position:relative}nav{display:flex;width:100%;height:70px;padding:0;margin:0;position:relative}nav .logo{background-image:url(../images/logo.png);background-size:contain;background-repeat:no-repeat;width:450px;height:100%}nav .logo h1{display:none}nav ul{width:100%;height:100%;list-style:none;display:flex;align-items:center;justify-content:space-around;margin:0;background-attachment:fixed;padding:0}nav ul li{width:100%;height:100%;margin:0;padding:0}nav ul li a{text-decoration:none;width:100%;height:100%;margin:0;padding:0;display:flex;justify-content:center;align-items:center;color:var(--red);font-family:Inter;font-size:20px;font-style:normal;font-weight:700;line-height:normal}nav ul li a:hover{background-color:var(--red);color:#fff;transition:.2s linear}nav sup{color:var(--black)}header{width:100%;height:500px;margin:0;padding:0;background-image:url(../images/032929.webp);background-size:cover;background-position-y:-120px;background-repeat:no-repeat;background-attachment:fixed}.header-title{width:40%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:0;padding:0}.header-title-social{display:flex;justify-content:center;align-items:center;gap:25px}.header-title-social img{width:50px;height:50px}.header-title-social a:hover>img{width:45px;height:45px}.heeader-title-maintext{color:var(--red);font-family:Inter;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.header-title-callbutton{width:270px;height:60px;border-radius:50px;background:var(--red);box-shadow:0 3px 4px #00000040;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer}.header-title-callbutton:hover{border:2px solid rgb(252,197,197);width:266px;height:56px}.header-title-callbutton img{width:45px;height:45px}.header-title-callbutton span{color:#fffffd;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.news{width:calc(100% - 40px);margin:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:43px auto;justify-items:center;justify-content:center;align-items:center;grid-auto-flow:row;gap:20px;padding:20px}.news-title,.about-title{position:relative;grid-column:1/4;justify-self:stretch;color:var(--black);font-family:Inter;font-size:30px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.news-title:after,.about-title:after,.contacts-title:after,.reviews-title:after{content:"";position:absolute;width:80px;height:3px;background:var(--red);border:none;bottom:0;left:calc(50% - 40px)}.news-block{width:100%;max-width:453.34px;height:431px;background-color:#fff;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.01);box-shadow:0 2px 4px #ee6a59cc;position:relative}.news-block img{width:100%;height:200px}.news-block-title{color:var(--black);font-family:Inter;font-size:20px;font-style:normal;font-weight:700;line-height:normal;margin:6px 0}.news-block-description{height:152px;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden;text-align:justify;padding:0 20px 5px}.news-block-footer{width:100%;position:absolute;bottom:0;display:flex;align-items:center;justify-content:space-between}.news-block-footer span{width:90px;color:var(--black);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.news-block-button{display:inline-flex;padding:6px 21px 7px;justify-content:center;align-items:center;border-radius:5px;background:#EE6A59;text-decoration:none;color:var(--light);font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.allNews{margin:auto auto 5px;width:150px;height:30px;display:flex;justify-content:center;align-items:center;grid-column:1/4;text-transform:uppercase;text-decoration:none;background-color:var(--red);color:#fff}.allNewsPage{width:calc(100% - 40px);min-height:500px;padding:0 20px}.allNewsPage-title{position:relative;color:#3a3f58;text-align:center;font-family:Inter;font-size:30px;font-style:normal;font-weight:700;line-height:normal}.allNewsPage-title:after{content:"";position:absolute;width:80px;height:3px;background:var(--red);border:none;bottom:0;left:calc(50% - 40px)}.allNewsPage-body{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}.allNewsPage-body-cart{display:flex;flex-direction:column;justify-content:center}.allNewsPage-body-cart-body{display:grid;justify-content:flex-start;align-items:center;grid-template-columns:200px 1fr;gap:20px}.allNewsPage-body-cart-body img{width:200px;height:100px}.allNewsPage-body-cart-body{width:100%}.allNewsPage-body-cart-body-description{display:flex;flex-direction:column;justify-content:center;align-items:center}.allNewsPage-body-cart-more{display:flex;justify-content:space-between}.about{width:calc(100% - 40px);padding:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);gap:20px}.about-title{width:100%;grid-column:1/3}.about-description{width:100%;grid-column:1/3;display:block;color:var(--black);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-align:justify}.about-col1{width:100%;display:flex;flex-direction:column;padding:0 20px}.about-col1-title1,.about-col1-title2{width:100%;color:#fff;display:inline-flex;background:var(--red);padding:14px 0 15px;justify-content:center;align-items:center;text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.about-col1-list1,.about-col1-list2{text-align:justify;width:100%}.about-col2{width:100%;display:flex;flex-direction:column}.about-col2-title{width:100%;color:var(--black);text-align:center;font-family:Inter;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.about-col2-clients{width:100%;height:100%;padding:20px;display:grid;grid-template-columns:repeat(4,105px);grid-template-rows:repeat(2,105px);gap:30px;justify-content:center;align-content:center}.about-footer{grid-column:1/3}.about-footer-button{width:244px;height:34px;display:inline-flex;padding:13px 12px 13px 14px;justify-content:center;align-items:center;gap:15px;background:var(--black);color:#fff;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;text-decoration:none}.about-footer-button img{width:45px;height:33px}.contacts{width:calc(100% - 40px);padding:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:20px;grid-auto-flow:column}.contacts-title{position:relative;grid-column:1/3;justify-self:stretch;color:var(--black);font-family:Inter;font-size:30px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.contacts-info{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.contacts-info-title{color:var(--red);font-family:Inter;font-size:30px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.contacts-info-social{display:flex;gap:20px}.contacts-info-social img{width:35px;height:35px}.contacts-info span{display:block;color:var(--black);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.contacts-info-button{display:flex;width:235px;height:45px;padding:7px 7px 8px 28px;justify-content:start;align-items:center;gap:12px;background:var(--red);box-shadow:0 3px 4px #00000040;text-transform:uppercase;text-decoration:none;color:#fffffd;font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.contacts-info-button:last-child{background-color:var(--black)}.reviews{width:calc(100% - 40px);margin:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:43px auto;justify-items:center;justify-content:center;align-items:center;grid-auto-flow:row;gap:20px;padding:20px}.reviews-title{position:relative;grid-column:1/4;justify-self:stretch;color:var(--black);font-family:Inter;font-size:30px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.reviews-block{width:100%;min-width:200px;max-width:453.34px;margin-top:100px;height:300px;background-color:#fff;display:flex;flex-direction:column;justify-content:end;border:1px solid rgba(0,0,0,.01);box-shadow:0 2px 4px #ee6a59cc;position:relative;padding:20px 0}.reviews-block .avatar{position:absolute;left:calc(50% - 100px);top:-25%;width:200px;height:200px;border-radius:50%}.reviews-block-title{top:calc(25% + 45px);width:100%;position:absolute;text-transform:uppercase;color:var(--black);text-align:center;font-family:Inter;font-size:30px;font-style:normal;font-weight:700;line-height:normal}.reviews-block-description{width:calc(100% - 40px);height:150px;color:var(--black);text-align:justify;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;overflow:hidden;line-height:normal;padding:0 20px}footer{width:calc(100% - 40px);height:150px;padding:20px;background-color:var(--red);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}footer h4{color:var(--light);font-family:Inter;font-size:30px;font-style:normal;font-weight:700;line-height:normal;margin:0;padding:0}footer span{color:var(--black);font-family:Inter;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.footer-social{display:flex;gap:20px}.footer-social img{width:35px;height:35px}@keyframes openCallFrame{0%{height:1px}to{height:500px}}.call-frame{display:none;align-items:end;flex-direction:column;max-width:400px;width:95%;height:420px;background-color:#fff;border:2px solid var(--red);position:absolute;top:50%;left:50%;position:fixed;transform:translate(-50%,-50%);z-index:111;animation:openCallFrame .4s linear}.call-frame-closebtn{width:20px;height:20px;background-color:var(--light);color:var(--red);font-weight:bolder;display:flex;justify-content:center;align-items:center;margin:5px;cursor:pointer}.call-frame h5{text-transform:uppercase;width:100%;text-align:center;color:var(--black)}.call-frame form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.call-frame form input{width:80%;height:30px}.call-frame .send{width:100%;text-align:center}.call-frame .send #send-btn{text-decoration:none;text-transform:uppercase;color:#fff;font-weight:bolder;background-color:var(--red);padding:10px}.certificates{width:calc(100% - 40px);min-height:500px;padding:0 20px}.certificates-title,.catalog-title,.products-title{position:relative;color:#3a3f58;text-align:center;font-family:Inter;font-size:30px;font-style:normal;font-weight:700;line-height:normal}.certificates-title:after,.catalog-title:after,.products-title:after{content:"";position:absolute;width:80px;height:3px;background:var(--red);border:none;bottom:0;left:calc(50% - 40px)}.certificates-body{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:20px}.certificate-card img{width:150px;height:200px}.catalog,.products{width:calc(100% - 40px);min-height:500px;padding:0 20px}.catalog-body{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-flow:row;gap:20px;justify-items:center}.catalog-body-item{max-height:350px;max-width:400px;width:90%;min-height:170px;background-color:#fff;border:1px solid var(--black);color:var(--red);display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none}.catalog-body-item:hover{box-shadow:var(--red) 0 0 10px}.products{width:calc(100% - 40px);padding:20px;overflow-x:auto;position:relative}.products-table{width:100%}.products-table thead tr{background-color:var(--black);color:var(--light);height:30px}.products-table tbody tr{height:30px;cursor:pointer;text-align:center}.products-table tbody tr:nth-child(odd){background-color:bisque}.products-table tbody tr:nth-child(2n){background-color:#fff8dc}.products nav div:nth-child(2) div:nth-child(2){display:none}.addToCartButton,.aboutProductButton{width:100%;height:25px;text-align:center;background-color:var(--red);text-decoration:none;color:#fff;padding:1px;display:flex;justify-content:center;align-items:center}.addToCartButton:hover,.aboutProductButton:hover{box-shadow:var(--red) 0 0 5px;cursor:pointer}#quantityProduct{width:50px}.products-table tbody td:last-child{flex-direction:column;justify-content:center;align-items:center;gap:1px;text-transform:uppercase;font-size:10px;margin:0;padding:0}.productBody{display:flex;flex-direction:column;justify-content:center;align-items:center}.productBody img{max-width:300px}.cartButtons{display:flex;justify-content:end;align-items:center}.successCart,.clearCart{margin:2px;max-width:200px}.deleteProduct{display:flex;justify-content:center;align-items:center;text-transform:uppercase;text-decoration:none;background-color:var(--red);color:#fff;width:80px;height:20px}.deleteProduct:hover{box-shadow:var(--red) 0 0 5px}.alert{position:absolute;width:400px;height:70px;background-color:#7fffd4;right:20px;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase}#authForm{display:flex;flex-direction:column;justify-content:center;align-items:center}#authForm input,label{width:300px;height:30px;color:var(--black);font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;display:flex;justify-content:center;align-items:center}#authForm button{margin:5px;width:150px;height:30px;background-color:var(--red);border:#FFF;cursor:pointer}.adminPanel{width:100%}.adminMenu{width:100%;display:flex}.adminMenu{list-style:none;width:100%;display:flex;justify-content:center;align-items:center;gap:20px}.adminMenu a{text-decoration:none;background-color:var(--red);color:#fff;display:flex;justify-content:center;align-items:center;width:150px;height:30px;cursor:pointer}.adminMenu a:hover{box-shadow:var(--black) 0 0 5px}.addProductForm{display:flex;flex-direction:column;justify-content:center;align-items:center}.addProductForm button{margin:20px 0}#categoriesItems,#units{font-size:16px}.addProductForm .row{display:flex}#mobileMenuIcon{display:none}.mobileMenu{top:0;width:calc(100% - 40px);gap:10px;display:none;list-style:none;flex-direction:column;position:absolute;background-color:#ffffffea}.mobileMenu li{margin:10px 0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.mobileMenu a{width:100%;height:100%;text-decoration:none;display:flex;justify-content:center;align-items:center;color:var(--black);font-weight:bolder}.mobileMenu-button{display:none}#mobileMenuIcon{display:none;width:50px;height:50px;cursor:pointer;position:absolute}@media (max-width: 1000px){.header-title{width:80%}.news-title,.reviews-title{grid-column:1/3;justify-self:stretch}.news,.reviews{grid-template-columns:repeat(2,1fr);grid-auto-flow:row}.about{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(5,auto)}.about-col1,.about-col2{grid-column:1/2}.about-col2-clients{gap:10px;grid-template-columns:repeat(2,1fr);justify-content:center;justify-items:center}.contacts{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(3,auto)}.contacts-info,.contacts-map,.contacts-title{grid-column:1/2}}@media (max-width: 780px){.mobileMenu-button,#mobileMenuIcon{display:flex}.header-title{width:100%}.menu,.logo{display:none}nav{height:50px}.news-title,.reviews-title{grid-column:1/2;justify-self:stretch}.news,.reviews{grid-template-columns:repeat(1,1fr);grid-auto-flow:row}.catalog-body{grid-template-columns:repeat(1,1fr)}}