:root {
     --bt-yellow: #ffd900;
     --bt-black: #242424;
     --bt-grey: #666;
     --bt-text: #222;
     --bt-light: #f7f7f7;
 }


@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat.woff2') format('woff2');
    font-style: normal;
    font-weight: 400 500 700;
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans';
    src: url('/assets/fonts/opensans.woff2') format('woff2');
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
}

 body {
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     color: #222;
     -moz-osx-font-smoothing: grayscale;
 }

 h1,
 h2,
 h3,
 h4 {
     font-family: 'Montserrat', sans-serif;
     font-weight: 700;
 }



 h1,
 h2,
 h3,
 h4 {
     color: var(--bt-black);
 }

 /* Header */
 .bt-header {
     background: var(--bt-yellow);
     height: 76px;
     border-bottom: 5px solid #000;
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important;
 }

 .bt-logo {
     font-size: 28px;
     font-weight: 900;
     letter-spacing: -2px;
     color: var(--bt-black);
     text-decoration: none;
     width: 130px !important;
 }

 .uk-navbar-toggle{
    color:#000000;
 }

 .bt-nav a {}



 .uk-navbar-nav>li>a {
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     color: var(--bt-black);
     font-size: 14px;
     font-style: normal;
     text-transform: uppercase;
     text-decoration: none;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;

 }

 /* Hero */
 .hero {
     background: var(--bt-yellow);
     overflow: hidden;
     border-bottom: 20px solid #000000;
 }

.hero {
    overflow: visible;
}

.hero-image-left {
    position: relative;
    z-index: 2;
    overflow: visible;

    img {
        position: relative;
        right: -40px;
        display: block;
        max-width: 100%;
    }
}

 .hero-image-right {
        position: relative;
    z-index: 1;
     min-height: 100%;
     background: url('/assets/images/red-door-x.jpg') center / cover no-repeat;
     overflow: hidden;
 }


 .hero-image-right .uk-overlay-primary {
    background: rgba(0, 0, 0, 0.4);
}



 .color-white {
     color: #ffffff;
 }

 .background-yellow {
     background-color: #fcd21d;
 }

 .background-light-grey {
     background-color: #f7f7f7;
 }

 .background-charcoal {
     background-color: #222328;
 }

 .uk-input,
 input,
 input[type="tel"],
 input[type="email"],
 .uk-button {
     height: 54px;
 }

 input,
 .uk-input,
 textarea,
 .uk-textarea {
     border: 0;
     background-color: #F9E68C;
 }

 input::placeholder,
 textarea::placeholder {
     font-family: 'Montserrat', sans-serif;
     color: #000000;
     font-weight: 500;
     font-size: 15px;
 }

 .uk-button-primary {
     background-color: #f4583f;
 }

 .uk-button-primary:active {
     background-color: #f4583f;
     color: #fff;
 }


 /* Split sections */
 #who h1,
 #what h2,
 #contact h2,
 #faq h2 {
     font-size: 30px;
     font-weight: 700;
     text-transform: uppercase;
     margin-bottom: 25px;
 }

 #who p,
 #what p {
     font-size: 16px;
     line-height: 1.8em;
 }

 #who img,
#what img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


 #benefits h2 {
     font-size: 30px;
     font-weight: 500;
     margin-bottom: 25px;
 }


 #benefits h3 {
     font-family: 'Montserrat';
     font-size: 20px;
     font-weight: 500;
     line-height: 1.9em;
     margin-bottom: 25px;
     color: #c9c9c9;
 }

 #benefits hr {
     margin: 40px 0px;
     border-top: 1px solid #2ea3f2;
 }



 #benefits p {

     font-size: 13px;
     line-height: 1.8em;
     color: #c9c9c9;
     padding-top: 6px;
 }

 /* Buttons */
 .bt-button {
     border: 2px solid var(--bt-black);
     border-radius: 30px;
     color: var(--bt-black);
     background: transparent;
     font-size: 16px;
     font-weight: 700;
     letter-spacing: 2px;
     padding: .3em 1em;
     line-height: 1.7em;
     text-transform: uppercase;
     height: unset !important;
 }

 .bt-button:hover {
     background: var(--bt-black);
     color: white;
 }

 /* How */
 #how {
     border-bottom: 20px solid #000000;
 }

 #how hr {
     border-top: 1px solid #000000;
 }

 /* FAQ */
 .bt-faq {
     padding: 90px 0;
 }


 #faq .category {
     font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
     font-weight: 700;
     font-size: 36px;
     line-height: 1.2em;
     border-top: 6px solid #fcb900;
     color: #fcb900;
     text-transform: none;
     padding-top: 12px;
 }

 #faq .uk-accordion>li {
     border-top: 4px solid #222222;
 }

 #faq .uk-accordion-title {
     border-top: 0;
 }

 #faq .uk-accordion-title::before {
     padding-top: 4px;
 }

 #faq .uk-accordion-title {
     font-family: 'Open Sans', sans-serif;
     font-size: 24px;
     font-weight: 700;
     color: var(--bt-black);
     padding: 20px 0;
     text-transform: none;
 }

 #faq .uk-accordion>li {
     margin-top: 0;
 }

 #faq .uk-accordion-content {
     font-family: 'Open Sans', sans-serif;
     font-size: 18px;
     line-height: 1.6;
     padding-bottom: 20px;
     font-weight: 400 !important;
     text-transform: none;
     color: #666666;
 }

 #location {
     border-top: 20px solid #000000;
     border-bottom: 20px solid #000000;
     height: 400px;
     overflow: auto;
 }



 /* Footer */
 .footer-image {
     height: 375px;
     background: url('/assets/images/page-5.jpg') center / cover no-repeat;
 }

 .footer {
     background: #000;
     color: white;
     padding: 50px 0;
 }

 .footer p,
 .bt-footer a {
     color: var(--bt-grey);
     font-size: 13px;
 }

 .uk-h5,
 h5 {
     font-size: inherit;
     line-height: 1.4;
 }


 @media (max-width: 959px) {
     .bt-hero-brand {
         min-height: 280px;
     }

     .bt-hero-brand span {
         font-size: 220px;
     }

     .bt-hero-image {
         min-height: 360px;
     }

     .bt-split {
         grid-template-columns: 1fr;
     }

     .bt-split-copy,
     .bt-split-image {
         min-height: 350px;
     }

     .bt-split-copy {
         padding: 50px 25px;
     }

     .bt-faq {
         padding: 60px 0;
     }

     #faq .category {

         border-top: 0;
     }
 }