a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%
}

html,
body {
    height: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

b,
strong {
    font-weight: bold
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

ul,
ol {
    list-style: none
}

li {
    display: list-item
}

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

th,
td,
caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left
}

q {
    quotes: none
}

q:before,
q:after {
    content: "";
    content: none
}

sub,
sup,
small {
    font-size: 75%
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

svg {
    overflow: hidden
}

@media (max-width: 400px) {
    @-ms-viewport {
        width: 320px
    }
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.grid-container:before,
.grid-5:before,
.mobile-grid-5:before,
.tablet-grid-5:before,
.grid-10:before,
.mobile-grid-10:before,
.tablet-grid-10:before,
.grid-15:before,
.mobile-grid-15:before,
.tablet-grid-15:before,
.grid-20:before,
.mobile-grid-20:before,
.tablet-grid-20:before,
.grid-25:before,
.mobile-grid-25:before,
.tablet-grid-25:before,
.grid-30:before,
.mobile-grid-30:before,
.tablet-grid-30:before,
.grid-35:before,
.mobile-grid-35:before,
.tablet-grid-35:before,
.grid-40:before,
.mobile-grid-40:before,
.tablet-grid-40:before,
.grid-45:before,
.mobile-grid-45:before,
.tablet-grid-45:before,
.grid-50:before,
.mobile-grid-50:before,
.tablet-grid-50:before,
.grid-55:before,
.mobile-grid-55:before,
.tablet-grid-55:before,
.grid-60:before,
.mobile-grid-60:before,
.tablet-grid-60:before,
.grid-65:before,
.mobile-grid-65:before,
.tablet-grid-65:before,
.grid-70:before,
.mobile-grid-70:before,
.tablet-grid-70:before,
.grid-75:before,
.mobile-grid-75:before,
.tablet-grid-75:before,
.grid-80:before,
.mobile-grid-80:before,
.tablet-grid-80:before,
.grid-85:before,
.mobile-grid-85:before,
.tablet-grid-85:before,
.grid-90:before,
.mobile-grid-90:before,
.tablet-grid-90:before,
.grid-95:before,
.mobile-grid-95:before,
.tablet-grid-95:before,
.grid-100:before,
.mobile-grid-100:before,
.tablet-grid-100:before,
.grid-33:before,
.mobile-grid-33:before,
.tablet-grid-33:before,
.grid-66:before,
.mobile-grid-66:before,
.tablet-grid-66:before,
.clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
    clear: both
}

.grid-container,
.grid-5,
.mobile-grid-5,
.tablet-grid-5,
.grid-10,
.mobile-grid-10,
.tablet-grid-10,
.grid-15,
.mobile-grid-15,
.tablet-grid-15,
.grid-20,
.mobile-grid-20,
.tablet-grid-20,
.grid-25,
.mobile-grid-25,
.tablet-grid-25,
.grid-30,
.mobile-grid-30,
.tablet-grid-30,
.grid-35,
.mobile-grid-35,
.tablet-grid-35,
.grid-40,
.mobile-grid-40,
.tablet-grid-40,
.grid-45,
.mobile-grid-45,
.tablet-grid-45,
.grid-50,
.mobile-grid-50,
.tablet-grid-50,
.grid-55,
.mobile-grid-55,
.tablet-grid-55,
.grid-60,
.mobile-grid-60,
.tablet-grid-60,
.grid-65,
.mobile-grid-65,
.tablet-grid-65,
.grid-70,
.mobile-grid-70,
.tablet-grid-70,
.grid-75,
.mobile-grid-75,
.tablet-grid-75,
.grid-80,
.mobile-grid-80,
.tablet-grid-80,
.grid-85,
.mobile-grid-85,
.tablet-grid-85,
.grid-90,
.mobile-grid-90,
.tablet-grid-90,
.grid-95,
.mobile-grid-95,
.tablet-grid-95,
.grid-100,
.mobile-grid-100,
.tablet-grid-100,
.grid-33,
.mobile-grid-33,
.tablet-grid-33,
.grid-66,
.mobile-grid-66,
.tablet-grid-66,
.clearfix {
    *zoom: 1
}

.grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding-left: 15px;
    padding-right: 15px
}

.grid-5,
.mobile-grid-5,
.tablet-grid-5,
.grid-10,
.mobile-grid-10,
.tablet-grid-10,
.grid-15,
.mobile-grid-15,
.tablet-grid-15,
.grid-20,
.mobile-grid-20,
.tablet-grid-20,
.grid-25,
.mobile-grid-25,
.tablet-grid-25,
.grid-30,
.mobile-grid-30,
.tablet-grid-30,
.grid-35,
.mobile-grid-35,
.tablet-grid-35,
.grid-40,
.mobile-grid-40,
.tablet-grid-40,
.grid-45,
.mobile-grid-45,
.tablet-grid-45,
.grid-50,
.mobile-grid-50,
.tablet-grid-50,
.grid-55,
.mobile-grid-55,
.tablet-grid-55,
.grid-60,
.mobile-grid-60,
.tablet-grid-60,
.grid-65,
.mobile-grid-65,
.tablet-grid-65,
.grid-70,
.mobile-grid-70,
.tablet-grid-70,
.grid-75,
.mobile-grid-75,
.tablet-grid-75,
.grid-80,
.mobile-grid-80,
.tablet-grid-80,
.grid-85,
.mobile-grid-85,
.tablet-grid-85,
.grid-90,
.mobile-grid-90,
.tablet-grid-90,
.grid-95,
.mobile-grid-95,
.tablet-grid-95,
.grid-100,
.mobile-grid-100,
.tablet-grid-100,
.grid-33,
.mobile-grid-33,
.tablet-grid-33,
.grid-66,
.mobile-grid-66,
.tablet-grid-66 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    *padding-left: 0;
    *padding-right: 0
}

.grid-5>*,
.mobile-grid-5>*,
.tablet-grid-5>*,
.grid-10>*,
.mobile-grid-10>*,
.tablet-grid-10>*,
.grid-15>*,
.mobile-grid-15>*,
.tablet-grid-15>*,
.grid-20>*,
.mobile-grid-20>*,
.tablet-grid-20>*,
.grid-25>*,
.mobile-grid-25>*,
.tablet-grid-25>*,
.grid-30>*,
.mobile-grid-30>*,
.tablet-grid-30>*,
.grid-35>*,
.mobile-grid-35>*,
.tablet-grid-35>*,
.grid-40>*,
.mobile-grid-40>*,
.tablet-grid-40>*,
.grid-45>*,
.mobile-grid-45>*,
.tablet-grid-45>*,
.grid-50>*,
.mobile-grid-50>*,
.tablet-grid-50>*,
.grid-55>*,
.mobile-grid-55>*,
.tablet-grid-55>*,
.grid-60>*,
.mobile-grid-60>*,
.tablet-grid-60>*,
.grid-65>*,
.mobile-grid-65>*,
.tablet-grid-65>*,
.grid-70>*,
.mobile-grid-70>*,
.tablet-grid-70>*,
.grid-75>*,
.mobile-grid-75>*,
.tablet-grid-75>*,
.grid-80>*,
.mobile-grid-80>*,
.tablet-grid-80>*,
.grid-85>*,
.mobile-grid-85>*,
.tablet-grid-85>*,
.grid-90>*,
.mobile-grid-90>*,
.tablet-grid-90>*,
.grid-95>*,
.mobile-grid-95>*,
.tablet-grid-95>*,
.grid-100>*,
.mobile-grid-100>*,
.tablet-grid-100>*,
.grid-33>*,
.mobile-grid-33>*,
.tablet-grid-33>*,
.grid-66>*,
.mobile-grid-66>*,
.tablet-grid-66>* {
    *margin-left: expression(( !this.className.match(/grid-[1-9]/) && this.currentStyle.display==='block'&& this.currentStyle.width==='auto') && '15px');
    *margin-right: expression(( !this.className.match(/grid-[1-9]/) && this.currentStyle.display==='block'&& this.currentStyle.width==='auto') && '15px')
}

.grid-parent {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 767px) {

    .mobile-push-5,
    .mobile-pull-5,
    .mobile-push-10,
    .mobile-pull-10,
    .mobile-push-15,
    .mobile-pull-15,
    .mobile-push-20,
    .mobile-pull-20,
    .mobile-push-25,
    .mobile-pull-25,
    .mobile-push-30,
    .mobile-pull-30,
    .mobile-push-35,
    .mobile-pull-35,
    .mobile-push-40,
    .mobile-pull-40,
    .mobile-push-45,
    .mobile-pull-45,
    .mobile-push-50,
    .mobile-pull-50,
    .mobile-push-55,
    .mobile-pull-55,
    .mobile-push-60,
    .mobile-pull-60,
    .mobile-push-65,
    .mobile-pull-65,
    .mobile-push-70,
    .mobile-pull-70,
    .mobile-push-75,
    .mobile-pull-75,
    .mobile-push-80,
    .mobile-pull-80,
    .mobile-push-85,
    .mobile-pull-85,
    .mobile-push-90,
    .mobile-pull-90,
    .mobile-push-95,
    .mobile-pull-95,
    .mobile-push-33,
    .mobile-pull-33,
    .mobile-push-66,
    .mobile-pull-66 {
        position: relative
    }

    .hide-on-mobile {
        display: none !important
    }

    .mobile-grid-5 {
        float: left;
        width: 5%;
        *width: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-5 {
        margin-left: 5%
    }

    .mobile-suffix-5 {
        margin-right: 5%
    }

    .mobile-push-5 {
        left: 5%;
        *left: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-5 {
        left: -5%;
        *left: expression(Math.floor(-.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-10 {
        float: left;
        width: 10%;
        *width: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-10 {
        margin-left: 10%
    }

    .mobile-suffix-10 {
        margin-right: 10%
    }

    .mobile-push-10 {
        left: 10%;
        *left: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-10 {
        left: -10%;
        *left: expression(Math.floor(-.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-15 {
        float: left;
        width: 15%;
        *width: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-15 {
        margin-left: 15%
    }

    .mobile-suffix-15 {
        margin-right: 15%
    }

    .mobile-push-15 {
        left: 15%;
        *left: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-15 {
        left: -15%;
        *left: expression(Math.floor(-.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-20 {
        float: left;
        width: 20%;
        *width: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-20 {
        margin-left: 20%
    }

    .mobile-suffix-20 {
        margin-right: 20%
    }

    .mobile-push-20 {
        left: 20%;
        *left: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-20 {
        left: -20%;
        *left: expression(Math.floor(-.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-25 {
        float: left;
        width: 25%;
        *width: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-25 {
        margin-left: 25%
    }

    .mobile-suffix-25 {
        margin-right: 25%
    }

    .mobile-push-25 {
        left: 25%;
        *left: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-25 {
        left: -25%;
        *left: expression(Math.floor(-.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-30 {
        float: left;
        width: 30%;
        *width: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-30 {
        margin-left: 30%
    }

    .mobile-suffix-30 {
        margin-right: 30%
    }

    .mobile-push-30 {
        left: 30%;
        *left: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-30 {
        left: -30%;
        *left: expression(Math.floor(-.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-35 {
        float: left;
        width: 35%;
        *width: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-35 {
        margin-left: 35%
    }

    .mobile-suffix-35 {
        margin-right: 35%
    }

    .mobile-push-35 {
        left: 35%;
        *left: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-35 {
        left: -35%;
        *left: expression(Math.floor(-.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-40 {
        float: left;
        width: 40%;
        *width: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-40 {
        margin-left: 40%
    }

    .mobile-suffix-40 {
        margin-right: 40%
    }

    .mobile-push-40 {
        left: 40%;
        *left: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-40 {
        left: -40%;
        *left: expression(Math.floor(-.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-45 {
        float: left;
        width: 45%;
        *width: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-45 {
        margin-left: 45%
    }

    .mobile-suffix-45 {
        margin-right: 45%
    }

    .mobile-push-45 {
        left: 45%;
        *left: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-45 {
        left: -45%;
        *left: expression(Math.floor(-.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-50 {
        float: left;
        width: 50%;
        *width: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-50 {
        margin-left: 50%
    }

    .mobile-suffix-50 {
        margin-right: 50%
    }

    .mobile-push-50 {
        left: 50%;
        *left: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-50 {
        left: -50%;
        *left: expression(Math.floor(-.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-55 {
        float: left;
        width: 55%;
        *width: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-55 {
        margin-left: 55%
    }

    .mobile-suffix-55 {
        margin-right: 55%
    }

    .mobile-push-55 {
        left: 55%;
        *left: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-55 {
        left: -55%;
        *left: expression(Math.floor(-.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-60 {
        float: left;
        width: 60%;
        *width: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-60 {
        margin-left: 60%
    }

    .mobile-suffix-60 {
        margin-right: 60%
    }

    .mobile-push-60 {
        left: 60%;
        *left: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-60 {
        left: -60%;
        *left: expression(Math.floor(-.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-65 {
        float: left;
        width: 65%;
        *width: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-65 {
        margin-left: 65%
    }

    .mobile-suffix-65 {
        margin-right: 65%
    }

    .mobile-push-65 {
        left: 65%;
        *left: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-65 {
        left: -65%;
        *left: expression(Math.floor(-.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-70 {
        float: left;
        width: 70%;
        *width: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-70 {
        margin-left: 70%
    }

    .mobile-suffix-70 {
        margin-right: 70%
    }

    .mobile-push-70 {
        left: 70%;
        *left: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-70 {
        left: -70%;
        *left: expression(Math.floor(-.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-75 {
        float: left;
        width: 75%;
        *width: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-75 {
        margin-left: 75%
    }

    .mobile-suffix-75 {
        margin-right: 75%
    }

    .mobile-push-75 {
        left: 75%;
        *left: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-75 {
        left: -75%;
        *left: expression(Math.floor(-.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-80 {
        float: left;
        width: 80%;
        *width: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-80 {
        margin-left: 80%
    }

    .mobile-suffix-80 {
        margin-right: 80%
    }

    .mobile-push-80 {
        left: 80%;
        *left: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-80 {
        left: -80%;
        *left: expression(Math.floor(-.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-85 {
        float: left;
        width: 85%;
        *width: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-85 {
        margin-left: 85%
    }

    .mobile-suffix-85 {
        margin-right: 85%
    }

    .mobile-push-85 {
        left: 85%;
        *left: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-85 {
        left: -85%;
        *left: expression(Math.floor(-.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-90 {
        float: left;
        width: 90%;
        *width: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-90 {
        margin-left: 90%
    }

    .mobile-suffix-90 {
        margin-right: 90%
    }

    .mobile-push-90 {
        left: 90%;
        *left: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-90 {
        left: -90%;
        *left: expression(Math.floor(-.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-95 {
        float: left;
        width: 95%;
        *width: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-95 {
        margin-left: 95%
    }

    .mobile-suffix-95 {
        margin-right: 95%
    }

    .mobile-push-95 {
        left: 95%;
        *left: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-95 {
        left: -95%;
        *left: expression(Math.floor(-.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-33 {
        float: left;
        width: 33.3333333333%;
        *width: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-33 {
        margin-left: 33.3333333333%
    }

    .mobile-suffix-33 {
        margin-right: 33.3333333333%
    }

    .mobile-push-33 {
        left: 33.3333333333%;
        *left: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-33 {
        left: -33.3333333333%;
        *left: expression(Math.floor(-.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-66 {
        float: left;
        width: 66.6666666667%;
        *width: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-prefix-66 {
        margin-left: 66.6666666667%
    }

    .mobile-suffix-66 {
        margin-right: 66.6666666667%
    }

    .mobile-push-66 {
        left: 66.6666666667%;
        *left: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-pull-66 {
        left: -66.6666666667%;
        *left: expression(Math.floor(-.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .mobile-grid-100 {
        clear: both;
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .tablet-push-5,
    .tablet-pull-5,
    .tablet-push-10,
    .tablet-pull-10,
    .tablet-push-15,
    .tablet-pull-15,
    .tablet-push-20,
    .tablet-pull-20,
    .tablet-push-25,
    .tablet-pull-25,
    .tablet-push-30,
    .tablet-pull-30,
    .tablet-push-35,
    .tablet-pull-35,
    .tablet-push-40,
    .tablet-pull-40,
    .tablet-push-45,
    .tablet-pull-45,
    .tablet-push-50,
    .tablet-pull-50,
    .tablet-push-55,
    .tablet-pull-55,
    .tablet-push-60,
    .tablet-pull-60,
    .tablet-push-65,
    .tablet-pull-65,
    .tablet-push-70,
    .tablet-pull-70,
    .tablet-push-75,
    .tablet-pull-75,
    .tablet-push-80,
    .tablet-pull-80,
    .tablet-push-85,
    .tablet-pull-85,
    .tablet-push-90,
    .tablet-pull-90,
    .tablet-push-95,
    .tablet-pull-95,
    .tablet-push-33,
    .tablet-pull-33,
    .tablet-push-66,
    .tablet-pull-66 {
        position: relative
    }

    .hide-on-tablet {
        display: none !important
    }

    .tablet-grid-5 {
        float: left;
        width: 5%;
        *width: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-5 {
        margin-left: 5%
    }

    .tablet-suffix-5 {
        margin-right: 5%
    }

    .tablet-push-5 {
        left: 5%;
        *left: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-5 {
        left: -5%;
        *left: expression(Math.floor(-.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-10 {
        float: left;
        width: 10%;
        *width: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-10 {
        margin-left: 10%
    }

    .tablet-suffix-10 {
        margin-right: 10%
    }

    .tablet-push-10 {
        left: 10%;
        *left: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-10 {
        left: -10%;
        *left: expression(Math.floor(-.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-15 {
        float: left;
        width: 15%;
        *width: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-15 {
        margin-left: 15%
    }

    .tablet-suffix-15 {
        margin-right: 15%
    }

    .tablet-push-15 {
        left: 15%;
        *left: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-15 {
        left: -15%;
        *left: expression(Math.floor(-.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-20 {
        float: left;
        width: 20%;
        *width: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-20 {
        margin-left: 20%
    }

    .tablet-suffix-20 {
        margin-right: 20%
    }

    .tablet-push-20 {
        left: 20%;
        *left: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-20 {
        left: -20%;
        *left: expression(Math.floor(-.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-25 {
        float: left;
        width: 25%;
        *width: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-25 {
        margin-left: 25%
    }

    .tablet-suffix-25 {
        margin-right: 25%
    }

    .tablet-push-25 {
        left: 25%;
        *left: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-25 {
        left: -25%;
        *left: expression(Math.floor(-.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-30 {
        float: left;
        width: 30%;
        *width: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-30 {
        margin-left: 30%
    }

    .tablet-suffix-30 {
        margin-right: 30%
    }

    .tablet-push-30 {
        left: 30%;
        *left: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-30 {
        left: -30%;
        *left: expression(Math.floor(-.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-35 {
        float: left;
        width: 35%;
        *width: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-35 {
        margin-left: 35%
    }

    .tablet-suffix-35 {
        margin-right: 35%
    }

    .tablet-push-35 {
        left: 35%;
        *left: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-35 {
        left: -35%;
        *left: expression(Math.floor(-.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-40 {
        float: left;
        width: 40%;
        *width: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-40 {
        margin-left: 40%
    }

    .tablet-suffix-40 {
        margin-right: 40%
    }

    .tablet-push-40 {
        left: 40%;
        *left: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-40 {
        left: -40%;
        *left: expression(Math.floor(-.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-45 {
        float: left;
        width: 45%;
        *width: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-45 {
        margin-left: 45%
    }

    .tablet-suffix-45 {
        margin-right: 45%
    }

    .tablet-push-45 {
        left: 45%;
        *left: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-45 {
        left: -45%;
        *left: expression(Math.floor(-.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-50 {
        float: left;
        width: 50%;
        *width: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-50 {
        margin-left: 50%
    }

    .tablet-suffix-50 {
        margin-right: 50%
    }

    .tablet-push-50 {
        left: 50%;
        *left: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-50 {
        left: -50%;
        *left: expression(Math.floor(-.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-55 {
        float: left;
        width: 55%;
        *width: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-55 {
        margin-left: 55%
    }

    .tablet-suffix-55 {
        margin-right: 55%
    }

    .tablet-push-55 {
        left: 55%;
        *left: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-55 {
        left: -55%;
        *left: expression(Math.floor(-.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-60 {
        float: left;
        width: 60%;
        *width: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-60 {
        margin-left: 60%
    }

    .tablet-suffix-60 {
        margin-right: 60%
    }

    .tablet-push-60 {
        left: 60%;
        *left: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-60 {
        left: -60%;
        *left: expression(Math.floor(-.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-65 {
        float: left;
        width: 65%;
        *width: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-65 {
        margin-left: 65%
    }

    .tablet-suffix-65 {
        margin-right: 65%
    }

    .tablet-push-65 {
        left: 65%;
        *left: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-65 {
        left: -65%;
        *left: expression(Math.floor(-.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-70 {
        float: left;
        width: 70%;
        *width: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-70 {
        margin-left: 70%
    }

    .tablet-suffix-70 {
        margin-right: 70%
    }

    .tablet-push-70 {
        left: 70%;
        *left: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-70 {
        left: -70%;
        *left: expression(Math.floor(-.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-75 {
        float: left;
        width: 75%;
        *width: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-75 {
        margin-left: 75%
    }

    .tablet-suffix-75 {
        margin-right: 75%
    }

    .tablet-push-75 {
        left: 75%;
        *left: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-75 {
        left: -75%;
        *left: expression(Math.floor(-.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-80 {
        float: left;
        width: 80%;
        *width: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-80 {
        margin-left: 80%
    }

    .tablet-suffix-80 {
        margin-right: 80%
    }

    .tablet-push-80 {
        left: 80%;
        *left: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-80 {
        left: -80%;
        *left: expression(Math.floor(-.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-85 {
        float: left;
        width: 85%;
        *width: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-85 {
        margin-left: 85%
    }

    .tablet-suffix-85 {
        margin-right: 85%
    }

    .tablet-push-85 {
        left: 85%;
        *left: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-85 {
        left: -85%;
        *left: expression(Math.floor(-.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-90 {
        float: left;
        width: 90%;
        *width: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-90 {
        margin-left: 90%
    }

    .tablet-suffix-90 {
        margin-right: 90%
    }

    .tablet-push-90 {
        left: 90%;
        *left: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-90 {
        left: -90%;
        *left: expression(Math.floor(-.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-95 {
        float: left;
        width: 95%;
        *width: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-95 {
        margin-left: 95%
    }

    .tablet-suffix-95 {
        margin-right: 95%
    }

    .tablet-push-95 {
        left: 95%;
        *left: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-95 {
        left: -95%;
        *left: expression(Math.floor(-.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-33 {
        float: left;
        width: 33.3333333333%;
        *width: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-33 {
        margin-left: 33.3333333333%
    }

    .tablet-suffix-33 {
        margin-right: 33.3333333333%
    }

    .tablet-push-33 {
        left: 33.3333333333%;
        *left: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-33 {
        left: -33.3333333333%;
        *left: expression(Math.floor(-.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-66 {
        float: left;
        width: 66.6666666667%;
        *width: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-prefix-66 {
        margin-left: 66.6666666667%
    }

    .tablet-suffix-66 {
        margin-right: 66.6666666667%
    }

    .tablet-push-66 {
        left: 66.6666666667%;
        *left: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-pull-66 {
        left: -66.6666666667%;
        *left: expression(Math.floor(-.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .tablet-grid-100 {
        clear: both;
        width: 100%
    }
}

@media (min-width: 1025px) {

    .push-5,
    .pull-5,
    .push-10,
    .pull-10,
    .push-15,
    .pull-15,
    .push-20,
    .pull-20,
    .push-25,
    .pull-25,
    .push-30,
    .pull-30,
    .push-35,
    .pull-35,
    .push-40,
    .pull-40,
    .push-45,
    .pull-45,
    .push-50,
    .pull-50,
    .push-55,
    .pull-55,
    .push-60,
    .pull-60,
    .push-65,
    .pull-65,
    .push-70,
    .pull-70,
    .push-75,
    .pull-75,
    .push-80,
    .pull-80,
    .push-85,
    .pull-85,
    .push-90,
    .pull-90,
    .push-95,
    .pull-95,
    .push-33,
    .pull-33,
    .push-66,
    .pull-66 {
        position: relative
    }

    .hide-on-desktop {
        display: none !important
    }

    .grid-5 {
        float: left;
        width: 5%;
        *width: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-5 {
        margin-left: 5%
    }

    .suffix-5 {
        margin-right: 5%
    }

    .push-5 {
        left: 5%;
        *left: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-5 {
        left: -5%;
        *left: expression(Math.floor(-.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-10 {
        float: left;
        width: 10%;
        *width: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-10 {
        margin-left: 10%
    }

    .suffix-10 {
        margin-right: 10%
    }

    .push-10 {
        left: 10%;
        *left: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-10 {
        left: -10%;
        *left: expression(Math.floor(-.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-15 {
        float: left;
        width: 15%;
        *width: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-15 {
        margin-left: 15%
    }

    .suffix-15 {
        margin-right: 15%
    }

    .push-15 {
        left: 15%;
        *left: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-15 {
        left: -15%;
        *left: expression(Math.floor(-.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-20 {
        float: left;
        width: 20%;
        *width: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-20 {
        margin-left: 20%
    }

    .suffix-20 {
        margin-right: 20%
    }

    .push-20 {
        left: 20%;
        *left: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-20 {
        left: -20%;
        *left: expression(Math.floor(-.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-25 {
        float: left;
        width: 25%;
        *width: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-25 {
        margin-left: 25%
    }

    .suffix-25 {
        margin-right: 25%
    }

    .push-25 {
        left: 25%;
        *left: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-25 {
        left: -25%;
        *left: expression(Math.floor(-.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-30 {
        float: left;
        width: 30%;
        *width: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-30 {
        margin-left: 30%
    }

    .suffix-30 {
        margin-right: 30%
    }

    .push-30 {
        left: 30%;
        *left: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-30 {
        left: -30%;
        *left: expression(Math.floor(-.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-35 {
        float: left;
        width: 35%;
        *width: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-35 {
        margin-left: 35%
    }

    .suffix-35 {
        margin-right: 35%
    }

    .push-35 {
        left: 35%;
        *left: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-35 {
        left: -35%;
        *left: expression(Math.floor(-.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-40 {
        float: left;
        width: 40%;
        *width: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-40 {
        margin-left: 40%
    }

    .suffix-40 {
        margin-right: 40%
    }

    .push-40 {
        left: 40%;
        *left: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-40 {
        left: -40%;
        *left: expression(Math.floor(-.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-45 {
        float: left;
        width: 45%;
        *width: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-45 {
        margin-left: 45%
    }

    .suffix-45 {
        margin-right: 45%
    }

    .push-45 {
        left: 45%;
        *left: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-45 {
        left: -45%;
        *left: expression(Math.floor(-.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-50 {
        float: left;
        width: 50%;
        *width: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-50 {
        margin-left: 50%
    }

    .suffix-50 {
        margin-right: 50%
    }

    .push-50 {
        left: 50%;
        *left: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-50 {
        left: -50%;
        *left: expression(Math.floor(-.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-55 {
        float: left;
        width: 55%;
        *width: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-55 {
        margin-left: 55%
    }

    .suffix-55 {
        margin-right: 55%
    }

    .push-55 {
        left: 55%;
        *left: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-55 {
        left: -55%;
        *left: expression(Math.floor(-.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-60 {
        float: left;
        width: 60%;
        *width: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-60 {
        margin-left: 60%
    }

    .suffix-60 {
        margin-right: 60%
    }

    .push-60 {
        left: 60%;
        *left: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-60 {
        left: -60%;
        *left: expression(Math.floor(-.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-65 {
        float: left;
        width: 65%;
        *width: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-65 {
        margin-left: 65%
    }

    .suffix-65 {
        margin-right: 65%
    }

    .push-65 {
        left: 65%;
        *left: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-65 {
        left: -65%;
        *left: expression(Math.floor(-.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-70 {
        float: left;
        width: 70%;
        *width: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-70 {
        margin-left: 70%
    }

    .suffix-70 {
        margin-right: 70%
    }

    .push-70 {
        left: 70%;
        *left: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-70 {
        left: -70%;
        *left: expression(Math.floor(-.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-75 {
        float: left;
        width: 75%;
        *width: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-75 {
        margin-left: 75%
    }

    .suffix-75 {
        margin-right: 75%
    }

    .push-75 {
        left: 75%;
        *left: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-75 {
        left: -75%;
        *left: expression(Math.floor(-.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-80 {
        float: left;
        width: 80%;
        *width: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-80 {
        margin-left: 80%
    }

    .suffix-80 {
        margin-right: 80%
    }

    .push-80 {
        left: 80%;
        *left: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-80 {
        left: -80%;
        *left: expression(Math.floor(-.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-85 {
        float: left;
        width: 85%;
        *width: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-85 {
        margin-left: 85%
    }

    .suffix-85 {
        margin-right: 85%
    }

    .push-85 {
        left: 85%;
        *left: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-85 {
        left: -85%;
        *left: expression(Math.floor(-.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-90 {
        float: left;
        width: 90%;
        *width: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-90 {
        margin-left: 90%
    }

    .suffix-90 {
        margin-right: 90%
    }

    .push-90 {
        left: 90%;
        *left: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-90 {
        left: -90%;
        *left: expression(Math.floor(-.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-95 {
        float: left;
        width: 95%;
        *width: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-95 {
        margin-left: 95%
    }

    .suffix-95 {
        margin-right: 95%
    }

    .push-95 {
        left: 95%;
        *left: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-95 {
        left: -95%;
        *left: expression(Math.floor(-.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-33 {
        float: left;
        width: 33.3333333333%;
        *width: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-33 {
        margin-left: 33.3333333333%
    }

    .suffix-33 {
        margin-right: 33.3333333333%
    }

    .push-33 {
        left: 33.3333333333%;
        *left: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-33 {
        left: -33.3333333333%;
        *left: expression(Math.floor(-.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-66 {
        float: left;
        width: 66.6666666667%;
        *width: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .prefix-66 {
        margin-left: 66.6666666667%
    }

    .suffix-66 {
        margin-right: 66.6666666667%
    }

    .push-66 {
        left: 66.6666666667%;
        *left: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .pull-66 {
        left: -66.6666666667%;
        *left: expression(Math.floor(-.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
    }

    .grid-100 {
        clear: both;
        width: 100%
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url("/assets/global/lib/slick/slick-1.5.7/slick/ajax-loader.gif") center center no-repeat
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: Verdana;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: Verdana;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.clear {
    display: inherit;
    height: auto;
    overflow: visible;
    visibility: visible;
    width: auto
}

textarea:focus,
input:focus,
*:focus {
    outline: 0
}

body {
    margin: 0;
    padding: 0;
    position: static;
    height: auto;
    background-color: #fff;
    font: 12.8px / 1.5 Montserrat, Verdana, Arial, sans-serif
}

@media (max-width: 1024px) {
    body {
        padding-top: 60px
    }
}

@media (max-width: 1024px) {
    body.popup {
        padding-top: 0
    }
}

@media (min-width: 1215px) {
    body {
        font: 16px / 1.5 Montserrat, Verdana, Arial, sans-serif
    }
}

body:after {
    content: "unknown";
    opacity: 0;
    display: block;
    position: fixed
}

@media only screen {
    body:after {
        pointer-events: none
    }
}

@media (max-width: 320px) {
    body:after {
        content: 'tiny'
    }
}

@media (max-width: 767px) {
    body:after {
        content: 'mobile'
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    body:after {
        content: 'tablet'
    }
}

@media (min-width: 1025px) {
    body:after {
        content: 'desktop'
    }
}

@media (min-width: 1215px) {
    body:after {
        content: 'widescreen'
    }
}

@media (min-width: 1350px) {
    body:after {
        content: 'widescreen-nav'
    }
}

@media (min-width: 1415px) {
    body:after {
        content: 'ultrawide'
    }
}

@media (min-width: 1215px) {
    .grid-container {
        max-width: 1200px
    }
}

@media (min-width: 768px) {

    .grid-5,
    .mobile-grid-5,
    .tablet-grid-5,
    .grid-10,
    .mobile-grid-10,
    .tablet-grid-10,
    .grid-15,
    .mobile-grid-15,
    .tablet-grid-15,
    .grid-20,
    .mobile-grid-20,
    .tablet-grid-20,
    .grid-25,
    .mobile-grid-25,
    .tablet-grid-25,
    .grid-30,
    .mobile-grid-30,
    .tablet-grid-30,
    .grid-35,
    .mobile-grid-35,
    .tablet-grid-35,
    .grid-40,
    .mobile-grid-40,
    .tablet-grid-40,
    .grid-45,
    .mobile-grid-45,
    .tablet-grid-45,
    .grid-50,
    .mobile-grid-50,
    .tablet-grid-50,
    .grid-55,
    .mobile-grid-55,
    .tablet-grid-55,
    .grid-60,
    .mobile-grid-60,
    .tablet-grid-60,
    .grid-65,
    .mobile-grid-65,
    .tablet-grid-65,
    .grid-70,
    .mobile-grid-70,
    .tablet-grid-70,
    .grid-75,
    .mobile-grid-75,
    .tablet-grid-75,
    .grid-80,
    .mobile-grid-80,
    .tablet-grid-80,
    .grid-85,
    .mobile-grid-85,
    .tablet-grid-85,
    .grid-90,
    .mobile-grid-90,
    .tablet-grid-90,
    .grid-95,
    .mobile-grid-95,
    .tablet-grid-95,
    .grid-100,
    .mobile-grid-100,
    .tablet-grid-100,
    .grid-33,
    .mobile-grid-33,
    .tablet-grid-33,
    .grid-66,
    .mobile-grid-66,
    .tablet-grid-66 {
        min-height: 1px
    }
}

@media (max-width: 767px) {

    .col.tablet-grid-5:not(:last-child),
    .col.tablet-grid-10:not(:last-child),
    .col.tablet-grid-15:not(:last-child),
    .col.tablet-grid-20:not(:last-child),
    .col.tablet-grid-25:not(:last-child),
    .col.tablet-grid-30:not(:last-child),
    .col.tablet-grid-33:not(:last-child),
    .col.tablet-grid-35:not(:last-child),
    .col.tablet-grid-40:not(:last-child),
    .col.tablet-grid-45:not(:last-child),
    .col.tablet-grid-50:not(:last-child),
    .col.tablet-grid-50:not(:last-child),
    .col.tablet-grid-55:not(:last-child),
    .col.tablet-grid-60:not(:last-child),
    .col.tablet-grid-65:not(:last-child),
    .col.tablet-grid-66:not(:last-child),
    .col.tablet-grid-70:not(:last-child),
    .col.tablet-grid-75:not(:last-child),
    .col.tablet-grid-80:not(:last-child),
    .col.tablet.col.grid-85:not(:last-child),
    .col.tablet-grid-90:not(:last-child),
    .col.tablet-grid-95:not(:last-child),
    .col.tablet-grid-100:not(:last-child) {
        margin-bottom: 15px
    }
}

.grid-16-66 {
    float: left;
    width: 16.66%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width: 768px) and (max-width: 1024px) {
    .grid-16-66 {
        width: 33.3333333333%
    }
}

@media (max-width: 767px) {
    .grid-16-66 {
        width: 50%
    }
}

.grid-16-66:before {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}

.grid-16-66:after {
    clear: both
}

.area {
    margin: 0;
    padding: 0;
    display: block;
    position: relative
}

@media (min-width: 768px) {
    .area {
        z-index: 100
    }
}

.render-target-pdf {
    display: none
}

@media (max-width: 767px) {
    .render-breakpoint-desktop {
        display: none !important
    }
}

@media (min-width: 768px) {
    .render-breakpoint-mobile {
        display: none !important
    }
}

iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left
}

:target {
    padding-top: 45px;
    margin-top: -45px
}

header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000
}

@media (min-width: 1025px) {
    header {
        font-size: 11.2px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header {
        font-size: 14px
    }
}

@media (min-width: 1025px) {
    header .color-line {
        height: 7px;
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        background-color: #ec5300;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2010
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .color-line {
        height: 8.75px
    }
}

@media (max-width: 1024px) {
    header.mobile-nav-open {
        bottom: 0
    }
}

header.nav-sub-open {
    background-color: #fff;
    bottom: 0
}

header.noscript {
    position: absolute
}

@media (min-width: 1025px) {
    body.scrolledDown header .color-line {
        height: 7px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .color-line {
        height: 8.75px
    }
}

header .corner {
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2020
}

@media only screen {
    header .corner {
        pointer-events: none
    }
}

@media (max-width: 1024px) {
    header .corner div {
        -webkit-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        height: 60px;
        background-color: #fff;
        position: absolute;
        top: 0;
        width: 100%
    }

    header .corner.left {
        height: 93px;
        width: 100%
    }

    header .corner.right {
        display: none
    }
}

@media (min-width: 1025px) {
    header .corner {
        height: 86.8px;
        width: 368px;
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner {
        height: 108.5px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner {
        width: 460px
    }
}

@media (min-width: 1025px) {
    header .corner div {
        height: 56px;
        width: 288px;
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        background-color: #fff;
        position: absolute;
        top: 0
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner div {
        height: 70px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner div {
        width: 360px
    }
}

@media (min-width: 1025px) {
    header .corner.left {
        left: 0
    }

    header .corner.left div {
        left: -80px;
        -webkit-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        transform: skew(-60deg)
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner.left div {
        left: -100px
    }
}

@media (min-width: 1025px) {
    header .corner.right {
        right: 0
    }

    header .corner.right div {
        right: -81px;
        -webkit-box-shadow: -2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: -2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        box-shadow: -2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        transform: skew(60deg)
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner.right div {
        right: -101.25px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .corner {
        width: 262.752px;
        height: 39.984px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .corner {
        width: 328.44px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .corner {
        height: 49.98px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .corner div {
        width: 205.632px;
        height: 39.984px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .corner div {
        width: 257.04px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .corner div {
        height: 49.98px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .corner.left div {
        left: -57.12px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .corner.left div {
        left: -71.4px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .corner.right div {
        right: -57.834px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .corner.right div {
        right: -72.2925px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header.nav-open .corner {
        height: 49.98px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header.nav-open .corner {
        height: 62.475px
    }
}

header .logo {
    height: 56px;
    width: 184px;
    background-size: 112px;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-image: url("../images/logo_03.png");
    background-image: url("../images/logo_03.png");
    background-size: auto 100% !important;
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2030
}

@media (min-width: 1215px) {
    header .logo {
        height: 60px;
        top: 5px;
    }
}

@media (min-width: 1215px) {
    header .logo {
        width: 230px
    }
}

@media (min-width: 1215px) {
    header .logo {
        background-size: 140px
    }
}

@media (max-width: 1024px) {
    header .logo {
        height: 50px;
        top: 5px;
        width: 75%;
        background-size: auto 45px;
        background-position: 15px center
    }
}

@media (min-width: 1025px) {
    header .logo {
        background-position: center center
    }
}

header .logo span {
    display: none
}

@media (max-width: 1024px) {
    header.mobile-nav-open .logo {
        display: none
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .logo {
        width: 131.376px;
        height: 39.984px;
        background-size: 79.968px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .logo {
        width: 164.22px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .logo {
        
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .logo {
        background-size: 99.96px
    }
}

@media (min-width: 1025px) {
    header .menu-button {
        display: none
    }
}

@media (max-width: 1024px) {
    header .menu-button {
        cursor: pointer;
        display: block;
        height: 60px;
        position: absolute;
        right: 0;
        top: 0;
        width: 45px;
        z-index: 2020
    }

    header .menu-button span {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        background-color: #000;
        display: block;
        height: 1px;
        left: 15px;
        width: 15px;
        position: absolute
    }

    header .menu-button span:first-child {
        top: 27.5px
    }

    header .menu-button span:last-child {
        top: 32.5px
    }

    header .menu-button.mobile-nav-open .menu-button span:first-child {
        transform: rotate(45deg);
        top: 30px
    }

    header .menu-button.mobile-nav-open .menu-button span:last-child {
        top: 30px;
        transform: rotate(-45deg)
    }
}

@media (max-width: 1024px) {
    header nav {
        background-color: #fff;
        bottom: 0;
        display: none;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2005;
        overflow-y: scroll;
        margin-top: 60px
    }

    header nav .main li a,
    header nav .main li span {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        display: block;
        font-size: 12.8px;
        line-height: 2;
        padding: 7.5px;
        min-height: 25px;
        text-transform: uppercase;
        text-decoration: none;
        color: #000;
        font-weight: bold
    }

    header nav .main li .sub {
        display: none
    }

    header nav .main li .sub .grid-container,
    header nav .main li .sub .col {
        padding-left: 0;
        padding-right: 0
    }

    header nav .main li>a {
        border-bottom: 1px solid #ccc
    }

    header nav .main li.has-sub>a {
        background-image: url(../images/toggle-arrow-down.svg);
        background-size: false;
        background-size: 9px;
        -moz-transition: all 0;
        -webkit-transition: all 0;
        transition: all 0;
        background-repeat: no-repeat;
        background-position: right 15px center
    }
}

@media (max-width: 1024px) and (min-width: 1215px) {
    header nav .main li.has-sub>a {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    header nav .main li.has-sub>a {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min-resolution: 288dpi),
only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    header nav .main li.has-sub>a {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media (max-width: 1024px) and (min-width: 1215px) {
    header nav .main li.has-sub>a {
        background-size: 11.25px
    }
}

@media (max-width: 1024px) {
    header nav .main li.has-sub.active>a {
        background-image: url(../images/toggle-arrow-up.svg);
        background-size: false
    }
}

@media (max-width: 1024px) and (min-width: 1215px) {
    header nav .main li.has-sub.active>a {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    header nav .main li.has-sub.active>a {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min-resolution: 288dpi),
only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    header nav .main li.has-sub.active>a {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

@media (max-width: 1024px) {
    header nav .main li.has-sub.active .sub {
        display: block
    }

    header nav .addendum .close-container {
        display: none
    }

    header nav .addendum .sub {
        display: none
    }

    header nav .addendum .end .header-brands {
        text-align: center;
        max-width: 250px
    }

    header nav .addendum .end .header-brands .header-brands-intro {
        display: block;
        margin: 15px auto
    }

    header nav .addendum .end .header-brands .company-logo.verder-scientific {
        display: block;
        margin: 0 auto
    }

    header.mobile-nav-open nav {
        display: block
    }
}

@media (min-width: 1025px) {
    header nav {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2005
    }

    header nav .main {
        height: 88px;
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main {
        height: 110px
    }
}

@media (min-width: 1025px) {
    header nav .main li {
        display: inline-block;
        position: relative;
        z-index: 1
    }

    header nav .main li a {
        line-height: 56px;
        font-size: 11.2px;
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        color: #000;
        display: block;
        padding: 0 7.5px;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        z-index: 2
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main li a {
        line-height: 70px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main li a {
        font-size: 14px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main li a {
        padding: 0 5px
    }
}

@media (min-width: 1025px) and (min-width: 1350px) {
    header nav .main li a {
        padding: 0 15px
    }
}

@media (min-width: 1025px) {
    header nav .main li a::before {
        border-top-width: 5px;
        top: 7px;
        border-right-width: 10px;
        border-left-width: 10px;
        border-left-color: transparent;
        border-left-style: solid;
        border-right-color: transparent;
        border-right-style: solid;
        border-top-color: #ec5300;
        border-top-style: solid;
        content: '';
        height: 0;
        left: 30%;
        opacity: 0;
        position: absolute;
        visibility: hidden;
        width: 0;
        z-index: 2
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main li a::before {
        border-top-width: 6.25px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main li a::before {
        top: 8.75px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main li a::before {
        border-right-width: 12.5px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main li a::before {
        border-left-width: 12.5px
    }
}

@media (min-width: 1025px) {
    header nav .main li a .glyphicons {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        line-height: 48.5px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .main li a .glyphicons {
        line-height: 60.625px
    }
}

@media (min-width: 1025px) {
    header nav .main li.current a::before {
        opacity: 1;
        visibility: visible
    }

    header nav .main li .sub {
        display: none
    }

    header nav .addendum {
        border-top-width: 56px;
        border-top-color: #fff;
        border-top-style: solid;
        bottom: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        visibility: hidden
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header nav .addendum {
        border-top-width: 70px
    }
}

@media (min-width: 1025px) {
    header nav .addendum .row {
        padding-bottom: 15px
    }

    header nav .addendum .close-container {
        position: relative
    }

    header nav .addendum .close-container .close {
        position: absolute;
        right: 0;
        top: 0;
        float: none;
        margin-top: 25px;
        z-index: 1000
    }

    header nav .addendum .sub {
        background-color: #fff;
        display: none;
        padding-bottom: 0;
        padding-top: 25px
    }

    header nav .addendum .sub.sub-open {
        display: block
    }

    header nav .addendum .end {
        background-color: #fff;
        padding-top: 15px;
        padding-bottom: 15px
    }

    header nav .addendum .end .grid-container {
        border-top: 1px solid #ccc;
        padding-top: 15px
    }

    header nav .addendum .end .header-brands {
        text-align: center
    }

    header nav .addendum .end .header-brands>* {
        vertical-align: middle
    }

    header nav .addendum .end .header-brands .header-brands-intro {
        display: inline-block;
        margin-right: 30px
    }

    header nav .addendum .end .header-brands .company-logo.verder-scientific {
        margin-left: 30px
    }

    header.nav-sub-narrow nav .addendum {
        overflow: auto
    }

    header.nav-active nav .main li a {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        color: #878787
    }

    header.nav-active nav .main li.active a {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        color: #000
    }

    header.nav-sub-open nav .main li.current a::before {
        opacity: 0;
        visibility: hidden
    }

    header.nav-sub-open nav .main li.sub-open a::before {
        opacity: 1;
        visibility: visible
    }

    header.nav-sub-open nav .addendum {
        opacity: 1;
        visibility: visible
    }

    body.scrolledDown header nav .main {
        height: 39.984px;
        -webkit-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
        background-color: #fff
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header nav .main {
        height: 49.98px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header nav .main li a {
        line-height: 46.984px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header nav .main li a {
        line-height: 58.73px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header nav .main li a .glyphicons {
        line-height: 39.484px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header nav .main li a .glyphicons {
        line-height: 49.355px
    }
}

@media (min-width: 1025px) {
    body.dark-hero:not(.scrolledDown) header:not(.nav-sub-open) nav .main li a {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        color: #fff
    }

    body.dark-hero:not(.scrolledDown) header:not(.nav-sub-open).nav-active nav .main li a {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        color: rgba(255, 255, 255, 0.75)
    }

    body.dark-hero:not(.scrolledDown) header:not(.nav-sub-open).nav-active nav .main li.active a {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        color: #fff
    }
}

header .widgets {
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    position: absolute;
    text-align: right;
    top: 0;
    z-index: 2020
}

@media (min-width: 1025px) {
    header .widgets {
        height: 56px;
        padding-right: 15px;
        right: 0
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .widgets {
        height: 70px
    }
}

@media (max-width: 1024px) {
    header .widgets {
        display: none;
        height: 60px;
        left: 0;
        padding-right: 0
    }
}

header .widgets .widget {
    width: 16px;
    font-size: 11.2px;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #000;
    display: block;
    float: left;
    text-decoration: none
}

@media (min-width: 1215px) {
    header .widgets .widget {
        width: 20px
    }
}

@media (min-width: 1215px) {
    header .widgets .widget {
        font-size: 14px
    }
}

@media (min-width: 1025px) {
    header .widgets .widget {
        height: 56px;
        line-height: 56px;
        padding: 0 15px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .widgets .widget {
        height: 70px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .widgets .widget {
        line-height: 70px
    }
}

@media (max-width: 1024px) {
    header .widgets .widget {
        height: 60px;
        line-height: 60px;
        padding: 0 7.5px
    }
}

header .widgets .widget:last-child {
    margin-right: 15px
}

header .widgets .widget.glyphicons,
header .widgets .widget .glyphicons {
    font-size: 17.92px
}

@media (min-width: 1215px) {

    header .widgets .widget.glyphicons,
    header .widgets .widget .glyphicons {
        font-size: 22.4px
    }
}

header .widgets .widget.glyphicons::before,
header .widgets .widget .glyphicons::before {
    padding-bottom: 0;
    padding-top: 0
}

header .widgets .widget>span {
    display: none
}

header .widgets .widget a {
    color: #000;
    text-decoration: none
}

header .widgets .widget.search {
    background-image: url("../images/search.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px
}

@media (min-width: 1215px) {
    header .widgets .widget.search {
        background-size: 20px
    }
}

header .widgets .widget.with-menu {
    -moz-transition: all 0;
    -webkit-transition: all 0;
    transition: all 0;
    padding-right: 15px;
    position: relative;
    width: auto
}

header .widgets .widget.with-menu::before {
    background-image: url(../images/toggle-arrow-down.svg);
    background-size: false;
    background-size: 9px;
    -moz-transition: all 0;
    -webkit-transition: all 0;
    transition: all 0;
    filter: invert(100%);
    background-position: right center;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 1215px) {
    header .widgets .widget.with-menu::before {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (min-device-pixel-ratio: 1.5) {
    header .widgets .widget.with-menu::before {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 288dpi),
only screen and (min-resolution: 2dppx) {
    header .widgets .widget.with-menu::before {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media (min-width: 1215px) {
    header .widgets .widget.with-menu::before {
        background-size: 11.25px
    }
}

header .widgets .widget.with-menu>span {
    cursor: pointer;
    display: block
}

header .widgets .widget.with-menu a {
    display: block
}

header .widgets .widget.with-menu ul {
    -webkit-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
    width: 158px;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #fff;
    list-style: none;
    opacity: 0;
    padding: 15px 0;
    position: absolute;
    right: 0;
    visibility: hidden
}

@media (min-width: 1215px) {
    header .widgets .widget.with-menu ul {
        width: 197.5px
    }
}

@media (min-width: 1025px) {
    header .widgets .widget.with-menu ul {
        top: 57px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .widgets .widget.with-menu ul {
        top: 71.25px
    }
}

@media (min-width: 1025px) and (max-height: 699px) {
    header .widgets .widget.with-menu ul {
        width: 316px;
        -moz-column-count: 2;
        -moz-column-gap: 1px;
        -webkit-column-count: 2;
        -webkit-column-gap: 1px;
        column-count: 2;
        column-gap: 1px
    }
}

@media (min-width: 1025px) and (max-height: 699px) and (min-width: 1215px) {
    header .widgets .widget.with-menu ul {
        width: 395px
    }
}

@media (min-width: 1025px) and (max-height: 699px) {
    header .widgets .widget.with-menu ul li {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        -moz-break-inside: avoid;
        -webkit-break-inside: avoid;
        break-inside: avoid
    }
}

@media (max-width: 1024px) {
    header .widgets .widget.with-menu ul {
        top: 61px;
        width: 250px;
        left: 0;
        right: auto;
        -moz-column-count: 2;
        -moz-column-gap: 1px;
        -webkit-column-count: 2;
        -webkit-column-gap: 1px;
        column-count: 2;
        column-gap: 1px
    }

    header .widgets .widget.with-menu ul li {
        -moz-break-inside: avoid;
        -webkit-break-inside: avoid;
        break-inside: avoid
    }
}

header .widgets .widget.with-menu ul li a {
    color: #878787;
    line-height: 1;
    padding: 7.5px 30px
}

header .widgets .widget.with-menu ul li a.current,
header .widgets .widget.with-menu ul li a:hover {
    color: #000
}

header .widgets .widget.with-menu.open::before {
    background-image: url(../images/toggle-arrow-up.svg);
    background-size: false
}

@media (min-width: 1215px) {
    header .widgets .widget.with-menu.open::before {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (min-device-pixel-ratio: 1.5) {
    header .widgets .widget.with-menu.open::before {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 288dpi),
only screen and (min-resolution: 2dppx) {
    header .widgets .widget.with-menu.open::before {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

header .widgets .widget.with-menu.open ul {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1024px) {
    header.mobile-nav-open .widgets {
        display: block
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .widgets {
        height: 39.984px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .widgets {
        height: 49.98px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .widgets .widget {
        width: 11.424px;
        height: 39.984px;
        line-height: 39.984px;
        background-size: 11.424px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .widgets .widget {
        width: 14.28px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .widgets .widget {
        height: 49.98px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .widgets .widget {
        line-height: 49.98px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .widgets .widget {
        background-size: 14.28px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .widgets .widget.with-menu {
        background-size: 6.426px;
        width: auto
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .widgets .widget.with-menu {
        background-size: 8.0325px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .widgets .widget.with-menu ul {
        top: 40.984px;
        width: 112.812px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .widgets .widget.with-menu ul {
        top: 51.23px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .widgets .widget.with-menu ul {
        width: 141.015px
    }
}

@media (min-width: 1025px) and (max-height: 699px) {
    body.scrolledDown header .widgets .widget.with-menu ul {
        width: 225.624px
    }
}

@media (min-width: 1025px) and (max-height: 699px) and (min-width: 1215px) {
    body.scrolledDown header .widgets .widget.with-menu ul {
        width: 282.03px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .widgets .widget.with-menu ul li a {
        padding: 3.75px 30px
    }
}

header.noscript .widgets .widget.with-menu {
    display: none
}

@media (min-width: 1025px) {
    .area.size-regular .grid-container {
        max-width: 750px
    }
}

@media (min-width: 1215px) {
    .area.size-regular .grid-container {
        max-width: 900px
    }
}

@media (min-width: 1415px) {
    .area.size-ultrawide .grid-container {
        max-width: 1400px
    }
}

.area.content {
    background-color: #fff;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #fff 0%, #fff 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #fff 0%, #fff 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content::before {
        background: linear-gradient(30deg, #fff 0%, #fff 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #fff 0%, #fff 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #fff;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content::after {
        left: 36.5px;
        right: 36.5px
    }
}

@media only screen {
    .area.content {
        padding-bottom: 50px
    }
}

@media (min-width: 768px) {
    .area.content {
        padding-top: 35px
    }
}

@media (max-width: 767px) {
    .area.content {
        padding-top: 20px
    }

    .area.content>.grid-container {
        padding-left: 0;
        padding-right: 0
    }
}

.area.content.nopadding {
    padding-top: 0;
    padding-bottom: 0
}

.area.content.spacy {
    padding-top: 65px;
    padding-bottom: 65px
}

.area.content.bg-light {
    background-color: #ededed;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-light::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #ededed 0%, #ededed 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #ededed 0%, #ededed 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-light::before {
        background: linear-gradient(30deg, #ededed 0%, #ededed 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #ededed 0%, #ededed 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-light::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #ededed;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-light::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-light:not(.with-background)+.area.content.bg-light:not(.with-background) {
    padding-top: 0
}

.area.content.bg-dark {
    background-color: #807f7f;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-dark::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #807f7f 0%, #807f7f 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #807f7f 0%, #807f7f 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-dark::before {
        background: linear-gradient(30deg, #807f7f 0%, #807f7f 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #807f7f 0%, #807f7f 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-dark::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #807f7f;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-dark::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-dark:not(.with-background)+.area.content.bg-dark:not(.with-background) {
    padding-top: 0
}

.area.content.bg-accent {
    background-color: #ec5300;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-accent::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #ec5300 0%, #ec5300 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #ec5300 0%, #ec5300 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-accent::before {
        background: linear-gradient(30deg, #ec5300 0%, #ec5300 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #ec5300 0%, #ec5300 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-accent::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #ec5300;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-accent::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-accent:not(.with-background)+.area.content.bg-accent:not(.with-background) {
    padding-top: 0
}

.area.content.bg-transparent {
    background-color: unset;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-transparent::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, unset 0%, unset 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, unset 0%, unset 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-transparent::before {
        background: linear-gradient(30deg, unset 0%, unset 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, unset 0%, unset 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-transparent::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: unset;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-transparent::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-transparent:not(.with-background)+.area.content.bg-transparent:not(.with-background) {
    padding-top: 0
}

.area.content.bg-verder-scientific {
    background-color: #00529c;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-verder-scientific::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #00529c 0%, #00529c 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #00529c 0%, #00529c 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-verder-scientific::before {
        background: linear-gradient(30deg, #00529c 0%, #00529c 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #00529c 0%, #00529c 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-verder-scientific::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #00529c;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-verder-scientific::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-verder-scientific:not(.with-background)+.area.content.bg-verder-scientific:not(.with-background) {
    padding-top: 0
}

.area.content.bg-verder {
    background-color: #00529c;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-verder::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #00529c 0%, #00529c 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #00529c 0%, #00529c 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-verder::before {
        background: linear-gradient(30deg, #00529c 0%, #00529c 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #00529c 0%, #00529c 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-verder::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #00529c;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-verder::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-verder:not(.with-background)+.area.content.bg-verder:not(.with-background) {
    padding-top: 0
}

.area.content.bg-atm {
    background-color: #ec5300;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-atm::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #ec5300 0%, #ec5300 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #ec5300 0%, #ec5300 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-atm::before {
        background: linear-gradient(30deg, #ec5300 0%, #ec5300 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #ec5300 0%, #ec5300 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-atm::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #ec5300;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-atm::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-atm:not(.with-background)+.area.content.bg-atm:not(.with-background) {
    padding-top: 0
}

.area.content.bg-carbolite {
    background-color: #e30613;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-carbolite::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #e30613 0%, #e30613 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #e30613 0%, #e30613 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-carbolite::before {
        background: linear-gradient(30deg, #e30613 0%, #e30613 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #e30613 0%, #e30613 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-carbolite::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #e30613;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-carbolite::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-carbolite:not(.with-background)+.area.content.bg-carbolite:not(.with-background) {
    padding-top: 0
}

.area.content.bg-eltra {
    background-color: #f39200;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-eltra::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #f39200 0%, #f39200 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #f39200 0%, #f39200 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-eltra::before {
        background: linear-gradient(30deg, #f39200 0%, #f39200 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #f39200 0%, #f39200 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-eltra::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #f39200;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-eltra::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-eltra:not(.with-background)+.area.content.bg-eltra:not(.with-background) {
    padding-top: 0
}

.area.content.bg-microtrac {
    background-color: #00b4cd;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-microtrac::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #00b4cd 0%, #00b4cd 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #00b4cd 0%, #00b4cd 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-microtrac::before {
        background: linear-gradient(30deg, #00b4cd 0%, #00b4cd 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #00b4cd 0%, #00b4cd 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-microtrac::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #00b4cd;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-microtrac::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-microtrac:not(.with-background)+.area.content.bg-microtrac:not(.with-background) {
    padding-top: 0
}

.area.content.bg-qness {
    background-color: #e25303;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-qness::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #e25303 0%, #e25303 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #e25303 0%, #e25303 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-qness::before {
        background: linear-gradient(30deg, #e25303 0%, #e25303 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #e25303 0%, #e25303 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-qness::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #e25303;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-qness::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-qness:not(.with-background)+.area.content.bg-qness:not(.with-background) {
    padding-top: 0
}

.area.content.bg-retsch {
    background-color: #006fb9;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-retsch::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #006fb9 0%, #006fb9 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #006fb9 0%, #006fb9 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-retsch::before {
        background: linear-gradient(30deg, #006fb9 0%, #006fb9 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #006fb9 0%, #006fb9 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-retsch::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #006fb9;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-retsch::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-retsch:not(.with-background)+.area.content.bg-retsch:not(.with-background) {
    padding-top: 0
}

.area.content.bg-retsch-technology {
    background-color: #40c0f0;
    z-index: 100
}

@media only screen and (min-width: 768px) {
    .area.content.bg-retsch-technology::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #40c0f0 0%, #40c0f0 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #40c0f0 0%, #40c0f0 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-retsch-technology::before {
        background: linear-gradient(30deg, #40c0f0 0%, #40c0f0 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #40c0f0 0%, #40c0f0 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .area.content.bg-retsch-technology::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #40c0f0;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .area.content.bg-retsch-technology::after {
        left: 36.5px;
        right: 36.5px
    }
}

.area.content.bg-retsch-technology:not(.with-background)+.area.content.bg-retsch-technology:not(.with-background) {
    padding-top: 0
}

.area.content.bg-none:not(.with-background)+.area.content.bg-none:not(.with-background) {
    padding-top: 0
}

.area.content.bg-verder-scientific,
.area.content.bg-verder-scientific * {
    color: #fff
}

.area.content.bg-verder-scientific ul.styled li::before,
.area.content.bg-verder-scientific .text-image ul li::before,
.area.content.bg-verder-scientific .product_details ul li::before,
.area.content.bg-verder-scientific ul li.styled::before {
    background-color: #fff
}

.area.content.bg-verder,
.area.content.bg-verder * {
    color: #fff
}

.area.content.bg-verder ul.styled li::before,
.area.content.bg-verder .text-image ul li::before,
.area.content.bg-verder .product_details ul li::before,
.area.content.bg-verder ul li.styled::before {
    background-color: #fff
}

.area.content.bg-atm,
.area.content.bg-atm * {
    color: #fff
}

.area.content.bg-atm ul.styled li::before,
.area.content.bg-atm .text-image ul li::before,
.area.content.bg-atm .product_details ul li::before,
.area.content.bg-atm ul li.styled::before {
    background-color: #fff
}

.area.content.bg-carbolite,
.area.content.bg-carbolite * {
    color: #fff
}

.area.content.bg-carbolite ul.styled li::before,
.area.content.bg-carbolite .text-image ul li::before,
.area.content.bg-carbolite .product_details ul li::before,
.area.content.bg-carbolite ul li.styled::before {
    background-color: #fff
}

.area.content.bg-eltra,
.area.content.bg-eltra * {
    color: #fff
}

.area.content.bg-eltra ul.styled li::before,
.area.content.bg-eltra .text-image ul li::before,
.area.content.bg-eltra .product_details ul li::before,
.area.content.bg-eltra ul li.styled::before {
    background-color: #fff
}

.area.content.bg-microtrac,
.area.content.bg-microtrac * {
    color: #fff
}

.area.content.bg-microtrac ul.styled li::before,
.area.content.bg-microtrac .text-image ul li::before,
.area.content.bg-microtrac .product_details ul li::before,
.area.content.bg-microtrac ul li.styled::before {
    background-color: #fff
}

.area.content.bg-qness,
.area.content.bg-qness * {
    color: #fff
}

.area.content.bg-qness ul.styled li::before,
.area.content.bg-qness .text-image ul li::before,
.area.content.bg-qness .product_details ul li::before,
.area.content.bg-qness ul li.styled::before {
    background-color: #fff
}

.area.content.bg-retsch,
.area.content.bg-retsch * {
    color: #fff
}

.area.content.bg-retsch ul.styled li::before,
.area.content.bg-retsch .text-image ul li::before,
.area.content.bg-retsch .product_details ul li::before,
.area.content.bg-retsch ul li.styled::before {
    background-color: #fff
}

.area.content.bg-retsch-technology,
.area.content.bg-retsch-technology * {
    color: #fff
}

.area.content.bg-retsch-technology ul.styled li::before,
.area.content.bg-retsch-technology .text-image ul li::before,
.area.content.bg-retsch-technology .product_details ul li::before,
.area.content.bg-retsch-technology ul li.styled::before {
    background-color: #fff
}

.area.content.with-background {
    z-index: 99;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center
}

@media (max-width: 767px) {
    .area.content.with-background {
        min-height: 150px
    }
}

@media (max-width: 767px) and (min-width: 1215px) {
    .area.content.with-background {
        min-height: 187.5px
    }
}

.area.content.with-background.background-cover {
    background-size: cover
}

.area.content.with-background.background-contain {
    background-size: contain
}

.area.content.content-tabs-first-content {
    padding-top: 0
}

@media (min-width: 768px) {
    .area.content.height-small {
        min-height: 200px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content.height-small {
        min-height: 250px
    }
}

@media (min-width: 768px) {
    .area.content.height-medium {
        min-height: 400px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content.height-medium {
        min-height: 500px
    }
}

@media (min-width: 768px) {
    .area.content.height-large {
        min-height: 600px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content.height-large {
        min-height: 750px
    }
}

.area.content.breadcrumbs {
    padding-bottom: 30px;
    padding-top: 15px
}

.area.content.breadcrumbs::after {
    content: none
}

.area.content.breadcrumbs nav * {
    font-size: 8.5333333333px
}

@media (min-width: 1215px) {
    .area.content.breadcrumbs nav * {
        font-size: 10.6666666667px
    }
}

.area.content.breadcrumbs nav ul {
    font-size: 0;
    margin-bottom: 0;
    padding-left: 0
}

.area.content.breadcrumbs nav ul li {
    font-size: 12.8px;
    display: inline-block;
    vertical-align: top
}

@media (min-width: 1215px) {
    .area.content.breadcrumbs nav ul li {
        font-size: 16px
    }
}

.area.content.breadcrumbs nav ul li a,
.area.content.breadcrumbs nav ul li span {
    display: block;
    line-height: 17.0666666666px;
    text-decoration: none;
    text-transform: uppercase;
    color: #878787
}

@media (min-width: 1215px) {

    .area.content.breadcrumbs nav ul li a,
    .area.content.breadcrumbs nav ul li span {
        line-height: 21.3333333333px
    }
}

.area.content.breadcrumbs nav ul li a:before,
.area.content.breadcrumbs nav ul li span:before {
    content: "\0000a0\0000a0>\0000a0\0000a0"
}

.area.content.breadcrumbs nav ul li:first-child a:before {
    content: ""
}

.area.content.breadcrumbs nav ul li.current a,
.area.content.breadcrumbs nav ul li.current span {
    color: #ec5300
}

@media (min-width: 1025px) {
    .area.content.breadcrumbs nav ul li a:hover {
        color: #ec5300
    }
}

.area.content.hero {
    background-color: #ededed;
    padding: 0;
    position: relative;
    z-index: 100
}

@media only screen {
    .area.content.hero {
        overflow-x: hidden
    }
}

@media only screen and (min-width: 1025px) {
    .area.content.hero {
        -moz-transition: all .25s;
        -webkit-transition: all .25s;
        transition: all .25s;
        margin-top: 7px;
        min-height: 100px
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1215px) {
    .area.content.hero {
        margin-top: 8.75px
    }
}

@media only screen and (min-width: 1025px) and (min-width: 1215px) {
    .area.content.hero {
        min-height: 125px
    }
}

@media only screen and (max-width: 767px) {
    .area.content.hero {
        min-height: 150px
    }
}

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero {
        min-height: 187.5px
    }
}

.area.content.hero::before,
.area.content.hero::after {
    display: none
}

.area.content.hero .slideshow {
    font-size: 0
}

.area.content.hero .slideshow.slick-slider {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .area.content.hero .slideshow.slick-initialized {
        min-height: 400px
    }
}

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.slick-initialized {
        min-height: 500px
    }
}

@media only screen and (max-width: 767px) {
    .area.content.hero .slideshow.slick-initialized.size-medium {
        min-height: 500px
    }
}

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.slick-initialized.size-medium {
        min-height: 625px
    }
}

@media only screen and (max-width: 767px) {
    .area.content.hero .slideshow.slick-initialized.size-large {
        min-height: 600px
    }
}

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.slick-initialized.size-large {
        min-height: 750px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow {
        height: 200px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow {
        height: 250px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow .vertical-positioning {
        height: 200px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow .vertical-positioning {
        height: 250px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow.size-medium {
        height: 400px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow.size-medium {
        height: 500px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow.size-medium .vertical-positioning {
        height: 400px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow.size-medium .vertical-positioning {
        height: 500px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow.size-large {
        height: 600px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow.size-large {
        height: 750px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow.size-large .vertical-positioning {
        height: 600px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow.size-large .vertical-positioning {
        height: 750px
    }
}

.area.content.hero .slideshow .item {
    display: block;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative
}

@media (max-width: 767px) {
    .area.content.hero .slideshow .item:nth-child(n+2) {
        display: none
    }
}

.area.content.hero .slideshow .item:first-child {
    display: block
}

.slick-slider .area.content.hero .slideshow .item {
    display: block
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow .item {
        height: 200px;
        background-color: #f4f5f7;
        background-image: radial-gradient(circle, #f4f5f7 40%, #969fa7 100%)
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow .item {
        height: 250px
    }
}

@media only screen and (max-width: 767px) {
    .area.content.hero .slideshow.slick-initialized .item {
        min-height: 400px;
        background-color: #dadbdf;
        background-image: linear-gradient(280deg, #dadbdf 0%, #f4f5f7 33%)
    }
}

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.slick-initialized .item {
        min-height: 500px
    }
}

@media only screen and (max-width: 767px) {
    .area.content.hero .slideshow.slick-initialized.size-medium .item {
        min-height: 500px
    }
}

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.slick-initialized.size-medium .item {
        min-height: 625px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow.size-medium .item {
        height: 400px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow.size-medium .item {
        height: 500px
    }
}

@media only screen and (max-width: 767px) {
    .area.content.hero .slideshow.slick-initialized.size-large .item {
        height: 600px
    }
}

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.slick-initialized.size-large .item {
        height: 750px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow.size-large .item {
        height: 600px
    }
}

@media only screen and (min-width: 768px) and (min-width: 1215px) {
    .area.content.hero .slideshow.size-large .item {
        height: 750px
    }
}

@media only screen and (min-width: 768px) {
    .area.content.hero .slideshow .vertical-positioning {
        padding-top: 56px;
        padding-bottom: 35px
    }
}

.area.content.hero .slideshow button.slick-prev.slick-arrow,
.area.content.hero .slideshow button.slick-next.slick-arrow {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none !important;
    height: 57px;
    width: 20px;
    z-index: 1000
}

.area.content.hero .slideshow button.slick-prev.slick-arrow:before,
.area.content.hero .slideshow button.slick-next.slick-arrow:before {
    content: ""
}

.area.content.hero .slideshow.hover button.slick-prev.slick-arrow,
.area.content.hero .slideshow.hover button.slick-next.slick-arrow {
    display: inline-block !important
}

.area.content.hero .slideshow button.slick-prev.slick-arrow {
    left: 15px;
    background-image: url("../images/prev.svg")
}

.area.content.hero .slideshow button.slick-next.slick-arrow {
    right: 15px;
    background-image: url("../images/next.svg")
}

@media (max-width: 767px) {

    .area.content.hero .slideshow button.slick-prev.slick-arrow,
    .area.content.hero .slideshow button.slick-next.slick-arrow {
        top: 50%
    }
}

.area.content.hero .slideshow .slick-dots {
    bottom: 0;
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none
}

.area.content.hero .slideshow .slick-dots li {
    margin: 0 0 3.75px 0;
    width: auto;
    height: auto;
    padding: 0 3.75px
}

.area.content.hero .slideshow .slick-dots li button {
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #fff;
    opacity: 0.75;
    height: 3px;
    padding: 0;
    position: relative
}

@media (max-width: 767px) {
    .area.content.hero .slideshow .slick-dots li button {
        width: 60px
    }
}

@media (min-width: 768px) {
    .area.content.hero .slideshow .slick-dots li button {
        width: 120px
    }
}

.area.content.hero .slideshow .slick-dots li button:before {
    content: "";
    display: block;
    position: absolute;
    top: -7.5px;
    bottom: -7.5px;
    left: 0;
    right: 0;
    width: auto;
    height: auto
}

.area.content.hero .slideshow .slick-dots li.slick-active button {
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #ec5300;
    opacity: 1
}

.area.content.hero.noscript .slideshow {
    display: block
}

@media (min-width: 1025px) {
    .area.content.hero.noscript .slideshow .item>.grid-container {
        padding-top: 56px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown-subNavBar .area.content.hero {
        margin-bottom: 32px;
        -moz-transition: all 0;
        -webkit-transition: all 0;
        transition: all 0
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown-subNavBar .area.content.hero {
        margin-bottom: 40px
    }
}

.toplink {
    -webkit-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 23px 0 rgba(0, 0, 0, 0.1);
    -moz-transition: opacity .25s;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    background-color: #ec5300;
    background-image: url("../images/toplink.svg");
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 15px;
    cursor: pointer;
    height: 40px;
    opacity: 0;
    position: fixed;
    right: 15px;
    width: 40px;
    z-index: 590
}

@media (min-width: 1025px) {
    .toplink {
        display: block
    }
}

@media (max-width: 1024px) {
    .toplink {
        display: none
    }
}

body.scrolledDown .toplink {
    opacity: 1
}

footer {
    background-color: #1a2833;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
    color: #b1bac3;
    padding-bottom: 55px;
    position: relative
}

footer .dynamic-image-source {
    display: none !important;
    background-image: url("../images/footer-bg.jpg")
}

@media only screen and (min-width: 768px) {
    footer::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #1a2833 0%, #1a2833 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #1a2833 0%, #1a2833 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    footer::before {
        background: linear-gradient(30deg, #1a2833 0%, #1a2833 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #1a2833 0%, #1a2833 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    footer::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #1a2833;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    footer::after {
        left: 36.5px;
        right: 36.5px
    }
}

footer::after {
    display: none
}

footer a {
    color: #b1bac3;
    text-decoration: none
}

footer a:hover {
    color: #fff
}

footer .area.nav {
    font-size: 12.8px;
    line-height: 2;
    padding: 60px 0 120px 0;
    z-index: 100
}

@media (max-width: 767px) {
    footer .area.nav {
        padding: 35px 0
    }
}

@media (min-width: 1215px) {
    footer .area.nav {
        font-size: 16px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    footer .area.nav nav {
        margin-bottom: 30px
    }
}

footer .area.nav nav ul li:first-child,
footer .area.nav nav b {
    display: block;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 15.36px
}

@media (min-width: 1215px) {

    footer .area.nav nav ul li:first-child,
    footer .area.nav nav b {
        font-size: 19.2px
    }
}

@media (max-width: 767px) {

    footer .area.nav nav ul li:first-child,
    footer .area.nav nav b {
        margin-bottom: 7.5px
    }
}

footer .area.nav nav ul li:first-child,
footer .area.nav nav ul li:first-child a,
footer .area.nav nav b,
footer .area.nav nav b a {
    color: #fff
}

footer .area.nav nav ul li:first-child a:hover,
footer .area.nav nav b a:hover {
    color: #b1bac3
}

footer .area.nav nav ul li:first-child {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    footer .area.nav nav ul li:first-child {
        margin-bottom: 7.5px
    }
}

footer .area.nav nav hr:before {
    content: "\00a0"
}

footer .area.logos {
    z-index: 100
}

footer .area.logos.noscript {
    display: none
}

footer .area.logos a.logo {
    text-align: left;
    text-indent: -9999px;
    white-space: nowrap;
    height: 20px;
    filter: invert(20%) sepia(10%) saturate(232%) hue-rotate(169deg) brightness(91%) contrast(92%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@media (min-width: 1215px) {
    footer .area.logos a.logo {
        height: 25px
    }
}

footer .area.logos a.logo:hover {
    filter: none
}

footer .area.logos a.logo.company {
    width: 100px
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.company {
        width: 125px
    }
}

footer .area.logos a.logo.company .dynamic-image-source {
    display: none !important;
    background-image: url("../images/logo-white.svg")
}

footer .area.logos a.logo.advancedweb {
    width: 100px
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.advancedweb {
        width: 125px
    }
}

footer .area.logos a.logo.advancedweb .dynamic-image-source {
    display: none !important;
    background-image: url("../images/advancedweb-logo-white.svg")
}

footer .area.logos a.logo.youtube {
    width: 80px
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.youtube {
        width: 100px
    }
}

footer .area.logos a.logo.youtube .dynamic-image-source {
    display: none !important;
    background-image: url("../images/social/youtube.svg")
}

footer .area.logos a.logo.linkedin {
    width: 80px
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.linkedin {
        width: 100px
    }
}

footer .area.logos a.logo.linkedin .dynamic-image-source {
    display: none !important;
    background-image: url("../images/social/linkedin.svg")
}

footer .area.logos a.logo.part-of-vs {
    width: 90px
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.part-of-vs {
        width: 112.5px
    }
}

footer .area.logos a.logo.part-of-vs .dynamic-image-source {
    display: none !important;
    background-image: url("../images/part-of-vs.svg")
}

@media (max-width: 767px) {
    footer .area.logos a.logo {
        display: inline-block;
        margin: 15px
    }
}

@media (min-width: 768px) {
    footer .area.logos a.logo {
        display: inline-block;
        margin: 0 30px
    }

    footer .area.logos a.logo.part-of-vs {
        background-position: center right
    }

    footer .area.logos .logos-left {
        text-align: left
    }

    footer .area.logos .logos-left a.logo {
        margin-left: 0
    }

    footer .area.logos .logos-center {
        text-align: center
    }

    footer .area.logos .logos-right {
        text-align: right
    }

    footer .area.logos .logos-right a.logo {
        margin-right: 0
    }
}

footer .area.legal {
    z-index: 100
}

@media (max-width: 767px) {
    footer .area.legal {
        padding-bottom: 30px
    }
}

footer .area.legal .legal-nav {
    margin-top: 15px;
    border-top: 1px solid #b1bac3;
    padding-top: 15px;
    text-align: right
}

@media (max-width: 767px) {
    footer .area.legal .legal-nav ul li a {
        line-height: 2
    }
}

@media (min-width: 768px) {
    footer .area.legal .legal-nav ul li {
        display: inline-block
    }

    footer .area.legal .legal-nav ul li a {
        border-left: 1px solid #b1bac3;
        display: block;
        line-height: 1;
        padding: 0 7.5px
    }

    footer .area.legal .legal-nav ul li:first-child a {
        border-left: 0;
        padding-left: 0
    }

    footer .area.legal .legal-nav ul li:last-child a {
        padding-right: 0
    }
}

footer .area.legal .legal-copy {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: right
}

.cookie-info {
    background-color: #ededed;
    bottom: 0;
    display: none;
    left: 0;
    padding-top: 45px;
    padding-bottom: 30px;
    position: fixed;
    right: 0;
    z-index: 590
}

@media only screen and (min-width: 768px) {
    .cookie-info::before {
        top: -20px;
        content: '';
        display: block;
        height: 20px;
        position: absolute;
        z-index: 101;
        left: 0;
        right: 0;
        background: linear-gradient(30deg, #ededed 0%, #ededed 73px, rgba(255, 255, 255, 0) 73px), linear-gradient(330deg, #ededed 0%, #ededed 73px, rgba(255, 255, 255, 0) 73px)
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cookie-info::before {
        background: linear-gradient(30deg, #ededed 0%, #ededed 36.5px, rgba(255, 255, 255, 0) 36.5px), linear-gradient(330deg, #ededed 0%, #ededed 36.5px, rgba(255, 255, 255, 0) 36.5px)
    }
}

@media only screen and (min-width: 768px) {
    .cookie-info::after {
        border-bottom-width: 0;
        border-left-color: transparent;
        border-left-width: 35px;
        border-right-color: transparent;
        border-right-width: 35px;
        border-style: solid;
        border-top-color: #ededed;
        border-top-width: 20px;
        bottom: -20px;
        content: '';
        display: block;
        height: 0;
        left: 73px;
        position: absolute;
        right: 73px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cookie-info::after {
        left: 36.5px;
        right: 36.5px
    }
}

@media (max-width: 767px) {
    .cookie-info {
        padding-bottom: 15px
    }
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper:nth-child(2),
#CybotCookiebotDialogBodyLevelButtonsSelectPane .CybotCookiebotDialogBodyLevelButtonWrapper:nth-child(3),
#CybotCookiebotDialogDetailBodyContentCookieContainerPreference,
#CybotCookiebotDialogDetailBodyContentCookieContainerStatistics,
#CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified {
    display: none
}

.content {
    color: #333
}

.content p,
.content dl,
.content hr,
.content ol,
.content ul,
.content pre,
.content table,
.content address,
.content fieldset,
.content figure,
.content form {
    margin-bottom: 15px
}

.content pre,
.content code {
    font-family: "DejaVu Sans Mono", Monaco, Consolas, monospace
}

.content strong {
    color: #000
}

.content small {
    font-size: 11.7333333333px
}

.content small.very {
    font-size: 8.5333333333px
}

.content sup,
.content sub {
    font-size: 80%
}

.content h1 sup,
.content h1 sub,
.content h2 sup,
.content h2 sub,
.content h3 sup,
.content h3 sub,
.content h4 sup,
.content h4 sub,
.content h5 sup,
.content h5 sub,
.content h6 sup,
.content h6 sub {
    font-size: 60%
}

.content a,
.content a strong {
    text-decoration: none;
    color: #ec5300
}

@media (min-width: 1025px) {

    .content a:hover,
    .content a strong:hover {
        color: #000
    }
}

.content hr {
    clear: both;
    border: none;
    border-top: 1px solid #ccc
}

.content ul,
.content ol {
    padding-left: 15px
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
    margin-bottom: 0
}

.content ul {
    list-style: disc
}

.content ol {
    list-style: decimal
}

.content ul.styled,
.content .product_details ul,
.content .text-image ul {
    list-style: none;
    padding-left: 0
}

.content ul.styled li,
.content .text-image ul li,
.content .product_details ul li,
.content ul li.styled {
    padding-left: 15px
}

.content ul.styled li::before,
.content .text-image ul li::before,
.content .product_details ul li::before,
.content ul li.styled::before {
    margin-top: 3.2px;
    background-color: #ec5300;
    content: "\00a0";
    display: block;
    float: left;
    line-height: 1;
    margin-left: -15px;
    overflow: hidden;
    width: 1px
}

@media (min-width: 1215px) {

    .content ul.styled li::before,
    .content .text-image ul li::before,
    .content .product_details ul li::before,
    .content ul li.styled::before {
        margin-top: 4px
    }
}

@media only screen {
    .content div.table-wrapper {
        overflow-x: auto
    }
}

.content table {
    width: 100%;
    border-collapse: collapse
}

.content table th,
.content table td {
    padding: 7.5px
}

.content table th:first-child,
.content table td:first-child {
    padding-left: 0
}

.content table th:last-child,
.content table td:last-child {
    padding-right: 0
}

.content table tr:first-child th,
.content table tr:first-child td {
    padding-top: 0
}

.content table tr:last-child th,
.content table tr:last-child td {
    padding-bottom: 0
}

.content table th.center,
.content table td.center {
    text-align: center
}

.content table th.right,
.content table td.right {
    text-align: right
}

.content table th.middle,
.content table td.middle {
    vertical-align: middle
}

.content table th.nowrap,
.content table td.nowrap {
    white-space: nowrap
}

.content table.horizontal-lines th,
.content table.horizontal-lines td {
    border-top: 1px solid #ccc
}

.content table.horizontal-lines tr:first-child th,
.content table.horizontal-lines tr:first-child td {
    border-top: none
}

.content textarea:focus,
.content input:focus,
.content *:focus {
    outline: 0
}

.content select option {
    font-family: Montserrat, Verdana, Arial, sans-serif;
    line-height: 1.5
}

.content dl dt,
.content dl dd {
    display: inline-block;
    margin-bottom: 7.5px;
    vertical-align: top
}

.content dl dt {
    width: 33%
}

.content dl dd {
    width: 66%
}

.content .text-left {
    text-align: left
}

.content .center,
.content .text-center {
    text-align: center
}

.content .text-right {
    text-align: right
}

.content .clear-left {
    clear: left
}

.content .float-left {
    float: left
}

.content .float-right {
    float: right
}

.content .banner {
    margin-left: -15px;
    margin-right: -15px
}

.content .close {
    text-align: left;
    text-indent: -9999px;
    white-space: nowrap;
    float: right;
    width: 20px;
    height: 20px;
    background-color: #ec5300;
    background-image: url(../images/close-1x.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

@media (min-width: 1215px) {
    .content .close {
        background-image: url(../images/close-2x.png) !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (min-device-pixel-ratio: 1.5) {
    .content .close {
        background-image: url(../images/close-2x.png) !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 288dpi),
only screen and (min-resolution: 2dppx) {
    .content .close {
        background-image: url(../images/close-3x.png) !important
    }
}

.content .close.round {
    border-radius: 10px
}

.content .ajax {
    display: none
}

.content .ajax.visible {
    display: block
}

.content .error-message {
    color: #c00
}

.content div.notice,
.content #flashMessage {
    margin: 15px 0;
    padding: 15px;
    border: 2px solid #ccc;
    background-color: #ededed
}

@media (min-width: 768px) {

    .content div.notice,
    .content #flashMessage {
        width: 500px
    }
}

.content div.csc-textpic-image img {
    max-width: 100%;
    height: auto
}

.content .csc-default {
    clear: both
}

picture.zoomed img {
    display: block;
    margin: 0 auto;
    max-height: 100%
}

.content .btn,
.content .button,
.area.content .nav-block ul li a.btn {
    display: inline-block;
    border: none;
    padding: 0 15px;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    line-height: 34px;
    min-height: 34px;
    font-size: 12.8px;
    text-decoration: none;
    font-family: inherit
}

@media (min-width: 1215px) {

    .content .btn,
    .content .button,
    .area.content .nav-block ul li a.btn {
        line-height: 42.5px !important
    }
}

@media (min-width: 1215px) {

    .content .btn,
    .content .button,
    .area.content .nav-block ul li a.btn {
        min-height: 42.5px
    }
}

@media (min-width: 1215px) {

    .content .btn,
    .content .button,
    .area.content .nav-block ul li a.btn {
        font-size: 16px
    }
}

.content .btn,
.content .btn *,
.content .button,
.content .button *,
.area.content .nav-block ul li a.btn,
.area.content .nav-block ul li a.btn * {
    color: #fff
}

@media (min-width: 1025px) {

    .content .btn:hover,
    .content .btn:hover *,
    .content .button:hover,
    .content .button:hover *,
    .area.content .nav-block ul li a.btn:hover,
    .area.content .nav-block ul li a.btn:hover * {
        color: #fff;
        text-decoration: none !important
    }
}

.content .btn.glyphicons,
.content .button.glyphicons,
.area.content .nav-block ul li a.btn.glyphicons {
    position: relative;
    margin-left: 37px
}

@media (min-width: 1215px) {

    .content .btn.glyphicons,
    .content .button.glyphicons,
    .area.content .nav-block ul li a.btn.glyphicons {
        margin-left: 46.25px
    }
}

.content .btn.glyphicons:before,
.content .button.glyphicons:before,
.area.content .nav-block ul li a.btn.glyphicons:before {
    position: absolute;
    top: 0;
    left: -37px;
    bottom: 0;
    line-height: 34px;
    width: 34px;
    padding: 0;
    font-family: 'Glyphicons Regular';
    font-weight: normal;
    text-align: center
}

@media (min-width: 1215px) {

    .content .btn.glyphicons:before,
    .content .button.glyphicons:before,
    .area.content .nav-block ul li a.btn.glyphicons:before {
        left: -46.25px
    }
}

@media (min-width: 1215px) {

    .content .btn.glyphicons:before,
    .content .button.glyphicons:before,
    .area.content .nav-block ul li a.btn.glyphicons:before {
        line-height: 42.5px
    }
}

@media (min-width: 1215px) {

    .content .btn.glyphicons:before,
    .content .button.glyphicons:before,
    .area.content .nav-block ul li a.btn.glyphicons:before {
        width: 42.5px
    }
}

@media only screen {

    .content .btn.glyphicons:before,
    .content .button.glyphicons:before,
    .area.content .nav-block ul li a.btn.glyphicons:before {
        font-display: swap
    }
}

.content .btn,
.content .btn.glyphicons:before,
.content .button,
.content .button.glyphicons:before,
.area.content .nav-block ul li a.btn,
.area.content .nav-block ul li a.btn.glyphicons:before {
    background-color: #ec5300
}

@media (min-width: 1025px) {

    .content .btn:hover,
    .content .btn.glyphicons:hover:before,
    .content .button:hover,
    .content .button.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn:hover,
    .area.content .nav-block ul li a.btn.glyphicons:hover:before {
        background-color: #ff6e20
    }
}

.content .btn.atm,
.content .btn.atm.glyphicons:before,
.content .button.atm,
.content .button.atm.glyphicons:before,
.area.content .nav-block ul li a.btn.atm,
.area.content .nav-block ul li a.btn.atm.glyphicons:before {
    background-color: #ec5300
}

@media (min-width: 1025px) {

    .content .btn.atm:hover,
    .content .btn.atm.glyphicons:hover:before,
    .content .button.atm:hover,
    .content .button.atm.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.atm:hover,
    .area.content .nav-block ul li a.btn.atm.glyphicons:hover:before {
        background-color: #ff6e20
    }
}

.content .btn.carbolite,
.content .btn.carbolite.glyphicons:before,
.content .button.carbolite,
.content .button.carbolite.glyphicons:before,
.area.content .nav-block ul li a.btn.carbolite,
.area.content .nav-block ul li a.btn.carbolite.glyphicons:before {
    background-color: #e30613
}

@media (min-width: 1025px) {

    .content .btn.carbolite:hover,
    .content .btn.carbolite.glyphicons:hover:before,
    .content .button.carbolite:hover,
    .content .button.carbolite.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.carbolite:hover,
    .area.content .nav-block ul li a.btn.carbolite.glyphicons:hover:before {
        background-color: #f9232f
    }
}

.content .btn.eltra,
.content .btn.eltra.glyphicons:before,
.content .button.eltra,
.content .button.eltra.glyphicons:before,
.area.content .nav-block ul li a.btn.eltra,
.area.content .nav-block ul li a.btn.eltra.glyphicons:before {
    background-color: #f39200
}

@media (min-width: 1025px) {

    .content .btn.eltra:hover,
    .content .btn.eltra.glyphicons:hover:before,
    .content .button.eltra:hover,
    .content .button.eltra.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.eltra:hover,
    .area.content .nav-block ul li a.btn.eltra.glyphicons:hover:before {
        background-color: #ffa927
    }
}

.content .btn.endecotts,
.content .btn.endecotts.glyphicons:before,
.content .button.endecotts,
.content .button.endecotts.glyphicons:before,
.area.content .nav-block ul li a.btn.endecotts,
.area.content .nav-block ul li a.btn.endecotts.glyphicons:before {
    background-color: #014e2f
}

@media (min-width: 1025px) {

    .content .btn.endecotts:hover,
    .content .btn.endecotts.glyphicons:hover:before,
    .content .button.endecotts:hover,
    .content .button.endecotts.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.endecotts:hover,
    .area.content .nav-block ul li a.btn.endecotts.glyphicons:hover:before {
        background-color: #02804d
    }
}

.content .btn.microtrac,
.content .btn.microtrac.glyphicons:before,
.content .button.microtrac,
.content .button.microtrac.glyphicons:before,
.area.content .nav-block ul li a.btn.microtrac,
.area.content .nav-block ul li a.btn.microtrac.glyphicons:before {
    background-color: #00b4cd
}

@media (min-width: 1025px) {

    .content .btn.microtrac:hover,
    .content .btn.microtrac.glyphicons:hover:before,
    .content .button.microtrac:hover,
    .content .button.microtrac.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.microtrac:hover,
    .area.content .nav-block ul li a.btn.microtrac.glyphicons:hover:before {
        background-color: #01e0ff
    }
}

.content .btn.qness,
.content .btn.qness.glyphicons:before,
.content .button.qness,
.content .button.qness.glyphicons:before,
.area.content .nav-block ul li a.btn.qness,
.area.content .nav-block ul li a.btn.qness.glyphicons:before {
    background-color: #e25303
}

@media (min-width: 1025px) {

    .content .btn.qness:hover,
    .content .btn.qness.glyphicons:hover:before,
    .content .button.qness:hover,
    .content .button.qness.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.qness:hover,
    .area.content .nav-block ul li a.btn.qness.glyphicons:hover:before {
        background-color: #fc6c1c
    }
}

.content .btn.retsch,
.content .btn.retsch.glyphicons:before,
.content .button.retsch,
.content .button.retsch.glyphicons:before,
.area.content .nav-block ul li a.btn.retsch,
.area.content .nav-block ul li a.btn.retsch.glyphicons:before {
    background-color: #006fb9
}

@media (min-width: 1025px) {

    .content .btn.retsch:hover,
    .content .btn.retsch.glyphicons:hover:before,
    .content .button.retsch:hover,
    .content .button.retsch.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.retsch:hover,
    .area.content .nav-block ul li a.btn.retsch.glyphicons:hover:before {
        background-color: #008eec
    }
}

.content .btn.retsch-technology,
.content .btn.retsch-technology.glyphicons:before,
.content .button.retsch-technology,
.content .button.retsch-technology.glyphicons:before,
.area.content .nav-block ul li a.btn.retsch-technology,
.area.content .nav-block ul li a.btn.retsch-technology.glyphicons:before {
    background-color: #40c0f0
}

@media (min-width: 1025px) {

    .content .btn.retsch-technology:hover,
    .content .btn.retsch-technology.glyphicons:hover:before,
    .content .button.retsch-technology:hover,
    .content .button.retsch-technology.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.retsch-technology:hover,
    .area.content .nav-block ul li a.btn.retsch-technology.glyphicons:hover:before {
        background-color: #6fd0f4
    }
}

.content .btn.btn-error,
.content .btn.btn-error.glyphicons:before,
.content .button.btn-error,
.content .button.btn-error.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-error,
.area.content .nav-block ul li a.btn.btn-error.glyphicons:before {
    background-color: #c00
}

@media (min-width: 1025px) {

    .content .btn.btn-error:hover,
    .content .btn.btn-error.glyphicons:hover:before,
    .content .button.btn-error:hover,
    .content .button.btn-error.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.btn-error:hover,
    .area.content .nav-block ul li a.btn.btn-error.glyphicons:hover:before {
        background-color: red
    }
}

.content .btn.btn-success,
.content .btn.btn-success.glyphicons:before,
.content .button.btn-success,
.content .button.btn-success.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-success,
.area.content .nav-block ul li a.btn.btn-success.glyphicons:before {
    background-color: #3b8916
}

@media (min-width: 1025px) {

    .content .btn.btn-success:hover,
    .content .btn.btn-success.glyphicons:hover:before,
    .content .button.btn-success:hover,
    .content .button.btn-success.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.btn-success:hover,
    .area.content .nav-block ul li a.btn.btn-success.glyphicons:hover:before {
        background-color: #4eb51d
    }
}

.content .btn.inverted,
.content .btn.inverted.glyphicons:before,
.content .btn.atm-inverted,
.content .btn.atm-inverted.glyphicons:before,
.content .btn.carbolite-inverted,
.content .btn.carbolite-inverted.glyphicons:before,
.content .btn.eltra-inverted,
.content .btn.eltra-inverted.glyphicons:before,
.content .btn.endecotts-inverted,
.content .btn.endecotts-inverted.glyphicons:before,
.content .btn.qness-inverted,
.content .btn.qness-inverted.glyphicons:before,
.content .btn.retsch-inverted,
.content .btn.retsch-inverted.glyphicons:before,
.content .btn.retsch-technology-inverted,
.content .btn.retsch-technology-inverted.glyphicons:before,
.content .btn.btn-error-inverted,
.content .btn.btn-error-inverted.glyphicons:before,
.content .btn.btn-success-inverted,
.content .btn.btn-success-inverted.glyphicons:before,
.content .button.inverted,
.content .button.inverted.glyphicons:before,
.content .button.atm-inverted,
.content .button.atm-inverted.glyphicons:before,
.content .button.carbolite-inverted,
.content .button.carbolite-inverted.glyphicons:before,
.content .button.eltra-inverted,
.content .button.eltra-inverted.glyphicons:before,
.content .button.endecotts-inverted,
.content .button.endecotts-inverted.glyphicons:before,
.content .button.qness-inverted,
.content .button.qness-inverted.glyphicons:before,
.content .button.retsch-inverted,
.content .button.retsch-inverted.glyphicons:before,
.content .button.retsch-technology-inverted,
.content .button.retsch-technology-inverted.glyphicons:before,
.content .button.btn-error-inverted,
.content .button.btn-error-inverted.glyphicons:before,
.content .button.btn-success-inverted,
.content .button.btn-success-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.inverted,
.area.content .nav-block ul li a.btn.inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.atm-inverted,
.area.content .nav-block ul li a.btn.atm-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.carbolite-inverted,
.area.content .nav-block ul li a.btn.carbolite-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.eltra-inverted,
.area.content .nav-block ul li a.btn.eltra-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.endecotts-inverted,
.area.content .nav-block ul li a.btn.endecotts-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.qness-inverted,
.area.content .nav-block ul li a.btn.qness-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.retsch-inverted,
.area.content .nav-block ul li a.btn.retsch-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.retsch-technology-inverted,
.area.content .nav-block ul li a.btn.retsch-technology-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-error-inverted,
.area.content .nav-block ul li a.btn.btn-error-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-success-inverted,
.area.content .nav-block ul li a.btn.btn-success-inverted.glyphicons:before {
    background-color: #fff
}

@media (min-width: 1025px) {

    .content .btn.inverted:hover,
    .content .btn.inverted.glyphicons:hover:before,
    .content .btn.atm-inverted:hover,
    .content .btn.atm-inverted.glyphicons:hover:before,
    .content .btn.carbolite-inverted:hover,
    .content .btn.carbolite-inverted.glyphicons:hover:before,
    .content .btn.eltra-inverted:hover,
    .content .btn.eltra-inverted.glyphicons:hover:before,
    .content .btn.endecotts-inverted:hover,
    .content .btn.endecotts-inverted.glyphicons:hover:before,
    .content .btn.qness-inverted:hover,
    .content .btn.qness-inverted.glyphicons:hover:before,
    .content .btn.retsch-inverted:hover,
    .content .btn.retsch-inverted.glyphicons:hover:before,
    .content .btn.retsch-technology-inverted:hover,
    .content .btn.retsch-technology-inverted.glyphicons:hover:before,
    .content .btn.btn-error-inverted:hover,
    .content .btn.btn-error-inverted.glyphicons:hover:before,
    .content .btn.btn-success-inverted:hover,
    .content .btn.btn-success-inverted.glyphicons:hover:before,
    .content .button.inverted:hover,
    .content .button.inverted.glyphicons:hover:before,
    .content .button.atm-inverted:hover,
    .content .button.atm-inverted.glyphicons:hover:before,
    .content .button.carbolite-inverted:hover,
    .content .button.carbolite-inverted.glyphicons:hover:before,
    .content .button.eltra-inverted:hover,
    .content .button.eltra-inverted.glyphicons:hover:before,
    .content .button.endecotts-inverted:hover,
    .content .button.endecotts-inverted.glyphicons:hover:before,
    .content .button.qness-inverted:hover,
    .content .button.qness-inverted.glyphicons:hover:before,
    .content .button.retsch-inverted:hover,
    .content .button.retsch-inverted.glyphicons:hover:before,
    .content .button.retsch-technology-inverted:hover,
    .content .button.retsch-technology-inverted.glyphicons:hover:before,
    .content .button.btn-error-inverted:hover,
    .content .button.btn-error-inverted.glyphicons:hover:before,
    .content .button.btn-success-inverted:hover,
    .content .button.btn-success-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.inverted:hover,
    .area.content .nav-block ul li a.btn.inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.atm-inverted:hover,
    .area.content .nav-block ul li a.btn.atm-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.carbolite-inverted:hover,
    .area.content .nav-block ul li a.btn.carbolite-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.eltra-inverted:hover,
    .area.content .nav-block ul li a.btn.eltra-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.endecotts-inverted:hover,
    .area.content .nav-block ul li a.btn.endecotts-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.qness-inverted:hover,
    .area.content .nav-block ul li a.btn.qness-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.retsch-inverted:hover,
    .area.content .nav-block ul li a.btn.retsch-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.retsch-technology-inverted:hover,
    .area.content .nav-block ul li a.btn.retsch-technology-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.btn-error-inverted:hover,
    .area.content .nav-block ul li a.btn.btn-error-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.btn-success-inverted:hover,
    .area.content .nav-block ul li a.btn.btn-success-inverted.glyphicons:hover:before {
        background-color: #ededed
    }
}

.content .btn.inverted,
.content .btn.inverted.glyphicons:before,
.content .button.inverted,
.content .button.inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.inverted,
.area.content .nav-block ul li a.btn.inverted.glyphicons:before {
    color: #ec5300
}

@media (min-width: 1025px) {

    .content .btn.inverted:hover,
    .content .btn.inverted.glyphicons:hover:before,
    .content .button.inverted:hover,
    .content .button.inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.inverted:hover,
    .area.content .nav-block ul li a.btn.inverted.glyphicons:hover:before {
        color: #ff6e20
    }
}

.content .btn.atm-inverted,
.content .btn.atm-inverted.glyphicons:before,
.content .button.atm-inverted,
.content .button.atm-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.atm-inverted,
.area.content .nav-block ul li a.btn.atm-inverted.glyphicons:before {
    color: #ec5300
}

@media (min-width: 1025px) {

    .content .btn.atm-inverted:hover,
    .content .btn.atm-inverted.glyphicons:hover:before,
    .content .button.atm-inverted:hover,
    .content .button.atm-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.atm-inverted:hover,
    .area.content .nav-block ul li a.btn.atm-inverted.glyphicons:hover:before {
        color: #ff6e20
    }
}

.content .btn.carbolite-inverted,
.content .btn.carbolite-inverted.glyphicons:before,
.content .button.carbolite-inverted,
.content .button.carbolite-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.carbolite-inverted,
.area.content .nav-block ul li a.btn.carbolite-inverted.glyphicons:before {
    color: #e30613
}

@media (min-width: 1025px) {

    .content .btn.carbolite-inverted:hover,
    .content .btn.carbolite-inverted.glyphicons:hover:before,
    .content .button.carbolite-inverted:hover,
    .content .button.carbolite-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.carbolite-inverted:hover,
    .area.content .nav-block ul li a.btn.carbolite-inverted.glyphicons:hover:before {
        color: #f9232f
    }
}

.content .btn.eltra-inverted,
.content .btn.eltra-inverted.glyphicons:before,
.content .button.eltra-inverted,
.content .button.eltra-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.eltra-inverted,
.area.content .nav-block ul li a.btn.eltra-inverted.glyphicons:before {
    color: #f39200
}

@media (min-width: 1025px) {

    .content .btn.eltra-inverted:hover,
    .content .btn.eltra-inverted.glyphicons:hover:before,
    .content .button.eltra-inverted:hover,
    .content .button.eltra-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.eltra-inverted:hover,
    .area.content .nav-block ul li a.btn.eltra-inverted.glyphicons:hover:before {
        color: #ffa927
    }
}

.content .btn.endecotts-inverted,
.content .btn.endecotts-inverted.glyphicons:before,
.content .button.endecotts-inverted,
.content .button.endecotts-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.endecotts-inverted,
.area.content .nav-block ul li a.btn.endecotts-inverted.glyphicons:before {
    color: #014e2f
}

@media (min-width: 1025px) {

    .content .btn.endecotts-inverted:hover,
    .content .btn.endecotts-inverted.glyphicons:hover:before,
    .content .button.endecotts-inverted:hover,
    .content .button.endecotts-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.endecotts-inverted:hover,
    .area.content .nav-block ul li a.btn.endecotts-inverted.glyphicons:hover:before {
        color: #02804d
    }
}

.content .btn.qness-inverted,
.content .btn.qness-inverted.glyphicons:before,
.content .button.qness-inverted,
.content .button.qness-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.qness-inverted,
.area.content .nav-block ul li a.btn.qness-inverted.glyphicons:before {
    color: #e25303
}

@media (min-width: 1025px) {

    .content .btn.qness-inverted:hover,
    .content .btn.qness-inverted.glyphicons:hover:before,
    .content .button.qness-inverted:hover,
    .content .button.qness-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.qness-inverted:hover,
    .area.content .nav-block ul li a.btn.qness-inverted.glyphicons:hover:before {
        color: #fc6c1c
    }
}

.content .btn.retsch-inverted,
.content .btn.retsch-inverted.glyphicons:before,
.content .button.retsch-inverted,
.content .button.retsch-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.retsch-inverted,
.area.content .nav-block ul li a.btn.retsch-inverted.glyphicons:before {
    color: #006fb9
}

@media (min-width: 1025px) {

    .content .btn.retsch-inverted:hover,
    .content .btn.retsch-inverted.glyphicons:hover:before,
    .content .button.retsch-inverted:hover,
    .content .button.retsch-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.retsch-inverted:hover,
    .area.content .nav-block ul li a.btn.retsch-inverted.glyphicons:hover:before {
        color: #008eec
    }
}

.content .btn.retsch-technology-inverted,
.content .btn.retsch-technology-inverted.glyphicons:before,
.content .button.retsch-technology-inverted,
.content .button.retsch-technology-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.retsch-technology-inverted,
.area.content .nav-block ul li a.btn.retsch-technology-inverted.glyphicons:before {
    color: #40c0f0
}

@media (min-width: 1025px) {

    .content .btn.retsch-technology-inverted:hover,
    .content .btn.retsch-technology-inverted.glyphicons:hover:before,
    .content .button.retsch-technology-inverted:hover,
    .content .button.retsch-technology-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.retsch-technology-inverted:hover,
    .area.content .nav-block ul li a.btn.retsch-technology-inverted.glyphicons:hover:before {
        color: #6fd0f4
    }
}

.content .btn.btn-error-inverted,
.content .btn.btn-error-inverted.glyphicons:before,
.content .button.btn-error-inverted,
.content .button.btn-error-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-error-inverted,
.area.content .nav-block ul li a.btn.btn-error-inverted.glyphicons:before {
    color: #c00
}

@media (min-width: 1025px) {

    .content .btn.btn-error-inverted:hover,
    .content .btn.btn-error-inverted.glyphicons:hover:before,
    .content .button.btn-error-inverted:hover,
    .content .button.btn-error-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.btn-error-inverted:hover,
    .area.content .nav-block ul li a.btn.btn-error-inverted.glyphicons:hover:before {
        color: red
    }
}

.content .btn.btn-success-inverted,
.content .btn.btn-success-inverted.glyphicons:before,
.content .button.btn-success-inverted,
.content .button.btn-success-inverted.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-success-inverted,
.area.content .nav-block ul li a.btn.btn-success-inverted.glyphicons:before {
    color: #3b8916
}

@media (min-width: 1025px) {

    .content .btn.btn-success-inverted:hover,
    .content .btn.btn-success-inverted.glyphicons:hover:before,
    .content .button.btn-success-inverted:hover,
    .content .button.btn-success-inverted.glyphicons:hover:before,
    .area.content .nav-block ul li a.btn.btn-success-inverted:hover,
    .area.content .nav-block ul li a.btn.btn-success-inverted.glyphicons:hover:before {
        color: #4eb51d
    }
}

.content .btn.btn-block,
.content .button.btn-block,
.area.content .nav-block ul li a.btn.btn-block {
    display: block
}

.content .btn.btn-block span,
.content .button.btn-block span,
.area.content .nav-block ul li a.btn.btn-block span {
    text-align: center
}

@media (min-width: 768px) {

    .content .btn.btn-mid,
    .content .button.btn-mid,
    .area.content .nav-block ul li a.btn.btn-mid {
        width: 190px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {

    .content .btn.btn-mid,
    .content .button.btn-mid,
    .area.content .nav-block ul li a.btn.btn-mid {
        width: 237.5px
    }
}

@media (min-width: 768px) {

    .content .btn.btn-mid.glyphicons,
    .content .button.btn-mid.glyphicons,
    .area.content .nav-block ul li a.btn.btn-mid.glyphicons {
        width: 153px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {

    .content .btn.btn-mid.glyphicons,
    .content .button.btn-mid.glyphicons,
    .area.content .nav-block ul li a.btn.btn-mid.glyphicons {
        width: 191.25px
    }
}

@media (max-width: 767px) {

    .content .btn.btn-mid,
    .content .button.btn-mid,
    .area.content .nav-block ul li a.btn.btn-mid {
        display: block
    }
}

@media (min-width: 768px) {

    .content .btn.btn-wide,
    .content .button.btn-wide,
    .area.content .nav-block ul li a.btn.btn-wide {
        width: 220px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {

    .content .btn.btn-wide,
    .content .button.btn-wide,
    .area.content .nav-block ul li a.btn.btn-wide {
        width: 275px
    }
}

@media (min-width: 768px) {

    .content .btn.btn-wide.glyphicons,
    .content .button.btn-wide.glyphicons,
    .area.content .nav-block ul li a.btn.btn-wide.glyphicons {
        width: 183px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {

    .content .btn.btn-wide.glyphicons,
    .content .button.btn-wide.glyphicons,
    .area.content .nav-block ul li a.btn.btn-wide.glyphicons {
        width: 228.75px
    }
}

@media (max-width: 767px) {

    .content .btn.btn-wide,
    .content .button.btn-wide,
    .area.content .nav-block ul li a.btn.btn-wide {
        display: block
    }
}

.content .btn.btn-bigicon.glyphicons:before,
.content .button.btn-bigicon.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-bigicon.glyphicons:before {
    font-size: 21px
}

@media (min-width: 1215px) {

    .content .btn.btn-bigicon.glyphicons:before,
    .content .button.btn-bigicon.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-bigicon.glyphicons:before {
        font-size: 26.25px
    }
}

.content .btn.btn-big,
.content .button.btn-big,
.area.content .nav-block ul li a.btn.btn-big {
    font-size: 16px;
    line-height: 42.5px;
    min-height: 42.5px
}

@media (min-width: 1215px) {

    .content .btn.btn-big,
    .content .button.btn-big,
    .area.content .nav-block ul li a.btn.btn-big {
        font-size: 20px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-big,
    .content .button.btn-big,
    .area.content .nav-block ul li a.btn.btn-big {
        line-height: 53.125px !important
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-big,
    .content .button.btn-big,
    .area.content .nav-block ul li a.btn.btn-big {
        min-height: 53.125px
    }
}

.content .btn.btn-big.glyphicons,
.content .button.btn-big.glyphicons,
.area.content .nav-block ul li a.btn.btn-big.glyphicons {
    margin-left: 45.5px
}

@media (min-width: 1215px) {

    .content .btn.btn-big.glyphicons,
    .content .button.btn-big.glyphicons,
    .area.content .nav-block ul li a.btn.btn-big.glyphicons {
        margin-left: 56.875px
    }
}

.content .btn.btn-big.glyphicons.btn-notext,
.content .button.btn-big.glyphicons.btn-notext,
.area.content .nav-block ul li a.btn.btn-big.glyphicons.btn-notext {
    margin-left: 42.5px
}

@media (min-width: 1215px) {

    .content .btn.btn-big.glyphicons.btn-notext,
    .content .button.btn-big.glyphicons.btn-notext,
    .area.content .nav-block ul li a.btn.btn-big.glyphicons.btn-notext {
        margin-left: 53.125px
    }
}

.content .btn.btn-big.glyphicons.btn-notext:before,
.content .button.btn-big.glyphicons.btn-notext:before,
.area.content .nav-block ul li a.btn.btn-big.glyphicons.btn-notext:before {
    left: -42.5px
}

@media (min-width: 1215px) {

    .content .btn.btn-big.glyphicons.btn-notext:before,
    .content .button.btn-big.glyphicons.btn-notext:before,
    .area.content .nav-block ul li a.btn.btn-big.glyphicons.btn-notext:before {
        left: -53.125px
    }
}

.content .btn.btn-big.glyphicons:before,
.content .button.btn-big.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
    left: -45.5px;
    line-height: 42.5px;
    width: 42.5px;
    font-size: 21px
}

@media (min-width: 1215px) {

    .content .btn.btn-big.glyphicons:before,
    .content .button.btn-big.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
        left: -56.875px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-big.glyphicons:before,
    .content .button.btn-big.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
        line-height: 53.125px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-big.glyphicons:before,
    .content .button.btn-big.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
        width: 53.125px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-big.glyphicons:before,
    .content .button.btn-big.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
        font-size: 26.25px
    }
}

.content .btn.btn-narrow,
.content .button.btn-narrow,
.area.content .nav-block ul li a.btn.btn-narrow {
    line-height: 27.2px;
    min-height: 27.2px
}

@media (min-width: 1215px) {

    .content .btn.btn-narrow,
    .content .button.btn-narrow,
    .area.content .nav-block ul li a.btn.btn-narrow {
        line-height: 34px !important
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-narrow,
    .content .button.btn-narrow,
    .area.content .nav-block ul li a.btn.btn-narrow {
        min-height: 34px
    }
}

.content .btn.btn-narrow.glyphicons,
.content .button.btn-narrow.glyphicons,
.area.content .nav-block ul li a.btn.btn-narrow.glyphicons {
    margin-left: 30.2px
}

@media (min-width: 1215px) {

    .content .btn.btn-narrow.glyphicons,
    .content .button.btn-narrow.glyphicons,
    .area.content .nav-block ul li a.btn.btn-narrow.glyphicons {
        margin-left: 37.75px
    }
}

.content .btn.btn-narrow.glyphicons.btn-notext,
.content .button.btn-narrow.glyphicons.btn-notext,
.area.content .nav-block ul li a.btn.btn-narrow.glyphicons.btn-notext {
    margin-left: 27.2px
}

@media (min-width: 1215px) {

    .content .btn.btn-narrow.glyphicons.btn-notext,
    .content .button.btn-narrow.glyphicons.btn-notext,
    .area.content .nav-block ul li a.btn.btn-narrow.glyphicons.btn-notext {
        margin-left: 34px
    }
}

.content .btn.btn-narrow.glyphicons.btn-notext:before,
.content .button.btn-narrow.glyphicons.btn-notext:before,
.area.content .nav-block ul li a.btn.btn-narrow.glyphicons.btn-notext:before {
    left: -27.2px
}

@media (min-width: 1215px) {

    .content .btn.btn-narrow.glyphicons.btn-notext:before,
    .content .button.btn-narrow.glyphicons.btn-notext:before,
    .area.content .nav-block ul li a.btn.btn-narrow.glyphicons.btn-notext:before {
        left: -34px
    }
}

.content .btn.btn-narrow.glyphicons:before,
.content .button.btn-narrow.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-narrow.glyphicons:before {
    left: -30.2px;
    line-height: 27.2px;
    width: 27.2px
}

@media (min-width: 1215px) {

    .content .btn.btn-narrow.glyphicons:before,
    .content .button.btn-narrow.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-narrow.glyphicons:before {
        left: -37.75px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-narrow.glyphicons:before,
    .content .button.btn-narrow.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-narrow.glyphicons:before {
        line-height: 34px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-narrow.glyphicons:before,
    .content .button.btn-narrow.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-narrow.glyphicons:before {
        width: 34px
    }
}

.content .btn.btn-tiny,
.content .button.btn-tiny,
.area.content .nav-block ul li a.btn.btn-tiny {
    font-size: 11.7333333333px;
    line-height: 22.6666666667px;
    min-height: 22.6666666667px;
    padding: 0 7.5px
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny,
    .content .button.btn-tiny,
    .area.content .nav-block ul li a.btn.btn-tiny {
        font-size: 14.6666666667px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny,
    .content .button.btn-tiny,
    .area.content .nav-block ul li a.btn.btn-tiny {
        line-height: 28.3333333333px !important
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny,
    .content .button.btn-tiny,
    .area.content .nav-block ul li a.btn.btn-tiny {
        min-height: 28.3333333333px
    }
}

.content .btn.btn-tiny.glyphicons,
.content .button.btn-tiny.glyphicons,
.area.content .nav-block ul li a.btn.btn-tiny.glyphicons {
    margin-left: 25.6666666667px
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny.glyphicons,
    .content .button.btn-tiny.glyphicons,
    .area.content .nav-block ul li a.btn.btn-tiny.glyphicons {
        margin-left: 32.0833333333px
    }
}

.content .btn.btn-tiny.glyphicons.btn-notext,
.content .button.btn-tiny.glyphicons.btn-notext,
.area.content .nav-block ul li a.btn.btn-tiny.glyphicons.btn-notext {
    margin-left: 22.6666666667px
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny.glyphicons.btn-notext,
    .content .button.btn-tiny.glyphicons.btn-notext,
    .area.content .nav-block ul li a.btn.btn-tiny.glyphicons.btn-notext {
        margin-left: 28.3333333333px
    }
}

.content .btn.btn-tiny.glyphicons.btn-notext:before,
.content .button.btn-tiny.glyphicons.btn-notext:before,
.area.content .nav-block ul li a.btn.btn-tiny.glyphicons.btn-notext:before {
    left: -22.6666666667px
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny.glyphicons.btn-notext:before,
    .content .button.btn-tiny.glyphicons.btn-notext:before,
    .area.content .nav-block ul li a.btn.btn-tiny.glyphicons.btn-notext:before {
        left: -28.3333333333px
    }
}

.content .btn.btn-tiny.glyphicons:before,
.content .button.btn-tiny.glyphicons:before,
.area.content .nav-block ul li a.btn.btn-tiny.glyphicons:before {
    left: -25.6666666667px;
    line-height: 22.6666666667px;
    width: 22.6666666667px
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny.glyphicons:before,
    .content .button.btn-tiny.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-tiny.glyphicons:before {
        left: -32.0833333333px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny.glyphicons:before,
    .content .button.btn-tiny.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-tiny.glyphicons:before {
        line-height: 28.3333333333px
    }
}

@media (min-width: 1215px) {

    .content .btn.btn-tiny.glyphicons:before,
    .content .button.btn-tiny.glyphicons:before,
    .area.content .nav-block ul li a.btn.btn-tiny.glyphicons:before {
        width: 28.3333333333px
    }
}

.content .btn.btn-float-left,
.content .button.btn-float-left,
.area.content .nav-block ul li a.btn.btn-float-left {
    float: left
}

.content .btn.btn-float-right,
.content .button.btn-float-right,
.area.content .nav-block ul li a.btn.btn-float-right {
    float: right
}

.content .btn.btn-strong,
.content .button.btn-strong,
.area.content .nav-block ul li a.btn.btn-strong {
    font-weight: bold;
    text-transform: uppercase
}

.content .btn.btn-center,
.content .button.btn-center,
.area.content .nav-block ul li a.btn.btn-center {
    text-align: center
}

.content .btn.btn-notext,
.content .button.btn-notext,
.area.content .nav-block ul li a.btn.btn-notext {
    padding: 0
}

.content .btn.btn-notext:before,
.content .button.btn-notext:before,
.area.content .nav-block ul li a.btn.btn-notext:before {
    left: -34px
}

@media (min-width: 1215px) {

    .content .btn.btn-notext:before,
    .content .button.btn-notext:before,
    .area.content .nav-block ul li a.btn.btn-notext:before {
        left: -42.5px
    }
}

.content .btn.disabled,
.content .btn.disabled:hover,
.content .btn.disabled:before,
.content .btn.disabled:hover:before,
.content .button.disabled,
.content .button.disabled:hover,
.content .button.disabled:before,
.content .button.disabled:hover:before,
.area.content .nav-block ul li a.btn.disabled,
.area.content .nav-block ul li a.btn.disabled:hover,
.area.content .nav-block ul li a.btn.disabled:before,
.area.content .nav-block ul li a.btn.disabled:hover:before {
    cursor: default;
    background-color: #878787
}

@media only screen {

    .content .btn.disabled,
    .content .btn.disabled:hover,
    .content .btn.disabled:before,
    .content .btn.disabled:hover:before,
    .content .button.disabled,
    .content .button.disabled:hover,
    .content .button.disabled:before,
    .content .button.disabled:hover:before,
    .area.content .nav-block ul li a.btn.disabled,
    .area.content .nav-block ul li a.btn.disabled:hover,
    .area.content .nav-block ul li a.btn.disabled:before,
    .area.content .nav-block ul li a.btn.disabled:hover:before {
        pointer-events: none
    }
}

.content .btn .pdf-download-form,
.content .button .pdf-download-form,
.area.content .nav-block ul li a.btn .pdf-download-form {
    position: absolute;
    top: 35px;
    background-color: #00b4cd;
    left: 0;
    right: 0;
    height: 150px;
    display: none
}

@media (min-width: 1215px) {

    .content .btn .pdf-download-form,
    .content .button .pdf-download-form,
    .area.content .nav-block ul li a.btn .pdf-download-form {
        top: 43.75px
    }
}

.content .btn .pdf-download-form.open,
.content .button .pdf-download-form.open,
.area.content .nav-block ul li a.btn .pdf-download-form.open {
    display: block
}

.area.content .button-list .btn {
    margin-bottom: 15px;
    margin-right: 45px
}

@media (min-width: 768px) {
    .area.content .button-list .btn:last-child {
        margin-right: 0
    }
}

.area.content .button-list.button-list-vertical .btn {
    display: block;
    margin-right: 0
}

.area.content .button-list.button-list-vertical .btn:last-child {
    margin-bottom: 0
}

.area.content .button-list.button-list-justify {
    display: flex
}

@media (min-width: 768px) {
    .area.content .button-list .datasheet-form-container {
        display: inline-block
    }
}

.area.content .button-list .datasheet-form-container .btn {
    margin-bottom: 1px
}

.area.content .button-list .datasheet-form {
    -webkit-box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.3);
    height: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
    margin: 0 45px 0 0
}

.area.content .button-list .datasheet-form.open {
    height: auto;
    display: block
}

.area.content .button-list .datasheet-form .datasheet-form-content {
    padding: 15px
}

.area.content .button-list .datasheet-form .datasheet-form-success {
    text-align: center;
    font-size: 1px;
    padding: 0
}

.area.content .button-list .datasheet-form .datasheet-form-success .glyphicons {
    font-size: 32px;
    color: #3b8916;
    height: 1px;
    opacity: 0
}

@media (min-width: 1215px) {
    .area.content .button-list .datasheet-form .datasheet-form-success .glyphicons {
        font-size: 40px
    }
}

.area.content .button-list .datasheet-form.success .datasheet-form-content {
    display: none
}

.area.content .button-list .datasheet-form.success .datasheet-form-success {
    padding: 15px
}

.area.content .button-list .datasheet-form.success .datasheet-form-success .glyphicons {
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    display: block;
    height: auto;
    opacity: 1
}

.content .h,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    color: #1d1d1b;
    line-height: 1.25;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 400;
    text-transform: uppercase
}

.content .h span,
.content h1 span,
.content h2 span,
.content h3 span,
.content h4 span,
.content h5 span,
.content h6 span {
    margin-top: 7.5px;
    display: block
}

.content h1 {
    font-size: 20px;
    font-weight: 500
}

@media (min-width: 1215px) {
    .content h1 {
        font-size: 25px
    }
}

@media (max-width: 767px) {
    .content h1 {
        font-size: 28.16px
    }
}

body.popup .content h1:first-child,
body.popup .content h1.first {
    margin-top: 0 !important;
    padding-top: 15px !important
}

.content h2 {
    font-size: 20px
}

@media (min-width: 1215px) {
    .content h2 {
        font-size: 25px
    }
}

.content .h,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-size: 12.8px
}

@media (min-width: 1215px) {

    .content .h,
    .content h3,
    .content h4,
    .content h5,
    .content h6 {
        font-size: 16px
    }
}

.content .h.s-large,
.content .h span.s-large,
.content h1.s-large,
.content h1 span.s-large,
.content h2.s-large,
.content h2 span.s-large,
.content h3.s-large,
.content h3 span.s-large,
.content h4.s-large,
.content h4 span.s-large,
.content h5.s-large,
.content h5 span.s-large,
.content h6.s-large,
.content h6 span.s-large {
    font-size: 36px
}

@media (min-width: 1215px) {

    .content .h.s-large,
    .content .h span.s-large,
    .content h1.s-large,
    .content h1 span.s-large,
    .content h2.s-large,
    .content h2 span.s-large,
    .content h3.s-large,
    .content h3 span.s-large,
    .content h4.s-large,
    .content h4 span.s-large,
    .content h5.s-large,
    .content h5 span.s-large,
    .content h6.s-large,
    .content h6 span.s-large {
        font-size: 45px !important
    }
}

@media (max-width: 767px) {

    .content .h.s-large,
    .content .h span.s-large,
    .content h1.s-large,
    .content h1 span.s-large,
    .content h2.s-large,
    .content h2 span.s-large,
    .content h3.s-large,
    .content h3 span.s-large,
    .content h4.s-large,
    .content h4 span.s-large,
    .content h5.s-large,
    .content h5 span.s-large,
    .content h6.s-large,
    .content h6 span.s-large {
        font-size: 28.16px !important
    }
}

.content .h.s-medium-large,
.content .h span.s-medium-large,
.content h1.s-medium-large,
.content h1 span.s-medium-large,
.content h2.s-medium-large,
.content h2 span.s-medium-large,
.content h3.s-medium-large,
.content h3 span.s-medium-large,
.content h4.s-medium-large,
.content h4 span.s-medium-large,
.content h5.s-medium-large,
.content h5 span.s-medium-large,
.content h6.s-medium-large,
.content h6 span.s-medium-large {
    font-size: 28.16px
}

@media (min-width: 1215px) {

    .content .h.s-medium-large,
    .content .h span.s-medium-large,
    .content h1.s-medium-large,
    .content h1 span.s-medium-large,
    .content h2.s-medium-large,
    .content h2 span.s-medium-large,
    .content h3.s-medium-large,
    .content h3 span.s-medium-large,
    .content h4.s-medium-large,
    .content h4 span.s-medium-large,
    .content h5.s-medium-large,
    .content h5 span.s-medium-large,
    .content h6.s-medium-large,
    .content h6 span.s-medium-large {
        font-size: 35.2px !important
    }
}

.content .h.s-medium,
.content .h span.s-medium,
.content h1.s-medium,
.content h1 span.s-medium,
.content h2.s-medium,
.content h2 span.s-medium,
.content h3.s-medium,
.content h3 span.s-medium,
.content h4.s-medium,
.content h4 span.s-medium,
.content h5.s-medium,
.content h5 span.s-medium,
.content h6.s-medium,
.content h6 span.s-medium {
    font-size: 20px
}

@media (min-width: 1215px) {

    .content .h.s-medium,
    .content .h span.s-medium,
    .content h1.s-medium,
    .content h1 span.s-medium,
    .content h2.s-medium,
    .content h2 span.s-medium,
    .content h3.s-medium,
    .content h3 span.s-medium,
    .content h4.s-medium,
    .content h4 span.s-medium,
    .content h5.s-medium,
    .content h5 span.s-medium,
    .content h6.s-medium,
    .content h6 span.s-medium {
        font-size: 25px !important
    }
}

.content .h.s-medium-small,
.content .h span.s-medium-small,
.content h1.s-medium-small,
.content h1 span.s-medium-small,
.content h2.s-medium-small,
.content h2 span.s-medium-small,
.content h3.s-medium-small,
.content h3 span.s-medium-small,
.content h4.s-medium-small,
.content h4 span.s-medium-small,
.content h5.s-medium-small,
.content h5 span.s-medium-small,
.content h6.s-medium-small,
.content h6 span.s-medium-small {
    font-size: 16.768px
}

@media (min-width: 1215px) {

    .content .h.s-medium-small,
    .content .h span.s-medium-small,
    .content h1.s-medium-small,
    .content h1 span.s-medium-small,
    .content h2.s-medium-small,
    .content h2 span.s-medium-small,
    .content h3.s-medium-small,
    .content h3 span.s-medium-small,
    .content h4.s-medium-small,
    .content h4 span.s-medium-small,
    .content h5.s-medium-small,
    .content h5 span.s-medium-small,
    .content h6.s-medium-small,
    .content h6 span.s-medium-small {
        font-size: 20.96px !important
    }
}

.content .h.s-small,
.content .h span.s-small,
.content h1.s-small,
.content h1 span.s-small,
.content h2.s-small,
.content h2 span.s-small,
.content h3.s-small,
.content h3 span.s-small,
.content h4.s-small,
.content h4 span.s-small,
.content h5.s-small,
.content h5 span.s-small,
.content h6.s-small,
.content h6 span.s-small {
    font-size: 12.8px
}

@media (min-width: 1215px) {

    .content .h.s-small,
    .content .h span.s-small,
    .content h1.s-small,
    .content h1 span.s-small,
    .content h2.s-small,
    .content h2 span.s-small,
    .content h3.s-small,
    .content h3 span.s-small,
    .content h4.s-small,
    .content h4 span.s-small,
    .content h5.s-small,
    .content h5 span.s-small,
    .content h6.s-small,
    .content h6 span.s-small {
        font-size: 16px !important
    }
}

.content .h.w-regular,
.content .h span.w-regular,
.content h1.w-regular,
.content h1 span.w-regular,
.content h2.w-regular,
.content h2 span.w-regular,
.content h3.w-regular,
.content h3 span.w-regular,
.content h4.w-regular,
.content h4 span.w-regular,
.content h5.w-regular,
.content h5 span.w-regular,
.content h6.w-regular,
.content h6 span.w-regular {
    font-weight: 400 !important
}

.content .h.w-light,
.content .h span.w-light,
.content h1.w-light,
.content h1 span.w-light,
.content h2.w-light,
.content h2 span.w-light,
.content h3.w-light,
.content h3 span.w-light,
.content h4.w-light,
.content h4 span.w-light,
.content h5.w-light,
.content h5 span.w-light,
.content h6.w-light,
.content h6 span.w-light {
    font-weight: 300 !important
}

.content .h.w-medium,
.content .h span.w-medium,
.content h1.w-medium,
.content h1 span.w-medium,
.content h2.w-medium,
.content h2 span.w-medium,
.content h3.w-medium,
.content h3 span.w-medium,
.content h4.w-medium,
.content h4 span.w-medium,
.content h5.w-medium,
.content h5 span.w-medium,
.content h6.w-medium,
.content h6 span.w-medium {
    font-weight: 500 !important
}

.content .h.w-bold,
.content .h span.w-bold,
.content h1.w-bold,
.content h1 span.w-bold,
.content h2.w-bold,
.content h2 span.w-bold,
.content h3.w-bold,
.content h3 span.w-bold,
.content h4.w-bold,
.content h4 span.w-bold,
.content h5.w-bold,
.content h5 span.w-bold,
.content h6.w-bold,
.content h6 span.w-bold {
    font-weight: 700 !important
}

.content .h.t-upper,
.content .h span.t-upper,
.content .h.t-none span,
.content h1.t-upper,
.content h1 span.t-upper,
.content h1.t-none span,
.content h2.t-upper,
.content h2 span.t-upper,
.content h2.t-none span,
.content h3.t-upper,
.content h3 span.t-upper,
.content h3.t-none span,
.content h4.t-upper,
.content h4 span.t-upper,
.content h4.t-none span,
.content h5.t-upper,
.content h5 span.t-upper,
.content h5.t-none span,
.content h6.t-upper,
.content h6 span.t-upper,
.content h6.t-none span {
    text-transform: uppercase !important
}

.content .h.t-none,
.content .h span.t-none,
.content h1.t-none,
.content h1 span.t-none,
.content h2.t-none,
.content h2 span.t-none,
.content h3.t-none,
.content h3 span.t-none,
.content h4.t-none,
.content h4 span.t-none,
.content h5.t-none,
.content h5 span.t-none,
.content h6.t-none,
.content h6 span.t-none {
    text-transform: none !important
}

@media (min-width: 1025px) {

    .content .h:first-child,
    .content .h.first,
    .content h1:first-child,
    .content h1.first,
    .content h2:first-child,
    .content h2.first,
    .content h3:first-child,
    .content h3.first,
    .content h4:first-child,
    .content h4.first,
    .content h5:first-child,
    .content h5.first,
    .content h6:first-child,
    .content h6.first {
        margin-top: 0;
        padding-top: 3.75px
    }
}

@media (min-width: 1025px) {
    .hero-title {
        padding-top: 15px
    }
}

@media (max-width: 1024px) {
    .hero-title {
        padding: 15px
    }
}

.item.text-white .hero-title h1,
.item.text-white .hero-title h2,
.item.text-white .hero-title h3,
.item.text-white .hero-title h4,
.item.text-white .hero-title h5,
.item.text-white .hero-title h6,
.item.text-white .hero-title .h {
    color: #fff !important
}

.item.text-white .hero-title .supplement {
    color: #fff !important
}

.area.content .image-gallery,
.area.content.hero .slideshow .image-gallery {
    display: none;
    position: relative
}

@media (max-width: 1024px) {

    .area.content .image-gallery,
    .area.content.hero .slideshow .image-gallery {
        padding: 0 20px
    }
}

@media (min-width: 768px) {

    .area.content .image-gallery,
    .area.content.hero .slideshow .image-gallery {
        min-height: 103px
    }
}

@media (min-width: 1025px) {

    .area.content .image-gallery,
    .area.content.hero .slideshow .image-gallery {
        padding: 0
    }
}

.area.content .image-gallery.slick-slider,
.area.content.hero .slideshow .image-gallery.slick-slider {
    display: block;
    margin: 0 0 15px 0
}

.area.content .image-gallery .item,
.area.content.hero .slideshow .image-gallery .item {
    overflow: hidden;
    position: relative;
    height: auto;
    background: none
}

.area.content .image-gallery .item>div,
.area.content.hero .slideshow .image-gallery .item>div {
    padding: 0 2px
}

.area.content .image-gallery .item a,
.area.content.hero .slideshow .image-gallery .item a {
    display: block
}

.area.content .image-gallery .item a.zoom.video,
.area.content.hero .slideshow .image-gallery .item a.zoom.video {
    position: relative;
    display: block
}

.area.content .image-gallery .item a.zoom.video::after,
.area.content.hero .slideshow .image-gallery .item a.zoom.video::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("../images/video-play-button.svg");
    background-size: 72px;
    background-repeat: no-repeat;
    background-position: center center
}

@media (min-width: 1215px) {

    .area.content .image-gallery .item a.zoom.video::after,
    .area.content.hero .slideshow .image-gallery .item a.zoom.video::after {
        background-size: 90px
    }
}

.area.content .image-gallery .item a.zoom.video:hover::after,
.area.content.hero .slideshow .image-gallery .item a.zoom.video:hover::after {
    background-color: rgba(0, 0, 0, 0.1)
}

.area.content .image-gallery .item div.img,
.area.content.hero .slideshow .image-gallery .item div.img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 70.8333333333%;
    height: 0
}

.area.content .image-gallery button.slick-prev.slick-arrow,
.area.content .image-gallery button.slick-next.slick-arrow,
.area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow,
.area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: 0;
    display: inline-block !important;
    height: 100%;
    margin: 0;
    top: 0;
    width: 10px;
    z-index: 1000
}

.area.content .image-gallery button.slick-prev.slick-arrow:before,
.area.content .image-gallery button.slick-next.slick-arrow:before,
.area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow:before,
.area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow:before {
    content: ""
}

.area.content .image-gallery button.slick-prev.slick-arrow,
.area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow {
    background-image: url("../images/prev.svg");
    background-size: 10px 24px
}

@media (max-width: 1024px) {

    .area.content .image-gallery button.slick-prev.slick-arrow,
    .area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow {
        left: 0
    }
}

@media (min-width: 1025px) {

    .area.content .image-gallery button.slick-prev.slick-arrow,
    .area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow {
        left: -20px
    }
}

.area.content .image-gallery button.slick-next.slick-arrow,
.area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow {
    background-image: url("../images/next.svg");
    background-size: 10px 24px
}

@media (max-width: 1024px) {

    .area.content .image-gallery button.slick-next.slick-arrow,
    .area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow {
        right: 0
    }
}

@media (min-width: 1025px) {

    .area.content .image-gallery button.slick-next.slick-arrow,
    .area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow {
        right: -20px
    }
}

@media (min-width: 768px) {
    .area.content.hero .slideshow {
        overflow: hidden
    }

    .area.content.hero .slideshow .image-gallery.slick-slider {
        margin-bottom: 0
    }

    .area.content.hero .slideshow .item.image-gallery-moved .image-gallery {
        display: none
    }
}

header nav .nav-block {
    padding-top: 127.111111108px;
    overflow: hidden;
    position: relative
}

@media (min-width: 1215px) {
    header nav .nav-block {
        padding-top: 158.888888885px
    }
}

header nav .nav-block .eyecatcher {
    display: none
}

header nav .nav-block .decoration {
    height: 127.111111108px;
    width: 208px;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    visibility: hidden
}

@media (min-width: 1215px) {
    header nav .nav-block .decoration {
        height: 158.888888885px
    }
}

@media (min-width: 1215px) {
    header nav .nav-block .decoration {
        width: 260px
    }
}

header nav .nav-block .decoration.on {
    opacity: 1;
    visibility: visible
}

header nav .nav-block h2,
header nav .nav-block p {
    margin: 0
}

header nav .nav-block h2,
header nav .nav-block h2 a,
header nav .nav-block h2 i,
header nav .nav-block h2 span,
header nav .nav-block p,
header nav .nav-block p a,
header nav .nav-block p i,
header nav .nav-block p span {
    font-size: 11.2px;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    color: #000;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 12px
}

@media (min-width: 1215px) {

    header nav .nav-block h2,
    header nav .nav-block h2 a,
    header nav .nav-block h2 i,
    header nav .nav-block h2 span,
    header nav .nav-block p,
    header nav .nav-block p a,
    header nav .nav-block p i,
    header nav .nav-block p span {
        font-size: 14px
    }
}

header nav .nav-block a.current,
header nav .nav-block i.current {
    color: #787878
}

@media (min-width: 1025px) {
    header nav .nav-block a:hover {
        color: #787878
    }
}

header nav .nav-block a .decoration {
    cursor: pointer
}

header nav .nav-block ul {
    padding: 7.5px 0 0 0;
    margin-bottom: 7.5px;
    list-style: none
}

header nav .nav-block ul li.div {
    margin-top: 30px
}

header nav .nav-block ul li a,
header nav .nav-block ul li i,
header nav .nav-block ul li span {
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #000;
    display: block;
    line-height: 1.8;
    padding: 0;
    text-decoration: none
}

@media (max-width: 1024px) {
    header nav .main .sub .nav-block {
        padding-top: 0
    }

    header nav .main .sub .nav-block .eyecatcher {
        display: none
    }

    header nav .main .sub .nav-block .decoration {
        height: 40px;
        left: 15px;
        opacity: 1;
        position: absolute;
        top: 7.5px;
        visibility: visible;
        width: 65.454545456px;
        line-height: 0
    }

    header nav .main .sub .nav-block .decoration img {
        height: 100%;
        width: 100%
    }

    header nav .main .sub .nav-block p a,
    header nav .main .sub .nav-block p i {
        padding-left: 95.454545456px
    }

    header nav .main .sub .nav-block p span {
        margin-top: 0;
        padding-left: 0
    }

    header nav .main .sub .nav-block ul li a,
    header nav .main .sub .nav-block ul li i {
        font-size: 11.2px;
        padding-left: 95.454545456px;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
        font-style: normal;
        font-weight: normal;
        border: none
    }
}

@media (max-width: 1024px) and (min-width: 1215px) {

    header nav .main .sub .nav-block ul li a,
    header nav .main .sub .nav-block ul li i {
        font-size: 14px
    }
}

@media (max-width: 1024px) {

    header nav .main .sub .nav-block ul li a .decoration,
    header nav .main .sub .nav-block ul li i .decoration {
        display: none
    }

    header nav .main .sub .nav-block p,
    header nav .main .sub .nav-block ul li {
        position: relative
    }

    header nav .main .sub .nav-block p:first-child a,
    header nav .main .sub .nav-block ul li:first-child a {
        border-top: 0
    }

    header nav .main .sub .nav-block p {
        padding-top: 0
    }

    header nav .main .sub .nav-block ul {
        display: none;
        padding-top: 0
    }

    header nav .main .sub .nav-block ul li.description {
        display: none
    }

    header nav .main .sub .nav-block.mobile-foldable p {
        background-image: url(../images/toggle-arrow-down.svg);
        background-size: false;
        background-size: 9px;
        background-repeat: no-repeat;
        background-position: right 15px center
    }
}

@media (max-width: 1024px) and (min-width: 1215px) {
    header nav .main .sub .nav-block.mobile-foldable p {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    header nav .main .sub .nav-block.mobile-foldable p {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min-resolution: 288dpi),
only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    header nav .main .sub .nav-block.mobile-foldable p {
        background-image: url(../images/toggle-arrow-down.svg) !important
    }
}

@media (max-width: 1024px) and (min-width: 1215px) {
    header nav .main .sub .nav-block.mobile-foldable p {
        background-size: 11.25px
    }
}

@media (max-width: 1024px) {
    header nav .main .sub .nav-block.mobile-foldable-open ul {
        display: block
    }

    header nav .main .sub .nav-block.mobile-foldable-open p {
        background-image: url(../images/toggle-arrow-up.svg);
        background-size: false
    }
}

@media (max-width: 1024px) and (min-width: 1215px) {
    header nav .main .sub .nav-block.mobile-foldable-open p {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 1.5),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 1.5) {
    header nav .main .sub .nav-block.mobile-foldable-open p {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1),
only screen and (max-width: 1024px) and (min-device-pixel-ratio: 2),
only screen and (max-width: 1024px) and (min-resolution: 288dpi),
only screen and (max-width: 1024px) and (min-resolution: 2dppx) {
    header nav .main .sub .nav-block.mobile-foldable-open p {
        background-image: url(../images/toggle-arrow-up.svg) !important
    }
}

.area.content .nav-block {
    background-color: #fff;
    overflow: hidden;
    position: relative
}

@media (max-width: 767px) {
    .area.content .nav-block {
        margin-bottom: 30px;
        padding: 15px
    }
}

@media (min-width: 768px) {
    .area.content .nav-block {
        min-height: 200px;
        padding: 30px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content .nav-block {
        min-height: 250px
    }
}

@media (min-width: 768px) and (min-width: 1415px) {
    .area.content .nav-block {
        min-height: 280px
    }
}

.area.content .nav-block.no-min-height {
    min-height: auto
}

.area.content .nav-block .eyecatcher {
    background-color: #ffb186;
    display: block;
    position: absolute;
    padding-right: 15px;
    right: -37.5px;
    top: 0;
    transform: skew(60deg)
}

.area.content .nav-block .eyecatcher .eyecatcher-text {
    color: #fff;
    display: block;
    padding: 7.5px 37.5px 7.5px 30px;
    transform: skew(-60deg)
}

.area.content .nav-block .decorationContainer {
    display: block;
    position: absolute;
    z-index: 1
}

@media (min-width: 768px) {
    .area.content .nav-block .decorationContainer {
        width: 200px;
        right: 30px;
        top: 30px;
        bottom: 30px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content .nav-block .decorationContainer {
        width: 250px
    }
}

@media (min-width: 768px) and (min-width: 1415px) {
    .area.content .nav-block .decorationContainer {
        width: 280px
    }
}

@media (max-width: 767px) {
    .area.content .nav-block .decorationContainer {
        left: 0;
        right: 0;
        height: 200px
    }
}

.area.content .nav-block .decorationContainer.on {
    z-index: 2
}

.area.content .nav-block .decorationContainer .decoration {
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    max-height: 200px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

@media (min-width: 1215px) {
    .area.content .nav-block .decorationContainer .decoration {
        max-height: 250px
    }
}

@media (min-width: 1415px) {
    .area.content .nav-block .decorationContainer .decoration {
        max-height: 280px
    }
}

@media (min-width: 768px) {
    .area.content .nav-block .decorationContainer .decoration {
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        text-align: center
    }
}

.area.content .nav-block .decorationContainer .decoration.on {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.area.content .nav-block .decorationContainer .decoration img {
    max-width: 200px;
    max-height: 100%;
    width: auto
}

@media (min-width: 1215px) {
    .area.content .nav-block .decorationContainer .decoration img {
        max-width: 250px
    }
}

@media (min-width: 1415px) {
    .area.content .nav-block .decorationContainer .decoration img {
        max-width: 280px
    }
}

.area.content .nav-block h2 {
    font-size: 12.8px;
    font-weight: 500;
    display: block;
    text-align: left
}

@media (min-width: 1215px) {
    .area.content .nav-block h2 {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .area.content .nav-block h2 {
        margin-bottom: 230px;
        position: relative
    }

    .area.content .nav-block h2 .decorationContainer {
        bottom: -215px
    }
}

@media (min-width: 768px) {
    .area.content .nav-block h2 {
        margin-right: 200px;
        margin-bottom: 30px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content .nav-block h2 {
        margin-right: 250px
    }
}

@media (min-width: 768px) and (min-width: 1415px) {
    .area.content .nav-block h2 {
        margin-right: 280px
    }
}

.area.content .nav-block h2,
.area.content .nav-block h2 a,
.area.content .nav-block h2 i {
    color: #1d1d1b;
    display: block;
    font-style: normal;
    text-decoration: none
}

.area.content .nav-block h2 span {
    font-size: 20px;
    font-weight: 700
}

@media (min-width: 1215px) {
    .area.content .nav-block h2 span {
        font-size: 25px
    }
}

@media (min-width: 768px) {
    .area.content .nav-block.no-image h2 {
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .area.content .nav-block.no-decoration h2 {
        margin-bottom: 30px
    }
}

.area.content .nav-block a,
.area.content .nav-block i {
    font-style: normal
}

.area.content .nav-block a.current,
.area.content .nav-block i.current {
    color: #787878
}

@media (min-width: 1025px) {
    .area.content .nav-block a:hover {
        color: #787878;
        display: block
    }
}

.area.content .nav-block a .decoration {
    cursor: pointer
}

.area.content .nav-block ul {
    display: block;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .area.content .nav-block ul {
        margin-top: 230px;
        position: relative
    }
}

@media (min-width: 768px) {
    .area.content .nav-block ul {
        margin-right: 200px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content .nav-block ul {
        margin-right: 250px
    }
}

@media (min-width: 768px) and (min-width: 1415px) {
    .area.content .nav-block ul {
        margin-right: 280px
    }
}

.area.content .nav-block ul li.div {
    margin-top: 30px
}

.area.content .nav-block ul li a,
.area.content .nav-block ul li i {
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #000;
    display: inline-block;
    line-height: 2;
    padding: 0;
    text-decoration: none
}

.area.content .nav-block ul li.styled::before {
    margin-top: 6.4px
}

@media (min-width: 1215px) {
    .area.content .nav-block ul li.styled::before {
        margin-top: 8px
    }
}

@media (max-width: 1024px) {
    .area.content .nav-block ul li .decorationContainer {
        display: none
    }
}

.area.content .nav-block ul li a:after {
    content: "\0000a0>"
}

.area.content .nav-block ul li.styled a:after,
.area.content .nav-block ul li a.btn:after {
    content: ""
}

@media (min-width: 768px) {
    .area.content .nav-block.no-image ul {
        margin-top: 15px
    }
}

@media (max-width: 767px) {
    .area.content .nav-block.no-decoration ul {
        margin-top: 30px
    }
}

@media (min-width: 768px) {

    .area.content .grid-25 .nav-block .decoration,
    .area.content .grid-33 .nav-block .decoration {
        width: auto;
        height: 150px
    }
}

.area.content .grid-25 .nav-block .decoration img,
.area.content .grid-33 .nav-block .decoration img {
    width: auto;
    max-height: 150px
}

.area.content .grid-25 .nav-block .decorationContainer.center .decoration,
.area.content .grid-33 .nav-block .decorationContainer.center .decoration {
    width: inherit
}

@media (min-width: 768px) {

    .area.content .grid-25 .nav-block h2,
    .area.content .grid-33 .nav-block h2 {
        margin-bottom: 180px;
        margin-right: 0;
        position: relative
    }

    .area.content .grid-25 .nav-block h2 span,
    .area.content .grid-33 .nav-block h2 span {
        font-size: 12.8px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {

    .area.content .grid-25 .nav-block h2 span,
    .area.content .grid-33 .nav-block h2 span {
        font-size: 16px
    }
}

@media (min-width: 768px) {

    .area.content .grid-25 .nav-block h2 .decorationContainer,
    .area.content .grid-33 .nav-block h2 .decorationContainer {
        bottom: -165px;
        top: auto;
        left: 0
    }
}

@media (min-width: 768px) {

    .area.content .grid-25 .nav-block.no-image h2,
    .area.content .grid-33 .nav-block.no-image h2 {
        margin-bottom: 15px
    }
}

@media (min-width: 768px) {

    .area.content .grid-25 .nav-block.no-decoration h2,
    .area.content .grid-33 .nav-block.no-decoration h2 {
        margin-bottom: 30px
    }
}

@media (min-width: 768px) {

    .area.content .grid-25 .nav-block ul,
    .area.content .grid-33 .nav-block ul {
        margin-top: 180px;
        margin-right: 0;
        position: relative
    }

    .area.content .grid-25 .nav-block ul .decorationContainer,
    .area.content .grid-33 .nav-block ul .decorationContainer {
        top: -165px;
        left: 0
    }
}

@media (min-width: 768px) {

    .area.content .grid-25 .nav-block.no-image ul,
    .area.content .grid-33 .nav-block.no-image ul {
        margin-top: 15px
    }
}

@media (min-width: 768px) {

    .area.content .grid-25 .nav-block.no-decoration ul,
    .area.content .grid-33 .nav-block.no-decoration ul {
        margin-top: 30px
    }
}

.content .sub-nav-bar {
    display: none
}

.area.fullwidth.sub-nav-bar {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid #ccc;
    z-index: 111;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .area.fullwidth.sub-nav-bar .grid-container .grid-100 {
        padding-left: 0;
        padding-right: 0
    }

    .area.fullwidth.sub-nav-bar .grid-container .grid-100 ul {
        padding-left: 0
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .area.fullwidth.sub-nav-bar .grid-container {
        margin-right: 44.5px
    }
}

@media (min-width: 1025px) {
    .area.fullwidth.sub-nav-bar .grid-container {
        margin-right: 115px
    }
}

@media (max-width: 767px) {
    .area.fullwidth.sub-nav-bar .grid-container {
        margin-right: auto
    }
}

.area.fullwidth.sub-nav-bar ul {
    font-size: 0;
    margin: 0
}

.area.fullwidth.sub-nav-bar ul li {
    font-size: 12.8px;
    display: inline-block;
    vertical-align: top
}

@media (min-width: 1215px) {
    .area.fullwidth.sub-nav-bar ul li {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .area.fullwidth.sub-nav-bar ul {
        text-align: right
    }
}

@media (max-width: 767px) {
    .area.fullwidth.sub-nav-bar ul li {
        font-size: 8.5333333333px
    }
}

@media (min-width: 768px) {
    .area.fullwidth.sub-nav-bar ul li {
        font-size: 11.2px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.fullwidth.sub-nav-bar ul li {
        font-size: 14px
    }
}

.area.fullwidth.sub-nav-bar ul li a {
    line-height: 32px;
    display: block;
    color: #333;
    border-bottom: 1px solid #fff
}

@media (min-width: 1215px) {
    .area.fullwidth.sub-nav-bar ul li a {
        line-height: 40px
    }
}

@media (max-width: 767px) {
    .area.fullwidth.sub-nav-bar ul li a {
        padding: 0 7.5px
    }
}

@media (min-width: 768px) {
    .area.fullwidth.sub-nav-bar ul li a {
        padding: 0 15px
    }
}

.area.fullwidth.sub-nav-bar ul li a:hover {
    background-color: #EEE
}

.area.fullwidth.sub-nav-bar ul li.current a {
    border-bottom-color: #ec5300
}

.area.fullwidth.sub-nav-bar ul li.btn-style {
    background-color: #ec5300
}

.area.fullwidth.sub-nav-bar ul li.btn-style a {
    color: #fff;
    border-bottom-color: #ec5300
}

.area.fullwidth.sub-nav-bar ul li.btn-style a:hover {
    color: #fff;
    background-color: #ff6e20
}

.area.fullwidth.sub-nav-bar ul li.btn-style.atm {
    background-color: #ec5300
}

.area.fullwidth.sub-nav-bar ul li.btn-style.atm a {
    border-bottom-color: #ec5300
}

.area.fullwidth.sub-nav-bar ul li.btn-style.atm a:hover {
    background-color: #ff6e20
}

.area.fullwidth.sub-nav-bar ul li.btn-style.carbolite {
    background-color: #e30613
}

.area.fullwidth.sub-nav-bar ul li.btn-style.carbolite a {
    border-bottom-color: #e30613
}

.area.fullwidth.sub-nav-bar ul li.btn-style.carbolite a:hover {
    background-color: #f9232f
}

.area.fullwidth.sub-nav-bar ul li.btn-style.eltra {
    background-color: #f39200
}

.area.fullwidth.sub-nav-bar ul li.btn-style.eltra a {
    border-bottom-color: #f39200
}

.area.fullwidth.sub-nav-bar ul li.btn-style.eltra a:hover {
    background-color: #ffa927
}

.area.fullwidth.sub-nav-bar ul li.btn-style.endecotts {
    background-color: #014e2f
}

.area.fullwidth.sub-nav-bar ul li.btn-style.endecotts a {
    border-bottom-color: #014e2f
}

.area.fullwidth.sub-nav-bar ul li.btn-style.endecotts a:hover {
    background-color: #02804d
}

.area.fullwidth.sub-nav-bar ul li.btn-style.microtrac {
    background-color: #00b4cd
}

.area.fullwidth.sub-nav-bar ul li.btn-style.microtrac a {
    border-bottom-color: #00b4cd
}

.area.fullwidth.sub-nav-bar ul li.btn-style.microtrac a:hover {
    background-color: #01e0ff
}

.area.fullwidth.sub-nav-bar ul li.btn-style.qness {
    background-color: #e25303
}

.area.fullwidth.sub-nav-bar ul li.btn-style.qness a {
    border-bottom-color: #e25303
}

.area.fullwidth.sub-nav-bar ul li.btn-style.qness a:hover {
    background-color: #fc6c1c
}

.area.fullwidth.sub-nav-bar ul li.btn-style.retsch {
    background-color: #006fb9
}

.area.fullwidth.sub-nav-bar ul li.btn-style.retsch a {
    border-bottom-color: #006fb9
}

.area.fullwidth.sub-nav-bar ul li.btn-style.retsch a:hover {
    background-color: #008eec
}

.area.fullwidth.sub-nav-bar ul li.btn-style.retsch-technology {
    background-color: #40c0f0
}

.area.fullwidth.sub-nav-bar ul li.btn-style.retsch-technology a {
    border-bottom-color: #40c0f0
}

.area.fullwidth.sub-nav-bar ul li.btn-style.retsch-technology a:hover {
    background-color: #6fd0f4
}

.area.fullwidth.sub-nav-bar ul li.btn-style.verder {
    background-color: #00529c
}

.area.fullwidth.sub-nav-bar ul li.btn-style.verder a {
    border-bottom-color: #00529c
}

.area.fullwidth.sub-nav-bar ul li.btn-style.verder a:hover {
    background-color: #006dcf
}

.area.fullwidth.sub-nav-bar ul li.btn-style.verder-scientific {
    background-color: #00529c
}

.area.fullwidth.sub-nav-bar ul li.btn-style.verder-scientific a {
    border-bottom-color: #00529c
}

.area.fullwidth.sub-nav-bar ul li.btn-style.verder-scientific a:hover {
    background-color: #006dcf
}

.area.fullwidth.sub-nav-bar::after {
    content: none
}

@media (min-width: 1025px) {
    body.scrolledDown-subNavBar .area.fullwidth.sub-nav-bar {
        left: 0;
        position: fixed;
        right: 0;
        top: 39.984px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown-subNavBar .area.fullwidth.sub-nav-bar {
        top: 49.98px
    }
}

.text-image {
    margin-left: -15px;
    margin-right: -15px
}

.text-image img {
    width: 100%;
    height: auto
}

.text-image .left-inline {
    float: left;
    padding: 0 15px 7.5px 0
}

.text-image .right-inline {
    float: right;
    padding: 0 0 7.5px 15px
}

.text-image a.zoom.video {
    position: relative;
    display: block
}

.text-image a.zoom.video::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url("../images/video-play-button.svg");
    background-size: 72px;
    background-repeat: no-repeat;
    background-position: center center
}

@media (min-width: 1215px) {
    .text-image a.zoom.video::after {
        background-size: 90px
    }
}

@media only screen {
    .text-image a.zoom.video:hover::after {
        background-color: rgba(0, 0, 0, 0.1)
    }
}

.text-image figure figcaption {
    display: block;
    margin-top: 7.5px;
    text-align: center
}

@media (max-width: 1024px) {
    .area.content.hero .text-image {
        padding-top: 15px
    }
}

.item.text-white .text-image,
.item.text-white .text-image h1,
.item.text-white .text-image h2,
.item.text-white .text-image h3,
.item.text-white .text-image h4,
.item.text-white .text-image h5,
.item.text-white .text-image h6,
.item.text-white .text-image .h,
.area.content.text-white .text-image,
.area.content.text-white .text-image h1,
.area.content.text-white .text-image h2,
.area.content.text-white .text-image h3,
.area.content.text-white .text-image h4,
.area.content.text-white .text-image h5,
.area.content.text-white .text-image h6,
.area.content.text-white .text-image .h {
    color: #fff !important
}

@media (max-width: 767px) {
    .text-image.hero-mode .hero-image a {
        display: block
    }

    .text-image.hero-mode .hero-image img {
        display: block;
        height: 300px;
        margin: 0 auto;
        width: auto
    }

    .text-image.hero-mode .hero-image figure figcaption {
        margin-top: 0;
        text-align: center
    }
}

@media (min-width: 768px) {
    .text-image.hero-mode .hero-image {
        bottom: 0;
        position: absolute;
        top: 0
    }
}

@media only screen and (min-width: 768px) {
    .text-image.hero-mode .hero-image.nav-spacing {
        top: 30px
    }
}

@media (min-width: 768px) {
    .text-image.hero-mode .hero-image a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .text-image.hero-mode .hero-image figure {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .text-image.hero-mode .hero-image figure figcaption {
        font-size: 12.8px;
        position: absolute;
        right: 0;
        left: 0;
        text-align: center
    }
}

@media only screen and (min-width: 768px) {
    .text-image.hero-mode .hero-image figure figcaption {
        bottom: 0
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .text-image.hero-mode .hero-image figure figcaption {
        font-size: 16px
    }
}

@media (min-width: 768px) {
    .text-image.hero-mode .hero-image img {
        display: block;
        height: unset;
        width: auto;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .vertical-positioning {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .vertical-positioning>.vertical-center {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}