.header { position:relative; top:0; left:0; width:100%; z-index:100; background-color:rgba(var(--first),1); /*border-top:0.5rem solid rgb(var(--second)); padding:var(--gap) 0;*/ /*border-bottom:1px solid rgb(var(--second));*/ }

.sticky-header .header { position:fixed; }

.admin-bar.sticky-header .header { top:46px; }

.header .top-banner { padding:0.5rem 0; }
.header .top-banner .fill { background-color:rgba(var(--second),1); }
.header .top-banner > div.do-flex { justify-content:space-between; align-items:center; }
.header .top-banner a { text-decoration:none; color:rgb(var(--first)); }
.header .top-banner span { font-size:1.6rem; }
.header .top-banner span svg { margin-right:0.5rem; }

.top-banner .search { align-self:flex-end; }

.top-banner #searchform div { width:200px; background-color:rgb(var(--white)); padding:0 1em 0.2em 0.25em; font-size:1.4rem; border:1px solid rgb(var(--second)); position:relative; overflow:hidden; }
.top-banner #searchform label { position:absolute; z-index:1; top:10px; left:10px; }
.top-banner #searchform input { border:none; background:rgb(var(--white)); float:left; color:rgb(var(--grey-dark)); width:calc(100% - 50px); line-height:1em; -webkit-appearance:none; -moz-appearance:none; outline:none; font-family:var(--font); font-weight:400; line-height:1.25em; padding:10px 0 5px 10px; position:relative; z-index:2; }
.top-banner #searchform button { border:none; background:rgb(var(--second-hover)); outline:none; -webkit-appearance:none; color:rgb(var(--white)); font-size:1em; position:absolute; top:50%; right:0; height:50px; padding:0 20px; transform:translateY(-50%); transition:background-color 300ms; cursor: pointer; }
.top-banner #searchform button svg { color:inherit; }
.top-banner #searchform button:hover { background-color:rgb(var(--first-light)); } 

.header .top-banner br,
.header .top-banner .mobile-hide { display:none; }

.header .top-banner .left,
.header .top-banner .right { display:flex; gap:var(--gap); }

.header .wrapper > .do-flex { justify-content:space-between; align-items:center; gap:var(--gap); transition:padding 300ms; padding:var(--gap) 0;  }
.header .logo { flex:0 1 auto; transition:width 500ms; }
.header .logo img { position:relative; z-index:2; }

/*** FOOTER **/

.sticky-footer { position:sticky; top:100vh;  }

.footer-wrapper { border-top:1rem solid rgb(var(--second)); }
.footer .logos-wrapper {  }
.footer .footer-logo { flex:0 1 auto; /*filter:brightness(0)invert(1);*/ margin:auto; /*padding:0.5rem var(--gutter) var(--gutter);*/ }
.footer .footer-logo img.logo { display: inline-block; margin-bottom: 1rem; }

.footer .footer-logo,
.footer .col-2 .col-2 .col { text-align:center; }

.footer { position:relative; z-index:2; }
.footer .do-flex { justify-content:center; text-align:center; }

.footer .col p { margin-bottom:0.5em; }
.footer .col p.h-5 { margin-bottom:0.5em; }

.footer p,
.footer ul { font-size:1.5rem; font-family:var(--title-font); text-decoration:none; }

.footer .footer-contacts p a,
.footer .footer-menu ul a { color:rgb(var(--text)); transition:color 300ms; }

.footer .footer-contacts p a:hover,
.footer .footer-menu ul a:hover { color:rgb(var(--second)); }

.footer-contacts .do-flex .icon { font-size:1.8rem; color:rgb(var(--second)); flex:0 1 auto; min-width:20px; text-align:center; margin-right:10px; top:-0.1em; position: relative; }
.footer-contacts .do-flex p { flex:1 1 auto; }

.footer-contacts .address p { line-height:1.75em; }

.footer-contacts .social { margin-bottom:1em; }
.footer-contacts .social span { display:inline-block; width:20px; margin-right:15px; text-align:center; }
.footer-contacts .social span a { text-decoration:none; color:rgb(var(--second-light)); }

.footer-menu ul { overflow:visible; font-size:1.5rem; padding-left:0; }
.footer-menu ul li { display:inline-block; position:relative; list-style-type:none; margin:0; padding:0; }
.footer-menu ul li svg { display:none; }
.footer-menu ul li a { display:block; padding:0.5em; }
.footer-menu ul ul { display:none; }

.footer .footer-contacts > .do-flex { justify-content:center; }
.footer-contacts .do-flex .icon { margin-right:5px; }
.footer-contacts .do-flex p { flex:0 1 auto; }

img.icon {  width:80px; }

.sub-footer { font-size:1.4rem; padding:var(--gutter); color:rgb(var(--grey-dark)); }
.sub-footer .wrapper { z-index:2; }
.sub-footer .do-flex { flex-wrap:nowrap; align-items:center; flex-direction:column; gap:var(--gutter); }
.sub-footer a { text-decoration:none; color:rgb(var(--grey-dark)); }
.sub-footer nav { flex:1 1 auto; text-align:center; }
.sub-footer nav span { padding-right:1em; }
.sub-footer nav ul { display:inline-block; list-style-type:none; margin:0; padding:0; }
.sub-footer nav ul li { display:inline-block; padding:0.5em; margin:0; }

.sub-footer .social { display:flex; gap:var(--gutter); }
.sub-footer .social span { display:flex; justify-content:center; align-items:center; width:4rem; height:4rem; border-radius:3px; background-color:rgb(var(--second)); }
.sub-footer .social span a svg { color:rgb(var(--grey-mid)); }


@media (min-width:600px) {

  .header .top-banner br{ display:block; }
  .header .top-banner .mobile-hide { display:inline-block; }

  .footer .col-2 { flex-direction: column; }
  .footer .col-2 > * { width:100%; }

}

@media (min-width:700px) {

  .top-banner #searchform div { width:300px;

}

@media (min-width:783px) {

  .admin-bar.sticky-header .header { top:32px; }

}


@media (min-width:960px) {

  .header .logo { width:35%; max-width:400px; }

  .header.fixed { background-color:rgba(var(--white),0.9); box-shadow:0 3px 10px 0 rgba(0,0,0,0.1); }
  .header.fixed .wrapper > .do-flex { padding:1rem 0; }
  .header.fixed .logo { width:200px; /*flex:1 1 auto; */}
  .header.fixed .logo a { /*filter:brightness(1)invert(0);*/ }

  .footer .col-2 { flex-direction:row; }
  .footer .col-2 > * { width:calc(50% - var(--gap)/2); }

  .footer .footer-logo,
  .footer .col-2 .col-2 .col { text-align:unset; }

  .footer .do-flex { justify-content:space-between; text-align:unset; }
  .footer .footer-contacts > .do-flex { justify-content:initial; }
  .footer .col-5 > div:nth-of-type(1),
  .footer .col-5 > div:nth-of-type(2) { width:100%; text-align:center; }
  .footer .col-5 > div:nth-of-type(2) > .do-flex { justify-content:center; }
  
  .footer-menu { padding-left:10%; }
  .footer-menu ul { /*column-count:2;*/ }
  .footer-menu ul li:before { content:"\f0da"; font:var(--fa-font-solid); display:none; }
  .footer-menu ul li svg { display:block; font-size:2rem; color:rgb(var(--second-light)); position:absolute; top:0; left:0; }
  .footer-menu ul li { display:inherit; position:relative; list-style-type:none; margin-left:0; margin-bottom:0.5em; padding-left:1.5em; }
  .footer-menu ul li a { display:inherit; padding:0; }

}

@media (min-width:980px) { 


}

@media (min-width:1100px) { 

  
  .sub-footer .do-flex { flex-wrap:nowrap; justify-content:space-between; flex-direction:row; }


}

@media (min-width:1170px) { 

  
  .header .logo img { width:100%; }

  .footer .col-5 > div:nth-of-type(1), 
  .footer .col-5 > div:nth-of-type(2) { width:calc(20% - var(--gap)/1.25); text-align:unset; }

  .footer .col-5 > div:nth-of-type(2) > .do-flex { justify-content:initial; }


}