.preloader .container, #header {
  animation-delay: .5s;
}

.preloader  {
  animation-duration:1s;
}

.preloader .container {
  height:100%;
}

.preloader:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(../img/bg8.jpg);
  background-size: cover;
  background-position: center top;
  /*opacity: .4 !important;
  --mask: linear-gradient(to bottom, rgba(0,0,0, 0.5) 0, rgba(0,0,0, 1) 40%, rgba(0,0,0, 0) 95%, rgba(0,0,0, 0) 0 ) 100% 50% / 100% 100% repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);*/
}

div.preloader .definition {
  animation-delay: .75s;
}

.arrows {
  animation-delay: 1s;
}

#faq {
  background: linear-gradient(0deg, #fff 0%, #efefef 100%);
  padding:2rem 1.5rem;
  overflow: hidden;
  padding-bottom:5rem;
}

#faq h1 {
  margin: 3rem auto;
  font-family: Roboto-Thin;
  letter-spacing: .1em;
  font-weight: 600;
  font-size: 28px;
  text-align: center;
  color: #000;
  width: 200px;
  max-width: 100%;
  background-image: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(171,133,37,1) 50%, rgba(0,0,0,1) 100%);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}


#faq h3 {
  margin: 3rem auto;
  width:auto;
  color:#ca571e;
}

#faq .row {
  width:1200px;
  max-width:100%;
  margin:0 auto;
  overflow: hidden;
}

#faq .row .accordion-flush .accordion-item  {
  background:none;
}

#faq .row .accordion-flush .accordion-item .accordion-button {
  outline:none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  background:none;
  font-size:16px;
  margin:0;
  white-space: initial;
  line-height:1.8;
  padding:1.5rem 0;
}

#faq .row .accordion-flush .accordion-item .accordion-body {
  color:#555;
  padding-left:0;
  padding-right:0;
  padding-bottom:2rem;
}

#faq .row .accordion-button:not(.collapsed) {
  color:#ca571e;
}