@import url("https://fonts.googleapis.com/css?family=Raleway:500i,700,900|Roboto:300,400,500,700");
html {
    box-sizing: border-box
}

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

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

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

html {
    overflow-y: scroll
}

body {
    -webkit-text-size-adjust: none
}

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

.clear:after {
    clear: both
}

.clear {
    zoom: 1
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px
}

textarea {
    overflow: auto
}

.ie6 legend,
.ie7 legend {
    margin-left: -7px
}

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

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

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button,
.btn {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

button {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.hidden {
    display: none;
    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
}

blockquote,
q {
    quotes: none
}

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

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

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

a:hover,
a:active {
    outline: none
}

.content ul,
.content ol {
    margin-left: 2em
}

ol {
    list-style-type: decimal
}

ul li {
    list-style-type: none
}

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

strong,
b,
th {
    font-weight: bold
}

.container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

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

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

@media screen and (max-width: 1500px) {
    .container {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto
    }
    .container::after {
        clear: both;
        content: "";
        display: table
    }
}

@media screen and (max-width: 1160px) {
    .container {
        width: 100%;
        padding: 0 30px
    }
}

@media screen and (max-width: 375px) {
    .container {
        padding: 0 15px
    }
}

.container.narrow-box {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

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

@media screen and (max-width: 1300px) {
    .container.narrow-box {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto
    }
    .container.narrow-box::after {
        clear: both;
        content: "";
        display: table
    }
}

@media screen and (max-width: 1100px) {
    .container.narrow-box {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto
    }
    .container.narrow-box::after {
        clear: both;
        content: "";
        display: table
    }
}

@media screen and (max-width: 960px) {
    .container.narrow-box {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0 30px
    }
    .container.narrow-box::after {
        clear: both;
        content: "";
        display: table
    }
}

@media screen and (max-width: 360px) {
    .container.narrow-box {
        padding: 0 15px
    }
}

.row {
    display: block;
    clear: both
}

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

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

.visible-xs {
    display: none
}

@media screen and (max-width: 48em) {
    .visible-xs {
        display: block
    }
}

.col-1-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.col-1-4:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .col-1-4 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding: 1.25em
    }
    .col-1-4:last-child {
        margin-right: 0
    }
    .col-1-4:nth-of-type(even) {
        margin-right: 0
    }
}

@media screen and (max-width: 414px) {
    .col-1-4 {
        width: 100%;
        margin-right: 0
    }
}

.w-20 {
    width: 20%
}

.w-40 {
    width: 40%
}

.w-60 {
    width: 60%
}

.w-80 {
    width: 80%
}

.w-100 {
    width: 100%
}

.w-33 {
    width: 33.333%
}

.w-66 {
    width: 66.666%
}

.w-25 {
    width: 25%
}

.w-50 {
    width: 50%
}

.w-75 {
    width: 75%
}

.cols-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%
}

.cols-1:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-1 {
        width: 100%
    }
    .cols-1.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-1.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}

.cols-2:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-2 {
        width: 100%
    }
    .cols-2.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-2.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.cols-3:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-3 {
        width: 100%
    }
    .cols-3.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-3.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.cols-4:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-4 {
        width: 100%
    }
    .cols-4.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-4.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
}

.cols-5:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-5 {
        width: 100%
    }
    .cols-5.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-5.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.cols-6:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-6 {
        width: 100%
    }
    .cols-6.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-6.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.cols-7:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-7 {
        width: 100%
    }
    .cols-7.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-7.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}

.cols-8:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-8 {
        width: 100%
    }
    .cols-8.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-8.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
}

.cols-9:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-9 {
        width: 100%
    }
    .cols-9.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-9.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
}

.cols-10:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-10 {
        width: 100%
    }
    .cols-10.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-10.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 91.4702%
}

.cols-11:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-11 {
        width: 100%
    }
    .cols-11.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-11.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.cols-12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.cols-12:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .cols-12 {
        width: 100%
    }
    .cols-12.row-content {
        margin-right: 8.5298%;
        margin-left: 8.5298%;
        max-width: calc(100% - (8.5298% * 2))
    }
}

@media screen and (max-width: 550px) {
    .cols-12.row-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 100%
    }
}

.col-xs-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%
}

.col-xs-1:last-child {
    margin-right: 0
}

.col-xs-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}

.col-xs-2:last-child {
    margin-right: 0
}

.col-xs-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.col-xs-3:last-child {
    margin-right: 0
}

.col-xs-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.col-xs-4:last-child {
    margin-right: 0
}

.col-xs-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
}

.col-xs-5:last-child {
    margin-right: 0
}

.col-xs-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.col-xs-6:last-child {
    margin-right: 0
}

.col-xs-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.col-xs-7:last-child {
    margin-right: 0
}

.col-xs-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}

.col-xs-8:last-child {
    margin-right: 0
}

.col-xs-9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
}

.col-xs-9:last-child {
    margin-right: 0
}

.col-xs-10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
}

.col-xs-10:last-child {
    margin-right: 0
}

.col-xs-11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 91.4702%
}

.col-xs-11:last-child {
    margin-right: 0
}

.col-xs-12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.col-xs-12:last-child {
    margin-right: 0
}

.col-xs-offset-1 {
    margin-left: 8.5298%
}

.col-xs-offset-2 {
    margin-left: 17.05961%
}

.col-xs-offset-3 {
    margin-left: 25.58941%
}

@media screen and (min-width: 480px) {
    .col-sm-1 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 6.17215%
    }
    .col-sm-1:last-child {
        margin-right: 0
    }
    .col-sm-2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .col-sm-2:last-child {
        margin-right: 0
    }
    .col-sm-3 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .col-sm-3:last-child {
        margin-right: 0
    }
    .col-sm-4 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .col-sm-4:last-child {
        margin-right: 0
    }
    .col-sm-5 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%
    }
    .col-sm-5:last-child {
        margin-right: 0
    }
    .col-sm-6 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .col-sm-6:last-child {
        margin-right: 0
    }
    .col-sm-7 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .col-sm-7:last-child {
        margin-right: 0
    }
    .col-sm-8 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .col-sm-8:last-child {
        margin-right: 0
    }
    .col-sm-9 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .col-sm-9:last-child {
        margin-right: 0
    }
    .col-sm-10 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%
    }
    .col-sm-10:last-child {
        margin-right: 0
    }
    .col-sm-11 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 91.4702%
    }
    .col-sm-11:last-child {
        margin-right: 0
    }
    .col-sm-12 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-sm-12:last-child {
        margin-right: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.5298%
    }
    .col-sm-offset-2 {
        margin-left: 17.05961%
    }
    .col-sm-offset-3 {
        margin-left: 25.58941%
    }
    .hidden-sm {
        display: none
    }
    .hidden-xs {
        display: none
    }
    .hidden-xs.gap-1+.col-sm-1 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .hidden-xs.gap-1+.col-sm-1:last-child {
        margin-right: 0
    }
    .hidden-xs.gap-1+.col-sm-2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .hidden-xs.gap-1+.col-sm-2:last-child {
        margin-right: 0
    }
    .hidden-xs.gap-1+.col-sm-3 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .hidden-xs.gap-1+.col-sm-3:last-child {
        margin-right: 0
    }
    .hidden-xs.gap-1+.col-sm-4 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%
    }
    .hidden-xs.gap-1+.col-sm-4:last-child {
        margin-right: 0
    }
    .hidden-xs.gap-1+.col-sm-5 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .hidden-xs.gap-1+.col-sm-5:last-child {
        margin-right: 0
    }
    .hidden-xs.gap-1+.col-sm-6 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .hidden-xs.gap-1+.col-sm-6:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .col-md-1 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 6.17215%
    }
    .col-md-1:last-child {
        margin-right: 0
    }
    .col-md-2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .col-md-2:last-child {
        margin-right: 0
    }
    .col-md-3 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .col-md-3:last-child {
        margin-right: 0
    }
    .col-md-4 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .col-md-4:last-child {
        margin-right: 0
    }
    .col-md-5 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%
    }
    .col-md-5:last-child {
        margin-right: 0
    }
    .col-md-6 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .col-md-6:last-child {
        margin-right: 0
    }
    .col-md-7 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .col-md-7:last-child {
        margin-right: 0
    }
    .col-md-8 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .col-md-8:last-child {
        margin-right: 0
    }
    .col-md-9 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .col-md-9:last-child {
        margin-right: 0
    }
    .col-md-10 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%
    }
    .col-md-10:last-child {
        margin-right: 0
    }
    .col-md-11 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 91.4702%
    }
    .col-md-11:last-child {
        margin-right: 0
    }
    .col-md-12 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-md-12:last-child {
        margin-right: 0
    }
    .col-md-offset-1 {
        margin-left: 8.5298%
    }
    .col-md-offset-2 {
        margin-left: 17.05961%
    }
    .col-md-offset-3 {
        margin-left: 25.58941%
    }
    .col-md-offset-4 {
        margin-left: 34.11922%
    }
    .col-md-offset-5 {
        margin-left: 42.64902%
    }
    .col-md-offset-6 {
        margin-left: 51.17883%
    }
}

@media screen and (max-width: 1025px) and (min-width: 769px) {
    .col-md-6.col-md-offset-3 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 17.05961%
    }
    .col-md-6.col-md-offset-3:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1024px) {
    .col-lg-1 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 6.17215%
    }
    .col-lg-1:last-child {
        margin-right: 0
    }
    .col-lg-2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .col-lg-2:last-child {
        margin-right: 0
    }
    .col-lg-3 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .col-lg-3:last-child {
        margin-right: 0
    }
    .col-lg-4 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .col-lg-4:last-child {
        margin-right: 0
    }
    .col-lg-5 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%
    }
    .col-lg-5:last-child {
        margin-right: 0
    }
    .col-lg-6 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .col-lg-6:last-child {
        margin-right: 0
    }
    .col-lg-7 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .col-lg-7:last-child {
        margin-right: 0
    }
    .col-lg-8 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .col-lg-8:last-child {
        margin-right: 0
    }
    .col-lg-9 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .col-lg-9:last-child {
        margin-right: 0
    }
    .col-lg-10 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%
    }
    .col-lg-10:last-child {
        margin-right: 0
    }
    .col-lg-11 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 91.4702%
    }
    .col-lg-11:last-child {
        margin-right: 0
    }
    .col-lg-12 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-lg-12:last-child {
        margin-right: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.5298%
    }
    .col-lg-offset-2 {
        margin-left: 17.05961%
    }
    .col-lg-offset-3 {
        margin-left: 25.58941%
    }
}

@media screen and (min-width: 1440px) {
    .col-xl-1 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 6.17215%
    }
    .col-xl-1:last-child {
        margin-right: 0
    }
    .col-xl-2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .col-xl-2:last-child {
        margin-right: 0
    }
    .col-xl-3 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .col-xl-3:last-child {
        margin-right: 0
    }
    .col-xl-4 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .col-xl-4:last-child {
        margin-right: 0
    }
    .col-xl-5 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%
    }
    .col-xl-5:last-child {
        margin-right: 0
    }
    .col-xl-6 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .col-xl-6:last-child {
        margin-right: 0
    }
    .col-xl-7 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .col-xl-7:last-child {
        margin-right: 0
    }
    .col-xl-8 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .col-xl-8:last-child {
        margin-right: 0
    }
    .col-xl-9 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .col-xl-9:last-child {
        margin-right: 0
    }
    .col-xl-10 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%
    }
    .col-xl-10:last-child {
        margin-right: 0
    }
    .col-xl-11 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 91.4702%
    }
    .col-xl-11:last-child {
        margin-right: 0
    }
    .col-xl-12 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-xl-12:last-child {
        margin-right: 0
    }
    .col-x1-offset-1 {
        margin-left: 8.5298%
    }
    .col-x1-offset-2 {
        margin-left: 17.05961%
    }
    .col-x1-offset-3 {
        margin-left: 25.58941%
    }
}

@media screen and (min-width: 1920px) {
    .col-xxl-1 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 6.17215%
    }
    .col-xxl-1:last-child {
        margin-right: 0
    }
    .col-xxl-2 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .col-xxl-2:last-child {
        margin-right: 0
    }
    .col-xxl-3 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%
    }
    .col-xxl-3:last-child {
        margin-right: 0
    }
    .col-xxl-4 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .col-xxl-4:last-child {
        margin-right: 0
    }
    .col-xxl-5 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%
    }
    .col-xxl-5:last-child {
        margin-right: 0
    }
    .col-xxl-6 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .col-xxl-6:last-child {
        margin-right: 0
    }
    .col-xxl-7 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .col-xxl-7:last-child {
        margin-right: 0
    }
    .col-xxl-8 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%
    }
    .col-xxl-8:last-child {
        margin-right: 0
    }
    .col-xxl-9 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%
    }
    .col-xxl-9:last-child {
        margin-right: 0
    }
    .col-xxl-10 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%
    }
    .col-xxl-10:last-child {
        margin-right: 0
    }
    .col-xxl-11 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 91.4702%
    }
    .col-xxl-11:last-child {
        margin-right: 0
    }
    .col-xxl-12 {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .col-xxl-12:last-child {
        margin-right: 0
    }
    .col-xxl-offset-1 {
        margin-left: 8.5298%
    }
    .col-xxl-offset-2 {
        margin-left: 17.05961%
    }
    .col-xxl-offset-3 {
        margin-left: 25.58941%
    }
}

.ie8 .col-xs-12.col-sm-12.col-md-7,
.ie7 .col-xs-12.col-sm-12.col-md-7,
.ie6 .col-xs-12.col-sm-12.col-md-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-right: 2%
}

.ie8 .col-xs-12.col-sm-12.col-md-7:last-child,
.ie7 .col-xs-12.col-sm-12.col-md-7:last-child,
.ie6 .col-xs-12.col-sm-12.col-md-7:last-child {
    margin-right: 0
}

.ie8 .col-xs-12.col-sm-12.col-md-4.col-md-offset-1,
.ie7 .col-xs-12.col-sm-12.col-md-4.col-md-offset-1,
.ie6 .col-xs-12.col-sm-12.col-md-4.col-md-offset-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
    margin-left: 0
}

.ie8 .col-xs-12.col-sm-12.col-md-4.col-md-offset-1:last-child,
.ie7 .col-xs-12.col-sm-12.col-md-4.col-md-offset-1:last-child,
.ie6 .col-xs-12.col-sm-12.col-md-4.col-md-offset-1:last-child {
    margin-right: 0
}

.ie8 .col-xs-12.col-sm-4,
.ie7 .col-xs-12.col-sm-4,
.ie6 .col-xs-12.col-sm-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.ie8 .col-xs-12.col-sm-4:last-child,
.ie7 .col-xs-12.col-sm-4:last-child,
.ie6 .col-xs-12.col-sm-4:last-child {
    margin-right: 0
}

.ie8 .col-xs-12.col-sm-2,
.ie7 .col-xs-12.col-sm-2,
.ie6 .col-xs-12.col-sm-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}

.ie8 .col-xs-12.col-sm-2:last-child,
.ie7 .col-xs-12.col-sm-2:last-child,
.ie6 .col-xs-12.col-sm-2:last-child {
    margin-right: 0
}

.ie8 .col-xs-12.col-sm-2.last,
.ie7 .col-xs-12.col-sm-2.last,
.ie6 .col-xs-12.col-sm-2.last {
    margin-right: 0
}

.ie8 .col-xs-12.col-sm-8,
.ie7 .col-xs-12.col-sm-8,
.ie6 .col-xs-12.col-sm-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}

.ie8 .col-xs-12.col-sm-8:last-child,
.ie7 .col-xs-12.col-sm-8:last-child,
.ie6 .col-xs-12.col-sm-8:last-child {
    margin-right: 0
}

.ie8 .col-xs-12.col-sm-3.col-sm-offset-1,
.ie7 .col-xs-12.col-sm-3.col-sm-offset-1,
.ie6 .col-xs-12.col-sm-3.col-sm-offset-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.ie8 .col-xs-12.col-sm-3.col-sm-offset-1:last-child,
.ie7 .col-xs-12.col-sm-3.col-sm-offset-1:last-child,
.ie6 .col-xs-12.col-sm-3.col-sm-offset-1:last-child {
    margin-right: 0
}

.ie8 .col-xs-12.col-sm-3.col-sm-offset-1.forum-sidebar,
.ie7 .col-xs-12.col-sm-3.col-sm-offset-1.forum-sidebar,
.ie6 .col-xs-12.col-sm-3.col-sm-offset-1.forum-sidebar {
    margin-right: 0
}

.ie8.large-screen .col-xs-12.col-sm-12.col-md-7,
.ie7.large-screen .col-xs-12.col-sm-12.col-md-7,
.ie6.large-screen .col-xs-12.col-sm-12.col-md-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
    margin-right: 2%
}

.ie8.large-screen .col-xs-12.col-sm-12.col-md-7:last-child,
.ie7.large-screen .col-xs-12.col-sm-12.col-md-7:last-child,
.ie6.large-screen .col-xs-12.col-sm-12.col-md-7:last-child {
    margin-right: 0
}

.ie8.large-screen .col-xs-12.col-sm-12.col-md-4.col-md-offset-1,
.ie7.large-screen .col-xs-12.col-sm-12.col-md-4.col-md-offset-1,
.ie6.large-screen .col-xs-12.col-sm-12.col-md-4.col-md-offset-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
    margin-left: 8.5298%
}

.ie8.large-screen .col-xs-12.col-sm-12.col-md-4.col-md-offset-1:last-child,
.ie7.large-screen .col-xs-12.col-sm-12.col-md-4.col-md-offset-1:last-child,
.ie6.large-screen .col-xs-12.col-sm-12.col-md-4.col-md-offset-1:last-child {
    margin-right: 0
}

.ie8.large-screen .col-xs-12.col-sm-3.col-sm-offset-1,
.ie7.large-screen .col-xs-12.col-sm-3.col-sm-offset-1,
.ie6.large-screen .col-xs-12.col-sm-3.col-sm-offset-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    margin-left: 8.5298%
}

.ie8.large-screen .col-xs-12.col-sm-3.col-sm-offset-1:last-child,
.ie7.large-screen .col-xs-12.col-sm-3.col-sm-offset-1:last-child,
.ie6.large-screen .col-xs-12.col-sm-3.col-sm-offset-1:last-child {
    margin-right: 0
}

.ie8.large-screen .col-xs-12.col-sm-3.col-sm-offset-1.forum-sidebar,
.ie7.large-screen .col-xs-12.col-sm-3.col-sm-offset-1.forum-sidebar,
.ie6.large-screen .col-xs-12.col-sm-3.col-sm-offset-1.forum-sidebar {
    margin-right: 0
}

.no-mediaqueries .col-sm-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%
}

.no-mediaqueries .col-sm-1:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}

.no-mediaqueries .col-sm-2:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.no-mediaqueries .col-sm-3:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.no-mediaqueries .col-sm-4:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
}

.no-mediaqueries .col-sm-5:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.no-mediaqueries .col-sm-6:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.no-mediaqueries .col-sm-7:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}

.no-mediaqueries .col-sm-8:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
}

.no-mediaqueries .col-sm-9:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
}

.no-mediaqueries .col-sm-10:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 91.4702%
}

.no-mediaqueries .col-sm-11:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.no-mediaqueries .col-sm-12:last-child {
    margin-right: 0
}

.no-mediaqueries .col-sm-offset-1 {
    margin-left: 8.5298%
}

.no-mediaqueries .col-sm-offset-2 {
    margin-left: 17.05961%
}

.no-mediaqueries .col-sm-offset-3 {
    margin-left: 25.58941%
}

.no-mediaqueries .hidden-sm {
    display: none
}

.no-mediaqueries .hidden-xs {
    display: none
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-1:last-child {
    margin-right: 0
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-2:last-child {
    margin-right: 0
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-3:last-child {
    margin-right: 0
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-4:last-child {
    margin-right: 0
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-5:last-child {
    margin-right: 0
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.no-mediaqueries .hidden-xs.gap-1+.col-sm-6:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 6.17215%
}

.no-mediaqueries .col-md-1:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}

.no-mediaqueries .col-md-2:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.no-mediaqueries .col-md-3:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.no-mediaqueries .col-md-4:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%
}

.no-mediaqueries .col-md-5:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.no-mediaqueries .col-md-6:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%
}

.no-mediaqueries .col-md-7:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%
}

.no-mediaqueries .col-md-8:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%
}

.no-mediaqueries .col-md-9:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%
}

.no-mediaqueries .col-md-10:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 91.4702%
}

.no-mediaqueries .col-md-11:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-12 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.no-mediaqueries .col-md-12:last-child {
    margin-right: 0
}

.no-mediaqueries .col-md-offset-1 {
    margin-left: 8.5298%
}

.no-mediaqueries .col-md-offset-2 {
    margin-left: 17.05961%
}

.no-mediaqueries .col-md-offset-3 {
    margin-left: 25.58941%
}

.no-mediaqueries .col-md-offset-4 {
    margin-left: 34.11922%
}

.no-mediaqueries .col-md-offset-5 {
    margin-left: 42.64902%
}

.no-mediaqueries .col-md-6.col-md-offset-3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-left: 17.05961%
}

.no-mediaqueries .col-md-6.col-md-offset-3:last-child {
    margin-right: 0
}

body {
    margin: 0;
    padding: 0;
    font-size: 100%
}

a {
    transition: all 0.3s
}

a img {
    border: none
}

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

img.align-centre {
    clear: both;
    margin: 15px auto
}

img.float-left {
    max-width: 40%;
    margin: 0px 15px 15px 0px
}

img.float-right {
    max-width: 40%;
    margin: 0px 0px 15px 15px
}

.round-image img {
    border-radius: 100%
}

.sr-only,
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.clearfix {
    clear: both
}

.align-right {
    text-align: right
}

.align-center,
.align-centre {
    text-align: center
}

.align-left {
    text-align: left
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.visual-hidden {
    display: none
}

.image-holder {
    position: relative;
    line-height: 0
}

.image-holder.right-wrap {
    float: right;
    max-width: 40%;
    margin: 0px 0px 15px 15px
}

.image-holder.left-wrap {
    float: left;
    max-width: 40%;
    margin: 0px 15px 15px 0px
}

.image-holder.centre-above {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px
}

.image-holder.centre-below {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px
}

.image-holder img {
    width: 100%;
    height: auto
}

.caption {
    position: absolute
}

.shift-up-60 {
    position: relative;
    top: -60px
}

.mw-600 {
    max-width: 600px
}

.mw-700 {
    max-width: 700px
}

.pad-top-0,
.row.pad-top-0 {
    padding-top: 0
}

.pad-bottom-0,
.row.pad-bottom-0 {
    padding-bottom: 0
}

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

[class^="icon-"],
[class*=" icon-"],
.custom-icon {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.3s ease-out;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-calendar:before {
    content: "\e91c"
}

.icon-calendar2:before {
    content: "\e953"
}

.icon-envelope:before {
    content: "\e90f"
}

.icon-browser:before {
    content: "\e00c"
}

.icon-picture:before {
    content: "\e00f"
}

.icon-video:before {
    content: "\e011"
}

.icon-megaphone:before {
    content: "\e021"
}

.icon-phone:before {
    content: "\e909"
}

.icon-telephone:before {
    content: "\e909"
}

.icon-contact:before {
    content: "\e909"
}

.icon-support:before {
    content: "\e909"
}

.icon-call:before {
    content: "\e909"
}

.icon-quotes-right:before {
    content: "\e90a"
}

.icon-rdquo:before {
    content: "\e90a"
}

.icon-quotes-left:before {
    content: "\e90b"
}

.icon-ldquo:before {
    content: "\e90b"
}

.icon-linkedin:before {
    content: "\e90c"
}

.icon-brand:before {
    content: "\e90c"
}

.icon-social:before {
    content: "\e90c"
}

.icon-facebook:before {
    content: "\e90d"
}

.icon-brand2:before {
    content: "\e90d"
}

.icon-social2:before {
    content: "\e90d"
}

.icon-search:before {
    content: "\e90e"
}

.icon-image-text:before {
    content: "\e904"
}

.icon-arrow-down:before {
    content: "\e910"
}

.icon-arrow-left:before {
    content: "\e911"
}

.icon-arrow-right:before {
    content: "\e912"
}

.icon-arrow-up:before {
    content: "\e913"
}

.icon-chevron-down:before {
    content: "\e914"
}

.icon-chevron-left:before {
    content: "\e915"
}

.icon-chevron-right:before {
    content: "\e916"
}

.icon-chevron-up:before {
    content: "\e917"
}

.icon-image:before {
    content: "\e900"
}

.icon-link:before {
    content: "\e901"
}

.icon-menu:before {
    content: "\e902"
}

.icon-message-circle:before {
    content: "\e905"
}

.icon-message-square:before {
    content: "\e906"
}

.icon-phone2:before {
    content: "\e907"
}

.icon-phone-call:before {
    content: "\e908"
}

.icon-volume-2:before {
    content: "\e903"
}

.icon-arrow-circle-down:before {
    content: "\e918"
}

.icon-arrow-circle-up:before {
    content: "\e919"
}

.icon-arrow-circle-right:before {
    content: "\e91a"
}

.icon-arrow-circle-left:before {
    content: "\e91b"
}

body {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #25303b
}

h1,
.h1 {
    font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 900
}

h2,
.h2 {
    font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 700
}

h3,
.h3 {
    font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 700
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 700
}

h1,
.h1 {
    font-size: 343.75%;
    line-height: 1;
    margin-bottom: 0;
    color: #6ab650
}

h2,
.h2 {
    font-size: 150%;
    color: #005368;
    margin-bottom: 1.45833em
}

h3,
.h3 {
    font-size: 112.5%;
    line-height: 1.2;
    color: #6ab650;
    margin-bottom: .66667em
}

h4,
.h4 {
    font-size: 100%
}

h5,
.h5 {
    font-size: 100%
}

h6,
.h6 {
    font-size: 100%
}

p {
    font-size: 100%;
    line-height: 1.375;
    margin-bottom: .625em
}

em {
    font-style: italic
}

a {
    text-decoration: none;
    color: #0077b2;
    transition: all 0.3s ease-out
}

a:hover {
    color: #64c4da
}

.page-title {
    text-align: center
}

.section-title {
    text-align: center
}

.lead {
    font-size: 112.5%
}

.medium {
    font-weight: 500
}

.text-left ul,
.text-left ol,
.text-right ul,
.text-right ol,
.textblock ul,
.textblock ol,
.text-holder ul,
.text-holder ol {
    padding-left: 20px;
    margin: 5px 0 10px
}

.text-left ul li,
.text-left ol li,
.text-right ul li,
.text-right ol li,
.textblock ul li,
.textblock ol li,
.text-holder ul li,
.text-holder ol li {
    list-style: outside;
    line-height: 1.35
}

.text-left a,
.text-right a,
.textblock a,
.text-holder a {
    font-weight: bold
}

.inline-list {
    margin: 20px 0;
    text-align: center
}

.inline-list li {
    display: inline-block;
    font-weight: 300
}

.inline-list li::before {
    content: "|";
    display: inline-block;
    margin: 0 10px 0 8px
}

.inline-list li:first-of-type::before {
    content: "";
    margin: 0
}

.dk-green-bg {
    background: #005368
}

.dk-green-bg h1,
.dk-green-bg h2,
.dk-green-bg h3,
.dk-green-bg h4,
.dk-green-bg h5,
.dk-green-bg h6,
.dk-green-bg p,
.dk-green-bg li,
.dk-green-bg a {
    color: #fff
}

.grey-bg {
    background: #f6f7f7
}

.lt-green-bg {
    background: #6ab650
}

.lt-green-bg h1,
.lt-green-bg h2,
.lt-green-bg h3,
.lt-green-bg h4,
.lt-green-bg h5,
.lt-green-bg h6,
.lt-green-bg p,
.lt-green-bg li,
.lt-green-bg a {
    color: #fff
}

.page-text {
    padding: 4.9375em 0
}

.page-text .page-content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 25.58941%
}

.page-content ul{
	margin-bottom:1em;
	margin-left: 1em;

}

.page-content ul li{
	line-height:1.2em;
	list-style: inherit;
	margin-bottom: 0.5em;
}

.page-text .page-content:last-child {
    margin-right: 0
}

.page-text .page-content.wide-text {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%
}

.page-text .page-content.wide-text:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .page-text .page-content.wide-text {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0%
    }
    .page-text .page-content.wide-text:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .page-text .page-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0%
    }
    .page-text .page-content:last-child {
        margin-right: 0
    }
}

.page-text p {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.page-header {
    padding: 3.75em 0
}

.home .page-text .page-content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%
}

.home .page-text .page-content:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .home .page-text .page-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0%
    }
    .home .page-text .page-content:last-child {
        margin-right: 0
    }
}

img.alignleft,
.wp-block-image.alignleft {
    float: left;
    margin-right: 1em
}

img.alignright,
.wp-block-image.alignright {
    float: right;
    margin-left: 1em
}

img.aligncenter,
.wp-block-image.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block
}

img.alignfull,
.wp-block-image.alignfull {
    width: 100%;
    max-width: 100vw;
    height: auto;
    margin-left: 0;
    margin-right: 0
}

#wpadminbar {
    display: none
}

.main-header .sitelogo {
    position: absolute;
    top: 5em;
    left: calc((100% - 1180px) / 2);
    display: none
}

.main-header .sitelogo img,
.main-header .sitelogo svg {
    max-width: 300px;
    max-height: 140px;
}

.main-header .sitelogo svg {
    fill: #005368
}

@media screen and (max-width: 1250px) {
    .main-header .sitelogo {
        left: 3.75em
    }
}

@media screen and (max-width: 1250px) {
    .main-header .sitelogo {
        top: 2.5em
    }
    .main-header .sitelogo img,
    .main-header .sitelogo svg {
        max-width: 150px;
        max-height: 66px
    }
}

@media screen and (max-width: 768px) {
    .main-header .sitelogo {
        display: none
    }
}

.home .main-header .sitelogo {
    display: block
}

@media screen and (max-width: 768px) {
    .home .main-header .sitelogo {
        display: none
    }
}

.main-header{
	background: url(../../images/backdrop.jpg) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.home .heroimage {
    height: calc(100vh - 100px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}

.heroimage {
    height: calc(100vh - 100px);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% bottom;
}

.heroimage .container {
    position: relative;
    width: 100%;
    height: 100%
}

.heroimage .caption {
    bottom: 50px;
    left: 0;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 43%
}

.home .heroimage .caption{
	right: -10%;
    left: auto;
}

.home .heroimage .caption h4{
	font-weight: normal;
	margin-top: 1em;
	font-size: 1.3em;
	color: #005368;
}



.heroimage .caption:last-child {
    margin-right: 0
}

.heroimage.internal {
    height: 40vh
}

.heroimage.internal .caption {
    bottom: 3.75em
}

.image-caption {
position: absolute;
    left: 39%;
    top: 8%;
    width: 30%;
    color: #005368;
}

@media screen and (max-width: 1160px) {
    .heroimage.internal .caption {
        left: 1.875em
    }
}

@media screen and (max-width: 1250px) and (min-width: 961px) {
    .heroimage {
        height: 75vh
    }
}

@media screen and (max-width: 960px) and (min-width: 621px) {
    .heroimage {
        height: 50vh
    }
}

@media screen and (max-width: 620px) and (min-width: 481px) {
    .heroimage {
        height: 40vh
    }
}

@media screen and (max-width: 480px) {
    .heroimage {
        height: 70vh;
		background-position: bottom;
		background-size: 150%;
    }

    .image-caption {
	    display: none;
    }

    .heroimage.internal .caption {
    bottom: 1.75em;
	}

    h1{
	    font-size: 250%;
    padding: 4rem 0 .5rem .5rem;
    }

    .page-header {
    padding: 0.75em 0;
	}

    .home .heroimage .caption {
    left: 5%;
    top: 30px;
    width: 90%;
    font-size: 80%
	}
}

.menu-holder {
    height: 100px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5
}

.menu-holder .logolink {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
    padding: 1.5625em 0
}

.menu-holder .logolink:last-child {
    margin-right: 0
}

.menu-holder .logolink img,
.menu-holder .logolink svg {
    max-width: 100px
}

.menu-holder .logolink svg {
    fill: #fff;
    max-height: 45px
}

.menu-holder .main-menu {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
    margin-left: 8.5298%;
    float: right
}

.menu-holder .main-menu:last-child {
    margin-right: 0
}

@media screen and (max-width: 960px) {
    .menu-holder .main-menu {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 0%
    }
    .menu-holder .main-menu:last-child {
        margin-right: 0
    }
}

.menu-holder .main-menu .menu {
    display: flex
}

.menu-holder .main-menu .menu>li {
    position: relative;
    flex: 1 1 auto;
    text-align: left;
    line-height: 100px
}

.menu-holder .main-menu .menu>li.menu-item-has-children>a {
    position: relative
}

.menu-holder .main-menu .contact-link>a {
    padding: 8px;
    border: 3px solid #fff
}

.menu-holder .main-menu .contact-link>a:hover {
    border-color: #6ab650
}

@media screen and (max-width: 768px) {
    .menu-holder {
        position: fixed;
        width: 100%;
        height: 60px
    }
    .menu-holder .logolink {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding: .625em 0
    }
    .menu-holder .logolink:last-child {
        margin-right: 0
    }
    .menu-holder .logolink img,
    .menu-holder .logolink svg {
        max-width: 100px
    }
    .menu-holder .logolink svg {
        max-height: 38px
    }
    .menu-holder .main-menu {
        width: 100vw;
        margin-left: -30px;
        background: #fff;
        position: relative;
        top: -2px;
        visibility: hidden;
        opacity: 0;
        z-index: -500;
        transition: all 0.4s linear;
        height: 0px;

    }
    .menu-holder .main-menu.visible {
        visibility: visible;
        opacity: 1;
        z-index: 5;
        transition: all 0.4s linear;
        height: auto;
    }
    .menu-holder .main-menu .menu {
        display: block
    }
    .menu-holder .main-menu .menu>li {
        display: block;
        line-height: 1.3;
        padding: 12px 0;
        text-align: center;
        border-bottom: 1px solid #f6f7f7
    }
    .menu-holder .main-menu .menu>li a {
        color: #005368;
        border: none !important
    }
    .menu-holder .main-menu .menu>li.current-menu-item {
        background: #6ab650
    }
    .menu-holder .main-menu .menu>li.current-menu-item>a {
        color: #fff
    }
    .menu-holder .main-menu .menu>li.menu-item-has-children>a::after,
    .menu-holder .main-menu .menu>li.menu-item-has-children>a:after {
        content: "\e914";
        font-family: 'icomoon' !important;
        font-size: 25px;
        display: inline-block;
        position: relative;
        top: 4px;
        left: 5px
    }
    .menu-holder .sub-menu {
        position: relative;
        width: 100%;
        box-shadow: none;
        max-height: 0;
        transition: visibility 0s, max-height 0.4s, opacity 0.5s;
        background: #fff;
        top: 13px
    }
    .menu-holder .sub-menu.visible {
        visibility: visible;
        opacity: 1;
        max-height: 100vh
    }
    .menu-holder .sub-menu::before,
    .menu-holder .sub-menu:before {
        display: none
    }
}

@media screen and (max-width: 375px) {
    .menu-holder .main-menu {
        margin-left: -15px
    }
}

.home .menu-holder .logolink {
    opacity: 0;
    transition: opacity 0.25s ease-out
}

.home h1 {
    font-size: 460%;
    line-height: 0.9em;
}
@media screen and (max-width: 960px) {
    .home h1 {
    font-size: 400%;
    line-height: 0.9em;
    width:90%;
	}
}

@media screen and (max-width: 768px) {
    .home .menu-holder .logolink {
        opacity: 1
    }
    .home h1 {
    font-size: 300%;
    line-height: 0.9em;
    padding-top:0px;
	}
	.home .heroimage .caption h4{
		font-size: 1em;
	}
}

.home .menu-holder.scrolled .logolink {
    opacity: 1
}

nav li {
    list-style: none;
    display: inline-block;
    font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 112.5%;
    line-height: 1;
    color: #fff
}

nav li>a {
    padding: 0 0 8px
}

nav li>a:hover {
    color: #6ab650
}

nav li.current-menu-item>a {
    border-bottom: 5px solid #6ab650
}

.sub-menu {
    position: absolute;
    width: 120%;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear, opacity 0.4s ease-out
}

.sub-menu::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #6ab650;
    position: absolute;
    top: -10px;
    left: 50px
}

.sub-menu li {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-weight: 500;
    color: #005368;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 88.88889%;
    line-height: 1.25;
    text-align:center;
}

.sub-menu a {
    display: block;
    width: 100%;
    padding: .75em .9375em;
    background: #fff;
    color: #005368;
    transition: background 0.3s ease-out
}

.sub-menu a:hover {
    background: #6ab650;
    color: #fff
}

@media screen and (min-width: 769px) {
    li.menu-item-has-children:hover .sub-menu {
        visibility: visible;
        opacity: 1
    }

    .sub-menu li {
	    text-align: left;
    }

    .sub-menu li:first-child{
	    display: none;
    }


}

.footer-menu {
    padding-left: 6.25em
}

.footer-menu li {
    font-weight: 700;
    display: block;
    margin-bottom: .75em
}

.footer-menu li a {
    color: #fff
}

.burger-menu {
    display: none;
    position: fixed;
    z-index: 20;
    top: 10px;
    right: 20px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 2.5em;
    height: 2.5em;
    background: transparent;
    transition: background 0.3s;
    box-shadow: none;
    border: none;
    -webkit-appearance: none
}

.burger-menu span.bars {
    display: block;
    position: absolute;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    width: 30px;
    left: 5px;
    top: 50%;
    transition: background 0s 0.3s, transform 0.3s
}

.burger-menu span.bars::before,
.burger-menu span.bars::after {
    content: "";
    position: absolute;
    display: block;
    height: 3px;
    width: 100%;
    background: #fff;
    z-index: 5;
    border-radius: 2px;
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s
}

.burger-menu span.bars::before {
    top: -9px;
    transition-property: top, transform
}

.burger-menu span.bars::after {
    bottom: -9px;
    transition-property: bottom, transform
}

.burger-menu.active {
    background: transparent
}

.burger-menu.active span {
    background: none
}

.burger-menu.active span:before {
    top: 0;
    transform: rotate(45deg);
    transition-delay: 0s, 0.3s;
    background-color: #fff
}

.burger-menu.active span:after {
    bottom: 0;
    transform: rotate(-45deg);
    transition-delay: 0s, 0.3s;
    background-color: #fff
}

.burger-menu:hover {
    background: transparent
}

@media screen and (max-width: 550px) {
    .burger-menu {
        width: 35px
    }
}

@media screen and (max-width: 768px) {
    .burger-menu {
        display: block
    }
}

.pagelinks {
    padding: 4.375em 0 5em
}

.pl_content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 25.58941%;
    margin-bottom: 1.875em
}

.pl_content:last-child {
    margin-right: 0
}

.pl_content p {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300
}

.pl_holder {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
    display: flex;
    flex-wrap: wrap
}

.pl_holder:last-child {
    margin-right: 0
}

@media screen and (max-width: 650px) {
    .pl_holder {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width: 550px) {
    .pl_holder {
        display: block
    }
}

.pl {
    flex: 0 0 calc(33.333% - 43.33px);
    position: relative;
    margin: 0 43px 43px 0
}

.pl:nth-of-type(3n) {
    margin-right: 0
}

@media screen and (max-width: 960px) {
    .pl {
        flex: 0 0 calc(50% - 21.66px)
    }
    .pl:nth-of-type(3n) {
        margin-right: 43px
    }
    .pl:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 650px) {
    .pl {
        margin: 0 20px 20px 0;
        flex: 0 0 calc(50% - 10px)
    }
    .pl:nth-of-type(3n) {
        margin-right: 20px
    }
    .pl:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 550px) {
    .pl {
        margin: 0 auto 20px auto;
        display: block;
        width: 100%;
        max-width: 350px
    }
    .pl:nth-of-type(3n) {
        margin-right: auto
    }
    .pl:nth-of-type(2n) {
        margin-right: auto
    }
}

.pl a {
    display: block;
    width: 100%;
    height: 100%
}

.pl:hover .pl_caption,
.pl:focus .pl_caption {
    top: 0;
    background: #6ab650;
    transition: background 0.3s ease-out, top 0.3s ease-out
}

.pl:hover .pl_caption p,
.pl:focus .pl_caption p {
    bottom: unset;
    opacity: 1;
    z-index: 1
}

.pl_image {
    line-height: 0
}

.pl_caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.875em;
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)
}

.pl_caption p {
    color: #fff;
    opacity: 0;
    position: absolute;
    bottom: -100%;
    z-index: -1;
    transition: opacity 0.3s ease-out;
    padding-top: 1em;
    margin-bottom: 0;
    left: 1.875em;
    right: 1.875em
}

.pl_title {
    color: #fff;
    font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 162.5%;
    margin-bottom: 0
}

.testimonials {
    display: block;
    padding: 7.1875em 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    background: #2c6e7e
}

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

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(37, 48, 59, 0.75);
    z-index: 0
}

.testimonial-holder {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 25.58941%;
    position: relative;
    z-index: 1
}

.testimonial-holder:last-child {
    margin-right: 0
}

@media screen and (max-width: 960px) and (min-width: 769px) {
    .testimonial-holder {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 17.05961%
    }
    .testimonial-holder:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) and (min-width: 651px) {
    .testimonial-holder {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%
    }
    .testimonial-holder:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 650px) {
    .testimonial-holder {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0%
    }
    .testimonial-holder:last-child {
        margin-right: 0
    }
}

.slideshow-nav {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
    clear: both;
    padding-top: 1.4375em
}

.slideshow-nav button {
    background: #64c4da;
    border: none;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    color: #fff;
    font-size: 25px;
    padding: 0;
    line-height: 20px
}

.slideshow-nav button:first-of-type {
    margin-right: .75em
}

.slideshow-nav button .icon-chevron-left {
    left: -1px
}

.slideshow-nav button .icon-chevron-right {
    right: -1px
}

.testimonial blockquote {
    font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 150%;
    line-height: 1.2;
    color: #fff;
    padding: 2px
}

.testimonial cite {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 1.875em;
    font-weight: bold;
    font-style: normal
}

.testimonial:focus {
    outline: none
}

.latest-news {
    padding: 4.375em 0 5em
}

.ln_holder {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%
}

.ln_holder:last-child {
    margin-right: 0
}

@media screen and (min-width: 769px) {
    .ln_holder {
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 1150px) {
    .ln_holder {
        width: 100%;
        margin-left: 0
    }
}

.news-item {
    padding: 1.875em 1.5625em 3.4375em 1.5625em;
    border: 3px solid #6ab650;
    position: relative;
    transition: background-color 0.3s ease-out
}

.news-item:nth-of-type(3n) {
    margin-right: 0
}

@media screen and (min-width: 1501px) {
    .news-item {
        margin-right: 4.0625em;
        flex: 0 0 calc((100% - 130px) / 3)
    }
}

@media screen and (max-width: 1500px) and (min-width: 961px) {
    .news-item {
        margin-right: 2.5em;
        flex: 0 0 calc((100% - 80px) / 3)
    }
}

@media screen and (max-width: 960px) and (min-width: 769px) {
    .news-item {
        margin-right: 1.5625em;
        flex: 0 0 calc((100% - 50px) / 3)
    }
}

@media screen and (max-width: 768px) {
    .news-item {
        display: block;
        width: 100%;
        margin-bottom: 1.875em
    }
}

.news-item a {
    color: #25303b
}

.news-item time {
    display: block;
    font-weight: 500;
    margin-bottom: 1em
}

.news-item p {
    font-weight: 300
}

.news-item .custom-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #6ab650;
    color: #fff;
    bottom: 1.2em;
    right: 1em;
    font-size: 25px;
    line-height: 24px
}

.news-item .custom-icon::before {
    position: relative;
    top: 1px;
    left: 1px
}

.news-item:hover,
.news-item:focus {
    background: #6ab650
}

.news-item:hover h3,
.news-item:hover p,
.news-item:hover time,
.news-item:focus h3,
.news-item:focus p,
.news-item:focus time {
    color: #fff
}

.posts-block {
    padding: 4.375em 0 5em
}

@media screen and (min-width: 961px) {
    .blog .posts-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%
    }
    .blog .posts-content:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 960px) {
    .blog .posts-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0%
    }
    .blog .posts-content:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .blog .posts-content {
        display: flex;
        flex-wrap: wrap
    }
}

.blog .post {
    position: relative;
    min-height: 250px;
    height: 20vh;
}

@media screen and (min-width: 961px) {
    .blog .post {
        flex: 0 0 calc(33.333% - 43.33px);
        margin: 0 calc(43.33px / 2) 2.5em;
        overflow: hidden;
    }
}

@media screen and (max-width: 960px) and (min-width: 769px) {
    .blog .post {
        flex: 0 0 calc(50% - 43px);
        margin: 0 21.5px 2.5em
    }
}

@media screen and (max-width: 768px) {
    .blog .post {
        margin-bottom: 2.5em;
        overflow: hidden;

    }
}

.blog .post a {
    display: block;
    width: 100%;
    height: 100%
}

.blog .post:hover .post_caption {
    top: 0;
    background: #6ab650;
    transition: background 0.3s ease-out, top 0.3s ease-out
}

.blog .post:hover .post_caption p {
    bottom: unset;
    opacity: 1;
    z-index: 1
}

.blog .post-image {
    line-height: 0
}

.blog .post_caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.875em;
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)
}

.blog .post_caption p {
    color: #fff;
    opacity: 0;
    position: absolute;
    bottom: -100%;
    z-index: -1;
    transition: opacity 0.3s ease-out;
    padding-top: 1em;
    left: 1.875em;
    right: 1.875em
}

.blog .post-title {
    color: #fff;
    font-family: 'Raleway', 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 142.5%
}

.blog .image-holder img{
	opacity: 0;
}

section.blog {
    padding-bottom: 2.5em
}

.single .post-title {
    text-align: center
}

.single .post-image {
    width: 100%;
    margin-bottom: 3.125em
}

.single .post_title {
    width: 100%;
    margin-bottom: 1.875em;
    text-align: center
}

.single .post_title h2 {
    font-size: 225%;
    line-height: 1.19444;
    margin-bottom: .44444em
}

@media screen and (max-width: 768px) {
    .single .post_title h2 {
        font-size: 187.5%
    }
}

@media screen and (max-width: 400px) {
    .single .post_title h2 {
        font-size: 162.5%
    }
}

.single .post_title .post-meta {
    color: rgba(124, 131, 137, 0.6);
    font-size: 87.5%
}

.single .post_text {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-left: 17.05961%
}

.single .post_text:last-child {
    margin-right: 0
}

@media screen and (min-width: 769px) {
    .single .share-links {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%
    }
    .single .share-links:last-child {
        margin-right: 0
    }
}

.single .share-links+.post_text {
    margin-left: 0
}

@media screen and (max-width: 768px) and (min-width: 401px) {
    .single .share-links {
        width: 60px;
        float: left
    }
    .single .share-links+.post_text {
        width: calc(100% - 60px)
    }
}

@media screen and (max-width: 400px) {
    .single .share-links {
        width: 45px;
        float: left
    }
    .single .share-links+.post_text {
        width: calc(100% - 45px)
    }
}

@media screen and (min-width: 961px) {
    .single-post-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%
    }
    .single-post-content:last-child {
        margin-right: 0
    }
}

.share-links li {
    list-style: none;
    display: block;
    margin-bottom: .75em
}

@media screen and (max-width: 400px) {
    .share-links li {
        margin-bottom: .375em
    }
}

.share-links .icon {
    width: 40px;
    height: 40px;
    fill: #6ab650;
    transition: fill 0.3s ease-out
}

@media screen and (max-width: 400px) {
    .share-links .icon {
        width: 30px;
        height: 30px
    }
}

.share-links .icon:hover {
    fill: #005368
}

.cta-block {
    display: block;
    padding: 4.375em 0 5em
}

.cta-block::after {
    clear: both;
    content: "";
    display: table
}

.cta {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 25.58941%;
    text-align: center
}

.cta:last-child {
    margin-right: 0
}

@media screen and (max-width: 960px) and (min-width: 769px) {
    .cta {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 17.05961%
    }
    .cta:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) and (min-width: 651px) {
    .cta {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%
    }
    .cta:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 650px) {
    .cta {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0%
    }
    .cta:last-child {
        margin-right: 0
    }
}

.staffmembers {
    padding: 4.375em 0 5em
}

.staff-holder {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%
}

.staff-holder:last-child {
    margin-right: 0
}

@media screen and (min-width: 601px) {
    .staff-holder {
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 960px) {
    .staff-holder {
        width: 100%;
        margin-left: 0
    }
}

@media screen and (min-width: 961px) {
    .staffmember {
        flex: 0 0 calc((100% - 8.125em) / 3);
        margin-right: 4.0625em
    }
    .staffmember:nth-of-type(3n) {
        margin-right: 0
    }
}

@media screen and (max-width: 960px) and (min-width: 601px) {
    .staffmember {
        flex: 0 0 calc((100% - 30px) / 2);
        margin-right: 1.875em
    }
    .staffmember:nth-of-type(3n) {
        margin-right: 1.875em
    }
    .staffmember:nth-of-type(2n) {
        margin-right: 0
    }
}

@media screen and (max-width: 600px) {
    .staffmember {
        margin-bottom: 1.875em
    }
}

.sm__image {
    margin-bottom: .5em
}

.sm__position {
    font-weight: 600
}

.sm__title {
    margin-bottom: 0.3em
}

.sm__position {
    margin-bottom: 2em
}

.location {
    display: block
}

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

.map {
    width: 50%;
    float: left
}

@media screen and (min-width: 1441px) {
    .map {
        min-height: 565px
    }
}

@media screen and (max-width: 1440px) {
    .map {
        min-height: 450px
    }
}

@media screen and (max-width: 768px) {
    .map {
        width: 100%;
        float: none
    }
}

.loc_details {
    width: 50%;
    float: left;
    padding-top: 8.125em;
    text-align: center
}

@media screen and (max-width: 1440px) {
    .loc_details {
        padding-top: 3.75em;
        padding-bottom: 3.75em
    }
}

@media screen and (max-width: 768px) {
    .loc_details {
        width: 100%;
        max-width: 100%;
        float: none;
        clear: both
    }
}

.loc_details .medium {
    display: block
}

.loc_details a {
    color: #25303b
}

@media screen and (max-width: 1440px) {
    .location:nth-of-type(odd) .loc_details {
        padding-left: 3.75em;
        padding-right: 3.75em
    }
}

@media screen and (max-width: 1440px) {
    .location:nth-of-type(even) .loc_details {
        padding-left: 3.75em;
        padding-right: 3.75em
    }
}

.location:nth-of-type(even) .map {
    float: right
}

.centre-block {
    text-align: center
}

.left-block {
    text-align: left
}

.right-block {
    text-align: right
}

.text-block {
    display: block;
    position: relative;
    padding: 4.375em 0 5em;
    background-repeat: no-repeat;
    background-size: cover
}

.text-block::after {
    clear: both;
    content: "";
    display: table
}

.text-block.image-bg h1,
.text-block.image-bg h2,
.text-block.image-bg h3,
.text-block.image-bg h4,
.text-block.image-bg h5,
.text-block.image-bg h6,
.text-block.image-bg p,
.text-block.image-bg li,
.text-block.image-bg a {
    color: #fff
}

.text-block .section-title {
    margin-bottom: 1.25em
}



.textblock {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-left: 25.58941%;
    position: relative;
    z-index: 2
}

.textblock:last-child {
    margin-right: 0
}

.text-img-block {
    display: block;
    position: relative;
    padding: 4.375em 0 5em
}

.text-img-block::after {
    clear: both;
    content: "";
    display: table
}

.ti__image {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
    margin-left: 17.05961%;
    padding-right: 1.5625em
}

.ti__image:last-child {
    margin-right: 0
}

.ti__block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
    margin-left: 17.05961%
}

.ti__block:last-child {
    margin-right: 0
}

.ti__image+.ti__block {
    margin-left: 0
}

.ti__block+.ti__image {
    margin-left: 0;
    padding-right: 0;
    padding-left: 1.5625em
}

.case-studies {
    padding: 4.375em 0 5em
}

.cs_holder {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
    display: flex;
    flex-wrap: wrap
}

.cs_holder:last-child {
    margin-right: 0
}

.cs-item {
    flex: 0 0 calc((100% - 130px) / 3);
    padding: 1.875em 1.5625em 3.4375em 1.5625em;
    border: 3px solid #6ab650;
    margin-right: 4.0625em;
    position: relative;
    transition: background-color 0.3s ease-out
}

.cs-item:nth-of-type(3n) {
    margin-right: 0
}

.cs-item a {
    color: #25303b
}

.cs-item time {
    display: block;
    font-weight: 500;
    margin-bottom: 1em
}

.cs-item p {
    font-weight: 300
}

.cs-item .custom-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background: #6ab650;
    color: #fff;
    bottom: 1.2em;
    right: 1em;
    font-size: 25px;
    line-height: 24px
}

.cs-item .custom-icon::before {
    position: relative;
    top: 1px;
    left: 1px
}

.cs-item:hover,
.cs-item:focus {
    background: #6ab650
}

.cs-item:hover h3,
.cs-item:hover p,
.cs-item:hover time,
.cs-item:focus h3,
.cs-item:focus p,
.cs-item:focus time {
    color: #fff
}

.steps-block {
    padding: 4.375em 0 5em
}

.step {
    display: block;
    margin-bottom: 2.1875em
}

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

@media screen and (min-width: 961px) {
    .step {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 17.05961%
    }
    .step:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 960px) and (min-width: 769px) {
    .step {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%
    }
    .step:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .step {
        margin-bottom: 3.75em
    }
}

@media screen and (min-width: 769px) {
    .st__image {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%;
        padding-right: 1.5625em
    }
    .st__image:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 768px) {
    .st__image {
        margin-bottom: 1.875em;
        text-align: center
    }
}

@media screen and (min-width: 769px) {
    .st__content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%
    }
    .st__content:last-child {
        margin-right: 0
    }
}

.faqs-block {
    padding: 4.375em 0 5em
}

.faq {
    display: block;
    margin-bottom: 3.75em
}

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

@media screen and (min-width: 961px) {
    .faq {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 17.05961%
    }
    .faq:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 960px) and (min-width: 769px) {
    .faq {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%
    }
    .faq:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 601px) {
    .fq__title {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 40.29137%;
        padding-right: 1.5625em
    }
    .fq__title:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 601px) {
    .fq__content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%;
        padding-right: 1.5625em
    }
    .fq__content:last-child {
        margin-right: 0
    }
}

button:focus {
    outline: none
}

.button {
    display: inline-block;
    border-radius: 0px;
    border: 3px solid #0077b2;
    color: #0077b2;
    background: transparent;
    padding: 0 4.0625em;
    line-height: 45px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 100%;
    position: relative;
    transform: all 0.3s ease-out;
    -webkit-font-smoothing: antialiased
}

.button:hover {
    color: #fff;
    background: #0077b2
}

.button.alt_btn {
    border-color: #fff;
    color: #fff
}

.button.alt_btn:hover {
    color: #6ab650;
    background: #fff
}

.grey-bg .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]),
.grey-bg .gform_wrapper select,
.grey-bg .gform_wrapper textarea {
    border: none
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper select {
    height: 40px;
    padding: 7px 15px
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border: 1px solid #6ab650 !important;
    box-shadow: 0px 0px 2px #6ab650
}

::-webkit-input-placeholder {
    font-size: 13px
}

::-moz-placeholder {
    font-size: 13px
}



:-ms-input-placeholder {
    font-size: 13px
}

::placeholder {
    font-size: 13px
}

.main-footer {
    padding: 4.375em 0
}

.main-footer .footer-col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.main-footer .footer-col:last-child {
    margin-right: 0
}

.main-footer .footer-col p {
    font-weight: 300;
    margin-bottom: .75em
}

@media screen and (max-width: 1024px) and (min-width: 961px) {
    .main-footer .footer-col {
        width: calc((100% - 375px) / 2)
    }
    .main-footer .footer-col:first-of-type,
    .main-footer .footer-col.footer-menu {
        max-width: 150px
    }
    .main-footer .footer-col.footer-menu {
        padding-left: 0
    }
}

@media screen and (max-width: 960px) {
    .main-footer .footer-col {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-right: 0;
        text-align: center
    }
    .main-footer .footer-col:last-child {
        margin-right: 0
    }
    .main-footer .footer-col:first-of-type {
        margin-bottom: 1.875em
    }
    .main-footer .footer-col.footer-menu {
        margin-top: 1.875em;
        padding-left: 0
    }
}

.widget-holder+.ant-social-media {
    margin-top: 2.5em
}

.ant-social-media a {
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #fff;
    margin-right: .5em
}

.ant-social-media a:hover svg {
    fill: #6ab650
}

.ant-social-media svg {
    width: 35px;
    height: 35px;
    fill: #fff
}

.copyright {
    text-align: center;
    padding-bottom: 5em
}

.copyright p {
    font-weight: 300;
    font-size: 81.25%
}

html {
    overflow: visible
}

body {
    background: #fff
}

.page-container {
    width: 100%;
    position: relative
}

.pngimage {
    display: none
}

.no-svgasimg .svgimage {
    display: none
}

.no-svgasimg .pngimage {
    display: block
}


.page-id-35 #process-menu{
	width:100%;
	margin: 0px;
	text-align: center;
	margin-bottom: 40px;
}

.page-id-35 #process-menu img{
    margin-left: -1%;
    margin-right: -1%;
    width: 21.5%;
}

.page-id-35 #process-menu a:hover{
	opacity: 0.9;

}

@media screen and (max-width: 770px) {
	.page-id-35 #process-menu img{
    margin-left: -1.5%;
    margin-right: -1.5%;
    width: 45%;
	}

	#text-597 .textblock{
	margin-left:5%;
	width: 90%;
	}

	.page-id-35 #process-menu{
	display: none;
	}

}
/******
* DO NOT UNDER ANY CIRCUMSTANCES MODIFY THIS FILE.
* Adding css to a compiled file runs the risk of it being overwritten.
* This file was originally a compliled css file called layout.class
* Somebody went and added css to this file, which caused the site to break
* when new css got added the correct way through the scss files.
* layout.css is now where any modificatons have been added. It too
* is a compiled file.
* Only edit the scss files in components
* Make sure to transfer this scss file back to the server when you are done
* so that others can access the most currect version.
******/