/@font-face {
    font-family: 'OpenSansLight';
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.eot");
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.woff") format("woff"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.ttf") format("truetype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Light-webfont.svg#opensanslight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.eot");
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.woff") format("woff"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-LightItalic-webfont.svg#opensanslight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.eot");
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.woff") format("woff"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.ttf") format("truetype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Regular-webfont.svg#opensansRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.eot");
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.woff") format("woff"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.ttf") format("truetype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Italic-webfont.svg#opensansRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.eot");
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.woff") format("woff"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.ttf") format("truetype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/OpenSans-Semibold-webfont.svg#opensanssemibold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Pe-icon-7-stroke';
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.eot?-2irksn");
    src: url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.eot?#iefix-2irksn") format("embedded-opentype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.woff?-2irksn") format("woff"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.ttf?-2irksn") format("truetype"),url("https://cdn.kangacoders.com/direct/helionresearch.com/fonts/Pe-icon-7-stroke.svg?-2irksn#Pe-icon-7-stroke") format("svg");
    font-weight: normal;
    font-style: normal
}

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

    audio, canvas, video {
        display: inline-block;
        *display: inline;
        *zoom: 1
    }

        audio:not([controls]) {
            display: none
        }

    [hidden] {
        display: none
    }

    html {
        overflow-y: scroll;
        font-size: 62.5%;
        font-family: "OpenSansRegular",sans-serif;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%
    }

    body {
        margin: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.53846em;
        color: #42494f
    }

    button, input, select, textarea {
        font-family: "OpenSansRegular",sans-serif
    }

    .logo, .social a {
        background: url("/cdn/img/sprite.png") 0 0 no-repeat;
    }

    .hide {
        position: absolute;
        display: block;
        padding: 0 !important;
        left: -9999px !important;
        height: 0px !important;
        line-height: 0px !important;
        background: none !important
    }

    .hidden {
        text-indent: -9999px
    }

    .note {
        color: #aaa;
        font-size: 11px;
        font-size: 1.1rem
    }

    dd .note {
        margin-top: 10px;
        margin-bottom: 0
    }

    .border {
        padding-top: 15px;
        border-top: 1px solid #e5ebeb
    }

    fieldset.border {
        margin-top: 10px
    }

    .js-move {
        display: none
    }

    .more {
        position: relative;
        display: inline-block;
        padding: 0 0 0 20px;
        margin-bottom: 15px
    }

        .more, .more:visited {
            text-decoration: none;
            color: #87c307
        }

            .more:hover, .more:active {
                color: #1f8a70
            }

            .more:focus {
                overflow: visible
            }

            .more:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e685";
                position: absolute;
                top: 0;
                left: -2px
            }

    .help {
        position: relative;
        display: inline-block;
        padding: 0 0 0 20px;
        margin-bottom: 15px;
        font-size: 15px;
        font-size: 1.5rem
    }

        .help, .help:visited {
            text-decoration: none;
            color: #87c307
        }

            .help:hover, .help:active {
                color: #1f8a70
            }

            .help:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e64a";
                position: absolute;
                top: 2px;
                left: -2px
            }

    .push {
        display: block;
        margin: 0
    }

    .group:before, .group:after {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden
    }

    .group:after {
        clear: both
    }

    .group {
        zoom: 1
    }

    .clear {
        clear: both
    }

    #skip {
        position: absolute;
        left: -999em;
        top: 0px;
        width: 200px
    }

        #skip li {
            text-indent: -999em;
            background: none
        }

    a, a:visited {
        color: #87c307
    }

        a:focus, .button input:focus {
            overflow: hidden;
            outline: thin dotted
        }

        a:hover, a:active {
            color: #659205;
            outline: 0;
            -moz-outline-style: none;
            -webkit-transition: color 0.2s;
            -moz-transition: color 0.2s;
            -ms-transition: color 0.2s;
            -o-transition: color 0.2s;
            transition: color 0.2s
        }

        a img {
            border: none
        }

    h1, h2, h3 {
        margin: 0;
        padding: 0;
        font-weight: normal
    }

    h1, .doormat h2 {
        font-size: 16px;
        font-size: 1.6rem;
        font-family: "OpenSansSemibold",sans-serif;
        text-transform: uppercase;
        line-height: 1.2;
        color: #1f8a70
    }

    h2 {
        font-size: 18px;
        font-size: 1.8rem;
        font-family: "OpenSansRegular",sans-serif;
        line-height: 1.2;
        color: #ffffff;
    }

    time, .meta {
        display: block
    }

        .meta time {
            display: inline
        }

    p {
        margin: 0 0 20px 0
    }

    em, i {
        font-family: 'OpenSansItalic', sans-serif;
        font-style: normal
    }

    strong, b {
        font-family: 'OpenSansSemibold', sans-serif;
        font-weight: normal
    }

    blockquote, q {
        quotes: none
    }

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

    blockquote {
        margin: 0 0 20px 0;
        font-family: 'OpenSansItalic', sans-serif;
        font-style: normal;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.33333
    }

        blockquote p {
            margin-bottom: 0;
            overflow: hidden
        }

            blockquote p:before {
                content: "\201C"
            }

            blockquote p:after {
                content: "\201D"
            }

        blockquote .cite {
            display: block;
            margin-top: 10px;
            font-size: 13px;
            font-size: 1.3rem;
            color: #becaca;
            font-family: "OpenSansRegular",sans-serif
        }

            blockquote .cite:before, blockquote .cite:after {
                display: none
            }

        blockquote.has-image img {
            float: left;
            margin-right: 15px;
            -webkit-border-radius: 40px;
            -moz-border-radius: 40px;
            -ms-border-radius: 40px;
            -o-border-radius: 40px;
            border-radius: 40px
        }

        blockquote.has-image p {
            overflow: hidden
        }

        blockquote.has-image .cite {
            margin-left: 95px
        }

    small {
        font-size: 85%
    }

    ins {
        text-decoration: none;
        color: #42494f;
        background-color: #ff9
    }

    mark {
        font-family: 'OpenSansSemibold', sans-serif;
        font-weight: normal;
        color: #42494f;
        background-color: #ff9
    }

    del {
        text-decoration: line-through
    }

    dfn {
        font-family: 'OpenSansItalic', sans-serif;
        font-style: normal
    }

    abbr, acronym {
        font-style: normal;
        border-bottom: none;
        cursor: help
    }

        abbr[title], dfn[title] {
            border-bottom: 1px dotted inherit
        }

    a abbr {
        border: none
    }

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

    sup {
        top: -0.5em
    }

    sub {
        bottom: -0.25em
    }

    pre, code, kbd, samp {
        font-family: monospace, monospace;
        _font-family: 'courier new', monospace;
        font-size: 1em
    }

    pre {
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word
    }

    hr {
        display: none
    }

    ul, ol {
        list-style: none;
        list-style-image: none;
        margin: 0;
        padding: 0
    }

    dl, dd {
        margin: 0;
        padding: 0
    }

    img {
        border: 0;
        -ms-interpolation-mode: bicubic
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 0
    }

    header.secondary {
        position: relative;
        margin-bottom: 30px
    }

    table {
        width: 100%;
        text-align: left;
        border-collapse: collapse;
        border-spacing: 0
    }

    caption {
        font-family: 'OpenSansItalic', sans-serif;
        font-style: normal;
        color: #666
    }

    table .right {
        text-align: right
    }

    th, td {
        padding: 4px 0
    }

        td, td img {
            vertical-align: top
        }

    td {
        font-size: 13px;
        font-size: 1.3rem;
        border-bottom: 1px solid #e5ebeb
    }

    th {
        font-family: 'OpenSansSemibold', sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        color: #1f8a70;
        border-bottom: 2px solid #e5ebeb
    }

    .intro {
        display: block;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.6em
    }

    .section p.intro {
        margin-bottom: 5px
    }

    .rte {
        line-height: 1.75
    }

        .rte hr {
            display: block;
            border: 0;
            height: 1px;
            background: #e5ebeb;
            margin: 1em 0
        }

        .rte .more {
            margin-bottom: 15px
        }

        .rte h2 {
            margin-top: 30px;
            margin-bottom: 10px;
            font-size: 16px;
            font-size: 1.6rem;
            font-family: "OpenSansSemibold",sans-serif;
            text-transform: uppercase;
            line-height: 1.2;
            color: #1f8a70
        }

            .rte h2:first-child {
                margin-top: 0
            }

        .rte h3 {
            margin-top: 30px;
            margin-bottom: 10px;
            font-size: 15px;
            font-size: 1.5rem;
            font-family: "OpenSansSemibold",sans-serif;
            line-height: 1.2;
            color: #1f8a70
        }

            .rte h3:first-child {
                margin-top: 0
            }

            .rte h3.checked {
                position: relative;
                margin-top: 0;
                margin-bottom: 10px;
                padding-left: 29px;
                font-size: 18px;
                font-size: 1.8rem;
                font-family: "OpenSansRegular",sans-serif;
                color: #37967f
            }

                .rte h3.checked:before {
                    display: inline-block;
                    font-family: 'Pe-icon-7-stroke';
                    speak: none;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e66c";
                    position: absolute;
                    top: 0;
                    left: 0;
                    font-size: 24px;
                    font-size: 2.4rem;
                    color: #37967f
                }

        .rte h4 {
            margin: 0 0 5px 0;
            font-family: 'OpenSansSemibold', sans-serif;
            font-weight: normal;
            color: #878b8e;
            font-size: 14px;
            font-size: 1.4rem
        }

        .rte ol, .rte ul, .rte p {
            margin-bottom: 15px
        }

        .rte ul {
            list-style: none;
            padding: 0;
            margin: 0 0 25px 0
        }

            .rte ul li {
                position: relative;
                display: block;
                margin-bottom: 10px;
                padding-left: 20px;
                font-size: 14px;
                font-size: 1.4rem
            }

                .rte ul li:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 6px;
                    width: 6px;
                    height: 6px;
                    border: 1px solid #1f8a70;
                    -webkit-border-radius: 6px;
                    -moz-border-radius: 6px;
                    -ms-border-radius: 6px;
                    -o-border-radius: 6px;
                    border-radius: 6px
                }

                .rte ul li ul {
                    margin-top: 15px;
                    margin-bottom: 20px;
                    margin-left: 0;
                    font-size: 13px;
                    font-size: 1.3rem
                }

                .rte ul li li {
                    margin-left: 0;
                    font-size: 13px;
                    font-size: 1.3rem
                }

                    .rte ul li li:before {
                        top: 7px;
                        width: 4px;
                        height: 4px;
                        border-color: #87c307;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        -ms-border-radius: 4px;
                        -o-border-radius: 4px;
                        border-radius: 4px
                    }

        .rte .checklist {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.42857em;
            color: #1f8a70
        }

            .rte .checklist li:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e66c";
                border: 0 none;
                width: auto;
                height: auto;
                top: 3px;
                font-size: 14px
            }

            .rte .checklist.big li {
                margin-bottom: 20px;
                padding-left: 29px;
                color: #42494f
            }

                .rte .checklist.big li:before {
                    top: 1px;
                    font-size: 18px;
                    font-size: 1.8rem
                }

                .rte .checklist.big li h3 {
                    margin-bottom: 4px;
                    font-family: "OpenSansRegular",sans-serif;
                    color: #42494f
                }

        .rte ol {
            font-family: 'OpenSansSemibold', sans-serif;
            font-weight: normal;
            list-style: decimal;
            color: #1f8a70;
            font-size: 16px;
            font-size: 1.6rem
        }

            .rte ol li {
                margin-left: 24px;
                margin-bottom: 10px
            }

                .rte ol li span {
                    font-family: "OpenSansRegular",sans-serif;
                    font-size: 14px;
                    font-size: 1.4rem;
                    color: #42494f
                }

            .rte ol ol {
                margin: 15px 0 20px 0;
                font-family: "OpenSansSemibold",sans-serif;
                color: #87c307
            }

                .rte ol ol li {
                    font-size: 14px;
                    font-size: 1.4rem
                }

                    .rte ol ol li span {
                        font-family: "OpenSansRegular",sans-serif;
                        color: #42494f;
                        font-size: 13px;
                        font-size: 1.3rem
                    }

        .rte img {
            display: block
        }

        .rte table {
            width: 100%;
            text-align: left;
            margin-bottom: 20px
        }

        .rte .cols .col {
            margin-bottom: 20px
        }

            .rte .cols .col .visual {
                margin-bottom: 15px
            }

                .rte .cols .col .visual img, .rte .cols .col .visual svg {
                    display: block;
                    margin: 0
                }

        .rte .cols .col-5 h2, .rte .cols .col-6 h2 {
            font-size: 16px;
            font-size: 1.6rem
        }

    .button {
        display: block;
        padding: 0 20px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        font-size: 1.4rem;
        font-weight: normal;
        text-align: center;
        text-decoration: none;
        color: #fff;
        border: 0 none;
        white-space: nowrap;
        overflow: visible;
        background: #42494f;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }

        .button:visited {
            color: #fff
        }

        .button:hover, .button:active {
            color: #fff;
            background: #767c85;
            -webkit-transition: background-color 0.2s;
            -moz-transition: background-color 0.2s;
            -ms-transition: background-color 0.2s;
            -o-transition: background-color 0.2s;
            transition: background-color 0.2s
        }

        .button.primary, .button.primary:visited {
            background: #29abe2
        }

            .button.primary:hover, .button.primary:active {
                color: #fff;
                background: #1f8a70
            }

        .button.secondary, .button.secondary:visited {
            background: #87c307
        }

            .button.secondary:hover, .button.secondary:active {
                color: #fff;
                background: #1f8a70
            }

        .button.disabled, .button.disabled:visited {
            color: #42494f;
            background: #aaa
        }

        .button.link {
            font-size: 13px;
            font-size: 1.3rem;
            font-family: "OpenSansRegular",sans-serif;
            background: transparent none
        }

            .button.link, .button.link:visited {
                text-decoration: underline;
                color: #42494f
            }

        .button.next:before {
            display: inline-block;
            font-family: 'Pe-icon-7-stroke';
            speak: none;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 8px;
            content: "\e685";
            vertical-align: text-top
        }

        .button.submit {
            font-size: 20px;
            font-size: 2rem;
            height: 50px;
            line-height: 50px
        }

            .button.submit:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 24px;
                margin-right: 10px;
                font-weight: normal;
                content: "\e639";
                vertical-align: text-bottom
            }

        .button.block {
            width: 100%;
            float: none;
            display: block
        }

        .button.big {
            height: 51px;
            line-height: 51px;
            font-size: 20px;
            font-size: 2rem
        }

    .actions .button {
        margin-bottom: 10px
    }

        .actions .button.submit {
            margin-top: 15px
        }

    .actions .links {
        clear: both
    }

    .actions.border {
        margin-top: 10px
    }

    .icon-pe {
        display: inline-block;
        font-family: 'Pe-icon-7-stroke';
        speak: none;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .pe-7s-cloud-upload:before {
        content: "\e68a"
    }

    .pe-7s-cash:before {
        content: "\e68c"
    }

    .pe-7s-close:before {
        content: "\e680"
    }

    .pe-7s-bluetooth:before {
        content: "\e68d"
    }

    .pe-7s-cloud-download:before {
        content: "\e68b"
    }

    .pe-7s-way:before {
        content: "\e68e"
    }

    .pe-7s-close-circle:before {
        content: "\e681"
    }

    .pe-7s-id:before {
        content: "\e68f"
    }

    .pe-7s-angle-up:before {
        content: "\e682"
    }

    .pe-7s-wristwatch:before {
        content: "\e690"
    }

    .pe-7s-angle-up-circle:before {
        content: "\e683"
    }

    .pe-7s-world:before {
        content: "\e691"
    }

    .pe-7s-angle-right:before {
        content: "\e684"
    }

    .pe-7s-volume:before {
        content: "\e692"
    }

    .pe-7s-angle-right-circle:before {
        content: "\e685"
    }

    .pe-7s-users:before {
        content: "\e693"
    }

    .pe-7s-angle-left:before {
        content: "\e686"
    }

    .pe-7s-user-female:before {
        content: "\e694"
    }

    .pe-7s-angle-left-circle:before {
        content: "\e687"
    }

    .pe-7s-up-arrow:before {
        content: "\e695"
    }

    .pe-7s-angle-down:before {
        content: "\e688"
    }

    .pe-7s-switch:before {
        content: "\e696"
    }

    .pe-7s-angle-down-circle:before {
        content: "\e689"
    }

    .pe-7s-scissors:before {
        content: "\e697"
    }

    .pe-7s-wallet:before {
        content: "\e600"
    }

    .pe-7s-safe:before {
        content: "\e698"
    }

    .pe-7s-volume2:before {
        content: "\e601"
    }

    .pe-7s-volume1:before {
        content: "\e602"
    }

    .pe-7s-voicemail:before {
        content: "\e603"
    }

    .pe-7s-video:before {
        content: "\e604"
    }

    .pe-7s-user:before {
        content: "\e605"
    }

    .pe-7s-upload:before {
        content: "\e606"
    }

    .pe-7s-unlock:before {
        content: "\e607"
    }

    .pe-7s-umbrella:before {
        content: "\e608"
    }

    .pe-7s-trash:before {
        content: "\e609"
    }

    .pe-7s-tools:before {
        content: "\e60a"
    }

    .pe-7s-timer:before {
        content: "\e60b"
    }

    .pe-7s-ticket:before {
        content: "\e60c"
    }

    .pe-7s-target:before {
        content: "\e60d"
    }

    .pe-7s-sun:before {
        content: "\e60e"
    }

    .pe-7s-study:before {
        content: "\e60f"
    }

    .pe-7s-stopwatch:before {
        content: "\e610"
    }

    .pe-7s-star:before {
        content: "\e611"
    }

    .pe-7s-speaker:before {
        content: "\e612"
    }

    .pe-7s-signal:before {
        content: "\e613"
    }

    .pe-7s-shuffle:before {
        content: "\e614"
    }

    .pe-7s-shopbag:before {
        content: "\e615"
    }

    .pe-7s-share:before {
        content: "\e616"
    }

    .pe-7s-server:before {
        content: "\e617"
    }

    .pe-7s-search:before {
        content: "\e618"
    }

    .pe-7s-film:before {
        content: "\e6a5"
    }

    .pe-7s-science:before {
        content: "\e619"
    }

    .pe-7s-disk:before {
        content: "\e6a6"
    }

    .pe-7s-ribbon:before {
        content: "\e61a"
    }

    .pe-7s-repeat:before {
        content: "\e61b"
    }

    .pe-7s-refresh:before {
        content: "\e61c"
    }

    .pe-7s-add-user:before {
        content: "\e6a9"
    }

    .pe-7s-refresh-cloud:before {
        content: "\e61d"
    }

    .pe-7s-paperclip:before {
        content: "\e69c"
    }

    .pe-7s-radio:before {
        content: "\e61e"
    }

    .pe-7s-note2:before {
        content: "\e69d"
    }

    .pe-7s-print:before {
        content: "\e61f"
    }

    .pe-7s-network:before {
        content: "\e69e"
    }

    .pe-7s-prev:before {
        content: "\e620"
    }

    .pe-7s-mute:before {
        content: "\e69f"
    }

    .pe-7s-power:before {
        content: "\e621"
    }

    .pe-7s-medal:before {
        content: "\e6a0"
    }

    .pe-7s-portfolio:before {
        content: "\e622"
    }

    .pe-7s-like2:before {
        content: "\e6a1"
    }

    .pe-7s-plus:before {
        content: "\e623"
    }

    .pe-7s-left-arrow:before {
        content: "\e6a2"
    }

    .pe-7s-play:before {
        content: "\e624"
    }

    .pe-7s-key:before {
        content: "\e6a3"
    }

    .pe-7s-plane:before {
        content: "\e625"
    }

    .pe-7s-joy:before {
        content: "\e6a4"
    }

    .pe-7s-photo-gallery:before {
        content: "\e626"
    }

    .pe-7s-pin:before {
        content: "\e69b"
    }

    .pe-7s-phone:before {
        content: "\e627"
    }

    .pe-7s-plug:before {
        content: "\e69a"
    }

    .pe-7s-pen:before {
        content: "\e628"
    }

    .pe-7s-right-arrow:before {
        content: "\e699"
    }

    .pe-7s-paper-plane:before {
        content: "\e629"
    }

    .pe-7s-delete-user:before {
        content: "\e6a7"
    }

    .pe-7s-paint:before {
        content: "\e62a"
    }

    .pe-7s-bottom-arrow:before {
        content: "\e6a8"
    }

    .pe-7s-notebook:before {
        content: "\e62b"
    }

    .pe-7s-note:before {
        content: "\e62c"
    }

    .pe-7s-next:before {
        content: "\e62d"
    }

    .pe-7s-news-paper:before {
        content: "\e62e"
    }

    .pe-7s-musiclist:before {
        content: "\e62f"
    }

    .pe-7s-music:before {
        content: "\e630"
    }

    .pe-7s-mouse:before {
        content: "\e631"
    }

    .pe-7s-more:before {
        content: "\e632"
    }

    .pe-7s-moon:before {
        content: "\e633"
    }

    .pe-7s-monitor:before {
        content: "\e634"
    }

    .pe-7s-micro:before {
        content: "\e635"
    }

    .pe-7s-menu:before {
        content: "\e636"
    }

    .pe-7s-map:before {
        content: "\e637"
    }

    .pe-7s-map-marker:before {
        content: "\e638"
    }

    .pe-7s-mail:before {
        content: "\e639"
    }

    .pe-7s-mail-open:before {
        content: "\e63a"
    }

    .pe-7s-mail-open-file:before {
        content: "\e63b"
    }

    .pe-7s-magnet:before {
        content: "\e63c"
    }

    .pe-7s-loop:before {
        content: "\e63d"
    }

    .pe-7s-look:before {
        content: "\e63e"
    }

    .pe-7s-lock:before {
        content: "\e63f"
    }

    .pe-7s-lintern:before {
        content: "\e640"
    }

    .pe-7s-link:before {
        content: "\e641"
    }

    .pe-7s-like:before {
        content: "\e642"
    }

    .pe-7s-light:before {
        content: "\e643"
    }

    .pe-7s-less:before {
        content: "\e644"
    }

    .pe-7s-keypad:before {
        content: "\e645"
    }

    .pe-7s-junk:before {
        content: "\e646"
    }

    .pe-7s-info:before {
        content: "\e647"
    }

    .pe-7s-home:before {
        content: "\e648"
    }

    .pe-7s-help2:before {
        content: "\e649"
    }

    .pe-7s-help1:before {
        content: "\e64a"
    }

    .pe-7s-graph3:before {
        content: "\e64b"
    }

    .pe-7s-graph2:before {
        content: "\e64c"
    }

    .pe-7s-graph1:before {
        content: "\e64d"
    }

    .pe-7s-graph:before {
        content: "\e64e"
    }

    .pe-7s-global:before {
        content: "\e64f"
    }

    .pe-7s-gleam:before {
        content: "\e650"
    }

    .pe-7s-glasses:before {
        content: "\e651"
    }

    .pe-7s-gift:before {
        content: "\e652"
    }

    .pe-7s-folder:before {
        content: "\e653"
    }

    .pe-7s-flag:before {
        content: "\e654"
    }

    .pe-7s-filter:before {
        content: "\e655"
    }

    .pe-7s-file:before {
        content: "\e656"
    }

    .pe-7s-expand1:before {
        content: "\e657"
    }

    .pe-7s-exapnd2:before {
        content: "\e658"
    }

    .pe-7s-edit:before {
        content: "\e659"
    }

    .pe-7s-drop:before {
        content: "\e65a"
    }

    .pe-7s-drawer:before {
        content: "\e65b"
    }

    .pe-7s-download:before {
        content: "\e65c"
    }

    .pe-7s-display2:before {
        content: "\e65d"
    }

    .pe-7s-display1:before {
        content: "\e65e"
    }

    .pe-7s-diskette:before {
        content: "\e65f"
    }

    .pe-7s-date:before {
        content: "\e660"
    }

    .pe-7s-cup:before {
        content: "\e661"
    }

    .pe-7s-culture:before {
        content: "\e662"
    }

    .pe-7s-crop:before {
        content: "\e663"
    }

    .pe-7s-credit:before {
        content: "\e664"
    }

    .pe-7s-copy-file:before {
        content: "\e665"
    }

    .pe-7s-config:before {
        content: "\e666"
    }

    .pe-7s-compass:before {
        content: "\e667"
    }

    .pe-7s-comment:before {
        content: "\e668"
    }

    .pe-7s-coffee:before {
        content: "\e669"
    }

    .pe-7s-cloud:before {
        content: "\e66a"
    }

    .pe-7s-clock:before {
        content: "\e66b"
    }

    .pe-7s-check:before {
        content: "\e66c"
    }

    .pe-7s-chat:before {
        content: "\e66d"
    }

    .pe-7s-cart:before {
        content: "\e66e"
    }

    .pe-7s-camera:before {
        content: "\e66f"
    }

    .pe-7s-call:before {
        content: "\e670"
    }

    .pe-7s-calculator:before {
        content: "\e671"
    }

    .pe-7s-browser:before {
        content: "\e672"
    }

    .pe-7s-box2:before {
        content: "\e673"
    }

    .pe-7s-box1:before {
        content: "\e674"
    }

    .pe-7s-bookmarks:before {
        content: "\e675"
    }

    .pe-7s-bicycle:before {
        content: "\e676"
    }

    .pe-7s-bell:before {
        content: "\e677"
    }

    .pe-7s-battery:before {
        content: "\e678"
    }

    .pe-7s-ball:before {
        content: "\e679"
    }

    .pe-7s-back:before {
        content: "\e67a"
    }

    .pe-7s-attention:before {
        content: "\e67b"
    }

    .pe-7s-anchor:before {
        content: "\e67c"
    }

    .pe-7s-albums:before {
        content: "\e67d"
    }

    .pe-7s-alarm:before {
        content: "\e67e"
    }

    .pe-7s-airplay:before {
        content: "\e67f"
    }

    .pe-lg {
        font-size: 1.3333333333333333em;
        line-height: 0.75em;
        vertical-align: -15%
    }

    .pe-2x {
        font-size: 2em
    }

    .pe-3x {
        font-size: 3em
    }

    .pe-4x {
        font-size: 4em
    }

    .pe-5x {
        font-size: 5em
    }

    .pe-fw {
        width: 1.2857142857142858em;
        text-align: center
    }

    .pe-ul {
        padding-left: 0;
        margin-left: 2.142857142857143em;
        list-style-type: none
    }

        .pe-ul > li {
            position: relative
        }

    .pe-li {
        position: absolute;
        left: -2.142857142857143em;
        width: 2.142857142857143em;
        top: 0.14285714285714285em;
        text-align: center
    }

        .pe-li.pe-lg {
            left: -1.8571428571428572em
        }

    .pe-border {
        padding: .2em .25em .15em;
        border: solid 0.08em #eeeeee;
        border-radius: .1em
    }

    .pull-right {
        float: right
    }

    .pull-left {
        float: left
    }

    .pe.pull-left {
        margin-right: .3em
    }

    .pe.pull-right {
        margin-left: .3em
    }

    .pe-spin {
        -webkit-animation: spin 2s infinite linear;
        -moz-animation: spin 2s infinite linear;
        -o-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear
    }

    @-moz-keyframes spin {
        0% {
            -moz-transform: rotate(0deg)
        }

        100% {
            -moz-transform: rotate(359deg)
        }
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg)
        }

        100% {
            -webkit-transform: rotate(359deg)
        }
    }

    @-o-keyframes spin {
        0% {
            -o-transform: rotate(0deg)
        }

        100% {
            -o-transform: rotate(359deg)
        }
    }

    @-ms-keyframes spin {
        0% {
            -ms-transform: rotate(0deg)
        }

        100% {
            -ms-transform: rotate(359deg)
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg)
        }

        100% {
            transform: rotate(359deg)
        }
    }

    .pe-rotate-90 {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .pe-rotate-180 {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .pe-rotate-270 {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .pe-flip-horizontal {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
        -webkit-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1)
    }

    .pe-flip-vertical {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
        -webkit-transform: scale(1, -1);
        -moz-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        -o-transform: scale(1, -1);
        transform: scale(1, -1)
    }

    .pe-stack {
        position: relative;
        display: inline-block;
        width: 2em;
        height: 2em;
        line-height: 2em;
        vertical-align: middle
    }

    .pe-stack-1x, .pe-stack-2x {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center
    }

    .pe-stack-1x {
        line-height: inherit
    }

    .pe-stack-2x {
        font-size: 2em
    }

    .pe-inverse {
        color: #ffffff
    }

    .pe-va {
        vertical-align: middle
    }

    .pe-border {
        border: solid 0.08em #eaeaea
    }

    [class^="pe-7s-"], [class*=" pe-7s-"] {
        display: inline-block
    }

    form {
        margin: 0
    }

    .form-contact {
        margin-top: 30px
    }

    fieldset {
        border: 0;
        margin: 0;
        padding: 0
    }

    legend {
        border: 0;
        padding: 0;
        white-space: normal;
        *margin-left: -7px
    }

    button, select, input, textarea {
        font-size: 100%;
        margin: 0;
        vertical-align: baseline;
        *vertical-align: middle
    }

    .lte7 button, .lte7 select, .lte7 input, .lte7 textarea {
        vertical-align: middle
    }

    button, input {
        line-height: normal
    }

    .lte7 button, .lte7 input {
        overflow: visible
    }

    .lte7 table button, .lte7 table input {
        overflow: auto
    }

    button {
        width: auto
    }

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
        *overflow: visible
    }

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        *height: 13px;
        *width: 13px
    }

    input[type="search"] {
        -webkit-appearance: textfield
    }

        input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
            -webkit-appearance: none
        }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input[type="radio"] {
        vertical-align: text-bottom
    }

    input[type="checkbox"] {
        vertical-align: bottom
    }

    .ie7 input[type="checkbox"] {
        vertical-align: baseline
    }

    .ie6 input {
        vertical-align: text-bottom
    }

    input:active {
        outline: none;
        -moz-outline-style: none
    }

    input.idle, textarea.idle {
        color: #a7a7a7
    }

    textarea {
        overflow: auto;
        vertical-align: top
    }

    form input[type='number']::-webkit-outer-spin-button, form input[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    input[type="text"], input[type="submit"] {
        -webkit-appearance: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }

    .field {
        padding: 0 8px;
        height: 36px;
        width: 100%;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 35px;
        border: 1px solid #dde4e4;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }

        .field[disabled] {
            background-color: #aaa
        }

    textarea.field {
        line-height: 1.4em;
        min-height: 180px;
        padding-top: 7px;
        padding-bottom: 7px
    }

    dd select {
        width: 100%;
        margin: 10px 0 0 0;
        background-color: #fff;
        border: 1px solid #e5ebeb
    }

    [placeholder]:focus::-webkit-input-placeholder {
        transition: opacity 0.5s 0.5s ease;
        opacity: 0
    }

    .placeholder {
        display: block;
        position: absolute;
        left: 10px;
        top: 9px;
        font-family: "OpenSansSemibold",sans-serif;
        font-weight: normal;
        font-size: 15px;
        font-size: 1.5rem
    }

    abbr.required {
        color: #42494f
    }

    form dl {
        margin: 0
    }

    form dt {
        margin-bottom: 4px
    }

    form dd {
        margin: 0;
        padding: 0 0 15px 0
    }

    form .indicator {
        color: #808080
    }

    .focus .field, .field:focus {
        color: #29abe2;
        border-color: #87c307;
        outline: none;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in
    }

        .error .focus .field, .error .field:focus, .focus .field.error, .field.error:focus {
            border-color: #ed145b
        }

    .feedback-msg, .error-msg {
        clear: left;
        position: relative;
        margin-bottom: 20px;
        padding: 15px 20px;
        color: #ed145b;
        background-color: #fdfbcb;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.42857em
    }

        .feedback-msg h3, .error-msg h3 {
            font-family: "OpenSansSemibold",sans-serif;
            font-size: 13px;
            font-size: 1.3rem;
            color: #ed145b
        }

        .feedback-msg ul, .error-msg ul {
            padding: 0;
            list-style: none
        }

    .feedback-msg {
        color: #fff;
        background-color: #87c307
    }

    .error-msg {
        position: relative;
        text-transform: uppercase
    }

        .error-msg:after {
            position: absolute;
            right: 20px;
            top: 14px;
            display: inline-block;
            font-family: 'Pe-icon-7-stroke';
            speak: none;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #ed145b;
            font-size: 22px;
            content: "\e67b"
        }

    .errors {
        margin: 0;
        padding: 5px 0 0 0;
        list-style: none;
        color: #ed145b
    }

    dd .errors {
        padding-top: 12px;
        color: #ed145b
    }

        dd .errors li {
            position: relative;
            padding: 0 0 0 20px
        }

            dd .errors li:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e682";
                position: absolute;
                left: 0;
                top: -2px;
                font-size: 22px
            }

    .error label, .error label .required {
        color: #ed145b
    }

    .error .field, .error select, select.error {
        color: #ed145b;
        border-color: #ed145b
    }

    dd.radiobuttons, dd.checkboxes {
        padding: 6px 0 14px 0
    }

    .input {
        display: inline-block;
        line-height: 0;
        vertical-align: text-bottom
    }

        .input input {
            position: relative;
            line-height: 1.4;
            vertical-align: text-bottom;
            margin-right: 4px;
            top: -2px
        }

    label.radio, label.checkbox {
        display: inline-block;
        position: relative;
        margin-right: 15px
    }

    form ul.radiobuttons, form ul.checkboxes {
        display: block
    }

        form ul.radiobuttons li, form ul.checkboxes li {
            float: left;
            clear: both;
            list-style: none;
            display: block;
            margin-top: 7px
        }

            form ul.radiobuttons li:first-child, form ul.checkboxes li:first-child {
                margin-top: 0
            }

    .no-js a.submit, .js input.submit, .js button.submit {
        display: none
    }

    .js a.submit, .no-js input.submit, .no-js button.submit {
        display: inline-block
    }

    .cols {
        position: relative;
        clear: both
    }

    .col {
        min-height: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }

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

    .container {
        position: relative
    }

    html {
        height: 100%
    }

    body {
        min-height: 100%
    }

        body .dev {
            pointer-events: none;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 99;
            width: 100%;
            height: 200%;
            opacity: .1;
            background-position: 50% 0;
            background-repeat: no-repeat;
            background-image: url("../img/_develop/strengths-global.jpg")
        }

    header.primary {
        position: relative;
        padding: 15px 0 0 0
    }

    .logo {
        /* margin: 0 0 45px 0; */
        margin-left: -10px;
        position: relative;
    }

    .logo {
        position: relative;
        display: block;
        width: 173px;
        /* height: 51px; */
        text-decoration: none;
        text-align: left;
        text-indent: -9999px;
        direction: ltr;
        padding-bottom: 20px;
    }

    .hide {
        position: absolute;
        display: block;
        padding: 0 !important;
        left: -9999px !important;
        height: 0px !important;
        line-height: 0px !important;
        background: none !important;
    }

    .logo img {
        left: 0 !important;
        top: 0;
        height: auto !important;
        width: 182px;
    }

    nav li, nav a {
        float: left
    }

    nav.primary {
        position: relative
    }

    nav.secondary {
        position: absolute;
        left: 0;
        top: 50px;
        clear: both;
        width: 100%;
        padding: 10px 0;
        overflow: hidden
    }

        nav.secondary ul {
            display: block;
            margin: 0 -20px
        }

        nav.secondary li {
            width: 33.33%;
            height: 12px;
            font-size: 12px;
            font-size: 1.2rem;
            text-align: center;
            border-left: 1px solid #e7ecec;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box
        }

            nav.secondary li:first-child {
                border-left: 0 none
            }

            nav.secondary li.active a, nav.secondary li.active a:visited {
                color: #42494f
            }

        nav.secondary a {
            float: none;
            display: block;
            margin: -10px 0 0 0;
            padding: 10px 0;
            line-height: 1.2
        }

            nav.secondary a, nav.secondary a:visited {
                color: #aaa;
                text-decoration: none
            }

                nav.secondary a:hover, nav.secondary a:active {
                    color: #42494f
                }

    .js nav.aside .contents {
        display: none
    }

    nav.aside {
        margin: -30px -20px 20px -20px;
        padding: 0 20px;
        border-top: 1px solid #e5ebeb;
        border-bottom: 1px solid #e5ebeb
    }

        nav.aside h1 {
            cursor: pointer;
            position: relative;
            display: block;
            padding: 11px 20px 9px 20px;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.5;
            color: #1f8a70
        }

            nav.aside h1:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                left: -3px;
                top: 9px;
                content: "\e689"
            }

            nav.aside h1:hover {
                color: #aaa
            }

        nav.aside h2 {
            margin-top: 15px;
            margin-bottom: 20px;
            padding: 0 20px;
            font-size: 14px;
            font-size: 1.4rem;
            font-family: "OpenSansSemibold",sans-serif;
            text-transform: uppercase;
            line-height: 1.2;
            color: #1f8a70
        }

        nav.aside.open h1 {
            color: #aaa
        }

            nav.aside.open h1:before {
                content: "\e683"
            }

            nav.aside.open h1:hover {
                color: #aaa
            }

        nav.aside .contents {
            clear: both;
            display: block;
            margin: 0 -20px;
            padding: 0 20px
        }

            nav.aside .contents ul {
                display: block
            }

                nav.aside .contents ul:before, nav.aside .contents ul:after {
                    content: ".";
                    display: block;
                    height: 0;
                    overflow: hidden
                }

                nav.aside .contents ul:after {
                    clear: both
                }

            nav.aside .contents ul {
                zoom: 1
            }

            nav.aside .contents li {
                float: none;
                display: block;
                margin: 0 -20px;
                padding: 0 20px 0 40px;
                font-size: 14px;
                font-size: 1.4rem;
                line-height: 1.2;
                border-top: 1px solid #e5ebeb
            }

                nav.aside .contents li.active a, nav.aside .contents li.active a:visited {
                    color: #1f8a70
                }

                nav.aside .contents li ul {
                    margin: 3px 0 17px 0
                }

                nav.aside .contents li.active li {
                    margin: 0;
                    padding: 0;
                    font-size: 13px;
                    font-size: 1.3rem;
                    border-top: 0 none
                }

                    nav.aside .contents li.active li a {
                        position: relative;
                        padding: 6px 0
                    }

                        nav.aside .contents li.active li a, nav.aside .contents li.active li a:visited {
                            color: #919191
                        }

                            nav.aside .contents li.active li a:before {
                                position: relative;
                                top: 6px;
                                margin-right: 9px;
                                content: "";
                                display: inline-block;
                                vertical-align: text-top;
                                width: 4px;
                                height: 4px;
                                -webkit-border-radius: 8px;
                                -moz-border-radius: 8px;
                                -ms-border-radius: 8px;
                                -o-border-radius: 8px;
                                border-radius: 8px;
                                border: 1px solid #bcbcbc
                            }

                            nav.aside .contents li.active li a:hover, nav.aside .contents li.active li a:active, nav.aside .contents li.active li li.active a {
                                color: #1f8a70
                            }

            nav.aside .contents a {
                float: none;
                display: block;
                padding: 15px 0 9px 0
            }

                nav.aside .contents a, nav.aside .contents a:visited {
                    text-decoration: none;
                    color: #42494f
                }

                    nav.aside .contents a:hover, nav.aside .contents a:active {
                        color: #1f8a70
                    }

    .content {
        margin-bottom: 70px
    }

    header.secondary {
        clear: both;
        background-color: #f6f8f8
    }

        header.secondary .kc_content_block {
            position: relative;
            z-index: 1
        }

        header.secondary .container {
            padding-top: 25px;
            overflow: hidden
        }

        header.secondary h2 {
            margin-bottom: -13px;
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            font-size: 20px;
            font-size: 2rem;
            text-transform: none;
            color: #a9b3b3
        }

        header.secondary h1 {
            margin-top: 17px;
            margin-bottom: 20px;
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            font-size: 28px;
            font-size: 2.8rem;
            text-transform: none;
            color: #1f8a70
        }

        header.secondary p {
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.6em;
            margin-bottom: 48px
        }

        header.secondary .visual {
            z-index: 0;
            margin: 0 0 -130px -24px
        }

        header.secondary .map {
            display: block;
            margin: 0 auto;
            width: 100%;
            max-width: 1170px
        }

        header.secondary img, header.secondary svg {
            display: block;
            margin: 0 auto;
            width: 305px;
            height: auto
        }

        header.secondary.worldmap {
            overflow: hidden
        }

            header.secondary.worldmap .more {
                display: none;
                position: absolute;
                right: 20px;
                top: 30px;
                padding: 0 24px 0 0
            }

                header.secondary.worldmap .more:before {
                    right: 0;
                    left: auto;
                    content: "\e689"
                }

            header.secondary.worldmap img {
                display: none
            }

            header.secondary.worldmap .container {
                position: relative
            }

    aside.primary {
        float: left
    }

    aside.secondary {
        float: right
    }

    .cta-banner {
        padding: 34px 0 59px 0;
        color: #fff;
        background-color: #92bb3b;
    }

        .cta-banner h1 {
            margin-bottom: 20px;
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            text-transform: none;
            font-size: 34px;
            font-size: 3.4rem;
            line-height: 1.23529;
            color: #fff
        }

        .cta-banner p {
            margin-bottom: 36px;
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 1.55556
        }

        .cta-banner .more {
            padding: 0 32px 0 0;
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            font-size: 18px;
            font-size: 1.8rem
        }

            .cta-banner .more, .cta-banner .more:visited {
                color: #fff;
                text-decoration: none
            }

                .cta-banner .more:hover, .cta-banner .more:active {
                    color: #fff;
                    text-decoration: underline
                }

                .cta-banner .more:before {
                    position: absolute;
                    top: 0;
                    left: auto;
                    right: 0;
                    font-size: 24px
                }

    .doormat {
        padding: 16px 0 42px 0;
        font-size: 12px;
        font-size: 1.2rem;
        background-color: #edf1f1
    }

        .doormat h2 {
            margin-bottom: 18px;
            font-size: 13px;
            font-size: 1.3rem
        }

        .doormat ul {
            display: block;
            margin-bottom: 27px
        }

            .doormat ul li {
                display: block;
                border-bottom: 1px solid #d3dbdb
            }

                .doormat ul li:first-child a {
                    padding-top: 0
                }

            .doormat ul a {
                display: block;
                padding: 7px 0;
                text-decoration: none;
                color: #42494f;
            }

                .doormat ul a:hover, .doormat ul a:active {
                    color: #141617
                }

        .doormat .vcard {
            margin-bottom: 20px;
            line-height: 1.75
        }

            .doormat .vcard a, .doormat .vcard a:visited {
                text-decoration: none;
                color: #42494f
            }

                .doormat .vcard a:hover, .doormat .vcard a:active {
                    color: #141617
                }

        .doormat .more {
            padding-left: 22px;
            font-size: 14px;
            font-size: 1.4rem;
            text-decoration: none
        }

    .labels .social {
        display: block;
        padding-top: 30px;
        padding-bottom: 30px;
        height: 105px;
        text-align: justify
    }

        .labels .social:after {
            content: "";
            width: 100%;
            display: inline-block
        }

        .labels .social li {
            line-height: 0;
            display: inline-block;
            width: 45px;
            vertical-align: top;
            *display: inline;
            zoom: 1
        }

        .labels .social a {
            display: inline-block;
            width: 45px;
            height: 45px;
            line-height: 1;
            background-color: #ccd6d6;
            -webkit-border-radius: 23px;
            -moz-border-radius: 23px;
            -ms-border-radius: 23px;
            -o-border-radius: 23px;
            border-radius: 23px;
            text-align: left;
            text-indent: -9999px;
            direction: ltr;
            overflow: hidden;
            -webkit-transition: background-color 0.2s ease-in;
            -moz-transition: background-color 0.2s ease-in;
            -ms-transition: background-color 0.2s ease-in;
            -o-transition: background-color 0.2s ease-in;
            transition: background-color 0.2s ease-in
        }

            .labels .social a:hover, .labels .social a:active {
                background-color: #87c307;
                -webkit-transition: background-color 0.3s ease-in;
                -moz-transition: background-color 0.3s ease-in;
                -ms-transition: background-color 0.3s ease-in;
                -o-transition: background-color 0.3s ease-in;
                transition: background-color 0.3s ease-in
            }

        .labels .social .twitter a {
            background-position: 0 -25px
        }

        .labels .social .facebook a {
            background-position: -50px -25px
        }

        .labels .social .gplus a {
            background-position: -100px -25px
        }

        .labels .social .youtube a {
            background-position: -150px -25px
        }

        .labels .social .linkedin a {
            background-position: -200px -25px
        }

    .labels .partners {
        padding-top: 36px;
        padding-bottom: 50px;
        height: 156px;
        text-align: justify
    }

        .labels .partners:after {
            content: "";
            width: 100%;
            display: inline-block
        }

        .labels .partners li {
            line-height: 0;
            display: inline-block;
            vertical-align: top;
            *display: inline;
            zoom: 1
        }

        .labels .partners a {
            line-height: 0;
            display: inline-block;
            background-color: #8f9e9e;
            -webkit-transition: background-color 0.2s ease-in;
            -moz-transition: background-color 0.2s ease-in;
            -ms-transition: background-color 0.2s ease-in;
            -o-transition: background-color 0.2s ease-in;
            transition: background-color 0.2s ease-in
        }

            .labels .partners a:hover, .labels .partners a:active {
                background-color: #87c307;
                -webkit-transition: background-color 0.3s ease-in;
                -moz-transition: background-color 0.3s ease-in;
                -ms-transition: background-color 0.3s ease-in;
                -o-transition: background-color 0.3s ease-in;
                transition: background-color 0.3s ease-in
            }

    footer.primary {
        padding: 20px 0;
        font-size: 12px;
        font-size: 1.2rem;
        text-align: center;
        border-top: 1px solid #e5ebeb
    }

        footer.primary .copy {
            display: block;
            margin-bottom: 20px
        }

        footer.primary .footernav {
            display: block;
            margin-bottom: 50px;
            color: #87c307
        }

            footer.primary .footernav a {
                display: inline
            }

        footer.primary a, footer.primary a:visited {
            text-decoration: none;
            color: #87c307
        }

            footer.primary a:hover, footer.primary a:active {
                color: #1f8a70
            }

        footer.primary .totop {
            position: relative;
            display: block;
            padding: 25px 0 0 0
        }

            footer.primary .totop .icon-pe {
                position: absolute;
                top: 0;
                left: 50%;
                margin-left: -9px
            }

    .hero {
        position: relative;
        min-height: 315px;
        overflow: hidden;
        background-color: #f6f8f8
    }

        .hero img {
            display: block;
            position: absolute;
            left: 50%;
            top: -132px;
            margin-left: -850px
        }

        .hero a {
            display: block;
            position: relative;
            z-index: 1;
            text-decoration: none
        }

        .hero h1 {
            margin: 20px 0;
            padding: 10px 17px 21px 17px;
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.5;
            text-transform: none;
            background-color: #fff;
            background-color: rgba(255,255,255,0.9)
        }

        .hero .more {
            float: left;
            margin-top: -20px;
            margin-bottom: 20px;
            padding: 2px 50px 10px 38px;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.5;
            background-color: #fff;
            background-color: rgba(255,255,255,0.9)
        }

            .hero .more:before {
                top: 2px;
                left: 16px
            }

    .services {
        padding: 17px 0 10px 0
    }

        .services h1 {
            margin-bottom: 17px
        }

        .services .contents {
            position: relative;
            margin-bottom: 10px;
            padding: 16px 64px 48px 20px;
            color: #fff
        }

            .services .contents:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                right: 20px;
                top: 10px;
                font-size: 35px;
                font-weight: normal
            }

            .services .contents a {
                display: block;
                margin: -16px -64px -48px -20px;
                padding: 16px 64px 48px 20px
            }

                .services .contents a, .services .contents a:visited {
                    color: #fff;
                    text-decoration: none
                }

            .services .contents h3 {
                margin-bottom: 13px;
                font-size: 20px;
                font-size: 2rem
            }

            .services .contents .more {
                display: block;
                position: absolute;
                bottom: 26px;
                left: 20px;
                display: block;
                padding-left: 22px;
                margin-bottom: 0;
                color: #fff;
                font-size: 13px;
                font-size: 1.3rem
            }

                .services .contents .more:before {
                    top: 0;
                    left: 0
                }

            .services .contents.services1 {
                background-color: #024663;
            }

                .services .contents.services1:before {
                    content: "\e605"
                }

            .services .contents.services2 {
                background-color: #92bb3b;
            }

                .services .contents.services2:before {
                    content: "\e627"
                }

            .services .contents.services3 {
                background-color: #024663;
            }

                .services .contents.services3:before {
                    content: "\e605"
                }

            .services .contents.services4 {
                background-color: #92bb3b;
            }

                .services .contents.services4:before {
                    content: "\e627"
                }

            .services .contents.services5 {
                background-color: #024663;
            }

                .services .contents.services5:before {
                    content: "\e605"
                }

    .strengths h1 {
        margin-bottom: 15px
    }

    .strengths h2 {
        margin-bottom: 10px;
        font-size: 15px;
        font-size: 1.5rem;
        font-family: "OpenSansSemibold",sans-serif;
        line-height: 1.2;
        color: #1f8a70
    }

    .strengths .after {
        position: absolute;
        right: 25px;
        top: 0;
        padding-right: 22px;
        padding-left: 0
    }

        .strengths .after:before {
            left: auto;
            right: 0
        }

    .strengths .col {
        margin-bottom: 20px
    }

        .strengths .col .visual {
            margin-bottom: 15px
        }

            .strengths .col .visual img, .strengths .col .visual svg {
                display: block
            }

    .clients {
        margin-bottom: 20px
    }

        .clients h1 {
            margin-bottom: 15px
        }

        .clients ul {
            margin-left: -40px
        }

        .clients li {
            float: left;
            margin-left: 12px;
            margin-bottom: 20px
        }

    .box {
        position: relative;
        margin-bottom: 20px;
        padding: 15px 20px 20px 20px;
        border: 1px solid #e5ebeb
    }

        .box h2 {
            margin-bottom: 10px
        }

        .box p {
            margin-bottom: 20px
        }

        .box.primary h2 {
            color: #29abe2
        }

        .box.primary:before {
            color: #29abe2
        }

        .box.secondary h2 {
            color: #87c307
        }

        .box.secondary:before {
            color: #87c307
        }

        .box.contact:before, .box.user:before {
            display: inline-block;
            font-family: 'Pe-icon-7-stroke';
            speak: none;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 23px;
            top: 8px;
            display: block;
            font-size: 35px;
            font-weight: normal
        }

        .box.contact h2, .box.user h2 {
            padding-right: 34px
        }

        .box.contact:before {
            content: "\e63b"
        }

        .box.user:before {
            content: "\e605"
        }

        .box.login {
            padding-top: 65px
        }

            .box.login:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                right: 30px;
                top: 18px;
                display: block;
                font-size: 35px;
                font-weight: normal;
                content: "\e63f"
            }

    .login {
        padding: 4px 30px 0 29px;
        border-left: 1px solid #e5ebeb
    }

        .login dd {
            padding-bottom: 9px;
            position: relative
        }

        .login .actions button {
            position: relative;
            margin-bottom: 0;
            padding-left: 36px
        }

            .login .actions button:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                left: 10px;
                top: 11px;
                display: block;
                font-size: 18px;
                font-weight: 600;
                content: "\e685";
                -webkit-font-smoothing: antialiased
            }

        .login .actions a {
            margin-top: 9px;
            margin-bottom: 0;
            float: right
        }

    .section {
        line-height: 1.75
    }

        .section.border {
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 20px;
            padding-right: 20px;
            margin-top: 20px;
            padding-top: 15px
        }

        .section hr {
            display: block;
            border: 0;
            height: 1px;
            background: #e5ebeb;
            margin: 1em 0
        }

        .section .more {
            margin-bottom: 15px
        }

        .section h2 {
            margin-top: 30px;
            margin-bottom: 10px;
            font-size: 16px;
            font-size: 1.6rem;
            font-family: "OpenSansSemibold",sans-serif;
            text-transform: uppercase;
            line-height: 1.2;
            color: #1f8a70
        }

            .section h2:first-child {
                margin-top: 0
            }

        .section h3 {
            margin-top: 30px;
            margin-bottom: 10px;
            font-size: 15px;
            font-size: 1.5rem;
            font-family: "OpenSansSemibold",sans-serif;
            line-height: 1.2;
            color: #1f8a70
        }

            .section h3:first-child {
                margin-top: 0
            }

            .section h3.checked {
                position: relative;
                margin-top: 0;
                margin-bottom: 10px;
                padding-left: 29px;
                font-size: 18px;
                font-size: 1.8rem;
                font-family: "OpenSansRegular",sans-serif;
                color: #37967f
            }

                .section h3.checked:before {
                    display: inline-block;
                    font-family: 'Pe-icon-7-stroke';
                    speak: none;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e66c";
                    position: absolute;
                    top: 0;
                    left: 0;
                    font-size: 24px;
                    font-size: 2.4rem;
                    color: #37967f
                }

        .section h4 {
            margin: 0 0 5px 0;
            font-family: 'OpenSansSemibold', sans-serif;
            font-weight: normal;
            color: #878b8e;
            font-size: 14px;
            font-size: 1.4rem
        }

        .section ol, .section ul, .section p {
            margin-bottom: 15px
        }

        .section ul {
            list-style: none;
            padding: 0;
            margin: 0 0 25px 0
        }

            .section ul li {
                position: relative;
                display: block;
                margin-bottom: 10px;
                padding-left: 20px;
                font-size: 14px;
                font-size: 1.4rem
            }

                .section ul li:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 6px;
                    width: 6px;
                    height: 6px;
                    border: 1px solid #1f8a70;
                    -webkit-border-radius: 6px;
                    -moz-border-radius: 6px;
                    -ms-border-radius: 6px;
                    -o-border-radius: 6px;
                    border-radius: 6px
                }

                .section ul li ul {
                    margin-top: 15px;
                    margin-bottom: 20px;
                    margin-left: 0;
                    font-size: 13px;
                    font-size: 1.3rem
                }

                .section ul li li {
                    margin-left: 0;
                    font-size: 13px;
                    font-size: 1.3rem
                }

                    .section ul li li:before {
                        top: 7px;
                        width: 4px;
                        height: 4px;
                        border-color: #87c307;
                        -webkit-border-radius: 4px;
                        -moz-border-radius: 4px;
                        -ms-border-radius: 4px;
                        -o-border-radius: 4px;
                        border-radius: 4px
                    }

        .section .checklist {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.42857em;
            color: #1f8a70
        }

            .section .checklist li:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e66c";
                border: 0 none;
                width: auto;
                height: auto;
                top: 3px;
                font-size: 14px
            }

            .section .checklist.big li {
                margin-bottom: 20px;
                padding-left: 29px;
                color: #42494f
            }

                .section .checklist.big li:before {
                    top: 1px;
                    font-size: 18px;
                    font-size: 1.8rem
                }

                .section .checklist.big li h3 {
                    margin-bottom: 4px;
                    font-family: "OpenSansRegular",sans-serif;
                    color: #42494f
                }

        .section ol {
            font-family: 'OpenSansSemibold', sans-serif;
            font-weight: normal;
            list-style: decimal;
            color: #1f8a70;
            font-size: 16px;
            font-size: 1.6rem
        }

            .section ol li {
                margin-left: 24px;
                margin-bottom: 10px
            }

                .section ol li span {
                    font-family: "OpenSansRegular",sans-serif;
                    font-size: 14px;
                    font-size: 1.4rem;
                    color: #42494f
                }

            .section ol ol {
                margin: 15px 0 20px 0;
                font-family: "OpenSansSemibold",sans-serif;
                color: #87c307
            }

                .section ol ol li {
                    font-size: 14px;
                    font-size: 1.4rem
                }

                    .section ol ol li span {
                        font-family: "OpenSansRegular",sans-serif;
                        color: #42494f;
                        font-size: 13px;
                        font-size: 1.3rem
                    }

        .section img {
            display: block
        }

        .section table {
            width: 100%;
            text-align: left;
            margin-bottom: 20px
        }

        .section .cols .col {
            margin-bottom: 20px
        }

            .section .cols .col .visual {
                margin-bottom: 15px
            }

                .section .cols .col .visual img, .section .cols .col .visual svg {
                    display: block;
                    margin: 0
                }

        .section .cols .col-5 h2, .section .cols .col-6 h2 {
            font-size: 16px;
            font-size: 1.6rem
        }

    .list-services {
        margin-top: 35px
    }

        .list-services h3 {
            font-size: 18px;
            font-size: 1.8rem;
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            line-height: 1.2;
            color: #42494f
        }

        .list-services .item {
            margin-bottom: 25px
        }

            .list-services .item .col {
                margin-bottom: 0
            }

    .profiles {
        position: relative;
        margin-top: 45px
    }

        .profiles .cols .item {
            position: relative;
            padding-left: 0;
            margin-bottom: 20px
        }

            .profiles .cols .item a {
                display: block
            }

                .profiles .cols .item a:focus, .profiles .cols .item a:active {
                    overflow: visible
                }

            .profiles .cols .item h3 {
                margin-top: 0;
                margin-bottom: 0;
                font-family: 'OpenSansLight', sans-serif;
                font-style: normal;
                line-height: 1.2;
                color: #42494f;
                font-size: 20px;
                font-size: 2rem;
                text-transform: none;
                color: #37967f
            }

            .profiles .cols .item p {
                margin-bottom: 15px
            }

            .profiles .cols .item img {
                float: right;
                width: 80px;
                margin-bottom: 0;
                -webkit-border-radius: 40px;
                -moz-border-radius: 40px;
                -ms-border-radius: 40px;
                -o-border-radius: 40px;
                border-radius: 40px
            }

        .profiles.animating .group, .profiles.animating .profile {
            position: absolute;
            left: 0;
            top: 0
        }

    .profile {
        padding-left: 160px;
        padding-top: 44px;
        background-color: #fff
    }

        .profile h3 {
            margin-bottom: 0;
            font-family: 'OpenSansLight', sans-serif;
            font-style: normal;
            font-size: 20px;
            font-size: 2rem;
            text-transform: none;
            color: #37967f
        }

        .profile img {
            position: absolute;
            top: 0;
            left: -10px;
            display: block;
            -webkit-border-radius: 75px;
            -moz-border-radius: 75px;
            -ms-border-radius: 75px;
            -o-border-radius: 75px;
            border-radius: 75px
        }

        .profile .close {
            position: absolute;
            right: 0;
            top: 0
        }

            .profile .close, .profile .close:visited {
                text-decoration: none
            }

                .profile .close:after {
                    display: inline-block;
                    font-family: 'Pe-icon-7-stroke';
                    speak: none;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e681";
                    vertical-align: text-bottom;
                    margin-left: 5px
                }

    .list-icons li {
        display: block;
        position: relative;
        margin-bottom: 25px;
        padding: 0 0 0 53px
    }

        .list-icons li.half {
            width: 50%;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box
        }

        .list-icons li a {
            text-decoration: none
        }

        .list-icons li:before {
            display: inline-block;
            font-family: 'Pe-icon-7-stroke';
            speak: none;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 0;
            top: 4px;
            font-size: 32px;
            font-weight: normal
        }

        .list-icons li.mail:before {
            content: "\e63b"
        }

        .list-icons li.career:before {
            content: "\e622"
        }

        .list-icons li.business:before {
            content: "\e69d"
        }

        .list-icons li.partnership:before {
            content: "\e693"
        }

        .list-icons li.follow:before {
            content: "\e616"
        }

    section.contact h1 {
        margin-bottom: 20px
    }

    section.contact h2 {
        margin-bottom: 10px
    }

    section.headquarters {
        background: url("https://cdn.kangacoders.com/direct/helionresearch.com/img/contact-map.png") 0 51px no-repeat
    }

        section.headquarters h1 {
            margin-bottom: 20px
        }

        section.headquarters h2 {
            margin-bottom: 12px
        }

        section.headquarters h3 {
            margin-bottom: 7px;
            color: #1f8a70;
            font-family: 'OpenSansSemibold', sans-serif;
            font-weight: normal
        }

        section.headquarters .vcard {
            margin-bottom: 42px
        }

    .cookie {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 24px 0;
        background-color: #fff;
        background-color: rgba(255,255,255,0.9);
        border-top: 1px solid #e8eded
    }

        .cookie .container {
            padding-right: 50px
        }

        .cookie p {
            margin: 0
        }

        .cookie .close {
            position: absolute;
            right: 30px;
            top: 0;
            text-indent: -9999em;
            direction: ltr
        }

            .cookie .close:focus, .cookie .close:active {
                overflow: visible
            }

            .cookie .close:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                content: "\e681";
                position: absolute;
                left: 0;
                top: 0;
                text-indent: 0
            }

    .countries_page ::-webkit-input-placeholder {
        color: #42494f
    }

    .countries_page ::-moz-placeholder {
        color: #42494f
    }

    .countries_page :-moz-placeholder {
        color: #42494f
    }

    .countries_page :-ms-input-placeholder {
        color: #42494f
    }

    .countries_page .placeholder {
        left: 10px;
        top: 8px;
        font-size: 14px;
        font-size: 1.4rem
    }

    .countries_page header.primary {
        position: relative;
        padding: 15px 0 0 0
    }

        .countries_page header.primary .back {
            position: relative;
            font-family: "OpenSansSemibold",sans-serif;
            font-size: 14px;
            font-size: 1.4rem;
            text-transform: uppercase;
            float: right;
            margin-top: 4px;
            padding-left: 26px
        }

            .countries_page header.primary .back, .countries_page header.primary .back:visited {
                color: #87c307;
                text-decoration: none
            }

                .countries_page header.primary .back:before {
                    display: inline-block;
                    font-family: 'Pe-icon-7-stroke';
                    speak: none;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e687";
                    font-size: 22px;
                    position: absolute;
                    top: -1px;
                    left: 0
                }

    .countries_page aside.secondary {
        margin-bottom: 30px
    }

    .countries_page header.secondary img, .countries_page header.secondary svg {
        width: auto
    }

    .countries_page .section h2 {
        font-size: 16px;
        font-size: 1.6rem
    }

    .countries {
        margin-bottom: 20px
    }

        .countries h4 {
            font-size: 15px;
            font-size: 1.5rem
        }

        .countries .category {
            margin-bottom: 10px;
            border: 1px solid #e5ebeb
        }

            .countries .category h3 {
                position: relative;
                font-size: 16px;
                font-size: 1.6rem;
                font-family: 'OpenSansSemibold', sans-serif;
                font-weight: normal;
                color: #878b8e;
                background-color: #e5ebeb;
                margin: 0
            }

                .countries .category h3 a {
                    display: block;
                    padding: 16px 21px;
                    text-decoration: none
                }

                    .countries .category h3 a, .countries .category h3 a:visited {
                        color: #878b8e
                    }

                        .countries .category h3 a:after {
                            display: inline-block;
                            font-family: 'Pe-icon-7-stroke';
                            speak: none;
                            font-size: 18px;
                            font-style: normal;
                            font-weight: 600;
                            font-variant: normal;
                            text-transform: none;
                            line-height: 1;
                            -webkit-font-smoothing: antialiased;
                            -moz-osx-font-smoothing: grayscale;
                            position: absolute;
                            top: 15px;
                            right: 15px;
                            font-size: 24px;
                            content: "\e623";
                            color: #878b8e
                        }

            .countries .category ul {
                padding: 30px 0 0 0;
                margin: 0
            }

            .countries .category li {
                list-style: none;
                margin: 0 0 35px 0;
                padding: 0 5px;
                float: left;
                line-height: 1.2;
                text-align: center;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -o-box-sizing: border-box;
                box-sizing: border-box
            }

                .countries .category li:before {
                    display: none
                }

                .countries .category li a, .countries .category li a:visited {
                    text-decoration: none;
                    color: #42494f
                }

                    .countries .category li a:hover {
                        color: #87c307
                    }

                        .countries .category li a:hover .visual:before {
                            width: 37px;
                            height: 37px;
                            top: -1px;
                            left: -1px;
                            -webkit-transition: all 0.2s;
                            -moz-transition: all 0.2s;
                            -ms-transition: all 0.2s;
                            -o-transition: all 0.2s;
                            transition: all 0.2s
                        }

                        .countries .category li a:hover .visual:after {
                            opacity: 1;
                            -webkit-transition: all 0.2s;
                            -moz-transition: all 0.2s;
                            -ms-transition: all 0.2s;
                            -o-transition: all 0.2s;
                            transition: all 0.2s
                        }

                        .countries .category li a:hover p {
                            border-color: #87c307
                        }

                .countries .category li .visual {
                    position: relative;
                    width: 33px;
                    height: 33px;
                    margin: 0 auto 10px auto;
                    border: 1px solid #ddd;
                    -webkit-border-radius: 35px;
                    -moz-border-radius: 35px;
                    -ms-border-radius: 35px;
                    -o-border-radius: 35px;
                    border-radius: 35px;
                    overflow: hidden
                }

                .countries .category li img {
                    display: block;
                    position: absolute;
                    left: -12px;
                    top: 0;
                    margin-left: -1px;
                    margin-top: -1px;
                    height: 35px;
                    width: auto;
                    max-width: none
                }

                .countries .category li p {
                    display: inline;
                    margin: 0;
                    font-size: 13px;
                    font-size: 1.3rem;
                    text-transform: capitalize;
                    border-bottom: 1px solid #fff;
                    -webkit-transition: border-color 0.2s;
                    -moz-transition: border-color 0.2s;
                    -ms-transition: border-color 0.2s;
                    -o-transition: border-color 0.2s;
                    transition: border-color 0.2s
                }

            .countries .category .contents {
                display: none
            }

            .countries .category.open h3 a:after {
                content: "\e644"
            }

            .countries .category.open .contents {
                display: block
            }

    @-webkit-keyframes test {
    }

    @-moz-keyframes test {
    }

    @-ms-keyframes test {
    }

    @keyframes test {
    }

    .cssanimations .more {
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out
    }

        .cssanimations .more:hover {
            padding-left: 22px;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            letter-spacing: .02em
        }

    .cssanimations .hero .more:hover {
        padding-left: 41px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        letter-spacing: .02em
    }

    .cssanimations .doormat .more:hover {
        padding-left: 24px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        letter-spacing: .02em
    }

    .cssanimations .services .contents .more:hover {
        padding-left: 24px;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        letter-spacing: .02em
    }

    .cssanimations nav.primary .extra a {
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out
    }

        .cssanimations nav.primary .extra a:hover {
            padding-right: 25px;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            letter-spacing: .02em
        }

    .cssanimations .strengths .after {
        padding-left: 0
    }

        .cssanimations .strengths .after:hover {
            padding-right: 24px;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in
        }

    .cssanimations .cta-banner .more {
        padding-left: 0
    }

        .cssanimations .cta-banner .more:hover {
            padding-right: 34px;
            text-decoration: none;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in
        }

    .cssanimations footer.primary .totop {
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in
    }

        .cssanimations footer.primary .totop:hover {
            padding-right: 26px;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
            letter-spacing: .02em
        }

    .cssanimations .button {
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in
    }

        .cssanimations .button:hover {
            padding-left: 22px;
            padding-right: 22px;
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -ms-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in
        }

        .cssanimations .button.block:hover {
            letter-spacing: .02em
        }

    footer.primary .footernav {
        padding-left: 0px;
        text-align: center
    }

    h2.in_green, h4.in_green {
        color: #1f8a70
    }

    .intro {
        font-size: 18px;
        font-size: 1.8rem
    }

    nav.primary .contents li a.active, .contents li a.active {
        color: #1f8a70
    }

    .vcard p {
        margin-bottom: 0px
    }

    .error-msg:after {
        content: ""
    }

    a, a:focus {
        outline: 0
    }

    p.section_border {
        border-top: 1px solid #e5ebeb;
        margin-top: 30px;
        padding-top: 0px;
        margin-bottom: 0px;
        height: 0
    }

    #check_margin h3.checked {
        margin-top: 45px
    }

    strong {
        color: #1f8a70
    }

    blockquote {
        margin-top: 175px
    }

        blockquote div.kc_content_block p {
            text-align: left
        }

    .section h2 {
        margin-top: 15px
    }

    .profiles .cols .item {
        position: static;
        padding-left: 30px;
        margin-bottom: 0px;
        left: auto;
        width: 50%
    }

    .profile {
        padding-top: 0px
    }

    .error-msg, .success-msg {
        display: none
    }

    input.error, select.error, textarea.error {
        border: 1px solid red
    }

    footer.primary .footernav {
        padding-left: 0px;
        text-align: center
    }

    section.strengths .contents .kc_content_block p {
        text-align: justify;
        padding: 0 15px 0 0
    }

    .about_page .kc_content_block p {
        text-align: justify
    }

    .about_page .section.border .kc_content_block p {
        padding: 0 20px 0 0
    }

    .strengths_page .contents .kc_content_block p {
        text-align: justify;
        padding: 0 15px 0 0
    }

    .industries_page .contents .kc_content_block p {
        text-align: justify;
        padding: 0 15px 0 0
    }

    .solutions_page .contents .kc_content_block p {
        text-align: justify;
        padding: 0 15px 0 0
    }

    .kc_content_block p {
        text-align: justify
    }

    header.secondary .kc_content_block p {
        text-align: left
    }

    .bold_subtext {
        font-family: 'OpenSansSemibold', sans-serif;
        font-weight: normal;
        color: #1f8a70
    }

    .success-msg {
        color: green
    }

    .highlighted {
        color: #1f8a70;
        font-family: 'OpenSansSemibold', sans-serif;
        font-weight: normal
    }

    .relativity {
        position: relative
    }

    .section ol li span {
        font-family: "OpenSansRegular",sans-serif
    }

    .section ol {
        font-family: "OpenSansRegular",sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
        color: #555b60
    }

    .section blockquote {
        margin: 30px auto;
        width: 75%;
        color: #1f8a70;
        text-align: center
    }

        .section blockquote p, .section blockquote div.kc_content_block p {
            text-align: center
        }
}

@media screen and (min-width: 735px) {
    body {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.57143em
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .logo, .social a {
        background-image: url("/cdn/img/sprite.png");
        background-size: 240px 60px;
    }
}

@media screen and (min-width: 735px) {
    dd .note {
        margin-top: 5px
    }
}

@media screen and (min-width: 735px) {
    .border {
        padding-top: 28px
    }
}

@media screen and (min-width: 735px) {
    .more:before {
        top: 2px
    }
}

@media screen and (min-width: 735px) {
    .push {
        height: 20px
    }
}

@media screen and (min-width: 940px) {
    .push {
        height: 40px
    }
}

@media screen and (min-width: 735px) {
    h1, .doormat h2 {
        font-size: 17px;
        font-size: 1.7rem
    }
}

@media screen and (min-width: 940px) {
    h1, .doormat h2 {
        font-size: 18px;
        font-size: 1.8rem
    }

    h2 {
        font-size: 20px;
        font-size: 2rem
    }
}

@media screen and (min-width: 735px) {
    td {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (min-width: 940px) {
    .rte h3.checked {
        font-size: 20px;
        font-size: 2rem
    }
}

@media screen and (min-width: 735px) {
    .rte ul {
        margin-left: 30px
    }

        .rte ul li ul {
            margin-left: 0;
            font-size: 14px;
            font-size: 1.4rem
        }
}

@media screen and (min-width: 940px) {
    .rte ul li ul {
        margin-left: 0
    }
}

@media screen and (min-width: 735px) {
    .rte .checklist {
        margin-left: 0;
        font-size: 16px;
        font-size: 1.6rem
    }

        .rte .checklist.big li h3 {
            font-size: 18px;
            font-size: 1.8rem
        }
}

@media screen and (min-width: 940px) {
    .rte .checklist {
        margin-left: 0
    }

        .rte .checklist li {
            padding-left: 23px;
            font-size: 16px;
            font-size: 1.6rem
        }

        .rte .checklist.big li h3 {
            font-size: 20px;
            font-size: 2rem
        }
}

@media screen and (min-width: 735px) {
    .rte ol {
        margin-left: 20px
    }

        .rte ol ol {
            margin-left: 0
        }

            .rte ol ol li span {
                font-size: 14px;
                font-size: 1.4rem
            }
}

@media screen and (min-width: 735px) {
    .rte img {
        width: auto;
        margin-bottom: 15px;
        max-width: 100%
    }

        .rte img.right {
            float: right;
            margin-right: 0;
            margin-left: 15px;
            margin-bottom: 15px
        }

        .rte img.left {
            float: left;
            margin-left: 0;
            margin-right: 15px;
            margin-bottom: 15px
        }
}

@media screen and (min-width: 940px) {
    .rte img {
        width: auto;
        margin-bottom: 20px;
        max-width: 100%
    }

        .rte img.right {
            margin-right: 0;
            margin-left: 20px;
            margin-bottom: 20px
        }

        .rte img.left {
            margin-left: 0;
            margin-right: 20px;
            margin-bottom: 20px
        }
}

@media screen and (min-width: 735px) {
    .rte .cols h1 {
        margin-bottom: 19px
    }

    .rte .cols h2 {
        margin-bottom: 10px
    }

    .rte .cols .col-5 h2, .rte .cols .col-6 h2 {
        font-size: 17px;
        font-size: 1.7rem
    }

    .rte .cols .col .visual {
        margin-bottom: 19px
    }
}

@media screen and (min-width: 940px) {
    .rte .cols h1 {
        margin-bottom: 29px
    }

    .rte .cols .col-5 h2, .rte .cols .col-6 h2 {
        font-size: 18px;
        font-size: 1.8rem
    }

    .rte .cols .col .visual {
        margin-bottom: 23px
    }
}

@media screen and (min-width: 735px) {
    .button {
        display: inline-block;
        width: auto
    }
}

@media screen and (min-width: 735px) {
    .actions .actions .button {
        float: left;
        margin-right: 10px
    }
}

@media screen and (max-width: 734px) {
    form dd {
        margin: 0;
        padding: 0 0 15px 0
    }

        form dd .col {
            padding-top: 15px
        }

            form dd .col:first-child {
                padding-top: 0
            }

    label.radio, label.checkbox {
        display: block;
        clear: both;
        margin-bottom: 5px
    }
}

@media screen and (min-width: 735px) {
    form dd {
        margin: 0;
        padding: 0 0 15px 0
    }

    .form-prepend dt {
        position: absolute;
        padding-top: 10px;
        line-height: 1.2
    }

    .form-prepend dd {
        margin-left: 33.33333%
    }

        .form-prepend dd dt {
            position: relative;
            padding-top: 0
        }

        .form-prepend dd dd {
            margin-left: 0
        }

        .form-prepend dd.no-margin {
            margin-left: 0 !important
        }

    .form-prepend .actions {
        position: relative;
        padding-left: 33.33333%
    }
}

@media screen and (min-width: 940px) {
    .form-prepend dt {
        position: absolute;
        padding-top: 10px;
        line-height: 1.2
    }

    .form-prepend dd {
        margin-left: 39.34426%
    }

        .form-prepend dd dt {
            position: relative;
            padding-top: 0
        }

        .form-prepend dd dd {
            margin-left: 0
        }

        .form-prepend dd.no-margin {
            margin-left: 0 !important
        }

    .form-prepend .actions {
        position: relative;
        padding-left: 39.34426%
    }
}

@media screen and (max-width: 734px) {
    .hidden-phone {
        display: none !important
    }

    .visible-phone {
        display: block !important
    }

    .visible-tablet {
        display: none !important
    }

    .visible-desktop {
        display: none !important
    }

    .container {
        padding: 0 20px;
        min-width: 280px
    }

    .cols {
        margin-left: -20px
    }

    .col {
        float: left;
        width: 100%;
        padding-left: 20px
    }

    .bp-phone-prepend-none {
        width: auto;
        margin-left: 0
    }

    .bp-phone-col-2 {
        width: 100%;
        padding-left: 20px
    }

    .bp-phone-col-1 {
        width: 50%;
        padding-left: 20px
    }
}

@media screen and (min-width: 481px) and (max-width: 734px) {
    .bp-phone-prepend-none {
        width: auto;
        margin-left: 0
    }

    .bp-phoneBigOnly-col-2 {
        width: 100%;
        padding-left: 20px
    }

    .bp-phoneBigOnly-col-1 {
        width: 50%;
        padding-left: 20px
    }
}

@media screen and (min-width: 735px) {
    .container {
        padding: 0 25px
    }

    .cols {
        margin-left: -25px
    }

    .col {
        float: left
    }

    .col-12 {
        width: 100%;
        padding-left: 25px
    }

    .prepend-12 {
        margin-left: 100%
    }

    .append-12 {
        margin-right: 100%
    }

    .col-11 {
        width: 91.66667%;
        padding-left: 25px
    }

    .prepend-11 {
        margin-left: 91.66667%
    }

    .append-11 {
        margin-right: 91.66667%
    }

    .col-10 {
        width: 83.33333%;
        padding-left: 25px
    }

    .prepend-10 {
        margin-left: 83.33333%
    }

    .append-10 {
        margin-right: 83.33333%
    }

    .col-9 {
        width: 75%;
        padding-left: 25px
    }

    .prepend-9 {
        margin-left: 75%
    }

    .append-9 {
        margin-right: 75%
    }

    .col-8 {
        width: 66.66667%;
        padding-left: 25px
    }

    .prepend-8 {
        margin-left: 66.66667%
    }

    .append-8 {
        margin-right: 66.66667%
    }

    .col-7 {
        width: 58.33333%;
        padding-left: 25px
    }

    .prepend-7 {
        margin-left: 58.33333%
    }

    .append-7 {
        margin-right: 58.33333%
    }

    .col-6 {
        width: 50%;
        padding-left: 25px
    }

    .prepend-6 {
        margin-left: 50%
    }

    .append-6 {
        margin-right: 50%
    }

    .col-5 {
        width: 41.66667%;
        padding-left: 25px
    }

    .prepend-5 {
        margin-left: 41.66667%
    }

    .append-5 {
        margin-right: 41.66667%
    }

    .col-4 {
        width: 33.33333%;
        padding-left: 25px
    }

    .prepend-4 {
        margin-left: 33.33333%
    }

    .append-4 {
        margin-right: 33.33333%
    }

    .col-3 {
        width: 25%;
        padding-left: 25px
    }

    .prepend-3 {
        margin-left: 25%
    }

    .append-3 {
        margin-right: 25%
    }

    .col-2 {
        width: 16.66667%;
        padding-left: 25px
    }

    .prepend-2 {
        margin-left: 16.66667%
    }

    .append-2 {
        margin-right: 16.66667%
    }

    .col-1 {
        width: 8.33333%;
        padding-left: 25px
    }

    .prepend-1 {
        margin-left: 8.33333%
    }

    .append-1 {
        margin-right: 8.33333%
    }
}

@media screen and (min-width: 735px) and (max-width: 939px) {
    .visible-phone {
        display: none !important
    }

    .hidden-tablet {
        display: none !important
    }

    .visible-tablet {
        display: block !important
    }

    .visible-desktop {
        display: none !important
    }

    .bp-tablet-prepend-none {
        width: auto;
        margin-left: 0
    }

    .bp-tablet-col-12 {
        width: 100%;
        padding-left: 25px
    }

    .bp-tablet-prepend-12 {
        margin-left: 100%
    }

    .bp-tablet-append-12 {
        margin-right: 100%
    }

    .bp-tablet-col-11 {
        width: 91.66667%;
        padding-left: 25px
    }

    .bp-tablet-prepend-11 {
        margin-left: 91.66667%
    }

    .bp-tablet-append-11 {
        margin-right: 91.66667%
    }

    .bp-tablet-col-10 {
        width: 83.33333%;
        padding-left: 25px
    }

    .bp-tablet-prepend-10 {
        margin-left: 83.33333%
    }

    .bp-tablet-append-10 {
        margin-right: 83.33333%
    }

    .bp-tablet-col-9 {
        width: 75%;
        padding-left: 25px
    }

    .bp-tablet-prepend-9 {
        margin-left: 75%
    }

    .bp-tablet-append-9 {
        margin-right: 75%
    }

    .bp-tablet-col-8 {
        width: 66.66667%;
        padding-left: 25px
    }

    .bp-tablet-prepend-8 {
        margin-left: 66.66667%
    }

    .bp-tablet-append-8 {
        margin-right: 66.66667%
    }

    .bp-tablet-col-7 {
        width: 58.33333%;
        padding-left: 25px
    }

    .bp-tablet-prepend-7 {
        margin-left: 58.33333%
    }

    .bp-tablet-append-7 {
        margin-right: 58.33333%
    }

    .bp-tablet-col-6 {
        width: 50%;
        padding-left: 25px
    }

    .bp-tablet-prepend-6 {
        margin-left: 50%
    }

    .bp-tablet-append-6 {
        margin-right: 50%
    }

    .bp-tablet-col-5 {
        width: 41.66667%;
        padding-left: 25px
    }

    .bp-tablet-prepend-5 {
        margin-left: 41.66667%
    }

    .bp-tablet-append-5 {
        margin-right: 41.66667%
    }

    .bp-tablet-col-4 {
        width: 33.33333%;
        padding-left: 25px
    }

    .bp-tablet-prepend-4 {
        margin-left: 33.33333%
    }

    .bp-tablet-append-4 {
        margin-right: 33.33333%
    }

    .bp-tablet-col-3 {
        width: 25%;
        padding-left: 25px
    }

    .bp-tablet-prepend-3 {
        margin-left: 25%
    }

    .bp-tablet-append-3 {
        margin-right: 25%
    }

    .bp-tablet-col-2 {
        width: 16.66667%;
        padding-left: 25px
    }

    .bp-tablet-prepend-2 {
        margin-left: 16.66667%
    }

    .bp-tablet-append-2 {
        margin-right: 16.66667%
    }

    .bp-tablet-col-1 {
        width: 8.33333%;
        padding-left: 25px
    }

    .bp-tablet-prepend-1 {
        margin-left: 8.33333%
    }

    .bp-tablet-append-1 {
        margin-right: 8.33333%
    }
}

@media screen and (min-width: 940px) {
    .visible-phone {
        display: none !important
    }

    .visible-tablet {
        display: none !important
    }

    .hidden-desktop {
        display: none !important
    }

    .visible-desktop {
        display: block !important
    }

    .container {
        position: relative;
        margin: 0 auto;
        padding: 0 30px;
        max-width: 1000px
    }

    .cols {
        margin-left: -30px
    }

    .col-12 {
        width: 100%;
        padding-left: 30px
    }

    .prepend-12 {
        margin-left: 100%
    }

    .append-12 {
        margin-right: 100%
    }

    .col-11 {
        width: 91.66667%;
        padding-left: 30px
    }

    .prepend-11 {
        margin-left: 91.66667%
    }

    .append-11 {
        margin-right: 91.66667%
    }

    .col-10 {
        width: 83.33333%;
        padding-left: 30px
    }

    .prepend-10 {
        margin-left: 83.33333%
    }

    .append-10 {
        margin-right: 83.33333%
    }

    .col-9 {
        width: 75%;
        padding-left: 30px
    }

    .prepend-9 {
        margin-left: 75%
    }

    .append-9 {
        margin-right: 75%
    }

    .col-8 {
        width: 66.66667%;
        padding-left: 30px
    }

    .prepend-8 {
        margin-left: 66.66667%
    }

    .append-8 {
        margin-right: 66.66667%
    }

    .col-7 {
        width: 58.33333%;
        padding-left: 30px
    }

    .prepend-7 {
        margin-left: 58.33333%
    }

    .append-7 {
        margin-right: 58.33333%
    }

    .col-6 {
        width: 50%;
        padding-left: 30px
    }

    .prepend-6 {
        margin-left: 50%
    }

    .append-6 {
        margin-right: 50%
    }

    .col-5 {
        width: 41.66667%;
        padding-left: 30px
    }

    .prepend-5 {
        margin-left: 41.66667%
    }

    .append-5 {
        margin-right: 41.66667%
    }

    .col-4 {
        width: 33.33333%;
        padding-left: 30px
    }

    .prepend-4 {
        margin-left: 33.33333%
    }

    .append-4 {
        margin-right: 33.33333%
    }

    .col-3 {
        width: 25%;
        padding-left: 30px
    }

    .prepend-3 {
        margin-left: 25%
    }

    .append-3 {
        margin-right: 25%
    }

    .col-2 {
        width: 16.66667%;
        padding-left: 30px
    }

    .prepend-2 {
        margin-left: 16.66667%
    }

    .append-2 {
        margin-right: 16.66667%
    }

    .col-1 {
        width: 8.33333%;
        padding-left: 30px
    }

    .prepend-1 {
        margin-left: 8.33333%
    }

    .append-1 {
        margin-right: 8.33333%
    }
}

@media screen and (min-width: 735px) {
    header.secondary .container {
        padding-top: 33px;
        padding-bottom: 21px
    }

    header.secondary .kc_content_block {
        padding-right: 10px
    }

    header.secondary .visual {
        position: absolute;
        right: 0;
        top: -19px;
        margin: 0
    }

    header.secondary img, header.secondary svg {
        width: 371px
    }

    header.secondary .map {
        width: 120%;
        margin: 0 -5%
    }

    header.secondary.worldmap {
        height: 280px
    }

        header.secondary.worldmap.open {
            height: auto
        }

        header.secondary.worldmap img {
            display: block
        }

        header.secondary.worldmap .more {
            display: block;
            right: 25px;
            top: 36px
        }

        header.secondary.worldmap .container {
            margin-top: -12px
        }
}

@media screen and (min-width: 940px) {
    header.secondary .visual {
        right: 32px;
        top: -21px
    }

    header.secondary img, header.secondary svg {
        width: 450px
    }

    header.secondary .map {
        width: 100%;
        margin: 0 auto
    }

    header.secondary.worldmap {
        height: 315px
    }

        header.secondary.worldmap.open {
            height: auto
        }

        header.secondary.worldmap .more {
            right: 30px
        }
}

@media screen and (min-width: 735px) {
    .cta-banner {
        padding: 30px 0 55px 0
    }

        .cta-banner h1, .cta-banner p {
            width: 60.39604%
        }

        .cta-banner h1 {
            margin-bottom: 18px;
            font-size: 36px;
            font-size: 3.6rem;
            line-height: 1.16667
        }

        .cta-banner p {
            margin-bottom: 0;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 1.44444
        }

        .cta-banner .more {
            position: absolute;
            right: 25px;
            top: 23px
        }
}

@media screen and (min-width: 940px) {
    .cta-banner h1, .cta-banner p {
        width: 65.5914%
    }

    .cta-banner h1 {
        font-size: 48px;
        font-size: 4.8rem
    }

    .cta-banner p {
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.4
    }

    .cta-banner .more {
        font-size: 20px;
        font-size: 2rem
    }
}

@media screen and (min-width: 735px) {
    .doormat {
        font-size: 13px;
        font-size: 1.3rem
    }

        .doormat .col {
            padding-right: 8.33333%
        }

        .doormat h2 {
            margin-top: 15px;
            font-size: 14px;
            font-size: 1.4rem
        }

        .doormat ul a {
            padding: 6px 0
        }
}

@media screen and (min-width: 940px) {
    .doormat .col {
        padding-right: 0
    }

    .doormat h2 {
        font-size: 15px;
        font-size: 1.5rem
    }
}

@media screen and (min-width: 735px) {
    .labels .social {
        margin-left: -15px;
        padding-top: 49px;
        height: auto
    }

        .labels .social:after {
            display: none
        }

        .labels .social li, .labels .social a {
            float: left
        }

        .labels .social li {
            margin-left: 15px
        }
}

@media screen and (min-width: 735px) {
    footer.primary .copy {
        position: absolute;
        left: 25px
    }

    footer.primary .totop {
        position: absolute;
        right: 25px;
        top: 0;
        padding: 0 24px 0 0
    }

        footer.primary .totop .icon-pe {
            position: absolute;
            left: auto;
            right: 0;
            top: 2px;
            margin-left: 0
        }
}

@media screen and (min-width: 940px) {
    footer.primary .copy {
        left: 30px
    }

    footer.primary .totop {
        right: 30px
    }

    footer.primary .footernav {
        text-align: left;
        padding-left: 25.80645%
    }
}

@media screen and (max-width: 734px) {
    .hero {
        min-height: 420px
    }
}

@media screen and (min-width: 735px) {
    .hero h1 {
        margin-top: 52px;
        font-size: 26px;
        font-size: 2.5rem;
        line-height: 1.38462
    }

    .hero .more {
        padding-top: 0;
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media screen and (min-width: 940px) {
    .hero h1 {
        font-size: 28px;
        font-size: 2.26rem;
        line-height: 1.9
    }
}

@media screen and (min-width: 735px) {
    .services {
        padding-top: 20px;
        padding-bottom: 19px
    }

        .services a {
            margin-top: -20px;
            margin-bottom: -19px;
            padding-top: 20px;
            padding-bottom: 19px
        }

        .services h1 {
            padding-top: 18px
        }

        .services .contents {
            padding-bottom: 40px
        }

            .services .contents .more {
                bottom: 14px
            }

                .services .contents .more:before {
                    top: 2px
                }
}

@media screen and (min-width: 940px) {
    .services {
        padding-top: 30px;
        padding-bottom: 34px
    }

        .services a {
            margin-top: -30px;
            margin-bottom: -34px;
            padding-top: 30px;
            padding-bottom: 34px
        }

        .services h1 {
            padding-top: 27px
        }

        .services .contents {
            padding-top: 23px;
            padding-bottom: 45px
        }

            .services .contents h3 {
                font-size: 24px;
                font-size: 2.4rem
            }

            .services .contents .more {
                bottom: 24px;
                font-size: 14px;
                font-size: 1.4rem
            }

                .services .contents .more:before {
                    top: 2px
                }
}

@media screen and (min-width: 735px) {
    .strengths h1 {
        margin-bottom: 19px
    }

    .strengths h2 {
        margin-bottom: 10px
    }

    .strengths .col .visual {
        margin-bottom: 19px
    }

    .strengths .after {
        right: 25px
    }
}

@media screen and (min-width: 940px) {
    .strengths h1 {
        margin-bottom: 29px
    }

    .strengths .col .visual {
        margin-bottom: 23px
    }

    .strengths .after {
        right: 30px
    }
}

@media screen and (min-width: 735px) {
    .clients {
        margin-bottom: 30px
    }

        .clients h1 {
            margin-bottom: 19px
        }
}

@media screen and (min-width: 940px) {
    .clients h1 {
        float: left;
        margin-bottom: 29px
    }

    .clients ul {
        float: right;
        margin-top: -10px
    }
}

@media screen and (min-width: 735px) {
    .box {
        padding: 20px 25px 25px 25px;
        margin-bottom: 25px
    }

        .box.contact:before, .box.user:before {
            top: 11px
        }
}

@media screen and (min-width: 940px) {
    .box {
        padding: 24px 30px 30px 30px;
        margin-bottom: 30px
    }

        .box.contact:before, .box.user:before {
            top: 18px
        }
}

@media screen and (max-width: 734px) {
    .login {
        padding-left: 0;
        padding-right: 0;
        border-left: 0
    }
}

@media screen and (min-width: 735px) {
    .section.border {
        margin-left: -25px;
        margin-right: -25px;
        padding-left: 25px;
        padding-right: 25px;
        padding-top: 28px
    }
}

@media screen and (min-width: 940px) {
    .section.border {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 940px) {
    .section h3.checked {
        font-size: 20px;
        font-size: 2rem
    }
}

@media screen and (min-width: 735px) {
    .section ul {
        margin-left: 30px
    }

        .section ul li ul {
            margin-left: 0;
            font-size: 14px;
            font-size: 1.4rem
        }
}

@media screen and (min-width: 940px) {
    .section ul li ul {
        margin-left: 0
    }
}

@media screen and (min-width: 735px) {
    .section .checklist {
        margin-left: 0;
        font-size: 16px;
        font-size: 1.6rem
    }

        .section .checklist.big li h3 {
            font-size: 18px;
            font-size: 1.8rem
        }
}

@media screen and (min-width: 940px) {
    .section .checklist {
        margin-left: 0
    }

        .section .checklist li {
            padding-left: 23px;
            font-size: 16px;
            font-size: 1.6rem
        }

        .section .checklist.big li h3 {
            font-size: 20px;
            font-size: 2rem
        }
}

@media screen and (min-width: 735px) {
    .section ol {
        margin-left: 20px
    }

        .section ol ol {
            margin-left: 0
        }

            .section ol ol li span {
                font-size: 14px;
                font-size: 1.4rem
            }
}

@media screen and (min-width: 735px) {
    .section img {
        width: auto;
        margin-bottom: 15px;
        max-width: 100%
    }

        .section img.right {
            float: right;
            margin-right: 0;
            margin-left: 15px;
            margin-bottom: 15px
        }

        .section img.left {
            float: left;
            margin-left: 0;
            margin-right: 15px;
            margin-bottom: 15px
        }
}

@media screen and (min-width: 940px) {
    .section img {
        width: auto;
        margin-bottom: 20px;
        max-width: 100%
    }

        .section img.right {
            margin-right: 0;
            margin-left: 20px;
            margin-bottom: 20px
        }

        .section img.left {
            margin-left: 0;
            margin-right: 20px;
            margin-bottom: 20px
        }
}

@media screen and (min-width: 735px) {
    .section .cols h1 {
        margin-bottom: 19px
    }

    .section .cols h2 {
        margin-bottom: 10px
    }

    .section .cols .col-5 h2, .section .cols .col-6 h2 {
        font-size: 17px;
        font-size: 1.7rem
    }

    .section .cols .col .visual {
        margin-bottom: 19px
    }
}

@media screen and (min-width: 940px) {
    .section .cols h1 {
        margin-bottom: 29px
    }

    .section .cols .col-5 h2, .section .cols .col-6 h2 {
        font-size: 18px;
        font-size: 1.8rem
    }

    .section .cols .col .visual {
        margin-bottom: 23px
    }
}

@media screen and (min-width: 735px) {
    .col-8 .section.border {
        margin-top: 30px;
        padding-top: 15px
    }
}

@media screen and (min-width: 735px) and (max-width: 939px) {
    .list-services .item .col .visual {
        margin-left: -23px
    }

        .list-services .item .col .visual img {
            margin-left: 10px
        }
}

@media screen and (min-width: 940px) {
    .list-services h3 {
        font-size: 20px;
        font-size: 2rem
    }

    .list-services .item .col .visual {
        margin-left: -28px
    }

        .list-services .item .col .visual img {
            margin-left: 10px
        }
}

@media screen and (min-width: 735px) and (max-width: 939px) {
    .content.col-8 .item .col .visual {
        margin-left: 0
    }

        .content.col-8 .item .col .visual img {
            margin-left: 0
        }
}

@media screen and (min-width: 940px) {
    .content.col-8 .item .col .visual {
        position: relative;
        margin-left: -28px;
        left: 30px
    }

        .content.col-8 .item .col .visual img {
            margin-left: 0
        }

    .content.col-8 .item .contents {
        padding-left: 10px
    }
}

@media screen and (max-width: 734px) {
    .profiles .cols .item, .profiles .cols .item div, .profiles .cols .item a, .profiles .cols .item img {
        float: left
    }

    .profiles .cols .item {
        padding-left: 20px;
        width: auto
    }
}

@media screen and (min-width: 735px) {
    .profiles .cols .item {
        left: -10px;
        margin-bottom: 25px;
        padding-left: 20px
    }
}

@media screen and (min-width: 940px) {
    .profiles .cols .item {
        left: -15px;
        margin-bottom: 30px;
        width: 16.66667%
    }
}

@media screen and (max-width: 734px) {
    .profile {
        padding-left: 0;
        padding-top: 0;
        text-align: center
    }

        .profile img {
            position: relative;
            left: 0;
            margin: 0 auto 15px auto
        }

        .profile .description {
            text-align: left
        }
}

@media screen and (max-width: 734px) {
    .list-icons li.half {
        width: auto;
        float: none
    }
}

@media screen and (min-width: 735px) {
    .cookie .close {
        right: 40px
    }
}

@media screen and (min-width: 940px) {
    .cookie .close {
        right: 50px
    }
}

@media screen and (max-width: 734px) {
    .countries_page header.primary .back {
        position: absolute;
        float: left;
        display: block;
        top: 40px;
        right: 15px
    }

    .countries_page header.secondary .visual {
        display: none
    }
}

@media screen and (min-width: 735px) {
    .countries_page header.secondary {
        margin-bottom: 25px
    }

        .countries_page header.secondary .container {
            padding-top: 32px;
            padding-bottom: 23px
        }

        .countries_page header.secondary .visual {
            display: block;
            position: absolute;
            right: 10px;
            top: -52px;
            margin: 0
        }

        .countries_page header.secondary img, .countries_page header.secondary svg {
            width: auto
        }

    .countries_page .section h2 {
        font-size: 17px;
        font-size: 1.7rem
    }
}

@media screen and (min-width: 940px) {
    .countries_page header.secondary .visual {
        right: 111px;
        top: -52px
    }

    .countries_page header.secondary img, .countries_page header.secondary svg {
        width: auto
    }

    .countries_page .section h2 {
        font-size: 18px;
        font-size: 1.8rem
    }
}

@media screen and (max-width: 734px) {
    .countries .category li {
        width: 33.33333%
    }

        .countries .category li:nth-child(3n+1) {
            clear: left
        }
}

@media screen and (min-width: 481px) and (max-width: 734px) {
    .countries .category li {
        width: 25%
    }

        .countries .category li:nth-child(3n+1) {
            clear: none
        }

        .countries .category li:nth-child(4n+1) {
            clear: left
        }
}

@media screen and (min-width: 735px) {
    .countries .category li {
        width: 12.5%
    }

        .countries .category li:nth-child(8n+1) {
            clear: left
        }
}

@media screen and (min-width: 940px) {
    .countries .category li {
        width: 10%
    }

        .countries .category li:nth-child(8n+1) {
            clear: none
        }

        .countries .category li:nth-child(10n+1) {
            clear: left
        }
}

@media screen and (max-width: 734px) {
    .js nav.primary .contents {
        display: none
    }

    nav.primary {
        margin: 0 -20px;
        padding: 0 20px;
        border-top: 1px solid #e5ebeb;
        border-bottom: 1px solid #e5ebeb
    }

        nav.primary h1 {
            cursor: pointer;
            position: relative;
            display: block;
            padding: 11px 20px 9px 20px;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.5;
            color: #1f8a70
        }

            nav.primary h1:before {
                display: inline-block;
                font-family: 'Pe-icon-7-stroke';
                speak: none;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                left: -3px;
                top: 9px;
                content: "\e689"
            }

            nav.primary h1:hover {
                color: #aaa
            }

        nav.primary.open h1 {
            color: #aaa
        }

            nav.primary.open h1:before {
                content: "\e683"
            }

            nav.primary.open h1:hover {
                color: #aaa
            }

        nav.primary .contents {
            clear: both;
            display: block;
            margin: 0 -20px;
            padding: 0 20px
        }

            nav.primary .contents ul {
                display: block
            }

                nav.primary .contents ul:before, nav.primary .contents ul:after {
                    content: ".";
                    display: block;
                    height: 0;
                    overflow: hidden
                }

                nav.primary .contents ul:after {
                    clear: both
                }

            nav.primary .contents ul {
                zoom: 1
            }

            nav.primary .contents li {
                float: none;
                display: block;
                margin: 0 -20px;
                padding: 0 20px 0 40px;
                font-family: "OpenSansSemibold",sans-serif;
                font-size: 12px;
                font-size: 1.2rem;
                line-height: 1.5;
                text-transform: uppercase;
                border-top: 1px solid #e5ebeb
            }

                nav.primary .contents li.active a, nav.primary .contents li.active a:visited {
                    color: #1f8a70
                }

            nav.primary .contents a {
                float: none;
                display: block;
                padding: 15px 0
            }

                nav.primary .contents a, nav.primary .contents a:visited {
                    text-decoration: none;
                    color: #87c307
                }

                    nav.primary .contents a:hover, nav.primary .contents a:active {
                        color: #1f8a70
                    }

        nav.primary .extra {
            position: absolute;
            right: 20px;
            top: 0
        }

            nav.primary .extra li {
                font-family: "OpenSansSemibold",sans-serif;
                font-size: 12px;
                font-size: 1.2rem;
                line-height: 1.5;
                text-transform: uppercase
            }

            nav.primary .extra a {
                padding: 11px 20px 9px 0;
                position: relative
            }

                nav.primary .extra a, nav.primary .extra a:visited {
                    text-decoration: none;
                    color: #29abe2
                }

                    nav.primary .extra a:hover, nav.primary .extra a:active {
                        color: #146c91
                    }

                    nav.primary .extra a:before {
                        display: inline-block;
                        font-family: 'Pe-icon-7-stroke';
                        speak: none;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 600;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        position: absolute;
                        right: -3px;
                        top: 9px;
                        content: "\e685"
                    }

    aside.primary {
        clear: both;
        float: none;
        width: auto;
        margin-bottom: 20px
    }

    .content {
        clear: both
    }
}

@media screen and (min-width: 735px) {
    header.primary {
        padding-bottom: 22px
    }

    .logo {
        float: left;
    }

    nav.primary {
        clear: both
    }

        nav.primary h1 {
            position: absolute;
            display: block;
            padding: 0 !important;
            left: -9999px !important;
            height: 0px !important;
            line-height: 0px !important;
            background: none !important
        }

        nav.primary .contents {
            float: left;
            background-color: transparent;
            margin-left: -15px
        }

            nav.primary .contents li {
                float: left;
                font-family: "OpenSansSemibold",sans-serif;
                text-transform: uppercase;
                font-size: 14px;
                font-size: 1.4rem;
                line-height: 1.69231;
                height: 22px;
                border-left: 1px solid #e5ebeb
            }

                nav.primary .contents li:first-child {
                    border-left: 0 none
                }

            nav.primary .contents a, nav.primary .contents a:visited {
                float: left;
                margin-top: -7px;
                padding: 10px 14px;
                line-height: 1.2;
                text-decoration: none;
                color: #87c307
            }

                nav.primary .contents a:hover, nav.primary .contents a:active, nav.primary .contents li.active a {
                    color: #1f8a70
                }

        nav.primary .extra {
            margin-top: -4px;
            float: right
        }

            nav.primary .extra li {
                float: left;
                font-family: "OpenSansSemibold",sans-serif;
                text-transform: uppercase;
                font-size: 14px;
                font-size: 1.4rem;
                line-height: 1.69231;
                height: 22px
            }

            nav.primary .extra a {
                float: left;
                margin-top: -7px;
                padding: 10px 23px 10px 14px;
                position: relative
            }

                nav.primary .extra a, nav.primary .extra a:visited {
                    text-decoration: none;
                    color: #29abe2
                }

                    nav.primary .extra a:hover, nav.primary .extra a:active {
                        color: #146c91
                    }

                    nav.primary .extra a:before {
                        display: inline-block;
                        font-family: 'Pe-icon-7-stroke';
                        speak: none;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 600;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        position: absolute;
                        right: -3px;
                        top: 10px;
                        content: "\e685";
                        font-size: 22px
                    }

    nav.secondary {
        top: -3px;
        left: auto;
        right: 25px;
        width: auto
    }

        nav.secondary ul {
            float: right;
            margin: 0
        }

        nav.secondary li, nav.secondary a {
            float: left
        }

        nav.secondary li {
            width: auto;
            line-height: 12px
        }

            nav.secondary li.account a {
                position: relative;
                padding-right: 20px
            }

                nav.secondary li.account a:before {
                    display: inline-block;
                    font-family: 'Pe-icon-7-stroke';
                    speak: none;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 9px;
                    content: "\e607";
                    font-size: 16px
                }

            nav.secondary li.account.logout:before {
                content: "\e63f"
            }

        nav.secondary a {
            padding: 10px 14px
        }

    nav.aside {
        margin-bottom: 20px
    }

        nav.aside h1 {
            padding: 16px 0 14px 22px
        }

            nav.aside h1:before {
                left: -1px;
                top: 15px
            }

        nav.aside .contents {
            margin: 0 -25px;
            padding: 0 25px
        }

            nav.aside .contents li {
                margin: 0 -25px;
                padding: 0 25px 0 47px
            }

            nav.aside .contents a {
                padding: 12px 0 12px 0
            }

            nav.aside .contents li.active {
                overflow: hidden
            }

                nav.aside .contents li.active a {
                    float: left;
                    width: 50%
                }

                nav.aside .contents li.active ul {
                    float: left;
                    width: 50%;
                    margin-top: 5px
                }

                nav.aside .contents li.active li a {
                    float: none;
                    width: auto
                }
}

@media screen and (min-width: 940px) {
    nav.primary .extra {
        margin-top: -4px
    }

        nav.primary .extra a:before {
            top: 10px
        }

    nav.secondary {
        right: 30px
    }

    .js nav.aside .contents {
        display: block
    }

    nav.aside {
        margin-top: -6px;
        margin-bottom: 60px;
        border-top: 0 none;
        border-bottom: 0 none
    }

        nav.aside h2 {
            padding: 0;
            margin-top: 0;
            padding-top: 45px;
            border-top: 1px solid #e5ebeb
        }

            nav.aside h2:first-child {
                margin-top: 15px;
                border-top: 0;
                padding-top: 0
            }

        nav.aside h1 {
            padding: 0
        }

            nav.aside h1:before {
                display: none
            }

        nav.aside .contents {
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #e5ebeb
        }

            nav.aside .contents li {
                margin: 0;
                padding: 0
            }

                nav.aside .contents li:first-child {
                    border-top: 0 none
                }

            nav.aside .contents a {
                position: relative;
                padding: 16px 0 16px 0
            }

                nav.aside .contents a:hover, nav.aside .contents a:active {
                    padding-left: 25px;
                    color: #87c307;
                    -webkit-transition: padding 0.4s;
                    -moz-transition: padding 0.4s;
                    -ms-transition: padding 0.4s;
                    -o-transition: padding 0.4s;
                    transition: padding 0.4s
                }

                    nav.aside .contents a:hover:before, nav.aside .contents a:active:before {
                        -webkit-opacity: 1;
                        -moz-opacity: 1;
                        -ms-opacity: 1;
                        -o-opacity: 1;
                        opacity: 1;
                        -webkit-transition: opacity 0.5s;
                        -moz-transition: opacity 0.5s;
                        -ms-transition: opacity 0.5s;
                        -o-transition: opacity 0.5s;
                        transition: opacity 0.5s
                    }

                nav.aside .contents a:before {
                    display: inline-block;
                    font-family: 'Pe-icon-7-stroke';
                    speak: none;
                    font-size: 18px;
                    font-style: normal;
                    font-weight: 600;
                    font-variant: normal;
                    text-transform: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                    content: "\e685";
                    display: block;
                    position: absolute;
                    left: 1px;
                    top: 15px;
                    -webkit-opacity: 0;
                    -moz-opacity: 0;
                    -ms-opacity: 0;
                    -o-opacity: 0;
                    opacity: 0
                }

            nav.aside .contents li.active {
                overflow: visible
            }

                nav.aside .contents li.active a {
                    float: none;
                    width: auto;
                    padding-left: 25px
                }

                    nav.aside .contents li.active a, nav.aside .contents li.active a:visited {
                        color: #87c307
                    }

                        nav.aside .contents li.active a:before {
                            display: block;
                            position: absolute;
                            left: 1px;
                            top: 15px;
                            -webkit-opacity: 1;
                            -moz-opacity: 1;
                            -ms-opacity: 1;
                            -o-opacity: 1;
                            opacity: 1
                        }

                nav.aside .contents li.active ul {
                    clear: both;
                    float: none;
                    width: auto;
                    padding-left: 25px;
                    margin-bottom: 28px
                }

                nav.aside .contents li.active li a:hover, nav.aside .contents li.active li a:active, nav.aside .contents li.active li li.active {
                    color: #87c307
                }

    .lte8 nav.aside .contents a:before {
        display: none
    }

    .lte8 nav.aside .contents a:hover:before, .lte8 nav.aside .contents a:active:before {
        display: block
    }

    .lte8 nav.aside .contents li.active a:before {
        display: block
    }

    .lte8 nav.aside .contents li.active li {
        padding-left: 25px
    }

        .lte8 nav.aside .contents li.active li a:before {
            display: block;
            left: -19px;
            top: 10px
        }
}

@media print {
    body {
        margin: 1cm;
        font-family: Verdana, sans-serif;
        font-size: 11pt;
        line-height: 140%
    }

    header.primary .logo img {
        width: 239px;
        height: auto
    }

    h1 {
        font-size: 16pt;
        margin: 0 0 1.5em 0
    }

    h2 {
        font-size: 14pt
    }

    h3 {
        font-size: 12pt
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    table {
        border-collapse: collapse
    }

    th {
        font-weight: bold
    }

    td, td img {
        vertical-align: top
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    a:link, a:visited {
        color: gray
    }

    abbr:after {
        content: " (" attr(title) ")"
    }

    .ir a:after {
        content: ""
    }

    .nav-bar, #skip, #lang, footer.primary, #nav, hr, .paging, .logo .photo {
        display: none
    }
}

.box.login {
    padding-top: 24px
}

    .box.login .actions button:before {
        font-size: 28px
    }

@media screen and (min-width: 940px) {
    .profiles .cols .item {
        width: 50%
    }
}

@media screen {
    .banner-description {
        font-family: "OpenSansLight", sans-serif;
        font-size: 28px;
        text-transform: none;
        color: #FFF;
        text-align: center !important;
        line-height: 1.2
    }
}

@media screen and (max-width: 767.9px) {
    .banner-description {
        font-size: 18px;
        line-height: 1.5
    }
}

@media screen and (max-width: 479.9px) {
    .banner-description {
        padding: 0 25px;
        font-size: 14px;
        line-height: 1.5
    }
}

@media screen {
    .card-identity .card-status {
        margin: 6px 0
    }

    .card-group .card-identity {
        margin-bottom: 30px
    }

    .card-cta {
        display: block;
        position: relative;
        padding: 30px;
        background-color: #FFF;
        border: 1px solid #D2DDDD;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .card-cta.has-badge {
            position: relative a
        }
}

@media screen and (max-width: 991.9px) {
    .card-cta.has-badge {
        padding-left: 30px !important;
        text-align: center
    }
}

@media screen {
    .card-cta.has-badge .badge {
        position: absolute;
        top: 30px;
        left: 30px;
        display: inline-block;
        float: left;
        padding: 5px 14px 9px;
        height: 48px;
        font-size: 30px;
        line-height: 39px;
        letter-spacing: 2px
    }
}

@media screen and (max-width: 991.9px) {
    .card-cta.has-badge .badge {
        position: static;
        display: inline-block;
        margin-bottom: 20px;
        text-align: center;
        float: none
    }
}

.card-ct.has-badge {
    position: relative
}

    .card-ct.has-badge .badge {
        position: absolute;
        top: 30px;
        left: 30px;
        display: inline-block;
        float: left;
        padding: 5px 14px 9px;
        height: 48px;
        font-size: 30px;
        line-height: 39px;
        letter-spacing: 2px
    }

.banner-description {
    font-size: 28px;
    text-transform: none;
    text-align: center !important;
    line-height: 1.2
}

.cookie_table td {
    padding: 4px 10px
}


      /* Define the grayscale filter for the images */
      .gray {
        filter: grayscale(100%);
        transition: all 0.5s ease-in-out;
      }

      /* Define the hover effect to remove the grayscale filter */
      .gray:hover {
        filter: grayscale(0%);
      }