@charset "UTF-8";

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

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

body {
    font-family: 微软雅黑, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif;
    font-size: 16px;
    color: #424b53;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 90px
}

@media (max-width:1020px) {
    body {
        font-size: 12px
    }
}

.scWebEditInput.scEnabledChrome[contentEditable=true] {
    position: relative;
    display: block
}

.--editmode .grid {
    padding-bottom: 20px;
    position: relative
}

.--editmode .grid:after {
    content: "Row";
    display: block;
    position: absolute;
    background-image: repeating-linear-gradient(45deg, rgba(255, 0, 0, .1), rgba(255, 0, 0, .1) 2px, rgba(255, 0, 0, .2) 0, rgba(255, 0, 0, .2) 50%);
    background-size: 10px 10px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 20px;
    vertical-align: middle
}

.--editmode .grid__item {
    position: relative
}

.--editmode .grid__item:after {
    content: "Col";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    line-height: 20px;
    vertical-align: middle;
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 255, .1), rgba(0, 0, 255, .1) 2px, rgba(0, 0, 255, .2) 0, rgba(0, 0, 255, .2) 50%);
    background-size: 10px 10px
}

@keyframes a {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes b {
    0% {
        transform: translateY(-12px)
    }

    35% {
        transform: translateY(-5px)
    }

    to {
        transform: translateY(-12px)
    }
}

@font-face {
    font-family: esko-icon;
    src: url(../Fonts/esko-icon.eot);
    src: url(../Fonts/esko-icon.svg) format("svg"), url(../Fonts/esko-icon.eot) format("embedded-opentype"), url(../Fonts/esko-icon.ttf) format("truetype"), url(../Fonts/esko-icon.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.line,
hr {
    width: 100%;
    border: none;
    height: 1px;
    background-color: rgba(66, 75, 83, .3);
    margin: 40px 0;
    display: block
}

.--editmode .line:before,
.--editmode hr:before {
    content: "\2190 LINE \2192" !important
}

a,
a:visited {
    color: #aabd26;
    text-decoration: underline;
    transition: all .5s
}

a:active,
a:hover {
    color: #d5de93;
    transition: all .25s
}

h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited {
    color: inherit;
    text-decoration: none
}

h1 a:active,
h1 a:hover,
h2 a:active,
h2 a:hover,
h3 a:active,
h3 a:hover,
h4 a:active,
h4 a:hover,
h5 a:active,
h5 a:hover,
h6 a:active,
h6 a:hover {
    color: #aabd26
}

.content ul {
    margin: 0 0 1em
}

.content ul li {
    line-height: 2em;
    margin: .6em 0;
    padding-left: 25px;
    position: relative;
    opacity: .85
}

.content ul li:before {
    content: "\203A";
    color: #aabd26;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 11px;
    vertical-align: middle;
    text-align: center;
    opacity: 1;
    width: 15px;
    height: 15px;
    border: 1px solid #aabd26;
    border-radius: 15px
}

.content ol {
    counter-reset: a;
    list-style-type: none;
    margin: 0 0 1em
}

.content ol li {
    position: relative;
    line-height: 2em;
    margin: .6em 0;
    padding-left: 25px;
    opacity: .85
}

.content ol li:before {
    content: counter(a);
    counter-increment: a;
    color: #aabd26;
    display: block;
    position: absolute;
    left: 10px;
    font-size: 1em;
    font-weight: 700;
    opacity: 1
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.5em;
    margin: 0 0 1em
}

h1 {
    font-size: 2.1em
}

h2 {
    font-size: 1.6em
}

h3,
h4 {
    font-size: 1.3em
}

h4 {
    font-weight: 400
}

h5 {
    font-size: 1.2em
}

h6 {
    font-size: 1.1em
}

p {
    line-height: 2em;
    margin: 0 0 1em;
    opacity: .85
}

b,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

.text--light {
    font-weight: 300
}

.img--responsive {
    display: block;
    height: auto;
    max-width: 100%
}

a.button,
div.button {
    border: 1px solid transparent;
    position: relative;
    display: inline-block;
    font-size: 1em;
    line-height: 1.3em;
    font-weight: 700;
    letter-spacing: .03em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 15px 40px;
    text-align: center;
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease;
    cursor: pointer;
    z-index: 0;
    border-width: 1px;
    border-radius: 5px;
    text-decoration: none
}

a.button:hover,
div.button:hover {
    transition: all 1s cubic-bezier(0, .85, 0, 1.15)
}

a.button--small,
div.button--small {
    font-size: .8em;
    padding: 10px 15px
}

a.button--small.button--buy:before,
a.button--small.button--download:before,
a.button--small.button--forward:before,
a.button--small.button--video:before,
div.button--small.button--buy:before,
div.button--small.button--download:before,
div.button--small.button--forward:before,
div.button--small.button--video:before {
    font-size: 24px;
    margin-left: -5px
}

a.button--small.button--forward:before,
div.button--small.button--forward:before {
    font-size: 22px;
    margin-left: -5px
}

a.button--small.button--return,
div.button--small.button--return {
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: .9em !important
}

a.button--small.button--return:before,
div.button--small.button--return:before {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 1.5em !important;
    line-height: .25em !important;
    vertical-align: top !important
}

a.button--small.button--buy:before,
a.button--small.button--doc:before,
a.button--small.button--gear:before,
a.button--small.button--mac:before,
a.button--small.button--pdf:before,
a.button--small.button--win:before,
a.button--small.button--windows:before,
div.button--small.button--buy:before,
div.button--small.button--doc:before,
div.button--small.button--gear:before,
div.button--small.button--mac:before,
div.button--small.button--pdf:before,
div.button--small.button--win:before,
div.button--small.button--windows:before {
    font-size: 25px;
    margin-left: -5px
}

a.button--undercase,
div.button--undercase {
    text-transform: none;
    font-weight: 400
}

a.button--buy:before,
div.button--buy:before {
    content: "\e600";
    top: 8px
}

a.button--buy:before,
a.button--video:before,
div.button--buy:before,
div.button--video:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    position: relative;
    font-size: 28px;
    line-height: 0;
    margin-left: -10px;
    margin-right: 10px
}

a.button--video:before,
div.button--video:before {
    content: "\e603";
    top: 6px
}

a.button--forward:before,
div.button--forward:before {
    content: "\e900";
    font-size: 28px
}

a.button--download:before,
a.button--forward:before,
div.button--download:before,
div.button--forward:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    position: relative;
    line-height: 0;
    margin-left: -10px;
    margin-right: 10px;
    top: 6px
}

a.button--download:before,
div.button--download:before {
    content: "\e602";
    font-size: 29px
}

a.button--win:before,
a.button--windows:before,
div.button--win:before,
div.button--windows:before {
    content: "\e617";
    font-size: 28px
}

a.button--mac:before,
a.button--win:before,
a.button--windows:before,
div.button--mac:before,
div.button--win:before,
div.button--windows:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    position: relative;
    line-height: 0;
    margin-left: -10px;
    margin-right: 10px;
    top: 6px
}

a.button--mac:before,
div.button--mac:before {
    content: "\e616";
    font-size: 29px
}

a.button--gear:before,
div.button--gear:before {
    content: "\e60e"
}

a.button--doc:before,
a.button--gear:before,
div.button--doc:before,
div.button--gear:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    position: relative;
    font-size: 30px;
    line-height: 0;
    margin-left: -10px;
    margin-right: 10px;
    top: 7px
}

a.button--doc:before,
div.button--doc:before {
    content: "\e610"
}

a.button--pdf:before,
div.button--pdf:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e60d";
    display: inline-block;
    position: relative;
    font-size: 30px;
    line-height: 0;
    margin-left: -10px;
    margin-right: 10px;
    top: 8px
}

a.button--block,
div.button--block {
    display: block
}

a.button,
a.button--green,
div.button,
div.button--green {
    border-color: #aabd26;
    color: #aabd26
}

a.button--green:hover,
a.button:hover,
div.button--green:hover,
div.button:hover {
    color: #fff;
    background-color: #aabd26
}

a.button--green-full,
div.button--green-full {
    border: none;
    color: #fff;
    background-color: #aabd26
}

a.button--green-full:hover,
div.button--green-full:hover {
    color: #aabd26;
    background-color: #fff
}

a.button--green-full-alt,
div.button--green-full-alt {
    border: none;
    color: #fff;
    background-color: #aabd26
}

a.button--green-full-alt:hover,
div.button--green-full-alt:hover {
    color: #fff;
    background-color: #424b53
}

a.button--grey,
div.button--grey {
    border-color: #424b53;
    color: #424b53
}

a.button--grey:hover,
div.button--grey:hover {
    color: #fff;
    background-color: #424b53
}

a.button--grey-full,
div.button--grey-full {
    border: none;
    color: #fff;
    background-color: #424b53
}

a.button--grey-full:hover,
div.button--grey-full:hover {
    color: #424b53;
    background-color: #fff
}

a.button--grey-full-alt,
div.button--grey-full-alt {
    border: none;
    color: #fff;
    background-color: #424b53
}

a.button--grey-full-alt:hover,
div.button--grey-full-alt:hover {
    color: #fff;
    background-color: #aabd26
}

a.button--white,
div.button--white {
    border-color: #fff;
    color: #fff
}

a.button--white:hover,
div.button--white:hover {
    color: #aabd26;
    background-color: #fff
}

a.button--white-full,
div.button--white-full {
    border: none;
    color: #aabd26;
    background-color: #fff
}

a.button--white-full:hover,
div.button--white-full:hover {
    color: #fff;
    background-color: #aabd26
}

a.button--white-full-alt,
div.button--white-full-alt {
    border: none;
    color: #424b53;
    background-color: #fff
}

a.button--white-full-alt:hover,
div.button--white-full-alt:hover {
    color: #fff;
    background-color: #424b53
}

a.button--transparent,
div.button--transparent {
    border: none;
    color: #424b53;
    background-color: transparent;
    text-transform: none;
    font-weight: 400;
    font-size: 1.1em
}

a.button--transparent:hover,
div.button--transparent:hover {
    color: #aabd26;
    background-color: transparent
}

a.button--red,
div.button--red {
    border: none;
    color: #fff;
    background-color: #ea6962
}

a.button--red:hover,
div.button--red:hover {
    opacity: .8;
    background-color: #ea6962
}

a.button--disabled,
div.button--disabled {
    border: none;
    color: #fff;
    background-color: #424b53;
    pointer-events: none;
    opacity: .15
}

a.button:hover,
div.button:hover {
    transition-property: background-color;
    transition-duration: .3s;
    transition-timing-function: ease
}

a.button--full,
div.button--full {
    box-sizing: border-box;
    width: 100%
}

.esko-form input[type=button].button--link {
    display: inline
}

.esko-form input[type=button].button--link,
.esko-form input[type=button].button--link:visited {
    border: none;
    background-color: transparent;
    color: #424b53;
    text-transform: none;
    font-weight: 400;
    opacity: .5
}

.esko-form input[type=button].button--link:hover {
    border: none;
    background-color: transparent;
    color: #424b53;
    opacity: 1
}

.button-slide {
    display: inline-block;
    line-height: 1em;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .8em;
    font-weight: 700;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: color;
    transition-duration: .3s;
    cursor: pointer;
    color: #fff !important;
    background-color: #aabd26
}

.button-slide:before {
    background: #344;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    transition-property: transform;
    transition-duration: .7s;
    transition-timing-function: ease
}

.button-slide:active:before,
.button-slide:focus:before,
.button-slide:hover:before {
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    transition-duration: .2s;
    transition-timing-function: ease
}

.button-slide__caption--mac:before {
    content: "\e616"
}

.button-slide__caption--mac:before,
.button-slide__caption--windows:before {
    speak: none;
    font-family: esko-icon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    font-size: 1.8em;
    text-transform: none;
    vertical-align: top;
    display: inline-block;
    position: relative;
    margin: -1px 10px 0 -10px
}

.button-slide__caption--windows:before {
    content: "\e617"
}

.button-slide__caption--all:before {
    speak: none;
    font-family: esko-icon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    font-size: 1.8em;
    text-transform: none;
    vertical-align: top;
    display: inline-block;
    position: relative;
    margin: -1px 10px 0 -10px;
    content: "\e602";
    margin-top: 0
}

.spacer,
.spacer--double,
.spacer--octuple,
.spacer--quadruple {
    width: 100%;
    height: 1px;
    display: block;
    position: relative;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px
}

.--editmode .spacer,
.--editmode .spacer--double,
.--editmode .spacer--octuple,
.--editmode .spacer--quadruple,
.newdesign .spacer,
.newdesign .spacer--double,
.newdesign .spacer--octuple,
.newdesign .spacer--quadruple {
    margin-top: 0;
    margin-bottom: 0;
    height: 10px
}

.spacer--double {
    margin-top: 10px;
    margin-bottom: 10px
}

.--editmode .spacer--double,
.newdesign .spacer--double {
    margin-top: 0;
    margin-bottom: 0;
    height: 20px
}

.spacer--quadruple {
    margin-top: 30px;
    margin-bottom: 30px
}

.--editmode .spacer--quadruple,
.newdesign .spacer--quadruple {
    margin-top: 0;
    margin-bottom: 0;
    height: 60px
}

.--editmode .spacer--quadruple:before,
.newdesign .spacer--quadruple:before {
    content: "\2191 \A \2190 SPACER \2192 \A \2193"
}

.spacer--octuple {
    margin-top: 60px;
    margin-bottom: 60px
}

.--editmode .spacer--octuple,
.newdesign .spacer--octuple {
    margin-top: 0;
    margin-bottom: 0;
    height: 120px
}

.--editmode .spacer--octuple:before,
.newdesign .spacer--octuple:before {
    content: "\2191 \A \2190 SPACER \2192 \A \2193"
}

.--editmode .spacer,
.--editmode .spacer--double,
.--editmode .spacer--octuple,
.--editmode .spacer--quadruple,
.newdesign .spacer,
.newdesign .spacer--double,
.newdesign .spacer--octuple,
.newdesign .spacer--quadruple {
    outline: 1px dashed #424b53;
    color: #424b53;
    background: linear-gradient(90deg, #f4f4f5 50%, #fff 0, #fff) repeat;
    background-size: 10px;
    position: relative
}

.--editmode .spacer--double:before,
.--editmode .spacer--octuple:before,
.--editmode .spacer--quadruple:before,
.--editmode .spacer:before,
.newdesign .spacer--double:before,
.newdesign .spacer--octuple:before,
.newdesign .spacer--quadruple:before,
.newdesign .spacer:before {
    display: inline-block;
    position: absolute;
    content: "\2190 SPACER \2192";
    white-space: pre;
    text-align: center;
    text-shadow: 0 0 5px #f5f5f5;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.social-facebook:before,
.social-linkedin:before,
.social-twitter:before,
.social-youtube:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 2em;
    margin: 10px 12px 0 -2px;
    display: inline-block
}

.social-facebook:before {
    content: "\e611"
}

.social-twitter:before {
    content: "\e612"
}

.social-linkedin:before {
    content: "\e613"
}

.social-youtube:before {
    content: "\e614"
}

table.table--styled {
    border-collapse: collapse
}

table.table--styled tr:nth-child(2n) {
    background-color: rgba(66, 75, 83, .04)
}

table.table--styled td {
    padding: 10px
}

table.table--styled tbody td {
    padding: 10px;
    border: 1px solid #f4f4f5
}

table.table--styled thead td {
    background-color: #424b53;
    border: 1px solid #424b53;
    font-weight: 700;
    color: #fff;
    border-collapse: separate
}

.grid,
.grid__column,
.grid__item,
.grid__row {
    box-sizing: border-box
}

.grid .scEmptyPlaceholder {
    width: 100%
}

.grid__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.--editmode .grid__row {
    outline: 1px dotted rgba(0, 0, 255, .5)
}

.--editmode .grid__row:hover {
    outline: 1px dotted blue
}

.grid__row--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.grid__row--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__row--light-gray {
    background-color: #f4f4f5
}

.grid__row--esko-green {
    background-color: #aabd26
}

.grid__row--white {
    background-color: #fff
}

.grid__row--dark-green {
    background-color: #84931d
}

.grid__row--light-green {
    background-color: #c5d83e
}

.grid__row--black {
    background-color: #121b13;
    color: #fff
}

.grid__row--bgimage-cover,
.grid__row--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__row--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__row--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__row--bgimage-fixed {
    background-attachment: fixed
}

.grid__row--align-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.grid__row--align-center {
    -ms-flex-pack: center;
    justify-content: center
}

.grid__row--align-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid__row--align-justify {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid__row,
.grid__row--fixed {
    width: 1080px;
    max-width: 1080px;
    margin: 0 auto
}

.grid__row--bleed {
    width: 100%;
    max-width: 100%;
    margin: inherit
}

.grid__column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.--editmode .grid__column {
    outline: 1px dotted rgba(0, 0, 255, .5)
}

.--editmode .grid__column:hover {
    outline: 1px dotted blue
}

.grid__column--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.grid__item {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px
}

.grid__item--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--light-gray {
    background-color: #f4f4f5
}

.grid__item--esko-green {
    background-color: #aabd26
}

.grid__item--white {
    background-color: #fff
}

.grid__item--dark-green {
    background-color: #84931d
}

.grid__item--light-green {
    background-color: #c5d83e
}

.grid__item--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--bgimage-cover,
.grid__item--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item:hover {
    outline: 1px dotted gray
}

.grid__item--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-1 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

.grid__item--col-1--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-1--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-1--esko-green {
    background-color: #aabd26
}

.grid__item--col-1--white {
    background-color: #fff
}

.grid__item--col-1--dark-green {
    background-color: #84931d
}

.grid__item--col-1--light-green {
    background-color: #c5d83e
}

.grid__item--col-1--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-1--bgimage-cover,
.grid__item--col-1--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-1--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-1--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-1--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-1 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-1:hover {
    outline: 1px dotted gray
}

.grid__item--col-1--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-1--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-2 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.grid__item--col-2--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-2--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-2--esko-green {
    background-color: #aabd26
}

.grid__item--col-2--white {
    background-color: #fff
}

.grid__item--col-2--dark-green {
    background-color: #84931d
}

.grid__item--col-2--light-green {
    background-color: #c5d83e
}

.grid__item--col-2--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-2--bgimage-cover,
.grid__item--col-2--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-2--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-2--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-2--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-2 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-2:hover {
    outline: 1px dotted gray
}

.grid__item--col-2--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-2--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-3 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.grid__item--col-3--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-3--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-3--esko-green {
    background-color: #aabd26
}

.grid__item--col-3--white {
    background-color: #fff
}

.grid__item--col-3--dark-green {
    background-color: #84931d
}

.grid__item--col-3--light-green {
    background-color: #c5d83e
}

.grid__item--col-3--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-3--bgimage-cover,
.grid__item--col-3--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-3--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-3--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-3--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-3 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-3:hover {
    outline: 1px dotted gray
}

.grid__item--col-3--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-3--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-4 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.grid__item--col-4--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-4--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-4--esko-green {
    background-color: #aabd26
}

.grid__item--col-4--white {
    background-color: #fff
}

.grid__item--col-4--dark-green {
    background-color: #84931d
}

.grid__item--col-4--light-green {
    background-color: #c5d83e
}

.grid__item--col-4--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-4--bgimage-cover,
.grid__item--col-4--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-4--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-4--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-4--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-4 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-4:hover {
    outline: 1px dotted gray
}

.grid__item--col-4--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-4--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-5 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

.grid__item--col-5--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-5--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-5--esko-green {
    background-color: #aabd26
}

.grid__item--col-5--white {
    background-color: #fff
}

.grid__item--col-5--dark-green {
    background-color: #84931d
}

.grid__item--col-5--light-green {
    background-color: #c5d83e
}

.grid__item--col-5--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-5--bgimage-cover,
.grid__item--col-5--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-5--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-5--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-5--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-5 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-5:hover {
    outline: 1px dotted gray
}

.grid__item--col-5--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-5--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-6 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.grid__item--col-6--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-6--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-6--esko-green {
    background-color: #aabd26
}

.grid__item--col-6--white {
    background-color: #fff
}

.grid__item--col-6--dark-green {
    background-color: #84931d
}

.grid__item--col-6--light-green {
    background-color: #c5d83e
}

.grid__item--col-6--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-6--bgimage-cover,
.grid__item--col-6--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-6--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-6--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-6--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-6 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-6:hover {
    outline: 1px dotted gray
}

.grid__item--col-6--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-6--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-7 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

.grid__item--col-7--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-7--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-7--esko-green {
    background-color: #aabd26
}

.grid__item--col-7--white {
    background-color: #fff
}

.grid__item--col-7--dark-green {
    background-color: #84931d
}

.grid__item--col-7--light-green {
    background-color: #c5d83e
}

.grid__item--col-7--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-7--bgimage-cover,
.grid__item--col-7--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-7--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-7--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-7--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-7 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-7:hover {
    outline: 1px dotted gray
}

.grid__item--col-7--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-7--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-8 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

.grid__item--col-8--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-8--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-8--esko-green {
    background-color: #aabd26
}

.grid__item--col-8--white {
    background-color: #fff
}

.grid__item--col-8--dark-green {
    background-color: #84931d
}

.grid__item--col-8--light-green {
    background-color: #c5d83e
}

.grid__item--col-8--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-8--bgimage-cover,
.grid__item--col-8--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-8--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-8--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-8--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-8 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-8:hover {
    outline: 1px dotted gray
}

.grid__item--col-8--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-8--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-9 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.grid__item--col-9--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-9--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-9--esko-green {
    background-color: #aabd26
}

.grid__item--col-9--white {
    background-color: #fff
}

.grid__item--col-9--dark-green {
    background-color: #84931d
}

.grid__item--col-9--light-green {
    background-color: #c5d83e
}

.grid__item--col-9--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-9--bgimage-cover,
.grid__item--col-9--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-9--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-9--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-9--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-9 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-9:hover {
    outline: 1px dotted gray
}

.grid__item--col-9--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-9--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-10 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

.grid__item--col-10--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-10--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-10--esko-green {
    background-color: #aabd26
}

.grid__item--col-10--white {
    background-color: #fff
}

.grid__item--col-10--dark-green {
    background-color: #84931d
}

.grid__item--col-10--light-green {
    background-color: #c5d83e
}

.grid__item--col-10--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-10--bgimage-cover,
.grid__item--col-10--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-10--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-10--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-10--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-10 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-10:hover {
    outline: 1px dotted gray
}

.grid__item--col-10--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-10--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-11 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

.grid__item--col-11--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-11--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-11--esko-green {
    background-color: #aabd26
}

.grid__item--col-11--white {
    background-color: #fff
}

.grid__item--col-11--dark-green {
    background-color: #84931d
}

.grid__item--col-11--light-green {
    background-color: #c5d83e
}

.grid__item--col-11--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-11--bgimage-cover,
.grid__item--col-11--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-11--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-11--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-11--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-11 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-11:hover {
    outline: 1px dotted gray
}

.grid__item--col-11--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-11--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--col-12 {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding: 10px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.grid__item--col-12--dark-gray {
    background-color: #424b53;
    color: #fff
}

.grid__item--col-12--light-gray {
    background-color: #f4f4f5
}

.grid__item--col-12--esko-green {
    background-color: #aabd26
}

.grid__item--col-12--white {
    background-color: #fff
}

.grid__item--col-12--dark-green {
    background-color: #84931d
}

.grid__item--col-12--light-green {
    background-color: #c5d83e
}

.grid__item--col-12--black {
    background-color: #121b13;
    color: #fff
}

.grid__item--col-12--bgimage-cover,
.grid__item--col-12--bgimage-default {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.grid__item--col-12--bgimage-contain {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.grid__item--col-12--bgimage-repeat {
    background-position: 50%;
    background-repeat: repeat;
    background-size: initial
}

.grid__item--col-12--bgimage-fixed {
    background-attachment: fixed
}

.--editmode .grid__item--col-12 {
    outline: 1px dotted hsla(0, 0%, 50%, .5)
}

.--editmode .grid__item--col-12:hover {
    outline: 1px dotted gray
}

.grid__item--col-12--nogrow {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grid__item--col-12--noshrink {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.grid__item--padding-none {
    padding: 0
}

.grid__item--padding-more {
    padding: 20px
}

.grid__item--padding-most {
    padding: 40px
}

#grid__align--center {
    -ms-flex-align: center;
    align-items: center
}

.siteheader {
    box-sizing: border-box;
    top: 0;
    right: 0;
    background-color: #fff;
    position: fixed;
    height: auto;
    z-index: 9999
}

.siteheader,
.siteheader:after {
    display: block;
    left: 0;
    width: 100%
}

.siteheader:after {
    content: "";
    position: absolute;
    height: 1px;
    bottom: -1px;
    background-color: rgba(66, 75, 83, .15)
}

.topbar {
    background-color: #424b53;
    color: #fff;
    font-weight: 400;
    font-size: .789em;
    background-position: top;
    padding: 0 10px 0 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
    z-index: 99999;
    position: relative
}

.topbar__item {
    display: inline-block;
    text-align: left
}

.topbar__item:last-child {
    padding-right: 0
}

.languageselector__label {
    color: hsla(0, 0%, 100%, .5);
    padding: 3px 5px 5px
}

.shoppingcart {
    color: #fff;
    padding: 0 15px 0 12px;
    display: block;
    text-decoration: none;
    line-height: 32px
}

.shoppingcart:visited {
    color: #fff
}

.shoppingcart:hover {
    background-color: #aabd26
}

.shoppingcart__label {
    display: inline-block;
    padding: 0 5px
}

.shoppingcart:before {
    display: block;
    float: left;
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    vertical-align: top;
    font-size: 24px;
    content: "\e600";
    margin-top: 0;
    margin-right: 5px
}

.header {
    padding: 0 20px 0 40px;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-device-width:870px) {
    .header {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#img-logo,
#img-logo img {
    position: relative;
    z-index: 99999
}

.mobile-menu {
    display: none
}

.navigation {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    text-rendering: optimizeSpeed;
    position: relative;
    z-index: 9998
}

.navigation__item {
    float: left;
    margin: 0;
    padding: 0;
    height: 60px;
    display: block;
    color: #424b53;
    font-weight: 600
}

.navigation__item:hover>.navigation__link {
    color: #fff
}

.navigation__item:hover>.navigation__link:after {
    color: hsla(0, 0%, 100%, .5)
}

.navigation__item:hover>.navigation__link:before {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .4s cubic-bezier(.3, 0, 0, 1)
}

.navigation__item .navigation__link {
    height: 60px;
    line-height: 60px;
    padding: 0 13.3333333333px
}

.navigation__item .navigation__link:after {
    vertical-align: middle;
    font-size: 1.4em;
    content: "\00a0";
    padding: 0;
    display: inline-block;
    font-weight: 700;
    color: rgba(170, 189, 38, .7);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navigation__item--flyout {
    float: left;
    margin: 0;
    padding: 0;
    height: 60px;
    display: block;
    color: #424b53;
    font-weight: 600
}

.navigation__item--flyout:hover>.navigation__link {
    color: #fff
}

.navigation__item--flyout:hover>.navigation__link:after {
    color: hsla(0, 0%, 100%, .5)
}

.navigation__item--flyout:hover>.navigation__link:before {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .4s cubic-bezier(.3, 0, 0, 1)
}

.navigation__item--flyout .navigation__link {
    height: 60px;
    line-height: 60px;
    padding: 0 20px 0 13.3333333333px
}

.navigation__item--flyout .navigation__link:after {
    vertical-align: middle;
    font-size: 1.4em;
    content: "\203A";
    padding: 0;
    display: inline-block;
    font-weight: 700;
    color: rgba(170, 189, 38, .7);
    -ms-transform: rotate(90deg) translateY(-8px);
    transform: rotate(90deg) translateY(-8px)
}

.navigation__item--flyoutSingle {
    float: left;
    margin: 0;
    padding: 0;
    height: 60px;
    display: block;
    color: #424b53;
    font-weight: 600;
    position: relative
}

.navigation__item--flyoutSingle:hover>.navigation__link {
    color: #fff
}

.navigation__item--flyoutSingle:hover>.navigation__link:after {
    color: hsla(0, 0%, 100%, .5)
}

.navigation__item--flyoutSingle:hover>.navigation__link:before {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .4s cubic-bezier(.3, 0, 0, 1)
}

.navigation__item--flyoutSingle .navigation__link {
    height: 60px;
    line-height: 60px;
    padding: 0 20px 0 13.3333333333px
}

.navigation__item--flyoutSingle .navigation__link:after {
    vertical-align: middle;
    font-size: 1.4em;
    content: "\203A";
    padding: 0;
    display: inline-block;
    font-weight: 700;
    color: rgba(170, 189, 38, .7);
    -ms-transform: rotate(90deg) translateY(-8px);
    transform: rotate(90deg) translateY(-8px)
}

.navigation__item--search {
    float: left;
    margin: 0;
    padding: 0;
    height: 60px;
    display: block;
    color: #424b53;
    font-weight: 600;
    position: relative
}

.navigation__item--search:hover>.navigation__link {
    color: #fff
}

.navigation__item--search:hover>.navigation__link:after {
    color: hsla(0, 0%, 100%, .5)
}

.navigation__item--search:hover>.navigation__link:before {
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .4s cubic-bezier(.3, 0, 0, 1)
}

.navigation__item--flyout .flyout,
.navigation__item--flyout .flyout--multi,
.navigation__item--flyoutSingle .flyout,
.navigation__item--flyoutSingle .flyout--multi,
.navigation__item--search .flyout,
.navigation__item--search .flyout--multi {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    width: 360px;
    z-index: 5;
    margin-top: 0;
    border-top: none;
    opacity: 0;
    transform: translate3d(0, -20px, 0);
    transition: all .2s;
    pointer-events: none;
    border-radius: 0 0 10px 10px
}

.navigation__item--flyout .flyout--multi,
.navigation__item--flyoutSingle .flyout--multi,
.navigation__item--search .flyout--multi {
    width: 100%;
    left: -40px
}

.navigation__item--flyout .flyout--search,
.navigation__item--flyoutSingle .flyout--search,
.navigation__item--search .flyout--search {
    width: 320px;
    padding: 20px;
    right: 0;
    background-color: #fff;
    border: 1px solid rgba(66, 75, 83, .15);
    border-top: none;
    margin-top: -1px
}

.navigation__item--flyout:hover .flyout,
.navigation__item--flyout:hover .flyout--multi,
.navigation__item--flyoutSingle:hover .flyout,
.navigation__item--flyoutSingle:hover .flyout--multi,
.navigation__item--search:hover .flyout,
.navigation__item--search:hover .flyout--multi {
    opacity: 1;
    transform: translateZ(0);
    transition: all .2s;
    transition-delay: 0s;
    pointer-events: all
}

.navigation__link {
    display: block;
    position: relative;
    color: #424b53;
    text-decoration: none;
    color: inherit
}

.navigation__link:visited {
    color: #424b53
}

.navigation__link:hover {
    color: #fff
}

.navigation__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: rgba(170, 189, 38, .7);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    transition: transform .6s;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.flyout {
    right: -40px
}

.flyout,
.flyout--multi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #fff;
    border: 1px solid rgba(66, 75, 83, .15);
    border-top: none;
    box-sizing: border-box;
    padding: 6.6666666667px 0 10px
}

.flyout__col {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 0 20px
}

.flyout__col--borderleft {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.flyout__title {
    font-weight: 700;
    display: inline-block;
    padding: 5px 0;
    margin: 0;
    color: #424b53;
    font-size: 16px;
}

.flyout__list {
    margin-bottom: 10px;
    padding: 0
}

.flyout__list li {
    text-transform: none;
    font-weight: 400
}

.flyout__sublink,
.flyout__sublink:visited {
    padding: 3px 0;
    display: block;
    color: #424b53;
    text-decoration: none;
    line-height: 1.4em;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    opacity: .85;
    padding-left: 22px
}

.flyout__sublink:before,
.flyout__sublink:visited:before {
    content: "\203A";
    color: #aabd26;
    display: block;
    position: absolute;
    top: 7px;
    font-size: 1.4em;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    opacity: 1;
    width: 15px;
    height: 15px;
    border: 1px solid #aabd26;
    border-radius: 15px;
    top: 5px;
    left: 0;
    line-height: 11px
}

.flyout__sublink:active,
.flyout__sublink:hover {
    padding-left: 30px;
    color: #aabd26
}

.navigation__searchtrigger {
    display: block;
    position: relative;
    width: 60px;
    height: 61px
}

.navigation__searchtrigger:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    font-size: 2.1em;
    line-height: 100%;
    content: "\e605";
    color: #a3b30f;
    display: block;
    height: 100%;
    position: absolute;
    top: 16px;
    left: 14px
}

.navigation__searchtrigger:hover:after,
.navigation__searchtrigger:visited:after {
    color: #fff
}

.searchform {
    display: block;
    width: 100%;
    font-size: 12px
}

.searchform input[type=text] {
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 5px;
    box-shadow: none;
    box-sizing: border-box;
    color: #424b53;
    display: block;
    font-size: 1.1em;
    font-weight: 400;
    outline: none;
    padding: 10px;
    position: relative;
    width: 100%
}

.searchform input[type=text]:focus {
    outline: none
}

.footer {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 20px;
    z-index: 1;
    background-color: #424b53;
    background-image: url(../../Content/Images/bg-office.jpg);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    color: #fff
}

.footer__logo {
    margin: 40px 0 0 10px
}

.footer__list {
    padding: 0;
    margin: 1em 0 0
}

.footer__listitem {
    display: block;
    font-size: .8em;
    padding-left: 25px;
    position: relative
}

.footer__listitem:before {
    content: "\203A";
    color: #aabd26;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 11px;
    vertical-align: middle;
    text-align: center;
    opacity: 1;
    width: 15px;
    height: 15px;
    border: 1px solid #aabd26;
    border-radius: 15px;
    top: 4px !important
}

.footer__divider {
    width: 100%;
    border: none;
    height: 1px;
    background-color: hsla(0, 0%, 100%, .2);
    margin: 40px 0 0
}

.footer__link,
.footer__link:visited {
    text-decoration: none;
    color: inherit
}

.footer__link:active,
.footer__link:hover {
    color: #c5d83e;
    border-bottom-color: #c5d83e
}

.footer__link--hor {
    display: inline-block;
    margin: 0 0 0 2em
}

.footer__title {
    margin: 0;
    font-size: 1em
}

.footer__text {
    font-size: .8em
}

.footer__content {
    padding: 40px 20px 0;
    line-height: 1.6em
}

.footer__disclaimertext {
    padding: 20px;
    font-size: .8em;
    color: tarnsparentize(#fff, .5)
}

.chat {
    position: fixed;
    display: inline-block;
    bottom: 0;
    right: 40px
}

.content {
    margin: 0 auto;
    max-width: 1080px
}

.content--padding20 {
    padding: 20px
}

.content--padding40 {
    padding: 40px
}

.content--nopadding {
    padding: 0
}

.content--no-vertical-padding {
    padding-top: 0;
    padding-bottom: 0
}

.content--no-bottom-padding {
    padding-bottom: 0
}

.content--no-top-padding {
    padding-top: 0
}

.content--center {
    text-align: center
}

.content--padding30-left {
    padding-left: 30px
}

.subselect {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.subselect:hover {
    background-color: #aabd26;
    color: #fff
}

.subselect:hover .subselect__dropdown {
    display: block;
    animation: a .3s
}

.subselect__default {
    padding: 0 12px 0 20px;
    cursor: pointer;
    display: block;
    line-height: 32px
}

.subselect__default,
.subselect__default:hover,
.subselect__default:visited {
    color: #fff;
    text-decoration: none
}

.subselect__default:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    vertical-align: top;
    font-size: 18px;
    padding-left: 4px;
    content: "\E601"
}

.subselect__dropdown {
    display: none;
    margin: 0;
    position: absolute;
    background-color: #aabd26;
    padding: 10px 0;
    font-weight: 400;
    z-index: 10;
    right: 0
}

.subselect__dropdown--right {
    left: 0
}

.subselect__dropdownitem {
    min-width: 200px
}

.subselect__link,
.subselect__link:visited {
    display: block;
    padding: 5px 20px;
    line-height: 1.2;
    color: #fff;
    text-decoration: none
}

.subselect__link:active,
.subselect__link:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .2)
}

.herobanner {
    position: relative;
    border-radius: 0 0 80px 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1);
    width: 100%
}

.herobanner,
.herobanner--darkframe,
.herobanner--greenframe {
    padding: 40px 0 0;
    overflow: hidden
}

.herobanner--bgfade:before {
    content: "";
    background-color: rgba(66, 75, 83, .85);
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.herobanner--bgimage {
    background-size: cover;
    background-position: 50%;
    background-attachment: scroll;
    background-repeat: no-repeat
}

.herobanner--bgcolor {
    background-color: #f4f4f5
}

.herobanner__wrapper {
    width: 1080px;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box
}

.herobanner__wrapper--left .herobanner__content {
    float: left;
    width: 50%
}

.herobanner__wrapper--left .herobanner__playbutton,
.herobanner__wrapper--right .herobanner__content {
    float: right;
    width: 50%
}

.herobanner__wrapper--right .herobanner__playbutton {
    float: left;
    width: 50%
}

.herobanner__wrapper--center .herobanner__content {
    display: block;
    width: 100%;
    text-align: center;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    padding: 40px 0 !important
}

.herobanner__wrapper--center .herobanner__playbutton {
    display: none
}

.herobanner__wrapper--full .herobanner__content {
    width: 100%;
    display: block;
    box-sizing: content-box
}

.herobanner__content {
    display: table-cell;
    box-sizing: border-box;
    line-height: 1.2em;
    margin-bottom: 40px
}

.herobanner__content p {
    font-size: 1.2em;
    line-height: 2.2em;
    margin-bottom: 1.7em
}

.herobanner__content a {
    color: inherit
}

.herobanner__inner-content--left {
    text-align: left
}

.herobanner__inner-content--right {
    text-align: right
}

.herobanner__inner-content--center {
    text-align: center
}

.herobanner--darkframe .herobanner__content {
    padding: 40px;
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
    background-color: rgba(66, 75, 83, .85);
    color: #fff
}

.herobanner--greenframe .herobanner__content {
    padding: 40px;
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
    background-color: rgba(170, 189, 38, .9);
    color: #fff
}

.herobanner--transparentframe .herobanner__content {
    padding: 40px;
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
    background-color: transparent;
    color: #fff;
    margin-bottom: 0
}

.herobanner--center .herobanner__title:after,
.herobanner--center h1:after {
    margin: 10px auto 0
}

.herobanner__title {
    font-size: 2em;
    margin: 0 0 1em
}

.herobanner__thin {
    font-weight: 300
}

.herobanner__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.herobanner__video img {
    display: none
}

.herobanner--bgfade .herobanner__video:before {
    content: "";
    background-color: #fff;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.herobanner__playbutton {
    height: 100%;
    cursor: pointer
}

.herobanner__playbutton,
.herobanner__playbutton div {
    display: block;
    box-sizing: border-box;
    position: absolute
}

.herobanner__playbutton div {
    width: 80px;
    height: 80px;
    top: 45%;
    left: 50%;
    margin: -40px 0 0 -40px;
    border-radius: 100px;
    transition: all .4s ease;
    pointer-events: all;
    background-color: #fff;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .35)
}

.herobanner__playbutton div:before {
    content: "";
    display: block;
    position: absolute;
    top: 25px;
    left: 31px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 22px;
    border-color: transparent transparent transparent rgba(170, 189, 38, .7);
    box-sizing: border-box
}

.herobanner__playbutton div:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 100px;
    box-sizing: border-box;
    opacity: 0;
    -ms-transform: scale(1.7);
    transform: scale(1.7);
    transition: all .6s
}

.herobanner__playbutton:hover div {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all .4s ease
}

.herobanner__playbutton:hover div:after {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .4s;
    opacity: 1
}

.herobanner__wrapper--left .herobanner__playbutton {
    right: 0;
    top: 0
}

.herobanner__wrapper--right .herobanner__playbutton {
    left: 0;
    top: 0
}

.herobanner__video-popup {
    background-color: rgba(66, 75, 83, .8);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
    cursor: pointer;
    transition: all .5s;
    pointer-events: all;
    padding-top: 80px
}

.herobanner__video-popup__wrapper {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 540px;
    box-shadow: 0 20px 100px 0 rgba(0, 0, 0, .3);
    background-color: #121b13;
    pointer-events: none
}

.herobanner__video-popup__wrapper:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e60b";
    display: block;
    position: absolute;
    top: -30px;
    right: -32px;
    font-size: 2em;
    color: hsla(0, 0%, 100%, .5)
}

.herobanner__video-popup__iframe {
    display: block;
    position: relative;
    width: 960px;
    height: 540px;
    pointer-events: all
}

.pricepanel {
    text-align: center;
    border: 1px solid #f4f4f5;
    padding: 20px
}

.pricepanel--left {
    width: 50%;
    float: left;
    text-align: left
}

.pricepanel--right {
    width: 50%;
    float: right;
    text-align: right
}

.pricepanel__price {
    font-size: 2.5em;
    margin: .4em 0
}

.pricepanel__currency,
.pricepanel__term {
    font-size: .4em
}

.pricepanel__type {
    margin-bottom: 1em;
    font-size: 1em
}

.pricepanel__switcher {
    margin-top: 20px;
    width: 100%;
    text-align: right;
    border-top: 1px solid rgba(66, 75, 83, .1);
    padding-top: 20px
}

.pricepanel__switcher__form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: .8em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none
}

.pricepanel__switcher__form__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    height: 22px;
    padding: 2px 8px 4px;
    color: #424b53;
    background-color: #fff;
    border-radius: 5px
}

.pricepanel__switcher__form__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 4px;
    right: 10px;
    color: #aabd26;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.pricepanel__switcher__form__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.pricepanel__switcher__form__label {
    margin-right: 10px;
    line-height: 30px;
    height: 30px;
    float: left;
    vertical-align: middle;
    font-size: .8em;
    color: rgba(66, 75, 83, .7)
}

.searchresult__url {
    font-style: italic;
    font-size: .8em;
    display: block
}

.searchresult__hgl {
    background-color: #ff0;
    border-bottom: 2px solid orange
}

.cookiebanner {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 45px;
    background-color: rgba(170, 189, 38, .9);
    padding: 0 40px;
    box-sizing: border-box;
    z-index: 9999;
    font-size: .85em;
    border-radius: 0 20px 0 0
}

.cookiebanner__text {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
    height: 45px;
    line-height: 45px;
    vertical-align: middle
}

.cookiebanner__link,
.cookiebanner__link:visited {
    color: #fff;
    text-decoration: underline;
    height: 45px;
    line-height: 45px;
    vertical-align: middle
}

.cookiebanner__link:active,
.cookiebanner__link:hover {
    color: hsla(0, 0%, 100%, .5)
}

.cookiebanner__accept {
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    color: #fff;
    cursor: pointer;
    transition: color 1s
}

.cookiebanner__accept:hover {
    color: hsla(0, 0%, 100%, .5);
    transition: color .5s
}

.cookiebanner__accept:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: bottom;
    content: "\e60b";
    font-size: 2.2em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: 4px
}

.cookiebanner--accepted {
    opacity: 0;
    bottom: -90px;
    transition: bottom 2s, opacity 2s
}

.alertbanner,
.alertbanner--warn {
    color: #ffe;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    background-color: #911;
    background-image: linear-gradient(hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    text-align: center;
    padding: 10px;
    font-size: .8em;
    text-transform: uppercase
}

.alertbanner--warn a,
.alertbanner a {
    color: #ffe;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .6);
    text-decoration: underline
}

.alertbanner--warn {
    background-color: #f9a424
}

.alertbanner--warn,
.alertbanner--warn a {
    color: #221;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .4)
}

.alertbanner--warn a {
    text-decoration: underline
}

.imagelink__image {
    margin-bottom: 2em;
    position: relative;
    box-sizing: border-box
}

.imagelink__image img {
    position: relative
}

.imagelink__image a img,
.imagelink__image a img:visited {
    opacity: 1;
    transition: opacity 1s
}

.imagelink__image a img:active,
.imagelink__image a img:hover {
    opacity: .6;
    transition: opacity .4s
}

.imagelink--left {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.imagelink--left .imagelink__image {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-right: 30px;
    margin-bottom: 0
}

.imagelink--left .imagelink__image img {
    width: 100%
}

.imagelink--left .imagelink__content {
    position: relative;
    margin-right: 30px
}

.imagelink--right {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.imagelink--right .imagelink__image {
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-left: 30px;
    margin-bottom: 0
}

.imagelink--right .imagelink__image img {
    width: 100%
}

.imagelink--right .imagelink__content {
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    margin-left: 30px
}

.imagelink--top-left .imagelink__image {
    width: inherit;
    clear: both
}

.imagelink--top-center .imagelink__image {
    text-align: center;
    width: inherit;
    clear: both
}

.imagelink--top-right .imagelink__image {
    text-align: right;
    width: inherit;
    clear: both
}

.imagelink--top-fitting .imagelink__image {
    text-align: center;
    width: 100%;
    clear: both
}

.imagelink--top-fitting .imagelink__image img {
    width: 100%;
    height: auto
}

.imagelink__tag {
    font-size: .8em;
    color: #aabd26
}

.imagelink__content {
    overflow: hidden
}

.imagelink__text ul {
    margin: 0 0 1em
}

.imagelink__text ul li {
    line-height: 2em;
    margin: .6em 0;
    padding-left: 20px
}

.imagelink__text ul li:before {
    content: "\203A";
    color: #aabd26;
    display: inline-block;
    position: relative;
    left: -10px;
    font-size: 1.2em;
    font-weight: 700
}

.imagelink__text ol {
    counter-reset: a;
    list-style-type: none;
    margin: 0 0 1em
}

.imagelink__text ol li {
    line-height: 2em;
    margin: .6em 0;
    padding-left: 20px
}

.imagelink__text ol li:before {
    content: counter(a);
    counter-increment: a;
    color: #aabd26;
    display: inline-block;
    position: relative;
    left: -10px;
    font-size: 1em;
    font-weight: 700
}

.imagelink__text--left {
    text-align: left
}

.imagelink__text--center {
    text-align: center
}

.imagelink__text--right {
    text-align: right
}

.imagelink__link {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    clear: both
}

.imagelink__link a.button {
    margin: 20px 0 0
}

.imagelink--wrap .imagelink__image {
    margin-bottom: 1em
}

.imagelink--wrap .imagelink__content {
    overflow: visible
}

.imagelink--border {
    border: 1px solid rgba(66, 75, 83, .3);
    border-radius: 10px
}

.imagelink--border .imagelink__image {
    padding: 20px 20px 0;
    box-sizing: border-box
}

.imagelink--border .imagelink__content {
    padding: 0 20px 20px;
    box-sizing: border-box
}

.imagelink--border.imagelink--top-fitting {
    border: none
}

.imagelink--border.imagelink--top-fitting .imagelink__image {
    padding: 0;
    margin: 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.imagelink--border.imagelink--top-fitting .imagelink__content {
    margin: -2px 0 0;
    padding: 30px 20px 20px;
    border: 1px solid rgba(66, 75, 83, .3);
    border-radius: 0 0 10px 10px
}

.imagelink--border.imagelink--left .imagelink__image {
    padding: 20px 0 20px 20px;
    box-sizing: border-box
}

.imagelink--border.imagelink--left .imagelink__content,
.imagelink--border.imagelink--right .imagelink__image {
    padding: 20px 20px 20px 0;
    box-sizing: border-box
}

.imagelink--border.imagelink--right .imagelink__content {
    padding: 20px 0 20px 20px;
    box-sizing: border-box
}

.quote {
    border: none;
    padding: 0;
    margin-bottom: 10px;
    position: relative
}

.quote a,
.quote a:visited {
    color: inherit;
    text-decoration: none;
    border: none
}

.quote a:active,
.quote a:hover {
    color: #aabd26
}

.quote__txt {
    display: block;
    font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif;
    font-size: 1.5em;
    font-style: normal;
    line-height: 1.5em;
    text-align: left;
    margin: 0;
    position: relative;
    padding: 10px 20px
}

.quote__txt:before {
    top: 0;
    left: 0;
    border-radius: 12px 0 0 0;
    border: 6px solid #aabd26;
    border-bottom: none;
    border-right: none
}

.quote__txt:after,
.quote__txt:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: transparent
}

.quote__txt:after {
    bottom: 0;
    right: 0;
    border-radius: 0 0 12px 0;
    border: 6px solid #aabd26;
    border-top: none;
    border-left: none
}

.quote__src {
    font-size: .9em;
    color: rgba(66, 75, 83, .4);
    margin: .2em 0 0;
    text-align: left;
    opacity: .6;
    padding-left: 20px
}

.quote__more,
.quote__type {
    display: inline-block;
    background-color: #aabd26;
    padding: 2px 20px;
    font-size: .7em;
    margin: 0;
    margin-left: -20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 21px
}

.quote__more a,
.quote__more a:visited,
.quote__type a,
.quote__type a:visited {
    color: #fff;
    text-decoration: none
}

.quote__more a:active,
.quote__more a:hover,
.quote__type a:active,
.quote__type a:hover {
    color: hsla(0, 0%, 100%, .7)
}

.quote__more,
.quote__type {
    display: none
}

.module {
    border: 1px solid rgba(66, 75, 83, .1);
    padding: 20px;
    text-align: center;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch
}

.module--image {
    margin-top: 50px
}

.module__info {
    display: inline-block;
    width: auto;
    margin: .5em 0
}

.module__image {
    margin-top: -70px;
    margin-bottom: 20px;
    display: inline-block
}

.module__title {
    margin: 0
}

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

.module__title a:hover {
    color: #aabd26
}

.module__tagline {
    display: block;
    font-weight: 400
}

.backtopagelink,
.backtopagelink__container {
    position: relative
}

.backtopagelink__link,
.backtopagelink__link:visited {
    position: relative;
    display: inline-block;
    color: rgba(66, 75, 83, .3);
    font-size: .8em;
    text-decoration: none;
    border: none;
    font-weight: 700
}

.backtopagelink__link:active,
.backtopagelink__link:hover {
    color: rgba(66, 75, 83, .6)
}

.backtopagelink__link:before,
.backtopagelink__link:visited:before {
    content: "\2039";
    display: inline-block;
    margin-right: 10px;
    font-size: 1.3em
}

.grid__item--black .backtopagelink__link,
.grid__item--dark-gray .backtopagelink__link,
.grid__item--dark-green .backtopagelink__link,
.grid__item--esko-green .backtopagelink__link {
    color: hsla(0, 0%, 100%, .5)
}

.grid__item--black .backtopagelink__link:active,
.grid__item--black .backtopagelink__link:hover,
.grid__item--dark-gray .backtopagelink__link:active,
.grid__item--dark-gray .backtopagelink__link:hover,
.grid__item--dark-green .backtopagelink__link:active,
.grid__item--dark-green .backtopagelink__link:hover,
.grid__item--esko-green .backtopagelink__link:active,
.grid__item--esko-green .backtopagelink__link:hover {
    color: #fff
}

.playvideo {
    position: relative
}

.playvideo__popup {
    display: inline-block;
    position: relative;
    color: #424b53;
    border: none;
    text-decoration: none
}

.playvideo__popup,
.playvideo__popup span {
    width: 60px;
    height: 60px;
    box-sizing: border-box
}

.playvideo__popup span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #424b53;
    border-radius: 100px;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform: scaleX(1);
    transition: all .4s ease
}

.playvideo__popup span:before {
    top: 18px;
    left: 22px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent #424b53
}

.playvideo__popup span:after,
.playvideo__popup span:before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box
}

.playvideo__popup span:after {
    top: -9px;
    left: -9px;
    width: 74px;
    height: 74px;
    border: 2px solid #424b53;
    border-radius: 100px;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transform: scale3d(.6, .6, 1);
    transition: all .4s ease;
    opacity: 0
}

.playvideo__popup:hover span {
    transform: scale3d(1.1, 1.1, 1);
    transition: all .4s ease
}

.playvideo__popup:hover span:after {
    transform: scaleX(1);
    transition: all .4s cubic-bezier(.01, .585, .13, 2);
    opacity: 1
}

.playvideo__popup--white span {
    border-color: #fff
}

.playvideo__popup--white span:before {
    border-color: transparent transparent transparent #fff
}

.playvideo__popup--white span:after {
    border-color: #fff
}

.playvideo__popup--green span {
    border-color: #aabd26
}

.playvideo__popup--green span:before {
    border-color: transparent transparent transparent #aabd26
}

.playvideo__popup--green span:after {
    border-color: #aabd26
}

.linkbuttonview,
.linkbuttonview__container,
.videobuttonview {
    position: relative
}

.overlay {
    background-color: rgba(66, 75, 83, .8);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    z-index: 20;
    transform: translateZ(1px);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center
}

.overlay__content {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .4);
    width: 50%;
    height: 50%;
    width: 68vw;
    height: 38.25vw
}

.videolinkview__link {
    cursor: pointer
}

.floatingcontact {
    position: fixed;
    display: table;
    top: 35%;
    bottom: auto;
    right: auto;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 9999;
    background-color: transparent;
    -ms-transform: none;
    transform: none;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    transition: background-color 1s;
    pointer-events: none
}

.floatingcontact:hover,
.floatingcontact:visited {
    background-color: #bbd40f;
    transition: background-color .2s
}

.floatingcontact:hover {
    right: auto;
    left: 0;
    top: 35%;
    bottom: auto;
    background-color: transparent
}

.floatingcontact__container {
    height: 0;
    padding: 50% 0;
    background-color: transparent
}

.floatingcontact__button,
.floatingcontact__button:visited {
    -ms-transform-origin: top left;
    transform-origin: top left;
    -ms-transform: rotate(-90deg) translate(-100%);
    transform: rotate(-90deg) translate(-100%);
    margin: -50% 0 0;
    white-space: nowrap;
    font-size: 1.2em;
    color: #fff;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
    background-color: #ffa719;
    border-radius: 0 0 4px 4px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: none;
    padding: 15px 30px;
    pointer-events: all
}

.floatingcontact__button:hover {
    color: #fff;
    background-color: #424b53;
    padding-top: 20px
}

.floatingcontact__button:before,
.floatingcontact__button:visited:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "";
    font-size: 2.6em;
    display: none;
    vertical-align: middle;
    padding-top: 1px;
    margin-left: -15px;
    margin-right: 10px;
    line-height: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tabsholder {
    display: block;
    position: relative;
    background-color: rgba(66, 75, 83, .85);
    color: #fff;
    width: 100%;
    height: auto;
    margin: 0
}

.tabsholder__container {
    width: 1080px;
    position: relative;
    margin: 0 auto
}

.tabsholder__link,
.tabsholder__link--inactive,
.tabsholder__link--inactive:visited,
.tabsholder__link:visited {
    display: block;
    padding: 0 20px;
    margin: 0;
    position: relative;
    float: left;
    text-decoration: none;
    color: #fff;
    height: 50px;
    line-height: 50px;
    vertical-align: middle
}

.tabsholder__link--inactive:after,
.tabsholder__link--inactive:visited:after,
.tabsholder__link:after,
.tabsholder__link:visited:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transition: all .3s ease
}

.tabsholder__link--inactive:active,
.tabsholder__link--inactive:hover,
.tabsholder__link:active,
.tabsholder__link:hover {
    color: hsla(0, 0%, 100%, .7)
}

.tabsholder__link--inactive:active:after,
.tabsholder__link--inactive:hover:after,
.tabsholder__link:active:after,
.tabsholder__link:hover:after {
    height: 5px;
    transition: all .3s ease
}

.tabsholder__link--active,
.tabsholder__link--active:visited {
    background-color: #fff;
    color: #424b53
}

.tabsholder__link--active:active,
.tabsholder__link--active:hover {
    color: rgba(66, 75, 83, .5)
}

.tabsholder__link--active-highlighted,
.tabsholder__link--active-highlighted:visited {
    font-weight: 700;
    background-color: #fff;
    color: #aabd26
}

.tabsholder__link--active-highlighted:active,
.tabsholder__link--active-highlighted:hover {
    color: rgba(170, 189, 38, .5)
}

.tabsholder__link--inactive:active,
.tabsholder__link--inactive:hover {
    color: hsla(0, 0%, 100%, .5)
}

.tabsholder__link--inactive-highlighted,
.tabsholder__link--inactive-highlighted:visited {
    font-weight: 700;
    background-color: #aabd26;
    color: #fff
}

.tabsholder__link--inactive-highlighted:active,
.tabsholder__link--inactive-highlighted:hover {
    color: hsla(0, 0%, 100%, .5)
}

.tabsholder__link--icon-cart:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: block;
    float: left;
    font-size: 24px;
    content: "\e600";
    margin: 1px 10px 0 -5px
}

.searchfield--left {
    text-align: left
}

.searchfield--right {
    text-align: right
}

.searchfield--center {
    text-align: center
}

.searchfield__input {
    border: none;
    font-size: 1.2em;
    font-weight: 300;
    display: inline-block;
    position: relative;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .5);
    margin: 20px;
    padding: 10px;
    width: 30%
}

.searchfield__input:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: top;
    content: "\e605";
    font-size: 2em;
    display: block;
    position: absolute;
    top: 32px;
    right: 50px;
    color: #aabd26
}

.formfield {
    margin: 0 0 2em
}

.formfield__label {
    display: block;
    margin: .5em .5em .5em 0;
    line-height: 1.5em
}

.formfield input,
.formfield select,
.formfield textarea {
    margin: 0;
    padding: 0;
    font-size: .85em;
    outline: none;
    font-family: inherit;
    box-sizing: border-box
}

.formfield input[type=text] {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    border: 1px solid #f4f4f5;
    padding: .6em;
    color: #424b53;
    background-color: #fff
}

.formfield textarea {
    resize: vertical
}

.formfield input[type=file]:after {
    display: inline-block;
    position: relative;
    background: #fff
}

.formfield input[type=checkbox],
.formfield input[type=radio] {
    position: absolute;
    left: -9999px
}

.formfield input[type=checkbox]+label,
.formfield input[type=radio]+label {
    margin-bottom: 1em;
    padding-left: 30px;
    position: relative
}

.formfield input[type=checkbox]+label:before,
.formfield input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    width: 14px;
    height: 14px;
    left: 0;
    top: 5px;
    border: 1px solid #f4f4f5
}

.formfield input[type=checkbox]:checked+label:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e615";
    color: #aabd26;
    line-height: .9em
}

.formfield input[type=radio]+label:before {
    border-radius: 14px
}

.formfield input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #aabd26;
    width: 8px;
    height: 8px;
    left: 4px;
    top: 9px;
    border-radius: 8px
}

.formfield select {
    width: 100%;
    border-radius: 0;
    border: 1px solid #f4f4f5;
    padding: .6em;
    background: #fff;
    width: 115%;
    background-color: transparent;
    background-image: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.formfield .formfield__select,
.formfield select {
    max-width: 100%;
    color: #424b53;
    display: inline-block;
    position: relative
}

.formfield .formfield__select {
    width: 100%;
    border-radius: 0;
    border: 1px solid #f4f4f5;
    padding: .6em;
    background: #fff;
    margin-bottom: 1.5em;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.formfield .formfield__select:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    display: block;
    position: absolute;
    top: 3px;
    right: 2px;
    line-height: 1.3em;
    vertical-align: middle;
    font-size: 1.4em;
    content: "\e601"
}

.formfield .formfield__select:focus {
    border: 1px solid #424b53
}

.formfield input[type=button],
.formfield input[type=submit] {
    padding: 15px 40px;
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
    background-color: #aabd26;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .9em;
    transition: all .3s
}

.formfield input[type=button]:active,
.formfield input[type=button]:hover,
.formfield input[type=submit]:active,
.formfield input[type=submit]:hover {
    background-color: #424b53;
    transition: all .3s
}

.formfield input[type=button]:after,
.formfield input[type=submit]:after {
    display: inline-block;
    position: relative;
    background: #fff
}

.esko-form__group {
    margin-bottom: 2em
}

.esko-form label {
    display: block;
    width: 100%;
    box-sizing: border-box;
    clear: both;
    margin-bottom: .5em;
    line-height: 1.5em
}

.esko-form input[type=email],
.esko-form input[type=number],
.esko-form input[type=search],
.esko-form input[type=tel],
.esko-form input[type=text],
.esko-form input[type=url],
.esko-form textarea {
    border: 1px solid purple;
    padding: 10px 7px;
    margin: 0;
    font-size: 1em;
    font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif;
    color: #424b53;
    background-color: #fff;
    border-color: rgba(66, 75, 83, .35);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box
}

.esko-form input[type=email]:focus,
.esko-form input[type=email]:hover,
.esko-form input[type=number]:focus,
.esko-form input[type=number]:hover,
.esko-form input[type=search]:focus,
.esko-form input[type=search]:hover,
.esko-form input[type=tel]:focus,
.esko-form input[type=tel]:hover,
.esko-form input[type=text]:focus,
.esko-form input[type=text]:hover,
.esko-form input[type=url]:focus,
.esko-form input[type=url]:hover,
.esko-form textarea:focus,
.esko-form textarea:hover {
    outline: none;
    border-color: #424b53
}

.esko-form textarea {
    resize: vertical
}

.esko-form input[type=button],
.esko-form input[type=submit] {
    position: relative;
    padding: 20px 40px;
    margin: 0;
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
    background-color: #aabd26;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .9em;
    transition: all .3s;
    box-sizing: border-box
}

.esko-form input[type=button]:active,
.esko-form input[type=button]:hover,
.esko-form input[type=submit]:active,
.esko-form input[type=submit]:hover {
    background-color: #424b53;
    transition: all .3s
}

.esko-form input[type=checkbox] {
    display: block;
    position: absolute;
    text-indent: -9999px
}

.esko-form input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    margin-bottom: 1.5em
}

.esko-form input[type=checkbox]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(66, 75, 83, .35);
    width: 20px;
    height: 20px;
    background-color: #fff
}

.esko-form input[type=checkbox]+label:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e615";
    font-size: 1.4em;
    position: absolute;
    top: -1px;
    left: 0;
    color: #aabd26;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    transition: all .6s
}

.esko-form input[type=checkbox]+label:hover:before {
    border: 1px solid #424b53
}

.esko-form input[type=checkbox]:checked+label:after {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .1s
}

.esko-form input[type=radio] {
    display: block;
    position: absolute;
    text-indent: -9999px
}

.esko-form input[type=radio]+label {
    position: relative;
    display: inline-block;
    padding-left: 40px;
    margin-bottom: 1em
}

.esko-form input[type=radio]+label:last-child {
    margin-bottom: 0
}

.esko-form input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(66, 75, 83, .35);
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 20px
}

.esko-form input[type=radio]+label:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 10px;
    height: 10px;
    background-color: #aabd26;
    border-radius: 20px;
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all .4s
}

.esko-form input[type=radio]+label:hover:before {
    border: 1px solid #424b53
}

.esko-form input[type=radio]:checked+label:after {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .3s
}

.esko-form .esko-form__select {
    margin: 0
}

.esko-form select {
    background-color: #fff;
    border: 1px solid rgba(66, 75, 83, .35);
    padding: 10px 7px;
    -webkit-appearance: button;
    border-radius: 0;
    font-size: 1em;
    font-family: Barlow, Helvetica Neue, Helvetica, hiragino kaku gothic pro, ms pgothic, Arial, sans-serif;
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box
}

.esko-form select,
.esko-form select:focus,
.esko-form select:hover {
    background-image: url(../img/down-greyarrow.png);
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: right 12px
}

.esko-form select:focus,
.esko-form select:hover {
    outline: none;
    border-color: #424b53
}

@-moz-document url-prefix() {
    .esko-form .esko-form__select {
        border: 1px solid rgba(66, 75, 83, .35);
        display: block;
        position: relative;
        border-radius: 0;
        background-image: url(../img/down-greyarrow.png);
        background-repeat: no-repeat;
        background-size: 30px 20px;
        background-position: right 12px;
        width: 100%;
        background-color: #fff;
        box-sizing: border-box;
        padding: 0
    }

    .esko-form .esko-form__select:after {
        font-family: esko-icon;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        display: block;
        position: absolute;
        top: 2px;
        right: 5px;
        line-height: 1.6em;
        vertical-align: middle;
        font-size: 1.7em;
        content: "\e601";
        color: #424b53;
        pointer-events: none
    }

    .esko-form .esko-form__select:focus,
    .esko-form .esko-form__select:hover {
        border-color: #424b53;
        outline: none
    }

    .esko-form select {
        -moz-appearance: treeitem;
        padding: 9px 7px
    }
}

.esko-form select::-ms-expand {
    display: none
}

.esko-form .error+label:before,
.esko-form .errorselect,
.esko-form input.error,
.esko-form select.error {
    border: 2px solid red !important
}

.esko-form .esko-form__error {
    display: block;
    position: relative;
    width: 100%;
    background-color: red;
    margin-bottom: 2em
}

.pager__previous,
.pager__previous--disabled {
    display: inline-block;
    border: none;
    padding: 0 5px;
    color: #344;
    width: 12px;
    height: 20px;
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: top;
    font-size: 1.5em;
    display: block;
    position: absolute;
    top: 12px
}

.pager__previous--disabled:hover,
.pager__previous:hover {
    color: #a3b30f
}

.pager__previous--disabled:after,
.pager__previous:after {
    content: "\e604";
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    margin-left: -5px
}

.pager__previous--disabled {
    opacity: .5
}

.pager__next,
.pager__next--disabled {
    display: inline-block;
    border: none;
    padding: 0 5px;
    color: #344;
    width: 12px;
    height: 20px;
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    vertical-align: top;
    font-size: 1.5em;
    display: block;
    position: absolute;
    top: 12px
}

.pager__next--disabled:hover,
.pager__next:hover {
    color: #a3b30f
}

.pager__next--disabled:after,
.pager__next:after {
    content: "\e604"
}

.pager__next--disabled {
    opacity: .5
}

.pager__page {
    display: inline-block;
    border: none;
    padding: 0 5px;
    color: #344;
    width: 12px;
    height: 20px
}

.pager__page:hover {
    color: #a3b30f
}

.pager__page--active {
    font-weight: 700
}

.pager__more {
    display: inline-block;
    border: none;
    padding: 0 5px;
    color: #344;
    width: 12px;
    height: 20px
}

.pager__more:hover {
    color: #a3b30f
}

.video__block--left {
    float: left;
    padding-right: 20px
}

.video__block--right {
    float: right;
    padding-left: 20px
}

.video__block--center {
    text-align: center;
    padding-bottom: 10px
}

.video__content--left {
    text-align: left
}

.video__content--right {
    text-align: right
}

.video__content--center {
    text-align: center
}

.video__content--no-wrap {
    overflow: hidden
}

.video .js-play-video {
    height: inherit;
    position: relative;
    display: inline-block;
    cursor: pointer
}

.video .js-play-video img {
    position: relative;
    max-width: 100%;
    height: auto;
    z-index: 0
}

.video .js-play-video:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 2px;
    width: 100%;
    background-color: rgba(66, 75, 83, .5);
    z-index: 1
}

.video .js-play-video:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e603";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -40px;
    margin-left: -35px;
    font-size: 70px;
    color: #fff;
    transition: all .4s;
    z-index: 2
}

.video .js-play-video:hover {
    opacity: .9
}

.video .js-play-video:hover:after {
    font-size: 80px;
    width: 80px;
    height: 80px;
    margin-top: -45px;
    margin-left: -40px;
    transition: all .2s
}

.rendering-loader {
    display: block;
    position: absolute;
    background-color: hsla(0, 0%, 100%, .85);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    pointer-events: all
}

.rendering-loader__icon {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -90px
}

.rendering-loader__icon .rendering-loader__icon__ball {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.rendering-loader__icon .rendering-loader__icon__ball:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: rgba(170, 189, 38, .7);
    border-radius: 100%;
    animation: d 1.2s infinite ease-in-out both
}

.rendering-loader__icon .rendering-loader__icon__ball2 {
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.rendering-loader__icon .rendering-loader__icon__ball3 {
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.rendering-loader__icon .rendering-loader__icon__ball4 {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rendering-loader__icon .rendering-loader__icon__ball5 {
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.rendering-loader__icon .rendering-loader__icon__ball6 {
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.rendering-loader__icon .rendering-loader__icon__ball7 {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.rendering-loader__icon .rendering-loader__icon__ball8 {
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.rendering-loader__icon .rendering-loader__icon__ball9 {
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.rendering-loader__icon .rendering-loader__icon__ball10 {
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.rendering-loader__icon .rendering-loader__icon__ball11 {
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.rendering-loader__icon .rendering-loader__icon__ball12 {
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.rendering-loader__icon .rendering-loader__icon__ball2:before {
    animation-delay: -1.1s
}

.rendering-loader__icon .rendering-loader__icon__ball3:before {
    animation-delay: -1s
}

.rendering-loader__icon .rendering-loader__icon__ball4:before {
    animation-delay: -.9s
}

.rendering-loader__icon .rendering-loader__icon__ball5:before {
    animation-delay: -.8s
}

.rendering-loader__icon .rendering-loader__icon__ball6:before {
    animation-delay: -.7s
}

.rendering-loader__icon .rendering-loader__icon__ball7:before {
    animation-delay: -.6s
}

.rendering-loader__icon .rendering-loader__icon__ball8:before {
    animation-delay: -.5s
}

.rendering-loader__icon .rendering-loader__icon__ball9:before {
    animation-delay: -.4s
}

.rendering-loader__icon .rendering-loader__icon__ball10:before {
    animation-delay: -.3s
}

.rendering-loader__icon .rendering-loader__icon__ball11:before {
    animation-delay: -.2s
}

.rendering-loader__icon .rendering-loader__icon__ball12:before {
    animation-delay: -.1s
}

@media (min-width:720px) and (max-width:1020px) {
    .c-webinar-page-intro {
        padding: 10px
    }
}

@media (min-width:1020px) {
    .c-webinar-page-intro {
        padding: 40px 10px
    }
}

.c-webinar-page-intro p {
    line-height: 1.5em
}

.c-webinar-overview__tabs {
    padding-left: 10px;
    padding-right: 10px
}

@media (max-width:720px) {
    .c-webinar-overview__tabs {
        padding-left: 20px;
        padding-right: 20px
    }
}

.c-webinar-overview__tabs .tabsholder__link,
.c-webinar-overview__tabs .tabsholder__link--inactive {
    cursor: pointer
}

@media (max-width:720px) {
    .c-webinar-overview__tabs .tabsholder {
        height: auto;
        opacity: 1
    }

    .c-webinar-overview__tabs .tabsholder__wrapper {
        height: auto;
        overflow: hidden
    }

    .c-webinar-overview__tabs .tabsholder__link,
    .c-webinar-overview__tabs .tabsholder__link--inactive {
        background-color: #424b53
    }

    .c-webinar-overview__tabs .tabsholder__link--inactive-highlighted {
        background-color: #aabd26
    }
}

.c-card-webinar {
    position: relative
}

.c-card-webinar__link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10
}

.c-card-webinar__description {
    line-height: 1.5em;
    overflow: hidden;
    display: inline-block;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 3
}

.c-card-webinar__obj-wrapper {
    grid-row: 1/-1;
    grid-column: 1/-1;
    overflow: hidden
}

.c-card-webinar__img {
    transition: transform .3s ease-in-out
}

.c-card-webinar__img img {
    max-width: 100%
}

.c-card-webinar__title {
    margin-bottom: .5em;
    overflow: hidden;
    display: inline-block;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2
}

.c-card-webinar__footer {
    filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, .25))
}

@media (min-width:720px) {
    .c-card-webinar__footer {
        margin: 10px 10px 0
    }
}

.c-card-webinar--horizontal {
    margin-bottom: 10px;
    border: 1px solid #cacbcb;
    transition: border .3s ease-in-out
}

@media (min-width:720px) {
    .c-card-webinar--horizontal {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 5fr;
        grid-template-columns: 1fr 5fr;
        column-gap: 20px
    }
}

.c-card-webinar--horizontal:hover {
    border-color: #aabd26
}

@media (min-width:720px) {
    .c-card-webinar--horizontal .c-card-webinar__heading {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:720px) {
    .c-card-webinar--horizontal .c-card-webinar__heading {
        margin-bottom: 10px
    }
}

.c-card-webinar--horizontal .c-card-webinar__title {
    margin-right: 10px
}

.c-card-webinar--horizontal .c-card-webinar__body-wrapper {
    padding: 10px
}

@media (min-width:720px) {
    .c-card-webinar--horizontal .c-card-webinar__body-wrapper {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 9fr 1fr;
        grid-template-columns: 9fr 1fr;
        padding: 20px 10px
    }
}

.c-card-webinar--horizontal .c-card-webinar__date-wrapper {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #aabd26;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

@media (max-width:720px) {
    .c-card-webinar--horizontal .c-card-webinar__date-wrapper {
        padding: 20px 0
    }
}

.c-card-webinar--horizontal .c-card-webinar__date {
    padding: 0 10px
}

.c-card-webinar--horizontal .c-card-webinar__time {
    margin-top: 10px;
    font-weight: 400;
    padding: 0 10px
}

.c-card-webinar--horizontal .c-card-webinar__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-card-webinar--highlighted {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "a""b"
}

.c-card-webinar--highlighted:hover .c-card-webinar__img {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.c-card-webinar--highlighted .c-card-webinar__heading {
    padding: 20px;
    background-color: hsla(0, 0%, 100%, .85);
    width: calc(100% - 40px)
}

.c-card-webinar--highlighted .c-card-webinar__body-wrapper {
    grid-area: a;
    margin: 10px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 5
}

.c-card-webinar--highlighted .c-webinar__categories {
    margin-bottom: 10px
}

.c-card-webinar--highlighted .c-webinar__category {
    background-color: #fff
}

.c-card-webinar--highlighted .c-card-webinar__footer {
    margin: 10px
}

.c-webinar-lister__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px
}

.c-webinar-lister__footer>div {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%
}

.c-webinar-lister__button-wrapper {
    text-align: center
}

@media (max-width:720px) {
    .c-webinar-lister__button-wrapper {
        margin-top: 10px
    }
}

a.c-webinar-lister__button {
    margin: 0
}

.c-webinar-filter__button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: none;
    padding: 0;
    font-size: 16px;
    color: #aabd26;
    text-decoration: underline;
    background-color: transparent;
    transition: all .5s
}

.c-webinar-filter__button svg {
    margin-right: 10px
}

.c-webinar-filter__button:hover {
    opacity: .5
}

.c-webinar-filter__button:focus {
    outline: none
}

.c-webinar-filter__options {
    margin-top: 20px
}

@media (min-width:720px) {
    .c-webinar-filter__options {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-webinar-filter-item {
    position: relative
}

@media (min-width:720px) {
    .c-webinar-filter-item:not(:first-child) {
        margin-left: 20px
    }
}

@media (max-width:720px) {
    .c-webinar-filter-item {
        margin-bottom: 10px
    }
}

.c-webinar-filter-item.is-active .c-webinar-filter-item__panel {
    display: block
}

.c-webinar-filter-item.is-active .c-webinar-filter-item__trigger:after {
    -ms-transform: rotate(-90deg) translateY(5px);
    transform: rotate(-90deg) translateY(5px)
}

.c-webinar-filter-item__trigger {
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #cacbcb;
    cursor: pointer;
    font-size: 16px
}

@media (max-width:720px) {
    .c-webinar-filter-item__trigger {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-webinar-filter-item__trigger:not(:first-child) {
    margin-left: 20px
}

.c-webinar-filter-item__trigger:focus {
    outline: none
}

.c-webinar-filter-item__trigger:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(170, 189, 38, .7);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    transition: transform .6s;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.c-webinar-filter-item__trigger:after {
    content: "›";
    vertical-align: middle;
    font-size: 1.4em;
    padding: 0;
    display: inline-block;
    width: 20px;
    font-weight: 700;
    color: #aabd26;
    -ms-transform: rotate(90deg) translateY(-5px);
    transform: rotate(90deg) translateY(-5px)
}

.c-webinar-filter-item__trigger span {
    position: relative;
    z-index: 2
}

@media (min-width:1020px) {
    .c-webinar-filter-item__trigger:hover {
        background: transparent
    }

    .c-webinar-filter-item__trigger:hover span {
        color: #fff
    }

    .c-webinar-filter-item__trigger:hover:before {
        -ms-transform: scale(1);
        transform: scale(1);
        transition: all .4s cubic-bezier(.3, 0, 0, 1)
    }

    .c-webinar-filter-item__trigger:hover:after {
        color: #fff
    }
}

.c-webinar-filter-item__panel {
    padding: 20px;
    display: none
}

@media (min-width:720px) {
    .c-webinar-filter-item__panel {
        position: absolute;
        z-index: 9990;
        margin-top: 4px;
        filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, .25));
        min-width: 220px;
        background-color: #fff
    }

    .c-webinar-filter-item__panel .c-form--2-columns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px
    }

    .c-webinar-filter-item__panel .c-form--2-columns .o-dropdown-item {
        width: 200px
    }

    .c-webinar-filter-item__panel .c-form--3-columns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 20px
    }

    .c-webinar-filter-item__panel .c-form--3-columns .o-dropdown-item {
        width: 200px
    }
}

.checkbox__wrap {
    position: relative;
    margin-bottom: 15px
}

.checkbox__wrap:hover input[type=checkbox]:before {
    background-color: #f4f4f5
}

.checkbox__wrap label {
    padding-left: 34px;
    display: inline-block
}

.checkbox__wrap input[type=checkbox] {
    position: absolute;
    left: 0;
    top: -5px
}

.checkbox__wrap input[type=checkbox]:checked:before {
    background-color: #aabd26
}

.checkbox__wrap input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    outline: 1px solid #cacbcb;
    border: 3px solid #fff;
    background-color: #fff;
    left: 0;
    top: 0
}

.c-webinar-share {
    background-color: #fff;
    padding: 6.6666666667px 5px;
    filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, .25));
    text-align: center
}

@media (min-width:720px) {
    .c-webinar-share {
        position: fixed;
        z-index: 20
    }
}

@media (min-width:720px) and (max-width:1020px) {
    .c-webinar-share {
        position: fixed;
        right: 10px;
        top: 132px;
        z-index: 20
    }
}

@media (min-width:1020px) {
    .c-webinar-share {
        right: 20px;
        top: 112px
    }
}

@media (min-width:720px) {
    .c-webinar-share>a {
        display: block
    }
}

.c-webinar-share>a:before {
    margin: 0;
    color: #aabd26;
    font-size: 1.7em;
    padding: 2.5px 5px;
    transition: color .3s ease-in-out
}

.c-webinar-share>a:hover:before {
    color: #424b53
}

@media (max-width:1100px) {

    .c-webinar-overview .grid__row,
    .c-webinar-overview .tabsholder__container {
        width: auto
    }
}

@media (min-width:720px) {
    .c-webinar-overview__heading {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-webinar-overview__heading .c-webinar__category {
    padding: 0 0 0 15px
}

.c-webinar-overview__title {
    margin-bottom: 0
}

.c-webinar-overview__selected-categories {
    padding: 10px 0
}

@media (min-width:720px) {
    .c-webinar-overview__selected-categories {
        padding: 0 10px
    }
}

.c-webinar-detail img {
    max-width: 100%
}

.c-webinar-detail .c-webinar-page-intro {
    padding-bottom: 0
}

.c-webinar-detail .c-webinar__category {
    background-color: #fff
}

@media (max-width:720px) {
    .c-webinar-detail__intro .grid__item {
        padding: 0
    }
}

@media (max-width:720px) {
    .c-webinar-detail__image {
        margin-bottom: 10px
    }
}

.c-webinar-detail__content {
    margin: 0 auto
}

.c-webinar__category {
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #f4f4f5
}

.c-webinar__category:not(:first-child) {
    margin-left: 5px
}

@media (min-width:1020px) {
    .c-webinar__category {
        padding: 10px 15px
    }
}

.c-webinar__category button {
    border: none;
    padding: 10px 15px;
    background-color: transparent;
    cursor: pointer;
    transition: opacity .3s ease-in-out
}

.c-webinar__category button:hover {
    opacity: .5
}

.c-webinar__category button:focus {
    outline: none
}

.u-hide {
    display: none
}

.o-ratio {
    position: relative;
    padding-top: 133.3333333333%
}

.o-ratio__content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.calltoaction {
    width: 100%;
    padding: 20px;
    color: #fff;
    background-color: #424b53;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    white-space: pre-line;
    box-sizing: border-box;
    position: relative
}

.calltoaction:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(66, 75, 83, .85);
    top: 0;
    left: 0
}

.calltoaction--center {
    text-align: center
}

.calltoaction__image,
.calltoaction__title {
    display: inline-block;
    margin: 0;
    position: relative
}

.calltoaction__title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
    letter-spacing: .1em;
    padding: 0 40px;
    text-rendering: optimizeLegibility
}

.calltoaction__title:after,
.calltoaction__title:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e602";
    font-size: 1.5em;
    display: block;
    position: absolute;
    top: 0
}

.calltoaction__title:before {
    left: 0
}

.calltoaction__title:after {
    right: 0
}

.calltoaction__subject {
    margin-top: 1em;
    font-size: 1.8em;
    line-height: 1.5em;
    font-weight: 100;
    position: relative;
    padding: 0 20px
}

.videoembed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.videoembed embed,
.videoembed iframe,
.videoembed object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videoembed__placeholder {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 56.25%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.videoembed__placeholder:hover .videoembed__play {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .4s ease
}

.videoembed__placeholder:hover .videoembed__play:after {
    transition: all .4s cubic-bezier(.01, .55, .13, 2);
    opacity: 1;
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.videoembed__overlay {
    background-color: rgba(66, 75, 83, .25);
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.videoembed__play {
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    border-radius: 100px;
    transition: all .4s ease;
    pointer-events: none;
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2)
}

.videoembed__play,
.videoembed__play:before {
    display: block;
    position: absolute;
    box-sizing: border-box
}

.videoembed__play:before {
    content: "";
    top: 31px;
    left: 33px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 16px;
    border-color: transparent transparent transparent rgba(170, 189, 38, .7)
}

.videoembed__play:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 100px;
    box-sizing: border-box;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .4s ease;
    opacity: 0
}

.imagecaption {
    display: inline-block;
    position: relative;
    box-sizing: border-box
}

.imagecaption__text {
    display: block;
    position: absolute;
    background-color: rgba(66, 75, 83, .7);
    color: #fff;
    width: 100%;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 20px;
    font-size: .9em;
    line-height: 1.6em
}

.imagecaption__image {
    height: auto
}

.textlink,
.textlink--left {
    text-align: left
}

.textlink--center {
    text-align: center
}

.textlink--right {
    text-align: right
}

.textlink--border {
    border: 1px solid #f4f4f5;
    padding: 20px;
    box-sizing: border-box
}

.breadcrumb__item {
    display: block;
    font-size: .9em;
    margin: 0;
    padding: 0;
    float: left;
    color: rgba(66, 75, 83, .5)
}

.breadcrumb__item:before {
    content: "\203A";
    display: block;
    font-weight: 700;
    font-size: 1.1em;
    float: left;
    margin: 0 10px
}

.breadcrumb__item:first-child:before {
    display: none
}

.breadcrumb__item a,
.breadcrumb__item a:visited {
    text-decoration: none;
    color: rgba(66, 75, 83, .35)
}

.breadcrumb__item a:active,
.breadcrumb__item a:hover {
    text-decoration: none;
    color: #424b53
}

.grid__item--black .breadcrumb__item,
.grid__item--black .breadcrumb__item a,
.grid__item--black .breadcrumb__item a:visited,
.grid__item--dark-gray .breadcrumb__item,
.grid__item--dark-gray .breadcrumb__item a,
.grid__item--dark-gray .breadcrumb__item a:visited,
.grid__item--dark-green .breadcrumb__item,
.grid__item--dark-green .breadcrumb__item a,
.grid__item--dark-green .breadcrumb__item a:visited {
    color: hsla(0, 0%, 100%, .5)
}

.grid__item--black .breadcrumb__item a:active,
.grid__item--black .breadcrumb__item a:hover,
.grid__item--dark-gray .breadcrumb__item a:active,
.grid__item--dark-gray .breadcrumb__item a:hover,
.grid__item--dark-green .breadcrumb__item a:active,
.grid__item--dark-green .breadcrumb__item a:hover {
    color: #fff
}

.grid__item--esko-green .breadcrumb__item,
.grid__item--esko-green .breadcrumb__item a,
.grid__item--esko-green .breadcrumb__item a:visited {
    color: hsla(0, 0%, 100%, .7)
}

.grid__item--esko-green .breadcrumb__item a:active,
.grid__item--esko-green .breadcrumb__item a:hover {
    color: #fff
}

.herobanner--bgfade .breadcrumb__item,
.herobanner--bgfade .breadcrumb__item a,
.herobanner--bgfade .breadcrumb__item a:visited,
.herobanner--darkframe .breadcrumb__item,
.herobanner--darkframe .breadcrumb__item a,
.herobanner--darkframe .breadcrumb__item a:visited,
.herobanner--greenframe .breadcrumb__item,
.herobanner--greenframe .breadcrumb__item a,
.herobanner--greenframe .breadcrumb__item a:visited,
.herobanner--noframe .breadcrumb__item,
.herobanner--noframe .breadcrumb__item a,
.herobanner--noframe .breadcrumb__item a:visited {
    color: hsla(0, 0%, 100%, .6)
}

.herobanner--bgfade .breadcrumb__item a:active,
.herobanner--bgfade .breadcrumb__item a:hover,
.herobanner--darkframe .breadcrumb__item a:active,
.herobanner--darkframe .breadcrumb__item a:hover,
.herobanner--greenframe .breadcrumb__item a:active,
.herobanner--greenframe .breadcrumb__item a:hover,
.herobanner--noframe .breadcrumb__item a:active,
.herobanner--noframe .breadcrumb__item a:hover {
    color: #fff
}

.grid__row--dark-gray .breadcrumb,
.grid__row--dark-gray .breadcrumb__item,
.grid__row--dark-gray .breadcrumb__item a {
    color: hsla(0, 0%, 100%, .4)
}

.iframewrapper .iframe {
    display: block;
    width: 100%;
    border: none;
    box-sizing: border-box
}

.iframewrapper .iframe--border {
    padding: 5px;
    border: 1px solid rgba(66, 75, 83, .5)
}

.signinpanel__footer {
    margin-top: 2em
}

.signinpanel__footer__text {
    font-size: .8em
}

.searchfilter {
    margin-bottom: 40px
}

.searchfilter__form {
    position: relative
}

.searchfilter__form__tips {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    padding: 20px;
    cursor: help
}

.searchfilter__form__tips__content {
    visibility: hidden;
    background-color: rgba(66, 75, 83, .95);
    border: 2px solid #424b53;
    color: #fff;
    text-align: left;
    padding: 20px;
    border-radius: 6px;
    position: absolute;
    width: 520px;
    top: 100%;
    right: 0;
    z-index: 9999;
    font-size: .8em;
    box-shadow: 0 10px 20px 0 rgba(18, 27, 19, .5)
}

.searchfilter__form__tips__content:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    right: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent #424b53
}

.searchfilter__form__tips:hover {
    color: #aabd26;
    border-bottom: 1px solid #aabd26
}

.searchfilter__form__tips:hover .searchfilter__form__tips__content {
    visibility: visible
}

.searchfilter__form__filters {
    margin: 2em 0 0
}

.searchfilter__form__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    height: 22px;
    padding: 10px;
    color: #424b53;
    background-color: #fff;
    width: 70%;
    border-radius: 5px
}

.searchfilter__form__button {
    display: inline-block;
    margin-left: -60px;
    width: 60px;
    border: none;
    font-size: 1em;
    padding: 0;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    background-color: transparent;
    margin-top: -4px;
    position: relative
}

.searchfilter__form__button:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e605";
    position: absolute;
    display: block;
    position: relative;
    font-size: 1.8em;
    text-align: center;
    top: 2px;
    color: #aabd26;
    transition: color .8s
}

.searchfilter__form__button:hover:after {
    color: #424b53;
    transition: color .4s
}

.searchfilter__form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: 1em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none
}

.searchfilter__form__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    height: 22px;
    padding: 10px;
    color: #424b53;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 40px
}

.searchfilter__form__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 11px;
    right: 10px;
    color: #aabd26;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.searchfilter__form__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.searchfilter__form__label {
    margin-right: 10px
}

.searchfilter__form__checkboxlabel {
    display: inline-block;
    margin-top: 2em;
    position: relative;
    padding-right: 30px
}

.searchfilter__form__checkboxlabel:before {
    content: "";
    font-size: 1.2em;
    width: 18px;
    height: 18px;
    right: 0;
    border: 1px solid rgba(66, 75, 83, .15)
}

.searchfilter__form__checkboxlabel:after,
.searchfilter__form__checkboxlabel:before {
    display: block;
    position: absolute;
    top: -2px;
    margin-left: 10px;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
    transition: all .4s
}

.searchfilter__form__checkboxlabel:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e615";
    font-size: 1.1em;
    right: 1px;
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
    color: #fff
}

.searchfilter__form__checkbox {
    display: none
}

.searchfilter__form__checkbox:checked+label:before {
    background-color: #aabd26;
    border-color: #aabd26;
    transition: all .4s
}

.searchfilter__form__checkbox:checked+label:after {
    color: #fff;
    opacity: 1;
    transform: scaleX(1);
    transition: all .4s
}

.imagelink-rollover {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.imagelink-rollover__overlay {
    display: block;
    width: 100%;
    padding: 20px;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    background-color: rgba(66, 75, 83, .85);
    transition: padding .25s
}

.imagelink-rollover__overlay--grey {
    background-color: rgba(66, 75, 83, .85);
    color: #fff
}

.imagelink-rollover__overlay--light-grey {
    background-color: hsla(240, 5%, 96%, .9);
    color: #424b53
}

.imagelink-rollover__overlay--white {
    background-color: hsla(0, 0%, 100%, .9);
    color: #424b53
}

.imagelink-rollover__overlay--green {
    background-color: rgba(170, 189, 38, .85);
    color: #fff
}

.imagelink-rollover__overlay--orange {
    background-color: rgba(232, 135, 12, .85);
    color: #fff
}

.imagelink-rollover__container {
    display: block;
    width: 100%;
    position: relative;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 200px !important
}

.imagelink-rollover__container:hover .imagelink-rollover__overlay {
    padding-bottom: 40px;
    transition: padding .5s
}

.searchresults {
    margin: 0
}

.searchresults__header,
.searchresults__header--left,
.searchresults__header--right {
    position: relative;
    display: block;
    margin: 0 0 1em;
    padding: 0;
    box-sizing: border-box
}

.searchresults__header--left {
    float: left;
    text-align: left
}

.searchresults__header--right {
    float: right;
    text-align: right
}

.searchresults__header--left p,
.searchresults__header--right p,
.searchresults__header p {
    margin: 0;
    padding: 0;
    line-height: 2em
}

.searchresults__header__first,
.searchresults__header__last,
.searchresults__header__next,
.searchresults__header__previous {
    margin: 0 20px;
    text-decoration: none;
    margin-bottom: 1em;
    line-height: 2em
}

.searchresults__header__first:after,
.searchresults__header__first:before,
.searchresults__header__last:after,
.searchresults__header__last:before,
.searchresults__header__next:after,
.searchresults__header__next:before,
.searchresults__header__previous:after,
.searchresults__header__previous:before {
    font-weight: 700;
    font-size: 1.1em
}

.searchresults__header__first:before {
    content: "\00ab";
    margin-right: 10px
}

.searchresults__header__previous:before {
    content: "\2039";
    margin-right: 10px
}

.searchresults__header__next:after {
    content: "\203A";
    margin-left: 10px
}

.searchresults__header__last {
    margin-right: 0
}

.searchresults__header__last:after {
    content: "\00bb";
    margin-left: 10px
}

.searchresults__item {
    position: relative;
    padding: 40px 0;
    border-top: 1px solid rgba(66, 75, 83, .15)
}

.productcomparison {
    margin-top: 40px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.productcomparison .scEmptyPlaceholder {
    width: 100%
}

.productcomparison__item {
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    margin: 10px
}

.productcomparison__header {
    position: relative;
    box-sizing: border-box;
    background-color: rgba(66, 75, 83, .07);
    text-align: center;
    margin: 0
}

.productcomparison__header--highlight,
.productcomparison__title {
    background-color: #424b53;
    color: #fff
}

.productcomparison__title {
    font-size: 1.3em;
    padding: 15px 20px
}

.productcomparison__trials {
    margin-bottom: 2.5em;
    font-size: .9em
}

.productcomparison__trials a {
    border-collapse: collapse;
    box-sizing: border-box;
    display: inline-block;
    text-decoration: none
}

.productcomparison__pricepanel {
    margin: 2em 0
}

.productcomparison__pricepanel__price--big {
    font-size: 2.4em
}

.productcomparison__pricepanel__price--super {
    font-size: .6em;
    vertical-align: top
}

.productcomparison__pricepanel__period {
    margin-top: 10px
}

.productcomparison__pricepanel__period__info {
    margin-top: 10px;
    font-size: .9em;
    opacity: .5;
    font-style: italic
}

.productcomparison__button {
    margin: 20px 0 10px
}

.productcomparison__button__label {
    padding: 3px 5px 3px 10px;
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.productcomparison__button__qty {
    height: 30px;
    width: 40px;
    margin-right: 5px;
    text-align: right;
    box-sizing: border-box;
    padding: 0;
    font-size: 1em
}

.productcomparison__highlight,
.productcomparison__promo {
    background-color: #aabd26;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    display: block;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%
}

.productcomparison__highlight:after,
.productcomparison__promo:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #aabd26;
    border-width: 6px;
    margin-left: -6px
}

.productcomparison__promo {
    background-color: #ff7e00;
    font-weight: 400
}

.productcomparison__promo:after {
    border-top-color: #ff7e00
}

.productcomparison__features {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(66, 75, 83, .1);
    border-top: none
}

.productcomparison__features__item {
    position: relative;
    margin: 0;
    padding: 20px;
    padding-left: 40px;
    border-top: 1px solid rgba(66, 75, 83, .1);
    font-size: 1em;
    line-height: 1.5em
}

.productcomparison__features__item:first-child,
.productcomparison__features__item:only-child {
    border: none
}

.productcomparison__features__item:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e902";
    position: absolute;
    left: 10px;
    top: 21px;
    font-size: 1.4em;
    color: rgba(170, 189, 38, .6)
}

.productcomparison__switcher {
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 9.2px;
    text-align: right;
    border-top: 1px solid rgba(66, 75, 83, .1);
    padding-top: 20px;
    border-collapse: collapse
}

.productcomparison__switcher__form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: .8em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none
}

.productcomparison__switcher__form__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    height: 22px;
    padding: 4px 10px 6px;
    color: #424b53;
    background-color: #fff
}

.productcomparison__switcher__form__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 4px;
    right: 10px;
    color: #424b53;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.productcomparison__switcher__form__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.productcomparison__switcher__form__label {
    margin-right: 10px;
    line-height: 30px;
    height: 30px;
    float: left;
    vertical-align: middle;
    font-size: .8em;
    color: rgba(66, 75, 83, .8)
}

.productcomparison__header--highlight .productcomparison__switcher__form__label {
    color: hsla(0, 0%, 100%, .8)
}

.productcomparison__header--highlight .productcomparison__switcher {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.productcomparison__plan {
    padding: 0 20px
}

.productcomparison__plan__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: .8em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none;
    width: 100%
}

.productcomparison__plan__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    height: 42px;
    padding: 8px 10px 10px;
    color: #424b53;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box
}

.productcomparison__plan__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 9px;
    right: 10px;
    color: #424b53;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.productcomparison__plan__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.linklist {
    border: 1px solid #f4f4f5;
    padding: 0 20px
}

@keyframes c {
    0% {
        opacity: 0;
        transform: translateY(-10px) scaleY(0)
    }

    to {
        opacity: 1;
        transform: translateY(0) scaleY(1)
    }
}

.--editmode .linklist {
    min-height: 3em
}

.linklist__group,
.linklist__item {
    padding: 20px 0;
    border-bottom: 1px solid #aabd26;
    position: relative
}

.linklist__group:last-child,
.linklist__item:last-child {
    border-bottom: none
}

.linklist__group:after,
.linklist__item:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    right: 0;
    top: 10px;
    top: calc(10px + .35rem);
    display: block;
    color: #aabd26;
    font-size: 1.6em
}

.linklist--nested .linklist__group,
.linklist--nested .linklist__item {
    padding: 10px 0;
    border: none
}

.linklist__group--expanded:after {
    content: "\e901";
    cursor: pointer
}

.linklist__group--collapsed:after {
    content: "\e902";
    cursor: pointer
}

.linklist__group .linklist__title:after {
    display: none
}

.linklist__link {
    display: block;
    text-decoration: none
}

.linklist__link:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    right: 0;
    top: 10px;
    top: calc(10px + .5rem);
    display: block;
    color: #aabd26;
    font-size: 1.6em;
    content: "\e900"
}

.linklist__group>.linklist__link:after {
    display: none
}

.linklist--nested .linklist__link:before {
    position: relative;
    left: -10px;
    top: .05em;
    content: "\203A";
    color: #aabd26;
    font-size: 1.5em
}

.linklist--nested {
    margin-top: 10px;
    margin-left: 20px
}

.linklist__group--expanded .linklist--nested {
    display: block;
    animation: c .3s
}

.linklist__group--collapsed .linklist--nested {
    display: none
}

.--editmode .linklist__group--collapsed .linklist--nested {
    display: block;
    border-right: 3px solid #f4f4f5;
    margin-right: 6px;
    background: hsla(240, 5%, 96%, .3);
    opacity: .8
}

.--editmode .linklist__group--collapsed .linklist--nested:before {
    content: "Collapsed Section";
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .7em;
    border-radius: 1px;
    background: #f4f4f5;
    display: inline-block;
    padding: 5px;
    margin: 6px
}

.linklist--nested .linklist__item:after,
.linklist--nested .linklist__link:after,
.linklist--nested .linklist__title:after {
    display: none
}

.imagebleed {
    position: relative;
    overflow: visible
}

.imagebleed__image {
    display: block;
    position: relative
}

.imagebleed__image--bleed-left {
    float: right
}

.imagebleed__image--bleed-right {
    float: left
}

.downloadcaption {
    background-color: #aabd26;
    color: #fff;
    width: 100%;
    padding: 13.3333333333px 20px;
    padding-left: 60px;
    line-height: 1.5em;
    position: relative;
    margin-bottom: 1em
}

.downloadcaption:before {
    content: "\e615";
    position: absolute;
    display: block;
    top: 12.5px;
    left: 20px;
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 2em
}

.downloadcaption a,
.downloadcaption a:visited {
    color: #fff
}

.downloadcaption a:active,
.downloadcaption a:hover {
    color: hsla(0, 0%, 100%, .5)
}

.downloadcaption--error {
    background-color: #ea6962
}

.downloadcaption--error:before {
    content: "\e60a"
}

.downloadcaption--checkout {
    width: auto
}

.browseproduct {
    margin-bottom: 40px
}

.browseproduct__form {
    position: relative
}

.browseproduct__form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: 1em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none;
    width: 100%
}

.browseproduct__form__select__wrap,
.browseproduct__form__select__wrap--fit {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    width: 100%;
    height: 44px;
    padding: 10px;
    color: #424b53;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 40px
}

.browseproduct__form__select__wrap--fit:after,
.browseproduct__form__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 11px;
    right: 10px;
    color: #aabd26;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.browseproduct__form__select__wrap--fit:hover:after,
.browseproduct__form__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.browseproduct__form__select__wrap--fit {
    width: inherit
}

.regionfilter {
    margin-bottom: 40px
}

.regionfilter__form {
    position: relative
}

.regionfilter__form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: 1em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none
}

.regionfilter__form__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    height: 22px;
    padding: 10px;
    color: #424b53;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 40px
}

.regionfilter__form__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 11px;
    right: 10px;
    color: #aabd26;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.regionfilter__form__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.regionfilter__form__label {
    margin-right: 10px
}

.salescontact__contacts {
    margin: 0 0 1em
}

.salescontact__contacts li {
    line-height: 2em;
    margin: .6em 0;
    padding-left: 25px;
    position: relative
}

.salescontact__contacts li:before {
    content: "\203A";
    color: #aabd26;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 11px;
    vertical-align: middle;
    text-align: center;
    opacity: 1;
    width: 15px;
    height: 15px;
    border: 1px solid #aabd26;
    border-radius: 15px
}

.salescontact__location {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 33.33%;
    float: left;
    padding-right: 20px;
    padding-bottom: 40px
}

.productdocumentation__version__label {
    margin-right: 40px
}

.productdocumentation__version__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: 1em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none
}

.productdocumentation__version__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    height: 22px;
    padding: 5px 10px;
    color: #424b53;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 40px
}

.productdocumentation__version__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 6px;
    right: 10px;
    color: #aabd26;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.productdocumentation__version__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.productdocumentation__list {
    margin: 0 0 1em
}

.productdocumentation__list li {
    line-height: 2em;
    margin: .6em 0;
    padding-left: 25px;
    position: relative
}

.productdocumentation__list li:before {
    content: "\203A";
    color: #aabd26;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 11px;
    vertical-align: middle;
    text-align: center;
    opacity: 1;
    width: 15px;
    height: 15px;
    border: 1px solid #aabd26;
    border-radius: 15px
}

.productdocumentation__list__note {
    font-size: .9em;
    font-style: italic;
    color: rgba(66, 75, 83, .5)
}

.productdocumentation__video {
    width: 33.3%;
    padding-right: 40px;
    box-sizing: border-box;
    float: left
}

.productdocumentation__video__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.productdocumentation__video__thumb {
    display: block;
    position: relative;
    width: 100%;
    height: auto
}

.productdocumentation__video__thumb img {
    width: 100%;
    height: auto
}

.productdocumentation__video__thumb:before {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e603";
    display: block;
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 120px;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    font-size: 60px;
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .65);
    transition: color 1s;
    pointer-events: none
}

.productdocumentation__video__thumb:hover:before {
    color: #fff;
    transition: color .5s
}

.productdocumentation__video__text {
    padding-top: 20px
}

.supportcontact__button {
    margin-right: 20px
}

.supportcontact__button:last-child {
    margin-right: 0
}

.supportcontact__region {
    margin: 1em 0;
    padding: 20px 0;
    border-bottom: 1px solid rgba(66, 75, 83, .15)
}

.supportcontact__region__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.supportcontact__region__office {
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    padding-right: 40px;
    margin-bottom: 1em
}

.supportcontact__region__office h5 {
    font-size: 1em;
    margin-bottom: 0
}

.list-block {
    font-size: .9em;
    line-height: 1.5em;
    padding: 1em 0;
    border-bottom: 1px solid #f4f4f5
}

.list-block a,
.list-block a:visited {
    text-decoration: none;
    transition: color .6s
}

.list-block a .kbtitle,
.list-block a:visited .kbtitle {
    color: #424b53;
    transition: color .6s
}

.list-block a .kbdate,
.list-block a:visited .kbdate {
    color: rgba(66, 75, 83, .7);
    transition: color .6s
}

.list-block a:active,
.list-block a:active .kbtitle,
.list-block a:hover,
.list-block a:hover .kbtitle {
    color: #aabd26;
    transition: color .3s
}

.list-block a:active .kbdate,
.list-block a:hover .kbdate {
    color: rgba(170, 189, 38, .7);
    transition: color .3s
}

.heading {
    display: inline-block;
    width: 100%
}

.heading--left {
    text-align: left
}

.heading--center {
    text-align: center
}

.heading--right {
    text-align: right
}

.archivefilter {
    margin-bottom: 40px
}

.archivefilter__form {
    position: relative
}

.archivefilter__form__set {
    display: inline-block;
    position: relative;
    margin-bottom: 1em
}

.archivefilter__form__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: 1em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none
}

.archivefilter__form__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: .8em;
    line-height: 22px;
    height: 22px;
    padding: 7px 10px;
    color: #424b53;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 40px
}

.archivefilter__form__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 8px;
    right: 10px;
    color: #aabd26;
    font-size: 1.5em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.archivefilter__form__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.archivefilter__form__label {
    margin-right: 10px;
    font-size: .8em
}

.overviewitem__entry {
    display: block;
    padding: 20px 0 10px;
    border-bottom: 1px solid #f4f4f5
}

.overviewitem__entry:last-child {
    border-bottom: none
}

.overviewitem__title,
.overviewitem__title--event {
    margin-bottom: 0;
    display: inline-block;
    position: relative
}

.overviewitem__title--event a:after,
.overviewitem__title--event a:visited:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e900";
    font-size: 1.2em;
    display: block;
    position: absolute;
    top: 0;
    right: -25px;
    color: rgba(66, 75, 83, .5)
}

.overviewitem__title--event a:active:after,
.overviewitem__title--event a:hover:after {
    color: #aabd26
}

.overviewitem__text--event,
.overviewitem__text--news {
    color: rgba(66, 75, 83, .65)
}

.overviewitem__text--event span,
.overviewitem__text--news span {
    color: rgba(66, 75, 83, .55);
    font-style: italic;
    display: inline-block;
    margin-left: 20px
}

.flexocertification__recent {
    background-color: rgba(66, 75, 83, .05);
    border: 1px solid #f4f4f5;
    padding: 20px;
    border-radius: 5px
}

.flexocertification__entry {
    width: 100%;
    box-sizing: border-box;
    font-size: .9em
}

.flexocertification__recent .flexocertification__entry {
    width: 25%;
    float: left
}

.flexocertification__company {
    margin-bottom: 0;
    position: relative;
    display: inline-block
}

.flexocertification__company a:after,
.flexocertification__company a:visited:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e900";
    font-size: 1.2em;
    display: block;
    position: absolute;
    top: 0;
    right: -25px;
    color: rgba(66, 75, 83, .5)
}

.flexocertification__company a:active:after,
.flexocertification__company a:hover:after {
    color: #aabd26
}

.flexocertification__country {
    color: rgba(66, 75, 83, .6)
}

.flexocertification__filter {
    padding: 40px 20px 20px;
    border-bottom: 1px solid #f4f4f5
}

.flexocertification__filter__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: 1em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none
}

.flexocertification__filter__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: .8em;
    line-height: 22px;
    height: 22px;
    padding: 7px 10px;
    color: #424b53;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 40px
}

.flexocertification__filter__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 8px;
    right: 10px;
    color: #aabd26;
    font-size: 1.5em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.flexocertification__filter__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.flexocertification__filter__label {
    margin-right: 10px;
    font-size: .8em
}

.flexocertification__certified {
    padding: 20px 0
}

.flexocertification__col {
    width: 33.3%;
    float: left;
    box-sizing: border-box;
    padding: 20px
}

.packoptions__panel {
    position: relative;
    display: block;
    border: 1px solid #f4f4f5;
    border-top: none;
    padding: 20px;
    box-sizing: border-box
}

.packoptions__option {
    position: relative;
    display: block;
    width: 100%
}

.packoptions__option__label {
    margin-bottom: .5em
}

.packoptions__option__label label {
    font-size: .8em
}

.packoptions__option__wrap {
    display: block;
    width: 100%;
    margin: 0 0 2em
}

.packoptions__option__slider {
    display: block;
    position: relative;
    text-align: left;
    padding: 0
}

.packoptions__option__slider input[type=range] {
    height: 18px;
    -webkit-appearance: none;
    margin: 7px 0 4px;
    width: 100%
}

.packoptions__option__slider input[type=range]:focus {
    outline: none;
    border: none
}

.packoptions__option__slider input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: .2s;
    background: rgba(66, 75, 83, .15);
    border-radius: 4px
}

.packoptions__option__slider input[type=range]::-webkit-slider-thumb {
    height: 14px;
    width: 14px;
    border-radius: 14px;
    background: #aabd26;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px
}

.packoptions__option__slider input[type=range]:focus::-webkit-slider-runnable-track {
    background: rgba(66, 75, 83, .15)
}

.packoptions__option__slider input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: .2s;
    background: rgba(66, 75, 83, .15);
    border-radius: 4px
}

.packoptions__option__slider input[type=range]::-moz-range-thumb {
    height: 14px;
    width: 14px;
    border-radius: 14px;
    background: #aabd26;
    cursor: pointer
}

.packoptions__option__slider input[type=range]::-moz-range-progress {
    background: #aabd26
}

.packoptions__option__slider input[type=range]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    animate: .2s;
    background: transparent;
    border-color: transparent;
    color: transparent
}

.packoptions__option__slider input[type=range]::-ms-fill-lower,
.packoptions__option__slider input[type=range]::-ms-fill-upper {
    background: rgba(66, 75, 83, .15);
    border-radius: 8px
}

.packoptions__option__slider input[type=range]::-ms-thumb {
    margin-top: 1px;
    height: 14px;
    width: 14px;
    border-radius: 14px;
    background: #aabd26;
    cursor: pointer
}

.packoptions__option__slider input[type=range]:focus::-ms-fill-lower {
    background: #aabd26
}

.packoptions__option__slider input[type=range]:focus::-ms-fill-upper {
    background: rgba(66, 75, 83, .15)
}

.packoptions__option__value {
    display: block;
    text-align: right;
    font-size: .8em;
    padding: 0 0 5px;
    vertical-align: top;
    color: rgba(66, 75, 83, .5)
}

.packoptions__content {
    font-size: .8em;
    margin-bottom: 3em
}

.decimal-style span {
    font-size: .5em;
    vertical-align: top;
    display: inline-block;
    margin-top: .2em;
    margin-left: 2px
}

.store-comp h2 {
    font-size: 1.5em;
    margin-bottom: 1em;
    text-transform: none;
    font-weight: 400
}

.esko-loading__overlay {
    display: block;
    position: fixed;
    background-color: rgba(66, 75, 83, .75);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

.esko-loading {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -90px
}

.esko-loading .esko-loading__ball {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.esko-loading .esko-loading__ball:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    animation: d 1.2s infinite ease-in-out both
}

.esko-loading .esko-loading2 {
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.esko-loading .esko-loading3 {
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.esko-loading .esko-loading4 {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.esko-loading .esko-loading5 {
    -ms-transform: rotate(120deg);
    transform: rotate(120deg)
}

.esko-loading .esko-loading6 {
    -ms-transform: rotate(150deg);
    transform: rotate(150deg)
}

.esko-loading .esko-loading7 {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.esko-loading .esko-loading8 {
    -ms-transform: rotate(210deg);
    transform: rotate(210deg)
}

.esko-loading .esko-loading9 {
    -ms-transform: rotate(240deg);
    transform: rotate(240deg)
}

.esko-loading .esko-loading10 {
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.esko-loading .esko-loading11 {
    -ms-transform: rotate(300deg);
    transform: rotate(300deg)
}

.esko-loading .esko-loading12 {
    -ms-transform: rotate(330deg);
    transform: rotate(330deg)
}

.esko-loading .esko-loading2:before {
    animation-delay: -1.1s
}

.esko-loading .esko-loading3:before {
    animation-delay: -1s
}

.esko-loading .esko-loading4:before {
    animation-delay: -.9s
}

.esko-loading .esko-loading5:before {
    animation-delay: -.8s
}

.esko-loading .esko-loading6:before {
    animation-delay: -.7s
}

.esko-loading .esko-loading7:before {
    animation-delay: -.6s
}

.esko-loading .esko-loading8:before {
    animation-delay: -.5s
}

.esko-loading .esko-loading9:before {
    animation-delay: -.4s
}

.esko-loading .esko-loading10:before {
    animation-delay: -.3s
}

.esko-loading .esko-loading11:before {
    animation-delay: -.2s
}

.esko-loading .esko-loading12:before {
    animation-delay: -.1s
}

@keyframes d {

    0%,
    80%,
    to {
        transform: scale(0);
        opacity: 0
    }

    40% {
        transform: scale(1);
        opacity: 1
    }
}

.sw-cat,
.sw-cat__img {
    display: block;
    width: 100%;
    position: relative
}

.sw-cat__img img {
    display: block;
    width: 100%;
    height: auto
}

.sw-cat__content {
    display: block;
    border: 1px solid #f4f4f5;
    border-top: none;
    padding: 20px;
    padding-bottom: 40px;
    background-color: #fff
}

.sw-cat__content__txt__link {
    text-decoration: none
}

.sw-cat__content__txt__link:after {
    content: "...";
    display: inline-block;
    font-size: 1em;
    margin-left: 0
}

.sw-cat__price {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #f4f4f5;
    border-top: none;
    padding: 20px;
    background-color: #fff
}

.sw-cat__price__asof {
    margin-bottom: 5px
}

.sw-cat__price__value {
    font-size: 2em
}

.sw-cat__price__value--super {
    vertical-align: top
}

.sw-cat__price__value--currency,
.sw-cat__price__value--period,
.sw-cat__price__value--super {
    display: inline-block;
    font-size: .6em
}

.sw-cat__price__btn {
    position: relative;
    display: block;
    margin-top: 20px;
    text-align: right;
    width: 100%
}

.sw-cat__price__btn .button {
    margin: 0
}

.sw-cat__price__btn__label {
    padding: 3px 5px 3px 10px;
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.sw-cat__price__btn__qty {
    height: 30px;
    width: 40px;
    margin-right: 5px;
    text-align: right;
    box-sizing: border-box;
    padding: 0;
    font-size: 1em
}

@media (max-width:720px) {
    .sw-cat__price__btn {
        position: relative;
        padding-top: 20px;
        width: 100%;
        box-sizing: border-box;
        top: auto;
        right: auto
    }

    .sw-cat__price__btn .button {
        width: 100%
    }
}

.signin a,
.signin a:active,
.signin a:hover,
.signin a:visited {
    text-decoration: none
}

.signin__left,
.signin__right {
    width: 50%;
    box-sizing: border-box
}

.signin__left {
    float: left;
    padding-right: 40px;
    border-right: 1px solid rgba(66, 75, 83, .15)
}

.signin__right {
    float: right;
    padding-left: 40px
}

.signin__title {
    margin-bottom: 40px
}

.signin__panel__input {
    width: 100%;
    position: relative;
    margin: 0;
    clear: both;
    padding: 10px 0
}

.signin__panel__input label {
    display: block;
    width: 25%;
    float: left;
    clear: left;
    height: 40px;
    line-height: 40px;
    vertical-align: middle
}

.signin__panel__input input[type=text] {
    display: block;
    width: 75%;
    padding: 5px 10px;
    height: 40px;
    box-sizing: border-box;
    float: right;
    clear: right;
    font-size: 1em;
    color: .signin__panel__input input[type="text"] eskogrey
}

.signin__panel__input input[type=text]:focus,
.signin__panel__input input[type=text]:hover {
    outline: none;
    border: 1px solid #424b53
}

.signin__panel__input input[type=password] {
    display: block;
    width: 75%;
    padding: 5px 10px;
    height: 40px;
    box-sizing: border-box;
    float: right;
    clear: right;
    font-size: 1em;
    color: .signin__panel__input input[type="password"] eskogrey
}

.signin__panel__input input[type=password]:focus,
.signin__panel__input input[type=password]:hover {
    outline: none;
    border: 1px solid #424b53
}

.signin__panel__check {
    display: block;
    position: relative;
    padding: 30px 0 40px;
    clear: both
}

.signin__panel__check input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.signin__panel__check input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    padding-left: 40px
}

.signin__panel__check input[type=checkbox]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    border: 1px solid rgba(66, 75, 83, .35);
    width: 20px;
    height: 20px;
    background-color: #fff
}

.signin__panel__check input[type=checkbox]+label:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e615";
    font-size: 1.4em;
    position: absolute;
    top: -3px;
    left: 0;
    color: #aabd26;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    transition: all .6s
}

.signin__panel__check input[type=checkbox]+label:hover:before {
    border: 1px solid #424b53
}

.signin__panel__check input[type=checkbox]:checked+label:after {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .1s
}

.signin__panel__submit input[type=submit] {
    display: inline-block;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    appearance: normal;
    padding: 12px 30px;
    background-color: #aabd26;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9em;
    text-decoration: none;
    margin: 1em 0;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 1s
}

.signin__panel__submit input[type=submit]:hover {
    background-color: #424b53;
    color: #fff;
    transition: all .5s
}

.signin__panel__submit__link {
    display: inline-block;
    margin-left: 20px
}

.signin__btn-alt,
.signin__btn-alt:visited {
    display: inline-block;
    padding: 15px 30px;
    background-color: #aabd26;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .9em;
    text-decoration: none;
    margin: 1em 0
}

.signin__btn-alt:active,
.signin__btn-alt:hover {
    background-color: #424b53;
    color: #fff
}

.signin-msg__wrap {
    display: block;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 20px
}

@media (max-width:720px) {

    .signin__left,
    .signin__right {
        width: 100%;
        clear: both;
        padding: 0;
        margin-bottom: 40px;
        border: none;
        position: relative;
        float: none
    }
}

.faq__index {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: 30%;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-collapse: collapse;
    margin-bottom: 40px
}

h2.faq__topic {
    font-size: 1.5em;
    text-transform: none;
    font-weight: 400;
    margin: 0 0 2em
}

.faq__cat-list {
    position: relative;
    margin-bottom: 40px
}

.faq-item {
    display: block;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f4f4f5;
    padding: 20px 0
}

.faq-item:last-child {
    border-bottom: none
}

.faq-item__q {
    padding-left: 30px;
    position: relative;
    cursor: pointer;
    transition: color 1s
}

.faq-item__q:hover {
    color: #aabd26;
    transition: color .5s
}

.faq-item__q:before {
    content: "+";
    font-weight: 700;
    speak: none;
    color: #aabd26;
    font-size: 1.2em;
    margin: 0;
    display: block;
    position: absolute;
    top: -2px;
    left: 0
}

.faq-item__q--collapse:before {
    content: "-";
    top: -4px
}

.faq-item__a {
    padding: 10px 0 0
}

.faq-item__a p {
    padding-left: 30px;
    font-style: italic;
    color: rgba(66, 75, 83, .75)
}

.faq-item__a p:last-child {
    margin-bottom: 0
}

.faq-item__topic-title {
    margin-bottom: 2em
}

.faq-item__category-list {
    width: 100%
}

.faq-item__category-list,
.faq-item__category-list:visited {
    display: block;
    color: #aabd26;
    text-decoration: none;
    opacity: 1;
    margin: 0 0 1.5em
}

.faq-item__category-list:active,
.faq-item__category-list:hover {
    display: block;
    color: #aabd26;
    text-decoration: none;
    opacity: .6
}

.cart-upsell {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 33.33%
}

.cart-upsell,
.cart-upsell__wrap {
    display: -ms-flexbox;
    display: flex
}

.cart-upsell__wrap {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-upsell__item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    margin: 0 20px;
    border: 1px solid #f4f4f5;
    padding: 20px;
    box-sizing: border-box
}

.cart-upsell__icon {
    text-align: center
}

.cart-upsell__icon img {
    width: 80px;
    height: 80px
}

.cart-upsell__section-title {
    font-size: 1.8em;
    text-transform: none;
    margin-bottom: 30px
}

.cart-upsell__section-title h1,
.cart-upsell__section-title h2,
.cart-upsell__section-title h3,
.cart-upsell__section-title h4,
.cart-upsell__section-title h5,
.cart-upsell__section-title h6 {
    font-weight: 400;
    text-transform: none
}

.cart-upsell__section-title h1 {
    font-size: 1em
}

.cart-upsell__section-title h2 {
    font-size: .9em
}

.cart-upsell__section-title h3 {
    font-size: .8em
}

.cart-upsell__section-title h4 {
    font-size: .7em
}

.cart-upsell__section-title h5 {
    font-size: .6em
}

.cart-upsell__section-title h6 {
    font-size: .5em
}

.cart-upsell__title {
    text-align: center;
    font-weight: 700;
    font-size: 1.1em;
    padding: 25px 0 20px
}

.cart-upsell__title a,
.cart-upsell__title a:visited {
    color: inherit;
    text-decoration: none
}

.cart-upsell__title a:active,
.cart-upsell__title a:hover {
    color: #aabd26
}

.cart-upsell__txt {
    text-align: center
}

.cart-upsell__price {
    padding: 20px 0 25px;
    font-weight: 700;
    font-size: 1.1em;
    text-align: center
}

.cart-upsell__price--super {
    font-size: .6em;
    vertical-align: top
}

.cart-upsell__btn {
    text-align: center;
    padding: 20px 0 0;
    border-top: 1px solid #f4f4f5
}

.cart-upsell__btn a {
    margin: 0
}

.cart__progress {
    text-align: center;
    position: relative;
    width: 100%
}

.cart__progress__step {
    display: inline-block;
    padding: 20px;
    position: relative;
    margin: 0;
    min-width: 140px
}

.cart__progress__step__nr {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid rgba(66, 75, 83, .25);
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    font-size: 1.8em;
    font-weight: 400;
    color: rgba(66, 75, 83, .25)
}

.cart__progress__step__label {
    color: rgba(66, 75, 83, .35);
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.cart__progress__step--active .cart__progress__step__nr {
    background-color: #aabd26;
    border: none;
    color: #fff;
    font-weight: 700
}

.cart__progress__step--active .cart__progress__step__label {
    color: #aabd26;
    font-weight: 700
}

.cart__progress__line {
    display: inline-block;
    width: 80px;
    height: 1px;
    background-color: rgba(66, 75, 83, .25);
    margin: 0 -50px 58px
}

@media (max-width:720px) {
    .cart__progress__step {
        min-width: inherit
    }

    .cart__progress__step__label {
        text-indent: -9999px
    }

    .cart__progress__step--active {
        display: inline-block
    }

    .cart__progress__step--active .cart__progress__step__label {
        text-indent: inherit
    }

    .cart__progress__step__nr {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 1.2em
    }

    .cart__progress__step__label {
        font-size: 1em
    }

    .cart__progress__line {
        display: none
    }
}

.price-panel {
    background-color: #f4f4f5;
    padding: 20px;
    box-sizing: border-box;
    width: 100%
}

.price-panel--sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 125px
}

@media (max-width:1020px) {
    .price-panel--sticky {
        top: 25px
    }
}

.price-panel__line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: rgba(66, 75, 83, .25);
    margin: 20px 0
}

.price-panel__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1em
}

.price-panel__row--total span.decimal-style {
    font-weight: 700
}

.price-panel__row--total .price-panel__label {
    font-size: 1.3em
}

.price-panel__row--promo {
    display: block;
    width: 100%
}

.price-panel__label,
.price-panel__value {
    padding: 5px 0;
    vertical-align: bottom
}

.price-panel__value {
    text-align: right
}

.price-panel__value span.decimal-style {
    font-size: 1.4em
}

.price-panel__value__period {
    margin-top: 10px;
    color: rgba(66, 75, 83, .65)
}

.price-panel__code {
    display: block;
    width: 100%
}

.price-panel__code input[type=text] {
    border: 1px solid rgba(66, 75, 83, .25);
    padding: 9px 10px;
    font-size: 1em;
    width: 50%;
    margin-right: 10px;
    text-transform: uppercase
}

.price-panel__code input[type=text]:focus,
.price-panel__code input[type=text]:hover {
    outline: none;
    border-color: #424b53
}

.price-panel__code input[type=button],
.price-panel__code input[type=submit] {
    border: 1px solid rgba(66, 75, 83, .25);
    padding: 10px 20px;
    font-size: 1em;
    border: none;
    background-color: #aabd26;
    display: inline-block;
    color: #fff;
    transition: background-color .5s;
    cursor: pointer
}

.price-panel__code input[type=button]:hover,
.price-panel__code input[type=submit]:hover {
    background-color: #424b53;
    transition: background-color .5s
}

.pay-info {
    width: 100%
}

.pay-info,
.pay-info__list {
    display: block;
    position: relative
}

.pay-info__title {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 30px
}

.pay-info__title h1,
.pay-info__title h2,
.pay-info__title h3,
.pay-info__title h4,
.pay-info__title h5,
.pay-info__title h6 {
    font-weight: 400
}

.pay-info__title h1 {
    font-size: 1em
}

.pay-info__title h2 {
    font-size: .9em
}

.pay-info__title h3 {
    font-size: .8em
}

.pay-info__title h4 {
    font-size: .7em
}

.pay-info__title h5 {
    font-size: .6em
}

.pay-info__title h6 {
    font-size: .5em
}

.pay-info__option {
    margin: 10px 0
}

.pay-info__option__error {
    display: inline-block;
    padding: 13.3333333333px 20px;
    border: 1px solid #ea6962;
    background-color: hsla(3, 76%, 65%, .15);
    margin-left: 30px;
    margin-top: 1em;
    line-height: 1.5em;
    font-size: .9em;
    color: #ea6962;
    border-radius: 5px
}

.pay-info__option input[type=radio] {
    display: none;
    text-index: -9999px
}

.pay-info__option input[type=radio]+label {
    line-height: 32px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 0 0 30px
}

.pay-info__option input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid rgba(66, 75, 83, .25);
    width: 20px;
    height: 20px;
    background-color: #fff;
    top: 4px;
    left: 0;
    border-radius: 20px
}

.pay-info__option input[type=radio]+label:hover:before {
    border-color: #424b53
}

.pay-info__option input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #aabd26;
    top: 9px;
    left: 5px;
    border-radius: 20px
}

.pay-info__option__img {
    width: auto;
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    vertical-align: middle
}

.pay-info__option input[type=number],
.pay-info__option input[type=text] {
    display: inline-block;
    padding: 10px 5px;
    width: 200px;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
    border-collapse: collapse;
    border: 1px solid rgba(66, 75, 83, .25)
}

.pay-info__option input[type=number]:focus,
.pay-info__option input[type=number]:hover,
.pay-info__option input[type=text]:focus,
.pay-info__option input[type=text]:hover {
    border-color: #424b53
}

.pay-info__option__select {
    display: block;
    box-sizing: border-box;
    border: 1px solid rgba(66, 75, 83, .35);
    padding: 10px 5px;
    line-height: inherit;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
    width: 200px
}

.pay-info__option__select:hover {
    border-color: #424b53
}

.pay-info__option__select,
.pay-info__option__select>* {
    cursor: pointer
}

.pay-info__option__select select {
    width: 100%;
    box-sizing: content-box;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
    font-size: 1em
}

.pay-info__option__select:after {
    content: "";
    width: 0;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 4px;
    border-style: solid;
    pointer-events: none;
    border-color: #656565 transparent transparent
}

.pay-info__option__select select,
.pay-info__option__select select:focus,
.pay-info__option__select select:hover {
    outline: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: right 12px
}

.pay-info__option__select--half {
    width: 90px;
    float: left
}

.pay-info__option__select--half:first-child {
    margin-right: 6px
}

.pay-info__table {
    margin-left: 30px;
    position: relative
}

.pay-info__table td {
    padding: 5px 0;
    vertical-align: middle;
    position: relative
}

.pay-info__table td label {
    display: block;
    width: 160px
}

.pay-info__table td .field-info {
    right: -30px
}

.pay-info__table label {
    position: relative
}

.pay-info__table label.pay-info__validation__error {
    color: #ea6962;
    font-weight: 700
}

.pay-info__table label.pay-info__validation__error:before {
    content: "!";
    display: block;
    position: absolute;
    top: -2px;
    left: -30px;
    width: 22px;
    height: 22px;
    background-color: #c80000;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    font-weight: 700
}

.pay-info__table div.pay-info__validation__error,
.pay-info__table input[type=text].pay-info__validation__error {
    border: 1px solid #ea6962
}

.pay-info__po {
    margin-top: 40px
}

.pay-info__po input[type=text] {
    display: block;
    padding: 10px 5px;
    width: 200px;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
    border-collapse: collapse;
    border: 1px solid rgba(66, 75, 83, .25);
    margin-top: 20px
}

.pay-info__po input[type=text]:focus,
.pay-info__po input[type=text]:hover {
    border-color: #424b53
}

ul.error-box {
    margin-left: 30px
}

ul.error-box,
ul.error-box li {
    display: block;
    position: relative
}

ul.error-box li {
    margin: 0;
    padding: 0;
    color: #ea6962;
    font-style: italic
}

ul.error-box li:before {
    display: none
}

.changeCardHolderName {
    display: block;
    margin: 10px 0;
    color: rgba(66, 75, 83, .5)
}

.changeCardHolderLink {
    display: block;
    position: absolute;
    right: -50px;
    top: 18px;
    font-size: .8em;
    text-decoration: none
}

.cancelCardUpdate {
    text-decoration: none;
    color: rgba(66, 75, 83, .7)
}

.cart-item {
    display: block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #f4f4f5;
    background-color: #fff;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative
}

.cart-item__wrap {
    display: table;
    margin-right: 20px
}

.cart-item--deleted .cart-item__details,
.cart-item--deleted .cart-item__icon,
.cart-item--deleted .cart-item__name,
.cart-item--deleted .cart-item__price,
.cart-item--deleted .cart-item__qty {
    opacity: .4;
    pointer-events: none
}

.cart-item__restore,
.cart-item__restore:visited {
    display: block;
    position: absolute;
    bottom: -1px;
    right: -1px;
    background-color: rgba(170, 189, 38, .75);
    pointer-events: all;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.cart-item__restore:active,
.cart-item__restore:hover {
    cursor: pointer;
    background-color: #aabd26
}

.cart-item:last-child {
    margin-bottom: 0
}

.cart-item__title {
    font-size: 1.8em;
    text-transform: none;
    margin-bottom: 30px
}

.cart-item__title h1,
.cart-item__title h2,
.cart-item__title h3,
.cart-item__title h4,
.cart-item__title h5,
.cart-item__title h6 {
    font-weight: 400;
    text-transform: none
}

.cart-item__title h1 {
    font-size: 1em
}

.cart-item__title h2 {
    font-size: .9em
}

.cart-item__title h3 {
    font-size: .8em
}

.cart-item__title h4 {
    font-size: .7em
}

.cart-item__title h5 {
    font-size: .6em
}

.cart-item__title h6 {
    font-size: .5em
}

.cart-item__icon {
    display: table-cell;
    vertical-align: top;
    width: 60px
}

.cart-item__icon img {
    width: 40px;
    height: auto
}

.cart-item__name {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
    font-weight: 700;
    width: auto;
    font-size: 1em;
    line-height: 1.4em;
    min-width: 300px
}

.cart-item__name__bundle {
    display: block;
    position: relative;
    padding-top: 20px;
    margin-top: 20px
}

.cart-item__name__bundle:before {
    content: "+";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    font-size: 2em;
    color: rgba(66, 75, 83, .3);
    font-weight: 400
}

.cart-item__code {
    font-weight: 400
}

.cart-item__qty {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 100px;
    padding-right: 20px;
    text-align: left;
    margin-top: -10px
}

.cart-item__qty label {
    position: relative;
    display: block;
    padding: 3px 0 3px 10px;
    float: left;
    margin-right: 10px
}

.cart-item__qty strong {
    display: inline-block;
    padding: 3px 0
}

.cart-item__qty input[type=number],
.cart-item__qty input[type=text] {
    display: inline-block;
    width: 40px;
    padding: 0;
    height: 30px;
    box-sizing: border-box;
    text-align: right;
    font-size: 1em;
    color: .cart-item__qty input[type="text"], .cart-item__qty input[type="number"] eskogrey;
    margin-top: -5px
}

.cart-item__qty input[type=number]:focus,
.cart-item__qty input[type=text]:focus {
    outline: none
}

.cart-item__qty-fixed {
    margin-top: 3px
}

.cart-item__price {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
    width: 120px;
    text-align: right;
    font-size: 1.1em;
    padding-top: 1px
}

.cart-item__price--strike {
    font-size: .9em;
    color: rgba(66, 75, 83, .25);
    display: inline-block;
    position: relative
}

.cart-item__price--strike:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    top: 7px;
    background-color: rgba(66, 75, 83, .25)
}

.cart-item__price--super {
    vertical-align: top;
    font-size: .7em
}

.cart-item__extra {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 15px 15px 0 0;
    height: 100%
}

.cart-item__options {
    display: table-cell;
    vertical-align: top;
    width: 30px;
    text-align: right
}

.cart-item__options__remove {
    display: block;
    position: relative;
    float: right;
    width: 26px;
    height: 26px;
    background-color: rgba(66, 75, 83, .25);
    border-radius: 26px;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: transform .5s
}

.cart-item__options__remove:hover {
    background-color: #c83228;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .5s
}

.cart-item__options__remove:after,
.cart-item__options__remove:before {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    margin-left: -9px;
    background-color: #fff;
    position: absolute
}

.cart-item__options__remove:before {
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cart-item__options__remove:after {
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cart-item__details {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-left: 60px;
    margin-top: .5em
}

.cart-item__details div {
    line-height: 1.4em
}

.cart-item__details__title {
    margin: 40px 0 20px;
    font-style: italic
}

.cart-item__details__row {
    display: table;
    width: 100%;
    position: relative;
    padding: 10px 0;
    background-color: rgba(66, 75, 83, .07)
}

.cart-item__details__info {
    display: table-cell;
    font-weight: 700;
    line-height: 1.5em;
    padding-left: 10px
}

.cart-item__details__qty {
    display: table-cell;
    width: 80px;
    padding-right: 10px;
    text-align: right
}

.cart-item__stock {
    margin-top: 10px
}

.cart-item__stock__label {
    font-weight: 700
}

.cart-item__stock__label--green {
    color: #aabd26
}

.cart-item__stock__label--red {
    color: #ea6962
}

@media (max-width:720px) {
    .cart-item {
        display: block;
        position: relative;
        clear: both
    }

    .cart-item__icon {
        display: none
    }

    .cart-item__name {
        display: block;
        border-bottom: 1px solid #f4f4f5;
        padding-bottom: 20px;
        clear: both;
        min-width: 0
    }

    .cart-item__options,
    .cart-item__price,
    .cart-item__qty {
        display: inline-block;
        position: relative;
        margin: 0;
        padding: 0;
        padding-top: 20px
    }

    .cart-item__price,
    .cart-item__qty {
        text-align: left
    }

    .cart-item__options {
        float: right
    }
}

.store-disclaimer {
    font-size: 15px !important
}

.store-disclaimer input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.store-disclaimer input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.4em
}

.store-disclaimer input[type=checkbox]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    border: 1px solid rgba(66, 75, 83, .35);
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 4px
}

.store-disclaimer input[type=checkbox]+label:after {
    font-family: esko-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e615";
    font-size: 1.4em;
    position: absolute;
    top: -1px;
    left: -1px;
    color: #aabd26;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
    transition: all .6s
}

.store-disclaimer input[type=checkbox]+label:hover:before {
    border: 1px solid #424b53
}

.store-disclaimer input[type=checkbox]:checked+label:after {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all .1s
}

.store-disclaimer__error+label {
    color: #ea6962;
    font-weight: 700
}

.store-disclaimer__error+label:before {
    border: 1px solid #ea6962 !important
}

.billing-info {
    width: 100%
}

.billing-info,
.billing-info__container {
    display: block;
    position: relative
}

.billing-info__title {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 30px
}

.billing-info__title h1,
.billing-info__title h2,
.billing-info__title h3,
.billing-info__title h4,
.billing-info__title h5,
.billing-info__title h6 {
    font-weight: 400
}

.billing-info__title h1 {
    font-size: 1em
}

.billing-info__title h2 {
    font-size: .9em
}

.billing-info__title h3 {
    font-size: .8em
}

.billing-info__title h4 {
    font-size: .7em
}

.billing-info__title h5 {
    font-size: .6em
}

.billing-info__title h6 {
    font-size: .5em
}

.billing-info__error {
    color: #c80000;
    font-style: italic;
    margin-bottom: 20px
}

.billing-info__list {
    display: table
}

.billing-info__row {
    display: table-row;
    position: relative
}

.billing-info__row--disabled {
    opacity: .4;
    pointer-events: none
}

.billing-info__row .field-validation-error {
    display: none
}

.billing-info__row--error label {
    color: #c80000
}

.billing-info__row--error input[type=text] {
    border-color: #c80000
}

.billing-info__row--error .field-validation-error {
    display: block;
    position: absolute;
    top: 14px;
    right: -10px;
    width: 22px;
    height: 22px;
    background-color: #c80000;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    font-weight: 700
}

.billing-info__cell {
    display: table-cell;
    padding: 5px 20px 5px 0;
    color: rgba(66, 75, 83, .8);
    position: relative
}

.billing-info__cell--header {
    font-weight: 700;
    color: #424b53
}

.billing-info__cell--novat {
    display: block !important;
    width: 100%;
    margin-top: 20px
}

.billing-info__cell--read-only {
    vertical-align: middle;
    color: #424b53
}

.billing-info__update {
    margin-top: 20px
}

.billing-info__update a {
    cursor: pointer
}

.billing-info__popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(66, 75, 83, .75)
}

.billing-info__popup__container {
    width: 50%;
    top: 50%;
    padding: 20px;
    box-sizing: border-box;
    display: block;
    position: relative;
    background-color: #fff;
    margin: -250px auto 0;
    border-bottom: 4px solid #aabd26
}

.billing-info__popup__container a {
    cursor: pointer
}

.field-info {
    display: block;
    position: absolute;
    top: 14px;
    right: -10px;
    width: 22px;
    height: 22px;
    background-color: #80c2ff;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    line-height: 22px;
    font-weight: 700;
    cursor: help
}

.field-info--checkout {
    transition: all .3s ease-in-out;
    top: 0;
    right: auto;
    left: 65px
}

@media only screen and (max-width:1020px) {
    .field-info--checkout {
        top: -3px;
        left: 50px
    }
}

@media only screen and (max-width:720px) {
    .field-info--checkout {
        top: 0;
        left: 60px;
        width: 19px;
        height: 19px;
        line-height: 19px
    }
}

.tooltip {
    display: none;
    position: absolute;
    background-color: rgba(66, 75, 83, .9);
    border-radius: 5px;
    padding: 6px 10px;
    color: #fff;
    font-size: 1em;
    max-width: 400px;
    opacity: 1
}

.confirmation {
    margin-top: 40px
}

.confirmation p {
    padding: 0;
    margin: 0
}

.confirmation__box {
    border: 1px solid #f4f4f5;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px
}

.confirmation__address-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(300px, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

.confirmation__price {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.confirmation__price--credit {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-flex-align: center;
    align-items: center
}

.confirmation__price-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(300px, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
}

.confirmation__price-title {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.confirmation__price .decimal-style span {
    vertical-align: super
}

.confirmation__line {
    margin: .5em 0
}

.checkout-info *,
.checkout-info :after,
.checkout-info :before {
    box-sizing: border-box
}

.checkout-info p {
    color: #121b13;
    margin: 0;
    line-height: 1.3em
}

.checkout-info p.not-in-stock {
    padding-bottom: 15px
}

.checkout-info__card {
    padding: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 9fr 1fr;
    grid-template-columns: 9fr 1fr;
    column-gap: 20px;
    border: 1px solid #cacaca;
    border-left: 15px solid #a6c044;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 hsla(0, 0%, 59%, .1);
    transition: all .3s ease-in-out
}

.checkout-info__card--shipping {
    margin-bottom: 20px;
    border-left: 15px solid #cacaca;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr
}

.checkout-info__card--shipping-info-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-column-align: start;
    justify-items: start;
    -ms-flex-line-pack: center;
    align-content: center
}

.checkout-info__card--shipping-info-wrapper-partial-shipping {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.checkout-info__card--shipping-button-wrapper,
.checkout-info__card--shipping-content-wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.checkout-info__card--shipping-name {
    justify-self: start;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 1.4em
}

.checkout-info__card--shipping.is-selected {
    border: 1px solid #a6c044;
    border-left: 15px solid #a6c044
}

.checkout-info__card--shipping.is-selected .checkout-info__card-checkmark {
    display: block;
    visibility: visible;
    opacity: 1;
    margin: 0;
    justify-self: end;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 30xp
}

.checkout-info__card--shipping.is-selected .checkout-info__button {
    display: none;
    visibility: hidden;
    opacity: 0
}

.checkout-info__card--shipping.is-selected:hover {
    cursor: default
}

.checkout-info__card--shipping .checkout-info__button {
    display: block;
    visibility: visible;
    opacity: 1;
    margin: 0;
    justify-self: end;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 30xp
}

.checkout-info__card--shipping .checkout-info__card-checkmark {
    display: none;
    visibility: hidden;
    opacity: 0
}

.checkout-info__card--shipping:hover {
    cursor: pointer;
    border: 1px solid #a6c044;
    border-left: 15px solid #a6c044
}

.checkout-info__card-name {
    font-weight: 700
}

.checkout-info__card-checkmark {
    width: 30px;
    height: auto;
    justify-self: end;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 30px
}

.checkout-info__form {
    padding: 20px;
    border: 1px solid #cacaca;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 hsla(0, 0%, 59%, .1);
    transition: all .3s ease-in-out
}

.checkout-info__form-item {
    padding-bottom: 20px;
    position: relative
}

.checkout-info__form-item--checkbox {
    justify-self: end;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 6fr;
    grid-template-columns: 1fr 6fr;
    -ms-flex-align: center;
    align-items: center
}

.checkout-info__form-item--checkbox span {
    padding-left: 5px
}

.checkout-info__form-item-error-icon {
    visibility: hidden;
    position: absolute;
    width: auto;
    height: 10px;
    right: 0;
    top: 8px;
    padding-right: 10px
}

.checkout-info__form-item-error-icon-wrapper {
    position: relative
}

.checkout-info__form-item-error-icon-wrapper--dropdown .checkout-info__form-item-error-icon {
    right: 10px
}

.checkout-info__form-item-wrapper {
    display: -ms-grid;
    display: grid;
    column-gap: 20px;
    -ms-grid-columns: (minmax(200px, 1fr))[auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

.checkout-info__form-item-wrapper--checkbox {
    -ms-grid-columns: 3.5fr 1fr;
    grid-template-columns: 3.5fr 1fr
}

.checkout-info__form-item--error .checkout-info__form-input,
.checkout-info__form-item--error .checkout-info__form-input::-webkit-input-placeholder,
.checkout-info__form-item--error .checkout-info__form-label {
    color: #c80000
}

.checkout-info__form-item--error .checkout-info__form-input,
.checkout-info__form-item--error .checkout-info__form-input:-ms-input-placeholder,
.checkout-info__form-item--error .checkout-info__form-label {
    color: #c80000
}

.checkout-info__form-item--error .checkout-info__form-input,
.checkout-info__form-item--error .checkout-info__form-input::placeholder,
.checkout-info__form-item--error .checkout-info__form-label {
    color: #c80000
}

.checkout-info__form-item--error .checkout-info__form-input {
    border: 1px solid;
    border-color: #c80000
}

.checkout-info__form-item--error .checkout-info__form-item-error-icon {
    visibility: visible
}

.checkout-info__form-item .field-validation-error {
    visibility: hidden
}

.checkout-info__form-input {
    width: 100%;
    height: 30px;
    border: 1px solid #cacaca;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 40px;
    transition: all .3s ease-in-out
}

.checkout-info__form-input:active,
.checkout-info__form-input:focus {
    outline: none;
    border: 1px solid #444
}

.checkout-info__form-label {
    font-weight: 700;
    padding-bottom: 10px
}

.checkout-info__button {
    display: inline-block;
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #cacaca;
    border-radius: 5px;
    font-weight: 700;
    padding: 10px;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.checkout-info__button--edit {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 16px 1fr;
    grid-template-columns: 16px 1fr
}

.checkout-info__button--edit-icon {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    justify-self: center;
    width: auto;
    height: 11px;
    margin-right: 5px;
    transition: all .3s ease-in-out
}

.checkout-info__button:hover {
    background-color: #f3f3f3;
    color: #525252
}

.checkout-info__button:hover .checkout-info__button--edit-icon {
    fill: #525252
}

.checkout-info__error {
    color: #c80000;
    font-style: italic;
    margin-bottom: 20px
}

.cc-profile {
    margin: 1em 0;
    display: table;
    border: 1px solid #f4f4f5;
    background-color: #fff;
    width: 100%
}

.cc-profile__icon,
.cc-profile__info,
.cc-profile__remove {
    display: table-cell;
    padding: 20px;
    vertical-align: top;
    box-sizing: border-box
}

.cc-profile__icon {
    width: 50px
}

.cc-profile__icon img {
    width: 50px;
    height: auto
}

.cc-profile__info {
    line-height: 1.4em
}

.cc-profile__info__title {
    font-weight: 600;
    display: block
}

.cc-profile__info__address,
.cc-profile__info__nr {
    margin-bottom: 10px
}

.cc-profile__remove {
    text-align: right
}

.cc-profile__remove__btn {
    display: block;
    position: relative;
    float: right;
    width: 26px;
    height: 26px;
    background-color: rgba(200, 50, 40, .8);
    border-radius: 26px;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: transform .5s
}

.cc-profile__remove__btn:hover {
    background-color: #c83228;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .5s
}

.cc-profile__remove__btn:after,
.cc-profile__remove__btn:before {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    margin-left: -9px;
    background-color: #fff;
    position: absolute
}

.cc-profile__remove__btn:before {
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cc-profile__remove__btn:after {
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.upgrade-software {
    display: block;
    position: relative;
    width: 100%;
    line-height: 1.5em
}

.upgrade-software__source {
    position: relative;
    display: block;
    margin-bottom: 4em
}

.upgrade-software__source__title {
    font-size: 1.5em;
    margin-bottom: 1em
}

.upgrade-software__source__info td,
.upgrade-software__source__info th {
    text-align: left;
    padding: .2em 0
}

.upgrade-software__source__info th {
    font-weight: 700;
    padding-right: 40px
}

.upgrade-software__target {
    position: relative;
    display: block
}

.upgrade-software__target__title {
    font-weight: 700;
    margin-bottom: 2em
}

.upgrade-software__target__table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f4f4f5;
    margin-bottom: 4em
}

.upgrade-software__target__table td {
    padding: 13.3333333333px 20px;
    position: relative
}

.upgrade-software__target__table thead td {
    background-color: #424b53;
    color: #fff;
    font-weight: 700
}

.upgrade-software__target__table tbody td {
    padding: 20px
}

.upgrade-software__target__table tr:nth-child(2n) td {
    background-color: #f4f4f5
}

.upgrade-software__target__table__radio {
    width: 10%
}

.upgrade-software__target__table__radio input[type=radio] {
    position: absolute;
    left: -9999px
}

.upgrade-software__target__table__radio input[type=radio]+label {
    margin-bottom: 1em;
    padding-left: 30px;
    position: relative
}

.upgrade-software__target__table__radio input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border: 1px solid rgba(66, 75, 83, .25);
    border-radius: 20px
}

.upgrade-software__target__table__radio input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #aabd26;
    width: 12px;
    height: 12px;
    left: 5px;
    top: 5px;
    border-radius: 8px
}

.upgrade-software__target__table__radio input[type=radio]:focus+label:before,
.upgrade-software__target__table__radio input[type=radio]:hover+label:before {
    border-color: #424b53
}

.upgrade-software__promo {
    margin-bottom: 4em
}

.upgrade-software__promo__title {
    margin-bottom: .5em
}

.upgrade-software__promo input[type=text] {
    display: inline-block;
    border: 1px solid rgba(66, 75, 83, .25);
    padding: .6em;
    color: #424b53;
    background-color: #fff;
    outline: none;
    font-size: 1em;
    margin: 0
}

.upgrade-software__promo input[type=text]:focus,
.upgrade-software__promo input[type=text]:hover {
    border-color: #424b53
}

.upgrade-software__promo input[type=button] {
    display: inline-block;
    border: 1px solid rgba(66, 75, 83, .25);
    padding: .6em 2em;
    color: rgba(66, 75, 83, .6);
    background-color: #f4f4f5;
    outline: none;
    font-size: 1em;
    margin: 0 0 0 1em;
    cursor: pointer;
    transition: all .3s
}

.upgrade-software__promo input[type=button]:hover {
    background-color: rgba(66, 75, 83, .6);
    color: #fff;
    transition: all .1s
}

.invoice-details {
    display: block;
    position: relative;
    background-color: #f4f4f5;
    padding: 40px
}

.invoice-details__title {
    font-size: 1.4em;
    margin-bottom: 2em
}

.invoice-details__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    width: 100%;
    margin-bottom: 2em;
    line-height: 1.8em
}

.invoice-details__item__icon {
    padding-top: 8px;
    width: 50px
}

.invoice-details__item__info {
    padding-right: 40px
}

.invoice-details__item__button {
    float: right;
    font-size: .6em;
    margin-top: -5px
}

.invoice-details__item__button a,
.invoice-details__item__button a:visited {
    display: inline-block;
    padding: 10px 20px;
    background-color: hsla(0, 0%, 100%, .4);
    text-decoration: none;
    border: 1px solid rgba(66, 75, 83, .25);
    color: rgba(66, 75, 83, .6)
}

.invoice-details__item__button a:active,
.invoice-details__item__button a:hover {
    background-color: #fff
}

.invoice-status {
    font-weight: 700
}

.invoice-status--yes {
    color: #95cc3a
}

.invoice-status--no {
    color: #e14137
}

.device-list__title {
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 1.5em
}

.device-list__table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f4f4f5;
    margin-bottom: 4em
}

.device-list__table td {
    padding: 13.3333333333px 20px;
    position: relative
}

.device-list__table thead td {
    background-color: #424b53;
    color: #fff;
    font-weight: 700
}

.device-list__table tbody td {
    padding: 20px
}

.device-list__table tr:nth-child(2n) td {
    background-color: #f4f4f5
}

.device-list__cell {
    line-height: 1.5em
}

.subs-list__title {
    font-size: 1.5em;
    line-height: 1.5em;
    margin-bottom: 1.5em
}

.subs-list__item {
    border: 1px solid #f4f4f5;
    display: block;
    position: relative;
    margin-bottom: 2em;
    z-index: 98
}

.subs-list__item:hover {
    z-index: 99
}

.subs-list__item__flyout {
    cursor: pointer;
    position: relative;
    z-index: 999
}

.subs-list__item__flyout li {
    opacity: 1 !important
}

.subs-list__item__header {
    padding: 0;
    background-color: #424b53;
    color: #fff;
    font-weight: 700;
    display: table;
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.subs-list__item__header span {
    display: inline-block;
    position: relative;
    font-weight: 400;
    padding-left: 40px
}

.subs-list__item__header span:before {
    content: "-";
    display: block;
    position: absolute;
    left: 18px
}

.subs-list__item__info {
    display: table-cell;
    padding: 12px 0 12px 20px
}

.subs-list__item__info__details {
    font-weight: 300;
    font-size: .9em;
    opacity: .7
}

.subs-list__item__info__details ul {
    margin-top: 5px
}

.subs-list__item__info__details ul li {
    margin: 0;
    padding-left: 10px
}

.subs-list__item__info__details ul li:before {
    left: 1px
}

.subs-list__item__product {
    border-bottom: 1px solid #f4f4f5;
    background-color: #fff
}

.subs-list__item__product:last-child {
    border-bottom: none
}

.subs-list__item__product:nth-child(odd) {
    background-color: #f4f4f5
}

.subs-list__item__footer,
.subs-list__item__row {
    display: table;
    position: relative;
    width: 100%
}

.subs-list__item__date,
.subs-list__item__name,
.subs-list__item__price,
.subs-list__item__qty {
    display: table-cell;
    box-sizing: border-box;
    padding: 20px;
    line-height: 1.5em;
    position: relative
}

.subs-list__item__name {
    width: 45%
}

.subs-list__item__name span {
    display: block;
    color: rgba(66, 75, 83, .75)
}

.subs-list__item__date {
    width: 20%
}

.subs-list__item__qty {
    width: 20%;
    text-align: left
}

.subs-list__item__qty span {
    font-weight: 700
}

.subs-list__item__qty--green {
    color: #95cc3a
}

.subs-list__item__qty--red {
    color: #e14137
}

.subs-list__item__date div {
    display: block
}

.subs-list__item__price {
    width: 15%;
    text-align: right
}

.subs-list__item__price div {
    display: block;
    font-size: .8em;
    color: rgba(66, 75, 83, .75)
}

.subs-list__item__btn {
    display: table-cell;
    margin: 0;
    width: 30%;
    text-align: right;
    padding-top: 0;
    line-height: 1.5em
}

.subs-list__item__btn ul {
    display: inline-block;
    position: relative;
    background-color: #aabd26;
    margin: 0;
    padding: 0
}

.subs-list__item__btn ul li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

.subs-list__item__btn ul li:before {
    content: ""
}

.subs-list__item__btn ul li a {
    color: #fff;
    display: block;
    text-decoration: none;
    font-weight: 400;
    padding: 0 20px;
    line-height: 40px;
    height: 40px
}

.subs-list__item__btn ul li ul {
    position: absolute;
    right: 0;
    top: 30px;
    background-color: #aabd26;
    z-index: 999;
    margin: 0;
    padding: 0;
    width: 220px;
    opacity: 0;
    pointer-events: none
}

.subs-list__item__btn ul li ul li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

.subs-list__item__btn ul li ul li a,
.subs-list__item__btn ul li ul li a:visited {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    font-weight: 400
}

.subs-list__item__btn ul li ul li a:active,
.subs-list__item__btn ul li ul li a:hover {
    background-color: hsla(0, 0%, 100%, .25)
}

.subs-list__item__btn ul li:hover ul {
    opacity: 1;
    top: 40px;
    transition: all .3s;
    pointer-events: all
}

.add-to-existing-details {
    border-top: 1px solid #f4f4f5;
    padding-top: 40px;
    margin-top: 40px;
    font-size: 1.4em;
    font-weight: 700;
    display: block !important
}

.existing-order-div .cloud-account__select {
    margin-top: 10px;
    margin-bottom: 20px
}

.store-msg {
    display: block;
    margin-bottom: 1em
}

.store-msg label {
    line-height: 1.5em;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid rgba(66, 75, 83, .1);
    background-color: rgba(66, 75, 83, .1)
}

.store-msg--green label {
    border-color: rgba(0, 128, 0, .1);
    background-color: rgba(0, 128, 0, .1);
    color: green
}

.store-msg--orange label {
    border-color: rgba(232, 135, 12, .1);
    background-color: rgba(232, 135, 12, .1);
    color: #e8870c
}

.store-msg--red label {
    border-color: hsla(3, 76%, 65%, .1);
    background-color: hsla(3, 76%, 65%, .1);
    color: #ea6962
}

.popup-wrap {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(66, 75, 83, .5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999
}

.popup-window {
    width: 400px;
    background-color: #fff;
    border: 1px solid #f4f4f5
}

.popup-window__content {
    padding: 20px;
    font-size: 1em;
    line-height: 1.5em
}

.popup-window__content,
.popup-window__footer {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.popup-window__footer {
    padding: 13.3333333333px 20px;
    border-top: 1px solid #f4f4f5;
    text-align: right
}

.popup-window__footer a,
.popup-window__footer a:visited {
    margin: 0;
    padding: 8px 16px
}

.manage-order__focus {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(66, 75, 83, .5);
    z-index: 9999;
    pointer-events: visible
}

.manage-order__focus__close {
    background-color: #fff;
    display: inline-block;
    position: fixed;
    height: 50px;
    width: 50px;
    line-height: 50px;
    top: 80px;
    right: 40px;
    padding: 0;
    z-index: 99999;
    border-radius: 40px;
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    pointer-events: auto;
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform .5s;
    text-align: center;
    font-weight: 600;
    -webkit-backface-visibility: hidden;
    text-indent: -9999px;
    overflow: hidden;
    box-shadow: 0 5px 20px 0 rgba(66, 75, 83, .4)
}

.manage-order__focus__close:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .3s;
    -webkit-backface-visibility: hidden
}

.manage-order__focus__close:after,
.manage-order__focus__close:before {
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 2px;
    right: 13px;
    top: 24px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #aabd26;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.manage-order__focus__close:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.manage-order__actions {
    text-align: right
}

.manage-order__actions span {
    font-size: .8em;
    display: block;
    opacity: .6;
    line-height: 1.5em
}

.manage-order__actions--disabled span {
    font-style: italic
}

.manage-order__details {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f4f4f5
}

.manage-order__details__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.manage-order__details__header__title {
    padding-right: 20px
}

.manage-order__details__header__title h1 {
    text-transform: none;
    font-weight: 400;
    margin: 0
}

.manage-order__details__header__title p {
    font-size: 1.1em;
    opacity: .6;
    margin: 0
}

.manage-order__details__contact {
    margin-top: 40px
}

.manage-order__details__contact p {
    margin: 0;
    font-size: .9em;
    opacity: 1
}

.manage-order__product {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #f4f4f5
}

.manage-order__product__header {
    margin-bottom: 60px
}

.manage-order__product__header h2 {
    text-transform: none;
    font-weight: 400
}

.manage-order__product__info {
    font-size: 1.05em
}

.manage-order__product__info td,
.manage-order__product__info th {
    text-align: left;
    padding: .2em 0
}

.manage-order__product__info th {
    font-weight: 700;
    padding-right: 40px
}

.manage-order__product__info td {
    opacity: .6
}

.manage-order__product__table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgba(66, 75, 83, .2);
    margin-bottom: 1em;
    font-size: .9em;
    transition: all .3s
}

.manage-order__product__table td {
    padding: 13.3333333333px 10px;
    position: relative;
    vertical-align: middle
}

.manage-order__product__table thead tr {
    background-color: #424b53
}

.manage-order__product__table thead td {
    color: #fff;
    font-weight: 700;
    height: 40px;
    line-height: 1.3em;
    padding: 10px
}

.manage-order__product__table tbody td {
    padding: 13.3333333333px 10px;
    line-height: 1.5em
}

.manage-order__product__table tbody tr:hover td {
    background-color: rgba(66, 75, 83, .03)
}

.manage-order__product__table tbody tr:nth-child(2n) {
    background-color: #f4f4f5
}

.manage-order__product__table tbody tr:nth-child(2n):hover {
    background-color: rgba(66, 75, 83, .07)
}

.manage-order__product__table tbody td p.term-info {
    margin: 0;
    font-size: 1em;
    opacity: 1;
    line-height: 1.4em
}

.manage-order__product__table tbody td p {
    margin: 0;
    font-size: .85em;
    opacity: .5
}

.manage-order__product__table__checkbox {
    width: 10%
}

.manage-order__product__table__checkbox input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.manage-order__product__table__checkbox input[type=checkbox]+label {
    margin-bottom: 1em;
    padding-left: 30px;
    position: relative
}

.manage-order__product__table__checkbox input[type=checkbox]+label:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border: 1px solid rgba(66, 75, 83, .5);
    border-radius: 3px;
    transition: all .3s
}

.manage-order__product__table__checkbox input[type=checkbox]+label:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border-radius: 2px;
    background-color: #fff;
    opacity: 0;
    transition: all .3s
}

.manage-order__product__table__checkbox input[type=checkbox]:checked+label:before {
    border: 1px solid #aabd26;
    background-color: rgba(170, 189, 38, .5);
    transition: all .3s
}

.manage-order__product__table__checkbox input[type=checkbox]:checked+label:after {
    width: 8px;
    height: 8px;
    left: 7px;
    top: 7px;
    opacity: 1;
    transition: all .3s
}

.manage-order__product__table__checkbox input[type=checkbox]:focus+label:before,
.manage-order__product__table__checkbox input[type=checkbox]:hover+label:before {
    border-color: #424b53
}

.manage-order__product__table__checkbox input[type=checkbox]:disabled+label:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><g><title>background</title><rect fill='%23fff' id='canvas_background' height='200' widt0='202' y='0' x='0'/><g display='none' overflow='visible' y='0' x='0' height='100%' width='100%' id='canvasGrid'><rect fill='url(%23gridpattern)' stroke-width='0' y='0' x='0' height='100%' width='100%'/></g></g><g><title>Layer 1</title><line transform='rotate(90 100 100)' stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_4' y2='200' x2='200' y1='0' x1='0' fill-opacity='null' stroke-width='8' stroke='%23cacbcb ' fill='none'/><line stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_6' y2='200' x2='200' y1='0' x1='0' fill-opacity='null' stroke-width='8' stroke='%23cacbcb' fill='none'/></g></svg>") no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.manage-order__product__table__checkbox input[type=checkbox]:disabled:focus+label:before,
.manage-order__product__table__checkbox input[type=checkbox]:disabled:hover+label:before {
    border-color: rgba(66, 75, 83, .25)
}

.manage-order__product__table__options {
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
    margin: -10px 0;
    text-align: right;
    opacity: 0;
    transition: all 0ms
}

.manage-order__product__table__options__cancel,
.manage-order__product__table__options__cancel:visited,
.manage-order__product__table__options__upgrade,
.manage-order__product__table__options__upgrade:visited {
    display: block;
    font-size: .85em;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    text-decoration: none
}

.manage-order__product__table__options__cancel,
.manage-order__product__table__options__cancel:visited {
    color: #ea6962
}

.manage-order__product__table__options__cancel:active,
.manage-order__product__table__options__cancel:hover {
    opacity: .6
}

.manage-order__product__table tbody tr:hover .manage-order__product__table__options {
    right: 10px;
    opacity: 1;
    transition: all .15s
}

.manage-order__product__table__footer {
    text-align: right
}

.manage-order__product__table--focus {
    z-index: 10000;
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(66, 75, 83, .5);
    box-shadow: 0 5px 20px 0 rgba(66, 75, 83, .4);
    transition: all .1s
}

.manage-order__product__add {
    display: inline-block;
    position: relative;
    padding: 5px 8px;
    padding-left: 24px;
    border-radius: 20px;
    font-size: .9em;
    text-decoration: none;
    background-color: rgba(170, 189, 38, .7);
    color: #fff !important;
    font-weight: 700;
    cursor: pointer
}

.manage-order__product__add:before {
    content: "+";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    text-align: center;
    left: 5px;
    top: 5px;
    background-color: #fff;
    color: rgba(170, 189, 38, .7);
    border-radius: 20px
}

.manage-order__product__add:active,
.manage-order__product__add:hover {
    color: #fff;
    opacity: .6
}

td.manage-order__btn {
    position: relative;
    background-color: #aabd26 !important;
    text-align: center;
    color: #fff;
    font-weight: 400 !important;
    cursor: pointer
}

td.manage-order__btn a,
td.manage-order__btn a:visited {
    color: #fff;
    text-decoration: none
}

td.manage-order__btn ul {
    position: absolute;
    right: 0;
    top: 30px;
    background-color: #aabd26;
    z-index: 999;
    margin: 0;
    padding: 0;
    width: 220px;
    opacity: 0;
    pointer-events: none
}

td.manage-order__btn ul li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

td.manage-order__btn ul li a,
td.manage-order__btn ul li a:visited {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    padding: 5px 10px
}

td.manage-order__btn ul li a:active,
td.manage-order__btn ul li a:hover {
    background-color: hsla(0, 0%, 100%, .25)
}

td.manage-order__btn:hover ul {
    opacity: 1;
    top: 40px;
    transition: all .3s;
    pointer-events: all
}

td.manage-order__btn--disabled {
    pointer-events: none;
    background-color: rgba(66, 75, 83, .5) !important
}

td.manage-order__btn--disabled a {
    color: hsla(0, 0%, 100%, .7)
}

div.manage-order__btn {
    position: relative;
    background-color: #aabd26;
    text-align: center;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    transition: background-color .5s;
    margin-top: .25em
}

div.manage-order__btn a,
div.manage-order__btn a:visited {
    color: #fff;
    text-decoration: none
}

div.manage-order__btn:after {
    content: "\203A";
    display: inline-block;
    margin-left: 4px;
    font-weight: 700;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    text-align: center;
    vertical-align: middle
}

div.manage-order__btn ul {
    position: absolute;
    left: 0;
    top: 20px;
    background-color: #aabd26;
    z-index: 999;
    margin: 0;
    padding: 0;
    width: 220px;
    opacity: 0;
    pointer-events: none
}

div.manage-order__btn ul li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0
}

div.manage-order__btn ul li a,
div.manage-order__btn ul li a:visited {
    display: block;
    position: relative;
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    padding: 5px 10px
}

div.manage-order__btn ul li a:active,
div.manage-order__btn ul li a:hover {
    background-color: hsla(0, 0%, 100%, .25)
}

div.manage-order__btn:hover {
    background-color: #84931d;
    transition: background-color .3s
}

div.manage-order__btn:hover ul {
    opacity: 1;
    top: 40px;
    transition: all .3s;
    pointer-events: all
}

div.manage-order__btn--disabled {
    pointer-events: none;
    background-color: rgba(66, 75, 83, .5)
}

div.manage-order__btn--disabled a {
    color: hsla(0, 0%, 100%, .7)
}

div.manage-order__btn--no-dropdown:after {
    content: none
}

.contact-info {
    width: 100%;
    margin-top: 40px
}

.contact-info,
.contact-info__container {
    display: block;
    position: relative
}

.contact-info__title {
    font-size: 1.4em;
    text-transform: uppercase;
    margin-bottom: 30px
}

.contact-info__error {
    color: #c80000;
    font-style: italic;
    margin-bottom: 20px
}

.contact-info__msg {
    display: block;
    margin: 1em 0;
    font-size: .8em;
    color: rgba(66, 75, 83, .5);
    font-style: italic
}

.contact-info__list {
    display: table
}

.contact-info__row {
    display: table-row;
    position: relative
}

.contact-info__row--disabled {
    opacity: .4;
    pointer-events: none
}

.contact-info__row .field-validation-error {
    display: none
}

.contact-info__row--error label {
    color: #c80000
}

.contact-info__row--error input[type=text] {
    border-color: #c80000
}

.contact-info__row--error .field-validation-error {
    display: block;
    position: absolute;
    top: 14px;
    right: -10px;
    width: 22px;
    height: 22px;
    background-color: #c80000;
    color: #fff;
    border-radius: 22px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    font-weight: 700
}

.contact-info__cell {
    display: table-cell;
    padding: 5px 20px 5px 0;
    color: rgba(66, 75, 83, .8);
    position: relative;
    text-align: left
}

.contact-info__cell--header {
    font-weight: 700;
    color: #424b53
}

.contact-info__cell--novat {
    display: block !important;
    width: 100%;
    margin-top: 20px
}

.contact-info__cell--read-only {
    vertical-align: middle;
    color: #424b53
}

.contact-info__update {
    margin-top: 20px;
    width: 100%
}

.contact-info__update a {
    cursor: pointer
}

.contact-info__update input[type=button] {
    padding: 13.3333333333px 20px;
    font-size: .8em
}

.contact-info__update a.button--disabled,
.contact-info__update input.button--disabled {
    pointer-events: none;
    opacity: .25;
    background-color: #424b53
}

.contact-info__popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(66, 75, 83, .75)
}

.contact-info__popup__container {
    width: 50%;
    top: 50%;
    padding: 20px;
    box-sizing: border-box;
    display: block;
    position: relative;
    background-color: #fff;
    margin: -250px auto 0;
    border-bottom: 4px solid #aabd26
}

.contact-info__popup__container a {
    cursor: pointer
}

.contact-info__select {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid rgba(66, 75, 83, .35);
    padding: 5px;
    line-height: inherit;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
    float: right;
    margin-bottom: -12px
}

.contact-info__select:hover {
    border-color: #424b53
}

.contact-info__select,
.contact-info__select>* {
    cursor: pointer
}

.contact-info__select select {
    width: 100%;
    box-sizing: content-box;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
    font-size: .9em;
    float: left;
    padding-right: 40px
}

.contact-info__select:after {
    content: "";
    width: 0;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 4px;
    border-style: solid;
    pointer-events: none;
    border-color: #656565 transparent transparent
}

.contact-info__select select,
.contact-info__select select:focus,
.contact-info__select select:hover {
    outline: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: right 12px
}

.contact-info_validation_error {
    border: 1px solid #ea6962
}

.payment-info {
    position: relative;
    margin-top: 40px
}

.mod-list,
.payment-info {
    display: block;
    width: 100%
}

.mod-list {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999999;
    pointer-events: none
}

.mod-list__popup {
    display: block;
    position: relative;
    width: 800px;
    height: auto;
    margin: -80px auto 0;
    background-color: #f4f5f6;
    border: 1px solid rgba(66, 75, 83, .2);
    box-sizing: border-box;
    pointer-events: all;
    border-radius: 10px
}

.mod-list__popup__bg {
    display: block;
    height: 100%;
    background-color: #424b53;
    opacity: 0;
    transition: opacity .5s;
    transition-timing-function: cubic-bezier(0, .5, .5, 1);
    z-index: 99998;
    pointer-events: none
}

.mod-list__popup__bg,
.mod-list__popup__wrap {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mod-list__popup__wrap {
    z-index: 99999;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition: transform .5s;
    transition-timing-function: cubic-bezier(0, .5, .5, 1)
}

.mod-list__popup__header {
    font-size: 1.4em;
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
    padding-left: 40px;
    cursor: pointer
}

.mod-list__popup__header span {
    font-weight: 700
}

.mod-list__popup__header__close {
    display: block;
    position: absolute;
    height: 40px;
    top: 20px;
    right: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-size: .7em;
    padding-right: 26px
}

.mod-list__popup__header__close:after {
    right: 0;
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.mod-list__popup__header__close:after,
.mod-list__popup__header__close:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #aabd26;
    top: 20px;
    transition: transform .4s
}

.mod-list__popup__header__close:before {
    right: 6px;
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.mod-list__popup__header__close span {
    display: block;
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    text-align: center;
    background-color: #aabd26;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    line-height: 1.3em;
    padding: 10px;
    box-sizing: border-box;
    animation: b 2s infinite
}

.mod-list__popup__header__close span:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: hsla(0, 0%, 100%, 0);
    border-top-color: #aabd26;
    border-width: 10px;
    margin-left: -10px
}

.mod-list__popup__content {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 20px 0 20px 20px;
    margin: 0 20px 20px;
    line-height: 1.7em;
    text-align: right;
    background-color: #fff;
    border: 1px solid rgba(66, 75, 83, .2)
}

.mod-list__popup__content__inner {
    display: block;
    position: relative;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    padding: 0 20px 0 0;
    height: auto;
    max-height: 500px;
    margin: 0;
    text-align: left;
    transition: height .3s
}

.mod-list__popup__content__inner--disabled div {
    opacity: .5;
    pointer-events: none
}

.mod-list__popup__content__inner--disabled div div {
    opacity: 1
}

.mod-list__popup__content__inner--disabled div.mod-list__popup__content__message {
    opacity: 1;
    pointer-events: all;
    margin-bottom: 2em;
    color: #ea6962
}

.mod-list__popup__content__btn {
    display: block;
    position: relative;
    text-align: right;
    padding: 1px 0
}

.mod-list__popup__content__btn a.button {
    margin-bottom: 0
}

.mod-list__popup__footer {
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 40px
}

.mod-list__popup__cancel__text {
    margin-bottom: 2em
}

.mod-list__popup__cancel__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(66, 75, 83, .2);
    padding-bottom: 1em;
    margin-bottom: 1em
}

.mod-list__popup__cancel__name {
    position: relative;
    width: 94%
}

.mod-list__popup__cancel__name span {
    display: block;
    font-size: .8em;
    opacity: .6;
    margin-top: -.4em
}

.mod-list__popup__cancel__remove {
    width: 6%;
    text-align: right
}

.mod-list__popup__cancel__remove__btn {
    display: block;
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
    background-color: rgba(200, 50, 40, .8);
    border-radius: 26px;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: transform .5s;
    margin-top: 12px;
    opacity: .5;
    cursor: pointer
}

.mod-list__popup__cancel__remove__btn:hover {
    background-color: #c83228;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .5s
}

.mod-list__popup__cancel__remove__btn:after,
.mod-list__popup__cancel__remove__btn:before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    margin-left: -6px;
    background-color: #fff;
    position: absolute
}

.mod-list__popup__cancel__remove__btn:before {
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-list__popup__cancel__remove__btn:after {
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-list__popup__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(66, 75, 83, .2);
    padding-bottom: 1em;
    margin-bottom: 1em
}

.mod-list__popup__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.mod-list__popup__item__name {
    position: relative;
    box-sizing: border-box;
    padding-right: 50px;
    width: 47%;
    line-height: 1.4em
}

.mod-list__popup__item__name span {
    display: block;
    font-size: .8em;
    opacity: .6;
    margin-top: 0
}

.mod-list__popup__item__name--arrow:after {
    content: "\00bb";
    display: block;
    position: absolute;
    top: 3px;
    right: 20px;
    font-size: 50px;
    font-weight: 700;
    color: rgba(66, 75, 83, .25)
}

.mod-list__popup__item__options {
    width: 47%
}

.mod-list__popup__item__remove {
    width: 6%;
    text-align: right
}

.mod-list__popup__item__remove__btn {
    display: block;
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
    background-color: rgba(200, 50, 40, .8);
    border-radius: 26px;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: transform .5s;
    margin-top: 12px;
    opacity: .5;
    cursor: pointer
}

.mod-list__popup__item__remove__btn:hover {
    background-color: #c83228;
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: transform .5s
}

.mod-list__popup__item__remove__btn:after,
.mod-list__popup__item__remove__btn:before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    margin-left: -6px;
    background-color: #fff;
    position: absolute
}

.mod-list__popup__item__remove__btn:before {
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mod-list__popup__item__remove__btn:after {
    top: 50%;
    left: 50%;
    margin-top: -1px;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod-list__popup__overview__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.mod-list__popup__overview__item__new,
.mod-list__popup__overview__item__original {
    position: relative;
    width: 50%;
    line-height: 1.6em;
    padding: 10px 0;
    border-bottom: 1px solid rgba(66, 75, 83, .15)
}

.mod-list__popup__overview__item__new span,
.mod-list__popup__overview__item__original span {
    opacity: .6;
    display: block;
    font-size: .9em
}

.mod-list__popup__overview__item__original {
    text-align: right;
    padding-right: 30px
}

.mod-list__popup__overview__item__original:after {
    content: "\00bb";
    display: block;
    position: absolute;
    top: 7px;
    right: -11px;
    font-size: 35px;
    font-weight: 700;
    color: rgba(66, 75, 83, .25)
}

.mod-list__popup__overview__item__new {
    text-align: left;
    padding-left: 30px
}

.mod-list__popup__select {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid rgba(66, 75, 83, .35);
    padding: 5px 25px 5px 5px;
    line-height: inherit;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
    margin-top: 5px
}

.mod-list__popup__select:hover {
    border-color: #424b53
}

.mod-list__popup__select,
.mod-list__popup__select>* {
    cursor: pointer
}

.mod-list__popup__select select {
    width: 100%;
    box-sizing: content-box;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
    font-size: .9em;
    float: left;
    padding-right: 40px;
    color: rgba(66, 75, 83, .8)
}

.mod-list__popup__select:after {
    content: "";
    width: 0;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 4px;
    border-style: solid;
    pointer-events: none;
    border-color: #656565 transparent transparent
}

.mod-list__popup__select select,
.mod-list__popup__select select:focus,
.mod-list__popup__select select:hover {
    outline: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: right 12px
}

.mod-list__popup__prev {
    margin-right: 20px;
    text-decoration: none;
    opacity: .3;
    cursor: pointer;
    border-collapse: collapse;
    box-sizing: border-box;
    padding: 9px 25px !important
}

.mod-list__popup__next {
    margin: 30px 0 0;
    cursor: pointer
}

.mod-list__popup__btn {
    text-align: right;
    display: block;
    width: 100%
}

.mod-list__popup--expand .mod-list__popup__wrap {
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition: transform .8s;
    transition-timing-function: cubic-bezier(0, .5, .5, 1)
}

.mod-list__popup--expand .mod-list__popup__bg {
    opacity: .7;
    transition: opacity .8s;
    transition-timing-function: cubic-bezier(0, .5, .5, 1)
}

.mod-list__popup--expand .mod-list__popup__header__close:after {
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    transition: transform .4s
}

.mod-list__popup--expand .mod-list__popup__header__close:before {
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    transition: transform .4s
}

.mod-list__disclaimer {
    display: block;
    position: relative;
    margin: 1em 0 0;
    border-radius: 5px
}

.mod-list__disclaimer p:last-child,
.mod-list__disclaimer p:only-child {
    margin-bottom: 0
}

.mod-list__error {
    display: block;
    width: 100%;
    clear: both;
    font-style: italic;
    margin: 1em 0;
    opacity: .7
}

.subs-popup {
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    width: 35%
}

.subs-popup__step {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 20px
}

.subs-popup__step input[type=radio] {
    display: none;
    text-index: -9999px
}

.subs-popup__step input[type=radio]+label {
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 0 0 30px
}

.subs-popup__step input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid rgba(66, 75, 83, .25);
    width: 20px;
    height: 20px;
    background-color: #fff;
    top: 4px;
    left: 0;
    border-radius: 20px
}

.subs-popup__step input[type=radio]+label:hover:before {
    border-color: #424b53
}

.subs-popup__step input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #aabd26;
    top: 9px;
    left: 5px;
    border-radius: 20px
}

.subs-popup__step--hidden {
    display: none;
    padding-left: 30px;
    width: 100%;
    box-sizing: border-box
}

.subs-popup__step--hidden textarea {
    resize: none;
    width: 100%;
    overflow: auto;
    box-sizing: border-box
}

.subs-popup__footer {
    position: relative;
    padding: 20px 0 0;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #f4f4f5;
    text-align: right;
    margin-top: 20px
}

.subs-popup__footer a,
.subs-popup__footer a:visited {
    margin: 0;
    padding: 8px 16px;
    margin-left: 10px
}

.subs-popup__footer a.button--grey {
    opacity: .5;
    box-sizing: border-box;
    padding: 7px 16px
}

#subs-popup__wrap {
    display: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(66, 75, 83, .5);
    z-index: 99999;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

@media (max-width:720px) {
    .subs-popup {
        width: auto;
        left: 20px !important;
        right: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .subs-popup__footer a,
    .subs-popup__footer a:visited {
        margin: 0 0 10px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .subs-popup__footer a:last-child,
    .subs-popup__footer a:visited:last-child {
        margin-bottom: 0
    }

    .subs-popup__footer a.button--grey {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.cloud-account__header {
    margin-bottom: 20px
}

.cloud-account__header h2 {
    font-size: 1.4em
}

.cloud-account__selection {
    display: block;
    position: relative;
    margin-bottom: 10px
}

.cloud-account__selection input[type=radio] {
    display: none;
    text-index: -9999px
}

.cloud-account__selection input[type=radio]+label {
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 0 0 30px
}

.cloud-account__selection input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid rgba(66, 75, 83, .25);
    width: 20px;
    height: 20px;
    background-color: #fff;
    top: 4px;
    left: 0;
    border-radius: 20px
}

.cloud-account__selection input[type=radio]+label:hover:before {
    border-color: #424b53
}

.cloud-account__selection input[type=radio]+label input[type=text],
.cloud-account__selection input[type=radio]+label span.cloud-account__select {
    display: block;
    width: 100%;
    opacity: 0;
    height: 0;
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: all .6s;
    pointer-events: none;
    float: none
}

.cloud-account__selection input[type=radio]:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #aabd26;
    top: 9px;
    left: 5px;
    border-radius: 20px
}

.cloud-account__selection input[type=radio]:checked+label input[type=text],
.cloud-account__selection input[type=radio]:checked+label span.cloud-account__select {
    opacity: 1;
    height: auto;
    -ms-transform: translateX(0);
    transform: translateX(0);
    transition: all .3s;
    pointer-events: all
}

.cloud-account__selection label {
    display: block;
    position: relative;
    width: 100%
}

.cloud-account__selection label input,
.cloud-account__selection label select {
    float: right
}

.cloud-account__selection label input[type=number],
.cloud-account__selection label input[type=text] {
    display: inline-block;
    padding: 5px;
    width: 200px;
    box-sizing: border-box;
    font-size: .9em;
    outline: none;
    border-collapse: collapse;
    border: 1px solid rgba(66, 75, 83, .25)
}

.cloud-account__selection label input[type=number]:focus,
.cloud-account__selection label input[type=number]:hover,
.cloud-account__selection label input[type=text]:focus,
.cloud-account__selection label input[type=text]:hover {
    border-color: #424b53
}

.cloud-account__selection label .cloud-account__select {
    display: block;
    box-sizing: border-box;
    border: 1px solid rgba(66, 75, 83, .35);
    padding: 5px;
    line-height: inherit;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
    width: 100%;
    float: right;
    opacity: 0;
    height: 0;
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
    transition: all .6s;
    pointer-events: none
}

.cloud-account__selection label .cloud-account__select:hover {
    border-color: #424b53
}

.cloud-account__selection label .cloud-account__select,
.cloud-account__selection label .cloud-account__select>* {
    cursor: pointer
}

.cloud-account__selection label .cloud-account__select select {
    width: 93%;
    box-sizing: content-box;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
    font-size: .9em;
    float: left
}

.cloud-account__selection label .cloud-account__select:after {
    content: "";
    width: 0;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 4px;
    border-style: solid;
    pointer-events: none;
    border-color: #656565 transparent transparent
}

.cloud-account__selection label .cloud-account__select select,
.cloud-account__selection label .cloud-account__select select:focus,
.cloud-account__selection label .cloud-account__select select:hover {
    outline: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: right 12px
}

.cloud-account__validation__error {
    border: 1px solid #ea6962
}

.cloud-account-new input[type=text] {
    display: block
}

.price-panel-tax {
    display: block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    text-align: center
}

.price-panel-tax__header {
    display: block;
    position: relative;
    padding: 10px 20px;
    background-color: #424b53;
    color: #fff;
    font-weight: 600;
    font-size: 1.4em
}

.price-panel-tax__excl,
.price-panel-tax__incl {
    padding: 20px
}

.price-panel-tax__incl {
    font-size: 2.4em;
    border-bottom: 1px solid #f4f4f5
}

.price-panel-tax__incl .price-panel-tax__info {
    font-size: .4em
}

.price-panel-tax__excl {
    font-size: 1.7em;
    opacity: .7
}

.price-panel-tax__excl .price-panel-tax__info {
    font-size: .5em
}

.price-panel-tax__excl p {
    font-size: .5em;
    margin: 10px 0 0;
    opacity: .7
}

.price-panel-tax__options {
    padding: 20px;
    background-color: rgba(66, 75, 83, .07);
    border-top: 1px solid #f4f4f5
}

.price-panel-tax__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border: none;
    font-size: .8em;
    padding: 0 20px 0 0;
    color: #424b53;
    background-color: transparent;
    outline: none;
    width: 100%
}

.price-panel-tax__select__wrap {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(66, 75, 83, .15);
    font-size: 1em;
    line-height: 22px;
    height: 42px;
    padding: 8px 10px 10px;
    color: #424b53;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box
}

.price-panel-tax__select__wrap:after {
    content: "\203A";
    position: absolute;
    top: 9px;
    right: 10px;
    color: #424b53;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    font-weight: 700;
    pointer-events: none;
    transition: color .8s
}

.price-panel-tax__select__wrap:hover:after {
    color: #424b53;
    transition: color .4s
}

.price-panel-tax__button {
    margin-top: 20px
}

.price-panel-tax__button a {
    margin: 0
}

ul.pagination {
    display: block;
    margin: 2em 0
}

ul.pagination li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0
}

ul.pagination li.disabled a {
    pointer-events: none;
    opacity: .4
}

ul.pagination li.active a {
    color: #fff;
    cursor: default;
    pointer-events: none;
    font-weight: 600;
    background-color: rgba(170, 189, 38, .8)
}

ul.pagination li:before {
    padding: 0;
    margin: 0;
    display: none
}

ul.pagination li a {
    text-decoration: none;
    color: rgba(66, 75, 83, .5);
    padding: 5px 10px;
    line-height: 0;
    border-radius: 20px
}

ul.pagination li a:active,
ul.pagination li a:hover {
    background-color: rgba(66, 75, 83, .1)
}

ul.pagination li:first-child a:before,
ul.pagination li:last-child a:before {
    display: block;
    position: absolute;
    color: inherit;
    top: 14px;
    font-size: 1.2em;
    font-weight: 600;
    color: rgba(66, 75, 83, .5)
}

ul.pagination li:first-child a {
    padding-left: 20px
}

ul.pagination li:first-child a:before {
    content: "\2039";
    left: 8px;
    right: auto
}

ul.pagination li:last-child a {
    padding-right: 20px
}

ul.pagination li:last-child a:before {
    content: "\203A";
    right: 8px;
    left: auto
}

.seat-pup {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99990;
    pointer-events: none
}

.seat-pup--show {
    pointer-events: all
}

.seat-pup--show .seat-pup__wrap {
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition: transform .5s;
    transition-timing-function: cubic-bezier(0, .5, .5, 1)
}

.seat-pup--show .seat-pup__bg {
    opacity: .7;
    transition: opacity .5s;
    transition-timing-function: cubic-bezier(0, .5, .5, 1);
    pointer-events: all
}

.seat-pup__wrap {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    transition: transform .5s;
    transition-timing-function: cubic-bezier(0, .5, .5, 1);
    z-index: 99991
}

.seat-pup__frame {
    display: block;
    position: relative;
    width: 800px;
    height: auto;
    margin: 0 auto;
    background-color: #f4f5f6;
    border: 1px solid rgba(66, 75, 83, .2);
    box-sizing: border-box;
    z-index: 99992
}

.seat-pup__bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #424b53;
    opacity: 0;
    transition: opacity .5s;
    transition-timing-function: cubic-bezier(0, .5, .5, 1);
    pointer-events: none;
    z-index: 99990
}

.seat-pup__header {
    padding: 20px
}

.seat-pup__header__title {
    font-size: 1.4em;
    margin-bottom: 1em
}

.seat-pup__header__text,
.seat-pup__header__title {
    vertical-align: middle;
    position: relative;
    top: 0;
    left: 0;
    font-weight: 700
}

.seat-pup__header__text {
    font-size: 1em;
    line-height: 1.5em
}

.seat-pup__header__close {
    display: block;
    position: absolute;
    height: 40px;
    top: 20px;
    right: 20px;
    line-height: 40px;
    vertical-align: middle;
    font-size: .7em;
    padding-right: 26px;
    cursor: pointer
}

.seat-pup__header__close:after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.seat-pup__header__close:after,
.seat-pup__header__close:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #aabd26;
    top: 20px;
    right: 0;
    transition: transform .4s
}

.seat-pup__header__close:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.seat-pup__content {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 20px 20px;
    line-height: 1.7em;
    background-color: #fff;
    border: 1px solid rgba(66, 75, 83, .2)
}

.seat-pup__content__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.seat-pup__content__row__product {
    width: 60%;
    padding-top: 3px
}

.seat-pup__content__row__price {
    width: 25%;
    padding-top: 3px
}

.seat-pup__content__row__amount {
    width: 15%;
    text-align: right
}

.seat-pup__content__row--header {
    font-weight: 700;
    border-bottom: 1px solid #f4f4f5;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.seat-pup__content__btn {
    display: block;
    position: relative;
    text-align: right;
    margin-top: 2em
}

.seat-pup__content__btn a.button {
    margin-bottom: 0;
    margin-left: 20px
}

.seat-pup__content__btn a.button--grey {
    padding: 12px 25px
}

.seat-pup__content__btn__cancel {
    opacity: .3
}

.seat-pup__select {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid rgba(66, 75, 83, .35);
    padding: 5px;
    line-height: inherit;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
    float: right
}

.seat-pup__select:hover {
    border-color: #424b53
}

.seat-pup__select,
.seat-pup__select>* {
    cursor: pointer
}

.seat-pup__select select {
    width: 100%;
    box-sizing: content-box;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
    font-size: .9em;
    float: left;
    padding-right: 40px
}

.seat-pup__select:after {
    content: "";
    width: 0;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 4px;
    border-style: solid;
    pointer-events: none;
    border-color: #656565 transparent transparent
}

.seat-pup__select select,
.seat-pup__select select:focus,
.seat-pup__select select:hover {
    outline: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: right 12px
}

.cd-image-container {
    position: relative;
    float: left
}

.cd-image-container img {
    display: block
}

.cd-resize-img {
    width: 0;
    overflow: hidden;
    border-right: 2px solid #424b53;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-resize-img,
.cd-resize-img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.cd-resize-img img {
    display: block;
    width: auto;
    max-width: none
}

.is-visible .cd-resize-img {
    width: 50%;
    animation: e .7s
}

@keyframes e {
    0% {
        width: 0
    }

    60% {
        width: 55%
    }

    to {
        width: 50%
    }
}

.cd-handle {
    position: absolute;
    height: 44px;
    width: 44px;
    left: 50%;
    top: 49%;
    margin-left: -23px;
    margin-top: -22px;
    border-radius: 50%;
    border: 2px solid #424b53;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44"><g><rect x="21" y="5" width="2" height="2" style="fill: 424b53"/><rect x="21" y="37" width="2" height="2" style="fill: %23424b53"/><path d="M35.781,16.375l-1.562,1.25L36.92,21H28V19a3.009,3.009,0,0,0-3-3H23V9H21v7H19a3.009,3.009,0,0,0-3,3v2H7.127L9.74,17.734,8.178,16.485l-4.5,5.624,4.5,5.625,1.562-1.25L6.952,23H16v2a3.009,3.009,0,0,0,3,3h2v7h2V28h2a3.009,3.009,0,0,0,3-3V23h8.919l-2.7,3.375,1.562,1.25L40.28,22ZM26,25a1.013,1.013,0,0,1-1,1H19a1.013,1.013,0,0,1-1-1V19a1.013,1.013,0,0,1,1-1h6a1.013,1.013,0,0,1,1,1Z" style="fill: %23424b53"/></g></svg>');
    background-size: 40px 40px;
    background-position: 50%;
    background-repeat: none;
    cursor: move;
    opacity: 0;
    -ms-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0);
    box-sizing: border-box
}

.is-visible .cd-handle {
    opacity: 1;
    -ms-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    transition: transform .3s .7s, opacity 0s .7s
}

.editions__wrap {
    display: block;
    position: relative
}

.editions__wrap>input {
    display: none;
    position: absolute;
    margin-left: -9999px
}

.editions__wrap section>div {
    opacity: 0;
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    transition: all .2s;
    pointer-events: none
}

.editions__wrap nav {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box
}

.editions__wrap nav:after {
    content: "";
    display: block;
    position: absolute;
    background-color: rgba(68, 75, 83, .15);
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.editions__wrap nav label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 20%;
    box-sizing: border-box;
    height: 80px;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1.4em
}

.editions__wrap nav label span {
    display: block
}

.editions__wrap input[type=radio]~nav label {
    opacity: .35;
    position: relative;
    transition: all .5s
}

.editions__wrap input[type=radio]~nav label:hover {
    opacity: 1;
    transition: all .5s
}

.editions__wrap input[type=radio]~nav label:after {
    content: "";
    position: absolute;
    height: 3px;
    bottom: 0;
    left: 10px;
    right: 10px;
    background-color: rgba(187, 190, 25, .7);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: all .5s
}

.editions__wrap section {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 20px
}

.editions__wrap section>div {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.editions__wrap__col {
    box-sizing: border-box;
    position: relative;
    width: 50%;
    padding: 20px;
    overflow: hidden
}

.editions__wrap__col img {
    max-width: 100%;
    height: auto
}

#edition1:checked~section .edition1,
#edition2:checked~section .edition2,
#edition3:checked~section .edition3,
#edition4:checked~section .edition4,
#edition5:checked~section .edition5 {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all 1s;
    pointer-events: all
}

#edition1:checked~nav .edition1,
#edition2:checked~nav .edition2,
#edition3:checked~nav .edition3,
#edition4:checked~nav .edition4,
#edition5:checked~nav .edition5 {
    opacity: 1;
    transition: all .3s
}

#edition1:checked~nav .edition1:after,
#edition2:checked~nav .edition2:after,
#edition3:checked~nav .edition3:after,
#edition4:checked~nav .edition4:after,
#edition5:checked~nav .edition5:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition: all .3s
}

.new-point {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    -ms-flex-align: stretch;
    align-items: stretch
}

.new-point__date {
    width: 150px;
    margin-right: 40px;
    opacity: .7;
    border-left: 1px solid #babe13
}

.new-point__date span {
    display: block;
    position: relative;
    background-color: #babe13;
    color: #fff;
    line-height: 24px;
    padding: 7px 20px;
    margin: 0;
    font-weight: 700
}

.new-point__date span:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #babe13;
    border-width: 19px;
    margin-top: -19px
}

.table-product {
    background-color: #fff
}

.table-product tr td {
    text-align: center;
    opacity: .7;
    vertical-align: middle;
    padding: 8px 10px;
    line-height: 1.5em
}

.table-product thead tr td {
    opacity: 1;
    border: 1px solid hsla(0, 0%, 100%, .2) !important
}

.table-product tr td:first-child {
    text-align: left;
    opacity: 1
}

.table-product tr td img {
    width: 24px;
    height: 24px
}

.table-product__no,
.table-product__yes {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-position: 50%;
    background-repeat: none;
    margin-top: 4px
}

.table-product__yes {
    background-image: url(/Content/Images/checkmark-green.png)
}

.table-product__no {
    background-image: url(/Content/Images/checkmark-red.png)
}

.table-product__col {
    width: 20%
}

.view-options__row {
    padding: 10px 0
}

.view-options__row input[type=checkbox] {
    position: absolute;
    left: -9999px;
    opacity: 0;
    display: none
}

.view-options__row input[type=checkbox]+label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

.view-options__row input[type=checkbox]+label:before {
    left: 0;
    top: -3px;
    border: 1px solid rgba(66, 75, 83, .5);
    border-radius: 3px
}

.view-options__row input[type=checkbox]+label:after,
.view-options__row input[type=checkbox]+label:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transition: all .3s
}

.view-options__row input[type=checkbox]+label:after {
    left: 1px;
    top: -2px;
    border-radius: 2px;
    opacity: 0
}

.view-options__row input[type=checkbox]:checked+label:before {
    border: 1px solid #aabd26;
    background-color: rgba(170, 189, 38, .5);
    transition: all .3s
}

.view-options__row input[type=checkbox]:checked+label:after {
    width: 8px;
    height: 8px;
    left: 7px;
    top: 4px;
    opacity: 1;
    transition: all .3s
}

.view-options__row input[type=text] {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(66, 75, 83, .5);
    box-sizing: content-box;
    border-radius: 3px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 4px;
    margin: -1em 0;
    color: #424b53;
    font-size: .9em
}

.eps-manage,
.eps-manage__wrap {
    display: block;
    position: relative
}

.eps-manage__wrap {
    text-align: right
}

.eps-manage__flyout {
    display: inline-block;
    position: relative;
    color: #fff;
    padding: 0 !important;
    margin: 0 !important
}

.eps-manage__flyout li {
    padding: 10px 30px 10px 20px !important;
    margin: 0 !important;
    line-height: 40px;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    position: relative;
    background-color: #aabd26;
    opacity: 1 !important
}

.eps-manage__flyout li:before {
    display: none !important
}

.eps-manage__flyout li:after {
    content: "\203A";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 1.3em;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: center center;
    transform-origin: center center;
    margin-top: 1px
}

.eps-manage__flyout li ul {
    display: block;
    position: absolute;
    background-color: #aabd26;
    top: 100%;
    right: 0;
    width: 240px;
    transform: translate3d(0, -10px, 0);
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
    border-radius: 5px 0 5px 5px !important;
    overflow: hidden
}

.eps-manage__flyout li ul li {
    padding: 0 !important;
    line-height: 1.3em;
    height: auto
}

.eps-manage__flyout li ul li a {
    display: block;
    padding: 10px 20px !important;
    box-sizing: border-box;
    color: #fff;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.eps-manage__flyout li ul li a:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.eps-manage__flyout li ul li:after {
    display: none
}

.eps-manage__flyout li:hover ul {
    transform: translateZ(0);
    opacity: 1;
    pointer-events: all;
    transition: all .3s
}

.eps-cloud {
    display: block;
    position: relative;
    width: 100%
}

.eps-cloud__option {
    margin: 10px 0
}

.eps-cloud__option__select {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid rgba(66, 75, 83, .35);
    padding: 10px 8px 10px 5px;
    line-height: inherit;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    background-image: none;
    border-radius: 5px;
    width: 389px
}

.eps-cloud__option__select:hover {
    border-color: #424b53
}

.eps-cloud__option__select,
.eps-cloud__option__select>* {
    cursor: pointer
}

.eps-cloud__option__select select {
    width: 100%;
    box-sizing: content-box;
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: radio-container;
    appearance: none;
    font-size: .9em;
    color: #424b53
}

.eps-cloud__option__select:after {
    content: "";
    width: 0;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -2px;
    border-width: 5px 4px;
    border-style: solid;
    pointer-events: none;
    border-color: #656565 transparent transparent
}

.eps-cloud__option__select select,
.eps-cloud__option__select select:focus,
.eps-cloud__option__select select:hover {
    outline: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    background-position: right 12px
}

.eps-cloud__option__select--half {
    width: 90px;
    float: left
}

.eps-cloud__option__select--half:first-child {
    margin-right: 6px
}

.account__db-item {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.account__db-item__error {
    padding: 10px 20px
}

.account__db-item__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    background-color: #424b53;
    color: #fff
}

.account__db-item__header__icon {
    padding: 20px;
    box-sizing: border-box
}

.account__db-item__header__icon img {
    display: block;
    width: 50px;
    height: auto
}

.account__db-item__header__text {
    padding: 20px 20px 20px 0;
    box-sizing: border-box
}

.account__db-item__header__text--title {
    font-size: 1.5em;
    margin: 0
}

.account__db-item__header__text p {
    opacity: .6;
    margin: 0
}

.account__db-item__showall {
    padding: 20px
}

.account__db-item__content {
    background-color: #fafafa;
    border: 1px solid #f4f4f5;
    border-top: none
}

.account__db-item__content p {
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 20px
}

.account__db-item__content__expand__title {
    padding: 13.3333333333px 20px;
    background-color: #f4f4f5;
    font-size: 1.1em;
    font-weight: 700;
    position: relative;
    cursor: pointer;
    transition: background-color .6s
}

.account__db-item__content__expand__title:hover {
    background-color: rgba(66, 75, 83, .2);
    transition: background-color .3s
}

.account__db-item__content__expand__title:after {
    content: "\203A";
    display: block;
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 1.8em;
    font-weight: 400;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.account__db-item__content__expand__title--collapse:after {
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    right: 27px
}

.account__db-item__content__footer {
    padding: 20px;
    border-top: 1px solid #f4f4f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.account__db-item__content__footer--cell {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.account__db-item__hardware__product {
    border-bottom: 1px solid #f4f4f5;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: background-color .3s
}

.account__db-item__hardware__product:hover {
    background-color: rgba(66, 75, 83, .03);
    transition: background-color .15s
}

.account__db-item__hardware__product:last-child {
    border-bottom: none
}

.account__db-item__hardware__product__icon {
    padding: 20px
}

.account__db-item__hardware__product__icon img {
    width: 90px;
    height: auto
}

.account__db-item__hardware__product__id__name {
    font-weight: 700;
    line-height: 1.7em
}

.account__db-item__hardware__product__id__serial {
    font-weight: 400;
    font-style: italic;
    opacity: .6;
    line-height: 1.7em
}

.account__db-item__order__product {
    border-bottom: 1px solid #f4f4f5;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    transition: background-color .3s
}

.account__db-item__order__product:hover {
    background-color: rgba(66, 75, 83, .03);
    transition: background-color .15s
}

.account__db-item__order__product:last-child {
    border-bottom: none
}

.account__db-item__order__product__id {
    padding: 20px
}

.account__db-item__order__product__id__name {
    font-weight: 700;
    line-height: 1.7em
}

.account__db-item__order__product__id__date {
    font-weight: 400;
    font-style: italic;
    opacity: .6;
    line-height: 1.7em
}

.account__db-item__membership__item {
    padding: 20px;
    border-bottom: 1px solid #f4f4f5;
    line-height: 1.5em;
    margin-bottom: -.5em
}

.account__db-item__membership__item:last-child {
    border-bottom: none
}

.account__db-item__membership__item__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.account__db-item__membership__item__info--date,
.account__db-item__membership__item__info--owner {
    display: inline-block;
    font-weight: 400;
    font-style: italic;
    opacity: .6;
    line-height: 1.7em
}

.account__db-item__membership__item__info--date {
    text-align: right
}

.account__db-item__membership__footer {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.account__db-item__tasks__item {
    padding: 20px;
    border-bottom: 1px solid #f4f4f5;
    line-height: 1.5em;
    margin-bottom: -.5em
}

.account__db-item__tasks__item:last-child {
    border-bottom: none
}

.account__db-item__tasks__item__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.account__db-item__tasks__item__info--date,
.account__db-item__tasks__item__info--owner {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: italic;
    opacity: .6;
    line-height: 1.7em
}

.account__db-item__tasks__item__info--date {
    text-align: right
}

.account__db-item__tasks__footer {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.account__db-item__support {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f4f4f5;
    vertical-align: top
}

.account__db-item__support:last-child {
    border-bottom: none
}

.account__db-item__support--status,
.account__db-item__support--subject {
    display: block;
    box-sizing: border-box;
    padding: 20px
}

.account__db-item__support--subject {
    width: 70%
}

.account__db-item__support--subject--title {
    line-height: 1.7em
}

.account__db-item__support--subject--info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
    font-style: italic;
    opacity: .6;
    line-height: 1.7em;
    margin-top: 10px
}

.account__db-item__support--status {
    font-weight: 700;
    line-height: 1.7em;
    width: 30%;
    text-align: right
}

.account__db-item__support--status .status--green {
    color: #84931d
}

.account__db-item__support--status .status--orange {
    color: #e8870c
}

.account__db-item__support--status .status--red {
    color: #ea6962
}

.account__db-item__planning__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    border-bottom: 1px solid #f4f4f5
}

.account__db-item__planning__item__date {
    padding: 20px;
    text-align: center;
    font-size: 1.2em;
    text-transform: none
}

.account__db-item__planning__item__date span {
    display: block;
    font-size: 2em;
    font-weight: 700
}

.account__db-item__planning__item__info {
    padding: 20px;
    line-height: 1.7em
}

.account__db-item__planning__item__info--details,
.account__db-item__planning__item__info--details span {
    display: block;
    width: 100%;
    font-weight: 400;
    font-style: italic;
    opacity: .6;
    line-height: 1.7em
}

.account__db-item__planning__footer {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.account__db-item__contact__info {
    display: -ms-flexbox;
    display: flex
}

.account__db-item__contact__info--img {
    padding: 20px
}

.account__db-item__contact__info--img img {
    display: block;
    width: 100px;
    height: 100%;
    border-radius: 100px
}

.account__db-item__contact__info--details {
    padding: 20px
}

.account__db-item__contact__info--details span {
    display: block;
    line-height: 1.7em
}

.account__db-item__contact__info--details--title {
    opacity: .6
}

.account__db-item__contact__footer {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #f4f4f5
}

.account__db-item__contact__footer--cell {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.account__db-item__org__section {
    padding: 20px
}

.account__db-item__org__title {
    font-weight: 700
}

.account__db-item__org__details span,
.account__db-item__org__title {
    display: block;
    line-height: 1.7em
}

.account__db-item__org__footer {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #f4f4f5
}

.account__db-item__org__footer--cell {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.account__db-item__policies__section {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.account__db-item__policies__title {
    font-weight: 700;
    display: block;
    line-height: 1.7em;
    width: 40%;
    padding-right: 20px;
    box-sizing: border-box
}

.account__db-item__policies__details span {
    display: block;
    line-height: 1.7em
}

.account__db-item__policies__footer {
    padding: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #f4f4f5
}

.account__db-item__policies__footer--cell {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.account__db-item__error {
    padding: 20px 20px 40px
}

.account__profile {
    display: block;
    position: relative;
    width: 100%
}

.account__profile__name {
    font-size: 2.4em;
    font-weight: 600;
    margin-bottom: .5em
}

.account__profile__details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.account__profile__details__title {
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 1.2em
}

.account__profile__details__topic {
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 33.33%;
    line-height: 1.4em;
    box-sizing: border-box;
    padding-right: 20px
}

.account__profile__details__topic:last-child {
    padding-right: 0
}

.account__profile__details__topic:last-child span {
    padding-right: 7px
}

.account__profile__details__topic:last-child span:after {
    content: ","
}

.account__profile__details__topic:last-child span:last-child:after,
.account__profile__details__topic:last-child span:only-child:after {
    content: ""
}

.account__profile__details__topic span {
    padding-right: 7px
}

.account__profile__details__topic span a,
.account__profile__details__topic span a:visited {
    color: inherit;
    text-decoration: underline;
    opacity: 1;
    transition: opacity .5s
}

.account__profile__details__topic span a:active,
.account__profile__details__topic span a:hover {
    opacity: .6;
    transition: opacity .3s
}

.account__profile__details__manage {
    margin-top: .5em
}

@media (max-width:1020px) {
    .account__profile__details {
        display: block
    }

    .account__profile__details__topic {
        width: 100%;
        margin-bottom: 1em
    }

    .account__profile__details__topic:last-child {
        margin-bottom: 0
    }
}

.cons__order__table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f4f4f5;
    margin-bottom: 1em;
    transition: all .3s
}

.cons__order__table td {
    padding: 13.3333333333px 10px;
    position: relative;
    vertical-align: middle;
    line-height: 1.4em
}

.cons__order__table td:last-child {
    text-align: right
}

.cons__order__table thead tr {
    background-color: #424b53
}

.cons__order__table thead td {
    color: #fff;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 10px
}

.cons__order__table tbody td {
    padding: 13.3333333333px 10px
}

.cons__order__table tbody tr:hover td {
    background-color: rgba(66, 75, 83, .03)
}

.cons__order__table tbody tr:nth-child(2n) {
    background-color: #f4f4f5
}

.cons__order__table tbody tr:nth-child(2n):hover {
    background-color: rgba(66, 75, 83, .07)
}

.cons__order__table tbody td p.term-info {
    margin: 0;
    font-size: 1em;
    opacity: 1;
    line-height: 1.4em
}

.cons__order__table tbody td p {
    margin: 0;
    font-size: .85em;
    opacity: .5
}

.cons__order__table__checkbox {
    width: 10%
}

.cons__order__table__checkbox input[type=checkbox] {
    position: absolute;
    left: -9999px
}

.cons__order__table__checkbox input[type=checkbox]+label {
    margin-bottom: 1em;
    padding-left: 30px;
    position: relative
}

.cons__order__table__checkbox input[type=checkbox]+label:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    border: 1px solid rgba(66, 75, 83, .25)
}

.cons__order__table__checkbox input[type=checkbox]+label:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #aabd26;
    width: 14px;
    height: 14px;
    left: 4px;
    top: 4px;
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    transition: all .4s
}

.cons__order__table__checkbox input[type=checkbox]:checked+label:after {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    transition: all .4s
}

.cons__order__table__checkbox input[type=checkbox]:focus+label:before,
.cons__order__table__checkbox input[type=checkbox]:hover+label:before {
    border-color: #424b53
}

.cons__order__table__checkbox input[type=checkbox]:disabled+label:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><g><title>background</title><rect fill='%23fff' id='canvas_background' height='200' widt0='202' y='0' x='0'/><g display='none' overflow='visible' y='0' x='0' height='100%' width='100%' id='canvasGrid'><rect fill='url(%23gridpattern)' stroke-width='0' y='0' x='0' height='100%' width='100%'/></g></g><g><title>Layer 1</title><line transform='rotate(90 100 100)' stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_4' y2='200' x2='200' y1='0' x1='0' fill-opacity='null' stroke-width='8' stroke='%23cacbcb ' fill='none'/><line stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_6' y2='200' x2='200' y1='0' x1='0' fill-opacity='null' stroke-width='8' stroke='%23cacbcb' fill='none'/></g></svg>") no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.cons__order__table__checkbox input[type=checkbox]:disabled:focus+label:before,
.cons__order__table__checkbox input[type=checkbox]:disabled:hover+label:before {
    border-color: rgba(66, 75, 83, .25)
}

.cons__order__table__options {
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
    margin: -10px 0;
    text-align: right;
    opacity: 0;
    transition: all 0ms
}

.cons__order__table__options__cancel,
.cons__order__table__options__cancel:visited,
.cons__order__table__options__upgrade,
.cons__order__table__options__upgrade:visited {
    display: block;
    font-size: .85em;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
    text-decoration: none
}

.cons__order__table__options__cancel,
.cons__order__table__options__cancel:visited {
    color: #ea6962
}

.cons__order__table__options__cancel:active,
.cons__order__table__options__cancel:hover {
    opacity: .6
}

.cons__order__table tbody tr:hover .manage-order__product__table__options {
    right: 10px;
    opacity: 1;
    transition: all .15s
}

.cons__order__table__footer {
    text-align: right
}

.cons__order__table--focus {
    z-index: 10000;
    position: relative;
    background-color: #fff;
    border: 1px solid rgba(66, 75, 83, .5);
    box-shadow: 0 5px 20px 0 rgba(66, 75, 83, .4);
    transition: all .1s
}

.cons__order__content--light,
.cons__order__content--strikethrough {
    font-size: .9em;
    opacity: .6;
    display: block
}

.cons__order__content--strikethrough {
    text-decoration: line-through
}

.cons__order__product-set {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.cons__order__product-set__img {
    position: relative;
    margin-right: 20px
}

.cons__order__product-set__img img {
    width: 70px;
    height: auto
}

.cons__order__product-set__text {
    position: relative
}

.cons__order__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cons__order__footer__col {
    position: relative;
    width: 50%
}

.cons__order__footer__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.cons__order__footer__row--total {
    border-top: 1px solid #f4f4f5;
    padding-top: 10px;
    margin-top: 10px
}

.cons__order__footer__title {
    font-weight: 700;
    width: 60%;
    text-align: right;
    box-sizing: border-box;
    padding: 10px
}

.cons__order__footer__value {
    width: 40%;
    text-align: right;
    box-sizing: border-box;
    padding: 10px
}

.zant,
.zant--sphere {
    display: table;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden
}

.zant--sphere {
    border-radius: 500px
}

.zant--green {
    background-color: #aabd26;
    color: #fff
}

.zant--grey {
    background-color: #424b53;
    color: #fff
}

.zant--orange {
    background-color: #e8870c;
    color: #fff
}

.zant--bg {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.zant--bg.zant--green:before,
.zant--bg.zant--grey:before,
.zant--bg.zant--orange:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.zant--bg.zant--green:before {
    background-color: rgba(170, 189, 38, .75)
}

.zant--bg.zant--grey:before {
    background-color: rgba(66, 75, 83, .75)
}

.zant--bg.zant--orange:before {
    background-color: rgba(232, 135, 12, .75)
}

.zant--sphere>div,
.zant>div {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    color: inherit;
    text-transform: uppercase;
    font-size: 1.2em;
    line-height: 1.2em
}

.zant__small {
    font-size: 1em;
    letter-spacing: .06em;
    display: inline-block
}

.zant__big {
    font-size: 4em;
    line-height: 1.2em;
    display: inline-block;
    letter-spacing: -.05em
}

.breadcrumb:after,
.calltoaction:after,
.cf:after,
.flexocertification__certified:after,
.flexocertification__recent:after,
.herobanner__wrapper:after,
.imagebleed:after,
.imagecaption:after,
.productcomparison__header:after,
.searchresults__header--left:after,
.searchresults__header--right:after,
.searchresults__header:after,
.signinpanel:after,
.tabsholder:after,
.tabsholder__container:after {
    content: "";
    display: table;
    clear: both
}

.noscroll {
    overflow: hidden
}

@media (max-width:1110px) {
    .header {
        font-size: 12px
    }
}

@media (max-width:1020px) {
    body {
        overflow-x: hidden;
        padding-top: 0
    }

    .siteheader {
        position: relative
    }

    .header {
        position: relative;
        display: block;
        height: 40px;
        padding: 20px;
        font-size: 15px;
        box-shadow: 0 -20px 10px 20px rgba(0, 0, 0, .15)
    }

    .header,
    .header img {
        line-height: 40px;
        vertical-align: middle
    }

    .navigation {
        position: fixed;
        width: 100%;
        height: 100%;
        top: -110%;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 50px 5px 5px;
        box-sizing: border-box;
        background-color: rgba(66, 75, 83, .95);
        visibility: hidden;
        opacity: 0;
        transition: all .5s cubic-bezier(0, 0, 0, 1);
        z-index: 9999;
        text-align: center
    }

    .navigation__item,
    .navigation__item--flyout,
    .navigation__item--flyoutSingle {
        height: auto;
        width: 50%;
        position: relative;
        display: inline-block;
        padding: 5px;
        box-sizing: border-box;
        text-align: center;
        filter: none !important
    }

    .navigation__item--flyout:hover .flyout,
    .navigation__item--flyout:hover .flyout--multi,
    .navigation__item--flyoutSingle:hover .flyout,
    .navigation__item--flyoutSingle:hover .flyout--multi,
    .navigation__item:hover .flyout,
    .navigation__item:hover .flyout--multi {
        display: none
    }

    .navigation__item--flyout .navigation__link,
    .navigation__item--flyoutSingle .navigation__link,
    .navigation__item .navigation__link {
        padding: 15px 0;
        color: #fff;
        text-align: center;
        background-color: rgba(18, 27, 19, .1);
        border: 1px solid hsla(0, 0%, 100%, .2);
        border-radius: 6px
    }

    .navigation__item--flyout .navigation__link:hover,
    .navigation__item--flyoutSingle .navigation__link:hover,
    .navigation__item .navigation__link:hover {
        background-color: hsla(0, 0%, 100%, .2)
    }

    .navigation__item--flyout .navigation__link:after,
    .navigation__item--flyoutSingle .navigation__link:after,
    .navigation__item--search,
    .navigation__item .navigation__link:after {
        display: none
    }

    .navigation--show {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        visibility: visible;
        opacity: 1;
        transition: all .3s cubic-bezier(0, 0, 0, 1)
    }

    .navigation--close {
        width: 100%;
        height: 50px;
        position: absolute;
        top: 5px;
        right: 0;
        cursor: pointer
    }

    .navigation--close:before {
        width: 34px;
        height: 1px;
        top: 22px;
        right: 5px
    }

    .navigation--close:after,
    .navigation--close:before {
        content: "";
        display: block;
        background-color: #fff;
        position: absolute;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        transition: all .2s
    }

    .navigation--close:after {
        width: 1px;
        height: 34px;
        top: 5px;
        right: 22px
    }

    .navigation--close:hover:before {
        -ms-transform: rotate(1turn);
        transform: rotate(1turn);
        width: 20px;
        right: 12px;
        transition: all .2s
    }

    .navigation--close:hover:after {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        height: 20px;
        top: 12px;
        opacity: 0;
        transition: all .2s
    }

    .mobile-menu {
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        text-decoration: none;
        float: right;
        background-color: #fff;
        color: #424b53;
        border-radius: 50px 0 0 0;
        position: absolute;
        top: 0;
        right: 0;
        height: 40px;
        padding: 20px 20px 20px 60px;
        cursor: pointer
    }

    .mobile-menu:before {
        content: "\e618";
        font-family: esko-icon;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 2em;
        position: absolute;
        left: 25px;
        top: 15px
    }

    .mobile-menu:hover {
        color: #aabd26
    }
}

@media (max-width:720px) {
    body {
        font-size: 15px
    }

    .topbar {
        box-sizing: border-box;
        padding: 10px 10px 5px;
        margin: 0;
        text-align: left;
        display: block
    }

    .topbar__item {
        padding: 0;
        margin: 0
    }

    .languageselector__label {
        display: none
    }

    .subselect__default {
        padding: 0 6px 0 10px
    }

    .subselect__dropdown {
        width: 160px;
        left: auto;
        right: auto;
        margin: 0
    }

    .subselect__dropdownitem {
        min-width: inherit
    }

    .subselect__link {
        width: 100%;
        box-sizing: border-box;
        padding: 10px
    }

    .subselect--show .subselect__dropdown,
    .subselect:active .subselect__dropdown,
    .subselect:focus .subselect__dropdown {
        display: block
    }

    .subselect--hide .subselect__dropdown {
        display: none
    }

    .shoppingcart:before {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 2.5em;
        padding: 12px 10px 8px;
        text-align: center
    }

    .shoppingcart:hover {
        color: #aabd26
    }

    .shoppingcart span {
        display: none
    }

    .herobanner {
        padding: 0;
        margin: 0 0 40px;
        width: 100%;
        position: relative;
        border-radius: 0;
        background-position: top
    }

    .herobanner__playbutton,
    .herobanner__video {
        display: none
    }

    .herobanner__wrapper {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0
    }

    .herobanner--bgfade:before {
        background-color: transparent
    }

    .herobanner--darkframe .herobanner__content,
    .herobanner--greenframe .herobanner__content,
    .herobanner--transparentframe .herobanner__content {
        width: 100%;
        margin: 0;
        padding: 60px 20px 20px;
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .herobanner--transparentframe .herobanner__content {
        padding-bottom: 0
    }

    .herobanner--transparentframe:before {
        content: "";
        background-color: rgba(66, 75, 83, .85);
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none
    }

    .herobanner--darkframe .herobanner__content,
    .herobanner--greenframe .herobanner__content {
        background-color: transparent
    }

    .herobanner--darkframe:before,
    .herobanner--greenframe:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none
    }

    .herobanner--darkframe:before {
        background-color: rgba(66, 75, 83, .85)
    }

    .herobanner--greenframe:before {
        background-color: rgba(170, 189, 38, .85)
    }

    .tabsholder {
        position: relative;
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
        background-color: transparent
    }

    .tabsholder--show:before {
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
        transition: transform .3s
    }

    .tabsholder--show:after {
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        transition: transform .3s
    }

    .tabsholder__container {
        position: relative;
        display: block;
        width: 100%;
        padding-top: 40px;
        box-sizing: border-box;
        visibility: visible;
        top: 0;
        height: 0;
        transition: all .3s
    }

    .tabsholder__container .tabsholder__link,
    .tabsholder__container .tabsholder__link--inactive {
        height: 0;
        opacity: 0
    }

    .tabsholder__container .tabsholder__link--icon-cart {
        padding: 0
    }

    .tabsholder__container .tabsholder__link--icon-cart:before {
        display: none
    }

    .tabsholder__container .tabsholder__link--inactive-highlighted {
        background-color: rgba(170, 189, 38, .7)
    }

    .tabsholder__container .tabsholder__link--active-highlighted {
        background-color: hsla(0, 0%, 100%, .1);
        color: #fff
    }

    .tabsholder--show .tabsholder__container {
        visibility: visible;
        height: auto;
        transition: all .3s
    }

    .tabsholder--show .tabsholder__container .tabsholder__link,
    .tabsholder--show .tabsholder__container .tabsholder__link--inactive {
        height: 50px;
        opacity: 1
    }

    .tabsholder__link,
    .tabsholder__link--inactive,
    .tabsholder__link--inactive:visited,
    .tabsholder__link:visited {
        display: block;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        text-align: center;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
        padding: 0
    }

    .tabsholder__link--active,
    .tabsholder__link--active:visited {
        background-color: hsla(0, 0%, 100%, .1);
        font-weight: 700;
        color: #fff
    }

    .tabsholder__link--active:hover {
        color: hsla(0, 0%, 100%, .7)
    }

    .tabsholder__link--inactive:after,
    .tabsholder__link--inactive:visited:after,
    .tabsholder__link:after,
    .tabsholder__link:visited:after {
        display: none
    }

    .tabsholder--mobile {
        height: 40px
    }

    @keyframes f {
        0% {
            background-color: inherit
        }

        to {
            background-color: #aabd26
        }
    }

    .tabsholder--mobile:before {
        left: 50%;
        margin-left: -18px;
        -ms-transform: rotate(40deg);
        transform: rotate(40deg)
    }

    .tabsholder--mobile:after,
    .tabsholder--mobile:before {
        position: absolute;
        display: block;
        content: "";
        width: 20px;
        height: 2px;
        top: 19px;
        background-color: #fff;
        transition: transform .3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        animation-name: f;
        animation-duration: 1s;
        animation-direction: alternate;
        animation-iteration-count: infinite
    }

    .tabsholder--mobile:after {
        right: 50%;
        margin-right: -17px;
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg)
    }

    .tabsholder--mobile.tabsholder--show:before {
        -ms-transform: rotate(-40deg);
        transform: rotate(-40deg);
        transition: transform .3s
    }

    .tabsholder--mobile.tabsholder--show:after {
        -ms-transform: rotate(40deg);
        transform: rotate(40deg);
        transition: transform .3s
    }

    .content {
        width: 100%;
        max-width: none
    }

    .grid {
        overflow-x: hidden
    }

    .grid,
    .grid__row {
        position: relative;
        display: block;
        width: 100%;
        clear: both
    }

    .grid__row {
        height: inherit;
        max-width: none;
        overflow: hidden
    }

    .grid__item {
        display: block;
        position: relative;
        clear: both;
        padding: 20px;
        box-sizing: border-box
    }

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

    .grid__item--padding-none {
        padding: 0
    }

    .spacer,
    .spacer--double,
    .spacer--octuple,
    .spacer--quadruple {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .spacer--octuple,
    .spacer--quadruple {
        margin: 0
    }

    .line.spacer--quadruple {
        margin: 2em 0
    }

    .button,
    .linkbuttonview {
        width: 100%;
        box-sizing: border-box
    }

    .imagelink--left .imagelink__content,
    .imagelink--left .imagelink__image,
    .imagelink--right .imagelink__content,
    .imagelink--right .imagelink__image {
        display: block;
        width: 100%;
        position: relative;
        text-align: left;
        box-sizing: border-box;
        padding: 0;
        margin: 0
    }

    .imagelink--left,
    .imagelink--right {
        display: block
    }

    .imagelink--left .imagelink__image,
    .imagelink--right .imagelink__image {
        width: inherit;
        margin-bottom: 1em
    }

    .imagelink--left .imagelink__image img,
    .imagelink--right .imagelink__image img {
        max-width: 100%;
        width: inherit;
        height: auto
    }

    .imagelink--top-right .imagelink__image,
    .imagelink__text--left,
    .imagelink__text--right {
        text-align: left
    }

    .imagebleed img {
        max-width: 100%;
        height: auto
    }

    .video {
        width: 100%
    }

    .video__block,
    .video__block--left,
    .video__block--right {
        width: 100%;
        padding: 0;
        box-sizing: border-box;
        margin-bottom: 20px;
        clear: both
    }

    .video__block--left div,
    .video__block--right div,
    .video__block div {
        width: 100% !important
    }

    .video__content,
    .video__content--left,
    .video__content--right {
        display: block;
        clear: both;
        width: 100%
    }

    .video div {
        width: 100% !important
    }

    .floatingcontact {
        display: block;
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: bottom .4s;
        text-align: center
    }

    .floatingcontact:hover {
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        transition: bottom .2s
    }

    .floatingcontact__button,
    .floatingcontact__button:visited {
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -ms-transform: rotate(0);
        transform: rotate(0);
        margin: 0
    }

    .floatingcontact__button:before,
    .floatingcontact__button:visited:before {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .floatingcontact__container {
        height: auto;
        padding: 0
    }

    .footer__disclaimertext {
        margin-bottom: 60px
    }
}

/*# sourceMappingURL=style.css.map */
@charset "UTF-8";
/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}