*{box-sizing:border-box}body{font-family:Oswald,sans-serif;margin:0;color:#fffffa;font-size:24px}main{margin-top:59px}h2{line-height:1;margin:0}.container{width:90%;margin:0 auto;max-width:1600px}.flex{display:flex;flex-direction:column;justify-content:center;align-items:center}@font-face{font-family:UStroke;src:url(../fonts/UStroke.ttf) format("truetype")}@font-face{font-family:BebasNeueBold;src:url(../fonts/BebasNeueBold.otf) format("opentype")}.header{display:flex;padding:10px 5%;justify-content:space-between;background-color:#e3b23c;position:fixed;top:0;left:0;z-index:1;width:100%}.header__link{font-size:24px;color:#fffffa;text-decoration:none}.header__link--phone{display:none}.header__link--logo{width:100px;height:40px}.header__link--logo img{width:auto;height:auto}@media (min-width:768px){.header__link--phone{display:block}}@media (min-width:1200px){.header{padding:10px 15%}}.menu{display:none;z-index:1000;position:absolute;top:56px;right:0;width:100%;flex-direction:column;align-items:center;justify-content:center;background-color:#e3b23c;box-shadow:4px 3px 10px -5px #000}.menu__link{font-size:24px;color:#fffffa;text-decoration:none;padding:15px}.menu--open{display:flex}.menu-toggler{background-color:transparent;text-decoration:unset;color:inherit;text-transform:uppercase;font-size:24px;font-family:inherit;padding:0;border:none;color:#fffffa}.menu-toggler__bar{display:block;width:35px;height:5px;background-color:#fffffa;margin:6px 0;transition:.4s}.menu-toggler--change .menu-toggler__bar:first-child{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px)}.menu-toggler--change .menu-toggler__bar:nth-child(2){opacity:0}.menu-toggler--change .menu-toggler__bar:nth-child(3){-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}.service{position:relative;padding:40px 5%;text-align:center;overflow-x:hidden;background-color:#423e37;color:#fffffa}.service__title{font-size:30px;text-transform:uppercase;margin-bottom:20px}@media (min-width:1200px){.service{padding:60px 15%}.service__title{margin-bottom:60px;font-size:42px}}.service__item{min-height:100px;background-color:#e3b23c;padding:20px}.service__item span{margin-bottom:20px;text-transform:uppercase}.service__item img{width:60%;height:auto;filter:invert(1)}.service__wrapper{display:grid;grid-gap:20px}@media (min-width:768px) and (max-width:1199px){.service__wrapper{grid-template-columns:1fr 1fr}.service__item:last-of-type{grid-column-start:1;grid-column-end:3}.service__item:last-of-type img{width:25%}}@media (min-width:1200px){.service__wrapper{grid-template-areas:"a a a b" "d c c b" "d e e e";grid-template-columns:19% 28% 29% 19%;grid-template-rows:150px 300px 150px;margin:0 auto}.service__item:first-of-type{grid-area:a}.service__item:first-of-type img{width:7%}.service__item:nth-of-type(2){grid-area:b}.service__item:nth-of-type(3){grid-area:c}.service__item:nth-of-type(3) img{width:20%}.service__item:nth-of-type(4){grid-area:d}.service__item:nth-of-type(5){grid-area:e}.service__item:nth-of-type(5) img{width:7%}}.tech{position:relative;padding:40px 5%;text-align:center;overflow-x:hidden;background-color:#e3b23c;color:#fffffa}.tech__title{font-size:30px;text-transform:uppercase;margin-bottom:20px}@media (min-width:1200px){.tech{padding:60px 15%}.tech__title{margin-bottom:60px;font-size:42px}}.tech__item{min-height:50px;background-color:#423e37;padding:15px;position:relative}.tech__item span{margin-bottom:20px;display:none;position:absolute;left:0;transition:all 1s;width:100%;text-align:center}.tech__item img{width:100%;max-width:130px;max-height:130px;height:auto;transition:all 1s}.tech__item:hover span{display:block}.tech__item:hover img{opacity:.1}.tech__wrapper{display:grid;grid-gap:10px;grid-template-columns:1fr 1fr}@media (min-width:768px) and (max-width:1199px){.tech__wrapper{grid-template-columns:1fr 1fr 1fr}.tech__item{padding:20px}}@media (min-width:1200px){.tech__wrapper{grid-template-columns:1fr 1fr 1fr 1fr}.tech__item{padding:20px}}.portfolio{position:relative;padding:40px 5%;text-align:center;overflow-x:hidden;background-color:#423e37;color:#fffffa;margin-bottom:-2px;font-size:24px}.portfolio__title{font-size:30px;text-transform:uppercase;margin-bottom:20px}@media (min-width:1200px){.portfolio{padding:60px 15%}.portfolio__title{margin-bottom:60px;font-size:42px}}.portfolio__wrapper{display:grid;grid-gap:20px}.portfolio-item{min-height:50px;text-decoration:none;color:#fffffa;border:3px solid #e3b23c;position:relative}.portfolio-item:hover .portfolio-item__image{opacity:.3}.portfolio-item:hover .portfolio-item__text{display:flex}.portfolio-item__image{transition:all 1s;width:100%;background-color:#ffdc7b}.portfolio-item__image:hover{opacity:.3}.portfolio-item__text{transition:all 1s;display:none;top:5%;left:5%;position:absolute;width:90%;height:90%}.portfolio-item__name{font-size:18px}.portfolio-item__desc{font-size:16px}@media (min-width:768px){.portfolio__wrapper{grid-template-columns:1fr 1fr}.portfolio-item:last-of-type{grid-column-start:1;grid-column-end:3}}.about{position:relative;padding:40px 5%;text-align:center;overflow-x:hidden;background-color:#423e37;color:#fffffa}.about__title{font-size:30px;text-transform:uppercase;margin-bottom:20px}@media (min-width:1200px){.about{padding:60px 15%}.about__title{margin-bottom:60px;font-size:42px}}.contact{position:relative;padding:40px 5%;text-align:center;overflow-x:hidden;background-color:#e3b23c;color:#fffffa}.contact__title{font-size:30px;text-transform:uppercase;margin-bottom:20px}@media (min-width:1200px){.contact{padding:60px 15%}.contact__title{margin-bottom:60px;font-size:42px}}.contact__form button{background-color:transparent;text-decoration:unset;color:inherit;padding:10px 25px;text-transform:uppercase;font-size:24px;font-family:inherit;width:100%;border:none;background-color:#423e37}.contact__form button:hover{opacity:.8}.contact__form input,.contact__form textarea{background-color:#423e37;width:100%;margin-bottom:20px;font-size:24px;font-family:inherit;color:#fffffa;border:none;padding:10px 15px}.contact__form input::placeholder,.contact__form textarea::placeholder{color:#fffffa;text-transform:uppercase}.contact__form input.with-error,.contact__form textarea.with-error{background-color:#ff0f00}@media (min-width:768px){.contact__form{width:60%;margin:0 auto}}@media (min-width:1200px){.contact__form{margin-bottom:40px}}.social{display:flex;width:100%;justify-content:space-around;margin-top:25px}.social__ico,.social__item{width:64px;height:64px}.social__ico{display:block}.social__ico--telegram{background:url(../img/gold/telegram.svg)}.social__ico--gmail{background:url(../img/gold/gmail.svg)}.social__ico--viber{background:url(../img/gold/viber.svg)}@media (min-width:1200px){.social{width:60%;margin:0 auto}}.footer{display:flex;padding:10px 5%;justify-content:space-between;background-color:#423e37;font-size:16px;color:#fffffa}.footer__logo{width:60px;height:24px}.footer__logo img{width:auto;height:auto}@media (min-width:1200px){.footer{padding:10px 15%}}.error{display:none;width:100%;color:#ff0f00;padding:15px 10px;margin-bottom:20px;flex-direction:column;text-align:center}.error--active{display:flex}.alert{display:none;width:100%;padding:15px 10px;margin-bottom:20px}.alert--active{display:block}

/*# sourceMappingURL=style.bundle.css.map*/