html {
    box-sizing: border-box
}

*, *::after, *::before {
    box-sizing: inherit
}

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

body {
    line-height: 1;
    margin: 0;
    padding: 0
}

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

nav ul, ul, li {
    list-style: none;
    padding: 0;
    margin: 0
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    outline: none;
    text-decoration: none
}

* {
    box-sizing: border-box
}

img {
    max-width: 100%;
    height: auto
}

.container {
    width: 90%;
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.container:after {
    clear: both;
    content: "";
    display: table
}

@font-face {
    font-family: 'MuseoSans'
    src: url("../fonts/museosans-900-webfont.woff") format("woff");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'MuseoSans';
    src: url("../fonts/museosans-700-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'MuseoSans';
    src: url("../fonts/museosans-500-webfont.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'MuseoSans';
    src: url("../fonts/museosans-500italic-webfont.woff") format("woff");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'MuseoSans';
    src: url("../fonts/museosans-300-webfont.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'MuseoSans';
    src: url("../fonts/museosans-300italic-webfont.woff") format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'MuseoSans';
    src: url("../fonts/museosans-100-webfont.woff") format("woff");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'MuseoSans';
    src: url("../fonts/museosans-100italic-webfont.woff") format("woff");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'MuseoSlab';
    src: url("../fonts/museoslab-300-webfont.woff") format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'MuseoSlab';
    src: url("../fonts/museoslab-300italic-webfont.woff") format("woff");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'MuseoSlab';
    src: url("../fonts/museoslab-500-webfont.woff") format("woff");
    font-weight: 500;
    font-style: normal
}

html {
    font-size: 1em
}

body {
    font-family: "MuseoSans", Arial, Helvetica, sans-serif
}

body, button, input, select, textarea {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: "MuseoSans", Arial, Helvetica, sans-serif
}

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 1rem;
    line-height: 1.3;
    color: #1C1C1C
}

h1 {
    font-size: 1.500em;
    font-weight: 700
}

h2 {
    font-size: 1.250em;
    font-weight: 700
}

h3 {
    font-size: 1em;
    font-weight: 700
}

p {
    font-size: 1.000em;
    font-weight: 300;
    color: #535353;
    line-height: 1.5
}

a {
    color: #006D5C
}

a:hover {
    color: #005446
}

.content p + p {
    margin-top: -0.5em
}

.content h3 + p {
    margin-top: -0.5em
}

.content h4 + hr {
    margin: -0.5em 0 1.5em 0
}

.content p + h2, .content p + h4 {
    margin-top: 2em
}

@media screen and (min-width: 769px) {
    h1.big-title {
        font-size: 2.250em
    }

    .top-3 h4.section-title {
        margin-top: .3125em
    }
}

b, strong {
    font-weight: 700
}

em, i {
    font-style: italic
}

u {
    text-decoration: underline
}

sup, sub {
    font-size: 0.75em;
    line-height: 1;
    height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: 0.5ex
}

small {
    font-size: 0.75em
}

big {
    font-size: 1.25em
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

address {
    margin: 0 0 1em;
    font-style: italic
}

del {
    color: #666
}

pre, code, tt, var {
    font-family: monospace, serif;
    color: #333;
    background: #eee;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre {
    margin: 0 0 1em 0;
    padding: 1em;
    white-space: pre;
    display: block
}

code {
    display: inline-block;
    padding: 0 0.5em;
    line-height: 1.3;
    font-size: 0.75em
}

hr {
    background: #e5e5e5;
    margin-bottom: 1em;
    height: 1px;
    clear: both;
    float: none;
    width: 100%;
    border: 0
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-100.eot");
    src: url("../fonts/about-us/museocyrl-100.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-100.woff2") format("woff2"), url("../fonts/about-us/museocyrl-100.woff") format("woff"), url("../fonts/about-us/museocyrl-100.ttf") format("truetype"), url("../fonts/about-us/museocyrl-100.svg#museo_cyrl100") format("svg");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-100italic.eot");
    src: url("../fonts/about-us/museocyrl-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-100italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-100italic.woff") format("woff"), url("../fonts/about-us/museocyrl-100italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-100italic.svg#museo_cyrl100_italic") format("svg");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-300.eot");
    src: url("../fonts/about-us/museocyrl-300.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-300.woff2") format("woff2"), url("../fonts/about-us/museocyrl-300.woff") format("woff"), url("../fonts/about-us/museocyrl-300.ttf") format("truetype"), url("../fonts/about-us/museocyrl-300.svg#museo_cyrl300") format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-300italic.eot");
    src: url("../fonts/about-us/museocyrl-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-300italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-300italic.woff") format("woff"), url("../fonts/about-us/museocyrl-300italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-300italic.svg#museo_cyrl300_italic") format("svg");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-500.eot");
    src: url("../fonts/about-us/museocyrl-500.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-500.woff2") format("woff2"), url("../fonts/about-us/museocyrl-500.woff") format("woff"), url("../fonts/about-us/museocyrl-500.ttf") format("truetype"), url("../fonts/about-us/museocyrl-500.svg#museo_cyrl500") format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-500italic.eot");
    src: url("../fonts/about-us/museocyrl-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-500italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-500italic.woff") format("woff"), url("../fonts/about-us/museocyrl-500italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-500italic.svg#museo_cyrl500_italic") format("svg");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-700.eot");
    src: url("../fonts/about-us/museocyrl-700.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-700.woff2") format("woff2"), url("../fonts/about-us/museocyrl-700.woff") format("woff"), url("../fonts/about-us/museocyrl-700.ttf") format("truetype"), url("../fonts/about-us/museocyrl-700.svg#museo_cyrl700") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-700italic.eot");
    src: url("../fonts/about-us/museocyrl-700italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-700italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-700italic.woff") format("woff"), url("../fonts/about-us/museocyrl-700italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-700italic.svg#museo_cyrl700_italic") format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-900.eot");
    src: url("../fonts/about-us/museocyrl-900.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-900.woff2") format("woff2"), url("../fonts/about-us/museocyrl-900.woff") format("woff"), url("../fonts/about-us/museocyrl-900.ttf") format("truetype"), url("../fonts/about-us/museocyrl-900.svg#museo_cyrl900") format("svg");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: 'Museo Cyrl';
    src: url("../fonts/about-us/museocyrl-900italic.eot");
    src: url("../fonts/about-us/museocyrl-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/about-us/museocyrl-900italic.woff2") format("woff2"), url("../fonts/about-us/museocyrl-900italic.woff") format("woff"), url("../fonts/about-us/museocyrl-900italic.ttf") format("truetype"), url("../fonts/about-us/museocyrl-900italic.svg#museo_cyrl900_italic") format("svg");
    font-weight: 900;
    font-style: italic
}

a {
    color: #006D5C
}

a:hover {
    color: #005446
}

@font-face {
    font-family: 'font-icons';
    src: url("../images/font-icons/font-icons.eot?p3byad");
    src: url("../images/font-icons/font-icons.eot?p3byad#iefix") format("embedded-opentype"), url("../images/font-icons/font-icons.ttf?p3byad") format("truetype"), url("../images/font-icons/font-icons.woff?p3byad") format("woff"), url("../images/font-icons/font-icons.svg?p3byad#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

.row {
    max-width: 68em;
    margin-left: -3.0927%;
    margin-right: auto
}

.row:after {
    clear: both;
    content: "";
    display: table
}

.row > * {
    float: left;
    display: block;
    margin-left: 3%;
    width: 97%
}

.row.no-gutter {
    margin-left: auto;
    margin-right: auto
}

.row.no-gutter > * {
    float: left;
    display: block;
    margin-left: 0;
    width: 100%
}

.col-1 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 5.33333%
}

.col-2 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 13.66667%
}

.col-3 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 22%
}

.col-4 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 30.33333%
}

.col-5 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 38.66667%
}

.col-6 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 47%
}

.col-7 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 55.33333%
}

.col-8 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 63.66667%
}

.col-9 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 72%
}

.col-10 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 80.33333%
}

.col-11 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 88.66667%
}

.col-12 {
    float: left;
    display: block;
    margin-left: 3%;
    width: 97%
}

.no-gutter > .col-1 {
    float: left;
    display: block;
    margin-left: 0;
    width: 8.33333%
}

.no-gutter > .col-2 {
    float: left;
    display: block;
    margin-left: 0;
    width: 16.66667%
}

.no-gutter > .col-3 {
    float: left;
    display: block;
    margin-left: 0;
    width: 25%
}

.no-gutter > .col-4 {
    float: left;
    display: block;
    margin-left: 0;
    width: 33.33333%
}

.no-gutter > .col-5 {
    float: left;
    display: block;
    margin-left: 0;
    width: 41.66667%
}

.no-gutter > .col-6 {
    float: left;
    display: block;
    margin-left: 0;
    width: 50%
}

.no-gutter > .col-7 {
    float: left;
    display: block;
    margin-left: 0;
    width: 58.33333%
}

.no-gutter > .col-8 {
    float: left;
    display: block;
    margin-left: 0;
    width: 66.66667%
}

.no-gutter > .col-9 {
    float: left;
    display: block;
    margin-left: 0;
    width: 75%
}

.no-gutter > .col-10 {
    float: left;
    display: block;
    margin-left: 0;
    width: 83.33333%
}

.no-gutter > .col-11 {
    float: left;
    display: block;
    margin-left: 0;
    width: 91.66667%
}

.no-gutter > .col-12 {
    float: left;
    display: block;
    margin-left: 0;
    width: 100%
}

.shift-1 {
    margin-left: 11.33333%
}

.shift-2 {
    margin-left: 19.66667%
}

.shift-3 {
    margin-left: 28%
}

.shift-4 {
    margin-left: 36.33333%
}

.shift-5 {
    margin-left: 44.66667%
}

.shift-6 {
    margin-left: 53%
}

.shift-7 {
    margin-left: 61.33333%
}

.shift-8 {
    margin-left: 69.66667%
}

.shift-9 {
    margin-left: 78%
}

.shift-10 {
    margin-left: 86.33333%
}

.shift-11 {
    margin-left: 94.66667%
}

.shift-12 {
    margin-left: 103%
}

@media screen and (min-width: 481px) {
    .col-s-1 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 5.33333%
    }

    .col-s-2 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 13.66667%
    }

    .col-s-3 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 22%
    }

    .col-s-4 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 30.33333%
    }

    .col-s-5 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 38.66667%
    }

    .col-s-6 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 47%
    }

    .col-s-7 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 55.33333%
    }

    .col-s-8 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 63.66667%
    }

    .col-s-9 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 72%
    }

    .col-s-10 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 80.33333%
    }

    .col-s-11 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 88.66667%
    }

    .col-s-12 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 97%
    }

    .no-gutter > .col-s-1 {
        float: left;
        display: block;
        margin-left: 0;
        width: 8.33333%
    }

    .no-gutter > .col-s-2 {
        float: left;
        display: block;
        margin-left: 0;
        width: 16.66667%
    }

    .no-gutter > .col-s-3 {
        float: left;
        display: block;
        margin-left: 0;
        width: 25%
    }

    .no-gutter > .col-s-4 {
        float: left;
        display: block;
        margin-left: 0;
        width: 33.33333%
    }

    .no-gutter > .col-s-5 {
        float: left;
        display: block;
        margin-left: 0;
        width: 41.66667%
    }

    .no-gutter > .col-s-6 {
        float: left;
        display: block;
        margin-left: 0;
        width: 50%
    }

    .no-gutter > .col-s-7 {
        float: left;
        display: block;
        margin-left: 0;
        width: 58.33333%
    }

    .no-gutter > .col-s-8 {
        float: left;
        display: block;
        margin-left: 0;
        width: 66.66667%
    }

    .no-gutter > .col-s-9 {
        float: left;
        display: block;
        margin-left: 0;
        width: 75%
    }

    .no-gutter > .col-s-10 {
        float: left;
        display: block;
        margin-left: 0;
        width: 83.33333%
    }

    .no-gutter > .col-s-11 {
        float: left;
        display: block;
        margin-left: 0;
        width: 91.66667%
    }

    .no-gutter > .col-s-12 {
        float: left;
        display: block;
        margin-left: 0;
        width: 100%
    }

    .shift-s-1 {
        margin-left: 11.33333%
    }

    .shift-s-2 {
        margin-left: 19.66667%
    }

    .shift-s-3 {
        margin-left: 28%
    }

    .shift-s-4 {
        margin-left: 36.33333%
    }

    .shift-s-5 {
        margin-left: 44.66667%
    }

    .shift-s-6 {
        margin-left: 53%
    }

    .shift-s-7 {
        margin-left: 61.33333%
    }

    .shift-s-8 {
        margin-left: 69.66667%
    }

    .shift-s-9 {
        margin-left: 78%
    }

    .shift-s-10 {
        margin-left: 86.33333%
    }

    .shift-s-11 {
        margin-left: 94.66667%
    }

    .shift-s-12 {
        margin-left: 103%
    }

    .row.reverse-order > * {
        float: right
    }
}

@media screen and (min-width: 661px) {
    .col-m-1 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 5.33333%
    }

    .col-m-2 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 13.66667%
    }

    .col-m-3 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 22%
    }

    .col-m-4 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 30.33333%
    }

    .col-m-5 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 38.66667%
    }

    .col-m-6 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 47%
    }

    .col-m-7 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 55.33333%
    }

    .col-m-8 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 63.66667%
    }

    .col-m-9 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 72%
    }

    .col-m-10 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 80.33333%
    }

    .col-m-11 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 88.66667%
    }

    .col-m-12 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 97%
    }

    .no-gutter > .col-m-1 {
        float: left;
        display: block;
        margin-left: 0;
        width: 8.33333%
    }

    .no-gutter > .col-m-2 {
        float: left;
        display: block;
        margin-left: 0;
        width: 16.66667%
    }

    .no-gutter > .col-m-3 {
        float: left;
        display: block;
        margin-left: 0;
        width: 25%
    }

    .no-gutter > .col-m-4 {
        float: left;
        display: block;
        margin-left: 0;
        width: 33.33333%
    }

    .no-gutter > .col-m-5 {
        float: left;
        display: block;
        margin-left: 0;
        width: 41.66667%
    }

    .no-gutter > .col-m-6 {
        float: left;
        display: block;
        margin-left: 0;
        width: 50%
    }

    .no-gutter > .col-m-7 {
        float: left;
        display: block;
        margin-left: 0;
        width: 58.33333%
    }

    .no-gutter > .col-m-8 {
        float: left;
        display: block;
        margin-left: 0;
        width: 66.66667%
    }

    .no-gutter > .col-m-9 {
        float: left;
        display: block;
        margin-left: 0;
        width: 75%
    }

    .no-gutter > .col-m-10 {
        float: left;
        display: block;
        margin-left: 0;
        width: 83.33333%
    }

    .no-gutter > .col-m-11 {
        float: left;
        display: block;
        margin-left: 0;
        width: 91.66667%
    }

    .no-gutter > .col-m-12 {
        float: left;
        display: block;
        margin-left: 0;
        width: 100%
    }

    .shift-m-1 {
        margin-left: 11.33333%;
    }

>.shift-m-2 {
     margin-left: 19.66667%
 }

>.shift-m-3 {
     margin-left: 28%
 }

>.shift-m-4 {
     margin-left: 36.33333%
 }

>.shift-m-5 {
     margin-left: 44.66667%
 }

>.shift-m-6 {
     margin-left: 53%
 }

>.shift-m-7 {
     margin-left: 61.33333%
 }

>.shift-m-8 {
     margin-left: 69.66667%
 }

>.shift-m-9 {
     margin-left: 78%
 }

>.shift-m-10 {
     margin-left: 86.33333%
 }

>.shift-m-11 {
     margin-left: 94.66667%
 }

>.shift-m-12 {
     margin-left: 103%
 }

    .row.reverse-order > * {
        float: right
    }
}

@media screen and (min-width: 769px) {
    .col-l-1 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 5.33333%
    }

    .col-l-2 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 13.66667%
    }

    .col-l-3 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 22%
    }

    .col-l-4 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 30.33333%
    }

    .col-l-5 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 38.66667%
    }

    .col-l-6 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 47%
    }

    .col-l-7 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 55.33333%
    }

    .col-l-8 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 63.66667%
    }

    .col-l-9 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 72%
    }

    .col-l-10 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 80.33333%
    }

    .col-l-11 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 88.66667%
    }

    .col-l-12 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 97%
    }

    .no-gutter > .col-l-1 {
        float: left;
        display: block;
        margin-left: 0;
        width: 8.33333%
    }

    .no-gutter > .col-l-2 {
        float: left;
        display: block;
        margin-left: 0;
        width: 16.66667%
    }

    .no-gutter > .col-l-3 {
        float: left;
        display: block;
        margin-left: 0;
        width: 25%
    }

    .no-gutter > .col-l-4 {
        float: left;
        display: block;
        margin-left: 0;
        width: 33.33333%
    }

    .no-gutter > .col-l-5 {
        float: left;
        display: block;
        margin-left: 0;
        width: 41.66667%
    }

    .no-gutter > .col-l-6 {
        float: left;
        display: block;
        margin-left: 0;
        width: 50%
    }

    .no-gutter > .col-l-7 {
        float: left;
        display: block;
        margin-left: 0;
        width: 58.33333%
    }

    .no-gutter > .col-l-8 {
        float: left;
        display: block;
        margin-left: 0;
        width: 66.66667%
    }

    .no-gutter > .col-l-9 {
        float: left;
        display: block;
        margin-left: 0;
        width: 75%
    }

    .no-gutter > .col-l-10 {
        float: left;
        display: block;
        margin-left: 0;
        width: 83.33333%
    }

    .no-gutter > .col-l-11 {
        float: left;
        display: block;
        margin-left: 0;
        width: 91.66667%
    }

    .no-gutter > .col-l-12 {
        float: left;
        display: block;
        margin-left: 0;
        width: 100%
    }

    .shift-l-1 {
        margin-left: 11.33333%
    }

    .shift-l-2 {
        margin-left: 19.66667%
    }

    .shift-l-3 {
        margin-left: 28%
    }

    .shift-l-4 {
        margin-left: 36.33333%
    }

    .shift-l-5 {
        margin-left: 44.66667%
    }

    .shift-l-6 {
        margin-left: 53%
    }

    .shift-l-7 {
        margin-left: 61.33333%
    }

    .shift-l-8 {
        margin-left: 69.66667%
    }

    .shift-l-9 {
        margin-left: 78%
    }

    .shift-l-10 {
        margin-left: 86.33333%
    }

    .shift-l-11 {
        margin-left: 94.66667%
    }

    .shift-l-12 {
        margin-left: 103%
    }

    .row.reverse-order > * {
        float: right
    }
}

@media screen and (min-width: 993px) {
    .col-xl-1 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 5.33333%
    }

    .col-xl-2 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 13.66667%
    }

    .col-xl-3 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 22%
    }

    .col-xl-4 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 30.33333%
    }

    .col-xl-5 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 38.66667%
    }

    .col-xl-6 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 47%
    }

    .col-xl-7 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 55.33333%
    }

    .col-xl-8 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 63.66667%
    }

    .col-xl-9 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 72%
    }

    .col-xl-10 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 80.33333%
    }

    .col-xl-11 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 88.66667%
    }

    .col-xl-12 {
        float: left;
        display: block;
        margin-left: 3%;
        width: 97%
    }

    .no-gutter > .col-xl-1 {
        float: left;
        display: block;
        margin-left: 0;
        width: 8.33333%
    }

    .no-gutter > .col-xl-2 {
        float: left;
        display: block;
        margin-left: 0;
        width: 16.66667%
    }

    .no-gutter > .col-xl-3 {
        float: left;
        display: block;
        margin-left: 0;
        width: 25%
    }

    .no-gutter > .col-xl-4 {
        float: left;
        display: block;
        margin-left: 0;
        width: 33.33333%
    }

    .no-gutter > .col-xl-5 {
        float: left;
        display: block;
        margin-left: 0;
        width: 41.66667%
    }

    .no-gutter > .col-xl-6 {
        float: left;
        display: block;
        margin-left: 0;
        width: 50%
    }

    .no-gutter > .col-xl-7 {
        float: left;
        display: block;
        margin-left: 0;
        width: 58.33333%
    }

    .no-gutter > .col-xl-8 {
        float: left;
        display: block;
        margin-left: 0;
        width: 66.66667%
    }

    .no-gutter > .col-xl-9 {
        float: left;
        display: block;
        margin-left: 0;
        width: 75%
    }

    .no-gutter > .col-xl-10 {
        float: left;
        display: block;
        margin-left: 0;
        width: 83.33333%
    }

    .no-gutter > .col-xl-11 {
        float: left;
        display: block;
        margin-left: 0;
        width: 91.66667%
    }

    .no-gutter > .col-xl-12 {
        float: left;
        display: block;
        margin-left: 0;
        width: 100%
    }

    .shift-xl-1 {
        margin-left: 11.33333%
    }

    .shift-xl-2 {
        margin-left: 19.66667%
    }

    .shift-xl-3 {
        margin-left: 28%
    }

    .shift-xl-4 {
        margin-left: 36.33333%
    }

    .shift-xl-5 {
        margin-left: 44.66667%
    }

    .shift-xl-6 {
        margin-left: 53%
    }

    .shift-xl-7 {
        margin-left: 61.33333%
    }

    .shift-xl-8 {
        margin-left: 69.66667%
    }

    .shift-xl-9 {
        margin-left: 78%
    }

    .shift-xl-10 {
        margin-left: 86.33333%
    }

    .shift-xl-11 {
        margin-left: 94.66667%
    }

    .shift-xl-12 {
        margin-left: 103%
    }

    .row.reverse-order > * {
        float: right
    }
}


body {
    padding-top: 3.500em
}

.site-header {
    position: fixed;
    width: 100%;
    top: 0
}

@media screen and (min-width: 769px) {
    body {
        padding-top: 0
    }

    body.site-smb ul.menu-utility {
        display: none
    }

    body.sticky-header-on {
        padding-top: 10.438em
    }

    body.sticky-header-on > .site-header {
        top: -4.750em;
        position: fixed;
        width: 100%
    }

    body.sticky-header-on .site-top {
        display: none
    }

    body.sticky-header-on.site-homepage, body.sticky-header-on.header-compact {
        padding-top: 0
    }

    body.sticky-header-on.site-homepage .site-header, body.sticky-header-on.header-compact .site-header {
        position: relative
    }

    body.sticky-header.header-compact {
        padding-top: 4.775em
    }

    body.sticky-header.header-compact .site-header {
        position: fixed
    }

    body.sticky-header.sticky-header-on.header-compact {
        padding-top: 4.775em
    }

    body.sticky-header.sticky-header-on.header-compact .site-header {
        position: fixed;
        top: 0
    }

    .site-header {
        position: relative
    }

    .site-header .site-title {
        padding: 0 0 0.85em;
        width: auto;
        font-size: 1.5em
    }

    .site-header .site-title i.kaspersky-logo {
        width: 164px
    }
}

ul.regular {
    margin-bottom: 0
}

ul.regular > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

ul.regular > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

ul.regular > li > a {
    display: block;
    padding: 0.4em 2em;
    color: #666;
    font-size: 0.875em;
    line-height: 1.3;
    font-weight: 500
}

ul.regular > li > a span {
    font-size: 0.875em;
    opacity: .75
}

ul.regular > li > a:hover {
    color: #006D5C
}

ul.regular > li > a:hover span {
    color: #666
}

ul.regular > li.active > a {
    color: #006D5C
}

ul.regular > li.active > a span {
    font-size: 0.875em;
    color: #666;
    opacity: .75
}

ul.regular > li.title h6 {
    margin: 0;
    padding: 0.4em 2.3334em;
    color: #80a3b3;
    line-height: 1.3;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase
}

ul.regular > li.title p {
    margin: 0 2.3334em 0.75em 2.3334em;
    padding-bottom: 0.75em;
    color: #80a3b3;
    color: rgba(130, 130, 130, 0.6);
    line-height: 1.3;
    font-size: 0.75em;
    font-weight: 300;
    border-bottom: 1px solid #DFEDF1
}

ul.regular > li.all-products a {
    color: #80a3b3;
    font-size: 0.75em;
    padding: 0.4em 2.3334em
}

ul.regular > li.all-products a:hover {
    color: #006D5C
}

.site-header .main-nav {
    position: relative;
    border-top: 1px solid #EFEFEF
}

.site-header .main-nav:after {
    clear: both;
    content: "";
    display: table
}

.site-header .main-nav.search-active {
    border-top: 1px solid transparent
}

.site-header .main-nav.search-active ul.main-menu li {
    display: none
}

.site-header .main-nav.search-active ul.main-menu li.search {
    display: block;
    width: 100%;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 2px rgba(176, 176, 176, 0.53);
    display: block;
    float: right;
    margin-right: 0
}

.site-header .main-nav.search-active ul.main-menu li.search form {
    display: block
}

.site-header .main-nav.search-active ul.main-menu li.search a.close-search {
    display: block
}

.site-header .main-menu {
    float: left;
    width: 100%
}

.site-header .main-menu > li {
    position: relative;
    float: left;
    margin: 0 1em
}

.site-header .main-menu > li a {
    display: block
}

.site-header .main-menu > li > a {
    display: block;
    color: #333;
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1;
    padding: 17px 0 16px 0;
    border-bottom: 3px solid transparent;
    -webkit-transition: border-color 0.15s ease-in;
    -moz-transition: border-color 0.15s ease-in;
    transition: border-color 0.15s ease-in
}

.site-header .main-menu > li > ul {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 100;
    width: 250px;
    padding: 1em 0;
    background: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 2px solid #ddd;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2)
}

.site-header .main-menu > li > ul:after {
    clear: both;
    content: "";
    display: table
}

.site-header .main-menu > li > ul > li {
    border-left: 3px solid transparent;
    -webkit-transition: border-color 0.15s ease-in;
    -moz-transition: border-color 0.15s ease-in;
    transition: border-color 0.15s ease-in
}

.site-header .main-menu > li > ul > li:hover {
    border-color: #ddd;
    -webkit-transition: border-color 0.1s ease-in;
    -moz-transition: border-color 0.1s ease-in;
    transition: border-color 0.1s ease-in
}

.site-header .main-menu > li > ul > li > a {
    padding: 0.4em 10%;
    color: #666;
    font-size: 0.875em;
    line-height: 1.3
}

.site-header .main-menu > li > ul > li.active {
    border-color: #009981
}

.site-header .main-menu > li:first-child {
    margin-left: 0
}

.site-header .main-menu li:hover > a {
    color: #006D5C;
    border-color: #ddd;
    -webkit-transition: border-color 0.1s ease-in;
    -moz-transition: border-color 0.1s ease-in;
    transition: border-color 0.1s ease-in
}

.site-header .main-menu li:hover > ul {
    display: block
}

.site-header .main-menu > li.dropdown > a {
    position: relative;
    padding-right: 1.125em
}

.site-header .main-menu > li.dropdown > a:after {
    content: '\f078';
    position: absolute;
    right: 0;
    top: 50%;
    opacity: .5;
    margin-top: -0.5em;
    font-size: .5em
}

.site-header .main-menu > li.dropdown:hover > a {
    border-color: #ddd
}

.site-header .main-menu > li.active > a, .site-header .main-menu > li.active.dropdown:hover > a {
    border-color: #009981
}

.site-header .main-menu > li.dropdown.mega {
    position: static
}

.site-header .main-menu > li.dropdown.mega > ul {
    right: 0;
    width: auto;
    padding: 0;
    background: #F6FBFD
}

.site-header .main-menu > li.dropdown.mega > ul > li {
    position: relative;
    border-left: none;
    margin-left: 75%
}

.site-header .main-menu > li.dropdown.mega > ul > li.first {
    float: left;
    width: 75%;
    margin-left: 0;
    background: #fafafa
}

.site-header .main-menu > li.dropdown.mega > ul > li.first:after {
    content: '';
    position: absolute;
    z-index: 100;
    top: 0;
    bottom: 0;
    right: 1px;
    width: 1px;
    background: #E2EDF2
}

.site-header .main-menu > li.dropdown.mega.mega-small > ul {
    right: auto;
    width: 700px
}

.site-header .main-menu > li.dropdown.mega.mega-small > ul > li {
    margin-left: 50%
}

.site-header .main-menu > li.dropdown.mega.mega-small > ul > li.first {
    width: 50%;
    margin-left: 0
}

.site-header .main-menu li.search {
    float: right;
    margin-right: 0
}

.site-header .main-menu li.search a {
    float: left;
    font-size: 1em;
    line-height: 1;
    padding: 1.1em 0.3em 0.7em 1em
}

.site-header .main-menu li.search a i {
    color: #d5d5d5
}

.site-header .main-menu li.search a:hover i, .site-header .main-menu li.search a.active i {
    color: #006D5C;
    width: 3.5%;
    -webkit-transition: color 0.15s ease-in;
    -moz-transition: color 0.15s ease-in;
    transition: color 0.15s ease-in
}

.site-header .main-menu li.search a.close-search {
    display: none;
    padding: 1.1em 0.8em 0.7em 1em;
    float: right
}

.site-header .main-menu li.search form {
    display: none;
    float: left;
    width: 90%
}

.site-header .main-menu li.search form input {
    border: none;
    outline: none;
    font-size: 0.875em;
    margin: 5px 5px 4px 5px;
    padding: 0.7em 4em 0.7em 0.4em;
    box-shadow: none
}

.site-header .main-menu li.search:hover a {
    border-color: transparent
}

.site-header .main-menu .featured {
    position: relative;
    margin: 0
}

.site-header .main-menu .featured:after {
    clear: both;
    content: "";
    display: table
}

.site-header .main-menu .featured li {
    position: relative;
    top: -1px;
    padding: 1.25em 1.5em;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee
}

.site-header .main-menu .featured li > a {
    color: #444;
    font-size: 1.25em;
    font-weight: 700;
    letter-spacing: -0.02em
}

.site-header .main-menu .featured li > a span {
    display: block;
    padding: 0.25em 0;
    font-size: 0.65em;
    font-weight: 500
}

.site-header .main-menu .featured li > a span.surtitle {
    color: #006D5C
}

.site-header .main-menu .featured li > a span.subtitle {
    font-family: "MuseoSlab", "Georgia", Times, serif
}

.site-header .main-menu .featured li figure {
    float: left;
    width: 70px;
    margin: 0 0.75em 0.75em 0
}

.site-header .main-menu .featured li figure img {
    max-width: 100%
}

.site-header .main-menu .featured li .desc {
    margin-top: 0.4em
}

.site-header .main-menu .featured li .desc p {
    margin-bottom: 0.6em;
    font-size: 0.75em;
    color: #888;
    line-height: 1.3
}

.site-header .main-menu .featured li .desc p a {
    display: inline;
    color: #006D5C
}

.site-header .main-menu .featured li .desc p a:hover {
    color: #005346
}

.site-header .main-menu .featured li.title {
    display: none !important
}

.site-header .main-menu .featured.featured-small {
    padding: 0 1.5em
}

.site-header .main-menu .featured.featured-small li {
    position: relative;
    top: auto;
    margin-bottom: 1em;
    padding: 1.25em 0 0em 0;
    border-right: none;
    border-bottom: none;
    border-top: 1px solid #e5e5e5
}

.site-header .main-menu .featured.featured-small li > a {
    font-size: 1em
}

.site-header .main-menu .featured.featured-small li figure {
    width: 40px;
    margin: 0 1em 1em 0
}

.site-header .main-menu .featured.featured-small li .desc {
    margin-top: 0.2em
}

.site-header .main-menu .featured.featured-small li .desc p {
    margin-bottom: 0.3em
}

.site-header .main-menu .featured.featured-small li:first-child {
    border-top: none
}

.site-header .main-menu .featured.featured-big li > a {
    margin-top: 1em;
    font-size: 1.625em
}

.site-header .main-menu .featured.featured-big li figure {
    width: 85px;
    margin: 0 0.75em 0.5em 0
}

.site-header .main-menu .featured.featured-big li .desc {
    clear: left;
    margin-top: 0
}

.site-header .main-menu .featured.featured-big li .desc p {
    line-height: 1.5;
    margin-bottom: 0.75em
}

.site-header .main-menu .featured.featured-big li:first-child {
    border-top: none
}

.site-header ul.regular {
    padding-top: 1.25em
}

.site-header .main-search {
    float: right
}

body.sticky-header-on .site-header .main-nav.search-active ul.main-menu li.search {
    box-shadow: none
}

.menu-utility > li {
    position: relative
}

.menu-utility > li > ul {
    display: none;
    position: absolute;
    top: 25px;
    left: -207px;
    z-index: 100;
    width: 330px;
    background: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 2px solid #ddd;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2)
}

.menu-utility > li > ul:after {
    clear: both;
    content: "";
    display: table
}

.menu-utility > li > ul > li {
    border-left: 3px solid transparent
}

.menu-utility > li > ul > li > a {
    color: #666;
    font-size: 0.875em;
    line-height: 1.3
}

.menu-utility > li > ul > li.active {
    border-color: #009981
}

.menu-utility > li:first-child {
    margin-left: 0
}

.menu-utility li:hover > a {
    color: #006D5C
}

.menu-utility li:hover > ul {
    display: block
}

.menu-utility > li.dropdown > a {
    position: relative;
    padding-right: 16px;
    padding-bottom: 0.750em;
    padding-top: 0.750em
}

.menu-utility > li.dropdown > a:after {
    content: '\f078';
    position: absolute;
    right: 0;
    top: 50%;
    opacity: .5;
    margin-top: -0.5em;
    font-size: .5em
}

.menu-utility > li.dropdown ul li {
    float: left;
    width: 33.3%
}

.menu-utility > li.dropdown ul li:first-child a {
    border-left: 0
}

.menu-utility > li.dropdown ul li a {
    float: left;
    height: 100%;
    text-align: center;
    width: 100%
}

.menu-utility > li.dropdown ul li a i {
    display: block
}

.mobile-navigation-opened {
    position: fixed;
    overflow: hidden
}

.mobile-navigation-opened body {
    position: fixed;
    overflow: hidden
}

.mobile-menu-wrapper {
    position: relative;
    top: -5em;
    opacity: 0;
    z-index: 997;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.mobile-menu-wrapper.show {
    top: 0;
    opacity: 1;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.mobile-menu-wrapper.show .mobile-nav {
    display: block
}

.mobile-menu-wrapper .background-overlay {
    display: none
}

.mobile-menu-wrapper.show .background-overlay {
    background-color: #fff;
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 900
}

.mobile-nav {
    display: none;
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
    position: fixed;
    height: 100%;
    background-color: #FFF;
    z-index: 999;
    margin-top: -3.5em;
    padding-top: 3.5em
}

.mobile-nav li a {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    display: block;
    padding: 1.6em 1.6em;
    width: 100%;
    color: #272727;
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.2
}

.mobile-nav li a i {
    float: left;
    font-size: 1.3em;
    margin-right: 1em
}

.mobile-nav li a i.icon-small-business {
    margin-top: 0.2em
}

.mobile-nav li a i.icon-medium-business {
    font-size: 1.7em
}

.mobile-nav li a i.icon-enterprise {
    font-size: 1.9em
}

.mobile-nav li a span {
    display: block
}

.mobile-nav li a small {
    color: #a1a1a1;
    display: block;
    font-size: 0.786em
}

.mobile-nav li a small.green-top {
    color: #006D5C
}

.mobile-nav ul.submenu {
    background-color: #fff;
    display: block;
    width: 100%;
    position: fixed;
    right: -101%;
    top: 55px;
    bottom: 0;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.15);
    overflow-y: scroll
}

.mobile-nav ul.submenu.show {
    right: 0;
    z-index: 999;
    transition: all 0.35s ease 0s
}

.mobile-nav ul.submenu.show.push-back > li > a {
    opacity: 0.3;
    transition: all 0.2s ease 0s
}

.mobile-nav ul.submenu ul.submenu {
    top: 55px;
    bottom: 0
}

.mobile-nav li.back a {
    color: #8f8f8f;
    text-transform: uppercase;
    font-size: 0.688em;
    position: relative;
    padding: 1.6em 1.6em 1.4em 3.8em
}

.mobile-nav li.back a::before {
    color: #adadad;
    content: "\f053";
    display: block;
    font-family: "font-icons";
    height: 20px;
    position: absolute;
    left: 2em;
    top: 40%;
    width: 20px
}

.mobile-nav li.menu-item-check a {
    position: relative
}

.mobile-nav li.menu-item-check a::before {
    color: #adadad;
    content: "\e908";
    display: block;
    font-family: "font-icons";
    height: 20px;
    position: absolute;
    right: 1.8em;
    top: 35%;
    width: 20px;
    font-size: 1.2em
}

.mobile-nav li.title {
    background-color: #f4f4f4;
    border-bottom: 1px solid #e6e6e6;
    cursor: default;
    padding: 1em 1.5em
}

.mobile-nav li.title > span {
    color: #9c9c9c;
    font-size: 0.688em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative
}

.mobile-nav li.title > span > i {
    position: absolute;
    margin-right: 0.3em;
    color: #C8C8C8;
    left: 0;
    top: 0;
    font-size: 1.4em;
    margin-top: -3px
}

.mobile-nav li.title > span > i.icon-medium-business {
    font-size: 1.6em
}

.mobile-nav li.title > span > i.icon-enterprise {
    margin-top: -4px;
    font-size: 1.8em
}

.mobile-nav li.title.has-icon > span {
    padding-left: 3em
}

.mobile-nav li.splitter {
    background-color: #e6e6e6;
    display: block;
    height: 0.188em
}

.mobile-nav li.parent > a {
    position: relative
}

.mobile-nav li.parent > a::before {
    color: #adadad;
    content: "\f054";
    display: block;
    font-family: "font-icons";
    height: 20px;
    position: absolute;
    right: 20px;
    top: 40%;
    width: 20px
}

.site-top, .menu-utility, .main-nav {
    display: none
}

.menu-toggle {
    text-indent: -9999px;
    width: 1.375em;
    height: 0.938em;
    margin-top: -0.125em;
    float: left;
    position: absolute;
    left: 0;
    top: 45%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #c5c5c5;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.menu-toggle span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.menu-toggle span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.menu-toggle span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.menu-toggle.open {
    margin-left: -3px
}

.menu-toggle.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -1px;
    left: 4px
}

.menu-toggle.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

.menu-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
    left: 4px
}

@media screen and (min-width: 769px) {
    .site-top, .menu-utility, .main-nav {
        display: block
    }

    .mobile-nav {
        display: none
    }

    .menu-toggle {
        display: none
    }
}

.site-top {
    width: 100%;
    height: 2.500em;
    display: block;
    color: #a9a9a9;
    background-color: #333;
    font-weight: 300;
    position: relative;
    z-index: 999;
    overflow: hidden
}

.site-top .site-nav .label {
    float: left;
    margin-top: 0.688em;
    cursor: default
}

.site-top .site-nav .label p {
    color: #a9a9a9;
    font-size: 0.75em
}

.site-top .site-nav .site-selector {
    float: right
}

.site-top .site-nav .site-selector li {
    float: left
}

.site-top .site-nav .site-selector li a {
    color: #a9a9a9;
    border-right: 1px solid #444444;
    padding: 1.15em;
    display: block;
    font-size: 0.75em;
    float: left
}

.site-top .site-nav .site-selector li a:hover {
    background-color: #444444;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in
}

.site-top .site-nav .site-selector li a > i {
    margin-right: 0.5em;
    color: #717171
}

.site-top .site-nav .site-selector li a span {
    color: #dddddd
}

.site-top .site-nav .site-selector li.active a {
    background-color: #444444
}

.site-top .site-nav .site-selector li:first-child a {
    border-left: 1px solid #444444
}

.site-header {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 998;
    background-color: #FFF
}

.site-header .site-title {
    float: left;
    padding: 0 0 0.5em;
    line-height: 1;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 1em
}

.site-header .site-title a {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    text-indent: -9999px
}

.site-header .site-title a i.kaspersky-logo {
    background-image: url("../images/kl_logo2.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 32px;
    width: 154px;
    margin: 0 auto
}

.site-header .menu-utility {
    float: right;
    padding: 1.8em 0 0 0
}

.site-header .menu-utility > li {
    float: left
}

.site-header .menu-utility > li > a {
    font-size: 0.875em;
    font-weight: 300;
    color: #333;
    margin-left: 1.5em
}

.site-header .menu-utility > li > .button {
    margin-top: -1em;
    font-size: 0.75em;
    font-weight: 700
}

.site-header .menu-utility > li > .button.red, .site-header .menu-utility > li > .button.green {
    color: #fff
}

.site-header .menu-utility > li.cart a {
    font-size: 1em
}

.site-header .menu-utility > li.cart a i {
    font-size: 1.25em;
    color: #d5d5d5
}

.site-header .menu-utility > li.cart a i:hover {
    color: #006D5C;
    -webkit-transition: color 0.15s ease-in;
    -moz-transition: color 0.15s ease-in;
    transition: color 0.15s ease-in
}

.site-header .menu-utility > li.my-kaspersky li {
    border-left: 1px solid #e5e5e5
}

.site-header .menu-utility > li.my-kaspersky li:first-child {
    border-left: none
}

.site-header .menu-utility > li.my-kaspersky li a {
    padding-top: 1.5em;
    padding-bottom: 1em;
    font-size: 0.75em
}

.site-header .menu-utility > li.my-kaspersky li a .font-icons {
    font-size: 1.5em;
    margin-bottom: 0.4em
}

.site-header .menu-utility > li.select-currency {
    position: relative
}

.site-header .menu-utility > li.select-currency > a {
    background: #f8f8f8;
    padding-right: 30px;
    padding-left: 12px
}

.site-header .menu-utility > li.select-currency > a:after {
    right: 14px
}

.site-header .menu-utility > li.select-currency ul {
    left: 1.3125em;
    width: 180px;
    border: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

.site-header .menu-utility > li.select-currency ul li {
    float: none;
    width: auto;
    border: none
}

.site-header .menu-utility > li.select-currency ul li a {
    padding: 0.5em 12px;
    font-size: 0.75em;
    text-align: left
}

.site-header .menu-utility > li.select-currency:hover ul {
    display: none
}

.site-header .menu-utility > li.select-currency.open > a {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2)
}

.site-header .menu-utility > li.select-currency.open ul {
    display: block
}

body {
    padding-top: 3.500em
}

.site-header {
    position: fixed;
    width: 100%;
    top: 0
}

@media screen and (min-width: 769px) {
    body {
        padding-top: 0
    }

    body.site-smb ul.menu-utility {
        display: none
    }

    body.sticky-header-on {
        padding-top: 10.438em
    }

    body.sticky-header-on > .site-header {
        top: -4.750em;
        position: fixed;
        width: 100%
    }

    body.sticky-header-on .site-top {
        display: none
    }

    body.sticky-header-on.site-homepage, body.sticky-header-on.header-compact {
        padding-top: 0
    }

    body.sticky-header-on.site-homepage .site-header, body.sticky-header-on.header-compact .site-header {
        position: relative
    }

    body.sticky-header.header-compact {
        padding-top: 4.775em
    }

    body.sticky-header.header-compact .site-header {
        position: fixed
    }

    body.sticky-header.sticky-header-on.header-compact {
        padding-top: 4.775em
    }

    body.sticky-header.sticky-header-on.header-compact .site-header {
        position: fixed;
        top: 0
    }

    .site-header {
        position: relative
    }

    .site-header .site-title {
        padding: 0 0 0.85em;
        width: auto;
        font-size: 1.5em
    }

    .site-header .site-title i.kaspersky-logo {
        width: 150px
    }
}

.site-header .main-menu .featured li .label {
    position: absolute;
    top: 0;
    left: 2.4em;
    padding: 0.25em;
    line-height: 1;
    font-size: 0.625em;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background: #bbb;
    -webkit-border-bottom-right-radius: 0.3em;
    -webkit-border-bottom-left-radius: 0.3em;
    -moz-border-radius-bottomright: 0.3em;
    -moz-border-radius-bottomleft: 0.3em;
    border-bottom-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em
}

.site-header .main-menu .featured li .label.red {
    background: #ED2939
}

.site-header .main-menu .featured li.promo-menu-item {
    background: #006D5C
}

.site-header .main-menu .featured li.promo-menu-item > * {
    z-index: 10
}

.site-header .main-menu .featured li.promo-menu-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-image: url(../images/bg-green-overlay-bottom.png);
    background-repeat: no-repeat;
    background-position: top right;
    opacity: .75
}

.site-header .main-menu .featured li.promo-menu-item > a {
    position: relative;
    color: #fff
}

.site-header .main-menu .featured li.promo-menu-item > a span {
    color: #fff
}

.site-header .main-menu .featured li.promo-menu-item .desc {
    position: relative
}

.site-header .main-menu .featured li.promo-menu-item .desc p {
    color: #fff;
    color: rgba(255, 255, 255, 0.75)
}

.site-header .main-menu .featured li.promo-menu-item .desc p a {
    color: #fff
}

.site-header .main-menu .featured li.promo-menu-item .thumb {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.5em;
    height: 4em;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 4em
}

.mobile-navigation-opened {
    position: fixed;
    overflow: hidden
}

.mobile-navigation-opened body {
    position: fixed;
    overflow: hidden
}

.mobile-menu-wrapper {
    position: relative;
    top: -5em;
    opacity: 0;
    z-index: 997;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.mobile-menu-wrapper.show {
    top: 0;
    opacity: 1;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.mobile-menu-wrapper.show .mobile-nav {
    display: block
}

.mobile-menu-wrapper .background-overlay {
    display: none
}

.mobile-menu-wrapper.show .background-overlay {
    background-color: #fff;
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 900
}

.mobile-nav {
    display: none;
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
    position: fixed;
    height: 100%;
    background-color: #FFF;
    z-index: 999;
    margin-top: -3.5em;
    padding-top: 3.5em
}

.mobile-nav li a {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    display: block;
    padding: 1.6em 1.6em;
    width: 100%;
    color: #272727;
    font-size: 0.875em;
    font-weight: 300;
    line-height: 1.2
}

.mobile-nav li a i {
    float: left;
    font-size: 1.3em;
    margin-right: 1em
}

.mobile-nav li a i.icon-small-business {
    margin-top: 0.2em
}

.mobile-nav li a i.icon-medium-business {
    font-size: 1.7em
}

.mobile-nav li a i.icon-enterprise {
    font-size: 1.9em
}

.mobile-nav li a span {
    display: block
}

.mobile-nav li a small {
    color: #a1a1a1;
    display: block;
    font-size: 0.786em
}

.mobile-nav li a small.green-top {
    color: #006D5C
}

.mobile-nav ul.submenu {
    background-color: #fff;
    display: block;
    width: 100%;
    position: fixed;
    right: -101%;
    top: 55px;
    bottom: 0;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.15);
    overflow-y: scroll
}

.mobile-nav ul.submenu.show {
    right: 0;
    z-index: 999;
    transition: all 0.35s ease 0s
}

.mobile-nav ul.submenu.show.push-back > li > a {
    opacity: 0.3;
    transition: all 0.2s ease 0s
}

.mobile-nav ul.submenu ul.submenu {
    top: 55px;
    bottom: 0
}

.mobile-nav li.back a {
    color: #8f8f8f;
    text-transform: uppercase;
    font-size: 0.688em;
    position: relative;
    padding: 1.6em 1.6em 1.4em 3.8em
}

.mobile-nav li.back a::before {
    color: #adadad;
    content: "\f053";
    display: block;
    font-family: "font-icons";
    height: 20px;
    position: absolute;
    left: 2em;
    top: 40%;
    width: 20px
}

.mobile-nav li.menu-item-check a {
    position: relative
}

.mobile-nav li.menu-item-check a::before {
    color: #adadad;
    content: "\e908";
    display: block;
    font-family: "font-icons";
    height: 20px;
    position: absolute;
    right: 1.8em;
    top: 35%;
    width: 20px;
    font-size: 1.2em
}

.mobile-nav li.title {
    background-color: #f4f4f4;
    border-bottom: 1px solid #e6e6e6;
    cursor: default;
    padding: 1em 1.5em
}

.mobile-nav li.title > span {
    color: #9c9c9c;
    font-size: 0.688em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative
}

.mobile-nav li.title > span > i {
    position: absolute;
    margin-right: 0.3em;
    color: #C8C8C8;
    left: 0;
    top: 0;
    font-size: 1.4em;
    margin-top: -3px
}

.mobile-nav li.title > span > i.icon-medium-business {
    font-size: 1.6em
}

.mobile-nav li.title > span > i.icon-enterprise {
    margin-top: -4px;
    font-size: 1.8em
}

.mobile-nav li.title.has-icon > span {
    padding-left: 3em
}

.mobile-nav li.splitter {
    background-color: #e6e6e6;
    display: block;
    height: 0.188em
}

.mobile-nav li.parent > a {
    position: relative
}

.mobile-nav li.parent > a::before {
    color: #adadad;
    content: "\f054";
    display: block;
    font-family: "font-icons";
    height: 20px;
    position: absolute;
    right: 20px;
    top: 40%;
    width: 20px
}

.site-top, .menu-utility, .main-nav {
    display: none
}

.menu-toggle {
    text-indent: -9999px;
    width: 1.375em;
    height: 0.938em;
    margin-top: -0.125em;
    float: left;
    position: absolute;
    left: 0;
    top: 45%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #c5c5c5;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.menu-toggle span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.menu-toggle span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.menu-toggle span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.menu-toggle.open {
    margin-left: -3px
}

.menu-toggle.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -1px;
    left: 4px
}

.menu-toggle.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

.menu-toggle.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 15px;
    left: 4px
}

@media screen and (min-width: 769px) {
    .site-top, .menu-utility, .main-nav {
        display: block
    }

    .mobile-nav {
        display: none
    }

    .menu-toggle {
        display: none
    }
}

.site-header .main-menu > li.dropdown.mega.mega-float {
    position: relative
}

.site-header .main-menu > li.dropdown.mega.mega-float > ul {
    right: auto;
    width: 660px
}

.site-header .main-menu > li.dropdown.mega.mega-float > ul > li {
    margin-left: 50%
}

.site-header .main-menu > li.dropdown.mega.mega-float > ul > li.first {
    width: 50%;
    margin-left: 0
}

.site-header .main-menu > li.dropdown.mega.mega-float > ul > li.full {
    float: none;
    width: 100%;
    margin: 0;
    background: #fafafa
}

.site-header .main-menu > li.dropdown.mega.mega-float > ul > li.full:after {
    clear: both;
    content: "";
    display: table
}

.site-header .main-menu .featured.featured-services {
    padding: 0.75em 0
}

.site-header .main-menu .featured.featured-services li {
    margin-bottom: 0.5em;
    padding: 0.75em 0 0em 0;
    border: none
}

.site-header .main-menu .featured.featured-services li > a {
    font-size: 1em;
    font-weight: 500
}

.site-header .main-menu .featured.featured-services li figure {
    width: 1.75em;
    margin-bottom: 0.25em
}

.site-header .main-menu .featured.featured-services li .desc {
    margin-top: 0.2em
}

.site-header .main-menu .featured.featured-services li .desc p {
    margin-bottom: 0.3em
}

.site-header .main-menu .menu-list-wrapper {
    padding: 0.75em 1em 0.5em 1.5em
}

.site-header .main-menu .menu-list {
    padding: 0.75em 0 0.5em 0
}

.site-header .main-menu .menu-list .section-title {
    margin-bottom: 1.1em;
    font-size: 0.75em;
    color: #aaa
}

.site-header .main-menu .menu-list h5 {
    font-size: 1em;
    font-weight: 500
}

.site-header .main-menu .menu-list h5 a {
    font-weight: 500;
    color: #444;
    letter-spacing: -0.02em
}

.site-header .main-menu .menu-list h5 a:hover {
    color: #006D5C
}

.site-header .main-menu .menu-list h5 + .desc {
    margin-top: -0.75em
}

.site-header .main-menu .menu-list p {
    margin-bottom: 0.3em;
    font-size: 0.75em;
    color: #888;
    line-height: 1.3
}

.site-header .main-menu .menu-list .desc {
    margin-bottom: 1em
}

.main {
    background: url("../images/bg-grid.svg") 50% -4em no-repeat;
    background-size: 1920px 821px
}

.main.no-bg {
    background: none
}

.page-header + * {
    margin-top: -4em
}

.page-header + *.big-margin {
    margin-top: -2em
}

.page-header + * .container {
    z-index: 6
}

.no-breadcrumbs {
    padding-top: 4.0625em
}

.little-promo {
    margin: 1em 0 1em 0;
    padding: 1em 1em 0.4em 1em;
    font-size: 1.25em;
    font-weight: 100;
    text-align: center;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.little-promo strong {
    font-weight: 900
}

@media screen and (min-width: 769px) {
    .little-promo {
        font-size: 1.5em
    }
}

.alert-section {
    background: #ED2939
}

.alert-section + * {
    padding-top: 3em
}

.alert-section .container {
    padding: 1em 0 0.5em 0;
    text-align: center
}

.alert-section p {
    margin-bottom: 0.5em;
    color: #fff;
    font-size: 0.875em
}

.alert-section p.big-title {
    margin-bottom: 0;
    font-size: 2.5em;
    font-weight: 900;
    line-height: 1.2
}

.page-headline {
    margin-bottom: 0
}

.page-headline:after {
    clear: both;
    content: "";
    display: table
}

.page-headline .label {
    margin-top: -0.5em;
    margin-bottom: 1em
}

.page-headline .label p {
    display: inline-block;
    margin-bottom: 0;
    padding: 0.25em;
    line-height: 1;
    font-size: .625em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background: #aaa;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em
}

.page-headline .label.red p {
    color: #fff;
    background: #ED2939;
    opacity: .8
}

.page-header {
    position: relative
}

.page-header .container {
    z-index: 5;
    padding-bottom: 5em
}

.page-header.image-bg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto
}

.page-header.image-bg .overlay-1 {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 40%;
    left: 0;
    background: -moz-radial-gradient(top left, ellipse cover, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, top left, 0px, center center, 100%, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-radial-gradient(top left, ellipse cover, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(top left, ellipse cover, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: -ms-radial-gradient(top left, ellipse cover, #fff 0%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at top left, #fff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#00ffffff', GradientType=0);
    opacity: .7
}

.page-header.image-bg .overlay-2 {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.75) 80%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.75) 80%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 30%, rgba(255, 255, 255, 0.75) 80%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26ffffff', endColorstr='#ffffff', GradientType=0)
}

.page-header.image-bg.bg-topleft {
    background-position: 0 0
}

.page-header.image-bg.bg-top {
    background-position: 50% 0
}

.page-header.image-bg.bg-topright {
    background-position: 100% 0
}

.page-header.image-bg.bg-left {
    background-position: 0 50%
}

.page-header.image-bg.bg-right {
    background-position: 100% 50%
}

.page-header.image-bg.bg-bottomleft {
    background-position: 0 100%
}

.page-header.image-bg.bg-bottom {
    background-position: 50% 100%
}

.page-header.image-bg.bg-bottomright {
    background-position: 100% 100%
}

.page-header.padding .container {
    padding-top: 2em
}

.page-header .page-info {
    min-height: 1em;
    margin-bottom: 1em
}

.page-header .page-info:after {
    clear: both;
    content: "";
    display: table
}

.page-header .page-headline figure {
    display: none
}

.page-header .page-headline.show-figure {
    text-align: center
}

.page-header .page-headline.show-figure figure {
    margin-bottom: 1em;
    display: inline-block;
    width: 7em
}

.page-header .page-headline.big-headline {
    margin-bottom: 2em
}

.page-header .page-headline.big-headline .page-title {
    margin-bottom: 0;
    text-transform: none;
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: 900;
    line-height: 1.2;
    color: #333
}

.page-header .page-headline.big-headline .page-title + .button {
    margin-top: 1.5em
}

.page-header .page-headline.big-headline .page-desc {
    margin-bottom: 0;
    line-height: 1.2;
    text-align: center;
    font-size: 1.25em;
    font-weight: 100;
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    text-transform: none
}

.page-header .page-headline.big-headline .page-desc + .button {
    margin-top: 1.5em
}

.page-header .page-headline.big-headline p {
    margin: 1em 0 0 0;
    text-align: center;
    font-family: "MuseoSlab", "Georgia", Times, serif
}

.page-header .page-headline .side-ctas {
    margin-top: 4.0625em
}

.page-header .page-headline .side-ctas.equal-buttons .button {
    width: 100%
}

.page-header h1, .page-header .page-title {
    margin-bottom: 0.5em;
    font-size: 1.5em;
    font-weight: 900;
    color: #333;
    text-align: center;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7);
    text-transform: uppercase
}

.page-header h2, .page-header .page-desc {
    font-size: 1em;
    font-weight: 300;
    line-height: 1.4;
    font-family: "MuseoSlab", "Georgia", Times, serif;
    color: #444;
    text-align: center;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7)
}

.page-header h3, .page-header .page-surtitle {
    margin-bottom: 0;
    font-size: 1.25em;
    font-weight: 500;
    color: #006D5C;
    text-align: center;
    text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.7)
}

.page-header .breadcrumbs {
    display: none;
    float: left;
    margin: 2em 0 0 0;
    font-size: 0.75em;
    color: #777
}

.page-header .breadcrumbs:after {
    clear: both;
    content: "";
    display: table
}

.page-header .breadcrumbs a {
    position: relative;
    display: block;
    float: left;
    margin: 0 1.5em;
    line-height: 1;
    color: #888;
    color: rgba(85, 85, 85, 0.6)
}

.page-header .breadcrumbs a:before {
    content: '\f054';
    position: absolute;
    top: 50%;
    left: -2.5em;
    margin-top: -0.6em;
    margin-left: -0.5em;
    font-size: 7px;
    color: #bbb;
    pointer-events: none;
    cursor: default
}

.page-header .breadcrumbs a:first-child {
    margin-left: 0
}

.page-header .breadcrumbs a:first-child:before {
    display: none
}

.page-header .breadcrumbs a:hover {
    color: #666
}

.page-header ul.quick-menu {
    display: none;
    float: right;
    margin-bottom: 0
}

.page-header ul.quick-menu > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.page-header ul.quick-menu > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.page-header ul.quick-menu li {
    float: left;
    border-left: 1px solid rgba(255, 255, 255, 0.15)
}

.page-header ul.quick-menu li a {
    display: block;
    padding: 0.8em 1em;
    line-height: 1.3;
    font-size: .75em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #006D5C
}

.page-header ul.quick-menu li a:hover {
    background-color: #005446;
    -webkit-transition: background-color 0.15s ease-in;
    -moz-transition: background-color 0.15s ease-in;
    transition: background-color 0.15s ease-in
}

.excerpt {
    margin-bottom: 1em
}

.excerpt p {
    font-size: 1.125em;
    font-weight: 500
}

.small-header {
    min-height: 250px
}

.small-header + * {
    margin-top: -210px
}

.product-header .page-headline {
    text-align: center
}

.product-header .page-headline .product-promos .documents {
    margin: 0.75em 0 1.5em 0;
    font-size: 0.875em
}

.product-header .page-headline figure {
    margin-bottom: 1em
}

.product-header .page-headline figure img {
    max-width: 8.75em
}

.product-header .page-headline .reviews {
    margin-bottom: 1em
}

.product-header .page-headline .promo-tag {
    margin-bottom: 1em
}

.product-header .page-headline .desc .button {
    margin-bottom: 2em
}

.product-header .page-desc {
    font-size: 1em;
    font-weight: 500
}

.product-header .notification {
    padding-top: 2em;
    text-align: center;
    border-top: 1px solid #e5e5e5
}

.product-header .notification h3 {
    font-size: 1.125em;
    text-transform: uppercase
}

.product-header .comparison-section-1up .page-headline {
    margin-bottom: 3em
}

.post .page-header h1, .post .page-header .page-title {
    text-transform: none;
    font-weight: 700
}

.compact-headline {
    padding-top: 1em;
    padding-left: 5em
}

.compact-headline figure {
    float: left;
    max-width: 4.25em;
    margin-top: -1.25em;
    margin-left: -5em
}

.compact-headline .product-title {
    font-size: 1.25em
}

.compact-headline .excerpt {
    clear: both;
    margin-left: -5em
}

.compact-headline .excerpt p {
    font-size: 1em
}

.compact-headline.page-headline {
    text-align: left
}

.compact-headline.page-headline figure img {
    max-width: 100%
}

.compact-headline.page-headline .product-title {
    font-size: 1.25em
}

@media screen and (min-width: 769px) {
    .page-headline .label {
        margin-top: -1.5em
    }

    .page-header .container {
        padding-bottom: 6em
    }

    .page-header .page-info {
        min-height: 3em
    }

    .page-header .page-headline.show-figure {
        text-align: left;
        padding-left: 15em
    }

    .page-header .page-headline.show-figure figure {
        position: relative;
        left: -1em;
        float: left;
        width: 13em;
        margin-left: -15em;
        margin-bottom: 1em;
        display: block
    }

    .page-header .page-headline.small-headline h1, .page-header .page-headline.small-headline .page-title {
        font-size: 2em;
        font-weight: 500
    }

    .page-header .page-headline.small-headline h2, .page-header .page-headline.small-headline .page-desc {
        font-size: 1em
    }

    .page-header .page-headline.small-headline.show-figure {
        padding-left: 12em
    }

    .page-header .page-headline.small-headline.show-figure figure {
        margin-left: -12em;
        width: 10em
    }

    .page-header .page-headline.big-headline {
        text-align: center
    }

    .page-header .page-headline.big-headline .page-title {
        padding: 0;
        line-height: 1.1;
        text-align: center;
        font-size: 3em
    }

    .page-header .page-headline.big-headline .page-title:before {
        display: none
    }

    .page-header .page-headline.big-headline .page-desc {
        padding: 0;
        font-size: 2em;
        color: #666
    }

    .page-header .page-headline.big-headline .page-desc:before {
        display: none
    }

    .page-header .page-headline.big-headline p {
        font-size: 1.25em
    }

    .page-header .page-headline.big-headline.show-figure {
        text-align: center;
        padding-left: 0
    }

    .page-header .page-headline.big-headline.show-figure figure {
        left: auto;
        top: -0.75em;
        float: none;
        width: 7.5em;
        margin: 0 auto
    }

    .page-header .page-headline .side-ctas {
        margin-top: 4.0625em
    }

    .page-header .page-headline .side-ctas.equal-buttons .button {
        width: 13.33em
    }

    .page-header .breadcrumbs, .page-header ul.quick-menu {
        display: block
    }

    .page-header h1, .page-header .page-title {
        font-size: 2.25em;
        position: relative;
        left: -0.05em;
        text-align: left
    }

    .page-header h2, .page-header .page-desc {
        font-size: 1.25em;
        position: relative;
        padding: 0 10% 0 1em;
        text-align: left
    }

    .page-header h2:before, .page-header .page-desc:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0.25em;
        bottom: 0.25em;
        width: 4px;
        background: #009981
    }

    .page-header h3, .page-header .page-surtitle {
        font-size: 1.5em;
        text-align: left
    }

    .page-header.image-bg.bg-d-topleft {
        background-position: 0 0
    }

    .page-header.image-bg.bg-d-top {
        background-position: 50% 0
    }

    .page-header.image-bg.bg-d-topright {
        background-position: 100% 0
    }

    .page-header.image-bg.bg-d-left {
        background-position: 0 50%
    }

    .page-header.image-bg.bg-d-right {
        background-position: 100% 50%
    }

    .page-header.image-bg.bg-d-bottomleft {
        background-position: 0 100%
    }

    .page-header.image-bg.bg-d-bottom {
        background-position: 50% 100%
    }

    .page-header.image-bg.bg-d-bottomright {
        background-position: 100% 100%
    }

    .small-header + * {
        margin-top: -190px
    }

    .small-header.product-header + * {
        margin-top: -170px
    }

    .product-header .gallery-section {
        padding-top: 2em
    }

    .product-header .gallery-section figure {
        margin-bottom: 1em
    }

    .product-header .form-standard {
        padding-left: 4%;
        border-left: 1px solid #e5e5e5
    }

    .product-header .buy-section {
        padding-left: 2%;
        padding-top: 3em
    }

    .product-header .page-headline {
        padding-top: 3em;
        padding-left: 11em;
        text-align: left
    }

    .product-header .page-headline:after {
        clear: both;
        content: "";
        display: table
    }

    .product-header .page-headline figure {
        float: left;
        max-width: 8.75em;
        margin-top: -3em;
        margin-left: -11em
    }

    .product-header .page-headline figure img {
        max-width: 100%
    }

    .product-header .page-headline .product-promos {
        margin-bottom: 2em
    }

    .product-header .page-headline .product-promos .reviews {
        margin-top: 0.5em
    }

    .product-header .page-headline .product-promos .promo-tag {
        float: right;
        margin-top: -0.5em
    }

    .product-header .page-headline .product-promos .documents {
        margin: 0 0 0.5em 0.5em;
        float: right
    }

    .product-header .page-headline .product-promos.divider {
        margin-bottom: 1.5em
    }

    .product-header .page-headline.small-headline {
        padding-top: 1.5em;
        padding-left: 8em
    }

    .product-header .page-headline.small-headline figure {
        margin-top: -1.4em;
        margin-left: -8em;
        max-width: 6em
    }

    .product-header .page-headline.small-headline h1, .product-header .page-headline.small-headline .page-title, .product-header .page-headline.small-headline .product-title {
        font-size: 2em;
        font-weight: 500
    }

    .product-header .page-headline.icon-large {
        padding-left: 15em
    }

    .product-header .page-headline.icon-large figure {
        max-width: 13em;
        margin-left: -15em;
        margin-top: -2em
    }

    .product-header .page-headline.no-figure {
        padding-left: 0
    }

    .product-header .page-headline.no-top {
        padding-top: 0
    }

    .product-header .page-desc {
        font-size: 1.25em;
        font-family: "MuseoSlab", "Georgia", Times, serif;
        position: relative;
        margin-bottom: 1em;
        padding: 0 0 0.75em 1em;
        text-align: left;
        font-weight: 300;
        line-height: 1.4;
        color: #444
    }

    .product-header .page-desc:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0.25em;
        bottom: 1em;
        width: 4px;
        background: #009981
    }

    .product-header .notification {
        margin-top: 1em;
        padding: 1em 0 0 2em;
        text-align: left;
        border-top: none;
        border-left: 1px solid #e5e5e5
    }

    .product-header .notification h3 {
        margin-bottom: 0.5em
    }

    .compact-headline .product-title {
        font-size: 2.5em
    }

    .compact-headline .excerpt {
        clear: none;
        margin-left: auto
    }

    .compact-headline .excerpt p {
        font-size: 1.125em;
        margin-bottom: 0.875em
    }

    .compact-headline.page-headline .product-title {
        font-size: 2.5em
    }
}

.page-header.solid + * {
    margin-top: 4em
}

.page-header.solid .page-headline {
    margin-top: 2.5em
}

.page-header.solid .container {
    padding-bottom: 3em
}

.page-header.solid hr {
    opacity: 0.3;
    margin-top: 1.500em;
    margin-bottom: 1.250em
}

.page-header.solid h1 + p.short-info {
    margin-top: 0;
    margin-bottom: 1em;
    text-align: center
}

.page-header.dark-background {
    background-position-x: 50%;
    background-size: cover
}

.page-header.dark-background h1, .page-header.dark-background h2, .page-header.dark-background h3, .page-header.dark-background h4 {
    color: #fff
}

.page-header.dark-background .breadcrumbs a {
    color: #FFF;
    opacity: 0.7
}

.page-header.dark-background .breadcrumbs a:hover {
    opacity: 1
}

.page-header.dark-background .breadcrumbs a:hover:before {
    opacity: 0.5
}

.page-header.dark-background .breadcrumbs a:before {
    color: #ddd;
    opacity: 0.7
}

.page-header .overlay-light-green {
    position: absolute;
    display: block;
    opacity: 0.7;
    top: 0;
    left: 0;
    background-color: #356961;
    width: 100%;
    height: 100%
}

.page-header .page-headline.dark-background h1, .page-header .page-headline.dark-background h2, .page-header .page-headline.dark-background h3, .page-header .page-headline.dark-background h4, .page-header .page-headline.dark-background h5, .page-header .page-headline.dark-background p, .page-header .page-headline.dark-background strong {
    color: #fff;
    text-shadow: none
}

@media screen and (min-width: 769px) {
    .page-header .button.right {
        float: right
    }

    .page-header.solid h1 + p.short-info {
        margin-top: -1em;
        margin-bottom: 0;
        text-align: left
    }

    .page-header.dark-background h3.page-surtitle {
        margin-top: -0.5em
    }
}

.page-header .overlay-grey {
    position: absolute;
    display: block;
    opacity: 0.5;
    top: 0;
    left: 0;
    background-color: #333333;
    width: 100%;
    height: 100%
}

.product-header .container.divider {
    border-bottom-color: rgba(0, 0, 0, 0.1)
}

.product-header .page-headline .product-desc {
    font-size: 1.125em;
    font-weight: 100
}

.taller-header {
    min-height: 350px
}

.taller-header + * {
    margin-top: -310px
}

.page-header ul.quick-menu li a.banner {
    text-transform: none;
    position: relative
}

.page-header ul.quick-menu li a.banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-image: url(images/bg-green-overlay-bottom.png);
    background-repeat: no-repeat;
    background-position: top right;
    opacity: .75
}

.page-header ul.quick-menu li a.banner .thumb {
    position: relative;
    z-index: 10;
    display: none
}

.page-header ul.quick-menu li a.banner span {
    position: relative;
    z-index: 10;
    display: block
}

.page-header ul.quick-menu li a.banner span.surtitle {
    position: relative;
    top: -0.15em;
    font-size: 0.8334em;
    opacity: .7;
    text-transform: uppercase
}

.page-header ul.quick-menu li a.banner span.larger-title {
    font-size: 1.25em;
    line-height: 1
}

.page-header ul.quick-menu li a.banner.product-banner {
    position: relative;
    padding-left: 5em
}

.page-header ul.quick-menu li a.banner.product-banner .thumb {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 4em;
    background-repeat: no-repeat;
    background-position: right 1em;
    background-size: 4.25em
}

@media screen and (min-width: 769px) {
    .product-header .page-headline.smaller-headline {
        padding-top: 1.5em;
        padding-left: 8em
    }

    .product-header .page-headline.smaller-headline figure {
        margin-top: -1.4em;
        margin-left: -8em;
        max-width: 6em
    }

    .product-header .page-headline .product-desc {
        margin-top: -0.5em;
        font-size: 1.25em
    }

    .taller-header {
        min-height: 400px
    }

    .taller-header + * {
        margin-top: -340px
    }
}

.page-header ul.quick-menu {
    display: none;
    float: right;
    margin-bottom: 0
}

.page-header ul.quick-menu > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.page-header ul.quick-menu > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.page-header ul.quick-menu li {
    float: left;
    border-left: 1px solid rgba(255, 255, 255, 0.15)
}

.page-header ul.quick-menu li a {
    display: block;
    padding: 0.8em 1em;
    line-height: 1.3;
    font-size: .75em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #006D5C
}

.page-header ul.quick-menu li a:hover {
    background-color: #005446;
    -webkit-transition: background-color 0.15s ease-in;
    -moz-transition: background-color 0.15s ease-in;
    transition: background-color 0.15s ease-in
}

.page-header ul.quick-menu li.red-item a {
    background: #ED2939
}

.page-header ul.quick-menu li.red-item a:hover {
    background: #db1223
}

.page-header ul.quick-menu.always-show {
    display: block
}

@media screen and (min-width: 769px) {
    .page-header ul.quick-menu {
        display: block
    }
}

.page-header.divider {
    margin-bottom: 7em
}

.page-header.divider .container {
    padding-bottom: 2em
}

.page-header .page-headline.big-headline {
    margin-top: 2em
}

@media screen and (min-width: 769px) {
    .page-header .page-headline.variant-2.divider {
        margin-bottom: 2em;
        padding-bottom: 2.5em
    }
}

.promoline {
    position: relative;
    padding: 0.25em;
    background: #eee;
    text-align: center
}

.promoline p {
    margin: 0;
    font-size: .875em;
    font-weight: 700;
    color: #aaa
}

.promoline:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #eee
}

.promo-guarantee {
    position: relative;
    text-align: center
}

.promo-guarantee:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #eee
}

.promo-guarantee > * {
    position: relative;
    z-index: 5
}

.promo-guarantee p {
    display: inline-block;
    margin: 0;
    padding: 0 0.5em;
    font-size: 1em;
    font-weight: 500;
    color: #ccc;
    line-height: 1;
    letter-spacing: -0.05em;
    background: #fff
}

.promo-guarantee p .large {
    display: block;
    font-size: 1.5em;
    font-weight: 900;
    letter-spacing: normal
}

.featured-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05)
}

.featured-item .promoline {
    background: #ED2939
}

.featured-item .promoline p {
    color: #fff
}

.featured-item .promoline:after {
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ED2939
}

.check-list, ul.check-list {
    margin-bottom: 0;
    margin-bottom: 2em
}

.check-list > li, ul.check-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.check-list > li:before, ul.check-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.check-list li, ul.check-list li {
    position: relative;
    padding-left: 1.75em;
    font-size: .9375em;
    line-height: 1.4;
    margin-bottom: 0.75em
}

.check-list li:before, ul.check-list li:before {
    display: block;
    content: "\e908";
    position: absolute;
    top: 0.1em;
    left: 0;
    font-size: 1.125em
}

.reviews p {
    display: inline-block;
    margin: 0 0 0 0.5em;
    font-size: 0.6875em;
    color: #aaa;
    text-transform: uppercase
}

.reviews p a {
    font-size: 1em;
    color: #aaa
}

.starbar {
    display: inline-block
}

.starbar:after {
    clear: both;
    content: "";
    display: table
}

.starbar .icon-star {
    position: relative;
    float: left;
    display: block;
    font-size: .625em;
    color: #FFC200
}

.starbar .icon-star.empty {
    color: #e5e5e5
}

.starbar .icon-star.half {
    position: relative;
    color: #e5e5e5
}

.starbar .icon-star.half:after {
    content: "\e912";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    color: #FFC200;
    overflow: hidden
}

.price {
    text-align: center
}

.price p {
    margin: 0;
    line-height: 1.3;
    font-size: 1.5em;
    color: #444;
    font-weight: 700
}

.price p .price-from {
    display: inline-block;
    vertical-align: text-top;
    padding-right: 0.5em;
    font-size: 0.65em;
    color: #aaa;
    font-weight: 500;
    text-transform: uppercase
}

.price p.price-old {
    font-size: .9375em
}

.price p.price-old .price-cut {
    font-weight: 300;
    color: #777;
    text-decoration: line-through
}

.price p.price-old .price-new {
    padding-left: 0.2em;
    font-size: 1.5em;
    color: #444;
    font-weight: 700
}

.price p.price-old .price-saving {
    padding-left: 0.4em;
    font-size: .8125em;
    font-weight: 700;
    color: #ED2939
}

.price p .note {
    display: block;
    font-size: 0.6125em;
    font-weight: 400
}

.download-section .download-box-wrapper {
    padding: 2.5em 1.5em 1.25em 1.5em;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05)
}

.download-section .download-box-wrapper .button {
    margin-bottom: 1.75em
}

.buy-block .links {
    margin-top: 0.75em
}

.buy-block .links p {
    margin-bottom: 0.5em;
    font-size: 0.75em
}

.buy-block .links p a {
    color: #777
}

.buy-block .links p a:hover {
    color: #005446
}

.buy-block .details-list {
    position: relative;
    margin-top: 0.25em;
    margin-bottom: 0.75em;
    padding: 0.25em;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-top: none
}

.buy-block .details-list p, .buy-block .details-list li {
    font-size: .75em;
    color: #777;
    margin-bottom: 0.1em;
    line-height: 1.2
}

.buy-block .details-list p.title, .buy-block .details-list li.title {
    margin-top: -0.75em;
    color: #aaa;
    font-weight: 700;
    text-transform: uppercase
}

.buy-block .details-list ul {
    margin-bottom: 0
}

.buy-block .details-list ul > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.buy-block .details-list ul > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.buy-block .details-list ul li {
    font-size: .75em;
    line-height: 1.2;
    margin-bottom: 0.1em
}

.buy-block .details-list ul li.important {
    color: #ED2939;
    font-weight: 500
}

.buy-block .details-list:before, .buy-block .details-list:after {
    content: '';
    position: absolute;
    top: 0;
    width: 1em;
    height: 1px;
    background: #e5e5e5
}

.buy-block .details-list:before {
    left: 0
}

.buy-block .details-list:after {
    right: 0
}

.buy-block .form-element.radio {
    position: relative;
    margin-top: 0.75em;
    margin-bottom: 0.25em
}

.buy-block .form-element.radio input {
    position: absolute;
    top: 50%;
    margin-top: -0.55em
}

.buy-block .form-element.radio label {
    display: table;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: .8125em;
    color: #444
}

.buy-block .form-element.radio label .choose {
    display: table-cell;
    vertical-align: middle;
    padding-right: 0.5em;
    border-right: 1px solid #eee;
    border-color: rgba(0, 0, 0, 0.075)
}

.buy-block .form-element.radio label .choose span {
    white-space: nowrap;
    font-size: 0.846em;
    color: #888
}

.buy-block .form-element.radio label .price {
    display: table-cell;
    vertical-align: middle
}

.buy-block .form-element.radio label .price-new {
    padding-left: 0.5em;
    font-weight: 700;
    color: #444
}

.buy-block .form-element.radio label .price-cut {
    padding-left: 0.5em;
    text-decoration: line-through;
    color: #aaa
}

.buy-box-wrapper {
    margin-bottom: 1em
}

.buy-box-wrapper .buy-block {
    padding: 2em 1.5em;
    background: #f8f8f8 url(images/bg-pattern.jpg) 50% 50% no-repeat;
    background-size: cover;
    border: 1px solid #eee;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05)
}

.buy-box-wrapper .buy-block .price {
    margin-bottom: 1em
}

.buy-box-wrapper .buy-block .price p {
    font-size: 2em;
    color: #ED2939
}

.buy-box-wrapper .buy-block .price p.price-old {
    font-size: .9375em
}

.buy-box-wrapper .buy-block .price p.price-old .price-saving {
    color: #333
}

.buy-box-wrapper .buy-block form .price p.price-old .price-saving {
    color: #ED2939
}

.buy-box-wrapper .buy-block-footer {
    padding: 1.15em 1.5em 0.25em 1.5em
}

.buy-box-wrapper .buy-block-footer p {
    margin-bottom: 1em;
    font-size: 0.875em;
    color: #888
}

.buy-box-wrapper .buy-block-footer p span {
    display: block;
    margin-bottom: 0.3em
}

.buy-box-wrapper .buy-block-footer p a {
    display: inline-block;
    padding: 0 0.75em;
    color: #888;
    font-weight: 500;
    text-transform: uppercase
}

.buy-box-wrapper .buy-block-footer p a:hover {
    color: #555
}

.buy-box-wrapper .buy-block-footer p a.green {
    color: #006D5C
}

.buy-box-wrapper .buy-block-footer p a.green:hover {
    color: #003a31
}

.buy-box-wrapper .buy-block-footer p a.red {
    color: #ED2939
}

.buy-box-wrapper .buy-block-footer p a.red:hover {
    color: #d11221
}

.buy-box-wrapper .buy-block-footer p.small {
    font-size: 0.75em
}

.buy-box-wrapper .buy-block-footer p.small a {
    text-transform: none
}

.buy-box-wrapper .buy-block-footer .button {
    margin: 0;
    font-size: 0.855em;
    color: #006D5C;
    font-weight: 700
}

.buy-box-wrapper .buy-block-footer.alt-footer h4 {
    color: #888;
    margin-bottom: 1em
}

.buy-box-wrapper .buy-block-footer.alt-footer li {
    font-size: 0.75em;
    color: #888
}

.buy-box-wrapper .buy-block-footer.alt-footer li:before {
    border-color: #aaa
}

.buy-box-wrapper .buy-block-footer-2 {
    padding: 1.5em 0
}

.buy-box-wrapper.move-up {
    margin-top: 0
}

.promo-tag {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em 0.25em 1em;
    background: #009981;
    background: rgba(0, 112, 85, 0.6);
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em
}

.promo-tag .font-icons {
    position: absolute;
    top: 50%;
    left: -0.75em;
    margin-top: -0.75em;
    padding: 0.25em;
    width: 1.5em;
    height: 1.5em;
    color: #009981;
    color: rgba(0, 112, 85, 0.6);
    background: #fff;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em
}

.promo-tag .font-icons:before {
    color: #a3cbc2
}

.promo-tag p {
    margin: 0;
    color: #fff;
    font-size: .75em;
    line-height: 1.1
}

.promo-tag.grey-tag {
    background: #eee
}

.promo-tag.grey-tag .font-icons:before {
    color: #ccc
}

.promo-tag.grey-tag p {
    color: #888
}

.previews, ul.previews {
    margin-bottom: 1em;
    margin-bottom: 0
}

.previews:after, ul.previews:after {
    clear: both;
    content: "";
    display: table
}

.previews > li, ul.previews > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.previews > li:before, ul.previews > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.previews > li, ul.previews > li {
    float: left;
    margin-left: 0.5em;
    margin-bottom: 0.5em;
    width: 5em
}

.previews > li img, ul.previews > li img {
    width: 100%;
    border: 1px solid #eee;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05)
}

.product-title {
    font-size: 1.25em;
    line-height: 1.2;
    margin-bottom: 0
}

.product-title a {
    color: #333;
    font-weight: 700;
    letter-spacing: -0.02em
}

.product-title span.surtitle, .product-title span.subtitle {
    display: block;
    padding: 0.05em 0;
    font-size: 0.6em;
    font-weight: 500
}

.product-title span.surtitle {
    padding-bottom: 0.15em;
    color: #006D5C
}

.product-title span.subtitle {
    font-family: "MuseoSlab", "Georgia", Times, serif
}

.product-title span.subtitle.light {
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    color: #8f8f8f;
    margin-top: 0.2em;
    font-weight: 300
}

.product-title.page-title {
    font-size: 2em;
    font-weight: 700;
    text-transform: none;
    padding-bottom: 0.5em
}

.product-title.page-title span.surtitle {
    position: relative;
    top: 0.05em;
    padding: 0
}

.product-title.small span {
    color: #006D5C;
    font-size: 1em
}

.product-title.small span:hover {
    color: #005346
}

.product-title.small span.subdesc {
    font-size: .75em
}

.product-title.small span.subdesc:hover {
    color: #8e8e8e
}

.product-item {
    text-align: center
}

.product-item.text-left {
    text-align: left
}

.product-item.text-right {
    text-align: right
}

.product-item header {
    display: inline-block;
    margin-bottom: 0.75em;
    padding-left: 5em;
    text-align: left
}

.product-item header:after {
    clear: both;
    content: "";
    display: table
}

.product-item header.divider {
    display: block
}

.product-item header figure {
    float: left;
    margin-left: -5em;
    width: 4.375em
}

.product-item header figure img {
    max-width: 100%
}

.product-item header .reviews {
    text-align: left
}

.product-item .tagline {
    margin-bottom: -0.55em
}

.product-item .tagline p {
    display: inline-block;
    margin-bottom: 0;
    padding: 0.25em;
    line-height: 1;
    font-size: .625em;
    font-weight: 500;
    color: #999;
    text-transform: uppercase;
    background: #eee;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em
}

.product-item .product-title {
    padding-top: 0.5em
}

.product-item .desc {
    margin-bottom: 0.75em
}

.product-item .desc p {
    margin-bottom: 0.3em;
    font-size: 0.8125em;
    color: #777;
    text-align: center
}

.product-item .desc .icon-doc {
    display: inline-block;
    position: relative;
    top: 0.25em
}

.product-item .reviews {
    text-align: center
}

.product-item .reviews p {
    margin-bottom: 0;
    font-size: 0.6875em;
    color: #aaa
}

.product-item .price {
    margin-bottom: 0.75em
}

.product-item.product-small .price p {
    font-size: 1em
}

.product-item.image-top header {
    padding-left: 0;
    text-align: center
}

.product-item.image-top header figure {
    float: none;
    margin-left: 0;
    width: 100%
}

.product-item.image-top header figure img {
    max-height: 7em
}

.product-item.image-top header .reviews {
    text-align: center
}

.product-item.image-top .tagline {
    margin-top: 0.55em
}

.product-item.image-top .product-title {
    min-height: 3.2em;
    margin-bottom: 0.25em
}

.product-item.product-right {
    margin-top: 0
}

.product-item.product-icon-top header {
    padding-left: 0
}

.product-item.product-icon-top header figure {
    float: none;
    margin-left: 0;
    margin: 0 auto
}

.product-item.product-icon-top.product-small header {
    padding-left: 0
}

.product-item.product-icon-top.product-small header figure {
    float: none;
    margin-left: 0;
    margin: 0 auto
}

.product-item.product-icon-top.dark-background .product-title {
    text-align: center
}

.product-item.product-icon-top.dark-background .product-title a, .product-item.product-icon-top.dark-background .product-title span.surtitle {
    color: #FFF
}

.page-headline.big-headline .product-item header {
    padding-left: 4em
}

.page-headline.big-headline .product-item figure {
    display: block;
    margin-left: -4em;
    width: 3.375em
}

.page-headline.big-headline .product-item .product-title {
    text-align: left;
    font-size: 1.25em;
    line-height: 1.2;
    font-family: "MuseoSans", Arial, Helvetica, sans-serif
}

.featured-section .container.divider-top {
    padding-top: 3.125em
}

.featured-section ul.product-list {
    margin-bottom: 0;
    background: #fff;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05)
}

.featured-section ul.product-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.featured-section ul.product-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.featured-section ul.product-list > li {
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.featured-section ul.product-list > li .product-item {
    padding: 2em 1.5em
}

.featured-section ul.product-list > li .featured-item {
    position: relative;
    margin: auto -1em -3px -1em;
    padding: 3em 2.5em 2em 2.5em;
    border-color: #ED2939
}

.featured-section ul.product-list > li .featured-item .promoline {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px
}

.featured-section ul.product-list .other {
    background: #F6FBFD
}

.featured-section ul.product-list .other header {
    margin-bottom: 0.75em;
    padding: 2em 1.75em 0.4em 1.75em;
    border-bottom: 1px solid #E2EDF2
}

.featured-section ul.product-list .other h4 {
    margin-bottom: 0.5em;
    color: #80a3b3;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase
}

.featured-section ul.product-list .other p {
    font-size: .75em;
    margin-bottom: 0.75em;
    color: #80a3b3;
    opacity: .8
}

.featured-section ul.product-list .other ul.regular {
    padding-bottom: 1em
}

.featured-section ul.product-list .other ul.regular a {
    opacity: .8
}

.featured-section ul.product-list .other ul.regular a:hover {
    opacity: 1
}

.featured-section .solutions-promo {
    margin-bottom: 2em
}

.featured-section .solutions-promo .section-description {
    margin-bottom: 1.1em
}

.products-section {
    padding-top: 3em;
    background: #f8f8f8
}

.products-section .container {
    padding-bottom: 1.5em;
    padding-right: 1.5em;
    padding-left: 1.5em
}

.products-section ul.product-list {
    margin-bottom: 0
}

.products-section ul.product-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.products-section ul.product-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.products-section ul.product-list .product-item {
    padding: 1em
}

.tools-section .container {
    padding-bottom: 1.5em;
    padding-right: 1.5em;
    padding-left: 1.5em
}

.product-intro {
    margin-bottom: 1.5em
}

.product-intro p {
    font-size: .9375em;
    line-height: 1.5;
    color: #666
}

.product-intro li {
    font-size: .9375em;
    color: #666
}

.product-intro .excerpt p {
    font-size: 1.0625em;
    color: #444
}

.side-featured-product figure img.product-icon-medium {
    max-width: 90px;
    margin-top: -0.6em
}

.side-featured-product .b2b-product-title {
    margin: 0.4em 0 1.250em 0
}

.side-featured-product .b2b-product-title span {
    font-size: 1.2em
}

.side-featured-product .b2b-product-title span.big {
    font-size: 2em
}

.side-featured-product p {
    font-size: 0.875em;
    color: #666
}

.side-featured-product a.button {
    margin: 1em 0.938em 0 0
}

.widget .product-item {
    margin-bottom: 0.75em;
    padding: 1.5em;
    background: #f8f8f8
}

.related-products-list > li {
    padding: 1em 0
}

.other-products-list .product-item {
    text-align: left
}

.other-products-list .product-item header {
    display: block
}

.other-products-list .product-item h2 {
    margin-bottom: 0.5em;
    min-height: 3em
}

@media screen and (min-width: 481px) {
    .related-products-list[class*="section-col-s"] > li {
        padding: 0
    }
}

@media screen and (min-width: 661px) {
    .related-products-list[class*="section-col-m"] > li {
        padding: 0
    }
}

@media screen and (min-width: 769px) {
    .product-item.product-right {
        margin-top: 3em
    }

    .download-section {
        padding-top: 3em;
        padding-left: 2%
    }

    .download-section .download-box-wrapper {
        padding-left: 15%;
        padding-right: 15%
    }

    .buy-box-wrapper .buy-block {
        padding-left: 15%;
        padding-right: 15%
    }

    .buy-box-wrapper .buy-block-footer {
        padding-left: 15%;
        padding-right: 15%
    }

    .buy-box-wrapper .buy-block-footer.alt-footer {
        padding: 1.5em 0 0.25em 0
    }

    .buy-box-wrapper.move-up {
        margin-top: -2em
    }

    .previews, ul.previews {
        max-width: 68em;
        margin-left: -3.0927%;
        margin-right: auto
    }

    .previews:after, ul.previews:after {
        clear: both;
        content: "";
        display: table
    }

    .previews li, ul.previews li {
        margin-left: 0;
        width: auto;
        float: left;
        display: block;
        margin-left: 3%;
        width: 30.33333%
    }

    .previews li:first-child, ul.previews li:first-child {
        float: left;
        display: block;
        margin-left: 3%;
        width: 97%
    }

    .product-title {
        font-size: 1.5em
    }

    .product-title.page-title {
        font-size: 2.5em;
        min-height: 2.5em
    }

    .product-title.page-title span.surtitle {
        padding: 0
    }

    .product-item.image-top header, .product-item.image-top-l header {
        padding-left: 0;
        text-align: center
    }

    .product-item.image-top header figure, .product-item.image-top-l header figure {
        float: none;
        margin-left: 0;
        width: 100%
    }

    .product-item.image-top header figure img, .product-item.image-top-l header figure img {
        max-height: 7em
    }

    .product-item.image-top header figure img.product-icon-small, .product-item.image-top-l header figure img.product-icon-small {
        max-width: 80px;
        max-height: 80px
    }

    .product-item.image-top header .reviews, .product-item.image-top-l header .reviews {
        text-align: center
    }

    .product-item.image-top .tagline, .product-item.image-top-l .tagline {
        margin-top: 0.55em
    }

    .product-item.product-small header {
        padding-left: 3.25em
    }

    .product-item.product-small header figure {
        margin-left: -3.25em;
        width: 2.75em
    }

    .product-item.product-small .tagline {
        margin-bottom: -0.45em
    }

    .product-item.product-small .product-title {
        font-size: 1.125em
    }

    .product-item.product-small .desc p {
        font-size: .75em
    }

    .product-item.product-small .reviews p {
        font-size: .6875em
    }

    .product-item.product-small .price p {
        font-size: 1.125em
    }

    .product-item.product-small .price p.price-old {
        font-size: .875em
    }

    .product-item.product-small.image-top header, .product-item.product-small.image-top-l header {
        padding-left: 0;
        text-align: center
    }

    .product-item.product-small.image-top header figure, .product-item.product-small.image-top-l header figure {
        float: none;
        margin-left: 0;
        width: 100%
    }

    .product-item.product-small.image-top header figure img, .product-item.product-small.image-top-l header figure img {
        max-height: 5em
    }

    .product-item.product-small.image-top header .reviews, .product-item.product-small.image-top-l header .reviews {
        text-align: center
    }

    .product-item.product-small.image-top .tagline, .product-item.product-small.image-top-l .tagline {
        margin-top: 0.55em
    }

    .product-item.product-small.product-icon-top header figure {
        width: 4em
    }

    .product-item.product-big header {
        padding-left: 6.5em
    }

    .product-item.product-big header figure {
        margin-left: -6.5em;
        width: 5.5em
    }

    .product-item.product-big .product-title {
        font-size: 2em;
        min-height: 3.2em;
        margin-bottom: 0.25em
    }

    .product-item.product-big .product-title .surtitle, .product-item.product-big .product-title .subtitle {
        padding-bottom: 0;
        font-size: 0.5em
    }

    .product-item.product-big.image-top header, .product-item.product-big.image-top-l header {
        padding-left: 0;
        text-align: center
    }

    .product-item.product-big.image-top header figure, .product-item.product-big.image-top-l header figure {
        float: none;
        margin-left: 0;
        width: 100%
    }

    .product-item.product-big.image-top header figure img, .product-item.product-big.image-top-l header figure img {
        max-height: 10em
    }

    .product-item.product-big.image-top header .reviews, .product-item.product-big.image-top-l header .reviews {
        text-align: center
    }

    .product-item.product-big.image-top .tagline, .product-item.product-big.image-top-l .tagline {
        margin-top: 0.55em
    }

    .page-headline.big-headline .product-item header {
        padding-left: 5em
    }

    .page-headline.big-headline .product-item figure {
        margin-left: -5em;
        width: 4.375em
    }

    .page-headline.big-headline .product-item .product-title {
        font-size: 1.5em;
        padding: 0.5em 0 0 0
    }

    .page-headline.big-headline .product-item .product-title:before {
        display: none
    }

    .page-headline.big-headline .product-item.product-small header {
        padding-left: 4em
    }

    .page-headline.big-headline .product-item.product-small figure {
        margin-left: -4em;
        width: 3.375em
    }

    .page-headline.big-headline .product-item.product-small .product-title {
        font-size: 1.25em
    }

    .featured-section ul.product-list {
        margin-bottom: 0;
        margin-bottom: 1em
    }

    .featured-section ul.product-list > li {
        padding-left: 0;
        margin-bottom: 0;
        line-height: 1;
        font-size: 1em;
        position: inherit
    }

    .featured-section ul.product-list > li:before {
        content: none;
        list-style: none;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        background: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .featured-section ul.product-list > li .product-item {
        padding: 2em 2em 1.5em 2em
    }

    .featured-section ul.product-list > li .featured-item {
        position: relative;
        top: 1em;
        margin: -2em -1px 0 -1px;
        padding: 4em 2em 1.5em 2em;
        border-color: #e5e5e5
    }

    .featured-section ul.product-list > li .featured-item > * {
        position: relative;
        top: -1em
    }

    .featured-section .solutions-promo {
        margin-bottom: 0.5em
    }

    .products-section {
        padding-top: 0;
        background: none
    }

    .products-section .container {
        padding-bottom: 3em;
        padding-left: 0;
        padding-right: 0
    }

    .products-section ul.product-list {
        margin-bottom: 0
    }

    .products-section ul.product-list > li {
        padding-left: 0;
        margin-bottom: 0;
        line-height: 1;
        font-size: 1em;
        position: inherit
    }

    .products-section ul.product-list > li:before {
        content: none;
        list-style: none;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        background: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .products-section ul.product-list .product-item {
        padding: 1.5em
    }

    .tools-section .container {
        padding-bottom: 3em;
        padding-left: 0;
        padding-right: 0
    }

    .product-intro {
        clear: both
    }

    .product-intro:after {
        clear: both;
        content: "";
        display: table
    }

    .product-intro .previews-wrapper {
        padding-right: 2%
    }

    .related-products-list[class*="section-col-l"] > li {
        padding: 0
    }
}

@media screen and (min-width: 993px) {
    .related-products-list[class*="section-col-xl"] > li {
        padding: 0
    }
}

img.product-icon-xsmall {
    max-width: 50px;
    max-height: 60px;
    float: left;
    margin: -0.8em 1.250em 0 0
}

img.product-icon-small {
    max-width: 80px;
    max-height: 115px
}

img.product-icon-medium {
    max-width: 96px;
    max-height: 130px
}

.b2b-product-title {
    font-size: 1em;
    text-align: center
}

.b2b-product-title span.surtitle {
    font-weight: 500;
    font-size: 1.188em
}

.b2b-product-title span {
    font-size: 1.250em;
    display: block;
    font-weight: 500;
    line-height: 1.2;
    color: #1c1c1c
}

.b2b-product-title span strong {
    display: block;
    font-size: 1.33em;
    font-weight: 900;
    text-transform: uppercase
}

.b2b-product-title span.subdesc {
    color: #8e8e8e;
    font-size: 1.000em;
    font-weight: 300
}

.b2b-product-title span.big {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 2.25em;
    margin: -0.125em 0 0 0
}

.b2b-product-title.small {
    text-align: left;
    margin-bottom: 1.875em
}

figure.page-icon {
    text-align: center
}

.b2b-form-page .top-info {
    margin-bottom: 2em;
    text-align: center;
    border-bottom: 1px solid #e6e6e6
}

.b2b-form-page .top-info.no-border {
    border-bottom: none;
    margin-bottom: 1.250em
}

.b2b-form-page .mobile-form-title {
    font-size: .875em;
    text-transform: uppercase;
    font-weight: 700;
    color: #006D5C;
    margin: 1em 0 1.750em 0
}

.b2b-form-page h5.mini-light-title {
    padding-top: 1.250em
}

.b2b-form-page a.icon-doc {
    color: #222222;
    font-size: .875em
}

.b2b-form-page a.icon-doc span {
    font-size: 0.857em;
    color: #afafaf;
    text-transform: uppercase
}

.b2b-form-page a.icon-doc:before {
    margin-right: 1em
}

.b2b-form-page a.icon-doc:hover {
    color: #006D5C
}

.b2b-form-page a.icon-doc + a {
    margin-top: 1.5em;
    display: block
}

@media screen and (min-width: 769px) {
    .b2b-product-title {
        text-align: left
    }

    .b2b-product-title .meta.reviews:after {
        clear: both;
        content: "";
        display: table
    }

    img.product-icon-medium {
        max-width: 110px;
        max-height: 150px
    }

    .b2b-product-title {
        font-size: 1em
    }

    .b2b-product-title span.surtitle {
        font-size: 1.125em;
        margin-bottom: 0
    }

    .b2b-product-title span {
        font-size: 1.5em;
        margin-bottom: 0.2em
    }

    .b2b-product-title span.subdesc {
        font-size: 1.25em
    }

    .b2b-form-page {
        margin-top: -4em
    }

    .b2b-form-page .row > .info {
        border-right: 1px solid #E6E6E6;
        padding-right: 3.125em
    }

    .b2b-form-page .row > .form-standard {
        padding-left: 1.250em
    }

    .b2b-form-page .mobile-form-title {
        display: none
    }

    .b2b-form-page .top-info {
        border-bottom: none;
        text-align: left
    }

    .b2b-form-page .form-standard label {
        width: 35%;
        padding-right: 5%
    }

    .b2b-form-page .product-icon-small.b2b-icon {
        margin-top: -0.6em;
        margin-right: 2em
    }

    .product-icon-medium.b2b-icon {
        float: left;
        margin: -1.250em 1.250em 0 0
    }

    .product-icon-small.b2b-icon, .product-icon-xsmall.b2b-icon {
        float: left;
        margin: -0.8em 1.250em 0 0
    }
}

.product-item .tagline.red p {
    color: #fff;
    background: #ED2939
}

.product-tiers {
    text-align: left
}

.product-tiers header, .product-tiers header.divider {
    padding-bottom: 1.25em;
    text-align: center
}

.product-tiers header figure, .product-tiers header.divider figure {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    margin-right: 1em
}

.product-tiers header figure .label, .product-tiers header.divider figure .label {
    position: absolute;
    top: -0.75em;
    left: -0.75em;
    color: #fff;
    min-width: 2em;
    height: 2em;
    line-height: 1em;
    padding: 0.5em 0;
    font-size: 0.875em;
    text-align: center;
    font-weight: 700;
    background: #AC599F;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em
}

.product-tiers header .product-name, .product-tiers header.divider .product-name {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.product-tiers header .reviews, .product-tiers header.divider .reviews {
    position: relative;
    top: 0.25em;
    margin-top: 0.5em
}

.product-tiers .product-tier-title {
    margin-bottom: 0;
    font-size: 1.375em;
    font-weight: 500;
    color: #444
}

.product-tiers .product-tier-subtitle {
    margin-bottom: 0;
    font-size: 0.875em;
    font-weight: 300;
    color: #777
}

.product-tiers .desc p {
    margin-bottom: 0.3em;
    font-size: 0.8125em;
    color: #777;
    text-align: center
}

.product-tiers .features-checklist {
    padding-top: 0.5em
}

.product-tiers .reviews {
    text-align: center
}

.product-tiers .reviews p {
    margin-bottom: 0;
    font-size: 0.6875em;
    color: #aaa
}

.product-tiers .price {
    margin-bottom: 0.75em
}

.tiers-section .product-tiers {
    padding: 2em 1.5em 1.5em 1.5em
}

.dual-section .product-item {
    padding-top: 2.5em
}

.dual-section .product-tiers {
    padding: 2em 1.5em 1.5em 1.5em;
    text-align: left;
    background: #fff
}

.features-checklist {
    text-align: center
}

.features-checklist .checklist-group {
    display: inline-block
}

.features-checklist p {
    position: relative;
    text-align: left;
    margin-bottom: 0.75em;
    padding-left: 1.75em;
    color: #ccc;
    line-height: 1.4
}

.features-checklist p:before {
    content: '\e914';
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.3em;
    color: #aaa
}

.features-checklist p.checked {
    color: #888
}

.features-checklist p.checked:before {
    content: '\e908';
    color: #009981
}

.product-desc-section {
    text-align: center
}

.product-desc-section p {
    font-size: 0.875em;
    color: #777
}

.product-desc-section figure img {
    max-width: 6.5em
}

.product-desc-section .product-title {
    font-size: 2em;
    font-weight: 700;
    text-transform: none;
    padding-bottom: 0.5em
}

.product-desc-section .product-title .surtitle, .product-desc-section .product-title .subtitle {
    display: block;
    padding: 0.05em 0;
    font-size: 0.6em;
    font-weight: 500
}

.product-desc-section .product-title .surtitle {
    position: relative;
    top: 0.05em;
    padding: 0;
    color: #006D5C
}

.product-desc-section .product-title .subtitle {
    font-family: "MuseoSlab", "Georgia", Times, serif
}

.product-desc-section .product-desc {
    font-weight: 100;
    font-size: 1.125em
}

.product-desc-section .section-footer .button {
    margin-bottom: 0.75em
}

.product-desc-section .section-footer .button.transparent {
    background: none
}

.product-desc-section .section-footer .button.transparent:hover {
    color: #006D5C;
    border-color: #777
}

.product-desc-section.smaller-desc-section figure img {
    max-width: 4.5em
}

.product-desc-section.smaller-desc-section .product-title {
    font-size: 1.5em;
    padding-bottom: 0.75em
}

.product-desc-section.smaller-desc-section .product-desc {
    font-size: 1em
}

.product-desc-section.divider {
    margin-bottom: 2.5em
}

@media screen and (min-width: 769px) {
    .product-item header figure.product-icon {
        position: relative;
        top: 0.75em
    }

    .product-tiers .product-tier-title {
        font-size: 1.5em
    }

    .tiers-section .product-tiers {
        padding: 2em 2.5em
    }

    .dual-section .product-item {
        margin-top: -4em;
        padding-top: 4em;
        padding-bottom: 1.5em;
        background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
        background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff', endColorstr='#00ffffff', GradientType=1)
    }

    .dual-section .product-item .desc p {
        font-size: 1em
    }

    .dual-section .product-tiers {
        padding: 2em 2.5em
    }

    .product-desc-section {
        padding-left: 8.5em;
        text-align: left
    }

    .product-desc-section figure {
        float: left;
        margin-top: -1.5em;
        margin-left: -8.5em;
        max-width: 6.5em
    }

    .product-desc-section figure img {
        max-width: 100%
    }

    .product-desc-section .product-title {
        margin-bottom: 0.25em
    }

    .product-desc-section .section-footer {
        margin-top: 1.25em;
        text-align: left
    }

    .product-desc-section.smaller-desc-section {
        padding-left: 6.5em
    }

    .product-desc-section.smaller-desc-section figure {
        margin-left: -6.5em;
        max-width: 5em
    }

    .product-desc-section.smaller-desc-section figure img {
        max-width: 100%
    }

    .product-desc-section.smaller-desc-section .product-title {
        margin-bottom: 0
    }

    .product-desc-section.divider {
        padding-bottom: 2em;
        margin-bottom: 3.5em
    }
}

.product-item.product-item-smaller {
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.product-item.product-item-smaller header {
    display: block;
    margin-bottom: 0;
    padding-left: 3em
}

.product-item.product-item-smaller header figure {
    margin-left: -3em;
    width: 2.5em
}

.product-item.product-item-smaller header .product-title {
    padding-top: 0;
    color: #333;
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    font-weight: 500;
    text-align: left;
    font-size: 1.125em
}

.product-item.product-item-smaller header .product-title a {
    display: block;
    color: #006D5C;
    font-weight: 500
}

.product-item.product-item-smaller header .product-desc {
    margin-bottom: 0;
    font-size: 0.75em;
    color: #888;
    font-weight: 300;
    line-height: 1.3
}

.featured-section ul.product-list > li .product-item.product-item-smaller {
    padding-top: 1.25em;
    padding-bottom: 1.25em
}

.industries-section {
    padding: 1.5em;
    padding-bottom: 0
}

.industries-section h4.section-title {
    margin-bottom: 1em;
    padding-bottom: 0.75em;
    color: #444;
    border-bottom: 1px solid #e5e5e5
}

.industries-list > li {
    margin-bottom: 1.25em
}

.industries-list h2 {
    margin-bottom: 0.25em;
    text-align: left;
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    font-weight: 500
}

.industries-list h2 a {
    display: block;
    font-weight: 500
}

.industries-list p {
    margin-bottom: 0;
    font-size: 0.75em;
    color: #888;
    font-weight: 300
}

.page-header .technologies-section, .page-header .industries-section {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

@media screen and (min-width: 769px) {
    .product-item.product-item-smaller {
        padding-right: 1.5em;
        padding-left: 1.5em
    }

    .product-item.product-item-smaller header {
        padding-left: 3.25em
    }

    .product-item.product-item-smaller header figure {
        margin-left: -3.25em
    }

    .product-item.product-item-smaller header .product-title {
        padding-left: 0;
        padding-right: 0;
        font-size: 1.25em
    }

    .product-item.product-item-smaller header .product-title:before {
        display: none
    }

    .featured-section ul.product-list > li .product-item.product-item-smaller {
        padding-right: 1.5em;
        padding-left: 1.5em
    }

    .industries-list > li {
        margin-bottom: 1.25em
    }

    .industries-list h2 {
        padding-left: 0;
        padding-right: 0;
        font-size: 1em
    }

    .industries-list h2:before {
        display: none
    }

    .industries-list p {
        margin-bottom: 0;
        font-size: 0.75em;
        color: #888;
        font-weight: 300
    }
}

.promo-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto
}

.promo-section:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    opacity: .75
}

.promo-section .container {
    z-index: 10;
    text-align: center
}

.promo-section p {
    font-size: 1em
}

.promo-section [class*="col-"] {
    padding: 2.5em 2em 2em 2em
}

.promo-section.bg-topleft {
    background-position: 0 0
}

.promo-section.bg-top {
    background-position: 50% 0
}

.promo-section.bg-topright {
    background-position: 100% 0
}

.promo-section.bg-left {
    background-position: 0 50%
}

.promo-section.bg-right {
    background-position: 100% 50%
}

.promo-section.bg-bottomleft {
    background-position: 0 100%
}

.promo-section.bg-bottom {
    background-position: 50% 100%
}

.promo-section.bg-bottomright {
    background-position: 100% 100%
}

.promo-section.dark h3, .promo-section.dark p {
    color: #FFF
}

.promo-section.dark:before {
    background: #333
}

.promo-section.dark p.note {
    opacity: 0.6
}

.promo-section.full-width .container {
    max-width: 1030px;
    padding-bottom: 1.250em
}

.promo-section.full-width .container .section-footer .button.white-transparent {
    color: #fff
}

@media screen and (min-width: 769px) {
    .promo-section:before {
        opacity: .5
    }

    .promo-section .container {
        max-width: 45em
    }

    .promo-section .container.row {
        max-width: 1030px
    }

    .promo-section.wide .container {
        max-width: 1030px
    }

    .promo-section.bg-d-topleft {
        background-position: 0 0
    }

    .promo-section.bg-d-top {
        background-position: 50% 0
    }

    .promo-section.bg-d-topright {
        background-position: 100% 0
    }

    .promo-section.bg-d-left {
        background-position: 0 50%
    }

    .promo-section.bg-d-right {
        background-position: 100% 50%
    }

    .promo-section.bg-d-bottomleft {
        background-position: 0 100%
    }

    .promo-section.bg-d-bottom {
        background-position: 50% 100%
    }

    .promo-section.bg-d-bottomright {
        background-position: 100% 100%
    }

    .promo-section.full-width .container .row > .product-right {
        padding-right: 0
    }

    .promo-section.full-width .container p.note {
        margin-top: 3em
    }
}

.product-promo-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto
}

.product-promo-section:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    opacity: .75
}

.product-promo-section .container {
    z-index: 10
}

.product-promo-section.bg-topleft {
    background-position: 0 0
}

.product-promo-section.bg-top {
    background-position: 50% 0
}

.product-promo-section.bg-topright {
    background-position: 100% 0
}

.product-promo-section.bg-left {
    background-position: 0 50%
}

.product-promo-section.bg-right {
    background-position: 100% 50%
}

.product-promo-section.bg-bottomleft {
    background-position: 0 100%
}

.product-promo-section.bg-bottom {
    background-position: 50% 100%
}

.product-promo-section.bg-bottomright {
    background-position: 100% 100%
}

@media screen and (min-width: 769px) {
    .product-promo-section:before {
        opacity: .75
    }

    .product-promo-section.bg-d-topleft {
        background-position: 0 0
    }

    .product-promo-section.bg-d-top {
        background-position: 50% 0
    }

    .product-promo-section.bg-d-topright {
        background-position: 100% 0
    }

    .product-promo-section.bg-d-left {
        background-position: 0 50%
    }

    .product-promo-section.bg-d-right {
        background-position: 100% 50%
    }

    .product-promo-section.bg-d-bottomleft {
        background-position: 0 100%
    }

    .product-promo-section.bg-d-bottom {
        background-position: 50% 100%
    }

    .product-promo-section.bg-d-bottomright {
        background-position: 100% 100%
    }
}

.hmc-selector {
    margin-bottom: 0.75em;
    background: #f8f8f8 url(images/bg-pattern.jpg) 50% 50% no-repeat;
    background-size: cover;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05)
}

.hmc-selector .hmc-label {
    padding: 1em 1.25em;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.hmc-selector .hmc-label p {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 700;
    color: #444
}

.hmc-selector .hmc-label p span {
    display: block;
    font-size: 0.875em;
    font-weight: 300;
    color: #777
}

.hmc-selector form {
    max-width: 68em;
    margin-left: auto;
    margin-right: auto
}

.hmc-selector form:after {
    clear: both;
    content: "";
    display: table
}

.hmc-selector form .form-element {
    margin-bottom: 0;
    font-size: 1em;
    float: left;
    display: block;
    margin-left: 0;
    width: 50%
}

.hmc-selector form .form-element.checkbox input {
    display: none
}

.hmc-selector form .form-element.checkbox label {
    display: block;
    margin: 0;
    padding: 1.25em 0.5em;
    text-align: center;
    font-size: .875em;
    color: #777;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    cursor: pointer
}

.hmc-selector form .form-element.checkbox label .font-icons {
    display: block;
    margin-bottom: 10px
}

.hmc-selector form .form-element.checkbox label:before {
    display: none
}

.hmc-selector form .form-element.checkbox label.a-phone .font-icons {
    padding-top: 0.55em;
    font-size: 2em
}

.hmc-selector form .form-element.checkbox label.a-phone .font-icons:before {
    content: '\e931'
}

.hmc-selector form .form-element.checkbox label.a-tablet .font-icons {
    padding-top: 0.55em;
    font-size: 2em
}

.hmc-selector form .form-element.checkbox label.a-tablet .font-icons:before {
    content: '\e933'
}

.hmc-selector form .form-element.checkbox label.mac .font-icons {
    padding-top: 0.25em;
    font-size: 2.5em
}

.hmc-selector form .form-element.checkbox label.mac .font-icons:before {
    content: '\e930'
}

.hmc-selector form .form-element.checkbox label.pc .font-icons {
    padding-top: 0.16em;
    font-size: 2.75em
}

.hmc-selector form .form-element.checkbox label.pc .font-icons:before {
    content: '\e932'
}

.hmc-selector form .form-element.checkbox label.hmc-shop .font-icons, .hmc-selector form .form-element.checkbox label.hmc-family .font-icons, .hmc-selector form .form-element.checkbox label.hmc-security .font-icons, .hmc-selector form .form-element.checkbox label.hmc-logins .font-icons, .hmc-selector form .form-element.checkbox label.hmc-lock .font-icons, .hmc-selector form .form-element.checkbox label.hmc-checks .font-icons {
    padding-top: 0.25em;
    font-size: 2.5em
}

.hmc-selector form .form-element.checkbox label.hmc-id .font-icons, .hmc-selector form .form-element.checkbox label.hmc-speed .font-icons {
    padding-top: 0.55em;
    font-size: 2em
}

.hmc-selector form .form-element.checkbox:nth-child(2n-1) label {
    border-left: 1px solid #e5e5e5
}

.hmc-selector form .form-element.checkbox:hover label {
    color: #006D5C;
    background: #fff
}

.hmc-selector form .form-element.checkbox.selected label {
    background: #009981;
    color: #fff
}

.hmc-selector form .form-element.buttons {
    float: left;
    display: block;
    margin-left: 0;
    width: 100%;
    clear: both
}

.hmc-selector form .form-element.buttons input {
    margin-bottom: 0;
    font-size: 0.875em;
    color: #006D5C;
    background: #fff;
    border-color: #e5e5e5
}

.hmc-selector form .form-element.buttons input:hover {
    border-color: #009981
}

.hmc-section {
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.hmc-section .hmc-desc h4 {
    margin-bottom: 0.75em;
    line-height: 1.5;
    font-family: "MuseoSlab", "Georgia", Times, serif;
    font-weight: 500;
    color: #777;
    text-transform: none
}

.hmc-section .hmc-desc p {
    font-size: 0.875em;
    color: #777
}

.hmc-section.variant-2 .container {
    padding-bottom: 2.5em
}

.hmc-section.variant-2 .hmc-desc {
    text-align: center
}

.hmc-section.variant-2 .hmc-desc h4 {
    font-family: "MuseoSans", Arial, Helvetica, sans-serif
}

.hmc-section.variant-2 .hmc-desc .row {
    padding: 1em 0
}

.hmc-section.variant-2 .hmc-selector {
    background: #F8FCFF;
    box-shadow: 0px 3px 0px 0px rgba(223, 234, 240, 0.25)
}

.hmc-section.variant-2 .hmc-selector .hmc-label {
    border: none;
    background: #DFEAF0
}

.hmc-section.variant-2 .hmc-selector form {
    border-right: 1px solid #DFEAF0
}

.hmc-section.variant-2 .hmc-selector form .form-element.checkbox label {
    padding-top: 1.5em;
    padding-bottom: 1em;
    border: none;
    color: #444;
    border-top: 1px solid #DFEAF0;
    border-left: 1px solid #DFEAF0;
    font-size: 0.8125em
}

.hmc-section.variant-2 .hmc-selector form .form-element.checkbox label .font-icons {
    margin-bottom: 1rem;
    color: #333
}

.hmc-section.variant-2 .hmc-selector form .form-element.checkbox label:hover {
    color: #006D5C;
    background: #F2F7FB
}

.hmc-section.variant-2 .hmc-selector form .form-element.checkbox label:hover .font-icons {
    color: #006D5C
}

.hmc-section.variant-2 .hmc-selector form .form-element.checkbox.selected label {
    color: #fff;
    background: #009981
}

.hmc-section.variant-2 .hmc-selector form .form-element.checkbox.selected label .font-icons {
    color: #fff
}

.hmc-section.variant-2 .hmc-selector form .form-element.buttons input {
    font-size: 0.75em;
    color: #006D5C;
    border-right: none;
    border-color: #DFEAF0;
    background: #fff
}

.hmc-section.variant-2 .hmc-selector form .form-element.buttons input:hover {
    color: #fff;
    border-bottom-color: #006D5C;
    background: #006D5C
}

.hmc-section.fade-out {
    margin-left: -15px;
    margin-right: 15px;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.hmc-section.inactive {
    margin-left: 15px;
    margin-right: -15px;
    opacity: 0
}

.hmc-section.inactive-previous {
    margin-left: -15px;
    margin-right: 15px;
    opacity: 0
}

.hmc-section.fade-in {
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.homepage-main .hmc-desc h4 {
    font-weight: 300;
    color: #373737
}

.homepage-main .hmc-desc h5.text-green {
    font-weight: 300
}

@media screen and (min-width: 769px) {
    .hmc-selector .hmc-label p span {
        display: inline
    }

    .hmc-selector form .form-element {
        float: left;
        display: block;
        margin-left: 0;
        width: 25%
    }

    .hmc-selector form .form-element.checkbox:nth-child(2n-1) label {
        border-left: none
    }

    .hmc-selector form .form-element.checkbox:nth-child(4n-3) label {
        border-left: 1px solid #e5e5e5
    }

    .hmc-selector form .form-element.buttons input {
        padding-right: 3em;
        text-align: right
    }

    .hmc-section .container {
        padding-bottom: 0;
        background: url(images/photo-solution.jpg) 0 100% no-repeat
    }

    .hmc-section .hmc-desc {
        margin-bottom: 4em
    }

    .hmc-section .hmc-selector {
        margin-bottom: 4em
    }

    .hmc-section.variant-2 .container {
        background: none
    }

    .hmc-section.variant-2 .hmc-desc {
        text-align: left;
        margin-bottom: 0.75em
    }

    .hmc-section.variant-2 .hmc-selector {
        margin-bottom: 0.75em
    }

    .hmc-section.variant-2 .hmc-selector form .form-element.checkbox:nth-child(-n+4) label {
        border-top-color: #EEF3F6
    }
}

.hmc-selector .hmc-label {
    overflow: hidden
}

.hmc-selector .hmc-label .top-description {
    float: left
}

.hmc-selector .hmc-label a.select-all {
    font-size: 0.8em;
    float: right;
    margin-top: 0.5em;
    color: #80a3b3
}

.hmc-selector .hmc-label a.select-all i.font-icons {
    margin-right: 0.5em;
    float: left
}

.hmc-selector .hmc-label a.select-all:hover {
    color: #3d5058;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.dual-section.single-featured .dual-wrapper {
    max-width: 470px;
    margin: 0 auto
}

.dual-section.single-featured .dual-overlay-1, .dual-section.single-featured .dual-overlay-2 {
    width: 100%
}

.dual-section .product-tiers {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

select.disabled-arrow + span.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fbfbfb;
    border: 1px solid #fbfbfb
}

select.disabled-arrow + span.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    display: none
}

@media screen and (min-width: 769px) {
    .dual-section .container > .note-wrapper p {
        margin-bottom: 0;
        color: #fff;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3)
    }
}

.comparison-chart {
    margin-bottom: 2em
}

.comparison-chart .wrap-center {
    text-align: center
}

.comparison-chart .wrap-center > * {
    display: inline-block
}

.comparison-chart .scroll-info {
    position: relative;
    padding-bottom: 3em;
    margin-right: 1em;
    text-align: center
}

.comparison-chart .scroll-info p {
    font-size: .75em;
    font-weight: 700;
    text-transform: uppercase;
    color: #888
}

.comparison-chart .scroll-info a {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.75em;
    font-size: 3em;
    width: 1.5em;
    height: 1.5em;
    color: #ccc;
    border: 1px solid #eee;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.comparison-chart .scroll-info a:before {
    line-height: 1.5em
}

.comparison-chart .scroll-info a:hover {
    background: #006D5C;
    color: #fff
}

.comparison-chart .group-title {
    position: relative;
    top: 1px;
    z-index: 5;
    padding: 1em;
    text-align: center;
    background: #fff
}

.comparison-chart .group-title > * {
    position: relative;
    z-index: 2
}

.comparison-chart .group-title h4 {
    display: inline-block;
    padding: 0 0.5em;
    margin-bottom: 0;
    font-size: .75em;
    color: #aaa;
    font-weight: 700;
    text-transform: uppercase;
    background: #fff
}

.comparison-chart .group-title h4 span {
    text-transform: none
}

.comparison-chart .group-title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: -1px;
    background: #e5e5e5
}

.comparison-chart .headline {
    text-align: center
}

.comparison-chart .headline p, .comparison-chart .headline .product-title {
    margin-bottom: 0;
    font-size: 1em;
    color: #006D5C;
    font-weight: 600
}

.comparison-chart .headline p span, .comparison-chart .headline .product-title span {
    color: #006D5C
}

.comparison-chart .small-headline header {
    display: block;
    margin-bottom: 0
}

.comparison-chart .small-headline header .product-title {
    min-height: inherit;
    margin: 0;
    padding: 0;
    font-size: 1em
}

.comparison-chart .product-feature {
    padding: 1em 1.5em 1em 4em
}

.comparison-chart .product-feature:after {
    clear: both;
    content: "";
    display: table
}

.comparison-chart .product-feature figure {
    float: left;
    margin-left: -2.5em;
    opacity: .15;
    width: 1.5em
}

.comparison-chart .product-feature figure img {
    display: none;
    width: 100%;
    max-height: 100%
}

.comparison-chart .product-feature figure .font-icons {
    font-size: 1.75em
}

.comparison-chart .product-feature figure .font-icons:before {
    content: '\e914'
}

.comparison-chart .product-feature .feature-desc {
    opacity: .25
}

.comparison-chart .product-feature .feature-desc p {
    padding-top: 1px;
    margin-bottom: 0;
    font-size: 0.875em;
    font-weight: 500;
    color: #444;
    line-height: 1.3
}

.comparison-chart .product-feature .feature-desc p span {
    display: block;
    font-family: "MuseoSlab", "Georgia", Times, serif;
    font-weight: 300;
    font-size: 0.8571em
}

.comparison-chart .product-feature .feature-desc p.small {
    margin-top: 0.25em;
    font-size: 0.75em;
    font-weight: 300;
    color: #666
}

.comparison-chart .product-feature.show-icon figure {
    height: 1.5em
}

.comparison-chart .product-feature.feature-checked figure {
    opacity: 1
}

.comparison-chart .product-feature.feature-checked figure .font-icons {
    color: #006D5C
}

.comparison-chart .product-feature.feature-checked figure .font-icons:before {
    content: '\e908'
}

.comparison-chart .product-feature.feature-checked .feature-desc {
    opacity: 1
}

.comparison-chart .product-feature.text-value figure {
    display: none
}

.comparison-chart .product-feature.text-value .feature-desc {
    opacity: 1
}

.comparison-chart .product-feature.text-value .feature-desc p {
    visibility: visible
}

.comparison-chart .row-header {
    padding: 0
}

.comparison-chart .row-header .row-item > * {
    padding: 1em 1.5em 1em 1.5em
}

.comparison-chart .row-header .featured-column {
    border-top: 1px solid #e5e5e5
}

.comparison-chart .row-promo {
    display: none;
    margin-bottom: 1px
}

.comparison-chart .row-promo .promo-wrapper {
    padding: 1.7em 1.5em 1em 1.5em;
    background: #fff;
    border: 1px solid #ED2939
}

.comparison-chart .row-promo .promo-wrapper .intro {
    display: table-cell;
    vertical-align: middle;
    padding-right: 0.5em
}

.comparison-chart .row-promo .promo-wrapper .intro p {
    margin-bottom: 0.5em;
    font-size: 1.125em;
    font-weight: 700;
    color: #ED2939
}

.comparison-chart .row-promo .promo-wrapper .intro p span {
    font-size: 0.8125em;
    color: #888;
    font-weight: 300
}

.comparison-chart .row-promo .promo-wrapper .features {
    display: table-cell;
    vertical-align: middle
}

.comparison-chart .row-promo .promo-wrapper .features .check-list {
    margin-bottom: 0
}

.comparison-chart .row-promo .promo-wrapper .features .check-list > li {
    display: inline-block;
    margin-bottom: 0.5em;
    margin-left: 1em;
    font-size: .8125em;
    color: #444
}

.comparison-chart .row-promo .promo-wrapper .features .check-list > li:before {
    color: #ED2939
}

.comparison-chart .row-promo .promo-wrapper .font-icons {
    display: block;
    height: 0;
    position: relative;
    left: 0em;
    top: -1.08em;
    margin-bottom: 0.15em;
    text-align: center;
    font-size: 3em;
    color: #ED2939
}

.comparison-chart .row-promo .promo-wrapper .font-icons:before {
    position: relative;
    left: 0.35em
}

.comparison-chart .row-promo .promo-wrapper .font-icons:after {
    content: "\e92f";
    background: #fff
}

.comparison-chart .row-body .row-item {
    position: relative;
    background: #f8f8f8
}

.comparison-chart .row-body .row-item:nth-child(2n) {
    background: none
}

.comparison-chart .row-body .row-group-title .row-item {
    background: none
}

.comparison-chart .row-body .row-group-title .row-item > * {
    padding-top: 0.75em
}

.comparison-chart .row-body .featured-column {
    position: relative
}

.comparison-chart .row-body .featured-column:before, .comparison-chart .row-body .featured-column:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: -1px;
    z-index: 10;
    width: 1.47em;
    background: #fff
}

.comparison-chart .row-body .featured-column:before {
    left: 1px
}

.comparison-chart .row-body .featured-column:after {
    right: 1px
}

.comparison-chart .row-body .featured-column .product-feature:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    height: 1px;
    z-index: 2;
    background: #eee
}

.comparison-chart .row-footer .promoline, .comparison-chart .row-footer .tagline {
    display: none
}

.comparison-chart .row-footer .row-item > * {
    padding: 1.5em 1.5em 1em 1.5em
}

.comparison-chart .row-footer .featured-column {
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05)
}

.comparison-chart .column-1 .product-feature {
    padding-left: 1.5em;
    padding-right: 4em
}

.comparison-chart .column-1 .product-feature figure {
    display: none;
    opacity: 1
}

.comparison-chart .column-1 .product-feature figure img {
    display: block
}

.comparison-chart .column-1 .product-feature figure .font-icons {
    display: none
}

.comparison-chart .column-1 .product-feature .feature-desc {
    opacity: 1
}

.comparison-chart .column-1 .product-feature.show-icon {
    padding-left: 4em;
    padding-right: 1.5em
}

.comparison-chart .column-1 .product-feature.show-icon figure {
    display: block;
    margin-left: -2.7em
}

.comparison-chart .column-product {
    position: relative
}

.comparison-chart .column-product .text-value {
    padding-left: 2em;
    padding-right: 2em;
    text-align: center
}

.comparison-chart .column-product .text-value .feature-desc .small {
    font-size: 0.8125em;
    font-weight: 300
}

.comparison-chart .promoline {
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px
}

.comparison-chart.featured-col-1 .row-header .row-item > *, .comparison-chart.featured-col-2 .row-header .row-item > *, .comparison-chart.featured-col-3 .row-header .row-item > *, .comparison-chart.featured-col-4 .row-header .row-item > *, .comparison-chart.featured-col-5 .row-header .row-item > *, .comparison-chart.featured-col-6 .row-header .row-item > * {
    padding-top: 3em
}

.comparison-chart.featured-col-1 .column-product.column-1, .comparison-chart.featured-col-2 .column-product.column-2, .comparison-chart.featured-col-3 .column-product.column-3, .comparison-chart.featured-col-4 .column-product.column-4, .comparison-chart.featured-col-5 .column-product.column-5, .comparison-chart.featured-col-6 .column-product.column-6, .comparison-chart .featured-column {
    position: relative;
    background: #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
}

.comparison-chart.featured-col-1 .column-product.column-1 .promoline, .comparison-chart.featured-col-2 .column-product.column-2 .promoline, .comparison-chart.featured-col-3 .column-product.column-3 .promoline, .comparison-chart.featured-col-4 .column-product.column-4 .promoline, .comparison-chart.featured-col-5 .column-product.column-5 .promoline, .comparison-chart.featured-col-6 .column-product.column-6 .promoline, .comparison-chart .featured-column .promoline {
    background: #ED2939
}

.comparison-chart.featured-col-1 .column-product.column-1 .promoline p, .comparison-chart.featured-col-2 .column-product.column-2 .promoline p, .comparison-chart.featured-col-3 .column-product.column-3 .promoline p, .comparison-chart.featured-col-4 .column-product.column-4 .promoline p, .comparison-chart.featured-col-5 .column-product.column-5 .promoline p, .comparison-chart.featured-col-6 .column-product.column-6 .promoline p, .comparison-chart .featured-column .promoline p {
    color: #fff
}

.comparison-chart.featured-col-1 .column-product.column-1 .promoline:after, .comparison-chart.featured-col-2 .column-product.column-2 .promoline:after, .comparison-chart.featured-col-3 .column-product.column-3 .promoline:after, .comparison-chart.featured-col-4 .column-product.column-4 .promoline:after, .comparison-chart.featured-col-5 .column-product.column-5 .promoline:after, .comparison-chart.featured-col-6 .column-product.column-6 .promoline:after, .comparison-chart .featured-column .promoline:after {
    height: 0;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ED2939
}

.comparison-chart.featured-col-1 .column-product.column-1 .button.green, .comparison-chart.featured-col-2 .column-product.column-2 .button.green, .comparison-chart.featured-col-3 .column-product.column-3 .button.green, .comparison-chart.featured-col-4 .column-product.column-4 .button.green, .comparison-chart.featured-col-5 .column-product.column-5 .button.green, .comparison-chart.featured-col-6 .column-product.column-6 .button.green, .comparison-chart .featured-column .button.green {
    background-color: #ED2939;
    border-color: #ED2939
}

.comparison-chart.featured-col-1 .column-product.column-1 .button.green:hover, .comparison-chart.featured-col-2 .column-product.column-2 .button.green:hover, .comparison-chart.featured-col-3 .column-product.column-3 .button.green:hover, .comparison-chart.featured-col-4 .column-product.column-4 .button.green:hover, .comparison-chart.featured-col-5 .column-product.column-5 .button.green:hover, .comparison-chart.featured-col-6 .column-product.column-6 .button.green:hover, .comparison-chart .featured-column .button.green:hover {
    background-color: #da1f2e;
    -webkit-transition: background-color 0.15s ease-in;
    -moz-transition: background-color 0.15s ease-in;
    transition: background-color 0.15s ease-in
}

.comparison-chart.featured-col-1 .column-product.column-1 .product-feature, .comparison-chart.featured-col-2 .column-product.column-2 .product-feature, .comparison-chart.featured-col-3 .column-product.column-3 .product-feature, .comparison-chart.featured-col-4 .column-product.column-4 .product-feature, .comparison-chart.featured-col-5 .column-product.column-5 .product-feature, .comparison-chart.featured-col-6 .column-product.column-6 .product-feature, .comparison-chart .featured-column .product-feature {
    background: #fff
}

.comparison-chart.featured-col-1 .column-product.column-1 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-2 .column-product.column-2 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-3 .column-product.column-3 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-4 .column-product.column-4 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-5 .column-product.column-5 .product-feature.feature-checked figure .font-icons, .comparison-chart.featured-col-6 .column-product.column-6 .product-feature.feature-checked figure .font-icons, .comparison-chart .featured-column .product-feature.feature-checked figure .font-icons {
    color: #ED2939
}

.comparison-chart.featured-col-1 .column-product.column-1 .column-body, .comparison-chart.featured-col-2 .column-product.column-2 .column-body, .comparison-chart.featured-col-3 .column-product.column-3 .column-body, .comparison-chart.featured-col-4 .column-product.column-4 .column-body, .comparison-chart.featured-col-5 .column-product.column-5 .column-body, .comparison-chart.featured-col-6 .column-product.column-6 .column-body, .comparison-chart .featured-column .column-body {
    padding: 0
}

.comparison-chart.featured-col-1 .column-product.column-1 .row-group, .comparison-chart.featured-col-2 .column-product.column-2 .row-group, .comparison-chart.featured-col-3 .column-product.column-3 .row-group, .comparison-chart.featured-col-4 .column-product.column-4 .row-group, .comparison-chart.featured-col-5 .column-product.column-5 .row-group, .comparison-chart.featured-col-6 .column-product.column-6 .row-group, .comparison-chart .featured-column .row-group {
    position: relative
}

.comparison-chart.featured-col-1 .column-product.column-1 .row-group .product-feature, .comparison-chart.featured-col-2 .column-product.column-2 .row-group .product-feature, .comparison-chart.featured-col-3 .column-product.column-3 .row-group .product-feature, .comparison-chart.featured-col-4 .column-product.column-4 .row-group .product-feature, .comparison-chart.featured-col-5 .column-product.column-5 .row-group .product-feature, .comparison-chart.featured-col-6 .column-product.column-6 .row-group .product-feature, .comparison-chart .featured-column .row-group .product-feature {
    position: relative
}

.comparison-chart.featured-col-1 .column-product.column-1 .row-group .product-feature:before, .comparison-chart.featured-col-2 .column-product.column-2 .row-group .product-feature:before, .comparison-chart.featured-col-3 .column-product.column-3 .row-group .product-feature:before, .comparison-chart.featured-col-4 .column-product.column-4 .row-group .product-feature:before, .comparison-chart.featured-col-5 .column-product.column-5 .row-group .product-feature:before, .comparison-chart.featured-col-6 .column-product.column-6 .row-group .product-feature:before, .comparison-chart .featured-column .row-group .product-feature:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 1px;
    background: #eee
}

.comparison-chart.featured-col-1 .column-product.column-1 .row-group:before, .comparison-chart.featured-col-1 .column-product.column-1 .row-group:after, .comparison-chart.featured-col-2 .column-product.column-2 .row-group:before, .comparison-chart.featured-col-2 .column-product.column-2 .row-group:after, .comparison-chart.featured-col-3 .column-product.column-3 .row-group:before, .comparison-chart.featured-col-3 .column-product.column-3 .row-group:after, .comparison-chart.featured-col-4 .column-product.column-4 .row-group:before, .comparison-chart.featured-col-4 .column-product.column-4 .row-group:after, .comparison-chart.featured-col-5 .column-product.column-5 .row-group:before, .comparison-chart.featured-col-5 .column-product.column-5 .row-group:after, .comparison-chart.featured-col-6 .column-product.column-6 .row-group:before, .comparison-chart.featured-col-6 .column-product.column-6 .row-group:after, .comparison-chart .featured-column .row-group:before, .comparison-chart .featured-column .row-group:after {
    width: 1.5em
}

.comparison-chart .column-1, .comparison-chart .column-product {
    display: none
}

.comparison-chart .column-1.currently-active, .comparison-chart .column-product.currently-active {
    display: block
}

.comparison-chart.featured-col-1 .row-header .column-product.column-1, .comparison-chart.featured-col-2 .row-header .column-product.column-2, .comparison-chart.featured-col-3 .row-header .column-product.column-3, .comparison-chart.featured-col-4 .row-header .column-product.column-4, .comparison-chart.featured-col-5 .row-header .column-product.column-5, .comparison-chart.featured-col-6 .row-header .column-product.column-6 {
    border-top: 1px solid #e5e5e5
}

.comparison-chart.featured-col-1 .row-body .column-product.column-1, .comparison-chart.featured-col-2 .row-body .column-product.column-2, .comparison-chart.featured-col-3 .row-body .column-product.column-3, .comparison-chart.featured-col-4 .row-body .column-product.column-4, .comparison-chart.featured-col-5 .row-body .column-product.column-5, .comparison-chart.featured-col-6 .row-body .column-product.column-6 {
    position: relative
}

.comparison-chart.featured-col-1 .row-body .column-product.column-1:before, .comparison-chart.featured-col-1 .row-body .column-product.column-1:after, .comparison-chart.featured-col-2 .row-body .column-product.column-2:before, .comparison-chart.featured-col-2 .row-body .column-product.column-2:after, .comparison-chart.featured-col-3 .row-body .column-product.column-3:before, .comparison-chart.featured-col-3 .row-body .column-product.column-3:after, .comparison-chart.featured-col-4 .row-body .column-product.column-4:before, .comparison-chart.featured-col-4 .row-body .column-product.column-4:after, .comparison-chart.featured-col-5 .row-body .column-product.column-5:before, .comparison-chart.featured-col-5 .row-body .column-product.column-5:after, .comparison-chart.featured-col-6 .row-body .column-product.column-6:before, .comparison-chart.featured-col-6 .row-body .column-product.column-6:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: -1px;
    z-index: 10;
    width: 1.47em;
    background: #fff
}

.comparison-chart.featured-col-1 .row-body .column-product.column-1:before, .comparison-chart.featured-col-2 .row-body .column-product.column-2:before, .comparison-chart.featured-col-3 .row-body .column-product.column-3:before, .comparison-chart.featured-col-4 .row-body .column-product.column-4:before, .comparison-chart.featured-col-5 .row-body .column-product.column-5:before, .comparison-chart.featured-col-6 .row-body .column-product.column-6:before {
    left: 1px
}

.comparison-chart.featured-col-1 .row-body .column-product.column-1:after, .comparison-chart.featured-col-2 .row-body .column-product.column-2:after, .comparison-chart.featured-col-3 .row-body .column-product.column-3:after, .comparison-chart.featured-col-4 .row-body .column-product.column-4:after, .comparison-chart.featured-col-5 .row-body .column-product.column-5:after, .comparison-chart.featured-col-6 .row-body .column-product.column-6:after {
    right: 1px
}

.comparison-chart.featured-col-1 .row-body .column-product.column-1 .product-feature:before, .comparison-chart.featured-col-2 .row-body .column-product.column-2 .product-feature:before, .comparison-chart.featured-col-3 .row-body .column-product.column-3 .product-feature:before, .comparison-chart.featured-col-4 .row-body .column-product.column-4 .product-feature:before, .comparison-chart.featured-col-5 .row-body .column-product.column-5 .product-feature:before, .comparison-chart.featured-col-6 .row-body .column-product.column-6 .product-feature:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    height: 1px;
    z-index: 2;
    background: #eee
}

.comparison-chart.featured-col-1 .row-footer .column-product.column-1, .comparison-chart.featured-col-2 .row-footer .column-product.column-2, .comparison-chart.featured-col-3 .row-footer .column-product.column-3, .comparison-chart.featured-col-4 .row-footer .column-product.column-4, .comparison-chart.featured-col-5 .row-footer .column-product.column-5, .comparison-chart.featured-col-6 .row-footer .column-product.column-6 {
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05)
}

ul.comparison-nav {
    margin-bottom: 0;
    max-width: 68em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em
}

ul.comparison-nav > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

ul.comparison-nav > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

ul.comparison-nav:after {
    clear: both;
    content: "";
    display: table
}

ul.comparison-nav > li {
    min-height: 1px
}

ul.comparison-nav > li a {
    position: relative;
    display: table-cell;
    padding: 0.75em;
    color: #333;
    font-size: 0.9125em;
    font-weight: 700;
    letter-spacing: -0.02em;
    background: #f8f8f8;
    vertical-align: middle;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

ul.comparison-nav > li a span.subtitle {
    display: block;
    padding: 0;
    font-size: 0.75em;
    font-weight: 500;
    font-family: "MuseoSlab", "Georgia", Times, serif
}

ul.comparison-nav > li a span.surtitle {
    display: none
}

ul.comparison-nav > li a:before {
    position: absolute;
    top: 50%;
    margin-top: -0.52em;
    font-size: 1.5em;
    color: #999
}

ul.comparison-nav > li a:hover {
    color: #333;
    background: #eee
}

ul.comparison-nav > li a.feat {
    background: #ED2939;
    color: #fff
}

ul.comparison-nav > li a.feat:before {
    color: #fff
}

ul.comparison-nav > li a.feat:hover {
    background-color: #da1f2e
}

ul.comparison-nav > li a:empty {
    display: none
}

ul.comparison-nav > li.nav-prev {
    float: left;
    display: block;
    margin-left: 0;
    width: 50%;
    display: table;
    min-height: 3.5em
}

ul.comparison-nav > li.nav-prev a {
    padding-left: 1.5em
}

ul.comparison-nav > li.nav-prev a:before {
    left: 0.3em;
    content: '\f104'
}

ul.comparison-nav > li.nav-next {
    padding-left: 1px;
    float: left;
    display: block;
    margin-left: 0;
    width: 50%;
    float: right;
    display: table;
    min-height: 3.5em
}

ul.comparison-nav > li.nav-next a {
    padding-right: 1.5em
}

ul.comparison-nav > li.nav-next a:before {
    right: 0.3em;
    content: '\f105'
}

.comparison-feature-list .row-group {
    padding: 1em 0 0.5em 0;
    background: #f8f8f8;
    margin-bottom: 0.5em
}

.comparison-feature-list .group-title {
    margin-bottom: 1.5em;
    padding: 0 1em 0.5em 1em;
    border-bottom: 1px solid #e5e5e5
}

.comparison-feature-list .group-title h4 {
    padding: 0;
    margin-bottom: 0.5em;
    font-size: .875em;
    color: #aaa;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.comparison-feature-list .group-title h4 span {
    text-transform: none
}

.comparison-feature-list .product-feature {
    margin-bottom: 0.75em;
    padding: 0 1.5em 0 4em
}

.comparison-feature-list .product-feature:after {
    clear: both;
    content: "";
    display: table
}

.comparison-feature-list .product-feature figure {
    float: left;
    margin-left: -2.5em;
    margin-top: -0.3em;
    opacity: .15;
    width: 1.5em
}

.comparison-feature-list .product-feature figure img {
    display: none;
    width: 100%;
    max-height: 100%
}

.comparison-feature-list .product-feature figure .font-icons {
    font-size: 1.75em
}

.comparison-feature-list .product-feature figure .font-icons:before {
    content: '\e914'
}

.comparison-feature-list .product-feature .feature-desc {
    opacity: .25
}

.comparison-feature-list .product-feature .feature-desc p {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: 500;
    color: #444;
    line-height: 1.3
}

.comparison-feature-list .product-feature .feature-desc p span {
    display: block;
    font-family: "MuseoSlab", "Georgia", Times, serif;
    font-weight: 300;
    font-size: 0.8571em
}

.comparison-feature-list .product-feature .feature-desc p.small {
    margin-top: 0.25em;
    font-size: 0.875em;
    font-weight: 300;
    color: #666
}

.comparison-feature-list .product-feature.show-icon figure {
    height: 1.5em
}

.comparison-feature-list .product-feature:nth-child(2n) {
    background: none
}

.comparison-feature-list .product-feature.feature-checked figure {
    opacity: 1
}

.comparison-feature-list .product-feature.feature-checked figure .font-icons {
    color: #ED2939
}

.comparison-feature-list .product-feature.feature-checked figure .font-icons:before {
    content: '\e908'
}

.comparison-feature-list .product-feature.feature-checked .feature-desc {
    opacity: 1
}

.comparison-feature-list.masonry {
    margin-left: -0.5em
}

.comparison-feature-list.masonry .item {
    padding-left: 0.5em
}

@media screen and (min-width: 769px) {
    .comparison-chart.chart-2up .row-item {
        margin-bottom: 0;
        max-width: 68em;
        margin-left: auto;
        margin-right: auto
    }

    .comparison-chart.chart-2up .row-item > li {
        padding-left: 0;
        margin-bottom: 0;
        line-height: 1;
        font-size: 1em;
        position: inherit
    }

    .comparison-chart.chart-2up .row-item > li:before {
        content: none;
        list-style: none;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        background: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .comparison-chart.chart-2up .row-item:after {
        clear: both;
        content: "";
        display: table
    }

    .comparison-chart.chart-2up .row-item > * {
        float: left;
        display: block;
        margin-left: 0;
        width: 33.33333%
    }

    .comparison-chart.chart-2up .row-item > *:nth-child(3n+1) {
        clear: left
    }

    .comparison-chart.chart-2up .row-promo {
        margin-left: 33.3334%
    }

    .comparison-chart.chart-3up .row-item {
        margin-bottom: 0;
        max-width: 68em;
        margin-left: auto;
        margin-right: auto
    }

    .comparison-chart.chart-3up .row-item > li {
        padding-left: 0;
        margin-bottom: 0;
        line-height: 1;
        font-size: 1em;
        position: inherit
    }

    .comparison-chart.chart-3up .row-item > li:before {
        content: none;
        list-style: none;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        background: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .comparison-chart.chart-3up .row-item:after {
        clear: both;
        content: "";
        display: table
    }

    .comparison-chart.chart-3up .row-item > * {
        float: left;
        display: block;
        margin-left: 0;
        width: 25%
    }

    .comparison-chart.chart-3up .row-item > *:nth-child(4n+1) {
        clear: left
    }

    .comparison-chart.chart-3up .row-promo {
        margin-left: 25%
    }

    .comparison-chart.chart-4up .product-feature {
        padding-left: 4%;
        padding-right: 4%
    }

    .comparison-chart.chart-4up .row-item {
        margin-bottom: 0;
        max-width: 68em;
        margin-left: auto;
        margin-right: auto
    }

    .comparison-chart.chart-4up .row-item > li {
        padding-left: 0;
        margin-bottom: 0;
        line-height: 1;
        font-size: 1em;
        position: inherit
    }

    .comparison-chart.chart-4up .row-item > li:before {
        content: none;
        list-style: none;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        background: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .comparison-chart.chart-4up .row-item:after {
        clear: both;
        content: "";
        display: table
    }

    .comparison-chart.chart-4up .row-item > * {
        float: left;
        display: block;
        margin-left: 0;
        width: 18.75%
    }

    .comparison-chart.chart-4up .row-item > *:nth-child(5n+1) {
        clear: left
    }

    .comparison-chart.chart-4up .row-item .column-1 {
        float: left;
        display: block;
        margin-left: 0;
        width: 25%
    }

    .comparison-chart.chart-4up .row-item .column-1 .group-title {
        width: 75%
    }

    .comparison-chart.chart-4up .row-item .column-1 .group-title:before {
        right: -33.3334%
    }

    .comparison-chart.chart-4up .row-item .column-1 .product-feature {
        padding-left: 1.5em;
        padding-right: 4em
    }

    .comparison-chart.chart-4up .row-item .column-1 .product-feature.show-icon {
        padding-right: 1.5em;
        padding-left: 4em
    }

    .comparison-chart.chart-4up .row-promo {
        margin-left: 25%
    }

    .comparison-chart.chart-5up .row-item {
        margin-bottom: 0;
        max-width: 68em;
        margin-left: auto;
        margin-right: auto
    }

    .comparison-chart.chart-5up .row-item > li {
        padding-left: 0;
        margin-bottom: 0;
        line-height: 1;
        font-size: 1em;
        position: inherit
    }

    .comparison-chart.chart-5up .row-item > li:before {
        content: none;
        list-style: none;
        float: none;
        width: auto;
        height: auto;
        margin: 0;
        background: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .comparison-chart.chart-5up .row-item:after {
        clear: both;
        content: "";
        display: table
    }

    .comparison-chart.chart-5up .row-item > * {
        float: left;
        display: block;
        margin-left: 0;
        width: 16.66667%
    }

    .comparison-chart.chart-5up .row-item > *:nth-child(6n+1) {
        clear: left
    }

    .comparison-chart.chart-5up .row-header .row-item > * {
        padding-right: 0.5em;
        padding-left: 0.5em
    }

    .comparison-chart.chart-5up .product-feature {
        padding-right: 1em;
        padding-left: 3em
    }

    .comparison-chart.chart-5up .product-feature.text-value {
        padding-left: 2em;
        padding-right: 2em
    }

    .comparison-chart.chart-5up .column-1 .product-feature {
        padding-right: 3em;
        padding-left: 1em
    }

    .comparison-chart.chart-5up .column-1 .product-feature.show-icon {
        padding-right: 1em;
        padding-left: 3em
    }

    .comparison-chart.chart-5up .column-1 .product-feature.show-icon figure {
        margin-left: -2.21em
    }

    .comparison-chart.chart-5up .row-promo {
        margin-left: 16.6667%
    }

    .comparison-chart .row-promo {
        display: block
    }

    .comparison-chart .group-title {
        text-align: left;
        padding-left: 0
    }

    .comparison-chart .group-title h4 {
        padding-left: 0
    }

    .comparison-chart .row-header .row-item > * {
        padding-bottom: 1.5em
    }

    .comparison-chart .column-1 {
        display: block
    }

    .comparison-chart .column-product {
        position: relative;
        display: block
    }

    .comparison-chart .column-product .group-title > * {
        visibility: hidden
    }

    .comparison-chart .column-product figure .font-icons {
        visibility: hidden
    }

    .comparison-chart .column-product figure .font-icons:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.5em;
        margin-left: -0.5em
    }

    .comparison-chart .column-product .feature-desc p {
        visibility: hidden
    }

    .comparison-chart .column-product .text-value {
        display: table;
        width: 100%;
        height: 100%
    }

    .comparison-chart .column-product .text-value .feature-desc {
        display: table-cell;
        vertical-align: middle
    }

    .comparison-chart .column-product .text-value .feature-desc p {
        display: none
    }

    .comparison-chart .column-product .text-value .feature-desc p.small {
        display: block
    }

    .comparison-chart .row-body {
        padding: 0
    }

    .comparison-chart .row-body .row-group:before, .comparison-chart .row-body .row-group:after {
        display: none
    }

    .comparison-chart .featured-column {
        top: -1px
    }

    .comparison-chart .featured-column .group-title:before {
        visibility: hidden
    }

    .comparison-chart .featured-column .row-group {
        border-bottom: 1px solid #eee
    }

    .comparison-chart .featured-column .row-group:before, .comparison-chart .featured-column .row-group:after {
        display: block
    }

    .comparison-chart .feature-checked figure .font-icons {
        visibility: visible
    }

    .comparison-chart.featured-col-1 .row-body .column-product.column-1 .group-title:before, .comparison-chart.featured-col-2 .row-body .column-product.column-2 .group-title:before, .comparison-chart.featured-col-3 .row-body .column-product.column-3 .group-title:before, .comparison-chart.featured-col-4 .row-body .column-product.column-4 .group-title:before, .comparison-chart.featured-col-5 .row-body .column-product.column-5 .group-title:before, .comparison-chart.featured-col-6 .row-body .column-product.column-6 .group-title:before {
        display: none
    }

    ul.comparison-nav {
        display: none
    }

    .comparison-chart.chart-2up .promoline {
        right: 1.5em;
        left: 1.5em;
        top: -1em
    }
}

.awards {
    padding-top: 0.625em;
    overflow: hidden
}

.awards h4 {
    font-size: 1.250em
}

.awards p {
    color: #777777;
    font-size: 15px
}

ul.awards-list {
    margin-bottom: 0;
    text-align: center
}

ul.awards-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

ul.awards-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

ul.awards-list > li {
    display: inline-block;
    margin: 0 1.5em 1.5em 1.5em;
    max-width: 7.5em;
    vertical-align: bottom
}

ul.awards-list > li img {
    max-height: 4em;
    max-width: 80%
}

ul.awards-list > li::after {
    display: none
}

ul.awards-list.large-images > li {
    max-width: 10em
}

ul.awards-list.large-images > li img {
    max-height: 5.5em
}

.awards-wrapper .promo {
    padding: 2em;
    overflow: hidden;
    margin-top: 1.25em
}

.promo.variant2 {
    text-align: center;
    border-top: 1px solid #000;
    border-color: rgba(0, 0, 0, 0.05)
}

.promo.variant2 img {
    max-height: 6em;
    margin-bottom: 1em
}

.promo.variant2 h4 {
    margin-bottom: 1em
}

.promo.variant2 p {
    font-size: .875em
}

.awards-section {
    text-align: center
}

.green-background {
    background: #006D5C url(images/bg-pattern-green.jpg) 50% 50% no-repeat;
    background-size: cover
}

.green-background h4 {
    color: #FFF
}

.green-background p {
    color: #FFF;
    opacity: 0.8
}

.green-background a.button {
    margin-top: 0.313em;
    background-color: #FFF;
    color: #006D5C;
    border: none
}

.green-background a.button.transparent {
    background: #fff
}

.green-background a.button:hover {
    border: none
}

@media screen and (min-width: 769px) {
    ul.awards-list {
        text-align: left
    }

    ul.awards-list > li {
        margin-left: 0;
        margin-right: 2.5em
    }

    ul.awards-list.text-left {
        text-align: left
    }

    ul.awards-list.text-center {
        text-align: center
    }

    ul.awards-list.text-right {
        text-align: right
    }

    .awards-wrapper .awards {
        float: left;
        display: block;
        margin-left: 3%;
        width: 63.66667%
    }

    .awards-wrapper .promo {
        float: left;
        display: block;
        margin-left: 3%;
        width: 30.33333%
    }

    .awards-wrapper .promo {
        margin-top: 0
    }

    .awards-wrapper .button {
        display: inline-block
    }

    .promo.variant2 {
        padding-top: 0;
        padding-bottom: 0;
        text-align: left;
        border-top: none;
        border-left: 1px solid #000;
        border-color: rgba(0, 0, 0, 0.05)
    }
}

.awards {
    padding-top: 0.625em;
    overflow: hidden
}

.awards h4 {
    font-size: 1.250em
}

.awards p {
    color: #777777;
    font-size: 15px
}

ul.awards-list {
    margin-bottom: 0;
    text-align: center
}

ul.awards-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

ul.awards-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

ul.awards-list > li {
    display: inline-block;
    margin: 0 1.5em 1.5em 1.5em;
    max-width: 7.5em;
    vertical-align: bottom
}

ul.awards-list > li img {
    max-height: 4em;
    max-width: 80%
}

ul.awards-list > li::after {
    display: none
}

ul.awards-list.large-images > li {
    max-width: 10em
}

ul.awards-list.large-images > li img {
    max-height: 5.5em
}

.awards-wrapper .promo {
    padding: 2em;
    overflow: hidden;
    margin-top: 1.25em
}

.promo.variant2 {
    text-align: center;
    border-top: 1px solid #000;
    border-color: rgba(0, 0, 0, 0.05)
}

.promo.variant2 img {
    max-height: 6em;
    margin-bottom: 1em
}

.promo.variant2 h4 {
    margin-bottom: 1em
}

.promo.variant2 p {
    font-size: .875em
}

.awards-section {
    text-align: center
}

.green-background {
    background: #006D5C url(images/bg-pattern-green.jpg) 50% 50% no-repeat;
    background-size: cover
}

.green-background h4 {
    color: #FFF
}

.green-background p {
    color: #FFF;
    opacity: 0.8
}

.green-background a.button {
    margin-top: 0.313em;
    background-color: #FFF;
    color: #006D5C;
    border: none
}

.green-background a.button.transparent {
    background: #fff
}

.green-background a.button:hover {
    border: none
}

.green-banner {
    padding: 1.5em 1.5em 1em 1.5em;
    background: #006D5C url(images/bg-pattern-green.jpg) 100% 0%
}

.green-banner h4 {
    margin-bottom: 1em;
    color: #FFF
}

.green-banner p {
    margin-bottom: 1em;
    color: #FFF;
    opacity: 0.8;
    font-size: 0.875em
}

.green-banner a.button {
    margin-top: 0.313em;
    background-color: #FFF;
    color: #006D5C;
    border: none
}

.green-banner a.button.transparent {
    background: #fff
}

.green-banner a.button:hover {
    border: none
}

@media screen and (min-width: 769px) {
    ul.awards-list {
        text-align: left
    }

    ul.awards-list > li {
        margin-left: 0;
        margin-right: 2.5em
    }

    ul.awards-list.text-left {
        text-align: left
    }

    ul.awards-list.text-center {
        text-align: center
    }

    ul.awards-list.text-right {
        text-align: right
    }

    .awards-wrapper .awards {
        float: left;
        display: block;
        margin-left: 3%;
        width: 63.66667%
    }

    .awards-wrapper .promo {
        float: left;
        display: block;
        margin-left: 3%;
        width: 30.33333%
    }

    .awards-wrapper .promo {
        margin-top: 0
    }

    .awards-wrapper .button {
        display: inline-block
    }

    .promo.variant2 {
        padding-top: 0;
        padding-bottom: 0;
        text-align: left;
        border-top: none;
        border-left: 1px solid #000;
        border-color: rgba(0, 0, 0, 0.05)
    }
}

.reviews-section .section-footer {
    text-align: center
}

.reviews-section .section-footer .button {
    margin: 0;
    color: #006D5C
}

.reviews-list, ul.reviews-list {
    margin-bottom: 0;
    margin-bottom: 0.75em
}

.reviews-list > li, ul.reviews-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.reviews-list > li:before, ul.reviews-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.reviews-list figure, .reviews-list .figure, ul.reviews-list figure, ul.reviews-list .figure {
    display: none;
    margin-top: 1.25em
}

.reviews-list blockquote, ul.reviews-list blockquote {
    padding-left: 0;
    padding-right: 0;
    font-size: 0.875em
}

.reviews-list blockquote:after, ul.reviews-list blockquote:after {
    clear: both;
    content: "";
    display: table
}

.reviews-list blockquote p:before, ul.reviews-list blockquote p:before {
    content: '"';
    position: absolute;
    top: 0;
    left: -0.5em
}

.reviews-list blockquote cite, ul.reviews-list blockquote cite {
    font-size: 1em
}

.reviews-list blockquote .starbar, ul.reviews-list blockquote .starbar {
    margin-left: 1em
}

.reviews-list blockquote .cite-subtitle, ul.reviews-list blockquote .cite-subtitle {
    display: block;
    font-weight: 300;
    margin-top: 0.15em;
    margin-left: 1.2em;
    font-size: 0.857em
}

.reviews-list blockquote footer, .reviews-list blockquote .footer, ul.reviews-list blockquote footer, ul.reviews-list blockquote .footer {
    padding-right: 1.25em;
    padding-top: 0.85em;
    float: left;
    width: 65%
}

.reviews-list blockquote figure, .reviews-list blockquote .blockquote-figure, ul.reviews-list blockquote figure, ul.reviews-list blockquote .blockquote-figure {
    text-align: right;
    display: block;
    margin-top: 0;
    float: left;
    width: 35%
}

.reviews-list blockquote figure img, .reviews-list blockquote .blockquote-figure img, ul.reviews-list blockquote figure img, ul.reviews-list blockquote .blockquote-figure img {
    width: 75px;
    display: inline-block
}

.testimonials-slider .slick-slide {
    padding: 0 1.875em
}

.testimonials-slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    display: block;
    font-size: 2.5em;
    width: 1em;
    height: 1em;
    color: #ccc;
    text-indent: -9000em
}

.testimonials-slider .slick-arrow:hover {
    color: #ddd
}

.testimonials-slider .slick-arrow:before {
    position: absolute;
    top: -0.1em;
    left: -0.1em;
    font-size: 1.25em;
    width: 1em;
    height: 1em;
    text-indent: 0;
    text-align: center
}

.testimonials-slider .next-slide {
    right: -0.2em
}

.testimonials-slider .next-slide:before {
    content: "\f105"
}

.testimonials-slider .prev-slide {
    left: -0.2em
}

.testimonials-slider .prev-slide:before {
    content: "\f104"
}

.testimonials-slider .slick-dots {
    border-top: 0
}

@media screen and (min-width: 769px) {
    .reviews-list blockquote figure, .reviews-list blockquote .blockquote-figure, ul.reviews-list blockquote figure, ul.reviews-list blockquote .blockquote-figure {
        display: none
    }

    .reviews-list figure, .reviews-list .figure, ul.reviews-list figure, ul.reviews-list .figure {
        display: block
    }

    .testimonials-slider .slick-slide {
        padding: 0
    }

    .testimonials-slider .next-slide {
        right: -0.7em
    }

    .testimonials-slider .prev-slide {
        left: -1.1em
    }

    .testimonials-slider blockquote {
        padding-right: 2.875em
    }
}

@media screen and (min-width: 993px) {
    .testimonials-slider .prev-slide {
        left: -1.5em
    }
}

.launch-menu {
    position: relative;
    margin-bottom: 1em;
    background: #F6FBFD;
    border-right: 1px solid #E2EDF2;
    border-bottom: 1px solid #E2EDF2;
    box-shadow: 0px 2px 0px 0px rgba(226, 237, 242, 0.5)
}

.launch-menu ul {
    margin-bottom: 0
}

.launch-menu ul > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.launch-menu ul > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.launch-menu li {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

.launch-menu li a {
    display: block;
    padding: 1em 0.5em;
    font-size: 0.75em;
    text-align: center;
    color: #80a3b3
}

.launch-menu li a .font-icons {
    display: block;
    margin: 0.25em 0;
    font-size: 1.75em
}

.launch-menu li a:hover {
    background: #E2EDF2;
    color: #6691a4
}

.launch-menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #E2EDF2
}

.launch-menu:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background: #E2EDF2
}

.filter-search {
    margin-bottom: 1em;
    padding: 1em;
    background: #F6FBFD;
    border: 1px solid #E2EDF2;
    box-shadow: 0px 2px 0px 0px rgba(226, 237, 242, 0.5)
}

.filter-search form {
    position: relative
}

.filter-search form input {
    margin: 0;
    padding-right: 2em;
    border-color: transparent;
    box-shadow: inherit
}

.filter-search form input:hover {
    border-color: #E2EDF2
}

.filter-search form ::-webkit-input-placeholder {
    color: #80a3b3;
    opacity: .7
}

.filter-search form ::-moz-placeholder {
    color: #80a3b3;
    opacity: .7
}

.filter-search form :-ms-input-placeholder {
    color: #80a3b3;
    opacity: .7
}

.filter-search form :-moz-placeholder {
    color: #80a3b3;
    opacity: .7
}

.license-section {
    background: url("../images/image-renew.png") 0 50% no-repeat
}

.license-section .blue-wrapper {
    margin-bottom: 1.5em;
    padding: 2em 1.5em
}

@media screen and (min-width: 769px) {
    .license-section {
        background: none
    }

    .license-section .container {
        background: url("../images/image-renew.png") 0 50% no-repeat
    }

    .license-section .blue-wrapper {
        padding: 3em 2em 2em 2em
    }

    .license-section .blue-wrapper h3 {
        margin-bottom: 1.5em
    }
}

.license-list ul.content li {
    margin-bottom: 3em
}

.license-list ul.content li figure {
    float: left;
    margin-right: 1em
}

.license-list ul.content li figure img.small-thumbnail {
    max-height: 120px;
    max-width: 100px
}

.quote-section {
    position: relative;
    padding-top: 2em
}

.quote-section blockquote {
    display: block;
    margin-bottom: 1.6em;
    padding: 0;
    text-align: center;
    font-size: 1em
}

.quote-section blockquote p {
    font-family: "MuseoSlab", "Georgia", Times, serif;
    font-weight: 100;
    font-style: italic;
    font-size: 1.1875em;
    line-height: 1.57;
    color: #868686;
    margin-bottom: 1.4em;
    letter-spacing: -0.4px
}

.quote-section blockquote cite {
    font-size: 1em
}

.quote-section blockquote cite strong {
    font-weight: 300;
    font-size: 1em;
    line-height: 1.35;
    color: #2c2b2b;
    display: block;
    letter-spacing: -0.2px
}

.quote-section blockquote cite span {
    font-weight: 500;
    font-size: .6875em;
    line-height: 2;
    color: #b3b3b3;
    display: block;
    letter-spacing: -0.6px
}

.quote-section .footer-wrap img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
}

.quote-section .footer-wrap .button {
    position: absolute;
    right: 0;
    bottom: 70px;
    left: 0;
    background: #fff
}

@media screen and (min-width: 769px) {
    .quote-section {
        padding-top: 3em
    }

    .quote-section .footer-wrap {
        margin-left: 220px;
        padding-bottom: 3em
    }

    .quote-section .footer-wrap img {
        position: absolute;
        display: block;
        bottom: 0;
        left: 0
    }

    .quote-section .footer-wrap .button {
        position: static;
        font-weight: 500;
        font-size: .75em;
        line-height: 1.2;
        color: #006d5c;
        display: inline-block;
        text-align: center;
        text-transform: uppercase;
        padding: 1.2em 4.5em 1.1em 4.5em;
        border: 1px solid #d4d4d4;
        background: #fff;
        letter-spacing: -0.2px
    }

    .quote-section .footer-wrap .button:hover {
        border: 1px solid #b9b9b9;
        -webkit-transition: border 0.15s ease-in;
        -moz-transition: border 0.15s ease-in;
        transition: border 0.15s ease-in
    }

    .quote-section blockquote {
        margin-left: 220px;
        display: block;
        margin-bottom: 2.2em;
        padding: 0;
        text-align: left;
        font-size: 1em
    }

    .quote-section blockquote p {
        font-family: "MuseoSlab", "Georgia", Times, serif;
        font-weight: 100;
        font-style: italic;
        font-size: 1.1875em;
        line-height: 1.57;
        color: #868686;
        margin-bottom: 0.8em;
        letter-spacing: -0.4px
    }

    .quote-section blockquote cite {
        font-size: 1em
    }

    .quote-section blockquote cite strong {
        font-weight: 300;
        font-size: 1em;
        line-height: 1.35;
        color: #2c2b2b;
        display: block;
        letter-spacing: -0.2px
    }

    .quote-section blockquote cite span {
        font-weight: 500;
        font-size: .6875em;
        line-height: 2;
        color: #b3b3b3;
        display: block;
        letter-spacing: -0.6px
    }
}

.steps-list {
    counter-reset: item;
    list-style: none
}

.steps-list > li {
    display: block;
    margin: 0;
    padding: 0.5em 1.5em 0.5em 3em
}

.steps-list > li:before {
    float: left;
    margin-left: -1.5em;
    width: 1.1em;
    font-size: 2em;
    text-align: right;
    font-weight: 100;
    color: #bbb;
    counter-increment: item;
    content: counters(item, ".") " "
}

.steps-list > li p {
    font-size: 0.875em
}

@media screen and (min-width: 769px) {
    .steps-list > li {
        padding-left: 4em;
        border-left: 1px solid #eee
    }

    .steps-list > li:before {
        width: 1.6em;
        margin-left: -2em
    }

    .steps-list > li:nth-child(3n-2) {
        border-left: none
    }
}

.brand-section .row > [class*="col-"] {
    padding: 1.5em 0;
    border-top: 1px solid #009981
}

.brand-section .row > [class*="col-"]:first-child {
    padding-top: 0;
    border: none
}

.brand-section .row > [class*="col-"]:last-child {
    padding-bottom: 0
}

ul.stat-list {
    margin-bottom: 0
}

ul.stat-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

ul.stat-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

ul.stat-list li {
    margin-bottom: 0.75em;
    padding-top: 0.75em
}

ul.stat-list p {
    margin-bottom: 0.5em;
    font-size: .75em;
    text-align: center;
    line-height: 1.4;
    opacity: .7
}

ul.stat-list p.stat-number {
    margin-bottom: 0.15em;
    line-height: 1.1;
    font-size: 1.5em;
    color: #000
}

ul.stat-list.large-stat > li {
    max-width: 68em;
    margin-left: -3.0927%;
    margin-right: auto
}

ul.stat-list.large-stat > li:after {
    clear: both;
    content: "";
    display: table
}

ul.stat-list.large-stat figure {
    text-align: center
}

ul.stat-list.large-stat figure img {
    margin-bottom: 1em;
    width: 8em
}

ul.stat-list.large-stat p {
    color: #006D5C
}

ul.stat-list.large-stat p.stat-number {
    font-size: 1.5em
}

ul.stat-list.large-stat p span {
    display: block
}

@media screen and (min-width: 769px) {
    .brand-section .row > [class*="col-"] {
        padding: 0 3%;
        border-top: none;
        border-left: 1px solid #009981
    }

    .brand-section .row > [class*="col-"]:first-child {
        padding-left: 0;
        padding-right: 0;
        border: none
    }

    .brand-section .row > [class*="col-"]:last-child {
        padding-right: 0
    }

    ul.stat-list li {
        padding-left: 1em;
        padding-right: 1em
    }

    ul.stat-list p {
        font-size: .8125em
    }

    ul.stat-list p.stat-number {
        font-size: 2em
    }

    ul.stat-list.large-stat {
        padding-top: 2em
    }

    ul.stat-list.large-stat figure img {
        width: auto;
        max-width: 100%;
        margin: 0
    }

    ul.stat-list.large-stat p {
        text-align: left;
        font-size: 1.125em
    }

    ul.stat-list.large-stat p.stat-number {
        font-size: 2.125em
    }
}

.articles-list, ul.articles-list {
    margin-bottom: 0
}

.articles-list > li, ul.articles-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.articles-list > li:before, ul.articles-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.articles-list li, ul.articles-list li {
    position: relative;
    margin-bottom: 1.5em
}

.articles-list figure, ul.articles-list figure {
    margin-bottom: 0.5em
}

.articles-list figure img, ul.articles-list figure img {
    display: block;
    max-width: 100%
}

.articles-list h2, ul.articles-list h2 {
    font-size: 1em;
    margin-bottom: 0.5em
}

.articles-list p, ul.articles-list p {
    font-size: 0.875em;
    color: #777
}

.articles-list p.meta, ul.articles-list p.meta {
    margin-bottom: 0.5em;
    font-size: .6875em;
    color: #777
}

.articles-list p.meta.info, ul.articles-list p.meta.info {
    font-weight: 700;
    color: #bbb
}

.articles-list p.category, ul.articles-list p.category {
    position: absolute;
    top: 2em;
    left: 0;
    padding: 0.5em 1em;
    background: #444;
    color: #fff;
    text-transform: uppercase;
    font-size: .625em;
    font-weight: 700
}

.articles-list p.category a, ul.articles-list p.category a {
    color: #fff
}

.articles-list p.category a:hover, ul.articles-list p.category a:hover {
    opacity: .8
}

.articles-list .post-info, ul.articles-list .post-info {
    margin-bottom: 0.4em
}

.articles-list .post-info p, ul.articles-list .post-info p {
    margin-bottom: 0;
    color: #888;
    font-size: 0.75em
}

.articles-list .post-info p .order, ul.articles-list .post-info p .order {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    padding: 0 0.5em;
    font-size: 0.83334em;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background: #aaa;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em
}

.articles-list .post-location p, ul.articles-list .post-location p {
    margin-bottom: 0;
    font-size: 0.75em;
    color: #aaa
}

.content .articles-list li, .content ul.articles-list li {
    padding-top: 2em;
    border-top: 1px solid #e5e5e5
}

.content .articles-list li:first-child, .content ul.articles-list li:first-child {
    padding-top: 0;
    border-top: none
}

.content .articles-list li:first-child p.category, .content ul.articles-list li:first-child p.category {
    top: 0
}

.content .articles-list h2, .content ul.articles-list h2 {
    font-size: 1.125em;
    margin-bottom: 0.3em
}

.content .articles-list p.category, .content ul.articles-list p.category {
    top: 3.2em
}

.content .articles-list.search-list > li, .content ul.articles-list.search-list > li {
    padding-top: 0;
    border-top: none
}

.content .articles-list.search-list p, .content ul.articles-list.search-list p {
    margin-bottom: 0.5em
}

.secondary-articles-list, ul.secondary-articles-list {
    margin-bottom: 0
}

.secondary-articles-list > li, ul.secondary-articles-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.secondary-articles-list > li:before, ul.secondary-articles-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.secondary-articles-list > li, .secondary-articles-list > .item, ul.secondary-articles-list > li, ul.secondary-articles-list > .item {
    margin-bottom: 0.75em;
    background: #f8f8f8
}

.secondary-articles-list > li:after, .secondary-articles-list > .item:after, ul.secondary-articles-list > li:after, ul.secondary-articles-list > .item:after {
    clear: both;
    content: "";
    display: table
}

.secondary-articles-list > li figure, .secondary-articles-list > .item figure, ul.secondary-articles-list > li figure, ul.secondary-articles-list > .item figure {
    position: relative;
    margin-bottom: 0.25em
}

.secondary-articles-list > li figure a, .secondary-articles-list > .item figure a, ul.secondary-articles-list > li figure a, ul.secondary-articles-list > .item figure a {
    display: block;
    font-size: 2em;
    min-height: 2.75em;
    background-repeat: none;
    background-position: 50% 50%;
    background-size: cover
}

.secondary-articles-list > li figure a img, .secondary-articles-list > .item figure a img, ul.secondary-articles-list > li figure a img, ul.secondary-articles-list > .item figure a img {
    display: none
}

.secondary-articles-list > li figure a:hover:after, .secondary-articles-list > .item figure a:hover:after, ul.secondary-articles-list > li figure a:hover:after, ul.secondary-articles-list > .item figure a:hover:after {
    opacity: .95
}

.secondary-articles-list > li h2, .secondary-articles-list > .item h2, ul.secondary-articles-list > li h2, ul.secondary-articles-list > .item h2 {
    margin-bottom: 0;
    padding: 0.25em 0.75em;
    line-height: 1.25;
    font-size: .875em;
    color: #444;
    text-transform: none
}

.secondary-articles-list > li h2 a, .secondary-articles-list > .item h2 a, ul.secondary-articles-list > li h2 a, ul.secondary-articles-list > .item h2 a {
    display: block;
    font-weight: 500;
    color: #444;
    text-transform: none
}

.secondary-articles-list > li h2 a:hover, .secondary-articles-list > .item h2 a:hover, ul.secondary-articles-list > li h2 a:hover, ul.secondary-articles-list > .item h2 a:hover {
    color: #006D5C
}

.secondary-articles-list > li p, .secondary-articles-list > .item p, ul.secondary-articles-list > li p, ul.secondary-articles-list > .item p {
    padding: 0 0.875em 0.35em 0.875em;
    margin-bottom: 0;
    font-size: 0.6875em;
    color: #888
}

.secondary-articles-list.image-aside > li, ul.secondary-articles-list.image-aside > li {
    padding-left: 6em
}

.secondary-articles-list.image-aside > li figure, ul.secondary-articles-list.image-aside > li figure {
    float: left;
    margin-left: -6em;
    margin-bottom: 0;
    width: 6em
}

.secondary-articles-list.image-aside > li h2, ul.secondary-articles-list.image-aside > li h2 {
    padding-top: 0.6em;
    min-height: 4.5em
}

.grey-background .secondary-articles-list h2, .grey-background .secondary-articles-list p, .grey-background ul.secondary-articles-list h2, .grey-background ul.secondary-articles-list p {
    padding-left: 0;
    padding-right: 0
}

.grey-background .secondary-articles-list.image-aside > li h2, .grey-background .secondary-articles-list.image-aside > .item h2, .grey-background ul.secondary-articles-list.image-aside > li h2, .grey-background ul.secondary-articles-list.image-aside > .item h2 {
    padding-top: 0;
    padding-left: 0.875em;
    min-height: 4.5em
}

.grey-background .secondary-articles-list.image-aside > li p, .grey-background .secondary-articles-list.image-aside > .item p, .grey-background ul.secondary-articles-list.image-aside > li p, .grey-background ul.secondary-articles-list.image-aside > .item p {
    padding-left: 0.875em
}

.resources-list, ul.resources-list {
    margin-bottom: 0
}

.resources-list > li, ul.resources-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.resources-list > li:before, ul.resources-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.resources-list .article, ul.resources-list .article {
    position: relative;
    margin-bottom: 2em;
    padding-bottom: 0.4em;
    background: #f8f8f8
}

.resources-list .thumbnail, ul.resources-list .thumbnail {
    display: block;
    background-repeat: none;
    background-position: 50% 50%;
    background-size: cover;
    height: 12em
}

.resources-list .thumbnail img, ul.resources-list .thumbnail img {
    visibility: hidden
}

.resources-list h2, ul.resources-list h2 {
    margin-bottom: 0;
    padding: 0.5em 0.75em;
    line-height: 1.25;
    font-size: .875em;
    color: #444;
    text-transform: none
}

.resources-list h2 a, ul.resources-list h2 a {
    display: block;
    font-weight: 500;
    color: #444;
    text-transform: none
}

.resources-list h2 a:hover, ul.resources-list h2 a:hover {
    color: #006D5C
}

.resources-list p, ul.resources-list p {
    padding: 0 0.875em 0.25em 0.875em;
    margin-bottom: 0;
    font-size: 0.6875em;
    color: #888
}

.resources-list p.category, ul.resources-list p.category {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.5em 1em;
    background: #444;
    color: #fff;
    text-transform: uppercase;
    font-size: .625em;
    font-weight: 700
}

.resources-list p.category a, ul.resources-list p.category a {
    color: #fff
}

.resources-list p.category a:hover, ul.resources-list p.category a:hover {
    opacity: .8
}

.resources-list .featured p.category, ul.resources-list .featured p.category {
    background: #ED2939
}

.blogs-list > li {
    position: relative;
    margin-bottom: 1.5em;
    padding-bottom: 0.4em
}

.blogs-list > li h2 {
    margin-bottom: 0;
    padding: 0.5em 0;
    line-height: 1.25;
    font-size: .9375em;
    color: #444;
    text-transform: none
}

.blogs-list > li h2 a {
    display: block;
    font-weight: 500;
    color: #006D5C;
    text-transform: none
}

.blogs-list > li h2 a:hover {
    color: #005446
}

.blogs-list > li p {
    padding: 0 0 0.25em 0;
    margin-bottom: 0;
    font-size: .8125em;
    color: #888
}

.blogs-list > li .badge {
    position: absolute;
    top: 0;
    left: 0;
    background: #444;
    color: #fff;
    text-transform: uppercase;
    font-size: .625em;
    font-weight: 700
}

.blogs-list > li .badge:after {
    clear: both;
    content: "";
    display: table
}

.blogs-list > li .badge img {
    float: left;
    display: block;
    max-height: 2.25em
}

.blogs-list > li .badge span {
    float: left;
    display: block;
    padding: 0 1em;
    color: #fff;
    line-height: 2.25em
}

.blogs-list.small-list {
    margin-bottom: 1em
}

.blogs-list.small-list > li {
    padding-left: 3.7em
}

.blogs-list.small-list > li figure {
    float: left;
    max-width: 3em;
    margin-left: -3.7em
}

.blogs-list.small-list > li h2 {
    margin-bottom: 0.2em;
    padding: 0
}

.blogs-list.small-list > li p {
    font-size: .75em;
    color: #aaa
}

.simple-articles-list, ul.simple-articles-list {
    margin-bottom: 0
}

.simple-articles-list > li, ul.simple-articles-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.simple-articles-list > li:before, ul.simple-articles-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.simple-articles-list > li, ul.simple-articles-list > li {
    margin-bottom: 1em;
    padding-top: 1em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #e5e5e5
}

.simple-articles-section .article {
    margin-bottom: 1em
}

.simple-articles-section .article figure {
    margin-bottom: 0.5em
}

.simple-articles-section .article h2 {
    font-size: .9375em;
    margin-bottom: 0.4em;
    font-weight: 500
}

.simple-articles-section .article p {
    font-size: 0.8125em;
    margin-bottom: 0.5em
}

.simple-articles-section .article.image-aside {
    padding-left: 10em
}

.simple-articles-section .article.image-aside:after {
    clear: both;
    content: "";
    display: table
}

.simple-articles-section .article.image-aside figure {
    float: left;
    margin-left: -10em;
    width: 9em
}

.simple-articles-section ul > li {
    margin-bottom: 0.5em;
    font-size: .9375em
}

.simple-articles-section ul h2 {
    font-size: 1em;
    font-weight: 500;
    margin-bottom: 0.4em
}

.simple-articles-section ul p {
    font-size: 0.875em;
    margin-bottom: 0.5em
}

@media screen and (min-width: 481px) {
    .secondary-articles-list.no-image-aside-s > li, .secondary-articles-list.no-image-aside-s > .item, ul.secondary-articles-list.no-image-aside-s > li, ul.secondary-articles-list.no-image-aside-s > .item {
        padding-left: 0
    }

    .secondary-articles-list.no-image-aside-s > li figure, .secondary-articles-list.no-image-aside-s > .item figure, ul.secondary-articles-list.no-image-aside-s > li figure, ul.secondary-articles-list.no-image-aside-s > .item figure {
        float: none;
        margin-left: 0;
        margin-bottom: 0.5em;
        width: 100%
    }

    .secondary-articles-list.no-image-aside-s > li h2, .secondary-articles-list.no-image-aside-s > .item h2, ul.secondary-articles-list.no-image-aside-s > li h2, ul.secondary-articles-list.no-image-aside-s > .item h2 {
        min-height: inherit;
        padding: 0 0.75em 0.6em 0.75em
    }

    .grey-background .secondary-articles-list.no-image-aside-s > li h2, .grey-background .secondary-articles-list.no-image-aside-s > li p, .grey-background .secondary-articles-list.no-image-aside-s > .item h2, .grey-background .secondary-articles-list.no-image-aside-s > .item p, .grey-background ul.secondary-articles-list.no-image-aside-s > li h2, .grey-background ul.secondary-articles-list.no-image-aside-s > li p, .grey-background ul.secondary-articles-list.no-image-aside-s > .item h2, .grey-background ul.secondary-articles-list.no-image-aside-s > .item p {
        padding-left: 0;
        padding-right: 0
    }

    .resources-list > li, .resources-list .item, ul.resources-list > li, ul.resources-list .item {
        float: left;
        display: block;
        margin-left: 3%;
        width: 47%
    }

    .resources-list > li.featured, .resources-list .item.featured, ul.resources-list > li.featured, ul.resources-list .item.featured {
        float: left;
        display: block;
        margin-left: 3%;
        width: 97%
    }

    .resources-list .thumbnail, ul.resources-list .thumbnail {
        height: auto
    }
}

@media screen and (min-width: 769px) {
    .articles-list.image-aside li, ul.articles-list.image-aside li {
        padding-left: 9em
    }

    .articles-list.image-aside li:after, ul.articles-list.image-aside li:after {
        clear: both;
        content: "";
        display: table
    }

    .articles-list.image-aside figure, ul.articles-list.image-aside figure {
        float: left;
        margin-left: -9em;
        width: 8em;
        position: relative
    }

    .secondary-articles-list.no-image-aside-l > li, .secondary-articles-list.no-image-aside-l > .item, ul.secondary-articles-list.no-image-aside-l > li, ul.secondary-articles-list.no-image-aside-l > .item {
        padding-left: 0
    }

    .secondary-articles-list.no-image-aside-l > li figure, .secondary-articles-list.no-image-aside-l > .item figure, ul.secondary-articles-list.no-image-aside-l > li figure, ul.secondary-articles-list.no-image-aside-l > .item figure {
        float: none;
        margin-left: 0;
        margin-bottom: 0.5em;
        width: 100%
    }

    .secondary-articles-list.no-image-aside-l > li h2, .secondary-articles-list.no-image-aside-l > .item h2, ul.secondary-articles-list.no-image-aside-l > li h2, ul.secondary-articles-list.no-image-aside-l > .item h2 {
        min-height: inherit;
        padding: 0 0.75em 0.6em 0.75em
    }

    .grey-background .secondary-articles-list.no-image-aside-l > li h2, .grey-background .secondary-articles-list.no-image-aside-l > li p, .grey-background .secondary-articles-list.no-image-aside-l > .item h2, .grey-background .secondary-articles-list.no-image-aside-l > .item p, .grey-background ul.secondary-articles-list.no-image-aside-l > li h2, .grey-background ul.secondary-articles-list.no-image-aside-l > li p, .grey-background ul.secondary-articles-list.no-image-aside-l > .item h2, .grey-background ul.secondary-articles-list.no-image-aside-l > .item p {
        padding-left: 0;
        padding-right: 0
    }

    .resources-list > li, .resources-list .item, ul.resources-list > li, ul.resources-list .item {
        float: left;
        display: block;
        margin-left: 3%;
        width: 22%
    }

    .resources-list > li.featured, .resources-list .item.featured, ul.resources-list > li.featured, ul.resources-list .item.featured {
        float: left;
        display: block;
        margin-left: 3%;
        width: 47%
    }
}

@media screen and (min-width: 993px) {
    .articles-list.image-aside li, ul.articles-list.image-aside li {
        padding-left: 14em
    }

    .articles-list.image-aside figure, ul.articles-list.image-aside figure {
        margin-left: -14em;
        width: 13em
    }

    .secondary-articles-list.no-image-aside-xl > li, .secondary-articles-list.no-image-aside-xl > .item, ul.secondary-articles-list.no-image-aside-xl > li, ul.secondary-articles-list.no-image-aside-xl > .item {
        padding-left: 0
    }

    .secondary-articles-list.no-image-aside-xl > li figure, .secondary-articles-list.no-image-aside-xl > .item figure, ul.secondary-articles-list.no-image-aside-xl > li figure, ul.secondary-articles-list.no-image-aside-xl > .item figure {
        float: none;
        margin-left: 0;
        margin-bottom: 0.5em;
        width: 100%
    }

    .secondary-articles-list.no-image-aside-xl > li h2, .secondary-articles-list.no-image-aside-xl > .item h2, ul.secondary-articles-list.no-image-aside-xl > li h2, ul.secondary-articles-list.no-image-aside-xl > .item h2 {
        min-height: inherit;
        padding: 0 0.75em 0.6em 0.75em
    }

    .grey-background .secondary-articles-list.no-image-aside-xl > li h2, .grey-background .secondary-articles-list.no-image-aside-xl > li p, .grey-background .secondary-articles-list.no-image-aside-xl > .item h2, .grey-background .secondary-articles-list.no-image-aside-xl > .item p, .grey-background ul.secondary-articles-list.no-image-aside-xl > li h2, .grey-background ul.secondary-articles-list.no-image-aside-xl > li p, .grey-background ul.secondary-articles-list.no-image-aside-xl > .item h2, .grey-background ul.secondary-articles-list.no-image-aside-xl > .item p {
        padding-left: 0;
        padding-right: 0
    }
}

.articles-list.variant-2 figure img, ul.articles-list.variant-2 figure img {
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1)
}

.articles-list.variant-2 figure + .meta.category, ul.articles-list.variant-2 figure + .meta.category {
    position: absolute;
    top: 0;
    left: 0
}

.articles-list.variant-2 p.meta.date, ul.articles-list.variant-2 p.meta.date {
    font-weight: 700;
    color: #bbb
}

.articles-list.variant-2 p.category, ul.articles-list.variant-2 p.category {
    position: static;
    display: inline-block;
    margin-bottom: 0.75em
}

.blogs-list.small-list {
    margin-bottom: 1em
}

.blogs-list.small-list > li {
    margin-bottom: 0.5em;
    padding-left: 3.7em
}

.blogs-list.small-list > li figure {
    float: left;
    max-width: 3em;
    margin-left: -3.7em
}

.blogs-list.small-list > li h2 {
    font-size: 1em;
    margin-bottom: 0.2em;
    padding: 0
}

.blogs-list.small-list > li h2 a {
    font-weight: 300
}

.blogs-list.small-list > li p {
    font-size: 0.9286em;
    color: #aaa;
    line-height: 1.3
}

@media screen and (min-width: 769px) {
    .article-section:first-child {
        padding-top: 4em
    }

    .article-section article .entry-header {
        padding-bottom: 2.5em
    }

    .article-section article .entry-header .entry-title {
        font-size: 3em
    }

    .article-section article .entry-header .featured-image {
        top: 3em
    }

    .article-section article .entry-content {
        padding-left: 10%;
        padding-right: 10%
    }
}

.featured-section-title {
    padding: 1em;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: none
}

.featured-section-title h3 {
    margin: 0;
    text-align: center;
    font-size: 1.0625em;
    font-weight: 300;
    color: #444
}

@media screen and (min-width: 769px) {
    .featured-section-title {
        padding-left: 2em
    }

    .featured-section-title h3 {
        text-align: left;
        font-size: 1.125em
    }
}

.services-list, ul.services-list {
    margin-bottom: 0
}

.services-list > li, ul.services-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.services-list > li:before, ul.services-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.services-list figure, ul.services-list figure {
    margin-bottom: 1em;
    text-align: center
}

.services-list figure img, ul.services-list figure img {
    width: 5em
}

.services-list h2, ul.services-list h2 {
    font-size: 1.000em;
    margin-bottom: 0.3em;
    line-height: 1.2
}

.services-list span, ul.services-list span {
    font-size: 0.688em;
    background-color: #7fb7aa;
    color: #FFF;
    border-radius: 2px;
    padding: 0.2em 0.5em;
    cursor: default
}

.services-list p, ul.services-list p {
    font-size: 0.875em;
    color: #535353;
    line-height: 1.4;
    margin-top: 1em
}

.services-list p.price, ul.services-list p.price {
    line-height: 1.3;
    font-size: 1.125em;
    color: #444;
    font-weight: 700;
    white-space: nowrap
}

.services-list .price-block, ul.services-list .price-block {
    border-top: 1px solid #e5e5e5
}

.services-list .desc, ul.services-list .desc {
    text-align: center
}

.services-list.with-cta li .button, ul.services-list.with-cta li .button {
    margin-bottom: 2.9em
}

.services-list.with-cta li:last-child .button, ul.services-list.with-cta li:last-child .button {
    margin-bottom: 0
}

.featured-section .services-list, .featured-section ul.services-list {
    background: #fff;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05)
}

.featured-section .services-list > li, .featured-section ul.services-list > li {
    padding: 2em 1.5em;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5
}

.featured-section .services-list h2, .featured-section ul.services-list h2 {
    margin-bottom: 0.75em;
    font-size: 1.125em;
    text-align: center
}

@media screen and (min-width: 769px) {
    .featured-section .services-list > li, .featured-section ul.services-list > li {
        padding: 2em 2em 1.5em 2em
    }

    .featured-section .services-list header:after, .featured-section ul.services-list header:after {
        clear: both;
        content: "";
        display: table
    }

    .featured-section .services-list figure, .featured-section ul.services-list figure {
        float: left;
        width: 4.5em
    }

    .featured-section .services-list figure img, .featured-section ul.services-list figure img {
        width: 100%
    }

    .featured-section .services-list h2, .featured-section ul.services-list h2 {
        padding-top: 1.5em;
        margin-left: 5.5em;
        font-size: 1em;
        text-align: left;
        border-bottom: none
    }

    .featured-section .services-list .price-block, .featured-section ul.services-list .price-block {
        clear: both
    }

    .featured-section.minimal .services-list h2, .featured-section.minimal ul.services-list h2 {
        margin: 0;
        text-align: center;
        padding: 0 0.5em 0 0
    }

    .services-list.with-cta li .button, ul.services-list.with-cta li .button {
        margin-bottom: 0.83em
    }
}

@media screen and (min-width: 993px) {
    .featured-section .services-list header, .featured-section ul.services-list header {
        display: table;
        width: 100%
    }

    .featured-section .services-list figure, .featured-section ul.services-list figure {
        float: none;
        display: table-cell;
        vertical-align: top
    }

    .featured-section .services-list h2, .featured-section ul.services-list h2 {
        float: none;
        display: table-cell;
        margin: 0;
        padding: 1.5em 0.5em 0.5em 0.75em;
        vertical-align: top
    }

    .featured-section .services-list .price-block, .featured-section ul.services-list .price-block {
        clear: none;
        display: table-cell;
        vertical-align: top;
        border-top: none;
        width: 6em
    }

    .featured-section .services-list .price, .featured-section ul.services-list .price {
        padding-top: 0.5em;
        margin: 0 0 0.5em 0;
        font-size: 0.875em;
        color: #777;
        font-weight: 300
    }

    .featured-section .services-list .desc, .featured-section ul.services-list .desc {
        text-align: left
    }

    .featured-section.minimal .services-list h2, .featured-section.minimal ul.services-list h2 {
        text-align: left;
        padding: 0 0.5em 0 0
    }
}

.main .page-info-bar {
    display: block;
    float: right
}

.main .page-info-bar.no-bullets > li {
    background-color: #f8f8f8;
    color: #a3a3a3;
    float: left;
    font-size: 0.875em;
    padding: 0.5em 1em;
    margin-left: 2px
}

.main .page-info-bar.no-bullets > li i.font-icons {
    float: left;
    margin: 0.25em 0.5em 0 0
}

.buy-section.align-top {
    padding-top: 1.250em
}

.buy-section .buy-block-top-note {
    margin: 0;
    padding: 0.5em 0;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-bottom: none
}

.buy-section .buy-block-top-note p {
    font-size: 0.8em;
    margin: 0;
    text-align: center
}

.content.top-margin {
    margin-top: 2em
}

.b2b-mini-sidebar .title-top-align {
    margin-top: 0.4em
}

.b2b-mini-sidebar .title-center-align {
    margin-top: 1em
}

section + section.half-margin {
    margin: -2em 0
}

.solutions-promo p {
    font-size: 0.875em;
    color: #666
}

.light-promo {
    margin-bottom: 1.5em;
    padding: 1.5em 1em 1em 1em;
    background: #fff;
    border: #e5e5e5
}

.light-promo img {
    max-width: 10em;
    margin-bottom: 0.5em
}

.light-promo h5 {
    margin-bottom: 0;
    font-size: 1.125em;
    font-weight: 300
}

.light-promo p {
    margin-bottom: 0.4em;
    font-size: 1em
}

.light-promo.image-aside {
    position: relative;
    margin-top: 2.5em;
    padding-top: 6em;
    text-align: center
}

.light-promo.image-aside img {
    position: absolute;
    left: 50%;
    margin-left: -5em;
    top: -2.5em
}

.small-solutions-list {
    margin-bottom: 0
}

.small-solutions-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.small-solutions-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.small-solutions-list > li {
    margin-bottom: 1.563em;
    padding-left: 3em
}

.small-solutions-list > li figure {
    float: left;
    margin-left: -3em;
    width: 2.5em
}

.small-solutions-list > li h2 {
    margin-bottom: 0;
    padding-top: 1em;
    padding-left: .3125em;
    font-size: .875em;
    font-weight: 300
}

@media screen and (min-width: 769px) {
    .light-promo.image-aside {
        margin-top: 0;
        margin-left: 5em;
        padding-top: 1.5em;
        padding-left: 6em;
        text-align: left
    }

    .light-promo.image-aside img {
        left: -5em;
        margin-left: 0;
        top: -1.25em
    }
}

.site-footer {
    position: relative;
    border-top: 1px solid #e3e3e3;
    padding-top: 3em
}

.site-footer .container:before {
    content: '';
    position: absolute;
    top: -3em;
    left: -1em;
    right: -1em;
    z-index: -1;
    height: 150px;
/*    background-image: url("../images/kaspersky-logo-footer.svg");
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: contain */
}

.site-footer li {
    margin-bottom: 1.875em
}

.site-footer h3 {
    font-size: 0.813em;
    color: #373737;
    font-weight: 500;
    margin-bottom: 0.600em
}

.site-footer p {
    color: #A3A3A3;
    font-size: 0.750em;
    line-height: 1.5
}

.site-footer a.social {
    color: #b2b2b2;
    margin-right: 1.4em
}

.site-footer a.social .icon-k-club {
    font-size: 0.875em
}

.site-footer a.social:hover {
    color: #006D5C;
    -webkit-transition: background-color 0.15s ease-in;
    -moz-transition: background-color 0.15s ease-in;
    transition: background-color 0.15s ease-in
}

.site-footer a.social:hover .icon-facebook {
    color: #3b5998
}

.site-footer a.social:hover .icon-twitter {
    color: #55acee
}

.site-footer a.social:hover .icon-linkedin {
    color: #0077b5
}

.site-footer a.social:hover .icon-instagram {
    color: #3f729b
}

.site-footer a.social:hover .icon-youtube {
    color: #cd201f
}

.site-footer a.social:hover .icon-google-plus {
    color: #dc4e41
}

.site-footer a.social:hover .icon-slideshare {
    color: #F58100
}

.site-footer a.social:hover .icon-k-club {
    color: #ED2939
}

.site-footer footer {
    width: 100%;
    border-top: 1px solid #e3e3e3;
    padding: 1em 0
}

.site-footer footer .copy {
    font-size: 0.688em;
    color: #A3A3A3
}

.site-footer.compact {
    padding-top: 1em
}

.site-footer.compact footer {
    border-top: none;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 1em
}

.site-footer.compact footer p {
    margin-bottom: 0
}

.site-footer.compact .featured-pages li {
    margin-bottom: 1em
}

.site-footer.compact .featured-pages li a {
    font-size: .6875em;
    color: #bababa
}

.site-footer.compact .featured-pages li a:hover {
    color: #808080
}

.site-footer.compact .footer-secondary {
    border-top: 1px solid #e3e3e3;
    padding: 1.563em 0
}

.site-footer.compact .footer-secondary .social-links {
    margin-bottom: 1em
}

.site-footer.compact p.mobile-label {
    font-size: .6875em;
    margin-bottom: 0.5em
}

.site-footer.compact .container:before {
    top: -1em
}

.site-footer select {
    font-size: 0.75em;
    height: 3em
}

.footer-selector {
    border-top: 1px solid #e3e3e3;
    display: none;
    margin-top: 1.563em;
    padding: 0 0 1.563em 0;
    background-color: #f8f8f8
}

.footer-selector > .container {
    padding-top: 2.188em
}

.footer-selector > .container > p {
    font-size: 0.875em
}

.footer-selector ul {
    padding-bottom: 2em
}

.footer-selector ul li {
    font-size: 0.8em;
    margin-bottom: 0.6em
}

.footer-selector ul li.list-title {
    margin-bottom: 1em
}

.footer-selector .country-list {
    padding-top: 0.625em
}

.footer-selector .close-selector {
    position: absolute;
    right: 0;
    top: 40px
}

.footer-selector .close-selector i {
    color: #a7a7a7
}

.footer-selector .close-selector:hover i {
    color: #005446
}

.site-footer .country-selector-button, .form-element.country-selector {
    position: relative
}

.site-footer .country-selector-button:after, .form-element.country-selector:after {
    content: '\f0ac';
    position: absolute;
    left: 0.75em;
    top: 50%;
    z-index: 20;
    margin-top: -0.9em;
    opacity: 0.3
}

.site-footer .country-selector-button {
    margin: 0 0 0.75em 0;
    max-width: 100% !important;
    height: auto;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    margin: 0;
    padding: 8px 0;
    background: #fff;
    cursor: pointer;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    -webkit-transition: border 0.2s ease-in, background 0.2s ease-in;
    -moz-transition: border 0.2s ease-in, background 0.2s ease-in;
    transition: border 0.2s ease-in, background 0.2s ease-in
}

.site-footer .country-selector-button:after {
    margin-top: -0.5em
}

.site-footer .country-selector-button p {
    font-family: "MuseoSans", Arial, Helvetica, sans-serif;
    margin: 0;
    text-align: left;
    padding-left: 35px;
    color: #656565
}

.site-footer .country-selector-button span.arrow {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

.site-footer .country-selector-button span.arrow:before {
    font-family: 'font-icons' !important;
    content: '\f078';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 2em;
    margin-top: -0.5em;
    font-size: 0.5em;
    color: #7b7b7b;
    line-height: 1;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.site-footer .country-selector-button.active span.arrow:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin-top: -0.3em
}

.site-footer .country-selector-button:hover {
    border-color: #c3c3c3;
    background: #fefefe
}

.site-footer .country-selector-button:hover span.arrow:before {
    color: #7f7f7f
}

.form-element.country-selector {
    position: relative
}

.form-element.country-selector select {
    padding-left: 2.25em;
    font-size: 0.75em;
    height: 3em
}

.form-element.country-selector:after {
    content: '\f0ac';
    position: absolute;
    left: 0.75em;
    top: 50%;
    z-index: 20;
    margin-top: -0.9em;
    opacity: 0.3
}

.form-element.country-selector .select2 .selection .select2-selection__rendered {
    padding-left: 32px;
    color: #666;
    text-align: left;
    font-size: 0.750em
}

@media screen and (min-width: 769px) {
    .site-footer a.social {
        margin: 0 0 0 1.2em
    }

    .site-footer .container:before {
        content: '';
        position: absolute;
        left: -2.5em;
        right: auto;
        width: 660px
    }

    .site-footer .footer-links {
        max-width: 68em;
        margin-left: auto;
        margin-right: auto
    }

    .site-footer .footer-links:after {
        clear: both;
        content: "";
        display: table
    }

    .site-footer .featured-pages {
        float: left;
        display: block;
        margin-left: 0;
        width: 66.66667%
    }

    .site-footer .featured-pages ul {
        max-width: 68em;
        margin-left: -3.0927%;
        margin-right: auto
    }

    .site-footer .featured-pages ul:after {
        clear: both;
        content: "";
        display: table
    }

    .site-footer .featured-pages ul li {
        float: left;
        display: block;
        margin-left: 3%;
        width: 47%
    }

    .site-footer .contact-pages {
        float: left;
        display: block;
        margin-left: 0;
        width: 27.08333%;
        margin-left: 6.25%;
        text-align: right
    }

    .site-footer .contact-pages div {
        padding-top: 0.700em
    }

    .site-footer footer .copy {
        padding-top: 1em;
        float: left;
        display: block;
        margin-left: 3%;
        width: 72%
    }

    .site-footer footer .country-selector-button, .site-footer footer .form-element {
        float: left;
        display: block;
        margin-left: 3%;
        width: 22%
    }

    .site-footer.compact .footer-links {
        float: left;
        width: 60%
    }

    .site-footer.compact footer:after {
        clear: both;
        content: "";
        display: table
    }

    .site-footer.compact footer .copy {
        margin-left: 0;
        float: none;
        width: auto
    }

    .site-footer.compact .footer-secondary {
        float: right;
        text-align: right;
        min-width: 20%;
        width: auto;
        border-top: none;
        padding-top: 1.1em
    }

    .site-footer.compact .footer-secondary p.mobile-label {
        display: none
    }

    .site-footer.compact .footer-secondary .social-links a:first-child {
        margin: 0
    }

    .site-footer.compact .featured-pages {
        width: auto
    }

    .site-footer.compact .featured-pages li {
        float: left;
        width: auto;
        margin-right: 1em
    }

    .site-footer.compact .featured-pages li:before {
        content: "\2022";
        cursor: default;
        color: #bababa;
        font-size: 0.8em;
        margin-right: 1em
    }

    .site-footer.compact .featured-pages li:first-child:before {
        content: "";
        display: none;
        padding: 0
    }
}

@media screen and (min-width: 769px) {
    .page-nav .container {
        padding-top: 1em
    }

    .page-nav .page-menu-wrapper {
        margin-bottom: 1em;
        background: none;
        border: none;
        box-shadow: inherit
    }

    .page-nav .page-menu-wrapper p.label {
        display: inline-block;
        vertical-align: middle
    }

    .page-nav .page-menu-wrapper .page-menu-label {
        display: none !important
    }

    .page-nav .page-menu-wrapper ul.page-menu {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        overflow: visible;
        display: inline-block;
        vertical-align: middle;
        max-height: none;
        border: none;
        background: none;
        box-shadow: inherit
    }

    .page-nav .page-menu-wrapper ul.page-menu:after {
        clear: both;
        content: "";
        display: table
    }

    .page-nav .page-menu-wrapper ul.page-menu li {
        float: left
    }

    .page-nav .page-menu-wrapper ul.page-menu li a {
        padding: 1.25em 1em 1em 1em;
        text-transform: none;
        font-weight: 500;
        color: #444;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        border-bottom: 2px solid transparent;
        white-space: normal;
        overflow: visible
    }

    .page-nav .page-menu-wrapper ul.page-menu li a:after {
        display: none !important
    }

    .page-nav .page-menu-wrapper ul.page-menu li a:hover, .page-nav .page-menu-wrapper ul.page-menu li a.active {
        color: #006D5C
    }

    .page-nav .page-menu-wrapper ul.page-menu li.selected a {
        color: #006D5C;
        background: none;
        border-color: none
    }

    .page-nav .page-menu-wrapper.active ul.page-menu {
        display: inline-block
    }

    .sticky-pagenav-on .page-nav {
        position: fixed;
        left: 0;
        right: 0;
        margin-top: 0;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
        -webkit-transition: all 0.15s ease-in;
        -moz-transition: all 0.15s ease-in;
        transition: all 0.15s ease-in
    }

    .sticky-pagenav-on .page-nav .container {
        padding-top: 0
    }

    .sticky-pagenav-on .page-nav .container .page-menu-wrapper {
        margin-bottom: 0
    }
}

.contact-list > li {
    margin-bottom: 1.5em
}

.contact-list figure a {
    display: block;
    margin-bottom: 1em;
    font-size: 0.75em;
    text-align: center
}

.contact-list ul li {
    margin-bottom: 0.25em;
    font-size: 0.875em
}

.contact-list ul li a {
    font-size: 1em
}

.contact-list h5 {
    margin-bottom: 0.5em
}

.contact-list h5 + .job-title {
    margin-top: -0.25em
}

.contact-list .job-title {
    font-size: 0.75em
}

.small-contact-list {
    margin-bottom: 0
}

.small-contact-list > li {
    padding-left: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 1em;
    position: inherit
}

.small-contact-list > li:before {
    content: none;
    list-style: none;
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.small-contact-list > li {
    margin-bottom: 1em;
    padding-left: 4em
}

.small-contact-list ul li {
    font-size: 0.875em
}

.small-contact-list ul li a {
    font-size: 1em
}

.small-contact-list figure {
    float: left;
    margin-left: -4em;
    width: 3.25em
}

.small-contact-list h5 {
    margin-bottom: 0.5em
}

.small-contact-list h5 + .job-title {
    margin-top: -0.5em
}

.small-contact-list .job-title {
    font-size: 0.75em
}

.grid-list, ul.grid-list {
    margin-bottom: 2em;
    position: relative;
    background: #fff;
    border: 1px solid #eee
}

.grid-list:before, ul.grid-list:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #eee
}

.grid-list > li, ul.grid-list > li {
    position: relative;
    padding: 1.5em 1.5em 0.5em 1.5em;
    border-bottom: 1px solid #eee
}

.grid-list > li:after, ul.grid-list > li:after {
    clear: both;
    content: "";
    display: table
}

.grid-list > li:before, ul.grid-list > li:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    width: 1px;
    background: #eee
}

.item {
    margin-bottom: 0.625em;
}

.col-thumb {
    display: none;
}

.slogan {
    text-align: center;
    padding: 0.75em;
}

@media screen and (min-width: 769px) {
    .grid-list, ul.grid-list {
        margin-bottom: 2.5em
    }

    h4.section-title + .grid-list {
        margin-top: -0.75em
    }
}

@media screen and (min-width: 769px) {
.item {
    margin-bottom: 3.75em;
}

.site-header .slogan {
    padding: 1.85em;
    text-align: right;
}

.col-thumb {
    display: block;
}

.content figure {
    display: none;
}

}