@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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;
}

a {
    background-color: transparent;
}

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

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

b, strong {
    font-family: sttr,Arial,sans-serif;
    font-weight: 200;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

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

input {
    line-height: normal;
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

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

td, th {
    padding: 0;
}

@font-face {
    font-family: PraxisComLight;
    src: url(../fonts/praxisw01-light.eot);
    src: url(../fonts/praxisw01-light.eot) format("embedded-opentype"),url(../fonts/praxisw01-light.woff2) format("woff2"),url(../fonts/praxisw01-light.woff) format("woff"),url(../fonts/praxisw01-light.ttf) format("truetype"),url(../fonts/praxisw01-light.svg#praxisw01-light) format("svg");
}

@font-face {
    font-family: PraxisComRegular;
    src: url(../fonts/praxisw01-regular.eot);
    src: url(../fonts/praxisw01-regular.eot) format("embedded-opentype"),url(../fonts/praxisw01-regular.woff2) format("woff2"),url(../fonts/praxisw01-regular.woff) format("woff"),url(../fonts/praxisw01-regular.ttf) format("truetype"),url(../fonts/praxisw01-regular.svg#praxisw01-regular) format("svg");
}

@font-face {
    font-family: PraxisComSemiBold;
    src: url(../fonts/praxisw01-semibold.eot);
    src: url(../fonts/praxisw01-semibold.eot) format("embedded-opentype"),url(../fonts/praxisw01-semibold.woff2) format("woff2"),url(../fonts/praxisw01-semibold.woff) format("woff"),url(../fonts/praxisw01-semibold.ttf) format("truetype"),url(../fonts/praxisw01-semibold.svg#praxisw01-semibold) format("svg");
}

@font-face {
    font-family: "sthl";
    src: url("../fonts/SABICTypefaceHeadline_W_Lt.eot");
    src: url("../fonts/SABICTypefaceHeadline_W_Lt.eot") format("embedded-opentype"),url("../fonts/SABICTypefaceHeadline_W_Lt.woff2") format("woff2"),url("../fonts/SABICTypefaceHeadline_W_Lt.woff") format("woff"),url("../fonts/SABICTypefaceHeadline_W_Lt.ttf") format("truetype");
}

@font-face {
    font-family: "sthr";
    src: url("../fonts/SABICTypefaceHeadline_W_Rg.eot");
    src: url("../fonts/SABICTypefaceHeadline_W_Rg.eot") format("embedded-opentype"),url("../fonts/SABICTypefaceHeadline_W_Rg.woff2") format("woff2"),url("../fonts/SABICTypefaceHeadline_W_Rg.woff") format("woff"),url("../fonts/SABICTypefaceHeadline_W_Rg.ttf") format("truetype");
}

@font-face {
    font-family: "sttl";
    src: url("../fonts/SABICTypefaceText_W_Lt.eot");
    src: url("../fonts/SABICTypefaceText_W_Lt.eot") format("embedded-opentype"),url("../fonts/SABICTypefaceText_W_Lt.woff2") format("woff2"),url("../fonts/SABICTypefaceText_W_Lt.woff") format("woff"),url("../fonts/SABICTypefaceText_W_Lt.ttf") format("truetype");
}

@font-face {
    font-family: "sttr";
    src: url("../fonts/SABICTypefaceText_W_Rg.eot");
    src: url("../fonts/SABICTypefaceText_W_Rg.eot") format("embedded-opentype"),url("../fonts/SABICTypefaceText_W_Rg.woff2") format("woff2"),url("../fonts/SABICTypefaceText_W_Rg.woff") format("woff"),url("../fonts/SABICTypefaceText_W_Rg.ttf") format("truetype");
}


.container {
    margin: 0 auto;
    max-width: 980px;
    padding: 0 1.5rem;
}

@media only screen and (min-width:601px) {
    .container {
        padding: 0 2rem;
    }
}

@media only screen and (min-width:1024px) {
    .container {
        padding: 0;
    }
}

.container .row {
    margin-left: -.75rem;
    margin-right: -.75rem;
    position: relative;
}

.section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

    .section.no-pad {
        padding: 0;
    }

    .section.no-pad-bot {
        padding-bottom: 0;
    }

    .section.no-pad-top {
        padding-top: 0;
    }

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

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

    .row .col {
        float: left;
        box-sizing: border-box;
        padding: 0 .75rem;
        min-height: 0;
    }

[dir=rtl] .row .col {
    float: right;
}

.row .col[class*=pull-], .row .col[class*=push-] {
    position: relative;
}

.row .col.col-xs-1 {
    width: 8.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-2 {
    width: 16.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-5 {
    width: 41.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-7 {
    width: 58.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-8 {
    width: 66.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-10 {
    width: 83.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-11 {
    width: 91.66667%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
}

.row .col.col-xs-offset-1 {
    margin-left: 8.33333%;
}

[dir=rtl] .row .col.col-xs-offset-1 {
    margin-left: auto;
    margin-right: 8.33333%;
}

.row .col.col-xs-pull-1 {
    right: 8.33333%;
}

[dir=rtl] .row .col.col-xs-pull-1 {
    left: 8.33333%;
    right: auto;
}

.row .col.col-xs-push-1 {
    left: 8.33333%;
}

[dir=rtl] .row .col.col-xs-push-1 {
    left: auto;
    right: 8.33333%;
}

.row .col.col-xs-offset-2 {
    margin-left: 16.66667%;
}

[dir=rtl] .row .col.col-xs-offset-2 {
    margin-left: auto;
    margin-right: 16.66667%;
}

.row .col.col-xs-pull-2 {
    right: 16.66667%;
}

[dir=rtl] .row .col.col-xs-pull-2 {
    left: 16.66667%;
    right: auto;
}

.row .col.col-xs-push-2 {
    left: 16.66667%;
}

[dir=rtl] .row .col.col-xs-push-2 {
    left: auto;
    right: 16.66667%;
}

.row .col.col-xs-offset-3 {
    margin-left: 25%;
}

[dir=rtl] .row .col.col-xs-offset-3 {
    margin-left: auto;
    margin-right: 25%;
}

.row .col.col-xs-pull-3 {
    right: 25%;
}

[dir=rtl] .row .col.col-xs-pull-3 {
    left: 25%;
    right: auto;
}

.row .col.col-xs-push-3 {
    left: 25%;
}

[dir=rtl] .row .col.col-xs-push-3 {
    left: auto;
    right: 25%;
}

.row .col.col-xs-offset-4 {
    margin-left: 33.33333%;
}

[dir=rtl] .row .col.col-xs-offset-4 {
    margin-left: auto;
    margin-right: 33.33333%;
}

.row .col.col-xs-pull-4 {
    right: 33.33333%;
}

[dir=rtl] .row .col.col-xs-pull-4 {
    left: 33.33333%;
    right: auto;
}

.row .col.col-xs-push-4 {
    left: 33.33333%;
}

[dir=rtl] .row .col.col-xs-push-4 {
    left: auto;
    right: 33.33333%;
}

.row .col.col-xs-offset-5 {
    margin-left: 41.66667%;
}

[dir=rtl] .row .col.col-xs-offset-5 {
    margin-left: auto;
    margin-right: 41.66667%;
}

.row .col.col-xs-pull-5 {
    right: 41.66667%;
}

[dir=rtl] .row .col.col-xs-pull-5 {
    left: 41.66667%;
    right: auto;
}

.row .col.col-xs-push-5 {
    left: 41.66667%;
}

[dir=rtl] .row .col.col-xs-push-5 {
    left: auto;
    right: 41.66667%;
}

.row .col.col-xs-offset-6 {
    margin-left: 50%;
}

[dir=rtl] .row .col.col-xs-offset-6 {
    margin-left: auto;
    margin-right: 50%;
}

.row .col.col-xs-pull-6 {
    right: 50%;
}

[dir=rtl] .row .col.col-xs-pull-6 {
    left: 50%;
    right: auto;
}

.row .col.col-xs-push-6 {
    left: 50%;
}

[dir=rtl] .row .col.col-xs-push-6 {
    left: auto;
    right: 50%;
}

.row .col.col-xs-offset-7 {
    margin-left: 58.33333%;
}

[dir=rtl] .row .col.col-xs-offset-7 {
    margin-left: auto;
    margin-right: 58.33333%;
}

.row .col.col-xs-pull-7 {
    right: 58.33333%;
}

[dir=rtl] .row .col.col-xs-pull-7 {
    left: 58.33333%;
    right: auto;
}

.row .col.col-xs-push-7 {
    left: 58.33333%;
}

[dir=rtl] .row .col.col-xs-push-7 {
    left: auto;
    right: 58.33333%;
}

.row .col.col-xs-offset-8 {
    margin-left: 66.66667%;
}

[dir=rtl] .row .col.col-xs-offset-8 {
    margin-left: auto;
    margin-right: 66.66667%;
}

.row .col.col-xs-pull-8 {
    right: 66.66667%;
}

[dir=rtl] .row .col.col-xs-pull-8 {
    left: 66.66667%;
    right: auto;
}

.row .col.col-xs-push-8 {
    left: 66.66667%;
}

[dir=rtl] .row .col.col-xs-push-8 {
    left: auto;
    right: 66.66667%;
}

.row .col.col-xs-offset-9 {
    margin-left: 75%;
}

[dir=rtl] .row .col.col-xs-offset-9 {
    margin-left: auto;
    margin-right: 75%;
}

.row .col.col-xs-pull-9 {
    right: 75%;
}

[dir=rtl] .row .col.col-xs-pull-9 {
    left: 75%;
    right: auto;
}

.row .col.col-xs-push-9 {
    left: 75%;
}

[dir=rtl] .row .col.col-xs-push-9 {
    left: auto;
    right: 75%;
}

.row .col.col-xs-offset-10 {
    margin-left: 83.33333%;
}

[dir=rtl] .row .col.col-xs-offset-10 {
    margin-left: auto;
    margin-right: 83.33333%;
}

.row .col.col-xs-pull-10 {
    right: 83.33333%;
}

[dir=rtl] .row .col.col-xs-pull-10 {
    left: 83.33333%;
    right: auto;
}

.row .col.col-xs-push-10 {
    left: 83.33333%;
}

[dir=rtl] .row .col.col-xs-push-10 {
    left: auto;
    right: 83.33333%;
}

.row .col.col-xs-offset-11 {
    margin-left: 91.66667%;
}

[dir=rtl] .row .col.col-xs-offset-11 {
    margin-left: auto;
    margin-right: 91.66667%;
}

.row .col.col-xs-pull-11 {
    right: 91.66667%;
}

[dir=rtl] .row .col.col-xs-pull-11 {
    left: 91.66667%;
    right: auto;
}

.row .col.col-xs-push-11 {
    left: 91.66667%;
}

[dir=rtl] .row .col.col-xs-push-11 {
    left: auto;
    right: 91.66667%;
}

.row .col.col-xs-offset-12 {
    margin-left: 100%;
}

[dir=rtl] .row .col.col-xs-offset-12 {
    margin-left: auto;
    margin-right: 100%;
}

.row .col.col-xs-pull-12 {
    right: 100%;
}

[dir=rtl] .row .col.col-xs-pull-12 {
    left: 100%;
    right: auto;
}

.row .col.col-xs-push-12 {
    left: 100%;
}

[dir=rtl] .row .col.col-xs-push-12 {
    left: auto;
    right: 100%;
}

@media only screen and (min-width:601px) {
    .row .col.col-md-1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-md-offset-1 {
        margin-left: 8.33333%;
    }

    [dir=rtl] .row .col.col-md-offset-1 {
        margin-left: auto;
        margin-right: 8.33333%;
    }

    .row .col.col-md-pull-1 {
        right: 8.33333%;
    }

    [dir=rtl] .row .col.col-md-pull-1 {
        left: 8.33333%;
        right: auto;
    }

    .row .col.col-md-push-1 {
        left: 8.33333%;
    }

    [dir=rtl] .row .col.col-md-push-1 {
        left: auto;
        right: 8.33333%;
    }

    .row .col.col-md-offset-2 {
        margin-left: 16.66667%;
    }

    [dir=rtl] .row .col.col-md-offset-2 {
        margin-left: auto;
        margin-right: 16.66667%;
    }

    .row .col.col-md-pull-2 {
        right: 16.66667%;
    }

    [dir=rtl] .row .col.col-md-pull-2 {
        left: 16.66667%;
        right: auto;
    }

    .row .col.col-md-push-2 {
        left: 16.66667%;
    }

    [dir=rtl] .row .col.col-md-push-2 {
        left: auto;
        right: 16.66667%;
    }

    .row .col.col-md-offset-3 {
        margin-left: 25%;
    }

    [dir=rtl] .row .col.col-md-offset-3 {
        margin-left: auto;
        margin-right: 25%;
    }

    .row .col.col-md-pull-3 {
        right: 25%;
    }

    [dir=rtl] .row .col.col-md-pull-3 {
        left: 25%;
        right: auto;
    }

    .row .col.col-md-push-3 {
        left: 25%;
    }

    [dir=rtl] .row .col.col-md-push-3 {
        left: auto;
        right: 25%;
    }

    .row .col.col-md-offset-4 {
        margin-left: 33.33333%;
    }

    [dir=rtl] .row .col.col-md-offset-4 {
        margin-left: auto;
        margin-right: 33.33333%;
    }

    .row .col.col-md-pull-4 {
        right: 33.33333%;
    }

    [dir=rtl] .row .col.col-md-pull-4 {
        left: 33.33333%;
        right: auto;
    }

    .row .col.col-md-push-4 {
        left: 33.33333%;
    }

    [dir=rtl] .row .col.col-md-push-4 {
        left: auto;
        right: 33.33333%;
    }

    .row .col.col-md-offset-5 {
        margin-left: 41.66667%;
    }

    [dir=rtl] .row .col.col-md-offset-5 {
        margin-left: auto;
        margin-right: 41.66667%;
    }

    .row .col.col-md-pull-5 {
        right: 41.66667%;
    }

    [dir=rtl] .row .col.col-md-pull-5 {
        left: 41.66667%;
        right: auto;
    }

    .row .col.col-md-push-5 {
        left: 41.66667%;
    }

    [dir=rtl] .row .col.col-md-push-5 {
        left: auto;
        right: 41.66667%;
    }

    .row .col.col-md-offset-6 {
        margin-left: 50%;
    }

    [dir=rtl] .row .col.col-md-offset-6 {
        margin-left: auto;
        margin-right: 50%;
    }

    .row .col.col-md-pull-6 {
        right: 50%;
    }

    [dir=rtl] .row .col.col-md-pull-6 {
        left: 50%;
        right: auto;
    }

    .row .col.col-md-push-6 {
        left: 50%;
    }

    [dir=rtl] .row .col.col-md-push-6 {
        left: auto;
        right: 50%;
    }

    .row .col.col-md-offset-7 {
        margin-left: 58.33333%;
    }

    [dir=rtl] .row .col.col-md-offset-7 {
        margin-left: auto;
        margin-right: 58.33333%;
    }

    .row .col.col-md-pull-7 {
        right: 58.33333%;
    }

    [dir=rtl] .row .col.col-md-pull-7 {
        left: 58.33333%;
        right: auto;
    }

    .row .col.col-md-push-7 {
        left: 58.33333%;
    }

    [dir=rtl] .row .col.col-md-push-7 {
        left: auto;
        right: 58.33333%;
    }

    .row .col.col-md-offset-8 {
        margin-left: 66.66667%;
    }

    [dir=rtl] .row .col.col-md-offset-8 {
        margin-left: auto;
        margin-right: 66.66667%;
    }

    .row .col.col-md-pull-8 {
        right: 66.66667%;
    }

    [dir=rtl] .row .col.col-md-pull-8 {
        left: 66.66667%;
        right: auto;
    }

    .row .col.col-md-push-8 {
        left: 66.66667%;
    }

    [dir=rtl] .row .col.col-md-push-8 {
        left: auto;
        right: 66.66667%;
    }

    .row .col.col-md-offset-9 {
        margin-left: 75%;
    }

    [dir=rtl] .row .col.col-md-offset-9 {
        margin-left: auto;
        margin-right: 75%;
    }

    .row .col.col-md-pull-9 {
        right: 75%;
    }

    [dir=rtl] .row .col.col-md-pull-9 {
        left: 75%;
        right: auto;
    }

    .row .col.col-md-push-9 {
        left: 75%;
    }

    [dir=rtl] .row .col.col-md-push-9 {
        left: auto;
        right: 75%;
    }

    .row .col.col-md-offset-10 {
        margin-left: 83.33333%;
    }

    [dir=rtl] .row .col.col-md-offset-10 {
        margin-left: auto;
        margin-right: 83.33333%;
    }

    .row .col.col-md-pull-10 {
        right: 83.33333%;
    }

    [dir=rtl] .row .col.col-md-pull-10 {
        left: 83.33333%;
        right: auto;
    }

    .row .col.col-md-push-10 {
        left: 83.33333%;
    }

    [dir=rtl] .row .col.col-md-push-10 {
        left: auto;
        right: 83.33333%;
    }

    .row .col.col-md-offset-11 {
        margin-left: 91.66667%;
    }

    [dir=rtl] .row .col.col-md-offset-11 {
        margin-left: auto;
        margin-right: 91.66667%;
    }

    .row .col.col-md-pull-11 {
        right: 91.66667%;
    }

    [dir=rtl] .row .col.col-md-pull-11 {
        left: 91.66667%;
        right: auto;
    }

    .row .col.col-md-push-11 {
        left: 91.66667%;
    }

    [dir=rtl] .row .col.col-md-push-11 {
        left: auto;
        right: 91.66667%;
    }

    .row .col.col-md-offset-12 {
        margin-left: 100%;
    }

    [dir=rtl] .row .col.col-md-offset-12 {
        margin-left: auto;
        margin-right: 100%;
    }

    .row .col.col-md-pull-12 {
        right: 100%;
    }

    [dir=rtl] .row .col.col-md-pull-12 {
        left: 100%;
        right: auto;
    }

    .row .col.col-md-push-12 {
        left: 100%;
    }

    [dir=rtl] .row .col.col-md-push-12 {
        left: auto;
        right: 100%;
    }
}

@media only screen and (min-width:1024px) {
    .row .col.col-lg-1 {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-2 {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-3 {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-4 {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-5 {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-6 {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-7 {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-8 {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-9 {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-10 {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-11 {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-12 {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    [dir=rtl] .row .col.col-lg-offset-1 {
        margin-left: auto;
        margin-right: 8.33333%;
    }

    .row .col.col-lg-pull-1 {
        right: 8.33333%;
    }

    [dir=rtl] .row .col.col-lg-pull-1 {
        left: 8.33333%;
        right: auto;
    }

    .row .col.col-lg-push-1 {
        left: 8.33333%;
    }

    [dir=rtl] .row .col.col-lg-push-1 {
        left: auto;
        right: 8.33333%;
    }

    .row .col.col-lg-offset-2 {
        margin-left: 16.66667%;
    }

    [dir=rtl] .row .col.col-lg-offset-2 {
        margin-left: auto;
        margin-right: 16.66667%;
    }

    .row .col.col-lg-pull-2 {
        right: 16.66667%;
    }

    [dir=rtl] .row .col.col-lg-pull-2 {
        left: 16.66667%;
        right: auto;
    }

    .row .col.col-lg-push-2 {
        left: 16.66667%;
    }

    [dir=rtl] .row .col.col-lg-push-2 {
        left: auto;
        right: 16.66667%;
    }

    .row .col.col-lg-offset-3 {
        margin-left: 25%;
    }

    [dir=rtl] .row .col.col-lg-offset-3 {
        margin-left: auto;
        margin-right: 25%;
    }

    .row .col.col-lg-pull-3 {
        right: 25%;
    }

    [dir=rtl] .row .col.col-lg-pull-3 {
        left: 25%;
        right: auto;
    }

    .row .col.col-lg-push-3 {
        left: 25%;
    }

    [dir=rtl] .row .col.col-lg-push-3 {
        left: auto;
        right: 25%;
    }

    .row .col.col-lg-offset-4 {
        margin-left: 33.33333%;
    }

    [dir=rtl] .row .col.col-lg-offset-4 {
        margin-left: auto;
        margin-right: 33.33333%;
    }

    .row .col.col-lg-pull-4 {
        right: 33.33333%;
    }

    [dir=rtl] .row .col.col-lg-pull-4 {
        left: 33.33333%;
        right: auto;
    }

    .row .col.col-lg-push-4 {
        left: 33.33333%;
    }

    [dir=rtl] .row .col.col-lg-push-4 {
        left: auto;
        right: 33.33333%;
    }

    .row .col.col-lg-offset-5 {
        margin-left: 41.66667%;
    }

    [dir=rtl] .row .col.col-lg-offset-5 {
        margin-left: auto;
        margin-right: 41.66667%;
    }

    .row .col.col-lg-pull-5 {
        right: 41.66667%;
    }

    [dir=rtl] .row .col.col-lg-pull-5 {
        left: 41.66667%;
        right: auto;
    }

    .row .col.col-lg-push-5 {
        left: 41.66667%;
    }

    [dir=rtl] .row .col.col-lg-push-5 {
        left: auto;
        right: 41.66667%;
    }

    .row .col.col-lg-offset-6 {
        margin-left: 50%;
    }

    [dir=rtl] .row .col.col-lg-offset-6 {
        margin-left: auto;
        margin-right: 50%;
    }

    .row .col.col-lg-pull-6 {
        right: 50%;
    }

    [dir=rtl] .row .col.col-lg-pull-6 {
        left: 50%;
        right: auto;
    }

    .row .col.col-lg-push-6 {
        left: 50%;
    }

    [dir=rtl] .row .col.col-lg-push-6 {
        left: auto;
        right: 50%;
    }

    .row .col.col-lg-offset-7 {
        margin-left: 58.33333%;
    }

    [dir=rtl] .row .col.col-lg-offset-7 {
        margin-left: auto;
        margin-right: 58.33333%;
    }

    .row .col.col-lg-pull-7 {
        right: 58.33333%;
    }

    [dir=rtl] .row .col.col-lg-pull-7 {
        left: 58.33333%;
        right: auto;
    }

    .row .col.col-lg-push-7 {
        left: 58.33333%;
    }

    [dir=rtl] .row .col.col-lg-push-7 {
        left: auto;
        right: 58.33333%;
    }

    .row .col.col-lg-offset-8 {
        margin-left: 66.66667%;
    }

    [dir=rtl] .row .col.col-lg-offset-8 {
        margin-left: auto;
        margin-right: 66.66667%;
    }

    .row .col.col-lg-pull-8 {
        right: 66.66667%;
    }

    [dir=rtl] .row .col.col-lg-pull-8 {
        left: 66.66667%;
        right: auto;
    }

    .row .col.col-lg-push-8 {
        left: 66.66667%;
    }

    [dir=rtl] .row .col.col-lg-push-8 {
        left: auto;
        right: 66.66667%;
    }

    .row .col.col-lg-offset-9 {
        margin-left: 75%;
    }

    [dir=rtl] .row .col.col-lg-offset-9 {
        margin-left: auto;
        margin-right: 75%;
    }

    .row .col.col-lg-pull-9 {
        right: 75%;
    }

    [dir=rtl] .row .col.col-lg-pull-9 {
        left: 75%;
        right: auto;
    }

    .row .col.col-lg-push-9 {
        left: 75%;
    }

    [dir=rtl] .row .col.col-lg-push-9 {
        left: auto;
        right: 75%;
    }

    .row .col.col-lg-offset-10 {
        margin-left: 83.33333%;
    }

    [dir=rtl] .row .col.col-lg-offset-10 {
        margin-left: auto;
        margin-right: 83.33333%;
    }

    .row .col.col-lg-pull-10 {
        right: 83.33333%;
    }

    [dir=rtl] .row .col.col-lg-pull-10 {
        left: 83.33333%;
        right: auto;
    }

    .row .col.col-lg-push-10 {
        left: 83.33333%;
    }

    [dir=rtl] .row .col.col-lg-push-10 {
        left: auto;
        right: 83.33333%;
    }

    .row .col.col-lg-offset-11 {
        margin-left: 91.66667%;
    }

    [dir=rtl] .row .col.col-lg-offset-11 {
        margin-left: auto;
        margin-right: 91.66667%;
    }

    .row .col.col-lg-pull-11 {
        right: 91.66667%;
    }

    [dir=rtl] .row .col.col-lg-pull-11 {
        left: 91.66667%;
        right: auto;
    }

    .row .col.col-lg-push-11 {
        left: 91.66667%;
    }

    [dir=rtl] .row .col.col-lg-push-11 {
        left: auto;
        right: 91.66667%;
    }

    .row .col.col-lg-offset-12 {
        margin-left: 100%;
    }

    [dir=rtl] .row .col.col-lg-offset-12 {
        margin-left: auto;
        margin-right: 100%;
    }

    .row .col.col-lg-pull-12 {
        right: 100%;
    }

    [dir=rtl] .row .col.col-lg-pull-12 {
        left: 100%;
        right: auto;
    }

    .row .col.col-lg-push-12 {
        left: 100%;
    }

    [dir=rtl] .row .col.col-lg-push-12 {
        left: auto;
        right: 100%;
    }
}

img.svg {
    display: none;
}

.ico-plastics:before {
    background-image: url(../img/icons/sabic-plastics.svg);
}

.ico-chemicals:before {
    background-image: url(../img/icons/sabic-chemicals.svg);
}

.ico-agri-nutrients:before {
    background-image: url(../img/icons/sabic-agri-nutrients.svg);
}

.ico-metals:before {
    background-image: url(../img/icons/sabic-metals.svg);
}

.ico-specialties:before {
    background-image: url(../img/icons/sabic_specialties.svg);
}

.ico-agriculture:before {
    background-image: url(../img/icons/sabic-agri-nutrients.svg);
}

.ico-automotive:before {
    background-image: url(../img/icons/sabic-automotive.svg);
}

.ico-building-and-construction:before {
    background-image: url(../img/icons/sabic-construction.svg);
}

.ico-consumer:before {
    background-image: url(../img/icons/sabic-consumer.svg);
}

.ico-packaging:before {
    background-image: url(../img/icons/sabic-plastics.svg);
}

.ico-electrical-electronic:before {
    background-image: url(../img/icons/sabic-electrical-electronic.svg);
}

.ico-healthcare:before {
    background-image: url(../img/icons/sabic-healthcare.svg);
}

.ico-hydrocarbon-energy:before {
    background-image: url(../img/icons/sabic-hydrocarbon-energy.svg);
}

.ico-industrial:before {
    background-image: url(../img/icons/sabic-industries.svg);
}

.ico-mass-transportation:before {
    background-image: url(../img/icons/sabic-mass-transportation.svg);
}

.ico-download:before {
    background-image: url(../img/icons/sabic-download.svg);
}

.ico-pdf:before {
    background-image: url(../img/icons/sabic-pdf.svg);
}

.ico-doc:before {
    background-image: url(../img/icons/sabic-doc.svg);
}

.ico-linkedin:before {
    background-image: url(../img/icons/sabic-linkedin.svg);
}

.ico-youtube:before {
    background-image: url(../img/icons/sabic-you-tube.svg);
}

.ico-twitter:before {
    background-image: url(../img/icons/sabic-twitter.svg);
}

.ico-glassdoor:before {
    background-image: url(../img/icons/sabic-glassdoor.svg);
}

.ico-instagram:before {
    background-image: url(../img/icons/sabic-instagram.svg);
}

.ico-facebook:before {
    background-image: url(../img/icons/sabic-facebook.svg);
}

.ico-share:before {
    background-image: url(../img/icons/sabic-share-icon.svg);
}

.ico-play:before {
    background-image: url(../img/icons/sabic-play.svg);
}

.ico-close:before {
    background-image: url(../img/icons/sabic-close.svg);
}

.ico-find:before, .ico-search:before {
    background-image: url(../img/icons/sabic-magnifying-glass.svg);
}

.active .ico-plastics:before {
    background-image: url(../img/icons/sabic-plastics-white.svg);
}

.active .ico-chemicals:before {
    background-image: url(../img/icons/sabic-chemicals-white.svg);
}

.active .ico-agri-nutrients:before {
    background-image: url(../img/icons/sabic-agri-nutrients-white.svg);
}

.active .ico-metals:before {
    background-image: url(../img/icons/sabic-metals-white.svg);
}

.active .ico-specialties:before {
    background-image: url(../img/icons/sabic_specialties-white.svg);
}

.active .ico-agriculture:before {
    background-image: url(../img/icons/sabic-agri-nutrients-white.svg);
}

.active .ico-automotive:before {
    background-image: url(../img/icons/sabic-automotive-white.svg);
}

.active .ico-building-and-construction:before {
    background-image: url(../img/icons/sabic-construction-white.svg);
}

.active .ico-consumer:before {
    background-image: url(../img/icons/sabic-consumer-white.svg);
}

.active .ico-packaging:before {
    background-image: url(../img/icons/sabic-plastics-white.svg);
}

.active .ico-electrical-electronic:before {
    background-image: url(../img/icons/sabic-electrical-electronic-white.svg);
}

.active .ico-healthcare:before {
    background-image: url(../img/icons/sabic-healthcare-white.svg);
}

.active .ico-hydrocarbon-energy:before {
    background-image: url(../img/icons/sabic-hydrocarbon-energy-white.svg);
}

.active .ico-industrial:before {
    background-image: url(../img/icons/sabic-industries-white.svg);
}

.active .ico-mass-transportation:before {
    background-image: url(../img/icons/sabic-mass-transportation-white.svg);
}

.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) 50% no-repeat;
}

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

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

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

        .slick-dots li, .slick-dots li button {
            height: 20px;
            width: 20px;
            cursor: pointer;
        }

            .slick-dots li button {
                border: 0;
                background: transparent;
                display: block;
                outline: none;
                line-height: 0;
                font-size: 0;
                color: transparent;
                padding: 5px;
            }

                .slick-dots li button:focus, .slick-dots li button:hover {
                    outline: none;
                }

                    .slick-dots li button:focus:before, .slick-dots li button:hover:before {
                        opacity: 1;
                    }

                .slick-dots li button:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    content: "•";
                    width: 20px;
                    height: 20px;
                    font-family: slick;
                    font-size: 6px;
                    line-height: 20px;
                    text-align: center;
                    color: #000;
                    opacity: .25;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

            .slick-dots li.slick-active button:before {
                color: #000;
                opacity: .75;
            }

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

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

    .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: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.remodal-is-initialized {
    display: inline-block;
}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.remodal-overlay {
    background: hsla(0,0%,100%,.9);
}

    .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: c;
        animation-name: c;
    }

    .remodal-overlay.remodal-is-closing {
        -webkit-animation-name: d;
        animation-name: d;
    }

.remodal-wrapper {
    padding: 10px 10px 0;
}

.remodal {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #2b2e38;
    background: #fff;
}

    .remodal img {
        display: block;
        width: 100%;
    }

.vid {
    margin: 0;
    padding: 0;
}

    .vid .vid-inner {
        padding-bottom: 56.25%;
        position: relative;
    }

        .vid .vid-inner iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

.docs-inner {
    border: 1px solid #ccc;
    height: 60vh;
}

    .docs-inner iframe {
        height: 100%;
        width: 1px;
        min-width: 100%;
    }

.nl {
    text-align: left;
    border: 1px solid #a7a7aa;
    background: #f6f6f6;
}

    .nl h2 {
        margin-top: 0;
    }

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

    .nl form .group {
        float: left;
        width: 33.3333%;
    }

    .nl form fieldset {
        margin: 0 0 .5em;
        border: 0;
        padding: 0;
    }

        .nl form fieldset input {
            position: absolute;
            left: -999em;
        }

            .nl form fieldset input:checked + label:before {
                background: #009fdf;
            }

            .nl form fieldset input:checked + label:after {
                content: "";
                width: 1.2em;
                height: 1.2em;
                border: 1px solid #009fdf;
                background: url(../img/check.png) 50% no-repeat;
                position: absolute;
                left: 0;
                top: 0;
            }

        .nl form fieldset label {
            color: #53565a;
            position: relative;
            padding-left: 1.75em;
            cursor: pointer;
        }

            .nl form fieldset label:before {
                content: "";
                width: 1.2em;
                height: 1.2em;
                border: 1px solid #009fdf;
                position: absolute;
                left: 0;
                top: 0;
            }

            .nl form fieldset label:hover:before {
                background: #eee;
            }

    .nl form button {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #009fdf;
        border: 1px solid #009fdf;
        color: #fff;
    }

        .nl form button, .nl form button:hover {
            text-decoration: none;
        }

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

.nl form button:disabled {
    opacity: .5;
    pointer-events: none;
}

.nl form button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.nl form button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.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: a;
    animation-name: a;
}

.remodal.remodal-is-closing {
    -webkit-animation-name: b;
    animation-name: b;
}

.remodal, .remodal-wrapper:after {
    vertical-align: middle;
}

.remodal-close {
    bottom: 100%;
    right: 0;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 1em 0;
}

    .remodal-close, .remodal-close:before {
        position: absolute;
        width: 1.5em;
        height: 1.5em;
    }

        .remodal-close:before {
            content: "";
            top: 50%;
            margin-top: -.75em;
            left: 0;
            background-position: 50%;
            background-repeat: no-repeat;
        }

.remodal-cancel, .remodal-confirm {
    font: inherit;
    display: inline-block;
    overflow: visible;
    min-width: 110px;
    margin: 0;
    padding: 12px 0;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 0;
    outline: 0;
}

.remodal-confirm {
    color: #fff;
    background: #81c784;
}

    .remodal-confirm:focus, .remodal-confirm:hover {
        background: #66bb6a;
    }

.remodal-cancel {
    color: #fff;
    background: #e57373;
}

    .remodal-cancel:focus, .remodal-cancel:hover {
        background: #ef5350;
    }

    .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

@-webkit-keyframes a {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes a {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
    }
}

@keyframes b {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
    }
}

@-webkit-keyframes c {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes c {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes d {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes d {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media only screen and (min-width:641px) {
    .remodal {
        max-width: 960px;
    }
}

.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}

.lt-ie9 .remodal {
    width: 700px;
}

@-ms-viewport {
    width: device-width;
}

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

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    color: #a7a7aa;
    line-height: 1.5;
    font-family: sttl;
    font-size: 16px;
}

@media only screen and (min-width:1024px) {
    html {
        height: 100%;
    }
}

body {
    background: #eee;
}

@media only screen and (min-width:1024px) {
    body {
        height: 100%;
    }
}

body.menu-open, body.search-open {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

input, select, textarea {
    font-family: sttl;
    font-weight: 200;
}

.html_debug {
    display: none;
}

.rtl-toggle {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #009fdf;
    color: #fff;
    padding: .25em .5em;
    line-height: 1;
    z-index: 111;
    font-size: .75em;
}

    .rtl-toggle:hover {
        color: #fff;
    }

h1, h2, h3, h4 {
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 1em;
}

h1 {

    margin: 0 0 .5em;
    font-family: sthl, sans-serif;
    font-size: 2.125rem;
    color: #959598;
    
}

    h1.title {
        margin: .5em 0 -.2em;
    }

h2 {
    font-size: 1.25em;
    font-family: sthr, sans-serif;
    color: #4d4d4d;
}

h2 a {
    color: #53565a;
}

h2 a:hover {
    color: #46b4e6;
}

h3 {
    font-size: 1.0625em;
    color: #4d4d4d;
    font-family: sthr, sans-serif;
}

    h3 a {
        color: #53565a;
    }

        h3 a:hover {
            color: #46b4e6;
        }

h4 {
    color: #4d4d4d;
    font-family: sthr, sans-serif;
    font-size: 0.9375rem;
}

    h4 a {
        color: #53565a;
    }

        h4 a:hover {
            color: #46b4e6;
        }

a {
    color: #009fdf;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

        a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4 {
            color: #46b4e6;
        }

    a:active {
        color: #008cc8;
    }

p {
    /* color: #53565a; */
    margin: 1em 0;
    /* font-size: .9375em; */
    color: #4d4d4d;
    font-family: sttl, sans-serif;
    font-size: 0.9375rem;
}

#cookies-notification {
    background: #009fdf;
    color: #fff;
    padding: 1.5em 0;
    display: none;
}

.show-cookies #cookies-notification {
    display: block;
}

@media only screen and (min-width:601px) {
    #cookies-notification .block {
        margin-bottom: 0;
    }
}

#cookies-notification .block h3 {
    color: #fff;
    margin: 0 0 .25em;
}

    #cookies-notification .block h3:before {
        content: "*";
        font-size: 3em;
        display: inline-block;
        line-height: .1em;
        text-indent: -.1em;
        vertical-align: -.45em;
        margin-bottom: -1em;
    }

@media only screen and (min-width:1024px) {
    #cookies-notification .block h3:before {
        vertical-align: -.6em;
        font-size: 5em;
        text-indent: -.5em;
    }
}

#cookies-notification .block p {
    color: #fff;
}

@media only screen and (min-width:601px) {
    #cookies-notification .block p {
        margin-bottom: 0;
    }
}

#cookies-notification .block a {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #fff;
    border: 1px solid #fff;
    color: #009fdf;
    float: right;
    margin-bottom: 0;
}

    #cookies-notification .block a:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    #cookies-notification .block a {
        width: auto;
        display: inline-block;
    }
}

#cookies-notification .block a:disabled {
    opacity: .5;
    pointer-events: none;
}

#site {
    position: relative;
    height: 100%;
}

    #site.popup {
        height: auto;
        background: #fff;
        padding: .75rem 0;
        font-size: .875em;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

.load_more {
    color: #009fdf;
    margin: 0 0 1.5em;
    padding-left: .5em;
    padding-right: 1.75em;
    display: block;
    position: relative;
}

    .load_more:before {
        content: "";
        background: url(../img/icons/chevron_right.png) 50% no-repeat;
        font-weight: 700;
        position: relative;
        display: inline-block;
        width: 1em;
        height: 1em;
        right: .5em;
        top: .2em;
        margin-left: .75em;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .load_more:hover {
        color: #46b4e6;
        text-decoration: underline;
    }

    .load_more:active {
        color: #008cc8;
    }

.see_more {
    color: #009fdf;
    margin: 0 0 1.5em;
    display: inline-block;
    position: relative;
    padding-left: 1.25em;
}

    .see_more:before {
        content: "";
        background: url(../img/icons/chevron_right.png) 0 no-repeat;
        font-weight: 700;
        width: 1em;
        height: 1em;
        left: 0;
        top: 50%;
        margin-top: -.5em;
        position: absolute;
    }

[dir=rtl] .see_more:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.see_more:hover {
    color: #46b4e6;
    text-decoration: underline;
}

.see_more:active {
    color: #008cc8;
}

.cta-blue {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .cta-blue, .cta-blue:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .cta-blue {
        width: auto;
        display: inline-block;
    }
}

.cta-blue:disabled {
    opacity: .5;
    pointer-events: none;
}

.cta-blue:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.cta-blue:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.cta-white {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #fff;
    border: 1px solid #fff;
    color: #009fdf;
}

    .cta-white, .cta-white:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .cta-white {
        width: auto;
        display: inline-block;
    }
}

.cta-white:disabled {
    opacity: .5;
    pointer-events: none;
}

.cta-yellow {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    border: 1px solid #ffcd00;
    background: #ffcd00;
    color: #53565a;
}

    .cta-yellow, .cta-yellow:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .cta-yellow {
        width: auto;
        display: inline-block;
    }
}

.cta-yellow:disabled {
    opacity: .5;
    pointer-events: none;
}

.cta-yellow:hover {
    border-color: #ffe678;
    background: #ffe678;
}

.cta-yellow:active {
    border-color: #ffc300;
    background: #ffc300;
}

.ajaxSource .error {
    margin: 0 0 1.5em;
}

.ajaxSource .error, .ajaxSource .loading {
    display: none;
    text-align: center;
    padding: 2em 0;
}

    .ajaxSource .loading:before {
        content: "";
        width: 2em;
        height: 2em;
        display: block;
        margin: 0 auto;
        background: url(../img/spinner.gif) 50% no-repeat;
        background-size: cover;
    }

.ajaxSource .nomore {
    display: none;
    text-align: center;
    padding: 2em 0;
}

.ajaxSource.finished .load_more {
    display: none;
}

.ajaxSource.nonefound .nomore {
    display: block;
}

.ajaxSource.nonefound .load_more {
    display: none;
}

.ajaxSource.error .error {
    display: block;
    background: #f6f6f6;
}

.ajaxSource.error .map, .ajaxSource.error .results, .ajaxSource.error .sort {
    display: none;
}

.ajaxSource.loading .loading {
    display: block;
}

.ajaxSource.loading .error, .ajaxSource.loading .load_more, .ajaxSource.loading .map, .ajaxSource.loading .sort {
    display: none;
}

header {
    background: #fff;
}

    header .block, header .col, header .container .row {
        position: static;
    }

@media only screen and (min-width:1024px) {
    header {
        background: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11;
    }

    .remodal-is-locked header {
        padding-right: 17px;
    }
}

main {
    background: #fff;
    padding-bottom: 1.5em;
}

@media only screen and (min-width:1024px) {
    main {
        padding-top: 5em;
        padding-bottom: 2em;
        min-height: 100%;
        margin-bottom: -30px;
    }

    .compare-open main {
        margin-bottom: -130px;
    }

        .compare-open main:after {
            height: 130px;
        }

    main:after {
        content: "";
        display: block;
        height: 30px;
    }
}

footer {
    background: #fff;
    position: relative;
    z-index: 0;
}

@media only screen and (min-width:601px) {
    footer {
        background: #eee;
    }
}

footer .row {
    margin-bottom: 0;
}

footer .footer {
    padding: .5em 0;
    font-size: .75em;
}

    footer .footer p {
        color: #a7a7aa;
        margin: 0;
    }

@media only screen and (min-width:601px) {
    footer .footer p {
        display: inline-block;
        margin-right: 2em;
    }

    [dir=rtl] footer .footer p {
        margin-right: 0;
        margin-left: 2em;
    }
}

footer .footer p.mobile {
    display: block;
    text-indent: -999em;
    font-size: .75em;
    height: 14px;
    width: 150px;
    overflow: hidden;
    margin: .5em 0;
    position: relative;
}

    footer .footer p.mobile:after {
        content: "";
        background: url(../img/SABIC-CTM.svg) 50% no-repeat;
        background-size: contain;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-indent: 0;
    }

[lang=ar] footer .footer p.mobile {
    width: 85px;
}

    [lang=ar] footer .footer p.mobile:after {
        background: url(../img/sabic-ctm-ar.svg) 50% no-repeat;
    }

@media only screen and (min-width:1024px) {
    footer .footer p.mobile {
        display: none;
    }
}

footer .footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width:601px) {
    footer .footer ul {
        display: inline-block;
    }
}

footer .footer ul li {
    display: inline-block;
    margin-right: .25em;
}

[dir=rtl] footer .footer ul li {
    margin-right: 0;
    margin-left: .25em;
}

footer .footer ul li:after {
    content: "|";
    display: inline-block;
    margin-left: .5em;
}

[dir=rtl] footer .footer ul li:after {
    margin-left: 0;
    margin-right: .5em;
}

footer .footer ul li:last-child:after {
    display: none;
}

footer .footer ul li a {
    color: #a7a7aa;
    text-decoration: none;
}

    footer .footer ul li a:hover {
        text-decoration: underline;
        color: #009fdf;
    }

    footer .footer ul li a:active {
        text-decoration: underline;
        color: #53565a;
    }

hr {
    text-align: left;
    position: relative;
    border: 0;
    padding: 0;
    height: 5px;
    margin: 0 -1.5rem 1.5em;
}

@media only screen and (min-width:601px) {
    hr {
        margin: 0 0 1.5em;
    }
}

hr.orange:after {
    background: #ffd100;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmQxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmOTlkMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(left,#ffd100 10%,#f99d1c 75%);
    background: linear-gradient(90deg,#ffd100 10%,#f99d1c 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd100',endColorstr='#f99d1c',GradientType=1);
}

hr.blue:after, hr.orange:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
}

hr.blue:after {
    background: #00aeef;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMwMGFlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDViYWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(left,#00aeef 10%,#005baa 75%);
    background: linear-gradient(90deg,#00aeef 10%,#005baa 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeef',endColorstr='#005baa',GradientType=1);
}

hr.grey:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    background: #d8d8d8;
}

.breadcrumb_top {
    display: block;
}

    .breadcrumb_top nav {
        margin: 1.5em 0;
        position: relative;
    }

        .breadcrumb_top nav ul {
            margin: 0;
            padding: 0;
            list-style: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .breadcrumb_top nav ul li {
                font-size: .8125em;
                color: #a7a7aa;
                display: inline-block;
                padding: 0 2em 0 0;
                position: relative;
            }

[dir=rtl] .breadcrumb_top nav ul li {
    padding: 0 0 0 2em;
}

.breadcrumb_top nav ul li:after {
    content: "";
    background: url(../img/icons/chevron_right_grey.png) 50% no-repeat;
    font-weight: 700;
    position: absolute;
    width: 1em;
    height: 1em;
    right: .5em;
    top: .2em;
}

[dir=rtl] .breadcrumb_top nav ul li:after {
    right: auto;
    left: .5em;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.breadcrumb_top nav ul li:last-child:after {
    display: none;
}

.breadcrumb_top nav ul li a {
    color: #a7a7aa;
    text-decoration: underline;
    display: block;
}

    .breadcrumb_top nav ul li a:hover {
        color: #009fdf;
    }

.breadcrumb_bottom {
    display: none;
}

#homepage .touch_prev {
    color: #009fdf;
    text-decoration: none;
    position: relative;
    line-height: 2.4em;
    width: 2.4em;
    height: 2.4em;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    margin-top: -1.2em;
    border: 0;
    background: 0;
    z-index: 11;
    outline: none;
    text-indent: -999em;
    width: 6em;
    height: 6em;
    line-height: 6em;
    left: -3em;
    margin-top: -3em;
    display: none;
}

    #homepage .touch_prev:hover {
        color: #009fdf;
    }

        #homepage .touch_prev:hover:before {
            border-color: #ffcd00;
            background: #ffcd00;
        }

        #homepage .touch_prev:hover:after {
            color: #041e42;
        }

    #homepage .touch_prev:active {
        color: #009fdf;
    }

        #homepage .touch_prev:active:before {
            border-color: #009fdf;
            background: #fff;
        }

        #homepage .touch_prev:active:after {
            color: #009fdf;
        }

    #homepage .touch_prev:before {
        content: "";
        top: 0;
        left: 0;
        border: 1px solid #009fdf;
        background: #009fdf;
        width: 100%;
        height: 100%;
        border-radius: 100em;
        position: absolute;
    }

    #homepage .touch_prev:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        color: #fff;
    }

    #homepage .touch_prev:before {
        background: #041e42;
        border-color: #041e42;
    }

    #homepage .touch_prev:after {
        text-indent: 2em;
        content: "←";
    }

#homepage .touch_next {
    color: #009fdf;
    text-decoration: none;
    position: relative;
    line-height: 2.4em;
    width: 2.4em;
    height: 2.4em;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    margin-top: -1.2em;
    border: 0;
    background: 0;
    z-index: 11;
    outline: none;
    text-indent: -999em;
    width: 6em;
    height: 6em;
    line-height: 6em;
    right: -3em;
    margin-top: -3em;
    display: none;
}

    #homepage .touch_next:hover {
        color: #009fdf;
    }

        #homepage .touch_next:hover:before {
            border-color: #ffcd00;
            background: #ffcd00;
        }

        #homepage .touch_next:hover:after {
            color: #041e42;
        }

    #homepage .touch_next:active {
        color: #009fdf;
    }

        #homepage .touch_next:active:before {
            border-color: #009fdf;
            background: #fff;
        }

        #homepage .touch_next:active:after {
            color: #009fdf;
        }

    #homepage .touch_next:before {
        content: "";
        top: 0;
        left: 0;
        border: 1px solid #009fdf;
        background: #009fdf;
        width: 100%;
        height: 100%;
        border-radius: 100em;
        position: absolute;
    }

    #homepage .touch_next:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        color: #fff;
    }

    #homepage .touch_next:before {
        background: #041e42;
        border-color: #041e42;
    }

    #homepage .touch_next:after {
        text-indent: -2em;
        content: "→";
    }

@media only screen and (min-width:1024px) {
    .touchevents #homepage .touch_next, .touchevents #homepage .touch_prev {
        display: block;
    }
}

@media only screen and (min-width:1024px) {
    #homepage {
        margin-top: -5em;
        margin-bottom: -2em;
        height: calc(100vh - 30px);
        min-height: 50em;
        overflow: hidden;
        position: relative;
    }
}

#homepage section .hero {
    position: relative;
}

@media only screen and (min-width:1024px) {
    #homepage section .hero {
        overflow: hidden;
        position: absolute;
        height: 100%;
        z-index: -1;
        width: 100%;
    }
}

#homepage section .row {
    margin-bottom: 0;
}

@media only screen and (min-width:1024px) {
    #homepage section {
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: 0;
    }

        #homepage section.leaving {
            z-index: 1;
            opacity: 1;
        }

        #homepage section.arriving {
            z-index: 2;
            opacity: 1;
        }

        #homepage section.leaving video, #homepage section.playing video {
            opacity: 1;
            display: block;
        }
}

#homepage section .lower, #homepage section .lower .vcentered, #homepage section .upper, #homepage section .upper .vcentered {
    position: relative;
}

@media only screen and (min-width:1024px) {
    #homepage section .lower, #homepage section .upper {
        z-index: 0;
        display: table;
        width: 100%;
    }

        #homepage section .lower .hcentered, #homepage section .upper .hcentered {
            text-align: center;
        }

        #homepage section .lower .vcentered, #homepage section .upper .vcentered {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }
}

#homepage section .upper {
    height: 100%;
}

    #homepage section .upper .html {
        margin: 0;
    }

@media only screen and (min-width:1024px) {
    #homepage section .upper .html {
        margin-top: 3em;
        color: #53565a;
    }
}

@media only screen and (min-width:1024px) {
    #homepage section .upper .html h2 {
        margin-top: 0;
        font-size: 2.5em;
        margin-bottom: .25em;
        line-height: 1;
    }
}

@media only screen and (min-width:1024px) {
    #homepage section .upper .html p {
        font-size: 1.25em;
        line-height: 1.2;
    }
}

#homepage section .upper .html .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: 0;
}

    #homepage section .upper .html .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    #homepage section .upper .html .cta {
        width: auto;
        display: inline-block;
    }
}

#homepage section .upper .html .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

#homepage section .upper .html .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

#homepage section .upper .html .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

#homepage section .upper .html .ico {
    display: block;
}

@media only screen and (min-width:1024px) {
    #homepage section .upper .html.darkimage, #homepage section .upper .html.darkimage h2, #homepage section .upper .html.darkimage h3, #homepage section .upper .html.darkimage h4, #homepage section .upper .html.darkimage p {
        color: #fff;
    }
}

#homepage section .lower {
    margin: 1.5em 0;
}

@media only screen and (min-width:1024px) {
    #homepage section .lower {
        padding-top: 3em;
        height: 50%;
        margin: 0;
    }
}

#homepage section .lower .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin-bottom: 0 !important;
}

    #homepage section .lower .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    #homepage section .lower .cta {
        width: auto;
        display: inline-block;
    }
}

#homepage section .lower .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

#homepage section .lower .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

#homepage section .lower .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

#homepage section .lower p {
    font-family: sttr;
    font-size: 1.25em;
    font-weight: 200;
}

#homepage section#s1 .lower ul {
    margin: 0 0 1.5em;
    padding: 0;
    list-style: none;
}

    #homepage section#s1 .lower ul li {
        display: block;
    }

@media only screen and (min-width:601px) {
    #homepage section#s1 .lower ul li {
        display: inline-block;
    }
}

#homepage section#s1 .lower ul li a {
    padding: .75em 2em .75em 3em;
    display: block;
    position: relative;
}

[dir=rtl] #homepage section#s1 .lower ul li a {
    padding-left: 2em;
    padding-right: 3em;
}

#homepage section#s1 .lower ul li a:before {
    content: "";
    width: 2em;
    height: 2em;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    left: 0;
}

[dir=rtl] #homepage section#s1 .lower ul li a:before {
    left: auto;
    right: 0;
}

#homepage section#s1 .lower ul li a:before {
    background-position: 50%;
    background-repeat: no-repeat;
}

#homepage section#s2 .lower blockquote {
    color: #53565a;
    margin: 2em 0 1.5em;
    line-height: 1.4;
    font-size: 1.25em;
}

@media only screen and (min-width:1024px) {
    #homepage section#s2 .lower blockquote {
        padding-right: 25%;
        margin: 0 0 1.5em;
    }

    [dir=rtl] #homepage section#s2 .lower blockquote {
        padding-right: 0;
        padding-left: 25%;
    }
}

#homepage section#s2 .lower blockquote:before {
    content: open-quote;
    font-size: 1.25em;
}

#homepage section#s2 .lower blockquote:after {
    content: close-quote;
    font-size: 1.25em;
}

@media only screen and (min-width:1024px) {
    #homepage section#s3.expanded .slick {
        height: 30%;
    }

        #homepage section#s3.expanded .slick .vcentered .container {
            display: none;
        }

    #homepage section#s3.expanded .lower {
        height: 70%;
    }

        #homepage section#s3.expanded .lower .complete {
            display: block;
        }

        #homepage section#s3.expanded .lower .minimal {
            display: none;
        }
}

#homepage section#s3 .lower .container {
    position: relative;
}

#homepage section#s3 .lower .complete {
    display: none;
}

#homepage section#s3 .lower .close {
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0;
    right: 0;
}

    #homepage section#s3 .lower .close:before {
        content: "";
        width: 2em;
        height: 2em;
        position: absolute;
        top: 50%;
        margin-top: -1em;
        left: 0;
        background-position: 50%;
        background-repeat: no-repeat;
    }

#homepage section#s3 .lower .product_finder {
    background: 0;
    margin: 0;
    padding: 0;
}

#homepage section#s4 .lower ul {
    margin: 0 0 .5em;
    padding: 0;
    list-style: none;
}

    #homepage section#s4 .lower ul:after {
        content: "";
        display: table;
        clear: both;
    }

    #homepage section#s4 .lower ul li {
        display: block;
    }

@media only screen and (min-width:601px) {
    #homepage section#s4 .lower ul li {
        float: left;
        width: 50%;
    }

    [dir=rtl] #homepage section#s4 .lower ul li {
        float: right;
    }
}

@media only screen and (min-width:1024px) {
    #homepage section#s4 .lower ul li {
        width: 33.3333%;
    }
}

#homepage section#s4 .lower ul li a {
    padding: .75em 2em .75em 3em;
    display: block;
    position: relative;
}

[dir=rtl] #homepage section#s4 .lower ul li a {
    padding-left: 2em;
    padding-right: 3em;
}

#homepage section#s4 .lower ul li a:before {
    content: "";
    width: 2em;
    height: 2em;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    left: 0;
}

[dir=rtl] #homepage section#s4 .lower ul li a:before {
    left: auto;
    right: 0;
}

#homepage section#s4 .lower ul li a:before {
    background-position: 50%;
    background-repeat: no-repeat;
}

#homepage section#s6 .lower ul {
    margin: .5em 0;
    padding: 0;
    list-style: none;
}

    #homepage section#s6 .lower ul:after {
        content: "";
        display: table;
        clear: both;
    }

    #homepage section#s6 .lower ul li {
        display: block;
        color: #53565a;
        margin: 1em 0;
    }

@media only screen and (min-width:1024px) {
    #homepage section#s6 .lower ul li {
        margin: 0;
        float: left;
        width: 33.3333%;
        padding-right: 2em;
    }

    [dir=rtl] #homepage section#s6 .lower ul li {
        padding-right: 0;
        padding-left: 2em;
    }
}

#homepage section#s6 .lower ul li h3 {
    margin: 0;
    font-size: 1.75em;
}

#homepage section#s6 .lower ul li p {
    margin: 0;
    font-size: 1.125em;
}

#homepage section#s6 .lower .ico {
    color: #009fdf;
    display: block;
    position: relative;
    margin: .5em 0;
    padding: .75em 2em .75em 3em;
}

[dir=rtl] #homepage section#s6 .lower .ico {
    padding-left: 2em;
    padding-right: 3em;
}

#homepage section#s6 .lower .ico:before {
    content: "";
    width: 2em;
    height: 2em;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    left: 0;
}

[dir=rtl] #homepage section#s6 .lower .ico:before {
    left: auto;
    right: 0;
}

#homepage section#s6 .lower .ico:before {
    background-position: 50%;
    background-repeat: no-repeat;
}

#homepage section#s8 .lower .downloadreports {
    margin: 0 0 1.5em;
}

    #homepage section#s8 .lower .downloadreports ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #homepage section#s8 .lower .downloadreports ul:after {
            content: "";
            display: table;
            clear: both;
        }

@media only screen and (min-width:1024px) {
    #homepage section#s8 .lower .downloadreports ul li {
        float: left;
        width: 50%;
    }

    [dir=rtl] #homepage section#s8 .lower .downloadreports ul li {
        float: right;
    }
}

#homepage section#s8 .lower .downloadreports ul li a {
    display: block;
    position: relative;
    padding: .5em 2em .5em 3em;
}

[dir=rtl] #homepage section#s8 .lower .downloadreports ul li a {
    padding-right: 3em;
    padding-left: 2em;
}

#homepage section#s8 .lower .downloadreports ul li a:before {
    content: "";
    width: 2em;
    height: 2em;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    left: 0;
}

[dir=rtl] #homepage section#s8 .lower .downloadreports ul li a:before {
    left: auto;
    right: 0;
}

#homepage section#s8 .lower .downloadreports ul li a:before {
    background-position: 50%;
    background-repeat: no-repeat;
}

#homepage section#s8 .lower .downloadreports ul li a:active {
    color: #53565a;
}

#homepage section#s8 .lower .shareprice h4 {
    font-size: 1.25em;
    margin-bottom: 0;
    margin-top: 1em;
}

#homepage section#s8 .lower .shareprice span {
    display: block;
    font-size: 3em;
    margin: 0 0 .25em;
}

#homepage section#s9 .upper .col, #homepage section#s9 .upper .container {
    position: relative;
}

@media only screen and (min-width:1024px) {
    #homepage section#s9 .upper .headlines {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #fff;
        color: #a7a7aa;
        padding: 1.5em;
    }
}

#homepage section#s9 .upper .headlines img {
    display: block;
    width: 100%;
}

#homepage section#s9 .upper .video a {
    position: relative;
    display: block;
    padding-left: 4em;
}

    #homepage section#s9 .upper .video a h2 {
        margin-bottom: 0;
        color: #fff;
    }

    #homepage section#s9 .upper .video a p {
        color: #fff;
    }

    #homepage section#s9 .upper .video a h3 {
        margin-top: 0;
        color: #fff;
    }

@media only screen and (min-width:1024px) {
    #homepage section#s9 .upper .video a {
        padding: 0;
        color: #fff;
    }
}

#homepage section#s9 .upper .html .ico:hover, #homepage section#s9 .upper .video a:hover {
    text-decoration: none;
}

#homepage section#s9 .upper .html .ico:before {
    content: "";
    width: 3em;
    height: 3em;
    position: absolute;
    left: 0;
    top: 0;
}

@media only screen and (min-width:1024px) {
    #homepage section#s9 .upper .html .ico:before {
        position: static;
        display: block;
        top: auto;
        bottom: 100%;
        margin: 1em auto;
        left: 50%;
    }
}

#homepage section#s9 .upper .html .ico:before {
    background-position: 50%;
    background-repeat: no-repeat;
}

@media only screen and (min-width:1024px) {
    #homepage .heroimage {
        overflow: hidden;
    }

        #homepage .heroimage, #homepage .heroimage:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            #homepage .heroimage:after {
                content: "";
                background: transparent;
                background-image: -webkit-linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,.2) 50%,transparent 75%);
                background-image: linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.2) 50%,transparent 75%);
                z-index: -1;
            }
}

#homepage .heroimage img {
    width: 100%;
    display: block;
}

@media only screen and (min-width:1024px) {
    #homepage .heroimage img.hero_mobile {
        display: none;
    }
}

#homepage .heroimage img.hero_desktop {
    display: none;
}

@media only screen and (min-width:1024px) {
    #homepage .heroimage img.hero_desktop {
        display: block;
        width: auto;
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        z-index: -1;
    }

    #homepage .heroimage img.hero_desktop, [dir=rtl] #homepage .heroimage img.hero_desktop {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

#homepage .heroimage video {
    display: none;
}

@media only screen and (min-width:1024px) {
    #homepage .heroimage video {
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        opacity: 0;
        z-index: -1;
    }

    #homepage .heroimage video, [dir=rtl] #homepage .heroimage video {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

#homepage .flowline {
    overflow: hidden;
    -webkit-transform: translateY(-60%) scaleY(1.5);
    transform: translateY(-60%) scaleY(1.5);
    position: relative;
    pointer-events: none;
    left: -20%;
    width: 120%;
}

[dir=rtl] #homepage .flowline {
    left: auto;
    right: -20%;
}

@media only screen and (min-width:601px) {
    #homepage .flowline {
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%);
        width: 100%;
        left: 0;
    }

    [dir=rtl] #homepage .flowline {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width:1024px) {
    #homepage .flowline {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }

    [dir=rtl] #homepage .flowline {
        left: auto;
        right: 0;
    }
}

#homepage .flowline img {
    position: relative;
    left: -1%;
    width: 102%;
    display: block;
    z-index: 0;
    pointer-events: none;
}

[dir=rtl] #homepage .flowline img {
    left: auto;
    right: -1%;
}

#homepage .slick {
    height: 50%;
}

    #homepage .slick .slick-list, #homepage .slick .slide {
        height: 100%;
    }

@media only screen and (min-width:1024px) {
    #homepage .slick .slick-list {
        overflow: visible;
    }
}

#homepage .slick .slick-track {
    height: 100%;
}

#homepage .slick .slick-prev {
    color: #009fdf;
    text-decoration: none;
    position: relative;
    line-height: 2.4em;
    width: 2.4em;
    height: 2.4em;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    margin-top: -1.2em;
    border: 0;
    background: 0;
    z-index: 11;
    outline: none;
    text-indent: -999em;
    left: 1em;
}

    #homepage .slick .slick-prev:hover {
        color: #009fdf;
    }

        #homepage .slick .slick-prev:hover:before {
            border-color: #ffcd00;
            background: #ffcd00;
        }

        #homepage .slick .slick-prev:hover:after {
            color: #041e42;
        }

    #homepage .slick .slick-prev:active {
        color: #009fdf;
    }

        #homepage .slick .slick-prev:active:before {
            border-color: #009fdf;
            background: #fff;
        }

        #homepage .slick .slick-prev:active:after {
            color: #009fdf;
        }

    #homepage .slick .slick-prev:before {
        content: "";
        top: 0;
        left: 0;
        border: 1px solid #009fdf;
        background: #009fdf;
        width: 100%;
        height: 100%;
        border-radius: 100em;
        position: absolute;
    }

    #homepage .slick .slick-prev:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        color: #fff;
        text-indent: 0;
        content: "←";
    }

#homepage .slick .slick-next {
    color: #009fdf;
    text-decoration: none;
    position: relative;
    line-height: 2.4em;
    width: 2.4em;
    height: 2.4em;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    margin-top: -1.2em;
    border: 0;
    background: 0;
    z-index: 11;
    outline: none;
    text-indent: -999em;
    right: 1em;
}

    #homepage .slick .slick-next:hover {
        color: #009fdf;
    }

        #homepage .slick .slick-next:hover:before {
            border-color: #ffcd00;
            background: #ffcd00;
        }

        #homepage .slick .slick-next:hover:after {
            color: #041e42;
        }

    #homepage .slick .slick-next:active {
        color: #009fdf;
    }

        #homepage .slick .slick-next:active:before {
            border-color: #009fdf;
            background: #fff;
        }

        #homepage .slick .slick-next:active:after {
            color: #009fdf;
        }

    #homepage .slick .slick-next:before {
        content: "";
        top: 0;
        left: 0;
        border: 1px solid #009fdf;
        background: #009fdf;
        width: 100%;
        height: 100%;
        border-radius: 100em;
        position: absolute;
    }

    #homepage .slick .slick-next:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        color: #fff;
        text-indent: 0;
        content: "→";
    }

#homepage .actions_mobile {
    display: block;
    position: absolute;
    bottom: 0;
    top: 1em;
}

@media only screen and (min-width:1024px) {
    #homepage .actions_mobile {
        display: none;
    }
}

#homepage .actions_desktop {
    position: absolute;
    left: 0;
    text-align: right;
    width: 100%;
    top: 1em;
    display: block;
    z-index: 111;
}

@media only screen and (min-width:1024px) {
    #homepage .actions_desktop {
        top: 6em;
    }
}

#error {
    padding: 0;
}

@media only screen and (min-width:1024px) {
    #error section {
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        z-index: 0;
    }
}

#error section .hero {
    position: relative;
}

@media only screen and (min-width:1024px) {
    #error section .hero {
        overflow: hidden;
        position: absolute;
        height: 100%;
        z-index: -1;
        width: 100%;
    }
}

#error section .row {
    margin-bottom: 0;
}

#error section .upper, #error section .upper .vcentered {
    position: relative;
}

@media only screen and (min-width:1024px) {
    #error section .upper {
        z-index: 0;
        display: table;
        width: 100%;
    }

        #error section .upper .hcentered {
            text-align: center;
        }

        #error section .upper .vcentered {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }
}

#error section .upper {
    height: 100%;
}

    #error section .upper .cta {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        text-decoration: none;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #009fdf;
        border: 1px solid #009fdf;
        color: #fff;
        margin: 0;
    }

        #error section .upper .cta:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    #error section .upper .cta {
        width: auto;
        display: inline-block;
    }
}

#error section .upper .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

#error section .upper .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

#error section .upper .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    #error .heroimage {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

#error .heroimage img {
    width: 100%;
    display: block;
}

@media only screen and (min-width:1024px) {
    #error .heroimage img {
        width: auto;
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        z-index: -1;
    }

    #error .heroimage img, [dir=rtl] #error .heroimage img {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

#error .heroimage video {
    display: none;
}

@media only screen and (min-width:1024px) {
    #error .heroimage video {
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        opacity: 0;
        z-index: -1;
    }

    #error .heroimage video, [dir=rtl] #error .heroimage video {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

#error .flowline {
    overflow: hidden;
    -webkit-transform: translateY(-60%) scaleY(1.5);
    transform: translateY(-60%) scaleY(1.5);
    position: relative;
    pointer-events: none;
    left: -20%;
    width: 120%;
}

[dir=rtl] #error .flowline {
    left: auto;
    right: -20%;
}

@media only screen and (min-width:601px) {
    #error .flowline {
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%);
        width: 100%;
        left: 0;
    }

    [dir=rtl] #error .flowline {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width:1024px) {
    #error .flowline {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }

    [dir=rtl] #error .flowline {
        left: auto;
        right: 0;
    }
}

#error .flowline img {
    position: relative;
    left: -1%;
    width: 102%;
    display: block;
    z-index: 0;
    pointer-events: none;
}

[dir=rtl] #error .flowline img {
    left: auto;
    right: -1%;
}

@media only screen and (min-width:1024px) {
    #error .html.darkimage, #error .html.darkimage h2, #error .html.darkimage h3, #error .html.darkimage p {
        color: #fff;
    }
}

#error .html h1, #error .html h2, #error .html h3 {
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
}

#error .html h1 {
    font-size: 2em;
}

@media only screen and (min-width:1024px) {
    #error .html h2 {
        margin-top: 0;
        font-size: 2em;
        margin-bottom: .5em;
    }
}

#error .html h3 {
    font-size: 1.3125em;
}

#error .html p {
    margin: 1em 0 2em;
    color: #53565a;
    font-size: .9375em;
    font-family: sttr;
}

#locations #map {
    height: 20em;
}

@media only screen and (min-width:1024px) {
    #locations #map {
        height: 30em;
    }
}

#locations .locations-list {
    margin-bottom: 2em;
}

#product .order_dd {
    position: relative;
}

@media only screen and (min-width:601px) {
    #product .order_dd {
        display: inline-block;
    }

        #product .order_dd > a {
            margin: 0 1em 0 0;
        }

    [dir=rtl] #product .order_dd > a {
        margin: 0 0 0 1em;
    }
}

#product .order_dd.open .options {
    display: block;
}

#product .order_dd .options {
    display: none;
    position: absolute;
    background: #009fdf;
    padding: .5em 0;
    width: 100%;
    z-index: 1;
    top: 100%;
    left: 0;
}

@media only screen and (min-width:601px) {
    #product .order_dd .options {
        width: 15em;
    }
}

#product .order_dd .options a {
    display: block;
    text-align: left;
    margin: 0;
}

#product .results {
    margin: 0 0 4em;
}

    #product .results .block:nth-child(2n+1) {
        background: #f2fafd;
    }

#product .product-group > .row {
    padding-top: 1em;
}

    #product .product-group > .row:after {
        content: "";
        background: #ccc;
        height: 1px;
        display: block;
        margin: 0 .75em .5em;
    }

#product #product-nav {
    position: relative;
    padding-top: 1em;
    display: none;
    padding-top: 5em;
}

@media only screen and (min-width:1024px) {
    #product #product-nav {
        display: block;
    }
}

#product #product-nav .container {
    position: absolute;
}

#product #product-nav .container, .stickynav #product #product-nav .container {
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.stickynav #product #product-nav .container {
    position: fixed;
    z-index: 12;
}

#product .documents {
    margin: 0 0 1.5em;
}

    #product .documents:after {
        content: "";
        display: table;
        clear: both;
    }

    #product .documents .document {
        padding: 1em;
        position: relative;
        padding-left: 4em;
        padding-right: 4em;
    }

        #product .documents .document h4 {
            margin: 0;
            color: #53565a;
        }

        #product .documents .document p {
            margin: 0;
            color: #a7a7aa;
        }

        #product .documents .document .ico-doc, #product .documents .document .ico-pdf {
            position: absolute;
            top: 50%;
            left: 1em;
            margin-top: -.75em;
        }

[dir=rtl] #product .documents .document .ico-doc, [dir=rtl] #product .documents .document .ico-pdf {
    left: auto;
    right: 1em;
}

#product .documents .document .ico-doc:before, #product .documents .document .ico-pdf:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
}

#product .documents .document .ico-download {
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -.75em;
}

[dir=rtl] #product .documents .document .ico-download {
    right: auto;
    left: 1em;
}

#product .documents .document .ico-download:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-left: 1em;
    position: relative;
    float: right;
    top: -.25em;
    background-position: 50%;
    background-repeat: no-repeat;
}

#product .documents .document:nth-child(2n+1) {
    background: #f2fafd;
}

#product .tabbed_section {
    display: none;
}

@media only screen and (min-width:601px) {
    #product .tabbed_section {
        border: 1px solid #ccc;
        padding: 1.5em 1.5em 0;
        margin-top: -1px;
        margin-bottom: 1.5em;
    }
}

#product .tabbed_section.active {
    display: block;
}

#compare-panel {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 44;
    display: none;
}

.compare-open #compare-panel .compare-inner {
    display: block;
}

.compare-open #compare-panel .compare-toggle:after {
    background-image: url(../img/icons/minus.png);
}

#compare-panel .compare-toggle {
    position: absolute;
    bottom: 100%;
    right: 1em;
    padding: .5em 2em .25em .5em;
    background: #041e42;
    text-transform: uppercase;
    font-size: .875em;
    color: #fff;
    line-height: 1;
}

[dir=rtl] #compare-panel .compare-toggle {
    right: auto;
    left: 1em;
}

#compare-panel .compare-toggle:after {
    content: "";
    position: absolute;
    background: url(../img/icons/plus.png) 50% no-repeat;
    color: #fff;
    z-index: 1;
    text-align: center;
    top: 50%;
    right: 0;
    width: 2em;
    height: 2em;
    margin-top: -1em;
}

#compare-panel .compare-toggle:hover {
    text-decoration: none;
}

#compare-panel .compare-inner {
    display: none;
    background: #eee;
    padding: 1em 0;
}

@media only screen and (min-width:1024px) {
    #compare-panel .compare-inner {
        padding: .5em 0 .25em;
    }
}

#compare-panel .compare-panel-product {
    margin: 0 0 .25em;
    border: 1px solid #ccc;
    background: #fff;
    position: relative;
}

    #compare-panel .compare-panel-product:after {
        content: "";
        display: table;
        clear: both;
    }

    #compare-panel .compare-panel-product .region {
        float: left;
        color: #53565a;
        background: #f6f6f6;
        padding: .3em .6em;
    }

    #compare-panel .compare-panel-product h4 {
        float: left;
        padding: .3em .5em;
        margin: 0;
        height: 100%;
        overflow: hidden;
        line-height: 1.5;
        font-size: 1em;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 75%;
    }

    #compare-panel .compare-panel-product .ico {
        display: block;
    }

        #compare-panel .compare-panel-product .ico:before {
            content: "";
            position: absolute;
            top: 50%;
            right: .5em;
            width: 1em;
            height: 1em;
            margin-top: -.5em;
            background-position: 50%;
            background-repeat: no-repeat;
        }

#compare-panel .compare-panel-action {
    float: right;
    margin: .25em 0 0;
}

    #compare-panel .compare-panel-action .cta {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        text-decoration: none;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #009fdf;
        border: 1px solid #009fdf;
        color: #fff;
        margin: 0;
    }

        #compare-panel .compare-panel-action .cta:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    #compare-panel .compare-panel-action .cta {
        width: auto;
        display: inline-block;
    }
}

#compare-panel .compare-panel-action .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

#compare-panel .compare-panel-action .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

#compare-panel .compare-panel-action .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.documents-container {
    margin: 0 0 1.5em;
}

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

    .documents-container h2 {
        float: left;
    }

    .documents-container .filters {
        width: 100%;
        margin-bottom: .5em;
    }

@media only screen and (min-width:601px) {
    .documents-container .filters {
        float: right;
        margin-bottom: 0;
        width: auto;
    }
}

.documents-container .filters select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    width: 100%;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ie9 .documents-container .filters select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .documents-container .filters select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.documents-container .filters select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .documents-container .filters select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .documents-container .filters select {
        width: 15em;
    }
}

.documents-container .filters select:disabled {
    opacity: .5;
}

.documents-container .filters select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.documents-container .filters select:active, .documents-container .filters select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

.documents-container .filters button {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .documents-container .filters button:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .documents-container .filters button {
        width: auto;
        display: inline-block;
    }
}

.documents-container .filters button:disabled {
    opacity: .5;
    pointer-events: none;
}

.documents-container .filters button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.documents-container .filters button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.documents-container .filters button, .documents-container .filters select {
    width: 100%;
    margin: .2em;
}

@media only screen and (min-width:601px) {
    .documents-container .filters button, .documents-container .filters select {
        width: auto;
    }
}

.documents-container .documents {
    clear: both;
    margin: 0 0 1.5em;
}

    .documents-container .documents .document {
        padding: 1em;
        position: relative;
        padding-left: 4em;
        padding-right: 4em;
    }

        .documents-container .documents .document h4 {
            margin: 0;
            color: #53565a;
        }

        .documents-container .documents .document p {
            margin: 0;
            color: #a7a7aa;
        }

        .documents-container .documents .document .ico-doc, .documents-container .documents .document .ico-pdf {
            position: absolute;
            top: 50%;
            left: 1em;
            margin-top: -.75em;
        }

[dir=rtl] .documents-container .documents .document .ico-doc, [dir=rtl] .documents-container .documents .document .ico-pdf {
    left: auto;
    right: 1em;
}

.documents-container .documents .document .ico-doc:before, .documents-container .documents .document .ico-pdf:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
}

.documents-container .documents .document .ico-download {
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -.75em;
}

[dir=rtl] .documents-container .documents .document .ico-download {
    right: auto;
    left: 1em;
}

.documents-container .documents .document .ico-download:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-left: 1em;
    position: relative;
    float: right;
    top: -.25em;
    background-position: 50%;
    background-repeat: no-repeat;
}

.documents-container .documents .document:nth-child(2n+1) {
    background: #f2fafd;
}

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

.range-right {
    text-align: right;
}

.one-column {
    background: #f6f6f6;
    padding: 1.5em;
    margin: 0 0 1.5em;
}

    .one-column:after {
        content: "";
        display: table;
        clear: both;
    }

    .one-column h3 {
        margin-bottom: 1em;
    }

    .one-column ul {
        list-style: disc outside;
        margin: 0;
        padding: 0 0 0 1em;
    }

[dir=rtl] .one-column ul {
    padding: 0 1em 0 0;
}

.one-column ul li {
    color: #53565a;
    font-size: .9375em;
    font-family: sttl;
}

.two-column {
    background: #f6f6f6;
    padding: 1.5em;
    margin: 0 0 1.5em;
}

    .two-column:after {
        content: "";
        display: table;
        clear: both;
    }

    .two-column h3 {
        margin-bottom: 1em;
    }

    .two-column ul {
        list-style: disc outside;
        margin: 0;
        padding: 0 0 0 1em;
    }

[dir=rtl] .two-column ul {
    padding: 0 1em 0 0;
}

@media only screen and (min-width:1024px) {
    .two-column ul {
        width: 50%;
        float: left;
    }

    [dir=rtl] .two-column ul {
        float: right;
    }
}

.two-column ul li {
    color: #53565a;
    font-size: .9375em;
    font-family: sttl;
}

.block, .block.menu {
    position: relative;
}

    .block.menu {
        background: hsla(0,0%,100%,.9);
        height: 3.7em;
        padding: .815em 0;
    }

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

@media only screen and (min-width:1024px) {
    .block.menu {
        padding: .815em;
        margin: 1em -1em;
        height: 4.2em;
    }
}

.block.menu .title {
    float: right;
    margin: 0;
    position: relative;
    z-index: 2;
}

    .block.menu .title a {
        display: block;
        text-indent: -999em;
        width: 60px;
        height: 32px;
        position: relative;
    }

@media only screen and (min-width:1024px) {
    .block.menu .title a {
        width: 75px;
        height: 40px;
    }
}

.block.menu .title a:after {
    content: "";
    background: url(../img/sabic-logo.svg) 50% no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 0;
}

.block.menu .menu-toggle {
    color: #53565a;
    text-transform: uppercase;
    vertical-align: top;
    text-decoration: none;
    font-size: .875em;
    width: 3.5em;
    line-height: 2.5em;
    display: inline-block;
    text-align: left;
    position: relative;
    z-index: 2;
    float: left;
}

    .block.menu .menu-toggle .open {
        display: none;
    }

    .block.menu .menu-toggle .closed, .menu-open .block.menu .menu-toggle .open {
        display: block;
    }

.menu-open .block.menu .menu-toggle .closed {
    display: none;
}

@media only screen and (min-width:1024px) {
    .block.menu .menu-toggle {
        display: none;
    }
}

.block.menu .search-toggle {
    width: 3em;
    height: 4em;
    text-indent: -999em;
    padding: 0;
    display: inline-block;
    position: relative;
    z-index: 2;
    top: -1em;
    float: left;
    margin-bottom: -1.1em;
}

@media only screen and (min-width:1024px) {
    .block.menu .search-toggle {
        display: none;
    }
}

.block.menu .search-toggle svg {
    width: 2em;
    height: 1.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    fill: #53565a;
    margin-left: -1em;
    margin-top: -.75em;
}

.search-open .block.menu .search-toggle {
    background: #009fdf;
}

    .search-open .block.menu .search-toggle svg {
        fill: #fff;
    }

@media only screen and (max-width:1023px) {
    .block.menu > form {
        overflow: auto;
        position: fixed;
        top: 0;
        right: 100%;
        width: 100%;
        z-index: 1;
        color: #fff;
        border-top: 3.7em solid #fff;
        padding: .75em;
        background: #009fdf;
        -webkit-transition: right .25s ease-out;
        transition: right .25s ease-out;
    }

    .search-open .block.menu > form {
        right: 0;
    }

    .block.menu > form fieldset {
        border: 0;
        padding: 0;
        margin: 0;
        position: relative;
    }

        .block.menu > form fieldset label {
            position: absolute;
            top: 0;
            left: 0;
            cursor: text;
            text-transform: uppercase;
        }

    [dir=rtl] .block.menu > form fieldset label {
        left: auto;
        right: 0;
    }

    .block.menu > form fieldset input {
        border: 0;
        margin: 0;
        padding: 0 0 .5em;
        background: 0;
        border-bottom: 1px solid #fff;
        width: 100%;
    }

    .block.menu > form button {
        background: 0;
        padding: 0;
        margin: 0;
        border: 0;
        position: absolute;
        top: 0;
        right: 0;
        text-indent: -999em;
        width: 3em;
        height: 2.5em;
    }

    [dir=rtl] .block.menu > form button {
        right: auto;
        left: 0;
    }

    .block.menu > form button svg {
        width: 2em;
        height: 1.2em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -.4em 0 0 -1em;
        fill: #fff;
    }
}

@media only screen and (min-width:1024px) {
    .block.menu > form {
        display: none;
    }
}

.block.menu nav:after {
    content: "";
    display: table;
    clear: both;
}

.block.menu nav h2 {
    display: none;
}

.block.menu nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width:1023px) {
    .block.menu nav {
        overflow: auto;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        z-index: 1;
        color: #fff;
        border-top: 3.7em solid #fff;
        background: #009fdf;
        -webkit-transition: left .5s ease-in;
        transition: left .5s ease-in;
        max-width: 20em;
    }

    .menu-open .block.menu nav {
        left: 0;
        -webkit-transition: left .5s ease-out;
        transition: left .5s ease-out;
    }

    .menu-l1 .block.menu nav .menu-p1, .menu-l1 .block.menu nav .menu-s1 {
        left: -100%;
    }

    .menu-l2 .block.menu nav .menu-p1, .menu-l2 .block.menu nav .menu-s1 {
        left: -200%;
    }

    .block.menu nav a {
        color: #fff;
    }

    .block.menu nav li a {
        display: block;
        position: relative;
        padding: .25em 1em;
    }

        .block.menu nav li a:before {
            content: "";
            line-height: 1;
            font-weight: 700;
            position: absolute;
            top: 50%;
            right: .5em;
            height: 1em;
            width: 1em;
            margin-top: -.5em;
        }

    [dir=rtl] .block.menu nav li a:before {
        left: .5em;
        right: auto;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .block.menu nav li .ico svg {
        width: 2em;
        height: 1.2em;
        display: inline-block;
        fill: #fff;
        margin-right: .5em;
        margin-left: -.1em;
    }

    [dir=rtl] .block.menu nav li .ico svg {
        margin-right: -.1em;
        margin-left: .1em;
    }

    .block.menu nav li.dd > a {
        padding-right: 2em;
    }

    [dir=rtl] .block.menu nav li.dd > a {
        padding-right: 1em;
        padding-left: 2em;
    }

    .block.menu nav li.dd > a:before {
        background: url(../img/icons/chevron_right_white.png) 50% no-repeat;
    }

    .block.menu nav li.back a {
        padding-left: 2.5em;
    }

        .block.menu nav li.back a:before {
            background: url(../img/icons/chevron_right_white.png) 50% no-repeat;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            right: auto;
            left: 1em;
        }

    .block.menu nav li.selected > a {
        background: #fff;
        color: #009fdf;
        text-decoration: none;
    }

    .block.menu nav .menu-p1, .block.menu nav .menu-s1 {
        background: #009fdf;
        padding: .5em 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        -webkit-transition: left .5s ease-out;
        transition: left .5s ease-out;
    }

        .block.menu nav .menu-p1 > li > a, .block.menu nav .menu-s1 > li > a {
            text-transform: uppercase;
        }

        .block.menu nav .menu-p1 > li.leaving > ul, .block.menu nav .menu-p1 > li.selected > ul, .block.menu nav .menu-s1 > li.leaving > ul, .block.menu nav .menu-s1 > li.selected > ul {
            display: block;
        }

        .block.menu nav .menu-p1 > li.search, .block.menu nav .menu-s1 > li.search {
            display: none;
        }

    .block.menu nav .menu-p2, .block.menu nav .menu-s2 {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        z-index: 2;
        display: none;
        padding: .5em 0;
        background: #009fdf;
        -webkit-transition: left .5s ease-out;
        transition: left .5s ease-out;
    }

        .block.menu nav .menu-p2 > li.leaving > ul, .block.menu nav .menu-p2 > li.selected > ul, .block.menu nav .menu-s2 > li.leaving > ul, .block.menu nav .menu-s2 > li.selected > ul {
            display: block;
        }

    .block.menu nav .menu-p3 {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        display: none;
        height: 100%;
        padding: .5em 0;
        z-index: 2;
        background: #009fdf;
        -webkit-transition: left .5s ease-out;
        transition: left .5s ease-out;
    }
}

@media only screen and (min-width:1024px) {
    .block.menu nav h2 {
        display: block;
        text-indent: -999em;
        font-size: .75em;
        height: 14px;
        width: 150px;
        overflow: hidden;
        margin: 0 0 1.3em;
        position: relative;
        float: left;
    }

        .block.menu nav h2:after {
            content: "";
            background: url(../img/sabic-ctm.svg) 50% no-repeat;
            background-size: contain;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-indent: 0;
        }

    [lang=ar] .block.menu nav h2 {
        width: 85px;
    }

        [lang=ar] .block.menu nav h2:after {
            background: url(../img/sabic-ctm-ar.svg) 50% no-repeat;
        }

    .block.menu nav .menu-p1, .block.menu nav .menu-s1 {
        clear: left;
        float: left;
        margin: 0 0 0 -.25em;
        padding: 0;
    }

        .block.menu nav .menu-p1:after, .block.menu nav .menu-s1:after {
            content: "";
            display: table;
            clear: both;
        }

        .block.menu nav .menu-p1 > li, .block.menu nav .menu-s1 > li {
            vertical-align: top;
            float: left;
        }

    [dir=rtl] .block.menu nav .menu-p1 > li, [dir=rtl] .block.menu nav .menu-s1 > li {
        float: right;
    }

    #about .block.menu nav .menu-p1 > li#section_about, #about .block.menu nav .menu-s1 > li#section_about {
        background: #009fdf;
    }

        #about .block.menu nav .menu-p1 > li#section_about > a, #about .block.menu nav .menu-s1 > li#section_about > a {
            color: #fff;
        }

    #product .block.menu nav .menu-p1 > li#section_products, #product .block.menu nav .menu-s1 > li#section_products {
        background: #009fdf;
    }

        #product .block.menu nav .menu-p1 > li#section_products > a, #product .block.menu nav .menu-s1 > li#section_products > a {
            color: #fff;
        }

    #industries .block.menu nav .menu-p1 > li#section_industries, #industries .block.menu nav .menu-s1 > li#section_industries {
        background: #009fdf;
    }

        #industries .block.menu nav .menu-p1 > li#section_industries > a, #industries .block.menu nav .menu-s1 > li#section_industries > a {
            color: #fff;
        }

    #innovation .block.menu nav .menu-p1 > li#section_innovation, #innovation .block.menu nav .menu-s1 > li#section_innovation {
        background: #009fdf;
    }

        #innovation .block.menu nav .menu-p1 > li#section_innovation > a, #innovation .block.menu nav .menu-s1 > li#section_innovation > a {
            color: #fff;
        }

    #sustainability .block.menu nav .menu-p1 > li#section_sustainability, #sustainability .block.menu nav .menu-s1 > li#section_sustainability {
        background: #009fdf;
    }

        #sustainability .block.menu nav .menu-p1 > li#section_sustainability > a, #sustainability .block.menu nav .menu-s1 > li#section_sustainability > a {
            color: #fff;
        }

    #careers .block.menu nav .menu-p1 > li#section_careers, #careers .block.menu nav .menu-s1 > li#section_careers {
        background: #009fdf;
    }

        #careers .block.menu nav .menu-p1 > li#section_careers > a, #careers .block.menu nav .menu-s1 > li#section_careers > a {
            color: #fff;
        }

    #investors .block.menu nav .menu-p1 > li#section_investors, #investors .block.menu nav .menu-s1 > li#section_investors {
        background: #009fdf;
    }

        #investors .block.menu nav .menu-p1 > li#section_investors > a, #investors .block.menu nav .menu-s1 > li#section_investors > a {
            color: #fff;
        }

    #newsandmedia .block.menu nav .menu-p1 > li#section_newsandmedia, #newsandmedia .block.menu nav .menu-s1 > li#section_newsandmedia {
        background: #009fdf;
    }

        #newsandmedia .block.menu nav .menu-p1 > li#section_newsandmedia > a, #newsandmedia .block.menu nav .menu-s1 > li#section_newsandmedia > a {
            color: #fff;
        }

    .block.menu nav .menu-p1 > li:nth-child(9), .block.menu nav .menu-s1 > li:nth-child(9) {
        margin-right: 3em;
    }

    [dir=rtl] .block.menu nav .menu-p1 > li:nth-child(9), [dir=rtl] .block.menu nav .menu-s1 > li:nth-child(9) {
        margin-right: 0;
        margin-left: 3em;
    }

    .block.menu nav .menu-p1 > li:before, .block.menu nav .menu-s1 > li:before {
        content: "";
        background: hsla(0,0%,100%,.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: -999em;
        pointer-events: none;
        z-index: -1;
    }

    .block.menu nav .menu-p1 > li.selected:before, .block.menu nav .menu-s1 > li.selected:before {
        left: 0;
    }

    .block.menu nav .menu-p1 > li.selected.dd, .block.menu nav .menu-s1 > li.selected.dd {
        background: #009fdf;
    }

        .block.menu nav .menu-p1 > li.selected.dd > a, .block.menu nav .menu-s1 > li.selected.dd > a {
            color: #fff;
        }

        .block.menu nav .menu-p1 > li.selected.dd > ul, .block.menu nav .menu-p1 > li.selected.dd > ul > li.selected ul, .block.menu nav .menu-p1 > li.selected.dd form, .block.menu nav .menu-p1 > li.selected.dd form > li.selected ul, .block.menu nav .menu-s1 > li.selected.dd > ul, .block.menu nav .menu-s1 > li.selected.dd > ul > li.selected ul, .block.menu nav .menu-s1 > li.selected.dd form, .block.menu nav .menu-s1 > li.selected.dd form > li.selected ul {
            display: block;
        }

    .block.menu nav .menu-p1 > li > a, .block.menu nav .menu-s1 > li > a {
        display: block;
        font-size: .75em;
        padding: .25em .5em;
        color: #53565a;
        text-transform: uppercase;
    }

    .block.menu nav .menu-p1 > .primary, .block.menu nav .menu-s1 > .primary {
        margin-right: .6em;
    }

        .block.menu nav .menu-p1 > .primary.selected.dd:after, .block.menu nav .menu-s1 > .primary.selected.dd:after {
            display: none;
        }

        .block.menu nav .menu-p1 > .primary.active, .block.menu nav .menu-p1 > .primary:hover, .block.menu nav .menu-s1 > .primary.active, .block.menu nav .menu-s1 > .primary:hover {
            background: #009fdf;
        }

            .block.menu nav .menu-p1 > .primary.active > a, .block.menu nav .menu-p1 > .primary:hover > a, .block.menu nav .menu-s1 > .primary.active > a, .block.menu nav .menu-s1 > .primary:hover > a {
                position: relative;
                text-decoration: none;
                color: #fff;
            }

        .block.menu nav .menu-p1 > .primary.dd, .block.menu nav .menu-s1 > .primary.dd {
            position: relative;
        }

            .block.menu nav .menu-p1 > .primary.dd.active > a, .block.menu nav .menu-p1 > .primary.dd:hover > a, .block.menu nav .menu-s1 > .primary.dd.active > a, .block.menu nav .menu-s1 > .primary.dd:hover > a {
                position: relative;
                z-index: 1;
            }

                .block.menu nav .menu-p1 > .primary.dd.active > a:after, .block.menu nav .menu-p1 > .primary.dd:hover > a:after, .block.menu nav .menu-s1 > .primary.dd.active > a:after, .block.menu nav .menu-s1 > .primary.dd:hover > a:after {
                    content: "";
                    position: absolute;
                    background: #009fdf url(../img/icons/menu-dd.png) no-repeat top;
                    width: 100%;
                    height: 1.25em;
                    top: 100%;
                    left: 0;
                }

    .block.menu nav .menu-p1 > .secondary, .block.menu nav .menu-s1 > .secondary {
        vertical-align: top;
        position: relative;
    }

        .block.menu nav .menu-p1 > .secondary.selected.dd:after, .block.menu nav .menu-p1 > .secondary:last-child:after, .block.menu nav .menu-s1 > .secondary.selected.dd:after, .block.menu nav .menu-s1 > .secondary:last-child:after {
            display: none;
        }

        .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(10), .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(11), .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(12), .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(13), .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(10), .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(11), .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(12), .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(13) {
            position: static;
        }

            .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(10) form, .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(10) ul, .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(11) form, .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(11) ul, .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(12) form, .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(12) ul, .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(13) form, .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(13) ul, .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(10) form, .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(10) ul, .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(11) form, .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(11) ul, .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(12) form, .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(12) ul, .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(13) form, .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(13) ul {
                margin-left: 0;
                left: auto;
                right: 0;
                margin-right: 1em;
            }

    [dir=rtl] .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(10) form, [dir=rtl] .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(10) ul, [dir=rtl] .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(11) form, [dir=rtl] .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(11) ul, [dir=rtl] .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(12) form, [dir=rtl] .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(12) ul, [dir=rtl] .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(13) form, [dir=rtl] .block.menu nav .menu-p1 > .secondary.selected.dd:nth-child(13) ul, [dir=rtl] .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(10) form, [dir=rtl] .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(10) ul, [dir=rtl] .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(11) form, [dir=rtl] .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(11) ul, [dir=rtl] .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(12) form, [dir=rtl] .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(12) ul, [dir=rtl] .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(13) form, [dir=rtl] .block.menu nav .menu-s1 > .secondary.selected.dd:nth-child(13) ul {
        margin-right: 0;
        left: 0;
        right: auto;
        margin-left: 1em;
        padding-left: .5em;
        padding-right: .5em;
    }

    .block.menu nav .menu-p1 > .secondary.active, .block.menu nav .menu-p1 > .secondary.selected, .block.menu nav .menu-p1 > .secondary:hover, .block.menu nav .menu-s1 > .secondary.active, .block.menu nav .menu-s1 > .secondary.selected, .block.menu nav .menu-s1 > .secondary:hover {
        background: #009fdf;
    }

        .block.menu nav .menu-p1 > .secondary.active > a, .block.menu nav .menu-p1 > .secondary.selected > a, .block.menu nav .menu-p1 > .secondary:hover > a, .block.menu nav .menu-s1 > .secondary.active > a, .block.menu nav .menu-s1 > .secondary.selected > a, .block.menu nav .menu-s1 > .secondary:hover > a {
            text-decoration: none;
            position: relative;
        }

        .block.menu nav .menu-p1 > .secondary.active .ico svg, .block.menu nav .menu-p1 > .secondary.selected .ico svg, .block.menu nav .menu-p1 > .secondary:hover .ico svg, .block.menu nav .menu-s1 > .secondary.active .ico svg, .block.menu nav .menu-s1 > .secondary.selected .ico svg, .block.menu nav .menu-s1 > .secondary:hover .ico svg {
            fill: #fff;
        }

    .block.menu nav .menu-p1 > .secondary.dd.active > a, .block.menu nav .menu-p1 > .secondary.dd:hover > a, .block.menu nav .menu-s1 > .secondary.dd.active > a, .block.menu nav .menu-s1 > .secondary.dd:hover > a {
        z-index: 1;
    }

        .block.menu nav .menu-p1 > .secondary.dd.active > a:after, .block.menu nav .menu-p1 > .secondary.dd:hover > a:after, .block.menu nav .menu-s1 > .secondary.dd.active > a:after, .block.menu nav .menu-s1 > .secondary.dd:hover > a:after {
            content: "";
            position: absolute;
            background: #009fdf url(../img/icons/menu-dd.png) no-repeat top;
            width: 100%;
            height: 1.25em;
            top: 100%;
            left: 0;
        }

    .block.menu nav .menu-p1 > .secondary > a, .block.menu nav .menu-s1 > .secondary > a {
        display: block;
        font-size: .75em;
        padding: .25em .5em;
        text-transform: uppercase;
    }

    .block.menu nav .menu-p1 > .secondary .ico, .block.menu nav .menu-s1 > .secondary .ico {
        text-indent: -999em;
        width: 2.5em;
        height: 2em;
    }

        .block.menu nav .menu-p1 > .secondary .ico svg, .block.menu nav .menu-s1 > .secondary .ico svg {
            width: 2em;
            height: 1.2em;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -.6em 0 0 -1em;
            fill: #53565a;
        }

    .block.menu nav .menu-p1 > .secondary.dd form, .block.menu nav .menu-s1 > .secondary.dd form {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #009fdf;
        padding: 0 .75em;
        color: #fff;
        width: 15.5em;
        margin-left: -7em;
    }

        .block.menu nav .menu-p1 > .secondary.dd form fieldset, .block.menu nav .menu-s1 > .secondary.dd form fieldset {
            border: 0;
            padding: 0;
            margin: 0;
            position: relative;
        }

            .block.menu nav .menu-p1 > .secondary.dd form fieldset label, .block.menu nav .menu-s1 > .secondary.dd form fieldset label {
                position: absolute;
                top: .25em;
                left: 0;
                font-size: .75em;
                cursor: text;
                text-transform: uppercase;
            }

            .block.menu nav .menu-p1 > .secondary.dd form fieldset input, .block.menu nav .menu-s1 > .secondary.dd form fieldset input {
                border: 0;
                margin: 0;
                font-size: .75em;
                padding: 0 0 .5em;
                padding-right: 3em;
                background: 0;
                border-bottom: 1px solid #fff;
                width: 100%;
            }

        .block.menu nav .menu-p1 > .secondary.dd form button, .block.menu nav .menu-s1 > .secondary.dd form button {
            background: 0;
            padding: 0;
            margin: 0;
            border: 0;
            width: 3.5em;
            height: 2em;
            position: absolute;
            top: 0;
            right: 0;
            text-indent: -999em;
        }

            .block.menu nav .menu-p1 > .secondary.dd form button svg, .block.menu nav .menu-s1 > .secondary.dd form button svg {
                width: 1em;
                height: 1em;
                right: 1em;
                margin: 0;
                top: 10%;
                left: auto;
            }

    .block.menu nav .menu-p2, .block.menu nav .menu-s2 {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0;
        margin: .5em 0;
        z-index: 2;
        width: 27em;
        padding-right: 13.5em;
    }

    [dir=rtl] .block.menu nav .menu-p2, [dir=rtl] .block.menu nav .menu-s2 {
        padding-right: 0;
        padding-left: 13.5em;
        left: auto;
        right: 0;
    }

    .block.menu nav .menu-p2:before, .block.menu nav .menu-s2:before {
        content: "";
        background: #009fdf;
        width: 50%;
        position: absolute;
        top: -.5em;
        bottom: -.5em;
        left: 0;
        z-index: 0;
    }

    [dir=rtl] .block.menu nav .menu-p2:before, [dir=rtl] .block.menu nav .menu-s2:before {
        left: auto;
        right: 0;
    }

    .block.menu nav .menu-p2 li, .block.menu nav .menu-s2 li {
        display: block;
        margin: 0;
    }

        .block.menu nav .menu-p2 li.back, .block.menu nav .menu-s2 li.back {
            display: none;
        }

        .block.menu nav .menu-p2 li.dd > a:before, .block.menu nav .menu-s2 li.dd > a:before {
            content: "";
            background: url(../img/icons/chevron_right_white.png) 50% no-repeat;
            line-height: 1;
            font-weight: 700;
            position: absolute;
            top: 50%;
            right: .5em;
            height: 1em;
            width: 1em;
            margin-top: -.5em;
        }

    [dir=rtl] .block.menu nav .menu-p2 li.dd > a:before, [dir=rtl] .block.menu nav .menu-s2 li.dd > a:before {
        right: auto;
        left: .5em;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .block.menu nav .menu-p2 li.selected > a, .block.menu nav .menu-s2 li.selected > a {
        background: #fff;
        color: #009fdf;
        text-decoration: none;
    }

        .block.menu nav .menu-p2 li.selected > a:before, .block.menu nav .menu-s2 li.selected > a:before {
            background-image: url(../img/icons/chevron_right.png);
        }

    .block.menu nav .menu-p2 li a, .block.menu nav .menu-s2 li a {
        display: block;
        color: #fff;
        padding: .5em 2em .5em 1em;
        position: relative;
        font-size: .75em;
        margin-right: -1px;
    }

    [dir=rtl] .block.menu nav .menu-p2 li a, [dir=rtl] .block.menu nav .menu-s2 li a {
        padding: .5em 1em .5em 2em;
    }

    .block.menu nav .menu-p2 li a:hover, .block.menu nav .menu-s2 li a:hover {
        background: #fff;
        color: #009fdf;
        text-decoration: none;
    }

        .block.menu nav .menu-p2 li a:hover:before, .block.menu nav .menu-s2 li a:hover:before {
            background-image: url(../img/icons/chevron_right.png);
        }

    .block.menu nav .menu-p2 li a span.lang_cn, .block.menu nav .menu-p2 li a span.lang_sa, .block.menu nav .menu-s2 li a span.lang_cn, .block.menu nav .menu-s2 li a span.lang_sa {
        font-family: sans-serif;
    }

    .block.menu nav .menu-p3 {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        padding-left: 50%;
        z-index: -1;
        min-height: 100%;
    }

    [dir=rtl] .block.menu nav .menu-p3 {
        padding-left: 0;
        padding-right: 50%;
    }

    .block.menu nav .menu-p3:before {
        content: "";
        background: #009fdf;
        width: 100%;
        top: -.5em;
        bottom: -.5em;
        position: absolute;
        left: 0;
        z-index: -1;
    }

    .block.menu nav .menu-p3:after {
        content: "";
        border-left: 1px solid #66c5ec;
        width: 1px;
        height: 100%;
        position: absolute;
        left: 50%;
        z-index: 1;
        top: 0;
    }

    [dir=rtl] .block.menu nav .menu-p3:after {
        left: auto;
        right: 50%;
    }

    .block.menu nav .menu-p3 li {
        border-right: 0;
    }

        .block.menu nav .menu-p3 li a {
            margin-right: 0;
        }

    .block.menu nav .menu-s2 {
        width: 15.5em;
        padding-right: 0;
    }

        .block.menu nav .menu-s2:before {
            width: 100%;
        }

        .block.menu nav .menu-s2 li {
            border-right: 0;
        }

            .block.menu nav .menu-s2 li a {
                margin-right: 0;
            }
}

.block.html {
    margin: 0 0 1.5em;
}

.block.html h1{
    font-size:1.75rem;
}

    .block.html.video-right a.video-play {
        float: right;
        padding: 0 0 1.5rem 1.5rem;
        position: relative;
        max-width: 100%;
    }

[dir=rtl] .block.html.video-right a.video-play {
    float: left;
    padding: 0 1.5em 1.5rem 0;
}

.block.html.video-right a.video-play img {
    width: 100%;
}

.block.html.video-right a.video-play:before {
    content: "";
    position: absolute;
    width: 3em;
    height: 3em;
    top: 1em;
    left: 1em;
    background-color: #fff;
    border-radius: 100em;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.html h2.ico:before, .block.html h3.ico:before, .block.html h4.ico:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-right: .5em;
    position: relative;
    top: .4em;
}

[dir=rtl] .block.html h2.ico:before, [dir=rtl] .block.html h3.ico:before, [dir=rtl] .block.html h4.ico:before {
    margin-right: 0;
    margin-left: .5em;
}

.block.html h2.ico:before, .block.html h3.ico:before, .block.html h4.ico:before {
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.html p {
    margin: 0 0 1em;
}

.block.html ul {
    list-style: disc outside;
    margin: 0 0 1.5em 1em;
    padding: 0;
}

[dir=rtl] .block.html ul {
    margin: 0 1em 1.5em 0;
}

.block.html ul li {
    color: #53565a;
    font-size: .9375em;
    font-family: sttl;
}

.block.html ol {
    list-style: decimal outside;
    margin: 0 0 1.5em 1em;
    padding: 0;
}

[dir=rtl] .block.html ol {
    margin: 0 1em 1.5em 0;
}

.block.html ol li {
    color: #53565a;
    font-size: .9375em;
    font-family: sttl;
}

.block.html img {
    width: auto;
}

.block.html .avatar {
    display: block;
    width: 100%;
    border: 1px solid #009fdf;
    border-radius: 100em;
}

.block.html .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.html .cta, .block.html .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.html .cta {
        width: auto;
        display: inline-block;
    }
}

.block.html .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.html .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.html .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.html .cta-alt {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    border: 1px solid #ffcd00;
    background: #ffcd00;
    color: #53565a;
}

    .block.html .cta-alt:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.html .cta-alt {
        width: auto;
        display: inline-block;
    }
}

.block.html .cta-alt:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.html .cta-alt:hover {
    border-color: #ffe678;
    background: #ffe678;
}

.block.html .cta-alt:active {
    border-color: #ffc300;
    background: #ffc300;
}

.block.html .table-wrapper {
    overflow-x: auto;
    width: 100%;
}

.block.html small {
    display: block;
}

.block.html table {
    width: 100%;
    margin: 0 0 1.5em;
    table-layout: fixed;
}

    .block.html table td, .block.html table th {
        vertical-align: top;
        font-size: .9375em;
        padding: .25em 1em;
        width: 10em;
        word-break: break-word;
    }

        .block.html table td.small, .block.html table th.small {
            border-left: 0;
        }

        .block.html table td.tcenter, .block.html table th.tcenter {
            text-align: center;
        }

        .block.html table td.vcenter, .block.html table th.vcenter {
            vertical-align: middle;
        }

    .block.html table td {
        color: #53565a;
    }

    .block.html table th {
        color: #53565a;
        font-weight: 200;
        text-align: left;
    }

[dir=rtl] .block.html table th {
    text-align: right;
}

.block.html table thead tr td, .block.html table thead tr th {
    border-left: 4px solid #fff;
    background: #f2fafd;
    text-transform: uppercase;
    padding: 1em;
    min-width: 10em;
    font-family: sttr;
}

    .block.html table thead tr td.clear, .block.html table thead tr th.clear {
        background: 0;
    }

    .block.html table thead tr td.small, .block.html table thead tr th.small {
        min-width: 5em;
    }

    .block.html table thead tr td:first-child, .block.html table thead tr th:first-child {
        border-left: 0;
    }

@media only screen and (min-width:601px) {
    .block.html table thead tr th.large {
        width: 15em;
    }
}

.block.html table thead tr.revision th {
    background: #fff;
    text-align: right;
}

.block.html table tbody tr:last-child td, .block.html table tbody tr:last-child th {
    border-bottom: 0;
}

.block.html table tbody tr.sub td, .block.html table tbody tr.sub th {
    background: #f6f6f6 !important;
    color: #53565a !important;
    text-transform: uppercase;
    border-bottom: 0;
    border-top: 4px solid #fff;
}

.block.html table tbody tr td, .block.html table tbody tr th {
    border-bottom: 1px solid #eee;
}

.block.html table tbody tr th {
    font-family: sttr;
}

    .block.html table tbody tr th .cta {
        margin: 0;
        width: 100%;
    }

.block.html table tbody tr td {
    vertical-align: middle;
}

    .block.html table tbody tr td.red {
        color: #d0021b;
    }

    .block.html table tbody tr td.gold {
        color: #e79e03;
    }

    .block.html table tbody tr td.green {
        color: #23ab3b;
    }

    .block.html table tbody tr td a {
        color: #009fdf;
    }

    .block.html table tbody tr td .cta {
        margin: .25em 0;
        display: inline-block;
        width: 100%;
        padding: .35em 1em;
    }

    .block.html table tbody tr td select {
        border: 1px solid;
        padding: .25em .5em;
        border-radius: .2em;
        cursor: pointer;
        border-color: #a7a7aa;
        width: 100%;
        line-height: 1.4;
        height: 2em;
        outline: none;
        background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
        padding-right: 3em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: .25em 0;
        min-width: 5em !important;
    }

.ie9 .block.html table tbody tr td select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.html table tbody tr td select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.html table tbody tr td select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.html table tbody tr td select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.html table tbody tr td select {
        width: 15em;
    }
}

.block.html table tbody tr td select:disabled {
    opacity: .5;
}

.block.html table tbody tr td select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.html table tbody tr td select:active, .block.html table tbody tr td select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.html table tbody tr td select {
        width: 100%;
    }
}

.block.html table tbody tr td .download select {
    width: 75%;
}

.block.html table tbody tr td .download .ico {
    width: 1.5em;
    height: 1.5em;
    text-indent: -999em;
    position: relative;
    display: inline-block;
    margin-left: .5em;
}

    .block.html table tbody tr td .download .ico:before {
        content: "";
        width: 1.5em;
        height: 1.5em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -.75em;
        margin-top: -.75em;
        background-position: 50%;
        background-repeat: no-repeat;
    }

.block.html table.comparison {
    table-layout: auto;
}

    .block.html table.comparison thead th.product {
        text-align: left;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em;
    }

        .block.html table.comparison thead th.product .ico {
            display: block;
        }

            .block.html table.comparison thead th.product .ico:before {
                content: "";
                position: absolute;
                top: 1em;
                right: 1em;
                width: 1em;
                height: 1em;
                background-position: 50%;
                background-repeat: no-repeat;
            }

    .block.html table.comparison tbody tr th.add {
        background: #f2fafd;
        border-bottom: 0;
    }

    .block.html table.comparison tbody tr:hover td, .block.html table.comparison tbody tr:hover th {
        background: #009fdf;
        color: #fff;
    }

.block.image {
    position: relative;
}

    .block.image img {
        display: block;
        max-width: 100%;
        margin: 0 0 1.5em;
    }

.block.social:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.date {
    color: #4D4D4D;
    font-size: .8125em;
    font-family: sttr, sans-serif, sans-serif;
}

.block.social .date {
    text-transform: uppercase;
    font-size: .8125em;
        color: #4D4D4D;
    font-family: sttr, sans-serif, sans-serif;
    
}

.block.social .more {
    color: #009fdf;
    margin: 0 0 1.5em;
    display: inline-block;
    position: relative;
    padding-left: 1.25em;
    margin: 0;
}

    .block.social .more:before {
        content: "";
        background: url(../img/icons/chevron_right.png) 0 no-repeat;
        font-weight: 700;
        width: 1em;
        height: 1em;
        left: 0;
        top: 50%;
        margin-top: -.5em;
        position: absolute;
    }

[dir=rtl] .block.social .more:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.block.social .more:hover {
    color: #46b4e6;
    text-decoration: underline;
}

.block.social .more:active {
    color: #008cc8;
}

.block.imagelink {
    position: relative;
}

    .block.imagelink img {
        display: block;
        max-width: 100%;
        margin: 0 0 1.5em;
    }

.block.videolink {
    position: relative;
}

    .block.videolink a {
        position: relative;
        display: block;
    }

        .block.videolink a:before {
            content: "";
            position: absolute;
            width: 3em;
            height: 3em;
            top: 1em;
            left: 1em;
            background-color: #fff;
            border-radius: 100em;
            background-position: 50%;
            background-repeat: no-repeat;
        }

    .block.videolink p {
        color: #53565a;
    }

    .block.videolink .thumb {
        display: block;
        width: 100%;
        margin: 0 0 1.5em;
    }

    .block.videolink .date {
      
            color: #4D4D4D;
        font-family: sttr, sans-serif, sans-serif;
        text-transform: uppercase;
        /* fsize: .875em; */
    }

.block.youtubelink {
    position: relative;
}

    .block.youtubelink a {
        position: relative;
        display: block;
    }

        .block.youtubelink a:before {
            content: "";
            position: absolute;
            width: 3em;
            height: 3em;
            top: 1em;
            left: 1em;
            background-color: #fff;
            border-radius: 100em;
            background-position: 50%;
            background-repeat: no-repeat;
        }

    .block.youtubelink p {
        color: #53565a;
    }

    .block.youtubelink .thumb {
        display: block;
        width: 100%;
        margin: 0 0 1.5em;
    }

    .block.youtubelink .date {
        
        font-size: .8125em;
            color: #4D4D4D;
    font-family: sttr, sans-serif, sans-serif;
        text-transform: uppercase;
        
    }

    .block.youtubelink .logo {
        position: absolute;
        top: 5%;
        right: 5%;
        width: 20%;
    }

.block.callout-left {
    padding: 1.5em 2em;
    background: #009fdf;
    margin: 0 0 1.5em;
}

    .block.callout-left.alt {
        background: #041e42;
    }

    .block.callout-left h3 {
        margin: 0 0 .25em;
        line-height: 1;
        color: #fff;
        font-size: 2em;
    }

    .block.callout-left p {
        margin: 0;
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
    }

.block.callout-right {
    padding: 1.5em 2em;
    background: #009fdf;
    margin: 0 0 1.5em;
}

    .block.callout-right.alt {
        background: #041e42;
    }

    .block.callout-right h3 {
        margin: 0 0 .25em;
        line-height: 1;
        color: #fff;
        font-size: 2em;
    }

    .block.callout-right p {
        margin: 0;
        line-height: 1;
        text-transform: uppercase;
        color: #fff;
    }

.block.quote-left {
    margin: 0 0 1.5em;
}

    .block.quote-left blockquote {
        margin: 0;
        line-height: 1.4;
        font-size: 1.5em;
        color: #53565a;
    }

        .block.quote-left blockquote:after, .block.quote-left blockquote:before {
            font-size: 4em;
            color: #eee;
        }

        .block.quote-left blockquote:before {
            content: open-quote;
            display: block;
            line-height: .5em;
            margin: 0 0 -.25em -.1em;
        }

        .block.quote-left blockquote:after {
            content: close-quote;
            vertical-align: -.5em;
            line-height: .1em;
        }

    .block.quote-left p {
        line-height: 1;
        text-transform: uppercase;
    }

.block.quote-right {
    margin: 0 0 1.5em;
}

    .block.quote-right blockquote {
        margin: 0;
        line-height: 1.4;
        font-size: 1.5em;
        color: #53565a;
    }

        .block.quote-right blockquote:after, .block.quote-right blockquote:before {
            font-size: 4em;
            color: #eee;
        }

        .block.quote-right blockquote:before {
            content: open-quote;
            display: block;
            line-height: .5em;
            margin: 0 0 -.25em -.1em;
        }

        .block.quote-right blockquote:after {
            content: close-quote;
            vertical-align: -.5em;
            line-height: .1em;
        }

    .block.quote-right p {
        line-height: 1;
        text-transform: uppercase;
    }

.block.newsletter {
    margin: 0 0 1.5em;
}

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

    .block.newsletter fieldset {
        margin: 0;
        border: 0;
        padding: 0 0 1em;
        position: relative;
        vertical-align: top;
    }

@media only screen and (min-width:1024px) {
    .block.newsletter fieldset {
        padding: 0 1em 0 0;
        float: left;
    }

    [dir=rtl] .block.newsletter fieldset {
        float: right;
        padding: 0 0 0 1em;
    }
}

.block.newsletter fieldset label {
    line-height: 1.9em;
    cursor: text;
    display: block;
    position: absolute;
    top: 0;
    left: .5em;
}

[dir=rtl] .block.newsletter fieldset label {
    left: auto;
    right: .5em;
}

@media only screen and (min-width:1024px) {
    .block.newsletter fieldset label {
        padding-right: .5em;
        display: inline-block;
    }
}

.block.newsletter fieldset input {
    background: #fff;
    border: 1px solid;
    padding: .25em .5em;
    display: block;
    width: 100%;
    outline: none;
}

@media only screen and (min-width:1024px) {
    .block.newsletter fieldset input {
        width: auto;
    }
}

.block.newsletter fieldset input:hover {
    border-color: #ffcd00;
    background-color: #ffcd00;
    color: #53565a;
}

.block.newsletter fieldset input:active, .block.newsletter fieldset input:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:1024px) {
    .block.newsletter fieldset input {
        min-width: 15em;
        width: auto;
    }
}

.block.newsletter fieldset .error {
    color: #d0021b;
    font-size: .9375em;
    display: none;
}

    .block.newsletter fieldset.error label {
        color: #d0021b;
    }

    .block.newsletter fieldset.error input {
        color: #d0021b;
        border-color: #d0021b;
    }

    .block.newsletter fieldset.error .error {
        display: block;
    }

.block.newsletter .cta {
    float: right;
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    border: 1px solid #ffcd00;
    background: #ffcd00;
    color: #53565a;
}

    .block.newsletter .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.newsletter .cta {
        width: auto;
        display: inline-block;
    }
}

.block.newsletter .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.newsletter .cta:hover {
    border-color: #ffe678;
    background: #ffe678;
}

.block.newsletter .cta:active {
    border-color: #ffc300;
    background: #ffc300;
}

.block.mediapack {
    background: #009fdf;
    padding: 1.5em 2em;
    margin: 0 0 1.5em;
}

    .block.mediapack h3 {
        color: #fff;
    }

    .block.mediapack p {
        margin: 0;
        color: #fff;
    }

    .block.mediapack a {
        float: right;
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #fff;
        border: 1px solid #fff;
        color: #009fdf;
        margin-left: 5em;
    }

        .block.mediapack a, .block.mediapack a:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    .block.mediapack a {
        width: auto;
        display: inline-block;
    }
}

.block.mediapack a:disabled {
    opacity: .5;
    pointer-events: none;
}

[dir=rtl] .block.mediapack a {
    margin-left: 0;
    margin-right: 5em;
    float: left;
}

.block.apps {
    background: #041e42;
    color: #fff;
    padding: 1.5em 2em;
    margin: 0 0 1.5em;
}

    .block.apps h3 {
        color: #fff;
    }

    .block.apps p {
        margin: 0;
    }

    .block.apps a {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #fff;
        border: 1px solid #fff;
        color: #009fdf;
        margin: 0;
    }

        .block.apps a, .block.apps a:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    .block.apps a {
        width: auto;
        display: inline-block;
    }
}

.block.apps a:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.reports {
    background: #041e42;
    color: #fff;
    padding: 1.5em 2em;
    margin: 0 0 1.5em;
}

    .block.reports h2 {
        margin: 0 0 .5em;
        color: #fff;
    }

    .block.reports ul {
        margin: 1.5em 0;
        padding: 0;
        list-style: none;
    }

        .block.reports ul li {
            line-height: 2em;
            margin: .5em 0;
        }

            .block.reports ul li a {
                color: #fff;
                display: inline-block;
                position: relative;
                padding-left: 2.5em;
            }

[dir=rtl] .block.reports ul li a {
    padding-left: 0;
    padding-right: 2.5em;
}

.block.reports ul li a:before {
    content: "";
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0;
    left: 0;
    background: no-repeat 50%;
    background-image: url(../img/icons/sabic-pdf-white.svg);
}

[dir=rtl] .block.reports ul li a:before {
    left: auto;
    right: 0;
}

.block.reports .more {
    color: #009fdf;
    margin: 0 0 1.5em;
    display: inline-block;
    position: relative;
    padding-left: 1.25em;
    color: #fff;
}

    .block.reports .more:before {
        content: "";
        background: url(../img/icons/chevron_right.png) 0 no-repeat;
        font-weight: 700;
        width: 1em;
        height: 1em;
        left: 0;
        top: 50%;
        margin-top: -.5em;
        position: absolute;
    }

[dir=rtl] .block.reports .more:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.block.reports .more:hover {
    color: #46b4e6;
    text-decoration: underline;
}

.block.reports .more:active {
    color: #008cc8;
}

.block.reports .more:before {
    background-image: url(../img/icons/chevron_right_white.png);
}

.block.downloads {
    background: #041e42;
    color: #fff;
    padding: 1.5em 2em;
    margin: 0 0 1.5em;
}

    .block.downloads ul {
        margin: .5em 0;
        padding: 0;
        list-style: none;
    }

        .block.downloads ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .block.downloads ul li {
            line-height: 2em;
            margin: .5em 0;
        }

@media only screen and (min-width:1024px) {
    .block.downloads ul li {
        float: left;
        width: 50%;
    }

    [dir=rtl] .block.downloads ul li {
        float: right;
    }
}

.block.downloads ul li a {
    color: #fff;
    display: inline-block;
    position: relative;
    padding-left: 2.5em;
}

[dir=rtl] .block.downloads ul li a {
    padding-left: 0;
    padding-right: 2.5em;
}

.block.downloads ul li a:before {
    content: "";
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0;
    left: 0;
    background: no-repeat 50%;
    background-image: url(../img/icons/sabic-pdf-white.svg);
}

[dir=rtl] .block.downloads ul li a:before {
    left: auto;
    right: 0;
}

.block.linkslist {
    margin: 0 0 1.5em;
    padding: 1.5em;
    background: #f6f6f6;
}

    .block.linkslist ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .block.linkslist ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .block.linkslist ul li {
            color: #53565a;
        }

@media only screen and (min-width:601px) {
    .block.linkslist ul li {
        padding-right: 1em;
        width: 50%;
        float: left;
    }
}

.block.linkslist ul li .see_more {
    margin-bottom: .25em;
}

.block.follow {
    margin: 0 0 1.5em;
}

    .block.follow ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .block.follow ul li {
            display: inline-block;
            margin: 0 1.5em 0 0;
        }

[dir=rtl] .block.follow ul li {
    margin: 0 0 0 1.5em;
}

.block.follow ul li a {
    display: block;
    text-indent: -999em;
    color: #009fdf;
    width: 1.5em;
    height: 1.5em;
    position: relative;
    outline: none;
}

    .block.follow ul li a:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-position: 50%;
        background-repeat: no-repeat;
    }

    .block.follow ul li a:active {
        color: #53565a;
    }

.block.inquiries {
    margin: 0 0 2em;
}

    .block.inquiries .cta {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        text-decoration: none;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #009fdf;
        border: 1px solid #009fdf;
        color: #fff;
    }

        .block.inquiries .cta:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    .block.inquiries .cta {
        width: auto;
        display: inline-block;
    }
}

.block.inquiries .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.inquiries .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.inquiries .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.asset {
    position: relative;
    margin: 0 0 1.5em;
}

    .block.asset img {
        display: block;
        width: 100%;
    }

    .block.asset:hover .actions {
        top: 0;
        opacity: 1;
    }

    .block.asset .actions {
        top: 100%;
        opacity: 0;
        -webkit-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
    }

        .block.asset .actions ul {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 1em;
            margin: 0;
            list-style: none;
            color: #53565a;
            background: hsla(0,0%,100%,.9);
        }

            .block.asset .actions ul li {
                line-height: 1;
            }

        .block.asset .actions a {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: 2em;
            height: 2em;
            margin-bottom: 1em;
            color: #fff;
            text-indent: -999em;
        }

[dir=rtl] .block.asset .actions a {
    right: auto;
    left: 1em;
}

.block.asset .actions a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.publication {
    position: relative;
    margin: 0 0 1.5em;
}

    .block.publication img {
        display: block;
        width: 100%;
        margin: 0 0 1em;
    }

    .block.publication:hover .actions {
        top: 0;
        opacity: 1;
    }

    .block.publication .actions {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
    }

        .block.publication .actions ul {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 1em;
            margin: 0;
            list-style: none;
            color: #53565a;
            background: hsla(0,0%,100%,.9);
        }

            .block.publication .actions ul li {
                line-height: 1;
            }

        .block.publication .actions a {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: 2em;
            height: 2em;
            margin-bottom: 1em;
            color: #fff;
            text-indent: -999em;
        }

[dir=rtl] .block.publication .actions a {
    right: auto;
    left: 1em;
}

.block.publication .actions a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.spotlight {
    margin: 0 0 2em;
}

    .block.spotlight h2, .block.spotlight h3, .block.spotlight h4 {
        margin: 0;
    }

    .block.spotlight .cta {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        text-decoration: none;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #009fdf;
        border: 1px solid #009fdf;
        color: #fff;
    }

        .block.spotlight .cta:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    .block.spotlight .cta {
        width: auto;
        display: inline-block;
    }
}

.block.spotlight .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.spotlight .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.spotlight .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.linkedin {
    text-align: center;
    display: none;
}

@media only screen and (min-width:601px) {
    .block.linkedin {
        display: block;
    }
}

.block.linkedin iframe {
    display: block !important;
    margin: 0 auto;
}

.block.product_finder {
    text-align: center;
    margin: 0 0 3em;
    padding: 1.5em;
    background: #f6f6f6;
}

    .block.product_finder fieldset {
        margin: 0;
        border: 0;
        padding: 0 0 1em;
        text-align: left;
        width: 100%;
    }

@media only screen and (min-width:601px) {
    .block.product_finder fieldset {
        width: 40%;
        padding: 0 .5em 0 0;
    }

        .block.product_finder fieldset, .block.product_finder fieldset .group {
            display: inline-block;
            vertical-align: top;
        }
}

@media only screen and (min-width:1024px) {
    .block.product_finder fieldset {
        width: auto;
    }

        .block.product_finder fieldset .group {
            max-width: 12em;
        }
}

.block.product_finder fieldset label {
    display: block;
    cursor: pointer;
}

@media only screen and (min-width:1024px) {
    .block.product_finder fieldset label {
        padding-right: .5em;
        display: inline-block;
    }

    [dir=rtl] .block.product_finder fieldset label {
        padding-right: 0;
        padding-left: .5em;
    }
}

.block.product_finder fieldset select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    width: 100%;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 0 .5em;
    color: #53565a;
}

.ie9 .block.product_finder fieldset select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.product_finder fieldset select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.product_finder fieldset select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.product_finder fieldset select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.product_finder fieldset select {
        width: 15em;
    }
}

.block.product_finder fieldset select:disabled {
    opacity: .5;
}

.block.product_finder fieldset select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.product_finder fieldset select:active, .block.product_finder fieldset select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.product_finder fieldset select {
        width: 100% !important;
    }
}

.block.product_finder button {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.product_finder button:hover {
        text-decoration: none;
    }

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

.block.product_finder button:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.product_finder button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.product_finder button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.hero.small {
        height: 28em;
        position: relative;
        z-index: 0;
        display: table;
        width: 100%;
        margin-bottom: 3em;
        margin-top: -5em;
    }

        .block.hero.small .vcentered {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }
}

.block.hero.small .vcentered {
    position: relative;
}

@media only screen and (min-width:1024px) {
    .block.hero.small .heroimage {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.block.hero.small .heroimage img {
    width: 100%;
    display: block;
}

@media only screen and (min-width:1024px) {
    .block.hero.small .heroimage img {
        width: auto;
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        z-index: -1;
    }

    .block.hero.small .heroimage img, [dir=rtl] .block.hero.small .heroimage img {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.block.hero.small .flowline {
    overflow: hidden;
    -webkit-transform: translateY(-120%) scaleY(1.5);
    transform: translateY(-120%) scaleY(1.5);
    position: absolute;
    pointer-events: none;
    left: -20%;
    top: 0;
    width: 120%;
}

[dir=rtl] .block.hero.small .flowline {
    left: auto;
    right: -20%;
}

@media only screen and (min-width:601px) {
    .block.hero.small .flowline {
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%);
        width: 100%;
        left: 0;
    }

    [dir=rtl] .block.hero.small .flowline {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.small .flowline {
        bottom: 0;
        top: auto;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.block.hero.small .flowline img {
    position: relative;
    left: -1%;
    width: 102%;
    display: block;
    z-index: 0;
    pointer-events: none;
}

[dir=rtl] .block.hero.small .flowline img {
    left: auto;
    right: -1%;
}

.block.hero.small .row {
    margin-bottom: 0;
}

.block.hero.small .container {
    position: relative;
}

.block.hero.small .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.hero.small .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.hero.small .cta {
        width: auto;
        display: inline-block;
    }
}

.block.hero.small .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.hero.small .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.hero.small .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.hero.small .cta {
        margin: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.small .html.darkimage, .block.hero.small .html.darkimage h2, .block.hero.small .html.darkimage h3, .block.hero.small .html.darkimage p {
        color: #fff;
    }
}

.block.hero.small .html h1, .block.hero.small .html h2, .block.hero.small .html h3 {
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
}

.block.hero.small .html h1 {
    font-size: 2em;
}

.block.hero.small .html h2 {
    font-size: 1.5em;
}

.block.hero.small .html h3 {
    font-size: 1.3125em;
}

.block.hero.small .html p {
    margin: 1em 0 2em;
    color: #53565a;
    font-size: .9375em;
    font-family: sttr;
}

@media only screen and (min-width:1024px) {
    .block.hero.small {
        height: 18em;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.small_heading {
        height: 28em;
        position: relative;
        z-index: 0;
        display: table;
        width: 100%;
        margin-bottom: 3em;
        margin-top: -5em;
    }

        .block.hero.small_heading .vcentered {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }
}

.block.hero.small_heading .vcentered {
    position: relative;
}

@media only screen and (min-width:1024px) {
    .block.hero.small_heading .heroimage {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.block.hero.small_heading .heroimage img {
    width: 100%;
    display: block;
}

@media only screen and (min-width:1024px) {
    .block.hero.small_heading .heroimage img {
        width: auto;
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        z-index: -1;
    }

    .block.hero.small_heading .heroimage img, [dir=rtl] .block.hero.small_heading .heroimage img {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.block.hero.small_heading .flowline {
    overflow: hidden;
    -webkit-transform: translateY(-120%) scaleY(1.5);
    transform: translateY(-120%) scaleY(1.5);
    position: absolute;
    pointer-events: none;
    left: -20%;
    top: 0;
    width: 120%;
}

[dir=rtl] .block.hero.small_heading .flowline {
    left: auto;
    right: -20%;
}

@media only screen and (min-width:601px) {
    .block.hero.small_heading .flowline {
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%);
        width: 100%;
        left: 0;
    }

    [dir=rtl] .block.hero.small_heading .flowline {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.small_heading .flowline {
        bottom: 0;
        top: auto;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.block.hero.small_heading .flowline img {
    position: relative;
    left: -1%;
    width: 102%;
    display: block;
    z-index: 0;
    pointer-events: none;
}

[dir=rtl] .block.hero.small_heading .flowline img {
    left: auto;
    right: -1%;
}

.block.hero.small_heading .row {
    margin-bottom: 0;
}

.block.hero.small_heading .container {
    position: relative;
}

.block.hero.small_heading .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.hero.small_heading .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.hero.small_heading .cta {
        width: auto;
        display: inline-block;
    }
}

.block.hero.small_heading .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.hero.small_heading .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.hero.small_heading .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.hero.small_heading .cta {
        margin: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.small_heading .html.darkimage, .block.hero.small_heading .html.darkimage h2, .block.hero.small_heading .html.darkimage h3, .block.hero.small_heading .html.darkimage p {
        color: #fff;
    }
}

.block.hero.small_heading .html h1, .block.hero.small_heading .html h2, .block.hero.small_heading .html h3 {
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
}

.block.hero.small_heading .html h1 {
    font-size: 2em;
}

.block.hero.small_heading .html h2 {
    font-size: 1.5em;
}

.block.hero.small_heading .html h3 {
    font-size: 1.3125em;
}

.block.hero.small_heading .html p {
    margin: 1em 0 2em;
    color: #53565a;
    font-size: .9375em;
    font-family: sttr;
}

@media only screen and (min-width:1024px) {
    .block.hero.small_heading {
        height: 18em;
    }

        .block.hero.small_heading .html {
            padding-bottom: 1em;
        }
}

@media only screen and (min-width:1024px) {
    .block.hero.carousel {
        height: 28em;
        position: relative;
        z-index: 0;
        display: table;
        width: 100%;
        margin-bottom: 3em;
        margin-top: -5em;
    }

        .block.hero.carousel .vcentered {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }
}

.block.hero.carousel .vcentered {
    position: relative;
}

@media only screen and (min-width:1024px) {
    .block.hero.carousel .heroimage {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.block.hero.carousel .heroimage img {
    width: 100%;
    display: block;
}

@media only screen and (min-width:1024px) {
    .block.hero.carousel .heroimage img {
        width: auto;
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        z-index: -1;
    }

    .block.hero.carousel .heroimage img, [dir=rtl] .block.hero.carousel .heroimage img {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.block.hero.carousel .flowline {
    overflow: hidden;
    -webkit-transform: translateY(-120%) scaleY(1.5);
    transform: translateY(-120%) scaleY(1.5);
    position: absolute;
    pointer-events: none;
    left: -20%;
    top: 0;
    width: 120%;
}

[dir=rtl] .block.hero.carousel .flowline {
    left: auto;
    right: -20%;
}

@media only screen and (min-width:601px) {
    .block.hero.carousel .flowline {
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%);
        width: 100%;
        left: 0;
    }

    [dir=rtl] .block.hero.carousel .flowline {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.carousel .flowline {
        bottom: 0;
        top: auto;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.block.hero.carousel .flowline img {
    position: relative;
    left: -1%;
    width: 102%;
    display: block;
    z-index: 0;
    pointer-events: none;
}

[dir=rtl] .block.hero.carousel .flowline img {
    left: auto;
    right: -1%;
}

.block.hero.carousel .row {
    margin-bottom: 0;
}

.block.hero.carousel .container {
    position: relative;
}

.block.hero.carousel .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.hero.carousel .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.hero.carousel .cta {
        width: auto;
        display: inline-block;
    }
}

.block.hero.carousel .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.hero.carousel .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.hero.carousel .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.hero.carousel .cta {
        margin: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.carousel .html.darkimage, .block.hero.carousel .html.darkimage h2, .block.hero.carousel .html.darkimage h3, .block.hero.carousel .html.darkimage p {
        color: #fff;
    }
}

.block.hero.carousel .html h1, .block.hero.carousel .html h2, .block.hero.carousel .html h3 {
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
}

.block.hero.carousel .html h1 {
    font-size: 2em;
}

.block.hero.carousel .html h2 {
    font-size: 1.5em;
}

.block.hero.carousel .html h3 {
    font-size: 1.3125em;
}

.block.hero.carousel .html p {
    margin: 1em 0 2em;
    color: #53565a;
    font-size: .9375em;
    font-family: sttr;
}

.block.hero.carousel .prev {
    color: #009fdf;
    text-decoration: none;
    position: relative;
    line-height: 2.4em;
    width: 2.4em;
    height: 2.4em;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    margin-top: -1.2em;
    border: 0;
    background: 0;
    z-index: 11;
    outline: none;
    text-indent: -999em;
    left: 1em;
}

    .block.hero.carousel .prev:hover {
        color: #009fdf;
    }

        .block.hero.carousel .prev:hover:before {
            border-color: #ffcd00;
            background: #ffcd00;
        }

        .block.hero.carousel .prev:hover:after {
            color: #041e42;
        }

    .block.hero.carousel .prev:active {
        color: #009fdf;
    }

        .block.hero.carousel .prev:active:before {
            border-color: #009fdf;
            background: #fff;
        }

        .block.hero.carousel .prev:active:after {
            color: #009fdf;
        }

    .block.hero.carousel .prev:before {
        content: "";
        top: 0;
        left: 0;
        border: 1px solid #009fdf;
        background: #009fdf;
        width: 100%;
        height: 100%;
        border-radius: 100em;
        position: absolute;
    }

    .block.hero.carousel .prev:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        color: #fff;
        text-indent: 0;
        content: "←";
    }

.block.hero.carousel .next {
    color: #009fdf;
    text-decoration: none;
    position: relative;
    line-height: 2.4em;
    width: 2.4em;
    height: 2.4em;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    margin-top: -1.2em;
    border: 0;
    background: 0;
    z-index: 11;
    outline: none;
    text-indent: -999em;
    right: 1em;
}

    .block.hero.carousel .next:hover {
        color: #009fdf;
    }

        .block.hero.carousel .next:hover:before {
            border-color: #ffcd00;
            background: #ffcd00;
        }

        .block.hero.carousel .next:hover:after {
            color: #041e42;
        }

    .block.hero.carousel .next:active {
        color: #009fdf;
    }

        .block.hero.carousel .next:active:before {
            border-color: #009fdf;
            background: #fff;
        }

        .block.hero.carousel .next:active:after {
            color: #009fdf;
        }

    .block.hero.carousel .next:before {
        content: "";
        top: 0;
        left: 0;
        border: 1px solid #009fdf;
        background: #009fdf;
        width: 100%;
        height: 100%;
        border-radius: 100em;
        position: absolute;
    }

    .block.hero.carousel .next:after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        text-align: center;
        z-index: 1;
        color: #fff;
        text-indent: 0;
        content: "→";
    }

.block.hero.carousel .actions_mobile {
    display: block;
}

@media only screen and (min-width:601px) {
    .block.hero.carousel .actions_mobile {
        display: none;
    }
}

.block.hero.carousel .actions_mobile .next, .block.hero.carousel .actions_mobile .prev {
    position: absolute;
    top: 50%;
    margin-top: -1.2em;
}

.block.hero.carousel .actions_mobile .prev {
    left: 1em;
}

.block.hero.carousel .actions_mobile .next {
    right: 1em;
}

.block.hero.carousel .actions_desktop {
    margin: 1em 0 0;
    display: none;
}

@media only screen and (min-width:601px) {
    .block.hero.carousel .actions_desktop {
        display: block;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.video {
        height: 28em;
        position: relative;
        z-index: 0;
        display: table;
        width: 100%;
        margin-bottom: 3em;
        margin-top: -5em;
    }

        .block.hero.video .vcentered {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }
}

.block.hero.video .vcentered {
    position: relative;
}

@media only screen and (min-width:1024px) {
    .block.hero.video .heroimage {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.block.hero.video .heroimage img {
    width: 100%;
    display: block;
}

@media only screen and (min-width:1024px) {
    .block.hero.video .heroimage img {
        width: auto;
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        z-index: -1;
    }

    .block.hero.video .heroimage img, [dir=rtl] .block.hero.video .heroimage img {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.block.hero.video .flowline {
    overflow: hidden;
    -webkit-transform: translateY(-120%) scaleY(1.5);
    transform: translateY(-120%) scaleY(1.5);
    position: absolute;
    pointer-events: none;
    left: -20%;
    top: 0;
    width: 120%;
}

[dir=rtl] .block.hero.video .flowline {
    left: auto;
    right: -20%;
}

@media only screen and (min-width:601px) {
    .block.hero.video .flowline {
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%);
        width: 100%;
        left: 0;
    }

    [dir=rtl] .block.hero.video .flowline {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.video .flowline {
        bottom: 0;
        top: auto;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.block.hero.video .flowline img {
    position: relative;
    left: -1%;
    width: 102%;
    display: block;
    z-index: 0;
    pointer-events: none;
}

[dir=rtl] .block.hero.video .flowline img {
    left: auto;
    right: -1%;
}

.block.hero.video .row {
    margin-bottom: 0;
}

.block.hero.video .container {
    position: relative;
}

.block.hero.video .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.hero.video .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.hero.video .cta {
        width: auto;
        display: inline-block;
    }
}

.block.hero.video .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.hero.video .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.hero.video .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.hero.video .cta {
        margin: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.video .html.darkimage, .block.hero.video .html.darkimage h2, .block.hero.video .html.darkimage h3, .block.hero.video .html.darkimage p {
        color: #fff;
    }
}

.block.hero.video .html h1, .block.hero.video .html h2, .block.hero.video .html h3 {
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
}

.block.hero.video .html h1 {
    font-size: 2em;
}

.block.hero.video .html h2 {
    font-size: 1.5em;
}

.block.hero.video .html h3 {
    font-size: 1.3125em;
}

.block.hero.video .html p {
    margin: 1em 0 2em;
    color: #53565a;
    font-size: .9375em;
    font-family: sttr;
}

.block.hero.video .heroimage video {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 50%;
    top: 50%;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: none;
}

@media only screen and (min-width:1024px) {
    .block.hero.video .heroimage video {
        display: block;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.regular {
        height: 28em;
        position: relative;
        z-index: 0;
        display: table;
        width: 100%;
        margin-bottom: 3em;
        margin-top: -5em;
    }

        .block.hero.regular .vcentered {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }
}

.block.hero.regular .vcentered {
    position: relative;
}

@media only screen and (min-width:1024px) {
    .block.hero.regular .heroimage {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.block.hero.regular .heroimage img {
    width: 100%;
    display: block;
}

@media only screen and (min-width:1024px) {
    .block.hero.regular .heroimage img {
        width: auto;
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        z-index: -1;
    }

    .block.hero.regular .heroimage img, [dir=rtl] .block.hero.regular .heroimage img {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.block.hero.regular .flowline {
    overflow: hidden;
    -webkit-transform: translateY(-120%) scaleY(1.5);
    transform: translateY(-120%) scaleY(1.5);
    position: absolute;
    pointer-events: none;
    left: -20%;
    top: 0;
    width: 120%;
}

[dir=rtl] .block.hero.regular .flowline {
    left: auto;
    right: -20%;
}

@media only screen and (min-width:601px) {
    .block.hero.regular .flowline {
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%);
        width: 100%;
        left: 0;
    }

    [dir=rtl] .block.hero.regular .flowline {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.regular .flowline {
        bottom: 0;
        top: auto;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.block.hero.regular .flowline img {
    position: relative;
    left: -1%;
    width: 102%;
    display: block;
    z-index: 0;
    pointer-events: none;
}

[dir=rtl] .block.hero.regular .flowline img {
    left: auto;
    right: -1%;
}

.block.hero.regular .row {
    margin-bottom: 0;
}

.block.hero.regular .container {
    position: relative;
}

.block.hero.regular .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.hero.regular .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.hero.regular .cta {
        width: auto;
        display: inline-block;
    }
}

.block.hero.regular .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.hero.regular .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.hero.regular .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.hero.regular .cta {
        margin: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.regular .html.darkimage, .block.hero.regular .html.darkimage h2, .block.hero.regular .html.darkimage h3, .block.hero.regular .html.darkimage p {
        color: #fff;
    }
}

.block.hero.regular .html h1, .block.hero.regular .html h2, .block.hero.regular .html h3 {
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
}

.block.hero.regular .html h1 {
    font-size: 2em;
}

.block.hero.regular .html h2 {
    font-size: 1.5em;
}

.block.hero.regular .html h3 {
    font-size: 1.3125em;
}

.block.hero.regular .html p {
    margin: 1em 0 2em;
    color: #53565a;
    font-size: .9375em;
    font-family: sttr;
}

@media only screen and (min-width:1024px) {
    .block.hero.finder {
        height: 28em;
        position: relative;
        z-index: 0;
        display: table;
        width: 100%;
        margin-bottom: 3em;
        margin-top: -5em;
    }

        .block.hero.finder .vcentered {
            width: 100%;
            display: table-cell;
            vertical-align: middle;
        }
}

.block.hero.finder .vcentered {
    position: relative;
}

@media only screen and (min-width:1024px) {
    .block.hero.finder .heroimage {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.block.hero.finder .heroimage img {
    width: 100%;
    display: block;
}

@media only screen and (min-width:1024px) {
    .block.hero.finder .heroimage img {
        width: auto;
        position: absolute;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        z-index: -1;
    }

    .block.hero.finder .heroimage img, [dir=rtl] .block.hero.finder .heroimage img {
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.block.hero.finder .flowline {
    overflow: hidden;
    -webkit-transform: translateY(-120%) scaleY(1.5);
    transform: translateY(-120%) scaleY(1.5);
    position: absolute;
    pointer-events: none;
    left: -20%;
    top: 0;
    width: 120%;
}

[dir=rtl] .block.hero.finder .flowline {
    left: auto;
    right: -20%;
}

@media only screen and (min-width:601px) {
    .block.hero.finder .flowline {
        -webkit-transform: translateY(-97%);
        transform: translateY(-97%);
        width: 100%;
        left: 0;
    }

    [dir=rtl] .block.hero.finder .flowline {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.finder .flowline {
        bottom: 0;
        top: auto;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
}

.block.hero.finder .flowline img {
    position: relative;
    left: -1%;
    width: 102%;
    display: block;
    z-index: 0;
    pointer-events: none;
}

[dir=rtl] .block.hero.finder .flowline img {
    left: auto;
    right: -1%;
}

.block.hero.finder .row {
    margin-bottom: 0;
}

.block.hero.finder .container {
    position: relative;
}

.block.hero.finder .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.hero.finder .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.hero.finder .cta {
        width: auto;
        display: inline-block;
    }
}

.block.hero.finder .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.hero.finder .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.hero.finder .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.hero.finder .cta {
        margin: 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.hero.finder .html.darkimage, .block.hero.finder .html.darkimage h2, .block.hero.finder .html.darkimage h3, .block.hero.finder .html.darkimage p {
        color: #fff;
    }
}

.block.hero.finder .html h1, .block.hero.finder .html h2, .block.hero.finder .html h3 {
    font-weight: 200;
    text-transform: uppercase;
    line-height: 1.2;
}

.block.hero.finder .html h1 {
    font-size: 2em;
}

.block.hero.finder .html h2 {
    font-size: 1.5em;
}

.block.hero.finder .html h3 {
    font-size: 1.3125em;
}

.block.hero.finder .html p {
    margin: 1em 0 2em;
    color: #53565a;
    font-size: .9375em;
    font-family: sttr;
}

.block.hero.finder .product_finder {
    background: 0;
    margin: 0;
    padding: 0;
}

.block.contact.form {
    margin: 0 0 1.5em;
}

    .block.contact.form form:after {
        content: "";
        display: table;
        clear: both;
    }

    .block.contact.form .group {
        background: #f6f6f6;
        margin: 1em 0;
        padding: .5em 1.5em;
    }

    .block.contact.form .g-recaptcha.error > div {
        border: 1px solid #d0021b;
    }

    .block.contact.form fieldset {
        margin: 1em 0;
        padding: 0;
        border: 0;
    }

        .block.contact.form fieldset label {
            display: block;
            color: #53565a;
            font-size: .9375em;
            padding-bottom: .5em;
        }

        .block.contact.form fieldset.email input, .block.contact.form fieldset.number input, .block.contact.form fieldset.text input {
            background: #fff;
            border: 1px solid;
            padding: .25em .5em;
            display: block;
            outline: none;
            width: 100%;
        }

@media only screen and (min-width:1024px) {
    .block.contact.form fieldset.email input, .block.contact.form fieldset.number input, .block.contact.form fieldset.text input {
        width: auto;
    }
}

.block.contact.form fieldset.email input:hover, .block.contact.form fieldset.number input:hover, .block.contact.form fieldset.text input:hover {
    border-color: #ffcd00;
    background-color: #ffcd00;
    color: #53565a;
}

.block.contact.form fieldset.email input:active, .block.contact.form fieldset.email input:focus, .block.contact.form fieldset.number input:active, .block.contact.form fieldset.number input:focus, .block.contact.form fieldset.text input:active, .block.contact.form fieldset.text input:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.contact.form fieldset.email input, .block.contact.form fieldset.number input, .block.contact.form fieldset.text input {
        width: 75%;
    }
}

.block.contact.form fieldset.check input {
    position: absolute;
    left: -999em;
}

[dir=rtl] .block.contact.form fieldset.check input {
    left: auto;
    right: -999em;
}

.block.contact.form fieldset.check input:checked + label:before {
    background: #009fdf;
}

.block.contact.form fieldset.check input:checked + label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #009fdf;
    background: url(../img/check.png) 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.contact.form fieldset.check input:checked + label:after {
    left: auto;
    right: 0;
}

.block.contact.form fieldset.check label {
    color: #53565a;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: block;
    font-size: .9375em;
}

[dir=rtl] .block.contact.form fieldset.check label {
    padding-left: 0;
    padding-right: 28px;
}

.block.contact.form fieldset.check label:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #53565a;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.contact.form fieldset.check label:before {
    left: auto;
    right: 0;
}

.block.contact.form fieldset.check label:hover:before {
    background: #eee;
}

.block.contact.form fieldset textarea {
    background: #fff;
    border: 1px solid;
    padding: .25em .5em;
    display: block;
    outline: none;
    height: 8em;
    width: 100%;
}

    .block.contact.form fieldset textarea:hover {
        border-color: #ffcd00;
        background-color: #ffcd00;
        color: #53565a;
    }

    .block.contact.form fieldset textarea:active, .block.contact.form fieldset textarea:focus {
        border-color: #ffcd00;
        background-color: #fff;
        color: #53565a;
    }

@media only screen and (min-width:601px) {
    .block.contact.form fieldset textarea {
        width: 90%;
    }
}

.block.contact.form fieldset select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}

.ie9 .block.contact.form fieldset select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.contact.form fieldset select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.contact.form fieldset select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.contact.form fieldset select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.contact.form fieldset select {
        width: 15em;
    }
}

.block.contact.form fieldset select:disabled {
    opacity: .5;
}

.block.contact.form fieldset select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.contact.form fieldset select:active, .block.contact.form fieldset select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.contact.form fieldset select {
        width: 75%;
    }
}

@media only screen and (min-width:601px) {
    .block.contact.form fieldset.small {
        width: 40%;
    }
}

.block.contact.form fieldset .remaining {
    font-size: .75em;
    color: #53565a;
}

.block.contact.form fieldset .error {
    padding-top: .5em;
    color: #d0021b;
    font-size: .9375em;
    display: none;
}

.block.contact.form fieldset.input-validation-error input, .block.contact.form fieldset.input-validation-error label:before, .block.contact.form fieldset.input-validation-error select, .block.contact.form fieldset.input-validation-error textarea {
    border-color: #d0021b;
}

.block.contact.form fieldset.input-validation-error .error {
    display: block;
}

.block.contact.form button {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.contact.form button:hover {
        text-decoration: none;
    }

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

.block.contact.form button:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.contact.form button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.contact.form button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:601px) {
    .block.contact.form button {
        float: right;
    }
}

.block.contact.location {
    background: #f6f6f6;
    margin: 1em 0;
    padding: 1.5em;
}

    .block.contact.location h3 {
        text-transform: none;
    }

    .block.contact.location p {
        margin: 0;
    }

.block.contact.location_select {
    margin: 0 0 1.5em;
}

    .block.contact.location_select form:after {
        content: "";
        display: table;
        clear: both;
    }

    .block.contact.location_select .group {
        background: #f6f6f6;
        margin: 1em 0;
        padding: .5em 1.5em;
    }

    .block.contact.location_select .g-recaptcha.error > div {
        border: 1px solid #d0021b;
    }

    .block.contact.location_select fieldset {
        margin: 1em 0;
        padding: 0;
        border: 0;
    }

        .block.contact.location_select fieldset label {
            display: block;
            color: #53565a;
            font-size: .9375em;
            padding-bottom: .5em;
        }

        .block.contact.location_select fieldset.email input, .block.contact.location_select fieldset.number input, .block.contact.location_select fieldset.text input {
            background: #fff;
            border: 1px solid;
            padding: .25em .5em;
            display: block;
            outline: none;
            width: 100%;
        }

@media only screen and (min-width:1024px) {
    .block.contact.location_select fieldset.email input, .block.contact.location_select fieldset.number input, .block.contact.location_select fieldset.text input {
        width: auto;
    }
}

.block.contact.location_select fieldset.email input:hover, .block.contact.location_select fieldset.number input:hover, .block.contact.location_select fieldset.text input:hover {
    border-color: #ffcd00;
    background-color: #ffcd00;
    color: #53565a;
}

.block.contact.location_select fieldset.email input:active, .block.contact.location_select fieldset.email input:focus, .block.contact.location_select fieldset.number input:active, .block.contact.location_select fieldset.number input:focus, .block.contact.location_select fieldset.text input:active, .block.contact.location_select fieldset.text input:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.contact.location_select fieldset.email input, .block.contact.location_select fieldset.number input, .block.contact.location_select fieldset.text input {
        width: 75%;
    }
}

.block.contact.location_select fieldset.check input {
    position: absolute;
    left: -999em;
}

[dir=rtl] .block.contact.location_select fieldset.check input {
    left: auto;
    right: -999em;
}

.block.contact.location_select fieldset.check input:checked + label:before {
    background: #009fdf;
}

.block.contact.location_select fieldset.check input:checked + label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #009fdf;
    background: url(../img/check.png) 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.contact.location_select fieldset.check input:checked + label:after {
    left: auto;
    right: 0;
}

.block.contact.location_select fieldset.check label {
    color: #53565a;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: block;
    font-size: .9375em;
}

[dir=rtl] .block.contact.location_select fieldset.check label {
    padding-left: 0;
    padding-right: 28px;
}

.block.contact.location_select fieldset.check label:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #53565a;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.contact.location_select fieldset.check label:before {
    left: auto;
    right: 0;
}

.block.contact.location_select fieldset.check label:hover:before {
    background: #eee;
}

.block.contact.location_select fieldset textarea {
    background: #fff;
    border: 1px solid;
    padding: .25em .5em;
    display: block;
    outline: none;
    height: 8em;
    width: 100%;
}

    .block.contact.location_select fieldset textarea:hover {
        border-color: #ffcd00;
        background-color: #ffcd00;
        color: #53565a;
    }

    .block.contact.location_select fieldset textarea:active, .block.contact.location_select fieldset textarea:focus {
        border-color: #ffcd00;
        background-color: #fff;
        color: #53565a;
    }

@media only screen and (min-width:601px) {
    .block.contact.location_select fieldset textarea {
        width: 90%;
    }
}

.block.contact.location_select fieldset select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
}

.ie9 .block.contact.location_select fieldset select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.contact.location_select fieldset select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.contact.location_select fieldset select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.contact.location_select fieldset select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.contact.location_select fieldset select {
        width: 15em;
    }
}

.block.contact.location_select fieldset select:disabled {
    opacity: .5;
}

.block.contact.location_select fieldset select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.contact.location_select fieldset select:active, .block.contact.location_select fieldset select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.contact.location_select fieldset select {
        width: 75%;
    }
}

@media only screen and (min-width:601px) {
    .block.contact.location_select fieldset.small {
        width: 40%;
    }
}

.block.contact.location_select fieldset .remaining {
    font-size: .75em;
    color: #53565a;
}

.block.contact.location_select fieldset .error {
    padding-top: .5em;
    color: #d0021b;
    font-size: .9375em;
    display: none;
}

.block.contact.location_select fieldset.input-validation-error input, .block.contact.location_select fieldset.input-validation-error label:before, .block.contact.location_select fieldset.input-validation-error select, .block.contact.location_select fieldset.input-validation-error textarea {
    border-color: #d0021b;
}

.block.contact.location_select fieldset.input-validation-error .error {
    display: block;
}

.block.contact.location_select button {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.contact.location_select button:hover {
        text-decoration: none;
    }

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

.block.contact.location_select button:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.contact.location_select button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.contact.location_select button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:601px) {
    .block.contact.location_select button {
        float: right;
    }
}

.block.contact.location_select .group {
    border: 0;
    background: #f6f6f6;
}

.block.contact.contacts {
    background: #041e42;
    color: #fff;
    margin: 1em 0 1.5em;
}

    .block.contact.contacts ul {
        list-style: none;
        margin: 0;
        padding: 0 0 1.5em;
    }

        .block.contact.contacts ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .block.contact.contacts ul li {
            padding: 1.5em 1.5em 0;
        }

            .block.contact.contacts ul li h3 {
                text-transform: none;
                margin: 0;
                color: #fff;
            }

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

                .block.contact.contacts ul li a:hover {
                    text-decoration: none;
                }

.block.news > a:hover p {
    color: #46b4e6;
}

.block.news > a:active p {
    color: #53565a;
}

.block.news > a.cta, .block.news > a.cta-blue {
    color: #fff;
}

.block.news h3 a {
    color: #53565a;
}

    .block.news h3 a:hover {
        color: #46b4e6;
    }

.block.news img {
    width: auto;
    max-width: 100%;
    padding: 5px;
}

.block.news p {
    margin: 0 0 1em;
}

.block.news ul {
    list-style: disc outside;
    margin: 0 0 1.5em 1em;
    padding: 0;
}

[dir=rtl] .block.news ul {
    margin: 0 1em 1.5em 0;
}

.block.news ul li {
    color: #53565a;
    font-size: .9375em;
    font-family: sttl;
}

.block.news ol {
    list-style: decimal outside;
    margin: 0 0 1.5em 1em;
    padding: 0;
}

[dir=rtl] .block.news ol {
    margin: 0 1em 1.5em 0;
}

.block.news ol li {
    color: #53565a;
    font-size: .9375em;
    font-family: PraxisComLight;
}

.block.news.details {
    padding-bottom: 1.5em;
}

    .block.news.details .profile {
        padding-left: 5em;
        position: relative;
    }

        .block.news.details .profile h3 {
            text-transform: none;
            margin: 0 0 .25em;
        }

        .block.news.details .profile p {
            font-family: sttr;
            color: #a7a7aa;
            margin: 0;
        }

        .block.news.details .profile img {
            position: absolute;
            top: 0;
            left: 0;
            width: 4em;
            border-radius: 100em;
        }

.block.news.tags {
    display: none;
}

    .block.news.tags ul {
        margin: 1em 0;
        padding: 0;
    }

        .block.news.tags ul li {
            display: inline-block;
            margin: 0 .25em .75em 0;
        }

            .block.news.tags ul li a {
                background: #eee;
                display: block;
                color: #a7a7aa;
                text-decoration: none;
                padding: .25em 1em;
                border-radius: 100em;
                line-height: 1;
                border: 1px solid;
            }

                .block.news.tags ul li a:hover {
                    border-color: #009fdf;
                    background: #009fdf;
                    color: #fff !important;
                }

                .block.news.tags ul li a:active {
                    border-color: #009fdf;
                    background: #fff;
                    color: #009fdf !important;
                }

.block.news.related ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .block.news.related ul li {
        padding-bottom: 1em;
    }

        .block.news.related ul li h4 {
            margin-bottom: 0;
        }

        .block.news.related ul li p {
            margin-top: .25em;
        }

.block.news.result {
    margin: 0 0 1.5em;
}

    .block.news.result .thumb {
        height: 12em;
        margin: 0 0 1.5em;
        background: no-repeat 50%;
        background-size: cover;
    }

@media only screen and (min-width:601px) {
    .block.news.result .thumb {
        height: 16em;
        max-width: 30em;
    }
}

@media only screen and (min-width:1024px) {
    .block.news.result .thumb {
        float: none;
        margin: 0 0 1.5em;
    }

    .col-lg-4 .block.news.result .thumb {
        height: 12em;
        max-width: 24em;
    }
}

.block.news.result_large {
    margin: 0 0 1.5em;
}

    .block.news.result_large .thumb {
        height: 14em;
        background: no-repeat 50%;
        background-size: cover;
        display: block;
        max-width: 100%;
        margin: 0 0 1.5em;
    }

@media only screen and (min-width:1024px) {
    .block.news.result_large .thumb {
        float: left;
        width: 49%;
        width: calc(50% - .75rem);
        margin: 0 1.5rem 1.5em 0;
    }

    [dir=rtl] .block.news.result_large .thumb {
        float: right;
        margin: 0 0 1.5rem 1.5em;
    }
}

.block.news.feedback {
    padding-top: 1.5em;
}

    .block.news.feedback p {
        margin: 1em 0;
        font-size: 1.125em;
        color: #53565a;
    }

        .block.news.feedback p .feedback_buttons {
            display: block;
        }

@media only screen and (min-width:1024px) {
    .block.news.feedback p .feedback_buttons {
        display: inline;
    }
}

.block.news.feedback p .feedback_buttons a {
    padding: 0 0 0 .5em;
}

.block.news.actions {
    padding-top: 1.5em;
    display: none;
    margin: 0 0 1.5em;
}

@media only screen and (min-width:601px) {
    .block.news.actions {
        display: block;
    }
}

.block.news.actions ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .block.news.actions ul:after {
        content: "";
        display: table;
        clear: both;
    }

    .block.news.actions ul li {
        width: 15em;
    }

        .block.news.actions ul li.prev {
            float: left;
        }

            .block.news.actions ul li.prev a {
                padding-left: 3em;
            }

                .block.news.actions ul li.prev a:before {
                    left: 0;
                }

                .block.news.actions ul li.prev a:after {
                    content: "←";
                    left: 0;
                }

        .block.news.actions ul li.next {
            float: right;
        }

            .block.news.actions ul li.next a {
                padding-right: 3em;
            }

                .block.news.actions ul li.next a:before {
                    right: 0;
                }

                .block.news.actions ul li.next a:after {
                    content: "→";
                    right: 0;
                }

        .block.news.actions ul li a {
            display: block;
            color: #009fdf;
            text-decoration: none;
            position: relative;
            line-height: 2.4em;
            text-transform: uppercase;
        }

            .block.news.actions ul li a span {
                overflow: hidden;
                width: 12em;
                text-overflow: ellipsis;
                display: block;
                white-space: nowrap;
            }

            .block.news.actions ul li a:hover {
                color: #041e42;
                text-decoration: underline;
            }

                .block.news.actions ul li a:hover:before {
                    background: #041e42;
                }

            .block.news.actions ul li a:active {
                color: #53565a;
                text-decoration: underline;
            }

                .block.news.actions ul li a:active:before {
                    background: #53565a;
                }

            .block.news.actions ul li a:before {
                content: "";
                top: 0;
                background: #009fdf;
                width: 2.4em;
                height: 2.4em;
                border-radius: 100em;
                position: absolute;
            }

            .block.news.actions ul li a:after {
                top: 0;
                width: 2.4em;
                height: 2.4em;
                position: absolute;
                text-align: center;
                color: #fff;
            }

.block.news.filters {
    background: #f6f6f6;
    padding: 1em 1.5em;
    margin: 0 0 1.5em;
}

    .block.news.filters:after {
        content: "";
        display: table;
        clear: both;
    }

    .block.news.filters legend {
        padding: 0 1em 0 0;
        text-transform: uppercase;
        color: #53565a;
        display: block;
    }

[dir=rtl] .block.news.filters legend {
    padding: 0 0 0 1em;
}

@media only screen and (min-width:1024px) {
    .block.news.filters legend {
        display: inline-block;
    }
}

.block.news.filters fieldset {
    margin: .5em 0;
    border: 0;
    padding: 0 0 1em;
    white-space: nowrap;
}

@media only screen and (min-width:601px) {
    .block.news.filters fieldset {
        padding: 0 1em 0 0;
        display: inline-block;
    }

    [dir=rtl] .block.news.filters fieldset {
        padding: 0 0 0 1em;
    }
}

.block.news.filters fieldset label {
    display: block;
    cursor: pointer;
}

@media only screen and (min-width:1024px) {
    .block.news.filters fieldset label {
        padding-right: .5em;
        display: inline-block;
    }

    [dir=rtl] .block.news.filters fieldset label {
        padding-right: 0;
        padding-left: .5em;
    }
}

.block.news.filters fieldset .text {
    background: #fff;
    border: 1px solid;
    padding: .25em .5em;
    display: block;
    width: 100%;
    outline: none;
}

@media only screen and (min-width:1024px) {
    .block.news.filters fieldset .text {
        width: auto;
    }
}

.block.news.filters fieldset .text:hover {
    border-color: #ffcd00;
    background-color: #ffcd00;
    color: #53565a;
}

.block.news.filters fieldset .text:active, .block.news.filters fieldset .text:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.news.filters fieldset .text {
        display: inline-block;
        min-width: 25em;
    }
}

.block.news.filters fieldset select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    width: 100%;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ie9 .block.news.filters fieldset select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.news.filters fieldset select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.news.filters fieldset select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.news.filters fieldset select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.news.filters fieldset select {
        width: 15em;
    }
}

.block.news.filters fieldset select:disabled {
    opacity: .5;
}

.block.news.filters fieldset select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.news.filters fieldset select:active, .block.news.filters fieldset select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

.block.news.filters .add {
    display: inline-block;
    padding-right: 1em;
}

.block.news.filters button {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: 0;
}

    .block.news.filters button:hover {
        text-decoration: none;
    }

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

.block.news.filters button:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.news.filters button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.news.filters button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.news.tabbed_snippets {
    background: #f6f6f6;
    margin: 1.5em 0;
}

@media only screen and (min-width:1024px) {
    .block.news.tabbed_snippets {
        margin: 0 0 1.5em;
    }
}

.block.news.tabbed_snippets .tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .block.news.tabbed_snippets .tabs:after {
        content: "";
        display: table;
        clear: both;
    }

    .block.news.tabbed_snippets .tabs li {
        float: left;
        width: 50%;
    }

        .block.news.tabbed_snippets .tabs li.active a, .block.news.tabbed_snippets .tabs li.active a:active, .block.news.tabbed_snippets .tabs li.active a:hover {
            background: #f6f6f6;
            border-color: #f6f6f6;
            color: #a7a7aa;
        }

        .block.news.tabbed_snippets .tabs li.active h3, .block.news.tabbed_snippets .tabs li.active h4 {
            color: #53565a;
        }

        .block.news.tabbed_snippets .tabs li a {
            border: 1px solid #f6f6f6;
            display: block;
            padding: 1.5em;
            background: #fff;
            margin-right: -1px;
        }

            .block.news.tabbed_snippets .tabs li a:hover {
                text-decoration: none;
                background: #eee;
                color: #fff;
                border-color: #eee;
            }

            .block.news.tabbed_snippets .tabs li a:active {
                background: #d8d8d8;
                border-color: #d8d8d8;
            }

                .block.news.tabbed_snippets .tabs li a:active h3, .block.news.tabbed_snippets .tabs li a:active h4 {
                    color: #53565a;
                }

            .block.news.tabbed_snippets .tabs li a h3, .block.news.tabbed_snippets .tabs li a h4 {
                color: #a7a7aa;
                margin: 0;
                line-height: 1;
                font-size: 1.25em;
                font-family: sttl;
            }

.block.news.tabbed_snippets .tab_news, .block.news.tabbed_snippets .tab_social {
    padding: 1.5em;
    display: none;
}

    .block.news.tabbed_snippets .tab_news.active, .block.news.tabbed_snippets .tab_social.active {
        display: block;
    }

    .block.news.tabbed_snippets .tab_news .social, .block.news.tabbed_snippets .tab_news .videolink, .block.news.tabbed_snippets .tab_social .social, .block.news.tabbed_snippets .tab_social .videolink {
        border-bottom: 1px solid #d8d8d8;
        margin: 0 0 1.5em;
        padding-left: 3em;
    }

        .block.news.tabbed_snippets .tab_news .social .social_facebook, .block.news.tabbed_snippets .tab_news .social .social_linkedin, .block.news.tabbed_snippets .tab_news .social .social_twitter, .block.news.tabbed_snippets .tab_news .social .social_youtube, .block.news.tabbed_snippets .tab_news .videolink .social_facebook, .block.news.tabbed_snippets .tab_news .videolink .social_linkedin, .block.news.tabbed_snippets .tab_news .videolink .social_twitter, .block.news.tabbed_snippets .tab_news .videolink .social_youtube, .block.news.tabbed_snippets .tab_social .social .social_facebook, .block.news.tabbed_snippets .tab_social .social .social_linkedin, .block.news.tabbed_snippets .tab_social .social .social_twitter, .block.news.tabbed_snippets .tab_social .social .social_youtube, .block.news.tabbed_snippets .tab_social .videolink .social_facebook, .block.news.tabbed_snippets .tab_social .videolink .social_linkedin, .block.news.tabbed_snippets .tab_social .videolink .social_twitter, .block.news.tabbed_snippets .tab_social .videolink .social_youtube {
            position: absolute;
            top: 0;
            left: 0;
            width: 1.5em;
            height: 1.5em;
            background: 50% no-repeat;
        }

        .block.news.tabbed_snippets .tab_news .social .social_twitter, .block.news.tabbed_snippets .tab_news .videolink .social_twitter, .block.news.tabbed_snippets .tab_social .social .social_twitter, .block.news.tabbed_snippets .tab_social .videolink .social_twitter {
            background-image: url(../img/icons/sabic-twitter.svg);
        }

        .block.news.tabbed_snippets .tab_news .social .social_facebook, .block.news.tabbed_snippets .tab_news .videolink .social_facebook, .block.news.tabbed_snippets .tab_social .social .social_facebook, .block.news.tabbed_snippets .tab_social .videolink .social_facebook {
            background-image: url(../img/icons/sabic-facebook.svg);
        }

        .block.news.tabbed_snippets .tab_news .social .social_youtube, .block.news.tabbed_snippets .tab_news .videolink .social_youtube, .block.news.tabbed_snippets .tab_social .social .social_youtube, .block.news.tabbed_snippets .tab_social .videolink .social_youtube {
            background-image: url(../img/icons/sabic-you-tube.svg);
        }

        .block.news.tabbed_snippets .tab_news .social .social_linkedin, .block.news.tabbed_snippets .tab_news .videolink .social_linkedin, .block.news.tabbed_snippets .tab_social .social .social_linkedin, .block.news.tabbed_snippets .tab_social .videolink .social_linkedin {
            background-image: url(../img/icons/sabic-linkedin.svg);
        }

        .block.news.tabbed_snippets .tab_news .social:last-child, .block.news.tabbed_snippets .tab_news .videolink:last-child, .block.news.tabbed_snippets .tab_social .social:last-child, .block.news.tabbed_snippets .tab_social .videolink:last-child {
            border-bottom: 0;
            margin: 0;
        }

    .block.news.tabbed_snippets .tab_news article, .block.news.tabbed_snippets .tab_social article {
        display: block;
    }

        .block.news.tabbed_snippets .tab_news article h3, .block.news.tabbed_snippets .tab_social article h3 {
            margin: .5em 0;
        }

        .block.news.tabbed_snippets .tab_news article p, .block.news.tabbed_snippets .tab_social article p {
            margin: 0 0 1em;
        }

        .block.news.tabbed_snippets .tab_news article a, .block.news.tabbed_snippets .tab_social article a {
            text-transform: uppercase;
            padding: .35em 2em;
            text-align: center;
            text-decoration: none;
            display: block;
            border: 0;
            line-height: 1;
            width: 100%;
            margin: 0 0 1.5em;
            -webkit-transition: opacity .5s ease;
            transition: opacity .5s ease;
            background: #009fdf;
            border: 1px solid #009fdf;
            color: #fff;
            margin: 0 0 2em;
        }

            .block.news.tabbed_snippets .tab_news article a:hover, .block.news.tabbed_snippets .tab_social article a:hover {
                text-decoration: none;
            }

@media only screen and (min-width:601px) {
    .block.news.tabbed_snippets .tab_news article a, .block.news.tabbed_snippets .tab_social article a {
        width: auto;
        display: inline-block;
    }
}

.block.news.tabbed_snippets .tab_news article a:disabled, .block.news.tabbed_snippets .tab_social article a:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.news.tabbed_snippets .tab_news article a:hover, .block.news.tabbed_snippets .tab_social article a:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.news.tabbed_snippets .tab_news article a:active, .block.news.tabbed_snippets .tab_social article a:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.news.tabbed_snippets .tab_news .see_more, .block.news.tabbed_snippets .tab_social .see_more {
    margin: 0;
}

.block.news.popular_assets > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .block.news.popular_assets > ul:after {
        content: "";
        display: table;
        clear: both;
    }

    .block.news.popular_assets > ul li {
        float: left;
        width: 50%;
        margin-bottom: 1.5em;
    }

        .block.news.popular_assets > ul li:nth-child(odd) {
            padding-right: .75em;
        }

        .block.news.popular_assets > ul li:nth-child(even) {
            padding-left: .75em;
        }

        .block.news.popular_assets > ul li img {
            margin: 0;
        }

.block.location.filters {
    margin: 0 0 1.5em;
}

    .block.location.filters.loading {
        pointer-events: none;
    }

        .block.location.filters.loading form {
            opacity: .5;
        }

    .block.location.filters form {
        background: #f6f6f6;
        padding: .5em 1em 1.5em;
    }

        .block.location.filters form h3 {
            margin: .5em 0 .75em;
        }

        .block.location.filters form fieldset {
            margin: 0 0 .5em;
            border: 0;
            padding: 0;
        }

            .block.location.filters form fieldset input {
                position: absolute;
                left: -999em;
            }

[dir=rtl] .block.location.filters form fieldset input {
    left: auto;
    right: -999em;
}

.block.location.filters form fieldset input:checked + label:before {
    background: #009fdf;
}

.block.location.filters form fieldset input:checked + label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #009fdf;
    background: url(../img/check.png) 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.location.filters form fieldset input:checked + label:after {
    left: auto;
    right: 0;
}

.block.location.filters form fieldset label {
    color: #53565a;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: block;
    font-size: .9375em;
}

[dir=rtl] .block.location.filters form fieldset label {
    padding-left: 0;
    padding-right: 28px;
}

.block.location.filters form fieldset label:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #53565a;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.location.filters form fieldset label:before {
    left: auto;
    right: 0;
}

.block.location.filters form fieldset label:hover:before {
    background: #eee;
}

.block.location.filters form button {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: .5em 0 0;
}

    .block.location.filters form button:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.location.filters form button {
        width: auto;
        display: inline-block;
    }
}

.block.location.filters form button:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.location.filters form button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.location.filters form button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.location.search {
    margin: 1.5em 0;
}

@media only screen and (min-width:601px) {
    .block.location.search {
        margin: 0 0 1.5em;
    }
}

.block.location.search form fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
}

    .block.location.search form fieldset label {
        position: absolute;
        top: 0;
        left: 0;
        line-height: 1;
        text-transform: uppercase;
        color: #53565a;
        cursor: text;
        padding: .45em 1.25em;
    }

[dir=rtl] .block.location.search form fieldset label {
    left: auto;
    right: 0;
}

.block.location.search form fieldset input {
    width: 100%;
    padding: .25em 1.25em;
    margin: 0;
    line-height: 1;
    background: #fff;
    border: 1px solid #a7a7aa;
    border-radius: 100em;
    outline: none;
}

.block.location.search form fieldset button {
    position: absolute;
    top: 0;
    right: .5em;
    background: 0;
    padding: 0;
    margin: 0;
    border: 0;
    text-indent: -999em;
    z-index: 1;
    width: 1.8em;
    height: 1.8em;
}

[dir=rtl] .block.location.search form fieldset button {
    right: auto;
    left: .5em;
}

.block.location.search form fieldset button:before {
    content: "";
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.location.back .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.location.back .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.location.back .cta {
        width: auto;
        display: inline-block;
    }
}

.block.location.back .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.location.back .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.location.back .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.location.sort {
    margin: 1.5em 0;
}

    .block.location.sort:after {
        content: "";
        display: table;
        clear: both;
    }

    .block.location.sort legend {
        padding: 0 1em 0 0;
        display: inline-block;
        text-transform: uppercase;
        color: #53565a;
    }

    .block.location.sort fieldset {
        margin: 0;
        border: 0;
        padding: 0 0 1em;
    }

@media only screen and (min-width:1024px) {
    .block.location.sort fieldset {
        padding: 0 1em 0 0;
        display: inline-block;
    }

    [dir=rtl] .block.location.sort fieldset {
        padding: 0 0 0 1em;
    }
}

.block.location.sort fieldset label {
    display: block;
    cursor: pointer;
}

@media only screen and (min-width:601px) {
    .block.location.sort fieldset label {
        padding-right: .5em;
        display: inline-block;
    }

    [dir=rtl] .block.location.sort fieldset label {
        padding-right: 0;
        padding-left: .5em;
    }
}

.block.location.sort fieldset select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    width: 100%;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ie9 .block.location.sort fieldset select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.location.sort fieldset select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.location.sort fieldset select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.location.sort fieldset select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.location.sort fieldset select {
        width: 15em;
    }
}

.block.location.sort fieldset select:disabled {
    opacity: .5;
}

.block.location.sort fieldset select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.location.sort fieldset select:active, .block.location.sort fieldset select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

.block.location.sort button {
    float: right;
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
}

    .block.location.sort button:hover {
        text-decoration: none;
    }

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

.block.location.sort button:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.location.sort button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.location.sort button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.location.popup {
    padding: .5em 0;
    font-family: sttl;
    font-size: 14px;
}

[dir=rtl] .block.location.popup {
    padding-right: 1em;
}

.block.location.popup p {
    font-family: sttl;
    color: #53565a;
}

.block.location.popup .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: 0;
}

    .block.location.popup .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.location.popup .cta {
        width: auto;
        display: inline-block;
    }
}

.block.location.popup .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.location.popup .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.location.popup .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.location.result_group {
    clear: both;
    background: #009fdf;
    color: #fff;
    margin: 0 0 .25em;
    padding: .5em 1em;
}

    .block.location.result_group h4 {
        margin: 0;
        color: #fff;
    }

.block.location.result {
    background: #f6f6f6;
    padding: 1em;
    margin: .25em 0;
    clear: both;
}

@media only screen and (min-width:1024px) {
    .block.location.result {
        padding-right: 30%;
    }
}

.block.location.result h4 {
    margin: 0 0 .5em;
}

.block.location.result p {
    margin: 0;
}

@media only screen and (min-width:1024px) {
    .block.location.result .actions {
        position: absolute;
        top: .5em;
        right: 1em;
        width: 25%;
    }
}

.block.location.result .actions .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: 1em 0 0;
}

    .block.location.result .actions .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.location.result .actions .cta {
        width: auto;
        display: inline-block;
    }
}

.block.location.result .actions .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.location.result .actions .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.location.result .actions .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.location.result .actions .cta {
        display: block;
        margin: .5em 0 0;
        width: 100%;
    }
}

.block.location.map {
    clear: both;
    margin: 0 0 1.5em;
}

    .block.location.map #map {
        height: 20em;
        width: 100%;
        display: block;
    }

@media only screen and (min-width:1024px) {
    .block.location.map #map {
        height: 30em;
    }
}

.block.location.functions {
    padding: 1.5em 1.5em 0;
    background: #041e42;
    color: #fff;
    margin: 0 0 1.5em;
}

    .block.location.functions h3 {
        margin: 0 0 1em;
        color: #fff;
    }

    .block.location.functions ul {
        list-style: none;
        margin: 0;
        padding: 0 0 1em;
    }

        .block.location.functions ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .block.location.functions ul li {
            margin: .5em 0;
        }

            .block.location.functions ul li:before {
                content: "–";
                display: inline-block;
                margin-right: .5em;
            }

            .block.location.functions ul li h3 {
                text-transform: none;
                margin: 0;
            }

            .block.location.functions ul li a {
                color: #fff;
            }

.block.location.contact_details {
    padding: 1.5em;
    margin: 0 0 1.5em;
    background: #f6f6f6;
}

    .block.location.contact_details .cta {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        text-decoration: none;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #009fdf;
        border: 1px solid #009fdf;
        color: #fff;
    }

        .block.location.contact_details .cta:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    .block.location.contact_details .cta {
        width: auto;
        display: inline-block;
    }
}

.block.location.contact_details .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.location.contact_details .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.location.contact_details .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.media.tabs {
    margin: 0 0 1.5em;
}

    .block.media.tabs ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #ccc;
    }

        .block.media.tabs ul:after {
            content: "";
            display: table;
            clear: both;
        }

@media only screen and (min-width:601px) {
    .block.media.tabs ul {
        vertical-align: middle;
    }
}

.block.media.tabs ul li {
    font-size: 1.125em;
    border-bottom: 1px solid #ccc;
    margin: 0 0 -1px;
}

@media only screen and (max-width:600px) {
    .block.media.tabs ul li:last-child {
        border-bottom: 0;
    }
}

@media only screen and (min-width:601px) {
    .block.media.tabs ul li {
        border: 1px solid #fff;
        border-bottom-color: #ccc;
        float: left;
    }

    [dir=rtl] .block.media.tabs ul li {
        float: right;
    }
}

.block.media.tabs ul li a, .block.media.tabs ul li span {
    padding: .25em;
    display: block;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.media.tabs ul li a, .block.media.tabs ul li span {
        padding: .25em 1em;
    }
}

.block.media.tabs ul li a:hover, .block.media.tabs ul li span:hover {
    text-decoration: none;
}

@media only screen and (min-width:601px) {
    .block.media.tabs ul li.active {
        border: 1px solid #ccc;
        border-bottom-color: #fff;
    }
}

.block.media.tabs ul li.active a {
    color: #009fdf;
}

    .block.media.tabs ul li.active a:hover {
        text-decoration: none;
    }

.block.media.search {
    margin: 0 0 1.5em;
}

    .block.media.search form fieldset {
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .block.media.search form fieldset label {
            position: absolute;
            top: 0;
            left: 0;
            line-height: 1;
            text-transform: uppercase;
            color: #53565a;
            cursor: text;
            padding: .45em 1.25em;
        }

[dir=rtl] .block.media.search form fieldset label {
    left: auto;
    right: 0;
}

.block.media.search form fieldset input {
    width: 100%;
    padding: .25em 1.25em;
    margin: 0;
    line-height: 1;
    background: #fff;
    border: 1px solid #a7a7aa;
    border-radius: 100em;
    outline: none;
}

.block.media.search form fieldset button {
    position: absolute;
    top: 0;
    right: .5em;
    background: 0;
    padding: 0;
    margin: 0;
    border: 0;
    text-indent: -999em;
    z-index: 1;
    width: 1.8em;
    height: 1.8em;
}

[dir=rtl] .block.media.search form fieldset button {
    right: auto;
    left: .5em;
}

.block.media.search form fieldset button:before {
    content: "";
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.media.photo {
    position: relative;
    margin: 0 0 1.5em;
}

    .block.media.photo img {
        display: block;
        width: 100%;
    }

    .block.media.photo:hover .actions {
        top: 0;
        opacity: 1;
    }

    .block.media.photo .actions {
        top: 100%;
        opacity: 0;
        -webkit-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
    }

        .block.media.photo .actions ul {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 1em;
            margin: 0;
            list-style: none;
            color: #53565a;
            background: hsla(0,0%,100%,.9);
        }

            .block.media.photo .actions ul li {
                line-height: 1;
            }

        .block.media.photo .actions a {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: 2em;
            height: 2em;
            margin-bottom: 1em;
            color: #fff;
            text-indent: -999em;
        }

[dir=rtl] .block.media.photo .actions a {
    right: auto;
    left: 1em;
}

.block.media.photo .actions a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.media.logo {
    position: relative;
    margin: 0 0 1.5em;
}

    .block.media.logo img {
        display: block;
        width: 100%;
    }

    .block.media.logo:hover .actions {
        top: 0;
        opacity: 1;
    }

    .block.media.logo .actions {
        top: 100%;
        opacity: 0;
        -webkit-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
    }

        .block.media.logo .actions ul {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 1em;
            margin: 0;
            list-style: none;
            color: #53565a;
            background: hsla(0,0%,100%,.9);
        }

            .block.media.logo .actions ul li {
                line-height: 1;
            }

        .block.media.logo .actions a {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: 2em;
            height: 2em;
            margin-bottom: 1em;
            color: #fff;
            text-indent: -999em;
        }

[dir=rtl] .block.media.logo .actions a {
    right: auto;
    left: 1em;
}

.block.media.logo .actions a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.media.publication {
    position: relative;
    margin: 0 0 1.5em;
}

    .block.media.publication img {
        display: block;
        width: 100%;
        margin: 0 0 1em;
    }

    .block.media.publication:hover .actions {
        top: 0;
        opacity: 1;
    }

    .block.media.publication .actions {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
    }

        .block.media.publication .actions ul {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 1em;
            margin: 0;
            list-style: none;
            color: #53565a;
            background: hsla(0,0%,100%,.9);
        }

            .block.media.publication .actions ul li {
                line-height: 1;
            }

        .block.media.publication .actions a {
            position: absolute;
            bottom: 0;
            right: 1em;
            width: 2em;
            height: 2em;
            margin-bottom: 1em;
            color: #fff;
            text-indent: -999em;
        }

[dir=rtl] .block.media.publication .actions a {
    right: auto;
    left: 1em;
}

.block.media.publication .actions a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.media.video {
    position: relative;
}

    .block.media.video a {
        position: relative;
        display: block;
    }

        .block.media.video a:before {
            content: "";
            position: absolute;
            width: 3em;
            height: 3em;
            top: 1em;
            left: 1em;
            background-color: #fff;
            border-radius: 100em;
            background-position: 50%;
            background-repeat: no-repeat;
        }

    .block.media.video p {
        color: #53565a;
    }

    .block.media.video .thumb {
        display: block;
        width: 100%;
        margin: 0 0 1.5em;
    }

    .block.media.video .date {
    
        font-size: .8125em;
            color: #4D4D4D;
    font-family: sttr, sans-serif, sans-serif;
        text-transform: uppercase;
        
    }

.block.media.results > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .block.media.results > ul:after {
        content: "";
        display: table;
        clear: both;
    }

@media only screen and (min-width:1024px) {
    .block.media.results > ul > li {
        padding: 0 .75em 0 0;
        width: 50%;
        float: left;
    }

        .block.media.results > ul > li:nth-child(even) {
            padding: 0 0 0 .75em;
        }

        .block.media.results > ul > li:nth-child(2n+1) {
            clear: both;
        }
}

.block.media.filters {
    margin: 0 0 1.5em;
}

    .block.media.filters form {
        background: #f6f6f6;
        padding: .5em 1em .75em;
    }

        .block.media.filters form h3 {
            margin: .5em 0 .75em;
        }

        .block.media.filters form fieldset {
            margin: 0 0 .5em;
            border: 0;
            padding: 0;
        }

            .block.media.filters form fieldset input {
                position: absolute;
                left: -999em;
            }

[dir=rtl] .block.media.filters form fieldset input {
    left: auto;
    right: -999em;
}

.block.media.filters form fieldset input:checked + label:before {
    background: #009fdf;
}

.block.media.filters form fieldset input:checked + label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #009fdf;
    background: url(../img/check.png) 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.media.filters form fieldset input:checked + label:after {
    left: auto;
    right: 0;
}

.block.media.filters form fieldset label {
    color: #53565a;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: block;
    font-size: .9375em;
}

[dir=rtl] .block.media.filters form fieldset label {
    padding-left: 0;
    padding-right: 28px;
}

.block.media.filters form fieldset label:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #53565a;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.media.filters form fieldset label:before {
    left: auto;
    right: 0;
}

.block.media.filters form fieldset label:hover:before {
    background: #eee;
}

.block.products.keyfeatures ul {
    padding: 0;
    margin: 0 0 1.5em;
    position: relative;
    list-style: none;
}

@media only screen and (min-width:1024px) {
    .block.products.keyfeatures ul {
        height: 25em;
    }
}

.block.products.keyfeatures ul li:after {
    content: "";
    display: table;
    clear: both;
}

.block.products.keyfeatures ul li:first-child > a {
    border-top: 1px solid #eee;
}

.block.products.keyfeatures ul li > a {
    display: block;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    line-height: 3em;
}

[dir=rtl] .block.products.keyfeatures ul li > a {
    text-align: right;
}

@media only screen and (min-width:1024px) {
    .block.products.keyfeatures ul li > a {
        height: 5em;
        line-height: 5em;
        text-indent: 2em;
        padding: 0 1.5em 0 70%;
    }

    [dir=rtl] .block.products.keyfeatures ul li > a {
        padding-right: 0;
    }
}

.block.products.keyfeatures ul li > a:before {
    content: "";
    width: 2em;
    height: 2em;
    display: inline-block;
    margin-right: .5em;
    margin-top: -.3em;
    margin-bottom: -.6em;
    position: relative;
}

[dir=rtl] .block.products.keyfeatures ul li > a:before {
    margin-left: 1em;
    margin-right: 0;
}

.block.products.keyfeatures ul li > a:before {
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.products.keyfeatures ul li > a:hover {
    text-decoration: none;
}

.block.products.keyfeatures ul li .visual {
    background: 50% no-repeat;
    background-size: cover;
    display: none;
    position: absolute;
    height: 100%;
    width: 70%;
    top: 0;
    left: 0;
}

    .block.products.keyfeatures ul li .visual img {
        display: block;
        width: 100%;
    }

.block.products.keyfeatures ul li .description {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    background: hsla(0,0%,100%,.9);
    width: 70%;
    padding: .5em 1.5em 1em;
}

    .block.products.keyfeatures ul li .description p {
        padding-right: 25%;
        color: #53565a;
    }

[dir=rtl] .block.products.keyfeatures ul li .description p {
    padding-right: 0;
    padding-left: 25%;
}

.block.products.keyfeatures ul li .description .see_more {
    margin: 0;
}

@media only screen and (min-width:1024px) {
    .block.products.keyfeatures ul li.active > a {
        background: #041e42;
        border-color: #041e42;
        color: #fff;
    }

    .block.products.keyfeatures ul li.active .description, .block.products.keyfeatures ul li.active .visual {
        display: block;
    }
}

.block.products.nav {
    background: #f6f6f6;
    padding: .5em 2em;
    text-align: center;
}

    .block.products.nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .block.products.nav ul li {
            display: inline-block;
            padding: .5em 0;
        }

            .block.products.nav ul li:last-child a:after {
                display: none;
            }

            .block.products.nav ul li.active a {
                color: #009fdf;
            }

            .block.products.nav ul li a {
                display: block;
                color: #a7a7aa;
            }

                .block.products.nav ul li a:after {
                    content: "|";
                    display: inline-block;
                    color: #a7a7aa;
                    width: 1em;
                    height: 1em;
                    position: relative;
                    left: .15em;
                    top: -.05em;
                }

[dir=rtl] .block.products.nav ul li a:after {
    left: auto;
    right: .15em;
}

.block.products.tabs {
    margin: 0 0 1.5em;
    margin: 0;
    padding: 0 0 1.5em;
}

    .block.products.tabs ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #ccc;
    }

        .block.products.tabs ul:after {
            content: "";
            display: table;
            clear: both;
        }

@media only screen and (min-width:601px) {
    .block.products.tabs ul {
        vertical-align: middle;
    }
}

.block.products.tabs ul li {
    font-size: 1.125em;
    border-bottom: 1px solid #ccc;
    margin: 0 0 -1px;
}

@media only screen and (max-width:600px) {
    .block.products.tabs ul li:last-child {
        border-bottom: 0;
    }
}

@media only screen and (min-width:601px) {
    .block.products.tabs ul li {
        border: 1px solid #fff;
        border-bottom-color: #ccc;
        float: left;
    }

    [dir=rtl] .block.products.tabs ul li {
        float: right;
    }
}

.block.products.tabs ul li a, .block.products.tabs ul li span {
    padding: .25em;
    display: block;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.products.tabs ul li a, .block.products.tabs ul li span {
        padding: .25em 1em;
    }
}

.block.products.tabs ul li a:hover, .block.products.tabs ul li span:hover {
    text-decoration: none;
}

@media only screen and (min-width:601px) {
    .block.products.tabs ul li.active {
        border: 1px solid #ccc;
        border-bottom-color: #fff;
    }
}

.block.products.tabs ul li.active a {
    color: #009fdf;
}

    .block.products.tabs ul li.active a:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.products.tabs {
        padding: 1.5em 1.5em 0;
    }
}

@media only screen and (min-width:601px) {
    .block.products.tabs h4 {
        display: inline-block;
        vertical-align: middle;
        margin: -.5em 0 .5em;
    }
}

.block.products.contact {
    padding: 1.5em;
    background: #f6f6f6;
    margin: 0 0 2em;
}

    .block.products.contact h3 {
        line-height: 1;
    }

@media only screen and (min-width:1024px) {
    .block.products.contact p {
        margin: 0;
    }
}

.block.products.contact .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: 0;
}

    .block.products.contact .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.products.contact .cta {
        width: auto;
        display: inline-block;
    }
}

.block.products.contact .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.products.contact .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.products.contact .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:1024px) {
    .block.products.contact .cta {
        position: absolute;
        top: 2em;
        right: 2em;
    }

    [dir=rtl] .block.products.contact .cta {
        right: auto;
        left: 2em;
    }
}

.block.products.category {
    margin: 0 0 1em;
}

    .block.products.category .cta {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        text-decoration: none;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #009fdf;
        border: 1px solid #009fdf;
        color: #fff;
        margin: 0 0 .5em;
    }

        .block.products.category .cta:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    .block.products.category .cta {
        width: auto;
        display: inline-block;
    }
}

.block.products.category .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.products.category .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.products.category .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.products.links {
    margin: 0 0 1em;
}

    .block.products.links ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .block.products.links ul li a {
            color: #009fdf;
            margin: 0 0 1.5em;
            display: inline-block;
            position: relative;
            padding-left: 1.25em;
            margin: 0;
        }

            .block.products.links ul li a:before {
                content: "";
                background: url(../img/icons/chevron_right.png) 0 no-repeat;
                font-weight: 700;
                width: 1em;
                height: 1em;
                left: 0;
                top: 50%;
                margin-top: -.5em;
                position: absolute;
            }

[dir=rtl] .block.products.links ul li a:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.block.products.links ul li a:hover {
    color: #46b4e6;
    text-decoration: underline;
}

.block.products.links ul li a:active {
    color: #008cc8;
}

.block.products.family_result {
    padding: 1em;
    line-height: 2;
}

    .block.products.family_result .row {
        padding-top: 0 !important;
    }

        .block.products.family_result .row:after {
            margin: 0 !important;
        }

    .block.products.family_result .download:after {
        content: "";
        display: table;
        clear: both;
    }

@media only screen and (min-width:601px) {
    .block.products.family_result .download {
        float: right;
    }

    [dir=rtl] .block.products.family_result .download {
        float: left;
    }
}

.block.products.family_result .download select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    width: 100%;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: .5em 0;
    width: 75%;
}

.ie9 .block.products.family_result .download select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.products.family_result .download select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.products.family_result .download select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.products.family_result .download select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.products.family_result .download select {
        width: 15em;
    }
}

.block.products.family_result .download select:disabled {
    opacity: .5;
}

.block.products.family_result .download select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.products.family_result .download select:active, .block.products.family_result .download select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.products.family_result .download select {
        float: left;
        width: 15em !important;
        margin-right: .75em;
    }

    [dir=rtl] .block.products.family_result .download select {
        margin-right: 0;
        margin-left: .75em;
        float: right;
    }
}

@media only screen and (min-width:1024px) {
    .block.products.family_result .download select {
        margin: 0;
        margin-right: .75em;
        width: 10em !important;
    }
}

.block.products.family_result .download .ico {
    width: 1.5em;
    height: 2em;
    text-indent: -999em;
    position: relative;
    display: inline-block;
    margin-left: 1em;
}

@media only screen and (min-width:601px) {
    .block.products.family_result .download .ico {
        float: left;
        margin: .5em 0;
    }

    [dir=rtl] .block.products.family_result .download .ico {
        float: right;
    }
}

@media only screen and (min-width:1024px) {
    .block.products.family_result .download .ico {
        margin: 0;
    }
}

.block.products.family_result .download .ico:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.75em;
    margin-top: -.75em;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.products.family_result .add {
    display: inline-block;
}

.block.products.product_result {
    padding: 1em;
    line-height: 2;
}

    .block.products.product_result .row {
        padding-top: 0 !important;
    }

        .block.products.product_result .row:after {
            margin: 0 !important;
        }

    .block.products.product_result .download:after {
        content: "";
        display: table;
        clear: both;
    }

@media only screen and (min-width:601px) {
    .block.products.product_result .download {
        float: right;
    }

    [dir=rtl] .block.products.product_result .download {
        float: left;
    }
}

.block.products.product_result .download select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    width: 100%;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: .5em 0;
    width: 75%;
}

.ie9 .block.products.product_result .download select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.products.product_result .download select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.products.product_result .download select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.products.product_result .download select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.products.product_result .download select {
        width: 15em;
    }
}

.block.products.product_result .download select:disabled {
    opacity: .5;
}

.block.products.product_result .download select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.products.product_result .download select:active, .block.products.product_result .download select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.products.product_result .download select {
        float: left;
        width: 15em !important;
        margin-right: .75em;
    }

    [dir=rtl] .block.products.product_result .download select {
        float: right;
        margin-right: 0;
        margin-left: .75em;
    }
}

@media only screen and (min-width:1024px) {
    .block.products.product_result .download select {
        margin: 0;
        margin-right: .75em;
        width: 10em !important;
    }
}

.block.products.product_result .download .ico {
    width: 1.5em;
    height: 2em;
    text-indent: -999em;
    position: relative;
    display: inline-block;
    margin-left: 1em;
}

@media only screen and (min-width:601px) {
    .block.products.product_result .download .ico {
        float: left;
        margin: .5em 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.products.product_result .download .ico {
        margin: 0;
    }
}

.block.products.product_result .download .ico:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.75em;
    margin-top: -.75em;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.products.product_result .add {
    display: inline-block;
}

.block.products.grade {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1.5em;
}

    .block.products.grade a[id]:before {
        content: "";
        display: block;
        height: 65px;
        margin: -65px 0 0;
    }

    .block.products.grade:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .block.products.grade .info .block {
        margin-bottom: 0;
    }

    .block.products.grade .info .load_more {
        margin: 0;
        padding-left: 0;
        margin-left: -.5em;
    }

[dir=rtl] .block.products.grade .info .load_more {
    padding-right: 0;
    margin-right: -.5em;
    margin-left: 1.5em;
}

@media only screen and (min-width:601px) {
    .block.products.grade .info .load_more {
        margin-right: 3em;
        margin-bottom: 1.5em;
        display: inline-block;
    }
}

.block.products.grade .extra .extra_data {
    height: 0;
    overflow: hidden;
}

.block.products.grade.open .info .load_more:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.block.products.grade.open .extra.loading {
    min-height: 200px;
    background: url(/dist/img/spinner.gif) no-repeat 50%;
}

.block.products.grade.open .extra .extra_data {
    height: auto;
}

.block.products.grade .download {
    margin-bottom: 1.5em;
    padding-right: 2.5em;
    padding-top: .5em;
}

[dir=rtl] .block.products.grade .download {
    padding-right: 0;
    padding-left: 2.5em;
}

@media only screen and (min-width:601px) {
    .block.products.grade .download {
        margin-bottom: 1em;
    }
}

@media only screen and (min-width:601px) {
    .block.products.grade .download .ico {
        position: absolute;
        bottom: 1.5em;
        right: 1em;
    }

    [dir=rtl] .block.products.grade .download .ico {
        right: auto;
        left: 1em;
    }
}

.block.products.grade .download .ico:before {
    content: "";
    font-weight: 700;
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    right: .5em;
    top: .2em;
    margin-left: .3em;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.industries.industry .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: 0 0 1em;
}

    .block.industries.industry .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.industries.industry .cta {
        width: auto;
        display: inline-block;
    }
}

.block.industries.industry .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.industries.industry .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.industries.industry .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.industries.industry .considerations, .block.industries.links {
    background: #f6f6f6;
    padding: 1.5em;
}

.block.industries.links {
    margin: 0 0 1.5em;
}

    .block.industries.links ul {
        margin: 0 0 1.5em;
        padding: 0;
        list-style: none;
    }

        .block.industries.links ul:after {
            content: "";
            display: table;
            clear: both;
        }

@media only screen and (min-width:601px) {
    .block.industries.links ul.half {
        padding-right: 1em;
        width: 50%;
        float: left;
    }

    [dir=rtl] .block.industries.links ul.half {
        padding-right: 0;
        padding-left: 1em;
        float: right;
    }
}

.block.industries.links ul li {
    color: #53565a;
}

    .block.industries.links ul li .see_more {
        margin-bottom: .25em;
    }

.block.industries.links .cta {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: 0;
}

    .block.industries.links .cta:hover {
        text-decoration: none;
    }

@media only screen and (min-width:601px) {
    .block.industries.links .cta {
        width: auto;
        display: inline-block;
    }
}

.block.industries.links .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.industries.links .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.industries.links .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.industries.segments {
    margin: 0 0 1.5em;
}

    .block.industries.segments ul {
        margin: 0 0 3em;
        padding: 0;
        list-style: none;
    }

        .block.industries.segments ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .block.industries.segments ul li {
            color: #53565a;
        }

            .block.industries.segments ul li .see_more {
                margin-bottom: .25em;
            }

.block.industries.products {
    margin: 0 0 1.5em;
    padding: 1.5em;
    background: #f6f6f6;
}

@media only screen and (min-width:1024px) {
    .block.industries.products {
        padding-right: 1em;
        width: 50%;
        float: left;
    }
}

.block.industries.products h4 {
    color: #53565a;
}

.block.industries.products ul {
    margin: 0;
    padding: 0 0 0 1em;
    list-style-position: outside;
}

    .block.industries.products ul li {
        padding-bottom: .5em;
    }

.block.industries.case {
    position: relative;
}

    .block.industries.case img {
        display: block;
        max-width: 100%;
        margin: 0 0 1.5em;
    }

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

.block.generic.image_left img, .block.generic.image_right img {
    margin: 0 0 1.5em;
    width: 100%;
}

@media only screen and (min-width:1024px) {
    .block.generic.image_left img, .block.generic.image_right img {
        float: left;
        width: 50%;
        margin: 0 1.5em 1.5em 0;
    }
}

@media only screen and (min-width:1024px) {
    .block.generic.image_right img {
        float: right;
        margin: 0 0 1.5em 1.5em;
    }
}

.block.generic.links, .block.generic.products {
    margin: 0 0 1.5em;
}

    .block.generic.links ul, .block.generic.products ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .block.generic.links ul li, .block.generic.products ul li {
            padding-bottom: .5em;
            color: #53565a;
        }

            .block.generic.links ul li a, .block.generic.products ul li a {
                color: #009fdf;
                margin: 0 0 1.5em;
                display: inline-block;
                position: relative;
                padding-left: 1.25em;
                margin: 0;
            }

                .block.generic.links ul li a:before, .block.generic.products ul li a:before {
                    content: "";
                    background: url(../img/icons/chevron_right.png) 0 no-repeat;
                    font-weight: 700;
                    width: 1em;
                    height: 1em;
                    left: 0;
                    top: 50%;
                    margin-top: -.5em;
                    position: absolute;
                }

[dir=rtl] .block.generic.links ul li a:before, [dir=rtl] .block.generic.products ul li a:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.block.generic.links ul li a:hover, .block.generic.products ul li a:hover {
    color: #46b4e6;
    text-decoration: underline;
}

.block.generic.links ul li a:active, .block.generic.products ul li a:active {
    color: #008cc8;
}

.block.generic.case {
    position: relative;
}

    .block.generic.case img {
        display: block;
        max-width: 100%;
        margin: 0 0 1.5em;
    }

.block.generic.case_large {
    position: relative;
}

    .block.generic.case_large img {
        display: block;
        max-width: 100%;
        margin: 0 0 1.5em;
    }

@media only screen and (min-width:1024px) {
    .block.generic.case_large img {
        float: left;
        width: 49%;
        width: calc(50% - .75rem);
        margin: 0 1.5rem 1.5em 0;
    }
}

.block.generic.related ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .block.generic.related ul li {
        padding-bottom: 1em;
    }

        .block.generic.related ul li a {
            color: #53565a;
        }

            .block.generic.related ul li a:hover, .block.generic.related ul li a:hover h4 {
                color: #46b4e6;
            }

            .block.generic.related ul li a h4 {
                color: #53565a;
            }

            .block.generic.related ul li a img {
                display: block;
                width: 100%;
                margin: 0 0 1.5em;
            }

.block.faq {
    margin: 0 0 1.5em;
}

    .block.faq .tabs {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .block.faq .tabs:after {
            content: "";
            display: table;
            clear: both;
        }

        .block.faq .tabs li {
            float: left;
            width: 50%;
        }

            .block.faq .tabs li.active a, .block.faq .tabs li.active a:active, .block.faq .tabs li.active a:hover {
                background: #f6f6f6;
                border-color: #f6f6f6;
                color: #a7a7aa;
            }

            .block.faq .tabs li.active h3, .block.faq .tabs li.active h4 {
                color: #53565a;
            }

            .block.faq .tabs li a {
                border: 1px solid #f6f6f6;
                display: block;
                padding: 1.5em;
                background: #fff;
                margin-right: -1px;
            }

                .block.faq .tabs li a:hover {
                    text-decoration: none;
                    background: #eee;
                    color: #fff;
                    border-color: #eee;
                }

                .block.faq .tabs li a:active {
                    background: #d8d8d8;
                    border-color: #d8d8d8;
                }

                    .block.faq .tabs li a:active h3, .block.faq .tabs li a:active h4 {
                        color: #53565a;
                    }

                .block.faq .tabs li a h3, .block.faq .tabs li a h4 {
                    color: #a7a7aa;
                    margin: 0;
                    line-height: 1;
                    font-size: 1.25em;
                    font-family: sttl;
                }

        .block.faq .tabs li {
            width: 33.3333%;
        }

    .block.faq .category {
        display: none;
    }

        .block.faq .category.active {
            display: block;
        }

    .block.faq .subcategory .faqs {
        display: none;
    }

    .block.faq .subcategory > a {
        display: block;
        padding: 1em 1.5em;
        background: #f6f6f6;
        position: relative;
    }

        .block.faq .subcategory > a:after {
            background: url(../img/icons/chevron_down.png) 50% no-repeat;
            content: "";
            width: 2.5em;
            height: 1.5em;
            position: absolute;
            top: 50%;
            right: .75em;
            margin-top: -.75em;
        }

[dir=rtl] .block.faq .subcategory > a:after {
    right: auto;
    left: .75em;
}

.block.faq .subcategory > a h4 {
    margin: 0;
}

.block.faq .subcategory.active > a:after {
    background: url(../img/icons/chevron_up.png) 50% no-repeat;
}

.block.faq .subcategory.active .faqs {
    display: block;
}

.block.faq .faqs {
    margin: 0;
    padding: 1em 0 0;
    list-style: none;
}

    .block.faq .faqs li {
        position: relative;
        margin: 0 0 1em;
        font-size: .9375em;
    }

        .block.faq .faqs li:last-child .answer, .block.faq .faqs li:last-child > a {
            border-bottom: 0;
        }

        .block.faq .faqs li > a {
            position: relative;
            display: block;
            padding: 0 4em 1em 1.5em;
            border-bottom: 1px solid #e4e4e4;
        }

[dir=rtl] .block.faq .faqs li > a {
    padding: 0 1.5em 1em 4em;
}

.block.faq .faqs li > a span {
    display: block;
    max-width: 40em;
}

.block.faq .faqs li > a:after {
    content: "";
    position: absolute;
    background: url(../img/icons/plus.png) 50% no-repeat;
    color: #fff;
    z-index: 1;
    text-align: center;
    top: 0;
    right: 1.5em;
    width: 25px;
    height: 25px;
}

[dir=rtl] .block.faq .faqs li > a:after {
    right: auto;
    left: 1.5em;
}

.block.faq .faqs li > a:before {
    content: "";
    background: #009fdf;
    position: absolute;
    top: 0;
    right: 1.5em;
    width: 25px;
    height: 25px;
}

[dir=rtl] .block.faq .faqs li > a:before {
    right: auto;
    left: 1.5em;
}

.block.faq .faqs li .answer {
    display: none;
    padding: 0 4em 0 1.5em;
    margin: 0;
    color: #53565a;
    border-bottom: 1px solid #e4e4e4;
}

[dir=rtl] .block.faq .faqs li .answer {
    padding: 0 1.5em 0 4em;
}

.block.faq .faqs li .answer p {
    max-width: 48em;
    font-size: 1em;
}

.block.faq .faqs li.open > a:after {
    background-image: url(../img/icons/minus.png);
}

.block.faq .faqs li.open .answer {
    display: block;
}

.block.faq > .faqs {
    padding: 0;
}

    .block.faq > .faqs li .answer, .block.faq > .faqs li > a {
        padding-left: 0;
    }

.block.careers.callout-blue, .block.careers.callout-grey {
    padding: 1.5em 2em;
    margin: 1.5em 0;
    background: #f6f6f6;
}

    .block.careers.callout-blue p, .block.careers.callout-grey p {
        margin: 0;
    }

    .block.careers.callout-blue ul, .block.careers.callout-grey ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .block.careers.callout-blue ul li, .block.careers.callout-grey ul li {
            margin: .5em 0 .5em 1.25em;
            list-style-position: outside;
        }

    .block.careers.callout-blue ol, .block.careers.callout-grey ol {
        padding: 0;
        list-style: decimal inside;
    }

        .block.careers.callout-blue ol li, .block.careers.callout-grey ol li {
            margin: .5em 0;
        }

    .block.careers.callout-blue .see_more, .block.careers.callout-grey .see_more {
        margin-bottom: 0;
    }

    .block.careers.callout-blue .title, .block.careers.callout-grey .title {
        position: relative;
        padding-left: 5.5em;
    }

        .block.careers.callout-blue .title img, .block.careers.callout-grey .title img {
            position: absolute;
            top: 0;
            left: 0;
            width: 4em;
            border-radius: 100em;
        }

.block.careers.callout-blue {
    background: #041e42;
}

    .block.careers.callout-blue a, .block.careers.callout-blue h3, .block.careers.callout-blue ol, .block.careers.callout-blue p, .block.careers.callout-blue ul {
        color: #fff;
    }

        .block.careers.callout-blue a:before {
            background: url(../img/icons/chevron_right_white.png) 0 no-repeat;
        }

.block.careers.filters {
    background: #f6f6f6;
    padding: 1em 1.5em;
    margin: 0 0 1.5em;
}

    .block.careers.filters:after {
        content: "";
        display: table;
        clear: both;
    }

    .block.careers.filters legend {
        padding: 0 1em 0 0;
        text-transform: uppercase;
        color: #53565a;
        display: block;
    }

[dir=rtl] .block.careers.filters legend {
    padding: 0 0 0 1em;
}

@media only screen and (min-width:1024px) {
    .block.careers.filters legend {
        display: inline-block;
    }
}

.block.careers.filters fieldset {
    margin: .5em 0;
    border: 0;
    padding: 0 0 1em;
    white-space: nowrap;
}

@media only screen and (min-width:601px) {
    .block.careers.filters fieldset {
        padding: 0 1em 0 0;
        display: inline-block;
    }

    [dir=rtl] .block.careers.filters fieldset {
        padding: 0 0 0 1em;
    }
}

.block.careers.filters fieldset label {
    display: block;
    cursor: pointer;
}

@media only screen and (min-width:1024px) {
    .block.careers.filters fieldset label {
        padding-right: .5em;
        display: inline-block;
    }

    [dir=rtl] .block.careers.filters fieldset label {
        padding-right: 0;
        padding-left: .5em;
    }
}

.block.careers.filters fieldset .text {
    background: #fff;
    border: 1px solid;
    padding: .25em .5em;
    display: block;
    width: 100%;
    outline: none;
}

@media only screen and (min-width:1024px) {
    .block.careers.filters fieldset .text {
        width: auto;
    }
}

.block.careers.filters fieldset .text:hover {
    border-color: #ffcd00;
    background-color: #ffcd00;
    color: #53565a;
}

.block.careers.filters fieldset .text:active, .block.careers.filters fieldset .text:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.careers.filters fieldset .text {
        display: inline-block;
        min-width: 25em;
    }
}

.block.careers.filters fieldset select {
    border: 1px solid;
    padding: .25em .5em;
    border-radius: .2em;
    cursor: pointer;
    border-color: #a7a7aa;
    width: 100%;
    line-height: 1.4;
    height: 2em;
    outline: none;
    background: #fff url(../img/icons/chevron_down_grey.png) 100% no-repeat;
    padding-right: 3em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ie9 .block.careers.filters fieldset select {
    padding-right: .5em;
    background: #fff;
}

[dir=rtl] .block.careers.filters fieldset select {
    padding-right: .5em;
    padding-left: 3em;
    background-position: 1em;
}

.block.careers.filters fieldset select::-ms-expand {
    display: none;
}

@media only screen and (min-width:601px) {
    .block.careers.filters fieldset select {
        width: 9em;
    }
}

@media only screen and (min-width:1024px) {
    .block.careers.filters fieldset select {
        width: 15em;
    }
}

.block.careers.filters fieldset select:disabled {
    opacity: .5;
}

.block.careers.filters fieldset select:hover {
    border-color: #ffe678;
    color: #53565a;
}

.block.careers.filters fieldset select:active, .block.careers.filters fieldset select:focus {
    border-color: #ffcd00;
    background-color: #fff;
    color: #53565a;
}

.block.careers.filters .add {
    display: inline-block;
    padding-right: 1em;
}

.block.careers.filters button {
    text-transform: uppercase;
    padding: .35em 2em;
    text-align: center;
    text-decoration: none;
    display: block;
    border: 0;
    line-height: 1;
    width: 100%;
    margin: 0 0 1.5em;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    background: #009fdf;
    border: 1px solid #009fdf;
    color: #fff;
    margin: 0;
}

    .block.careers.filters button:hover {
        text-decoration: none;
    }

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

.block.careers.filters button:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.careers.filters button:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.careers.filters button:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

.block.careers.results {
    margin: 0 0 1.5em;
}

    .block.careers.results > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .block.careers.results > ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .block.careers.results > ul > li {
            padding: 1.5em;
        }

            .block.careers.results > ul > li:nth-child(2n) {
                background: #f2fafd;
            }

            .block.careers.results > ul > li p {
                margin: 0;
            }

.block.search.searchbox {
    margin: 0 0 1.5em;
}

    .block.search.searchbox form fieldset {
        border: 0;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .block.search.searchbox form fieldset label {
            position: absolute;
            top: 0;
            left: 0;
            line-height: 1;
            text-transform: uppercase;
            color: #53565a;
            cursor: text;
            padding: .45em 1.25em;
        }

[dir=rtl] .block.search.searchbox form fieldset label {
    left: auto;
    right: 0;
}

.block.search.searchbox form fieldset input {
    width: 100%;
    padding: .25em 1.25em;
    margin: 0;
    line-height: 1;
    background: #fff;
    border: 1px solid #a7a7aa;
    border-radius: 100em;
    outline: none;
}

.block.search.searchbox form fieldset button {
    position: absolute;
    top: 0;
    right: .5em;
    background: 0;
    padding: 0;
    margin: 0;
    border: 0;
    text-indent: -999em;
    z-index: 1;
    width: 1.8em;
    height: 1.8em;
}

[dir=rtl] .block.search.searchbox form fieldset button {
    right: auto;
    left: .5em;
}

.block.search.searchbox form fieldset button:before {
    content: "";
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    display: block;
    background-position: 50%;
    background-repeat: no-repeat;
}

@media only screen and (min-width:1024px) {
    .block.search.searchbox {
        margin: 0;
    }
}

.block.search.searchbox form fieldset {
    margin: 0;
    border: 0;
    padding: 0;
    white-space: nowrap;
}

    .block.search.searchbox form fieldset .text {
        padding: .25em 3em .25em 1em;
        font-size: 1.25em;
    }

[dir=rtl] .block.search.searchbox form fieldset .text {
    padding-right: 1em;
    padding-left: 3em;
}

.block.search.searchbox form fieldset button {
    width: 2.5em;
    height: 2.3em;
    right: 1em;
}

.block.search.results {
    margin: .5em 0 0;
}

    .block.search.results ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .block.search.results ul li .result {
            padding-bottom: .5em;
            margin: 0 0 1.5em;
            border-bottom: 1px solid #ccc;
        }

            .block.search.results ul li .result:after {
                content: "";
                display: table;
                clear: both;
            }

            .block.search.results ul li .result h3 {
                word-wrap: break-word;
                margin: 0 0 .5em 2em;
            }

                .block.search.results ul li .result h3 .ico {
                    width: 4em;
                    height: 100%;
                    float: left;
                }

                    .block.search.results ul li .result h3 .ico:before {
                        content: "";
                        display: block;
                        width: 3em;
                        height: 3em;
                        background-position: 50%;
                        background-repeat: no-repeat;
                    }

            .block.search.results ul li .result p {
                margin: 0 0 1.5em;
            }

            .block.search.results ul li .result .published {
                float: left;
            }

            .block.search.results ul li .result .language {
                float: right;
            }

            .block.search.results ul li .result .ico-doc, .block.search.results ul li .result .ico-pdf {
                position: absolute;
                top: 0;
                left: 0;
            }

[dir=rtl] .block.search.results ul li .result .ico-doc, [dir=rtl] .block.search.results ul li .result .ico-pdf {
    left: auto;
    right: 0;
}

.block.search.results ul li .result .ico-doc:before, .block.search.results ul li .result .ico-pdf:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.search.filters {
    margin: 0 0 1.5em;
}

    .block.search.filters.loading {
        pointer-events: none;
    }

        .block.search.filters.loading form {
            opacity: .5;
        }

    .block.search.filters form {
        background: #f6f6f6;
        padding: .5em 1em .75em;
    }

        .block.search.filters form h3 {
            margin: .5em 0 .75em;
        }

        .block.search.filters form fieldset {
            margin: 0 0 .5em;
            border: 0;
            padding: 0;
        }

            .block.search.filters form fieldset input {
                position: absolute;
                left: -999em;
            }

[dir=rtl] .block.search.filters form fieldset input {
    left: auto;
    right: -999em;
}

.block.search.filters form fieldset input:checked + label:before {
    background: #009fdf;
}

.block.search.filters form fieldset input:checked + label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #009fdf;
    background: url(../img/check.png) 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.search.filters form fieldset input:checked + label:after {
    left: auto;
    right: 0;
}

.block.search.filters form fieldset label {
    color: #53565a;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: block;
    font-size: .9375em;
}

[dir=rtl] .block.search.filters form fieldset label {
    padding-left: 0;
    padding-right: 28px;
}

.block.search.filters form fieldset label:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #53565a;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.search.filters form fieldset label:before {
    left: auto;
    right: 0;
}

.block.search.filters form fieldset label:hover:before {
    background: #eee;
}

.block.search.product_filters {
    min-height: 10em;
}

    .block.search.product_filters .cta {
        text-transform: uppercase;
        padding: .35em 2em;
        text-align: center;
        text-decoration: none;
        display: block;
        border: 0;
        line-height: 1;
        width: 100%;
        margin: 0 0 1.5em;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease;
        background: #009fdf;
        border: 1px solid #009fdf;
        color: #fff;
    }

        .block.search.product_filters .cta:hover {
            text-decoration: none;
        }

@media only screen and (min-width:601px) {
    .block.search.product_filters .cta {
        width: auto;
        display: inline-block;
    }
}

.block.search.product_filters .cta:disabled {
    opacity: .5;
    pointer-events: none;
}

.block.search.product_filters .cta:hover {
    border-color: #46b4e6;
    background: #46b4e6;
    color: #fff;
}

.block.search.product_filters .cta:active {
    border-color: #008cc8;
    background: #008cc8;
    color: #fff;
}

@media only screen and (min-width:601px) {
    .block.search.product_filters .cta {
        display: none;
    }
}

.block.search.product_filters .close {
    display: none;
    position: absolute;
    top: .5em;
    right: .5em;
    padding-right: 1.5em;
    z-index: 102;
}

.filters-open .block.search.product_filters .close {
    display: block;
}

.block.search.product_filters .close .ico-close:before {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    top: 50%;
    right: 0;
    margin-top: -.5em;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
}

.block.search.product_filters form {
    display: none;
}

@media only screen and (max-width:600px) {
    .block.search.product_filters form {
        background: #fff;
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        padding: 2.5em .25em .25em;
    }

    .filters-open .block.search.product_filters form {
        display: block;
    }
}

@media only screen and (min-width:601px) {
    .block.search.product_filters form {
        display: block;
    }
}

.block.search.product_filters form h3 {
    margin: .5em 0 .75em;
}

.block.search.product_filters form .primary > li > a, .block.search.product_filters form .secondary > li > a {
    display: block;
    padding: .5em 1em;
    position: relative;
}

    .block.search.product_filters form .primary > li > a:after, .block.search.product_filters form .secondary > li > a:after {
        background: url(../img/icons/chevron_down.png) 50% no-repeat;
        content: "";
        width: 2.5em;
        height: 1.5em;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -.75em;
    }

[dir=rtl] .block.search.product_filters form .primary > li > a:after, [dir=rtl] .block.search.product_filters form .secondary > li > a:after {
    right: auto;
    left: .5em;
}

.block.search.product_filters form .primary {
    padding: 0;
    list-style: none;
    margin: 0;
    background: #fff;
    border: 1px solid #fff;
}

    .block.search.product_filters form .primary > li > a {
        text-transform: uppercase;
        background: #f6f6f6;
        font-size: .9375em;
    }

    .block.search.product_filters form .primary > li > .secondary, .block.search.product_filters form .primary > li > .tertiary {
        display: none;
    }

    .block.search.product_filters form .primary > li.forced > a:after, .block.search.product_filters form .primary > li.open > a:after {
        background: url(../img/icons/chevron_up.png) 50% no-repeat;
    }

    .block.search.product_filters form .primary > li.forced > .secondary, .block.search.product_filters form .primary > li.open > .secondary {
        display: block;
        border: 1px solid #e4e4e4;
    }

    .block.search.product_filters form .primary > li.forced > .tertiary, .block.search.product_filters form .primary > li.open > .tertiary {
        display: block;
        border: 1px solid #e4e4e4;
        max-height: 10em;
    }

.block.search.product_filters form .secondary {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    overflow: hidden;
}

    .block.search.product_filters form .secondary > li > a {
        font-size: .9375em;
        border-top: 1px solid #e4e4e4;
        padding: .5em 1em;
        text-transform: uppercase;
    }

    .block.search.product_filters form .secondary > li:first-child > a {
        border-top: 0;
    }

    .block.search.product_filters form .secondary > li > .tertiary {
        display: none;
    }

    .block.search.product_filters form .secondary > li.forced > a:after, .block.search.product_filters form .secondary > li.open > a:after {
        background: url(../img/icons/chevron_up.png) 50% no-repeat;
    }

    .block.search.product_filters form .secondary > li.forced > .tertiary, .block.search.product_filters form .secondary > li.open > .tertiary {
        display: block;
        border-top: 1px solid #e4e4e4;
        max-height: 10em;
    }

.block.search.product_filters form .tertiary {
    padding: 1em 0 0;
    list-style: none;
    overflow: auto;
    position: relative;
}

    .block.search.product_filters form .tertiary > li {
        padding: 0 1em .5em;
    }

        .block.search.product_filters form .tertiary > li:first-child h4 {
            margin-top: 0;
        }

        .block.search.product_filters form .tertiary > li.active {
            padding-bottom: 0;
        }

            .block.search.product_filters form .tertiary > li.active h4 {
                margin-bottom: .5em;
            }

.block.search.product_filters form h4 {
    margin: 1em 0;
    font-size: .9375em;
}

.block.search.product_filters form fieldset {
    margin: 0 0 .5em;
    border: 0;
    padding: 0;
}

    .block.search.product_filters form fieldset input {
        position: absolute;
        left: -999em;
    }

[dir=rtl] .block.search.product_filters form fieldset input {
    left: auto;
    right: -999em;
}

.block.search.product_filters form fieldset input:checked + label:before {
    background: #009fdf;
}

.block.search.product_filters form fieldset input:checked + label:after {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #009fdf;
    background: url(../img/check.png) 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.search.product_filters form fieldset input:checked + label:after {
    left: auto;
    right: 0;
}

.block.search.product_filters form fieldset label {
    color: #53565a;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    display: block;
    font-size: .9375em;
}

[dir=rtl] .block.search.product_filters form fieldset label {
    padding-left: 0;
    padding-right: 28px;
}

.block.search.product_filters form fieldset label:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #53565a;
    position: absolute;
    left: 0;
    top: 0;
}

[dir=rtl] .block.search.product_filters form fieldset label:before {
    left: auto;
    right: 0;
}

.block.search.product_filters form fieldset label:hover:before {
    background: #eee;
}

.block.search.product_filters form fieldset label, .block.search.product_filters form fieldset span {
    font-size: .75em;
    text-transform: uppercase;
}

.block.search.product_filters form fieldset .ico-close {
    position: relative;
    padding-left: 1.25em;
}

    .block.search.product_filters form fieldset .ico-close:before {
        content: "";
        position: absolute;
        width: .7em;
        height: .7em;
        top: 50%;
        margin-top: -.25em;
        left: 0;
        background-color: #fff;
        background-position: 50%;
        background-repeat: no-repeat;
    }

.block.search.tabs {
    margin: 0 0 1.5em;
}

    .block.search.tabs ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #ccc;
    }

        .block.search.tabs ul:after {
            content: "";
            display: table;
            clear: both;
        }

@media only screen and (min-width:601px) {
    .block.search.tabs ul {
        vertical-align: middle;
    }
}

.block.search.tabs ul li {
    font-size: 1.125em;
    border-bottom: 1px solid #ccc;
    margin: 0 0 -1px;
}

@media only screen and (max-width:600px) {
    .block.search.tabs ul li:last-child {
        border-bottom: 0;
    }
}

@media only screen and (min-width:601px) {
    .block.search.tabs ul li {
        border: 1px solid #fff;
        border-bottom-color: #ccc;
        float: left;
    }

    [dir=rtl] .block.search.tabs ul li {
        float: right;
    }
}

.block.search.tabs ul li a, .block.search.tabs ul li span {
    padding: .25em;
    display: block;
    color: #53565a;
}

@media only screen and (min-width:601px) {
    .block.search.tabs ul li a, .block.search.tabs ul li span {
        padding: .25em 1em;
    }
}

.block.search.tabs ul li a:hover, .block.search.tabs ul li span:hover {
    text-decoration: none;
}

@media only screen and (min-width:601px) {
    .block.search.tabs ul li.active {
        border: 1px solid #ccc;
        border-bottom-color: #fff;
    }
}

.block.search.tabs ul li.active a {
    color: #009fdf;
}

    .block.search.tabs ul li.active a:hover {
        text-decoration: none;
    }

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

    .ir br {
        display: none;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

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

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: .5cm;
    }

    h2, h3, p {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

.ui-datepicker {
    z-index: 9999 !important;
}

/*Search Result*/
.search-results {
    margin-top: 50px;
}

@media(max-width: 1023px) {
    .search-results {
        margin-top: 20px;
    }
}


/* Nav Fix */
@media only screen and (min-width: 1024px) {

    /* For ENG */
    .block.menu nav .menu-p1 > li:nth-child(9),
    .block.menu nav .menu-s1 > li:nth-child(9) {
        margin-right: 0 !important;
    }

    .block.menu nav .menu-p1 > .secondary,
    .block.menu nav .menu-s1 > .secondary {
        vertical-align: top;
        position: relative;
        float: right;
    }

    .block.menu nav .menu-p1,
    .block.menu nav .menu-s1 {
        width: calc(100% - 100px);
    }

    /* FOR ARABIC */

    [dir=rtl] .block.menu nav .menu-p1 > li:nth-child(9),
    [dir=rtl] .block.menu nav .menu-s1 > li:nth-child(9) {
        margin-left: 0 !important;
    }

    [dir=rtl] .block.menu nav .menu-p1 > .secondary,
    [dir=rtl] .block.menu nav .menu-s1 > .secondary {
        vertical-align: top;
        position: relative;
        float: left;
    }

    [dir=rtl] .block.menu nav .menu-p1,
    [dir=rtl] .block.menu nav .menu-s1 {
        width: calc(100% - 100px);
    }
}



/* New Section */
.news-block {
    background: #f6f6f6;
    padding: .5em 1em .75em;
}

    .news-block h2 {
        margin: 0 0 10px 0;
    }

    .news-block ul {
        list-style: none;
        padding: 0 0 14px 0;
        margin: 0;
    }

        .news-block ul li {
            padding: 10px 0;
            border-bottom: 1px dashed #ccc;
        }

            .news-block ul li .date {
                display: block;
              
                    color: #4D4D4D;
    font-family: sttr, sans-serif, sans-serif;
                font-size: .8125rem;
                font-style: normal;
            }

            .news-block ul li .more-news {
                margin: 0;
                padding: 2px 0 0 13px;
                display: block;
                position: relative;
            }

                .news-block ul li .more-news:before {
                    content: "";
                    background: url(../img/icons/chevron_right.png) 0 no-repeat;
                    font-weight: 700;
                    width: 1em;
                    height: 1em;
                    left: 0;
                    top: 50%;
                    margin-top: -.5em;
                    position: absolute;
                }

            .news-block ul li .new {
                transition: opacity .5s ease;
                background: #009fdf;
                padding: 3px 7px;
                color: #fff;
                font-size: 13px;
            }

            .news-block ul li p {
                margin: 0 0 1em;
            }

                .news-block ul li p a {
                    font-weight: bold;
                }

.news-block {
}

.news-block {
}

.news-block {
}


/* FORMS */
/* Radio & Checkbox*/
.element-inline label {
    display: inline !important;
    margin-right: 15px;
}

.element-inline .heading, .form-label {
    color: #53565a !important;
}

/* Select box */
.block.contact.form fieldset select {
    border-radius: 0;
}

/* File upload */
.file-input-wrap {
    width: 100%;
    overflow: hidden;
}

.file-input {
    position: relative;
    width: 50%;
    float: left;
    cursor: pointer;
    height: 47px;
    border: 1px solid #a7a7aa;
}

    .file-input input[type="file"] {
        opacity: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        text-indent: -999999px;
    }

    .file-input .filespan {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
        padding: 11px;
        background: #fff;
    }

    .file-input:hover {
        border-color: #ffcd00;
    }

        .file-input:hover .filespan {
            color: #53565a;
            background-color: #ffcd00;
        }

    .file-input + .file-name-wrap {
        width: 49%;
        float: right;
        display: table;
        height: 46px;
    }

        .file-input + .file-name-wrap .file-name {
            display: table-cell;
            vertical-align: middle;
            font-size: 13px;
            word-break: break-all;
            color: #53565a;
        }

.block.contact.form .input-validation-error + .file-name-wrap + span {
    display: block;
    clear: both;
}

@media screen and (max-width: 991px) {
    .file-input {
        width: 100%;
    }

        .file-input + .file-name-wrap {
            width: 100%;
            height: auto;
        }
}

.ui-datepicker {
    z-index: 4 !important;
}

.field-validation-valid .error {
    display: block !important;
}

/* Stock Widget */
.shareprice {
    background: #f6f6f6;
    padding: 15px;
    margin-bottom: 24px;
}

    .shareprice h4 {
        margin-bottom: 0;
        font-size: 13px;
        color: #a7a7aa;
    }

    .shareprice span {
        color: #000;
        position: relative;
        padding-right: 15px;
    }


.down:after {
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDQ0LjgxOSA0NDQuODE5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDQuODE5IDQ0NC44MTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNNDM0LjI1MiwxODUuNzIxbC0yMS40MDktMjEuNDEzYy03LjQxOS03LjA0Mi0xNi4wODQtMTAuNTY0LTI1Ljk3NS0xMC41NjRjLTEwLjA5NSwwLTE4LjY1NywzLjUyMS0yNS43LDEwLjU2NCAgIGwtODMuOTM4LDgzLjkzOVY0Ny4yNTVjMC05LjktMy42MjEtMTguNDY0LTEwLjg1NS0yNS42OTdjLTcuMjM0LTcuMjMyLTE1Ljc5Ny0xMC44NS0yNS42OTMtMTAuODVoLTM2LjU0NSAgIGMtOS44OTcsMC0xOC40NjQsMy42MjEtMjUuNjkzLDEwLjg1Yy03LjIzNiw3LjIzMy0xMC44NSwxNS43OTctMTAuODUsMjUuNjk3djIwMC45OTJsLTgzLjkzOS04My45MzkgICBjLTcuMDQyLTcuMDQyLTE1LjYwNi0xMC41NjQtMjUuNjk3LTEwLjU2NGMtOS44OTYsMC0xOC41NTksMy41MjEtMjUuOTc5LDEwLjU2NGwtMjEuMTI4LDIxLjQxM0MzLjYxNSwxOTIuOTQ4LDAsMjAxLjYxNSwwLDIxMS43ICAgYzAsMTAuMjgyLDMuNjE5LDE4Ljg0OCwxMC44NDgsMjUuNjk4bDE4NS44NjQsMTg2LjE0NmM3LjA0NSw3LjA0NiwxNS42MDksMTAuNTY3LDI1LjY5NywxMC41NjcgICBjOS44OTcsMCwxOC41NTgtMy41MjEsMjUuOTc3LTEwLjU2N2wxODUuODY1LTE4Ni4xNDZjNy4wNDMtNy4wNDMsMTAuNTY3LTE1LjYwOCwxMC41NjctMjUuNjk4ICAgQzQ0NC44MTksMjAxLjgwNSw0NDEuMjk1LDE5My4xNDUsNDM0LjI1MiwxODUuNzIxeiIgZmlsbD0iI0Q4MDAyNyIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    position: absolute;
    right: 0;
    top: 4px;
    background-size: 10px;
    background-repeat: no-repeat;
}

.up:after {
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQ0NC44MTkgNDQ0LjgxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ0LjgxOSA0NDQuODE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzNC4yNTIsMjA4LjcwOEwyNDguMzg3LDIyLjg0M2MtNy4wNDItNy4wNDMtMTUuNjkzLTEwLjU2NC0yNS45NzctMTAuNTY0Yy0xMC40NjcsMC0xOS4wMzYsMy41MjEtMjUuNjk3LDEwLjU2NCAgIEwxMC44NDgsMjA4LjcwOEMzLjYxNSwyMTUuOTQsMCwyMjQuNjA0LDAsMjM0LjY5MmMwLDkuODk3LDMuNjE5LDE4LjQ1OSwxMC44NDgsMjUuNjkzbDIxLjQxMSwyMS40MDkgICBjNi44NTQsNy4yMzEsMTUuNDIsMTAuODU1LDI1LjY5NywxMC44NTVjMTAuMjc4LDAsMTguODQyLTMuNjI0LDI1LjY5Ny0xMC44NTVsODMuOTM5LTgzLjY1MXYyMDAuOTk4ICAgYzAsOS44OSwzLjU2NywxNy45MzYsMTAuNzA2LDI0LjEyNmM3LjEzOSw2LjE4NCwxNS43NTIsOS4yNzMsMjUuODM3LDkuMjczaDM2LjU0NWMxMC4wODksMCwxOC42OTgtMy4wOSwyNS44MzctOS4yNzMgICBjNy4xMzktNi4xODgsMTAuNzEyLTE0LjIzNiwxMC43MTItMjQuMTI2VjE5OC4xNDRsODMuOTM4LDgzLjY1MWM2Ljg0OCw3LjIzMSwxNS40MTMsMTAuODU1LDI1LjcsMTAuODU1ICAgYzEwLjA4MiwwLDE4Ljc0Ny0zLjYyNCwyNS45NzUtMTAuODU1bDIxLjQwOS0yMS40MDljNy4wNDMtNy40MjYsMTAuNTY3LTE1Ljk4OCwxMC41NjctMjUuNjkzICAgQzQ0NC44MTksMjI0Ljc5NSw0NDEuMjk1LDIxNi4xMzQsNDM0LjI1MiwyMDguNzA4eiIgZmlsbD0iIzkxREM1QSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    position: absolute;
    right: 0;
    top: 5px;
    background-size: 10px;
    background-repeat: no-repeat;
}

/* Blockquote */
.blockquote-wrap blockquote {
    color: #00AEEF;
    position: relative;
    padding: 2em 0;
    margin: 0;
    text-transform: uppercase;
    /* font-family: "sthl,sans-serif";
    font-size:1.5rem; */
}

.blockquote-wrap img {
    max-width: 100%;
    width: 100%;
}

.blockquote-wrap blockquote:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 50px;
    background: url(../img/icons/quote.gif) no-repeat;
}

.blockquote-name {
    margin-top: -10px;
    display: block;
}

/* Leaders - OUR TEAM */
.leaders {
    text-transform: uppercase;
    padding: 2em 0;
    clear: both;
    position: relative;
}

    .leaders:last-child {
        margin-bottom: 200px;
    }

    .leaders a {
        text-decoration: none;
        display: inline-block;
        width: 31%;
        margin-right: 1%;
        vertical-align: top;
        cursor: pointer;
        position: relative;
    }


.leaders-desc {
    width: 190px;
    margin: 0 auto;
}

.leaders h2,
.leaders strong,
.leaders img {
    margin: 0;
    display: block;
    font-size: 13px;
}

.leaders img {
    margin: 0 auto 1em;
}

.leaders p:last-child {
    margin-bottom: 0;
}

.leader-details {
    display: none;
    position: absolute;
    background: #00AEEF;
    top: initial;
    left: 0;
    color: #FFF;
    padding: 16px;
    z-index: 1000;
}

.leader-title {
    font-weight: bold;
}

.leader-summary {
    text-transform: none;
    margin-top: 1em;
    color: #fff;
}

    .leader-summary p {
        color: #fff;
    }

.leader-details:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #00AEEF transparent;
    position: absolute;
    top: -20px;
    left: 0;
}

.leader-member-1.leader-details:after {
    /* left: 97px */
    left: 14%;
}

.leader-member-2.leader-details:after {
    /* left: 352px */
    left: 47%;
}

.leader-member-3.leader-details:after {
    /* left: 599px */
    left: 80%;
}


.leaders .member-close {
    text-indent: -9999px;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    margin: 0;
    display: block;
    background: url(../img/icons/close.png) no-repeat;
}

.leaders a.active {
    z-index: 990;
}

.member-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 980;
    background: url(../img/bg-leaders-overlay.png) repeat;
}

@media (max-width: 767px) {
    .leaders {
        padding: 0 0 0 0;
    }

        .leaders a {
            width: 100%;
            margin-bottom: 25px;
            text-align: center;
        }

    .leader-member-1.leader-details:after {
        /* left: 97px */
        left: 45%;
    }

    .leader-member-2.leader-details:after {
        /* left: 352px */
        left: 45%;
    }

    .leader-member-3.leader-details:after {
        /* left: 599px */
        left: 45%;
    }
}

/* Responsive Table */
/*
Generic Styling, for Desktops/Laptops
*/
table {
    width: 100%;
    border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
    background: #fff;
}

th {
    background: #333;
    color: white;
    font-weight: bold;
}

td, th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left;
}

th {
    background: #ccc;
}


tr:nth-child(even) {
    background-color: #f7f7f7;
}

tr td:first-child {
    border-left: 1px solid #cccccc;
}

tr td:last-child {
    border-left: 1px solid #cccccc;
}

@media (max-width: 767px) {
    .table-reponsive {
        overflow-x: scroll;
    }
}

/* Colored Blocks */
.halfcallout {
    display: inline-block;
    width: calc(50% - 8px);
    margin: 16px 15px 16px 0;
    vertical-align: top;
    text-decoration: none;
    text-transform: uppercase;
    float: left;
}

    .halfcallout.blue {
        margin-right: 0;
    }

    .halfcallout img {
        max-width: 100%;
        height: auto;
        display: block;
        width: 100% !important;
    }


    .halfcallout em {
        padding: 16px;
        display: block;
        background: #F99D32;
        color: #FFF;
        text-decoration: none;
        font-style: normal;
    }

    .halfcallout.blue em {
        background: #00AEEF;
    }

@media (max-width: 767px) {
    .halfcallout {
        width: 100%;
        margin-right: 0;
    }
}

/* 3 column layout */
.hightlightcol {
    float: left;
    margin: 0 10px 11px 0;
    padding: 0;
    width: calc(33.3% - 7px);
    overflow: hidden;
}

    .hightlightcol img {
        width: 100% !important;
    }

.hightlightrow {
    border: 2px solid #00AEEF;
    padding: 16px;
}

.hightlightcol:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .hightlightcol {
        float: none;
        margin: 0 0 40px 0;
        padding: 0;
        width: calc(100%);
        overflow: hidden;
    }

        .hightlightcol img {
            height: auto !important;
            width: 100% !important;
        }
}

.kshow-temp-2 img {
    width: 100%;
}

.icon-list {
    list-style: none;
    margin: 0 !important;
}

    .icon-list > li {
        position: relative;
        overflow: hidden;
        list-style: none;
        margin-bottom: 10px;
    }

        .icon-list > li .icon-wrap {
            width: 40px;
            float: left;
            margin-top: 5px;
        }

            .icon-list > li .icon-wrap img {
                width: 84%;
            }

        .icon-list > li .icon-text {
            width: calc(100% - 50px);
            float: right;
        }

body {
    direction: ltr;
}

.titlelogo {
    overflow: hidden;
    border: 1px solid #a7a7aa;
    margin-bottom: 50px;
}

.titlelogo--heading {
    width: 250px;
    float: left;
    height: 100px;
    background: #00aeef;
    margin: 0;
    padding: 10px;
    color: #fff;
    position: relative;
}

    .titlelogo--heading h2 {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        margin: 0;
    }

.titlelogo--heading-arrow {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 20px solid #3dadef;
    position: absolute;
    right: -19px;
    top: 0;
}

.titlelogo--para {
    width: calc(100% - 250px);
    float: right;
    overflow: hidden;
    padding: 10px 10px 10px 35px;
    color: #53565a;
}

.titlelogo--logo {
    display: block;
    clear: both;
    border-top: 1px solid #a7a7aa;
}

    .titlelogo--logo ul {
        overflow: hidden;
        margin: 10px 0 !important;
    }

    .titlelogo--logo li {
        width: 25%;
        float: left;
        list-style: none;
        text-align: center;
        position: relative;
        height: 100px;
    }

        .titlelogo--logo li img {
            margin: 0 auto !important;
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-height: 80px;
            max-width: 60% !important;
        }

        .titlelogo--logo li:nth-child(4n+1) {
            clear: both;
        }


@media (max-width:991px) {
    .titlelogo {
        overflow: hidden;
        margin-bottom: 50px;
    }

    .titlelogo--heading {
        width: 100%;
        float: none;
        height: auto;
        background: #00aeef;
        margin: 0;
        padding: 10px;
        color: #fff;
        position: relative;
    }

        .titlelogo--heading h2 {
            top: auto;
            transform: none;
            color: #fff;
            text-align: center;
        }

    .titlelogo--heading-arrow {
        width: 0;
        height: 0;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-top: 20px solid #3dadef;
        position: absolute;
        bottom: -59px;
        right: 0;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .titlelogo--para {
        float: none;
        overflow: hidden;
        padding: 20px 10px 10px 10px;
        color: #53565a;
        width: 100%;
    }

    .titlelogo--logo ul {
        overflow: hidden;
        margin: 10px 0 !important;
    }

    .titlelogo--logo li {
        width: 25%;
        float: left;
        list-style: none;
        text-align: center;
        position: relative;
        height: 100px;
    }

        .titlelogo--logo li img {
            margin: 0 auto !important;
            margin: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-height: 80px;
            max-width: 60% !important;
        }

        .titlelogo--logo li:nth-child(4n+1) {
            clear: both;
        }
}



@media (max-width:767px) {



    .titlelogo--logo li {
        width: 100%;
        float: none;
        list-style: none;
        text-align: center;
        position: relative;
        height: auto;
        margin: 20px 10px;
    }

        .titlelogo--logo li img {
            position: relative;
            top: auto;
            left: auto;
            transform: none;
            max-height: auto;
            max-width: auto !important;
        }
}

.sabic-vision {
    overflow: hidden;
}

    .sabic-vision li {
        background: #009fdf;
        color: #fff;
        padding: 10px;
        margin: 0 0 10px 0;
        width: calc(33% - 4px);
        float: left;
        margin-left: 10px;
        min-height: 100px;
    }

        .sabic-vision li .icon-text {
            color: #fff;
            font-size: 19px;
        }

        .sabic-vision li:nth-child(3n+1) {
            margin-left: 0;
        }


@media (max-width:991px) {
    .sabic-vision li {
        width: calc(50% - 5px);
    }

        .sabic-vision li:nth-child(3n+1) {
            clear: none;
            margin-left: 10px;
        }


        .sabic-vision li:nth-child(2n+1) {
            clear: left;
            margin-left: 0;
        }
}

@media (max-width:767px) {
    .sabic-vision li {
        width: 100%;
        height: auto;
        margin: 0 0 10px 0;
        min-height: auto;
    }

        .sabic-vision li:nth-child(3n+1) {
            width: 100%;
            height: auto;
            margin: 0 0 10px 0;
        }


        .sabic-vision li:nth-child(2n+1) {
            width: 100%;
            height: auto;
            margin: 0 0 10px 0;
        }
}


.lc-faq {
    border-top: 1px solid #e4e4e4;
}

.block.faq .lc-faq .faqs li > a {
    padding-left: 0em;
}

.block.faq .lc-faq .faqs li .answer {
    padding-left: 0em;
}

.titlelogo-nohead .titlelogo--para {
    width: 100%;
    border-top: 1px solid #f1f1f1;
}

.titlelogo.titlelogo-nohead {
    border-top: none;
}

.titlelogo-nohead .titlelogo--logo {
    display: block;
    clear: both;
    border-top: 2px solid #3dadef;
}

.titlelogo-nohead .titlelogo--para {
    padding: 10px 10px 10px 10px;
}

    .titlelogo-nohead .titlelogo--para ul {
        margin-bottom: 0;
    }

.meetus-wrap {
    overflow: hidden;
    margin-bottom: 50px;
}

.meetus-map {
    float: left;
}

.meetus-wrap address {
    float: none;
    display: inline-block;
    margin-left: 30px;
    font-style: normal;
}




@media (max-width:991px) {
    .meetus-wrap {
        overflow: hidden;
        margin-bottom: 50px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 50px;
    }

    .meetus-map {
        float: none;
    }

    .meetus-wrap address {
        float: none;
        display: block;
        margin-left: 0;
    }
}

@media (max-width:767px) {
    .meetus-wrap {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .meetus-map iframe {
        width: 100%;
    }
}

.img-responsive {
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
    text-align: center;
}

@media (max-width:767px) {
    .img-responsive {
        width: 100% !important;
    }
}

.block {
    display: block;
    width: 100% !important;
}


.leader-block-wrap {
    height: 190px;
    overflow: hidden;
}

.new-leaders .leader-block-wrap img {
    min-height: 100%;
    min-width: 100%;
}

.new-leaders .leaders-desc {
    margin: 10px auto 20px;
    text-align: center;
}

.leader-details {
    width: 100%;
}


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

@media (max-width:767px) {
    .img-responsive-mobile {
        width: 100% !important;
    }
}

.new-leaders .leader-member-1.leader-details:after, .new-leaders .leader-member-4.leader-details:after, .new-leaders .leader-member-7.leader-details:after, .new-leaders .leader-member-10.leader-details:after {
    left: 14%;
}

.row .col.col-md-4:nth-child(3n+1) {
    clear: left;
}

.row .col.col-md-6:nth-child(2n+1) {
    clear: left;
}

.callout-right img {
    width: 100% !important;
}

.block.html img {
    max-width: 100%;
}

@media (max-width:767px) {
    .g-recaptcha {
        margin-bottom: 15px;
    }

    .block.html > a > .block.image > img {
        width: 100%;
    }
}

.contactstatus form strong {
    word-wrap: break-word;
}

.newsearch .col.col-xs-12.col-md-4.col-lg-2 {
    display: none;
}

.newsearch ul li .result h3 {
    margin: 0 0 .5em 0em;
}

@media only screen and (min-width: 1024px) {
    .block.menu {
        padding: .815em 10px;
        margin: 1em 0em;
        height: 4.2em;
    }
}


/*.block.image {
    position: relative;
    overflow: hidden;
    height: 250px;
}
*/
.block.html h3 {
    margin-top: 10px;
    margin-bottom: 30px;
}
/*media (min-width: 768px) {
    .block.image img {
        max-width: none;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        min-width: 100%;
    }
}
*/
@media (max-width: 767px) {
    .block.image {
        position: relative;
        overflow: hidden;
        height: auto;
        width: 100%;
    }


        .block.image img {
            max-width: none;
            height: auto;
            width: 100%;
        }
}

@media only screen and (min-width: 1024px) {
    .vcentered .html {
        margin-top: 0em;
        color: #53565a;
    }

    .vcentered h2 {
        margin-top: 10px;
        font-size: 2.5em !important;
        margin-bottom: .25em;
        line-height: 1 !important;
    }

    .vcentered p {
        font-size: 1.25em !important;
        ;
        line-height: 1.2 !important;
        ;
    }
}

@media only screen and (max-width: 1023px) {
    /*.vcentered   .html {
	    margin-top: 3em;
	}*/
    .vcentered h2 {
        margin-top: 20px;
    }

    .vcentered p {
        color: #53565a;
        margin: 0 0 15px 0 !important;
    }
}

#disclaimerFormError {
    border: 1px dotted red;
    margin-bottom: 15px;
}

    #disclaimerFormError ul {
        margin: 1em 0px 1.2em 50px;
    }

        #disclaimerFormError ul li {
            color: red;
        }

.disclaimer-form #disclaimerTermsSbtBtn {
    height: 22px;
    text-align: center;
    font: bold 12px/22px Arial,Helvetica,sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: #00aeef;
    border: 0;
    margin: 0;
    padding: 0 0 2px;
    width: 100px;
}

html[lang="ar"] td, html[lang="ar"] th{
    text-align:right;
}
html[lang="ar"] body{
    direction:rtl;
}
td{
    color:#5f5f6c;
}
th {
    background: #ccc;
	color:#fff;
}
.block.html table tbody tr:last-child td
{
    border-bottom:1px solid #cccccc;
}
@media only screen and (min-width: 1024px) {
    .block.menu nav .menu-s2 li {
        width: inherit;
    }
}
/*.row {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}*/

.row .col.col-md-4 {
    margin-left: 0px;
}
.img-responsive  img
{
	width:100%;
	height:auto;
	display: block;
    max-width: 100%;
}
.block.contact.form  fieldset .comment-block > label
{
	font-size:.7375em;
}
.block.news.results .row .col.col-xs-12
{
    margin-left:0px;
}