/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--grid-gap:20px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap)}*{margin:0;padding:0}section{margin:50px 0}.article__body{font-size:18px;font-family:OpenSans,sans-serif}.article__body p{text-indent:1em;padding:.5em 0}.article__title{font-size:40px;font-weight:600;padding-bottom:25px;margin:0}.article__header{display:block;min-height:200px;width:100%;background:rgba(25,27,34,.9);font-family:Montserrat,sans-serif;color:#f5f5f5}.article__header__box{max-width:1140px;padding:35px 20px;margin:0 auto}.article__subtitle{font-size:20px}h2{font-size:32px}h3{font-size:28px}h4{font-size:24px}h5{font-size:21px}h6{font-size:18px}table{display:table;margin:0 auto;font-size:16px;min-width:70%;font-family:OpenSans,sans-serif}thead{border-bottom:5px solid rbg(70,77,115);font-size:18px}th{background-color:#366999;border-bottom:1px solid #284d73;color:#fff;font-size:1.1em;padding:5px 15px;text-transform:capitalize}tr:hover{background:none repeat scroll 0 0 #e5e5e5}td{border-bottom:1px solid #d9d9d9;border-top-width:0;border-right-width:0;border-left-width:0;padding:5px 15px;font-weight:400}@font-face{font-family:haettenschweiler;font-display:swap;src:url(../fonts/haettenschweiler.woff2) format("woff2"),url(../fonts/haettenschweiler.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;font-display:swap;src:url(../fonts/Montserrat-Black.woff2) format("woff2"),url(../fonts/Montserrat-Black.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:Montserrat;font-display:swap;src:url(../fonts/Montserrat-ExtraBold.woff2) format("woff2"),url(../fonts/Montserrat-ExtraBold.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:Montserrat;font-display:swap;src:url(../fonts/Montserrat-Bold.woff2) format("woff2"),url(../fonts/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;font-display:swap;src:url(../fonts/Montserrat-Medium.woff2) format("woff2"),url(../fonts/Montserrat-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Oswald;font-display:swap;src:url(../fonts/Oswald-Bold.woff2) format("woff2"),url(../fonts/Oswald-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;font-display:swap;src:url(../fonts/Montserrat-Regular.woff2) format("woff2"),url(../fonts/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;font-display:swap;src:url(../fonts/Montserrat-SemiBold.woff2) format("woff2"),url(../fonts/Montserrat-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Oswald;font-display:swap;src:url(../fonts/Oswald-SemiBold.woff2) format("woff2"),url(../fonts/Oswald-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Oswald;font-display:swap;src:url(../fonts/Oswald-Medium.woff2) format("woff2"),url(../fonts/Oswald-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Rubik;font-display:swap;src:url(../fonts/Rubik-Bold.woff2) format("woff2"),url(../fonts/Rubik-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Oswald;font-display:swap;src:url(../fonts/Oswald-Regular.woff2) format("woff2"),url(../fonts/Oswald-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Rubik;font-display:swap;src:url(../fonts/Rubik-Medium.woff2) format("woff2"),url(../fonts/Rubik-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Rubik;font-display:swap;src:url(../fonts/Rubik-Regular.woff2) format("woff2"),url(../fonts/Rubik-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:OpenSans;font-display:swap;src:url(../fonts/OpenSans.woff2) format("woff2"),url(../fonts/OpenSans.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:OpenSans;font-display:swap;src:url(../fonts/OpenSans.woff2) format("woff2"),url(../fonts/OpenSans.woff) format("woff");font-weight:500;font-style:normal}.page{font-family:Montseratt,Arial,sans-serif}.page__body{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f8f8}.page__wrapper{max-width:1140px;padding:35px 20px;margin:0 auto}.section__title{font-size:48px;font-weight:600;margin-bottom:50px;margin-left:218px;margin-right:218px}.header__box{display:grid;padding:16px;grid-template-columns:-webkit-max-content auto -webkit-max-content;grid-template-columns:max-content auto max-content;max-width:1200px;padding:15px;margin:0 auto}.logo{display:grid}.logo__image{width:100px}.logo__title{font-family:Oswald,sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;width:-webkit-max-content;width:-moz-max-content;width:max-content;align-self:end;padding-bottom:5px}.logo__tagline{font-family:Montseratt,sans-serif;font-weight:400;font-size:12px}.menu{display:grid;justify-content:center;align-content:space-around}.menu__list{display:none;list-style:none;row-gap:25px}.menu__list--open{display:grid}.menu__link{font-size:14px;font-weight:400;text-transform:uppercase;text-decoration:none;letter-spacing:.05em;color:#000}.menu__link--current{font-weight:600}.menu__button{z-index:1;display:block;padding:0;border:none;background-color:transparent;justify-self:end;grid-column:span 2;display:none}.menu__button--open>.menu__icon .menu__icon-menu{display:none}.menu__button--open>.menu__icon .menu__icon-cross{display:block}.menu__icon{display:block;stroke:#000}.menu__icon:hover{stroke:#2f4f4f}.menu__icon-menu{display:block}.menu__icon-cross{display:none}.conts{display:grid;align-self:center;gap:5px;justify-content:space-around;font-size:22px}.conts__phones{font-family:Montserrat,sans-serif;font-weight:700;text-decoration:none;color:#000}.flamp-icon{display:inline-block;width:19px;height:19px;margin:0 5px 0 0;vertical-align:bottom;content:"";background-image:url(../img/flamp-f.svg)}.phone-icon{display:inline-block;width:26px;height:26px;margin:-3px 5px -3px 0;vertical-align:bottom;content:"";background-image:url(../img/phone.svg)}.footer{width:100%;background-color:#292c33;position:relative;margin-top:auto}.footer__box{display:grid;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;-moz-column-gap:60px;column-gap:60px;max-width:1140px;color:#f0f8ff;padding:40px 20px;margin:0 auto}.footer__logo{display:flex;flex-direction:column}.footer__image{width:200px}.footer__title{font-family:Oswald,sans-serif;font-size:32px;font-weight:500;text-transform:uppercase;width:-webkit-max-content;width:-moz-max-content;width:max-content}.footer__contacts{display:flex;font-size:20px;flex-direction:column;margin:auto 0;text-align:right}.footer__contact{padding:6px 0}.copyright{grid-column:span 2;margin:auto;font-size:16px;font-weight:400}.hero{display:flex;justify-content:center;height:571px;background-position:center;background-repeat:no-repeat;margin:0;background-image:url(../img/back.svg)}.hero__container{max-width:1130px;padding:100px 20px;margin:0 auto;display:flex;justify-content:space-between}.hero__body{min-width:470px}.hero__image{height:340px}.hero__image img{display:none;max-width:100%}.hero__header{font-family:Montserrat,Arial;font-weight:800;font-size:40px;text-transform:uppercase;line-height:60px;letter-spacing:.005em;margin-bottom:60px}.hero__text{font-size:20px;line-height:140%;letter-spacing:.02em}.card{text-align:center;max-width:350px;height:350px;padding-top:40px;background:#f4f4f4;box-shadow:0 10px 20px 5px rgba(0,0,0,.25);margin:5px;transition:all .3s}.card:hover{transform:scale(1.05);transition:transform .15s}.card__image{margin-top:25px;width:120px;height:80px}.card__link{text-decoration:none;color:#000;height:100%}.card__header{display:inline-block;font-size:24px;font-weight:600;padding:20px 15px}.card__text{font-family:Montseratt,sans-serif;font-size:20px;font-weight:400;padding:20px}.card__price{font-size:18px;margin-bottom:40px;padding:20px}.services{margin-top:0}.services__box{display:block}.services__grid{display:flex;flex-wrap:wrap;justify-content:space-around;row-gap:25px}.hardcard{text-align:center;max-width:272px;height:355px;background:#f4f4f4;box-shadow:0 10px 20px 5px rgba(0,0,0,.25);margin:5px;padding-top:20px;transition:all .3s}.hardcard__header{display:inline-block;font-size:16px;font-weight:600;padding:5px 15px}.hardcard__image{margin-top:25px;max-width:200px}.hardcard__text{font-family:Montseratt,sans-serif;font-size:20px;font-weight:400;padding:5px}.hardcard__link{text-decoration:none}.hardware__box{display:block}.hardware__grid{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:63px}.about{background-color:#eeeff1}.about__box{padding-top:100px;padding-bottom:100px}.about__text{display:block;font-size:20px;max-width:944px;margin:50px auto;letter-spacing:.02em}.about__button{margin:0 auto;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:20px;background:#34547a;padding:14px 20px;color:#f0f0f0}.about__link{text-decoration:none;color:#f0f0f0}.about-card{display:block}.faq{background-color:#eeeff1;margin-bottom:0}.faq__cardbox{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly}.faq__card{border:1px solid #000;background-color:#fff;max-width:465px;padding:40px 30px;margin-bottom:30px}.faq__question{font-weight:700;margin-bottom:20px;font-size:22px}.faq__answer{font-size:16px}.advantages{background-color:rgba(25,27,34,.9);background-image:url(../img/background_2.webp);background-image:url(../img/background_2.jpg);background-blend-mode:darken;background-size:cover;background-repeat:no-repeat;color:#f5f5f5}.advantages__grid{display:flex;flex-wrap:wrap;grid-row-gap:40px;justify-content:space-around}.advantage{display:grid;justify-content:center;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr;row-gap:5px;width:350px;margin:16px}.advantage__image{width:60px;height:60px}.advantage__header{font-size:22px;font-weight:500;padding-left:15px;text-align:center}.advantage__text{grid-column:span 2;text-align:center}.partners__grid{display:flex;flex-wrap:wrap;justify-content:space-around}.partners__link{display:block;padding:15px;align-self:center}.partners__image{width:320px;height:100%}.contacts__table{display:flex;-moz-column-gap:30px;column-gap:30px;row-gap:25px;flex-direction:column;column-gap:30px;row-gap:25px}.contacts__map{display:block;position:relative;float:right;box-shadow:0 5px 25px rgba(80,80,80,.5);z-index:10;margin:10px}.contacts__item{width:-webkit-max-content;width:-moz-max-content;width:max-content}.contact{min-width:150px}.contact__header{font-size:16px;font-weight:400}.contact__text{font-size:20px;font-weight:500}.map__layout{width:400px;height:450px;background-color:#c4c4c4}@media (min-width:820px){.header__box{padding:24px;grid-template-columns:-webkit-max-content 1fr auto;grid-template-columns:max-content 1fr auto;justify-content:space-between}.logo{align-self:start;grid-template-columns:-webkit-max-content -webkit-min-content;grid-template-columns:max-content min-content}.logo__image{grid-row:span 2;width:140px}.logo__title{font-size:22px}.menu__list{-moz-column-gap:20px;column-gap:20px;display:grid;grid-auto-flow:column;justify-self:end;align-self:end}.menu__button{display:none}.conts{display:grid;grid-auto-flow:row;font-size:18px}.hero__image img{max-width:100%;display:block}}@media (min-width:1024px){.logo__image{width:190px}.logo__title{font-size:32px}.logo__tagline{font-size:16px}.menu__list{-moz-column-gap:30px;column-gap:30px}.hero__body{min-width:560px}.hero__header{font-size:48px}.hero__text{font-size:24px}.contacts__table{display:grid;grid-template-columns:1fr 1fr;row-gap:30px}}@media (min-width:1124px){.services__grid{justify-content:space-between}}@media (max-width:1168px){.hardware__grid{justify-content:space-around}}@media (max-width:767px){.section__title{margin:40px auto;text-align:center;font-size:42px}.logo{grid-column:span 2;justify-self:center}.logo__tagline{display:none}.menu{grid-column:span 2;justify-self:end;text-align:end}.conts{grid-column:span 2}.footer__box{-moz-column-gap:10px;column-gap:10px}.footer__image{width:150px}.footer__title{font-size:22px;margin:0 auto}.footer__contacts{font-size:16px}.copyright{font-size:12px;padding:20px 5px}.hero__content{width:100%}.hero__body{text-align:center;min-width:100%}.hero__image img{display:none}.hero__header{line-height:50px}.services__grid{justify-content:center}.about__box{text-align:center}.about__button{padding:15px 10px;font-size:16px}.faq__card{padding:20px 15px;margin-bottom:20px}.faq__question{font-size:16px}.faq__answer{font-size:14px}.contacts__map{display:none}}