#menubtnwrapper {
    display: none;
    right: 20px;
    top: 0;
    padding: 15px 0;
    z-index: 3;
    background: #e3e3e3;
    margin-top: 0 !important;
}

#menubtnwrapper #menubtn {
    width: 25px;
    height: 25px;
    position: relative;
    margin: 8px auto;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
}

#menubtnwrapper #menubtn span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #1a1a1a;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

#menubtnwrapper #menubtn span:nth-child(1) {
    top: 0;
    background: #000;
}

#menubtnwrapper #menubtn span:nth-child(2), #menubtnwrapper #menubtn span:nth-child(3) {
    top: 10px;
    background: #000;
}

#menubtnwrapper #menubtn span:nth-child(4) {
    top: 20px;
    background: #000;
}

#menubtnwrapper #menubtn.open span {
    background: #1a1a1a;
}

#menubtnwrapper #menubtn.open span:nth-child(1) {
    top: 10px;
    width: 0;
    left: 50%;
}

#menubtnwrapper #menubtn.open span:nth-child(2) {
    transform: rotate(45deg);
}

#menubtnwrapper #menubtn.open span:nth-child(3) {
    transform: rotate(-45deg);
}

#menubtnwrapper #menubtn.open span:nth-child(4) {
    top: 10px;
    width: 0;
    left: 50%;
}

@media (max-width: 767px) {
    #menubtnwrapper {
        display: block;
        margin: 30px auto 0;
    }
}

.menu {
    font-size: 80px;
    color: #000;
    transition: text-shadow .5s ease, color .5s ease;
}

.menu:hover {
    color: #00baff;
    text-shadow: 0 0 3px #000;
}

html {
    font-size: 16px;
    line-height: 1.8;
}

html a {
    text-decoration: none !important;
}

html body {
    line-height: 1.8;
}

html h1 {
    font-size: 4rem;
    margin-bottom: 30px;
    text-transform: uppercase;
}

html h1, html h2, html h3, html h4, html h5 {
    font-family: "Oswald", sans-serif;
}

html input {
    width: 100%;
    height: 35px
}

html label {
    color: inherit;
    margin-bottom: 0;
    margin-top: 5px
}

html input[type="submit"] {
    height: 50px;
    margin-top: 15px;
    border: 0
}

html iframe {
    width: 380px;
    max-width: 100%;
    height: 400px;
    border: 0
}

@media (max-width: 768px) {
    html iframe {
        width: 600px
    }
}

header {
    font-size: 1.4rem
}

header a {
    color: inherit !important
}

header .inner {
    justify-content: center
}

header .end {
    text-align: center
}

header img {
    height: 70px
}

@media (max-width: 992px) {
    header {
        padding: 30px
    }

    header img {
        max-height: 80px
    }

    header p {
        margin-bottom: 0
    }

    header .inner-wrapper {
        flex-direction: column;
        gap: 10px !important;
        align-items: center
    }
}

nav {
    background: #f3c400;
    color: #1d1d1b
}

nav ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
    position: relative
}

nav ul ul {
    font-size: 1.2rem;
    position: absolute;
    top: 100%;
    z-index: 100;
    background: #93c01f;
    left: 0;
    display: none
}

nav ul ul li {
    width: 100%
}

nav li {
    list-style: none;
    margin: 0;
    position: relative;
    white-space: nowrap
}

nav li:hover > ul {
    display: inline-block
}

nav a {
    padding: 10px 15px;
    display: block;
    color: #000
}

nav a:hover, nav a:focus, nav a.active {
    color: #000;
    text-decoration: underline !important
}

@media (max-width: 1200px) {
    nav ul {
        font-size: 1.2rem
    }
}

@media (max-width: 767px) {
    nav {
        display: none;
        background: #e3e3e3;
    }

    nav ul {
        padding: 0;
        margin: 0;
        width: 100%
    }

    nav ul {
        position: relative !important;
        top: 0
    }

    nav ul ul {
        top: 0 !important
    }

    nav li {
        text-align: center;
        padding: 0;
        margin: 0;
        width: 100%
    }

    nav li:hover > ul {
        display: none
    }

    nav ul ul {
        font-size: 1rem !important
    }

    nav ul ul li {
        font-size: 1rem !important
    }
}

.banner-wrapper {
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    flex-direction: column;
    font-size: 1.4rem;
    font-weight: bold;
    text-shadow: 0 0 15px #000
}

.banner-wrapper .cta {
    text-shadow: none
}

.cta-wrapper {
    margin-top: 30px
}

.cta, input[type="submit"] {
    background: #f3c400;
    color: #000;
    text-transform: uppercase
}

.cta:hover, input[type="submit"]:hover, .cta:focus, input[type="submit"]:focus {
    background-color: #93c01f;
    color: #000;
    cursor: pointer
}

.cta {
    padding: 20px 40px;
    border-radius: 40px;
    font-size: 1rem
}

.cta.type1 {
    background: #1d1d1b;
    color: #fff;
    padding: 10px 5px;
    font-size: .9rem
}

.cta.type1:hover, .cta.type1:focus {
    color: #000;
    background-color: #93c01f
}

.cta.type2 {
    background: #1d1d1b;
    color: #fff
}

.cta.type2:hover, .cta.type2:focus {
    color: #000;
    background-color: #93c01f
}

.nogap {
    margin: 0;
    padding: 0
}

.nogap .flex-full {
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100%
}

.nogap .dark {
    color: #fff
}

.nogap .light {
    background-color: rgba(255, 255, 255, 0.9);
    color: #000
}

.nogap .row {
    margin: 0;
    padding: 0
}

.nogap .col-sm-6 {
    margin: 0;
    padding: 0
}

.nogap .inner-content {
    padding: 80px 30px;
    max-width: 520px
}

@media (max-width: 992px) {
    .nogap .inner-content {
        padding: 30px
    }
}

.form-wrapper {
    color: #fff
}

.min-3 .inner {
    min-width: 30%
}

.content-wrapper h2, .content-wrapper h3 {
    text-align: left;
    width: 100%
}

.content-wrapper .inner-wrapper {
    display: flex;
    justify-content: space-evenly;
    padding: 0 0;
    gap: 30px;
    flex-wrap: wrap
}

.content-wrapper .inner-wrapper + .inner-wrapper {
    margin-top: 45px
}

.content-wrapper .inner {
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column
}

.inner.end {
    justify-content: flex-end !important
}

.images-wrapper {
    padding: 60px 0;
    text-align: center
}

.images-wrapper img {
    width: 240px;
    height: 180px;
    object-fit: cover
}

.images-wrapper .inner-wrapper {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    padding: 40px 0;
    flex-wrap: wrap;
    gap: 60px;
    max-width: 1000px;
    margin: 0 auto
}

.images-wrapper .inner {
    max-width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.images-wrapper .inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2)
}

.images-wrapper .cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
    font-family: "Oswald", sans-serif;
    z-index: 1
}

.background-wash, .background {
    background-size: cover;
    background-position: center center;
    position: relative
}

.background-wash .container, .background .container {
    position: relative
}

.background-wash.background:before, .background.background:before {
    display: none !important
}

.background-wash:before, .background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8)
}

.testimonials-wrapper {
    padding: 60px 0 0;
    text-align: center
}

.testimonials-wrapper .cta-wrapper {
    margin-bottom: 60px !important
}

.testimonials-wrapper .inner-wrapper {
    text-align: center;
    display: flex;
    justify-content: space-evenly;
    padding: 80px 0
}

.testimonials-wrapper .inner {
    width: 300px;
    max-width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.testimonials-wrapper .inner.type1 {
    width: 600px
}

@media (max-width: 992px) {
    .testimonials-wrapper .inner-wrapper {
        flex-direction: column;
        gap: 60px
    }

    .testimonials-wrapper .inner {
        width: 100%;
        padding: 0 30px
    }
}

.accreditations-wrapper {
    padding: 60px 0 0;
    text-align: center
}

.accreditations-wrapper img {
    max-height: 100px
}

.accreditations-wrapper .inner-wrapper {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 30px 0
}

.accreditations-wrapper .dark {
    background: #fafafa
}

.accreditations-wrapper .inner {
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.grey-grad {
    background: #1d1d1b;
    color: #f3c400
}

.grey-grad a:hover {
    color: #93c01f !important
}

footer {
    padding: 0
}

footer img {
    height: 70px
}

footer a {
    color: inherit !important
}

footer p {
    margin-bottom: 0
}

footer ul {
    padding: 0;
    margin: 0
}

footer li {
    margin-bottom: 0;
    list-style: none;
    display: inline-block
}

footer .grey-grad {
    padding: 10px 30px !important
}

@media (max-width: 767px) {
    footer {
        text-align: center
    }

    footer h1, footer h2, footer h3 {
        text-align: center !important
    }

    footer .inner-wrapper {
        flex-direction: column
    }

    footer .inner {
        align-items: center;
        display: block;
        width: 100%;
        text-align: center
    }
}

.section {
    padding-top: 60px;
    margin-bottom: 60px
}

.section.nomargin {
    margin-bottom: 0
}

.section.nopadding {
    padding-top: 0
}

.section.extramargin {
    margin-top: 60px
}

.section.extrapadding {
    padding-bottom: 60px
}

@media (max-width: 992px) {
    .section {
        padding-top: 30px;
        margin-bottom: 30px
    }

    .section.nomargin {
        margin-bottom: 0
    }

    .section.nopadding {
        padding-top: 0
    }

    .section.extramargin {
        margin-top: 30px
    }

    .section.extrapadding {
        padding-bottom: 30px
    }
}

.cap {
    width: 400px;
    padding: 0 15px;
    max-width: 100%
}

.cap.type1 {
    width: 500px
}

.cap.type2 {
    width: 600px
}

.theme1 {
    background-color: #f3c400;
    color: #1d1d1b
}

.center {
    text-align: center
}

.center ul {
    text-align: left
}

.center h1, .center h2, .center h3 {
    width: 100%;
    text-align: center
}

.slick-arrow {
    background: #999 !important;
    padding: 20px;
    border-radius: 50%
}

.slick-slider {
    margin-bottom: 30px !important
}

.slick-slider img {
    object-fit: cover;
    width: 100%;
    border: 3px solid #fff
}

.slick-slider .slick-dots li button {
    margin-bottom: 30px !important
}

.slick-slider .slick-dots li button::before {
    font-size: 20px !important
}

@media (max-width: 767px) {
    .slick-slider .slick-arrow {
        display: none !important
    }
}

footer .inner-wrapper {
    margin-top: 0 !important
}

.title {
    border-bottom: 1px solid #acacac;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-bottom: 20px
}

.green-highlight h1, .green-highlight p {
    background: #81ce9b
}

.orange-highlight h1, .orange-highlight p {
    background: #a76a00
}

.section ul {
    padding: 0;
    margin: 0;
    margin-bottom: 1rem
}

.section ul li {
    margin-left: 1em
}

.phone {
    background-image: url('../img/phone.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 1.3rem;
    width: 1.3rem;
    margin-right: .5rem;
    display: inline-block
}



#cookiepolicy {
    display: none;
  }
  
  .cookie-policy {
    font-size: 0.9rem;
    position: fixed;
    left: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 1000000;
    bottom: 0;
    background-color: #000;
  
    color: #fff;
  
    .cta {
      margin-top: 0;
      float: left;
      padding-top: 15px;
      padding-bottom: 15px;
      border: 1px solid #fff;
      color: #fff;
      cursor: pointer;
      width: 100%;
      text-align: center;
      padding-left: 15px;
      padding-right: 15px;
  
      &:hover, &:focus {
        background: #000;
      }
  
  
    }
  
  
    @media (max-width: 1500px) {
      br {
        display: none;
      }
    }
  }
  
  #cookiepolicy {
    display: none;
  }
  

  .right {
    text-align: right;

    @media(max-width:767px) {
        text-align: center;
    }
  }