@font-face{
    font-family:ukss;
    src:url(../fonts/ukss.eot);
    src:url(../fonts/ukssd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/ukss.woff) format("woff"),url(../fonts/ukss.ttf) format("truetype"),url(../fonts/ukss.svg#ukss) format("svg");
    font-weight:400;
    font-display:swap;
    font-style:normal
}
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
@keyframes bounce{
    0%,20%,50%,80%,100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    60%{
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce
}
@-webkit-keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    30%{
        -webkit-transform:scaleX(1.25) scaleY(.75);
        transform:scaleX(1.25) scaleY(.75)
    }
    40%{
        -webkit-transform:scaleX(.75) scaleY(1.25);
        transform:scaleX(.75) scaleY(1.25)
    }
    60%{
        -webkit-transform:scaleX(1.15) scaleY(.85);
        transform:scaleX(1.15) scaleY(.85)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes rubberBand{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    30%{
        -webkit-transform:scaleX(1.25) scaleY(.75);
        transform:scaleX(1.25) scaleY(.75)
    }
    40%{
        -webkit-transform:scaleX(.75) scaleY(1.25);
        transform:scaleX(.75) scaleY(1.25)
    }
    60%{
        -webkit-transform:scaleX(1.15) scaleY(.85);
        transform:scaleX(1.15) scaleY(.85)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
}
@keyframes shake{
    0%,100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    100%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
.swing{
    -webkit-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(.9) rotate(-3deg);
        transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -webkit-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%,20%{
        -webkit-transform:scale(.9) rotate(-3deg);
        transform:scale(.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale(1.1) rotate(3deg);
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale(1.1) rotate(-3deg);
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        -webkit-transform:scale(1) rotate(0);
        transform:scale(1) rotate(0)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes wobble{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    15%{
        -webkit-transform:translateX(-25%) rotate(-5deg);
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        -webkit-transform:translateX(20%) rotate(3deg);
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        -webkit-transform:translateX(-15%) rotate(-3deg);
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        -webkit-transform:translateX(10%) rotate(2deg);
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        -webkit-transform:translateX(-5%) rotate(-1deg);
        transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes bounceIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    70%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    80%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    80%{
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    80%{
        -webkit-transform:translateX(10px);
        transform:translateX(10px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
}
@keyframes bounceOut{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.95);
        transform:scale(.95)
    }
    50%{
        opacity:1;
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes bounceOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes bounceOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes bounceOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes bounceOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    20%{
        opacity:1;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    0%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    100%{
        -webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0);
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
@keyframes flipInX{
    0%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateX(-10deg);
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(0);
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(0);
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
}
@keyframes flipInY{
    0%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotateY(-10deg);
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(0);
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
}
.flipInY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0);
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px) rotateX(0);
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0);
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px) rotateY(0);
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
    100%{
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0) skewX(-15deg);
        transform:translateX(0) skewX(-15deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(0) skewX(0);
        transform:translateX(0) skewX(0);
        opacity:1
    }
}
@keyframes lightSpeedIn{
    0%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:translateX(-20%) skewX(30deg);
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        -webkit-transform:translateX(0) skewX(-15deg);
        transform:translateX(0) skewX(-15deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(0) skewX(0);
        transform:translateX(0) skewX(0);
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0) skewX(0);
        transform:translateX(0) skewX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    0%{
        -webkit-transform:translateX(0) skewX(0);
        transform:translateX(0) skewX(0);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(100%) skewX(-30deg);
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
@keyframes rotateInUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    0%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:center center;
        transform-origin:center center;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    0%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    0%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(0);
        transform:rotate(0);
        opacity:1
    }
    100%{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideInDown{
    0%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideInRight{
    0%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(-2000px);
        transform:translateX(-2000px)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(2000px);
        transform:translateX(2000px)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-2000px);
        transform:translateY(-2000px)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
@-webkit-keyframes slideInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes slideInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
@keyframes slideOutDown{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        transform:translateY(2000px)
    }
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    100%{
        -webkit-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%{
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    80%{
        -webkit-transform:rotate(60deg) translateY(0);
        transform:rotate(60deg) translateY(0);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    100%{
        -webkit-transform:translateY(700px);
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translateX(-100%) rotate(-120deg);
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1;
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0)
    }
    100%{
        opacity:0;
        -webkit-transform:translateX(100%) rotate(120deg);
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) translateY(-2000px);
        transform:scale(.1) translateY(-2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.475) translateY(60px);
        transform:scale(.475) translateY(60px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@keyframes zoomInDown{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) translateY(-2000px);
        transform:scale(.1) translateY(-2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.475) translateY(60px);
        transform:scale(.475) translateY(60px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) translateX(-2000px);
        transform:scale(.1) translateX(-2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.475) translateX(48px);
        transform:scale(.475) translateX(48px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@keyframes zoomInLeft{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) translateX(-2000px);
        transform:scale(.1) translateX(-2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.475) translateX(48px);
        transform:scale(.475) translateX(48px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) translateX(2000px);
        transform:scale(.1) translateX(2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.475) translateX(-48px);
        transform:scale(.475) translateX(-48px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@keyframes zoomInRight{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) translateX(2000px);
        transform:scale(.1) translateX(2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.475) translateX(-48px);
        transform:scale(.475) translateX(-48px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) translateY(2000px);
        transform:scale(.1) translateY(2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.475) translateY(-60px);
        transform:scale(.475) translateY(-60px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
@keyframes zoomInUp{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) translateY(2000px);
        transform:scale(.1) translateY(2000px);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60%{
        opacity:1;
        -webkit-transform:scale(.475) translateY(-60px);
        transform:scale(.475) translateY(-60px);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    100%{
        opacity:0
    }
}
@keyframes zoomOut{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        opacity:0;
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    100%{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale(.475) translateY(-60px);
        transform:scale(.475) translateY(-60px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.1) translateY(2000px);
        transform:scale(.1) translateY(2000px);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale(.475) translateY(-60px);
        transform:scale(.475) translateY(-60px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.1) translateY(2000px);
        transform:scale(.1) translateY(2000px);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale(.475) translateX(42px);
        transform:scale(.475) translateX(42px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.1) translateX(-2000px);
        transform:scale(.1) translateX(-2000px);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale(.475) translateX(42px);
        transform:scale(.475) translateX(42px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.1) translateX(-2000px);
        transform:scale(.1) translateX(-2000px);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale(.475) translateX(-42px);
        transform:scale(.475) translateX(-42px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.1) translateX(2000px);
        transform:scale(.1) translateX(2000px);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale(.475) translateX(-42px);
        transform:scale(.475) translateX(-42px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.1) translateX(2000px);
        transform:scale(.1) translateX(2000px);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale(.475) translateY(60px);
        transform:scale(.475) translateY(60px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.1) translateY(-2000px);
        transform:scale(.1) translateY(-2000px);
        -webkit-transform-origin:center top;
        transform-origin:center top
    }
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale(.475) translateY(60px);
        transform:scale(.475) translateY(60px);
        -webkit-animation-timing-function:linear;
        animation-timing-function:linear
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.1) translateY(-2000px);
        transform:scale(.1) translateY(-2000px);
        -webkit-transform-origin:center top;
        transform-origin:center top
    }
}
.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
[data-icon]:before{
    font-family:ukss!important;
    content:attr(data-icon);
    font-style:normal!important;
    font-weight:400!important;
    font-variant:normal!important;
    text-transform:none!important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
[class^=icon-]:before,[class*=" icon-"]:before{
    font-family:ukss!important;
    font-style:normal!important;
    font-weight:400!important;
    font-variant:normal!important;
    text-transform:none!important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-facebook:before{
    content:"\61"
}
.icon-twitter:before{
    content:"\62"
}
.icon-instagram:before{
    content:"\63"
}
.icon-youtube:before{
    content:"\64"
}
.icon-pinterest:before{
    content:"\65"
}
.icon-mail:before{
    content:"\66"
}
.icon-star:before{
    content:"\67"
}
.icon-star-half:before{
    content:"\68"
}
.icon-search:before{
    content:"\69"
}
.icon-bag:before{
    content:"\6a"
}
.icon-tick:before{
    content:"\6b"
}
.icon-cross:before{
    content:"\6c"
}
.icon-angle-down:before{
    content:"\6d"
}
.icon-angle-left:before{
    content:"\6e"
}
.icon-angle-right:before{
    content:"\6f"
}
.icon-angle-up:before{
    content:"\70"
}
.icon-help:before{
    content:"\71"
}
.icon-check:before{
    content:"\72"
}
.icon-lorry:before{
    content:"\73"
}
.icon-shop:before{
    content:"\74"
}
.icon-phone:before{
    content:"\75"
}
.icon-thumb:before{
    content:"\76"
}
.icon-lock:before{
    content:"\77"
}
.icon-world:before{
    content:"\78"
}
.icon-rain-cloud:before{
    content:"\79"
}
.icon-live-chat:before{
    content:"\7a"
}
.icon-diamond:before{
    content:"\41"
}
.icon-close:before{
    content:"\42"
}
.icon-edit:before{
    content:"\43"
}
.icon-delete:before{
    content:"\44"
}
.icon-arrow-left:before{
    content:"\45"
}
.icon-user:before{
    content:"\46"
}
.icon-resize:before{
    content:"\47"
}
.icon-plus:before{
    content:"\48"
}
.icon-minus:before{
    content:"\49"
}
.icon-arrow-right:before{
    content:"\4a"
}
.icon-nav:before{
    content:"\4b"
}
.icon-uncheck:before{
    content:"\4c"
}
.icon-heart:before{
    content:"\4d"
}
.icon-filter:before{
    content:"\4e"
}
.icon-image:before{
    content:"\4f"
}
.icon-cube:before{
    content:"\50"
}
.icon-card:before{
    content:"\51"
}
.icon-return:before{
    content:"\52"
}
.icon-exclamation:before{
    content:"\53"
}
.icon-star-outline:before{
    content:"\54"
}
@-webkit-keyframes lum-fade{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes lum-fade{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes lum-fadeZoom{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes lum-fadeZoom{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@-webkit-keyframes lum-loader-rotate{
    0%{
        -webkit-transform:translate(-50%,-50%) rotate(0);
        transform:translate(-50%,-50%) rotate(0)
    }
    50%{
        -webkit-transform:translate(-50%,-50%) rotate(-180deg);
        transform:translate(-50%,-50%) rotate(-180deg)
    }
    100%{
        -webkit-transform:translate(-50%,-50%) rotate(-360deg);
        transform:translate(-50%,-50%) rotate(-360deg)
    }
}
@keyframes lum-loader-rotate{
    0%{
        -webkit-transform:translate(-50%,-50%) rotate(0);
        transform:translate(-50%,-50%) rotate(0)
    }
    50%{
        -webkit-transform:translate(-50%,-50%) rotate(-180deg);
        transform:translate(-50%,-50%) rotate(-180deg)
    }
    100%{
        -webkit-transform:translate(-50%,-50%) rotate(-360deg);
        transform:translate(-50%,-50%) rotate(-360deg)
    }
}
@-webkit-keyframes lum-loader-before{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.2) translateX(6px);
        transform:scale(1.2) translateX(6px)
    }
    25%{
        -webkit-transform:scale(1.3) translateX(8px);
        transform:scale(1.3) translateX(8px)
    }
    40%{
        -webkit-transform:scale(1.2) translateX(6px);
        transform:scale(1.2) translateX(6px)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    60%{
        -webkit-transform:scale(.8) translateX(6px);
        transform:scale(.8) translateX(6px)
    }
    75%{
        -webkit-transform:scale(.7) translateX(8px);
        transform:scale(.7) translateX(8px)
    }
    90%{
        -webkit-transform:scale(.8) translateX(6px);
        transform:scale(.8) translateX(6px)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes lum-loader-before{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.2) translateX(6px);
        transform:scale(1.2) translateX(6px)
    }
    25%{
        -webkit-transform:scale(1.3) translateX(8px);
        transform:scale(1.3) translateX(8px)
    }
    40%{
        -webkit-transform:scale(1.2) translateX(6px);
        transform:scale(1.2) translateX(6px)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    60%{
        -webkit-transform:scale(.8) translateX(6px);
        transform:scale(.8) translateX(6px)
    }
    75%{
        -webkit-transform:scale(.7) translateX(8px);
        transform:scale(.7) translateX(8px)
    }
    90%{
        -webkit-transform:scale(.8) translateX(6px);
        transform:scale(.8) translateX(6px)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes lum-loader-after{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.2) translateX(-6px);
        transform:scale(1.2) translateX(-6px)
    }
    25%{
        -webkit-transform:scale(1.3) translateX(-8px);
        transform:scale(1.3) translateX(-8px)
    }
    40%{
        -webkit-transform:scale(1.2) translateX(-6px);
        transform:scale(1.2) translateX(-6px)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    60%{
        -webkit-transform:scale(.8) translateX(-6px);
        transform:scale(.8) translateX(-6px)
    }
    75%{
        -webkit-transform:scale(.7) translateX(-8px);
        transform:scale(.7) translateX(-8px)
    }
    90%{
        -webkit-transform:scale(.8) translateX(-6px);
        transform:scale(.8) translateX(-6px)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes lum-loader-after{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.2) translateX(-6px);
        transform:scale(1.2) translateX(-6px)
    }
    25%{
        -webkit-transform:scale(1.3) translateX(-8px);
        transform:scale(1.3) translateX(-8px)
    }
    40%{
        -webkit-transform:scale(1.2) translateX(-6px);
        transform:scale(1.2) translateX(-6px)
    }
    50%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    60%{
        -webkit-transform:scale(.8) translateX(-6px);
        transform:scale(.8) translateX(-6px)
    }
    75%{
        -webkit-transform:scale(.7) translateX(-8px);
        transform:scale(.7) translateX(-8px)
    }
    90%{
        -webkit-transform:scale(.8) translateX(-6px);
        transform:scale(.8) translateX(-6px)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.lum-lightbox{
    background:rgba(0,0,0,.6)
}
.lum-lightbox-inner{
    top:2.5%;
    right:2.5%;
    bottom:2.5%;
    left:2.5%
}
.lum-lightbox-inner img{
    position:relative
}
.lum-lightbox-inner .lum-lightbox-caption{
    margin:0 auto;
    color:#fff;
    max-width:700px;
    text-align:center
}
.lum-loading .lum-lightbox-loader{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:66px;
    height:20px;
    -webkit-animation:lum-loader-rotate 1800ms infinite linear;
    animation:lum-loader-rotate 1800ms infinite linear
}
.lum-lightbox-loader:before,.lum-lightbox-loader:after{
    content:"";
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    top:50%;
    margin-top:-10px;
    border-radius:20px;
    background:rgba(255,255,255,.9)
}
.lum-lightbox-loader:before{
    left:0;
    -webkit-animation:lum-loader-before 1800ms infinite linear;
    animation:lum-loader-before 1800ms infinite linear
}
.lum-lightbox-loader:after{
    right:0;
    -webkit-animation:lum-loader-after 1800ms infinite linear;
    animation:lum-loader-after 1800ms infinite linear;
    -webkit-animation-delay:-900ms;
    animation-delay:-900ms
}
.lum-lightbox.lum-opening{
    -webkit-animation:lum-fade 180ms ease-out;
    animation:lum-fade 180ms ease-out
}
.lum-lightbox.lum-opening .lum-lightbox-inner{
    -webkit-animation:lum-fadeZoom 180ms ease-out;
    animation:lum-fadeZoom 180ms ease-out
}
.lum-lightbox.lum-closing{
    -webkit-animation:lum-fade 300ms ease-in;
    animation:lum-fade 300ms ease-in;
    animation-direction:reverse
}
.lum-lightbox.lum-closing .lum-lightbox-inner{
    -webkit-animation:lum-fadeZoom 300ms ease-in;
    animation:lum-fadeZoom 300ms ease-in;
    animation-direction:reverse
}
.lum-img{
    -webkit-transition:opacity 120ms ease-out;
    transition:opacity 120ms ease-out
}
.lum-loading .lum-img{
    opacity:0
}
.lum-gallery-button{
    overflow:hidden;
    text-indent:150%;
    white-space:nowrap;
    background:0 0;
    border:0;
    margin:0;
    padding:0;
    outline:0;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    height:100px;
    max-height:100%;
    width:60px;
    cursor:pointer
}
.lum-close-button{
    position:absolute;
    right:5px;
    top:5px;
    width:32px;
    height:32px;
    opacity:.3
}
.lum-close-button:hover{
    opacity:1
}
.lum-close-button:before,.lum-close-button:after{
    position:absolute;
    left:15px;
    content:" ";
    height:33px;
    width:2px;
    background-color:#fff
}
.lum-close-button:before{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.lum-close-button:after{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.lum-previous-button{
    left:12px
}
.lum-next-button{
    right:12px
}
.lum-gallery-button:after{
    content:"";
    display:block;
    position:absolute;
    top:50%;
    width:36px;
    height:36px;
    border-top:4px solid rgba(255,255,255,.8)
}
.lum-previous-button:after{
    -webkit-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg);
    border-left:4px solid rgba(255,255,255,.8);
    -webkit-box-shadow:-2px 0 rgba(0,0,0,.2);
    box-shadow:-2px 0 rgba(0,0,0,.2);
    left:12%;
    border-radius:3px 0 0 0
}
.lum-next-button:after{
    -webkit-transform:translateY(-50%) rotate(45deg);
    transform:translateY(-50%) rotate(45deg);
    border-right:4px solid rgba(255,255,255,.8);
    -webkit-box-shadow:2px 0 rgba(0,0,0,.2);
    box-shadow:2px 0 rgba(0,0,0,.2);
    right:12%;
    border-radius:0 3px 0 0
}
@media(max-width:460px){
    .lum-lightbox-image-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        overflow:auto;
        -webkit-overflow-scrolling:touch
    }
    .lum-lightbox-caption{
        width:100%;
        position:absolute;
        bottom:0
    }
    .lum-lightbox-position-helper{
        margin:auto
    }
    .lum-lightbox-inner img{
        max-width:none;
        max-height:none
    }
}
.owl-carousel,.owl-carousel .owl-item{
    -webkit-tap-highlight-color:transparent;
    position:relative
}
.owl-carousel{
    display:none;
    width:100%;
    z-index:1
}
.owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y;
    touch-action:manipulation;
    -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item{
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-touch-callout:none
}
.owl-carousel .owl-item img{
    display:block;
    width:100%
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
    display:none
}
.no-js .owl-carousel,.owl-carousel.owl-loaded{
    display:block
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
    background:0;
    color:inherit;
    border:0;
    padding:0!important;
    font:inherit
}
.owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden{
    opacity:0
}
.owl-carousel.owl-refresh .owl-item{
    visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-grab{
    cursor:move;
    cursor:-webkit-grab;
    cursor:grab
}
.owl-carousel.owl-rtl{
    direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
    float:right
}
.owl-carousel .animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.owl-height{
    -webkit-transition:height .5s ease-in-out;
    transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
    opacity:0;
    -webkit-transition:opacity .4s ease;
    transition:opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{
    max-height:0
}
.owl-carousel .owl-item img.owl-lazy{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url(owl.video.play.html) no-repeat;
    cursor:pointer;
    z-index:1;
    -webkit-backface-visibility:hidden;
    -webkit-transition:-webkit-transform .1s ease;
    transition:-webkit-transform .1s ease;
    transition:transform .1s ease;
    transition:transform .1s ease,-webkit-transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
    -webkit-transform:scale(1.3,1.3);
    transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
    display:none
}
.owl-carousel .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    -webkit-transition:opacity .4s ease;
    transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}
@media print{
    #h-usps,#h-t,nav,footer,#oc-p,#c-s,#oc-cs{
        display:none!important
    }
    #h-m,#c{
        padding:0;
        border-top:0;
        position:static!important
    }
    div[class^=col]{
        position:static!important
    }
    #h-m{
        border-bottom:6px solid #ddd;
        margin-bottom:30px
    }
    .logo{
        text-decoration:none!important;
        font-size:50px;
        margin:20px 0 40px
    }
    .logo svg{
        width:60px;
        margin-right:15px
    }
    h1 br{
        display:none
    }
    #oc-on-c{
        margin-bottom:0
    }
    #oc-on{
        position:absolute;
        top:35px;
        right:0;
        text-align:right;
        font-size:22px;
        color:#000!important
    }
    #oc-on strong{
        font-size:28px!important;
        color:#000!important
    }
    .col-lg-6{
        -webkit-box-flex:0!important;
        -ms-flex:0 0 50%!important;
        flex:0 0 50%!important;
        max-width:50%!important
    }
    .pr-4{
        padding-right:0!important
    }
    h3{
        font-size:36px;
        border-bottom:2px solid #ddd;
        padding-bottom:15px
    }
    .bg-notify.m-box{
        display:none
    }
    #promo{
        display:none
    }
    .order-complete h1{
        padding:0
    }
    .order-complete h3{
        margin-top:0
    }
    .order-complete h1:before{
        display:none
    }
    .os-totals-line div:last-child,.os-item-price{
        position:relative;
        left:-20px
    }
}
@import "_vue-slider-component/theme/default.html";
:root{
    --blue:#007bff;
    --indigo:#6610f2;
    --purple:#6f42c1;
    --pink:#e83e8c;
    --red:#dc3545;
    --orange:#fd7e14;
    --yellow:#ffc107;
    --green:#28a745;
    --teal:#20c997;
    --cyan:#17a2b8;
    --white:#fff;
    --gray:#6c757d;
    --gray-dark:#343a40;
    --primary:#74bc53;
    --secondary:#373c4e;
    --success:#74bc53;
    --info:#17a2b8;
    --warning:#f3ad07;
    --danger:#dc3545;
    --light:#f8f9fa;
    --dark:#343a40;
    --breakpoint-xs:0;
    --breakpoint-sm:576px;
    --breakpoint-md:768px;
    --breakpoint-lg:992px;
    --breakpoint-xl:1200px;
    --breakpoint-xxl:1400px;
    --font-family-sans-serif:-apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , "Noto Sans" , "Liberation Sans" , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji";
    --font-family-monospace:SFMono-Regular , Menlo , Monaco , Consolas , "Liberation Mono" , "Courier New" , monospace
}
*,*::before,*::after{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
footer,header,main,nav,section{
    display:block
}
body{
    margin:0;
    font-family:sofia-pro,sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.6;
    color:#707a80;
    text-align:left;
    background-color:#e1e5e9
}
[tabindex="-1"]:focus:not(:focus-visible){
    outline:0!important
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:20px
}
p{
    margin-top:0;
    margin-bottom:1rem
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol,ul,dl{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ul ul,ol ul,ul ol{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:#74bc53;
    text-decoration:none;
    background-color:transparent
}
a:hover{
    color:#518c37;
    text-decoration:underline
}
a:not([href]):not([class]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([class]):hover{
    color:inherit;
    text-decoration:none
}
pre,code,kbd{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    -ms-overflow-style:scrollbar
}
img{
    vertical-align:middle;
    border-style:none
}
svg{
    overflow:hidden;
    vertical-align:middle
}
table{
    border-collapse:collapse
}
th{
    text-align:inherit;
    text-align:-webkit-match-parent
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button{
    border-radius:0
}
button:focus:not(:focus-visible){
    outline:0
}
input,button,select,optgroup,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[role=button]{
    cursor:pointer
}
select{
    word-wrap:normal
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button
}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){
    cursor:pointer
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=radio],input[type=checkbox]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
textarea{
    overflow:auto;
    resize:vertical
}
progress{
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
output{
    display:inline-block
}
summary{
    display:list-item;
    cursor:pointer
}
template{
    display:none
}
[hidden]{
    display:none!important
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    margin-bottom:20px;
    font-weight:500;
    line-height:1.2
}
h1,.h1{
    font-size:2.5rem
}
h2,.h2{
    font-size:2rem
}
h3,.h3{
    font-size:1.75rem
}
h4,.h4{
    font-size:1.5rem
}
h5,.h5{
    font-size:1.25rem
}
h6,.h6{
    font-size:1rem
}
.lead{
    font-size:1.25rem;
    font-weight:300
}
.display-1{
    font-size:6rem;
    font-weight:300;
    line-height:1.2
}
.display-4{
    font-size:3.5rem;
    font-weight:300;
    line-height:1.2
}
hr{
    margin-top:40px;
    margin-bottom:40px;
    border:0;
    border-top:1px solid rgba(70,71,77,.1)
}
small,.small{
    font-size:80%;
    font-weight:400
}
.list-unstyled{
    padding-left:0;
    list-style:none
}
.blockquote{
    margin-bottom:40px;
    font-size:1.25rem
}
.img-fluid{
    max-width:100%;
    height:auto
}
code{
    font-size:87.5%;
    color:#e83e8c;
    word-wrap:break-word
}
a>code{
    color:inherit
}
kbd{
    padding:.2rem .4rem;
    font-size:87.5%;
    color:#fff;
    background-color:#212529;
    border-radius:.2rem
}
kbd kbd{
    padding:0;
    font-size:100%;
    font-weight:700
}
pre{
    display:block;
    font-size:87.5%;
    color:#212529
}
pre code{
    font-size:inherit;
    color:inherit;
    word-break:normal
}
.container{
    width:100%;
    padding-right:20px;
    padding-left:20px;
    margin-right:auto;
    margin-left:auto
}
@media(min-width:576px){
    .container{
        max-width:576px
    }
}
@media(min-width:768px){
    .container{
        max-width:768px
    }
}
@media(min-width:992px){
    .container{
        max-width:992px
    }
}
@media(min-width:1200px){
    .container{
        max-width:1200px
    }
}
@media(min-width:1400px){
    .container{
        max-width:1400px
    }
}
.row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-20px;
    margin-left:-20px
}
.col-2,.col-4,.col-5,.col-6,.col-7,.col-8,.col-10,.col-11,.col-12,.col,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-8,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-10,.col-lg-11,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xxl-5,.col-xxl-8{
    position:relative;
    width:100%;
    padding-right:20px;
    padding-left:20px
}
.col{
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:100%
}
.col-2{
    -webkit-box-flex:0;
    -ms-flex:0 0 16.66667%;
    flex:0 0 16.66667%;
    max-width:16.66667%
}
.col-4{
    -webkit-box-flex:0;
    -ms-flex:0 0 33.33333%;
    flex:0 0 33.33333%;
    max-width:33.33333%
}
.col-5{
    -webkit-box-flex:0;
    -ms-flex:0 0 41.66667%;
    flex:0 0 41.66667%;
    max-width:41.66667%
}
.col-6{
    -webkit-box-flex:0;
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.col-7{
    -webkit-box-flex:0;
    -ms-flex:0 0 58.33333%;
    flex:0 0 58.33333%;
    max-width:58.33333%
}
.col-8{
    -webkit-box-flex:0;
    -ms-flex:0 0 66.66667%;
    flex:0 0 66.66667%;
    max-width:66.66667%
}
.col-10{
    -webkit-box-flex:0;
    -ms-flex:0 0 83.33333%;
    flex:0 0 83.33333%;
    max-width:83.33333%
}
.col-11{
    -webkit-box-flex:0;
    -ms-flex:0 0 91.66667%;
    flex:0 0 91.66667%;
    max-width:91.66667%
}
.col-12{
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.offset-3{
    margin-left:25%
}
@media(min-width:576px){
    .col-sm-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-sm-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
}
@media(min-width:768px){
    .col-md-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-md-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-md-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-md-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-md-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
}
@media(min-width:992px){
    .col-lg-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-lg-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-lg-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-lg-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-lg-10{
        -webkit-box-flex:0;
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-lg-11{
        -webkit-box-flex:0;
        -ms-flex:0 0 91.66667%;
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .offset-lg-1{
        margin-left:8.33333%
    }
    .offset-lg-2{
        margin-left:16.66667%
    }
    .offset-lg-3{
        margin-left:25%
    }
}
@media(min-width:1200px){
    .col-xl-2{
        -webkit-box-flex:0;
        -ms-flex:0 0 16.66667%;
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-xl-3{
        -webkit-box-flex:0;
        -ms-flex:0 0 25%;
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        -webkit-box-flex:0;
        -ms-flex:0 0 33.33333%;
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-xl-6{
        -webkit-box-flex:0;
        -ms-flex:0 0 50%;
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7{
        -webkit-box-flex:0;
        -ms-flex:0 0 58.33333%;
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-xl-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-xl-9{
        -webkit-box-flex:0;
        -ms-flex:0 0 75%;
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        -webkit-box-flex:0;
        -ms-flex:0 0 83.33333%;
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .offset-xl-1{
        margin-left:8.33333%
    }
}
@media(min-width:1400px){
    .col-xxl-5{
        -webkit-box-flex:0;
        -ms-flex:0 0 41.66667%;
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-xxl-8{
        -webkit-box-flex:0;
        -ms-flex:0 0 66.66667%;
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
}
.table{
    width:100%;
    margin-bottom:40px;
    color:#707a80
}
.table th,.table td{
    padding:.75rem;
    vertical-align:top;
    border-top:1px solid #dee2e6
}
.table thead th{
    vertical-align:bottom;
    border-bottom:2px solid #dee2e6
}
.table tbody+tbody{
    border-top:2px solid #dee2e6
}
.form-control{
    display:block;
    width:100%;
    height:calc(1.6em + 0.75rem + 2px);
    padding:.375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.6;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #ced4da;
    border-radius:.25rem;
    -webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .form-control{
        -webkit-transition:none;
        transition:none
    }
}
.form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control:-moz-focusring{
    color:transparent;
    text-shadow:0 0 0 #495057
}
.form-control:focus{
    color:#495057;
    background-color:#fff;
    border-color:#bee0af;
    outline:0;
    -webkit-box-shadow:0 0 0 .2rem rgba(116,188,83,.25);
    box-shadow:0 0 0 .2rem rgba(116,188,83,.25)
}
.form-control::-webkit-input-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::-moz-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::-ms-input-placeholder{
    color:#6c757d;
    opacity:1
}
.form-control::placeholder{
    color:#6c757d;
    opacity:1
}
.form-control:disabled,.form-control[readonly]{
    background-color:#e9ecef;
    opacity:1
}
input[type=date].form-control,input[type=time].form-control,input[type=month].form-control{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
select.form-control:focus::-ms-value{
    color:#495057;
    background-color:#fff
}
select.form-control[size],select.form-control[multiple]{
    height:auto
}
textarea.form-control{
    height:auto
}
.form-group{
    margin-bottom:1rem
}
.form-text{
    display:block;
    margin-top:.25rem
}
.form-check{
    position:relative;
    display:block;
    padding-left:1.25rem
}
.form-check-input{
    position:absolute;
    margin-top:.3rem;
    margin-left:-1.25rem
}
.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{
    color:#6c757d
}
.form-check-label{
    margin-bottom:0
}
.form-check-inline{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:0;
    margin-right:.75rem
}
.form-check-inline .form-check-input{
    position:static;
    margin-top:0;
    margin-right:.3125rem;
    margin-left:0
}
.btn{
    display:inline-block;
    font-weight:400;
    color:#707a80;
    text-align:center;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    padding:.375rem .75rem;
    font-size:1rem;
    line-height:1.6;
    border-radius:.25rem;
    -webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}
@media(prefers-reduced-motion:reduce){
    .btn{
        -webkit-transition:none;
        transition:none
    }
}
.btn:hover{
    color:#707a80;
    text-decoration:none
}
.btn:focus,.btn.focus{
    outline:0;
    -webkit-box-shadow:0 0 0 .2rem rgba(116,188,83,.25);
    box-shadow:0 0 0 .2rem rgba(116,188,83,.25)
}
.btn.disabled,.btn:disabled{
    opacity:.65
}
.btn:not(:disabled):not(.disabled){
    cursor:pointer
}
a.btn.disabled{
    pointer-events:none
}
.btn-primary{
    color:#212529;
    background-color:#74bc53;
    border-color:#74bc53
}
.btn-primary:hover{
    color:#fff;
    background-color:#61a841;
    border-color:#5c9e3e
}
.btn-primary:focus,.btn-primary.focus{
    color:#fff;
    background-color:#61a841;
    border-color:#5c9e3e;
    -webkit-box-shadow:0 0 0 .2rem rgba(104,165,77,.5);
    box-shadow:0 0 0 .2rem rgba(104,165,77,.5)
}
.btn-primary.disabled,.btn-primary:disabled{
    color:#212529;
    background-color:#74bc53;
    border-color:#74bc53
}
.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active{
    color:#fff;
    background-color:#5c9e3e;
    border-color:#57953a
}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(104,165,77,.5);
    box-shadow:0 0 0 .2rem rgba(104,165,77,.5)
}
.btn-secondary{
    color:#fff;
    background-color:#373c4e;
    border-color:#373c4e
}
.btn-secondary:hover{
    color:#fff;
    background-color:#272b38;
    border-color:#222530
}
.btn-secondary:focus,.btn-secondary.focus{
    color:#fff;
    background-color:#272b38;
    border-color:#222530;
    -webkit-box-shadow:0 0 0 .2rem rgba(85,89,105,.5);
    box-shadow:0 0 0 .2rem rgba(85,89,105,.5)
}
.btn-secondary.disabled,.btn-secondary:disabled{
    color:#fff;
    background-color:#373c4e;
    border-color:#373c4e
}
.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active{
    color:#fff;
    background-color:#222530;
    border-color:#1d1f29
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(85,89,105,.5);
    box-shadow:0 0 0 .2rem rgba(85,89,105,.5)
}
.btn-dark{
    color:#fff;
    background-color:#343a40;
    border-color:#343a40
}
.btn-dark:hover{
    color:#fff;
    background-color:#23272b;
    border-color:#1d2124
}
.btn-dark:focus,.btn-dark.focus{
    color:#fff;
    background-color:#23272b;
    border-color:#1d2124;
    -webkit-box-shadow:0 0 0 .2rem rgba(82,88,93,.5);
    box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}
.btn-dark.disabled,.btn-dark:disabled{
    color:#fff;
    background-color:#343a40;
    border-color:#343a40
}
.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active{
    color:#fff;
    background-color:#1d2124;
    border-color:#171a1d
}
.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus{
    -webkit-box-shadow:0 0 0 .2rem rgba(82,88,93,.5);
    box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}
.btn-lg{
    padding:.5rem 1rem;
    font-size:1.25rem;
    line-height:1.5;
    border-radius:.3rem
}
.btn-sm{
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.5;
    border-radius:.2rem
}
.btn-block{
    display:block;
    width:100%
}
.btn-block+.btn-block{
    margin-top:.5rem
}
input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{
    width:100%
}
.fade{
    -webkit-transition:opacity .15s linear;
    transition:opacity .15s linear
}
@media(prefers-reduced-motion:reduce){
    .fade{
        -webkit-transition:none;
        transition:none
    }
}
.fade:not(.show){
    opacity:0
}
.collapse:not(.show){
    display:none
}
.dropdown{
    position:relative
}
.input-group{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    width:100%
}
.input-group>.form-control{
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:1%;
    min-width:0;
    margin-bottom:0
}
.input-group>.form-control+.form-control{
    margin-left:-1px
}
.input-group>.form-control:focus{
    z-index:3
}
.input-group>.form-control:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group:not(.has-validation)>.form-control:not(:last-child){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group-append{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.input-group-append .btn{
    position:relative;
    z-index:2
}
.input-group-append .btn:focus{
    z-index:3
}
.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn{
    margin-left:-1px
}
.input-group-append{
    margin-left:-1px
}
.input-group-text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:.375rem .75rem;
    margin-bottom:0;
    font-size:1rem;
    font-weight:400;
    line-height:1.6;
    color:#495057;
    text-align:center;
    white-space:nowrap;
    background-color:#e9ecef;
    border:1px solid #ced4da;
    border-radius:.25rem
}
.input-group-text input[type=radio],.input-group-text input[type=checkbox]{
    margin-top:0
}
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav-tabs{
    border-bottom:1px solid #dee2e6
}
.tab-content>.tab-pane{
    display:none
}
.tab-content>.active{
    display:block
}
.card{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:border-box;
    border:1px solid rgba(70,71,77,.125);
    border-radius:.25rem
}
.card>hr{
    margin-right:0;
    margin-left:0
}
.card-body{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    min-height:1px;
    padding:1.25rem
}
.card-header{
    padding:.75rem 1.25rem;
    margin-bottom:0;
    background-color:rgba(70,71,77,.03);
    border-bottom:1px solid rgba(70,71,77,.125)
}
.card-header:first-child{
    border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.accordion{
    overflow-anchor:none
}
.accordion>.card{
    overflow:hidden
}
.accordion>.card:not(:last-of-type){
    border-bottom:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.accordion>.card:not(:first-of-type){
    border-top-left-radius:0;
    border-top-right-radius:0
}
.accordion>.card>.card-header{
    border-radius:0;
    margin-bottom:-1px
}
.breadcrumb{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:.75rem 1rem;
    margin-bottom:1rem;
    list-style:none;
    background-color:#e9ecef;
    border-radius:.25rem
}
.pagination{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:0;
    list-style:none;
    border-radius:.25rem
}
.alert{
    position:relative;
    padding:.75rem 1.25rem;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:.25rem
}
.alert-danger{
    color:#943e49;
    background-color:#f8d7da;
    border-color:#f5c6cb
}
.alert-danger hr{
    border-top-color:#f1b0b7
}
@-webkit-keyframes progress-bar-stripes{
    from{
        background-position:1rem 0
    }
    to{
        background-position:0 0
    }
}
@keyframes progress-bar-stripes{
    from{
        background-position:1rem 0
    }
    to{
        background-position:0 0
    }
}
.progress{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:1rem;
    overflow:hidden;
    line-height:0;
    font-size:.75rem;
    background-color:#e9ecef;
    border-radius:.25rem
}
.media{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.close{
    float:right;
    font-size:1.5rem;
    font-weight:700;
    line-height:1;
    color:#46474d;
    text-shadow:0 1px 0 #fff;
    opacity:.5
}
.close:hover{
    color:#46474d;
    text-decoration:none
}
.close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus{
    opacity:.75
}
button.close{
    padding:0;
    background-color:transparent;
    border:0
}
a.close.disabled{
    pointer-events:none
}
.modal{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    display:none;
    width:100%;
    height:100%;
    overflow:hidden;
    outline:0
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:.5rem;
    pointer-events:none
}
.modal.fade .modal-dialog{
    -webkit-transition:-webkit-transform .3s ease-out;
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform:translate(0,-50px);
    transform:translate(0,-50px)
}
@media(prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{
        -webkit-transition:none;
        transition:none
    }
}
.modal.show .modal-dialog{
    -webkit-transform:none;
    transform:none
}
.modal-dialog-centered{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:calc(100% - 1rem)
}
.modal-dialog-centered::before{
    display:block;
    height:calc(100vh - 1rem);
    height:-webkit-min-content;
    height:-moz-min-content;
    height:min-content;
    content:""
}
.modal-content{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    pointer-events:auto;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(70,71,77,.2);
    border-radius:.3rem;
    outline:0
}
.modal-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1040;
    width:100vw;
    height:100vh;
    background-color:#46474d
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:.5
}
.modal-body{
    position:relative;
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1rem
}
@media(min-width:576px){
    .modal-dialog{
        max-width:500px;
        margin:1.75rem auto
    }
    .modal-dialog-centered{
        min-height:calc(100% - 3.5rem)
    }
    .modal-dialog-centered::before{
        height:calc(100vh - 3.5rem);
        height:-webkit-min-content;
        height:-moz-min-content;
        height:min-content
    }
}
.tooltip{
    position:absolute;
    z-index:1070;
    display:block;
    margin:0;
    font-family:sofia-pro,sans-serif;
    font-style:normal;
    font-weight:400;
    line-height:1.6;
    text-align:left;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    white-space:normal;
    line-break:auto;
    font-size:.875rem;
    word-wrap:break-word;
    opacity:0
}
.tooltip.show{
    opacity:.9
}
.tooltip .arrow{
    position:absolute;
    display:block;
    width:.8rem;
    height:.4rem
}
.tooltip .arrow::before{
    position:absolute;
    content:"";
    border-color:transparent;
    border-style:solid
}
.tooltip-inner{
    max-width:200px;
    padding:.25rem .5rem;
    color:#fff;
    text-align:center;
    background-color:#46474d;
    border-radius:.25rem
}
.carousel{
    position:relative
}
@-webkit-keyframes spinner-border{
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spinner-border{
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes spinner-grow{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes spinner-grow{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.align-middle{
    vertical-align:middle!important
}
.bg-primary{
    background-color:#74bc53!important
}
a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus{
    background-color:#5c9e3e!important
}
.bg-secondary{
    background-color:#373c4e!important
}
a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus{
    background-color:#222530!important
}
.bg-success{
    background-color:#74bc53!important
}
a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus{
    background-color:#5c9e3e!important
}
.bg-light{
    background-color:#f8f9fa!important
}
a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{
    background-color:#dae0e5!important
}
.bg-dark{
    background-color:#343a40!important
}
a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{
    background-color:#1d2124!important
}
.bg-white{
    background-color:#fff!important
}
.border{
    border:1px solid #dee2e6!important
}
.border-top{
    border-top:1px solid #dee2e6!important
}
.border-right{
    border-right:1px solid #dee2e6!important
}
.border-bottom{
    border-bottom:1px solid #dee2e6!important
}
.border-left{
    border-left:1px solid #dee2e6!important
}
.border-0{
    border:0!important
}
.border-secondary{
    border-color:#373c4e!important
}
.border-white{
    border-color:#fff!important
}
.rounded{
    border-radius:.25rem!important
}
.rounded-right{
    border-top-right-radius:.25rem!important;
    border-bottom-right-radius:.25rem!important
}
.rounded-left{
    border-top-left-radius:.25rem!important;
    border-bottom-left-radius:.25rem!important
}
.rounded-lg{
    border-radius:.3rem!important
}
.rounded-circle{
    border-radius:50%!important
}
.clearfix::after{
    display:block;
    clear:both;
    content:""
}
.d-none{
    display:none!important
}
.d-inline-block{
    display:inline-block!important
}
.d-block{
    display:block!important
}
.d-flex,#gallery-target .thumbnail-gallery{
    display:-webkit-box!important;
    display:-ms-flexbox!important;
    display:flex!important
}
@media(min-width:576px){
    .d-sm-block{
        display:block!important
    }
    .d-sm-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media(min-width:768px){
    .d-md-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media(min-width:992px){
    .d-lg-none{
        display:none!important
    }
    .d-lg-inline-block{
        display:inline-block!important
    }
    .d-lg-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media(min-width:1200px){
    .d-xl-inline-block{
        display:inline-block!important
    }
    .d-xl-block{
        display:block!important
    }
    .d-xl-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
.flex-column{
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:normal!important;
    -ms-flex-direction:column!important;
    flex-direction:column!important
}
.flex-row-reverse{
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:reverse!important;
    -ms-flex-direction:row-reverse!important;
    flex-direction:row-reverse!important
}
.flex-column-reverse{
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:reverse!important;
    -ms-flex-direction:column-reverse!important;
    flex-direction:column-reverse!important
}
.flex-wrap{
    -ms-flex-wrap:wrap!important;
    flex-wrap:wrap!important
}
.flex-grow-0{
    -webkit-box-flex:0!important;
    -ms-flex-positive:0!important;
    flex-grow:0!important
}
.flex-grow-1{
    -webkit-box-flex:1!important;
    -ms-flex-positive:1!important;
    flex-grow:1!important
}
.justify-content-start,#gallery-target .thumbnail-gallery{
    -webkit-box-pack:start!important;
    -ms-flex-pack:start!important;
    justify-content:flex-start!important
}
.justify-content-end{
    -webkit-box-pack:end!important;
    -ms-flex-pack:end!important;
    justify-content:flex-end!important
}
.justify-content-center{
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
}
.justify-content-between{
    -webkit-box-pack:justify!important;
    -ms-flex-pack:justify!important;
    justify-content:space-between!important
}
.align-items-start{
    -webkit-box-align:start!important;
    -ms-flex-align:start!important;
    align-items:flex-start!important
}
.align-items-end{
    -webkit-box-align:end!important;
    -ms-flex-align:end!important;
    align-items:flex-end!important
}
.align-items-center{
    -webkit-box-align:center!important;
    -ms-flex-align:center!important;
    align-items:center!important
}
.align-content-end{
    -ms-flex-line-pack:end!important;
    align-content:flex-end!important
}
.align-content-center{
    -ms-flex-line-pack:center!important;
    align-content:center!important
}
.align-self-center{
    -ms-flex-item-align:center!important;
    align-self:center!important
}
@media(min-width:576px){
    .flex-sm-grow-0{
        -webkit-box-flex:0!important;
        -ms-flex-positive:0!important;
        flex-grow:0!important
    }
}
@media(min-width:1200px){
    .flex-xl-row{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:row!important;
        flex-direction:row!important
    }
    .flex-xl-fill{
        -webkit-box-flex:1!important;
        -ms-flex:1 1 auto!important;
        flex:1 1 auto!important
    }
    .justify-content-xl-center{
        -webkit-box-pack:center!important;
        -ms-flex-pack:center!important;
        justify-content:center!important
    }
    .justify-content-xl-between{
        -webkit-box-pack:justify!important;
        -ms-flex-pack:justify!important;
        justify-content:space-between!important
    }
}
@media(min-width:992px){
    .float-lg-left{
        float:left!important
    }
    .float-lg-right{
        float:right!important
    }
}
.overflow-hidden{
    overflow:hidden!important
}
.position-relative{
    position:relative!important
}
.position-absolute{
    position:absolute!important
}
.shadow-sm{
    -webkit-box-shadow:0 .125rem .25rem rgba(70,71,77,.075)!important;
    box-shadow:0 .125rem .25rem rgba(70,71,77,.075)!important
}
.shadow{
    -webkit-box-shadow:0 .5rem 1rem rgba(70,71,77,.15)!important;
    box-shadow:0 .5rem 1rem rgba(70,71,77,.15)!important
}
.shadow-lg{
    -webkit-box-shadow:0 1rem 3rem rgba(70,71,77,.175)!important;
    box-shadow:0 1rem 3rem rgba(70,71,77,.175)!important
}
.w-50{
    width:50%!important
}
.w-75{
    width:75%!important
}
.w-100{
    width:100%!important
}
.h-100{
    height:100%!important
}
.m-0{
    margin:0!important
}
.mt-0,.my-0{
    margin-top:0!important
}
.mr-0,.mx-0{
    margin-right:0!important
}
.mb-0,.my-0{
    margin-bottom:0!important
}
.ml-0,.mx-0{
    margin-left:0!important
}
.m-1{
    margin:10px!important
}
.mt-1,.my-1{
    margin-top:10px!important
}
.mr-1,.mx-1{
    margin-right:10px!important
}
.mb-1,.my-1{
    margin-bottom:10px!important
}
.mx-1{
    margin-left:10px!important
}
.m-2{
    margin:20px!important
}
.mt-2,.my-2{
    margin-top:20px!important
}
.mr-2,.mx-2{
    margin-right:20px!important
}
.mb-2,.my-2{
    margin-bottom:20px!important
}
.ml-2,.mx-2{
    margin-left:20px!important
}
.m-3{
    margin:40px!important
}
.mt-3,.my-3{
    margin-top:40px!important
}
.mr-3{
    margin-right:40px!important
}
.mb-3,.my-3{
    margin-bottom:40px!important
}
.m-4{
    margin:60px!important
}
.mt-4{
    margin-top:60px!important
}
.mx-4{
    margin-right:60px!important
}
.mb-4{
    margin-bottom:60px!important
}
.mx-4{
    margin-left:60px!important
}
.m-5{
    margin:120px!important
}
.mb-5{
    margin-bottom:120px!important
}
.p-0{
    padding:0!important
}
.pt-0,.py-0{
    padding-top:0!important
}
.pr-0,.px-0{
    padding-right:0!important
}
.pb-0,.py-0{
    padding-bottom:0!important
}
.px-0{
    padding-left:0!important
}
.p-1{
    padding:10px!important
}
.pt-1,.py-1{
    padding-top:10px!important
}
.pr-1,.px-1{
    padding-right:10px!important
}
.pb-1,.py-1{
    padding-bottom:10px!important
}
.pl-1,.px-1{
    padding-left:10px!important
}
.p-2{
    padding:20px!important
}
.pt-2,.py-2{
    padding-top:20px!important
}
.px-2{
    padding-right:20px!important
}
.pb-2,.py-2{
    padding-bottom:20px!important
}
.pl-2,.px-2{
    padding-left:20px!important
}
.p-3{
    padding:40px!important
}
.pt-3,.py-3{
    padding-top:40px!important
}
.pr-3,.px-3{
    padding-right:40px!important
}
.pb-3,.py-3{
    padding-bottom:40px!important
}
.pl-3,.px-3{
    padding-left:40px!important
}
.p-4{
    padding:60px!important
}
.pt-4,.py-4{
    padding-top:60px!important
}
.pr-4,.px-4{
    padding-right:60px!important
}
.pb-4,.py-4{
    padding-bottom:60px!important
}
.pl-4,.px-4{
    padding-left:60px!important
}
.p-5{
    padding:120px!important
}
.pt-5{
    padding-top:120px!important
}
.px-5{
    padding-right:120px!important
}
.px-5{
    padding-left:120px!important
}
.mx-auto{
    margin-right:auto!important
}
.ml-auto,.mx-auto{
    margin-left:auto!important
}
@media(min-width:576px){
    .mt-sm-0{
        margin-top:0!important
    }
    .px-sm-1{
        padding-right:10px!important
    }
    .px-sm-1{
        padding-left:10px!important
    }
}
@media(min-width:768px){
    .mb-md-0{
        margin-bottom:0!important
    }
    .mb-md-2{
        margin-bottom:20px!important
    }
    .mr-md-3{
        margin-right:40px!important
    }
    .pt-md-2{
        padding-top:20px!important
    }
    .px-md-2{
        padding-right:20px!important
    }
    .px-md-2{
        padding-left:20px!important
    }
    .p-md-3{
        padding:40px!important
    }
    .pt-md-3{
        padding-top:40px!important
    }
    .px-md-3{
        padding-right:40px!important
    }
    .px-md-3{
        padding-left:40px!important
    }
}
@media(min-width:992px){
    .mt-lg-0{
        margin-top:0!important
    }
    .mx-lg-0{
        margin-right:0!important
    }
    .mb-lg-0{
        margin-bottom:0!important
    }
    .mx-lg-0{
        margin-left:0!important
    }
    .mb-lg-3{
        margin-bottom:40px!important
    }
    .mx-lg-4{
        margin-right:60px!important
    }
    .mx-lg-4{
        margin-left:60px!important
    }
    .pl-lg-0{
        padding-left:0!important
    }
    .p-lg-2{
        padding:20px!important
    }
    .pl-lg-2{
        padding-left:20px!important
    }
    .p-lg-3{
        padding:40px!important
    }
    .pt-lg-3{
        padding-top:40px!important
    }
    .pr-lg-3,.px-lg-3{
        padding-right:40px!important
    }
    .px-lg-3{
        padding-left:40px!important
    }
    .p-lg-4{
        padding:60px!important
    }
    .py-lg-4{
        padding-top:60px!important
    }
    .pr-lg-4,.px-lg-4{
        padding-right:60px!important
    }
    .py-lg-4{
        padding-bottom:60px!important
    }
    .px-lg-4{
        padding-left:60px!important
    }
    .px-lg-5{
        padding-right:120px!important
    }
    .px-lg-5{
        padding-left:120px!important
    }
}
@media(min-width:1200px){
    .mt-xl-0{
        margin-top:0!important
    }
    .mb-xl-0{
        margin-bottom:0!important
    }
    .mx-xl-3{
        margin-right:40px!important
    }
    .mx-xl-3{
        margin-left:40px!important
    }
    .mx-xl-4{
        margin-right:60px!important
    }
    .mx-xl-4{
        margin-left:60px!important
    }
    .pr-xl-0{
        padding-right:0!important
    }
    .pr-xl-1{
        padding-right:10px!important
    }
    .p-xl-3{
        padding:40px!important
    }
    .py-xl-3{
        padding-top:40px!important
    }
    .pr-xl-3{
        padding-right:40px!important
    }
    .py-xl-3{
        padding-bottom:40px!important
    }
    .p-xl-4{
        padding:60px!important
    }
    .px-xl-4{
        padding-right:60px!important
    }
    .pl-xl-4,.px-xl-4{
        padding-left:60px!important
    }
}
@media(min-width:1400px){
    .p-xxl-4{
        padding:60px!important
    }
}
.text-left{
    text-align:left!important
}
.text-right{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
@media(min-width:576px){
    .text-sm-right{
        text-align:right!important
    }
}
@media(min-width:768px){
    .text-md-right{
        text-align:right!important
    }
}
@media(min-width:992px){
    .text-lg-left{
        text-align:left!important
    }
}
@media(min-width:1200px){
    .text-xl-left{
        text-align:left!important
    }
}
.text-uppercase{
    text-transform:uppercase!important
}
.font-weight-light{
    font-weight:300!important
}
.font-weight-normal{
    font-weight:400!important
}
.font-weight-bold{
    font-weight:700!important
}
.font-italic{
    font-style:italic!important
}
.text-white{
    color:#fff!important
}
.text-primary{
    color:#74bc53!important
}
a.text-primary:hover,a.text-primary:focus{
    color:#518c37!important
}
.text-secondary{
    color:#373c4e!important
}
a.text-secondary:hover,a.text-secondary:focus{
    color:#171921!important
}
.text-light{
    color:#f8f9fa!important
}
a.text-light:hover,a.text-light:focus{
    color:#cbd3da!important
}
.text-dark{
    color:#343a40!important
}
a.text-dark:hover,a.text-dark:focus{
    color:#121416!important
}
.text-muted{
    color:#6c757d!important
}
.text-black-50{
    color:rgba(70,71,77,.5)!important
}
.text-white-50{
    color:rgba(255,255,255,.5)!important
}
.visible{
    visibility:visible!important
}
@media print{
    *,*::before,*::after{
        text-shadow:none!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important
    }
    a:not(.btn){
        text-decoration:underline
    }
    pre{
        white-space:pre-wrap!important
    }
    pre,blockquote{
        border:1px solid #adb5bd;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    tr,img{
        page-break-inside:avoid
    }
    p,h2,h3{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    @page{
        size:a3
    }
    body{
        min-width:992px!important
    }
    .container{
        min-width:992px!important
    }
    .table{
        border-collapse:collapse!important
    }
    .table td,.table th{
        background-color:#fff!important
    }
}
html{
    overflow-x:hidden
}
body{
    overflow-x:hidden;
    color:#707a80;
    background:#e1e5e9;
    background:linear-gradient(231deg,#f9fcff 0,#e1e5e9 100%);
    letter-spacing:-.01rem
}
::-moz-selection{
    background:#78d2ff;
    color:#fff
}
::selection{
    background:#78d2ff;
    color:#fff
}
hr{
    width:20%;
    margin:40px auto 50px;
    border:2px solid #dee2e6
}
@media(min-width:1200px){
    hr{
        margin:60px auto
    }
}
a{
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    color:#46474d;
    text-decoration:underline;
    outline:0
}
a:before,a:after,a *{
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
@media(min-width:1200px){
    a:hover{
        text-decoration:none
    }
}
input,textarea,button,select{
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    outline:0;
    -webkit-appearance:none;
    border:1px solid #dee2e6;
    padding:8px
}
input:-webkit-autofill,textarea:-webkit-autofill,button:-webkit-autofill,select:-webkit-autofill{
    -webkit-box-shadow:0 0 0 30px #fffdec inset;
    box-shadow:0 0 0 30px #fffdec inset
}
button{
    border:0;
    border-radius:4px;
    cursor:pointer
}
input,textarea,select{
    border-radius:0;
    background:#fff
}
input:focus,textarea:focus,select:focus{
    border-color:#adb5bd
}
select{
    -moz-appearance:none
}
p{
    margin-bottom:26.66667px
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    line-height:1.3
}
h1,.h1{
    font-weight:700;
    color:#46474d;
    font-size:2.5rem;
    line-height:1.2;
    letter-spacing:-.05rem
}
@media(min-width:1200px){
    h1,.h1{
        font-size:3.25rem
    }
}
h2,.h2{
    font-weight:700;
    color:#46474d;
    font-size:1.625rem;
    margin-bottom:40px
}
@media(min-width:768px){
    h2,.h2{
        font-size:1.875rem
    }
}
@media(min-width:1200px){
    h2,.h2{
        font-size:2.25rem
    }
}
h3,.h3{
    font-weight:700;
    color:#46474d;
    font-size:1.5rem;
    margin-bottom:40px;
    overflow:hidden;
    position:relative
}
@media(min-width:1200px){
    h3,.h3{
        font-size:1.875rem;
        letter-spacing:-.05rem;
        margin-top:80px
    }
}
h4,.h4{
    font-weight:600;
    font-size:1.25rem
}
@media(min-width:1200px){
    h4,.h4{
        font-size:1.75rem
    }
}
h5,.h5{
    font-weight:700;
    color:#46474d;
    font-size:1.1875rem;
    letter-spacing:-.03rem
}
@media(min-width:1200px){
    h5,.h5{
        font-size:1.375rem
    }
}
h6,.h6{
    text-transform:uppercase;
    letter-spacing:.1rem
}
h1.nw{
    font-weight:400
}
h2.nw{
    font-weight:400
}
h3.nw{
    font-weight:400
}
h4.nw{
    font-weight:400
}
h5.nw{
    font-weight:400
}
h6.nw{
    font-weight:400
}
.display-1{
    font-size:2rem;
    line-height:1.3;
    font-weight:700
}
@media(min-width:576px){
    .display-1{
        font-size:2.625rem
    }
}
@media(min-width:992px){
    .display-1{
        font-size:5vw;
        line-height:1.1;
        margin:26.66667px 0 50px
    }
}
.page h1{
    font-size:2rem;
    line-height:1.3
}
@media(min-width:576px){
    .page h1{
        font-size:2.625rem
    }
}
@media(min-width:992px){
    .page h1{
        font-size:5vw;
        line-height:1.1;
        margin:26.66667px 0 50px
    }
}
.bg-p{
    background:#74bc53
}
.bg-s{
    background:#373c4e
}
.bg-a{
    background:#03a4f4
}
.bg-g,#delivery-postcode,#payment-options .p-details{
    background:#f5f7f9
}
.bg-w{
    background:#fff
}
.bg-success{
    background:#74bc53;
    color:#fff
}
.bg-error{
    background:#d01433;
    color:#fff
}
.bg-notify{
    background:#126bde;
    color:#fff
}
.border-error{
    border-color:#d01433!important
}
.color-p{
    color:#74bc53
}
.color-p-on-s{
    color:#81c860
}
.color-s{
    color:#373c4e
}
.color-a{
    color:#03a4f4
}
.color-a-on-s{
    color:#78d2ff
}
.color-w{
    color:#fff
}
.color-g{
    color:#adb5bd
}
.color-b{
    color:#46474d
}
.color-success,#pc-i.valid+span:after{
    color:#74bc53;
    font-weight:600
}
.color-error,#pc-i.invalid+span:after{
    color:#d01433;
    font-weight:600
}
.color-error a,#pc-i.invalid+span:after a{
    color:#d01433
}
.color-notify{
    color:#126bde;
    font-weight:600
}
.sale-price{
    color:#dd3029!important
}
.strike{
    text-decoration:line-through
}
.clear-right{
    clear:left
}
.clear-left{
    clear:right
}
.note{
    font-size:.8125rem
}
.switch-unit{
    color:#f9bd3d;
    cursor:pointer;
    text-decoration:underline
}
.switch-unit:hover{
    text-decoration:none
}
.relative{
    position:relative
}
.m-box{
    padding:8px;
    border-radius:4px;
    font-size:.875rem;
    margin-bottom:20px
}
.box{
    border:1px solid #dee2e6;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    padding:26.66667px;
    position:relative
}
@media(min-width:992px){
    .box{
        padding:40px
    }
}
.box-s{
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
.full{
    position:relative;
    left:-60px;
    width:calc(100% + (120px));
    padding:60px;
    margin:60px 0
}
.pill{
    display:inline-block;
    border-radius:4px;
    text-transform:uppercase;
    text-decoration:none;
    font-size:.875rem;
    line-height:1;
    font-weight:600;
    padding:10px 26px 10px 10px;
    position:relative
}
.pill:after{
    content:'o';
    font-family:ukss;
    text-transform:initial;
    font-size:1.25rem;
    line-height:1;
    height:20px;
    position:absolute;
    right:2px;
    top:0;
    bottom:0;
    margin:auto;
    font-weight:400
}
.pill.bg-a{
    color:#fff
}
.pill.bg-a:after{
    color:#60c9fd
}
@media(min-width:992px){
    .pill{
        padding:13.33333px 48px 13.33333px 13.33333px;
        font-size:1.125rem;
        font-weight:700;
        letter-spacing:.05rem
    }
    .pill:after{
        font-size:1.5rem;
        height:24px;
        right:4px
    }
}
@media(min-width:1200px){
    .pill{
        padding:20px 56px 20px 20px
    }
    .pill:after{
        font-size:1.75rem;
        height:28px;
        right:10px
    }
    .pill:hover:after{
        -webkit-transform:translateX(5px);
        transform:translateX(5px)
    }
}
.button-link{
    display:inline-block;
    border-radius:4px;
    padding:20px;
    position:relative;
    line-height:1;
    font-weight:700;
    text-decoration:none
}
.button-link.bg-p{
    color:#fff
}
.button-link.bg-s{
    color:#fff
}
.button-link.bg-w{
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    color:#373c4e
}
.button-link.bg-a{
    color:#fff
}
@media(min-width:1200px){
    .button-link{
        font-size:1.125rem
    }
    .button-link.bg-p:hover{
        background:#373c4e
    }
    .button-link.bg-s:hover{
        background:#03a4f4
    }
    .button-link.bg-w:hover{
        background:#03a4f4;
        color:#fff
    }
    .button-link.bg-a:hover{
        background:#373c4e;
        color:#fff
    }
}
.logo{
    font-weight:700;
    font-size:1.625rem;
    letter-spacing:-.07rem;
    line-height:1;
    color:#373c4e;
    text-decoration:none
}
.logo svg{
    width:34px;
    height:auto;
    margin-right:5px
}
.logo svg .logo-house{
    fill:#373c4e
}
.logo svg .logo-heart{
    fill:#74bc53
}
@media(min-width:992px){
    .logo{
        font-size:1.875rem
    }
    .logo svg{
        width:42px;
        margin-right:10px
    }
}
@media(min-width:1200px){
    .logo{
        font-size:2.375rem
    }
    .logo svg{
        width:50px
    }
}
.social {
	font-size: 1.625rem;
	margin-top: 20px;
}

.social li {
	display: inline-block;
	float: left;
  margin-right: 15px;
}

@media(min-width:768px) {
	.social li {
		display: block;
		float: left;
    margin-right: 15px;
	}
}
.bc{
    font-size:.8125rem;
    line-height:1;
    letter-spacing:.05rem;
    text-transform:uppercase;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.bc a{
    text-decoration:none;
    color:#a5acb1
}
.bc a svg{
    width:13px;
    height:13px
}
.bc a svg path{
    fill:#a5acb1
}
.bc div{
    color:#a5acb1
}
.bc .divider{
    opacity:.4;
    margin:0 10px
}
@media(min-width:992px){
    .bc .active{
        display:none
    }
}
@media(min-width:1200px){
    .bc a:hover{
        color:#74bc53
    }
    .bc a:hover svg path{
        fill:#74bc53
    }
}
.i-radio{
    position:absolute;
    visibility:hidden;
    z-index:-1
}
.i-radio+label:before{
    content:'';
    display:inline-block;
    width:20px;
    height:20px;
    -webkit-box-shadow:inset 0 0 0 2px #dee2e6;
    box-shadow:inset 0 0 0 2px #dee2e6;
    border-radius:50%;
    position:relative;
    top:4px;
    margin-right:2px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    background:#fff
}
.i-radio:checked+label:before{
    -webkit-box-shadow:inset 0 0 0 7px #74bc53;
    box-shadow:inset 0 0 0 7px #74bc53
}
@media(min-width:992px){
    .i-radio+label:before{
        margin-right:10px
    }
}
.i-checkbox{
    position:absolute;
    visibility:hidden;
    z-index:-1
}
.i-checkbox+label:before{
    content:'L';
    font-family:ukss;
    font-size:1.5rem;
    position:relative;
    top:6px;
    margin-right:8px;
    line-height:1;
    display:inline-block
}
.i-checkbox:checked+label:before{
    content:'r';
    -webkit-transform:translateX(2px);
    transform:translateX(2px)
}
.select-c{
    position:relative
}
.select-c:after{
    content:'m';
    font-family:ukss;
    color:#6c757d;
    font-size:1.375rem;
    line-height:1;
    height:22px;
    position:absolute;
    right:4px;
    top:0;
    bottom:0;
    margin:auto;
    pointer-events:none
}
.select-c select{
    padding-right:40px
}
.disclaimer{
    font-size:.75rem
}
.p-featured .pl-i:before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:7px 0;
    background:rgba(116,188,83,.8);
    letter-spacing:.06em;
    text-align:center;
    font-weight:700;
    text-transform:uppercase;
    font-size:14px;
    content:"Featured Product";
    color:#fff;
    z-index:2
}
.pl{
    margin-bottom:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.pl *{
    display:block;
    line-height:1.2
}
.pl .pl-i{
    margin-bottom:20px;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:relative;
    overflow:hidden;
    background:#fff
}
.pl .pl-i a{
    padding:50% 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative
}
.pl .pl-i a:before{
    content:'';
    position:absolute;
    left:-1250px;
    top:-100px;
    z-index:2;
    width:310%;
    height:470%;
    background:rgba(52,58,64,.4);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.pl .pl-i a:after{
    content:'J';
    font-family:ukss;
    font-size:2.625rem;
    line-height:50px;
    width:60px;
    height:60px;
    border-radius:50%;
    border:5px solid #fff;
    display:block;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    z-index:3;
    color:#fff;
    text-align:center;
    opacity:0
}
.pl .pl-i img{
    max-width:100%;
    position:absolute;
    top:0;
    width:100%
}
.pl .pl-i-reviews{
    padding-bottom:10px
}
.pl .pl-i-reviews .review-stars{
    font-size:14px;
    margin-left:0
}
.pl .pl-i-reviews span{
    font-size:14px;
    display:inline-block
}
.pl .pl-c{
    margin-bottom:10px;
    color:#adb5bd;
    text-transform:uppercase;
    letter-spacing:.04em;
    text-decoration:none
}
.pl .pl-n{
    font-size:1.5rem;
    line-height:1.1;
    font-weight:700;
    color:#46474d;
    margin-bottom:10px;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    text-decoration:none
}
.pl .pl-p{
    font-size:1.25rem;
    color:#adb5bd
}
.pl .pl-p *{
    display:inline-block
}
.pl .pl-p span{
    font-size:.875rem;
    color:#adb5bd;
    display:inline-block;
    margin-right:6px
}
.pl .pl-p .sale-price{
    margin-right:10px
}
.pl.pl-cat .pl-i{
    background:linear-gradient(135deg,#373c4e 13%,#373c4e 40%,#222530 100%)
}
.pl.pl-cat .pl-i a:before,.pl.pl-cat .pl-i a:after{
    display:none
}
.pl.pl-cat .pl-cat-d{
    display:block;
    width:calc(100% - (40px * 1.25));
    position:absolute;
    left:26.66667px;
    bottom:26.66667px;
    z-index:2
}
.pl.pl-cat .pl-c{
    color:#81c860;
    margin-bottom:5px
}
.pl.pl-cat .pl-n{
    font-size:2.625rem;
    line-height:1;
    color:#fff;
    margin-bottom:20px
}
.pl.pl-cat .btn{
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    font-size:1.125rem;
    line-height:44px;
    letter-spacing:.04em;
    display:block
}
@media(min-width:1200px){
    .pl .pl-i a:hover:before{
        left:-400px;
        z-index:3
    }
    .pl .pl-i a:hover:after{
        opacity:1;
        -webkit-transition-delay:300ms;
        transition-delay:300ms
    }
    .pl.pl-cat .pl-i a:hover .btn{
        background:#03a4f4;
        -webkit-box-shadow:0 25px 50px rgba(47,59,96,.5),0 7px 14px rgba(47,59,96,.35),0 3px 7px rgba(8,8,8,.2);
        box-shadow:0 25px 50px rgba(47,59,96,.5),0 7px 14px rgba(47,59,96,.35),0 3px 7px rgba(8,8,8,.2)
    }
    .pl .pl-c:hover,.pl .pl-n:hover{
        text-decoration:underline
    }
    .pl .pl-n{
        font-size:1.375rem;
        letter-spacing:-.03rem
    }
    .pl .pl-p{
        font-size:1.5rem
    }
    .pl .pl-p span{
        font-size:1rem;
        color:#adb5bd;
        display:inline-block
    }
}
.sale-item .pl-i:after,.new-item .pl-i:after,.sale-item .pl-qv-l:after,.new-item .pl-qv-l:after{
    content:'SALE';
    background:#dd3029;
    position:absolute;
    z-index:2;
    color:#fff;
    font-weight:600;
    line-height:42px;
    width:44px;
    height:44px;
    text-align:center;
    border-radius:50%;
    letter-spacing:.03rem
}
.sale-item .pl-i:after,.new-item .pl-i:after{
    line-height:42px;
    width:44px;
    height:44px;
    font-size:.8125rem;
    left:10px;
    top:10px
}
.sale-item .pl-qv-l:after,.new-item .pl-qv-l:after{
    line-height:54px;
    width:56px;
    height:56px;
    font-size:1rem;
    left:20px;
    top:20px
}
.new-item .pl-i:after,.new-item .pl-qv-l:after{
    content:'NEW';
    background:#74bc53
}
.bestseller .pl-i:after,.bestseller .pl-qv-l:after{
    content:'\2605 \0020 This week\'s bestseller \0020 \2605';
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    width:100%;
    background:#373c4e;
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:.03rem;
    line-height:1;
    padding:10px 4px;
    text-align:center
}
.bestseller .pl-i:after{
    font-size:.9375rem
}
.bestseller .pl-qv-l:after{
    font-size:1.125rem
}
.pl-qv img{
    display:block
}
.pl-qv h2{
    margin-bottom:0
}
.pl-qv h6{
    font-size:.875rem;
    color:#46474d;
    font-weight:700;
    margin-bottom:10px
}
.pl-qv ul{
    list-style:none;
    padding:0
}
.pl-qv li{
    margin:0 0 5px;
    line-height:1.4;
    position:relative
}
.pl-qv .modal-content{
    border-radius:0
}
.pl-qv .modal-dialog{
    max-width:1180px
}
.pl-qv .modal-body{
    padding:0
}
.pl-qv .close{
    position:absolute;
    right:0;
    top:0;
    z-index:5;
    font-size:1.875rem;
    padding:20px;
    opacity:1
}
.pl-qv .pl-qv-nav{
    width:60px;
    height:60px;
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    margin:auto;
    background:#373c4e;
    text-decoration:none;
    font-size:.8125rem;
    line-height:1;
    font-eight:600;
    color:#81c860;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:2.875rem
}
.pl-qv .pl-qv-nav:before{
    position:relative;
    top:-2px
}
.pl-qv .pl-qv-nav.pl-qv-prev{
    left:0;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.pl-qv .pl-qv-nav.pl-qv-prev:before{
    left:-2px
}
.pl-qv .pl-qv-nav.pl-qv-next{
    right:0;
    -webkit-transform:translateX(50%);
    transform:translateX(50%)
}
.pl-qv .pl-qv-nav.pl-qv-next:before{
    left:2px
}
.pl-qv .pl-qv-nav:hover{
    background:#03a4f4
}
.pl-qv .pl-qv-nav:hover:before{
    color:#373c4e
}
.pl-qv .pl-qv-l{
    overflow:hidden;
    position:relative;
    z-index:1
}
.pl-qv .pl-qv-l img{
    max-height:105%;
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%)
}
.pl-qv .pl-qv-l:before{
    content:'';
    position:absolute;
    right:0;
    top:40px;
    z-index:2;
    width:0;
    height:0;
    border-style:solid;
    border-width:27px 28px 27px 0;
    border-color:transparent #fff transparent transparent
}
.pl-qv .pl-qv-r{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    z-index:2;
    min-height:77vh;
    max-height:80vh;
    overflow:auto
}
.pl-qv .pl-qv-m{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.pl-qv .pl-qv-c{
    text-transform:uppercase;
    line-height:1
}
.pl-qv .pl-qv-p{
    font-size:1.875rem;
    color:#74bc53;
    margin-bottom:20px;
    line-height:1
}
.pl-qv .pl-qv-p span{
    font-size:1.25rem
}
.pl-qv .pl-qv-p .strike{
    color:#adb5bd
}
.pl-qv .pl-qv-d{
    margin-bottom:26.66667px
}
.pl-qv .pl-qv-d a{
    font-weight:600
}
.pl-qv .pl-qv-kf ul{
    margin-bottom:40px
}
.pl-qv .pl-qv-kf li{
    padding-left:13.33333px;
    margin-left:5px
}
.pl-qv .pl-qv-kf li:before{
    content:'';
    width:6px;
    height:6px;
    background:#46474d;
    display:inline-block;
    position:absolute;
    left:0;
    top:9px
}
.pl-qv .pl-qv-so .switch-unit{
    font-size:.875rem;
    letter-spacing:0;
    text-transform:initial;
    font-weight:400;
    margin-left:10px
}
.pl-qv .pl-qv-so ul{
    margin-bottom:26.66667px
}
.pl-qv .pl-qv-co .swatches{
    margin:14px 0 40px
}
.pl-qv .pl-qv-co .swatches li{
    width:19px;
    height:19px;
    margin-right:6px
}
.pl-qv .pl-qv-e{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pl-qv .pl-qv-e .pl-qv-pl{
    background:#03a4f4;
    display:inline-block;
    color:#fff;
    padding:10px 40px;
    text-transform:uppercase;
    font-size:1.125rem;
    font-weight:700;
    letter-spacing:.03rem;
    text-decoration:none;
    border-radius:4px
}
.pl-qv .pl-qv-e .pl-qv-pl:hover{
    background:#373c4e
}
.pl-qv .pl-qv-e .review-no{
    margin-left:5px;
    position:relative;
    top:0
}
@media(min-width:1400px){
    .pl-qv .modal-dialog{
        max-width:1280px
    }
    .pl-qv .pl-qv-r{
        min-height:62vh;
        max-height:70vh
    }
    .pl-qv .pl-qv-co .swatches li{
        width:20px;
        height:20px;
        margin-right:7px
    }
}
#accordion{
    border-bottom:1px solid #dee2e6;
    margin-bottom:80px
}
.tab-title{
    font-weight:600;
    color:#46474d;
    border-top:1px solid #dee2e6;
    font-size:1.125rem;
    line-height:1;
    padding:20px 30px 20px 5px;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    text-decoration:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.tab-title:after{
    content:'p';
    font-family:ukss;
    color:#ced4da;
    font-size:1.5rem;
    -webkit-transition:none;
    transition:none;
    position:absolute;
    right:0
}
.tab-title.collapsed:after{
    content:'m'
}
.tab-content{
    padding:20px 40px 0 5px
}
.tab-content:after{
    content:'';
    display:block;
    height:20px
}
.reviews{
    display:inline-block
}
.reviews .review-stars{
    font-size:.875rem;
    color:#ff9d1f;
    margin-left:20px
}
.reviews .review-stars span{
    margin-left:3px;
    position:relative;
    top:2px
}
.reviews .review-no{
    color:#adb5bd;
    font-size:.875rem;
    font-weight:400;
    position:relative;
    top:1px
}
@media(min-width:1200px){
    .reviews .review-stars{
        font-size:1rem
    }
    .reviews .review-no{
        font-size:1rem
    }
}
.swatches{
    margin-bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.swatches *[class^=sw-]{
    display:inline-block;
    width:37px;
    height:37px;
    border-radius:50%;
    -webkit-box-shadow:0 0 0 0 #74bc53;
    box-shadow:0 0 0 0 #74bc53
}
.swatches .selected{
    -webkit-box-shadow:0 0 0 2px #fff,0 0 0 7px #ced4da;
    box-shadow:0 0 0 2px #fff,0 0 0 7px #ced4da
}
@media(min-width:1200px){
    .swatches *[class^=sw-]{
        width:32px;
        height:32px
    }
}
.sw-black{
    background-color:#111
}
.sw-white{
    background-color:#fff;
    border:1px solid #ced4da
}
.sw-red{
    background-color:#dd3029
}
.sw-orange{
    background-color:#eb662d
}
.sw-yellow{
    background-color:#f9cd00
}
.sw-lime-green{
    background-color:#8dbd11
}
.sw-dark-green{
    background-color:#2ca443
}
.sw-light-blue{
    background-color:#1597d1
}
.sw-dark-blue{
    background-color:#0b295b
}
.sw-purple{
    background-color:#432771
}
.sw-light-grey{
    background-color:#bebfc1
}
.sw-dark-grey{
    background-color:#31363a
}
.sw-pink{
    background-color:#c81d83
}
.sw-gold{
    background-color:#d2ab6c
}
.sw-silver{
    background-color:#adadaa
}
.sw-acm-silver{
    background:linear-gradient(135deg,#f2f6f8 0,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%)
}
.sw-acm-bronze{
    background:linear-gradient(135deg,#dbb895 0,#7c390e 50%,#592500 52%,#ad6747 100%)
}
.sw-acm-gold{
    background:linear-gradient(135deg,#ddd280 0,#bca85e 50%,#af940e 51%,#e0d576 100%)
}
.sw-acm-red{
    background:linear-gradient(135deg,#eb6571 0,#a30716 50%,#7d0613 52%,#d42a3a 100%)
}
.sw-acm-yellow{
    background:linear-gradient(135deg,#fcde53 0,#e7b403 50%,#da9a01 52%,#fadc52 100%)
}
.sw-acm-green{
    background:linear-gradient(135deg,#43d68c 0,#0e905a 50%,#057d49 52%,#3fce86 100%)
}
.sw-acm-blue{
    background:linear-gradient(135deg,#76c9f9 0,#0f7ab9 50%,#0a5385 52%,#6fbce9 100%)
}
.sw-acm-purple{
    background:linear-gradient(135deg,#ac8dde 0,#4e2e82 50%,#321760 52%,#8869bd 100%)
}
.sw-acm-black{
    background:linear-gradient(135deg,#1c2022 0,#4d6067 50%,#373c3e 51%,#1c2022 100%)
}
.sw-ink-gold{
    background:linear-gradient(135deg,#ddd280 0,#bca85e 50%,#af940e 100%)
}
.sw-ink-silver{
    background:linear-gradient(135deg,#f2f6f8 0,#d8e1e7 50%,#b5c6d0 100%)
}
.modal-backdrop{
    background:#373c4e
}
.modal-backdrop.show{
    opacity:.8
}
.modal-content{
    border:0;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
.modal-body{
    padding:40px
}
.stripe-center{
    text-align:center;
    overflow:hidden;
    position:relative;
    width:calc(100% + (120px));
    left:-60px;
    margin-bottom:26.66667px;
    line-height:1.2
}
.stripe-center:before,.stripe-center:after{
    content:'';
    display:inline-block;
    width:50%;
    height:8px;
    position:relative;
    vertical-align:middle
}
.stripe-center:before{
    margin-left:-50%;
    right:20px
}
.stripe-center:after{
    margin-right:-50%;
    left:20px
}
@media(min-width:768px){
    .stripe-center{
        margin-bottom:40px
    }
}
@media(min-width:992px){
    .stripe-center{
        margin-bottom:60px
    }
}
.section{
    padding:33.33333px
}
.section .stripe-center:before,.section .stripe-center:after{
    background:#dee2e6
}
.section.bg-s .stripe-center{
    color:#fff
}
.section.bg-s .stripe-center:before,.section.bg-s .stripe-center:after{
    background:#03a4f4
}
.section.bg-a .stripe-center{
    color:#fff
}
.section.bg-a .stripe-center:before,.section.bg-a .stripe-center:after{
    background:#373c4e
}
@media(min-width:768px){
    .section{
        padding:40px
    }
}
@media(min-width:1200px){
    .section{
        padding:60px
    }
}
.usps .usp-c{
    text-align:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-negative:0;
    flex-shrink:0;
    padding:0 40px
}
.usps .usp-i{
    font-size:5rem;
    line-height:1;
    color:#373c4e;
    height:120px;
    position:relative
}
.usps .usp-i:before{
    content:'';
    display:block;
    border-radius:50%;
    width:75px;
    height:75px;
    background:#74bc53;
    position:absolute;
    left:0;
    right:0;
    margin:auto
}
.usps .usp-i:after{
    content:'';
    display:block;
    border-radius:50%;
    width:38px;
    height:38px;
    background:#03a4f4;
    position:absolute;
    left:0;
    right:0;
    margin:auto
}
.usps .usp-i div{
    position:relative;
    z-index:2
}
.usps #usp-install:before{
    -webkit-transform:translate(33px,-5px);
    transform:translate(33px,-5px)
}
.usps #usp-install:after{
    -webkit-transform:translate(-28px,-36px);
    transform:translate(-28px,-36px)
}
.usps #usp-secure:before{
    -webkit-transform:translate(28px,25px);
    transform:translate(28px,25px)
}
.usps #usp-secure:after{
    -webkit-transform:translate(-21px,-96px);
    transform:translate(-21px,-96px)
}
.usps #usp-materials .icon-diamond{
    font-size:5.625rem;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.usps #usp-materials:before{
    -webkit-transform:translate(-30px,-10px);
    transform:translate(-30px,-10px)
}
.usps #usp-materials:after{
    -webkit-transform:translate(32px,-64px);
    transform:translate(32px,-64px)
}
.usps #usp-weatherproof .icon-rain-cloud{
    font-size:11.25rem;
    -webkit-transform:translateY(-45px);
    transform:translateY(-45px)
}
.usps #usp-weatherproof:before{
    -webkit-transform:translate(33px,10px);
    transform:translate(33px,10px)
}
.usps #usp-weatherproof:after{
    -webkit-transform:translate(-37px,-185px);
    transform:translate(-37px,-185px)
}
.usps #usp-help .icon-live-chat{
    font-size:6.25rem;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
.usps #usp-help:before{
    -webkit-transform:translate(-31px,-17px);
    transform:translate(-31px,-17px)
}
.usps #usp-help:after{
    -webkit-transform:translate(23px,-68px);
    transform:translate(23px,-68px)
}
#live-chat-button,#issue-button{
    position:relative;
    padding:16px 18px 18px 64px;
    overflow:hidden;
    line-height:1.1;
    font-size:1.375rem;
    display:inline-block;
    color:#fff;
    font-weight:600;
    background:#74bc53;
    text-decoration:none;
    border-radius:4px;
    text-transform:uppercase;
    margin-bottom:10px;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
#live-chat-button span,#issue-button span{
    position:relative;
    z-index:2
}
#live-chat-button:before,#issue-button:before{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background:rgba(55,60,78,.12);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:0 12px 0 14px;
    font-size:1.625rem
}
@media(min-width:1200px){
    #live-chat-button:hover:before,#issue-button:hover:before{
        padding:0 100% 0 20px;
        background:#373c4e;
        color:#78d2ff
    }
}
#issue-button{
    background:#373c4e
}
@media(min-width:1200px){
    #issue-button:hover:before{
        padding:0 100% 0 20px;
        background:#74bc53;
        color:#fff
    }
}
.owl-carousel,.owl-item,.owl-stage-outer,.owl-stage,.item{
    height:100%
}
.owl-item{
    overflow:hidden
}
.tooltip .tooltip-inner{
    line-height:1.25;
    padding:10px
}
.lightboxOverlay{
    position:absolute;
    left:0;
    top:0;
    z-index:9999;
    background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,#2f385e),color-stop(54%,#2d3a60),to(#0d6488));
    background:linear-gradient(0,#2f385e 0,#2d3a60 54%,#0d6488 100%);
    background:#373c4e;
    opacity:.9;
    display:none
}
.lightbox{
    position:absolute;
    left:0;
    width:100%;
    z-index:10000;
    text-align:center;
    line-height:0
}
.lightbox .lb-number{
    display:none!important
}
.lightbox .lb-image{
    display:block;
    height:auto;
    max-width:inherit;
    max-height:none;
    border:10px solid #fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    background:#fff
}
.lb-outerContainer{
    position:relative;
    width:250px;
    height:250px;
    margin:0 auto
}
.lb-dataContainer{
    margin:0 auto;
    padding-top:5px
}
.lb-nav{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:10
}
.lb-nav .lb-prev,.lb-nav .lb-next{
    width:34%;
    height:100%;
    cursor:pointer;
    display:block;
    text-decoration:none;
    position:relative;
    opacity:0
}
.lb-nav .lb-prev:before,.lb-nav .lb-next:before{
    font-family:ukss;
    height:64px;
    font-size:3.75rem;
    line-height:1;
    color:#03a4f4;
    background:#fff;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto
}
.lb-nav .lb-prev{
    float:left;
    text-align:left
}
.lb-nav .lb-prev:before{
    content:'n';
    left:0
}
.lb-nav .lb-next{
    float:right;
    text-align:right
}
.lb-nav .lb-next:before{
    content:'o';
    right:0
}
@media(min-width:1200px){
    .lb-nav .lb-prev:hover,.lb-nav .lb-next:hover{
        opacity:1
    }
}
.lb-data{
    padding:5px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-line-pack:center;
    align-content:center;
    line-height:1
}
.lb-data .lb-details{
    font-size:.875rem;
    color:#fff;
    -ms-flex-item-align:center;
    align-self:center
}
.lb-data .lb-close{
    cursor:pointer
}
.lb-data .lb-close:before{
    content:'B';
    font-family:ukss;
    color:#fff;
    font-size:1.5rem
}
@media(min-width:1200px){
    .lb-data .lb-close:hover:before{
        color:#78d2ff
    }
}
.wavey-bg{
    background:#f8f9fa;
    overflow:hidden
}
@media(min-width:1200px){
    .wavey-bg{
        background:url(../img/xwavey-bg.png.pagespeed.ic.fd9WBrvGbz.png) no-repeat right center #f8f9fa;
        background-size:cover
    }
}
.reviews-c{
    background:#f8f9fa;
    overflow:hidden;
    border-top:1px solid rgba(233,236,239,.5);
    border-bottom:1px solid rgba(233,236,239,.5)
}
.reviews-c.reviews-c-no-heart:before{
    display:none
}
.reviews-c:before{
    content:url(http://demo.signhq.co.uk/assets/theme/img/xcustomer-love.png.pagespeed.ic.rRK7LNoCK9.png);
    position:absolute;
    right:-190px;
    top:-130px;
    -webkit-transform:scale(.52);
    transform:scale(.52)
}
.reviews-c .left-quote{
    width:42px;
    margin-bottom:10px
}
.reviews-c .h2{
    font-size:2rem;
    line-height:1.1;
    font-weight:300;
    margin-bottom:40px
}
.reviews-c .h2 strong{
    display:block;
    font-weight:700
}
.reviews-c #badge-ribbon{
    position:relative;
    left:-16px;
    display:none
}
.reviews-c #reviews-oc .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0 26.66667px;
    padding-bottom:40px
}
.reviews-c #reviews-oc .owl-stage{
    overflow:hidden
}
.reviews-c #reviews-oc .owl-dots{
    margin-left:26.66667px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:20px
}
.reviews-c #reviews-oc .owl-dots .owl-dot{
    width:10px;
    height:10px;
    border:2px solid #adb5bd;
    border-radius:50%;
    margin-right:22.22222px
}
.reviews-c #reviews-oc .owl-dots .owl-dot:focus{
    outline:0
}
.reviews-c #reviews-oc .owl-dots .owl-dot.active{
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
    background:#74bc53;
    border-color:#74bc53
}
.reviews-c .review-stars{
    color:#ff9d1f;
    text-align:right;
    margin-bottom:10px;
    font-size:1.25rem
}
.reviews-c .review-stars span{
    margin-left:4px
}
.reviews-c .review-text{
    margin-bottom:15px;
    font-size:1.0625rem;
    color:#46474d;
    position:relative;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding:26.66667px 33.33333px
}
.reviews-c .review-text:before{
    content:'';
    display:block;
    width:0;
    height:0;
    border-style:solid;
    border-width:34px 56px 0 0;
    border-color:#fff transparent transparent transparent;
    position:absolute;
    left:40px;
    bottom:-34px
}
.reviews-c .review-name{
    text-align:right;
    font-size:1.125rem;
    color:#46474d;
    font-weight:700
}
@media(min-width:576px){
    .reviews-c:before{
        right:-150px;
        top:-88px;
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    .reviews-c .h2{
        font-size:2.3125rem;
        margin-bottom:20px
    }
}
@media(min-width:992px){
    .reviews-c #badge-ribbon{
        display:block
    }
}
@media(min-width:1200px){
    .reviews-c{
        background:url(http://demo.signhq.co.uk/assets/theme/img/xtestimonial-back.png.pagespeed.ic.OVURdyVEdB.png) no-repeat right center #f8f9fa;
        background-size:contain
    }
    .reviews-c:before{
        -webkit-transform:scale(1);
        transform:scale(1);
        right:-26px;
        top:-30px
    }
    .reviews-c:hover:before{
        -webkit-animation:heartbeat .8s 2 forwards;
        animation:heartbeat .8s 2 forwards
    }
    .reviews-c .left-quote{
        width:58px;
        margin-bottom:20px
    }
    .reviews-c .h2{
        font-size:2.75rem;
        margin-bottom:60px
    }
    .reviews-c .review-text{
        font-size:1.125rem;
        padding:40px 40px 28px
    }
    .reviews-c .review-name{
        font-size:1.25rem
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes slideFromRight{
    from{
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideFromRight{
    from{
        -webkit-transform:translateX(30px);
        transform:translateX(30px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes slideFromLeft{
    from{
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slideFromLeft{
    from{
        -webkit-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    to{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes bounce{
    0{
        -webkit-transform:scale(1,1)
    }
    50%{
        -webkit-transform:scale(1,1.3)
    }
    60%{
        -webkit-transform:scale(1.3,1.1)
    }
    70%{
        -webkit-transform:scale(.7,.7)
    }
    80%{
        -webkit-transform:scale(1.2,1.2)
    }
    90%{
        -webkit-transform:scale(.9,.9)
    }
    100%{
        -webkit-transform:scale(1,1)
    }
}
@-webkit-keyframes heartbeat{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1)
    }
    16%{
        -webkit-transform:scale(.9,.9);
        transform:scale(.9,.9)
    }
    33%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1)
    }
    49%{
        -webkit-transform:scale(.9,.9);
        transform:scale(.9,.9)
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1)
    }
}
@keyframes heartbeat{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1)
    }
    16%{
        -webkit-transform:scale(.9,.9);
        transform:scale(.9,.9)
    }
    33%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1)
    }
    49%{
        -webkit-transform:scale(.9,.9);
        transform:scale(.9,.9)
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1)
    }
}
.text-accent{
    color:#03a4f4
}
.text-yellow{
    color:#ffc107
}
.bg-accent{
    background:#03a4f4
}
.bg-accent-50{
    background:rgba(3,164,244,.5)
}
#h-usps{
    display:none
}
@media(min-width:768px){
    #h-usps{
        display:block;
        text-transform:uppercase;
        font-size:.75rem;
        height:24px
    }
    #h-usps div:before{
        display:none
    }
}
@media(min-width:992px){
    #h-usps{
        font-size:.875rem;
        height:32px
    }
}
@media(min-width:1200px){
    #h-usps{
        height:48px;
        padding:0 25px;
        font-size:1rem
    }
    #h-usps div[class^=icon]:before{
        display:inline-block;
        font-size:1.1875rem;
        line-height:1;
        -webkit-transform:translateY(2px);
        transform:translateY(2px);
        margin-right:5px
    }
    #h-usps .icon-flag:before{
        content:url(http://demo.signhq.co.uk/assets/theme/img/flag.svg);
        width:22px
    }
    #h-usps div.icon-check:before{
        -webkit-transform:translateY(4px);
        transform:translateY(4px)
    }
    #h-usps div.icon-lorry:before{
        -webkit-transform:translateY(3px);
        transform:translateY(3px)
    }
    #h-usps div.icon-rain-cloud{
        position:relative;
        padding-left:30px
    }
    #h-usps div.icon-rain-cloud:before{
        position:absolute;
        left:0;
        top:-3px;
        font-size:1.875rem
    }
}
#h-t{
    position:relative;
    padding:0 15px 0 10px;
    line-height:1;
    height:42px
}
#h-t *{
    position:relative;
    z-index:2
}
#h-t span{
    display:none
}
#h-t a{
    color:#fff;
    font-size:.9375rem
}
#h-t a[class^=icon]:before{
    font-size:1.375rem
}
#h-t:before{
    content:'';
    background:#373c4e;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
@media(min-width:768px){
    #h-t{
        padding:0 15px;
        height:51px;
        font-size:.9375rem
    }
    #h-t:before{
        height:calc(100% + 40px);
        -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
        box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
    }
}
@media(min-width:992px){
    #h-t{
        font-size:.875rem;
        padding:0 25px
    }
    #h-t span{
        display:inline-block;
        color:#fff
    }
    #h-t a[class^=icon]:before{
        display:none
    }
}
@media(min-width:1200px){
    #h-t{
        font-size:1.0625rem
    }
}
#h-t-l{
    height:100%
}
#h-t-l a{
    display:inline-block;
    padding:3px 8px 6px;
    background:#5468b1;
    border-radius:4px;
    margin-right:5px;
    text-decoration:none;
    font-size:.875rem
}
#h-t-l a.active{
    height:100%;
    background:0;
    position:relative;
    cursor:default
}
#h-t-l a.active:before{
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:0 6px 6px;
    border-color:transparent transparent #e1e5e9 transparent;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
@media(min-width:992px){
    #h-t-l a{
        padding:8px 12px;
        margin-right:10px
    }
    #h-t-l a span{
        display:none
    }
    #h-t-l a.active{
        background:0;
        color:#fff
    }
    #h-t-l a.active span{
        color:inherit
    }
    #h-t-l a.active:before{
        border-width:0 10px 10px
    }
}
@media(min-width:1200px){
    #h-t-l a span{
        display:inline-block
    }
    #h-t-l a:hover{
        text-decoration:none;
        background:0 0;
        color:#78d2ff
    }
    #h-t-l a:hover span{
        color:#78d2ff
    }
    #h-t-l a.active:hover{
        color:#fff;
        cursor:default
    }
    #h-t-l a.active:hover span{
        color:#fff
    }
}
#h-t-r{
    position:relative;
    top:-1px
}
#h-t-r li{
    display:inline-block;
    position:relative;
    padding-right:14px;
    margin-right:10px
}
#h-t-r li:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:1px;
    height:calc(100% + 2px);
    background:#5468b1
}
#h-t-r li:last-child{
    padding-right:0;
    margin-right:0
}
#h-t-r li:last-child:after{
    display:none
}
#h-t-r a{
    position:relative;
    text-decoration:none
}
#h-t-r a:after{
    content:'';
    position:absolute;
    left:0;
    bottom:-3px;
    width:0;
    height:2px;
    background:#03a4f4
}
@media(min-width:1200px){
    #h-t-r li{
        padding-right:16px;
        margin-right:12px
    }
    #h-t-r a:hover:after{
        width:100%
    }
}
#h-strap{
    display:none;
    color:#81c860;
    font-weight:400
}
@media(min-width:768px){
    #h-strap{
        display:block
    }
}
@media(min-width:992px){
    #h-m-c{
        min-height:92px
    }
}
@media(min-width:1200px){
    #h-m-c{
        min-height:118.72px
    }
}
#h-m{
    padding:20px;
    border-top:4px solid #e1e5e9;
    position:relative;
    z-index:5
}
#h-m a:hover{
    text-decoration:none
}
@media(min-width:992px){
    #h-m{
        position:static;
        left:0;
        top:-100px;
        -webkit-transition:top 300ms ease-in-out;
        transition:top 300ms ease-in-out
    }
    #h-m.sticky{
        position:fixed;
        left:0;
        top:0;
        background:#fff;
        width:100%;
        padding:26.66667px 60px 26.66667px 26.66667px;
        border-top:0;
        -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
        box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
    }
    #h-m.sticky #h-m-r{
        -webkit-transform:translateY(-8px);
        transform:translateY(-8px)
    }
    #h-m.sticky nav ul li .dd{
        width:310px
    }
    #h-m.sticky nav ul li .dd.dd-2{
        width:540px
    }
    #h-m.sticky nav ul li .dd ul ul{
        display:none
    }
}
@media(min-width:1200px){
    #h-m{
        padding:26.66667px
    }
}
@media(min-width:1400px){
    #h-m{
        padding:26.66667px 40px
    }
}
@media(min-width:992px){
    #h-m-r{
        -webkit-transform:translateY(-9px);
        transform:translateY(-9px)
    }
}
@media(min-width:1200px){
    #h-m-r{
        -webkit-transform:translateY(-3px);
        transform:translateY(-3px)
    }
}
#m{
    background:#fff;
    position:relative;
    z-index:2;
    min-height:50vh
}
@media(min-width:768px){
    #m{
        margin:0 15px;
        -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
        box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
    }
}
@media(min-width:1200px){
    #m{
        margin:0 25px
    }
}
#c{
    padding:20px;
    position:relative;
    z-index:-1;
    overflow-x:hidden
}
#c ul{
    list-style:none;
    margin-bottom:26.66667px
}
#c ul li{
    position:relative;
    margin-bottom:12px
}
#c ul li:before{
    content:'';
    display:inline-block;
    width:6px;
    height:6px;
    background:#46474d;
    position:absolute;
    left:-15px;
    top:10px
}
#c ul.no-bullet{
    padding-left:0
}
#c ul.no-bullet li{
    margin-bottom:0
}
#c ul.no-bullet li:before{
    display:none
}
@media(min-width:576px){
    #c{
        padding:40px
    }
}
@media(min-width:1200px){
    #c{
        padding:60px
    }
}
#promo{
    padding:6.66667px 13.33333px;
    font-weight:600;
    color:#373c4e;
    overflow:hidden;
    font-size:.9375rem;
    text-align:center
}
#promo *{
    display:inline-block
}
#promo strong{
    text-transform:uppercase;
    color:#fff;
    margin-left:3px
}
#promo em{
    font-style:normal
}
#promo .bg{
    text-transform:uppercase;
    padding:0 8px 2px;
    border-radius:4px;
    font-size:.875rem;
    font-weight:600;
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px);
    color:#78d2ff
}
#promo .all{
    color:#fff;
    margin-right:3px;
    font-weight:400
}
#promo .all sup{
    -webkit-transform:translateY(3px);
    transform:translateY(3px)
}
#promo .all em{
    display:none
}

#promo {
  background: #16222A;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #3A6073, #16222A);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #3A6073, #16222A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}


#promo .c-order{
    display:none
}
#promo .promo-timer{
    display:none
}
@media(min-width:576px){
    #promo{
        font-size:1rem
    }
    #promo .all em{
        display:inline-block
    }
}
@media(min-width:992px){
    #promo{
        padding:10px 13.33333px;
        display:block;
        position:relative;
        z-index:-1;
        text-align:left
    }
    #promo .all{
        color:#daf4cd;
        font-weight:600
    }
    #promo .c-order{
        display:inline-block
    }
    #promo .promo-timer{
        display:inline-block;
        color:#fff;
        font-weight:700
    }
}
@media(min-width:1200px){
    #promo{
        font-size:1.125rem;
        padding:10px 40px
    }
    #promo em{
        margin-right:6px
    }
    #promo .bg{
        -webkit-transform:translateY(-2px);
        transform:translateY(-2px)
    }
}
footer{
    position:relative;
    z-index:1;
    color:#c0e1f4;
    line-height:1.4
}
footer:before{
    content:'';
    background: rgb(54,54,54);
  	background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(99,99,111,1) 56%, rgba(139,138,138,1) 100%);
    position:absolute;
    left:0;
    bottom:0;
    width:100vw;
    height:100%;
    border-top:5px solid #03a4f4
}
footer a{
    color:#fff;
    position:relative;
    text-decoration:none
}
footer a:after{
    content:'';
    position:absolute;
    left:0;
    bottom:-3px;
    width:0;
    height:2px;
    background:#03a4f4
}
footer ul{
    font-size:1.0625rem;
    line-height:1.9;
    margin-bottom:40px
}
footer p{
    font-size:.9375rem;
    font-weight:300
}
footer h4{
    color:#fff;
    font-size:1.5rem
}
footer h6{
    color:#c0e1f4;
    margin-bottom:10px
}
footer span,footer strong{
    color:#fff
}
footer .logo{
    color:#fff;
    font-size:1.9375rem;
    font-weight:600
}
footer .logo svg{
    width:40px;
    margin-right:6px
}
footer .logo svg .logo-house{
    fill:#fff
}
footer .logo svg .logo-heart{
    fill:#fff
}
footer .strapline{
    padding-right:40px
}
footer .strapline a:after{
    bottom:-2px
}
@media(min-width:768px){
    footer:before{
        height:calc(100% + (40px * 2));
        border-top-width:10px
    }
    footer a:hover{
        text-decoration:none;
        color:#fff
    }
    footer a:hover:after{
        width:100%
    }
}
#f-m{
    padding:40px 26.66667px;
    position:relative;
    z-index:2
}
@media(min-width:768px){
    #f-m{
        padding:60px 25px
    }
}
#su-news{
    padding-right:26.66667px
}
#su-news input{
    width:100%;
    background:0;
    border:0;
    border-bottom:2px solid #fff;
    padding:10px;
    font-size:1.0625rem;
    font-weight:300;
    color:#fff;
    border-radius:0
}
#su-news input::-webkit-input-placeholder{
    color:#fff
}
#su-news input:-moz-placeholder{
    color:#fff;
    opacity:1
}
#su-news input::-moz-placeholder{
    color:#fff;
    opacity:1
}
#su-news input:-ms-input-placeholder{
    color:#fff
}
#su-news input::-ms-input-placeholder{
    color:#fff
}
#su-news input::placeholder{
    color:#fff
}
#su-news input:focus{
    background:#fff;
    color:#373c4e;
    border-color:#03a4f4;
    font-weight:400
}
#su-news button{
    background:#03a4f4;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.5),0 7px 14px rgba(47,59,96,.35),0 3px 7px rgba(8,8,8,.2);
    box-shadow:0 25px 50px rgba(47,59,96,.5),0 7px 14px rgba(47,59,96,.35),0 3px 7px rgba(8,8,8,.2);
    font-size:1.125rem;
    font-weight:600;
    color:#fff;
    padding:10px 20px;
    width:160px
}
#su-news button:hover{
    background:#74bc53
}
#su-news .no-spam{
    font-size:.8125rem;
    line-height:1.2;
    font-weight:300
}
#f-e{
    position:relative;
    z-index:2;
    padding:40px 25px
}
#f-e:before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    margin-left:-50vw;
    width:100vw;
    height:1px;
    background:#03a4f4
}
#f-e .disclaimer{
    color:#fff;
    margin-bottom:5px
}
@media(max-width:767.98px){
    #f-e img{
        height:34px
    }
}
#sucuri:after{
    display:none
}
#copyright{
    color:#fff;
    font-size:1.125rem;
    font-weight:300
}
#arcola{
    font-size:.9375rem
}
#arcola a{
    color:#c0e1f4
}
#live-chat-container{
    border-bottom:1px solid #dee2e6
}
#contact-details{
    position:relative;
    z-index:2;
    padding-bottom:40px
}
#contact-details input[type=text],#contact-details input[type=email],#contact-details input[type=file],#contact-details textarea,#contact-details select,#contact-details label{
    display:block;
    width:100%;
    position:relative;
    z-index:2
}
#contact-details .form-check-inline label{
    display:inline-block;
    width:auto;
    margin-right:20px
}
#contact-details .form-check-inline input{
    margin-right:8px
}
#contact-details input[type=checkbox]{
    -webkit-appearance:checkbox
}
#contact-details textarea{
    resize:none;
    position:relative;
    z-index:2
}
#contact-details label{
    margin-bottom:4px;
    position:relative;
    z-index:2
}
#contact-details strong{
    color:#46474d
}
#contact-details button{
    background:#373c4e;
    color:#fff;
    font-size:1.125rem;
    font-weight:600;
    padding:12px 20px;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    position:relative;
    z-index:2
}
#contact-details .cfe-c{
    margin-bottom:13.33333px
}
@media(min-width:992px){
    #contact-details{
        padding-bottom:0
    }
}
@media(min-width:1200px){
    #contact-details button:hover{
        background:#03a4f4
    }
}
#contact-form-container{
    position:relative
}
@media(min-width:1200px){
    #contact-form-container:before,#contact-form-container:after{
        content:'';
        border-radius:50%;
        display:block;
        position:absolute
    }
    #contact-form-container:before{
        background:#74bc53;
        left:-45px;
        bottom:170px;
        width:70px;
        height:70px
    }
    #contact-form-container:after{
        background:#03a4f4;
        left:210px;
        bottom:0;
        width:30px;
        height:30px
    }
}
#contact-form{
    margin-bottom:60px
}
#contact-form .icon-cross{
    display:none
}
@media(min-width:1200px){
    #contact-form:before,#contact-form:after{
        content:'';
        border-radius:50%;
        display:block;
        position:absolute
    }
    #contact-form:before{
        background:#74bc53;
        right:-30px;
        bottom:60px;
        width:120px;
        height:120px
    }
    #contact-form:after{
        background:#03a4f4;
        right:-54px;
        bottom:230px;
        width:40px;
        height:40px
    }
    #contact-form .icon-cross{
        display:block;
        position:absolute;
        color:#373c4e;
        font-size:1.75rem
    }
    #contact-form #cross-1{
        right:-76px;
        bottom:180px;
        -webkit-transform:rotate(25deg);
        transform:rotate(25deg)
    }
    #contact-form #cross-2{
        left:-45px;
        bottom:115px;
        -webkit-transform:rotate(-15deg);
        transform:rotate(-15deg)
    }
}
#contact-offset .note span{
    opacity:.5;
    margin:0 6px
}
@media(min-width:992px){
    #contact-offset{
        margin-top:-260px
    }
}
#contact-reg{
    position:absolute;
    top:-100px
}
@media(min-width:992px){
    #contact-reg{
        position:static
    }
}
.find-order-detail .icon-cross{
    display:none
}
@media(min-width:992px){
    .find-order-detail:before,.find-order-detail:after{
        content:'';
        display:block;
        position:absolute;
        background:#74bc53;
        border-radius:50%
    }
    .find-order-detail:after{
        background:#03a4f4
    }
    .find-order-detail .icon-cross{
        font-size:2.25rem;
        position:absolute;
        color:#373c4e;
        display:block
    }
    #find-order-left:before{
        width:160px;
        height:160px;
        left:-110px;
        top:70px
    }
    #find-order-left:after{
        width:50px;
        height:50px;
        left:-155px;
        top:240px
    }
    #find-order-left .icon-cross{
        left:-80px;
        top:300px;
        -webkit-transform:rotate(-20deg);
        transform:rotate(-20deg)
    }
    #find-order-right:before{
        width:144px;
        height:144px;
        right:-130px;
        top:350px
    }
    #find-order-right:after{
        width:32px;
        height:32px;
        right:-55px;
        top:260px
    }
    #find-order-right .icon-cross{
        right:-135px;
        top:290px;
        -webkit-transform:rotate(25deg);
        transform:rotate(25deg)
    }
}
#find-order{
    background:#fff;
    position:relative;
    overflow:hidden;
    border-radius:3px 3px 0 0;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08),inset 0 0 0 1px #dee2e6;
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08),inset 0 0 0 1px #dee2e6
}
#find-order:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:12px;
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#58973b),color-stop(40%,#74bc53));
    background:linear-gradient(to right,#58973b 0,#74bc53 40%)
}
#find-order label{
    display:block;
    margin-bottom:4px
}
#find-order .icon-help{
    color:#74bc53;
    font-size:1.125rem;
    position:relative;
    top:3px
}
#find-order button{
    background:#03a4f4;
    color:#fff;
    position:relative;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    padding-left:44px
}
#find-order button:before{
    position:absolute;
    font-size:1.375rem;
    left:16px;
    -webkit-transform:translateY(-3px);
    transform:translateY(-3px)
}
#find-order button:hover{
    background:#373c4e
}
#find-order-no{
    border:1px solid #dee2e6;
    font-size:2.25rem;
    font-weight:700;
    color:#46474d;
    display:inline-block;
    padding:0;
    margin-bottom:13.33333px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#find-order-no label{
    display:inline;
    margin:0;
    padding:0 0 4px 12px
}
#find-order-no input{
    border:0;
    padding:0 15px;
    font-size:2.25rem;
    font-weight:700;
    color:#46474d;
    width:225px;
    -moz-appearance:textfield
}
#find-order-no input::-webkit-input-placeholder{
    color:#ced4da
}
#find-order-no input:-moz-placeholder{
    color:#ced4da;
    opacity:1
}
#find-order-no input::-moz-placeholder{
    color:#ced4da;
    opacity:1
}
#find-order-no input:-ms-input-placeholder{
    color:#ced4da
}
#find-order-no input::-ms-input-placeholder{
    color:#ced4da
}
#find-order-no input::placeholder{
    color:#ced4da
}
#find-order-no input::-webkit-outer-spin-button,#find-order-no input::-webkit-inner-spin-button{
    -webkit-appearance:none
}
#find-order-no.focus{
    border-color:#adb5bd
}
#order_status_email{
    color:#46474d;
    font-weight:700;
    width:100%;
    padding:8px;
    display:block;
    margin-bottom:26.66667px
}
@media(min-width:992px){
    #order_status_email{
        font-size:1.25rem;
        padding:12px
    }
}
.order-stage{
    border:1px solid #dee2e6;
    padding:0 20px 60px;
    margin-bottom:40px
}
.order-stage h2{
    font-size:1.75rem;
    line-height:1.2;
    letter-spacing:-.03rem;
    margin:13.33333px 0 40px
}
.order-stage p{
    margin-bottom:40px
}
.order-stage strong{
    color:#46474d
}
.order-stage img{
    max-width:100%
}
.order-stage .col-5{
    display:none
}
@media(min-width:1200px){
    .order-stage{
        padding:0 40px 60px
    }
    .order-stage h2{
        font-size:2.75rem
    }
    .order-stage .col-5{
        display:block
    }
    .order-stage .button-link.bg-a:hover{
        background:#373c4e
    }
}
.order-stage-progress{
    position:relative;
    display:none
}
@media(min-width:768px){
    .order-stage-progress{
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex
    }
}
.order-stage-progress li{
    position:relative;
    z-index:2;
    width:26px;
    height:26px;
    line-height:26px;
    -webkit-box-shadow:inset 0 0 0 6px #dee2e6;
    box-shadow:inset 0 0 0 6px #dee2e6;
    border-radius:50%;
    background:#fff;
    margin-right:26px;
    -ms-flex-item-align:center;
    align-self:center;
    color:#fff;
    text-align:center
}
.order-stage-progress li:last-child{
    margin-right:0
}
.order-stage-progress:before,.order-stage-progress:after{
    content:'';
    display:block;
    height:6px;
    position:absolute;
    left:15px;
    top:0;
    bottom:0;
    margin:auto
}
.order-stage-progress:before{
    width:calc(100% - 30px);
    background:#dee2e6
}
.order-stage-progress:after{
    background:#74bc53;
    width:0;
    -webkit-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out
}
#order-stage-two li:nth-child(-n+2){
    background:#74bc53;
    -webkit-box-shadow:none;
    box-shadow:none
}
#order-stage-two li:nth-child(-n+2):after{
    content:'k';
    font-family:ukss
}
#order-stage-two li:nth-child(2){
    width:40px;
    height:40px;
    font-size:1.5rem;
    line-height:40px;
    -webkit-animation:bounce 1s 500ms ease-out forwards;
    animation:bounce 1s 500ms ease-out forwards
}
#order-stage-two:after{
    width:33%
}
#order-stage-three~h2{
    font-size:1.75rem
}
#order-stage-three li:nth-child(-n+3):after{
    content:'k';
    font-family:ukss
}
#order-stage-three li:nth-child(-n+2){
    background:#74bc53;
    -webkit-box-shadow:none;
    box-shadow:none
}
#order-stage-three li:nth-child(3){
    width:40px;
    height:40px;
    font-size:1.5rem;
    line-height:40px;
    background:#74bc53;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-animation:bounce 1s 500ms ease-out forwards;
    animation:bounce 1s 500ms ease-out forwards
}
#order-stage-three:after{
    width:calc(66% - 15px)
}
@media(min-width:1200px){
    #order-stage-three~h2{
        font-size:2.5rem
    }
}
#order-stage-four li:nth-child(-n+4):after{
    content:'k';
    font-family:ukss
}
#order-stage-four li:nth-child(-n+3){
    background:#74bc53;
    -webkit-box-shadow:none;
    box-shadow:none
}
#order-stage-four li:nth-child(4){
    width:40px;
    height:40px;
    font-size:1.5rem;
    line-height:40px;
    background:#74bc53;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-animation:bounce 1s 500ms ease-out forwards;
    animation:bounce 1s 500ms ease-out forwards
}
#order-stage-four:after{
    width:calc(100% - 30px)
}
#order-overview #oo-details strong{
    display:block;
    color:#46474d;
    font-size:1.125rem
}
#order-overview #oo-details p{
    margin-bottom:20px
}
#order-overview .oo-product{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
#order-overview .oo-header{
    font-weight:700;
    color:#46474d;
    font-size:1.125rem;
    border-bottom:1px solid #dee2e6;
    padding-bottom:10px;
    margin-top:20px
}
#order-overview .oo-row{
    padding:10px 0;
    border-bottom:1px solid #dee2e6
}
#order-overview .oo-line-total{
    text-align:right;
    width:120px
}
#order-overview #oo-totals{
    width:75%;
    float:right
}
#order-overview #oo-grand-total{
    color:#46474d;
    font-weight:700;
    border-top:4px solid #dee2e6;
    border-bottom:0
}
@media(min-width:576px){
    #order-overview #oo-details p{
        width:50%
    }
    #order-overview #oo-details p:nth-child(even){
        text-align:right
    }
    #order-overview #oo-totals{
        width:240px
    }
}
@media(min-width:1200px){
    #order-overview #oo-details p{
        width:100%
    }
    #order-overview #oo-details p:nth-child(even){
        text-align:left
    }
    #order-overview .oo-header{
        margin-top:0
    }
    #order-overview #oo-grand-total{
        font-size:1.125rem
    }
}
#international-shipping{
    color:#fff
}
#international-shipping .z-uk{
    fill:#5468b1
}
#international-shipping .z-europe{
    fill:#03a4f4;
    background:#03a4f4
}
#international-shipping .z-world-1{
    fill:#74bc53;
    background:#74bc53
}
#international-shipping .z-world-2{
    fill:#fff;
    background:#fff
}
#international-prices li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    color:#fff;
    font-size:1.125rem;
    border-bottom:1px solid rgba(255,255,255,.15);
    padding:8px 0 10px
}
#international-prices li:last-child{
    border-bottom:0
}
#international-prices .zone-colour{
    width:20px;
    height:20px;
    display:inline-block;
    -webkit-transform:translateY(3px);
    transform:translateY(3px);
    margin-right:5px
}
#international-prices .zone-price{
    font-weight:700
}
#world-delivery-zones .z-world-1{
    -webkit-transform:translate(-1px,-1px);
    transform:translate(-1px,-1px)
}
#world-delivery-zones .z-world-2{
    -webkit-transform:translate(-1px,-1px);
    transform:translate(-1px,-1px)
}
.btn{
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
    font-size:1.125rem;
    padding:0 33.33333px;
    height:48px;
    -webkit-box-shadow:0 5px 10px 0 rgba(70,133,174,.26),0 2px 5px 0 rgba(23,24,26,.06);
    box-shadow:0 5px 10px 0 rgba(70,133,174,.26),0 2px 5px 0 rgba(23,24,26,.06);
    line-height:48px;
    text-decoration:none
}
#login-form .field{
    overflow:hidden
}
#login-form label[for=_remember_me],#login-form label[for=sylius_customer_registration_subscribedToNewsletter]{
    float:left
}
#login-form input[type=checkbox]{
    -webkit-appearance:checkbox!important;
    margin-top:10px
}
#login-form input[name=_remember_me],#login-form #sylius_customer_registration_subscribedToNewsletter{
    float:left;
    margin-left:5px
}
#login-form label{
    position:static;
    font-size:1.1rem;
    padding:5px 0
}
#login-form input[type=text],#login-form input[type=password],#login-form input[type=email]{
    width:100%
}
.lum-lightbox{
    z-index:999
}
.open-intercom{
    cursor:pointer
}
.divider{
    margin:0 13.33333px
}
.review-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0 26.66667px;
    padding-bottom:40px
}
.review-item .review-stars{
    color:#ff9d1f;
    text-align:right;
    margin-bottom:10px;
    font-size:1.25rem
}
.review-item .review-stars span{
    margin-left:4px
}
.review-item .review-text{
    margin-bottom:15px;
    font-size:1.0625rem;
    color:#46474d;
    position:relative;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding:26.66667px 33.33333px
}
.review-item .review-text:before{
    content:'';
    display:block;
    width:0;
    height:0;
    border-style:solid;
    border-width:34px 56px 0 0;
    border-color:#fff transparent transparent transparent;
    position:absolute;
    left:40px;
    bottom:-34px
}
.review-item .review-name{
    text-align:right;
    font-size:1.125rem;
    color:#46474d;
    font-weight:700
}
#taxon-copy .accordion div{
    padding:20px 15px;
    font-size:16px
}
#taxon-copy .accordion div p{
    padding:0
}
#taxon-copy .accordion h3{
    margin:20px 0;
    padding:0
}
#taxon-copy .accordion h3 a{
    background:#74bc53;
    color:#fff;
    padding:10px 20px;
    display:block;
    font-size:15px;
    border-radius:4px;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.08em
}
#taxon-copy .accordion h3 a.collapsed{
    opacity:.5;
    color:#343a40;
    background:#dee2e6
}
.grecaptcha-badge{
    visibility:hidden
}
#hb-commercial{
    background:url(../img/commercial/commercial-hero.jpg) left center/105% auto no-repeat!important
}
#header-logo img{
    max-width:160px
}
@media(min-width:992px){
    #header-logo img{
        max-width:230px
    }
}
#sylius_add_to_cart_cartItem_textOptions_arrow-direction{
    font-family:sans-serif!important
}
nav ul{
    padding:45px 40px;
    margin:0;
    position:fixed;
    left:100vw;
    top:0;
    width:100vw;
    height:100vh;
    z-index:1;
    -webkit-transition:opacity 300ms ease-in-out,-webkit-transform 300ms ease-in-out;
    transition:opacity 300ms ease-in-out,-webkit-transform 300ms ease-in-out;
    transition:opacity 300ms ease-in-out,transform 300ms ease-in-out;
    transition:opacity 300ms ease-in-out,transform 300ms ease-in-out,-webkit-transform 300ms ease-in-out;
    opacity:0;
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px)
}
nav ul:before{
    content:'';
    width:100vw;
    height:150vh;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    display:block;
    background:#373c4e;
    background:linear-gradient(135deg,#373c4e 13%,#373c4e 40%,#222530 100%)
}
nav ul li{
    display:block;
    position:relative;
    margin:10px 0
}
nav ul li>a{
    text-decoration:none;
    font-size:1.25rem;
    letter-spacing:-.02em;
    padding-right:26.66667px;
    color:#fff
}
nav ul li>a.has-dropdown:after{
    content:'o';
    font-family:ukss;
    color:#74bc53;
    font-size:1.375rem;
    position:absolute;
    right:0;
    top:0
}
nav ul li:last-child a{
    padding-right:0
}
nav ul li .dd{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    z-index:2;
    -webkit-transform:translateX(100vw);
    transform:translateX(100vw);
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    background:#373c4e;
    background:linear-gradient(135deg,#373c4e 13%,#373c4e 40%,#222530 100%)
}
nav ul li .dd:before{
    content:attr(data-category);
    color:#fff;
    font-size:2.875rem;
    letter-spacing:-.03rem;
    line-height:1;
    margin:60px 0 0 26.66667px;
    opacity:.1;
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    position:absolute;
    left:90%;
    top:13.33333px;
    width:calc(100vh - 25%);
    display:inline-block
}
nav ul li .dd ul{
    padding:72px 13.33333px 13.33333px;
    display:block;
    position:static;
    height:auto;
    background:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
nav ul li .dd ul:before{
    display:none
}
nav ul li .dd ul li{
    display:block;
    padding:0 13.33333px;
    position:relative;
    margin:0 0 13.33333px
}
nav ul li .dd ul a{
    font-size:1.25rem;
    line-height:1.4;
    color:#fff;
    font-weight:600;
    text-decoration:none;
    position:relative;
    padding-right:0
}
nav ul li .dd ul a span{
    display:none
}
nav ul li .dd ul a:after{
    display:none
}
nav ul li .dd ul a .new{
    color:#03a4f4;
    font-weight:600
}
nav ul li .dd ul.dd-m li a:before{
    content:'';
    position:absolute;
    left:0;
    bottom:-3px;
    width:0;
    height:2px;
    background:#03a4f4;
    bottom:-1px;
    top:auto
}
nav ul li .dd ul ul{
    display:none
}
nav ul li .dd .dd-b{
    border-top:1px solid #03a4f4;
    border-radius:0 0 5px 5px
}
nav ul li .dd .dd-b ul{
    padding-top:26.66667px
}
nav ul li .dd .dd-b ul.social{
    padding-top:0;
    padding-bottom:20px
}
nav ul li .dd .dd-b ul.social li{
    display:inline-block;
    padding:0 8px;
    margin:0 2px
}
nav ul li .dd .dd-b ul.social a:before{
    position:static;
    background:0;
    font-size:1.625rem
}
nav ul li .dd .dd-b h6{
    font-weight:700;
    color:#fff;
    padding:26.66667px 26.66667px 0;
    margin-bottom:6px;
    opacity:.4
}
nav ul li .dd .dd-b .social li a:before{
    content:inherit
}
nav ul li.has-dropdown .dd{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
nav ul .logo-link{
    font-size:1.875rem;
    font-weight:600;
    letter-spacing:-.03rem;
    color:#fff;
    display:block;
    text-align:center;
    margin-bottom:20px;
    text-decoration:none
}
nav ul .logo-icon{
    width:38px;
    height:38px;
    left:0;
    right:0;
    margin:auto;
    position:relative;
    z-index:2;
    display:block
}
nav ul .logo-icon path{
    fill:#fff
}
nav ul #n-c{
    font-size:1.375rem;
    line-height:1;
    color:#fff;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    padding:20px;
    text-decoration:none
}
nav ul .c-dd{
    font-size:.875rem;
    line-height:1;
    color:#fff;
    position:absolute;
    left:-4px;
    top:0;
    z-index:10;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:13.33333px 40px 13.33333px 20px;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:.05rem;
    text-decoration:none
}
nav ul .c-dd:before{
    display:inline-block;
    width:20px;
    font-size:2rem;
    margin-right:8px
}
@media(min-width:768px){
    nav ul{
        display:inline-block;
        padding:60px 80px
    }
    nav ul .c-dd{
        font-size:1rem
    }
    nav ul .c-dd:before{
        margin-right:16px
    }
    nav ul li{
        margin:20px 0
    }
    nav ul li>a{
        font-size:1.625rem
    }
    nav ul li .dd ul{
        padding-top:80px;
        padding-bottom:40px
    }
    nav ul li .dd ul li{
        padding:0 40px;
        margin-bottom:20px
    }
    nav ul li .dd ul a{
        font-size:1.4375rem
    }
    nav ul li .dd:before{
        font-size:5rem
    }
    nav ul li .dd .dd-b h6{
        padding:40px 60px 0;
        font-size:1.5rem;
        margin-bottom:20px
    }
    nav ul li .dd .dd-b ul{
        padding-top:40px
    }
    nav ul li .dd .dd-b ul.social{
        padding:0 40px 40px
    }
    nav ul li .dd .dd-b ul.social a:before{
        font-size:2.25rem
    }
    nav ul li .dd.dd-2 ul{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    nav ul li .dd.dd-2 li{
        width:50%
    }
    nav ul li .dd.dd-2 span{
        display:block;
        font-size:1rem;
        line-height:1.4;
        color:#dee2e6;
        font-weight:400
    }
    nav ul .logo-icon{
        width:76px;
        height:76px
    }
    nav ul .logo-link{
        font-size:3.5rem
    }
}
@media(min-width:992px){
    nav ul{
        position:static;
        width:auto;
        height:auto;
        background:0;
        -webkit-transform:translateX(0);
        transform:translateX(0);
        -webkit-transition:none;
        transition:none;
        padding:0;
        opacity:1
    }
    nav ul:before{
        display:none
    }
    nav ul li{
        display:inline-block;
        margin:0 0 0 20px
    }
    nav ul li>a{
        color:#373c4e;
        font-size:1.1875rem
    }
    nav ul li>a.has-dropdown:after{
        content:'m';
        top:2px
    }
    nav ul li .dd{
        position:absolute;
        background:#fff;
        width:386px;
        height:auto;
        -webkit-transform:translateX(3000px);
        transform:translateX(3000px);
        left:50%;
        top:calc(100% + 20px);
        -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
        box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
        border-radius:5px;
        opacity:0;
        -webkit-transition:none;
        transition:none
    }
    nav ul li .dd:before{
        content:'';
        width:100%;
        height:7px;
        background:#74bc53;
        background:-webkit-gradient(linear,left top,right top,color-stop(0,#98cd7f),color-stop(40%,#74bc53));
        background:linear-gradient(to right,#98cd7f 0,#74bc53 40%);
        display:block;
        position:absolute;
        left:0;
        top:0;
        border-radius:5px 5px 0 0;
        margin:0;
        opacity:1;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    nav ul li .dd:after{
        content:'';
        width:0;
        height:0;
        border-style:solid;
        border-width:0 10px 10px;
        border-color:transparent transparent #74bc53;
        position:absolute;
        left:50%;
        bottom:100%;
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    nav ul li .dd ul{
        padding:33.33333px 20px 20px
    }
    nav ul li .dd ul li{
        padding:0 13.33333px
    }
    nav ul li .dd ul a{
        font-size:1.1875rem;
        color:#373c4e
    }
    nav ul li .dd ul ul{
        padding:0;
        margin-bottom:20px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    nav ul li .dd ul ul li{
        margin-bottom:0;
        width:50%
    }
    nav ul li .dd ul ul li a{
        font-size:.875rem;
        font-weight:400;
        color:#9aa0b7
    }
    nav ul li .dd ul ul li a:before{
        content:'';
        position:absolute;
        left:0;
        bottom:-3px;
        width:0;
        height:2px;
        background:#03a4f4;
        bottom:-3px
    }
    nav ul li .dd.dd-2{
        width:540px
    }
    nav ul li .dd.dd-2 ul li{
        padding:0 20px
    }
    nav ul li .dd.dd-2 span{
        font-size:.875rem;
        line-height:1.4;
        color:#adb5bd;
        font-weight:300
    }
    nav ul li .dd.dd-2 a .new{
        position:absolute;
        left:-50px;
        top:8px;
        background:#03a4f4;
        color:#fff;
        font-size:1.125rem;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg);
        -webkit-transform-origin:bottom;
        transform-origin:bottom;
        height:28px;
        width:80px;
        text-align:center;
        border-radius:0 0 5px 5px;
        font-weight:400;
        text-transform:uppercase
    }
    nav ul li .dd .dd-b{
        padding-bottom:10px;
        background:#f5fafe;
        border-color:#e7f3fd
    }
    nav ul li .dd .dd-b ul{
        padding-top:26.66667px;
        padding-bottom:0
    }
    nav ul li .dd .dd-b h6{
        color:#373c4e;
        opacity:1;
        padding:26.66667px 26.66667px 0;
        font-size:1rem;
        margin-bottom:10px
    }
    nav ul li .dd .dd-b ul.social{
        padding:0 10px 13.33333px
    }
    nav ul li .dd .dd-b ul.social a:before{
        font-size:1.75rem
    }
    nav ul li.has-dropdown .dd{
        -webkit-transform:translateX(-50%);
        transform:translateX(-50%);
        opacity:1;
        -webkit-transition:opacity 200ms ease-in-out;
        transition:opacity 200ms ease-in-out
    }
    nav ul .logo-link{
        display:none
    }
    nav #n-c{
        display:none
    }
}
@media(min-width:1200px){
    nav ul li a{
        font-size:1.25rem;
        font-weight:600
    }
    nav ul li a:hover{
        color:#6c757d
    }
    nav ul li a:hover:before{
        color:#03a4f4
    }
    nav ul li a:hover:after{
        color:#03a4f4
    }
    nav ul li .dd .dd-m a:hover:before{
        width:100%
    }
    nav ul li .dd .dd-m a:hover:after{
        display:none
    }
    nav ul .c-dd{
        display:none
    }
}
#n-i{
    width:35px
}
#n-i:before{
    display:none
}
@media(min-width:992px){
    #n-i{
        padding-right:0
    }
    #n-i:before{
        display:inline-block;
        position:relative;
        color:#373c4e;
        font-size:2.1875rem;
        top:11px;
        padding:5px;
        margin-left:10px
    }
    #n-i:after{
        display:none
    }
    #n-i~.dd{
        margin-left:5px
    }
    #n-i span{
        display:none
    }
}
@media(min-width:1200px){
    #n-i:before{
        top:9px
    }
    #n-i:hover:before{
        color:#6c757d
    }
}
#nav-promo{
    position:absolute;
    left:0;
    bottom:0;
    padding:40px;
    width:100%;
    color:#fff
}
#nav-promo span,#nav-promo em{
    display:block
}
#nav-promo em{
    font-style:normal
}
#nav-promo strong{
    font-size:1.75rem;
    line-height:1;
    letter-spacing:-.02em
}
#nav-promo .icon-lorry{
    font-size:1.25rem;
    border-top:2px solid #5468b1;
    padding-top:20px
}
#nav-promo .icon-lorry:before{
    margin-right:5px;
    -webkit-transform:translateY(3px);
    transform:translateY(3px);
    font-size:1.375rem;
    display:inline-block
}
#nav-promo .promo-timer{
    font-size:1.125rem;
    font-weight:600;
    letter-spacing:-.02em
}
@media(min-width:768px){
    #nav-promo{
        padding:80px;
        font-size:1.75rem
    }
    #nav-promo strong{
        font-size:3rem
    }
    #nav-promo .icon-lorry{
        font-size:2rem
    }
    #nav-promo .icon-lorry:before{
        -webkit-transform:translateY(8px);
        transform:translateY(8px);
        font-size:2.375rem
    }
    #nav-promo .promo-timer{
        font-size:2rem
    }
}
@media(min-width:992px){
    #nav-promo{
        display:none
    }
}
.n-i-s{
    line-height:1;
    color:#373c4e;
    padding:5px;
    position:relative;
    display:inline-block;
    text-decoration:none;
    font-size: 20px;

}
@media(min-width:1200px){
    .n-i-s:hover:before{
        color:#6c757d
    }
}
#s-i{
    font-size:1.625rem;
    top:-3px;
    text-decoration:none
}
@media(min-width:992px){
    #s-i{
        top:6px
    }
}
@media(min-width:1200px){
    #s-i{
        top:3px
    }
}
#sb-i{
    font-size:2rem;
    position:relative;
    text-decoration:none
}
#sb-i span{
    position:absolute;
    right:0;
    bottom:4px;
    background:#03a4f4;
    font-size:.75rem;
    line-height:12px;
    border-radius:50%;
    display:block;
    width:16px;
    height:16px;
    color:#fff;
    text-align:center;
    padding:1px 1px 0 0
}
@media(min-width:992px){
    #sb-i{
        top:7px
    }
}
@media(min-width:1200px){
    #sb-i{
        padding-left:8px;
        margin-left:5px;
        top:5px
    }
}
#ns-i{
    font-size:2.0625rem;
    width:40px;
    top:2px
}
@media(min-width:992px){
    #ns-i{
        display:none;
        top:7px
    }
}
.nav-show{
    overflow-y:hidden
}
.nav-show nav ul{
    left:0;
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
@media(min-width:1200px){
    .nav-show{
        overflow-y:auto
    }
}
#n-s{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-shadow:0 0 0 2px #5468b1;
    box-shadow:0 0 0 2px #5468b1;
    border-radius:4px;
    margin-bottom:26.66667px;
    height:36px;
    overflow:hidden;
    line-height:1
}
#n-s a{
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:50%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    opacity:.9;
    text-decoration:none
}
#n-s a.active{
    background:#5468b1;
    opacity:1
}
@media(min-width:768px){
    #n-s{
        height:44px;
        font-size:1.25rem
    }
}
@media(min-width:992px){
    #n-s{
        display:none
    }
}
.dd .menu-header{
    color:#fff!important
}
.dd .menu-header:hover{
    color:#fff!important;
    background:#373c4e
}
.nav-christmas-market{
    background-image:linear-gradient(45deg,#dc3545 25%,#d12e3b 25%,#d12e3b 50%,#dc3545 50%,#dc3545 75%,#d12e3b 75%,#d12e3b 100%);
    background-size:42.43px 42.43px
}
.nav-christmas-market a:hover:before{
    display:none
}
.mega-menu-overlay{
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    top:0;
    left:0;
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    display:none;
    opacity:0
}
.mega-menu-overlay-body{
    z-index:4;
    position:absolute
}
.mega-menu-overlay-active{
    display:block;
    -webkit-animation:megaMenuBackdrop 300ms cubic-bezier(.5,0,.08,1) forwards;
    animation:megaMenuBackdrop 300ms cubic-bezier(.5,0,.08,1) forwards
}
#h-m-c{
    position:relative;
    z-index:5
}
.mega-menu{
    width:100%;
    position:absolute;
    background:#fff;
    display:none;
    -webkit-box-shadow:0 10px 10px rgba(0,0,0,.1);
    box-shadow:0 10px 10px rgba(0,0,0,.1);
    opacity:0;
    border-radius:0 0 6px 6px;
    overflow:hidden
}
.mega-menu .mega-menu-grid{
    padding:10px 40px 40px;
    display:grid;
    gap:40px;
    grid-template-columns:repeat(3,minmax(0,1fr))
}
@media(min-width:992px){
    .mega-menu .mega-menu-grid{
        grid-template-columns:repeat(6,minmax(0,1fr))
    }
}
.mega-menu .mega-menu-grid>div>a .mega-menu-title{
    -webkit-transition:all 300ms cubic-bezier(.5,0,.08,1);
    transition:all 300ms cubic-bezier(.5,0,.08,1);
    position:relative
}
.mega-menu .mega-menu-grid>div>a .mega-menu-title svg{
    opacity:0;
    height:20px;
    top:7px;
    position:absolute;
    left:-20px
}
.mega-menu .mega-menu-grid>div>a:hover .mega-menu-title{
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
}
.mega-menu .mega-menu-grid>div>a:hover .mega-menu-title svg{
    opacity:.5
}
.mega-menu.mega-menu-open{
    display:block;
    -webkit-animation:menuAnimate 300ms cubic-bezier(.5,0,.08,1) forwards;
    animation:menuAnimate 300ms cubic-bezier(.5,0,.08,1) forwards
}
.mega-menu .mega-menu-img{
    overflow:hidden;
    border-radius:4px
}
.mega-menu .mega-menu-img img:hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition:all 300ms cubic-bezier(.5,0,.08,1);
    transition:all 300ms cubic-bezier(.5,0,.08,1)
}
.mega-menu .mega-menu-title{
    font-size:19px;
    margin:10px 0 0;
    font-weight:700
}
.mega-menu .mega-menu-footer{
    padding-bottom:10px;
    background:#f5fafe;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-top:1px solid #e7f3fd;
    padding:10px 40px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.mega-menu .mega-menu-footer a{
    margin:0 20px;
    font-weight:700
}
.mega-menu .mega-menu-footer a:first-child{
    margin-left:0
}
.mega-menu .mega-menu-links{
    margin-top:5px
}
.mega-menu .mega-menu-links a{
    margin:0 0 4px;
    opacity:.55;
    font-size:14px;
    font-weight:400;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start;
    text-decoration:none
}
.mega-menu .mega-menu-links a:hover{
    text-decoration:underline;
    opacity:.9
}
.mega-menu .mega-menu-links a:last-child{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    opacity:.9
}
.mega-menu .mega-menu-links svg{
    height:20px;
    top:2.5px;
    position:relative
}
.mega-menu .mega-menu-desc{
    opacity:.8;
    font-size:15px;
    line-height:1.1;
    margin:10px 0
}
.mega-menu img{
    border-radius:4px
}
.mega-menu a{
    text-decoration:none
}
@-webkit-keyframes menuAnimate{
    from{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes menuAnimate{
    from{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes megaMenuBackdrop{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes megaMenuBackdrop{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
#sb-container{
    -webkit-transform:translateX(200vw);
    transform:translateX(200vw);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:10;
    margin:auto
}
#sb-container:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100vw;
    height:150vw;
    background:#373c4e;
    background:linear-gradient(135deg,#373c4e 13%,#373c4e 40%,#222530 100%);
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    -webkit-transition-delay:200ms;
    transition-delay:200ms;
    opacity:0
}
#sb-container #sb-top{
    border-bottom:1px solid #dee2e6;
    padding-bottom:20px
}
#sb-container #sb-top .icon-close{
    font-size:1.75rem;
    line-height:1;
    color:#46474d;
    text-decoration:none;
    -webkit-transform:translateY(12px);
    transform:translateY(12px)
}
#sb-container #sb-h strong{
    color:#46474d;
    font-size:1.625rem;
    line-height:1;
    letter-spacing:-.06rem;
    font-weight:600;
    display:inline-block
}
#sb-container #sb-h #sb-qty{
    display:inline-block;
    color:#46474d;
    font-size:2.25rem;
    line-height:1;
    position:relative;
    -webkit-transform:translateY(6px);
    transform:translateY(6px);
    margin-right:5px
}
#sb-container #sb-h #sb-qty #sb-qty-no{
    display:inline-block;
    background:#03a4f4;
    width:18px;
    height:18px;
    border-radius:50%;
    position:absolute;
    right:-5px;
    bottom:-1px;
    text-align:center
}
#sb-container #sb-h #sb-qty #sb-qty-no span{
    font-size:.75rem;
    line-height:1;
    font-weight:400;
    color:#fff;
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px)
}
#sb-container #sb-m{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    position:relative
}
#sb-container #sb-c{
    width:100%;
    height:100%;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    position:absolute;
    left:0;
    top:0
}
#sb-container .sb-i{
    border-bottom:1px solid #dee2e6;
    padding:13.33333px 0
}
#sb-container .sb-i:last-child{
    margin-bottom:3px
}
#sb-container .sb-i-name{
    font-size:1.1875rem;
    line-height:1.1;
    padding-right:15px;
    color:#adb5bd
}
#sb-container .sb-i-name strong{
    font-weight:600;
    color:#46474d;
    display:block
}
#sb-container .sb-i-details-l{
    width:110px
}
#sb-container .sb-i-details-l img{
    max-width:100%;
    display:block;
    margin-bottom:10px
}
#sb-container .sb-i-details-r{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
#sb-container .sb-i-q{
    border:1px solid #ced4da
}
#sb-container .sb-i-q a{
    display:inline-block;
    height:28px;
    width:28px;
    text-align:center;
    font-size:.875rem;
    line-height:1;
    color:#adb5bd;
    text-decoration:none;
    position:relative;
    border:0 solid #ced4da
}
#sb-container .sb-i-q a:before{
    position:absolute;
    width:14px;
    height:14px;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
#sb-container .sb-i-q a.icon-minus{
    border-right-width:1px
}
#sb-container .sb-i-q a.icon-plus{
    border-left-width:1px
}
@media(min-width:768px){
    #sb-container .sb-i-q a:hover:before{
        color:#46474d
    }
}
#sb-container .sb-i-q input{
    width:46px;
    height:26px;
    border:0;
    text-align:center
}
#sb-container .sb-i-q input[type=number]{
    -moz-appearance:textfield
}
#sb-container .sb-i-q input[type=number]::-webkit-inner-spin-button,#sb-container .sb-i-q input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
#sb-container .sb-i-r{
    font-size:.875rem;
    color:#adb5bd;
    text-decoration:none
}
#sb-container .sb-i-r span{
    text-decoration:underline
}
#sb-container .sb-i-r:before{
    font-size:1.1875rem;
    display:inline-block;
    -webkit-transform:translateY(3px);
    transform:translateY(3px);
    margin-right:2px
}
@media(min-width:768px){
    #sb-container .sb-i-r:hover:before,#sb-container .sb-i-r:hover span{
        color:#46474d;
        text-decoration:none
    }
}
#sb-container .sb-i-details .sb-i-details-r:first-child label{
    margin-top:0!important
}
#sb-container .sb-i-details{
    color:#46474d;
    line-height:1.3;
    font-size:.875rem
}
#sb-container .sb-i-details .sb-i-details-r>div:nth-child(1)>label{
    margin-top:0!important
}
#sb-container label{
    display:block;
    text-transform:uppercase;
    letter-spacing:.04rem;
    font-size:.75rem;
    margin-bottom:0;
    color:#adb5bd;
    margin-top:10px
}
.sb-i-e{
    color:#ced4da;
    border:3px solid #ced4da;
    border-radius:50%;
    width:34px;
    height:34px;
    text-decoration:none;
    position:relative
}
.sb-i-e:before{
    font-size:1.125rem;
    width:18px;
    height:18px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
@media(min-width:768px){
    .sb-i-e:hover{
        border-color:#46474d
    }
    .sb-i-e:hover:before{
        color:#46474d
    }
}
.sb-i-price{
    margin-top:10px
}
.sb-i-price strong{
    font-size:1.375rem;
    font-weight:600
}
.sb-i-price span:not(.discounted){
    font-size:.875rem;
    color:#adb5bd;
    display:block
}
.sb-i-price.sb-i-discounted strong{
    color:#dd3029!important
}
.sb-i-price.sb-i-discounted strong span{
    display:inline-block;
    margin-left:10px;
    color:#adb5bd;
    text-decoration:line-through
}
#sb-totals{
    border-top:1px solid #dee2e6;
    border-bottom:1px solid #dee2e6;
    line-height:1.6;
    margin-bottom:20px
}
#sb-totals strong{
    color:#46474d
}
#sb-proceed{
    font-size:1.125rem;
    line-height:1;
    font-weight:600;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    display:block;
    text-align:center;
    border-radius:4px;
    padding:16px 20px;
    margin-bottom:10px
}
#sb-cont{
    color:#373c4e;
    text-decoration:none;
    font-size:1.25rem;
    letter-spacing:-.03rem;
    font-weight:600;
    line-height:1;
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px)
}
#sb-cont:before{
    font-size:1.5rem;
    position:relative;
    top:5px;
    display:inline-block;
    margin-right:3px
}
@media(min-width:768px){
    #sb-top{
        padding-bottom:26.66667px
    }
    #sb-top .icon-close:hover{
        color:#adb5bd
    }
    #sb-top .icon-close:hover .icon-close{
        font-size:2rem;
        -webkit-transform:translateY(12px);
        transform:translateY(12px)
    }
    .sb-i{
        padding:26.66667px 0
    }
    .sb-i-name{
        font-size:1.375rem
    }
    #sb-h strong{
        font-size:2rem
    }
    #sb-h #sb-qty{
        font-size:2.5rem
    }
    #sb-totals{
        font-size:1.125rem;
        line-height:1.8
    }
    #sb-proceed{
        margin-bottom:20px
    }
    #sb-proceed:hover{
        background:#373c4e
    }
    #sb-cont:hover:before{
        color:#74bc53;
        -webkit-transform:translateX(-5px);
        transform:translateX(-5px)
    }
}
@media(min-width:1200px){
    #sb-c{
        width:calc(100% + 27px)
    }
    .sb-i{
        margin-right:10px
    }
    .sb-i-details{
        font-size:1rem
    }
}
#sb{
    -webkit-transform:translateX(380px);
    transform:translateX(380px);
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    background:#fff;
    padding:10px 20px 20px;
    min-height:100vh;
    min-height:-webkit-fill-available
}
#sb:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:150vh;
    background:#fff
}
@media(min-width:768px){
    #sb{
        -webkit-transform:translateX(380px);
        transform:translateX(380px);
        width:380px;
        padding:13.33333px 26.66667px 26.66667px;
        -webkit-box-flex:0;
        -ms-flex:0 0 auto;
        flex:0 0 auto
    }
}
@media(min-width:1200px){
    #sb{
        -webkit-transform:translateX(460px);
        transform:translateX(460px);
        width:460px;
        padding:20px 40px 40px
    }
}
@media(min-width:1400px){
    #sb{
        -webkit-transform:translateX(540px);
        transform:translateX(540px);
        width:540px
    }
}
#sb-sup{
    position:relative;
    z-index:2;
    padding:40px;
    color:#fff;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    font-weight:300;
    display:none
}
@media(min-width:1200px){
    #sb-sup{
        padding:40px 60px
    }
}
@media(min-width:1400px){
    #sb-sup{
        padding:80px 120px 40px
    }
}
#sb-promo{
    font-size:1.125rem;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    -webkit-transition-delay:400ms;
    transition-delay:400ms;
    opacity:0
}
#sb-promo .promo-limited{
    line-height:1.4;
    font-size:1.625rem
}
#sb-promo .promo-limited:before{
    font-size:1.75rem;
    margin-right:10px;
    -webkit-transform:translateY(4px);
    transform:translateY(4px);
    display:inline-block
}
#sb-promo #promo-complete{
    font-size:1.125rem;
    line-height:1
}
#sb-promo #free-del{
    font-size:1.375rem;
    line-height:1
}
#sb-promo #free-del strong{
    font-size:2.875rem;
    font-weight:700;
    display:block;
    margin-bottom:5px
}
#sb-promo #free-del sup{
    font-size:1.75rem
}
#sb-promo .promo-timer{
    font-weight:600
}
@media(min-width:992px){
    #sb-promo{
        font-size:1.75rem
    }
    #sb-promo .promo-limited{
        font-size:1.75rem
    }
    #sb-promo .promo-limited:before{
        font-size:2.375rem;
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
    #sb-promo #promo-complete{
        font-size:1.25rem;
        line-height:1
    }
    #sb-promo #free-del{
        font-size:1.375rem
    }
    #sb-promo #free-del strong{
        font-size:3.125rem;
        display:inline-block;
        margin-bottom:0
    }
    #sb-promo #free-del sup{
        font-size:1.875rem
    }
}
@media(min-width:1200px){
    #sb-promo #promo-complete{
        font-size:1.5rem
    }
    #sb-promo #free-del{
        font-size:1.75rem
    }
    #sb-promo #free-del strong{
        font-size:3.75rem
    }
    #sb-promo #free-del sup{
        font-size:2.5rem
    }
}
@media(min-width:1400px){
    #sb-promo{
        font-size:2.125rem
    }
    #sb-promo .promo-limited{
        font-size:2.125rem
    }
    #sb-promo .promo-limited:before{
        font-size:2.375rem;
        -webkit-transform:translateY(8px);
        transform:translateY(8px)
    }
    #sb-promo #free-del{
        font-size:1.75rem
    }
    #sb-promo #free-del strong{
        font-size:5rem
    }
    #sb-promo #free-del sup{
        font-size:3.125rem
    }
}
#sb-upsell{
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    -webkit-transition-delay:600ms;
    transition-delay:600ms;
    opacity:0;
    position:relative
}
#sb-upsell:before{
    content:'';
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:0;
    height:5px;
    background:#5468b1;
    -webkit-transition:all 500ms ease-in-out;
    transition:all 500ms ease-in-out
}
#sb-upsell .sb-upsell-heading{
    font-weight:600;
    line-height:1
}
#sb-upsell .pl-c{
    color:#81c860
}
#sb-upsell .pl-i{
    border:5px solid #fff
}
#sb-upsell .pl-n{
    color:#fff
}
#sb-upsell .pl-p{
    font-size:1.25rem;
    color:#fff
}
#sb-upsell .pl-p span{
    color:#fff;
    font-size:.875rem
}
@media(min-width:768px){
    #sb-upsell .sb-upsell-heading{
        font-size:1rem
    }
    #sb-upsell .pl{
        width:50%
    }
    #sb-upsell .pl .pl-c{
        font-size:.625rem
    }
    #sb-upsell .pl .pl-n{
        font-size:1.125rem
    }
}
@media(min-width:992px){
    #sb-upsell .sb-upsell-heading{
        font-size:1.375rem
    }
    #sb-upsell .pl{
        width:33.33%
    }
    #sb-upsell .pl:last-child{
        display:none
    }
    #sb-upsell .pl .pl-c{
        font-size:.6875rem
    }
    #sb-upsell .pl .pl-n{
        font-size:1.3125rem
    }
}
@media(min-width:1200px){
    #sb-upsell .sb-upsell-heading{
        font-size:1.5rem
    }
    #sb-upsell .pl{
        width:25%
    }
    #sb-upsell .pl:last-child{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    #sb-upsell .pl .pl-c{
        font-size:.75rem
    }
    #sb-upsell .pl .pl-n{
        font-size:1.25rem
    }
}
@media(min-width:1400px){
    #sb-upsell{
        padding-right:80px
    }
    #sb-upsell .pl .pl-c{
        font-size:.9375rem
    }
    #sb-upsell .pl .pl-n{
        font-size:1.5rem
    }
}
#sb-promo-dis{
    font-size:.75rem;
    line-height:1.3;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    -webkit-transition-delay:400ms;
    transition-delay:400ms;
    opacity:0
}
@media(min-width:1400px){
    #sb-promo-dis{
        font-size:.875rem
    }
}
.sb-show{
    overflow-y:hidden
}
.sb-show #sb-container{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.sb-show #sb-container:before{
    opacity:.88
}
.sb-show #sb{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.sb-show #sb-promo{
    opacity:1
}
.sb-show #sb-upsell{
    opacity:1
}
.sb-show #sb-upsell:before{
    width:100%;
    -webkit-transition-delay:1000ms;
    transition-delay:1000ms
}
.sb-show #sb-promo-dis{
    opacity:1
}
#search-container{
    -webkit-transform:translateX(-200vw);
    transform:translateX(-200vw);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:10;
    margin:auto;
    background:rgba(255,255,255,.98);
    opacity:0
}
#search-container .s-close{
    color:#46474d;
    position:absolute;
    right:5px;
    top:5px;
    font-size:1.75rem;
    text-decoration:none;
    line-height:1;
    padding:10px
}
#search-container .s-close:hover:before{
    color:#adb5bd
}
#search-container>.container{
    height:100%;
    padding:0 48px
}
@media(min-width:768px){
    #search-container .s-close{
        right:40px;
        top:40px;
        padding:0
    }
    #search-container>.container{
        padding:0 60px
    }
}
@media(min-width:992px){
    #search-container>.container{
        padding:0 80px
    }
}
#search-top{
    margin-bottom:40px
}
#search-top label{
    font-size:.875rem
}
#search-top .icon-search{
    position:relative
}
#search-top .icon-search:before{
    position:absolute;
    font-size:1.6875rem;
    color:#46474d;
    left:-35px;
    bottom:15px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    -webkit-transition-delay:600ms;
    transition-delay:600ms;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px);
    opacity:0
}
#search-top input{
    width:100%;
    height:56px;
    border:0;
    border-bottom:3px solid #dee2e6;
    background:0;
    font-size:2.375rem;
    line-height:1.45;
    font-weight:600;
    letter-spacing:-.04em;
    color:#74bc53;
    border-radius:0;
    padding:0 0 10px
}
#search-top input::-webkit-input-placeholder{
    color:#ced4da
}
#search-top input:-moz-placeholder{
    color:#ced4da;
    opacity:1
}
#search-top input::-moz-placeholder{
    color:#ced4da;
    opacity:1
}
#search-top input:-ms-input-placeholder{
    color:#ced4da
}
#search-top input::-ms-input-placeholder{
    color:#ced4da
}
#search-top input::placeholder{
    color:#ced4da
}
#search-top input:focus{
    border-color:#adb5bd
}
@media(min-width:768px){
    #search-top label{
        font-size:1rem
    }
    #search-top .icon-search:before{
        font-size:2.625rem;
        left:-60px;
        bottom:20px;
        -webkit-transform:translateX(-10px);
        transform:translateX(-10px)
    }
    #search-top input{
        font-size:3.75rem;
        height:85px;
        line-height:1
    }
}
#search-middle{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    position:relative;
    margin-bottom:40px
}
#search-results{
    position:absolute;
    left:-20px;
    top:0;
    width:calc(100% + 40px);
    height:100%;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overflow-x:hidden
}
#search-bottom{
    position:relative;
    padding:26.66667px 0;
    display:none
}
#search-bottom:before{
    content:'';
    background:#eef5fb;
    border-top:1px solid #d9e9f6;
    position:absolute;
    left:50%;
    top:0;
    z-index:1;
    margin-left:-50vw;
    width:100vw;
    height:100%
}
#search-bottom ul{
    position:relative;
    z-index:2;
    line-height:1.8
}
#search-bottom a{
    color:#373c4e;
    font-weight:600;
    text-decoration:none;
    position:relative
}
#search-bottom a:before{
    content:'';
    position:absolute;
    left:0;
    bottom:-3px;
    width:0;
    height:2px;
    background:#03a4f4
}
@media(min-width:1200px){
    #search-bottom a{
        font-size:1.1875rem
    }
    #search-bottom a:hover:before{
        width:100%
    }
}
.search-show{
    overflow-y:hidden
}
.search-show #search-container{
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
}
.search-show #search-top .icon-search:before{
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
}
@media(min-width:768px){
    .search-show #search-container{
        -webkit-transition-property:opacity;
        transition-property:opacity
    }
}
.search-results{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:-webkit-min-content 1fr;
    grid-template-rows:min-content 1fr;
    gap:16px 16px;
    grid-auto-flow:row
}
.search-results .category:nth-child(n+2){
    display:none
}
.search-results .category.pl{
    margin-bottom:0
}
.search-results .category .btn.md{
    display:none
}
@media(min-width:768px){
    .search-results{
        grid-template-columns:1fr 1fr 1fr;
        gap:16px 16px
    }
    .search-results .category{
        grid-column:1/span 3
    }
    .search-results .category .btn.md{
        display:block
    }
    .search-results .category .btn.sm{
        display:none
    }
    .search-results .pl-cat .pl-i a{
        padding:24.3% 0
    }
}
@media(min-width:1200px){
    .search-results{
        grid-template-columns:1fr 1fr 1fr 1fr;
        gap:16px 16px
    }
    .search-results .category{
        grid-column:span 2;
        display:block
    }
    .search-results .category:nth-child(n+2){
        display:block
    }
    .search-results .pl-cat .pl-i a{
        padding:24.3% 0
    }
}
#hb-container,#hb-comm-container{
    height:216px
}
@media(min-width:576px){
    #hb-container,#hb-comm-container{
        height:257.14286px
    }
}
@media(min-width:768px){
    #hb-container,#hb-comm-container{
        height:284.21053px
    }
}
@media(min-width:992px){
    #hb-container,#hb-comm-container{
        height:400px
    }
}
@media(min-width:1200px){
    #hb-container,#hb-comm-container{
        height:540px
    }
}
#hb-container .hb-comm-container,#hb-comm-container .hb-comm-container{
    width:50%;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    position:relative;
    color:#fff;
    background-repeat:no-repeat;
    background-size:cover;
    background:#74bc53
}
#hb-container #hb-comm-left,#hb-comm-container #hb-comm-left{
    background:#373c4e
}
#hb-container #hb-comm-right,#hb-comm-container #hb-comm-right{
    background:#020204
}
#hb-container .hb-comm-image,#hb-comm-container .hb-comm-image{
    position:absolute;
    z-index:1;
    background-color:#083769;
    background-size:cover;
    width:100%;
    height:100%;
    top:0;
    left:0
}
#hb-container .hb-comm-image:after,#hb-comm-container .hb-comm-image:after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:linear-gradient(138deg,#4bcfed,20%,#007cff 100%);
    opacity:.4;
    -webkit-box-shadow:inset 0 0 100px #0f2135b3;
    box-shadow:inset 0 0 100px #0f2135b3
}
#hb-container .hb-comm-content,#hb-comm-container .hb-comm-content{
    padding:40px 0;
    position:relative;
    z-index:2;
    width:100%
}
#hb-container .hb-comm-content h1,#hb-comm-container .hb-comm-content h1{
    font-size:2rem
}
@media(min-width:768px){
    #hb-container .hb-comm-content h1,#hb-comm-container .hb-comm-content h1{
        font-size:3rem
    }
}
@media(min-width:1200px){
    #hb-container .hb-comm-content h1,#hb-comm-container .hb-comm-content h1{
        font-size:5rem
    }
}
#hb-container .hb-comm-content p,#hb-comm-container .hb-comm-content p{
    font-size:1rem;
    color:#78d2ff
}
@media(min-width:1200px){
    #hb-container .hb-comm-content p,#hb-comm-container .hb-comm-content p{
        font-size:1.25rem
    }
}
#hb-comm-container{
    height:auto;
    overflow:hidden;
    position:relative
}
@media(min-width:576px){
    #hb-comm-container{
        height:257.14286px
    }
}
@media(min-width:768px){
    #hb-comm-container{
        height:284.21053px
    }
}
@media(min-width:992px){
    #hb-comm-container{
        height:400px
    }
}
@media(min-width:1200px){
    #hb-comm-container{
        height:675px;
        border:10px solid #fff
    }
}
#hb-left{
    width:100%;
    height:100%
}
@media(min-width:576px){
    #hb-left{
        width:calc(100% - (360px/1.5))
    }
}
@media(min-width:768px){
    #hb-left{
        width:calc(100% - (360px/1.6))
    }
}
@media(min-width:992px){
    #hb-left{
        width:676px
    }
}
@media(min-width:1200px){
    #hb-left{
        width:calc(100% - 360px)
    }
}
#home-banner{
    width:100%
}
#home-banner .new-product:before{
    content:'New Product';
    width:250px;
    height:150px;
    background:#03a4f4;
    position:absolute;
    left:-140px;
    top:-90px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    text-align:center;
    text-transform:uppercase;
    padding:7px 100px;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:.8125rem;
    line-height:1
}
@media(min-width:768px){
    #home-banner .new-product:before{
        font-size:1rem;
        left:-130px;
        top:-80px
    }
}
@media(min-width:992px){
    #home-banner .new-product:before{
        font-size:1.1875rem;
        left:-120px;
        top:-70px;
        padding:10px 100px
    }
}
@media(min-width:1200px){
    #home-banner .new-product:before{
        font-size:1.375rem;
        left:-110px;
        top:-60px
    }
}
#home-banner #hb-house-signs .nav-tabs,#home-banner #hb-commercial-signs .nav-tabs{
    display:none;
    margin-bottom:0;
    position:absolute;
    z-index:2;
    left:0;
    bottom:0;
    width:100%;
    background:rgba(70,71,77,.7);
    border:0;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
#home-banner #hb-house-signs .nav-tabs a,#home-banner #hb-commercial-signs .nav-tabs a{
    color:#fff;
    font-weight:700;
    text-decoration:none;
    font-size:1rem;
    display:inline-block;
    padding:10px;
    margin:0 10px;
    border-bottom:6px solid transparent
}
#home-banner #hb-house-signs .nav-tabs a.active,#home-banner #hb-commercial-signs .nav-tabs a.active{
    border-color:#03a4f4;
    cursor:default
}
@media(min-width:992px){
    #home-banner #hb-house-signs .nav-tabs,#home-banner #hb-commercial-signs .nav-tabs{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
@media(min-width:1200px){
    #home-banner #hb-house-signs .nav-tabs a,#home-banner #hb-commercial-signs .nav-tabs a{
        font-size:1.25rem;
        padding:10px 15px;
        margin:0 15px
    }
    #home-banner #hb-house-signs .nav-tabs a:hover,#home-banner #hb-commercial-signs .nav-tabs a:hover{
        color:#78d2ff
    }
    #home-banner #hb-house-signs .nav-tabs a.active:hover,#home-banner #hb-commercial-signs .nav-tabs a.active:hover{
        color:#fff
    }
}
#home-banner #hb-house-signs .tab-content,#home-banner #hb-commercial-signs .tab-content{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:0
}
#home-banner #hb-house-signs .tab-pane,#home-banner #hb-commercial-signs .tab-pane{
    height:100%;
    opacity:0
}
#home-banner #hb-house-signs .tab-pane.active,#home-banner #hb-commercial-signs .tab-pane.active{
    -webkit-animation:fadeIn 300ms forwards;
    animation:fadeIn 300ms forwards
}
#home-banner .active .hb-commercial-slide-content span{
    -webkit-animation:fadeIn 0ms forwards,slideFromRight 0ms forwards;
    animation:fadeIn 0ms forwards,slideFromRight 0ms forwards
}
#home-banner .active .hb-commercial-slide-content strong{
    -webkit-animation:fadeIn 0ms forwards,slideFromRight 0ms forwards;
    animation:fadeIn 0ms forwards,slideFromRight 0ms forwards
}
#home-banner .active .hb-commercial-slide-content a{
    -webkit-animation:fadeIn 0ms forwards,slideFromLeft 0s forwards;
    animation:fadeIn 0ms forwards,slideFromLeft 0s forwards
}
#home-banner .active #hb-slate .hb-slide-content span{
    -webkit-animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards;
    animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards
}
#home-banner .active #hb-slate .hb-slide-content strong{
    -webkit-animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards;
    animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards
}
#home-banner .active #hb-slate .hb-slide-content a{
    -webkit-animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards;
    animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards
}
#home-banner .active #hb-acrylic .hb-slide-content span{
    -webkit-animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards;
    animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards
}
#home-banner .active #hb-acrylic .hb-slide-content strong{
    -webkit-animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards;
    animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards
}
#home-banner .active #hb-acrylic .hb-slide-content a{
    -webkit-animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards;
    animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards
}
#home-banner .active #hb-wooden .hb-slide-content span{
    -webkit-animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards;
    animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards
}
#home-banner .active #hb-wooden .hb-slide-content strong{
    -webkit-animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards;
    animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards
}
#home-banner .active #hb-wooden .hb-slide-content a{
    -webkit-animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards;
    animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards
}
#home-banner .active #hb-aluminium .hb-slide-content span{
    -webkit-animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards;
    animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards
}
#home-banner .active #hb-aluminium .hb-slide-content strong{
    -webkit-animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards;
    animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards
}
#home-banner .active #hb-aluminium .hb-slide-content a{
    -webkit-animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards;
    animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards
}
#home-banner .active #hb-corian .hb-slide-content span{
    -webkit-animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards;
    animation:fadeIn 400ms 300ms forwards,slideFromRight 750ms 300ms forwards
}
#home-banner .active #hb-corian .hb-slide-content strong{
    -webkit-animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards;
    animation:fadeIn 400ms 600ms forwards,slideFromRight 750ms 600ms forwards
}
#home-banner .active #hb-corian .hb-slide-content a{
    -webkit-animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards;
    animation:fadeIn 400ms 1s forwards,slideFromLeft 750ms 1s forwards
}
#home-banner .active #hb-essentials .hb-slide-content span{
    -webkit-animation:fadeIn 600ms 800ms forwards,slideFromLeft 750ms 800ms forwards;
    animation:fadeIn 600ms 800ms forwards,slideFromLeft 750ms 800ms forwards
}
#home-banner .active #hb-essentials .hb-slide-content img{
    -webkit-animation:fadeIn 400ms 1.2s forwards,slideFromRight 750ms 1.2s forwards;
    animation:fadeIn 400ms 1.2s forwards,slideFromRight 750ms 1.2s forwards
}
#home-banner .active #hb-essentials .hb-slide-content .text-right{
    -webkit-animation:fadeIn 400ms 1.2s forwards,slideFromRight 750ms 1.2s forwards;
    animation:fadeIn 400ms 1.2s forwards,slideFromRight 750ms 1.2s forwards
}
#home-banner .active #hb-essentials .hb-slide-content .pill{
    -webkit-animation:fadeIn 400ms 1.8s forwards;
    animation:fadeIn 400ms 1.8s forwards
}
#home-banner .active #hb-events .hb-slide-content span{
    -webkit-animation:fadeIn 600ms 800ms forwards,slideFromRight 750ms 800ms forwards;
    animation:fadeIn 600ms 800ms forwards,slideFromRight 750ms 800ms forwards
}
#home-banner .active #hb-events .hb-slide-content strong{
    -webkit-animation:fadeIn 400ms 1.2s forwards,slideFromLeft 750ms 1.2s forwards;
    animation:fadeIn 400ms 1.2s forwards,slideFromLeft 750ms 1.2s forwards
}
#home-banner .active #hb-events .hb-slide-content a{
    -webkit-animation:fadeIn 400ms 2.1s forwards;
    animation:fadeIn 400ms 2.1s forwards
}
#home-banner .active #hb-commercial .hb-slide-content span{
    -webkit-animation:fadeIn 600ms 800ms forwards,slideFromRight 750ms 800ms forwards;
    animation:fadeIn 600ms 800ms forwards,slideFromRight 750ms 800ms forwards
}
#home-banner .active #hb-commercial .hb-slide-content strong{
    -webkit-animation:fadeIn 400ms 1.2s forwards,slideFromLeft 750ms 1.2s forwards;
    animation:fadeIn 400ms 1.2s forwards,slideFromLeft 750ms 1.2s forwards
}
#home-banner .active #hb-commercial .hb-slide-content a{
    -webkit-animation:fadeIn 400ms 2.1s forwards;
    animation:fadeIn 400ms 2.1s forwards
}
#home-banner .hb-commercial{
    background:url(../img/commercial/enemy-of-boredom-acrylic-sign.jpg) left -10px center/auto 102% no-repeat
}
#home-banner .hb-commercial .hb-slide-content{
    position:absolute;
    left:47%;
    top:20%;
    margin:auto;
    line-height:1
}
#home-banner .hb-commercial .hb-slide-content span{
    display:inline-block;
    background:#03a4f4;
    color:#fff;
    font-size:16;
    padding:6px 10px 10px;
    opacity:0
}
#home-banner .hb-commercial .hb-slide-content strong{
    display:block;
    background:#373c4e;
    color:#fff;
    font-weight:700;
    font-size:1.9375rem;
    padding:6px 10px 10px;
    letter-spacing:-.05rem;
    opacity:0
}
#home-banner .hb-commercial .hb-slide-content a{
    color:#373c4e;
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    right:0;
    margin-top:20px;
    opacity:0
}
#home-banner .hb-commercial .hb-slide-content .pill{
    font-size:.75rem
}
@media(min-width:576px){
    #home-banner .hb-commercial .hb-slide-content{
        left:49%;
        top:25%
    }
    #home-banner .hb-commercial .hb-slide-content span{
        font-size:1.125rem;
        padding-top:8px
    }
    #home-banner .hb-commercial .hb-slide-content strong{
        font-size:2.0625rem
    }
    #home-banner .hb-commercial .hb-slide-content .pill{
        font-size:.875rem
    }
}
@media(min-width:768px){
    #home-banner .hb-commercial .hb-slide-content{
        left:48%;
        top:28%
    }
    #home-banner .hb-commercial .hb-slide-content span{
        font-size:1.375rem
    }
    #home-banner .hb-commercial .hb-slide-content strong{
        font-size:2.3125rem
    }
}
@media(min-width:992px){
    #home-banner .hb-commercial .hb-slide-content{
        left:48%;
        top:23%
    }
    #home-banner .hb-commercial .hb-slide-content span{
        font-size:1.25rem;
        padding:12px 16px 16px
    }
    #home-banner .hb-commercial .hb-slide-content strong{
        font-size:2rem;
        padding:12px 16px 16px
    }
    #home-banner .hb-commercial .hb-slide-content .pill{
        font-size:1.125rem
    }
}
@media(min-width:1200px){
    #home-banner .hb-commercial{
        background-position:center;
        background-size:cover
    }
    #home-banner .hb-commercial .hb-slide-content{
        margin-right:20px;
        left:49%;
        top:20%
    }
    #home-banner .hb-commercial .hb-slide-content span{
        font-size:1.625rem;
        padding:16px 20px 20px
    }
    #home-banner .hb-commercial .hb-slide-content strong{
        font-size:2.75rem;
        padding:8px 20px 20px
    }
    #home-banner .hb-commercial .hb-slide-content .pill{
        font-size:1.125rem
    }
    #home-banner .hb-commercial .hb-slide-content a:hover{
        color:#fff;
        background:#3a3b40
    }
    #home-banner .hb-commercial .hb-slide-content a:hover:after{
        color:#03a4f4
    }
}
@media(min-width:1400px){
    #home-banner .hb-commercial .hb-slide-content{
        margin-right:30px
    }
    #home-banner .hb-commercial .hb-slide-content span{
        font-size:1.5rem
    }
    #home-banner .hb-commercial .hb-slide-content strong{
        font-size:3.375rem
    }
}
#home-banner #hb-commercial-metal{
    background:url(../img/commercial/metal-uk-sign-shop.jpg) center/auto 102% no-repeat;
    background-size:cover
}
#home-banner #hb-commercial-correx{
    background:url(../img/commercial/correx-signs.jpg) center/auto 102% no-repeat;
    background-size:cover
}
#home-banner #hb-commercial-foamex{
    background:url(../img/commercial/foamboard-signs.jpg) center/auto 102% no-repeat;
    background-size:cover
}
#home-banner #hb-commercial-wood{
    background:url(../img/commercial/wood-signs.jpg) center/auto 102% no-repeat;
    background-size:cover
}
#home-banner #hb-commercial-dibond{
    background:url(../img/commercial/dibond-signs.jpg) center/auto 102% no-repeat;
    background-size:cover
}
#home-banner #hb-slate{
    background:url(../img/home-banner-slate.jpg) left -10px center/auto 102% no-repeat
}
#home-banner #hb-slate .hb-slide-content{
    position:absolute;
    left:47%;
    top:20%;
    margin:auto;
    line-height:1
}
#home-banner #hb-slate .hb-slide-content span{
    display:inline-block;
    background:#03a4f4;
    color:#fff;
    font-size:16;
    padding:6px 10px 10px;
    opacity:0
}
#home-banner #hb-slate .hb-slide-content strong{
    display:block;
    background:#373c4e;
    color:#fff;
    font-weight:700;
    font-size:1.9375rem;
    padding:6px 10px 10px;
    letter-spacing:-.05rem;
    opacity:0
}
#home-banner #hb-slate .hb-slide-content a{
    color:#373c4e;
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    right:0;
    margin-top:20px;
    opacity:0
}
#home-banner #hb-slate .hb-slide-content .pill{
    font-size:.75rem
}
@media(min-width:576px){
    #home-banner #hb-slate .hb-slide-content{
        left:49%;
        top:25%
    }
    #home-banner #hb-slate .hb-slide-content span{
        font-size:1.125rem;
        padding-top:8px
    }
    #home-banner #hb-slate .hb-slide-content strong{
        font-size:2.0625rem
    }
    #home-banner #hb-slate .hb-slide-content .pill{
        font-size:.875rem
    }
}
@media(min-width:768px){
    #home-banner #hb-slate .hb-slide-content{
        left:48%;
        top:28%
    }
    #home-banner #hb-slate .hb-slide-content span{
        font-size:1.375rem
    }
    #home-banner #hb-slate .hb-slide-content strong{
        font-size:2.3125rem
    }
}
@media(min-width:992px){
    #home-banner #hb-slate .hb-slide-content{
        left:48%;
        top:23%
    }
    #home-banner #hb-slate .hb-slide-content span{
        font-size:1.875rem;
        padding:12px 16px 16px
    }
    #home-banner #hb-slate .hb-slide-content strong{
        font-size:3.25rem;
        padding:12px 16px 16px
    }
    #home-banner #hb-slate .hb-slide-content .pill{
        font-size:1.125rem
    }
}
@media(min-width:1200px){
    #home-banner #hb-slate{
        background-position:center;
        background-size:cover
    }
    #home-banner #hb-slate .hb-slide-content{
        left:49%;
        top:25%
    }
    #home-banner #hb-slate .hb-slide-content span{
        font-size:2.25rem;
        padding:16px 20px 20px
    }
    #home-banner #hb-slate .hb-slide-content strong{
        font-size:4rem;
        padding:8px 20px 20px
    }
    #home-banner #hb-slate .hb-slide-content .pill{
        font-size:1.125rem
    }
    #home-banner #hb-slate .hb-slide-content a:hover{
        color:#fff;
        background:#3a3b40
    }
    #home-banner #hb-slate .hb-slide-content a:hover:after{
        color:#03a4f4
    }
}
@media(min-width:1400px){
    #home-banner #hb-slate .hb-slide-content span{
        font-size:2.75rem
    }
    #home-banner #hb-slate .hb-slide-content strong{
        font-size:4.625rem
    }
}
#home-banner #hb-acrylic{
    background:url(../img/home-banner-acrylic.jpg) left center/cover no-repeat
}
#home-banner #hb-acrylic .hb-slide-content{
    position:absolute;
    left:5%;
    top:12%;
    margin:auto;
    line-height:1;
    width:50%;
    padding-bottom:40px
}
#home-banner #hb-acrylic .hb-slide-content span{
    display:inline-block;
    background:#03a4f4;
    color:#fff;
    font-size:1rem;
    padding:8px 10px 10px;
    opacity:0;
    position:relative;
    z-index:2
}
#home-banner #hb-acrylic .hb-slide-content strong{
    display:inline-block;
    background:#373c4e;
    color:#fff;
    font-weight:700;
    font-size:1.75rem;
    padding:8px 10px 10px;
    letter-spacing:-.05rem;
    opacity:0
}
#home-banner #hb-acrylic .hb-slide-content strong.s-2{
    position:relative;
    top:-10px;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
#home-banner #hb-acrylic .hb-slide-content a{
    color:#3a4148;
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    left:0;
    bottom:0;
    opacity:0
}
#home-banner #hb-acrylic .hb-slide-content a:after{
    color:#3a4148
}
@media(min-width:576px){
    #home-banner #hb-acrylic .hb-slide-content{
        left:6%;
        top:14%
    }
    #home-banner #hb-acrylic .hb-slide-content span{
        font-size:1.0625rem
    }
    #home-banner #hb-acrylic .hb-slide-content strong{
        font-size:2rem
    }
}
@media(min-width:768px){
    #home-banner #hb-acrylic .hb-slide-content{
        top:16%
    }
    #home-banner #hb-acrylic .hb-slide-content span{
        font-size:1.125rem
    }
    #home-banner #hb-acrylic .hb-slide-content strong{
        font-size:2.25rem
    }
}
@media(min-width:992px){
    #home-banner #hb-acrylic .hb-slide-content{
        left:7%;
        top:15%;
        padding-bottom:60px
    }
    #home-banner #hb-acrylic .hb-slide-content span{
        font-size:1.625rem;
        padding:10px 18px 16px
    }
    #home-banner #hb-acrylic .hb-slide-content strong{
        font-size:3.125rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-acrylic .hb-slide-content strong.s-2{
        position:relative;
        top:-18px
    }
}
@media(min-width:1200px){
    #home-banner #hb-acrylic .hb-slide-content{
        left:8%;
        top:22%;
        padding-bottom:80px
    }
    #home-banner #hb-acrylic .hb-slide-content span{
        font-size:2.5rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-acrylic .hb-slide-content strong{
        font-size:4.625rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-acrylic .hb-slide-content a:hover{
        color:#fff;
        background:#3a3b40
    }
    #home-banner #hb-acrylic .hb-slide-content a:hover:after{
        color:#03a4f4
    }
}
#home-banner #hb-wooden{
    background:url(../img/home-banner-wood.jpg) left center/cover no-repeat
}
#home-banner #hb-wooden .hb-slide-content{
    position:absolute;
    left:5%;
    top:12%;
    margin:auto;
    line-height:1;
    width:50%;
    padding-bottom:40px
}
#home-banner #hb-wooden .hb-slide-content span{
    display:inline-block;
    background:#03a4f4;
    color:#fff;
    font-size:1rem;
    padding:8px 10px 10px;
    opacity:0;
    position:relative;
    z-index:2
}
#home-banner #hb-wooden .hb-slide-content strong{
    display:inline-block;
    background:#373c4e;
    color:#fff;
    font-weight:700;
    font-size:1.75rem;
    padding:8px 10px 10px;
    letter-spacing:-.05rem;
    opacity:0
}
#home-banner #hb-wooden .hb-slide-content strong.s-2{
    position:relative;
    top:-10px;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
#home-banner #hb-wooden .hb-slide-content a{
    color:#3a4148;
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    left:0;
    bottom:0;
    opacity:0
}
#home-banner #hb-wooden .hb-slide-content a:after{
    color:#3a4148
}
@media(min-width:576px){
    #home-banner #hb-wooden .hb-slide-content{
        left:6%;
        top:14%
    }
    #home-banner #hb-wooden .hb-slide-content span{
        font-size:1.0625rem
    }
    #home-banner #hb-wooden .hb-slide-content strong{
        font-size:2rem
    }
}
@media(min-width:768px){
    #home-banner #hb-wooden .hb-slide-content{
        top:16%
    }
    #home-banner #hb-wooden .hb-slide-content span{
        font-size:1.125rem
    }
    #home-banner #hb-wooden .hb-slide-content strong{
        font-size:2.25rem
    }
}
@media(min-width:992px){
    #home-banner #hb-wooden .hb-slide-content{
        left:7%;
        top:25%;
        padding-bottom:60px
    }
    #home-banner #hb-wooden .hb-slide-content span{
        font-size:1.3125rem;
        padding:10px 18px 16px
    }
    #home-banner #hb-wooden .hb-slide-content strong{
        font-size:2.5rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-wooden .hb-slide-content strong.s-2{
        position:relative;
        top:-18px
    }
}
@media(min-width:1200px){
    #home-banner #hb-wooden{
        background-position:left -56px
    }
    #home-banner #hb-wooden .hb-slide-content{
        left:6%;
        top:22%;
        padding-bottom:80px
    }
    #home-banner #hb-wooden .hb-slide-content span{
        font-size:2rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-wooden .hb-slide-content strong{
        font-size:3.875rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-wooden .hb-slide-content a:hover{
        color:#fff;
        background:#3a3b40
    }
    #home-banner #hb-wooden .hb-slide-content a:hover:after{
        color:#03a4f4
    }
}
#home-banner #hb-aluminium{
    background:url(../img/home-banner-acm.jpg) left center/cover no-repeat
}
#home-banner #hb-aluminium .hb-slide-content{
    position:absolute;
    left:5%;
    top:12%;
    margin:auto;
    line-height:1;
    width:50%;
    padding-bottom:40px
}
#home-banner #hb-aluminium .hb-slide-content span{
    display:inline-block;
    background:#03a4f4;
    color:#fff;
    font-size:1rem;
    padding:8px 10px 10px;
    opacity:0;
    position:relative;
    z-index:2
}
#home-banner #hb-aluminium .hb-slide-content strong{
    display:inline-block;
    background:#373c4e;
    color:#fff;
    font-weight:700;
    font-size:1.75rem;
    padding:8px 10px 10px;
    letter-spacing:-.05rem;
    opacity:0
}
#home-banner #hb-aluminium .hb-slide-content strong.s-2{
    position:relative;
    top:-10px;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
#home-banner #hb-aluminium .hb-slide-content a{
    color:#3a4148;
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    left:0;
    bottom:0;
    opacity:0
}
#home-banner #hb-aluminium .hb-slide-content a:after{
    color:#3a4148
}
@media(min-width:576px){
    #home-banner #hb-aluminium .hb-slide-content{
        left:6%;
        top:14%
    }
    #home-banner #hb-aluminium .hb-slide-content span{
        font-size:1.0625rem
    }
    #home-banner #hb-aluminium .hb-slide-content strong{
        font-size:2rem
    }
}
@media(min-width:768px){
    #home-banner #hb-aluminium .hb-slide-content{
        top:16%
    }
    #home-banner #hb-aluminium .hb-slide-content span{
        font-size:1.125rem
    }
    #home-banner #hb-aluminium .hb-slide-content strong{
        font-size:2.25rem
    }
}
@media(min-width:992px){
    #home-banner #hb-aluminium .hb-slide-content{
        left:7%;
        top:20%;
        padding-bottom:60px
    }
    #home-banner #hb-aluminium .hb-slide-content span{
        font-size:1.375rem;
        padding:10px 18px 16px
    }
    #home-banner #hb-aluminium .hb-slide-content strong{
        font-size:3rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-aluminium .hb-slide-content strong.s-2{
        position:relative;
        top:-18px
    }
}
@media(min-width:1200px){
    #home-banner #hb-aluminium .hb-slide-content{
        left:6%;
        top:22%;
        padding-bottom:80px
    }
    #home-banner #hb-aluminium .hb-slide-content span{
        font-size:2.125rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-aluminium .hb-slide-content strong{
        font-size:4.4375rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-aluminium .hb-slide-content a:hover{
        color:#fff;
        background:#3a3b40
    }
    #home-banner #hb-aluminium .hb-slide-content a:hover:after{
        color:#03a4f4
    }
}
#home-banner #hb-corian{
    background:url(../img/home-banner-corian.jpg) left center/cover no-repeat
}
#home-banner #hb-corian .hb-slide-content{
    position:absolute;
    left:5%;
    top:12%;
    margin:auto;
    line-height:1;
    width:50%;
    padding-bottom:40px
}
#home-banner #hb-corian .hb-slide-content span{
    display:inline-block;
    background:#03a4f4;
    color:#fff;
    font-size:1rem;
    padding:8px 10px 10px;
    opacity:0;
    position:relative;
    z-index:2
}
#home-banner #hb-corian .hb-slide-content strong{
    display:inline-block;
    background:#373c4e;
    color:#fff;
    font-weight:700;
    font-size:1.75rem;
    padding:8px 10px 10px;
    letter-spacing:-.05rem;
    opacity:0
}
#home-banner #hb-corian .hb-slide-content strong.s-2{
    position:relative;
    top:-10px;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
#home-banner #hb-corian .hb-slide-content a{
    color:#3a4148;
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    left:0;
    bottom:0;
    opacity:0
}
#home-banner #hb-corian .hb-slide-content a:after{
    color:#3a4148
}
@media(min-width:576px){
    #home-banner #hb-corian .hb-slide-content{
        left:6%;
        top:14%
    }
    #home-banner #hb-corian .hb-slide-content span{
        font-size:1.0625rem
    }
    #home-banner #hb-corian .hb-slide-content strong{
        font-size:2rem
    }
}
@media(min-width:768px){
    #home-banner #hb-corian .hb-slide-content{
        top:16%
    }
    #home-banner #hb-corian .hb-slide-content span{
        font-size:1.125rem
    }
    #home-banner #hb-corian .hb-slide-content strong{
        font-size:2.25rem
    }
}
@media(min-width:992px){
    #home-banner #hb-corian .hb-slide-content{
        left:7%;
        top:20%;
        padding-bottom:60px
    }
    #home-banner #hb-corian .hb-slide-content span{
        font-size:1.625rem;
        padding:10px 18px 16px
    }
    #home-banner #hb-corian .hb-slide-content strong{
        font-size:3.125rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-corian .hb-slide-content strong.s-2{
        position:relative;
        top:-18px
    }
}
@media(min-width:1200px){
    #home-banner #hb-corian .hb-slide-content{
        left:6%;
        top:22%;
        padding-bottom:80px
    }
    #home-banner #hb-corian .hb-slide-content span{
        font-size:2.25rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-corian .hb-slide-content strong{
        font-size:4.1875rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-corian .hb-slide-content a:hover{
        color:#fff;
        background:#3a3b40
    }
    #home-banner #hb-corian .hb-slide-content a:hover:after{
        color:#03a4f4
    }
}
#home-banner #hb-essentials{
    background:url(../img/home-banner-door-mat.jpg) center/cover no-repeat
}
#home-banner #hb-essentials .hb-slide-content{
    position:absolute;
    left:38%;
    top:9%;
    margin-right:26.66667px;
    color:rgba(255,255,255,.88)
}
#home-banner #hb-essentials .hb-slide-content span{
    font-size:1rem;
    opacity:0;
    display:block
}
#home-banner #hb-essentials .hb-slide-content strong{
    display:block;
    font-size:1.3125rem;
    line-height:1.1;
    font-weight:700
}
#home-banner #hb-essentials .hb-slide-content img{
    max-width:100%;
    margin-bottom:5px;
    opacity:0
}
#home-banner #hb-essentials .hb-slide-content .text-right{
    opacity:0
}
#home-banner #hb-essentials .hb-slide-content p{
    font-size:.9375rem;
    font-weight:300
}
#home-banner #hb-essentials .hb-slide-content .pill{
    background:#373c4e;
    color:#fff;
    position:absolute;
    right:0;
    bottom:-30px;
    opacity:0
}
@media(min-width:576px){
    #home-banner #hb-essentials .hb-slide-content{
        top:14%
    }
}
@media(min-width:768px){
    #home-banner #hb-essentials .hb-slide-content{
        top:12%
    }
    #home-banner #hb-essentials .hb-slide-content span{
        font-size:1.25rem
    }
    #home-banner #hb-essentials .hb-slide-content strong{
        font-size:1.875rem
    }
    #home-banner #hb-essentials .hb-slide-content p{
        font-size:1.0625rem
    }
}
@media(min-width:992px){
    #home-banner #hb-essentials .hb-slide-content{
        margin-right:40px
    }
    #home-banner #hb-essentials .hb-slide-content span{
        font-size:2rem
    }
    #home-banner #hb-essentials .hb-slide-content strong{
        font-size:2.625rem
    }
    #home-banner #hb-essentials .hb-slide-content p{
        font-size:1.25rem
    }
    #home-banner #hb-essentials .hb-slide-content .pill{
        bottom:-40px
    }
}
@media(min-width:1200px){
    #home-banner #hb-essentials .hb-slide-content{
        top:12%;
        margin-right:64px
    }
    #home-banner #hb-essentials .hb-slide-content span{
        font-size:2.875rem;
        font-weight:300
    }
    #home-banner #hb-essentials .hb-slide-content strong{
        font-size:3.25rem
    }
    #home-banner #hb-essentials .hb-slide-content img{
        margin-bottom:10px
    }
    #home-banner #hb-essentials .hb-slide-content p{
        font-size:1.5rem
    }
    #home-banner #hb-essentials .hb-slide-content .pill{
        bottom:-60px
    }
    #home-banner #hb-essentials .hb-slide-content .pill:hover{
        background:#fff;
        color:#46474d
    }
    #home-banner #hb-essentials .hb-slide-content .pill:hover:after{
        color:#e78a00
    }
}
#home-banner #hb-events{
    background:url(../img/home-banner-bedroom.jpg) left center/cover no-repeat
}
#home-banner #hb-events .hb-slide-content{
    position:absolute;
    left:5%;
    top:12%;
    margin:auto;
    line-height:1;
    width:50%;
    padding-bottom:40px
}
#home-banner #hb-events .hb-slide-content span{
    display:inline-block;
    background:#ffa7ae;
    color:#fff;
    font-size:1rem;
    padding:8px 10px 10px;
    opacity:0;
    position:relative;
    z-index:2
}
#home-banner #hb-events .hb-slide-content strong{
    display:inline-block;
    background:#373c4e;
    color:#fff;
    font-weight:700;
    font-size:1.75rem;
    padding:8px 10px 10px;
    letter-spacing:-.05rem;
    opacity:0
}
#home-banner #hb-events .hb-slide-content strong.s-2{
    position:relative;
    top:-10px;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
#home-banner #hb-events .hb-slide-content a{
    color:#3a4148;
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    left:0;
    bottom:0;
    opacity:0
}
#home-banner #hb-events .hb-slide-content a:after{
    color:#3a4148
}
@media(min-width:576px){
    #home-banner #hb-events .hb-slide-content{
        left:6%;
        top:14%
    }
    #home-banner #hb-events .hb-slide-content span{
        font-size:1.0625rem
    }
    #home-banner #hb-events .hb-slide-content strong{
        font-size:2rem
    }
}
@media(min-width:768px){
    #home-banner #hb-events .hb-slide-content{
        top:16%
    }
    #home-banner #hb-events .hb-slide-content span{
        font-size:1.1875rem
    }
    #home-banner #hb-events .hb-slide-content strong{
        font-size:2.25rem
    }
}
@media(min-width:992px){
    #home-banner #hb-events .hb-slide-content{
        left:7%;
        top:15%;
        padding-bottom:60px
    }
    #home-banner #hb-events .hb-slide-content span{
        font-size:1.625rem;
        padding:10px 18px 16px
    }
    #home-banner #hb-events .hb-slide-content strong{
        font-size:3.25rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-events .hb-slide-content strong.s-2{
        position:relative;
        top:-18px
    }
}
@media(min-width:1200px){
    #home-banner #hb-events .hb-slide-content{
        left:8%;
        top:19%;
        padding-bottom:80px
    }
    #home-banner #hb-events .hb-slide-content span{
        font-size:2.25rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-events .hb-slide-content strong{
        font-size:4.375rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-events .hb-slide-content strong.s-2{
        position:relative;
        top:-18px
    }
    #home-banner #hb-events .hb-slide-content a:hover{
        background:#77d8af;
        color:#fff
    }
    #home-banner #hb-events .hb-slide-content a:hover:after{
        color:#fff
    }
}
@media(min-width:1400px){
    #home-banner #hb-events .hb-slide-content span{
        font-size:2.4375rem
    }
    #home-banner #hb-events .hb-slide-content strong{
        font-size:4.375rem
    }
}
#home-banner #hb-commercial{
    background:url(../img/home-banner-comm.jpg) left center/105% auto no-repeat
}
#home-banner #hb-commercial .hb-slide-content{
    position:absolute;
    left:5%;
    top:12%;
    margin:auto;
    line-height:1;
    width:50%;
    padding-bottom:40px
}
#home-banner #hb-commercial .hb-slide-content span{
    display:inline-block;
    background:#de8b3a;
    background:linear-gradient(34deg,#f7a833 0,#d1414a 49%,#c63074 100%);
    color:#fff;
    font-size:1rem;
    padding:8px 10px 10px;
    opacity:0;
    position:relative;
    z-index:2
}
#home-banner #hb-commercial .hb-slide-content strong{
    display:inline-block;
    background:#373c4e;
    color:#fff;
    font-weight:700;
    font-size:1.75rem;
    padding:8px 10px 10px;
    letter-spacing:-.05rem;
    opacity:0
}
#home-banner #hb-commercial .hb-slide-content strong.s-2{
    position:relative;
    top:-10px;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
#home-banner #hb-commercial .hb-slide-content a{
    color:#3a4148;
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    left:0;
    bottom:0;
    opacity:0
}
#home-banner #hb-commercial .hb-slide-content a:after{
    color:#3a4148
}
@media(min-width:576px){
    #home-banner #hb-commercial .hb-slide-content{
        left:6%;
        top:14%
    }
    #home-banner #hb-commercial .hb-slide-content span{
        font-size:1.0625rem
    }
    #home-banner #hb-commercial .hb-slide-content strong{
        font-size:2rem
    }
}
@media(min-width:768px){
    #home-banner #hb-commercial .hb-slide-content{
        top:16%
    }
    #home-banner #hb-commercial .hb-slide-content span{
        font-size:1.125rem
    }
    #home-banner #hb-commercial .hb-slide-content strong{
        font-size:2.25rem
    }
}
@media(min-width:992px){
    #home-banner #hb-commercial .hb-slide-content{
        left:7%;
        top:15%;
        padding-bottom:60px
    }
    #home-banner #hb-commercial .hb-slide-content span{
        font-size:1.625rem;
        padding:10px 18px 16px
    }
    #home-banner #hb-commercial .hb-slide-content strong{
        font-size:3.125rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-commercial .hb-slide-content strong.s-2{
        position:relative;
        top:-18px
    }
}
@media(min-width:1200px){
    #home-banner #hb-commercial{
        background:url(../img/home-banner-comm.jpg) center/cover no-repeat
    }
    #home-banner #hb-commercial .hb-slide-content{
        left:8%;
        top:19%;
        padding-bottom:80px
    }
    #home-banner #hb-commercial .hb-slide-content span{
        font-size:2rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-commercial .hb-slide-content strong{
        font-size:3.75rem;
        padding:10px 18px 18px
    }
    #home-banner #hb-commercial .hb-slide-content strong.s-2{
        position:relative;
        top:-18px
    }
    #home-banner #hb-commercial .hb-slide-content a:hover{
        background:#74bc53;
        color:#fff
    }
    #home-banner #hb-commercial .hb-slide-content a:hover:after{
        color:#fff
    }
}
@media(min-width:1400px){
    #home-banner #hb-commercial .hb-slide-content strong{
        font-size:4rem
    }
}
#hb-nav{
    text-align:center;
    line-height:1.3;
    position:relative;
    z-index:1;
    display:none;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%
}
#hb-nav .h5{
    margin-bottom:0;
    line-height:1;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#hb-nav p{
    margin:0;
    display:none;
    font-size:.8125rem
}
#hb-nav .nav-option{
    padding:0 20px;
    cursor:pointer;
    position:relative;
    background:#fff;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,white),color-stop(99%,#f2f4f6),to(#e2e6e9));
    background:linear-gradient(180deg,white 0,#f2f4f6 99%,#e2e6e9 100%);
    height:25%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
#hb-nav .nav-option:before{
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:10px 10px 10px 0;
    border-color:transparent #373c4e transparent transparent;
    position:absolute;
    right:calc(100% - 20px);
    top:0;
    bottom:0;
    z-index:-1;
    margin:auto
}
#hb-nav .nav-option.active{
    background:#373c4e;
    color:#a4afd6
}
#hb-nav .nav-option.active:before{
    right:100%;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#hb-nav .nav-option.active .h5{
    color:#fff
}
@media(min-width:576px){
    #hb-nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:240px
    }
}
@media(min-width:768px){
    #hb-nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:225px
    }
}
@media(min-width:992px){
    #hb-nav{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:277px
    }
    #hb-nav .h5{
        margin-bottom:10px
    }
    #hb-nav p{
        display:block
    }
    #hb-nav .nav-option:before{
        border-width:18px 18px 18px 0
    }
}
@media(min-width:1200px){
    #hb-nav{
        width:360px
    }
    #hb-nav p{
        font-size:1rem
    }
    #hb-nav .nav-option{
        padding:0 40px
    }
    #hb-nav .nav-option:hover .h5{
        color:#74bc53
    }
    #hb-nav .nav-option.active:hover{
        cursor:initial
    }
    #hb-nav .nav-option.active:hover .h5{
        color:#fff
    }
}
#top-usps{
    color:#79d1fd;
    font-size:.875rem;
    padding:20px;
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:1
}
#top-usps strong{
    display:block;
    color:#fff;
    margin-bottom:5px;
    font-size:1.0625rem
}
#top-usps div[class^=icon]{
    padding-left:48px;
    padding-right:26.66667px;
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
#top-usps div[class^=icon]:before{
    color:#373c4e;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    height:38px;
    font-size:2.375rem
}
@media(min-width:576px){
    #top-usps div[class^=icon]{
        padding-right:60px
    }
}
@media(min-width:992px){
    #top-usps{
        overflow-x:hidden;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    #top-usps div[class^=icon]{
        padding-left:52px;
        padding-right:0
    }
}
@media(min-width:1200px){
    #top-usps{
        padding:26.66667px 60px
    }
    #top-usps strong{
        font-size:1.125rem
    }
    #top-usps div[class^=icon]{
        padding-left:68px
    }
    #top-usps div[class^=icon]:before{
        height:50px;
        font-size:3.125rem
    }
}
@media(min-width:1400px){
    #top-usps{
        font-size:1rem
    }
    #top-usps strong{
        font-size:1.1875rem
    }
}
.home h1{
    font-size:1.75rem
}
.home #c{
    padding:0
}
.home #b-s{
    padding:20px 0
}
.home #b-s #pl-container{
    white-space:nowrap;
    overflow-y:hidden;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch
}
.home #b-s .pl{
    max-width:70%
}
.home #b-s .pl .pl-i{
    border:5px solid #fff
}
.home #b-s .pl .pl-c{
    color:#81c860;
    font-size:.875rem
}
.home #b-s .pl .pl-n{
    color:#fff;
    font-size:1.375rem;
    white-space:initial
}
.home #b-s .pl .sale-price{
    color:#dd3029;
    font-size:1.25rem
}
.home #b-s .tab-content{
    padding:0
}
.home #b-s .tab-content:after{
    height:1px
}
.home #b-s .nav-tabs{
    border:0;
    border-top:1px solid #03a4f4;
    padding-top:13.33333px;
    display:block;
    position:relative;
    text-align:center
}
.home #b-s .nav-tabs li{
    display:inline-block
}
.home #b-s .nav-tabs a{
    display:inline-block;
    color:#fff;
    font-weight:700;
    text-decoration:none;
    font-size:.875rem;
    line-height:1;
    border-radius:4px;
    padding:6px
}
.home #b-s .nav-tabs a.active{
    background:#5468b1
}
@media(min-width:576px){
    .home #b-s .pl{
        max-width:40%
    }
    .home #b-s .nav-tabs a{
        font-size:1rem;
        margin:0 10px
    }
}
@media(min-width:768px){
    .home #b-s #pl-container{
        padding:0 20px
    }
}
@media(min-width:992px){
    .home #b-s{
        padding:40px 0
    }
    .home #b-s #pl-container{
        overflow-x:hidden;
        -webkit-overflow-scrolling:none
    }
    .home #b-s .pl .pl-c{
        font-size:1rem
    }
    .home #b-s .pl .pl-n{
        font-size:1.5rem
    }
    .home #b-s .pl .sale-price{
        font-size:1.5rem
    }
    .home #b-s .pl .strike{
        font-size:1.125rem
    }
    .home #b-s .pl:last-child{
        display:none
    }
    .home #b-s .nav-tabs{
        padding:0;
        border:0
    }
    .home #b-s .nav-tabs li:first-child a:before,.home #b-s .nav-tabs li:last-child a:after{
        content:'';
        position:absolute;
        top:0;
        bottom:0;
        margin:auto;
        display:block;
        height:1px;
        width:50vw;
        background:#03a4f4
    }
    .home #b-s .nav-tabs li:first-child a:before{
        right:calc(100% + (40px/2))
    }
    .home #b-s .nav-tabs li:last-child a:after{
        left:calc(100% + (40px/2))
    }
    .home #b-s .nav-tabs a{
        font-size:1.25rem;
        padding:10px;
        margin:0 5px
    }
}
@media(min-width:1200px){
    .home #b-s{
        padding:60px 0 40px
    }
    .home #b-s #pl-container{
        padding:0 40px
    }
    .home #b-s .pl:last-child{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .home #b-s .nav-tabs a:hover{
        background:#03a4f4
    }
    .home #b-s .nav-tabs a.active:hover{
        background:#5468b1;
        cursor:default
    }
    .home h1{
        font-size:2.875rem
    }
}
@media(min-width:992px){
    .content-index #bi .col-lg-4:last-child{
        display:block!important
    }
}
#bi{
    padding-bottom:20px
}
#bi h3{
    line-height:1.1;
    letter-spacing:-.03rem;
    margin-bottom:20px
}
#bi h5{
    color:#74bc53
}
#bi img{
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    margin-bottom:20px
}
@media(min-width:992px){
    #bi{
        padding-bottom:80px
    }
    #bi .col-lg-4:last-child{
        display:none
    }
}
@media(min-width:1200px){
    #bi .col-xl-3:last-child{
        display:block
    }
}
.bi-container{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    text-decoration:none
}
.bi-container .bi-info{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.bi-container .icon-arrow-right{
    display:block;
    font-size:1.3125rem;
    color:#0aacfc;
    font-weight:700;
    width:100%;
    letter-spacing:-.03rem;
    position:relative
}
.bi-container .icon-arrow-right:before{
    position:absolute;
    right:-3px;
    top:5px;
    font-size:1.875rem
}
.bi-container.bi-fh{
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    overflow:hidden;
    height:540px;
    margin-bottom:26.66667px
}
.bi-container.bi-fh h3,.bi-container.bi-fh p{
    color:#fff
}
.bi-container.bi-fh p{
    margin-bottom:20px;
    font-size:1.0625rem;
    line-height:1.4
}
.bi-container.bi-fh img{
    position:absolute;
    left:0;
    top:0;
    max-width:100%
}
.bi-container.bi-fh .bi-info{
    position:absolute;
    bottom:0;
    padding:120px 33.33333px 26.66667px;
    background:#373c4e;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(55,60,78,0)),to(#373c4e));
    background:linear-gradient(180deg,rgba(55,60,78,0) 0,#373c4e 100%);
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
@media(min-width:768px){
    .bi-container.bi-fh{
        margin-bottom:40px
    }
}
@media(min-width:992px){
    .bi-container.bi-fh{
        margin-bottom:0
    }
    .bi-container.bi-fh img{
        max-width:150%;
        max-height:100%
    }
    .bi-container.bi-fh p{
        margin-bottom:40px
    }
}
@media(min-width:1200px){
    .bi-container.bi-fh{
        height:100%
    }
    .bi-container.bi-fh p{
        opacity:0
    }
    .bi-container.bi-fh .bi-info{
        -webkit-transform:translateY(180px);
        transform:translateY(180px)
    }
    .bi-container.bi-fh:hover h3{
        text-decoration:underline
    }
    .bi-container.bi-fh:hover p{
        opacity:1
    }
    .bi-container.bi-fh:hover .bi-info{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.bi-container:before{
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:0 50px 50px 0;
    border-color:transparent #03a4f4 transparent transparent;
    position:absolute;
    right:10px;
    top:10px;
    z-index:2;
    opacity:0;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
@media(min-width:1200px){
    .bi-container:hover:before{
        opacity:1
    }
    .bi-container:hover .icon-arrow-right:before{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
#bi-latest-post,#bi-spotlight,.bi-latest-post{
    height:540px
}
#bi-latest-post p,#bi-spotlight p,.bi-latest-post p{
    font-size:1.5rem;
    line-height:1.1;
    letter-spacing:-.02rem;
    color:#46474d;
    margin-bottom:0
}
#bi-latest-post img,#bi-spotlight img,.bi-latest-post img{
    max-width:100%
}
#bi-latest-post .icon-arrow-right,#bi-spotlight .icon-arrow-right,.bi-latest-post .icon-arrow-right{
    position:absolute;
    bottom:26.66667px
}
#bi-latest-post .bi-info,#bi-spotlight .bi-info,.bi-latest-post .bi-info{
    padding-bottom:80px
}
@media(min-width:1200px){
    #bi-latest-post .icon-arrow-right,#bi-spotlight .icon-arrow-right,.bi-latest-post .icon-arrow-right{
        position:absolute;
        left:0;
        bottom:26.66667px;
        opacity:0
    }
    #bi-latest-post p,#bi-spotlight p,.bi-latest-post p{
        font-size:1.875rem;
        margin-bottom:10px
    }
    #bi-latest-post:hover .icon-arrow-right,#bi-spotlight:hover .icon-arrow-right,.bi-latest-post:hover .icon-arrow-right{
        opacity:1
    }
    #bi-latest-post:hover p,#bi-spotlight:hover p,.bi-latest-post:hover p{
        text-decoration:underline
    }
}
#bi-latest-post p,.bi-latest-post p{
    font-weight:700
}
#bi-latest-post .post-date,.bi-latest-post .post-date{
    font-size:.875rem;
    color:#adb5bd
}
#feature-block p,#feature-block-reviews p{
    margin:0
}
#feature-block a,#feature-block-reviews a{
    text-decoration:none
}
#feature-block .feature-small,#feature-block-reviews .feature-small{
    display:block;
    position:relative;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    height:190px
}
#feature-block .feature-small:first-child,#feature-block-reviews .feature-small:first-child{
    margin-bottom:20px
}
#feature-block .feature-large,#feature-block-reviews .feature-large{
    display:block;
    position:relative;
    padding-top:96%;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
#feature-block .feature-link,#feature-block-reviews .feature-link{
    font-size:1.375rem;
    line-height:1;
    font-weight:700;
    position:relative;
    opacity:0
}
#feature-block .feature-link:after,#feature-block-reviews .feature-link:after{
    content:'J';
    font-family:ukss;
    font-weight:400;
    font-size:1.625rem;
    position:relative;
    left:5px;
    top:6px
}
@media(min-width:576px){
    #feature-block .feature-large,#feature-block-reviews .feature-large{
        padding-top:70%
    }
}
@media(min-width:992px){
    #feature-block .feature-large,#feature-block-reviews .feature-large{
        padding-top:96%
    }
}
@media(min-width:1200px){
    #feature-block .feature-small,#feature-block-reviews .feature-small{
        height:calc(50% - (40px/2))
    }
    #feature-block .feature-small:first-child,#feature-block-reviews .feature-small:first-child{
        margin-bottom:40px
    }
}
#feature-vgs{
    background:url(../img/home-feature-house-sign.gif) no-repeat center top/cover;
    margin-bottom:20px
}
#feature-vgs .feature-text{
    background:#74bc53;
    background:linear-gradient(138deg,#7ec352 0,#5ba84f 100%);
    position:absolute;
    left:0;
    bottom:20px;
    padding:20px;
    color:#cff5bd;
    font-size:.9375rem
}
#feature-vgs .feature-link{
    position:absolute;
    bottom:40px;
    color:#373c4e
}
@media(min-width:1200px){
    #feature-vgs .feature-link:hover{
        color:#fff
    }
}
#feature-vgs .feature-title{
    color:#fff;
    font-size:1.25rem;
    line-height:1.05;
    font-weight:300;
    margin-bottom:13.33333px
}
#feature-vgs .feature-title strong{
    font-size:1.5rem;
    display:block;
    font-weight:700
}
@media(min-width:576px){
    #feature-vgs .feature-text{
        font-size:1.125rem
    }
    #feature-vgs .feature-title{
        font-size:2.125rem
    }
    #feature-vgs .feature-title strong{
        font-size:2.625rem;
        margin-bottom:5px
    }
}
@media(min-width:992px){
    #feature-vgs{
        margin-bottom:0
    }
    #feature-vgs .feature-text{
        font-size:1rem
    }
    #feature-vgs .feature-title{
        font-size:1.625rem
    }
    #feature-vgs .feature-title strong{
        font-size:1.875rem;
        margin-bottom:5px
    }
}
@media(min-width:1200px){
    #feature-vgs{
        margin-bottom:0
    }
    #feature-vgs .feature-text{
        padding:26.66667px 60px 26.66667px 26.66667px;
        font-size:1.375rem;
        bottom:40px
    }
    #feature-vgs .feature-title{
        font-size:1.875rem
    }
    #feature-vgs .feature-title strong{
        font-size:2.25rem
    }
    #feature-vgs:hover .feature-text{
        padding-bottom:80px
    }
    #feature-vgs:hover .feature-link{
        opacity:1
    }
}
@media(min-width:1400px){
    #feature-vgs .feature-title{
        font-size:2.125rem
    }
    #feature-vgs .feature-title strong{
        font-size:2.5rem
    }
}
#feature-trust{
    background:#373c4e;
    background:linear-gradient(214deg,#355b88 0,#2f395f 100%);
    position:relative;
    text-align:center
}
#feature-trust .feature-text{
    color:#fff;
    position:absolute;
    left:0;
    top:26.66667px;
    width:100%
}
#feature-trust .feature-title{
    font-size:1.375rem;
    line-height:1;
    font-weight:300
}
#feature-trust .feature-title strong{
    display:block;
    font-size:1.625rem;
    font-weight:700
}
#feature-trust .feature-link{
    color:#baeba4;
    top:13.33333px
}
@media(min-width:1200px){
    #feature-trust .feature-link:hover{
        color:#fff
    }
}
#feature-trust .feature-reviews{
    display:block;
    padding:13.33333px;
    background:#fff;
    position:absolute;
    left:0;
    bottom:26.66667px;
    width:100%
}
#feature-trust .feature-reviews img{
    max-width:100%
}
#feature-trust:before{
    content:'';
    position:absolute;
    left:10px;
    right:10px;
    top:10px;
    bottom:10px;
    border:2px solid #fff;
    opacity:.4
}
@media(min-width:576px){
    #feature-trust .feature-text{
        top:32px
    }
    #feature-trust .feature-title{
        display:block;
        text-align:center
    }
    #feature-trust .feature-title strong{
        display:inline-block
    }
}
@media(min-width:992px){
    #feature-trust .feature-title strong{
        display:block
    }
    #feature-trust .feature-reviews img{
        max-width:90%
    }
}
@media(min-width:1200px){
    #feature-trust .feature-text{
        top:40px
    }
    #feature-trust .feature-title{
        font-size:1.75rem
    }
    #feature-trust .feature-title strong{
        font-size:2.375rem
    }
    #feature-trust .feature-link{
        top:10px
    }
    #feature-trust .feature-reviews{
        bottom:40px
    }
    #feature-trust .feature-reviews img{
        max-width:100%
    }
    #feature-trust:hover:before{
        opacity:1
    }
    #feature-trust:hover .feature-text{
        top:40px
    }
    #feature-trust:hover .feature-link{
        opacity:1
    }
    #feature-trust:hover .feature-reviews{
        bottom:0
    }
    #feature-trust:before{
        left:20px;
        right:20px;
        top:20px;
        bottom:20px
    }
}
@media(min-width:1400px){
    #feature-trust .feature-text{
        top:48px
    }
    #feature-trust .feature-link{
        top:13.33333px
    }
    #feature-trust .feature-title{
        font-size:2rem
    }
    #feature-trust .feature-title strong{
        font-size:3rem
    }
}
#feature-comm,#feature-resi{
    overflow:hidden;
    color:#fff;
    background:url(../img/home-feature-comm.jpg) right -18px top/auto 100% no-repeat
}
#feature-comm:before,#feature-resi:before{
    content:'';
    display:block;
    width:600px;
    height:600px;
    background:#03a4f4;
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg);
    position:absolute;
    left:-400px;
    top:-100px
}
#feature-comm .feature-title,#feature-resi .feature-title{
    position:absolute;
    left:13.33333px;
    top:13.33333px;
    font-weight:700;
    font-size:1.875rem;
    line-height:1
}
#feature-comm .feature-title span,#feature-resi .feature-title span{
    display:inline-block;
    position:relative;
    background:#373c4e;
    padding:6px 10px 10px
}
#feature-comm .feature-title span:last-child,#feature-resi .feature-title span:last-child{
    position:relative;
    top:-10px
}
#feature-comm p,#feature-resi p{
    position:absolute;
    left:13.33333px;
    bottom:20px;
    width:180px;
    font-size:.9375rem;
    line-height:1.3
}
#feature-comm .feature-link,#feature-resi .feature-link{
    position:absolute;
    right:20px;
    bottom:20px;
    background:#373c4e;
    padding:2px 16px 12px 14px
}
@media(min-width:1200px){
    #feature-comm .feature-link:hover,#feature-resi .feature-link:hover{
        color:#78d2ff
    }
}
@media(min-width:576px){
    #feature-comm,#feature-resi{
        background-position:right top -15px;
        background-size:auto 122%
    }
    #feature-comm:before,#feature-resi:before{
        left:-300px
    }
    #feature-comm p,#feature-resi p{
        width:270px;
        font-size:1.0625rem
    }
    #feature-comm .feature-title,#feature-resi .feature-title{
        font-size:2.25rem
    }
}
@media(min-width:992px){
    #feature-comm,#feature-resi{
        background-position:right -42px top -7px;
        background-size:auto 114%
    }
    #feature-comm:before,#feature-resi:before{
        left:-400px
    }
    #feature-comm p,#feature-resi p{
        width:180px;
        font-size:.9375rem
    }
    #feature-comm .feature-title,#feature-resi .feature-title{
        font-size:1.875rem
    }
}
@media(min-width:1200px){
    #feature-comm,#feature-resi{
        background-position:right top;
        background-size:auto 100%
    }
    #feature-comm:before,#feature-resi:before{
        left:-360px
    }
    #feature-comm .feature-title,#feature-resi .feature-title{
        left:20px;
        top:20px;
        font-size:2.5rem
    }
    #feature-comm p,#feature-resi p{
        left:20px;
        width:220px;
        font-size:1.125rem;
        margin-bottom:13.33333px
    }
    #feature-comm:hover:before,#feature-resi:hover:before{
        left:-340px
    }
    #feature-comm:hover .feature-link,#feature-resi:hover .feature-link{
        opacity:1
    }
}
@media(min-width:1400px){
    #feature-comm:before,#feature-resi:before{
        left:-340px
    }
    #feature-comm .feature-title,#feature-resi .feature-title{
        font-size:2.6875rem
    }
    #feature-comm p,#feature-resi p{
        width:250px;
        font-size:1.25rem;
        margin-bottom:26.66667px
    }
    #feature-comm:hover:before,#feature-resi:hover:before{
        left:-310px
    }
}
.usps.section{
    padding-top:60px
}
@media(min-width:1200px){
    .usps.section{
        padding-top:100px
    }
}
#if{
    position:relative;
    padding-top:10px;
    overflow:hidden
}
#if:before{
    content:'c';
    font-family:ukss;
    font-size:31.25rem;
    height:500px;
    line-height:1;
    position:absolute;
    left:-100px;
    top:0;
    bottom:0;
    margin:auto;
    color:#78d2ff;
    opacity:.5
}
#if h2{
    color:#fff;
    font-size:2.25rem;
    line-height:1;
    font-weight:400;
    letter-spacing:-.04rem;
    margin-bottom:20px;
    text-align:center
}
#if h2 span{
    font-weight:700
}
#if p{
    color:#fff;
    text-align:center
}
#if p a{
    font-size:1.5rem;
    color:#fff;
    font-weight:600;
    text-decoration:none
}
#if .instagram-item{
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    color:#46474d;
    position:relative;
    margin-bottom:0
}
#if .instagram-item img{
    max-width:100%
}
#if .instagram-item .instagram-text{
    display:none
}
#if .instagram-item .instagram-likes{
    font-weight:600;
    margin-top:10px
}
#if .instagram-item .instagram-likes:before{
    color:#ed4956;
    font-size:1.375rem;
    font-weight:400;
    position:relative;
    top:5px;
    margin-right:2px
}
@media(min-width:992px){
    #if .instagram-item .instagram-text{
        display:block;
        padding:13.33333px;
        font-size:.875rem;
        line-height:1.3
    }
}
@media(min-width:1200px){
    #if .instagram-item{
        padding:0
    }
    #if .instagram-item .instagram-text{
        font-size:.9375rem;
        line-height:1.5;
        padding:20px
    }
}
#if .instagram-image{
    position:relative;
    display:block;
    overflow:hidden
}
#if .instagram-image span{
    display:block;
    position:relative
}
#if .instagram-image span:before{
    content:'c';
    font-family:ukss;
    font-size:2.875rem;
    line-height:1;
    width:52px;
    height:52px;
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    z-index:3;
    color:#fff;
    text-align:center;
    opacity:0;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#if .instagram-image:before{
    content:'';
    position:absolute;
    left:-1250px;
    top:-100px;
    z-index:2;
    width:310%;
    height:470%;
    background:rgba(55,60,78,.7);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
@media(min-width:768px){
    #if h2{
        font-size:2.75rem
    }
}
@media(min-width:992px){
    #if h2{
        text-align:left
    }
    #if h2 span{
        display:block
    }
    #if p{
        text-align:left;
        padding-right:20px
    }
}
@media(min-width:1200px){
    #if{
        padding-top:40px
    }
    #if h2{
        font-size:3.375rem;
        margin-bottom:60px
    }
    #if p{
        padding-right:40px
    }
    #if p a{
        font-size:1.875rem
    }
    #if p a:hover{
        color:#373c4e
    }
    #if .instagram-image:hover:before{
        left:-300px
    }
    #if .instagram-image:hover span:before{
        opacity:1;
        -webkit-transition-delay:300ms;
        transition-delay:300ms
    }
    #if .instagram-image:hover span:after{
        opacity:1;
        -webkit-transition-delay:300ms;
        transition-delay:300ms
    }
}
#home-more{
    display:none
}
#home-more.show{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.prod-reviews-tab{
    max-height:600px;
    overflow:auto
}
.prod-reviews-tab .h5{
    font-size:1.1rem;
    line-height:1.6
}
.category #c{
    padding:0
}
.show-cat-f #c,.show-cat-f #h-m{
    position:static
}
.show-cat-f #c{
    overflow:auto
}
.show-cat-f #cat-f{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
@media(min-width:1200px){
    .show-cat-f #c,.show-cat-f #h-m{
        position:relative
    }
}
#cat-sidebar-top #sidebar-category-menu{
    margin:20px 0 26.66667px
}
#cat-h{
    color:#fff;
    position:relative;
    outline:3px solid rgba(255,255,255,.3);
    outline-offset:-15px
}
#cat-h .bc{
    position:absolute;
    top:40px
}
#cat-h h1{
    color:#fff;
    font-size:4rem;
    margin-top:40px;
    padding:0 40px
}
#cat-h h2{
    color:#74bc53;
    font-weight:300;
    border-color:rgba(255,255,255,.3)!important;
    padding:0 26.66667px;
    margin:0 16px;
    font-size:25px
}
#cat-h p{
    font-size:20px
}
#cat-h p a{
    color:rgba(255,255,255,.5)
}
#cat-h #cat-h-bg-image-container{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    top:0;
    left:0
}
#cat-h #cat-h-bg-image-container:before{
    background-size:cover;
    background-repeat:no-repeat;
    content:"";
    opacity:.3;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#cat-h #cat-h-ups{
    background:linear-gradient(138deg,#7ec352 0,#5ba84f 100%);
    position:relative;
    top:40px;
    color:#315521;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
#cat-h #cat-h-ups .btn{
    background:rgba(255,255,255,.15);
    border-radius:1000px;
    border:2px solid rgba(255,255,255,.3);
    font-weight:700;
    line-height:1;
    color:#fff;
    text-decoration:none;
    margin-top:26.66667px;
    padding:13.33333px 0;
    font-size:20px
}
#cat-h #cat-h-ups h3{
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.4)!important;
    padding:0 0 20px;
    margin:0 0 20px
}
#cat-h #cat-h-ups ul{
    margin:0;
    padding:0
}
#cat-h #cat-h-ups ul li{
    display:block;
    font-weight:700
}
#cat-h #cat-h-ups ul li:before{
    display:none
}
#cat-h #cat-h-ups ul li span{
    display:inline-block;
    padding-right:20px
}
#cat-d{
    font-size:.875rem;
    line-height:1.4;
    position:relative;
    z-index:2
}
#cat-d a{
    color:#fff;
    font-weight:900
}
#cat-d #cat-d-more{
    position:absolute;
    top:100vh
}
#cat-d.show #cat-d-more{
    position:static
}
@media(min-width:768px){
    #cat-d{
        width:85%;
        margin:0 auto;
        font-size:1rem
    }
}
@media(min-width:1200px){
    #cat-d{
        width:66%
    }
}
#cat-f{
    position:fixed;
    left:0;
    top:0;
    z-index:5;
    -webkit-transform:translateX(-100vw);
    transform:translateX(-100vw);
    background:#fff;
    height:100vh;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    overflow-y:scroll
}
#cat-f h6{
    font-size:.9375rem;
    color:#46474d;
    font-weight:700;
    margin-bottom:10px
}
#cat-f .cat-f-section{
    margin-bottom:26.66667px
}
@media(min-width:1200px){
    #cat-f{
        position:static;
        border-right:1px solid #dee2e6;
        -webkit-box-shadow:none;
        box-shadow:none;
        -webkit-transform:translateX(0);
        transform:translateX(0);
        height:auto;
        overflow:auto
    }
}
#cat-f-close{
    position:absolute;
    right:0;
    top:0;
    display:block;
    padding:20px;
    font-size:1.25rem;
    line-height:1;
    text-decoration:none
}
@media(min-width:1200px){
    #cat-f-close{
        display:none
    }
}
#cat-f-cat a{
    display:block;
    margin-bottom:5px;
    text-decoration:none;
    color:#707a80
}
#cat-f-cat .active a{
    color:#74bc53;
    font-weight:700
}
@media(min-width:992px){
    #cat-f-cat .new a:before{
        content:'New';
        position:absolute;
        left:-40px;
        top:3px;
        background:#03a4f4;
        color:#fff;
        font-size:.625rem;
        text-transform:uppercase;
        padding:5px;
        border-radius:0 4px 4px 0;
        line-height:1
    }
}
@media(min-width:1200px){
    #cat-f-cat a:hover{
        color:#46474d;
        text-decoration:underline
    }
    #cat-f-cat li.active a:hover{
        color:#74bc53;
        text-decoration:none;
        cursor:default
    }
}
#cat-f-colour ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
#cat-f-colour li{
    width:24px;
    margin-right:13.33333px
}
#cat-f-colour label{
    width:24px;
    height:24px;
    border-radius:50%;
    overflow:hidden;
    text-indent:10vw;
    cursor:pointer;
    -webkit-box-shadow:0 0 0 0 #fff;
    box-shadow:0 0 0 0 #fff;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#cat-f-colour input{
    position:absolute;
    visibility:hidden;
    z-index:-1
}
#cat-f-colour input:checked+label{
    -webkit-box-shadow:0 0 0 2px #fff,0 0 0 5px #cfd5db;
    box-shadow:0 0 0 2px #fff,0 0 0 5px #cfd5db
}
#cat-f-style{
    margin-bottom:40px
}
#cat-f-style input+label{
    cursor:pointer;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#cat-f-style input+label:before{
    font-size:1.125rem;
    top:4px;
    margin-right:5px;
    color:#dee2e6
}
#cat-f-style input+label:hover{
    color:#46474d
}
#cat-f-style input:checked+label:before{
    color:#74bc53;
    left:1px
}
#cat-f-clear{
    border:1px solid #adb5bd;
    display:inline-block;
    border-radius:4px;
    font-size:.9375rem;
    padding:6px 12px;
    text-decoration:none;
    margin-bottom:40px
}
@media(min-width:1200px){
    #cat-f-clear:hover{
        border-color:#74bc53;
        background:#74bc53;
        color:#fff
    }
}
#show-cat-filter{
    position:absolute;
    left:0;
    top:20px;
    background:#03a4f4;
    color:#fff;
    padding:5px 8px;
    font-size:1.0625rem;
    border-radius:0 4px 4px 0
}
@media(min-width:1200px){
    #show-cat-filter{
        display:none;
        -webkit-transition:none;
        transition:none
    }
}
#cat-sort{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#cat-sort label{
    margin:0 10px 0 0
}
#cat-m .pl.prod-oos>*:not(.pl-a){
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    opacity:.7
}
#cat-m .pl.prod-oos .pl-i{
    position:relative
}
#cat-m .pl.prod-oos .pl-i:before{
    content:"Out of Stock";
    position:absolute;
    top:10px;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    opacity:1!important;
    -webkit-filter:none!important;
    filter:none!important;
    z-index:10;
    background:#000;
    padding:5px 10px;
    border-radius:6px;
    color:#fff;
    font-weight:700
}
#cat-m .pl:before{
    content:'';
    background:#fff;
    border-top:1px solid rgba(222,226,230,.4);
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    position:absolute;
    left:0;
    top:-20px;
    z-index:-1;
    width:100%;
    height:calc(100% + (40px * 2.75));
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    opacity:0
}
#cat-m .pl .pl-a{
    display:none
}
@media(min-width:1200px){
    #cat-m .pl .pl-a{
        position:absolute;
        bottom:-70px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:calc(100% - 40px)
    }
    #cat-m .pl .pl-a a{
        display:block;
        padding:12px 18px;
        border-radius:4px;
        text-transform:uppercase;
        text-decoration:none;
        font-size:1.0625rem;
        font-weight:600;
        color:#fff;
        text-align:center;
        opacity:0;
        -webkit-box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
        box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04)
    }
    #cat-m .pl .pl-a a:first-child{
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1;
        margin-right:10px
    }
    #cat-m .pl .pl-a .pl-a-p{
        background:#03a4f4
    }
    #cat-m .pl .pl-a .pl-a-v{
        background:#46474d
    }
    #cat-m .pl:hover{
        z-index:10
    }
    #cat-m .pl:hover:before{
        opacity:1
    }
    #cat-m .pl:hover .pl-i{
        -webkit-box-shadow:none;
        box-shadow:none
    }
    #cat-m .pl:hover .pl-a a{
        opacity:1
    }
    #cat-m .pl:hover .pl-a a:hover{
        background:#74bc53
    }
}
.vue-slider{
    position:relative;
    margin-bottom:8px;
    padding:13.33333px 0!important
}
.vue-slider .vue-slider-tooltip-wrap{
    display:none
}
.vue-slider.vue-slider-ltr .vue-slider-rail{
    height:10px!important;
    position:relative;
    display:block;
    border-radius:4px;
    -webkit-box-shadow:inset 0 0 0 1px #dee2e6;
    box-shadow:inset 0 0 0 1px #dee2e6;
    margin-bottom:10px
}
.vue-slider.vue-slider-ltr .vue-slider-rail:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2
}
.vue-slider.vue-slider-ltr .vue-slider-dot{
    width:20px!important;
    height:20px!important;
    position:absolute;
    left:0;
    border-radius:4px;
    background-color:#fff;
    -webkit-transition:all 0s;
    transition:all 0s;
    will-change:transform;
    cursor:pointer;
    z-index:5;
    border:1px solid #dee2e6;
    -webkit-box-shadow:1px 2px 2px 0 rgba(70,71,77,.15);
    box-shadow:1px 2px 2px 0 rgba(70,71,77,.15)
}
.vue-slider.vue-slider-ltr .vue-slider-dot:before,.vue-slider.vue-slider-ltr .vue-slider-dot:after{
    content:'';
    width:10px;
    height:1px;
    background:#dee2e6;
    display:block;
    position:absolute;
    left:0;
    right:0;
    margin:auto
}
.vue-slider.vue-slider-ltr .vue-slider-dot:before{
    top:6px
}
.vue-slider.vue-slider-ltr .vue-slider-dot:after{
    bottom:6px
}
.vue-slider.vue-slider-ltr .vue-slider-process{
    position:absolute;
    left:0;
    top:0;
    border-radius:4px;
    background-color:#74bc53;
    -webkit-transition:all 0s;
    transition:all 0s;
    z-index:1;
    width:0;
    height:100%;
    will-change:width
}
.vue-slider.vue-slider-ltr .vue-slider-piecewise{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:0;
    margin:0
}
.filter-range-manual{
    position:relative;
    height:40px
}
.filter-range-manual .input-group:first-child{
    left:0
}
.filter-range-manual .input-group:last-child{
    right:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.input-group{
    position:absolute;
    top:0
}
.input-group input{
    font-weight:700;
    color:#46474d;
    width:100%
}
.input-group input::-webkit-outer-spin-button,.input-group input::-webkit-inner-spin-button{
    -webkit-appearance:none
}
.input-group input[type=number]{
    -moz-appearance:textfield
}
.input-group:after{
    position:absolute;
    bottom:6px;
    font-size:.875rem
}
#cat-f-size .input-group{
    width:74px
}
#cat-f-size .input-group input{
    padding:4px 20px 4px 6px;
    text-align:left
}
#cat-f-size .input-group:after{
    content:'cm';
    right:6px
}
#cat-f-size .input-group.inches:after{
    content:'in'
}
#cat-f-price .input-group{
    width:58px
}
#cat-f-price .input-group input{
    padding:4px 6px 4px 20px;
    text-align:right
}
#cat-f-price .input-group:after{
    content:'£';
    left:6px
}
#cat-pagination ul{
    display:inline-block;
    margin:0 auto 40px;
    line-height:1
}
#cat-pagination ul li{
    display:inline-block;
    line-height:1;
    margin:0 2px;
    overflow:hidden
}
#cat-pagination ul li:before{
    display:none
}
#cat-pagination ul li a{
    color:#46474d;
    font-weight:700;
    font-size:1.125rem;
    padding:10px 12px 12px;
    border-radius:4px;
    display:block;
    line-height:1;
    position:relative
}
#cat-pagination ul li a.active{
    background:#74bc53;
    color:#fff
}
#cat-pagination ul li:first-child a,#cat-pagination ul li:last-child a{
    width:40px;
    visibility:hidden
}
#cat-pagination ul li:first-child a:before,#cat-pagination ul li:last-child a:before{
    font-family:ukss;
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-box-shadow:inset 0 0 0 1px #dee2e6;
    box-shadow:inset 0 0 0 1px #dee2e6;
    color:#74bc53;
    visibility:visible;
    border-radius:4px;
    font-size:1.375rem;
    line-height:38px
}
#cat-pagination ul li:first-child a:before{
    content:'n'
}
#cat-pagination ul li:last-child a:before{
    content:'o'
}
@media(min-width:576px){
    #cat-pagination ul li{
        margin:0 5px
    }
    #cat-pagination ul li a:first-child a{
        margin-right:16px
    }
    #cat-pagination ul li a:last-child a{
        margin-left:16px
    }
}
@media(min-width:1200px){
    #cat-pagination ul li a:hover{
        color:#74bc53;
        cursor:pointer
    }
    #cat-pagination ul li a:hover:before{
        background:#46474d;
        color:#fff;
        -webkit-box-shadow:inset 0 0 0 1px #46474d;
        box-shadow:inset 0 0 0 1px #46474d
    }
    #cat-pagination ul li a.active:hover{
        color:#fff
    }
    #cat-pagination ul li:first-child a,#cat-pagination ul li:last-child a{
        width:50px
    }
}
.content-pl{
    width:100%;
    margin-top:20px;
    margin-bottom:20px
}
@media(min-width:768px){
    .content-pl{
        width:calc(50% - 40px/2);
        margin:20px 10px;
        border-top:4px solid #74bc53!important
    }
}
@media(min-width:1200px){
    .content-pl{
        width:calc(33% - 40px/2);
        margin:0 10px;
        border-top:4px solid #74bc53!important
    }
}
.content-pl .pl-i img{
    width:100%
}
.prod-c .bc{
    margin-bottom:10px
}
.prod-c h1{
    margin-bottom:0;
    font-size:2.25rem
}
.prod-c h3{
    margin-top:0
}
.prod-c #accordion strong{
    color:#46474d
}
.prod-c textarea{
    width:100%
}
.prod-c .prod-price{
    font-size:1.75rem;
    color:#74bc53;
    line-height:1
}

.product_price{
    font-size:1.75rem;
    color:#74bc53;
    line-height:1
}
.prod-c .prod-price .strike{
    font-size:60%;
    color:#adb5bd
}
.prod-c .reviews .review-no{
    text-decoration:underline;
    position:relative;
    top:-1px;
    cursor:pointer
}
.prod-c .reviews .review-stars{
    margin-left:5px
}
.prod-c .social{
    text-align:right;
    margin-bottom:26.66667px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -ms-flex-line-pack:center;
    align-content:center
}
.prod-c .social li{
    display:inline-block;
    margin-left:10px
}
.prod-c .social a{
    text-decoration:none;
    color:#adb5bd;
    display:inline-block
}
.prod-c .social a.icon-mail{
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px)
}
@media(min-width:992px){
    .prod-c{
        width:50%
    }
    .prod-c .bc{
        height:48px;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end;
        margin-bottom:0
    }
}
@media(min-width:1200px){
    .prod-c h1{
        font-size:3.25rem
    }
    .prod-c .prod-price{
        font-size:2.375rem
    }
    .prod-c .icon-facebook:hover:before{
        color:#3b5998
    }
    .prod-c .icon-twitter:hover:before{
        color:#00aced
    }
    .prod-c .icon-instagram:hover:before{
        color:#515bd4
    }
    .prod-c .icon-pinterest:hover:before{
        color:#cb2027
    }
    .prod-c .icon-mail:hover:before{
        color:#74bc53
    }
}
#prod-preview-c img{
    max-width:100%;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
#prod-preview-c .nav-tabs{
    border:0;
    position:relative;
    z-index:2;
    margin-bottom:0
}
#prod-preview-c .nav-tabs a{
    height:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:color 200ms ease-in-out;
    transition:color 200ms ease-in-out;
    border:1px solid transparent;
    border-bottom:0;
    padding:0 10px;
    line-height:1;
    text-decoration:none;
    border-radius:4px 4px 0 0;
    background:#e9ecef;
    color:#707a80;
    font-size:.875rem;
    letter-spacing:-.01rem;
    margin-right:3px
}
@media(min-width:992px){
    #prod-preview-c .nav-tabs a{
        height:44px;
        padding:0 10px;
        font-size:.9375rem;
        margin-right:8px
    }
}
@media(min-width:1200px){
    #prod-preview-c .nav-tabs a{
        height:48px;
        padding:0 20px;
        font-size:1.125rem;
        margin-right:10px
    }
}
#prod-preview-c .nav-tabs .active{
    background:#fff;
    border-color:#dee2e6;
    font-weight:600;
    color:#46474d;
    cursor:default
}
#prod-preview-c .tab-content{
    border-top:1px solid #dee2e6;
    padding:20px 0 0;
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px)
}
#prod-preview-c .tab-content:after{
    display:none
}
@media(min-width:992px){
    #prod-preview-c .tab-content{
        padding:20px 0 0
    }
}
@media(min-width:1200px){
    #prod-preview-c .nav-tabs a:hover{
        color:#74bc53
    }
    #prod-preview-c .nav-tabs a.active:hover{
        color:#46474d
    }
    #prod-preview-c .tab-content{
        padding:40px 0 0
    }
}
#prod-main-image{
    min-height:50px;
    margin-bottom:20px
}
#prod-main-image img{
    display:block;
    margin:0 auto
}
#prod-image-thumbs{
    position:relative;
    left:-10px;
    width:calc(100% + 20px);
    margin-bottom:40px
}
#prod-image-thumbs a{
    display:inline-block;
    max-width:20%;
    padding:0 10px
}
@media(min-width:1200px){
    #prod-image-thumbs:hover a:not(:hover){
        opacity:.6
    }
}
.img-dis{
    font-size:.625rem;
    line-height:1.2;
    color:#46474d;
    margin:20px 0;
    padding:10px;
    background:#f8f9fa;
    text-align:center
}
@media(min-width:768px){
    .img-dis{
        font-size:.6875rem
    }
}
#prod-sticky-preview{
    position:fixed;
    left:0;
    bottom:8px;
    z-index:100;
    width:180px;
    -webkit-transform:translateX(-180px);
    transform:translateX(-180px);
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    padding:5px;
    background:#222530;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
#prod-sticky-preview.prod-sticky-preview-hidden{
    bottom:-160px!important
}
@media(min-width:1200px){
    #prod-sticky-preview.prod-sticky-preview-hidden{
        bottom:-300px!important
    }
}
#prod-sticky-preview.prod-sticky-preview-hidden #prod-sticky-preview-hide{
    -webkit-transition-delay:0s;
    transition-delay:0s;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
#prod-sticky-preview img{
    border:2px solid #fff;
    background:#fff
}
#prod-sticky-preview.show{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
#prod-sticky-preview .icon-close{
    color:#fff;
    position:absolute;
    right:5px;
    top:-22px;
    font-size:.625rem;
    line-height:1;
    display:inline-block;
    cursor:pointer;
    background:#373c4e;
    border-radius:50%;
    padding:4px;
    width:18px;
    height:18px
}
@media(min-width:768px){
    #prod-sticky-preview{
        width:240px;
        -webkit-transform:translateX(-240px);
        transform:translateX(-240px)
    }
}
@media(min-width:1200px){
    #prod-sticky-preview{
        bottom:20px;
        width:320px;
        -webkit-transform:translateX(-320px);
        transform:translateX(-320px);
        padding:13.33333px
    }
    #prod-sticky-preview:before{
        content:'Live Preview';
        text-transform:uppercase;
        font-size:.875rem;
        color:#7c84a2;
        letter-spacing:.08rem;
        line-height:1;
        display:block;
        margin-bottom:13.33333px
    }
    #prod-sticky-preview .icon-close{
        right:10px;
        top:10px;
        font-size:1.125rem;
        padding:0;
        width:auto;
        height:auto;
        background:0
    }
}
#prod-s-t-f{
    text-align:right;
    font-size:.9375rem;
    margin-bottom:40px;
    margin-top:40px
}
#prod-s-t-f strong{
    color:#46474d
}
#prod-s-t-f a{
    display:inline-block;
    border:1px solid #ced4da;
    padding:8px 12px;
    border-radius:4px;
    text-transform:uppercase;
    color:#74bc53;
    font-weight:600;
    text-decoration:none;
    font-size:.875rem;
    letter-spacing:.02rem;
    margin:5px 0 0 5px
}
@media(min-width:576px){
    #prod-s-t-f a{
        margin-top:0
    }
}
@media(min-width:992px){
    #prod-s-t-f a{
        margin-top:5px
    }
}
@media(min-width:1200px){
    #prod-s-t-f a{
        margin-top:0
    }
    #prod-s-t-f a:hover{
        background:#74bc53;
        color:#fff;
        border-color:#74bc53
    }
}
#collapseOne{
    padding-left:0;
    padding-right:0
}
#prod-cs{
    position:relative;
    margin-bottom:80px;
    padding-left:0;
    padding-right:0
}
#prod-cs:before{
    content:'';
    position:absolute;
    left:-50%;
    top:0;
    z-index:-1;
    display:block;
    width:150vw;
    height:100%;
    background:#373c4e
}
#prod-cs .pl-i{
    border:5px solid #fff
}
#prod-cs .pl-c{
    color:#81c860
}
#prod-cs .pl-n{
    color:#fff
}
@media(min-width:992px){
    #prod-cs .pl:last-child{
        display:none
    }
}
@media(min-width:1200px){
    #prod-cs .pl:last-child{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
#prod-instruct~.tab-content ul{
    margin-bottom:40px
}
#prod-top #prod-sss{
    margin-top:26.66667px;
    margin-bottom:20px;
    padding:6.66667px 0
}
#prod-top #prod-sss label{
    margin:0 3px 0 0
}
#prod-top #prod-sss .prod-select-c .prod-select-box{
    border:0;
    font-weight:700;
    padding-right:40px
}
#prod-top #prod-sss .prod-select-c .prod-select-box:after{
    top:10px
}
#prod-top #sign-one-size{
    font-size:1.125rem;
    font-weight:700;
    color:#46474d;
    padding:7px 0
}
#prod-top #sign-size .prod-select-popup{
    background:#fff;
    border:1px solid #dee2e6;
    margin-top:-2px;
    padding:0 13.33333px 6.66667px
}
#prod-top #sign-size .sign-size-option{
    border-bottom:1px solid #dee2e6;
    padding:13.33333px 0;
    color:#46474d;
    cursor:pointer;
    position:relative
}
#prod-top #sign-size .sign-size-option span{
    color:#adb5bd
}
#prod-top #sign-size .sign-size-option:before{
    content:'L';
    font-family:ukss;
    font-size:1.125rem;
    display:block;
    height:18px;
    color:#dee2e6;
    position:absolute;
    right:0;
    top:13px;
    margin:auto
}
#prod-top #sign-size .sign-size-option:after{
    content:'';
    display:block;
    width:0;
    height:2px;
    background:#74bc53;
    position:absolute;
    right:0;
    bottom:-1px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#prod-top #sign-size .sign-size-option.selected:before{
    content:'r';
    color:#74bc53
}
#prod-top #sign-size .sign-size-option.selected:after{
    width:100%
}
#prod-top #sign-size .switch-unit{
    display:block;
    margin:10px 0;
    text-align:right
}
#prod-top #stock-indicator.in-stock{
    color:#46474d
}
#prod-top #stock-indicator.out-of-stock{
    color:#d01433;
    font-weight:700
}
@media(min-width:576px){
    #prod-top #prod-sss .prod-select-c .prod-select-box{
        font-size:1.125rem
    }
}
@media(min-width:1200px){
    #prod-top #prod-sss label{
        margin:0 13.33333px 0 0
    }
    #prod-top #prod-stock-status span:before{
        font-size:1.5rem
    }
}
#prod-options{
    border:1px solid #dee2e6;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    margin-bottom:13.33333px
}
#prod-p{
    padding:22.22222px
}
#prod-p h3{
    margin-bottom:20px;
    margin-top:0
}
#prod-p label{
    display:block;
    margin-bottom:2px
}
#prod-p .icon-help{
    display:inline-block;
    font-size:1.125rem;
    color:#74bc53;
    position:relative;
    top:3px;
    cursor:help
}
@media(min-width:1200px){
    #prod-p{
        padding:33.33333px
    }
}
.prod-option-c{
    margin-bottom:10px
}
.prod-select-c input,.prod-option-c input{
    width:100%
}
.prod-select-c select,.prod-option-c select{
    font-weight:700;
    color:#46474d;
    display:block;
    font-size:16px;
    line-height:1.3;
    padding:.6em 1.4em .5em .8em;
    width:100%;
    max-width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    border:1px solid #dee2e6;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    background-color:#fff;
    background-image:url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCB0cmFuc2Zvcm09InJvdGF0ZVwoOTAsMTIsMTJcKSIgZmlsbD0iIzc0YmM1MyIgZD0iTTguMTIyIDI0bC00LjEyMi00IDgtOC04LTggNC4xMjItNCAxMS44NzggMTJ6Ii8+PC9zdmc+);
    background-repeat:no-repeat,repeat;
    background-position:right .7em top 50%,0 0;
    background-size:.65em auto,100%
}
.prod-select-c{
    position:relative
}
.prod-select-c .prod-select-box{
    border:1px solid #dee2e6;
    position:relative;
    color:#46474d;
    padding:8px;
    cursor:pointer;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    font-weight:700
}
.prod-select-c .prod-select-box:after{
    content:'m';
    font-family:ukss;
    font-size:1.25rem;
    position:absolute;
    right:10px;
    margin-top:-3px;
    color:#74bc53
}
.prod-select-c .prod-select-box.focus{
    border-color:#adb5bd
}
.prod-select-c .prod-select-popup{
    display:none;
    position:absolute;
    left:-10px;
    z-index:100;
    margin-top:5px;
    background:#fff;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,white),to(#f2f4f6));
    background:linear-gradient(to bottom,white 0,#f2f4f6 100%);
    width:calc(100% + 40px);
    overflow:hidden;
    border-radius:4px;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.prod-select-c .prod-select-popup.select-show{
    display:block
}
.prod-select-c .prod-select-header{
    background:#373c4e;
    color:#fff;
    font-size:1rem;
    letter-spacing:-.01rem;
    font-weight:600;
    line-height:1;
    padding:13.33333px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.prod-select-c .prod-select-header:before{
    cursor:pointer
}
.prod-select-c .prod-select-main{
    padding:26.66667px 13.33333px 0;
    text-align:center
}
.prod-select-c .prod-select-main strong{
    color:#74bc53
}
.prod-select-c .prod-select-main img{
    max-width:100%;
    -webkit-box-shadow:0 0 0 4px #dee2e6;
    box-shadow:0 0 0 4px #dee2e6;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.prod-select-c .prod-select-main .sale-price{
    font-size:1.125rem
}
.prod-select-c .prod-select-main .strike{
    color:#adb5bd;
    font-size:.9375rem
}
.prod-select-c .text-option-popup-option.selected{
    z-index:5
}
.prod-select-c .text-option-popup-option.selected img{
    -webkit-box-shadow:0 0 0 5px #74bc53;
    box-shadow:0 0 0 5px #74bc53;
    color:#fff
}
.prod-select-c .layout-option{
    text-align:center;
    padding:0 13.33333px;
    margin-bottom:26.66667px;
    cursor:pointer
}
.prod-select-c .layout-option.selected{
    z-index:5
}
.prod-select-c .layout-option.selected .layout-img{
    -webkit-box-shadow:0 0 0 5px #373c4e;
    box-shadow:0 0 0 5px #373c4e;
    background:#74bc53;
    color:#fff
}
.prod-select-c .layout-option.selected .layout-img .line{
    background:#fff
}
.prod-select-c .layout-option.selected .layout-img .layout-img-img{
    background-image:url(data:image/svg+xml;
    base64,PHN2Z1wgeG1sbnM9XCdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wnXCB3aWR0aD1cJzEwMFwnXCBoZWlnaHQ9XCcxMDBcJ1wgdmlld0JveD1cJzBcIDBcIDI0XCAyNFwnPjxwYXRoXCBmaWxsPVwnI2ZmZlwnXCBkPVwnTTIyXCA1djE0aC0yMHYtMTRoMjB6bTItMmgtMjR2MThoMjR2LTE4em0tMTRcIDEzLjk1MmMtMS41NTEtLjI2NS0zLTEuNjE1LTMtMy4yNDJ2LTIuNTc0bDNcIDIuNzIxdjMuMDk1em0yLTIuMTAzdi0yLjgxNGMyLjc0NC0uNTE1XCAyLjg5Ny0zLjQ5NFwgMi4wNjItNS4wMzVsLTEuMzcyXCAxLjUwOS0xLjE4My0xLjUwOS0xLjEwN1wgMS41MDktMS40MTItMS41MDljLS44MTJcIDEuNDk5LS43NTJcIDQuNTE2XCAyLjAxMlwgNS4wMzV2NC45NjVoMS40ODljMS44MTdcIDBcIDMuNTExLTEuNDczXCAzLjUxMS0zLjI5MXYtMi41NzRsLTRcIDMuNzE0elwnLz48L3N2Zz4=)
}
.prod-select-c .layout-option.selected .layout-name{
    color:#74bc53
}
.prod-select-c .layout-option.selected:hover .layout-name{
    color:#74bc53
}
.prod-select-c .layout-option:hover .layout-name{
    color:#46474d
}
.prod-select-c .layout-img{
    background:#fff;
    -webkit-box-shadow:0 0 0 3px #dee2e6;
    box-shadow:0 0 0 3px #dee2e6;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    margin-bottom:8px;
    color:#74bc53;
    font-weight:700;
    line-height:1;
    height:102px;
    position:relative
}
.prod-select-c .layout-img *{
    position:absolute;
    left:0;
    right:0;
    margin:auto
}
.prod-select-c .layout-img .line{
    background:#74bc53;
    height:6px
}
.prod-select-c .layout-img .line:after{
    background:inherit;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    height:6px
}
.prod-select-c .layout-img .layout-img-img{
    width:56px;
    height:56px;
    background-size:contain;
    background-image:url(data:image/svg+xml;
    base64,PHN2Z1wgeG1sbnM9XCdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wnXCB3aWR0aD1cJzEwMFwnXCBoZWlnaHQ9XCcxMDBcJ1wgdmlld0JveD1cJzBcIDBcIDI0XCAyNFwnPjxwYXRoXCBmaWxsPVwnIzc0YmM1M1wnXCBkPVwnTTIyXCA1djE0aC0yMHYtMTRoMjB6bTItMmgtMjR2MThoMjR2LTE4em0tMTRcIDEzLjk1MmMtMS41NTEtLjI2NS0zLTEuNjE1LTMtMy4yNDJ2LTIuNTc0bDNcIDIuNzIxdjMuMDk1em0yLTIuMTAzdi0yLjgxNGMyLjc0NC0uNTE1XCAyLjg5Ny0zLjQ5NFwgMi4wNjItNS4wMzVsLTEuMzcyXCAxLjUwOS0xLjE4My0xLjUwOS0xLjEwN1wgMS41MDktMS40MTItMS41MDljLS44MTJcIDEuNDk5LS43NTJcIDQuNTE2XCAyLjAxMlwgNS4wMzV2NC45NjVoMS40ODljMS44MTdcIDBcIDMuNTExLTEuNDczXCAzLjUxMS0zLjI5MXYtMi41NzRsLTRcIDMuNzE0elwnLz48L3N2Zz4=)
}
.prod-select-c #text-above-image .layout-img-img{
    bottom:12px;
    width:70px;
    height:70px
}
.prod-select-c #text-above-image .line{
    display:block;
    width:70%;
    top:16px
}
.prod-select-c #text-above-and-below-image .layout-img-img{
    top:23px
}
.prod-select-c #text-above-and-below-image .line:first-child{
    display:block;
    width:70%;
    top:16px
}
.prod-select-c #text-above-and-below-image .line:last-child{
    display:block;
    width:70%;
    bottom:16px
}
.prod-select-c #text-below-image .layout-img-img{
    top:8px;
    width:70px;
    height:70px
}
.prod-select-c #text-below-image .line{
    display:block;
    width:70%;
    bottom:18px
}
.prod-select-c .item-name{
    font-size:.8125rem;
    line-height:1.1;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
.prod-select-c .item-name strong{
    font-size:.875rem;
    display:block
}
.prod-select-c #num-name-below .num{
    font-size:3.75rem;
    top:8px
}
.prod-select-c #num-name-below .line{
    display:block;
    width:70%;
    bottom:16px
}
.prod-select-c #num-name-block-below .num{
    font-size:3.125rem;
    top:8px
}
.prod-select-c #num-name-block-below .line{
    height:5px;
    display:block;
    width:70%;
    bottom:26px
}
.prod-select-c #num-name-block-below .line:last-child{
    bottom:15px;
    width:50%
}
.prod-select-c #text-one .line{
    display:block;
    width:70%;
    top:0;
    bottom:0;
    -webkit-transform:translateY(-7px);
    transform:translateY(-7px)
}
.prod-select-c #text-one .line:after{
    content:'';
    display:block;
    width:70%;
    bottom:-14px
}
.prod-select-c #num-only .num{
    font-size:5rem;
    top:4px
}
.prod-select-c #num-name-above .num{
    font-size:3.75rem;
    bottom:16px
}
.prod-select-c #num-name-above .line{
    display:block;
    width:70%;
    top:16px
}
.prod-select-c #num-name-right .num{
    font-size:3.5rem;
    top:20px;
    left:-70px
}
.prod-select-c #num-name-right .line{
    display:block;
    width:40%;
    left:58px;
    top:40px
}
.prod-select-c #num-name-right .line:last-child{
    display:block;
    width:40%;
    left:58px;
    bottom:25px
}
.prod-select-c #num-name-above-below .num{
    font-size:3.125rem;
    top:23px
}
.prod-select-c #num-name-above-below .line:first-child{
    display:block;
    width:70%;
    top:16px
}
.prod-select-c #num-name-above-below .line:last-child{
    display:block;
    width:70%;
    bottom:16px
}
.prod-select-c #text-two .line:first-child{
    display:block;
    width:70%;
    top:26px
}
.prod-select-c #text-two .line:first-child:after{
    content:'';
    display:block;
    width:70%;
    bottom:-14px
}
.prod-select-c #text-two .line:last-child{
    display:block;
    width:50%;
    bottom:16px;
    height:4px
}
.prod-select-c #text-two .line:last-child:after{
    content:'';
    display:block;
    width:70%;
    bottom:10px;
    height:4px
}
@media(min-width:576px){
    .prod-select-c .prod-select-main .sale-price{
        font-size:1.5rem
    }
    .prod-select-c .prod-select-main .strike{
        font-size:1rem
    }
}
@media(min-width:768px){
    .prod-select-c .prod-select-popup{
        left:-5px;
        width:calc(100% + (40px * 1.5))
    }
    .prod-select-c .prod-select-header{
        font-size:1.25rem
    }
}
#layout-fields input,#layout-fields textarea{
    font-weight:700
}
#layout-fields .icon-resize{
    font-size:1.125rem;
    display:inline-block;
    line-height:1;
    color:#adb5bd;
    text-decoration:none;
    position:relative;
    left:-42px;
    top:2px;
    padding:8px;
    z-index:5;
    -webkit-transition:none;
    transition:none
}
#layout-fields .icon-resize:before{
    -webkit-transition:none;
    transition:none
}
#layout-fields .slider{
    width:0;
    height:100%;
    border-radius:4px;
    background:#373c4e;
    display:inline-block;
    position:absolute;
    margin-left:-76px
}
#layout-fields .slider-show .icon-resize{
    color:#fff
}
#layout-fields .slider-show .slider{
    width:38%
}
#sign-text .prod-select-main{
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    text-align:left
}
#text-filter-options{
    padding:13.33333px;
    background:#fff;
    border-right:1px solid #dee2e6;
    margin:0!important
}
#text-filter-options li{
    margin-bottom:5px!important
}
#text-filter-options li a{
    display:block;
    padding:5px 8px;
    border-radius:4px;
    text-decoration:none;
    font-size:.875rem
}
#text-filter-options li.active a{
    background:#74bc53;
    color:#fff;
    cursor:default
}
#text-filter-options li:before{
    visibility:hidden
}
@media(min-width:1200px){
    #text-filter-options{
        padding:26.66667px
    }
    #text-filter-options li a{
        padding-right:20px;
        font-size:1rem
    }
    #text-filter-options li a:hover{
        -webkit-box-shadow:0 0 0 1px #dee2e6;
        box-shadow:0 0 0 1px #dee2e6;
        color:#74bc53
    }
    #text-filter-options li.active a:hover{
        -webkit-box-shadow:none;
        box-shadow:none;
        color:#fff
    }
}
#text-options-c{
    height:400px;
    overflow-y:auto;
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding:0 13.33333px 13.33333px
}
#text-options-c .text-option{
    border-bottom:1px solid #dee2e6;
    line-height:1;
    padding:13.33333px 0;
    position:relative;
    cursor:pointer
}
#text-options-c .text-option span{
    font-size:.625rem;
    text-transform:uppercase;
    letter-spacing:.05rem;
    display:block;
    margin-bottom:8px;
    color:#adb5bd
}
#text-options-c .text-option img{
    -webkit-box-shadow:none;
    box-shadow:none;
    display:block;
    max-width:75%
}
#text-options-c .text-option:before{
    content:'L';
    font-family:ukss;
    font-size:1.25rem;
    display:block;
    height:20px;
    color:#dee2e6;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    margin:auto
}
#text-options-c .text-option:after{
    content:'';
    position:absolute;
    right:0;
    bottom:-1px;
    display:block;
    width:0;
    height:2px;
    background:#74bc53;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#text-options-c .text-option.selected span{
    color:#74bc53
}
#text-options-c .text-option.selected:before{
    content:'r';
    color:#74bc53
}
#text-options-c .text-option.selected:after{
    width:100%
}
#text-options-c .default span:after{
    content:' (Default)'
}
@media(min-width:1200px){
    #text-options-c{
        padding:26.66667px
    }
}
#sign-bg h5,#sign-text-colour h5{
    margin-left:10px;
    text-align:left;
    position:relative;
    overflow:hidden
}
#sign-bg h5:after,#sign-text-colour h5:after{
    content:'';
    position:absolute;
    top:50%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    margin-left:10px;
    width:100%;
    height:4px;
    background:#e9ecef
}
#sign-bg .swatches,#sign-text-colour .swatches{
    margin-bottom:20px
}
.bg-option{
    padding:0 10px 13.33333px;
    text-align:center;
    cursor:pointer
}
.bg-option *[class^=sw-]{
    width:37px;
    height:37px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
@media(min-width:576px){
    .bg-option *[class^=sw-]{
        width:48px;
        height:48px
    }
}
.bg-name{
    display:none
}
@media(min-width:1200px){
    .bg-name{
        font-size:.75rem;
        display:block
    }
}
.prod-select{
    position:fixed;
    left:100vw
}
.layout-field-number{
    width:85px;
    -moz-appearance:textfield
}
.layout-field-number::-webkit-input-placeholder{
    color:#46474d
}
.layout-field-number:-moz-placeholder{
    color:#46474d;
    opacity:1
}
.layout-field-number::-moz-placeholder{
    color:#46474d;
    opacity:1
}
.layout-field-number:-ms-input-placeholder{
    color:#46474d
}
.layout-field-number::-ms-input-placeholder{
    color:#46474d
}
.layout-field-number::placeholder{
    color:#46474d
}
.layout-field-number::-webkit-inner-spin-button,.layout-field-number::-webkit-outer-spin-button{
    -webkit-appearance:none
}
.layout-field-text{
    width:90%
}
.layout-field-text::-webkit-input-placeholder{
    color:#46474d
}
.layout-field-text:-moz-placeholder{
    color:#46474d;
    opacity:1
}
.layout-field-text::-moz-placeholder{
    color:#46474d;
    opacity:1
}
.layout-field-text:-ms-input-placeholder{
    color:#46474d
}
.layout-field-text::-ms-input-placeholder{
    color:#46474d
}
.layout-field-text::placeholder{
    color:#46474d
}
@media(min-width:1200px){
    .layout-field-text{
        width:70%
    }
}
#sign-corian-colour,#sign-ink-fill-colour{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    padding-top:6px;
    margin-bottom:0!important
}
#sign-corian-colour a,#sign-ink-fill-colour a{
    margin:0 10px 5px 0
}
.fixing-option{
    padding:0 13.33333px;
    margin-bottom:20px;
    cursor:pointer
}
.fixing-option *[class^=col-]{
    padding:0 13.33333px
}
.fixing-option.selected img{
    -webkit-box-shadow:0 0 0 5px #74bc53;
    box-shadow:0 0 0 5px #74bc53
}
.p-option-img{
    margin-bottom:8px;
    cursor:pointer
}
#fixing-upgrade{
    text-align:left;
    background:#fff;
    -webkit-box-shadow:0 0 0 1px #dee2e6;
    box-shadow:0 0 0 1px #dee2e6;
    padding:13.33333px 0;
    margin-bottom:13.33333px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#fixing-upgrade .p-option-img{
    margin-bottom:0
}
#fixing-upgrade .item-name{
    font-size:1rem;
    color:#46474d
}
#fixing-upgrade strong{
    font-size:1rem;
    line-height:1.5
}
#fixing-upgrade.selected{
    -webkit-box-shadow:none;
    box-shadow:none;
    background:#74bc53
}
#fixing-upgrade.selected strong{
    color:#fff
}
#fixing-upgrade.selected .item-name{
    color:#373c4e
}
#fixing-upgrade.selected .sale-price{
    color:#fff
}
#fixing-upgrade.selected .strike{
    color:#fff;
    opacity:.6
}
@media(min-width:576px){
    #fixing-upgrade .item-name{
        font-size:1.5rem
    }
    #fixing-upgrade strong{
        font-size:1.125rem
    }
}
#fixing-upgrade-price{
    display:block;
    padding-top:13.33333px
}
#fixing-note{
    font-size:.875rem;
    line-height:1.2;
    color:#46474d;
    margin-bottom:20px
}
#sign-clear-panel .prod-select-main,#p-option-frame .prod-select-main,#sign-eco-panel .prod-select-main{
    text-align:left
}
#sign-clear-panel .prod-select-main *[class^=col-],#p-option-frame .prod-select-main *[class^=col-],#sign-eco-panel .prod-select-main *[class^=col-]{
    padding:0 13.33333px
}
#sign-clear-panel .prod-select-main p,#p-option-frame .prod-select-main p,#sign-eco-panel .prod-select-main p{
    font-size:.875rem;
    color:#46474d;
    line-height:1.3
}
#sign-clear-panel .prod-select-main p.note,#p-option-frame .prod-select-main p.note,#sign-eco-panel .prod-select-main p.note{
    font-size:.8125rem;
    color:#adb5bd;
    margin-bottom:26.66667px
}
#sign-clear-panel input[type=radio],#p-option-frame input[type=radio],#sign-eco-panel input[type=radio]{
    display:none
}
#sign-clear-panel input[type=radio]+label,#p-option-frame input[type=radio]+label,#sign-eco-panel input[type=radio]+label{
    padding:10px 13.33333px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    cursor:pointer;
    margin-bottom:5px;
    font-size:.8125rem
}
#sign-clear-panel input[type=radio]+label:before,#p-option-frame input[type=radio]+label:before,#sign-eco-panel input[type=radio]+label:before{
    content:'L';
    font-family:ukss;
    color:#dee2e6;
    font-size:1.25rem;
    position:relative;
    top:1px;
    margin-right:10px
}
#sign-clear-panel input[type=radio]:checked+label,#p-option-frame input[type=radio]:checked+label,#sign-eco-panel input[type=radio]:checked+label{
    background:#74bc53;
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none
}
#sign-clear-panel input[type=radio]:checked+label:before,#p-option-frame input[type=radio]:checked+label:before,#sign-eco-panel input[type=radio]:checked+label:before{
    content:'r';
    color:#fff
}
#sign-clear-panel .upgrade-true+label,#p-option-frame .upgrade-true+label,#sign-eco-panel .upgrade-true+label{
    background:#fff;
    -webkit-box-shadow:inset 0 0 0 1px #dee2e6;
    box-shadow:inset 0 0 0 1px #dee2e6;
    font-size:.9375rem;
    color:#46474d;
    margin-top:20px
}
#sign-clear-panel .upgrade-true:checked+label,#p-option-frame .upgrade-true:checked+label,#sign-eco-panel .upgrade-true:checked+label{
    background:#74bc53;
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none
}
@media(min-width:576px){
    #sign-clear-panel .prod-select-main p,#p-option-frame .prod-select-main p,#sign-eco-panel .prod-select-main p{
        font-size:.9375rem
    }
    #sign-clear-panel input[type=radio]+label,#p-option-frame input[type=radio]+label,#sign-eco-panel input[type=radio]+label{
        font-size:1rem
    }
    #sign-clear-panel .upgrade-true+label,#p-option-frame .upgrade-true+label,#sign-eco-panel .upgrade-true+label{
        font-size:1.0625rem
    }
}
#prod-options-bottom{
    background:#f8f9fa;
    padding:22.22222px;
    border-top:1px solid #e9ecef;
    position:relative
}
#prod-options-bottom .paypal{
    display:none;
    position:absolute;
    right:20px;
    top:26.66667px;
    opacity:.8
}
@media(min-width:576px){
    #prod-options-bottom .paypal{
        display:block
    }
}
#prod-options-bottom form{
    margin-bottom:20px
}
#prod-options-bottom input[type=number]{
    width:64px;
    font-size:1.25rem;
    text-align:center;
    height:48px;
    margin-right:10px
}
#prod-options-bottom button{
    background:#03a4f4;
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
    font-size:1.125rem;
    padding:0 33.33333px;
    height:48px;
    -webkit-box-shadow:0 5px 10px 0 rgba(70,133,174,.26),0 2px 5px 0 rgba(23,24,26,.06);
    box-shadow:0 5px 10px 0 rgba(70,133,174,.26),0 2px 5px 0 rgba(23,24,26,.06)
}
#prod-options-bottom button[disabled]{
    background:#7c7c7c
}
#prod-options-bottom #prod-offer{
    color:#373c4e;
    line-height:1.2;
    margin-top:20px
}
#prod-options-bottom #prod-offer span{
    display:block;
    font-weight:600;
    color:#74bc53
}
#prod-options-bottom .prod-price{
    font-size:2.25rem;
    line-height:1;
    color:#3a3b40;
    font-weight:700;
    letter-spacing:-.05rem;
    margin-bottom:20px
}
@media(min-width:576px){
    #prod-options-bottom .paypal{
        right:26.66667px;
        bottom:20px;
        top:auto
    }
    #prod-options-bottom .prod-price{
        margin:0
    }
}
@media(min-width:1200px){
    #prod-options-bottom{
        padding:33.33333px
    }
    #prod-options-bottom .paypal{
        right:38px;
        bottom:35px;
        top:auto
    }
    #prod-options-bottom .prod-price{
        font-size:2.75rem
    }
    #prod-options-bottom button:hover:not([disabled]){
        background:#373c4e
    }
}
#prod-feature-review{
    background:#74bc53;
    padding:26.66667px;
    color:#fff;
    position:relative;
    margin-bottom:80px;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
#prod-feature-review:after{
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:32px 50px 0 0;
    border-color:#74bc53 transparent transparent transparent;
    position:absolute;
    left:40px;
    bottom:-32px;
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
}
#prod-feature-review blockquote{
    font-size:1.25rem;
    font-style:italic;
    margin-bottom:20px
}
#prod-feature-review strong{
    text-transform:uppercase;
    display:block;
    letter-spacing:.1rem;
    font-size:600;
    color:#baeba4;
    line-height:1.2
}
#prod-feature-review .review-stars{
    color:#ff9d1f;
    font-size:1.625rem
}
#prod-feature-review .review-stars span{
    margin-right:5px
}
#prod-feature-review .icon-tick:before{
    font-size:1.25rem;
    margin-right:3px;
    position:relative;
    top:3px;
    display:inline-block
}
@media(min-width:576px){
    #prod-feature-review .review-stars{
        font-size:1.875rem
    }
    #prod-feature-review .review-stars span{
        margin-left:5px;
        margin-right:0
    }
}
@media(min-width:992px){
    #prod-feature-review{
        line-height:1.4
    }
}
@media(min-width:1200px){
    #prod-feature-review{
        padding:40px;
        margin-bottom:100px
    }
    #prod-feature-review blockquote{
        font-size:1.5rem;
        line-height:1.35
    }
}
#s-t-f label,#commercial-enquiry-modal label{
    display:block;
    color:#46474d;
    margin-bottom:0;
    font-weight:600;
    font-size:.9375rem
}
#s-t-f input,#s-t-f textarea,#s-t-f button,#commercial-enquiry-modal input,#commercial-enquiry-modal textarea,#commercial-enquiry-modal button{
    width:100%
}
#s-t-f input,#s-t-f textarea,#commercial-enquiry-modal input,#commercial-enquiry-modal textarea{
    margin-bottom:10px
}
#s-t-f textarea,#commercial-enquiry-modal textarea{
    height:96px
}
#s-t-f button,#commercial-enquiry-modal button{
    background:#03a4f4;
    font-size:1.25rem;
    font-weight:600;
    color:#fff
}
#s-t-f h3,#commercial-enquiry-modal h3{
    margin-bottom:20px;
    margin-top:0
}
#s-t-f p,#commercial-enquiry-modal p{
    font-size:.9375rem;
    line-height:1.4
}
#s-t-f .modal-body,#commercial-enquiry-modal .modal-body{
    padding:26.66667px
}
#s-t-f .close,#commercial-enquiry-modal .close{
    position:absolute;
    right:15px;
    top:15px;
    color:#46474d;
    opacity:1
}
@media(min-width:768px){
    #s-t-f .modal-dialog,#commercial-enquiry-modal .modal-dialog{
        max-width:450px
    }
    #s-t-f .modal-content,#commercial-enquiry-modal .modal-content{
        position:relative
    }
    #s-t-f .modal-content:before,#commercial-enquiry-modal .modal-content:before{
        content:url(http://demo.signhq.co.uk/assets/theme/img/xcloud.png.pagespeed.ic.H0pQu7wuGY.png);
        position:absolute;
        left:0;
        top:80px;
        z-index:-1;
        margin-left:10px;
        -webkit-transition:all 650ms 300ms ease-in-out;
        transition:all 650ms 300ms ease-in-out;
        -webkit-transition-delay:300ms;
        transition-delay:300ms
    }
    #s-t-f .modal-content:after,#commercial-enquiry-modal .modal-content:after{
        content:url(http://demo.signhq.co.uk/assets/theme/img/xcloud.png.pagespeed.ic.H0pQu7wuGY.png);
        position:absolute;
        right:0;
        top:320px;
        z-index:-1;
        margin-right:10px;
        -webkit-transition:all 650ms 500ms ease-in-out;
        transition:all 650ms 500ms ease-in-out;
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    #s-t-f .modal-body,#commercial-enquiry-modal .modal-body{
        position:relative
    }
    #s-t-f .modal-body:before,#commercial-enquiry-modal .modal-body:before{
        content:url(http://demo.signhq.co.uk/assets/theme/img/xplane.png.pagespeed.ic.NTzUU5Q-lA.png);
        position:absolute;
        right:-48px;
        top:-30px
    }
    #s-t-f .modal-body:after,#commercial-enquiry-modal .modal-body:after{
        content:url(http://demo.signhq.co.uk/assets/theme/img/xplane-trail.png.pagespeed.ic.NJHsQdaUfs.png);
        position:absolute;
        left:-97px;
        bottom:-100px
    }
    #s-t-f.show .modal-content:before,#commercial-enquiry-modal.show .modal-content:before{
        margin-left:-145px
    }
    #s-t-f.show .modal-content:after,#commercial-enquiry-modal.show .modal-content:after{
        margin-right:-140px
    }
}
@media(min-width:1200px){
    #s-t-f button:hover,#commercial-enquiry-modal button:hover{
        background:#46474d
    }
}
#commercial-enquiry-modal .modal-body:before,#commercial-enquiry-modal .modal-body:after{
    display:none!important
}
#commercial-enquiry-modal .modal-content:before,#commercial-enquiry-modal .modal-content:after{
    display:none!important
}
#btn-add-line{
    background:#5468b1;
    line-height:1;
    margin-top:20px;
    padding:10px 30px;
    height:auto
}
#btn-add-line:hover{
    color:#fff;
    background:#373c4e
}
#gallery-target{
    padding:20px;
    border:2px dotted #ced4da;
    background:#f8f9fa;
    border-radius:4px;
    margin-bottom:40px
}
#gallery-target h3{
    margin-bottom:20px
}
#gallery-target .thumbnail-gallery{
    position:relative;
    left:-10px;
    width:calc(100% + 20px)
}
#gallery-target .thumbnail-gallery div{
    display:inline-block;
    max-width:20%;
    padding:0 10px
}
#gallery-target .thumbnail-gallery div img{
    padding:13.33333px
}
#gallery-target .thumbnail-gallery div.active img{
    border:2px solid #74bc53
}
.upload-artwork-button{
    background:#373c4e
}
div[data-mapping=image-upload] img{
    -webkit-box-shadow:0 0 9px -3px rgba(0,0,0,.75);
    box-shadow:0 0 9px -3px rgba(0,0,0,.75)
}
.text-option.default-font{
    font-size:1.7em;
    font-weight:500;
    color:#3a3b3f
}
@-webkit-keyframes truStatsEffect{
    from{
        opacity:0;
        top:20px
    }
    to{
        opacity:1;
        top:10px
    }
}
@keyframes truStatsEffect{
    from{
        opacity:0;
        top:20px
    }
    to{
        opacity:1;
        top:10px
    }
}
#trustats{
    opacity:0;
    top:20px;
    -webkit-animation:truStatsEffect 300ms;
    animation:truStatsEffect 300ms;
    -webkit-animation-delay:3s;
    animation-delay:3s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards
}
div.colour-picker{
    margin-top:5px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
div.colour-picker div.swatch{
    text-align:center;
    width:25px;
    height:25px;
    margin-right:10px;
    border:1px solid #000
}
div.colour-picker div.label{
    margin:0!important;
    color:#46474d;
    font-weight:700
}
div[data-mapping=colour-picker]{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border:1px solid #dee2e6;
    padding:8px;
    margin:0;
    position:relative
}
div[data-mapping=colour-picker] div[data-picker-item]{
    display:inline-block;
    cursor:pointer;
    width:32px;
    height:32px;
    padding:10px;
    border:1px solid #ced4da;
    margin:0 10px 0 0
}
div[data-mapping=colour-picker] label{
    margin:0!important;
    color:#46474d;
    font-weight:700
}
.text-option-arrow-direction option{
    font-family:'sans-serif'!important
}
#prod-options .image-library{
    margin-top:10px
}
#prod-options .image-library.collapsed{
    height:70px
}
#prod-options .image-library input.loading{
    background:url(http://demo.signhq.co.uk/assets/theme/img/input-loading.gif.pagespeed.ce.8O33KbjHcL.gif) no-repeat right 15px center
}
#prod-options .image-library .image-list{
    background:#fafafa;
    border:1px solid #e9ecef;
    margin-top:10px;
    overflow-y:scroll;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:330px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
#prod-options .image-library .image-list.hidden{
    display:none
}
#prod-options .image-library .image-list .image-list-item{
    margin:5px;
    border:4px solid transparent;
    cursor:pointer
}
#prod-options .image-library .image-list .image-list-item.selected{
    border-color:#74bc53
}
#prod-options .image-library .image-list .image-list-item:hover{
    border-color:#03a4f4
}
.QAWidget .qa-widget-ukss-notice{
    display:none
}
.QAWidget #EnterQuestion.active .qa-widget-ukss-notice{
    margin-top:10px;
    display:block
}
.QAWidget #EnterQuestion.active .qa-widget-ukss-notice p{
    margin:0
}
.QAWidget #EnterQuestion__inputs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.QAWidget .QAWidgetAsk__btn{
    background:#373c4e;
    color:#fff!important
}
.QAWidget .footer__logo{
    display:none!important
}
.QAWidget .QAWidgetSection .QAWidgetAsk__heading{
    font-weight:bolder!important
}
.QAWidget .QAWidgetSection .QAWidgetAsk{
    padding:20px!important
}
.QAWidget .QAWidgetSection .QAWidgetIntro__list li::before{
    display:none!important
}
.prod-c #commercial-product-tabs{
    border:0;
    padding:0;
    margin:0
}
.prod-c #commercial-product-tabs a{
    height:44px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transition:color 200ms ease-in-out;
    transition:color 200ms ease-in-out;
    border:1px solid transparent;
    border-bottom:0;
    padding:0 20px;
    line-height:1;
    text-decoration:none;
    border-radius:4px 4px 0 0;
    background:#e9ecef;
    color:#707a80;
    font-size:1rem;
    letter-spacing:-.01rem;
    margin-right:6px;
    font-weight:700
}
.prod-c #commercial-product-tabs a.active{
    background:#fff;
    border:1px solid #dee2e6;
    border-bottom:0;
    position:relative;
    top:1px
}
.prod-c #commercial-typeform{
    padding:40px;
    border:1px solid #dee2e6;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    border-radius:0 0 6px 6px
}
.checkout #c{
    padding:0
}
.checkout h1{
    line-height:1;
    margin-bottom:40px
}
.checkout h3{
    margin-bottom:26.66667px;
    margin-top:0
}
.checkout h3.icon-lock{
    padding-left:36px;
    line-height:1.6
}
.checkout h3.icon-lock:before{
    font-size:2rem;
    position:absolute;
    left:0
}
@media(min-width:768px){
    .checkout h3{
        font-size:1.3125rem
    }
}
@media(min-width:992px){
    .checkout h3{
        font-size:1.75rem
    }
    .checkout h3.icon-lock{
        padding-left:40px
    }
    .checkout h3.icon-lock:before{
        font-size:2.25rem
    }
}
.checkout input,.checkout select{
    width:calc(50% - (40px/6))
}
.checkout input::-webkit-input-placeholder,.checkout select::-webkit-input-placeholder{
    color:#98a0a5
}
.checkout input:-moz-placeholder,.checkout select:-moz-placeholder{
    color:#98a0a5;
    opacity:1
}
.checkout input::-moz-placeholder,.checkout select::-moz-placeholder{
    color:#98a0a5;
    opacity:1
}
.checkout input:-ms-input-placeholder,.checkout select:-ms-input-placeholder{
    color:#98a0a5
}
.checkout input::-ms-input-placeholder,.checkout select::-ms-input-placeholder{
    color:#98a0a5
}
.checkout input::placeholder,.checkout select::placeholder{
    color:#98a0a5
}
.checkout .form-section{
    margin-bottom:40px
}
@media(min-width:992px){
    .checkout input,.checkout select{
        width:calc(50% - (40px/2));
        font-size:1.0625rem
    }
}
#c-m h3:after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    margin:auto 0 auto 16px;
    width:100%;
    height:4px;
    background:#dee2e6
}
#acc-si{
    font-size:.9375rem;
    line-height:1.2
}
#c-acc{
    background:#46474d;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    padding:13.33333px 20px;
    text-transform:uppercase;
    border-radius:4px;
    line-height:1;
    letter-spacing:.04rem;
    text-align:center;
    width:180px
}
@media(min-width:768px){
    #c-acc{
        width:150px;
        margin-left:20px
    }
}
@media(min-width:992px){
    #c-acc{
        width:120px
    }
}
@media(min-width:1200px){
    #c-acc{
        font-size:16px;
        padding:13.33333px 40px;
        width:auto
    }
    #c-acc:hover{
        background:#373c4e
    }
}
.fe-c{
    position:relative;
    margin-bottom:10px
}
.fe-c label{
    font-size:.75rem;
    position:absolute;
    left:9px;
    top:7px;
    z-index:-1;
    display:block;
    line-height:1;
    opacity:1;
    color:#98a0a5;
    pointer-events:none
}
.fe-c input,.fe-c select{
    padding:12px 8px;
    color:#46474d;
    -webkit-transition:border-color 300ms ease-in-out;
    transition:border-color 300ms ease-in-out
}
.fe-c select{
    padding:18px 8px 4px
}
.fe-c.fe-blur label{
    opacity:1;
    z-index:1
}
.fe-c.fe-blur input{
    padding:20px 12px 4px 8px
}
.fe-c.fe-blur input::-webkit-input-placeholder{
    color:transparent
}
.fe-c.fe-blur input:-moz-placeholder{
    color:transparent;
    opacity:1
}
.fe-c.fe-blur input::-moz-placeholder{
    color:transparent;
    opacity:1
}
.fe-c.fe-blur input:-ms-input-placeholder{
    color:transparent
}
.fe-c.fe-blur input::-ms-input-placeholder{
    color:transparent
}
.fe-c.fe-blur input::placeholder{
    color:transparent
}
.fe-c .tt{
    color:#74bc53;
    font-size:1.25rem;
    line-height:1;
    height:20px;
    position:absolute;
    right:8px;
    top:0;
    bottom:0;
    margin:auto
}
.fe-c.fe-full input,.fe-c.fe-full select{
    width:100%
}
.fe-c.fe-half{
    width:calc(50% - (40px/6))
}
.fe-c.fe-half input,.fe-c.fe-half select{
    width:100%
}
.fe-c.fe-select:after{
    content:'m';
    font-family:ukss;
    color:#6c757d;
    font-size:1.5rem;
    line-height:1;
    height:24px;
    position:absolute;
    right:12px;
    top:0;
    bottom:0;
    margin:auto;
    pointer-events:none
}
@media(min-width:992px){
    .fe-c{
        margin-bottom:13.33333px
    }
    .fe-c label{
        left:13px
    }
    .fe-c input,.fe-c select{
        padding:12px
    }
    .fe-c select{
        padding:18px 12px 4px
    }
    .fe-c.fe-half{
        width:calc(50% - (40px/4))
    }
    .fe-c .tt{
        font-size:1.5rem;
        height:24px;
        right:12px
    }
}
.form-half-container .fe-c{
    width:100%
}
.form-half-container .fe-c input{
    width:100%
}
@media(min-width:992px){
    .form-half-container{
        position:relative;
        left:-10px;
        width:calc(100% + (40px/2));
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .form-half-container .fe-c{
        width:50%;
        margin-left:10px;
        margin-right:10px
    }
    .form-half-container .fe-c input{
        width:100%
    }
}
#delivery-postcode{
    padding:11.42857px;
    border-radius:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:10px
}
#delivery-postcode .fe-c{
    margin:0
}
#delivery-postcode .fe-c input{
    width:125px
}
#delivery-postcode .fe-c.fe-full{
    width:100%;
    margin-top:13.33333px
}
#delivery-postcode #idpc_error_message{
    color:#d01433;
    font-size:1.125rem;
    line-height:1.2;
    font-weight:700;
    padding:10px;
    margin:10px 0 0
}
#delivery-postcode #fa-button{
    background:#03a4f4;
    display:inline-block;
    color:#fff;
    font-weight:700;
    font-size:1rem;
    text-decoration:none;
    margin-left:10px;
    padding:12px 18px;
    border-radius:8px
}
@media(min-width:1200px){
    #delivery-postcode .fe-c input{
        width:160px
    }
    #delivery-postcode #fa-button{
        padding:12px 24px;
        font-size:1.125rem
    }
    #delivery-postcode #fa-button:hover{
        background:#373c4e
    }
}
#da-link{
    margin-left:13.33333px
}
.delivery-address{
    display:none
}
.delivery-address.show{
    display:block
}
#delivery-method label{
    width:100%;
    margin-bottom:20px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:1rem;
    padding:20px;
    line-height:1.3;
    cursor:pointer;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
#delivery-method label .d-name{
    color:#46474d;
    display:block
}
#delivery-method label:before{
    content:'L';
    font-family:ukss;
    font-size:1.5rem;
    color:#dee2e6;
    position:relative;
    top:-2px;
    -webkit-transition:all 300ms ease-in-out;
    transition:all 300ms ease-in-out
}
#delivery-method label .d-cost{
    color:#74bc53;
    font-weight:700;
    text-transform:uppercase;
    width:100%;
    font-size:1.25rem
}
#delivery-method label .d-info p{
    margin-bottom:10px
}
#delivery-method label .d-note{
    font-size:.8125rem;
    line-height:1.4
}
#delivery-method label .d-note p{
    margin:10px 0 0;
    position:relative
}
#delivery-method label .d-note span{
    display:none
}
#delivery-method input[type=radio]{
    position:absolute;
    z-index:-1;
    visibility:hidden
}
#delivery-method input[type=radio]:checked+label{
    background:#74bc53;
    border-color:#74bc53;
    color:#fff
}
#delivery-method input[type=radio]:checked+label:before{
    content:'r';
    left:2px;
    color:#fff
}
#delivery-method input[type=radio]:checked+label .d-name,#delivery-method input[type=radio]:checked+label .d-cost{
    color:#373c4e
}
@media(min-width:1200px){
    #delivery-method label{
        padding:26.66667px;
        font-size:1.125rem;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    #delivery-method label .d-cost{
        margin:0 60px 0 20px;
        width:auto;
        color:#46474d;
        width:60px;
        line-height:1.1
    }
    #delivery-method label .d-note{
        font-size:.875rem
    }
    #delivery-method label .d-note span{
        font-size:1.375rem;
        line-height:1;
        position:absolute;
        left:-22px;
        top:-2px;
        display:block
    }
    #delivery-method label:hover{
        border-color:#adb5bd
    }
    #delivery-method label:hover:before{
        color:#adb5bd
    }
}
#payment-options{
    margin-bottom:0
}
#payment-options .po-label{
    padding:15px;
    width:100%;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    color:#46474d;
    margin-bottom:20px
}
#payment-options input:checked+label{
    margin-bottom:0
}
#payment-options .payment-logos{
    display:inline-block;
    position:absolute;
    right:13.33333px;
    height:20px
}
#payment-options .payment-logos img{
    margin:0 3px;
    max-height:100%
}
#payment-options .p-details{
    display:none;
    margin-bottom:20px;
    border:1px solid #dee2e6;
    border-top:0;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    padding:26.66667px;
    position:relative;
    z-index:1
}
#payment-options .p-details.show{
    display:block
}
#payment-options #b-a-select+label{
    padding:0 0 0 32px;
    display:inline-block;
    color:#74bc53;
    font-weight:700;
    margin:0;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    position:relative;
    font-size:1.0625rem;
    line-height:1.3
}
#payment-options #b-a-select+label:before{
    position:absolute;
    left:0;
    top:1px
}
#payment-options #b-a-select:checked+label{
    margin:0
}
@media(min-width:992px){
    #payment-options #b-a-select{
        font-size:1.125rem
    }
}
@media(min-width:1200px){
    #payment-options .payment-logos{
        height:auto
    }
    #payment-options .payment-logos img{
        margin:0 5px
    }
    #payment-options .po-label{
        padding:20px;
        font-size:1.125rem
    }
    #payment-options .p-details{
        padding:40px
    }
}
#cc-details{
    margin-bottom:13.33333px
}
#cc-details .fe-half{
    width:100%
}
#cc-details .form-half-container{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
#cc-details .form-half-container .fe-c{
    width:50%
}
#cc-details .form-half-container .fe-c:first-child{
    margin-right:20px
}
@media(min-width:992px){
    #cc-details .fe-half{
        width:calc(66% - 19px)
    }
    #cc-details .form-half-container{
        width:66%
    }
}
#billing-address{
    display:none;
    margin-top:20px
}
#billing-address.show{
    display:block
}
#pp-details strong{
    color:#46474d
}
@media(min-width:992px){
    #pp-details strong{
        font-size:1.125rem
    }
}
#c-proceed{
    display:block;
    width:100%;
    z-index:10;
    text-align:left;
    font-size:1.0625rem;
    letter-spacing:.05rem;
    padding:18.18182px;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08)
}
#c-proceed:after{
    font-size:1.625rem;
    height:26px
}
#c-proceed[disabled]{
    background:#373c4e
}
#c-proceed[disabled]:after{
    color:#78d2ff
}
#c-proceed[disabled].success{
    background:#74bc53
}
#c-proceed[disabled].success:after{
    color:#fff
}
@media(min-width:768px){
    #c-proceed{
        display:inline-block;
        text-align:center
    }
}
@media(min-width:1200px){
    #c-proceed{
        position:relative;
        left:0;
        right:0;
        bottom:0;
        padding-right:60px
    }
    #c-proceed:hover{
        background:#373c4e
    }
    #c-proceed:hover:after{
        color:#78d2ff
    }
}
#c-s h6{
    color:#46474d;
    line-height:1.3;
    font-weight:700;
    letter-spacing:0;
    margin-bottom:5px;
    font-size:.875rem
}
#c-s p{
    margin-bottom:26.66667px;
    font-size:.875rem
}
#c-s .payment-logos{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:26.66667px;
    padding-top:4px
}
#c-s .payment-logos img{
    max-width:100%
}
#c-s .payment-logos div{
    background:#fff;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    box-shadow:0 25px 50px rgba(47,59,96,.1),0 7px 14px rgba(47,59,96,.1),0 3px 7px rgba(8,8,8,.08);
    padding:6px 10px;
    width:22%;
    margin-right:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media(min-width:1200px){
    #c-s h6,#c-s p{
        font-size:1rem
    }
    #c-s .payment-logos div{
        padding:10px
    }
}
#order-qty{
    color:#74bc53
}
#os{
    border-top:2px solid #dee2e6
}
.os-item{
    padding:26.66667px 0;
    border-bottom:2px solid #dee2e6
}
@media(min-width:768px){
    .os-item{
        padding:20px 0
    }
}
@media(min-width:992px){
    .os-item{
        padding:26.66667px 0
    }
}
.os-item-img-c{
    width:120px;
    margin-right:20px
}
.os-item-img-c img{
    max-width:100%;
    display:block;
    margin-bottom:13.33333px
}
@media(min-width:768px){
    .os-item-img-c{
        width:110px;
        margin-right:13.33333px
    }
}
@media(min-width:992px){
    .os-item-img-c{
        width:120px
    }
}
@media(min-width:1200px){
    .os-item-img-c{
        width:150px
    }
}
.os-item-img{
    position:relative;
    display:block
}
@media(min-width:1200px){
    .os-item-img:after{
        content:'i';
        font-family:ukss;
        font-size:1.125rem;
        line-height:32px;
        width:34px;
        height:34px;
        text-align:center;
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        margin:auto;
        background:#fff;
        color:#46474d;
        border-radius:50%;
        opacity:0;
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    .os-item-img:hover:after{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.os-item-action{
    font-size:.8125rem;
    background:#fff;
    padding:6px 10px
}
.os-item-action a{
    text-decoration:none
}
.os-item-action a:before{
    display:none
}
.os-item-action span{
    color:#adb5bd;
    margin:0 5px
}
@media(min-width:768px){
    .os-item-action span{
        display:none
    }
    .os-item-action a{
        display:block
    }
    .os-item-action a:before{
        display:inline-block;
        font-size:1rem;
        position:relative;
        top:2px;
        margin-right:2px
    }
}
@media(min-width:1200px){
    .os-item-action a{
        display:inline-block
    }
    .os-item-action span{
        display:inline-block
    }
    .os-item-action a:hover:before{
        color:#74bc53
    }
}
.os-item-details ul{
    font-size:.8125rem;
    line-height:1.4;
    margin-bottom:10px
}
@media(min-width:1200px){
    .os-item-details ul{
        font-size:.9375rem
    }
}
.os-item-name,.os-item-price{
    font-weight:700;
    color:#46474d;
    font-size:1.0625rem;
    line-height:1.2
}
.os-item-name span.discount,.os-item-price span.discount{
    color:#dd3029!important;
    text-decoration:line-through;
    margin-left:10px
}
@media(min-width:992px){
    .os-item-name,.os-item-price{
        font-size:1.25rem
    }
}
.os-item-name{
    position:relative
}
@media(min-width:992px){
    .os-item-name{
        position:relative;
        top:-5px
    }
}
#os-totals{
    border-bottom:2px solid #dee2e6;
    padding:13.33333px 0;
    font-size:.9375rem
}
#os-totals strong{
    color:#46474d;
    font-size:1.0625rem
}
#os-totals .os-totals-line{
    padding:6.66667px 0;
    line-height:1
}
@media(min-width:992px){
    #os-totals{
        font-size:1rem
    }
    #os-totals strong{
        font-size:1.125rem
    }
}
@media(min-width:1200px){
    #os-totals{
        font-size:1.125rem
    }
    #os-totals strong{
        font-size:1.25rem
    }
}
#os-end{
    margin-bottom:40px;
    padding-top:13.33333px
}
#os-end.show #pc-c{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
#os-end.show #apply-pc{
    visibility:hidden;
    cursor:default;
    -webkit-transition:none;
    transition:none;
    margin:0
}
@media(min-width:768px){
    #os-end.show #apply-pc{
        position:absolute
    }
}
@media(min-width:992px){
    #os-end.show #apply-pc{
        position:static
    }
}
@media(min-width:1200px){
    #os-end{
        margin-bottom:80px
    }
}
#pc-c{
    padding-bottom:13.33333px;
    border-bottom:2px solid #dee2e6;
    width:100%;
    margin-bottom:13.33333px;
    display:none
}
#pc-c input{
    width:60%;
    font-size:.875rem
}
#pc-c button{
    font-size:.875rem;
    background:#373c4e;
    display:inline-block;
    color:#fff;
    font-weight:700;
    margin-left:10px;
    padding:8px 14px;
    border-radius:4px
}
@media(min-width:1200px){
    #pc-c input{
        width:45%;
        font-size:1rem
    }
    #pc-c button{
        font-size:1rem;
        padding:8px 24px
    }
    #pc-c button:hover{
        background:#46474d
    }
}
#apply-pc{
    font-weight:700;
    font-size:.9375rem;
    line-height:1.2;
    display:inline-block
}
@media(min-width:768px){
    #apply-pc{
        margin-bottom:20px
    }
}
@media(min-width:992px){
    #apply-pc{
        margin-bottom:0
    }
}
@media(min-width:1200px){
    #apply-pc{
        font-size:1rem
    }
}
#os-support{
    margin-bottom:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#os-live-chat{
    font-size:1.125rem;
    line-height:1.1;
    display:inline-block;
    color:#fff;
    font-weight:700;
    background:#74bc53;
    padding:13.33333px 48px;
    text-decoration:none;
    border-radius:30px;
    text-transform:uppercase;
    margin-bottom:5px
}
@media(min-width:768px){
    #os-live-chat{
        font-size:1rem;
        padding:13.33333px 20px
    }
}
@media(min-width:992px){
    #os-live-chat{
        font-size:1.25rem;
        padding:13.33333px 26.66667px
    }
}
@media(min-width:1200px){
    #os-live-chat{
        padding:13.33333px 48px
    }
    #os-live-chat:hover{
        background:#373c4e
    }
}
#os-open-times{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    line-height:1.1;
    text-align:center
}
#os-open-times strong{
    font-weight:400;
    color:#46474d;
    display:block
}
@media(min-width:768px){
    #os-open-times{
        font-size:.875rem
    }
}
@media(min-width:992px){
    #os-open-times{
        font-size:1rem
    }
}
@media(min-width:1200px){
    #os-open-times{
        font-size:1.125rem
    }
}
#checkout-review{
    background:#fff;
    padding:20px;
    position:relative;
    margin-bottom:60px;
    -webkit-box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    box-shadow:0 25px 50px rgba(47,59,96,.05),0 7px 14px rgba(47,59,96,.05),0 3px 7px rgba(8,8,8,.04);
    position:relative
}
#checkout-review blockquote{
    color:#46474d;
    font-style:italic;
    line-height:1.5
}
#checkout-review .review-stars{
    font-size:1.25rem;
    color:#ff9d1f
}
#checkout-review .review-stars span{
    margin-right:5px
}
#checkout-review .icon-tick{
    font-weight:700;
    color:#74bc53
}
#checkout-review .icon-tick:before{
    font-size:1.375rem;
    position:relative;
    top:3px;
    margin-right:2px
}
#checkout-review:after{
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:22px 40px 0 0;
    border-color:#fff transparent transparent transparent;
    position:absolute;
    left:26.66667px;
    bottom:-22px
}
@media(min-width:992px){
    #checkout-review{
        padding:26.66667px
    }
    #checkout-review blockquote{
        font-size:1.125rem
    }
    #checkout-review .review-stars{
        font-size:1.5rem
    }
    #checkout-review:after{
        border-width:32px 50px 0 0
    }
}
#stripe-container{
    padding:10px;
    background:#eee;
    border-radius:4px;
    border:1px solid transparent;
    -webkit-box-shadow:0 1px 3px 0 #d7dce2;
    box-shadow:0 1px 3px 0 #d7dce2
}
#form-errors{
    padding:20px;
    margin-bottom:30px;
    background:#d01433;
    color:#fff!important
}
#card-errors{
    color:#ec4d2c;
    font-weight:700;
    text-align:center
}
#card-errors:empty{
    margin-top:0;
    padding:0
}
.StripeElement{
    border:1px solid #dee2e6;
    background:#fff;
    padding:20px;
    width:100%;
    font-size:1.1em
}
.StripeElement--focus{
    -webkit-box-shadow:0 1px 3px 0 #cfd7df;
    box-shadow:0 1px 3px 0 #cfd7df
}
.StripeElement--invalid{
    border-color:#fa755a
}
.StripeElement--webkit-autofill{
    background-color:#fefde5!important
}
.valid{
    border-color:green;
    color:green
}
#pc-i.valid+span:after{
    content:attr(data-valid)
}
#pc-i.invalid+span:after{
    content:attr(data-invalid)
}
.offer-window{
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    z-index:100001
}
#offer-overlay{
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transform:none;
    transform:none;
    z-index:100000;
    background:rgba(0,0,0,.4)
}
#offer{
    overflow-y:auto
}
#offer .pl-n{
    font-size:1rem;
    margin:0
}
#offer h2{
    color:#dc3545;
    margin:0;
    padding:0;
    text-transform:uppercase
}
#offer h4{
    padding:0 40px;
    margin:13.33333px 0 40px
}
#offer button span{
    font-size:12px;
    color:#ced4da
}
#offer>div{
    overflow-x:scroll
}
#offer>div .pl{
    width:70%;
    padding:0 20px 20px
}
@media(min-width:768px){
    #offer>div .pl{
        width:40%
    }
}
@media(min-width:1200px){
    #offer>div .pl{
        width:22%
    }
    #offer>div{
        overflow-x:hidden
    }
}
.order-complete h1{
    line-height:1.05;
    position:relative;
    font-size:1.875rem;
    margin-bottom:30px
}
.order-complete h1 br{
    display:none
}
.order-complete h1:before{
    display:none
}
.order-complete h3{
    margin-top:40px
}
@media(min-width:992px){
    .order-complete h3{
        font-size:2.125rem
    }
}
.order-complete h5{
    margin-bottom:5px
}
.order-complete p{
    margin-bottom:26.66667px
}
.order-complete .os-item-details{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    padding-right:20px
}
.order-complete .os-item-price{
    top:0
}
.order-complete .os-item-img-c img{
    margin-bottom:0
}
.order-complete #os-totals{
    margin-bottom:40px
}
@media(min-width:992px){
    .order-complete .os-item-price{
        position:relative;
        top:-5px
    }
}
@media(min-width:1200px){
    .order-complete h1{
        padding-left:108px;
        font-size:2.75rem
    }
    .order-complete h1 br{
        display:block
    }
    .order-complete h1:before{
        display:inline-block;
        position:absolute;
        left:0;
        top:2px;
        font-size:5.5rem;
        color:#a5acb1
    }
}
#c-s .social li{
    display:inline-block;
    margin-right:5px
}
#c-s .social .icon-facebook{
    background:#3b5998
}
#c-s .social .icon-twitter{
    background:#00aced
}
#c-s .social .icon-instagram{
    background:#515bd4
}
#c-s .social .icon-youtube{
    background:#b00
}
#c-s .social .icon-pinterest{
    background:#cb2027
}
#c-s .social a{
    text-decoration:none;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    line-height:1;
    font-size:1.25rem;
    width:40px;
    height:40px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:4px
}
@media(min-width:1200px){
    #c-s .social h4 strong{
        font-size:120%
    }
    #c-s .social li{
        margin-right:10px
    }
    #c-s .social a{
        font-size:1.5rem;
        width:44px;
        height:44px
    }
    #c-s .social a:hover{
        background:0 0
    }
    #c-s .social a:hover.icon-facebook:before{
        color:#3b5998
    }
    #c-s .social a:hover.icon-twitter:before{
        color:#00aced
    }
    #c-s .social a:hover.icon-instagram:before{
        color:#515bd4
    }
    #c-s .social a:hover.icon-youtube:before{
        color:#b00
    }
    #c-s .social a:hover.icon-pinterest:before{
        color:#cb2027
    }
}
#oc-on-c{
    margin-bottom:40px;
    background:#373c4e;
    padding:6px 13.33333px 8px;
    line-height:1.4;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
#oc-on{
    font-size:1.125rem;
    color:#98a0a5
}
#oc-on strong{
    font-size:1.25rem;
    color:#fff
}
#oc-p{
    display:none
}
@media(min-width:1200px){
    #oc-p{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        color:#fff;
        font-size:1rem;
        text-decoration:underline;
        cursor:pointer
    }
    #oc-p:hover{
        text-decoration:none
    }
}
#oc-cs{
    padding:9px 16px 12px 14px;
    color:#fff;
    border-radius:4px;
    font-size:1.125rem;
    line-height:1.6;
    text-decoration:none;
    font-weight:700;
    display:inline-block;
    margin-bottom:20px
}
#oc-cs:before{
    margin-right:5px;
    font-size:1.25rem;
    position:relative;
    top:3px;
    display:inline-block
}
@media(min-width:1200px){
    #oc-cs:hover{
        background:#373c4e
    }
    #oc-cs:hover:before{
        -webkit-transform:translateX(-5px);
        transform:translateX(-5px)
    }
}
#hys h4{
    font-size:1.875rem;
    line-height:1
}
#hys a{
    color:#fff;
    text-decoration:none;
    padding:12px 40px 14px 14px;
    line-height:1;
    font-weight:700;
    border-radius:4px;
    position:relative;
    font-size:1rem
}
#hys a:after{
    content:'o';
    font-family:ukss;
    color:#78d2ff;
    display:block;
    font-size:1.5rem;
    height:24px;
    position:relative;
    font-weight:400;
    position:absolute;
    right:8px;
    top:-4px;
    bottom:0;
    margin:auto
}
#hys a span{
    -webkit-transition:none;
    transition:none
}
#hys a span:before{
    content:'quick'
}
@media(min-width:992px){
    #hys h4{
        font-size:1.625rem
    }
}
@media(min-width:1200px){
    #hys h4{
        font-size:2.125rem
    }
    #hys a{
        font-size:1.125rem
    }
    #hys a:hover{
        background:#fff;
        color:#373c4e
    }
    #hys a:hover:after{
        color:#03a4f4;
        -webkit-transform:translateX(5px);
        transform:translateX(5px)
    }
}
@media(min-width:1400px){
    #hys a span:before{
        content:'two minute'
    }
}
#su-acc label{
    font-weight:700
}
#su-acc input{
    width:100%;
    border:0;
    margin-bottom:13.33333px
}
#su-acc button{
    color:#fff;
    line-height:1;
    padding:16px 14px;
    font-size:1rem;
    font-weight:700;
    margin-bottom:13.33333px
}
#su-acc .note{
    font-size:.875rem;
    line-height:1.3;
    color:#fbd687
}
@media(min-width:1200px){
    #su-acc button{
        font-size:1.125rem
    }
    #su-acc button:hover{
        background:#fff;
        color:#373c4e
    }
}
#o-s a{
    foint-size:1.125rem;
    font-weight:700
}
#o-s h4 strong{
    color:#46474d
}
@media(min-width:1400px){
    #o-s h4 strong{
        font-size:120%
    }
}
#show-faq-cats{
    border:1px solid #dee2e6;
    padding:10px;
    border-radius:4px;
    display:block;
    position:relative;
    background:#fff;
    margin-bottom:40px;
    text-decoration:none
}
#show-faq-cats:before{
    content:'';
    display:block;
    position:absolute;
    left:-10px;
    right:-10px;
    top:-10px;
    bottom:-10px;
    margin:auto;
    background:red;
    z-index:-1;
    border-radius:4px;
    background:#e9ecef
}
#show-faq-cats:after{
    content:'m';
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-family:ukss;
    font-size:1.375rem;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    height:100%;
    border-left:1px solid #dee2e6;
    color:#74bc53;
    padding:0 4px
}
@media(min-width:992px){
    #show-faq-cats{
        display:none
    }
}
#faq-cats{
    position:relative;
    top:-40px
}
#faq-cats a{
    display:block;
    border:1px solid #dee2e6;
    border-top:0;
    line-height:1;
    padding:18px 4px 18px 34px;
    position:relative;
    z-index:2;
    text-decoration:none;
    color:#707a80;
    background:#fff;
    margin:0 32px 0 10px
}
#faq-cats a:before{
    font-family:ukss;
    font-size:1.125rem;
    height:18px;
    left:10px;
    top:0;
    bottom:0;
    margin:auto;
    position:absolute;
    color:#46474d
}
#faq-cats a.active{
    color:#fff;
    background:#74bc53;
    border-color:#74bc53
}
#faq-cats a.active:before{
    color:#fff
}
@media(min-width:992px){
    #faq-cats{
        display:block;
        top:0;
        padding:10px;
        border-radius:4px;
        border:1px solid #dee2e6;
        background:#f8f9fa
    }
    #faq-cats a{
        margin:0 0 10px;
        font-size:1.0625rem;
        border-radius:4px;
        border:1px solid #dee2e6
    }
    #faq-cats a:last-child{
        margin-bottom:0
    }
}
@media(min-width:1200px){
    #faq-cats a{
        padding:18px 4px 18px 42px;
        font-size:1.125rem
    }
    #faq-cats a:before{
        left:14px;
        font-size:1.375rem;
        height:22px
    }
    #faq-cats a:hover{
        color:#46474d;
        border-color:#ced4da
    }
    #faq-cats a:hover:before{
        color:#74bc53
    }
    #faq-cats a.active:hover{
        color:#fff;
        cursor:default;
        border-color:#74bc53
    }
    #faq-cats a.active:hover:before{
        color:#fff
    }
}
#faq-cats #top-5-faqs:before{
    content:'g'
}
#faq-cats #order-issues:before{
    content:'S'
}
#faq-cats #delivery:before{
    content:'s'
}
#faq-cats #returns-refunds:before{
    content:'R'
}
#faq-cats #payments-promo-codes:before{
    content:'Q'
}
#faq-cats #products:before{
    content:'P'
}
#faq-cats #custom-enquiries-orders:before{
    content:'C'
}
#faq-cats #groupon:before{
    content:'q'
}
#faq-container{
    padding-top:10px
}
#faq-container .tab-title{
    line-height:1.2
}
#faq-container .faq-answer{
    margin:0 20px 0 5px
}
#faq-container .faq-answer span{
    display:inline-block
}
#faq-container .faq-answer span[class^=icon]{
    font-size:1.375rem;
    margin-right:8px;
    color:#adb5bd;
    -webkit-transform:translateY(5px);
    transform:translateY(5px)
}
@media(min-width:1200px){
    #faq-container .faq-answer{
        margin-right:60px
    }
}
#feature-block-reviews{
    min-height:580px
}
#feature-resi{
    background-image:url(http://demo.signhq.co.uk/assets/theme/img/xhome-banner-acrylic.jpg.pagespeed.ic.iTWB8xWNJx.jpg)
}


.mega-menu-grid span
{
	text-transform: capitalize !important;
	font-size: 17px !important;
}

.mega-menu .mega-menu-links span
{
	font-size: 13px !important;
}

.mega-menu .mega-menu-links img
{
	margin-top: 6px;
  margin-right: 3px;
  width: 7px !important;
}

.alert-success
{
	background: lightgreen;
  color: black;
}