@font-face {
    font-family: 'AvantGardeGothic';
    src: url('../fonts/ITCAvantGardeGothic-ExtraLight.otf') format('opentype'), url('../fonts/ITCAvantGardeGothic-ExtraLight.ttf') format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: 'AvantGardeGothic';
    src: url('../fonts/ITCAvantGardeGothic-BookRegular.otf') format('opentype'), url('../fonts/ITCAvantGardeGothic-BookRegular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-Regular.otf') format('opentype'), url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-Bold.otf') format('opentype'), url('../fonts/MyriadPro-Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../fonts/MyriadPro-BoldCond.otf') format('opentype'), url('../fonts/MyriadPro-BoldCond.ttf') format('truetype');
    font-weight: 700;
}
@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../fonts/MyriadPro-Cond.otf') format('opentype'), url('../fonts/MyriadPro-Cond.ttf') format('truetype');
    font-weight: 300;
}

body{
    font-family: MyriadPro, Arial, sans-serif;
    background-color: #d7d7d7;
    color: #ffffff;
    font-size: 16px;
}
body.noscroll{ overflow: hidden;}
body.checkout{ background-color: #ffffff; margin-top: 120px; color: #231f20; }
body.checkout main{ min-height: 80vh;}
body.checkout .el_breadcrumb{ margin-top: 10px; margin-bottom: 65px;}

h1, h2, h3, h4, h6 {
    font-family: AvantGardeGothic, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 200;
    letter-spacing: 0.2em; /*0.3em*/
}
h1{ font-size: 76px; }
    /*letter-spacing: 6px;}*/
h1.sub{ font-size: 39px;}
/* letter-spacing: 3px;}*/
h2{ font-size: 45px;}
/* letter-spacing: 13px;}*/
h3{ font-size: 31px;}
/* letter-spacing: 9px;}*/
h4{ font-size: 26px;}
/* letter-spacing: 5px;}*/
h6{ font-size: 16px;}

.all-products h1.sub{ letter-spacing: 10px; }

a.button, button.button {
    color: #ffffff;
    background-color: #231f20;
    background-color: #000000;
    padding: 11px 30px 8px 30px;
    font-size: 19px;
    text-decoration: none;
    font-family: MyriadProCondensed;
    text-transform: uppercase;
    transition: background-color .5s linear;
    display: inline-block;
    border: 1px solid #231f20;
    border: 1px solid #000000;
}
a.button:hover {
    color: #ffffff;
    background-color: #333131;
}
.checkout a.button{
    color: #231f20;
    background-color: #ffffff;
    border: 1px solid #231f20;
}
.checkout a.button:hover {
    color: #ffffff;
    background-color: #231f20;
}
.checkout a{
    color: #231f20;
}
.checkout main{
    margin-bottom: 70px;
}
a.nohover{
    text-decoration: none;
    color: #231f20;
}

a.btn.disabled{
    opacity: 0.3;
}

label {
    font-weight: 400;
}

input[type="submit"], .btn, button.g-recaptcha {
    color: #ffffff;
    background-color: #231f20;
    border: none;
    padding: 11px 30px 11px 30px;
    font-size: 19px;
    text-decoration: none;
    font-family: MyriadProCondensed;
    text-transform: uppercase;
    transition: background-color .5s linear;
    display: inline-block;
    border-radius: 0px;
    opacity: 1;
}
    input[type="submit"]:hover {
        opacity: 0.8;
    }

.checkout input[type="submit"], .checkout .btn {
    color: #231f20;
    background-color: #ffffff;
    border: 1px solid #231f20;
    opacity: 1;
}

.checkout input[type="submit"].dark, .checkout .btn.dark {
    color: #ffffff;
    background-color: #231f20;
    border: 1px solid #231f20;
    opacity: 1;
}

    .checkout input[type="submit"].dark[disabled], .checkout .btn.dark[disabled] {
        background-color: #a9a5a6;
    }

div.product-panel-bottom a.button{
    padding: 12px 30px 9px 30px;
    margin-bottom: 11px;
    width: 100%;
    text-align: center;
}
div.product-panel-bottom input[type="submit"], #mobileAddToBasket {
    padding: 12px 30px 10px 30px;
    width: 100%;
    text-align: center;
    color: #231f20;
    background-color: transparent;
    border: 1px solid #231f20;
}
    div.product-panel-bottom input[type="submit"].transparent {
        color: #ffffff;
        background-color: #231f20;
        border: none;
        opacity: 0.7;
    }
    div.product-panel-bottom input[type="submit"]:hover, #mobileAddToBasket:hover {
        opacity: 1;
        border: 1px solid #231f20;
    }

.heading{ font-family: MyriadProCondensed, Arial, sans-serif; }
.dark{ color: #414042; }


header{position: fixed; top: 0px; left: 0px; width: 100%; margin: 10px; z-index: 90; }
header .logo > a > img{ float: left; margin-right: 10px; }
header .hamburger.lines{ float:left; position: relative; width: 22px; height: 13px; margin-top: 14px; cursor: pointer; }
header .hamburger.lines:before{
    content: '';
    position: absolute;
    top:0px;
    left:0px;
    width: 22px;
    height: 1px;
    border-bottom: 1px solid #323232;
    transition: 0.3s linear all;
    transform-origin: left;
}
header .hamburger.lines > span{
    content: '';
    position: absolute;
    top:7px;
    left:0px;
    width: 22px;
    height: 1px;
    border-bottom: 1px solid #323232;
    transition: 0.2s linear all;
}
header .hamburger.lines:after{
    content: '';
    position: absolute;
    top:14px;
    left:0px;
    width: 22px;
    height: 1px;
    border-bottom: 1px solid #323232;
    transition: 0.3s linear all;
    transform-origin: right;
}

    header .hamburger.lines.show:before {
        left: 17px;
        top: -1px;
        transform: rotate(130deg);
        border-color: #ffffff;
    }
    header .hamburger.lines.show > span {
        opacity: 0;
        border-color: #ffffff;
    }
    header .hamburger.lines.show:after {
        left: -4px;
        top: 16px;
        transform: rotate(49deg);
        border-color: #ffffff;
    }
    header .basket{
        float: right;
        margin: 11px 30px;
    }
    header .basket div[data-muilabel]{
        position: relative;
    }
    header .basket span[data-muilabel]{
        background-color: #231f20;
        color: #ffffff;
        border-radius: 10px;
        position: absolute;
        left: -15px;
        font-size: 10px;
        padding: 3px;
        width: 18px;
        height: 18px;
        top: 3px;
        text-align: center;
    }
    header .basket .allproducts{
        display: inline-block;
        margin-right: 30px;
        color: #231f20;
        font-family: MyriadProCondensed;
        text-transform: uppercase;
    }
        header .basket .allproducts:hover,
        header .basket .allproducts:active,
        header .basket .allproducts:focus {
            text-decoration: none;
        }
        header .basket .allproducts img {
            margin-left: 11px;
            vertical-align: text-top;
        }
    header .basket .bag{
        display: inline-block;
        position: relative;
        vertical-align: text-bottom;
    }

body.lighticons header .basket, 
body.lighticons header basket a,
body.lighticons header .basket .allproducts {
    color: #ffffff;
}
    body.lighticons header .basket img {
        filter: brightness(6) grayscale(1) contrast(5);
    }
body.lighticons header .hamburger.lines::before,
body.lighticons header .hamburger.lines::after,
body.lighticons header .hamburger.lines > span {
    border-bottom: 1px solid #ffffff;
}
body.lighticons header .basket span[data-muilabel] {
    background-color: #ffffff;
    color: #231f20;
}

/**/
body.lighticons.allproductsopen header .basket,
body.lighticons.allproductsopen header basket a,
body.lighticons.allproductsopen header .basket .allproducts {
    color: #231f20;
}

    body.lighticons.allproductsopen header .basket img {
        filter: initial;
    }

body.lighticons.allproductsopen header .hamburger.lines::before,
body.lighticons.allproductsopen header .hamburger.lines::after,
body.lighticons.allproductsopen header .hamburger.lines > span {
    border-bottom: 1px solid #231f20;
}

body.lighticons header .hamburger.lines.show::before,
body.lighticons header .hamburger.lines.show::after {
    border-bottom: 1px solid #ffffff;
}

body.lighticons.allproductsopen header .basket span[data-muilabel] {
    background-color: #231f20;
    color: #fff;
}

.popout-menu {
    position: fixed;
    width: 350px;
    height: 100vh;
    background-color: #d7d7d7;
    z-index: 80;
    left: -350px;
    transition: 0.3s ease-in left;
    overflow: auto;
}
.popout-menu.show{
    left: 0%;
}
    .popout-menu ul {
        margin: 0px;
        padding: 0px;
        font-size: 14px;
        font-family: AvantGardeGothic;
        color: #231f20;
        text-transform: uppercase;
        /*letter-spacing: 6px;*/
        letter-spacing: 0.3em;
    }
.popout-menu ul li{
    border-top: 1px solid #bfbfbf;
    position: relative;
}
.popout-menu ul li.first{
    border-top: 1px solid #6d6e71;
}
.popout-menu ul li:hover{
    background-color: #ffffff;
}
.popout-menu ul li:last-child{
    border-bottom: 1px solid #bfbfbf;
}
    .popout-menu ul li a {
        padding: 25px 20px;
        color: #231f20;
        display: block;
    }
    .popout-menu ul li a:hover{ text-decoration: none; }
.popout-menu ul li:first-child{
    background-color: #231f20;
    padding: 25px 20px;
}
.popout-menu ul li img{
    max-height: 52px;
    position: absolute;
    right: 25px;
    top: 9px;
    pointer-events: none;
}


.mobile-nav{ display: none; }

footer {
    color: #808080;
    background-color: #d7d7d7;
    padding: 22px 20px;
}
footer a, footer a:active, footer a:focus{
    color: #808080;
    text-decoration: none;
}
footer a:hover{
    color: #414042;
    text-decoration: underline;
}
.falsefooter{ color: #231f20; background-color: #ffffff; border-top: 1px solid #d3d4d4;}
.falsefooter .footerhalfpanel{
    padding: 60px 0;
}
.falsefooter .footerhalfpanel:first-child{
    border-right: 1px solid #d3d4d4;
}
.falsefooter .footerhalfpanel:last-child{
    border-left: 1px solid #d3d4d4;
    margin-left: -1px;
}
.falsefooter .footerhalfpanel .icon{
    margin: 10px;
    transition: 0.4s ease-in-out transform;
}
.falsefooter .footerhalfpanel .icon:hover{
    transform: translateY(-10px);
}

main > section.fill-height {
    min-height: calc(100vh - 337px);
}

.home-slick.slick-slider {
    height: 100vh;
    background-color: #bfbfbf;
    z-index: 11;
}
    .home-slick {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100vh;
        z-index: 12;
        background-color: #bfbfbf;
    }
        .home-slick.slick-initialized {
            position: relative;
            display: block;
            width: auto;
            height: auto;
            width: initial;
            height: initial;
        }

        .home-slick .full-height {
            top: 0px;
            left: 0px;
            position: absolute;
            width: 100%;
            height: 100vh;
            z-index: 14;
            background-color: #bfbfbf;
        }
            .home-slick .full-height:first-child{
                z-index: 15;
            }
            .home-slick.slick-initialized .full-height {
                position: relative;
                position: initial;
                top: 0px;
                top: initial;
                width: 100%;
                height: 100%;
            }
    .home-slick .slick-track {
        height: 100vh;
    }
.full-height {
    height: 100vh;
    background-size: cover;
    background-position: 50% 50%;
    outline: none;
}
.home-slick .full-height a.button{ margin-top: 65px; display:inline-block; }
.home-slick .full-height .container{
    margin-top: 50vh;
    transform: translateY(-50%);
}
.home-slick.slick-initialized .slick-slide p{
    padding-right: 50%;
}
.home-slick.slick-initialized .slick-slide.text-right p {
    padding-left: 50%;
    padding-right: 0%;
}
.home-slick.slick-initialized .slick-slide.text-center p {
    padding-left: 25%;
    padding-right: 25%;
}
.container-small {
    width: auto;
    padding: 0px;
}

.product-section {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    /*-webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);*/
}

.product-section .full-height{
    position: relative;
    overflow: hidden;
}

.product-section .container {
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateZ(0);*/
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    will-change: transform;

    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 24em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
    .product-section .container .aligner {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;

        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .product-section .container .aligner {
        width: 100%;
    }

@media (min-width: 768px) {
    .product-section .container .aligner {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .product-section .container .aligner {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .product-section .container .aligner {
        width: 1170px;
    }
}

    .product-section .container.scroll_active {
        position: fixed;
    }
.product-section .price, .product-panel .price,
.product-section .original-price,
.product-section .sale-price {
    font-family: AvantGardeGothic, Helvetica, Arial, sans-serif;
    font-size: 20px;
    /*letter-spacing: 7px;*/
    display: block;
    width: 145px;
    text-align: center;
    font-weight: 200;
    letter-spacing: 0.3em;
    padding-left: 0.3em;
}
.product-section h2{
    margin-top: 0px;
}
.product-panel .price {
    width: 100%;
}
.product-section .benefits{
    margin-top: 30px;
}

.product-section .benefit{
    margin-right: 20px;
    width: 60px;
    font-size: 13px;
    font-family: MyriadProCondensed, Helvetica, Arial, sans-serif;
    text-align:center;
    margin-bottom: 30px;
    display:inline-block;
    font-weight: 200;
    text-transform: uppercase;
    min-height: 91px;
    float: left;
    line-height: 123%;
}
.product-section .benefit p {
    margin-top: 7px;
}
.product-section .benefit > span{
    font-size: 42px;
}
.product-section .productimage {
    position: absolute;
    right: 0px;
    /*top: 50%;
    transform: translateY(-50%);*/
    position: relative;
}

.mast {
    position: relative;
    display: flex;
    align-items: center;
    height: 100vh;
    width: 100%;
}

.product-section .container.mast__header {
    z-index: 5;
    position: fixed;
    /*width: 100%;*/
    /*top: 45%;*/
    /*text-align: center;*/
    
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.product-section .container.mast__header.follow{
    position: absolute;
}



section.product-section:nth-child(1){ z-index: 2;}
section.product-section:nth-child(2){ z-index: 3;}
section.product-section:nth-child(3){ z-index: 4;}
section.product-section:nth-child(4){ z-index: 5;}
section.product-section:nth-child(5){ z-index: 6;}
section.product-section:nth-child(6){ z-index: 7;}
section.product-section:nth-child(7){ z-index: 8;}
section.product-section:nth-child(8){ z-index: 9;}
section.product-section:nth-child(9){ z-index: 10;}
section.product-section:nth-child(10){ z-index: 11;}


ul.anchors {
    z-index: 49;
    position: fixed;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0px;
    list-style: none;
}
    ul.anchors li{
        padding: 1px 0;
    }
    ul.anchors li a {
        width: 6px;
        height: 6px;
        border-radius: 10px;
        background-color: #ffffff;
        margin: 4px 0;
        display: block;
        text-decoration: none;
    }
        ul.anchors li a.active {
            background-color: #231f20;
            width: 10px;
            height: 10px;
            margin-left: -2px;
            margin-top: 2px;
        }
.section.product-top{
    height: 590px;
    background-position: 50%;
    background-size: cover;
    position: relative;
}
    .section.product-top.hasvideo .videoHolder {
        background-color: #000000;
    }
    section.product-panel {
        padding: 25px;
        height: 100vh; /*800px;*/
    min-height: 750px;
    position: relative;
    transition: 0.5s linear background-color;
}
.product-panel-bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 0 25px;
    padding: 0 61px;
}
.product-panel-bottom-mobile {
    display: none;
}
.product-panel-bottom table{
    width: 100%;
}
.product-panel-bottom table thead{
    border-bottom: 1px solid #ffffff;
    font-family: MyriadProCondensed;
    text-transform: uppercase;
    font-size: 17px;
}
.product-panel-categories{
    position: absolute;
    top: 80px;
    left: 51px;
    left: 61px;
    z-index: 1;
}
    .product-panel-categories h3{
        display: none;
    }
    .product-panel-categories ul {
        padding: 0px;
        margin: 0px;
        list-style: none;
        font-family: AvantGardeGothic, Arial, sans-serif;
        font-weight: 200;
    }
.product-panel-categories ul li a{
    font-size: 17px;
    color: #ffffff;
    text-transform: uppercase;
    /*transition: 0.4s linear font-weight;*/
}
.product-panel-categories ul li a:hover{
    font-weight: 700;
    text-decoration: none;
}
.product-panel-categories ul li.selected{
    font-weight: 700;
}
.product-panel-categories ul li.selected:before{
    position: absolute;
    content: '-';
    left: -13px;

}
.input-validation-error{ border-color: #dc2a2a; color: #dc2a2a;}
.product-panel-image {
    text-align: center;
    top: 50%;
    left: 0px;
    position: absolute;
    width: 100%;
    transform: translateY(-50%);
    /*padding-bottom: 387px;
    padding-top: 100px;*/
    height: 100vh;
    min-height: 750px;
}
    .product-panel-image h3 {
        font-size: 3vw;
    }
    .product-panel-image img.prod-image {
        height: 100%;
        padding-top: 50px;
        padding-bottom: 400px;
    }
    .product-panel-image > div {
        position: absolute;
        bottom: 280px;
        width: 100%;
    }
.product-panel-bottom table thead th{
    padding: 5px 0px;
}

.product-panel-bottom table thead th:nth-child(1),
.product-panel-bottom table tbody tr td:nth-child(1){
    width: 30%;
    padding-right: 100px;
}
    .product-panel-bottom table thead th:nth-child(2),
    .product-panel-bottom table tbody tr td:nth-child(2) {
        width: 15%;
        padding-right: 100px;
    }
    .product-panel-bottom table thead th:nth-child(3),
    .product-panel-bottom table tbody tr td:nth-child(3) {
        width: 35%;
        padding-right: 100px;
    }
    .product-panel-bottom table thead th:nth-child(4),
    .product-panel-bottom table tbody tr td:nth-child(4) {
        width: 11%;
        padding-right: 25px;
        padding-right: 0px;
    }
.description-holder{
    max-width: 100%;
    max-height: 130px;
    overflow: auto;
}
    .product-panel-bottom table tbody tr td {
        padding-top: 35px;
        padding-bottom: 25px;
        vertical-align: top;
    }
    .colour-select-holder{
        width: 230px;
    }
    .colour-select {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin: 0 5px 4px 0;
        border: 1px solid transparent;
        cursor: pointer;
    }
    .colour-select.selected[data-colour="#ffffff"]{
        border: 1px solid #000000;
    }
    .colour-select.selected {
        border: 1px solid #ffffff;
    }
    .size-select-holder .size-select{
        padding: 5px 16px;
        margin: 0px 10px 10px 0px;
        border: 1px solid none;
        border-radius: 20px;
        width: 320px;
        width: 100%;
        transition: 0.4s linear border;
        border: 1px solid transparent;
        padding-bottom: 2px;
        white-space: nowrap;
    }
        .size-select-holder .size-select > span {
            vertical-align: middle;
            line-height: 1;
        }
        .size-select-holder .size-select.selected {
            border: 1px solid #ffffff;
        }
    .size-select{ font-size: 16px;}
    .size-select .size-select-name{
        width: 70px;
        display: inline-block;
        font-family: MyriadProCondensed, Arial;
    }
    section.panelled-section{
        height: 100vh; /*782px;*/
        min-height: 750px;
        position: relative;
        background-size: cover;
        background-position: 50%;
        overflow: hidden;
    }

    section.panelled-section .benefit{
        position: absolute;
        border: 1px solid #e2e2e2;
        padding: 20px;
        padding: 61px;
        overflow:hidden;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.10);
    }

    /***************/
    section.panelled-section[data-count="4"] .benefit:nth-child(1){
        width: 33.3333334%;
        height: 66.666667%;
    }
    section.panelled-section[data-count="4"] .benefit:nth-child(2){
        width: 33.3333334%;
        height: 66.666667%;
        left: 33.3333334%;

    }
    section.panelled-section[data-count="4"] .benefit:nth-child(3){
        width: 66.666667%;
        height: 33.3333334%;
        top: 66.666667%;
    }
    section.panelled-section[data-count="4"] .benefit:nth-child(4){
        width: 33.3333334%;
        height: 100%;
        left: 66.666667%;
    }
    /***************/
    section.panelled-section[data-count="4"][data-type="two"] .benefit:nth-child(1){
        width: 33.3333334%;
        height: 100%;
    }
    section.panelled-section[data-count="4"][data-type="two"] .benefit:nth-child(2){
        width: 66.666667%;
        height: 33.3333334%;
        left: 33.3333334%;

    }
    section.panelled-section[data-count="4"][data-type="two"] .benefit:nth-child(3){
        width: 33.3333334%;
        height: 66.666667%;
        top: 33.3333334%;
        left: 33.3333334%;
    }
    section.panelled-section[data-count="4"][data-type="two"] .benefit:nth-child(4){
        width: 33.3333334%;
        height: 66.666667%;
        top: 33.3333334%;
        left: 66.666667%;
    }
    /***************/
    section.panelled-section[data-count="4"][data-type="three"] .benefit:nth-child(1){
        width: 66.666667%;
        height: 33.3333334%;
    }
    section.panelled-section[data-count="4"][data-type="three"] .benefit:nth-child(2){
        width: 33.3333334%;
        height: 66.666667%;
        left: 66.666667%;

    }
    section.panelled-section[data-count="4"][data-type="three"] .benefit:nth-child(3){
        width: 66.666667%;
        height: 66.666667%;
        top: 33.3333334%;
    }
    section.panelled-section[data-count="4"][data-type="three"] .benefit:nth-child(4){
        width: 33.3333334%;
        height: 33.3333334%;
        top: 66.666667%;
        left: 66.666667%;
    }

    /***************/
    section.panelled-section[data-count="5"] .benefit:nth-child(1){
        width: 33.3333334%;
        height: 66.666667%;
    }
    section.panelled-section[data-count="5"] .benefit:nth-child(2){
        width: 33.3333334%;
        height: 66.666667%;
        left: 33.3333334%;

    }
    section.panelled-section[data-count="5"] .benefit:nth-child(3){
        width: 33.3333334%;
        height: 33.3333334%;
        left:66.666667%;
    }
    section.panelled-section[data-count="5"] .benefit:nth-child(4){
        width: 66.666667%;
        height: 33.3333334%;
        top: 66.666667%;
    }
    section.panelled-section[data-count="5"] .benefit:nth-child(5){
        width: 33.3333334%;
        height: 66.666667%;
        top:33.3333334%;
        left: 66.666667%;
    }
    /***************/
    section.panelled-section[data-count="5"][data-type="two"] .benefit:nth-child(1){
        width: 33.3333334%;
        height: 33.3333334%;
    }
    section.panelled-section[data-count="5"][data-type="two"] .benefit:nth-child(2){
        width: 33.3333334%;
        height: 66.666667%;
        left: 33.3333334%;

    }
    section.panelled-section[data-count="5"][data-type="two"] .benefit:nth-child(3){
        width: 33.3333334%;
        height: 66.666667%;
        left: 66.666667%;
    }
    section.panelled-section[data-count="5"][data-type="two"] .benefit:nth-child(4){
        width: 33.3333334%;
        height: 66.666667%;
        top: 33.3333334%;
    }
    section.panelled-section[data-count="5"][data-type="two"] .benefit:nth-child(5){
        width: 66.666667%;
        height: 33.3333334%;
        top: 66.666667%;
        left: 33.3333334%;
    }
    /***************/
    section.panelled-section[data-count="5"][data-type="three"] .benefit:nth-child(1){
        width: 66.666667%;
        height: 66.666667%;
    }
    section.panelled-section[data-count="5"][data-type="three"] .benefit:nth-child(2){
        width: 33.3333334%;
        height: 33.3333334%;
        left: 66.666667%;

    }
    section.panelled-section[data-count="5"][data-type="three"] .benefit:nth-child(3){
        width: 33.3333334%;
        height: 33.3333334%;
        left: 66.666667%;
        top: 33.3333334%;
    }
    section.panelled-section[data-count="5"][data-type="three"] .benefit:nth-child(4){
        width: 33.3333334%;
        height: 33.3333334%;
        top: 66.666667%;
    }
    section.panelled-section[data-count="5"][data-type="three"] .benefit:nth-child(5){
        width: 66.666667%;
        height: 33.3333334%;
        top: 66.666667%;
        left: 33.3333334%;
    }
    /***************/
    section.panelled-section[data-count="6"] .benefit:nth-child(1){
        width: 33.3333334%;
        height: 100%;
    }
    section.panelled-section[data-count="6"] .benefit:nth-child(2){
        width: 33.3333334%;
        height: 66.666667%;
        left: 33.3333334%;

    }
    section.panelled-section[data-count="6"] .benefit:nth-child(3){
        width: 33.3333334%;
        height: 33.3333334%;
        left:66.666667%;
    }
    section.panelled-section[data-count="6"] .benefit:nth-child(4){
        width: 33.3333334%;
        height: 33.3333334%;
        top: 33.3333334%;
        left:66.666667%;
    }
    section.panelled-section[data-count="6"] .benefit:nth-child(5){
        width: 33.3333334%;
        height: 33.3333334%;
        top:66.666667%;
        left: 33.3333334%;
    }
    section.panelled-section[data-count="6"] .benefit:nth-child(6){
        width: 33.3333334%;
        height: 33.3333334%;
        top:66.666667%;
        left: 66.666667%;
    }
    /***************/
    section.panelled-section[data-count="6"][data-type="two"] .benefit:nth-child(1){
        width: 66.666667%;
        height: 33.3333334%;
    }
    section.panelled-section[data-count="6"][data-type="two"] .benefit:nth-child(2){
        width: 33.3333334%;
        height: 33.3333334%;
        left: 66.666667%;

    }
    section.panelled-section[data-count="6"][data-type="two"] .benefit:nth-child(3){
        width: 33.3333334%;
        height: 66.666667%;
        top: 33.3333334%;
        left:0%;
    }
    section.panelled-section[data-count="6"][data-type="two"] .benefit:nth-child(4){
        width: 33.3333334%;
        height: 66.666667%;
        top: 33.3333334%;
        left:33.3333334%;
    }
    section.panelled-section[data-count="6"][data-type="two"] .benefit:nth-child(5){
        width: 33.3333334%;
        height: 33.3333334%;
        top:33.3333334%;
        left: 66.666667%;
    }
    section.panelled-section[data-count="6"][data-type="two"] .benefit:nth-child(6){
        width: 33.3333334%;
        height: 33.3333334%;
        top:66.666667%;
        left: 66.666667%;
    }
    /***************/
    section.panelled-section[data-count="6"][data-type="three"] .benefit:nth-child(1){
        width: 33.3333334%;
        height: 33.3333334%;
    }
    section.panelled-section[data-count="6"][data-type="three"] .benefit:nth-child(2){
        width: 33.3333334%;
        height: 33.3333334%;
        top: 33.3333334%;
        left: 0%;
    }
    section.panelled-section[data-count="6"][data-type="three"] .benefit:nth-child(3){
        width: 33.3333334%;
        height: 66.666667%;
        top: 0%;
        left:33.3333334%;
    }
    section.panelled-section[data-count="6"][data-type="three"] .benefit:nth-child(4){
        width: 33.3333334%;
        height: 33.3333334%;
        top: 0%;
        left:66.666667%;
    }
    section.panelled-section[data-count="6"][data-type="three"] .benefit:nth-child(5){
        width: 66.666667%;
        height: 33.3333334%;
        top:66.666667%;
        left: 0%;
    }
    section.panelled-section[data-count="6"][data-type="three"] .benefit:nth-child(6){
        width: 33.3333334%;
        height: 66.666667%;
        top:33.3333334%;
        left: 66.666667%;
    }
    section.panelled-section .benefit{
        transition: 0.5s linear background-color;
    }
    section.panelled-section .benefit:hover{
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: rgba(0, 0, 0, 0.45);
    }
    section.panelled-section .benefit .benefit-image{
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100vw;
        height: 782px;
        background-size: contain;
        display: none;
    }
    
    section.panelled-section .benefit p{
        font-family: AvantGardeGothic, Arial;
        font-size: 26px;
        text-transform: uppercase;
        font-weight: 200;
        max-width: 170px;
        letter-spacing: 0.3em;
    }
    section.panelled-section .benefit > span{
        font-size: 57px;
        margin-bottom: 10px;
        display: inline-block;
    }
    section.panelled-section .benefit .benefit-more{
        position: absolute;
        bottom: 30px;
        left: 61px;
    }

section.image-panels {
    height: 660px;
    height: 0px;
    padding-bottom: 64%;
}
    section.image-panels:empty{
        display: none;
    }
        section.image-panels > div {
            width: 50%;
            height: 0px;
            float: left;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            padding-bottom: 32%;
        }
            section.image-panels > div > div {
                background-size: cover;
                background-position: 50%;
                width: 100%;
                height: 100%;
                position: absolute;
                transition: 3.5s transform ease-in-out;
            }
    section.image-panels > div:hover > div {
        transform: scale(1.1);
    }
    .image-panel-slick-holder {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100vw;
        height: 100vh;
        display: none;
        background-color: rgba(35, 31, 32, 0.70);
        z-index: 120;
    }
    .image-panel-slick-holder .slick-slider, .image-panel-slick-holder .slick-list, .image-panel-slick-holder .slick-track{
        height: 100%;
    }
        .image-panel-slick-holder .slick-slide img {
            display: block;
            width: auto;
            height: 100%;
            top: 50%;
        }

    .image-panel-slick-holder .slick-initialized .slick-track{
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
.image-panel-slick .slick-arrow {
    position: absolute;
    top: 50%;
    padding: 30px;
    z-index: 22;
    cursor: pointer;
    transform: translateY(-50%);
    transition: 0.5s linear opacity;
}
    .image-panel-slick .slick-arrow.arrow-right {
        right: 0px;
    }

    .image-panel-slick-holder .slick-initialized .slick-slide {
        /*display: inline-block;
        vertical-align: middle;
        float:none;*/
        outline: none;
        padding: 50px;
        /**/
        height: 100%;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

    .benefit-details-slick{ 
        background-color: #000000;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px; 
        left: 100%;
        opacity: 0;
        transition: ease-in 0.5s left, linear 0.4s opacity;
    }
    .benefit-details-slick.show{
        left: 0%;
        opacity: 1;
    }
    .benefit-details-slick .benefit-details{
        background-size: cover;
        height: 100%;
        background-position: 50%;
    }
    .benefit-details-slick.slick-slider .slick-track, .benefit-details-slick.slick-slider .slick-list{
        height: 100%;
        outline: none;
    }
    .benefit-details-slick .slick-slide{ outline: none; }
    .benefit-details-slick .benefit-details [class^="icon-"] {
        font-size: 82px;
    }
    .benefit-details-slick .benefit-details{
        padding-left: 190px;
    }
    .benefit-details-slick .benefit-details > div{
        top: 50%;
        transform: translateY(-50%);
        position: relative;
        max-width: 370px;
    }
    .benefit-details-slick .close-icon{
        top: 58px;
        right: 20px;
        position: absolute;
        z-index: 102;
        cursor: pointer;
    }
    .benefit-details-slick .slick-arrow{
        position:absolute;
        top: 50%;
        padding: 30px;
        z-index: 22;
        cursor: pointer;
        transform: translateY(-50%);
        transition: 0.5s linear opacity;
    }
    .benefit-details-slick .slick-arrow.slick-disabled{
        opacity: 0;
        cursor: default;
    }
    .benefit-details-slick .slick-arrow.arrow-left{
        left:0px;
    }
    .benefit-details-slick .slick-arrow.arrow-right{
        right:0px;
    }
    .image-panel-slick-holder .close-icon{
        top: 20px;
        right: 35px;
        position: absolute;
        z-index: 22;
        cursor: pointer;
    }
    section.related-products{
        background-color: #ffffff;
        color: #303030;
        padding-top: 110px;
        padding-bottom: 50px;
    }
    section.related-products h3{
        padding-bottom: 110px;
    }
        section.related-products img {
            width: 85%;
            min-height: 150px;
            transition: 0.5s ease-out transform;
        }
    section.related-products a:hover img{
        transform: translateY(-50px);
    }
    section.related-products a{
        display: block;
    }
    section.related-products a p{
        opacity: 0;
        transform: translateY(-20px);
        transition: 0.5s linear opacity;
        font-family: MyriadProCondensed;
        font-weight: 700;
        font-size: 19px;
        text-transform: uppercase;
        color: #231f20;
        text-decoration: none;
    }
    section.related-products a:hover{
        text-decoration: none;
    }
    section.related-products a:hover p{
        opacity: 1;
        text-decoration: none;
    }
    #product-variant-images{ display: none; }


    .alert-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
        position: fixed;
        right: 10px;
        width: 320px;
        text-align: left;
        border-radius: 0px;
        top: 60px;
        background-color: #ffffff;
        color: #231f20;
        border: none;
        font-size: 15px;
        z-index: 61;
    }
        .alert-info h4 {
            font-family: 'MyriadProCondensed';
            font-size: 14px;
            letter-spacing: 0px;
            margin-bottom: 15px;
            text-align: left;
            margin-left: 0px;
        }
        .alert-info .row{
            margin-bottom: 15px;
        }
            .alert-info .row.total-row {
                font-size: 14px;
            }
        .alert-info .button{
            width: 100%;
        }
        .alert-info .btn {
            color: #231f20;
            background-color: #ffffff;
            text-transform: capitalize;
            width: 100%;
        }

#all-products {
    -webkit-overflow-scrolling: touch;
    background-color: white;
}
.all-products {
    background-color: white;
    color: #231f20;
    -webkit-overflow-scrolling: touch;
}
    .all-products h1{
        margin-top: 130px;
        margin-bottom: 115px;
    }
    .all-products .benefits span{ 
        font-size: 34px; opacity: 0.7;
        transition: 0.4s linear opacity;
        margin-left: 10px;
    }
    .all-products .benefits span:before{
        transition: 0.4s linear transform;
        display: inline-block;
    }
    .all-products .benefits span:hover:before {
        transform: translateY(-6px);
    }
    .all-products .benefits{
        position: relative;
        padding-left: 200px;
        cursor: pointer;
    }
    .all-products .benefits span:hover{ opacity: 1; transform: translateY(-6px);}
    .all-products .benefits span:hover:after{
        content: attr(data-benefitname);
        position: absolute;
        left: 0px;
        width: 200px;
        text-align: right;
        font-size: 12px;
        top: 11px;
        font-family: MyriadProCondensed;
        text-transform: uppercase;
    }
    .all-products .title{
        font-size: 30px;
        font-family: AvantGardeGothic;
        font-weight: 200;
        text-transform: uppercase;
        letter-spacing: 0.3em;
    }

    .all-products .products a:hover {
        text-decoration: none;
    }

    .all-products .products a {
        display: block;
    }
    .all-products .products a:hover img {
        transform: translateY(-30px);
    }
    .all-products .products img {
        width: 100%;
        /*height: 100%;*/
        transition: 0.5s linear transform;
    }
    .all-products .products a:hover p {
        opacity: 1;
        text-decoration: none;
    }

    .all-products .products a p {
        opacity: 0;
        transform: translateY(-20px);
        transition: 0.5s linear opacity;
        font-family: MyriadProCondensed;
        font-weight: 700;
        font-size: 19px;
        text-transform: uppercase;
        color: #231f20;
        text-decoration: none;
    }
    .all-products .product-holder{
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;

    }
    .all-products .product-holder .products{
        flex: 1 0 200px;
        max-width: 200px;
        padding: 20px;
    }
        .all-products .product-holder .products.hide {
            display: none;
        }
    .all-products hr{
        margin-top: 5px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #e2e2e2;
    }
    .all-products .sizes{margin-left: 65px; margin-top: 10px;}
    .all-products .sizes img{ height: 20px; opacity: 0.5; cursor: pointer; }
    .all-products .sizes img:hover, .all-products .sizes img.selected{ opacity: 1;}


    #all-products .all-products {
        width: 100vw;
        overflow-x: hidden;
        padding-right: 30px;
    }
    div#all-products {
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        top: 0px;
        right: 0px;
        width: 0%;
        z-index: 60;
        transition: 0.4s ease-in width;
    }
    div#all-products.show{
        width: 100%;
    }

    table.mui-basket{
        background-color: #d6d6d6;
    }
    table.mui-basket thead th{
        background-color: #231f20;
        color: #ffffff;
        font-family: MyriadProCondensed, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    table.mui-basket thead tr th {
        padding: 15px 30px;
    }
    table.mui-basket tbody tr td{
        padding: 30px;
    }
    table.mui-basket tbody tr.subtotal td{
        padding: 15px 30px;
    }
    table.mui-basket tbody tr.subtotal{
        border-top: 2px solid #ffffff;
    }
    table.mui-basket tbody tr td.product-image{
        width: 120px;
        padding-right: 0px;
    }

    .panel-default>.panel-heading{
        border-radius: 0px;
        background-color: #231f20;
        color: #ffffff;
        font-family: MyriadProCondensed, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .basket-summary .panel-default>.panel-heading{
        border-bottom: 2px solid #ffffff;
        background-color: #d6d6d6;
        color: #231f20;
        font-family: MyriadProCondensed, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .table-striped>tbody>tr, .table-striped>tbody>tr:nth-of-type(odd){
        background-color: transparent;
    }
    .panel{ border-radius: 0px; border: none; }
    .panel .panel-body{ background-color: #d6d6d6; }

    .panel .table>tbody>tr>td{
        border: none;
        border-bottom: 1px solid #9b9d9f;
    }
    .panel .table>tbody>tr:last-child>td{
        border-bottom: none;
    }
    .panel .table{
        margin-bottom: 0px;
    }
    .panel .table>thead>tr>th{
        border-bottom: none;
    }
    .form-control {
        background-color: #d6d6d6;
        border-radius: 0px;
        border: none;
        box-shadow: none;
    }

    .umb-grid img{
        max-width: 100%;
        padding: 30px 0;
    }
    .content-header h1{ font-size: 39px; margin-top: 160px; margin-bottom: 120px; }
    .content-container h2{ 
        font-size: 17px;
        font-family: MyriadProCondensed, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        letter-spacing: 0px;
        margin-bottom: 15px;
    }
    .content-container h2:first-child{
        margin-top: 0px;
    }
    .content-container{
        padding-bottom: 120px;
    }
    .address-text{
        font-family: MyriadProCondensed, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 16px;
    }
    .contact-us{
        padding-top: 170px;
        padding-bottom: 120px;
    }
    .contact-us{
        min-height: calc(100vh - 273px);
    }
    .contact-us h1.sub{
        margin-bottom: 30px;
    }
    .contact-us a{
        color: #ffffff;
    }
    .contact-us input[type=text], .contact-us textarea{
        width: 100%;
        padding: 13px;
        color: #323232;
        font-family: MyriadProCondensed, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        text-transform: uppercase;
        border: none;
        margin-bottom: 12px;
        border-radius: 0px;
    }
    .contact-us input[type=submit]{
        opacity: 1;
    }
    .contact-holder{
        margin-top: 45px;
    }
        .contact-holder .col-sm-6, .contact-holder .col-xs-12 {
            padding-right: 6px;
            padding-left: 6px;
        }
        .footer-input-group {
            width: 400px;
            border: 1px solid #231f20;
        }
    .footer-input-group{
        position: relative;
        margin: 25px auto;
        margin-bottom: 0px;
    }
        .footer-input-group input, .footer-input-group button {
            width: 100%;
            padding: 13px;
            padding-right: 155px;
            outline: none;
            border: none;
            border: 1px solid transparent;
        }
    .footer-input-group input[type=submit], .footer-input-group button {
        width: 140px;
        float: right;
        position: absolute;
        top: -1px;
        right: 0px;
        padding: 13px 12px 10px 12px;
        opacity: 1;
    }

.store-locator-map {
    min-height: calc(100vh - 63px);
    position: relative;
    color: #323232;
}
div#map {
    width: 100%;
    height: 100%;
    position: absolute;
}
.store-locator {
    position: absolute;
    top: 100px;
    left: 50px;
    background-color: #D7D7D7;
    width: 370px;
}
    .store-locator .store-locator-header {
        background-color: #231F20;
        color: #ffffff;
        padding: 30px;
        text-align: center;
    }
        .store-locator .store-locator-header h1 {
            margin: 0px;
            /*letter-spacing: 9px;*/
            padding-left: 0.3em;
            font-size: 34px;
        }
        .store-locator .store-locator-body{
            
        }
    .store-locator .store-locator-search {
        padding: 30px;
    }
    .store-locator input[type=text] {
        color: #323232;
        background-color: #B3B5B6;
        padding: 10px;
        border: none;
        font-size: 16px;
        width: 70%;
        margin: 0px;
        border-radius: 0px;
    }
button#searchButton {
    color: #ffffff;
    background-color: #231F20;
    width: 30%;
    margin: 0px;
    font-size: 16px;
    padding: 10px;
    border: none;
    font-family: MyriadProCondensed, 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
}
.store-locator-results > div {
    border-top: 1px solid #BFBFBF;
    color: #323232;
    padding: 10px 30px;
    cursor: pointer;
    position: relative;
}
.store-locator-results > div.selected{
    background-color: #bfbfbf;
}
.store-locator-results p.distance {
    position: absolute;
    bottom: 0px;
    right: 30px;
    font-weight: 700;
}

.store-locator-results > div a {
    position: absolute;
    top: 10px;
    right: 30px;
}
.store-locator-results {
    max-height: calc(100vh - 400px);
    overflow: auto;
}

input[type=number] {
    background-color: #e6e6e6;
    text-align: center;
    width: 70px;
    padding: 0px;
    margin: 0px;
    height: 30px;
    border: none;
    padding-left: 15px;
}
#stripecards{ margin-top: 65px;}
.basket-empty{
    margin: 150px;
}
.basket-empty-title {
    font-family: MyriadProCondensed;
    font-weight: 700;
    font-size: 16px;
}
.container-small .basket-empty{
    margin: 50px 0;
}


div input[type=checkbox].form-control,
div input[type=radio].form-control {
    height: 18px;
}

input[type=checkbox], input[type=radio] {
    width: 20px;
    background-image: url('../content/checkbox.svg');
    background-position-x: 0px;
    background-position-y: 0px;
    outline: none;
    background-size: cover;
    height: 18px;
    background-repeat: no-repeat;
    outline: none;
    vertical-align: sub;
}
    ul.contactform-list li input[type=checkbox], ul.contactform-list li input[type=radio],
    input[type=checkbox], input[type=radio] {
        background-position-x: 0px;
        margin-right: 20px;
        box-shadow: none;
        -webkit-appearance: none;
        width: 20px;
    }
        ul.contactform-list li input[type=checkbox]:checked, ul.contactform-list li input[type=radio]:checked,
        input[type=checkbox]:checked, input[type=radio]:checked {
            background-position-x: -20px;
            margin-right: 20px;
            box-shadow: none;
            -webkit-appearance: none;
            width: 20px;
        }

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: -40px;
}

.checkbox label, .radio label {
    padding-left: 40px;
}


input.squareRadio {
    margin-right: 20px;
    box-shadow: none;
    -webkit-appearance: none;
}
.shippingquotes .panel-body{
    border-top: 3px solid #ffffff;
}
.basket td p{
    margin-bottom: 5px;
}
.quote-cost{
    font-weight: 700;
}

#subscribecomplete {
    position: fixed;
    width: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 5px;
    padding: 50px;
    display: none;
    z-index: 20;
    -webkit-box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.17); 
    -moz-box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.17); 
    box-shadow: 0px 1px 25px 0px rgba(0,0,0,0.17);
}
#subscribecomplete p{
    margin: 50px;
}


#contactcomplete {
    position: fixed;
    width: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 5px;
    padding: 50px;
    display: none;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.17);
    color: #231f20;
    text-align: center;
}

    #contactcomplete p {
        margin: 50px;
    }

.StripeElement {
    background-color: #d6d6d6;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    padding: 6px 12px;
    margin-bottom: 15px;
}

#payment-errors{
    color: #dc2a2a;
    min-height: 30px;
}
.error {
    color: #dc2a2a;
}
    .promosignupradio{
    background-color: #ffffff;
}
.promosignuplabel {
    position: absolute;
    top: 5px;
    margin-left: 40px;
}

div#terms {
    position: absolute;
    position: fixed;
    top: 50%;
    width: 500px;
    max-width: 90vw;
    left: 50%;
    border: 1px solid #000000;
    padding: 15px 15px 15px 15px;
    transform: translate(-50%, -50%);
    display: none;
    background-color: #ffffff;
    z-index: 500;
}
    div#terms h4{
        margin-bottom: 20px;
    }
    div#terms > div {
        height: 50vh;
        overflow: auto;
        padding: 15px 15px 35px 15px;
    }

#terms.submitted:before {
    content: "Please wait while your payment details are verified";
    position: absolute;
    position: fixed;
    top: 50%;
    width: 340px;
    text-align: center;
    max-width: 90vw;
    left: 50%;
    border: 1px solid #000000;
    padding: 50px;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    z-index: 501;
}

div#deliveryterms {
    position: fixed;
    top: 50%;
    width: 600px;
    max-width: 90vw;
    left: 50%;
    border: 1px solid #000000;
    padding: 50px 50px 50px 50px;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    z-index: 500;
    text-align: center;
    display: none;
}

    div#deliveryterms h4 {
        margin-bottom: 20px;
    }

    div#deliveryterms > div {
        max-height: 50vh;
        height: auto;
        overflow: auto;
        margin-top: 50px;
    }

.scrollmagic-pin-spacer{
    pointer-events: none;
}
.scrollmagic-pin-spacer .container {
    pointer-events: all;
}

.videoHolder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
    .videoHolder video {
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
.field-validation-error{
    color: #dc2a2a;
}

ul.contactform-list {
    list-style: none;
    padding: 0px;
}
    ul.contactform-list li {
        display: inline-block;
        margin-top: 20px;
    }
    ul.contactform-list li input, ul.contactform-list li label {
        width: auto;
        display: inline-block;
        margin: 0px;
    }
    ul.contactform-list li label {
        margin-right: 30px;
    }
.mini-basket-items {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

#cookiepopup {
    display: none;
    font-size: 19px;
    font-family: 'MyriadProCondensed';
    font-weight: 400;
    position: fixed;
    width: 100%;
    padding: 25px 50px;
    bottom: 0px;
    left: 0px;
    z-index: 12;
    background-color: #ffffff;
    color: #231f20;
}
    #cookiepopup a{
        color: #231f20;
        text-decoration: underline;
    }
    #cookiepopup p.cookietitle {
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 0px;
    }
    #cookiepopup button.button {
        padding: 17px 35px 14px 35px;
        font-weight: 700;
    }

span.original-price,
p.original-price {
    text-decoration: line-through;
    margin-right: 30px;
}
.fake-disabled{
    opacity: 0.5;
    pointer-events: none;
}

#OfferCode {
    width: calc(100% - 130px);
    float: left;
}
    #OfferCode + input[type="submit"] {
        padding: 5px 30px 1px 30px;
    }

.alert-danger{
    border:none;
    background-color: transparent;
    padding: 0px;
}