@font-face {
  font-family: 'Bauer';
  src: url('../assets/bauerregular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham Book';
  src: url('../assets/Gotham-Book.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

*{margin:0;padding:0;box-sizing:border-box}

body{
  background:#fff;
  color:#111;
  font-family:'Gotham Book','Century Gothic',Arial,Helvetica,sans-serif;
}

.container{max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}
.header .container,.footer .container{width:1060px;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}

.header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(255,255,255,.86);transition:background .3s ease}
.header--transparent{background:rgba(255,255,255,0) !important}

.header-inner{height:58px;display:flex;align-items:center;justify-content:space-between}
.logo img{width:118px;display:block}
.menu{display:flex;align-items:center;gap:22px}
.menu a{color:#111;font-size:11px;font-weight:800;letter-spacing:.2px;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.phone{color:#111;font-size:13px;font-weight:700;white-space:nowrap}

.fade-in{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}

.footer-space{height:125px;background:#d9eef4}
.footer{background:#79adba;color:white;padding:55px 0 45px}
.footer-inner{display:grid;grid-template-columns:2fr 3fr 1fr;gap:50px;align-items:start}
.footer-left img{width:130px;display:block;margin-bottom:15px}
.footer-left p{color:white;font-size:12px;line-height:1.7}
.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.footer-links strong,.footer-social strong{display:block;color:white;font-size:13px;font-weight:700;margin-bottom:10px}
.footer-links a{display:block;color:white;font-size:12px;line-height:1.65;text-decoration:none;margin-bottom:5px}
.footer-social div{display:flex;gap:8px}
.footer-social span{display:inline-flex;width:28px;height:28px;border:1px solid white;border-radius:50%;align-items:center;justify-content:center;color:white;font-size:12px}
.copyright{background:#fff;color:#777;font-size:11px;padding:12px 0;text-align:center}

@media(max-width:1100px){.menu{gap:14px}.menu a{font-size:10px}.logo img{width:108px}.phone{font-size:12px}}
@media(max-width:900px){.header{position:relative;background:white}.header-inner{height:auto;padding:18px 0;flex-direction:column;gap:15px}.menu{flex-wrap:wrap;justify-content:center;gap:12px}.footer-inner{grid-template-columns:1fr;gap:30px}.footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-links{grid-template-columns:1fr}}