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: #1b1c5d;
        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) {
    header .corner.a-verder-company {
        left:200px;
        height: 38.75px;
        width: 310px;
        z-index: 2015
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner.a-verder-company {
        left:250px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner.a-verder-company {
        height:48.4375px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner.a-verder-company {
        width:387.5px
    }
}

@media (min-width: 1025px) {
    header .corner.a-verder-company div {
        height:25px;
        width: 200px;
        left: -32px;
        -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.a-verder-company div {
        height:31.25px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner.a-verder-company div {
        width:250px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .corner.a-verder-company div {
        left:-40px
    }
}

@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 .corner.a-verder-company {
        left:142.8px;
        height: 27.6675px;
        width: 221.34px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .corner.a-verder-company {
        left:178.5px
    }
}

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

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .corner.a-verder-company {
        width:276.675px
    }
}

@media (min-width: 1025px) {
    body.scrolledDown header .corner.a-verder-company div {
        height:17.85px;
        width: 142.8px;
        left: -22.848px
    }
}

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

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

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

@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: 144px;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
    background-image: url("/assets/carbolite/all/web-2018/img/logo-1x.png");
    background-image: url("/assets/carbolite/all/web-2018/img/logo.svg"),linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2030
}

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

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

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

@media (max-width: 1024px) {
    header .logo {
        height:60px;
        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
}

header .logo.a-verder-company {
    background-image: url("/assets/global/all/web-2018/img/a-verder-company_logo.svg"),linear-gradient(transparent, transparent);
    background-size: contain;
    background-position: center center
}

@media (max-width: 1024px) {
    header .logo.a-verder-company {
        left:200px;
        height: 25px;
        width: 105px
    }
}

@media (min-width: 1025px) {
    header .logo.a-verder-company {
        left:250px;
        height: 25px;
        width: 105px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .logo.a-verder-company {
        left:312.5px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .logo.a-verder-company {
        height:31.25px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    header .logo.a-verder-company {
        width:131.25px
    }
}

@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: 102.816px
    }
}

@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 {
        height:49.98px
    }
}

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

@media (min-width: 1025px) {
    body.scrolledDown header .logo.a-verder-company {
        left:178.5px;
        height: 17.85px;
        width: 74.97px;
        background-size: 74.97px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .logo.a-verder-company {
        left:223.125px
    }
}

@media (min-width: 1025px) and (min-width: 1215px) {
    body.scrolledDown header .logo.a-verder-company {
        height:22.3125px
    }
}

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

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

@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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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: #1b1c5d;
        border-top-style: solid;
        content: "";
        height: 0;
        left: 40%;
        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 .header-brands-divider {
        display: inline-block;
        border-left: 1px solid #ccc;
        height: 60px;
        margin: 0 15px
    }

    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("/assets/global/all/web-2018/img/header/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/toggle-arrow-up.svg);
    background-size: false
}

@media (min-width: 1215px) {
    header .widgets .widget.with-menu.open::before {
        background-image:url(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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: #1b1c5d;
    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, #1b1c5d 0%, #1b1c5d 73px, rgba(255,255,255,0) 73px),linear-gradient(330deg, #1b1c5d 0%, #1b1c5d 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, #1b1c5d 0%, #1b1c5d 36.5px, rgba(255,255,255,0) 36.5px),linear-gradient(330deg, #1b1c5d 0%, #1b1c5d 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: #1b1c5d;
        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-custom {
    background-color: var(--area-custom-background-color);
    z-index: 100
}

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

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

@media only screen and (min-width: 768px) {
    .area.content.bg-custom::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: var(--area-custom-background-color);
        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-custom::after {
        left:36.5px;
        right: 36.5px
    }
}

.area.content.bg-custom:not(.with-background)+.area.content.bg-custom: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: #1b1c5d;
    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, #1b1c5d 0%, #1b1c5d 73px, rgba(255,255,255,0) 73px),linear-gradient(330deg, #1b1c5d 0%, #1b1c5d 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, #1b1c5d 0%, #1b1c5d 36.5px, rgba(255,255,255,0) 36.5px),linear-gradient(330deg, #1b1c5d 0%, #1b1c5d 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: #1b1c5d;
        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-erweka {
    background-color: #95C221;
    z-index: 100
}

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

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

@media only screen and (min-width: 768px) {
    .area.content.bg-erweka::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: #95C221;
        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-erweka::after {
        left:36.5px;
        right: 36.5px
    }
}

.area.content.bg-erweka:not(.with-background)+.area.content.bg-erweka: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-erweka,.area.content.bg-erweka * {
    color: #fff
}

.area.content.bg-erweka ul.styled li::before,.area.content.bg-erweka .text-image ul li::before,.area.content.bg-erweka .product_details ul li::before,.area.content.bg-erweka 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: #1b1c5d
}

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

.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 {
        min-height:150px
    }
}

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

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

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

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

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.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 .item {
        min-height:150px;
        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 .item {
        min-height:187.5px
    }
}

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

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.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.size-large .item {
        height:600px
    }
}

@media only screen and (max-width: 767px) and (min-width: 1215px) {
    .area.content.hero .slideshow.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("/assets/global/all/web-2018/img/slideshow/prev.svg")
}

.area.content.hero .slideshow button.slick-next.slick-arrow {
    right: 15px;
    background-image: url("/assets/global/all/web-2018/img/slideshow/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: #1b1c5d;
    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: #1b1c5d;
    background-image: url("/assets/global/all/web-2018/img/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("/assets/carbolite/all/web-2018/img/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("/assets/carbolite/all/web-2018/img/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("/assets/global/all/web-2018/img/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("/assets/global/all/web-2018/img/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("/assets/global/all/web-2018/img/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("/assets/global/all/web-2018/img/part-of-verder.svg")
}

footer .area.logos a.logo.youku {
    width: 90px
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.youku {
        width:112.5px
    }
}

footer .area.logos a.logo.youku .dynamic-image-source {
    display: none !important;
    background-image: url("/assets/global/all/web-2018/img/social/youku.svg")
}

footer .area.logos a.logo.wecom {
    width: 100px;
    height: 100px
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.wecom {
        width:125px
    }
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.wecom {
        height:125px
    }
}

footer .area.logos a.logo.wecom .dynamic-image-source {
    display: none !important;
    background-image: url("/assets/global/all/web-2018/img/social/wecom.png")
}

footer .area.logos a.logo.wechat {
    width: 100px;
    height: 100px
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.wechat {
        width:125px
    }
}

@media (min-width: 1215px) {
    footer .area.logos a.logo.wechat {
        height:125px
    }
}

footer .area.logos a.logo.wechat .dynamic-image-source {
    display: none !important;
    background-image: url("/assets/global/all/web-2018/img/social/wechat.jpg")
}

@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 a.logo:first-child:nth-last-child(5),footer .area.logos a.logo:first-child:nth-last-child(5) ~ a.logo {
        margin: 0 7.5px
    }

    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),#CybotCookiebotDialogDetail #CybotCookiebotDialogDetailBodyContentCookieContainerPreference,#CybotCookiebotDialogDetail #CybotCookiebotDialogDetailBodyContentCookieContainerStatistics,#CybotCookiebotDialogDetail #CybotCookiebotDialogDetailBodyContentCookieContainerUnclassified {
    display: none
}

a#CybotCookiebotDialogPoweredbyCybot,div#CybotCookiebotDialogPoweredByText {
    display: none
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    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: #1b1c5d
}

@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: #1b1c5d;
    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: #1b1c5d;
    background-image: url(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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%
}

@keyframes lazyload_progressbar {
    from {
        background-position-x: 0
    }

    to {
        background-position-x: 50vw
    }
}

.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 !important
}

@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 !important;
        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: #1b1c5d
}

@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:#f9232f
    }
}

.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.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 {
    background-color: #fff
}

@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 {
        background-color:#ededed
    }
}

.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 !important
}

@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 !important
    }
}

.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: #1b1c5d
}

@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.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 {
    background-color: #fff
}

@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 {
        background-color:#ededed
    }
}

.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: #1b1c5d !important
}

@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 !important
    }
}

.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.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 {
    background-color: #fff
}

@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 {
        background-color:#ededed
    }
}

.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 !important
}

@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 !important
    }
}

.content .btn.erweka,.content .btn.erweka.glyphicons:before,.content .button.erweka,.content .button.erweka.glyphicons:before,.area.content .nav-block ul li a.btn.erweka,.area.content .nav-block ul li a.btn.erweka.glyphicons:before {
    background-color: #95C221
}

@media (min-width: 1025px) {
    .content .btn.erweka:hover,.content .btn.erweka.glyphicons:hover:before,.content .button.erweka:hover,.content .button.erweka.glyphicons:hover:before,.area.content .nav-block ul li a.btn.erweka:hover,.area.content .nav-block ul li a.btn.erweka.glyphicons:hover:before {
        background-color:#afdd39
    }
}

.content .btn.erweka-inverted,.content .btn.erweka-inverted.glyphicons:before,.content .button.erweka-inverted,.content .button.erweka-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.erweka-inverted,.area.content .nav-block ul li a.btn.erweka-inverted.glyphicons:before {
    background-color: #fff
}

@media (min-width: 1025px) {
    .content .btn.erweka-inverted:hover,.content .btn.erweka-inverted.glyphicons:hover:before,.content .button.erweka-inverted:hover,.content .button.erweka-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.erweka-inverted:hover,.area.content .nav-block ul li a.btn.erweka-inverted.glyphicons:hover:before {
        background-color:#ededed
    }
}

.content .btn.erweka-inverted,.content .btn.erweka-inverted.glyphicons:before,.content .button.erweka-inverted,.content .button.erweka-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.erweka-inverted,.area.content .nav-block ul li a.btn.erweka-inverted.glyphicons:before {
    color: #95C221 !important
}

@media (min-width: 1025px) {
    .content .btn.erweka-inverted:hover,.content .btn.erweka-inverted.glyphicons:hover:before,.content .button.erweka-inverted:hover,.content .button.erweka-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.erweka-inverted:hover,.area.content .nav-block ul li a.btn.erweka-inverted.glyphicons:hover:before {
        color:#afdd39 !important
    }
}

.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.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 {
    background-color: #fff
}

@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 {
        background-color:#ededed
    }
}

.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 !important
}

@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 !important
    }
}

.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.microtrac-inverted,.content .btn.microtrac-inverted.glyphicons:before,.content .button.microtrac-inverted,.content .button.microtrac-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.microtrac-inverted,.area.content .nav-block ul li a.btn.microtrac-inverted.glyphicons:before {
    background-color: #fff
}

@media (min-width: 1025px) {
    .content .btn.microtrac-inverted:hover,.content .btn.microtrac-inverted.glyphicons:hover:before,.content .button.microtrac-inverted:hover,.content .button.microtrac-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.microtrac-inverted:hover,.area.content .nav-block ul li a.btn.microtrac-inverted.glyphicons:hover:before {
        background-color:#ededed
    }
}

.content .btn.microtrac-inverted,.content .btn.microtrac-inverted.glyphicons:before,.content .button.microtrac-inverted,.content .button.microtrac-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.microtrac-inverted,.area.content .nav-block ul li a.btn.microtrac-inverted.glyphicons:before {
    color: #00b4cd !important
}

@media (min-width: 1025px) {
    .content .btn.microtrac-inverted:hover,.content .btn.microtrac-inverted.glyphicons:hover:before,.content .button.microtrac-inverted:hover,.content .button.microtrac-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.microtrac-inverted:hover,.area.content .nav-block ul li a.btn.microtrac-inverted.glyphicons:hover:before {
        color:#01e0ff !important
    }
}

.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.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 {
    background-color: #fff
}

@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 {
        background-color:#ededed
    }
}

.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 !important
}

@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 !important
    }
}

.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-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 {
    background-color: #fff
}

@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 {
        background-color:#ededed
    }
}

.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 !important
}

@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 !important
    }
}

.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.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 {
    background-color: #fff
}

@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 {
        background-color:#ededed
    }
}

.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 !important
}

@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 !important
    }
}

.content .btn.verder,.content .btn.verder.glyphicons:before,.content .button.verder,.content .button.verder.glyphicons:before,.area.content .nav-block ul li a.btn.verder,.area.content .nav-block ul li a.btn.verder.glyphicons:before {
    background-color: #00529c
}

@media (min-width: 1025px) {
    .content .btn.verder:hover,.content .btn.verder.glyphicons:hover:before,.content .button.verder:hover,.content .button.verder.glyphicons:hover:before,.area.content .nav-block ul li a.btn.verder:hover,.area.content .nav-block ul li a.btn.verder.glyphicons:hover:before {
        background-color:#006dcf
    }
}

.content .btn.verder-inverted,.content .btn.verder-inverted.glyphicons:before,.content .button.verder-inverted,.content .button.verder-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.verder-inverted,.area.content .nav-block ul li a.btn.verder-inverted.glyphicons:before {
    background-color: #fff
}

@media (min-width: 1025px) {
    .content .btn.verder-inverted:hover,.content .btn.verder-inverted.glyphicons:hover:before,.content .button.verder-inverted:hover,.content .button.verder-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.verder-inverted:hover,.area.content .nav-block ul li a.btn.verder-inverted.glyphicons:hover:before {
        background-color:#ededed
    }
}

.content .btn.verder-inverted,.content .btn.verder-inverted.glyphicons:before,.content .button.verder-inverted,.content .button.verder-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.verder-inverted,.area.content .nav-block ul li a.btn.verder-inverted.glyphicons:before {
    color: #00529c !important
}

@media (min-width: 1025px) {
    .content .btn.verder-inverted:hover,.content .btn.verder-inverted.glyphicons:hover:before,.content .button.verder-inverted:hover,.content .button.verder-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.verder-inverted:hover,.area.content .nav-block ul li a.btn.verder-inverted.glyphicons:hover:before {
        color:#006dcf !important
    }
}

.content .btn.verder-scientific,.content .btn.verder-scientific.glyphicons:before,.content .button.verder-scientific,.content .button.verder-scientific.glyphicons:before,.area.content .nav-block ul li a.btn.verder-scientific,.area.content .nav-block ul li a.btn.verder-scientific.glyphicons:before {
    background-color: #00529c
}

@media (min-width: 1025px) {
    .content .btn.verder-scientific:hover,.content .btn.verder-scientific.glyphicons:hover:before,.content .button.verder-scientific:hover,.content .button.verder-scientific.glyphicons:hover:before,.area.content .nav-block ul li a.btn.verder-scientific:hover,.area.content .nav-block ul li a.btn.verder-scientific.glyphicons:hover:before {
        background-color:#006dcf
    }
}

.content .btn.verder-scientific-inverted,.content .btn.verder-scientific-inverted.glyphicons:before,.content .button.verder-scientific-inverted,.content .button.verder-scientific-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.verder-scientific-inverted,.area.content .nav-block ul li a.btn.verder-scientific-inverted.glyphicons:before {
    background-color: #fff
}

@media (min-width: 1025px) {
    .content .btn.verder-scientific-inverted:hover,.content .btn.verder-scientific-inverted.glyphicons:hover:before,.content .button.verder-scientific-inverted:hover,.content .button.verder-scientific-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.verder-scientific-inverted:hover,.area.content .nav-block ul li a.btn.verder-scientific-inverted.glyphicons:hover:before {
        background-color:#ededed
    }
}

.content .btn.verder-scientific-inverted,.content .btn.verder-scientific-inverted.glyphicons:before,.content .button.verder-scientific-inverted,.content .button.verder-scientific-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.verder-scientific-inverted,.area.content .nav-block ul li a.btn.verder-scientific-inverted.glyphicons:before {
    color: #00529c !important
}

@media (min-width: 1025px) {
    .content .btn.verder-scientific-inverted:hover,.content .btn.verder-scientific-inverted.glyphicons:hover:before,.content .button.verder-scientific-inverted:hover,.content .button.verder-scientific-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.verder-scientific-inverted:hover,.area.content .nav-block ul li a.btn.verder-scientific-inverted.glyphicons:hover:before {
        color:#006dcf !important
    }
}

.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.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.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.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.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.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.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: #1b1c5d !important
}

@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:#f9232f !important
    }
}

.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 !important
}

@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 !important
    }
}

.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 !important
}

@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 !important
    }
}

.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
}

@media (max-width: 767px) {
    .area.content .button-list {
        padding-left:0;
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .area.content .button-list.contains-box-wrap {
        padding-left:0;
        padding-right: 0
    }
}

.area.content .button-list .btn {
    margin-bottom: 15px;
    margin-right: 45px
}

.area.content .button-list .btn:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .area.content .button-list .btn {
        margin-right:0 !important
    }
}

.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 !important;
    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;
    display: block;
    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:36px !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;
    min-height: auto
}

.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("/assets/global/all/web-2018/img/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("/assets/global/all/web-2018/img/image-gallery/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("/assets/global/all/web-2018/img/image-gallery/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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(/assets/global/all/web-2018/img/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: #fc868d;
    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;
    z-index: 1
}

@media (min-width: 768px) {
    .area.content .nav-block .decorationContainer {
        width:200px;
        right: 30px;
        top: 30px;
        bottom: 30px;
        position: absolute
    }
}

@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;
        margin-top: 7.5px
    }
}

.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;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

@media (min-width: 768px) {
    .area.content .nav-block .decorationContainer .decoration {
        max-height:200px;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        height: 100%
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content .nav-block .decorationContainer .decoration {
        max-height:250px
    }
}

@media (min-width: 768px) and (min-width: 1415px) {
    .area.content .nav-block .decorationContainer .decoration {
        max-height:280px
    }
}

.area.content .nav-block .decorationContainer .decoration.on {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.area.content .nav-block .decorationContainer .decoration img {
    height: auto;
    max-height: 100%;
    width: auto
}

@media (min-width: 768px) {
    .area.content .nav-block .decorationContainer .decoration img {
        max-width:200px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content .nav-block .decorationContainer .decoration img {
        max-width:250px
    }
}

@media (min-width: 768px) and (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 {
        position:relative
    }
}

@media (min-width: 768px) {
    .area.content .nav-block h2 {
        margin-right:215px;
        margin-bottom: 30px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content .nav-block h2 {
        margin-right:268.75px
    }
}

@media (min-width: 768px) and (min-width: 1415px) {
    .area.content .nav-block h2 {
        margin-right:301px
    }
}

.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 {
        position:relative
    }
}

@media (min-width: 768px) {
    .area.content .nav-block ul {
        margin-right:215px
    }
}

@media (min-width: 768px) and (min-width: 1215px) {
    .area.content .nav-block ul {
        margin-right:268.75px
    }
}

@media (min-width: 768px) and (min-width: 1415px) {
    .area.content .nav-block ul {
        margin-right:301px
    }
}

.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
    }
}

.area.content .grid-25 .nav-block .decorationContainer,.area.content .grid-33 .nav-block .decorationContainer {
    height: 150px
}

@media (min-width: 768px) {
    .area.content .grid-25 .nav-block .decoration,.area.content .grid-33 .nav-block .decoration {
        width:100%;
        height: 150px;
        text-align: left
    }
}

.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: #1b1c5d
}

.area.fullwidth.sub-nav-bar ul li.btn-style {
    background-color: #1b1c5d
}

.area.fullwidth.sub-nav-bar ul li.btn-style a {
    color: #fff;
    border-bottom-color: #1b1c5d
}

.area.fullwidth.sub-nav-bar ul li.btn-style a:hover {
    color: #fff;
    background-color: #f9232f
}

.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: #1b1c5d
}

.area.fullwidth.sub-nav-bar ul li.btn-style.carbolite a {
    border-bottom-color: #1b1c5d
}

.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.erweka {
    background-color: #95C221
}

.area.fullwidth.sub-nav-bar ul li.btn-style.erweka a {
    border-bottom-color: #95C221
}

.area.fullwidth.sub-nav-bar ul li.btn-style.erweka a:hover {
    background-color: #afdd39
}

.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("/assets/global/all/web-2018/img/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
    }
}