@charset "UTF-8";

.mob-nav {
    display: block !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 80%;
    height: 100%;
    background-color: #eee;
    z-index: 99999999;
    transform: translateX(100%);
    transition: 0.4s;
    max-width: 360px
}

.mob-nav:before {
    content: "Menu";
    display: block;
    width: 100%;
    padding: 15px;
    color: rgba(0, 0, 0, 0.35);
    text-align: center;
    font-size: 1.5rem
}

.mob-nav--active {
    transform: translateX(0);
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.2)
}

.mob-nav li {
    list-style: none;
    position: relative;
    float: left;
    width: 100%
}

.mob-nav a {
    padding: 15px 60px 15px 20px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.65);
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 1.3rem;
    position: relative;
    background-color: transparent
}

@media screen and (min-width:375px) {
    .mob-nav a {
        font-size: 1.4rem
    }
}

.mob-nav a:hover {
    text-decoration: none
}

.mob-nav .current-menu-ancestor>a,
.mob-nav .current-menu-item>a,
.mob-nav .current-menu-parent>a {
    background-color: transparent;
    color: #2E72B4
}

.mob-nav .sub-arrow {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid rgba(13, 13, 13, 0.15);
    width: 45px;
    text-align: center;
    padding: 13px 0;
    z-index: 10;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.65);
    background-color: transparent
}

@media screen and (min-width:375px) {
    .mob-nav .sub-arrow {
        padding: 14px 0
    }
}

.mob-nav a.active {
    background-color: rgba(0, 0, 0, 0.03)
}

.mob-nav a.active+.sub-arrow {
    border-color: rgba(5, 5, 5, 0.15)
}

.mob-nav .sub-menu {
    display: none;
    float: left;
    width: 100%
}

.mob-nav .sub-menu li {
    padding-left: 20px
}

.mob-nav .menu-primary>li:first-child a {
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.mob-nav .scroll-container {
    position: absolute;
    width: 100%;
    left: 0;
    top: 52px;
    height: calc(100vh - 52px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 100px
}

.mob-nav .scroll-container::-webkit-scrollbar {
    display: none
}

.mob-nav-close {
    position: fixed;
    left: 0;
    bottom: 40%;
    width: 60px;
    height: 50px;
    background-color: #2E72B4;
    transform: translateX(-100%);
    display: none
}

.mob-nav-close i {
    margin: auto;
    font-size: 2em;
    color: #fff
}

.mob-nav--active .mob-nav-close {
    display: block;
    display: flex
}

.mob-nav-underlay {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999999;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden
}

.mob-nav-underlay.mob-nav--active {
    opacity: 1;
    visibility: visible
}

.block {
    width: 100%;
    margin: 5px 0;
    padding: 30px;
    color: #fff;
    background: #2E72B4
}

@media (min-width:600px) {
    .block {
        width: 49%;
        margin-right: 1%;
        padding: 40px
    }

    .block:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (min-width:1000px) {
    .block {
        width: 32.5%;
        margin-right: 1% !important;
        padding: 50px
    }

    .block:nth-of-type(3n) {
        margin-right: 0 !important
    }
}

.block--blue {
    color: #fff;
    background: #2E72B4
}

.block--blue a {
    color: #FFCE00
}

.block--dark-grey {
    color: #fff;
    background: #41403F
}

.block--light-grey {
    color: #41403F;
    background: #F2F2F2
}

.block__heading {
    margin-bottom: 10px;
    font-size: 2.2rem
}

.block p {
    font-size: 1.7rem
}

.block p+ul {
    margin-top: 10px
}

.block li {
    list-style: none;
    font-size: 1.8rem
}

.buckets {
    max-width: 1600px;
    margin: 0 auto;
    list-style: none;
    display: flex;
    flex-wrap: wrap
}

.buckets__item {
    position: relative;
    width: 100%;
    margin: 5px 0
}

.buckets__item img {
    width: 100%;
    height: auto;
    display: block
}

@media (min-width:480px) {
    .buckets__item {
        width: 46%;
        margin: 2%
    }
}

.buckets__item:hover .buckets__link {
    background: #2E72B4
}

.buckets__image {
    width: 100%;
    height: auto;
    display: block
}

.buckets__link {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 15px;
    font-size: 1.7rem;
    font-weight: 700;
    color: #fff;
    background: rgba(65, 64, 63, 0.95);
    transition: 0.3s
}

@media (min-width:1400px) {
    .buckets__link {
        padding: 20px;
        font-size: 2rem
    }
}

.buckets__link:after {
    position: absolute;
    right: 20px;
    font-family: Fontawesome;
    content: "";
    color: #FFCE00
}

@media only screen and (min-width:1000px) and (max-width:1199px) {
    .content__sidebar .buckets__item {
        width: 100%
    }

    .content__sidebar .buckets__image {
        display: none
    }

    .content__sidebar .buckets__link {
        position: relative;
        padding: 20px
    }
}

.btn--noir,
button--noir {
    color: #41403F;
    border-color: #41403F;
    background-color: #fff
}

.btn--blanc,
button--blanc {
    color: #fff;
    border-color: #fff;
    background-color: #41403F
}

.button {
    display: inline-block;
    padding: 20px 25px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8rem;
    transition: 0.5s
}

.button:after {
    content: "";
    font: 1em/1 FontAwesome;
    margin-left: 12.5px
}

.button--blue {
    background: #2E72B4;
    color: #fff;
    margin: 20px auto;
}

.button--blue:hover {
    background: #24588b
}

.button--yellow {
    background: #FFCE00;
    color: #fff
}

.button--yellow:hover {
    background: #cca500
}

.button--noir {
    background: #41403F;
    color: #fff
}

.button--noir:hover {
    background: #272726
}

.prev-next {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px
}

@media (min-width:800px) {
    .prev-next {
        justify-content: flex-end
    }
}

.prev-next>div {
    width: 100%;
    margin: 2px 0
}

@media (min-width:480px) {
    .prev-next>div {
        width: auto;
        margin: 0
    }

    .prev-next>div:last-of-type {
        margin-left: 10px
    }
}

.prev-next a {
    display: block;
    padding: 20px 25px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    background: #41403F;
    border-radius: 10px
}

.prev-next a:hover {
    background: #494847
}

.accreditations {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 50px 0
}

.accreditations img {
    max-height: 70px;
    max-width: 90px;
    width: initial;
    object-fit: contain;
    margin: 12.5px
}

.accreditations__image {
    max-height: 70px;
    max-width: 90px;
    width: initial;
    object-fit: contain;
    margin: 12.5px
}

@media (min-width:800px) {
    .accreditations__image {
        margin: 12.5px 25px
    }
}

.dd-gallery__heading {
    margin-bottom: 8px;
    font-size: 1.7rem;
    font-weight: 600
}

.dd-gallery__text {
    display: none
}

@media (min-width:600px) {
    .dd-gallery__text {
        display: block;
        float: left;
        width: 100%;
        margin: 5px 0;
        font-size: 1.5rem
    }
}

.dd-gallery__image {
    display: block;
    width: 50% !important;
    max-width: 105px;
    margin: 0 auto;
    opacity: 0.9
}

@media (min-width:600px) {
    .dd-gallery__image {
        width: 100% !important;
        margin: 0 auto 20px auto
    }
}

@media (min-width:600px) {
    .dd-gallery__ral {
        float: left;
        width: 100%;
        margin-top: 10px
    }

    .dd-gallery__ral span:first-of-type {
        display: inline-block;
        width: 20px;
        height: 20px;
        float: left;
        margin-right: 10px
    }
}

@media (min-width:600px) {
    .dd-gallery .owl-item {
        padding: 30px 30px 0 30px
    }
}

@media (min-width:600px) {
    .dd-gallery .owl-item.big {
        padding-top: 0
    }

    .dd-gallery .owl-item.big .dd-gallery__image {
        max-width: -webkit-fit-content;
        max-width: fit-content;
        opacity: 1
    }
}

.find-supplier {
    margin: 50px auto !important
}

@media (min-width:800px) {
    .find-supplier {
        background: #FAFAFA;
        margin: 60px auto !important
    }
}

.find-supplier+.homepage__products {
    margin-top: 0
}

.find-supplier.animation-in li:first-child i {
    opacity: 1
}

.find-supplier.animation-in li:nth-child(2) i {
    transition-delay: 0.25s;
    opacity: 1
}

.find-supplier.animation-in li:nth-child(3) i {
    opacity: 1;
    transition-delay: 0.5s
}

.find-supplier.animation-out li:first-child i {
    opacity: 0
}

.find-supplier.animation-out li:nth-child(2) i {
    opacity: 0
}

.find-supplier.animation-out li:nth-child(3) i {
    opacity: 0
}

.find-supplier h3 {
    margin-bottom: 20px;
    font-weight: 700
}

.find-supplier ul {
    display: flex;
    flex-flow: row wrap;
    width: 100% !important;
    list-style: none
}

.find-supplier li {
    width: 100%;
    padding: 0 25px 50px 25px;
    text-align: center
}

.find-supplier li:nth-child(odd) {
    background: #FAFAFA
}

@media (min-width:800px) {
    .find-supplier li {
        width: 33.33%
    }
}

@media (min-width:1000px) {
    .find-supplier li {
        padding: 0 50px 60px 50px
    }
}

.find-supplier li:hover i {
    border: 4px solid #41403F;
    color: #41403F
}

@media (min-width:600px) {
    .find-supplier form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.find-supplier select {
    -webkit-appearance: none;
    appearance: none;
    background: #fff
}

.find-supplier button,
.find-supplier input,
.find-supplier select {
    border: 0;
    border-radius: 0;
    padding: 12.5px 16.6666666667px
}

.find-supplier input,
.find-supplier select {
    width: 100%
}

.find-supplier input::placeholder,
.find-supplier select::placeholder {
    color: #c0c0bf
}

.find-supplier button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: #FFCE00;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

@media (min-width:600px) {
    .find-supplier button {
        width: 20%;
        margin: 0
    }
}

@media (min-width:800px) {
    .find-supplier button {
        width: 100%
    }
}

@media (min-width:1400px) {
    .find-supplier button {
        width: 30%
    }
}

.find-supplier button:hover {
    background: #cca500
}

.find-supplier button:after {
    content: "";
    font: 1em/1 FontAwesome;
    margin-left: 12.5px
}

.find-supplier i {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-style: normal;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    justify-content: center;
    border: 4px solid #FFCE00;
    color: #FFCE00;
    font-size: 2rem;
    margin: -25px auto 25px auto;
    transition: 1s
}

@media (min-width:800px) {
    .find-supplier i {
        height: 75px;
        width: 75px;
        border-radius: 75px;
        font-size: 3rem;
        margin: -38px auto 25px auto
    }
}

.find-supplier .form-field {
    width: 100%;
    margin: 5px 0
}

@media only screen and (min-width:600px) and (max-width:799px) {
    .find-supplier .form-field {
        width: 39%;
        margin: 0
    }
}

@media (min-width:1400px) {
    .find-supplier .form-field {
        width: 41%;
        margin: 0
    }

    .find-supplier .form-field:first-of-type {
        width: 28%
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity 0.25s, visibility 0s linear 0.25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity 0.25s, visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0 6px
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px 0;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color 0.2s;
    vertical-align: top;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--pause svg path:first-child {
    display: none
}

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity 0.25s, visibility 0s, color 0.25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: 0.8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke 0.1s
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px 25px 44px;
    right: 0
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption:after {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 0.8s infinite linear;
    background: transparent;
    border: 6px solid rgba(100, 100, 100, 0.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: 0.6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1)
}

.fancybox-thumbs>ul>li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs>ul>li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:800px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

.hero__logo img {
    max-width: 100%;
}

.header__logo {
    height: 36px;
}

.featured {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap
}

.featured__item {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
    margin-top: 25px
}

.featured__item:first-of-type {
    margin-top: 0
}

.featured__item:hover img {
    opacity: 0.8
}

@media (min-width:800px) {
    .featured__item {
        margin-top: 0;
        width: calc(50% - 25px)
    }
}

.featured__item span {
    position: absolute;
    bottom: -25px;
    left: 50px
}

.featured__item img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
    transition: 0.5s
}

@media (min-width:800px) {
    .featured__item img {
        height: 300px
    }
}

.featured__item:hover .button {
    background: #24588b
}

.features {
    overflow: hidden
}

.features__content {
    background: #FAFAFA
}

.features__list {
    max-width: 1462px;
    margin: 0 auto;
    padding: 50px 20px;
    list-style: none
}

@media only screen and (min-width:600px) {
    .features__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width:800px) {
    .features__list {
        padding: 50px
    }
}

@media (min-width:1400px) {
    .features__list {
        padding: 50px 0
    }
}

.features__item {
    text-align: center
}

.features__item:not(:last-of-type) {
    margin-bottom: 25px
}

@media only screen and (min-width:600px) {
    .features__item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 49%;
        margin: 10px 0;
        text-align: left
    }
}

.features__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin: 0 auto 10px auto;
    border: 4px solid #FFCE00;
    border-radius: 50%
}

@media only screen and (min-width:600px) {
    .features__icon {
        margin: 0 6% 0 0;
        width: 20%;
        max-width: 50px
    }
}

.features__icon i {
    font-size: 2.3rem;
    color: #FFCE00
}

.features__text-wrap {
    width: 74%
}

.features__heading {
    font-size: 1.8rem;
    font-weight: 700;
    color: #41403F
}

@media (min-width:1200px) {
    .features__heading {
        font-size: 2rem
    }
}

.features__text {
    display: block;
    margin-top: 5px
}

.full-cta {
    padding: 16.6666666667px;
    box-shadow: 5px 10px 10px #eee;
    margin: 50px auto !important;
    background: #FAFAFA;
    color: #fff
}

.full-cta__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 40px;
    border: 1px solid #fff;
    background: #2e72b4
}

.full-cta p {
    color: #e6e6e6
}

@media (min-width:800px) {
    .full-cta p {
        margin-top: 10px;
        padding: 0 50px;
        text-align: center
    }
}

@media (min-width:1200px) {
    .full-cta p {
        width: 43%;
        max-width: 545px;
        padding: 0 25px
    }
}

.full-cta i {
    font-family: FontAwesome;
    display: flex;
    align-items: center;
    margin: 0 auto 15px auto;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50px;
    font-size: 3rem;
    border: 4px solid #fff;
    justify-content: center;
    font-style: normal
}

@media (min-width:480px) {
    .full-cta i {
        margin: 0
    }
}

@media (min-width:600px) {
    .full-cta i {
        font-size: 4rem;
        height: 75px;
        width: 75px;
        min-width: 75px;
        border-radius: 75px
    }
}

.full-cta i:before {
    content: ""
}

.full-cta h4 {
    font-size: 2.5rem;
    line-height: 1.3
}

@media (min-width:480px) {
    .full-cta h4 {
        margin: 0 0 0 25px
    }
}

@media (min-width:800px) {
    .full-cta h4 {
        margin: 0 25px
    }
}

.full-cta__top {
    width: 100%;
    margin-bottom: 12.5px
}

@media (min-width:480px) {
    .full-cta__top {
        display: flex;
        align-items: center
    }
}

@media (min-width:800px) {
    .full-cta__top {
        width: auto
    }
}

@media (min-width:1000px) {
    .full-cta__top {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .full-cta__top {
        width: 35%;
        max-width: -webkit-fit-content;
        max-width: fit-content
    }
}

.full-cta .button {
    margin-top: 25px;
    width: 100%;
    text-align: center;
    background: #41403F
}

.full-cta .button:hover {
    background: #5b5a58
}

@media (min-width:800px) {
    .full-cta .button {
        width: auto
    }
}

@media (min-width:1200px) {
    .full-cta .button {
        margin-left: 50px
    }
}

.extra-content__text+.interactive-points {
    margin-top: 50px
}

.interactive-points {
    position: relative;
    width: 100%;
    max-width: 820px;
    margin: 0 auto 40px auto
}

.interactive-points:after {
    display: table;
    width: 100%;
    clear: both
}

.interactive-points__image {
    width: 100%;
    position: relative
}

.interactive-points__inner-graphic {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 15px
}

@media (min-width:1200px) {
    .interactive-points__inner-graphic {
        max-width: 250px
    }
}

.interactive-points p {
    font-size: 1.8rem;
    font-weight: 600
}

.interactive-points__video-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 60px;
    height: 60px;
    margin: auto;
    background: #FFCE00;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.3s
}

.interactive-points__video-icon:hover {
    background: #2E72B4;
    cursor: pointer
}

.interactive-points__video-icon i {
    font-size: 3rem
}

.interactive-points__video {
    position: absolute;
    z-index: 3
}

.interactive-points--bifold .cd-single-point:first-of-type {
    top: 25%;
    left: 3%
}

.interactive-points--bifold .cd-single-point:nth-of-type(2) {
    bottom: 1%;
    left: 5%
}

.interactive-points--bifold .cd-single-point:nth-of-type(3) {
    bottom: 45%;
    left: 29%
}

.interactive-points--bifold .cd-single-point:nth-of-type(4) {
    top: -2%;
    right: 35%
}

.interactive-points--bifold .cd-single-point:nth-of-type(5) {
    bottom: 0;
    right: 40%
}

.interactive-points--bifold .cd-single-point:nth-of-type(6) {
    top: 13%;
    right: 0
}

.interactive-points--bifold .cd-single-point:nth-of-type(7) {
    top: 39%;
    right: 1%
}

.interactive-points--bifold .cd-single-point:nth-of-type(8) {
    top: 66%;
    right: 2.5%
}

.interactive-points--sliding-door .cd-single-point:first-of-type {
    top: 3%;
    left: 13%
}

.interactive-points--sliding-door .cd-single-point:nth-of-type(2) {
    top: 42%;
    left: 19%
}

.interactive-points--sliding-door .cd-single-point:nth-of-type(3) {
    bottom: 7%;
    left: 13%
}

.interactive-points--sliding-door .cd-single-point:nth-of-type(4) {
    bottom: 8%;
    left: 32%
}

.interactive-points--sliding-door .cd-single-point:nth-of-type(5) {
    bottom: 8%;
    left: 48%
}

.interactive-points--sliding-door .cd-single-point:nth-of-type(6) {
    bottom: 8%;
    left: 59%
}

.interactive-points--sliding-door .cd-single-point:nth-of-type(7) {
    bottom: 8%;
    left: 65%
}

.interactive-points--sliding-door .cd-single-point:nth-of-type(8) {
    bottom: 8%;
    left: 75%
}

.interactive-points--sliding-door .cd-single-point:nth-of-type(9) {
    top: 18%;
    left: 78%
}

.interactive-points--slide-and-turn .cd-single-point:first-of-type {
    top: 0;
    left: 0
}

.interactive-points--slide-and-turn .cd-single-point:nth-of-type(2) {
    top: 0;
    left: 13%
}

.interactive-points--slide-and-turn .cd-single-point:nth-of-type(3) {
    bottom: 40%;
    left: 17%
}

.interactive-points--slide-and-turn .cd-single-point:nth-of-type(4) {
    bottom: 8%;
    left: 16%
}

.interactive-points--slide-and-turn .cd-single-point:nth-of-type(5) {
    bottom: 2%;
    right: 18%
}

.interactive-points--slide-and-turn .cd-single-point:nth-of-type(6) {
    bottom: 2%;
    right: 0%
}

.interactive-points--hsw .cd-single-point:first-of-type {
    top: 30%;
    left: 24%
}

.interactive-points--hsw .cd-single-point:nth-of-type(2) {
    top: 30%;
    right: 17%
}

.interactive-points--hsw .cd-single-point:nth-of-type(3) {
    top: 50%;
    right: 18%
}

.cd-single-point {
    position: absolute;
    border-radius: 50%;
    width: inherit;
    list-style: none
}

.cd-single-point:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: transparent;
    animation: cd-pulse 2s infinite
}

@media (min-width:800px) {
    .cd-single-point:after {
        width: 40px;
        height: 40px
    }
}

.cd-single-point--visited:after {
    display: none
}

.cd-single-point--visited .cd-link--open {
    background: #2E72B4
}

.cd-single-point--active .cd-link--open {
    background: #2E72B4
}

.cd-single-point--active .cd-link--open:after,
.cd-single-point--active .cd-link--open:before {
    transform: translateX(-50%) translateY(-50%) rotate(135deg)
}

.cd-single-point--active:after {
    display: none
}

.cd-single-point--active .cd-more-info {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s
}

.cd-link {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.cd-link:hover {
    cursor: pointer;
    background: #2E72B4
}

.cd-link--open {
    position: relative;
    z-index: 2;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: inherit;
    background: #FFCE00;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: background-color 0.3s
}

@media (min-width:800px) {
    .cd-link--open {
        width: 40px;
        height: 40px
    }
}

.cd-link--open:after,
.cd-link--open:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%);
    background-color: #ffffff;
    transition-property: transform;
    transition-duration: 0.2s
}

.cd-link--open:after {
    height: 2px;
    width: 12px
}

.cd-link--open:before {
    height: 12px;
    width: 2px
}

.cd-link--close {
    position: fixed;
    top: 0;
    right: 0;
    height: 44px;
    width: 44px
}

.cd-link--close:after,
.cd-link--close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: #475f74;
    transition-property: transform;
    transition-duration: 0.2s;
    transform: 0.3s
}

.cd-link--close:after {
    height: 2px;
    width: 20px
}

.cd-link--close:before {
    height: 20px;
    width: 2px
}

.cd-link--close:hover:after,
.cd-link--close:hover:before {
    background: #fff
}

.cd-more-info {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    padding: 60px 20px 20px 20px;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 600px;
    background: rgba(255, 255, 255, 0.95);
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: scale(0.8);
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s
}

.cd-more-info:before {
    display: none
}

@media (min-width:800px) {
    .cd-more-info {
        width: calc(100% - 50px);
        left: 25px
    }
}

@media (min-width:1000px) {
    .cd-more-info {
        position: absolute;
        width: 400px;
        height: inherit;
        border-radius: 4px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
        overflow-y: visible
    }

    .cd-more-info:before {
        display: block;
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        border: 8px solid transparent
    }

    .cd-more-info--left,
    .cd-more-info--right {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%) !important
    }

    .cd-more-info--left:before,
    .cd-more-info--right:before {
        top: 50%;
        bottom: auto;
        transform: translateY(-50%)
    }

    .cd-more-info--left {
        right: 160%;
        left: auto
    }

    .cd-more-info--left:before {
        border-left-color: rgba(255, 255, 255, 0.95);
        left: 100%
    }

    .cd-more-info--right {
        left: 160%
    }

    .cd-more-info--right:before {
        border-right-color: rgba(255, 255, 255, 0.95);
        right: 100%
    }

    .cd-more-info--bottom,
    .cd-more-info--top {
        left: 50%;
        right: auto;
        transform: translateX(-50%) !important
    }

    .cd-more-info--bottom:before,
    .cd-more-info--top:before {
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }

    .cd-more-info--top {
        bottom: 160%;
        top: auto
    }

    .cd-more-info--top:before {
        border-top-color: rgba(255, 255, 255, 0.95);
        top: 100%
    }

    .cd-more-info--bottom {
        top: 160%
    }

    .cd-more-info--bottom:before {
        border-bottom-color: rgba(255, 255, 255, 0.95);
        bottom: 100%
    }
}

@keyframes cd-pulse {
    0% {
        transform: scale(1);
        box-shadow: inset 0 0 1px 1px rgba(255, 206, 0, 0.8)
    }

    50% {
        box-shadow: inset 0 0 1px 1px rgba(255, 206, 0, 0.8)
    }

    to {
        transform: scale(1.6);
        box-shadow: inset 0 0 1px 1px rgba(255, 206, 0, 0)
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: none;
    border: none;
    padding: 0px 0 10px 0 !important;
    font: inherit;
    font-size: 5rem;
    background: rgba(255, 206, 0, 0.8);
    line-height: 30px;
    color: #fff;
    transition: 0.5s
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel button.owl-dot:hover {
    background: #ffce00
}

.owl-carousel button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    border-radius: 0px;
    outline: none
}

.owl-carousel button.owl-next {
    right: 0
}

.owl-carousel button.owl-prev {
    left: 0
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.overlay {
    visibility: hidden;
    transform: translateY(60%) scale(0);
    transition: transform 0.4s, visibility 0s 0.4s
}

.overlay-active {
    visibility: visible;
    transform: translateY(0%) scale(1);
    transition: transform 0.4s
}

.overlay {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background: rgba(30, 30, 30, 0.92);
    overflow: scroll
}

.overlay__container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 130px 20px 70px 20px
}

.overlay__container:after {
    content: "";
    width: 100%;
    display: inline-block
}

.overlay__inner {
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 30px;
    text-align: center;
    background: #fff;
    border-radius: 10px
}

@media (min-width:800px) {
    .overlay__inner p {
        width: 80%
    }
}

.overlay a:not(.overlay-close) {
    color: #fff
}

.overlay a:not(.overlay-close):hover {
    opacity: 0.7
}

.overlay-close {
    position: fixed;
    right: 30px;
    top: 30px;
    padding: 1rem 2rem;
    font-size: 2rem;
    text-decoration: none;
    color: #fff;
    background: none;
    outline: none;
    z-index: 10000;
    cursor: pointer;
    transition: 0.3s
}

.overlay-close i {
    margin-left: 0.5rem
}

.overlay-close:hover {
    background: #2965a0
}

.dproducts--display {
    padding: 80px 20px
}

.dproducts--display .dproducts__list-item {
    width: 100%;
    margin: 15px 0;
    font-size: 1.7rem;
    font-weight: 700
}

@media (min-width:600px) {
    .dproducts--display .dproducts__list-item {
        width: auto;
        margin-right: 50px;
        font-size: 1.9rem
    }
}

@media (min-width:1000px) {
    .dproducts--display .dproducts__list-item {
        width: auto;
        margin-right: 70px
    }
}

.dproducts--display+.dproducts--supplied {
    margin-top: 60px
}

.dproducts--supplied .dproducts__list-item {
    width: 100%;
    margin: 10px 0
}

@media (min-width:600px) {
    .dproducts--supplied .dproducts__list-item {
        width: 50%;
        padding-right: 30px
    }
}

@media (min-width:800px) {
    .dproducts--supplied .dproducts__list-item {
        width: 33%;
        margin: 15px 0
    }
}

@media (min-width:1200px) {
    .dproducts--supplied .dproducts__list-item {
        width: 25%
    }
}

.dproducts--supplied .dproducts__list-item:before {
    justify-content: center;
    min-width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 4px solid #FFCE00
}

.dproducts__list {
    margin-top: 20px
}

.dproducts__list-item {
    display: flex;
    align-items: center;
    font-size: 1.7rem;
    font-weight: 600;
    list-style: none
}

.dproducts__list-item:before {
    font: normal normal normal 14px/1 FontAwesome;
    display: flex;
    align-items: center;
    margin-right: 25px;
    color: #FFCE00;
    text-align: center;
    font-size: 2rem;
    content: ""
}

.dproducts__list-item a {
    color: #2E72B4
}

.dproducts__list-item a:hover {
    opacity: 0.8
}

.bg-light-grey {
    background: #FAFAFA
}

.product-items-wrap.container {
    margin-top: 30px
}

@media (min-width:1000px) {
    .product-items-wrap.container {
        margin-top: 80px
    }
}

.products {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.products__item {
    width: 100%
}

@media (min-width:800px) {
    .products__item {
        width: 49%
    }

    .products__item:nth-of-type(odd) {
        margin-right: 2%
    }
}

@media (min-width:1000px) {
    .products__item {
        width: 32%;
        margin-right: 2% !important
    }

    .products__item:nth-of-type(3n) {
        margin-right: 0 !important
    }
}

.products__text {
    display: block
}

.products--items {
    max-width: 1400px;
    margin: 0 auto;
    padding: 30px 20px
}

.products--items .products__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0
}

@media (min-width:800px) {
    .products--items .products__item {
        margin: 30px 0
    }

    .products--items .products__item:nth-of-type(odd) {
        margin-right: 2%
    }
}

@media (min-width:1000px) {
    .products--items .products__item:nth-of-type(-n+3) {
        margin-top: -50px
    }
}

.products--items .products__image {
    display: block;
    width: 20%;
    max-width: 200px;
    margin-right: 1%
}

@media (min-width:800px) {
    .products--items .products__image {
        width: auto;
        height: 155px;
        margin: 0 auto 20px auto
    }
}

.products--items .products__image img {
    width: 100%
}

@media (min-width:800px) {
    .products--items .products__image img {
        width: auto;
        height: 100%
    }
}

.products--items .products__text {
    width: 79%;
    padding: 0 25px
}

@media (min-width:800px) {
    .products--items .products__text {
        width: 100%;
        padding: 0 50px;
        text-align: center
    }
}

.products--items .products__heading {
    margin-bottom: 15px;
    font-size: 1.8rem
}

@media (min-width:800px) {
    .products--track-options .products__image {
        height: auto;
        max-width: 100%
    }

    .products--track-options .products__image img {
        width: 100%;
        height: auto
    }
}

.products--buckets {
    margin-top: 20px
}

.products--buckets .products__item {
    margin: 10px 0;
    background: #FAFAFA
}

.products--buckets .products__image {
    display: block;
    width: 100%;
    height: 280px
}

.products--buckets .products__text {
    padding: 33.3333333333px
}

@media (min-width:1200px) {
    .products--buckets .products__text {
        padding: 50px
    }
}

.products--buckets .products__text p:last-of-type {
    margin-bottom: 20px !important
}

.products--buckets .products__text ul li {
    position: relative;
    margin: 10px 0;
    padding-left: 30px;
    list-style: none
}

.products--buckets .products__text ul li:before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    padding-right: 5px;
    font-family: FontAwesome;
    content: "";
    color: #FFCE00
}

.products--buckets .products__download {
    margin: 5px 13px 0 0;
    font-size: 1.8rem;
    font-weight: 600;
    color: #2E72B4
}

@media (min-width:1000px) {
    .products--buckets .products__download {
        margin-right: 20px
    }
}

.products--buckets .products__download i {
    margin-right: 5px
}

.products--buckets .products__download:hover {
    opacity: 0.7
}

.products--buckets .products__heading {
    color: #2E72B4
}

.products--buckets .products__heading span {
    display: block;
    font-size: 2rem
}

.product-gallery {
    margin-top: 50px
}

.product-gallery__image {
    padding: 20px
}

.project-carousel {
    overflow: hidden;
    text-align: center
}

.project-carousel__title {
    margin-top: 25px
}

@media (min-width:800px) {
    .project-carousel__title {
        margin-top: 0;
        text-align: right
    }
}

.project-carousel__title.animation-in:before {
    padding-right: 0
}

.project-carousel__title.animation-out:before {
    padding-right: 100px
}

.project-carousel .owl-item {
    transition: 0.5s
}

.project-carousel .owl-item:hover {
    opacity: 0.8
}

.project-carousel img {
    width: 100%;
    height: 200px;
    object-fit: cover
}

@media (min-width:1000px) {
    .project-carousel img {
        height: 250px
    }
}

@media (min-width:1200px) {
    .project-carousel img {
        height: 300px
    }
}

.project-carousel .button {
    margin: 20px auto 0 auto
}

.profile {
    width: 100%;
    margin: 5px 0;
    padding: 40px 30px;
    text-align: center;
    border: 1px solid rgba(196, 196, 196, 0.5)
}

@media (min-width:800px) {
    .profile {
        width: 49%;
        margin-right: 1%
    }

    .profile:nth-of-type(2n) {
        margin-right: 0
    }

    .profile:nth-of-type(-n+2) {
        margin-top: 0
    }
}

@media (min-width:1000px) {
    .profile {
        width: 32%;
        margin-right: 1.5% !important;
        padding: 50px
    }

    .profile:nth-of-type(3n) {
        margin-right: 0 !important
    }

    .profile:nth-of-type(-n+3) {
        margin-top: 0
    }
}

.profile__heading {
    font-size: 2rem;
    font-weight: 700;
    color: #2E72B4
}

.profile__position {
    margin-bottom: 20px;
    font-size: 1.8rem;
    font-weight: 700
}

.profile__image {
    width: 100%;
    max-width: 135px;
    margin-bottom: 20px;
    border-radius: 100%
}

.testimonial-carousel {
    padding: 0 50px
}

.testimonial {
    width: 100%;
    padding: 40px 30px;
    text-align: center;
    border: 1px solid rgba(196, 196, 196, 0.5)
}

@media (min-width:800px) {
    .testimonial {
        padding: 50px
    }
}

.testimonial__heading {
    margin-bottom: 15px;
    font-size: 2.3rem;
    font-weight: 700
}

.testimonial__client,
.testimonial__content {
    text-align: left
}

.testimonial__content p {
    font-size: 1.8rem
}

.testimonial .fa-star {
    margin: 0 3px;
    font-size: 2rem;
    color: #FFCE00
}

.testimonial .read-more {
    text-align: left;
    color: #2E72B4
}

.site-links {
    float: left;
    width: 100%
}

.site-links__block {
    width: 100%;
    margin: 5px 0;
    padding: 10px 30px 30px 30px;
    color: #fff;
    background: #2E72B4
}

@media (min-width:600px) {
    .site-links__block {
        padding: 20px 40px 40px 40px
    }
}

@media (min-width:800px) {
    .site-links__block {
        width: 49%
    }
}

.site-links__block:last-of-type {
    background: #41403F
}

.site-links__heading {
    margin-bottom: 15px
}

.site-links__link {
    display: block;
    margin-top: 15px;
    font-size: 2rem;
    font-weight: 600
}

.site-links p {
    margin: 20px 0;
    font-size: 1.7rem
}

.site-links p:last-of-type {
    margin-bottom: 0
}

.site-links a {
    color: #FFCE00
}

.site-links a:hover {
    opacity: 0.7
}

.specifications {
    position: relative;
    width: 100%;
    padding: 50px 0;
    background: #FAFAFA
}

@media (min-width:1200px) {
    .specifications {
        padding: 75px 0
    }
}

.specifications__header:not(:first-of-type) {
    padding: 25px;
    font-size: 2.3rem;
    color: #fff;
    background: #2E72B4;
    border: 4px solid #FAFAFA
}

.specifications__text {
    margin-bottom: 35px
}

.specifications__table-wrap {
    overflow-x: auto
}

.specifications__table {
    width: 100%
}

.specifications__item {
    padding: 16.6666666667px;
    font-size: 1.8rem;
    background: #fff;
    border: 4px solid #FAFAFA
}

.specifications__item:first-of-type {
    font-weight: 700
}

@media (min-width:600px) {
    .specifications__overlay {
        position: absolute;
        bottom: 0;
        z-index: 2;
        width: 100%;
        height: 50%;
        background: linear-gradient(rgba(250, 250, 250, 0), #FAFAFA)
    }
}

.specifications__expand {
    display: block;
    position: relative;
    z-index: 3;
    margin-top: 25px;
    font-weight: 700;
    font-size: 1.9rem;
    text-transform: uppercase;
    text-align: center;
    color: #41403F;
    transition: 0.3s
}

.specifications__expand i {
    color: #2E72B4
}

.specifications__expand:hover {
    opacity: 0.7
}

.specifications tbody>tr {
    display: none
}

.specifications tbody>tr:nth-child(-n+5) {
    display: table-row
}

.social i {
    margin: 10px 15px 0 0;
    font-size: 2.5rem;
    transition: 0.3s
}

.social i:hover {
    opacity: 0.7
}

.social .fa-facebook {
    color: #3b5998
}

.social .fa-twitter {
    color: #00acee
}

.social .fa-instagram {
    color: #3f729b
}

.social .fa-linkedin {
    color: #0072b1
}

.social .fa-pinterest {
    color: #c8232c
}

.social .fa-youtube {
    color: #c4302b
}

.social .fa-houzz {
    color: #73ba37
}

.usps {
    padding: 25px 0;
    border: 1px solid #FFCE00;
    box-shadow: 5px 10px 10px #eee;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 25px auto !important;
    align-items: center
}

.usps.animation-in .usps__item:first-child i {
    opacity: 1
}

.usps.animation-in .usps__item:nth-child(2) i {
    transition-delay: 0.25s;
    opacity: 1
}

.usps.animation-in .usps__item:nth-child(3) i {
    opacity: 1;
    transition-delay: 0.5s
}

.usps.animation-out .usps__item:first-child i {
    opacity: 0
}

.usps.animation-out .usps__item:nth-child(2) i {
    opacity: 0
}

.usps.animation-out .usps__item:nth-child(3) i {
    opacity: 0
}

.usps .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap
}

@media (min-width:1000px) {
    .usps .container {
        flex-flow: row
    }
}

.usps__item {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 12.5px
}

@media (min-width:800px) {
    .usps__item {
        width: calc(50% - 25px)
    }
}

@media (min-width:1000px) {
    .usps__item {
        width: auto
    }
}

.usps p {
    margin-left: 25px;
    font-weight: 600;
    transition: 0.5s
}

@media (min-width:800px) {
    .usps p {
        width: 100%;
        max-width: 260px
    }
}

.usps i {
    font-family: FontAwesome;
    display: flex;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50px;
    font-size: 2rem;
    align-items: center;
    border: 4px solid #FFCE00;
    justify-content: center;
    font-style: normal;
    color: #FFCE00;
    transition: 0.5s
}

.usps i:before {
    content: "";
    width: 18px;
    text-align: right
}

.video {
    width: 100%;
    margin-bottom: 5px
}

@media (min-width:600px) {
    .video {
        width: 49%;
        margin-right: 1%
    }
}

@media (min-width:1000px) {
    .video {
        width: 32%;
        margin-right: 1%
    }
}

.video iframe {
    width: 100%;
    height: auto;
    border: none
}

.wcu {
    margin: 0 auto 25px auto;
    padding: 25px 0;
    box-shadow: 5px 10px 10px #eee;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center
}

.wcu .container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap
}

@media (min-width:1000px) {
    .wcu .container {
        flex-flow: row
    }
}

.wcu__item {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 12.5px 0;
    margin-top: 30px;
}

@media (min-width:800px) {
    .wcu__item {
        width: calc(50% - 25px)
    }
}

@media (min-width:1000px) {
    .wcu__item {
        width: auto
    }
}

@media (min-width:1200px) {
    .wcu__item {
        margin: 30px 50px;
    }
}

@media (min-width:1600px) {
    .wcu__item {
        margin: 40px 150px 12.5px 0
    }

    .wcu__item:last-of-type {
        margin-right: 0
    }
}

@media only screen and (min-width:1700px) {
    .wcu__item {
        margin: 40px 200px 12.5px 0;
    }
}

.wcu__text {
    margin-left: 25px;
    font-weight: 700;
    transition: 0.5s
}

@media (min-width:800px) {
    .wcu__text {
        width: 100%;
        max-width: 260px
    }
}

@media (min-width:1200px) {
    .wcu__text {
        font-size: 1.8rem
    }
}

.wcu i {
    font-family: FontAwesome;
    display: flex;
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50px;
    font-size: 2rem;
    align-items: center;
    border: 4px solid #FFCE00;
    justify-content: center;
    font-style: normal;
    color: #FFCE00;
    transition: 0.5s
}

.wcu i:before {
    content: "";
    width: 18px;
    text-align: right
}

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg")
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source-sans-pro/sourcesanspro-regular-webfont.eot");
    src: url("../fonts/source-sans-pro/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2") format("woff2"), url("../fonts/source-sans-pro/sourcesanspro-regular-webfont.woff") format("woff"), url("../fonts/source-sans-pro/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../fonts/source-sans-pro/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source-sans-pro/sourcesanspro-semibold-webfont.eot");
    src: url("../fonts/source-sans-pro/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff2") format("woff2"), url("../fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff") format("woff"), url("../fonts/source-sans-pro/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("../fonts/source-sans-pro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg");
    font-weight: 600;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Source Sans Pro";
    src: url("../fonts/source-sans-pro/sourcesanspro-bold-webfont.eot");
    src: url("../fonts/source-sans-pro/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2") format("woff2"), url("../fonts/source-sans-pro/sourcesanspro-bold-webfont.woff") format("woff"), url("../fonts/source-sans-pro/sourcesanspro-bold-webfont.ttf") format("truetype"), url("../fonts/source-sans-pro/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg");
    font-weight: 700;
    font-display: swap;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    transform: translate(0, 0)
}

.check-icon:before {
    content: ""
}

.user-icon:before {
    content: ""
}

.live-chat:before {
    content: ""
}

.play:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-mail:before {
    content: ""
}

.underground:before {
    content: ""
}

.tick:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.location:before {
    content: ""
}

.arrow-left-alt:before {
    content: ""
}

.arrow-left:before {
    content: ""
}

.arrow-right:before {
    content: ""
}

.arrow-down:before,
.fa-angle-down:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-linked:before {
    content: ""
}

.fa-pdf:before {
    content: ""
}

.fa-times:before {
    content: ""
}

.fa-question:before {
    content: ""
}

@keyframes slidein {
    0% {
        opacity: 0;
        padding-left: 100px
    }

    to {
        padding-left: 0;
        opacity: 0.3
    }
}

@keyframes slideinfaint {
    0% {
        opacity: 0;
        padding-left: 100px
    }

    to {
        padding-left: 0;
        opacity: 0.05
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes backgroundfade {
    0% {
        width: 100%
    }

    to {
        width: 100px
    }
}

.site-content {
    padding: 20px
}

.site-content:after {
    content: "";
    display: block;
    clear: both
}

.site-content--404 {
    margin: 30px 0 70px 0;
    text-align: center
}

.copy--mw-1000 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

.copy--mw-1000 p {
    max-width: 900px
}

.copy h1,
.copy h2 {
    margin-top: 0;
    margin-bottom: 25px
}

.copy h1 span,
.copy h2 span {
    color: #2E72B4
}

.copy a:not(.button) {
    color: #2E72B4
}

.copy a:not(.button):hover {
    opacity: 0.7
}

.copy p {
    margin: 20px 0;
    font-size: 1.7rem
}

.copy p:first-of-type {
    margin-top: 0;
    font-size: 1.8rem;
    font-weight: 600
}

.copy p:last-of-type {
    margin-bottom: 0
}

.copy p+.btn {
    margin-top: 20px
}

.copy p+h2,
.copy p+h3 {
    margin-top: 30px
}

.copy ul {
    list-style: none;
    margin: 25px 0
}

.copy ul li {
    position: relative;
    margin: 10px 0;
    padding-left: 30px;
    font-size: 1.7rem
}

.copy ul li:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    padding-right: 5px;
    font-family: FontAwesome;
    content: "";
    color: #FFCE00
}

.copy ol {
    margin-left: 10px
}

.copy iframe {
    width: 100%;
    border: none
}

@media (min-width:1000px) {
    .copy--installers {
        width: 50%;
        padding-right: 50px
    }
}

.copy--installers img {
    display: block;
    max-width: auto;
    width: 100%;
    height: auto;
    margin: 10px 0
}

@media (min-width:480px) {
    .copy--installers img {
        width: auto
    }

    .copy--installers .alignleft {
        float: left;
        margin: 10px 10px 10px 0
    }

    .copy--installers .aligncenter {
        clear: both;
        margin: 0 auto
    }

    .copy--installers .alignright {
        float: right;
        margin: 10px 0 10px 20px
    }
}

.sidebar-map iframe {
    width: 100%;
    height: 300px;
    margin-top: 12px;
}

.note p {
    max-width: 900px;
    margin: 30px auto 20px auto;
    font-size: 1.55rem;
    line-height: 1.6;
    opacity: 0.8
}

.note .button {
    display: table;
    margin: 0 auto
}

.footer {
    margin: 25px auto !important;
    background: #FAFAFA
}

@media (min-width:1200px) {
    .footer {
        margin: 50px auto !important
    }
}

.footer a {
    color: #41403F
}

.footer a:hover {
    color: #757371
}

.footer h6 {
    margin-bottom: 25px
}

.footer ul {
    list-style: none
}

.footer li {
    display: block
}

.footer li.menu-item-734 {
    display: none
}

.footer img {
    max-width: 100%
}

.footer__top {
    display: flex;
    align-items: flex-start;
    padding: 50px 0
}

.footer__sitemap {
    display: none
}

@media (min-width:800px) {
    .footer__sitemap {
        display: block;
        width: 25%
    }
}

.footer__sitemap ul {
    display: flex;
    flex-flow: column wrap
}

.footer__sitemap li {
    display: flex;
    width: 50%;
    margin: 3.125px 0
}

.footer__contact {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%
}

@media (min-width:800px) {
    .footer__contact {
        width: 50%
    }
}

.footer__contact h6 {
    width: 100%
}

.footer__contact__list {
    width: 100%
}

@media (min-width:1000px) {
    .footer__contact__list {
        width: calc(50% - 25px)
    }
}

.footer__contact__list li {
    display: flex;
    margin: 12.5px 0
}

.footer__contact__list li:first-of-type {
    margin-top: 0
}

.footer__contact__list li:last-of-type {
    margin-bottom: 0
}

.footer__contact__list span {
    display: block
}

.footer__contact__list a {
    font-weight: 600
}

.footer__contact__list i {
    margin-top: 5px;
    margin-right: 25px;
    color: #FFCE00;
    min-width: 20px
}

.footer__contact__find {
    width: 100%;
    margin-top: 25px
}

@media (min-width:1000px) {
    .footer__contact__find {
        margin-top: 0;
        width: calc(50% - 25px)
    }
}

.footer__contact__find .form-field {
    width: 100%;
    margin: 3px 0
}

@media (min-width:600px) {
    .footer__contact__find .form-field {
        width: 48%;
        margin-right: 1%
    }
}

@media (min-width:1000px) {
    .footer__contact__find .form-field {
        width: 100%
    }
}

.footer__contact__find form {
    display: flex;
    flex-wrap: wrap;
    max-width: 368px
}

.footer__contact__find button,
.footer__contact__find input,
.footer__contact__find select {
    border: 0;
    border-radius: 0;
    padding: 12.5px 16.6666666667px
}

.footer__contact__find input,
.footer__contact__find select {
    width: 100%;
    border: 1px solid #d9d9d9
}

.footer__contact__find input::placeholder,
.footer__contact__find select::placeholder {
    color: #c0c0bf
}

.footer__contact__find button {
    display: flex;
    align-items: center;
    background: #FFCE00;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

.footer__contact__find button:hover {
    background: #cca500
}

.footer__contact__find button:after {
    content: "";
    font: 1em/1 FontAwesome;
    margin-left: 12.5px
}

.footer__contact__social {
    margin-top: 25px
}

.footer__contact__social i {
    margin-right: 25px
}

.footer__copyright {
    background: #41403F;
    padding: 25px 0;
    color: #e6e6e6;
    text-align: center
}

@media (min-width:600px) {
    .footer__copyright {
        text-align: left
    }
}

.footer__copyright__text p:last-of-type {
    color: #aeaeae
}

.footer__copyright span {
    font-weight: 600
}

.footer__copyright .container {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between
}

@media (min-width:600px) {
    .footer__copyright .container {
        flex-flow: row
    }
}

.footer__copyright a {
    color: #FFCE00;
    width: 100%;
    margin-top: 12.5px
}

@media (min-width:600px) {
    .footer__copyright a {
        width: auto;
        margin-top: 0;
        margin-left: 12.5px
    }
}

.footer__copyright img {
    display: inline-block;
    max-width: 100px
}

#wp-notification {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    display: none;
    color: #2d3436;
    background: #ffeaa7
}

#wp-notification.open {
    display: block
}

.wp-notification-container {
    margin: 0 auto;
    color: #2d3436;
    max-width: 1280px;
    text-align: center;
    padding: 10px
}

.wp-notification-container p {
    margin: 0
}

.wp-notification-container a {
    display: block;
    text-decoration: underline;
    margin-top: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    color: #2d3436
}

.wp-notification-container a:hover {
    text-decoration: none
}

#wp-notification-toggle {
    display: block;
    margin-top: 10px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer
}

#wp-notification-toggle:hover {
    opacity: 0.8
}

@media (min-width:800px) {

    #wp-notification-toggle,
    .wp-notification-container a {
        display: inline-block;
        margin-left: 10px;
        margin-top: 0
    }
}

.nf-form-content {
    overflow: hidden
}

nf-fields-wrap {
    overflow: hidden
}

.nf-form-fields-required {
    color: red
}

.ninja-forms-field {
    padding: 0.5rem
}

.distributor-form {
    padding: 30px 0;
    background: #eee
}

.distributor-form__inner {
    position: relative;
    padding: 50px 0;
    width: calc(100% - 50px);
    max-width: 1200px;
    margin: 0 auto;
    text-align: center
}

.distributor-form__left {
    width: 100% !important;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

@media (min-width:800px) {
    .distributor-form__left {
        width: calc(50% - 12.5px) !important;
        margin-right: 12.5px
    }
}

/* .distributor-form label {
    display: block;
    font-weight: 700;
    margin: 12.5px 0
} */

/* .distributor-form input,
.distributor-form select,
.distributor-form textarea {
    display: block;
    background: #FAFAFA;
    border: 0;
    padding: 12.5px;
    width: 100% !important
} */

/* .distributor-form textarea {
    height: 150px !important
} */

/* .distributor-form textarea.measurements {
    height: 80px !important
} */

/* .distributor-form input[type=button] {
    max-width: 300px;
    margin: 0 auto;
    background: #FFCE00;
    color: #fff;
    padding: 20px 25px;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 700;
    transition: 0.5s;
    border: 0
} */

/* .distributor-form input[type=button]:hover {
    background: #cca500
} */

.distributor-form h3 {
    font-weight: 700;
    font-size: 2.8rem;
    margin-bottom: 25px
}

.distributor-form h3 span {
    color: #2E72B4
}

.homepage__container--additional-content {
    max-width: 1462px
}

.homepage__container+.features {
    margin-top: 50px
}

.homepage__header {
    display: none
}

@media (min-width:1000px) {
    .homepage__header {
        display: block;
        font-size: 24rem;
        line-height: 1;
        margin-top: -9rem;
        color: #fff;
        opacity: 0.3;
        height: 9rem;
        overflow: hidden;
        animation: slidein 2s forwards
    }
}

.homepage__content {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center
}

.homepage__content h1 {
    margin-top: 0
}

.homepage__content--top {
    margin: 80px 0 25px
}

@media (min-width:800px) {
    .homepage__content--top {
        margin-top: 60px
    }
}

.homepage__text {
    width: 100%
}

@media (min-width:1000px) {
    .homepage__text {
        width: calc(70% - 50px)
    }
}

@media (min-width:1400px) {
    .homepage__text {
        padding: 50px 75px 50px 25px
    }

    .homepage__text--intro {
        padding: 50px 75px 50px 210px
    }
}

.homepage__sidebar {
    margin-top: 50px;
    width: 100%
}

@media (min-width:1000px) {
    .homepage__sidebar {
        margin-top: 0;
        width: calc(33.33% - 50px)
    }
}

.homepage__sidebar img {
    display: block;
    width: 100%;
    max-height: 350px;
    object-fit: cover
}

@media (min-width:1000px) {
    .homepage__sidebar img {
        max-height: initial
    }
}

.homepage__products {
    overflow: hidden;
    margin-top: 50px
}

@media (min-width:800px) {
    .homepage__products {
        margin: 100px 0 0
    }
}

.homepage__products__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-top: 100px
}

.homepage__products__item {
    position: relative;
    width: 100%;
    padding: 0 25px 50px 25px;
    text-align: center
}

@media (min-width:600px) {
    .homepage__products__item {
        width: 50%
    }
}

@media (min-width:1000px) {
    .homepage__products__item {
        padding: 0 50px 100px 50px;
        width: 33.33%
    }
}

.homepage__products__item:first-child:before,
.homepage__products__item:nth-child(3):before,
.homepage__products__item:nth-child(5):before {
    position: absolute;
    content: "";
    background: #FAFAFA;
    top: 0;
    left: -2000px;
    right: -2000px;
    bottom: 0;
    z-index: -1
}

@media (min-width:600px) {
    .homepage__products__item:nth-child(3):before {
        display: none
    }
}

@media (min-width:1000px) {
    .homepage__products__item:nth-child(5):before {
        display: none
    }
}

.homepage__products__content, .homepage__blog__content {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 33.3333333333px
}

@media (min-width:800px) {
    .homepage__products__content__intro {
        width: calc(50% - 25px)
    }
}

.homepage__products__content__intro p {
    font-size: 2.4rem;
    font-weight: 600
}

@media (min-width:600px) {
    .homepage__products__content__intro p {
        font-size: 3rem
    }
}

.homepage__products__content__text {
    margin-top: 25px
}

@media (min-width:800px) {
    .homepage__products__content__text {
        margin-top: 0;
        width: calc(50% - 50px)
    }
}

.homepage__products__content__text p {
    margin: 25px 0;
    line-height: 1.8;
    font-size: 1.6rem
}

.homepage__products__content__text p:first-of-type {
    margin-top: 0
}

.homepage__products__content__text p:last-of-type {
    margin-bottom: 0
}

.homepage__products h4 {
    margin: 25px 0;
    color: #2E72B4
}

@media (min-width:1200px) {
    .homepage__products h4 {
        font-size: 2.3rem
    }
}

.homepage__products .button {
    color: #41403F
}

.homepage__products .button:hover {
    color: #2E72B4
}

.homepage__products .button:after {
    color: #FFCE00
}

.homepage__products img {
    margin-top: -40px;
    max-height: 80px;
    max-width: 120px;
    object-fit: contain
}

@media (min-width:800px) {
    .homepage__products img {
        height: 80px;
        max-width: 180px
    }
}

.animated-heading {
    position: relative;
    height: 50px;
    font-size: 6rem
}

@media (min-width:800px) {
    .animated-heading {
        font-size: 15rem;
        height: 124px
    }
}

.animated-heading--home-products {
    height: inherit;
    padding-top: 50px
}

@media (min-width:600px) {
    .animated-heading--home-products {
        padding-top: 90px
    }
}

@media (min-width:1400px) {
    .animated-heading--home-products {
        padding-top: 100px
    }
}

.animated-heading--home-blog {
    height: inherit;
    padding-top: 50px
}

@media (min-width:600px) {
    .animated-heading--home-blog {
        padding-top: 90px
    }
}

@media (min-width:1400px) {
    .animated-heading--home-blog {
        padding-top: 100px
    }
}

@media (min-width:800px) {
    .animated-heading--projects-carousel {
        padding-top: 120px;
        text-align: right
    }
}

@media (min-width:1400px) {
    .animated-heading--projects-carousel {
        padding-top: 165px;
        font-size: 20rem
    }
}

@media (min-width:1000px) {
    .animated-heading--colours {
        font-size: 15rem
    }
}

.animated-heading__inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    font-weight: 600;
    line-height: 1;
    z-index: -10;
    opacity: 0.07;
    text-transform: uppercase;
    transition: 2s
}

.animated-heading.animation-in .animated-heading__inner {
    padding-left: 0;
    /* margin-left: -7px; */
}

.animated-heading.animation-out .animated-heading__inner {
    padding-left: 100px
}

.animated-heading+.extra-content__marg,
.animated-heading+.extra-content__wrap {
    margin-top: 0px !important
}

@media (min-width:1000px) {

    .animated-heading+.extra-content__marg,
    .animated-heading+.extra-content__wrap {
        margin-top: 20px !important
    }
}

.content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto 25px auto !important
}

.content--order .content__text {
    order: 2;
    justify-content: flex-start
}

@media (min-width:1000px) {
    .content--order .content__text__inner {
        padding: 25px 0 25px 50px
    }
}

.content--order .content__image {
    order: 1
}

@media (min-width:1000px) {
    .content--order .content__image {
        margin-left: 0;
        margin-right: 50px
    }
}

.content__text {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center
}

@media (min-width:1000px) {
    .content__text {
        width: 50%
    }
}

.content__text__inner {
    width: 100%
}

@media (min-width:1000px) {
    .content__text__inner {
        max-width: 700px;
        padding: 25px 50px 25px 0
    }
}

.content__text--full {
    width: 100%
}

.content__text--full .content__text__inner {
    max-width: 1000px;
    margin: 0 auto
}

.content__sidebar {
    margin-top: 30px
}

@media (min-width:1000px) {
    .content__sidebar {
        margin-left: 50px;
        width: calc(50% - 50px)
    }
}

.content__image {
    position: relative;
    width: 100%
}

.content__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.content__accreditations {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 50px 25px 25px 25px;
    background: #FAFAFA;
    margin: 75px 0 50px 0
}

@media (min-width:1000px) {
    .content__accreditations {
        margin-bottom: 0
    }
}

.content__accreditations__title {
    width: 100%;
    text-align: center;
    margin-top: -75px
}

.content__accreditations__title h3 {
    background: #2E72B4;
    display: inline-block;
    padding: 12.5px 50px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.8rem
}

.content__accreditations img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    max-height: 70px
}

.content__accreditations__image {
    width: calc(25% - 25px);
    text-align: center;
    margin: 12.5px
}

@media (min-width:800px) {
    .content__accreditations__image {
        width: calc(25% - 50px);
        margin: 25px
    }
}

.extra-content {
    overflow: hidden
}

.extra-content:after {
    display: table;
    width: 100%;
    clear: both;
    content: ""
}

.extra-content__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 60px auto !important
}

.extra-content__marg {
    /* margin: 30px auto !important; */
    /* float: left; */
    width: 100%
}

.extra-content__marg--bg {
    padding: 50px 0;
    background: #FAFAFA
}

.extra-content__flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.extra-content__bg {
    padding: 30px 20px;
    background: #FAFAFA
}

.extra-content__col {
    width: 100%
}

@media (min-width:1000px) {
    .extra-content__col--split {
        width: 47.5%
    }
}

@media (min-width:1000px) {
    .extra-content__col--left {
        order: -1
    }
}

@media (min-width:1000px) {
    .extra-content__col--text-left .extra-content__text {
        max-width: 660px;
        margin-left: auto
    }
}

.extra-content__col--full .extra-content__text {
    max-width: 900px
}

.extra-content__col+.extra-content__col {
    margin-top: 25px
}

@media (min-width:1000px) {
    .extra-content__col+.extra-content__col {
        margin: 0
    }
}

.extra-content__col img {
    width: 100%;
    height: auto;
    max-width: -webkit-fit-content;
    max-width: fit-content
}

@media (min-width:600px) {
    .extra-content__col img.right {
        float: right
    }

    .extra-content__col img.right.locking {
        margin-top: -50px
    }
}

.extra-content__mw {
    max-width: 1600px
}

.extra-content__intro-text {
    max-width: 670px
}

.extra-content__heading {
    width: 100%;
    margin-bottom: 25px
}

@media (min-width:1000px) {
    .extra-content__heading {
        font-size: 3.8rem
    }
}

.extra-content__text {
    width: 100%
}

@media (min-width:1000px) {
    .extra-content__list--padding {
        padding: 0 50px
    }
}

@media (min-width:1400px) {
    .extra-content__list--padding {
        padding: 0 100px
    }
}

@media (min-width:800px) {
    .extra-content__list--split .extra-content__list-item {
        width: 50%;
        padding-right: 100px
    }
}

.extra-content__list-item {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 25px 0;
    font-size: 1.7rem;
    font-weight: 600;
    list-style: none
}

@media (min-width:800px) {
    .extra-content__list-item {
        margin: 25px 0
    }
}

.extra-content__list-item:before {
    font: normal normal normal 14px/1 FontAwesome;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 50px;
    height: 50px;
    margin-right: 25px;
    border-radius: 50px;
    border: 4px solid #FFCE00;
    color: #FFCE00;
    text-align: center;
    font-size: 2rem;
    content: ""
}

.extra-content__image--colours {
    display: none
}

@media (min-width:1000px) {
    .extra-content__image--colours {
        display: block;
        width: 100%
    }
}

.extra-content__images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.extra-content__image {
    /* display: inline-block */
}

.extra-content__images--1 picture {
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: fit-content
}

.extra-content__images--2 picture {
    width: 48%
}

.extra-content__images .extra-content__images--2 picture {
    width: 48%;
}

@media (min-width:1000px) {
    .extra-content__images--2 picture {
        width: 100%;
        margin: 33.3333333333px 0
    }

    .extra-content__images--2 img:last-of-type {
        display: none
    }
}

@media (min-width:1000px) and (min-width:1200px) {
    .extra-content__images--2 img:last-of-type {
        display: block
    }
}

@media (min-width:1200px) {
    .extra-content__images--2 picture {
        width: 48%
    }
}

.extra-content__image-wrap {
    margin-top: 20px
}

@media (min-width:480px) {
    .extra-content__image-wrap {
        width: 48%;
        margin: 0
    }
}

.extra-content__image-wrap img {
    width: 100%
}

.extra-content__image-wrap p {
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    color: #2E72B4
}

.extra-content__text+.colour-options {
    margin-top: 20px
}

.colour-options+.colour-options .colour-options__heading {
    margin-top: 20px
}

.colour-options__heading {
    font-size: 2rem;
    font-weight: 600
}

.colour-options__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.colour-options__item {
    width: 100%;
    margin: 10px 0
}

@media only screen and (min-width:380px) and (max-width:599px) {
    .colour-options__item {
        width: 48%;
        margin-right: 2%
    }

    .colour-options__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media (min-width:600px) {
    .colour-options__item {
        width: 31.5%;
        margin-right: 1%
    }

    .colour-options__item:nth-of-type(3n) {
        margin-right: 0
    }
}

.colour-options__image {
    width: 100%;
    max-width: 100% !important
}

.colour-options__text {
    display: block;
    width: 100%;
    margin-top: 3px;
    font-size: 1.5rem
}

.colour-options--full {
    margin-top: 20px
}

@media only screen and (min-width:480px) and (max-width:799px) {
    .colour-options--full .colour-options__item {
        width: 23%;
        margin-right: 1%
    }

    .colour-options--full .colour-options__item:nth-of-type(4n) {
        margin-right: 0
    }
}

@media (min-width:800px) {
    .colour-options--full .colour-options__item {
        width: 15%;
        margin-right: 1%
    }

    .colour-options--full .colour-options__item:nth-of-type(6n) {
        margin-right: 0
    }
}

.our-range {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 50px auto !important
}

.our-range h2 {
    margin-bottom: 25px
}

.our-range ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    list-style: none
}

.our-range li {
    display: flex;
    align-items: center;
    list-style: none;
    width: 100%;
    margin: 6.25px 0;
    font-weight: 600
}

@media (min-width:800px) {
    .our-range li {
        margin: 15px 0;
        width: 50%;
        padding-right: 25px
    }
}

@media (min-width:1000px) {
    .our-range li {
        width: 33%
    }
}

@media (min-width:1400px) {
    .our-range li {
        width: 24%
    }
}

.our-range li:before {
    font: normal normal normal 14px/1 FontAwesome;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    border: 4px solid #FFCE00;
    color: #FFCE00;
    text-align: center;
    margin-right: 25px;
    font-size: 2rem;
    content: ""
}

.our-range a {
    color: #2E72B4
}

.our-range a:hover {
    color: #41403F
}

.our-range__cta {
    margin: 40px 0 0 0;
    padding: 20px;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #2E72B4
}

.our-range__cta a {
    color: #FFCE00
}

.our-range__cta a:hover {
    color: #fff
}

.contact-wrap {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 25px auto !important;
    align-items: flex-start
}

.contact-wrap__select {
    margin: 25px 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.contact-wrap__box {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12.5px;
    transition: 0.5s;
    background: #FAFAFA;
    color: #2E72B4;
    box-shadow: 5px 10px 10px #eee;
    margin: 12.5px 0
}

@media (min-width:480px) {
    .contact-wrap__box {
        width: calc(50% - 12.5px)
    }
}

@media (min-width:800px) {
    .contact-wrap__box {
        padding: 25px
    }
}

.contact-wrap__box:hover {
    background: #e1e1e1
}

.contact-wrap__box p {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 600
}

@media (min-width:1000px) {
    .contact-wrap__box p {
        font-size: 2rem
    }
}

.contact-wrap__box i {
    margin-right: 12.5px
}

.contact-wrap__box.form-trigger.active,
.contact-wrap__box.supplier-trigger.active {
    background: rgba(46, 114, 180, 0.2)
}

.contact-wrap__content {
    display: flex;
    width: 100%;
    justify-content: flex-end
}

@media (min-width:1000px) {
    .contact-wrap__content {
        width: 50%
    }
}

.contact-wrap__content h1 {
    margin-top: 0
}

.contact-wrap__content ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.contact-wrap__content li {
    width: calc(50% - 12.5px)
}

.contact-wrap__content .nf-form-cont {
    margin-top: 25px
}

.contact-wrap__content .nf-form-fields-required {
    display: none
}

.contact-wrap__content .nf-fu-progress {
    display: none
}

.contact-wrap__content .nf-fu-fileinput-button {
    padding: 8px 15px
}

.contact-wrap__content .nf-help {
    background: url("../images/icon-info.png")
}

.contact-wrap__content .nf-help:before {
    display: none
}

/* .contact-wrap__content input,
.contact-wrap__content select,
.contact-wrap__content textarea {
    display: block;
    background: #FAFAFA;
    border: 1px solid #f2f2f2;
    padding: 12.5px;
    width: 100% !important
} */

.contact-wrap__content input[type=button] {
    background: #FFCE00;
    color: #fff;
    padding: 20px 25px;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 700;
    transition: 0.5s;
    border: none
}

.contact-wrap__content input[type=button]:hover {
    background: #cca500
}

.contact-wrap__content__inner {
    width: 100%
}

@media (min-width:1000px) {
    .contact-wrap__content__inner {
        max-width: 700px;
        padding: 0 50px 0 0
    }
}

.contact-wrap__postcode {
    margin-bottom: 25px
}

.contact-wrap__postcode h3 {
    margin-bottom: 25px
}

.contact-wrap__postcode form {
    display: flex;
    flex-wrap: wrap
}

.contact-wrap__postcode .form-field {
    width: 100%;
    margin: 5px 0
}

@media (min-width:600px) {
    .contact-wrap__postcode .form-field {
        width: 32%;
        margin: 0 1% 0 0
    }
}

@media (min-width:1000px) {
    .contact-wrap__postcode .form-field {
        width: 49%
    }
}

.contact-wrap__postcode button,
.contact-wrap__postcode input {
    border-radius: 0;
    padding: 12.5px 16.6666666667px
}

.contact-wrap__postcode input {
    width: 100%
}

.contact-wrap__postcode input::placeholder {
    color: #c0c0bf
}

.contact-wrap__postcode select {
    width: 100%
}

.contact-wrap__postcode button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #FFCE00;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border: none
}

@media (min-width:600px) {
    .contact-wrap__postcode button {
        width: 32%
    }
}

@media (min-width:1000px) {
    .contact-wrap__postcode button {
        margin: 10px auto 0 auto
    }
}

.contact-wrap__postcode button:hover {
    background: #cca500
}

.contact-wrap__postcode button:after {
    content: "";
    font: 1em/1 FontAwesome;
    margin-left: 12.5px
}

.contact-wrap__information {
    width: 100%
}

@media (min-width:1000px) {
    .contact-wrap__information {
        width: 50%
    }
}

.contact-wrap__information__block {
    background: #FAFAFA;
    margin-top: 50px
}

.contact-wrap__information__block:first-of-type {
    margin-top: 0
}

.contact-wrap__information__inner {
    width: 100%;
    max-width: 700px;
    padding: 50px 0 50px 50px
}

.contact-wrap__information h3 {
    margin-bottom: 20px;
    font-size: 2.3rem
}

.contact-wrap__information ul+h3 {
    margin-top: 30px
}

.contact-wrap__information li {
    display: flex;
    margin: 12.5px 0;
    list-style: none
}

.contact-wrap__information li:first-of-type {
    margin-top: 0
}

.contact-wrap__information li:last-of-type {
    margin-bottom: 0
}

.contact-wrap__information span {
    display: block
}

.contact-wrap__information span.bold {
    font-weight: 600
}

.contact-wrap__information a {
    color: #41403F
}

.contact-wrap__information a:hover {
    color: #2E72B4
}

.contact-wrap__information i {
    margin-top: 5px;
    margin-right: 25px;
    color: #FFCE00;
    min-width: 20px
}

.projects__title {
    margin-top: 0
}

.projects__title .animated-heading__inner {
    padding: 0 !important
}

.projects__wrap {
    display: flex;
    flex-flow: row wrap;
    counter-reset: numcounter
}

.projects__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    counter-increment: numcounter;
    flex-flow: row wrap
}

.projects__item:hover:before {
    margin-right: 50px
}

.projects__item:hover .button {
    background: #FFCE00
}

.projects__item:before {
    position: absolute;
    top: 25px;
    right: 50px;
    left: 50px;
    bottom: 0;
    content: "0"counter(numcounter);
    font-weight: 600;
    font-size: 14rem;
    line-height: 1;
    z-index: -1;
    opacity: 1;
    text-transform: uppercase;
    text-align: right;
    transition: 1s;
    color: #FAFAFA
}

@media (min-width:800px) {
    .projects__item:before {
        top: 50px;
        right: 50px;
        left: 50px;
        bottom: 0;
        font-size: 20rem
    }
}

.projects__item:nth-child(odd):hover:before {
    margin-right: 0;
    margin-left: 50px
}

.projects__item:nth-child(odd):before {
    text-align: left
}

@media (min-width:1000px) {
    .projects__item:nth-child(odd) .projects__item__image {
        order: 2
    }

    .projects__item:nth-child(odd) .projects__item__content {
        justify-content: flex-end
    }

    .projects__item:nth-child(odd) .projects__item__content__inner {
        padding: 25px 50px 25px 0
    }
}

.projects__item__content {
    display: flex;
    width: 100%;
    justify-content: flex-start
}

@media (min-width:800px) {
    .projects__item__content {
        width: 50%
    }
}

.projects__item__content h3 {
    margin-bottom: 25px;
    color: #2E72B4;
    font-size: 3.4rem;
    line-height: 4rem;
}

.projects__item__content p {
    margin: 0;
    color: #41403F
}

.projects__item__content .button {
    margin-top: 25px
}

.projects__item__content__inner {
    width: 100%
}

@media (min-width:1000px) {
    .projects__item__content__inner {
        max-width: 700px;
        padding: 25px 0 25px 50px
    }
}

.projects__item__image {
    margin: 100px 0 25px 0;
    width: 100%
}

@media (min-width:800px) {
    .projects__item__image {
        margin-top: 0;
        width: 50%;
        padding: 25px
    }
}

.projects__item__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.single-projects__container {
    position: relative
}

.single-projects__back {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    color: #41403F;
    padding: 12.5px 0 12.5px 25px
}

.single-projects__back:hover {
    color: #fff
}

.single-projects__back:hover:before {
    background: #2e72b4
}

.single-projects__back:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -500px;
    background: rgba(65, 64, 63, 0.95);
    content: ""
}

.single-projects__back:before {
    left: 0;
    right: -500px;
    background: rgba(255, 206, 0, 0.95);
    transition: 0.5s
}

.single-projects__back p {
    position: relative;
    font-size: 1.8rem
}

.single-projects__back p:before {
    font: 1em/1 FontAwesome;
    content: "";
    margin-right: 12.5px
}

.single-projects__gallery {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px
}

.single-projects__main-image {
    overflow: hidden
}

.single-projects__main-image li {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    list-style: none;
    background: #41403F;
    width: 100%
}

.single-projects__main-image li:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(65, 64, 63, 0.9)
}

.single-projects__main-image img {
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 1;
    max-height: 400px;
    object-fit: cover
}

@media (min-width:800px) {
    .single-projects__main-image img {
        max-height: initial
    }
}

.single-projects__thumbnails {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.single-projects__thumbnails ul {
    width: 100%;
    list-style: none
}

.single-projects__thumbnails ul:after {
    content: "";
    display: block;
    clear: both
}

.single-projects__thumbnails li {
    margin: 5px
}

.single-projects__thumbnails li.flex-active-slide img {
    border: 3px solid #FFCE00
}

.single-projects__thumbnails img {
    display: block;
    height: 60px;
    width: 60px;
    cursor: pointer;
    transition: 0.5s;
    border: 3px solid transparent
}

.single-projects__thumbnails img:hover {
    opacity: 0.8
}

@media (min-width:600px) {
    .single-projects__thumbnails img {
        height: 80px;
        width: 80px
    }
}

.single-projects .flex-direction-nav .flex-prev {
    opacity: 1
}

.single-projects .flex-direction-nav .flex-next {
    opacity: 1
}

.single-projects .flex-direction-nav .flex-nav-prev {
    background: red
}

.single-projects .flex-direction-nav .flex-nav-next {
    background: blue
}

.single-projects .flex-direction-nav {
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    top: 50%;
    margin: 0;
    padding: 0;
    list-style: none
}

.single-projects .flex-direction-nav a {
    z-index: 100;
    text-decoration: none;
    display: block;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease-in-out
}

.single-projects .flex-direction-nav a:before {
    font-family: FontAwesome;
    font-size: 5rem;
    display: inline-block;
    content: "";
    color: white
}

.single-projects .flex-direction-nav a.flex-next:before {
    content: ""
}

.single-projects .flex-direction-nav .flex-prev {
    left: 25px
}

.single-projects .flex-direction-nav .flex-next {
    right: 25px
}

.single-projects .flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1
}

.map {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.installers__copy {
    max-width: 700px
}

.installers__additional-content {
    margin: 0 auto 60px auto;
    max-width: 900px
}

@media (min-width:800px) {
    .installers__additional-content {
        margin-bottom: 88px
    }
}

@media (min-width:1000px) {
    .installers__additional-content {
        text-align: center
    }
}

.installers__additional-content p {
    font-weight: 300 !important
}

.installers__contact {
    position: relative;
    background: #eee
}

.installers__contact__inner {
    position: relative;
    padding: 50px 0;
    width: calc(100% - 50px);
    max-width: 1200px;
    margin: 0 auto;
    text-align: center
}

@media (min-width:1000px) {
    .installers__contact__inner {
        margin-top: 50px
    }
}

.installers__contact__left {
    width: 100% !important;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

@media (min-width:800px) {
    .installers__contact__left {
        width: calc(50% - 12.5px) !important;
        margin-right: 12.5px
    }
}

.installers__contact__right {
    width: 100% !important
}

@media (min-width:800px) {
    .installers__contact__right {
        width: calc(50% - 12.5px) !important;
        margin-left: 12.5px
    }
}

.installers__contact__right textarea {
    width: 100%;
    height: 200px
}

.installers__contact h3 {
    font-weight: 700;
    font-size: 2.8rem;
    margin-bottom: 25px
}

@media (min-width:1000px) {
    .installers__contact h3 {
        font-size: 3.4rem
    }
}

.installers__contact h3 span {
    color: #2E72B4
}

.installers__contact form {
    text-align: left
}

@media (min-width:800px) {
    .installers__contact form {
        display: flex;
        flex-flow: row wrap;
        justify-content: center
    }
}

.installers__contact form div {
    width: 100%
}

@media (min-width:600px) {
    .installers__contact form div {
        width: calc(50% - 12.5px)
    }
}

.installers__contact span {
    color: red
}

.installers__contact select {
    width: 100%
}

.installers__contact label {
    display: block;
    font-weight: 700;
    margin: 12.5px 0
}

.installers__contact input,
.installers__contact select,
.installers__contact textarea {
    display: block;
    background: #FAFAFA;
    border: 0;
    padding: 12.5px;
    width: 100% !important
}

.installers__contact button {
    background: #FFCE00;
    color: #fff;
    padding: 20px 25px;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 700;
    transition: 0.5s;
    border: 0;
    margin-top: 25px
}

.installers__contact button:hover {
    background: #cca500
}

.installers__container {
    position: relative
}

.installers__content {
    position: relative;
    justify-content: space-between;
    padding-top: 25px;
    overflow: hidden
}

@media (min-width:800px) {
    .installers__content {
        position: initial;
        margin-top: 50px;
        padding-top: 50px
    }
}

.installers__content:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "Distributors";
    font-weight: 600;
    font-size: 6rem;
    line-height: 1;
    z-index: -10;
    opacity: 0.05;
    text-transform: uppercase;
    letter-spacing: -4px;
    animation: slideinfaint 2s forwards
}

@media (min-width:600px) {
    .installers__content:before {
        font-size: 8rem
    }
}

@media (min-width:800px) {
    .installers__content:before {
        font-size: 18rem
    }
}

@media (min-width:800px) {
    .installers__content__inner {
        column-count: 2;
        column-gap: 50px
    }
}

.installers__content__inner p {
    margin: 25px 0;
    line-height: 1.8;
    font-size: 1.6rem
}

.installers__content__inner p:first-of-type {
    margin-top: 0;
    font-size: 1.8rem;
    font-weight: 600
}

.installers__content__inner p:last-of-type {
    margin-bottom: 0
}

.installers__become-form {
    margin: 55px auto 50px auto;
    width: 100%;
    max-width: 1200px
}

.installers__become-form h2 {
    margin-bottom: 15px
}

.installers__become-form h3 {
    display: none
}

.installers__become-form .nf-form-fields-required {
    margin-bottom: 20px
}

.installers__become-form nf-fields-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.installers__become-form nf-field {
    width: 100%
}

@media (min-width:600px) {
    .installers__become-form nf-field {
        width: 49%
    }

    .installers__become-form nf-field:nth-of-type(8),
    .installers__become-form nf-field:nth-of-type(9) {
        width: 100%
    }
}

.installers__become-form .list ul {
    display: flex;
    flex-wrap: wrap
}

.installers__become-form .list li {
    width: 100%;
    margin: 10px 0 !important
}

@media (min-width:600px) {
    .installers__become-form .list li {
        width: 50%
    }
}

@media (min-width:800px) {
    .installers__become-form .list li {
        width: 33%
    }
}

@media (min-width:1000px) {
    .installers__become-form .list li {
        width: 24%
    }
}

.installers__become-form input,
.installers__become-form textarea {
    display: block;
    background: #FAFAFA;
    border: 0;
    padding: 12.5px;
    width: 100% !important
}

.installers__become-form input[type=button] {
    background: #FFCE00;
    color: #fff;
    padding: 20px 25px;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 700;
    transition: 0.5s
}

.installers__become-form input[type=button]:hover {
    background: #cca500
}

.installers__terms {
    max-width: 900px;
    margin: 70px auto 20px auto;
    font-size: 1.55rem;
    line-height: 1.6;
    opacity: 0.8
}

.links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 25px
}

@media (min-width:800px) {
    .links {
        margin: 0
    }
}

.links--large {
    margin: 25px 0 20px;
    order: 1
}

@media (min-width:1000px) {
    .links--large {
        width: 50%;
        margin: 0;
        order: 2
    }
}

@media (min-width:600px) {
    .links--large .links__item {
        width: 49%
    }
}

@media (min-width:600px) {
    .links--installers .links__item {
        width: 49%
    }
}

.links--installers .links__item--no-link,
.links--installers .links__link {
    padding-left: 75px !important
}

.links__item {
    width: 100%;
    margin: 12.5px 0;
    list-style: none
}

@media (min-width:600px) {
    .links__item {
        width: calc(50% - 12.5px)
    }
}

@media (min-width:800px) {
    .links__item {
        width: 100%
    }
}

.links__item--full-width {
    width: 100% !important
}

.links .links__item--no-link,
.links__link {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 12.5px 25px 12.5px 40px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    background: #FAFAFA;
    color: #2E72B4;
    box-shadow: 5px 10px 10px #eee;
    transition: 0.5s
}
/* .links .links__item--no-link {
    width: 100%;
} */

@media (min-width:800px) {

    .links .links__item--no-link,
    .links__link {
        padding: 25px 25px 25px 50px
    }
}

.links .links__item--no-link i,
.links__link i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    font-size: 2rem
}

@media (min-width:800px) {

    .links .links__item--no-link i,
    .links__link i {
        left: 25px
    }
}

@media (min-width:1000px) {

    .links .links__item--no-link i,
    .links__link i {
        font-size: 3rem
    }
}

.links .links__item--no-link--default,
.links__link--default {
    padding: 12.5px 40px 12.5px 25px
}

@media (min-width:800px) {

    .links .links__item--no-link--default,
    .links__link--default {
        padding: 25px 50px 25px 25px
    }
}

.links .links__item--no-link--default i,
.links__link--default i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    left: inherit
}

@media (min-width:800px) {

    .links .links__item--no-link--default i,
    .links__link--default i {
        right: 25px
    }
}

.links .links__item--no-link.active,
.links__link.active {
    color: #fff;
    background: #2E72B4
}

.links__link:hover {
    background: #e1e1e1
}

.links__heading+.links__subtext {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 1.7rem;
    color: #939393;
    word-break: break-all
}

.help-advice+.project-carousel {
    margin-top: 100px
}

.help-advice .button {
    margin-top: 25px
}

.help-advice__content {
    order: 2
}

@media (min-width:800px) {
    .help-advice__content {
        order: 1
    }
}

.help-advice__single-page {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 25px 0
}

@media (min-width:800px) {
    .help-advice__single-page {
        padding: 50px 0 0
    }
}

.help-advice__single-page__content {
    width: 100%;
    order: 2
}

@media (min-width:800px) {
    .help-advice__single-page__content {
        width: calc(73% - 75px);
        order: 1
    }
}

@media (min-width:1200px) {
    .help-advice__single-page__content {
        width: calc(68% - 75px)
    }
}

.help-advice__single-page__content figure {
    width: 100%!important;
}

.help-advice__single-page__sidebar {
    width: 100%;
    order: 1
}

@media (min-width:800px) {
    .help-advice__single-page__sidebar {
        width: calc(30% - 25px);
        order: 2
    }
}

.help-advice__single-page h1 {
    margin-top: 0
}

.help-advice__single-page h2 {
    margin-bottom: 20px
}

.help-advice__faqs {
    max-width: 1400px
}

.help-advice__faqs p {
    max-width: 900px
}

.help-advice__faqs h2 {
    margin-bottom: 20px
}

.post-wrap {
    margin-bottom: 50px
}

@media (min-width:800px) {
    .post-wrap {
        margin-bottom: 80px
    }
}

.post-wrap .button {
    margin-top: 15px
}

.post--overview {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb
}

.post--overview h1 {
    margin-top: 0
}

.post--overview a {
    display: block;
    margin-top: 15px
}

.post--overview:last-of-type {
    margin-bottom: 30px
}

.post--general {
    flex-grow: 1;
    margin: 5px 0;
    border: 1px solid #dbdbdb
}

@media (min-width:600px) {
    .post--general {
        width: 49%;
        margin: 5px 0.5%
    }
}

@media (min-width:800px) {
    .post--general {
        width: 32%;
        margin-top: 0
    }
}

.post--general .button {
    margin-top: 20px
}

.post--sticky:last-of-type {
    width: 100%
}

@media (min-width:800px) {
    .post--sticky {
        width: 32% !important
    }
}

.post__thumb {
    display: block;
    height: 200px
}

.post__content {
    padding: 30px
}

@media (min-width:800px) {
    .post__content {
        padding: 40px
    }
}

.bbrochures__title {
    margin-bottom: 20px
}

.bbrochures__wrap {
    width: 100%;
    margin: 5px 0;
    padding: 20px;
    text-align: center;
    color: #fff;
    background: #2E72B4
}

@media (min-width:600px) {
    .bbrochures__wrap {
        width: 48%;
        margin: 1%
    }
}

@media (min-width:1200px) {
    .bbrochures__wrap {
        width: 31%;
        padding: 30px
    }
}

.bbrochures img {
    margin-bottom: 15px
}

.documents {
    width: 100%
}

@media (min-width:1200px) {
    .documents {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (min-width:1200px) {
    .documents--col .documents__wrap {
        width: 49.5%
    }
}

.documents__wrap {
    width: 100%
}

.documents__wrap+h2 {
    margin-top: 30px
}

.documents:nth-child(2n) .documents__title {
    background: #FAFAFA
}

.documents__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #2E72B4;
    background: #fff;
    padding: 12.5px 25px;
    margin-bottom: 12.5px;
    cursor: pointer;
    transition: 0.5s;
    font-size: 1.8rem;
    box-shadow: 5px 10px 10px #eee
}

.documents__title:after {
    font: 1em/1 FontAwesome;
    color: #2E72B4;
    content: "";
    margin-left: 12.5px
}

.documents__title:hover {
    color: #41403F;
    background: #FAFAFA
}

.documents__title.active {
    background: #2E72B4 !important;
    color: #fff
}

.documents__title.active:after {
    content: "";
    color: #fff
}

.documents__list {
    display: none;
    flex-flow: row wrap;
    justify-content: space-between
}

.documents__list.active {
    display: flex
}

.documents__list-item {
    list-style: none;
    width: 100%;
    margin: 6.25px 0
}

@media (min-width:800px) {
    .documents__list-item {
        width: calc(50% - 12.5px)
    }
}

.documents__list-item:before {
    display: none
}

.documents a {
    width: 100%;
    height: 100%;
    padding: 12.5px 25px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    color: #41403F;
    box-shadow: 5px 10px 10px #eee
}

.documents a:hover {
    background: #FAFAFA;
    color: #2E72B4;
    cursor: pointer
}

.documents a:after {
    font: 1em/1 FontAwesome;
    color: #FFCE00;
    cursor: pointer;
    content: "";
    margin-left: 12.5px
}

.faqs {
    width: 100%
}

.faqs:nth-child(odd) .faqs__title {
    background: #FAFAFA
}

.faqs__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #2E72B4;
    background: #fff;
    padding: 12.5px 25px;
    margin-bottom: 12.5px;
    cursor: pointer;
    transition: 0.5s;
    font-size: 1.8rem;
    box-shadow: 5px 10px 10px #eee
}

.faqs__title:after {
    font: 1em/1 FontAwesome;
    color: #2E72B4;
    content: "";
    margin-left: 12.5px
}

.faqs__title.active,
.faqs__title:hover {
    background: #2E72B4 !important;
    color: #fff
}

.faqs__title.active:after,
.faqs__title:hover:after {
    content: "";
    color: #fff
}

.faqs__item {
    display: none;
    padding: 25px
}

.login h1 a {
    width: 100%!important;
    background-image: url(https://sunflexuk.co.uk/wp-content/themes/sunflex/images/SUNFLEX-UK-LOGO-800px.png) !important;
}