/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 31, 2018 */

@font-face {
    font-family: 'gotham_blackregular';
    src: url('/content/fonts/gotham-black-webfont.woff2') format('woff2'), url('/content/fonts/gotham-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_boldregular';
    src: url('/content/fonts/gotham-bold-webfont.woff2') format('woff2'), url('/content/fonts/gotham-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_bookregular';
    src: url('/content/fonts/gotham-book-webfont.woff2') format('woff2'), url('/content/fonts/gotham-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_lightregular';
    src: url('/content/fonts/gotham-light-webfont.woff2') format('woff2'), url('/content/fonts/gotham-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('/content/fonts/gotham-medium-webfont.woff2') format('woff2'), url('/content/fonts/gotham-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_thinregular';
    src: url('/content/fonts/gotham-thin-webfont.woff2') format('woff2'), url('/content/fonts/gotham-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ============================================================
  RESET - http://meyerweb.com/eric/tools/css/reset/
============================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 100;
    font: inherit;
    vertical-align: baseline;
    font-family: "gotham_bookregular",sans-serif;
    color: #000000;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}


body {
    line-height: 1.5;
    font-family: "gotham_bookregular",sans-serif;
    color: #000000;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

strong {
    font-weight: normal;
    font-family: "gotham_boldregular ",sans-serif;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
    border-radius: 5px;
}

    input[type=checkbox] {
        -webkit-appearance: checkbox;
    }


/* ============================================================
  BOX SIZING & CLEARFIX
============================================================ */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}



/* ============================================================
  FONTS
============================================================ */
@font-face {
    font-family: 'brandedkeysmart';
    src: url('../fonts/brandedkeysmart.eot?ombd55');
    src: url('../fonts/brandedkeysmart.eot?ombd55#iefix') format('embedded-opentype'), url('../fonts/brandedkeysmart.ttf?ombd55') format('truetype'), url('../fonts/brandedkeysmart.woff?ombd55') format('woff'), url('../fonts/brandedkeysmart.svg?ombd55#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'brandedkeysmart' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-keyboard-arrow-left:before {
    content: "\f104";
}

.icon-keyboard-arrow-right:before {
    content: "\f105";
}

.icon-keyboard-arrow-up:before {
    content: "\f106";
}

.icon-forum:before {
    content: "\f107";
}

/* * */




.icon-instagram:before {
    content: "\e90c";
    color: #FFF;
}

.icon-pinterest:before {
    content: "\e90d";
    color: #FFF;
}

.icon-angle-left:before {
    content: "\f104";
}

.icon-angle-right:before {
    content: "\f105";
}

.icon-angle-up:before {
    content: "\f106";
}

.icon-angle-down:before {
    content: "\f107";
}

.icon-chevron-down2:before {
    content: "\e900";
}

.icon-chevron-left2:before {
    content: "\e901";
}

.icon-chevron-right2:before {
    content: "\e902";
}

.icon-chevron-small-down:before {
    content: "\e903";
}

.icon-chevron-small-left:before {
    content: "\e904";
}

.icon-chevron-small-right:before {
    content: "\e905";
}

.icon-chevron-small-up:before {
    content: "\e906";
}

.icon-chevron-thin-down:before {
    content: "\e907";
}

.icon-chevron-thin-left:before {
    content: "\e908";
}

.icon-chevron-thin-right:before {
    content: "\e909";
}

.icon-chevron-thin-up:before {
    content: "\e90a";
}

.icon-chevron-up2:before {
    content: "\e90b";
}

.icon-chevron-down:before {
    content: "\f0a3";
}

.icon-chevron-left:before {
    content: "\f0a4";
}

.icon-chevron-right:before {
    content: "\f078";
}

.icon-chevron-up:before {
    content: "\f0a2";
}

.icon-comment-discussion:before {
    content: "\f04f";
}

.icon-location3:before {
    content: "\f060";
}

.icon-mail:before {
    content: "\f03b";
}

.icon-phone:before {
    content: "\e942";
}

.icon-location:before {
    content: "\e947";
}

.icon-location2:before {
    content: "\e948";
}

.icon-drawer2:before {
    content: "\e95d";
}

.icon-bubbles2:before {
    content: "\e96d";
}

.icon-list:before {
    content: "\e9ba";
}

.icon-menu:before {
    content: "\e9bd";
}

.icon-arrow-up2:before {
    content: "\ea3a";
}

.icon-arrow-right2:before {
    content: "\ea3c";
}

.icon-arrow-down2:before {
    content: "\ea3e";
}

.icon-arrow-left2:before {
    content: "\ea40";
}

.icon-circle-up:before {
    content: "\ea41";
}

.icon-circle-right:before {
    content: "\ea42";
}

.icon-circle-down:before {
    content: "\ea43";
}

.icon-circle-left:before {
    content: "\ea44";
}







/* header */

p {
    font-size: 1.1em;
    font-weight: 300;
    margin: 0 0 1em;
    text-align: center;
}

@media all and (max-width: 600px) {
    h2 {
        font-size: 0.9em;
    }
}

h1 {
    font-weight: 600;
    font-size: 2em;
    text-align: center;
    margin: 0.5em 0;
    text-transform: uppercase;
    font-family: "gotham_boldregular", sans-serif;
}

h2 {
    font-weight: 600;
    font-size: 1.5em;
    text-align: center;
    margin: 0.5em 0;
    text-transform: uppercase;
    font-family: "gotham_boldregular", sans-serif;
}

h3 {
    font-weight: 600;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: "gotham_boldregular", sans-serif;
}

h4 {
    font-weight: 500;
    font-size: 1.5em;
    text-transform: uppercase;
}

@media all and (max-width: 600px) {
    h2 {
        font-size: 1.8em;
    }
}


#background {
    background-color: #FFF;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 10;
}


header {
    z-index: 1000;
    width: 100%;
}

#headerdark-wrap {
    background-color: #000;
    overflow: hidden;
}

.headerdark-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0;
    vertical-align: top
}

.headerdark-wrapper p {
    color: #FFF;
    font-size: 0.8em;
    padding: 1em 0 0;
    text-transform: uppercase;
    font-weight: 700;
}


#headergrey-wrap {
    background-color: #747d85;
    overflow: hidden;
}

.headergrey-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0;
    vertical-align: top;
    text-align: right;
}

    .headergrey-wrapper div {
        display: inline-block;
    }

    .headergrey-wrapper a.button {
        background-color: #ff1f31;
        padding: 1.5em 2em;
        font-size: 0.7em;
        text-decoration: none;
        display: inline-block;
        text-align: right;
    }

    .headergrey-wrapper ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: flex-start;
    }

        .headergrey-wrapper ul li {
            display: flex;
            flex-direction: row;
            align-items: center;
            align-content: flex-start;
        }

            .headergrey-wrapper ul li a {
                text-decoration: none;
                color: #FFF;
                padding: 0 0.75em;
            }

        .headergrey-wrapper ul li a.text-link {
            font-size: 0.8em;
            padding: 0 0.5em;
        }

    .headergrey-wrapper p {
        color: #FFF;
        font-size: 0.8em;
        padding: 1em 0 0;
        text-transform: uppercase;
        font-weight: 700;
    }



#headerwrap {
    z-index: 1001;
    background-color: #fff;
    overflow: hidden;
    width: 100%;
    width: 100%;
    box-shadow: 0 6px 20px -8px rgba(0, 0, 0, 0.26);
}

    #headerwrap.fixed {
        top: 0;
        position: fixed;
        overflow: visible;
    }


.header-wrapper {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1em;
    vertical-align: top;
}

header .tile-logo {
    /* float: left; */
    padding: 0.55em 0;
    vertical-align: middle;
    display: inline-block;
    width: 12em;
}


header .tile-logo img {
    width: 12em;
    margin-top: 0.25em;
}



/* MENU */


/* JAVSASCRIPT MENU */
/* https://tympanus.net/codrops/2013/03/05/horizontal-drop-down-menu/ */

.cbp-hrmenu {
    background-color: #fff;
    z-index: 1000;
    display: inline-block;
    vertical-align: middle;
    /* float: left; */
}

    /* general ul style */
    .cbp-hrmenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    /* first level ul style */
    .cbp-hrmenu > ul,
    .cbp-hrmenu .cbp-hrsub-inner {
        width: auto;
        max-width: 66em;
        margin: 0 auto;
        padding: 0 0;
    }

    .cbp-hrmenu > ul {
        width: auto;
        max-width: 66em;
        margin: 0 auto;
        padding: 0 0;
    }

        .cbp-hrmenu > ul > li {
            display: inline-block;
            padding: 0 2em;
            text-align: center;
        }


            .cbp-hrmenu > ul > li.green {
                /*background-color: #dd1021;*/
            }


            .cbp-hrmenu > ul > li > a {
                font-weight: 800;
                padding: 1.75em 0.5em;
                color: #000000;
                display: inline-block;
                text-decoration: none;
                text-align: center;
                text-transform:capitalize;
                font-size: 1em;
                font-family: "gotham_boldregular", sans-serif;
            }

            .cbp-hrmenu > ul > li.green > a {
                font-family: "gotham_bookregular", sans-serif;
                font-weight: 300;
                /* background-color: #dd1021;
                padding: 0.25em 0.5em 0.5em;
                margin: 0.5em 0;
                color: #FFF;
                border-radius: 4px */
            }

            .cbp-hrmenu > ul > li > a:hover {
                color: #dd1021;
            }

            .cbp-hrmenu > ul > li.green > a:hover {
                /*color: #fff;*/
            }

            .cbp-hrmenu > ul > li.cbp-hropen a,
            .cbp-hrmenu > ul > li.cbp-hropen > a:hover {
                color: #000;
                text-decoration: none;
            }

    /* sub-menu */
    .cbp-hrmenu .cbp-hrsub {
        display: none;
        position: absolute;
        background: #CCC;
        width: 100%;
        left: 0;
    }

.cbp-hropen .cbp-hrsub {
    display: block;
    padding-bottom: 3em;
    z-index: 1000;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
    width: 33%;
    float: left;
    padding: 0 2em 0;
}

.cbp-hrsub h4 {
    text-align: left;
}

.cbp-hrsub ul li {
    text-align: left;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
    content: " ";
    display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
    clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
    line-height: 2em;
}

.cbp-hrsub h4 {
    color: #afdefa;
    padding: 1em 0 0.6em;
    margin: 0;
    font-size: 160%;
    font-weight: 100;
}

/* Examples for media queries */

@media screen and (max-width: 844px) { /* 52.75em */

    .cbp-hrmenu {
        /* font-size: 80%; */
    }
}

@media screen and (max-width: 800px) { /* 43em */

    div.header-wrapper .tile-logo {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }


    .cbp-hrmenu {
        width: 100%;
        border: none;
    }

        .cbp-hrmenu > ul,
        .cbp-hrmenu .cbp-hrsub-inner {
            width: 100%;
            padding: 0;
        }

        .cbp-hrmenu .cbp-hrsub-inner {
            padding: 0 0;
            font-size: 75%;
        }

        .cbp-hrmenu > ul > li {
            display: block;
            /*border-bottom: 4px solid #EFEFEF;*/
        }

            .cbp-hrmenu > ul > li > a {
                display: block;
            }

            .cbp-hrmenu > ul > li#toggle {
                text-align: left;
                padding: 0;
            }

                .cbp-hrmenu > ul > li#toggle > a {
                    text-align: left;
                    font-size: 1.5em;
                    padding: 0.4em;
                }

        .cbp-hrmenu .cbp-hrsub {
            position: relative;
        }

    .cbp-hrsub h4 {
        padding-top: 0.6em;
    }
}

@media screen and (max-width: 600px) { /* 36em */
    .cbp-hrmenu .cbp-hrsub-inner > div {
        width: 100%;
        float: none;
        padding: 0 2em;
    }
}


.cbp-hrmenu .cbp-hrsub-inner.products {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.cbp-hrmenu .cbp-hrsub-inner.products > div {
    width: 20%;
    display: block;
    padding: 0;
    margin: 0;
}

    .cbp-hrmenu .cbp-hrsub-inner.products > div img {
        width: 50%;
        transition: all .2s ease-in-out;
    }

    .cbp-hrmenu .cbp-hrsub-inner.products > div:hover img {
        transform: scale(1.2);
    }

    .cbp-hrmenu .cbp-hrsub-inner.products > div h4 {
        text-align: center;
        color: #000000;
        font-weight: 100;
        font-size: 1em;
    }



@media screen and (max-width: 600px) { /* 36em */


    .cbp-hrmenu .cbp-hrsub-inner.products > div {
        width: 100%;
        padding: 0 0;
        margin: 0;
    }
}



#menu-product-cell, #menu-product-loop, #menu-product-arc, #menu-product-coral {
    padding: 10%;
}



#mobile-menu-quote {
    background-color: #dd1021;
    padding: 0.10em 0.5em;
    margin: 0.15em 0;
    color: #FFF;
    border-radius: 4px;
    text-decoration: none;
    position: absolute;
    right: 0.5em;
    top: 3em;
    display: none;

}

@media all and (max-width: 600px) {
    #mobile-menu-quote {
        display: none;
    }
}




.header-wrapper .languages {
    margin: 1.25em 0 0 0;
    float: right;
}

    .header-wrapper .languages a {
    }


        .header-wrapper .languages a img {
            width: 2em;
        }

@media all and (max-width: 875px) {
    .header-wrapper .languages {
        float: none;
        position: absolute;
        bottom: -2em;
        left: 50%;
        margin-left: -2.25em;
    }
}



/* gallery */
#splash-wrap {
    background-color: #FFF;
    padding-top: 4.5em;
    padding-bottom: 1em;
    z-index: -1;
}

#splash {
    overflow: hidden;
    width: 100%;
    margin: 0 0;
    padding: 0 0;
    position: relative;
}

    #splash img {
        width: 100%;
        display: block;
    }


@media all and (max-width: 1000px) {
    .owl-carousel-wrapper {
        /*    width: 80%;
        margin: 2EM 10%;*/
    }
}


.item .item-text {
    padding: 1em;
    position: absolute;
    z-index: 1000;
    top: 25%;
    transform: translateY(-25%);
    left: 15%;
    width: 25em;
}

    .item .item-text h4 {
        color: #fff;
        text-align: left;
    }


    .item .item-text p {
        color: #fff;
        text-align: left;
    }

@media all and (max-width: 480px) {
    .item .item-text {
        display: none;
    }
}



.owl-slideshow-navigation .btn.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1em;
    display: block;
    z-index: 100;
    color: #FFF;
    cursor: pointer;
}

.owl-slideshow-navigation .btn.prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1em;
    display: block;
    z-index: 100;
    color: #FFF;
    cursor: pointer;
}

.owl-slideshow-navigation span {
    font-size: 4em;
}

.owl-theme .owl-controls {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}








/* SECTIONS */
/************/

section.restricted-width {
    max-width: 68em;
    width: 100%;
    margin: 0 auto;
}

section.border-bottom {
    margin-bottom: 4em;
    padding-bottom: 4em;
    border-bottom: 1px solid #b2b2b2;
}

section.noborder-bottom {
    padding-bottom: 1em;
}

@media all and (max-width: 800px) {

    section.border-bottom {
        margin-bottom: 2em;
        padding-bottom: 2em;
        border-bottom: 1px solid #b2b2b2;
    }

    section.noborder-bottom {
        padding-bottom: 2em;
    }
}




/* whatiskeysmart */
.whatiskeysmart {
    text-align: center;
}


.whatiskeysmart-top {
}

    .whatiskeysmart-top h2 {
    }

    .whatiskeysmart-top p {
        margin: 0 0 2em
    }

    .whatiskeysmart-top img {
        width: 80%;
        margin: 0 auto;
    }


.whatiskeysmart-wrap {
    width: 75%;
    margin: 0 12.5%;
}


.whatiskeysmart-left {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-top: 2em
}

    .whatiskeysmart-left ul {
        text-align: left;
        font-size: 1.3em;
        font-weight: 100;
    }

    .whatiskeysmart-left li {
        margin: 0 0 1em
    }

        .whatiskeysmart-left li img {
            display: inline-block;
            width: 3em;
            margin: 0 1em 0 0;
            vertical-align: middle;
        }

        .whatiskeysmart-left li span {
            display: inline-block;
            vertical-align: middle;
        }


.whatiskeysmart-right {
    display: inline-block;
    width: 45%;
    vertical-align: top;
}

    .whatiskeysmart-right img {
        width: 100%;
        margin-top: -6em
    }

@media all and (max-width: 800px) {

    .whatiskeysmart-left li img {
        width: 2em;
    }

    .whatiskeysmart-left ul {
        font-size: 1em;
    }

    .whatiskeysmart-right img {
        width: 90%;
        margin-top: -3em
    }
}

@media all and (max-width: 600px) {

    .whatiskeysmart-top {
        width: 90%;
        margin: 0 5%;
    }

    .whatiskeysmart-wrap {
        width: 80%;
        margin: 0 10%;
    }

    .whatiskeysmart-left {
        width: 53%;
    }

        .whatiskeysmart-left li img {
            width: 1.5em;
        }

        .whatiskeysmart-left ul {
            font-size: 0.8em;
        }

    .whatiskeysmart-right img {
        width: 90%;
        margin-top: -2em
    }
}





/* twoboxt1 */


.twoboxt1 {
    text-align: center;
    max-width: 90em;
    width: 100%;
    margin: 0 auto;
}


.twoboxt1-wrap {
}


.twoboxt1-left {
    display: inline-block;
    width: 48%;
    vertical-align: bottom;
}

    .twoboxt1-left.colours {
        width: 35%;
    }

@media all and (max-width: 600px) {
    .twoboxt1-left.colours {
        width: 100%;
    }
}

.twoboxt1-right {
    display: inline-block;
    width: 48%;
    vertical-align: bottom;
}


    .twoboxt1-right.colours {
        width: 35%;
    }


@media all and (max-width: 600px) {
    .twoboxt1-right.colours {
        width: 100%;
    }
}


    .twoboxt1-left img, .twoboxt1-right img {
        width: 100%;
    }




.twoboxt1-text {
    display: inline-block;
    width: 60%;
    margin: 0 20%;
    padding: 2em 0 2em;
    /* margin-top: -1em; */
    /* background-color: #f7f7f7;*/
    z-index: 1000;
}

    .twoboxt1-text h2 {
    }

    .twoboxt1-text p {
    }



@media all and (max-width: 600px) {
    .twoboxt1-text {
        display: inline-block;
        width: 80%;
        margin: 0 10%;
        padding: 1em;
        margin-top: 0;
    }

        .twoboxt1-text .buttont1 {
            margin: 0 0 1em;
        }

    .twoboxt1-right, .twoboxt1-left {
        display: block;
        width: 100%;
        margin-top: 2em
    }
}




/* twoboxt2 */

.twoboxt2 {
    text-align: center;
}

.twoboxt2-text-wrap {
    padding: 1em;
}

.twoboxt2-text {
    display: inline-block;
    text-align: center;
    width: 40%;
    padding: 0;
    margin: 0 1%;
    background-color: #f7f7f7;
    z-index: 1000;
    vertical-align: top;
}

    .twoboxt2-text.whitebg {
        background-color: #fff;
    }


    .twoboxt2-text h3 {
        font-size: 1.5em;
    }

    .twoboxt2-text img {
        width: 70%;
    }

    .twoboxt2-text p {
    }



@media all and (max-width: 600px) {
    .twoboxt2-text {
        display: inline-block;
        width: 80%;
        margin: 0 10%;
        padding: 1em;
        margin-top: 0;
    }
}







/* twoboxt2 */

.twoboxt4 {
    text-align: center;
    max-width: 65em;
    margin: 0 auto;
}

.twoboxt4-text-wrap {
    padding: 1em;
}

.twoboxt4-text {
    display: inline-block;
    width: 30%;
    padding: 0;
    margin: 0 1%;
    background-color: #f7f7f7;
    z-index: 1000;
    vertical-align: top;
    font-size: 0.8em;
}

    .twoboxt4-text.whitebg {
        background-color: #fff;
    }


    .twoboxt4-text h3 {
        font-size: 1.5em;
    }

    .twoboxt4-text img {
        width: 100%;
    }

    .twoboxt4-text p {
    }



@media all and (max-width: 600px) {
    .twoboxt4-text {
        display: inline-block;
        width: 80%;
        margin: 0 10%;
        padding: 1em;
        margin-top: 0;
    }
}




/* twoboxt3 */

.twoboxt3 {
    text-align: center;
    max-width: 100em;
    margin: 0 auto;
}

.twoboxt3-text-wrap {
    padding: 1em;
}

.twoboxt3-text {
    display: inline-block;
    width: 30%;
    padding: 0;
    margin: 0 1%;
    background-color: #f7f7f7;
    z-index: 1000;
    vertical-align: top;
    font-size: 0.8em;
}

    .twoboxt3-text.whitebg {
        background-color: #fff;
    }

    .twoboxt3-text h1 {
        font-size: 2.2em;
    }

        .twoboxt3-text h1 span {
            font-size: 1.5em;
            font-weight: normal;
        }

    .twoboxt3-text h3 {
        font-size: 1.5em;
    }

    .twoboxt3-text img {
        width: 100%;
    }

    .twoboxt3-text p {
    }

.twoboxt3-margin-bottom {
    margin-bottom: 3em;
}



@media all and (max-width: 800px) {
    .twoboxt3-text {
        display: inline-block;
        width: 80%;
        margin: 0 10%;
        padding: 1em;
        margin-top: 0;
    }
}





/* twoboxt3-flex */

.twoboxt3-flex {
    text-align: center;
    max-width: 80em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
}

.twoboxt3-flex-text-wrap {
    padding: 1em;

}

.twoboxt3-flex-text {
    width: 33%;
    padding: 0;
    margin: auto;
    background-color: #f7f7f7;
    z-index: 1000;
    vertical-align: top;
    font-size: 0.8em;
}

    .twoboxt3-flex-text.whitebg {
        background-color: #fff;
    }

    .twoboxt3-flex-text h1 {
        font-size: 2.2em;
    }

        .twoboxt3-flex-text h1 span {
            font-size: 1.5em;
            font-weight: normal;
        }

    .twoboxt3-flex-text h3 {
        font-size: 1.5em;
    }

    .twoboxt3-flex-text img {
        width: 100%;
    }

    .twoboxt3-flex-text p {
    }



@media all and (max-width: 800px) {
    .twoboxt3-flex-text {
        display: inline-block;
        width: 80%;
        margin: 0 10%;
        padding: 1em;
        margin-top: 0;
    }
}



/* twoboxt2-flex */

.twoboxt2-flex {
    text-align: center;
    max-width: 80em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
}

.twoboxt2-flex-text-wrap {
    padding: 1em;
}

.twoboxt2-flex-text {
    width: 49.5%;
    padding: 0;
    margin: auto;
    background-color: #f7f7f7;
    z-index: 1000;
    vertical-align: top;
    font-size: 0.8em;
}

    .twoboxt2-flex-text.whitebg {
        background-color: #fff;
    }

    .twoboxt2-flex-text h1 {
        font-size: 2.2em;
    }

        .twoboxt2-flex-text h1 span {
            font-size: 1.5em;
            font-weight: normal;
        }

    .twoboxt2-flex-text h3 {
        font-size: 1.5em;
    }

    .twoboxt2-flex-text img {
        width: 100%;
    }

    .twoboxt2-flex-text p {
    }



@media all and (max-width: 800px) {
    .twoboxt2-flex-text {
        display: inline-block;
        width: 80%;
        margin: 0 10%;
        padding: 1em;
        margin-top: 0;
    }
}








/* twoboxt2-flex */

.twoboxt1-flex {

    text-align: center;
    max-width: 80em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
}


.twoboxt1-flex-text {
    width: 100%;
    padding: 0;
    margin: auto;
    background-color: #f7f7f7;
    z-index: 1000;
    vertical-align: top;
    font-size: 0.8em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    flex-direction: row;
}

    .twoboxt1-flex-text.reverse {
        flex-direction: row-reverse;
    }

    .twoboxt1-flex-text img {
        padding: 0;
        width: 50%;
        height: auto;
    }


.twoboxt1-flex-text-wrap {
    padding: 0;
    text-align: left;
    width: 50%;
    padding: 3%;
    box-sizing:border-box;
}



.twoboxt1-flex-text.whitebg {
    background-color: #fff;
}

.twoboxt1-flex-text h1 {
    font-size: 2.2em;
    text-align: left;
    font-weight: 900;
    font-family: "gotham_blackregular", sans-serif;
}

.twoboxt1-flex-text h1 span {
    font-size: 1.5em;
    font-weight: normal;
}

    .twoboxt1-flex-text h1:after {
        content: ' ';
        display: block;
        width: 40px;
        border-top: 1px solid #111;
        margin-top: 9px;
        margin-bottom: 15px;
    }

.twoboxt1-flex-text h3 {
    font-size: 1.5em;
}

.twoboxt1-flex-text h4 {
    font-size: 1.25em;
    margin: 0 0 20px;
}

.twoboxt1-flex-text p {
}



@media all and (max-width: 800px) {
    .twoboxt1-flex-text {
        margin: 0 0 5em;
    }


    .twoboxt1-flex-text img {
        padding: 1em;
        width: 100%;
        height: auto;
    }


    .twoboxt1-flex-text-wrap {
        padding: 1em;
        text-align: left;
        width: 80%;
    }
}








/* canvasbox */

.canvasbox {
    position: relative;
    overflow: hidden;
    max-width: 80em;
    margin: 0 auto;
}

    .canvasbox > img {
        width: 100%;
        position: absolute;
        top: 0;
    }


.canvasbox-text {
    position: relative;
    margin: 4em 2em 0;
    background-color: #fff;
    padding: 2em;
    width: 40%;
}


    .canvasbox-text h3 {
        font-size: 1.5em;
        margin: 0 0 1em;
    }

    .canvasbox-text p {
        font-size: 1.1em;
        text-align: left;
    }




@media all and (max-width: 800px) {

    .canvasbox > img {
        position: relative;
    }

    .canvasbox-text {
        position: relative;
        margin: 0 0 0;
        background-color: #fff;
        padding: 2em;
        width: 100%;
    }
}








/* buttons */
a.buttont1 {
    display: inline-block;
    padding: 0.75em;
    border: 2px solid #dd1021;
    color: #dd1021;
    border-radius: 2px;
    text-decoration: none;
}

a.buttont2 {
    display: inline-block;
    padding: 0.75em;
    border: 2px solid #dd1021;
    background-color: #dd1021;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

    a.buttont2.green {
        border: 4px solid #dd1021;
        background-color: #dd1021;
    }












/* PDFs */

.pdf {
}

    .pdf h6 {
        font-size: 24px;
        background-color: #fff;
        text-align: center;
        color: #000000;
        padding: 0.5em 0;
        display: block;
        font-family: "gotham_boldregular",sans-serif;
        font-style: normal;
        font-weight: 200;
        text-transform: uppercase;
    }

    .pdf .group {
        max-width: 80em;
        margin: 2em auto 2em;
        text-align: center;
        overflow: hidden;
    }


    .pdf .group-0 {
        width: 50%;
        margin: 0 0%;
        float: left;
    }

    .pdf .group-1 {
        width: 33%;
        float: left;
    }

    .pdf .group-2 {
        width: 33%;
        float: left;
    }

    .pdf .group-3 {
        width: 33%;
        float: left;
    }

    .pdf .group-title {
        font-size: 12px;
        font-family: "gotham_bookregular",sans-serif;
        font-style: normal;
        font-weight: 200;
        text-align: center;
        margin: 0 0 2em;
    }

        .pdf .group-title h5 {
            font-size: 16px;
            font-family: "gotham_bookregular",sans-serif;
            font-style: normal;
            font-weight: 400;
            padding: 0;
            margin: 0;
        }

    .pdf .group-pdf {
        display: inline-block;
        width: 45%;
        font-size: 12px;
        font-family: "gotham_bookregular",sans-serif;
        font-style: normal;
        font-weight: 200;
        padding: 0;
        margin: 0;
        vertical-align: top;
    }

    .pdf .group-3 .group-pdf {
        width: 30%;
    }

        .pdf .group-pdf a {
            text-decoration: none;
        }

        .pdf .group-pdf span.green {
            color: #70da30;
            font-weight: 400;
        }

        .pdf .group-pdf span.blue {
            color: #dd1021;
            font-weight: 400;
        }

@media all and (max-width: 800px) {

    .pdf .group-0 {
        width: 100%;
        float: none;
        clear: both;
        margin: 0 0;
    }

    .pdf .group-1 {
        width: 100%;
        float: none;
        clear: both;
    }

    .pdf .group-2 {
        margin-top: 2em;
        width: 100%;
        float: none;
        clear: both;
    }

    .pdf .group-3 {
        margin-top: 2em;
        width: 100%;
        float: none;
        clear: both;
    }
}








/* footer */


footer {
    max-width: 80em;
    border-top: 1px solid #b2b2b2;
    margin: 2em auto 2em;
    padding: 2em 2em 0;
}

    footer p {
        font-size: 0.6em;
        margin: 0;
        text-align: left;
    }

    footer .app {
        margin: 1em 0 0 0;
        display: inline-block;
    }

        footer .app a {
        }

@media all and (max-width: 800px) {

    footer .app {
        width: 50%;
    }

        footer .app a img {
        }
}

footer .languages {
    margin: 1em 0 0 0;
    float: right;
}

    footer .languages a {
    }


        footer .languages a img {
            width: 2em;
        }










/* FORM */


.quickquote {
    max-width: 60em;
    margin: 0 auto 0;
    padding: 1em;
}

    .quickquote p {
        text-align: center;
    }

    .quickquote h4 {
        text-align: center;
    }


.newsletter {
    max-width: 60em;
    margin: 0 auto 4em;
    padding: 1em;
}

    .newsletter p {
        text-align: center;
    }

    .newsletter h4 {
        text-align: center;
    }


.form-left-row {
    float: left;
    width: 48%;
    /*overflow: hidden;*/
}

.form-right-row {
    float: right;
    /*overflow: hidden;*/
    width: 48%;
}



@media all and (max-width: 800px) {

    .form-left-row {
        float: none;
        width: 100%;
    }

    .form-right-row {
        float: none;
        width: 100%;
    }
}



.form-full-row {
    clear: both;
    overflow: hidden;
}

.row label {
    display: block;
    color: #000000;
    margin: 1em 0 0.25em;
    font-weight: 100;
}

.row textarea {
    border: 1px solid #000000;
    box-sizing: border-box;
    width: 100%;
    padding: 0.75em;
    font-family: "gotham_bookregular",sans-serif;
    font-weight: 100;
    border-radius: 0;
    -webkit-appearance: none;
}

.row input {
    border: 1px solid #000000;
    box-sizing: border-box;
    width: 100%;
    padding: 0.75em;
    font-family: "gotham_bookregular",sans-serif;
    font-size: 1em;
    font-weight: 100;
}

.row select {
    border: 1px solid #000000;
    box-sizing: border-box;
    width: 100%;
    padding: 0.70em;
    font-family: "gotham_bookregular",sans-serif;
    font-size: 1em;
    font-weight: 100;
    border-radius: 0;
    -webkit-appearance: none;
}



.checkbox-row {
    background-color: #DDD;
    margin: 1em 0 0 0;
    padding: 1em;
    clear: both;
    text-align: center;
}

    .checkbox-row .checkbox {
        display: inline-block;
        text-align: center;
        width: 25%;
    }

        .checkbox-row .checkbox checkbox {
            text-align: center;
            -webkit-appearance: none;
            display: block;
        }

        .checkbox-row .checkbox img {
            width: 80%;
            margin: 1em 10% 0;
            cursor: pointer;
        }

        .checkbox-row .checkbox label {
            margin: 0 0 0;
            text-align: center;
            display: block;
        }






@media all and (max-width: 600px) {


    .quickquote {
        margin: 2em 0 0 0;
        padding: 1em;
    }

    .checkbox-row .checkbox {
        display: inline-block;
        text-align: center;
        width: 48%;
        margin-top: 2em;
    }
}




.form-button-row {
    clear: both;
    text-align: center;
    padding-top: 2em;
}

    .form-button-row input {
        border: 2px solid #FFF;
        box-sizing: border-box;
        color: #FFF;
        background-color: #dd1021;
        padding: 0.5em 2em;
        text-transform: capitalize;
        cursor: pointer;
        font-size: 1.15em;
        border-radius: 5px;
    }



#form-error, #form-reg-error {
    border: 2px dotted #ED090D;
    padding: 1em 1.5em 1.5em;
}

    #form-error h2, #form-reg-error h2 {
        color: #ED090D;
    }

    #form-error p, #form-reg-error p {
        text-align: center;
    }

#form-success, #form-reg-success {
    border: 2px dotted #60E568;
    padding: 1em 1.5em 1.5em;
    margin: 2em 0 0 0;
}

    #form-success h2, #form-reg-success h2 {
        color: #60E568;
    }

    #form-success p, #form-reg-success p {
        text-align: center;
    }

#form-validation, #form-reg-validation {
    border: 2px dotted #ED090D;
    padding: 1em 1.5em 1.5em;
}

    #form-validation h2, #form-reg-validation h2 {
        color: #ED090D;
    }

    #form-validation p, #form-reg-validation p {
        text-align: center;
    }

/*checkbox*/
/*
input[type=checkbox] {
    cursor: pointer;
    -webkit-appearance: none;
    display: block;
    text-align: center;
    margin: 0 auto 1em;
    height: 1em;
    width: 1em;
}

input[type=checkbox] {
    margin: 0 auto 0.25em;
}

input[type=checkbox]:checked {
    background-color: #dd1021;
    margin: 0 auto 0.25em;
}

    input[type=checkbox] + img {
        width: 100%;
    }

        input[type=checkbox] + img + label {
            display: inline-block;
            padding: 0 0 0 0;
            cursor: pointer;
            margin: 0.25em 0 2em;
        }

    input[type=checkbox]:checked + img {
        display: inline-block;
        padding: 0 0 0 0;
        color: #FFF;
    }
*/
/* ajax loader */
.loader {
    position: relative;
}

.ajax-widget {
    display: none;
    background-color: #000;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0.6;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 1000;
}

.ajax-widget-table {
    display: table;
    height: 100%;
    width: 100%;
}

.ajax-widget-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .ajax-widget-cell img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }









/****** GALLERY ******/

.gallery-wrapper {
    position: relative;
    padding-top: 1em;
}

    .gallery-wrapper.mini {
        padding-top: 0;
        max-width: 90em;
        margin: 0 auto 2em;
    }

        .gallery-wrapper.mini.pro-series img {
            padding: 2em 0 0;
        }

    .gallery-wrapper.banner {
        padding-bottom: 1em;
        max-width: 90em;
        margin: auto;
    }

        .gallery-wrapper.banner .owl-carousel .owl-stage-outer {
            padding-bottom: 2em;
        }

    .gallery-wrapper.mini .owl-carousel .owl-stage-outer {
        padding-top: 3em;
    }

.gallery {
    position: relative;
    z-index: 0;
    max-width: 100%;
}

@media all and (max-width: 800px) {
    .gallery {
        margin-top: 0;
        position: relative !important;
        z-index: 1;
        overflow: hidden;
    }
}

.gallery img {
    display: block;
}

.gallery-arrow {
    position: absolute;
    height: 25px;
    bottom: 75px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
}

    .gallery-arrow span {
        color: rgba(255,255,255,0.75);
        font-size: 2em;
        text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    }

.owl-stage-outer {
}

.owl-carousel .owl-video-wrapper {
    background: #FFF !important;
}


.strap-short {
    position: absolute;
    width: 100%;
    bottom: 2em;
    left: 0;
    right: 0;
}

.gallery-wrapper.mini .strap-short {
    top: -3em;
}

.strap-short .title {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-wrapper.banner .strap-short .title h3 {
    text-align: center;
    font-size: 1.25em;
    line-height: 1em;
}

.strap-short .title h3 {
    text-align: center;
    font-size: 3em;
    line-height: 1;
}


@media all and (max-width: 800px) {
    .strap-short {
        bottom: 1em;
        padding: 0 1em;
    }

        .strap-short.video {
            bottom: -5.5em;
        }

    .gallery-wrapper.mini .owl-carousel .owl-stage-outer {
        padding-top: 4em;
    }

    .gallery-wrapper.mini .strap-short {
        top: -3em;
    }

        .gallery-wrapper.mini .strap-short .title h3 {
            font-size: 2em;
        }
}

@media all and (max-width: 800px) {

    .gallery-wrapper.mini {
        margin: 0 auto 2em;
    }

    .gallery-wrapper.banner {
        padding-bottom: 0em;
    }

        .gallery-wrapper.banner .strap-short .title h3 {
            text-align: center;
            font-size: 1em;
        }
}


.slide {
    position: relative;
    margin: auto;
    /* overflow: hidden; */
}

    .slide .strap {
        z-index: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0;
        height: 100%;
    }

    .slide .table {
        display: table;
        width: 100%;
        height: 100%;
    }

    .slide .cell {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }



    .slide .strap {
        z-index: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0;
        height: 100%;
    }

        .slide .strap .infowrap {
            margin: 0 10% 0 auto;
            width: 30em;
            background-color: rgba(0,0,0,0.5);
            overflow: hidden;
            padding: 2em 0 3em;
        }

            .slide .strap .infowrap.left {
                margin: 0 auto 0 10%;
            }


        .slide .strap .infopadding {
            padding: 0 3.5em;
            text-align: left;
        }

        .slide .strap .infowrap .title h3 {
            color: #fff;
            text-align: left;
        }

        .slide .strap .infowrap .text p {
            color: #fff;
            text-align: left;
        }

        .slide .strap .infowrap .text a {
        }




@media all and (max-width: 800px) {
    .slide .cell {
    }

    .slide .strap {
    }

    .slide .cell {
        vertical-align: bottom;
    }

    .slide .strap .infowrap {
        width: 100%;
    }

    .slide .strap .infopadding {
        padding: 0 1em;
        text-align: center;
    }

    .slide .strap .infowrap .title h3 {
        text-align: center;
        font-size: 1.2em;
    }

    .slide .strap .infowrap .text p {
        text-align: center;
        font-size: 0.9em;
    }

    .slide .strap .infowrap .text a {
        display: none;
    }

    .gallery-arrow {
        bottom: 25px;
    }

    .owl-theme .owl-controls {
        display: none;
    }
}





/* video slide */

.slide .video-overlay {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #FFF;
    z-index: 999;
}

.slide video {
    width: 100%;
    max-height: 350px;
}





/*************** COOKIE ALERT *************/

#cookie-alert {
    background-color: #dd1021;
    border-bottom: solid #C0C0C0 0.083em;
    text-align: center;
    color: #FFFFFF;
    display: none;
    padding: 0.833em 1% 3em;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    cursor: pointer;
}

    #cookie-alert a {
        color: #000;
        display: inline-block;
        padding: 0.5em;
        margin: 0.5em;
        background-color: #FFF;
        text-decoration: none;
    }

    #cookie-alert strong {
        color: #FFF;
    }


    #cookie-alert span {
        font-weight: bold;
        color: #FFF;
        text-decoration: none;
    }


.red {
    color: #dd1021;
}



.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


.owl-carousel-customised {
    width: 90% !important;
    margin: 0 auto;
}

@media all and (max-width: 800px) {
    .owl-carousel-customised {
        width: 100% !important;
        margin: 0 0;
    }
}






/* carousel CLS fix */

.owl-carousel {
    display: block !important;
    overflow: hidden;
}


.owl-stage-outer {
    display: block;
    overflow: hidden;
}
.owl-stage {
    display: block;
    overflow: hidden;
}

.owl-carousel .slide-owl-wrap:not(:first-child) {
    display: none;
}

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

.owl-nav {
    display: none;
}


.owl-carousel .slide {
    display: block;
}


.owl-carousel .slide:not(:first-child) {
    display: none;
}



@media all and (orientation: landscape) {
    /* Styles for landscape orientation (width > height) */



    .owl-carousel .mobile {
        display: none !important;
    }

    .owl-carousel .desktop {
        display: block !important;
    }
}

@media all and (orientation: portrait) {
    /* Styles for portrait orientation (height > width) */



    .owl-carousel .mobile {
        display: block !important;
    }

    .owl-carousel .desktop {
        display: none !important;
    }
}


lite-vimeo {
    text-align: initial;
}