.site-header,
#header{
  background:#121417 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

[data-header*="type-1"] .ct-container,
[data-header*="type-2"] .ct-container,
.site-header .ct-container{
  max-width:var(--tm-container);
}

.site-header [data-id="logo"] .site-title,
.site-header .site-branding,
.site-header .site-title{
  font-family:'Syne',sans-serif;
  font-weight:800;
  color:#fff !important;
}

.site-header a,
.site-header .menu > li > a,
.site-header .ct-header-menu a{
  color:rgba(255,255,255,.86) !important;
  font-size:14px;
  font-weight:650;
  transition:color .2s ease;
}

.site-header a:hover,
.site-header .menu > li > a:hover,
.site-header .ct-header-menu a:hover{
  color:#C8973A !important;
}

.site-header .ct-icon,
.site-header svg{
  color:#fff !important;
  fill:currentColor;
}

.site-header [data-id="button"] a,
.site-header .ct-button{
  background:#C8973A !important;
  color:#121417 !important;
  border-color:#C8973A !important;
  font-weight:800;
}

.site-header [data-id="button"] a:hover,
.site-header .ct-button:hover{
  background:#fff !important;
  color:#121417 !important;
}

@media(max-width: 999px){
  #offcanvas,
  .ct-panel{
    background:#121417 !important;
  }

  #offcanvas a,
  .ct-panel a{
    color:#fff !important;
  }

  #offcanvas a:hover,
  .ct-panel a:hover{
    color:#C8973A !important;
  }
}