html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
    -webkit-overflow-scrolling: touch;
    font-family: 'Open Sans', sans-serif;
}
/* NOT SELECTABLE */
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    display: block;
    margin-bottom: 25px;
}

h1 {
    font-size: 3.2rem;
    font-weight: 300;
    letter-spacing: 0.5px;
}

h2 {
    font-size: 2.6rem;
    font-weight: 300;
    letter-spacing: 0.4px;
}

h3 {
    font-size: 2.1rem;
    font-weight: 300;
    letter-spacing: 0.3px;
}

h4 {
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: 0.2px;
}

h5 {
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: 0.1px;
}

h6 {
    font-size: 1.2rem;
    font-weight: 400;
}

p {
    margin: 25px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

header {
    position: relative;
    padding: 35px 0 25px 0;
    margin: 0 auto 25px auto !important;
    width: 100%;
    max-width: 100%;
}

.header-s {
    height: 200px;
    line-height: 200px;
}

.header-m {
    height: 400px;
    line-height: 400px;
}

.header-l {
    height: 600px;
    line-height: 600px;
}

strong, b {
    font-weight: 600;
}

ul {
}

li {
}

img {
    max-width: 100%;
}

section {
    position: relative;
    margin: 0 auto;
    padding: 75px 0px 50px 0px;
    width: 100%;
    max-width: 100%;
}

.panel {
    width: 100%;
    padding: 15px;
    max-width: 100%;
    margin: 2.5% auto 2.5% auto;
    border-radius: 2px;
}

    .panel h1:first-child,
    .panel h2:first-child,
    .panel h3:first-child,
    .panel h4:first-child,
    .panel h5:first-child,
    .panel h6:first-child,
    .panel img:first-child,
    .panel p:first-child,
    .panel h1:first-child,
    .panel button:first-child {
        margin: 0 0;
    }

    .panel h1,
    .panel h2,
    .panel h3,
    .panel h4,
    .panel h5,
    .panel h6,
    .panel img,
    .panel p,
    .panel h1,
    .panel button, .panel p {
        margin: 25px 0 auto 0;
    }

    .panel hr {
        margin: 10px 0 12.5px 0;
    }

.login-panel {
    position: relative;
    width: 90%;
    max-width: 680px;
    margin: 0 auto;
    text-align: center;
}
/* CONTAINERS */
.container-full {
    width: 90%;
    max-width: 90%;
}

.container-l {
    width: 90%;
    max-width: 1200px;
}

.container-m {
    width: 90%;
    max-width: 960px;
}

.container-s {
    width: 90%;
    max-width: 640px;
}

/* GRIDS */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.2%;
}

    .col:first-child {
        margin-left: 0;
    }

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
}

.s-12 {
    width: 100%;
}

.s-11 {
    width: 91.56%;
}

.s-10 {
    width: 83.13%;
}

.s-9 {
    width: 74.7%;
}

.s-8 {
    width: 66.26%;
}

.s-7 {
    width: 57.83%;
}

.s-6 {
    width: 49.4%;
}

.s-5 {
    width: 40.96%;
}

.s-4 {
    width: 32.53%;
}

.s-3 {
    width: 24.1%;
}

.s-2 {
    width: 15.66%;
}

.s-1 {
    width: 7.233%;
}

/* BREADCRUMBS */
.breadcrumb {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0px 15px;
    height: 75px;
    border-radius: 2px;
    margin: 25px 0;
}

    .breadcrumb a {
        display: inline;
        line-height: 75px;
        margin-right: 25px;
        font-weight: 400;
        letter-spacing: 0.5px;
        font-size: 14px;
    }

        .breadcrumb a:after {
            font-family: 'bluegrass_icons';
            font-size: 8px;
            margin-left: 12.5px;
            content: '\e951';
            position: absolute;
            top: 0px;
            color: #EEE;
            width: 50px;
        }

        .breadcrumb a:last-child:after {
            content: '';
        }
/* BULLET LIST */
.bullet-list ul {
    list-style-type: disc;
    padding: 12.5px 0px;
    display: block;
    list-style-position: inside;
}

.bullet-list li {
    padding-left: 6.25px;
}
/* TABLES */
table {
    width: 100%;
    max-width: 100%;
    border: none;
    text-align: left;
    border-collapse: collapse;
    font-size: 14px;
    margin: 25px 0;
}

th {
    font-size: 16px;
    padding: 12.5px 0px;
    padding-bottom: 12.5px;
    border-bottom: 1px solid #dadada;
    font-weight: 400;
}

td {
    padding: 12.5px 0px;
    font-weight: 400;
}

tbody:before {
    content: '';
    display: block;
    height: 12.5px;
}

tbody:after {
    width: 100%;
    border-bottom: 1px solid #dadada;
}

.highlight-table tr:hover {
    background: #EDEDED;
}

/* ALIGNMENTS & VALIGNS */
.centered {
    margin-left: auto;
    margin-right: auto;
}

.center, .center-to-left, .center-to-right {
    text-align: center;
}

.left, .left-to-center, .left-to-right {
    text-align: left;
}

.right, .right-to-center, .right-to-left {
    text-align: right;
}

.justify {
    text-align: justify;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.valign-container {
    display: table;
}

.valign {
    display: table-cell;
    vertical-align: middle;
}

.spacer-xs {
    position: relative;
    height: 12.5px;
    margin: 0;
    pointer-events: none;
}

.spacer-s {
    position: relative;
    height: 25px;
    margin: 0;
    pointer-events: none;
}

.spacer-m {
    position: relative;
    height: 50px;
    margin: 0;
    pointer-events: none;
}

.spacer-l {
    position: relative;
    height: 75px;
    margin: 0;
    pointer-events: none;
}

.spacer-xl {
    position: relative;
    height: 100px;
    margin: 0;
    pointer-events: none;
}
/* PARALLAX */

header .parallax-window {
    margin: 0px auto;
}

.parallax-window {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    background: transparent;
}

.parallax-xl {
    height: 800px;
}

.parallax-l {
    height: 600px;
}

.parallax-m {
    height: 400px;
}

.parallax-s {
    height: 250px;
}

.hero {
    padding: 0 0;
    height: 500px;
    overflow: hidden;
}

    .hero .parallax-xl,
    .hero .parallax-l,
    .hero .parallax-m,
    .hero .parallax-s,
    .hero .parallax-window {
        height: 450px;
        line-height: 450px;
    }
/* MENU */
.side-menu, [data-pagination], [data-pagination] li {
    -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.side-menu {
    position: fixed;
    top: 0px;
    left: -400px;
    height: 100vh;
    width: 380px;
    background: #FFF;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(250,250,250,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
    border: none;
    z-index: 501 !important;
    box-shadow: 0 6px 7px rgba(0,0,0,0.23), 0 4px 6px rgba(0,0,0,0.13);
    -webkit-box-shadow: 0 6px 7px rgba(0,0,0,0.23), 0 4px 6px rgba(0,0,0,0.13);
    overflow-y: scroll;
    font-family: 'Open Sans', sans-serif !important;
}

    .side-menu::-webkit-scrollbar {
        width: 2px;
        height: 2px;
    }

    .side-menu::-webkit-scrollbar-button {
        width: 0px;
        height: 0px;
    }

    .side-menu::-webkit-scrollbar-thumb {
        background: #97999a;
        border: 0px none rgba(255,255,255,0);
        border-radius: 2px;
    }

        .side-menu::-webkit-scrollbar-thumb:hover {
            background: #97999a;
        }

        .side-menu::-webkit-scrollbar-thumb:active {
            background: #97999a;
        }

    .side-menu::-webkit-scrollbar-track {
        background: transparent;
        border: 0px none #ffffff;
        border-radius: 2px;
    }

        .side-menu::-webkit-scrollbar-track:hover {
            background: transparent;
        }

        .side-menu::-webkit-scrollbar-track:active {
            background: transparent;
        }

    .side-menu::-webkit-scrollbar-corner {
        background: transparent;
    }

    .side-menu::-moz-scrollbar {
        width: 2px;
        height: 2px;
    }

    .side-menu::-moz-scrollbar-button {
        width: 0px;
        height: 0px;
    }

    .side-menu::-moz-scrollbar-thumb {
        background: #97999a;
        border: 0px none rgba(255,255,255,0);
        border-radius: 2px;
    }

        .side-menu::-moz-scrollbar-thumb:hover {
            background: #97999a;
        }

        .side-menu::-moz-scrollbar-thumb:active {
            background: #97999a;
        }

    .side-menu::-moz-scrollbar-track {
        background: transparent;
        border: 0px none #ffffff;
        border-radius: 2px;
    }

        .side-menu::-moz-scrollbar-track:hover {
            background: transparent;
        }

        .side-menu::-moz-scrollbar-track:active {
            background: transparent;
        }

    .side-menu::-moz-scrollbar-corner {
        background: transparent;
    }

.close-side {
    left: 0px;
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.side-menu ul {
    position: relative;
    list-style-type: none;
    margin: 12.5px auto;
    padding: 0;
    width: 100%;
    color: #545454;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.side-menu li {
    padding: 20px;
    cursor: pointer;
    color: #545454 !important;
    font-weight: 600 !important;
}

.side-menu li, .side-menu ul {
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

    .side-menu li:after {
        font-family: 'bluegrass_icons';
        content: '\e951';
        float: right;
        color: #545454 !important;
        font-size: 8px;
        transform: translateY(3px);
        -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    .side-menu li:hover:after {
        transform: translateY(3px) translateX(-8px);
        -webkit-transform: translateY(3px) translateX(-8px);
        -moz-transform: translateY(3px) translateX(-8px);
    }

.side-menu-logo {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 65px auto 0px auto;
    padding: 0px 25px;
    text-align: center;
}

    .side-menu-logo img {
        max-height: 54px;
    }

.side-menu i {
    font-size: 14px;
    margin-right: 10px;
    width: 25px;
}

.side-menu li:hover {
    background: #f2f2f2;
}

.side-menu li:active {
    background: #E6E6E6;
}

.user-profile {
    position: relative;
    margin: 12.5px auto 37.5px auto;
    text-align: center;
}

    .user-profile h3 {
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        color: #414142 !important;
        margin: 12.5px auto 0 auto;
    }

    .user-profile span {
        font-size: 12px;
        display: block;
        font-weight: 700;
        margin: 7.5px auto;
    }

.seperator {
    position: relative;
    margin: 0 auto;
    border: none;
    height: 1px;
    background: rgba(18,18,18,0.5);
    width: 90%;
    max-width: 90%;
}

.behindov {
    z-index: 401 !important;
    opacity: 0;
    pointer-events: none;
    background: rgba(0,0,0,0.75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

nav {
    position: relative;
    margin: 0 auto;
    z-index: 299;
    width: 100%;
    height: 65px;
    line-height: 65px;
}

.client-logo {
    position: absolute;
    top: 1px;
    right: 18.5px;
    height: 65px;
    padding: 6.25px 0 !important;
    width: 50%;
    max-width: 300px;
    text-align: right;
    display: table;
    table-layout: fixed;
}

.client-logo-inner {
    height: 65px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 100%;
    max-width: 100%;
}

    .client-logo-inner img {
        max-height: 42.5px;
        height: 42.5px\0;
        margin: 0 0;
        padding: 0 0 0 0;
    }

.dropdown-child,
.dropdown-child-one,
.dropdown-child-two,
.dropdown-child-three,
.dropdown-child-four {
    display: none;
}

    .dropdown-child:after,
    .dropdown-child-one:after,
    .dropdown-child-two:after,
    .dropdown-child-three:after,
    .dropdown-child-four:after {
        content: '' !important;
    }

.dropdown-child,
.dropdown-child-one,
.dropdown-child-two,
.dropdown-child-three,
.dropdown-child-four {
    padding-left: 35px !important;
}

.show-dropdown {
    display: block;
}




.fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    margin-bottom: 0px;
}

.clearnav {
    position: relative;
    margin: 0 0;
    width: 100%;
    height: 65px;
    margin-bottom: 25px;
    pointer-events: none;
}

.menu-btn {
    text-align: center;
    width: 65px;
    height: 65px;
    font-size: 28px;
    z-index: 300;
    color: #97999a;
    -webkit-transition: all 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 250ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    cursor: pointer;
    line-height: 65px;
}

.fixed {
    position: fixed;
}

.menu-btn:hover {
    color: #DDD;
}

.fadeov {
    opacity: 1;
    pointer-events: all;
}
/* DIFFERENT COLOURED MENU BUTTONS */


/* OPTIONS */
select {
    min-width: 200px;
    border: none;
    height: 35px;
    font-size: 16px;
    outline: none;
    border-radius: 2px;
    background: #EDEDED;
}

option {
}
/* FORMS */
.inputfield {
    position: relative;
    margin: 25px auto;
    width: 100%;
    max-width: 100%;
}

    .inputfield input {
        outline: none;
        -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -moz-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -o-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
        border: none;
        font-size: 16px;
        width: 100%;
        max-width: 100%;
        padding: 0px 7.5px 7.5px 2.5px;
        border-bottom: 2px solid #A7A8A9;
        font-weight: 400;
        margin: 25px auto;
    }

        .inputfield input:focus {
            border-bottom: 2px solid #696B6C;
        }

/* FOOTER */
footer {
    position: relative;
    padding: 25px 12.5px;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    margin: 25px auto;
}


/* BUTTONS */
button {
    border: none;
    border-radius: 2px;
    padding: 12.5px 25px;
    font-weight: 400;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    margin: 25px 0;
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.bluegrass-blue-border-button {
    border: 2px solid #1fa2da;
    color: #1fa2da;
}

    .bluegrass-blue-border-button:hover {
        background: #1fa2da;
        color: #FFFFFF;
    }

.grey-border-button {
    border: 2px solid #97999a;
    color: #97999a;
}

    .grey-border-button:hover {
        background: #97999a;
        color: #FFFFFF;
    }

.blue-border-button {
    border: 2px solid #1fa2da;
    color: #1fa2da;
}

    .blue-border-button:hover {
        background: #1fa2da;
        color: #FFFFFF;
    }

.orange-border-button {
    border: 2px solid #dda90d;
    color: #dda90d;
}

    .orange-border-button:hover {
        background: #dda90d;
        color: #FFFFFF;
    }

.red-border-button {
    border: 2px solid #da2c2c;
    color: #da2c2c;
}

    .red-border-button:hover {
        background: #da2c2c;
        color: #FFFFFF;
    }

.green-border-button {
    border: 2px solid #4fb542;
    color: #4fb542;
}

    .green-border-button:hover {
        background: #4fb542;
        color: #FFFFFF;
    }

.cyan-border-button {
    border: 2px solid #32bbc8;
    color: #32bbc8;
}

    .cyan-border-button:hover {
        background: #32bbc8;
        color: #FFFFFF;
    }

.yellow-border-button {
    border: 2px solid #f7ea36;
    color: #f7ea36;
}

    .yellow-border-button:hover {
        background: #f7ea36;
        color: #000000;
    }

.purple-border-button {
    border: 2px solid #5c24c6;
    color: #5c24c6;
}

    .purple-border-button:hover {
        background: #5c24c6;
        color: #FFFFFF;
    }

.brown-border-button {
    border: 2px solid #4e392c;
    color: #4e392c;
}

    .brown-border-button:hover {
        background: #4e392c;
        color: #FFFFFF;
    }

.pink-border-button {
    border: 2px solid #f94e7c;
    color: #f94e7c;
}

    .pink-border-button:hover {
        background: #f94e7c;
        color: #FFFFFF;
    }

.light-grey-border-button {
    border: 2px solid #DADADA;
    color: #DADADA;
}

    .light-grey-border-button:hover {
        background: #DADADA;
        color: #FFFFFF;
    }

.white-border-button {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

    .white-border-button:hover {
        background: #FFFFFF;
        color: #999999;
    }

.button-prev:before {
    font-family: 'bluegrass_icons';
    content: '\e950';
    font-size: 9px;
    position: absolute;
    margin-left: -30px;
    margin-top: 5px;
}

.button-prev {
    padding-left: 50px;
}

.button-next:after {
    font-family: 'bluegrass_icons';
    content: '\e951';
    font-size: 9px;
    position: absolute;
    margin-left: 30px;
    margin-top: 5px;
}

.button-next {
    padding-right: 50px;
}

.btn-1 {
    background: #51748A;
}

.btn-2 {
    background: #4A9473;
}

.btn-3 {
    background: #C7964F;
}

.btn-4 {
    background: #527D37;
}

.btn-5 {
    background: #8A6435;
}

.btn-1, .btn-2, .btn-3, .btn-4, .btn-5 {
    color: #FFFFFF !important;
}


/* SHADOWS */
.depth-1, .depth-2, .depth-3, .depth-4, tr {
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.depth-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.hover-shadow:hover {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.depth-2 {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.depth-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.depth-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/* BACKGROUND COLOURS */
.bg-bluegrass-blue {
    background: #1fa2da;
}

.bg-bluegrass-secondary-blue {
    background: #126094;
}

.bg-vision-blue {
    background: #1d9cd6;
}

.bg-vauxhall-red {
    background: #CE181E;
}

.bg-vauxhall-grey {
    background: #404040;
}

.bg-nissan-red {
    background: #C3002F;
}

.bg-nissan-grey {
    background: #414142;
}

.bg-black {
    background: #000000;
}

.bg-white {
    background: #FFFFFF;
}
/* grey */
.bg-grey-lighten-4 {
    background: #F7F7F7;
}

.bg-grey-lighten-3 {
    background: #DADBDB;
}

.bg-grey-lighten-2 {
    background: #B6B7B8;
}

.bg-grey-lighten-1 {
    background: #A7A8A9;
}

.bg-grey {
    background: #97999A;
}

.bg-grey-darken-1 {
    background: #878A8B;
}

.bg-grey-darken-2 {
    background: #787A7C;
}

.bg-grey-darken-3 {
    background: #696B6C;
}

.bg-grey-darken-4 {
    background: #5A5C5D;
}
/*blue*/
.bg-blue-lighten-4 {
    background: #c0e6f6;
}

.bg-blue-lighten-3 {
    background: #8fd2ef;
}

.bg-blue-lighten-2 {
    background: #50b9e6;
}

.bg-blue-lighten-1 {
    background: #35aee2;
}

.bg-blue {
    background: #1fa2da;
}

.bg-blue-darken-1 {
    background: #1b8ebf;
}

.bg-blue-darken-2 {
    background: #177aa4;
}

.bg-blue-darken-3 {
    background: #14668a;
}

.bg-blue-darken-4 {
    background: #10526f;
}
/*green*/
.bg-green-lighten-4 {
    background: #ccebc9;
}

.bg-green-lighten-3 {
    background: #a6dc9f;
}

.bg-green-lighten-2 {
    background: #76c96b;
}

.bg-green-lighten-1 {
    background: #61c155;
}

.bg-green {
    background: #4fb542;
}

.bg-green-darken-1 {
    background: #459f3a;
}

.bg-green-darken-2 {
    background: #3b8832;
}

.bg-green-darken-3 {
    background: #327229;
}

.bg-green-darken-4 {
    background: #285b21;
}
/*red*/
.bg-red-lighten-4 {
    background: #f6cdcd;
}

.bg-red-lighten-3 {
    background: #ee9d9d;
}

.bg-red-lighten-2 {
    background: #e36060;
}

.bg-red-lighten-1 {
    background: #df4646;
}

.bg-red {
    background: #da2c2c;
}

.bg-red-darken-1 {
    background: #c52323;
}

.bg-red-darken-2 {
    background: #ab1e1e;
}

.bg-red-darken-3 {
    background: #911919;
}

.bg-red-darken-4 {
    background: #771515;
}
/*cyan*/
.bg-cyan-lighten-4 {
    background: #c6edf1;
}

.bg-cyan-lighten-3 {
    background: #99dfe6;
}

.bg-cyan-lighten-2 {
    background: #60cdd7;
}

.bg-cyan-lighten-1 {
    background: #47c5d1;
}

.bg-cyan {
    background: #32bbc8;
}

.bg-cyan-darken-1 {
    background: #2ca4af;
}

.bg-cyan-darken-2 {
    background: #268d97;
}

.bg-cyan-darken-3 {
    background: #20767f;
}

.bg-cyan-darken-4 {
    background: #1a5f66;
}
/*yellow*/
.bg-yellow-lighten-4 {
    background: #fefdeb;
}

.bg-yellow-lighten-3 {
    background: #fcf7b5;
}

.bg-yellow-lighten-2 {
    background: #f9f071;
}

.bg-yellow-lighten-1 {
    background: #f8ed53;
}

.bg-yellow {
    background: #f7ea36;
}

.bg-yellow-darken-1 {
    background: #f6e719;
}

.bg-yellow-darken-2 {
    background: #e7d809;
}

.bg-yellow-darken-3 {
    background: #c9bc08;
}

.bg-yellow-darken-4 {
    background: #aca107;
}
/*orange*/
.bg-orange-lighten-4 {
    background: #fae7ad;
}

.bg-orange-lighten-3 {
    background: #f7d778;
}

.bg-orange-lighten-2 {
    background: #f3c334;
}

.bg-orange-lighten-1 {
    background: #f1bb17;
}

.bg-orange {
    background: #dda90d;
}

.bg-orange-darken-1 {
    background: #c0930b;
}

.bg-orange-darken-2 {
    background: #a37d0a;
}

.bg-orange-darken-3 {
    background: #866708;
}

.bg-orange-darken-4 {
    background: #695106;
}
/*purple*/
.bg-purple-lighten-4 {
    background: #cab5f2;
}

.bg-purple-lighten-3 {
    background: #a886e9;
}

.bg-purple-lighten-2 {
    background: #7d49de;
}

.bg-purple-lighten-1 {
    background: #6a2fd9;
}

.bg-purple {
    background: #5c24c6;
}

.bg-purple-darken-1 {
    background: #501fac;
}

.bg-purple-darken-2 {
    background: #441b92;
}

.bg-purple-darken-3 {
    background: #381678;
}

.bg-purple-darken-4 {
    background: #2c115e;
}
/*pink*/
.bg-pink-lighten-4 {
    background: #ffffff;
}

.bg-pink-lighten-3 {
    background: #fdcedb;
}

.bg-pink-lighten-2 {
    background: #fb89a8;
}

.bg-pink-lighten-1 {
    background: #fa6c92;
}

.bg-pink {
    background: #f94e7c;
}

.bg-pink-darken-1 {
    background: #f83066;
}

.bg-pink-darken-2 {
    background: #f71350;
}

.bg-pink-darken-3 {
    background: #e30843;
}

.bg-pink-darken-4 {
    background: #c6073a;
}
/*brown*/
.bg-brown-lighten-4 {
    background: #b79580;
}

.bg-brown-lighten-3 {
    background: #a3775c;
}

.bg-brown-lighten-2 {
    background: #755642;
}

.bg-brown-lighten-1 {
    background: #624737;
}

.bg-brown {
    background: #4e392c;
}

.bg-brown-darken-1 {
    background: #3a2b21;
}

.bg-brown-darken-2 {
    background: #271c16;
}

.bg-brown-darken-3 {
    background: #130e0b;
}

.bg-brown-darken-4 {
    background: #000000;
}
/* TYPOGRAPHY */
.light {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
}

.thin {
    font-weight: 300;
}

.medium {
    font-weight: 400;
}

.thick {
    font-weight: 600;
}

.heavy {
    font-weight: 700;
}
/* TEXT COLOURS */
.text-bluegrass-blue {
    color: #1fa2da;
}

.text-bluegrass-secondary-blue {
    color: #126094;
}

.text-vision-blue {
    color: #1d9cd6;
}

.text-vauxhall-red {
    color: #CE181E;
}

.text-vauxhall-grey {
    color: #404040;
}

.text-nissan-red {
    color: #C3002F;
}

.text-nissan-grey {
    color: #414142;
}

.text-black {
    color: #000000;
}

.text-white {
    color: #FFFFFF;
}
/* grey */
.text-grey-lighten-4 {
    color: #F7F7F7;
}

.text-grey-lighten-3 {
    color: #DADBDB;
}

.text-grey-lighten-2 {
    color: #B6B7B8;
}

.text-grey-lighten-1 {
    color: #A7A8A9;
}

.text-grey {
    color: #97999A;
}

.text-grey-darken-1 {
    color: #878A8B;
}

.text-grey-darken-2 {
    color: #787A7C;
}

.text-grey-darken-3 {
    color: #696B6C;
}

.text-grey-darken-4 {
    color: #5A5C5D;
}
/*blue*/
.text-blue-lighten-4 {
    color: #c0e6f6;
}

.text-blue-lighten-3 {
    color: #8fd2ef;
}

.text-blue-lighten-2 {
    color: #50b9e6;
}

.text-blue-lighten-1 {
    color: #35aee2;
}

.text-blue {
    color: #1fa2da;
}

.text-blue-darken-1 {
    color: #1b8ebf;
}

.text-blue-darken-2 {
    color: #177aa4;
}

.text-blue-darken-3 {
    color: #14668a;
}

.text-blue-darken-4 {
    color: #10526f;
}
/*green*/
.text-green-lighten-4 {
    color: #ccebc9;
}

.text-green-lighten-3 {
    color: #a6dc9f;
}

.text-green-lighten-2 {
    color: #76c96b;
}

.text-green-lighten-1 {
    color: #61c155;
}

.text-green {
    color: #4fb542;
}

.text-green-darken-1 {
    color: #459f3a;
}

.text-green-darken-2 {
    color: #3b8832;
}

.text-green-darken-3 {
    color: #327229;
}

.text-green-darken-4 {
    color: #285b21;
}
/*red*/
.text-red-lighten-4 {
    color: #f6cdcd;
}

.text-red-lighten-3 {
    color: #ee9d9d;
}

.text-red-lighten-2 {
    color: #e36060;
}

.text-red-lighten-1 {
    color: #df4646;
}

.text-red {
    color: #da2c2c;
}

.text-red-darken-1 {
    color: #c52323;
}

.text-red-darken-2 {
    color: #ab1e1e;
}

.text-red-darken-3 {
    color: #911919;
}

.text-red-darken-4 {
    color: #771515;
}
/*cyan*/
.text-cyan-lighten-4 {
    color: #c6edf1;
}

.text-cyan-lighten-3 {
    color: #99dfe6;
}

.text-cyan-lighten-2 {
    color: #60cdd7;
}

.text-cyan-lighten-1 {
    color: #47c5d1;
}

.text-cyan {
    color: #32bbc8;
}

.text-cyan-darken-1 {
    color: #2ca4af;
}

.text-cyan-darken-2 {
    color: #268d97;
}

.text-cyan-darken-3 {
    color: #20767f;
}

.text-cyan-darken-4 {
    color: #1a5f66;
}
/*yellow*/
.text-yellow-lighten-4 {
    color: #fefdeb;
}

.text-yellow-lighten-3 {
    color: #fcf7b5;
}

.text-yellow-lighten-2 {
    color: #f9f071;
}

.text-yellow-lighten-1 {
    color: #f8ed53;
}

.text-yellow {
    color: #f7ea36;
}

.text-yellow-darken-1 {
    color: #f6e719;
}

.text-yellow-darken-2 {
    color: #e7d809;
}

.text-yellow-darken-3 {
    color: #c9bc08;
}

.text-yellow-darken-4 {
    color: #aca107;
}
/*orange*/
.text-orange-lighten-4 {
    color: #fae7ad;
}

.text-orange-lighten-3 {
    color: #f7d778;
}

.text-orange-lighten-2 {
    color: #f3c334;
}

.text-orange-lighten-1 {
    color: #f1bb17;
}

.text-orange {
    color: #dda90d;
}

.text-orange-darken-1 {
    color: #c0930b;
}

.text-orange-darken-2 {
    color: #a37d0a;
}

.text-orange-darken-3 {
    color: #866708;
}

.text-orange-darken-4 {
    color: #695106;
}
/*purple*/
.text-purple-lighten-4 {
    color: #cab5f2;
}

.text-purple-lighten-3 {
    color: #a886e9;
}

.text-purple-lighten-2 {
    color: #7d49de;
}

.text-purple-lighten-1 {
    color: #6a2fd9;
}

.text-purple {
    color: #5c24c6;
}

.text-purple-darken-1 {
    color: #501fac;
}

.text-purple-darken-2 {
    color: #441b92;
}

.text-purple-darken-3 {
    color: #381678;
}

.text-purple-darken-4 {
    color: #2c115e;
}
/*pink*/
.text-pink-lighten-4 {
    color: #ffffff;
}

.text-pink-lighten-3 {
    color: #fdcedb;
}

.text-pink-lighten-2 {
    color: #fb89a8;
}

.text-pink-lighten-1 {
    color: #fa6c92;
}

.text-pink {
    color: #f94e7c;
}

.text-pink-darken-1 {
    color: #f83066;
}

.text-pink-darken-2 {
    color: #f71350;
}

.text-pink-darken-3 {
    color: #e30843;
}

.text-pink-darken-4 {
    color: #c6073a;
}
/*brown*/
.text-brown-lighten-4 {
    color: #b79580;
}

.text-brown-lighten-3 {
    color: #a3775c;
}

.text-brown-lighten-2 {
    color: #755642;
}

.text-brown-lighten-1 {
    color: #624737;
}

.text-brown {
    color: #4e392c;
}

.text-brown-darken-1 {
    color: #3a2b21;
}

.text-brown-darken-2 {
    color: #271c16;
}

.text-brown-darken-3 {
    color: #130e0b;
}

.text-brown-darken-4 {
    color: #000000;
}
/* FONT SIZES */
.italic {
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}

.text-xxs {
    font-size: 9px;
    line-height: 18px;
}

.text-xs {
    font-size: 10px;
    line-height: 20px;
}

.text-s {
    font-size: 14px;
    line-height: 22px;
}

.text-m {
    font-size: 18px;
    line-height: 26px;
}

.text-l {
    font-size: 21px;
    line-height: 28px;
}

.text-xl {
    font-size: 32px;
    line-height: 40px;
}

.text-xxl {
    font-size: 42px;
    line-height: 48px;
}

.text-xxxl {
    font-size: 46px;
    line-height: 56px;
}

::selection {
    background: #1fa2da;
    color: #FFFFFF;
}

::-moz-selection {
    background: #1fa2da;
    color: #FFFFFF;
}

/* PAGINATION */
[data-pagination] {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    margin: 25px 0;
    z-index: 0;
}

    [data-pagination] ul {
        list-style-type: none;
        display: inline;
        font-size: 100%;
        margin: 0;
        padding: 15px;
        z-index: 0;
    }

    [data-pagination] i {
        color: #1fa2da;
        font-size: 12px;
    }

    [data-pagination] ul li {
        display: inline-block;
        font-size: 100%;
        width: auto;
        border-radius: 2px;
    }

    [data-pagination] > a {
        font-size: 140%;
    }

    [data-pagination] a {
        color: #1c1c1c;
        font-size: 100%;
        padding: 25px 12.5px;
    }

        [data-pagination] a:focus,
        [data-pagination] a:hover {
        }

    [data-pagination] li.current {
        background: #dadada;
    }

        [data-pagination] li.current:hover {
            background: #dadada;
        }

    [data-pagination] li:hover {
        background: #EDEDED;
    }

    [data-pagination] .disabled,
    [data-pagination] [hidden],
    [data-pagination] [disabled] {
        opacity: .5;
        pointer-events: none;
    }

@media (min-width: 350px) {
    [data-pagination] {
        font-size: 10px;
    }

        [data-pagination] i {
            font-size: 9px;
        }

        [data-pagination] a {
            padding: 25px 5px;
        }
}

@media (min-width: 500px) {
    [data-pagination] {
        font-size: 12px;
    }

        [data-pagination] i {
            font-size: 10px;
        }

        [data-pagination] a {
            padding: 25px 7.5px;
        }
}

@media (min-width: 700px) {
    [data-pagination] {
        font-size: 14px;
    }

        [data-pagination] i {
            font-size: 11px;
        }

        [data-pagination] a {
            padding: 25px 10px;
        }
}

@media (min-width: 900px) {
    [data-pagination] {
        font-size: 16px;
    }

        [data-pagination] i {
            font-size: 12px;
        }

        [data-pagination] a {
            padding: 25px 12.5px;
        }
}
/* HELPERS */
.hide {
    display: none;
}

.hide-on-med-and-up {
    display: none;
}

.hide-on-large-only {
    display: none;
}

.inline {
    display: inline;
}

/* HORIZONTAL LINES */
hr {
    position: relative;
    margin: 25px 0px 0px 0px;
    width: 100%;
    max-width: 100%;
    height: 2px;
    border: none;
    border-radius: 2px;
}

.bluegrass-blue-hr {
    background: #1fa2da;
}

.white-hr {
    background: #FFFFFF;
}

.grey-hr {
    background: #97999a;
}

/* ANIMATIONS */
.fadein {
    opacity: 0;
    animation: fade-in cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -webkit-animation: fade-in cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -moz-animation: fade-in cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -o-animation: fade-in cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
}

.fadeinup {
    opacity: 0;
    animation: fade-in-up cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -webkit-animation: fade-in-up cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -moz-animation: fade-in-up cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -o-animation: fade-in-up cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
}

.fadeindown {
    opacity: 0;
    animation: fade-in-down cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -webkit-animation: fade-in-down cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -moz-animation: fade-in-down cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -o-animation: fade-in-down cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
}

.fadeinleft {
    opacity: 0;
    animation: fade-in-left cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -webkit-animation: fade-in-left cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -moz-animation: fade-in-left cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -o-animation: fade-in-left cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
}

.fadeinright {
    opacity: 0;
    animation: fade-in-right cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -webkit-animation: fade-in-right cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -moz-animation: fade-in-right cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    -o-animation: fade-in-right cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s forwards;
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

-webkit-keyframes fade-in {
    0%

{
    opacity: 0;
}

100% {
    opacity: 1;
}

}

-moz-keyframes fade-in {
    0%

{
    opacity: 0;
}

100% {
    opacity: 1;
}

}

-o-keyframes fade-in {
    0%

{
    opacity: 0;
}

100% {
    opacity: 1;
}

}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -o-transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

-webkit-keyframes fade-in-up {
    0%

{
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
}

100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

}

-moz-keyframes fade-in-up {
    0%

{
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
}

100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

}

-o-keyframes fade-in-up {
    0%

{
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
}

100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

}

@keyframes fade-in-down {
    0% {
        opacity: 0;
        transform: translateY(-50px);
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -o-transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

-webkit-keyframes fade-in-down {
    0%

{
    opacity: 0;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
}

100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

}

-moz-keyframes fade-in-down {
    0%

{
    opacity: 0;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
}

100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

}

-o-keyframes fade-in-down {
    0%

{
    opacity: 0;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
}

100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
}

}

@keyframes fade-in-left {
    0% {
        opacity: 0;
        transform: translateX(-50px);
        -webkit-transform: translateX(-50px);
        -moz-transform: translateX(-50px);
        -o-transform: translateX(-50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

-webkit-keyframes fade-in-left {
    0%

{
    opacity: 0;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
}

100% {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
}

}

-moz-keyframes fade-in-left {
    0%

{
    opacity: 0;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
}

100% {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
}

}

-o-keyframes fade-in-left {
    0%

{
    opacity: 0;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
}

100% {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
}

}

@keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -o-transform: translateX(50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
    }
}

-webkit-keyframes fade-in-right {
    0%

{
    opacity: 0;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
}

100% {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
}

}

-moz-keyframes fade-in-right {
    0%

{
    opacity: 0;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
}

100% {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
}

}

-o-keyframes fade-in-right {
    0%

{
    opacity: 0;
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
}

100% {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
}

}

.delay-xs {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
}

.delay-s {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
}

.delay-m {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
}

.delay-l {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
}

.delay-xl {
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
}

.delay-xxl {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
}


/* //////////.. TABLET ..\\\\\\\\\\ */
@media all and (max-width: 920px) {
    /*CONTAINERS*/
    .container-full, .container-l, .container-m, .container-s {
        max-width: 90%;
    }

    hr, button {
        margin: 12.5px 0;
    }
    /* GRIDS */
    .col {
        margin: 1% 0 1% 0%;
    }

    .s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12 {
        width: 100%;
    }

    /* ALIGNMENTS & VALIGN */
    .center-to-right, .left-to-right {
        text-align: right;
    }

    .center-to-left, .right-to-left {
        text-align: left;
    }

    .left-to-center, .right-to-center {
        text-align: center;
    }

    /*HELPERS*/
    .hide {
        display: none;
    }

    .hide-on-large-only {
        display: initial;
    }

    .hide-on-med-and-up {
        display: none;
    }

    .hide-on-med-and-down {
        display: none;
    }

    .hide-on-large-only {
        display: initial;
    }

    .hide-on-med-only {
        display: none;
    }

    /* MENU */
    .side-menu {
        width: 60%;
    }

    .side-menu {
        left: -60%;
    }

    .close-side {
        left: 0px;
        transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
    }

    /* HERO */
    .hero .parallax-xl,
    .hero .parallax-l,
    .hero .parallax-m,
    .hero .parallax-s,
    .hero .parallax-window {
        height: 300px;
        line-height: 300px;
    }
}



/* //////////.. MOBILE ..\\\\\\\\\\ */
@media all and (max-width: 640px) {

    /* HELPERS */
    .hide {
        display: none;
    }

    .hide-on-large-only {
        display: initial;
    }

    .hide-on-med-and-up {
        display: initial
    }

    .hide-on-med-and-down {
        display: none;
    }

    .hide-on-large-only {
        display: initial;
    }

    .hide-on-small-only {
        display: none;
    }
}

/*
     FILE ARCHIVED ON 11:53:50 Apr 06, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:58:05 Oct 06, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.65
  exclusion.robots: 0.034
  exclusion.robots.policy: 0.019
  esindex: 0.012
  cdx.remote: 220.773
  LoadShardBlock: 170.808 (3)
  PetaboxLoader3.datanode: 361.156 (5)
  load_resource: 818.631 (2)
  PetaboxLoader3.resolve: 290.161 (2)
*/