*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}@media only screen and (max-width:1180px){html{font-size:50%}}@media only screen and (max-width:890px){html{font-size:38%}}body{font-family:Montserrat;font-weight:400;font-size:1.6rem;color:#3b3b3b}.container{display:grid;grid-template-rows:80vh repeat(5,-webkit-min-content);grid-template-rows:80vh repeat(5,min-content);grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(-webkit-min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end];grid-template-columns:[full-start] minmax(6rem,1fr) [center-start] repeat(8,[col-start] minmax(min-content,14rem) [col-end]) [center-end] minmax(6rem,1fr) [full-end]}.container>*{padding:6rem 4rem}@media only screen and (max-width:970px){.container>*{padding:2rem 6rem}}@media only screen and (max-width:970px){.container{grid-template-rows:100vh -webkit-min-content repeat(5,-webkit-min-content);grid-template-rows:100vh min-content repeat(5,min-content)}}@media only screen and (max-width:890px){.container{grid-template-rows:85vh -webkit-min-content repeat(5,-webkit-min-content);grid-template-rows:85vh min-content repeat(5,min-content)}}h1{color:#fff;font-size:6.2rem;font-weight:700;font-family:Jost}h2{color:#377d3d;font-size:4rem;font-weight:700;font-family:Jost}@-webkit-keyframes RightToLeft{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes RightToLeft{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}.right2left{-webkit-animation-name:RightToLeft;animation-name:RightToLeft;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}h3{color:#fff;font-size:2.6rem;font-weight:700}h4{color:#585858;font-size:2.2rem;text-transform:uppercase;font-family:Jost}.margin-top-30{margin-top:3rem}.margin-bottom-60{margin-bottom:6rem}@media only screen and (max-width:970px){.margin-bottom-60{margin-bottom:2rem}}@media only screen and (max-width:890px){.margin-bottom-60{margin-bottom:0}}p{margin-top:1.5rem;line-height:1.4}li{padding-left:1rem;list-style-position:inside}.underline a{display:inline-block;line-height:1.2;text-decoration:none;cursor:pointer}.underline a:after{background-color:#5d9262;display:block;content:"";height:.2rem;width:0%;-webkit-transition:width .3s ease-in-out;-moz--transition:width .3s ease-in-out;transition:width .3s ease-in-out}.underline a:focus:after,.underline a:hover:after{width:100%}.cards{grid-column:center-start/center-end;display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));grid-gap:4rem 6rem;margin:2rem 0}.card{background-color:#0e200e;display:grid;grid-template-columns:repeat(2,1fr);row-gap:.5rem;box-shadow:0 6px 6px rgba(0,0,0,.6);transition:.3s all ease-out;-moz-transition:.3s all ease-out;-webkit-filter:saturate(80%);filter:saturate(80%)}.card:hover{transform:translateY(-1rem);-moz-transform:translateY(-1rem);animation-fill-mode:backwards;-animation-direction:normal;-webkit-animation-fill-mode:backwards;-webkit-filter:saturate(150%);filter:saturate(150%)}.card__img{width:100%;grid-column:1/-1;grid-row:1/2}.card__title{grid-column:1/-1;grid-row:1/2;padding:1rem 1rem;background-color:#5d9262;color:#fff;font-weight:500;text-align:center;text-transform:uppercase;font-size:1.6rem;width:85%;justify-self:center;align-self:end;z-index:2}.card__btn{grid-column:1/-1}.content{color:#fff;margin-left:3.5rem}.header{background:linear-gradient(135deg,rgba(48,48,48,0) 0,rgba(39,39,39,.8) 40%,rgba(26,25,25,.9) 100%),url(https://kmm-bronza.ru/img/background-1.png) center/cover no-repeat;grid-column:full-start/full-end;display:grid;grid-template-columns:minmax(6rem,1fr) repeat(10,minmax(-webkit-min-content,20rem)) minmax(6rem,1fr);grid-template-columns:minmax(6rem,1fr) repeat(10,minmax(min-content,20rem)) minmax(6rem,1fr);gap:2rem}@media only screen and (max-width:970px){.header{background:linear-gradient(135deg,rgba(48,48,48,0) 0,rgba(39,39,39,.8) 20%,rgba(26,25,25,.9) 100%),url(https://kmm-bronza.ru/img/background-1.png) center/cover no-repeat}}@media only screen and (max-width:600px){.header{gap:0}}.header__left{grid-column:2/8;align-self:center;justify-self:center}@media only screen and (max-width:970px){.header__left{grid-column:2/12;justify-self:start}}.header__left h2{color:#5d9262}.header__right{grid-column:8/-1;align-self:center;justify-self:center}@media only screen and (max-width:970px){.header__right{grid-column:2/12;justify-self:start}}.header__right-link{padding-bottom:5rem}@media only screen and (max-width:970px){.header__right-link{padding-bottom:2rem}}.header__right-link a{color:#fff;font-size:3.2rem;text-decoration:none;font-weight:700}.attention{background-color:#5d9262;grid-column:full-start/full-end;padding:2rem 4rem;display:flex;align-items:center;overflow:hidden}.attention__p{font-size:1.8rem;color:#fff;white-space:nowrap;-webkit-animation:marquee 27s infinite linear;animation:marquee 27s infinite linear}.attention__p::after{content:" Внимание! У ООО «Компания Металл Маркет» один расчетный счет - АО «Райффайзенбанк», р/с 40702810100000048686. Остерегайтесь мошенников, обращайте внимание на реквизиты в счетах. "}@media only screen and (max-width:970px){.attention{padding:1rem 0}}@-webkit-keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.cards{grid-column:center-start/center-end;display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));grid-gap:4rem 6rem;margin:2rem 0}.card{background-color:#0e200e;display:grid;grid-template-columns:repeat(2,1fr);row-gap:.5rem;box-shadow:0 6px 6px rgba(0,0,0,.6);transition:.3s all ease-out;-moz-transition:.3s all ease-out;-webkit-filter:saturate(80%);filter:saturate(80%)}.card:hover{transform:translateY(-1rem);-moz-transform:translateY(-1rem);animation-fill-mode:backwards;-animation-direction:normal;-webkit-animation-fill-mode:backwards;-webkit-filter:saturate(150%);filter:saturate(150%)}.card__img{width:100%;grid-column:1/-1;grid-row:1/2}.card__title{grid-column:1/-1;grid-row:1/2;padding:1rem 1rem;background-color:#5d9262;color:#fff;font-weight:500;text-align:center;text-transform:uppercase;font-size:1.6rem;width:85%;justify-self:center;align-self:end;z-index:2}.card__btn{grid-column:1/-1}.content{color:#fff;margin-left:3.5rem}.about{grid-column:full-start/full-end;background-color:#d7ddd8;margin:auto;display:grid;grid-template-columns:minmax(6rem,1fr) repeat(8,minmax(-webkit-min-content,14rem)) minmax(6rem,1fr);grid-template-columns:minmax(6rem,1fr) repeat(8,minmax(min-content,14rem)) minmax(6rem,1fr);gap:4rem 6rem;margin:2rem 0}@media only screen and (max-width:600px){.about{grid-template-columns:1fr}}.about__left{grid-column:2/6;align-self:center;justify-self:center;background-color:#fff;padding:10rem}@media only screen and (max-width:1180px){.about__left{grid-column:1/6;padding:6rem}}@media only screen and (max-width:970px){.about__left{grid-column:1/6;padding:4rem}}@media only screen and (max-width:890px){.about__left{grid-column:1/-1}}@media only screen and (max-width:600px){.about__left{grid-column:1/-1}}.about__txt{text-align:justify;font-size:1.8rem}.about__right{grid-column:6/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:6rem 8rem;text-align:center;align-self:center;justify-self:center}@media only screen and (max-width:890px){.about__right{grid-column:1/-1;gap:2rem 10rem}}@media only screen and (max-width:600px){.about__right{grid-template-columns:1fr}}.about__feature_txt{font-size:1.8rem;line-height:2.4rem}@media only screen and (max-width:890px){.about__feature_txt{font-size:2.2rem;line-height:2.8rem}}.about__icon{fill:#377d3d;width:8rem}@media only screen and (max-width:890px){.about__icon{width:12rem}}.contacts{background-color:#fff;grid-column:center-start/col-end 4;margin:4rem 0}@media only screen and (max-width:1180px){.contacts{grid-column:full-start/col-end 4}}@media only screen and (max-width:890px){.contacts{grid-column:full-start/full-end;margin:0;font-size:2.4rem}}.contacts .__txt{font-size:1.6rem}@media only screen and (max-width:890px){.contacts .__txt{font-size:2.6rem}}.contacts .txt-link{color:#377d3d;font-weight:600;text-decoration:none;font-size:1.6rem}@media only screen and (max-width:890px){.contacts .txt-link{font-size:2.6rem}}.contacts .txt-link img{width:1.6rem}.contacts-map{background-color:#fff;grid-column:col-start 5/center-end;margin:4rem 0}@media only screen and (max-width:1180px){.contacts-map{grid-column:col-start 5/full-end}}@media only screen and (max-width:890px){.contacts-map{grid-column:full-start/full-end}}.footer{padding-top:1rem;padding-bottom:1rem;background-color:#d7ddd8;grid-column:full-start/full-end}.nav__list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));text-align:center}@media only screen and (max-width:600px){.nav__list{grid-template-columns:1fr;font-size:2rem}}.nav__link{text-decoration:none;color:#3b3b3b}.nav__link:hover{text-decoration:underline}.nav__item p{margin:.3rem 0}.btn{color:#fff;background:#5d9262;border:none;padding:1.5rem 3rem;font-size:2rem;text-transform:uppercase;position:relative;overflow:hidden;font-weight:700;transition:.3s all ease-out}.btn:after{content:"";position:absolute;background:rgba(255,255,255,.5);width:4rem;height:10rem;opacity:.9;-webkit-filter:blur(2rem);filter:blur(2rem);left:-7rem;top:-5rem;transform:translateX(-15px) skewX(-45deg);transition:all 1.5s cubic-bezier(.19,1,.22,1)}.btn:hover{background:#377d3d;cursor:pointer}.btn:hover::after{left:170%;transition:all 1.5s cubic-bezier(.19,1,.22,1)}.btn:active{transform:translateY(.5rem);background-color:#377d3d}.modal-button{display:inline-block;background-color:#5d9262;border:none;box-shadow:0 6px 6px rgba(0,0,0,.6);width:8rem;height:8rem;border-radius:60px;position:fixed;bottom:4rem;right:4rem;z-index:1000;padding:3px 1.5rem;transition:.3s all ease-out;color:#fff;font-size:4.2rem;cursor:pointer}.modal-button img{width:4.5rem;padding-top:1.4rem}@media only screen and (max-width:890px){.modal-button{bottom:2rem;left:2rem}}.modal-button:hover{background-color:#377d3d;transform:translateY(.5rem)}.modal{display:none;position:fixed;z-index:1;padding-top:10rem;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}@media only screen and (max-width:1180px){.modal{padding-top:0}}.modal-content{position:relative;background-color:#fff;margin:auto;padding:0;width:60%;box-shadow:0 6px 6px rgba(0,0,0,.6);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@media only screen and (max-width:1180px){.modal-content{width:70%}}@media only screen and (max-width:970px){.modal-content{width:75%}}@media only screen and (max-width:890px){.modal-content{width:100%}}@-webkit-keyframes animatetop{from{top:-30rem;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-30rem;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:3rem;font-weight:700}@media only screen and (max-width:890px){.close{font-size:4rem}}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-header{padding:1rem 1.6rem;background-color:#5d9262;color:#fff}.modal-body{padding:1rem 1.6rem}.privacy{grid-column:2/10}.privacy p{text-align:justify}.privacy p a{font-weight:600;text-decoration:none;color:#377d3d;font-size:1.6rem}.privacy_h1{font-size:2.8rem;color:#377d3d}.privacy_h2{font-size:2rem;color:#5d9262;padding-top:2rem}