/* Minification failed. Returning unminified contents.
(290,1): run-time error CSS1030: Expected identifier, found '$'
(290,1): run-time error CSS1026: Expected open brace, found '$'
(301,1): run-time error CSS1019: Unexpected token, found '}'
(303,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(305,1): run-time error CSS1019: Unexpected token, found '$'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '90%'
(6217,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6229,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6245,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6257,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7249,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7250,10): run-time error CSS1035: Expected colon, found '{'
(7263,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7264,10): run-time error CSS1035: Expected colon, found '{'
(7277,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7278,10): run-time error CSS1035: Expected colon, found '{'
(7291,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7292,10): run-time error CSS1035: Expected colon, found '{'
(7305,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7306,10): run-time error CSS1035: Expected colon, found '{'
(7315,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7316,10): run-time error CSS1035: Expected colon, found '{'
(7325,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7326,10): run-time error CSS1035: Expected colon, found '{'
(7335,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7336,10): run-time error CSS1035: Expected colon, found '{'
 */
@charset "UTF-8";

.fl,
.list-inline li {
    float: left
}

h1,
html {
    line-height: 1.5
}

.vh,
hr,
img {
    border: 0
}

.banner__item,
body {
    -webkit-tap-highlight-color: transparent
}

.accordion:after,
.accordion__title.active:after,
.accordion__title:after,
.banner__stage:after,
.breadcrumb:after,
.cd-horizontal-timeline .events-content ol li:after,
.cd-horizontal-timeline .events-content ol:after,
.cd-horizontal-timeline .events-content:after,
.cf:after,
.contact-card:after,
.contact-card__list:after,
.contact:after,
.contact__address address:after,
.content__feature-block ul li i:after,
.content__form:after,
.countdown:after,
.cta:after,
.div:after,
.expert-area:after,
.filter:after,
.footer:after,
.footer__list:after,
.g-wrap:after,
.header:after,
.header__content:after,
.header__menu:after,
.l-wrapper:after,
.list-inline:after,
.login:after,
.members .top-header:after,
.members .top-header__wrap:after,
.navigation:after,
.next-prev:after,
.panel__list:after,
.questionnaire .header:after,
.questionnaire .question:after,
.radio:after,
.sidebar:after,
.sidebar__btn--alt:after,
.sidebar__btn:after,
.sidebar__nav:after,
.sidenav:after,
.sidenav__account:after,
.standard:after,
.standard__wrap:after,
.tabs__content-list:after,
.tools:after,
dl:after,
main:after,
nav:after {
    clear: both
}

.remodal,
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}


@font-face {
    font-family: Material Icons;
    src: url(fonts/MaterialIcons-Regular.eot);
    src: url(fonts/MaterialIcons-Regular.eot#iefix) format("embedded-opentype"), url(fonts/MaterialIcons-Regular.ttf) format("truetype"), url(fonts/MaterialIcons-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Flaticon;
    src: url(fonts/flaticon.eot);
    src: url(fonts/flaticon.eot#iefix) format("embedded-opentype"), url(fonts/flaticon.ttf) format("truetype"), url(fonts/flaticon.svg#Flaticon) format("svg"), url(fonts/flaticon.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

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

strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

.login__label,
small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%
}

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

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

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

td,
th {
    padding: 0
}

th {
    text-align: left
}

.disabled {
    opacity: .5;
    filter: alpha(opacity=50)
}

.visible {
    display: block
}

.hidden,
.visible-10,
.visible-15,
.visible-20 {
    display: none
}

.hidden-10,
.hidden-15,
.hidden-20 {
    display: block
}

.l-content,
.l-cookie-box,
.l-cookie-wording,
.l-footer-contact-links,
.l-footer-half,
.l-footer-secure,
.l-footer-third,
.l-half,
.l-home-narrow,
.l-home-wide,
.l-login-details,
.l-not-a-member,
.l-quarter,
.l-sidebar,
.l-thirds,
.main-content,
.sidenav {
    float: left;
    width: 100%;
    padding-left: 24px
}

.accordion-panel h3 a,
.btn,
.btn--alt,
.btn--danger,
.btn--sub,
.content #uploadFile input.ruButton,
.next-prev__next,
.next-prev__prev,
a {
    transition: all 250ms ease-in
}

.pos-absolute {
    position: absolute
}

.pos-fixed {
    position: fixed
}

.pos-relative {
    position: relative
}

@-webkit-keyframes

$animation-name {
    0%

{
    opacity: 0
}

90% {
    opacity: 1
}

}

@keyframes

$animation-name {
    90%

{
    opacity: 1
}

0% {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px)
}

100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0
}

100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

}

.show {
    display: block !important
}

.hide {
    display: none
}

.vh {
    overflow: hidden;
    position: absolute;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0
}

.header,
.header li,
.header__btn span,
.members .wrap {
    position: relative
}

.block {
    display: block
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.show-mobile {
    display: block !important;
    display: none !important
}

.hide-bp {
    display: inherit;
    display: none
}

@media only screen {
    .hide-default {
        display: none
    }
}

@media only screen and (min-width:480px) {
    .hide-default {
        display: inherit
    }

    .hide-bp10 {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .hide-bp10 {
        display: inherit
    }

    .hide-bp15 {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .hide-bp15 {
        display: inherit
    }

    .hide-bp20 {
        display: none
    }
}

.cf:after,
.cf:before,
.footer:after,
.footer:before,
.g-wrap:after,
.g-wrap:before,
.header:after,
.header:before,
.l-wrapper:after,
.l-wrapper:before,
.list-inline:after,
.list-inline:before,
.members .top-header:after,
.members .top-header:before,
.questionnaire .header:after,
.questionnaire .header:before,
main:after,
main:before {
    content: " ";
    display: table
}

.footer,
.header,
.l-wrapper,
.members .top-header,
.questionnaire .header,
main {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.l-wrap-narrow {
    width: 80%;
    max-width: 51em;
    margin: 0 auto;
    padding: 0
}

.l-wrap-thin {
    width: 64%;
    max-width: 42em;
    margin: 0 auto;
    padding: 0
}

.g-wrap {
    margin-left: -24px
}

.members .wrap {
    top: 0;
    height: 100vh;
    height: 100%
}

.list-unstyled {
    list-style: none;
    padding: 0
}

.list-standard {
    margin: 24px;
    list-style-type: disc
}

    .list-standard li {
        list-style-type: disc;
        margin-bottom: 8px
    }

.colour-a {
    color: #004664;
}

.colour-b {
    color: #00cd50;
}

.colour-c {
    color: #00A5C6
}

.colour-d {
    color: #1084C6
}

.fr {
    float: right
}

.mt {
    margin-top: 24px
}

.mt-large {
    margin-top: 48px
}

.mb {
    margin-bottom: 24px
}

.mb-large {
    margin-bottom: 48px
}

.pt {
    padding-top: 24px
}

.pt-large {
    padding-top: 36px
}

.pb {
    padding-bottom: 24px
}

.pb-large {
    padding-bottom: 48px
}

.ml {
    margin-left: 24px
}

.nomargin {
    margin: 0 !important
}

.nopadding {
    padding: 0 !important
}

.no-pt {
    padding-top: 0 !important
}

.no-pr {
    padding-right: 0 !important
}

.no-pb {
    padding-bottom: 0 !important
}

.no-pl {
    padding-left: 0 !important
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    font-weight: 200;
    font-size: 100%;
    background: #fff;
    color: #4a4a4a
}

a {
    background: 0 0;
    text-decoration: none;
    color: #015CAE
}

    .content .paragraph a,
    .content .sfnewsAuthorAndDate a,
    .content .sfnewsSummary a,
    .sf_pagerNumeric a a,
    .text-underline,
    a:hover,
    dl dd a,
    p a {
        text-decoration: underline
    }

    a:hover {
        color: #00cd50;
    }

    a:active,
    a:focus,
    a:hover {
        outline: 0
    }

.content .sfnewsTitle,
dl dt,
h1,
h2,
h3,
h4 {
    font-size: 100%;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    margin: 0;
    text-rendering: optimizelegibility
}

ol,
ul {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 28px;
    margin-bottom: .75rem
}

.content .sfnewsTitle,
dl dt,
h2 {
    margin-top: 12px;
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: .75rem
}

h3 {
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: .75rem
}

.content .paragraph,
.content .sfnewsAuthorAndDate,
.content .sfnewsSummary,
.sf_pagerNumeric a,
dl dd,
p {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: .75rem
}

.content .questionnaire .paragraph,
.content .questionnaire .sfnewsAuthorAndDate,
.content .questionnaire .sfnewsSummary,
.questionnaire .content .paragraph,
.questionnaire .content .sfnewsAuthorAndDate,
.questionnaire .content .sfnewsSummary,
.questionnaire .sf_pagerNumeric a,
.questionnaire dl dd,
.questionnaire p,
.sf_pagerNumeric .questionnaire a,
dl .questionnaire dd {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: .75rem
}

.members h1 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: .75rem;
    color: #004664;
}

.content .members .sfnewsTitle,
.members .content .sfnewsTitle,
.members dl dt,
.members h2,
dl .members dt {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: .75rem;
    color: #004664;
}

.members h3 {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: .75rem;
    color: #004664;
}

.content .members .paragraph,
.content .members .sfnewsAuthorAndDate,
.content .members .sfnewsSummary,
.members .content .paragraph,
.members .content .sfnewsAuthorAndDate,
.members .content .sfnewsSummary,
.members .sf_pagerNumeric a,
.members dl dd,
.members p,
.sf_pagerNumeric .members a,
dl .members dd {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: .75rem
}

blockquote {
    margin: 0 0 24px
}

    blockquote.extra {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 0
    }

blockquote {
    border-left: #ccc 2px solid;
    padding: 24px 36px;
    margin-bottom: 6px
}

    .content blockquote .paragraph,
    .content blockquote .sfnewsAuthorAndDate,
    .content blockquote .sfnewsSummary,
    .sf_pagerNumeric blockquote a,
    blockquote .content .paragraph,
    blockquote .content .sfnewsAuthorAndDate,
    blockquote .content .sfnewsSummary,
    blockquote .sf_pagerNumeric a,
    blockquote dl dd,
    blockquote p,
    dl blockquote dd {
        font-family: Cambria, Georgia, Times, "Times New Roman";
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 1.5rem;
        font-style: italic
    }

    blockquote span {
        font-family: 'Monsterrat', Arial;
        font-style: normal;
        font-weight: 200;
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 1.5rem
    }

cite {
    color: #0a0a0a
}

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

ol {
    margin: 24px
}

    ol li {
        list-style: decimal;
        margin-bottom: 24px
    }

hr {
    margin: 12px 0;
    border-top: 1px solid #d4dce1
}

.capitalize {
    text-transform: capitalize
}

.text-centered {
    text-align: center
}

.text-left {
    text-align: left;
    text-align: center
}

pre {
    font-family: Monaco, Courier New, monospace;
    font-size: 16px;
    white-space: pre-line
}

.header li button,
.header li.member,
.header__menu-text {
    font-family: 'Monsterrat', Arial;
    font-style: normal;
}

.sub-header {
    font-weight: 400;
    color: #666;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0
}

.div {
    display: block
}

    .div:after,
    .div:before,
    .header:after,
    .header:before,
    .header__content:after,
    .header__content:before {
        display: table;
        content: " "
    }

.header {
    border-bottom: 1px solid #d9d9d9;
    border-color: #CECECE;
    background: #fff;
    margin-bottom: 0;
    padding: 24px 0
}

.header__menu {
    display: block
}

    .header__menu:after,
    .header__menu:before {
        content: " ";
        display: table
    }

.header li:last-child:after {
    display: none
}

.header li.member {
    display: block
}

    .header li.member button {
        cursor: pointer
    }

.header a:hover {
    text-decoration: none
}

.header__number {
    margin: 0;
    top: 0
}

.header__btn {
    margin-top: 38px;
    width: 28px;
    height: 38px;
    float: right;
    margin-right: 14px
}

    .header__btn.selected span,
    .header__btn.selected span:after,
    .header__btn.selected span:before {
        background: #004664;
    }

    .header__btn span,
    .header__btn span:after,
    .header__btn span:before {
        display: block;
        width: 100%;
        height: 3px;
        background: #00A5C6;
        transition: all .5s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .header__btn span {
        margin: 21px 0 0
    }

        .header__btn span:after,
        .header__btn span:before {
            position: absolute;
            content: ""
        }

        .header__btn span:before {
            top: -10.4px
        }

        .header__btn span:after {
            top: 10.4px
        }

    .header__btn.selected span:before {
        -webkit-transform: translate(0, 10.4px) rotate(-90deg);
        -ms-transform: translate(0, 10.4px) rotate(-90deg);
        transform: translate(0, 10.4px) rotate(-90deg)
    }

    .header__btn.selected span:after {
        -webkit-transform: translate(0, -10.4px) rotate(-90deg);
        -ms-transform: translate(0, -10.4px) rotate(-90deg);
        transform: translate(0, -10.4px) rotate(-90deg)
    }

    .header__btn.selected span {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.header__menu-text {
    margin-top: 55px;
    width: 40px;
    height: auto;
    float: right;
    margin-right: 7px;
    font-size: 14px;
    padding: 0 !important
}

.header__menu {
    float: right;
    width: 100%;
    padding-right: 16px;
    background: 0 0
}

.header li,
.header__content {
    text-align: right;
    width: 33.33333%
}

.header li {
    padding-left: 12px
}

    .header li:first-child {
        padding: 0
    }

    .header li button {
        border: 0;
        padding: 0;
        background: 0 0;
        color: #00cd50;
    }

        .header li button:focus {
            outline: 0
        }

    .header li i {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 0;
        position: absolute
    }

    .header li,
    .header li button {
        font-size: 16px
    }

.header a {
    padding: 0 0 4px;
    display: inline-block
}

.header__content {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 5px 0 0
}

.header__number {
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    display: inline-block;
    position: relative;
    color: #004664;
    ;
    padding-right: 16px
}

    .header__number span {
        font-family: 'Monsterrat', Arial;
        font-style: normal;
        font-weight: 200;
        font-size: 16px
    }

.header__btn,
.header__menu-text {
    display: none !important
}

.header__menu {
    padding: 0
}

.header li {
    float: left
}

    .header li.member.signout i {
        right: 65px
    }

    .header li i {
        right: 55px;
        top: 2px
    }

.header__number {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 0;
    padding: 0
}

body {
    min-width: 1200px;
    background: #fff;
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

    body.notransform {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    body.is-open {
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    body.canvas-open {
        overflow: hidden;
        position: relative;
        height: 100%;
        min-height: 100%
    }

    body.members {
        overflow: visible;
        height: 100%
    }

main {
    z-index: 1
}

    main:after,
    main:before {
        content: " ";
        display: table
    }

.questionnaire main {
    width: 1024px
}

.members main {
    width: 1200px;
    height: 100%
}

.l-content,
.main-content {
    margin-bottom: 24px;
    width: 75%;
    padding-right: 24px;
    padding-top: 24px
}

.l-sidebar,
.sidenav {
    width: 25%;
    padding: 0
}

.l-half {
    width: 50%
}

.l-thirds {
    width: 33.33333%
}

.l-quarter {
    width: 25%
}

.l-footer-third {
    width: 66.66667%
}

.l-footer-secure {
    width: 33.33333%
}

.l-footer-contact-links {
    width: 66.66667%
}

.l-footer-half {
    width: 50%
}

.l-home-wide {
    width: 60%
}

.l-home-narrow {
    width: 40%;
    text-align: inherit
}

.l-cookie-box {
    width: 14.28571%
}

.l-cookie-wording {
    width: 85.71429%
}

.l-login-details,
.l-not-a-member {
    margin-bottom: 24px;
    width: 50%
}

.footer {
    background: #004664;
    ;
    padding: 24px
}

.footer__list {
    display: block;
    text-align: center
}

    .footer__list:after,
    .footer__list:before {
        content: " ";
        display: table
    }

.footer__item {
    width: auto;
    margin-bottom: 6px
}

    .footer__item:last-child {
        margin-bottom: 0
    }

    .footer__item a {
        color: #fff;
        text-decoration: none
    }

        .footer__item a:hover {
            color: #d9d9d9
        }

.footer__social {
    margin-top: 12px;
    text-align: center
}

.footer__social-links {
    display: inline-block;
    font-size: 28px
}

    .footer__social-links a {
        text-decoration: none
    }

    .footer__social-links i {
        color: #fff
    }

        .footer__social-links i:hover:before {
            color: #00A5C6
        }

.footer h4 {
    color: #fff
}

.footer__item {
    font-size: 14px;
    display: inline-block;
    padding: 0 12px
}

    .footer__item:first-child {
        padding-left: 0
    }

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

.footer__social-links i:before {
    transition: all, .5s;
    margin: 0 5px;
    font-size: 28px
}

.content .footer .paragraph,
.content .footer .sfnewsAuthorAndDate,
.content .footer .sfnewsSummary,
.footer .content .paragraph,
.footer .content .sfnewsAuthorAndDate,
.footer .content .sfnewsSummary,
.footer .sf_pagerNumeric a,
.footer dl dd,
.footer p,
.sf_pagerNumeric .footer a,
dl .footer dd {
    text-align: center;
    color: #fff;
    font-size: 12px
}

.lt-ie8 .footer {
    padding: 24px 0
}

.lt-ie8 .footer__item {
    display: inline
}

.lt-ie8 .footer__social-links {
    display: inline;
    height: 30px;
    background: pink
}

    .lt-ie8 .footer__social-links a {
        float: left;
        width: 34px;
        height: 34px;
        background: red
    }

        .lt-ie8 .footer__social-links a.facebook {
            background: url(../img/fb-icon.png) no-repeat
        }

        .lt-ie8 .footer__social-links a.twitter {
            background: url(../img/tw-icon.png) no-repeat
        }

        .lt-ie8 .footer__social-links a.linkedin {
            background: url(../img/lkdn-icon.png) no-repeat
        }

        .lt-ie8 .footer__social-links a.blogger {
            background: url(../img/blgr-icon.png) no-repeat
        }

        .lt-ie8 .footer__social-links a.google {
            background: url(../img/ggle-icon.png) no-repeat
        }

body.questionnaire {
    background: #f8f8f8;
    overflow-x: visible
}

.questionnaire header {
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
    border-color: #CECECE;
    margin-bottom: 24px
}

.questionnaire .header {
    margin-bottom: 0;
    border: none;
    width: 1024px
}

    .questionnaire .header:after,
    .questionnaire .header:before {
        content: " ";
        display: table
    }

.questionnaire .logo {
    width: auto;
    height: 60px;
    margin: auto;
    background: 0 0
}

    .questionnaire .logo img {
        float: left
    }

        .questionnaire .logo img.valpak {
            margin-left: 25px;
            float: left;
            margin-top: 2px;
            height: 50px
        }

        .questionnaire .logo img.action {
            height: 55px
        }

.questionnaire .sign-out {
    float: right;
    border: 0;
    background: 0 0;
    position: relative;
    font-size: 16px;
    color: #00cd50;
    ;
    margin-top: 5px;
    cursor: pointer;
    overflow: visible
}

.mtable,
.table {
    overflow-x: auto
}

.questionnaire .sign-out i {
    position: absolute;
    left: -25px;
    top: 1px;
    font-size: 20px
}

.questionnaire .welcome {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 60px
}

.questionnaire footer {
    border-top: 1px solid #d9d9d9;
    background: #fff;
    padding: 0;
    max-width: 100%;
    margin-top: 36px;
    min-height: 75px;
    display: block
}

.members .top-header {
    border-bottom: 1px solid #d9d9d9;
    border-color: #f3f3f3;
    position: relative;
    margin-bottom: 0;
    width: 1200px;
    z-index: 2;
    height: auto
}

    .members .top-header:after,
    .members .top-header:before {
        content: " ";
        display: table
    }

.members .top-header__logo {
    border-right: 1px solid #d9d9d9;
    border-color: #f3f3f3;
    background: url(../img/vp-logo-md1.jpg) 0 9px no-repeat;
    float: left;
    height: 50px;
    width: 300px
}

    .members .top-header__logo a {
        display: block;
        height: 100%
    }

.members .top-header__nav {
    float: right
}

.members .top-header__item,
.members .top-header__item--help,
.members .top-header__item--notification {
    border-right: 1px solid #d9d9d9;
    border-color: #f3f3f3;
    float: left;
    padding: 0;
    text-align: center;
    height: 50px;
    width: 50px;
    position: relative
}

    .members .top-header__item i,
    .members .top-header__item--help i,
    .members .top-header__item--notification i {
        position: relative;
        top: 12px
    }

    .members .top-header__item a,
    .members .top-header__item--help a,
    .members .top-header__item--notification a {
        color: #1084C6;
        display: block;
        height: 100%;
        position: relative
    }

    .members .top-header__item--help:hover .top-header__list,
    .members .top-header__item--help:hover .top-header__list--large,
    .members .top-header__item--notification:hover .top-header__list,
    .members .top-header__item--notification:hover .top-header__list--large {
        display: block
    }

    .members .top-header__item--help:hover a,
    .members .top-header__item--notification:hover a,
    .members .top-header__item:hover a {
        color: #00A5C6
    }

.members .top-header__notification {
    display: block;
    font-size: 8px;
    position: absolute;
    top: 10px;
    left: 20px;
    min-width: 15px;
    height: 15px;
    background: #E52A2A;
    border-radius: 100%;
    color: #fff;
    line-height: 16px;
    text-align: center;
    padding: 0 3px;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
}

.members .top-header__time {
    border-right: 1px solid #d9d9d9;
    border-color: #f3f3f3;
    float: right;
    line-height: 50px;
    font-size: 10px;
    padding-right: 24px;
    font-family: open_sanssemibold
}

.members .top-header__wrap {
    display: block
}

    .members .top-header__wrap:after,
    .members .top-header__wrap:before {
        content: " ";
        display: table
    }

.members .top-header__times {
    border-top: 1px solid #d9d9d9;
    font-size: 10px;
    color: #fff;
    background: #00A5C6;
    display: block;
    padding: 2px 0
}

.members .top-header__list,
.members .top-header__list--large {
    position: absolute;
    right: 0;
    width: 160px;
    padding-top: 10px;
    display: none
}

.members .top-header__list--large {
    width: auto
}

    .members .top-header__list--large .top-header__sub-item {
        min-width: 225px
    }

        .members .top-header__list--large .top-header__sub-item a {
            padding: 0;
            text-align: center
        }

    .members .top-header__list .top-header__wrap,
    .members .top-header__list--large .top-header__wrap {
        border-bottom: 1px solid #d9d9d9;
        border-color: #dfdfdf;
        background: #fff
    }

    .members .top-header__list--large:before,
    .members .top-header__list:before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px;
        border-color: transparent transparent #dfdfdf;
        position: absolute;
        top: 0;
        right: 10%
    }

    .members .top-header__list h4,
    .members .top-header__list--large h4 {
        border: 1px solid #dfdfdf;
        font-size: 10px;
        text-transform: uppercase;
        text-align: left;
        line-height: 10px;
        padding: 15px 5px 10px 10px
    }

.members .top-header__sub-item {
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-color: #dfdfdf;
    display: block;
    font-size: 10px;
    text-align: left;
    line-height: 30px;
    background: #fff
}

    .members .top-header__sub-item a {
        padding-left: 30px
    }

        .members .top-header__sub-item a:hover {
            color: #004664;
            ;
            text-decoration: none
        }

    .members .top-header__sub-item i {
        position: absolute;
        left: 7px;
        top: 7px;
        font-size: 18px
    }

    .members .top-header__sub-item:nth-child(odd) {
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        border-color: #dfdfdf
    }

.lt-ie8 .header__content {
    width: 37.33%
}

    .lt-ie8 .header__content li {
        width: 115px
    }

.lt-ie8 .header__menu {
    width: 370px
}

.lt-ie8 .header__number {
    width: 100%
}

.members footer {
    padding: 0;
    max-width: 100%;
    display: block
}

.main-content {
    width: 80%;
    position: relative;
    float: right;
    max-height: 100%;
    height: 100%;
    background: #f7f7f7;
    overflow: auto
}

    .content .main-content .paragraph,
    .content .main-content .sfnewsAuthorAndDate,
    .content .main-content .sfnewsSummary,
    .main-content .content .paragraph,
    .main-content .content .sfnewsAuthorAndDate,
    .main-content .content .sfnewsSummary,
    .main-content .sf_pagerNumeric a,
    .main-content dl dd,
    .main-content li,
    .main-content p,
    .sf_pagerNumeric .main-content a,
    dl .main-content dd {
        color: #4f4f4f
    }

    .main-content .accordion:nth-child(even) {
        margin-bottom: 24px
    }

.members h1 i {
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    padding-left: 6px;
    padding-top: 4px
}

.lt-ie8 .main-content {
    width: 910px
}

.btn,
.btn--alt,
.btn--danger,
.btn--sub,
.content #uploadFile input.ruButton,
.next-prev__next,
.next-prev__prev {
    padding: 12px 16px;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    font-weight: 200;
    font-size: 100%;
    line-height: normal;
    vertical-align: middle;
    outline: 0;
    border: none;
    cursor: pointer;
    background: #004664;
    ;
    color: #fff;
    text-align: left;
    display: inline-block;
    margin-bottom: 0
}

    .btn--alt:hover,
    .btn--danger:hover,
    .btn--sub:hover,
    .btn:hover,
    .content #uploadFile input.ruButton:hover,
    .next-prev__next:hover,
    .next-prev__prev:hover {
        background: #014289
    }

    .btn--alt:active,
    .btn--alt:hover,
    .btn--alt:visited,
    .btn--danger:active,
    .btn--danger:hover,
    .btn--danger:visited,
    .btn--sub:active,
    .btn--sub:hover,
    .btn--sub:visited,
    .btn:active,
    .btn:hover,
    .btn:visited,
    .content #uploadFile input.ruButton:active,
    .content #uploadFile input.ruButton:hover,
    .content #uploadFile input.ruButton:visited,
    .next-prev__next:active,
    .next-prev__next:hover,
    .next-prev__next:visited,
    .next-prev__prev:active,
    .next-prev__prev:hover,
    .next-prev__prev:visited {
        text-decoration: none;
        color: #fff
    }

    .btn i,
    .btn--alt i,
    .btn--danger i,
    .btn--sub i,
    .content #uploadFile input.ruButton i,
    .next-prev__next i,
    .next-prev__prev i {
        float: right
    }

.btn--sub {
    background: #00cd50;
}

    .btn--sub:hover {
        background: #007c6d
    }

.btn--alt,
.content #uploadFile input.ruButton,
.next-prev__next,
.next-prev__prev {
    background: #00A5C6
}

    .btn--alt:hover,
    .content #uploadFile input.ruButton:hover,
    .next-prev__next:hover,
    .next-prev__prev:hover {
        background: #0090ad
    }

.btn--danger {
    background: #E52A2A
}

    .btn--danger:hover {
        background: #db1b1b
    }

.content #uploadFile .questionnaire input.ruButton,
.questionnaire .btn,
.questionnaire .btn--alt,
.questionnaire .btn--danger,
.questionnaire .btn--sub,
.questionnaire .content #uploadFile input.ruButton,
.questionnaire .next-prev__next,
.questionnaire .next-prev__prev {
    padding: 8px 12px
}

dl {
    margin: 0
}

    dl:after,
    dl:before {
        content: " ";
        display: table
    }

    dl dt {
        font-family: 'Monsterrat', Arial;
        font-style: normal;
        margin-bottom: 12px
    }

        dl dt a {
            text-decoration: none;
            cursor: pointer
        }

            dl dt a:hover {
                text-decoration: none
            }

    dl dd {
        margin: 0 0 12px;
        font-weight: 400;
        word-wrap: break-word;
        padding-left: 24px
    }

.search,
.search fieldset {
    border: none;
    padding: 0;
    position: relative
}

dl dd:last-child {
    margin-bottom: 0
}

dl dd a {
    cursor: pointer
}

[class*=" flaticon-"]:after,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class^=flaticon-]:before {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal
}

.flaticon-blogger:before {
    content: "\e000"
}

.flaticon-cancel:before {
    content: "\e001"
}

.flaticon-circle:before {
    content: "\e002"
}

.flaticon-facebook:before {
    content: "\e003"
}

.flaticon-google:before {
    content: "\e004"
}

.flaticon-linkedin:before {
    content: "\e005"
}

.flaticon-report:before {
    content: "\e006"
}

.flaticon-rounded:before {
    content: "\e007"
}

.flaticon-twitter:before {
    content: "\e008"
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}

.logo {
    width: 21%;
    margin: 0;
    float: left;
    font-size: 100%;
    background: url(../img/valpaklogolarge.gif) no-repeat;
    height: 85px
}

.logo__link {
    display: table;
    position: relative;
    line-height: 0;
    background: url(../img/vp-logo-sm.jpg) 10px 0 no-repeat;
    height: 40px;
    width: 62px
}

.logo__img {
    display: none
}

.search {
    float: left;
    width: 41.66667%;
    margin: 5px 0 0
}

    .search fieldset span.k-widget {
        background: 0 0 !important;
        border: 0 !important;
        padding: 0 !important;
        width: auto !important;
        display: block !important
    }

        .search fieldset span.k-widget * {
            width: 100%;
            -moz-box-sizing: inherit !important;
            box-sizing: inherit !important
        }

    .search input[type=text] {
        border: 1px solid #BCBCBC;
        -webkit-appearance: none;
        font-family: 'Monsterrat', Arial;
        font-style: normal;
        font-weight: 200;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        outline: 0
    }

.content ol a,
.content ul a,
.content__feature-block span,
.content__service-block a,
.content__service-block strong,
.content__text,
.table__body a,
.table__body--small a {
    font-family: 'Monsterrat', Arial;
    font-style: normal;
}

.search input[type=submit] {
    background: 0 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    text-indent: -9999px
}

.search input[type=text] {
    font-size: 16px;
    height: 60px;
    padding: 16px 48px 16px 20px
}

.search input[type=submit] {
    position: absolute;
    top: 13px;
    right: 16px;
    height: 36px;
    width: 36px
}

.search i {
    color: #00cd50;
    ;
    position: absolute;
    top: 13px;
    right: 16px;
    font-size: 36px
}

.lt-ie8 .search {
    position: relative
}

.lt-ie8 input[type=text] {
    height: 30px
}

.lt-ie8 input[type=submit] {
    top: 15px;
    right: -55px
}

.k-list-container {
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-color: #BCBCBC;
    background: #fff;
    padding: 0 20px 15px;
    -webkit-transform: translateY(18px) !important;
    -ms-transform: translateY(18px) !important;
    transform: translateY(18px) !important
}

    .k-list-container .k-list li {
        cursor: pointer;
        padding: 3px 6px
    }

        .k-list-container .k-list li:hover {
            background: #e8e8e8
        }

.sf_pagerNumeric a {
    padding: 0 6px
}

.table {
    margin-bottom: 24px;
    display: block
}

.table__head th {
    padding: 17.14px;
    background: #00A5C6;
    color: #fff;
    font-size: 14px
}

.table__head--small th {
    padding: 6px;
    text-align: center;
    background: #004664;
    ;
    color: #fff;
    font-size: 12px
}

.table__body,
.table__body--small {
    border-left: 1px solid #d9d9d9;
    border-color: #E8E8E8
}

    .table__body tr,
    .table__body--small tr {
        border-bottom: 1px solid #d9d9d9;
        border-color: #E8E8E8
    }

    .table__body td,
    .table__body--small td {
        border-right: 1px solid #d9d9d9;
        border-color: #E8E8E8;
        padding: 16px;
        width: 50%;
        font-size: 14px
    }

        .table__body td.last a,
        .table__body--small td.last a {
            display: inline-block;
            float: right
        }

        .table__body td input,
        .table__body--small td input {
            width: 80px;
            text-align: center
        }

    .table__body a,
    .table__body--small a {
        display: inline-block;
        text-decoration: none
    }

        .table__body a i,
        .table__body--small a i {
            float: right;
            padding-left: 6px
        }

.table__body--small {
    border-top: 1px solid #d9d9d9;
    border-color: #E8E8E8
}

    .table__body--small td {
        padding: 6px;
        text-align: center
    }

        .table__body--small td.left {
            text-align: left;
            font-size: 12px
        }

.k-grid-content .table {
    display: table
}

.content--full ul.k-pager-numbers {
    padding: 0
}

    .content--full ul.k-pager-numbers li {
        list-style: none;
        margin-bottom: 0;
        font-size: 16px !important
    }

.lt-ie8 .table__body i,
.lt-ie8 .table__body--small i {
    float: none
}

.scrollToTop {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #00A5C6;
    z-index: 1;
    cursor: pointer
}

    .scrollToTop i {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        top: 8px;
        right: -8px;
        position: relative;
        color: #fff
    }

.mtable {
    width: 100%
}

.mtable__head th {
    padding: 8px;
    background: #00A5C6;
    color: #fff;
    font-size: 12px;
    position: relative;
    cursor: pointer;
    font-weight: 400
}

    .mtable__head th.headerSortUp {
        background: url(../img/arrow-up-icon.png) 100% 50% no-repeat #00A5C6
    }

    .mtable__head th.headerSortDown {
        background: url(../img/arrow-down-icon.png) 100% 50% no-repeat #00A5C6
    }

    .mtable__head th:first-child:before {
        border: 0
    }

.mtable__body {
    background: #fff
}

    .mtable__body tr:nth-child(even) {
        background: #f7f7f7
    }

    .mtable__body td {
        padding: 10px;
        font-size: 11px
    }

.mtable .book,
.mtable .submit {
    display: inline;
    border: 0;
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

.mtable .submit {
    transition: all, .5s;
    padding: 1px 5px;
    background: #E52A2A;
    margin-right: 10px
}

    .mtable .submit:hover {
        background: #c41818
    }

.mtable .book {
    padding: 3px 5px;
    background: #004664;
    ;
    width: 100px
}

.mtable .print,
.mtable .status,
.mtable .status--complete,
.mtable .status--incomplete,
.mtable .view {
    display: inline-block
}

    .mtable .print i,
    .mtable .status i,
    .mtable .status--complete i,
    .mtable .status--incomplete i,
    .mtable .view i {
        padding-left: 8px;
        font-size: 18px;
        position: relative;
        top: 5px;
        height: 0;
        line-height: 0
    }

    .mtable .status--complete i {
        color: #8AB535
    }

    .mtable .status--incomplete i {
        color: #E52A2A
    }

.mtable .view {
    color: #1084C6;
    margin-right: 16px
}

    .mtable .view:hover {
        text-decoration: none
    }

    .mtable .view i {
        color: #00cd50;
    }

.mtable .print {
    color: #1084C6
}

    .mtable .print:hover {
        text-decoration: none
    }

    .mtable .print i {
        color: #00cd50;
    }

.lt-ie8 .mtable {
    width: 860px
}

.alert {
    border: 1px solid #d9d9d9
}

.alert__header {
    border-bottom-width: 1px;
    border-bottom-style: dashed
}

.alert h3 i {
    margin-right: 10px
}

.alert.is-info {
    background: #c2dfff;
    border-color: #004664;
}

    .alert.is-info .alert__header {
        background: #8fc4fe;
        border-color: #004664;
    }

        .alert.is-info .alert__header [class^=flaticon-]:before {
            color: #004664;
        }

.alert.is-warn {
    background: #fcf4de;
    border-color: #EEB320
}

    .alert.is-warn .alert__header {
        background: #fae7b8;
        border-bottom-color: #EEB320
    }

    .alert.is-warn [class^=flaticon-]:before {
        color: #EEB320
    }

.alert.is-error {
    background: #fbe0e0;
    border-color: #E52A2A
}

    .alert.is-error .alert__header {
        background: #f7bbbb;
        border-bottom-color: #E52A2A
    }

    .alert.is-error [class^=flaticon-]:before {
        color: #E52A2A
    }

.alert.is-success {
    background: #e1efc7;
    border-color: #8AB535
}

    .alert.is-success .alert__header {
        background: #d1e5a8;
        border-bottom-color: #8AB535
    }

    .alert.is-success [class^=flaticon-]:before {
        color: #8AB535
    }

.alert--inner {
    padding: 12px
}

.accordion-panel {
    border-bottom: 1px solid #d4dce1;
    padding: 12px 0 12px 24px;
    margin-bottom: 12px
}

    .accordion-panel h3 a {
        display: block;
        text-decoration: none;
        position: relative;
        padding-left: 24px;
        outline: 0;
        cursor: pointer
    }

        .accordion-panel h3 a i {
            transition: -webkit-transform 250ms ease-in;
            transition: transform 250ms ease-in;
            position: absolute;
            top: 2px;
            left: 0
        }

.cta,
.cta__item,
.heading-title,
.heading-title h1,
.heading-title span {
    position: relative
}

.accordion-panel h3 a:hover {
    color: #00cd50;
}

.accordion-panel h3 a:focus {
    color: #015CAE
}

    .accordion-panel h3 a:focus:focus:hover {
        color: #00cd50;
    }

.accordion-panel h3.active a {
    color: #00A5C6
}

    .accordion-panel h3.active a i {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.reveal-content {
    padding-left: 24px;
    display: none
}

    .content .reveal-content .paragraph,
    .content .reveal-content .sfnewsAuthorAndDate,
    .content .reveal-content .sfnewsSummary,
    .reveal-content .content .paragraph,
    .reveal-content .content .sfnewsAuthorAndDate,
    .reveal-content .content .sfnewsSummary,
    .reveal-content .sf_pagerNumeric a,
    .reveal-content dl dd,
    .reveal-content p,
    .sf_pagerNumeric .reveal-content a,
    dl .reveal-content dd {
        padding-left: 4px
    }

.heading-title {
    margin: 0 auto;
    text-align: center;
    padding: 30px 0
}

    .heading-title h1 {
        color: #004664;
        ;
        margin: 0 auto;
        background: #fff;
        z-index: 3;
        padding-bottom: 10px
    }

    .content .heading-title .paragraph,
    .content .heading-title .sfnewsAuthorAndDate,
    .content .heading-title .sfnewsSummary,
    .heading-title .content .paragraph,
    .heading-title .content .sfnewsAuthorAndDate,
    .heading-title .content .sfnewsSummary,
    .heading-title .sf_pagerNumeric a,
    .heading-title dl dd,
    .heading-title p,
    .sf_pagerNumeric .heading-title a,
    dl .heading-title dd {
        color: #00A5C6;
        position: relative;
        margin: -10px auto 0;
        width: 230px;
        background: #fff;
        z-index: 3;
        font-size: 16px
    }

    .heading-title h1 {
        width: 300px
    }

    .heading-title span {
        display: block;
        height: 1px;
        background: #00A5C6;
        top: 50%;
        left: 50%;
        z-index: 2;
        margin-top: -5px;
        width: 440px;
        margin-left: -220px
    }

.lt-ie8 .heading-title span {
    display: none
}

.cta:after,
.cta:before {
    content: " ";
    display: table
}

.cta__item {
    display: block
}

    .cta__item:last-child {
        border: none
    }

.cta__link,
.cta__link--free-quote,
.cta__link--live-chat,
.cta__link--request-callback {
    transition: all, .5s;
    color: #fff
}

    .cta__link--free-quote:hover,
    .cta__link--live-chat:hover,
    .cta__link--request-callback:hover,
    .cta__link:hover {
        color: #fff;
        text-decoration: none
    }

.content .expert-area__sector .sfnewsTitle,
.content .expert-area__sector .sfnewsTitle a:hover,
.content .expert-area__sector--compliance .sfnewsTitle,
.content .expert-area__sector--compliance .sfnewsTitle a:hover,
.content .expert-area__sector--consultancy .sfnewsTitle,
.content .expert-area__sector--consultancy .sfnewsTitle a:hover,
.content .expert-area__sector--data .sfnewsTitle,
.content .expert-area__sector--data .sfnewsTitle a:hover,
.content .expert-area__sector--events .sfnewsTitle,
.content .expert-area__sector--events .sfnewsTitle a:hover,
.content .expert-area__sector--recycling .sfnewsTitle,
.content .expert-area__sector--recycling .sfnewsTitle a:hover,
.expert-area__sector .content .sfnewsTitle,
.expert-area__sector .content .sfnewsTitle a:hover,
.expert-area__sector dl dt,
.expert-area__sector dl dt a:hover,
.expert-area__sector h2,
.expert-area__sector h2 a:hover,
.expert-area__sector--compliance .content .sfnewsTitle,
.expert-area__sector--compliance .content .sfnewsTitle a:hover,
.expert-area__sector--compliance dl dt,
.expert-area__sector--compliance dl dt a:hover,
.expert-area__sector--compliance h2,
.expert-area__sector--compliance h2 a:hover,
.expert-area__sector--consultancy .content .sfnewsTitle,
.expert-area__sector--consultancy .content .sfnewsTitle a:hover,
.expert-area__sector--consultancy dl dt,
.expert-area__sector--consultancy dl dt a:hover,
.expert-area__sector--consultancy h2,
.expert-area__sector--consultancy h2 a:hover,
.expert-area__sector--data .content .sfnewsTitle,
.expert-area__sector--data .content .sfnewsTitle a:hover,
.expert-area__sector--data dl dt,
.expert-area__sector--data dl dt a:hover,
.expert-area__sector--data h2,
.expert-area__sector--data h2 a:hover,
.expert-area__sector--events .content .sfnewsTitle,
.expert-area__sector--events .content .sfnewsTitle a:hover,
.expert-area__sector--events dl dt,
.expert-area__sector--events dl dt a:hover,
.expert-area__sector--events h2,
.expert-area__sector--events h2 a:hover,
.expert-area__sector--recycling .content .sfnewsTitle,
.expert-area__sector--recycling .content .sfnewsTitle a:hover,
.expert-area__sector--recycling dl dt,
.expert-area__sector--recycling dl dt a:hover,
.expert-area__sector--recycling h2,
.expert-area__sector--recycling h2 a:hover,
dl .expert-area__sector dt,
dl .expert-area__sector dt a:hover,
dl .expert-area__sector--compliance dt,
dl .expert-area__sector--compliance dt a:hover,
dl .expert-area__sector--consultancy dt,
dl .expert-area__sector--consultancy dt a:hover,
dl .expert-area__sector--data dt,
dl .expert-area__sector--data dt a:hover,
dl .expert-area__sector--events dt,
dl .expert-area__sector--events dt a:hover,
dl .expert-area__sector--recycling dt,
dl .expert-area__sector--recycling dt a:hover {
    color: #004664;
}

.cta__link--request-callback {
    background: #004664;
}

    .cta__link--request-callback:hover {
        background: #01448e
    }

    .cta__link--request-callback i {
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

.cta__link--free-quote {
    background: #1084C6
}

    .cta__link--free-quote:hover {
        background: #0e77b3
    }

.cta__link--live-chat {
    background: #00A5C6
}

    .cta__link--live-chat:hover {
        background: #0094b2
    }

.cta__item {
    width: 33.33333%;
    float: left;
    border: 0
}

.cta i {
    right: 20px;
    top: 27px;
    font-size: 35px
}

.cta__link,
.cta__link--free-quote,
.cta__link--live-chat,
.cta__link--request-callback {
    display: block;
    padding: 24px 16px;
    font-size: 24px
}

    .cta__link i,
    .cta__link--free-quote i,
    .cta__link--live-chat i,
    .cta__link--request-callback i {
        position: absolute;
        right: 20px;
        top: 25px
    }

.content ul li,
.expert-area {
    position: relative
}

    .expert-area:after,
    .expert-area:before {
        content: " ";
        display: table
    }

.expert-area__sector,
.expert-area__sector--compliance,
.expert-area__sector--consultancy,
.expert-area__sector--data,
.expert-area__sector--events,
.expert-area__sector--recycling {
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-color: #E7E6E6;
    display: block;
    padding-left: 16px;
    padding-top: 16px;
    width: 50%;
    float: left;
    min-height: 375px
}

.content h3,
.content ol a,
.content ul a {
    display: inline-block
}

.expert-area__sector--compliance:nth-child(even),
.expert-area__sector--consultancy:nth-child(even),
.expert-area__sector--data:nth-child(even),
.expert-area__sector--events:nth-child(even),
.expert-area__sector--recycling:nth-child(even),
.expert-area__sector:nth-child(even) {
    border-right: 0
}

.content .expert-area__sector .sfnewsTitle a,
.content .expert-area__sector--compliance .sfnewsTitle a,
.content .expert-area__sector--consultancy .sfnewsTitle a,
.content .expert-area__sector--data .sfnewsTitle a,
.content .expert-area__sector--events .sfnewsTitle a,
.content .expert-area__sector--recycling .sfnewsTitle a,
.expert-area__sector .content .sfnewsTitle a,
.expert-area__sector dl dt a,
.expert-area__sector h2 a,
.expert-area__sector--compliance .content .sfnewsTitle a,
.expert-area__sector--compliance dl dt a,
.expert-area__sector--compliance h2 a,
.expert-area__sector--consultancy .content .sfnewsTitle a,
.expert-area__sector--consultancy dl dt a,
.expert-area__sector--consultancy h2 a,
.expert-area__sector--data .content .sfnewsTitle a,
.expert-area__sector--data dl dt a,
.expert-area__sector--data h2 a,
.expert-area__sector--events .content .sfnewsTitle a,
.expert-area__sector--events dl dt a,
.expert-area__sector--events h2 a,
.expert-area__sector--recycling .content .sfnewsTitle a,
.expert-area__sector--recycling dl dt a,
.expert-area__sector--recycling h2 a,
dl .expert-area__sector dt a,
dl .expert-area__sector--compliance dt a,
dl .expert-area__sector--consultancy dt a,
dl .expert-area__sector--data dt a,
dl .expert-area__sector--events dt a,
dl .expert-area__sector--recycling dt a {
    transition: all, .5;
    color: #004664;
    ;
    text-decoration: none
}

.expert-area__sector li,
.expert-area__sector--compliance li,
.expert-area__sector--consultancy li,
.expert-area__sector--data li,
.expert-area__sector--events li,
.expert-area__sector--recycling li {
    padding: 2px 0;
    font-size: 16px
}

    .expert-area__sector li a,
    .expert-area__sector--compliance li a,
    .expert-area__sector--consultancy li a,
    .expert-area__sector--data li a,
    .expert-area__sector--events li a,
    .expert-area__sector--recycling li a {
        transition: all, .5;
        color: #00cd50;
        ;
        text-decoration: none
    }

        .content h1,
        .expert-area__sector li a:hover,
        .expert-area__sector--compliance li a:hover,
        .expert-area__sector--consultancy li a:hover,
        .expert-area__sector--data li a:hover,
        .expert-area__sector--events li a:hover,
        .expert-area__sector--recycling li a:hover {
            color: #004664;
        }

.expert-area__sector--compliance {
    background-size: 180px
}

.expert-area__sector--consultancy,
.expert-area__sector--data,
.expert-area__sector--events,
.expert-area__sector--recycling {
    background-size: 200px
}

.expert-area__sector--compliance {
    background: url(../img/compliance-bg.png) 100% 100% no-repeat #F3F3F3
}

.expert-area__sector--recycling {
    background: url(../img/recycling-bg.png) 100% 100% no-repeat #F3F3F3
}

.expert-area__sector--consultancy {
    background: url(../img/consultancy-bg.png) 100% 100% no-repeat #F3F3F3
}

.expert-area__sector--data {
    background: url(../img/data-bg.png) 100% 100% no-repeat #F3F3F3
}

.expert-area__sector--events {
    background: url(../img/events-bg.png) 100% 100% no-repeat #F3F3F3;
    width: 100%
}

.lt-ie8 .expert-area__sector,
.lt-ie8 .expert-area__sector--compliance,
.lt-ie8 .expert-area__sector--consultancy,
.lt-ie8 .expert-area__sector--data,
.lt-ie8 .expert-area__sector--events,
.lt-ie8 .expert-area__sector--recycling {
    width: 582px
}

.content {
    float: left;
    width: 66.66667%;
    padding: 0 0 0 36px
}

    .content .sfnewsTitle,
    .content dl dt,
    .content h2,
    dl .content dt {
        display: inline-block;
        color: #00A5C6
    }

    .content h3 {
        color: #00cd50;
    }

    .content #uploadFile input.ruButton,
    .content .btn,
    .content .btn--alt,
    .content .btn--danger,
    .content .btn--sub,
    .content .next-prev__next,
    .content .next-prev__prev {
        margin-bottom: 24px
    }

    .content ul {
        padding-left: 24px;
        margin: 16px
    }

        .content ul li {
            list-style: outside;
            margin-bottom: 12px;
            font-size: 16px
        }

            .content ul li.download i {
                position: absolute;
                top: 3px;
                left: -28px
            }

        .content ul a {
            color: #00A5C6;
            text-decoration: none
        }

            .content ul a:hover {
                color: #00cd50;
            }

    .content ol {
        margin: 16px;
        padding-left: 24px
    }

        .content ol li {
            margin-bottom: 12px;
            font-size: 16px
        }

        .content ol a {
            color: #00A5C6;
            text-decoration: none
        }

            .content ol a:hover {
                color: #00cd50;
            }

.content__text {
    color: #00A5C6
}

.content__service-block {
    border-bottom: 2px solid #d9d9d9;
    border-color: #dedede;
    margin-bottom: 12px
}

    .content .content__service-block .sfnewsTitle,
    .content__service-block .content .sfnewsTitle,
    .content__service-block dl dt,
    .content__service-block h2,
    dl .content__service-block dt {
        color: #004664;
    }

        .content .content__service-block .sfnewsTitle a,
        .content__service-block .content .sfnewsTitle a,
        .content__service-block dl dt a,
        .content__service-block h2 a,
        dl .content__service-block dt a {
            color: #004664;
            ;
            text-decoration: none
        }

            .content .content__service-block .sfnewsTitle a:hover,
            .content__service-block .content .sfnewsTitle a:hover,
            .content__service-block dl dt a:hover,
            .content__service-block h2 a:hover,
            dl .content__service-block dt a:hover {
                color: #00A5C6
            }

    .content__service-block strong {
        font-weight: 100
    }

    .content__service-block a {
        text-decoration: none
    }

.content__feature-block {
    background: #00A5C6;
    margin: 24px 0;
    color: #fff
}

    .content__feature-block ul {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden
    }

        .content__feature-block ul > li {
            float: left;
            width: 100%
        }

            .content__feature-block ul > li:first-child:nth-last-child(1) {
                width: 100%
            }

            .content__feature-block ul > li:first-child:nth-last-child(2),
            .content__feature-block ul > li:first-child:nth-last-child(2) ~ li,
            .content__feature-block ul > li:first-child:nth-last-child(3),
            .content__feature-block ul > li:first-child:nth-last-child(3) ~ li,
            .content__feature-block ul > li:first-child:nth-last-child(4),
            .content__feature-block ul > li:first-child:nth-last-child(4) ~ li,
            .content__feature-block ul > li:first-child:nth-last-child(5),
            .content__feature-block ul > li:first-child:nth-last-child(5) ~ li {
                width: 50%
            }

                .content__feature-block ul > li:first-child:nth-last-child(5),
                .content__feature-block ul > li:first-child:nth-last-child(5) ~ li {
                    width: 100%
                }

    .content .content__feature-block .sfnewsTitle,
    .content__feature-block .content .sfnewsTitle,
    .content__feature-block dl dt,
    .content__feature-block h2,
    dl .content__feature-block dt {
        border-bottom: 1px solid #d9d9d9;
        border-color: #fff;
        padding-bottom: 16px;
        margin-bottom: 20px;
        color: #fff;
        display: block;
        margin-top: 0
    }

    .content__feature-block h3 {
        margin-top: 0;
        color: #fff
    }

    .content__feature-block span {
        display: block;
        margin-bottom: 10px
    }

    .content__feature-block ul {
        padding: 0;
        margin: 0
    }

        .content__feature-block ul li i {
            display: table-cell;
            vertical-align: middle;
            margin-right: 10px;
            margin-bottom: 10px
        }

            .content__feature-block ul li i:after,
            .content__feature-block ul li i:before {
                content: " ";
                display: table
            }

        .content__feature-block ul li div {
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px
        }

            .content .content__feature-block ul li div .paragraph,
            .content .content__feature-block ul li div .sfnewsAuthorAndDate,
            .content .content__feature-block ul li div .sfnewsSummary,
            .content__feature-block ul li div .content .paragraph,
            .content__feature-block ul li div .content .sfnewsAuthorAndDate,
            .content__feature-block ul li div .content .sfnewsSummary,
            .content__feature-block ul li div .sf_pagerNumeric a,
            .content__feature-block ul li div dl dd,
            .content__feature-block ul li div p,
            .sf_pagerNumeric .content__feature-block ul li div a,
            dl .content__feature-block ul li div dd {
                margin: 0
            }

            .content__feature-block ul li div a {
                color: #fff;
                text-decoration: underline
            }

                .content__feature-block ul li div a:hover {
                    color: #fff
                }

.content__form {
    border: 1px solid #E1E1E1;
    margin-bottom: 24px
}

    .content__form:after,
    .content__form:before {
        content: " ";
        display: table
    }

    .content__form .btn--sub {
        float: right;
        margin-top: 12px
    }

.content__g-wrap {
    margin-left: -20px
}

.content__form-label span {
    color: #E52A2A
}

.content #uploadFile input.ruFakeInput,
.content__form-input {
    border: 1px solid #E1E1E1;
    -webkit-appearance: none;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    display: block;
    width: 100%;
    padding: 12px
}

.content #uploadFile div.RadUpload,
.content__form .btn--sub {
    width: auto
}

.content #uploadFile ul li {
    list-style: none
}

    .content #uploadFile ul li span.ruFileWrap {
        display: block;
        height: auto
    }

.content #uploadFile input.ruButton {
    width: auto;
    height: auto
}

.content #uploadFile input.ruFakeInput {
    background: 0 0;
    height: auto;
    margin: 0;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

.content ol,
.content ul {
    margin-bottom: 24px
}

.content__casestudy,
.content__quote,
.content__related-links {
    margin-top: 24px
}

.content .sflistListItem {
    border-bottom: 1px solid #d9d9d9;
    border-color: #d4dce1;
    list-style: none;
    padding-bottom: 12px
}

    .content .sflistListItem h3 {
        font-family: open_sanssemibold
    }

    .content .sflistListItem a strong,
    .content .sflistListItem strong {
        font-weight: 100
    }

.content__feature-block {
    padding: 24px
}

    .content__feature-block ul {
        margin-bottom: 12px
    }

        .content__feature-block ul li {
            list-style: none;
            min-height: 72px;
            padding-right: 10px;
            font-size: 16px
        }

            .content__feature-block ul li i {
                font-size: 50px
            }

.content__form {
    padding: 24px
}

.content__form-wrap,
.content__form-wrap--full {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    padding-left: 20px
}

.content__form-wrap--full {
    width: 100%
}

.content__form-label {
    display: block;
    font-size: 16px;
    padding-bottom: 12px
}

.content #uploadFile input.ruFakeInput,
.content__casestudy ol li,
.content__form-input,
.questionnaire .content--full ul li {
    font-size: 14px
}

.content__lists ul {
    display: inline-table;
    width: 45%
}

.content--full {
    width: 100%;
    padding: 0
}

.content__casestudy,
.content__quote,
.content__related-links {
    display: block
}

    .content__quote h3 {
        background: #00cd50;
        ;
        color: #fff;
        padding: 12px 24px;
        margin-bottom: 24px
    }

    .content .content__quote .paragraph,
    .content .content__quote .sfnewsAuthorAndDate,
    .content .content__quote .sfnewsSummary,
    .content__quote .content .paragraph,
    .content__quote .content .sfnewsAuthorAndDate,
    .content__quote .content .sfnewsSummary,
    .content__quote .sf_pagerNumeric a,
    .content__quote dl dd,
    .content__quote p,
    .sf_pagerNumeric .content__quote a,
    dl .content__quote dd {
        font-family: open_sanslight_italic;
        padding: 0 12px
    }

        .content .content__quote .customer.paragraph,
        .content .content__quote .customer.sfnewsAuthorAndDate,
        .content .content__quote .customer.sfnewsSummary,
        .content__quote .content .customer.paragraph,
        .content__quote .content .customer.sfnewsAuthorAndDate,
        .content__quote .content .customer.sfnewsSummary,
        .content__quote .sf_pagerNumeric a.customer,
        .content__quote dl dd.customer,
        .content__quote p.customer,
        .sf_pagerNumeric .content__quote a.customer,
        dl .content__quote dd.customer {
            font-family: 'Monsterrat', Arial;
            font-style: normal;
            color: #00cd50;
            padding-left: 24px
        }

    .content__casestudy h3 {
        padding: 12px 24px;
        background: #004664;
        color: #fff;
        margin-bottom: 24px
    }

    .content__casestudy a {
        display: block;
        padding: 0 12px;
        text-decoration: none
    }

    .content__casestudy ol {
        padding-left: 24px
    }

        .content__casestudy ol li {
            list-style: none;
            margin-bottom: 12px
        }

            .content__casestudy ol li a {
                position: relative
            }

                .content__casestudy ol li a i {
                    position: absolute;
                    left: -20px;
                    top: 2px
                }

    .content__related-links h3 {
        padding: 12px 24px;
        background: #1084C6;
        color: #fff;
        margin-bottom: 24px
    }

    .content__related-links a {
        display: block;
        padding: 0 12px;
        text-decoration: none;
        margin-bottom: 12px
    }

    .content__related-links ol {
        padding-left: 24px
    }

        .content__related-links ol li {
            list-style: none;
            margin-bottom: 12px;
            font-size: 14px
        }

            .content__related-links ol li a {
                position: relative
            }

                .content__related-links ol li a i {
                    position: absolute;
                    left: -20px;
                    top: 0
                }

.content__feature-block ul li {
    width: 50%
}

.questionnaire .content--full {
    width: 100%;
    padding-right: 34px;
    padding-left: 34px
}

    .questionnaire .content--full h1 {
        color: #004664;
    }

    .content .questionnaire .content--full .sfnewsTitle,
    .questionnaire .content--full .content .sfnewsTitle,
    .questionnaire .content--full dl dt,
    .questionnaire .content--full h2,
    dl .questionnaire .content--full dt {
        display: inline-block;
        color: #00A5C6
    }

.lt-ie8 .content {
    width: 63.66%
}

.lt-ie8 .content__form {
    float: left
}

.lt-ie8 .content ul li {
    list-style: none
}

.lt-ie8 .content #uploadFile input.ruButton,
.lt-ie8 .content .btn,
.lt-ie8 .content .btn--alt,
.lt-ie8 .content .btn--danger,
.lt-ie8 .content .btn--sub,
.lt-ie8 .content .next-prev__next,
.lt-ie8 .content .next-prev__prev {
    width: 120px;
    float: left;
    position: relative
}

    .lt-ie8 .content #uploadFile input.ruButton i,
    .lt-ie8 .content .btn i,
    .lt-ie8 .content .btn--alt i,
    .lt-ie8 .content .btn--danger i,
    .lt-ie8 .content .btn--sub i,
    .lt-ie8 .content .next-prev__next i,
    .lt-ie8 .content .next-prev__prev i {
        position: absolute;
        top: 15px;
        right: 10px
    }

.lt-ie8 .content__feature-block {
    float: left;
    width: 100%
}

    .lt-ie8 .content__feature-block ul li {
        width: 346px
    }

        .lt-ie8 .content__feature-block ul li i {
            float: left
        }

.lt-ie8 .content__form-wrap,
.lt-ie8 .content__form-wrap--full {
    width: 324px;
    margin-right: 24px
}

.lt-ie8 .content__g-wrap {
    margin: 0
}

.lt-ie8 .content--full {
    width: 100%
}

.countdown {
    position: relative;
    padding: 16px 0 0;
    color: #fff;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    display: none;
    display: block
}

    .countdown:after,
    .countdown:before {
        content: " ";
        display: table
    }

.countdown__wrapper {
    float: right;
    width: 300px;
    padding: 12px;
    background: #1084C6
}

.countdown__counter {
    border-right: 1px solid #d9d9d9;
    border-color: #d9d9d9;
    display: table-cell;
    text-align: center;
    padding: 0 12px 0 6px
}

.countdown__number {
    font-size: 24px;
    font-family: open_sanssemibold
}

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

.countdown__content {
    font-size: 14px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.countdown__date {
    font-size: 14px
}

.countdown__type {
    display: block
}

#cookie-bar {
    background: #00cd50;
    ;
    height: auto;
    line-height: 24px;
    color: #eee;
    text-align: center;
    padding: 6px 0
}

    #cookie-bar.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%
    }

        #cookie-bar.fixed.bottom {
            bottom: 0;
            top: auto
        }

    #cookie-bar .content .paragraph,
    #cookie-bar .content .sfnewsAuthorAndDate,
    #cookie-bar .content .sfnewsSummary,
    #cookie-bar .sf_pagerNumeric a,
    #cookie-bar dl dd,
    #cookie-bar p,
    .content #cookie-bar .paragraph,
    .content #cookie-bar .sfnewsAuthorAndDate,
    .content #cookie-bar .sfnewsSummary,
    .sf_pagerNumeric #cookie-bar a,
    dl #cookie-bar dd {
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-transform: uppercase;
        font-family: open_sanssemibold
    }

.questionnaire .overview .overviewProgressInfo,
.questionnaire .question__form .required,
.questionnaire .question__input-textarea,
.questionnaire .suppliers .table td,
.questionnaire .surveyTable th,
.tabslide__txt {
    font-family: 'Monsterrat', Arial;
    font-style: normal;
}

#cookie-bar a {
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 6px;
    margin-left: 8px
}

#cookie-bar .cb-enable {
    background: #00A5C6
}

    #cookie-bar .cb-enable:hover {
        background: #00bae0
    }

#cookie-bar .cb-disable {
    background: #900
}

    #cookie-bar .cb-disable:hover {
        background: #b00
    }

#cookie-bar .cb-policy {
    background: #03b
}

    #cookie-bar .cb-policy:hover {
        background: #05d
    }

.tabslide {
    position: fixed;
    right: -175px;
    top: 124px;
    z-index: 1;
    display: none;
    display: block
}

.tabslide__handle {
    position: relative;
    display: table-cell;
    vertical-align: bottom
}

.tabslide__txt {
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    position: absolute;
    left: -76px;
    top: 46px;
    background: #00cd50;
    ;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    width: 122px;
    cursor: pointer;
    -webkit-transform-origin: 50% 53%
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tabslide__txt {
        left: -75px;
        top: 45px
    }
}

.tabslide__content {
    display: table-cell
}

.tabslide__list {
    padding-left: 1px
}

.tabslide__item,
.tabslide__item--callback,
.tabslide__item--free-quote,
.tabslide__item--live-chat {
    transition: all, .5s;
    padding: 8px 6px
}

    .tabslide__item--callback:nth-child(even),
    .tabslide__item--free-quote:nth-child(even),
    .tabslide__item--live-chat:nth-child(even),
    .tabslide__item:nth-child(even) {
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        border-color: #d9d9d9
    }

.tabslide__item--callback {
    background: #004664;
}

    .tabslide__item--callback:hover {
        background: #01448e
    }

.tabslide__item--free-quote {
    background: #1084C6
}

    .tabslide__item--free-quote:hover {
        background: #0e77b3
    }

.tabslide__item--live-chat {
    background: #00A5C6
}

    .tabslide__item--live-chat:hover {
        background: #0094b2
    }

.tabslide__link {
    position: relative;
    padding-left: 30px;
    color: #fff
}

    .tabslide__link i {
        position: absolute;
        left: 0
    }

    .tabslide__link:hover {
        text-decoration: none;
        color: #fff
    }

.questionnaire .k-window {
    border-radius: 0
}

    .questionnaire .k-window .k-window-titlebar {
        border-radius: 0;
        background: #1084C6;
        color: #fff
    }

        .questionnaire .k-window .k-window-titlebar .k-window-title {
            top: 7px;
            left: 8px;
            font-size: 16px
        }

    .questionnaire .k-window .questionnaire__textarea {
        width: 500px;
        height: 150px
    }

    .content .questionnaire .k-window .paragraph,
    .content .questionnaire .k-window .sfnewsAuthorAndDate,
    .content .questionnaire .k-window .sfnewsSummary,
    .questionnaire .k-window .content .paragraph,
    .questionnaire .k-window .content .sfnewsAuthorAndDate,
    .questionnaire .k-window .content .sfnewsSummary,
    .questionnaire .k-window .sf_pagerNumeric a,
    .questionnaire .k-window dl dd,
    .questionnaire .k-window p,
    .sf_pagerNumeric .questionnaire .k-window a,
    dl .questionnaire .k-window dd {
        margin: 0
    }

    .questionnaire .k-window .k-window-actions {
        right: 9px;
        padding-top: 3px
    }

    .questionnaire .k-window .k-link {
        border-radius: 0;
        border: 0;
        padding: 0
    }

.questionnaire .question {
    border: 1px solid #d9d9d9;
    padding: 8px;
    background: #fff;
    position: relative;
    margin-bottom: 12px
}

    .questionnaire .question:after,
    .questionnaire .question:before {
        content: " ";
        display: table
    }

.questionnaire .question__text {
    width: 500px;
    margin-bottom: 0;
    padding-right: 16px;
    display: table-cell;
    vertical-align: middle
}

.questionnaire .question__form {
    display: table;
    width: 100%;
    position: relative
}

    .questionnaire .question__form ul {
        margin: 8px
    }

        .questionnaire .question__form ul li {
            margin-bottom: 0
        }

    .questionnaire .question__form i {
        color: #00A5C6;
        font-size: 32px;
        display: table-cell;
        vertical-align: middle
    }

        .questionnaire .question__form i.error {
            color: #E52A2A
        }

        .questionnaire .question__form i.warning {
            color: #EEB320
        }

    .questionnaire .question__form .required {
        position: absolute;
        right: 40px;
        top: 7px;
        font-size: 12px;
        color: #E52A2A
    }

.questionnaire .question__notes {
    display: table-cell;
    position: relative
}

    .questionnaire .question__notes i {
        font-size: 24px;
        cursor: pointer;
        display: table-cell;
        vertical-align: middle;
        padding-top: 10px
    }

.questionnaire .question__help {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 40px
}

    .questionnaire .question__help i {
        font-size: 16px;
        float: left;
        cursor: pointer
    }

.questionnaire .question__upload-text {
    width: 500px;
    display: table-cell;
    vertical-align: middle
}

.questionnaire .question__upload-file {
    width: 350px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 16px
}

    .questionnaire .question__upload-file ul.k-upload-files {
        margin: 16px;
        border: 0;
        padding-left: 0
    }

        .questionnaire .question__upload-file ul.k-upload-files li.k-file {
            padding: 0;
            list-style: none
        }

            .questionnaire .question__upload-file ul.k-upload-files li.k-file span.k-filename {
                font-size: 14px;
                margin: 0;
                padding-left: 14px
            }

            .questionnaire .question__upload-file ul.k-upload-files li.k-file span.k-progress {
                background-color: #00A5C6
            }

            .questionnaire .question__upload-file ul.k-upload-files li.k-file span.k-icon {
                display: none
            }

            .questionnaire .question__upload-file ul.k-upload-files li.k-file span.k-upload-status {
                top: 6px
            }

            .questionnaire .question__upload-file ul.k-upload-files li.k-file strong span.k-icon {
                display: block
            }

    .questionnaire .question__upload-file .k-upload-status {
        color: #00A5C6
    }

    .questionnaire .question__upload-file .k-upload {
        border: 1px solid #C5C5C5;
        border-radius: 0;
        margin-bottom: 24px;
        background: #fff
    }

    .questionnaire .question__upload-file .k-upload-button {
        background: #00A5C6;
        border-radius: 0;
        color: #fff;
        border: 0;
        font-size: 14px;
        padding: 8px 16px
    }

.questionnaire .question__input-field {
    display: table-cell;
    vertical-align: middle
}

    .questionnaire .question__input-field .table {
        overflow-x: visible;
        width: 385px;
        margin: 0
    }

        .questionnaire .question__input-field .table i {
            font-size: 24px;
            cursor: pointer
        }

        .questionnaire .question__input-field .table button {
            width: 100%;
            text-align: center;
            margin: 0
        }

.questionnaire .question__input-text,
.questionnaire .question__input-text--half {
    border: 1px solid #C5C5C5;
    padding: 3px;
    width: 160px;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
}

.questionnaire .question__input-text--half {
    width: 55px;
    text-align: center
}

.questionnaire .question__input-textarea {
    border: 1px solid #C5C5C5;
    height: 65px;
    padding: 3px;
    resize: none;
    width: 300px;
    display: block
}

.questionnaire .question .question__yn {
    display: table-cell;
    vertical-align: middle
}

    .questionnaire .question .question__yn input {
        display: none
    }

    .questionnaire .question .question__yn > label {
        display: inline-block;
        position: relative;
        margin-right: 16px;
        padding-left: 24px;
        cursor: pointer
    }

        .questionnaire .question .question__yn > label:before {
            border: 1px solid #C5C5C5;
            color: #00A5C6;
            content: "";
            display: block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 50%;
            margin-top: -8px;
            border-radius: 8px
        }

        .questionnaire .question .question__yn > label:after {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            top: 50%;
            left: 8px;
            margin-top: 0;
            background: #1084C6;
            border-radius: 4px;
            transition: .2s ease-in-out
        }

    .questionnaire .question .question__yn:checked + label:after {
        height: 8px;
        width: 8px;
        margin-top: -4px;
        left: 4px
    }

.questionnaire .question .checkbox {
    float: left;
    width: 195px;
    opacity: 1
}

    .questionnaire .question .checkbox label {
        display: block;
        position: relative;
        width: 135px;
        cursor: pointer;
        font-size: 14px
    }

        .questionnaire .question .checkbox label:after {
            -ms-transform: scaleX(-1) rotate(135deg);
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            border-right: 3px solid #cee;
            border-top: 3px solid #cee;
            content: '';
            display: block;
            height: 20px;
            left: 160px;
            position: absolute;
            top: 0;
            width: 10px
        }

        .questionnaire .question .checkbox label:hover:after {
            border-color: #bdd
        }

    .questionnaire .question .checkbox input {
        display: none
    }

        .questionnaire .question .checkbox input:checked + input + label:after {
            -webkit-animation: check .8s;
            animation: check .8s;
            border-color: #00A5C6
        }

.lt-ie9 .questionnaire .question .question__yn input {
    display: inline-block
}

.lt-ie9 .questionnaire .question .checkbox input,
.questionnaire .suppliers {
    display: block
}

.lt-ie9 .questionnaire .question .question__yn label {
    padding: 0;
    margin: 0
}

    .lt-ie9 .questionnaire .question .question__yn label:before {
        border: 0
    }

.lt-ie9 .questionnaire .question .checkbox label:after {
    border: none;
    width: auto;
    height: auto;
    position: relative
}

.questionnaire .overview {
    width: 33.33%;
    padding: 10px;
    float: left;
    margin-bottom: 32px
}

.questionnaire .overview__description {
    border: 1px solid #C5C5C5;
    transition: all .5s;
    background: #fff;
    padding: 12px 20px
}

.questionnaire .overview .overviewComplete.complete,
.questionnaire .overview .overviewRemaining.started {
    border-radius: 5px
}

.questionnaire .overview__title {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
    text-align: center;
    margin-bottom: 8px;
    height: 50px;
    color: #00A5C6;
    font-size: 14px
}

.questionnaire .overview__copy {
    text-align: center;
    font-size: 12px;
    height: 45px
}

.questionnaire .overview__status {
    height: 7px;
    margin-top: 10px;
    padding: 0 1px
}

.questionnaire .overview__link {
    text-decoration: none;
    cursor: pointer;
    color: #4a4a4a
}

    .questionnaire .overview__link:hover {
        text-decoration: none
    }

        .questionnaire .overview__link:hover .overview__description {
            background: #f0f0f0
        }

.questionnaire .overview .overviewComplete {
    background: #00A5C6;
    float: left;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.questionnaire .overview .overviewRemaining {
    background: #BCBCBC;
    float: left;
    height: 100%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.questionnaire .overview .overviewProgressInfo {
    position: relative;
    font-size: 12px;
    text-align: center
}

    .questionnaire .overview .overviewProgressInfo i {
        font-size: 16px;
        position: absolute;
        left: 0;
        top: 9px;
        color: #00A5C6
    }

    .questionnaire .overview .overviewProgressInfo.complete {
        color: #00A5C6
    }

.questionnaire .survey {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-color: #00A5C6;
    padding: 24px 0
}

.questionnaire .surveyTable th {
    color: #004664;
}

.questionnaire .surveyTable td,
.questionnaire .surveyTable th {
    font-size: 14px
}

.questionnaire .surveyTable td {
    padding: 4px 0
}

.questionnaire .suppliers__file-upload {
    width: 460px
}

.content #uploadFile .questionnaire .suppliers input.ruButton,
.questionnaire .suppliers .btn,
.questionnaire .suppliers .btn--alt,
.questionnaire .suppliers .btn--danger,
.questionnaire .suppliers .btn--sub,
.questionnaire .suppliers .content #uploadFile input.ruButton,
.questionnaire .suppliers .next-prev__next,
.questionnaire .suppliers .next-prev__prev {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    text-decoration: none
}

    .content #uploadFile .questionnaire .suppliers input.ruButton i,
    .questionnaire .suppliers .btn i,
    .questionnaire .suppliers .btn--alt i,
    .questionnaire .suppliers .btn--danger i,
    .questionnaire .suppliers .btn--sub i,
    .questionnaire .suppliers .content #uploadFile input.ruButton i,
    .questionnaire .suppliers .next-prev__next i,
    .questionnaire .suppliers .next-prev__prev i {
        font-size: 18px;
        padding-left: 6px;
        padding-top: 1px
    }

.questionnaire .suppliers .table {
    border: 1px solid #d9d9d9;
    overflow-x: hidden;
    background: #fff
}

    .content #uploadFile .questionnaire .suppliers .table input.ruButton,
    .questionnaire .suppliers .table .btn,
    .questionnaire .suppliers .table .btn--alt,
    .questionnaire .suppliers .table .btn--danger,
    .questionnaire .suppliers .table .btn--sub,
    .questionnaire .suppliers .table .content #uploadFile input.ruButton,
    .questionnaire .suppliers .table .next-prev__next,
    .questionnaire .suppliers .table .next-prev__prev {
        margin-bottom: 0;
        display: block;
        width: 85px;
        padding: 6px 10px
    }

        .content #uploadFile .questionnaire .suppliers .table input.ruButton i,
        .questionnaire .suppliers .table .btn i,
        .questionnaire .suppliers .table .btn--alt i,
        .questionnaire .suppliers .table .btn--danger i,
        .questionnaire .suppliers .table .btn--sub i,
        .questionnaire .suppliers .table .content #uploadFile input.ruButton i,
        .questionnaire .suppliers .table .next-prev__next i,
        .questionnaire .suppliers .table .next-prev__prev i {
            font-size: 16px
        }

.content .questionnaire .suppliers .paragraph span,
.content .questionnaire .suppliers .sfnewsAuthorAndDate span,
.content .questionnaire .suppliers .sfnewsSummary span,
.questionnaire .suppliers .content .paragraph span,
.questionnaire .suppliers .content .sfnewsAuthorAndDate span,
.questionnaire .suppliers .content .sfnewsSummary span,
.questionnaire .suppliers .sf_pagerNumeric a span,
.questionnaire .suppliers dl dd span,
.questionnaire .suppliers p span,
.sf_pagerNumeric .questionnaire .suppliers a span,
dl .questionnaire .suppliers dd span {
    color: #00cd50;
}

.questionnaire .suppliers ul.k-upload-files {
    margin: 16px;
    border: 0;
    padding-left: 0
}

    .questionnaire .suppliers ul.k-upload-files li.k-file {
        padding: 0;
        list-style: none
    }

        .questionnaire .suppliers ul.k-upload-files li.k-file span.k-filename {
            font-size: 14px;
            margin: 0;
            padding-left: 14px
        }

        .questionnaire .suppliers ul.k-upload-files li.k-file span.k-progress {
            background-color: #00A5C6
        }

        .questionnaire .suppliers ul.k-upload-files li.k-file span.k-icon {
            display: none
        }

        .questionnaire .suppliers ul.k-upload-files li.k-file span.k-upload-status {
            top: 6px
        }

        .questionnaire .suppliers ul.k-upload-files li.k-file strong span.k-icon {
            display: block
        }

.questionnaire .suppliers .k-dropzone .k-upload-status {
    color: #00A5C6
}

.questionnaire .suppliers .k-upload {
    border: 1px solid #C5C5C5;
    border-radius: 0;
    margin-bottom: 24px;
    background: #fff
}

.questionnaire .suppliers .k-upload-button {
    background: #00A5C6;
    border-radius: 0;
    color: #fff;
    border: 0;
    font-size: 14px;
    padding: 8px 16px
}

.questionnaire .popup {
    border: 1px solid #d9d9d9;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -250px;
    width: 500px;
    max-height: 465px;
    z-index: 97;
    display: none;
    background-color: #fff;
    text-align: left
}

    .questionnaire .popup i {
        position: absolute;
        right: 6px;
        top: 6px;
        color: #00A5C6;
        cursor: pointer
    }

.questionnaire .popup__bg {
    z-index: 1;
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: .5;
    display: none
}

.questionnaire .popup__title {
    font-size: 20px;
    color: #004664;
    ;
    padding: 0 12px;
    margin: 12px 0 0
}

.questionnaire .popup__wrap {
    word-spacing: 0;
    padding: 12px;
    max-height: 400px
}

.questionnaire .popup__text {
    margin-bottom: 0
}

.notification {
    border: 1px solid #dfdfdf;
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
    margin-bottom: 6px
}

    .notification h3 {
        border-bottom: 1px solid #d9d9d9;
        border-color: #dfdfdf;
        padding: 12px;
        margin: 0;
        color: #1084C6
    }

.notification__icon {
    position: absolute;
    right: 14px;
    top: 10px;
    color: #1084C6
}

.notification__list {
    padding: 12px
}

.notification__item {
    font-size: 14px;
    position: relative;
    padding-left: 32px;
    line-height: 30px
}

    .notification__item i {
        position: absolute;
        left: 0;
        top: 3px;
        color: #ff982b;
        font-size: 22px
    }

.notification__btn {
    position: absolute;
    right: 0;
    top: 3px;
    padding: 3px 9px;
    background: #00cd50;
    ;
    text-transform: uppercase;
    text-align: center;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    height: 23px;
    line-height: 20px
}

    .notification__btn:hover {
        background: #008172;
        color: #fff;
        text-decoration: none
    }

.lt-ie8 .notification {
    width: auto
}

.lt-ie8 .notification__btn {
    top: -5px
}

.accordion {
    border: 1px solid #dfdfdf;
    background: #fff;
    display: block;
    margin-bottom: 6px;
    position: relative
}

    .accordion:after,
    .accordion:before {
        content: " ";
        display: table
    }

.accordion__title,
.accordion__title.active {
    transition: all, .5s;
    display: block;
    padding: 12px;
    color: #1084C6
}

    .accordion__title.active:after,
    .accordion__title.active:before,
    .accordion__title:after,
    .accordion__title:before {
        content: " ";
        display: table
    }

    .accordion__title h3,
    .accordion__title.active h3 {
        transition: all, .5s
    }

    .accordion__title:hover h3,
    .accordion__title:hover i {
        color: #00A5C6
    }

.active.tabs__item .tabs__link,
.tabs h4 {
    color: #1084C6
}

.accordion__title:hover:before {
    background: url(../img/plus-icon.png) 50% 50% no-repeat
}

.accordion__title.active:before,
.accordion__title:before {
    transition: all .5s ease;
    height: 48px;
    width: 48px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/plus-icon.png) 50% 50% no-repeat
}

.active.accordion__title:before {
    background: url(../img/minus-icon.png) 50% 50% no-repeat #00cd50;
}

.accordion h3 {
    margin: 0;
    float: left;
    line-height: 24px;
    padding-left: 50px
}

.accordion i {
    float: right
}

.accordion__panel {
    padding: 12px;
    display: none;
    height: auto
}

    .accordion__panel .content .paragraph,
    .accordion__panel .content .sfnewsAuthorAndDate,
    .accordion__panel .content .sfnewsSummary,
    .accordion__panel .sf_pagerNumeric a,
    .accordion__panel dl dd,
    .accordion__panel p,
    .content .accordion__panel .paragraph,
    .content .accordion__panel .sfnewsAuthorAndDate,
    .content .accordion__panel .sfnewsSummary,
    .sf_pagerNumeric .accordion__panel a,
    dl .accordion__panel dd {
        margin: 0
    }

    .accordion__panel a {
        font-size: 12px;
        display: block;
        position: relative;
        padding: 0 0 0 24px;
        margin-bottom: 10px
    }

        .accordion__panel a i {
            float: none;
            position: absolute;
            left: 0;
            top: -2px
        }

        .accordion__panel a:hover {
            text-decoration: none
        }

.lt-ie8 .accordion__title {
    height: 30px
}

.tabs {
    display: block;
    margin-top: 24px;
    margin-bottom: 24px
}

    .tabs h4 {
        border-bottom: 1px solid #d9d9d9;
        font-size: 12px;
        font-family: open_sanssemibold;
        padding-bottom: 12px
    }

        .tabs h4 .login__label,
        .tabs h4 small {
            float: right
        }

.tabs__list {
    display: block;
    position: relative
}

.tabs__item,
.tabs__item.active {
    display: table-cell;
    background: #fff;
    position: relative;
    font-size: 14px;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
}

.active.tabs__item:after,
.active.tabs__item:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    z-index: 1
}

.active.tabs__item {
    border: 1px solid #dfdfdf;
    border-bottom: 0;
    outline: 0
}

    .active.tabs__item:before {
        height: 4px;
        background: #1084C6;
        top: 0
    }

    .active.tabs__item:after {
        border-bottom: 1px solid #d9d9d9;
        border-color: #fff;
        bottom: -1px
    }

.tabs__link {
    display: block;
    padding: 10px 16px;
    color: #AEAEAE
}

    .tabs__link:hover {
        color: #00A5C6;
        text-decoration: none
    }

.tabs__content {
    border: 1px solid #dfdfdf;
    width: 100%;
    background: #fff;
    height: auto;
    padding: 16px;
    display: none
}

    .filter,
    .tabs__content.active {
        display: block
    }

.tabs .filter {
    margin-top: 0
}

.lt-ie8 .tabs__item {
    width: 130px;
    float: left;
    text-align: center
}

.lt-ie8 .tabs__content {
    width: auto
}

.lt-ie8 .tabs__list {
    width: 100%
}

.filter {
    margin-top: 12px;
    margin-bottom: 16px
}

    .filter:after,
    .filter:before {
        content: " ";
        display: table
    }

.filter__wrap {
    float: right;
    margin-left: 24px;
    display: inline-block
}

.filter__label {
    font-size: 12px;
    padding-right: 12px
}

.filter__select {
    font-size: 12px;
    padding: 4px;
    min-width: 120px;
    width: auto;
    border-color: #dfdfdf;
    background: url(../img/arrow-down-type2-icon.png) 100% 100% no-repeat #fff;
    -webkit-appearance: none;
    -moz-appearance: none
}

    .filter__select::-ms-expand {
        display: none
    }

.lt-ie8 .filter {
    width: 100%;
    float: right
}

.notify,
.panel {
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 16px;
    display: block;
    margin-bottom: 24px
}

    .notify:after,
    .notify:before,
    .panel:after,
    .panel:before {
        content: " ";
        display: table
    }

    .notify:after,
    .panel:after {
        clear: both
    }

    .notify h4,
    .panel h4 {
        border-bottom: 1px solid #d9d9d9;
        font-size: 12px;
        font-family: open_sanssemibold;
        padding-bottom: 12px;
        color: #1084C6
    }

.panel__list,
.tabs__content-list {
    border-bottom: 1px solid #d9d9d9;
    display: block;
    padding: 12px 0
}

    .panel__list:after,
    .panel__list:before,
    .tabs__content-list:after,
    .tabs__content-list:before {
        content: " ";
        display: table
    }

.panel__item,
.panel__item--full,
.tabs__content-item,
.tabs__content-item--full {
    float: left;
    width: 50%;
    font-size: 12px;
    line-height: 30px;
    position: relative
}

    .panel__item i,
    .panel__item--full i,
    .tabs__content-item i,
    .tabs__content-item--full i {
        position: absolute;
        font-size: 14px;
        top: 8px;
        padding-left: 4px;
        color: #8AB535
    }

.panel__item--full,
.tabs__content-item--full {
    width: 100%
}

.panel__title,
.panel__title--long,
.tabs__content-title {
    min-width: 130px;
    display: inline-block
}

.panel__title--long {
    min-width: 200px
}

.panel__text,
.tabs__content-text {
    padding-left: 12px
}

.notify__copy,
.panel__copy {
    padding-top: 10px
}

    .notify__copy i,
    .panel__copy i {
        float: left;
        margin-top: 2px;
        margin-right: 6px;
        font-size: 15px;
        color: #ff982b
    }

.panel__wrap,
.panel__wrap--nomargin,
.tabs__content-wrap {
    display: block;
    margin-bottom: 24px
}

.content .notify .paragraph,
.content .notify .sfnewsAuthorAndDate,
.content .notify .sfnewsSummary,
.content .panel .paragraph,
.content .panel .sfnewsAuthorAndDate,
.content .panel .sfnewsSummary,
.notify .content .paragraph,
.notify .content .sfnewsAuthorAndDate,
.notify .content .sfnewsSummary,
.notify .sf_pagerNumeric a,
.notify dl dd,
.notify p,
.panel .content .paragraph,
.panel .content .sfnewsAuthorAndDate,
.panel .content .sfnewsSummary,
.panel .sf_pagerNumeric a,
.panel dl dd,
.panel p,
.panel__wrap--nomargin,
.sf_pagerNumeric .notify a,
.sf_pagerNumeric .panel a,
dl .notify dd,
dl .panel dd {
    margin: 0
}

.lt-ie8 .notify,
.lt-ie8 .panel {
    float: left;
    width: 100%
}

.lt-ie8 .panel__list,
.lt-ie8 .tabs__content-list {
    display: inline-block
}

.lt-ie8 .panel__item,
.lt-ie8 .panel__item--full,
.lt-ie8 .tabs__content-item,
.lt-ie8 .tabs__content-item--full {
    width: 45%
}

.tools {
    display: block
}

    .tools:after,
    .tools:before {
        content: " ";
        display: table
    }

.tools__block i {
    font-size: 80px
}

.content .tools__block .paragraph,
.content .tools__block .sfnewsAuthorAndDate,
.content .tools__block .sfnewsSummary,
.sf_pagerNumeric .tools__block a,
.tools__block .content .paragraph,
.tools__block .content .sfnewsAuthorAndDate,
.tools__block .content .sfnewsSummary,
.tools__block .sf_pagerNumeric a,
.tools__block dl dd,
.tools__block p,
dl .tools__block dd {
    font-size: 10px;
    padding: 15px 15px 10px
}

.tools__content {
    width: 33.33333%;
    text-align: center;
    display: table-cell
}

    .content .tools__content .paragraph,
    .content .tools__content .sfnewsAuthorAndDate,
    .content .tools__content .sfnewsSummary,
    .sf_pagerNumeric .tools__content a,
    .tools__content .content .paragraph,
    .tools__content .content .sfnewsAuthorAndDate,
    .tools__content .content .sfnewsSummary,
    .tools__content .sf_pagerNumeric a,
    .tools__content dl dd,
    .tools__content h3,
    .tools__content i,
    .tools__content p,
    dl .tools__content dd {
        color: #fff
    }

.tools__wrap {
    border-top: 1px solid #d9d9d9;
    border-color: #098ea9;
    display: block;
    padding-top: 12px
}

.tools__link {
    display: inline-table;
    height: 100%;
    width: 100%;
    padding: 12px
}

.tools__outer {
    border: 1px solid #d9d9d9;
    transition: all, .5s;
    display: inherit;
    background: #00A5C6;
    height: 100%;
    width: 100%
}

    .tools__outer:hover {
        background: #00cd50;
    }

.lt-ie8 .tools__content {
    float: left;
    width: 30%
}

.js-chart,
.js-chart--100 {
    border: 1px solid #dfdfdf;
    display: block;
    width: 50%;
    height: 300px;
    float: left
}

.js-chart--100 {
    width: 100%
}

    .js-chart .canvasjs-chart-credit,
    .js-chart--100 .canvasjs-chart-credit {
        display: none
    }

.radio:after,
.radio:before {
    content: " ";
    display: table
}

.radio__label,
.radio__label--disabled {
    display: inline-block;
    position: relative;
    margin-right: 16px;
    cursor: pointer;
    padding-left: 0
}

    .radio__label--disabled:before,
    .radio__label:before {
        border: 1px solid #C5C5C5;
        color: #00A5C6;
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 50%;
        margin-top: -8px;
        border-radius: 8px;
        display: none
    }

    .radio__label--disabled:after,
    .radio__label:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        top: 50%;
        left: 8px;
        margin-top: 0;
        background: #1084C6;
        border-radius: 4px;
        transition: .2s ease-in-out;
        display: none
    }

    .radio__label--disabled:after {
        background: #C5C5C5
    }

.radio__btn {
    display: none;
    display: inline-block;
    outline: 0
}

    .radio__btn:checked + .radio__label--disabled:after,
    .radio__btn:checked + .radio__label:after {
        height: 8px;
        width: 8px;
        margin-top: -4px;
        left: 4px
    }

.checkbox {
    position: relative;
    margin: 0 7px 0 0;
    cursor: pointer;
    opacity: 0
}

    .checkbox:checked + .checkbox__label--disabled:before,
    .checkbox:checked + .checkbox__label:before {
        -webkit-transform: rotate(-45deg) scale(1, 1);
        -ms-transform: rotate(-45deg) scale(1, 1);
        transform: rotate(-45deg) scale(1, 1)
    }

    .checkbox:focus {
        outline: 0
    }

.checkbox__label,
.checkbox__label--disabled {
    margin-right: 16px;
    position: relative;
    cursor: pointer
}

    .checkbox__label--disabled:before,
    .checkbox__label:before {
        transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
        transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
        -webkit-transform: rotate(-45deg) scale(0, 0);
        -ms-transform: rotate(-45deg) scale(0, 0);
        transform: rotate(-45deg) scale(0, 0);
        content: "";
        position: absolute;
        left: -22px;
        top: 7px;
        z-index: 1;
        width: 12px;
        height: 6px;
        border: 2px solid #1084C6;
        border-top-style: none;
        border-right-style: none;
        display: none
    }

    .checkbox__label--disabled:after,
    .checkbox__label:after {
        content: "";
        position: absolute;
        top: 3px;
        left: -24px;
        width: 1rem;
        height: 1rem;
        background: #fff;
        border: 1px solid #c5c5c5;
        cursor: pointer
    }

    .checkbox__label--disabled:before {
        border-color: #c5c5c5
    }

.progress {
    padding: 10px;
    position: relative;
    text-align: center;
    width: 110px;
    height: 110px;
    display: inline-block;
    margin: 0 10px
}

.progress__percent {
    line-height: 90px;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    color: #00cd50;
}

.progress canvas {
    position: absolute;
    left: 0;
    top: 0
}

.lt-ie8 .progress {
    float: left
}

.lt-ie8 .progress__percent {
    line-height: 85px;
    margin-left: -10px
}

.breadcrumb {
    overflow: hidden;
    display: inline-block
}

    .breadcrumb:after,
    .breadcrumb:before {
        content: " ";
        display: table
    }

.breadcrumb__link,
.breadcrumb__link--active {
    text-decoration: none;
    outline: 0;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    color: #fff;
    background: #00A5C6;
    position: relative;
    padding: 0 20px
}

.navigation__close,
.sidebar__closebtn {
    line-height: 1.8;
    font-family: open_sansbold;
    cursor: pointer
}

.breadcrumb__link--active:hover,
.breadcrumb__link:hover {
    text-decoration: none;
    color: #fff;
    background: #0090ad
}

    .breadcrumb__link--active:hover:after,
    .breadcrumb__link:hover:after {
        background: #0090ad
    }

.breadcrumb__link--active:first-child,
.breadcrumb__link:first-child {
    padding-left: 20px
}

    .breadcrumb__link--active:first-child:before,
    .breadcrumb__link:first-child:before {
        left: 14px
    }

.breadcrumb__link--active:last-child,
.breadcrumb__link:last-child {
    padding-right: 20px
}

.next-prev__next,
.next-prev__prev {
    padding: 6px 12px;
    text-transform: capitalize
}

.breadcrumb__link--active:after,
.breadcrumb__link:after {
    transition: background, .5s;
    content: '';
    position: absolute;
    top: 0;
    right: -18px;
    width: 36px;
    height: 36px;
    -webkit-transform: scale(.707) rotate(45deg);
    -ms-transform: scale(.707) rotate(45deg);
    transform: scale(.707) rotate(45deg);
    z-index: 1;
    background: #00A5C6;
    box-shadow: 2px -2px 0 2px #007b93, 3px -3px 0 2px rgba(255, 255, 255, .1);
    border-radius: 0 0 0 50px;
    display: none
}

.lt-ie8 .next-prev__next,
.lt-ie8 .next-prev__prev {
    position: relative;
    width: 75px;
    height: 30px
}

.breadcrumb__link--active,
.breadcrumb__link--active:after,
.breadcrumb__link--active:hover:after {
    background: #1084C6
}

    .breadcrumb__link--active:last-child:after,
    .breadcrumb__link:last-child:after {
        content: none
    }

    .breadcrumb__link--active:hover {
        color: #fff;
        background: #1084C6
    }

.navigation,
.navigation__list,
html.is-open,
nav.is-open {
    background: #00A5C6
}

.next-prev {
    display: block;
    margin-top: 16px
}

    .next-prev:after,
    .next-prev:before {
        content: " ";
        display: table
    }

.next-prev__prev,
.next-prev__prev i {
    float: left
}

.next-prev__next {
    float: right
}

.lt-ie8 .next-prev__prev {
    text-align: right
}

    .lt-ie8 .next-prev__prev i {
        position: absolute;
        left: 10px;
        top: 10px
    }

.lt-ie8 .next-prev__next i {
    position: absolute;
    right: 10px;
    top: 10px
}

.notify {
    position: relative;
    display: none
}

.notify__close {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #00A5C6;
    cursor: pointer;
    font-size: 18px
}

.navigation,
nav {
    position: relative;
    width: 100%
}

html {
    height: 100%
}

nav {
    display: block;
    top: 0;
    z-index: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    height: 78px
}

    nav:after,
    nav:before {
        content: " ";
        display: table
    }

    nav.is-open {
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -ms-transform: translate(0);
        -webkit-transform: translate(0);
        transform: translate(0)
    }

.navigation {
    display: block;
    max-width: 1200px;
    margin: 0 auto
}

.navigation__close {
    font-size: 13px;
    margin-bottom: 0;
    color: #fff;
    padding-left: 12px;
    margin-top: 12px
}

    .navigation__close i {
        font-size: 22px;
        float: left
    }

    .navigation__close div {
        display: inline-block;
        margin-bottom: 12px
    }

.navigation__item i,
.navigation__item--mobile i {
    position: absolute;
    top: 12px;
    right: 8px;
    color: #fff
}

.navigation__sub-link {
    font-size: 13px
}

.navigation:after,
.navigation:before {
    content: " ";
    display: table
}

.navigation > .navigation__item--mobile:hover .navigation__list,
.navigation > .navigation__item:hover .navigation__list {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.mask,
.navigation__list {
    opacity: 0;
    filter: alpha(opacity=0);
    left: 0
}

.navigation__close {
    display: none
}

.navigation__list {
    transition: all, .2s;
    position: absolute;
    visibility: hidden;
    width: 100%
}

.navigation__item,
.navigation__item--mobile {
    border-bottom: 1px solid #d9d9d9;
    border-color: #0593B0;
    float: left;
    width: 14.28571%;
    text-align: center;
    position: relative
}

    .navigation__item--mobile:after,
    .navigation__item:after {
        transition: all .5s;
        content: " ";
        width: 1px;
        background: #32B6D1;
        display: block;
        height: 65%;
        position: absolute;
        right: 0;
        top: 18%
    }

    .navigation__item i,
    .navigation__item--mobile,
    .navigation__item--mobile i,
    .navigation__item--mobile:last-child:after,
    .navigation__item:last-child:after {
        display: none
    }

        .navigation__item--mobile:hover:after,
        .navigation__item:hover:after {
            background: #009BBA
        }

.navigation__sub-item {
    position: relative
}

    .navigation__sub-item:first-child:after {
        content: "";
        display: none
    }

    .navigation__sub-item:after {
        transition: all .5s;
        content: " ";
        width: 65%;
        background: #32B6D1;
        display: block;
        height: 1px;
        position: absolute;
        right: 15%;
        top: 0
    }

.navigation__link:hover,
.navigation__sub-link:hover {
    color: #fff;
    text-decoration: none;
    background: #009BBA
}

.navigation__list {
    top: 76px
}

.navigation__item,
.navigation__item--mobile {
    font-size: 16px;
    background: #00A5C6
}

.navigation__link,
.navigation__sub-link {
    color: #fff;
    padding: 16px 24px;
    display: block
}

    .navigation__link span,
    .navigation__sub-link span {
        display: block;
        font-size: 13px
    }

.mask {
    z-index: -1;
    transition: opacity .2s ease;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    position: fixed
}

.sidebar ul li span.k-icon i,
.sidebar__btn--alt {
    transition: all, .5s
}

.mask.is-active {
    z-index: 0
}

.sidebar {
    display: block;
    width: 33.33333%;
    float: left;
    border: none;
    background: 0 0
}

    .sidebar:after,
    .sidebar:before,
    .sidebar__btn--alt:after,
    .sidebar__btn--alt:before,
    .sidebar__btn:after,
    .sidebar__btn:before {
        content: " ";
        display: table
    }

    .sidebar ul:focus {
        outline: 0
    }

    .sidebar ul li {
        border-bottom: 1px solid #d9d9d9;
        padding: 12px 12px 12px 24px;
        position: relative
    }

        .sidebar ul li:last-child {
            border: 0
        }

        .sidebar ul li span.k-icon {
            position: absolute;
            left: 0;
            top: 12px;
            height: 24px;
            width: 24px;
            cursor: pointer
        }

            .sidebar ul li span.k-icon.k-minus i {
                -ms-transform: rotate(90deg);
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg)
            }

        .sidebar ul li ul {
            border: 0;
            padding: 0;
            margin-bottom: 0
        }

            .sidebar ul li ul li {
                border: 0;
                padding-bottom: 0;
                padding-left: 24px
            }

                .sidebar ul li ul li li {
                    padding-left: 12px
                }

.sidebar__btn,
.sidebar__btn--alt {
    padding: 24px 12px;
    width: 50px;
    margin-left: 10px
}

    .selected.sidebar__btn--alt div,
    .selected.sidebar__btn--alt div:after,
    .selected.sidebar__btn--alt div:before,
    .sidebar__btn.selected div,
    .sidebar__btn.selected div:after,
    .sidebar__btn.selected div:before {
        background: #00A5C6
    }

.sidebar__btn--alt {
    width: 40px;
    height: 40px;
    padding: 0
}

    .sidebar__btn--alt i {
        position: absolute;
        top: 8px;
        left: 8px;
        color: #fff
    }

    .sidebar__btn div,
    .sidebar__btn div:after,
    .sidebar__btn div:before,
    .sidebar__btn--alt div,
    .sidebar__btn--alt div:after,
    .sidebar__btn--alt div:before {
        transition: all, .5s;
        display: block;
        width: 100%;
        height: 2px;
        background: #00cd50;
        ;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .sidebar__btn div,
    .sidebar__btn--alt div {
        position: relative
    }

        .sidebar__btn div:after,
        .sidebar__btn div:before,
        .sidebar__btn--alt div:after,
        .sidebar__btn--alt div:before {
            position: absolute;
            content: ""
        }

        .sidebar__btn div:before,
        .sidebar__btn--alt div:before {
            top: -8.8px
        }

        .sidebar__btn div:after,
        .sidebar__btn--alt div:after {
            top: 8.8px
        }

.sidebar__nav {
    -ms-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
    display: block
}

    .sidebar__nav:after,
    .sidebar__nav:before {
        content: " ";
        display: table
    }

    .sidebar__nav h3 {
        padding-left: 24px
    }

.sidebar__closebtn {
    font-size: 13px;
    color: #fff;
    padding-left: 20px;
    padding-top: 6px;
    margin-bottom: 12px
}

    .sidebar__closebtn div {
        display: inline-block
    }

    .sidebar__closebtn i {
        font-size: 22px;
        float: left
    }

    .sidebar__closebtn:hover {
        color: #fff;
        text-decoration: none
    }

.sidebar__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.sidebar__content {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 !important
}

    .sidebar__content:focus {
        outline: 0
    }

.sidebar__nav {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    background: 0 0;
    height: auto;
    z-index: 4;
    top: auto
}

    .sidebar__nav.is-active {
        -ms-transform: translateX(280px);
        -webkit-transform: translateX(280px);
        transform: translateX(280px);
        border-top: 1px solid #d9d9d9;
        border-right: 1px solid #d9d9d9;
        border-color: #E1E1E1;
        background: #fff;
        overflow: hidden
    }

    .sidebar__nav h3 {
        color: #00A5C6;
        padding-top: 12px;
        padding-bottom: 12px;
        margin: 0
    }

.sidebar ul {
    border: 1px solid #E1E1E1;
    padding: 16px;
    margin: 0;
    overflow: hidden
}

    .sidebar ul li {
        font-size: 16px;
        border-color: #dedede
    }

        .sidebar ul li a {
            text-decoration: none;
            color: #00cd50;
        }

            .sidebar ul li a:hover {
                color: #004664;
            }

        .sidebar ul li span.k-icon i {
            color: #00cd50;
        }

        .sidebar ul li ul {
            overflow: hidden
        }

            .sidebar ul li ul li a {
                color: #00A5C6
            }

            .sidebar ul li ul li li a {
                color: #004664;
            }

                .sidebar ul li ul li li a:hover,
                .sidebar ul li ul li span.k-icon i {
                    color: #00A5C6
                }

.sidebar__btn,
.sidebar__btn--alt {
    position: fixed;
    display: none
}

.banner,
.banner__element,
.banner__item,
.banner__stage,
.sidebar__content,
.sidebar__nav {
    position: relative
}

.selected.sidebar__btn--alt div:before,
.sidebar__btn.selected div:before {
    -webkit-transform: translate(0, 8.8px) rotate(-90deg);
    -ms-transform: translate(0, 8.8px) rotate(-90deg);
    transform: translate(0, 8.8px) rotate(-90deg)
}

.selected.sidebar__btn--alt div:after,
.sidebar__btn.selected div:after {
    -webkit-transform: translate(0, -8.8px) rotate(-90deg);
    -ms-transform: translate(0, -8.8px) rotate(-90deg);
    transform: translate(0, -8.8px) rotate(-90deg)
}

.selected.sidebar__btn--alt div,
.sidebar__btn.selected div {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sidebar__btn--alt {
    background: #1084C6
}

    .sidebar__btn--alt i {
        transition: all, .5s
    }

    .sidebar__btn--alt.selected i {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.sidebar__closebtn {
    display: none
}

.banner__controls,
.banner__img {
    display: block
}

.sidebar__blog {
    color: #4a4a4a
}

    .content .sidebar__blog .paragraph,
    .content .sidebar__blog .sfnewsAuthorAndDate,
    .content .sidebar__blog .sfnewsSummary,
    .sf_pagerNumeric .sidebar__blog a,
    .sidebar__blog .content .paragraph,
    .sidebar__blog .content .sfnewsAuthorAndDate,
    .sidebar__blog .content .sfnewsSummary,
    .sidebar__blog .sf_pagerNumeric a,
    .sidebar__blog dl dd,
    .sidebar__blog p,
    dl .sidebar__blog dd {
        padding-left: 24px
    }

.sidebar .sfFeedBigIcn {
    margin-left: 24px;
    color: #4a4a4a
}

.sidebar__nav {
    -ms-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0);
    left: 0;
    width: 100%;
    margin-top: 0;
    box-shadow: none
}

.sidebar__content {
    overflow: hidden
}

.sidebar ul {
    background: #F3F3F3
}

.banner {
    width: 100%;
    z-index: 1;
    overflow: hidden
}

.banner__stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.banner__stage {
    -ms-touch-action: pan-Y
}

    .banner__stage:after {
        content: ".";
        display: block;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

.banner__item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.banner__element {
    min-height: 1px;
    float: left;
    -moz-user-select: none
}

.banner__img {
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.banner__nav {
    width: 100%
}

.banner__pagination,
.banner__pagination--next,
.banner__pagination--prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -50px
}

    .banner__pagination i,
    .banner__pagination--next i,
    .banner__pagination--prev i {
        transition: all, .25s;
        opacity: .6;
        filter: alpha(opacity=60);
        font-size: 70px;
        color: #fff;
        cursor: pointer
    }

        .banner__pagination i:hover,
        .banner__pagination--next i:hover,
        .banner__pagination--prev i:hover {
            opacity: .9;
            filter: alpha(opacity=90)
        }

.banner__pager {
    position: absolute;
    bottom: 45px;
    width: 100%;
    text-align: center
}

.banner__pager__item {
    transition: all, .25s;
    opacity: .4;
    filter: alpha(opacity=40);
    display: inline-block;
    height: 15px;
    width: 15px;
    background: #fff;
    margin: 0 3px;
    border-radius: 100%;
    cursor: pointer
}

    .banner__pager__item.active {
        opacity: .9;
        filter: alpha(opacity=90);
        background: #fff
    }

    .banner__pager__item:hover {
        background: #00cd50;
    }

.banner__nav,
.banner__pager {
    display: block
}

.banner__pagination--prev {
    left: 0
}

.banner__pagination--next {
    right: 0
}

.lt-ie8 .banner__pager__item {
    display: inline
}

.cd-horizontal-timeline {
    opacity: 0;
    transition: opacity .2s
}

    .cd-horizontal-timeline ol li {
        list-style: none
    }

    .cd-horizontal-timeline::before {
        content: 'mobile';
        display: none
    }

    .cd-horizontal-timeline.loaded {
        opacity: 1
    }

    .cd-horizontal-timeline .timeline {
        position: relative;
        height: 100px;
        width: 90%;
        max-width: 800px;
        margin: 0 auto
    }

    .cd-horizontal-timeline .events-wrapper {
        position: relative;
        height: 100%;
        margin: 0 45px;
        overflow: hidden
    }

    .cd-horizontal-timeline .events {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 49px;
        height: 2px;
        background: #dfdfdf;
        transition: -webkit-transform .4s;
        transition: transform .4s
    }

    .cd-horizontal-timeline .filling-line {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #00cd50;
        ;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        transition: -webkit-transform .3s;
        transition: transform .3s
    }

    .cd-horizontal-timeline .events a {
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-align: center;
        font-size: 1rem;
        padding-bottom: 15px;
        color: #1084C6;
        text-decoration: none;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0)
    }

        .cd-horizontal-timeline .events a:hover {
            color: #00cd50;
        }

        .cd-horizontal-timeline .events a::after {
            content: '';
            position: absolute;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -5px;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            border: 2px solid #dfdfdf;
            background-color: #f8f8f8;
            transition: background-color .3s, border-color .3s
        }

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #00cd50;
    ;
    border-color: #006257
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none
}

    .cd-horizontal-timeline .events a.selected::after {
        background-color: #00cd50;
        ;
        border-color: #007c6d
    }

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #007c6d
}

@media only screen and (min-width:1100px) {
    .cd-horizontal-timeline::before {
        content: 'desktop'
    }
}

.cd-timeline-navigation {
    margin: 0 !important
}

    .cd-timeline-navigation span {
        list-style: none !important;
        position: initial !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .cd-timeline-navigation a {
        position: absolute;
        z-index: 1;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 34px;
        width: 34px;
        border-radius: 50%;
        border: 2px solid #dfdfdf;
        transition: border-color .3s
    }

        .cd-timeline-navigation a::after {
            content: '';
            position: absolute;
            height: 16px;
            width: 16px;
            left: 50%;
            top: 50%;
            bottom: auto;
            right: auto;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%)
        }

        .cd-timeline-navigation a.prev {
            left: 0
        }

        .cd-timeline-navigation a.next {
            right: 0
        }

        .cd-timeline-navigation a i {
            position: absolute;
            top: 3px
        }

        .cd-timeline-navigation a.prev i {
            left: 2px
        }

        .cd-timeline-navigation a.next i {
            right: 2px
        }

        .cd-timeline-navigation a.inactive i {
            color: #efefef
        }

.contact h1,
.contact h4 {
    color: #004664;
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed
}

    .cd-timeline-navigation a.inactive::after {
        background-position: 0 -16px
    }

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf
}

.cd-horizontal-timeline .events-content {
    border: 1px solid #32B6D1;
    padding: 0 24px;
    position: relative;
    width: 100%;
    margin: 0 0 24px;
    overflow: hidden;
    transition: height .4s
}

    .cd-horizontal-timeline .events-content:after,
    .cd-horizontal-timeline .events-content:before {
        content: " ";
        display: table
    }

    .cd-horizontal-timeline .events-content ol {
        padding: 0;
        margin: 0
    }

        .cd-horizontal-timeline .events-content ol:after,
        .cd-horizontal-timeline .events-content ol:before {
            content: " ";
            display: table
        }

        .cd-horizontal-timeline .events-content ol li {
            padding: 0;
            margin: 0;
            list-style: none
        }

            .cd-horizontal-timeline .events-content ol li:after,
            .cd-horizontal-timeline .events-content ol li:before {
                content: " ";
                display: table
            }

    .cd-horizontal-timeline .events-content li {
        position: absolute;
        z-index: 1;
        width: 100%;
        left: 0;
        top: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        padding: 0 5%;
        opacity: 0;
        -webkit-animation-duration: .4s;
        animation-duration: .4s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        text-align: center
    }

        .cd-horizontal-timeline .events-content li.selected {
            position: relative;
            z-index: 2;
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0)
        }

        .cd-horizontal-timeline .events-content li.enter-right,
        .cd-horizontal-timeline .events-content li.leave-right {
            -webkit-animation-name: cd-enter-right;
            animation-name: cd-enter-right
        }

        .cd-horizontal-timeline .events-content li.enter-left,
        .cd-horizontal-timeline .events-content li.leave-left {
            -webkit-animation-name: cd-enter-left;
            animation-name: cd-enter-left
        }

        .cd-horizontal-timeline .events-content li.leave-left,
        .cd-horizontal-timeline .events-content li.leave-right {
            -webkit-animation-direction: reverse;
            animation-direction: reverse
        }

    .cd-horizontal-timeline .events-content .content .sfnewsTitle,
    .cd-horizontal-timeline .events-content dl dt,
    .cd-horizontal-timeline .events-content h2,
    .content .cd-horizontal-timeline .events-content .sfnewsTitle,
    dl .cd-horizontal-timeline .events-content dt {
        display: block
    }

    .cd-horizontal-timeline .events-content .content .paragraph,
    .cd-horizontal-timeline .events-content .content .sfnewsAuthorAndDate,
    .cd-horizontal-timeline .events-content .content .sfnewsSummary,
    .cd-horizontal-timeline .events-content .sf_pagerNumeric a,
    .cd-horizontal-timeline .events-content dl dd,
    .cd-horizontal-timeline .events-content p,
    .content .cd-horizontal-timeline .events-content .paragraph,
    .content .cd-horizontal-timeline .events-content .sfnewsAuthorAndDate,
    .content .cd-horizontal-timeline .events-content .sfnewsSummary,
    .sf_pagerNumeric .cd-horizontal-timeline .events-content a,
    dl .cd-horizontal-timeline .events-content dd {
        display: block;
        margin-bottom: 24px
    }

.contact h4,
.timeline__years {
    margin-bottom: 12px
}

    .content .timeline__years .paragraph,
    .content .timeline__years .sfnewsAuthorAndDate,
    .content .timeline__years .sfnewsSummary,
    .sf_pagerNumeric .timeline__years a,
    .timeline__years .content .paragraph,
    .timeline__years .content .sfnewsAuthorAndDate,
    .timeline__years .content .sfnewsSummary,
    .timeline__years .sf_pagerNumeric a,
    .timeline__years dl dd,
    .timeline__years p,
    dl .timeline__years dd {
        display: inline
    }

        .content .timeline__years .paragraph a,
        .content .timeline__years .sfnewsAuthorAndDate a,
        .content .timeline__years .sfnewsSummary a,
        .sf_pagerNumeric .timeline__years a a,
        .timeline__years .content .paragraph a,
        .timeline__years .content .sfnewsAuthorAndDate a,
        .timeline__years .content .sfnewsSummary a,
        .timeline__years .sf_pagerNumeric a a,
        .timeline__years dl dd a,
        .timeline__years p a,
        dl .timeline__years dd a {
            text-decoration: none
        }

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.contact {
    padding: 0 17.14px
}

    .contact:after,
    .contact:before {
        content: " ";
        display: table
    }

    .contact .login__label,
    .contact small {
        font-size: 10px;
        display: block;
        margin-bottom: 5px
    }

.contact__wrap,
.contact__wrap--full {
    margin-bottom: 10px
}

.contact__label,
.standard__label {
    display: block
}

    .contact__label span,
    .standard__label span {
        color: #E52A2A
    }

.contact__input,
.contact__select,
.contact__textarea,
.login__input,
.login__select,
.standard__input {
    border: 1px solid #E1E1E1;
    -webkit-appearance: none;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
    display: block;
    width: 100%;
    padding: 12px
}

    .contact__input.error,
    .error.contact__select,
    .error.contact__textarea,
    .error.login__input,
    .error.login__select,
    .error.standard__input {
        border: 1px solid #E52A2A
    }

.contact__error-message span {
    background: #E52A2A;
    color: #fff;
    padding: 6px;
    font-size: 12px
}

.contact__textarea {
    height: 90px;
    padding: 12px
}

.contact__select,
.login__select {
    background: #fff;
    -moz-appearance: none
}

.contact .select__wrap {
    position: relative
}

    .contact .select__wrap i {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        display: block;
        position: absolute;
        right: 12px;
        top: 12px;
        background: #fff;
        color: #00A5C6
    }

.contact__form {
    margin-bottom: 24px
}

.contact__address address {
    margin-top: 24px;
    font-style: normal
}

    .contact__address address:after,
    .contact__address address:before {
        content: " ";
        display: table
    }

.contact__address ul li {
    font-size: 14px;
    display: inline-block;
    width: 100%
}

    .contact__address ul li i {
        color: #00A5C6;
        float: left;
        margin-right: 12px
    }

.contact__img {
    width: 100%;
    display: block
}

.contact__address,
.contact__form,
.contact__wrap,
.contact__wrap--full {
    width: 50%;
    padding-left: 24px;
    float: left
}

.contact__g-wrap {
    margin-left: -24px
}

.contact__wrap--full {
    width: 100%
}

.contact__label,
.standard__label {
    font-size: 16px;
    padding-bottom: 12px
}

.contact__address ul {
    float: left;
    margin-bottom: 12px;
    width: 50%;
    padding-right: 24px
}

    .contact__address ul:last-child {
        padding: 0
    }

.contact .btn--sub {
    float: right;
    width: 30%;
    margin-top: 12px
}

.contact__address {
    padding-top: 60px
}

.lt-ie8 .contact__form {
    padding: 0;
    width: 47%
}

.lt-ie8 .contact__g-wrap,
.lt-ie8 .contact__wrap,
.lt-ie8 .contact__wrap--full {
    padding: 0;
    margin: 0
}

.lt-ie8 .contact__input,
.lt-ie8 .contact__select,
.lt-ie8 .contact__textarea,
.lt-ie8 .login__input,
.lt-ie8 .login__select,
.lt-ie8 .standard__input {
    width: 90%
}

.lt-ie8 .contact .btn--sub {
    position: relative
}

    .lt-ie8 .contact .btn--sub i {
        position: absolute;
        right: 10px;
        top: 20px
    }

.lt-ie8 .select__wrap i {
    display: none
}

.standard {
    position: relative;
    display: block;
    padding: 12px;
    width: 600px
}

    .standard:after,
    .standard:before {
        content: " ";
        display: table
    }

.standard__wrap {
    display: block;
    margin-bottom: 12px
}

    .standard__wrap:after,
    .standard__wrap:before {
        content: " ";
        display: table
    }

.standard__label {
    width: 20%;
    float: left;
    padding: 0;
    line-height: 44px
}

.standard__input {
    width: 80%;
    float: left
}

.login,
.login__footer {
    border: 1px solid #d9d9d9;
    width: 575px;
    position: relative
}

.login {
    margin: 50px auto 0;
    padding: 40px 24px;
    background: #fff
}

    .login:after,
    .login:before {
        content: " ";
        display: table
    }

.login__footer {
    border-top: 0;
    margin: 0 auto 50px;
    display: table
}

    .login__footer span {
        background: #D9D9D9;
        text-align: center;
        display: table-cell;
        font-size: 12px;
        width: 50%
    }

        .login__footer span:first-child {
            border-right: 1px solid #d9d9d9;
            border-color: #C7C7C7
        }

        .login__footer span a {
            padding: 8px 0;
            text-decoration: none;
            display: block;
            color: #636363
        }

            .login__footer span a:hover {
                background: #004664;
                ;
                color: #fff
            }

.login__img {
    position: relative;
    margin: 0 auto 20px;
    display: block
}

.login__wrap,
.login__wrap--full {
    padding: 0 80px;
    width: 50%;
    position: relative
}

.login__wrap--full {
    width: 100%
}

.login__input {
    padding: 8px 8px 8px 40px;
    margin-bottom: 12px;
    background: #F8F8F8
}

.login__select {
    background: url(/Content/Images/arrow_down.svg) 97% 50% no-repeat;
    padding: 8px
}

.login select::-ms-expand {
    display: none
}

.login__select-wrap {
    position: relative;
    margin-bottom: 12px
}

.login__checkbox {
    float: left;
    margin-top: 6px;
    margin-right: 16px;
    margin-left: 10px;
}

.content .login .paragraph,
.content .login .sfnewsAuthorAndDate,
.content .login .sfnewsSummary,
.login .content .paragraph,
.login .content .sfnewsAuthorAndDate,
.login .content .sfnewsSummary,
.login .sf_pagerNumeric a,
.login dl dd,
.login p,
.sf_pagerNumeric .login a,
dl .login dd {
    font-size: 12px
}

.content #uploadFile .login input.ruButton,
.login .btn,
.login .btn--alt,
.login .btn--danger,
.login .btn--sub,
.login .content #uploadFile input.ruButton,
.login .next-prev__next,
.login .next-prev__prev {
    font-size: 14px
}

.login span {
    display: table-cell;
    width: 100%
}

    .content #uploadFile .login span input.ruButton,
    .login span .btn,
    .login span .btn--alt,
    .login span .btn--danger,
    .login span .btn--sub,
    .login span .content #uploadFile input.ruButton,
    .login span .next-prev__next,
    .login span .next-prev__prev {
        margin: 0
    }

.login .email i,
.login .password i {
    position: absolute;
    top: 8px;
    left: 88px;
    font-size: 20px;
    border-right: 1px solid #ADABAB;
    padding-right: 25px;
    color: #ADABAB
}

.login .field-validation-error {
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    font-size: 12px;
    margin-bottom: 12px;
    display: block;
    color: #E52A2A
}

.sidenav {
    width: 20%;
    overflow: auto;
    max-height: 100%;
    height: 100%;
    background: #004664;
    ;
    position: relative
}

    .sidenav:after,
    .sidenav:before {
        content: " ";
        display: table
    }

    .sidenav:after {
        content: "";
        height: 100%;
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }

.sidenav__profile {
    width: 260px;
    display: table-cell;
    height: 65px
}

.sidenav__account {
    display: table-cell;
    vertical-align: middle;
    padding-left: 8px
}

    .sidenav__account:after,
    .sidenav__account:before {
        content: " ";
        display: table
    }

.sidenav__image {
    display: table-cell;
    width: 70px;
    height: 70px;
    text-align: center;
    vertical-align: middle
}

    .sidenav__image i {
        color: #fff;
        font-size: 45px;
        display: block;
        margin: 0 0 0 13px
    }

.sidenav__name {
    font-family: open_sanssemibold;
    font-size: 14px
}

.sidenav__company {
    font-size: 12px
}

.sidenav__label {
    color: #fff;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    font-size: 12px;
    display: block;
    margin-bottom: 6px
}

.sidenav__service {
    border-top: 1px solid #d9d9d9;
    border-color: #014373;
    display: block;
    padding: 18px 24px 24px
}

.sidenav__select {
    border-top: 1px solid #d9d9d9;
    background: url(../img/arrow-down-type2-icon.png) 100% 100% no-repeat #fff;
    border-color: #e3e3e3;
    font-family: open_sanssemibold;
    display: block;
    width: 100%;
    padding: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 11px
}

    .sidenav__select::-ms-expand {
        display: none
    }

.sidenav__list {
    display: block
}

.sidenav__item,
.sidenav__item--active {
    transition: all, .5s;
    border-bottom: 1px solid #d9d9d9;
    border-color: #014373;
    display: block;
    height: 44px;
    line-height: 44px;
    background: #004664;
    ;
    padding-left: 50px;
    position: relative;
    font-size: 12px;
    font-family: 'Monsterrat', Arial;
    font-style: normal;
    text-transform: capitalize
}

.contact-card__item span,
.contact-card__title {
    font-family: open_sanssemibold
}

.sidenav__item--active:hover,
.sidenav__item:hover {
    background: #00A5C6
}

.sidenav__item--active,
.sidenav__item--active:hover {
    background: #f7f7f7
}

    .sidenav__item--active:before {
        border-left: 5px solid #d9d9d9;
        border-color: #00A5C6;
        content: "";
        height: 44px;
        display: block;
        position: absolute;
        left: 0
    }

    .sidenav__item--active .sidenav__link,
    .sidenav__item--active .sidenav__link:hover,
    .sidenav__item--active i {
        color: #00A5C6
    }

    .sidenav__item i,
    .sidenav__item--active i {
        position: absolute;
        left: 14px;
        top: 11px
    }

.sidenav__link {
    color: #fff;
    display: block
}

    .sidenav__link:hover {
        color: #fff;
        text-decoration: none
    }

.sidenav__detail {
    color: #fff;
    display: block
}

.sidenav__logout {
    border-left: 1px solid #d9d9d9;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 40px;
    height: 65px;
    color: #fff;
    border-color: #014373
}

    .sidenav__logout:hover {
        color: #fff;
        background: #00A5C6;
        text-decoration: none
    }

    .sidenav__logout i {
        display: block;
        margin-left: 7px
    }

.lt-ie8 .sidenav {
    width: 240px
}

.lt-ie8 .sidenav__profile {
    float: left;
    width: 200px
}

.lt-ie8 .sidenav__image {
    float: left
}

    .lt-ie8 .sidenav__image i {
        margin-top: 10px
    }

.lt-ie8 .sidenav__account {
    float: left;
    width: 100px;
    padding-top: 15px
}

.lt-ie8 .sidenav__logout {
    position: relative
}

    .lt-ie8 .sidenav__logout i {
        position: absolute;
        top: 35px;
        left: -20px
    }

.lt-ie8 .sidenav__select {
    width: 175px
}

.contact-card {
    width: 50%;
    margin-bottom: 24px;
    padding: 16px;
    position: relative;
    float: left
}

    .contact-card:after,
    .contact-card:before {
        content: " ";
        display: table
    }

    .contact-card:before {
        border-bottom: 1px solid #d9d9d9;
        content: "";
        display: block;
        position: absolute;
        top: 58px;
        width: 385px
    }

.contact-card__container {
    border: 1px solid #d9d9d9;
    padding: 12px;
    background: #fff
}

.contact-card__left {
    width: 80px;
    display: table-cell;
    position: relative
}

.contact-card__right {
    display: table-cell;
    vertical-align: top;
    padding-left: 15px
}

.contact-card__profile {
    font-size: 48px;
    position: absolute;
    top: 6px;
    left: 16px;
    color: #004664;
}

    .contact-card__profile:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        height: 100%;
        border-radius: 100%;
        padding: 20px;
        top: -2px;
        left: -2px;
        border: 0
    }

.contact-card__name {
    margin-top: 0
}

.contact-card__list {
    padding-top: 12px
}

    .contact-card__list:after,
    .contact-card__list:before {
        content: " ";
        display: table
    }

.contact-card__btn {
    transition: all, .5s;
    position: absolute;
    bottom: 0;
    border: 0;
    padding: 8px 10px;
    text-transform: uppercase;
    font-size: 10px;
    background: #004664;
    ;
    color: #fff;
    cursor: pointer;
    width: 100%
}

    .contact-card__btn i {
        font-size: 12px;
        float: left;
        margin-right: 4px
    }

    .contact-card__btn:hover {
        background: #00A5C6
    }

.contact-card__title {
    font-size: 9px;
    text-transform: uppercase;
    padding: 10px 0;
    margin-top: 10px
}

.contact-card__item {
    width: 50%;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    word-wrap: break-word
}

    .contact-card__item span {
        font-size: 8px;
        text-transform: uppercase;
        display: block
    }

.lt-ie8 .contact-card {
    width: 45%
}

.lt-ie8 .contact-card__container {
    float: left
}

.lt-ie8 .contact-card__left {
    width: 80px;
    float: left
}

.lt-ie8 .contact-card__right {
    float: left
}

.lt-ie8 .contact-card__btn {
    bottom: -145px
}

.lt-ie8 .contact-card__list {
    float: left
}

.lt-ie8 .contact-card__item {
    display: block;
    width: 100%
}

html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.remodal,
[data-remodal-id] {
    display: none
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    background: rgba(43, 46, 56, .9)
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0
}

    .remodal-wrapper:after {
        display: inline-block;
        height: 100%;
        margin-left: -.05em;
        content: ""
    }

.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    text-size-adjust: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 768px;
    margin-bottom: 10px;
    padding: 35px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #2b2e38;
    background: #fff
}

.remodal-cancel,
.remodal-close,
.remodal-confirm {
    overflow: visible;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    border: 0
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-close,
.remodal-close:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px
}

.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes
}

.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

.remodal,
.remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    height: 35px;
    padding: 0;
    transition: color .2s;
    color: #95979c;
    background: 0 0
}

    .remodal-close:focus,
    .remodal-close:hover {
        color: #2b2e38
    }

    .remodal-close:before {
        font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
        font-size: 25px;
        line-height: 35px;
        content: "\00d7";
        text-align: center
    }

.remodal-cancel,
.remodal-confirm {
    font: inherit;
    display: inline-block;
    min-width: 110px;
    padding: 12px 0;
    transition: background .2s;
    text-align: center;
    vertical-align: middle
}

.remodal-confirm {
    color: #fff;
    background: #00cd50;
}

    .remodal-confirm:focus,
    .remodal-confirm:hover {
        background: #007c6d
    }

.remodal-cancel {
    color: #fff;
    background: #E52A2A
}

    .remodal-cancel:focus,
    .remodal-cancel:hover {
        background: #db1b1b
    }

    .remodal-cancel::-moz-focus-inner,
    .remodal-close::-moz-focus-inner,
    .remodal-confirm::-moz-focus-inner {
        padding: 0;
        border: 0
    }

@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
}

@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38
}

.lt-ie9 .remodal {
    width: 700px
}

.lt-ie8 .remodal-overlay {
    background: #000;
    filter: alpha(opacity=70)
}

.styletabs {
    display: none
}

.toc {
    padding: 24px
}

    .toc table {
        background: #fff;
        border: 1px solid #ccc
    }

        .toc table td,
        .toc table th {
            border: 1px solid #ccc;
            padding: 6px
        }

            .toc table td.icon-ok:before {
                content: '\2713';
                display: inline-block;
                padding: 0 6px 0 0;
                color: #6c8e29;
                font-weight: 700
            }

        .toc table .is-success {
            border-color: #8AB535;
            background: #e6f1cf
        }