html {
  box-sizing: border-box;
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #000; }

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

body {
  font-family: 'Helvetica-regular', sans-serif;
  margin: 0;
  overflow-x: hidden;
  background-color: #fff; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

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

audio,
canvas,
img,
svg,
video {
  vertical-align: middle; }

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

textarea {
  resize: vertical; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin-top: 0; }

a {
  text-decoration: none; }

.accentcolor {
  color: #ff6624; }

.white {
  color: #fff !important; }

.site-content {
  padding-top: 52px; }
  @media only screen and (min-width: 796px) {
    .site-content {
      padding-top: 78px; } }
  @media only screen and (min-width: 872px) {
    .site-content {
      padding-top: 114px; } }
.site {
  position: relative; }

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

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

.container--nopadding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.container--wide {
  max-width: 1124px; }

.container--tight {
  padding-top: 0;
  padding-bottom: 0; }

.container--tight-btm {
  padding-bottom: 0; }

.container--tight-top {
  padding-top: 0; }

.container__col1 {
  margin-top: 52px; }
  @media only screen and (min-width: 736px) {
    .container__col1 {
      margin-top: 66px;
      display: inline-block;
      vertical-align: top;
      width: 70%;
      float: left; } }
@media only screen and (min-width: 736px) {
  .container__col2 {
    display: inline-block;
    vertical-align: top;
    width: 29%;
    padding-left: 20px;
    float: right; } }

.pageheading {
  font-size: 1.125rem;
  color: #464646;
  font-family: 'open_sanslight', sans-serif; }
  @media only screen and (min-width: 736px) {
    .pageheading {
      font-size: 1.25rem; } }
  .pageheading a:link, .pageheading a:visited {
    text-decoration: none;
    color: #ff6624;
    transition: .2s; }
  .pageheading a:hover {
    color: #262626;
    border-bottom: 1px solid #262626; }

.pageheading--light {
  color: #a2a2a2; }

.pagesummary {
  font-size: 1.125rem; }
  @media only screen and (min-width: 736px) {
    .pagesummary {
      font-size: 1.25rem; } }
.pagesummaryimg {
  width: 100%;
  max-width: 362px;
  display: block;
  margin: 10px auto; }
  @media only screen and (min-width: 736px) {
    .pagesummaryimg {
      margin-top: 40px; } }
.sp-row {
  margin: 0 -10px; }

.anchor {
  position: relative;
  visibility: hidden;
  top: -52px; }
  @media only screen and (min-width: 736px) {
    .anchor {
      top: -62px; } }
.lightfont {
  font-family: 'open_sanslight', sans-serif; }

.desktop {
  display: none; }
  @media only screen and (min-width: 736px) {
    .desktop {
      display: block; } }
.markdown h2,
.markdown h3,
.markdown h4 {
  margin-top: 2em; }

.markdown h1,
.markdown h3 {
  color: #ff6624; }

.markdown h1 {
  font-size: 1.75rem;
  margin-top: 1em; }
  @media only screen and (min-width: 736px) {
    .markdown h1 {
      font-size: 2.5rem; } }
.markdown h2 {
  font-size: 1.35rem; }
  @media only screen and (min-width: 736px) {
    .markdown h2 {
      font-size: 1.875rem; } }
  .markdown h2:first-of-type {
    margin-top: 1em; }

.markdown h3 {
  font-size: 1.25rem; }
  @media only screen and (min-width: 736px) {
    .markdown h3 {
      font-size: 1.5rem; } }
.markdown h4 {
  font-size: 1.1rem; }
  @media only screen and (min-width: 736px) {
    .markdown h4 {
      font-size: 1.3rem; } }
.markdown a {
  border-bottom: 1px solid #fff;
  transition: .2s; }
  .markdown a:link, .markdown a:visited {
    text-decoration: none;
    color: #ff6624;
    transition: .2s; }
  .markdown a:hover {
    color: #262626;
    border-bottom: 1px solid #262626; }

.markdown li {
  line-height: 1.6em; }
  .markdown li ul {
    padding-bottom: 10px;
    padding-left: 20px; }

.markdown strong {
  font-family: "Helvetica-bold", sans-serif; }

@font-face {
  font-family: 'open_sansregular';
  src: url("/fonts/opensans-regular-webfont.eot");
  src: url("/fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff"), url("/fonts/opensans-regular-webfont.ttf") format("truetype"), url("/fonts/opensans-ligregularht-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'open_sanslight';
  src: url("/fonts/opensans-light-webfont.eot");
  src: url("/fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans-light-webfont.woff2") format("woff2"), url("/fonts/opensans-light-webfont.woff") format("woff"), url("/fonts/opensans-light-webfont.ttf") format("truetype"), url("/fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'open_sansbold';
  src: url("/fonts/opensans-bold-webfont.eot");
  src: url("/fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans-bold-webfont.woff2") format("woff2"), url("/fonts/opensans-bold-webfont.woff") format("woff"), url("/fonts/opensans-bold-webfont.ttf") format("truetype"), url("/fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'open_sanssemibold';
  src: url("/fonts/opensans-semibold-webfont.eot");
  src: url("/fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/opensans-semibold-webfont.woff2") format("woff2"), url("/fonts/opensans-semibold-webfont.woff") format("woff"), url("/fonts/opensans-semibold-webfont.ttf") format("truetype"), url("/fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

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

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

.row {
  margin: 0 -10px;
  text-align: center;
  font-size: 0; }

.col {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1rem;
  width: 100%; }
  @media only screen and (min-width: 560px) {
    .row--2 .col {
      width: 49.95%;
      display: inline-block;
      vertical-align: top; } }
  @media only screen and (min-width: 560px) {
    .row--3 .col {
      width: 33.2%;
      display: inline-block;
      vertical-align: top; } }
  @media only screen and (min-width: 560px) {
    .row--4 .col {
      width: 49.95%;
      display: inline-block;
      vertical-align: top; } }
  @media only screen and (min-width: 944px) {
    .row--4 .col {
      width: 24.95%; } }
.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::before, .clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }

/* ------------------------------------  */
/* START OF UGLY BROWSER-SPECIFIC HACKS */
/* ----------------------------------  */
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus, .inputgroup--select::after {
  display: none; }

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .inputgroup--select select::-ms-expand {
    display: none; }
  .inputgroup--select select:focus::-ms-value {
    background: transparent;
    color: #222; } }

/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  .inputgroup--select {
    overflow: hidden; }
  .inputgroup--select select {
    width: 120% !important;
    width: -moz-calc(100% + 3em) !important;
    width: calc(100% + em) !important; } }

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.inputgroup--select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/* ------------------------------------  */
/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
/* ------------------------------------  */
.article-hero {
  position: relative;
  text-align: left;
  overflow: hidden;
  padding-bottom: 20px !important; }
  .article-hero:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.78), rgba(8, 15, 30, 0.68)); }
  .article-hero .contentblock__title {
    margin: 0; }

.article-hero__inner {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 20px; }
  @media only screen and (min-width: 736px) {
    .article-hero__inner {
      padding-top: 20px;
      padding-bottom: 25px; } }
.article-hero__eyebrow {
  font-size: 0.95rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  margin: 0 0 10px; }

.article-hero__title {
  font-size: 2.3rem;
  line-height: 1.1;
  margin: 0 0 20px;
  text-align: left;
  color: #fff;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.5); }
  @media only screen and (min-width: 736px) {
    .article-hero__title {
      font-size: 3rem; } }
.article-hero__meta,
.article-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px; }

.meta-chip, .pagination__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #f8fafc;
  font-size: 0.95rem;
  text-decoration: none;
  letter-spacing: 0.02em; }
  .meta-chip a, .pagination__link a {
    color: inherit;
    border: 0; }
  .meta-chip--pill {
    background: rgba(255, 102, 36, 0.18);
    border-color: rgba(255, 102, 36, 0.6);
    color: #fff8f3; }

.article-bridge {
  background: linear-gradient(90deg, #0b1221, #0f172a);
  color: #e2e8f0;
  border-bottom: 1px solid #0b1221;
  border-top: 1px solid #0b1221;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25); }

.article-bridge__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  padding: 20px 15px;
  max-width: 960px;
  margin: 0 auto; }
  @media only screen and (min-width: 736px) {
    .article-bridge__inner {
      padding: 25px 0; } }
.bridge-divider {
  display: none; }
  @media only screen and (min-width: 736px) {
    .bridge-divider {
      display: block;
      width: 1px;
      height: 36px;
      background: rgba(255, 255, 255, 0.12);
      flex: 0 0 1px; } }
.bridge-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 220px;
  flex: 1 1 220px; }

.bridge-label {
  font-size: 0.8rem;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.7); }

.bridge-value {
  font-size: 1.05rem;
  color: #fff;
  font-family: 'Helvetica-bold', sans-serif;
  text-align: left; }
  .bridge-value a {
    color: #ffddb0;
    border-bottom: 1px solid rgba(255, 221, 176, 0.4); }

.article {
  margin: 10px auto;
  text-align: left;
  padding-bottom: 40px !important;
  max-width: 1040px;
  color: #0f172a; }
  .article h2 {
    margin-top: 30px; }
    @media only screen and (min-width: 736px) {
      .article h2 {
        font-size: 1.75rem;
        margin-top: 64px; } }
  .article .article__heading + .article__subheading {
    margin-top: 20px; }
  .article h3 {
    font-family: 'open_sanslight', sans-serif;
    font-size: 1.125rem; }
    @media only screen and (min-width: 736px) {
      .article h3 {
        font-size: 1.375rem; } }
  .article img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
    margin: 15px 0;
    transition: transform .2s ease, box-shadow .2s ease; }
    .article img:hover {
      transform: translateY(-3px);
      box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16); }
  .article ul,
  .article ol {
    padding-left: 1.2em;
    margin: 0 0 15px; }
  .article li {
    margin: 10px 0;
    font-size: 1.05rem;
    line-height: 1.7; }
  .article figure {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0; }
  .article blockquote {
    background: linear-gradient(90deg, rgba(255, 102, 36, 0.08), rgba(255, 102, 36, 0));
    border-left: 4px solid #ff6624;
    border-right: 1px solid rgba(255, 102, 36, 0.1);
    padding: 17.5px 22.5px;
    border-radius: 10px;
    color: #111827;
    font-style: italic; }
  @media only screen and (min-width: 736px) {
    .article {
      margin: 20px auto; } }
.article__head {
  margin-bottom: 32px;
  position: static;
  top: auto;
  left: auto;
  width: auto; }

.article__img {
  display: block;
  margin: 0 auto 32px;
  width: 100%;
  max-width: 362px !important; }
  @media only screen and (min-width: 736px) {
    .article__img {
      width: 50%;
      display: inline-block;
      margin-bottom: 0; } }
@media only screen and (min-width: 736px) {
  .article__img + .article__head__txt {
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    padding-left: 20px; } }

.article__heading {
  clear: none !important;
  color: #141414;
  line-height: 1.1em;
  margin-bottom: 10px;
  max-width: none;
  font-size: 1.75rem; }
  @media only screen and (min-width: 736px) {
    .article__heading {
      font-size: 2.5rem; } }
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  clear: none; }

.article__heading--caps {
  text-transform: uppercase; }

.article__subheading {
  font-family: 'open_sanslight', sans-serif; }
  @media only screen and (min-width: 736px) {
    .article__subheading {
      font-size: 1.5rem; } }
.article__readtime {
  color: #ff6624;
  margin-bottom: 10px; }

.article__date {
  display: block;
  color: #8e8e8e;
  font-family: 'open_sanslight', sans-serif;
  margin-bottom: 10px; }
  @media only screen and (min-width: 736px) {
    .article__date {
      font-size: 1.125rem; } }
.article__summary {
  margin-bottom: 20px;
  color: #646464; }

.article__tags {
  margin-bottom: 10px;
  color: #8e8e8e; }
  .article__tags a {
    transition: .2s; }
    .article__tags a:link, .article__tags a:visited {
      color: #ff6624; }
    .article__tags a:hover {
      color: #262626; }

.article__content a,
.article__head a {
  border-bottom: 1px solid #fff;
  transition: .2s; }
  .article__content a:link, .article__content a:visited,
  .article__head a:link,
  .article__head a:visited {
    text-decoration: none;
    color: #ff6624;
    transition: .2s; }
  .article__content a:hover,
  .article__head a:hover {
    color: #262626;
    border-bottom: 1px solid #262626; }

.article__content {
  color: #0f172a; }
  .article__content strong {
    font-family: 'open_sanssemibold', sans-serif; }
  .article__content code {
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background: #f3f4f6;
    color: #111827;
    padding: 0 4px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    font-size: 0.95em; }
  .article__content pre {
    background: #0f172a;
    color: #e2e8f0;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #0b1221;
    overflow: auto;
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.92em;
    line-height: 1.6;
    margin: 25px 0; }
    .article__content pre code {
      background: transparent;
      color: inherit;
      border: 0;
      padding: 0;
      font-size: inherit; }
  .article__content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.95rem; }
  .article__content th,
  .article__content td {
    border: 1px solid #e5e7eb;
    padding: 10px;
    text-align: left; }
  .article__content th {
    background: #f7f7f7;
    font-weight: 600; }
  .article__content .table-scroll {
    overflow-x: auto; }

.article__head {
  margin-bottom: 20px; }

.article__content {
  padding-top: 10px; }

.article__content--pre {
  white-space: normal;
  white-space: normal; }
  .article__content--pre p {
    margin: 0 0 10px; }
    .article__content--pre p:empty {
      display: none; }
  .article__content--pre figcaption {
    margin-top: 1em;
    font-size: .875em;
    font-style: italic;
    color: #262626; }
  @media only screen and (min-width: 736px) {
    .article__content--pre h2 {
      margin-top: 64px; } }
  .article__content--pre ol,
  .article__content--pre ul,
  .article__content--pre li {
    margin: 0 0 5px; }

.article__sourcecode {
  display: inline-block;
  padding: 0 !important; }

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  clear: none;
  margin: 15px 0 10px;
  font-weight: normal; }

.article p {
  margin: 0 0 10px;
  font-size: 1.08rem;
  line-height: 1.6; }

.article ul,
.article ol {
  margin: 0 0 15px 12px; }

.article__content__heading {
  font-family: 'open_sanslight', sans-serif;
  font-size: 1.5rem;
  color: #141414; }
  @media only screen and (min-width: 736px) {
    .article__content__heading {
      padding: 10px;
      margin-top: 20px !important; } }
.article__social {
  margin-top: 20px; }
  @media only screen and (min-width: 736px) {
    .article__social {
      margin-top: 40px; } }
.article__downloads {
  margin-top: 20px; }
  @media only screen and (min-width: 736px) {
    .article__downloads {
      margin-top: 40px; } }
.article__footerheading {
  font-size: 1.375rem;
  font-family: 'open_sanslight', sans-serif;
  color: #000;
  margin-bottom: 0; }

.article__social__txt,
.article__downloads__txt {
  max-width: 400px;
  font-size: 1.125rem;
  font-family: 'open_sanslight', sans-serif;
  color: #686868;
  margin-top: 0; }

.article__social__heading {
  color: #ff6624;
  font-size: 1.125rem;
  font-family: 'open_sanssemibold', sans-serif; }

.article__social__item svg {
  width: 25px;
  height: auto; }

.article__content {
  background: #fff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.05);
  margin-top: 12px; }
  @media only screen and (min-width: 736px) {
    .article__content {
      padding: 30px; } }
  .article__content h2, .article__content h3, .article__content h4, .article__content h5 {
    color: #0b132b;
    font-family: 'Helvetica-bold', sans-serif; }
  .article__content blockquote {
    background: linear-gradient(90deg, rgba(255, 102, 36, 0.08), rgba(255, 102, 36, 0));
    border-left: 4px solid #ff6624;
    padding: 15px 20px;
    border-radius: 10px;
    color: #111827; }
  .article__content figure {
    text-align: center;
    background: transparent;
    padding: 0;
    border-radius: 0;
    border: 0; }
    .article__content figure img {
      box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
      border-radius: 10px;
      border: 1px solid #e5e7eb;
      transition: transform .2s ease, box-shadow .2s ease; }
      .article__content figure img:hover {
        transform: translateY(-3px);
        box-shadow: 0 24px 48px rgba(15, 23, 42, 0.16); }

.btn {
  background-color: #ff6624;
  border-radius: 3px;
  border: 2px solid #ff6624;
  color: #fff;
  min-width: 150px;
  text-align: center;
  display: inline-block;
  text-transform: capitalize;
  transition: .2s; }
  .btn:hover, .btn:focus {
    background-color: transparent;
    color: #ff6624;
    outline: none; }
  @media only screen and (min-width: 736px) {
    .btn {
      min-width: 230px; } }
.btn--nocap {
  text-transform: none; }

.btn--fat {
  padding: 8px; }
  @media only screen and (min-width: 736px) {
    .btn--fat {
      padding: 20px; } }
.btn--lg {
  font-size: 1rem; }
  @media only screen and (min-width: 736px) {
    .btn--lg {
      font-size: 1.125rem; } }
.btn--slim {
  padding: 10px; }
  .btn--slim.btn--wide {
    padding-left: 20px;
    padding-right: 20px; }

@media only screen and (min-width: 736px) {
  .btn--narrow {
    min-width: 130px;
    width: auto; } }

.btn--form {
  width: 100%;
  margin-bottom: 10px; }

.btn--keyline {
  background-color: transparent;
  border: 2px solid #fff;
  box-shadow: none; }
  .btn--keyline:hover, .btn--keyline:focus {
    background-color: #ff6624;
    border-color: #ff6624 !important;
    color: #fff !important;
    box-shadow: none !important; }

.btn--keyline--primary {
  border-color: #ff6624; }

.btn--keyline--secondary:hover, .btn--keyline--secondary:focus {
  background-color: #fff;
  color: #ff6624 !important;
  border-color: #fff !important; }

.btn--dark {
  border-color: #141414;
  color: #141414; }

.btn--white {
  background-color: #fff;
  color: #ff6624;
  border-color: #fff; }
  .btn--white:hover, .btn--white:focus {
    color: #fff;
    border-color: currentColor; }

.btn__icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px; }

.btn + .btn {
  margin-top: 10px; }
  @media only screen and (min-width: 736px) {
    .btn + .btn {
      margin-left: 20px; } }
.catarchivemenu {
  position: absolute;
  background-color: #ff540b;
  width: 280px;
  max-width: 100%;
  height: 100%;
  top: 0;
  right: -280px;
  z-index: 1000;
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  transition: .2s;
  -webkit-overflow-scroll: touch; }
  @media only screen and (min-width: 736px) {
    .catarchivemenu {
      margin-top: 56px;
      width: auto;
      position: static;
      background-color: transparent; } }
.catarchivemenu__close {
  position: absolute;
  right: 20px;
  top: 20px;
  background: transparent;
  border: 0;
  background-image: url("/img/components/catarchivemenu/svg/close.png");
  background-position: center;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 736px) {
    .catarchivemenu__close {
      display: none; } }
.catarchivemenu__heading {
  font-size: 1.125rem;
  color: #fff; }
  @media only screen and (min-width: 736px) {
    .catarchivemenu__heading {
      color: #262626; } }
.catarchivemenu__list {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.catarchivemenu__item {
  list-style: none; }
  .catarchivemenu__item a {
    line-height: 2em;
    transition: .2s; }
    .catarchivemenu__item a:link, .catarchivemenu__item a:visited {
      color: #fff; }
    .catarchivemenu__item a:hover {
      color: #262626; }
    @media only screen and (min-width: 736px) {
      .catarchivemenu__item a {
        line-height: 1.5em; }
        .catarchivemenu__item a:link, .catarchivemenu__item a:visited {
          color: #ff6624; }
        .catarchivemenu__item a:hover {
          color: #262626; } }
.blogcontainer {
  transition: .2s;
  transform: translate3d(0, 0, 0);
  position: relative; }
  @media only screen and (min-width: 736px) {
    .blogcontainer {
      transform: none; } }
.blogcontainer--open {
  transform: translate3d(-280px, 0, 0);
  left: 0; }
  .blogcontainer--open .catmenubtn {
    display: none; }
  @media only screen and (min-width: 736px) {
    .blogcontainer--open {
      transform: none; } }
.catmenubtn {
  position: absolute;
  right: 0;
  top: 20px;
  border-radius: 3px 0 0 3px;
  background-color: #ff6624;
  border: 0;
  color: #fff;
  padding: 8px; }
  .catmenubtn:hover, .catmenubtn:focus {
    outline: 0; }
  @media only screen and (min-width: 736px) {
    .catmenubtn {
      display: none; } }
.catmenubtn__bar {
  display: block;
  width: 16px;
  height: 2px;
  background-color: #fff;
  margin-bottom: 2px;
  transition: .2s; }

@media only screen and (min-width: 736px) {
  .contactwrap:first-of-type .contact {
    margin-right: 0; }
  .contactwrap:last-of-type .contact {
    margin-left: 0; } }

.contact {
  margin-bottom: 20px; }
  .contact .street-address {
    display: inline-block; }

.contact--main {
  position: relative;
  color: #838383;
  max-width: 288px;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 560px) {
    .contact--main {
      min-height: 180px;
      text-align: left; }
      .contact--main .contact__icon {
        display: inline-block !important; } }
  .contact--main .contact__icon {
    display: none; }

.contact__heading {
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-family: 'open_sansbold', sans-serif;
  color: #ff6624; }
  .contact__heading a:link,
  .contact__heading a:visited {
    color: #ff6624; }

.contact__tel {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 7px;
  position: relative;
  font-family: 'Helvetica-regular', sans-serif; }
  .contact__tel a:link,
  .contact__tel a:visited {
    color: #fff; }

.contact__tel a {
  color: #fff; }

.contact__email {
  margin-bottom: 5px;
  font-size: 1.125rem; }
  .contact__email a:link,
  .contact__email a:visited {
    color: #fff; }
  .contact__email a {
    transition: .3s; }
    .contact__email a:hover {
      color: #ff6624; }

.contact__adr {
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  margin-bottom: 20px;
  color: #fff;
  font-family: 'Helvetica-regular', sans-serif; }
  @media only screen and (min-width: 736px) {
    .contact__adr {
      min-height: 128px; } }
  .contact__adr .contact__icon {
    position: absolute;
    top: 0;
    left: 0; }

.contact__icon {
  display: inline-block;
  vertical-align: top;
  color: #ff6624;
  margin-right: 4px; }

.contact__social {
  margin: 20px 0; }

.contact__social__item {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  margin: 0 15px;
  color: #fff; }
  .contact__social__item:hover {
    color: #ff6624; }
  .contact__social__item .linkedinsvg path,
  .contact__social__item .youtubesvg path,
  .contact__social__item .rsssvg path {
    transition: .2s; }

@media only screen and (min-width: 944px) {
  .contact--footer {
    text-align: left; } }

.contact--footer .contact__heading {
  font-size: 1.125rem; }
  .contact--footer .contact__heading a:link,
  .contact--footer .contact__heading a:visited {
    color: #fff;
    transition: .2s; }
    .contact--footer .contact__heading a:link:hover,
    .contact--footer .contact__heading a:visited:hover {
      color: #666; }

.contact--footer .contact__tel {
  line-height: 1em;
  position: relative; }
  .contact--footer .contact__tel a {
    transition: .3s; }
    .contact--footer .contact__tel a:link, .contact--footer .contact__tel a:visited {
      color: #fff; }
    .contact--footer .contact__tel a:hover, .contact--footer .contact__tel a:focus {
      color: #fff; }

@media only screen and (min-width: 560px) {
  .contact--footer .contact__email,
  .contact--footer .contact__social {
    padding-top: 32px; } }

@media only screen and (min-width: 560px) {
  .contact--footer .contact__social {
    margin: 0; } }

@media only screen and (min-width: 944px) {
  .contact--footer .contact__social {
    text-align: right; } }

@media only screen and (min-width: 944px) {
  .contact--footer--tel {
    padding-right: 10px; } }

.contentblock {
  padding: 10px 0;
  background-color: #fff; }
  @media only screen and (min-width: 736px) {
    .contentblock {
      padding: 34px 0; } }
.contentblock--hero {
  padding-top: 10px;
  padding-bottom: 38px; }
  .contentblock--hero .contentblock__subheading {
    color: #ff6624; }
  .contentblock--hero .contentblock__descr {
    color: #a3a3a3;
    max-width: 690px;
    margin: 0 auto; }
  @media only screen and (min-width: 736px) {
    .contentblock--hero {
      padding-top: 30px;
      padding-bottom: 84px;
      min-height: 300px; }
      .contentblock--hero .contentblock__heading {
        font-size: 2.5rem; }
      .contentblock--hero .contentblock__subheading {
        font-size: 1.5rem; }
      .contentblock--hero .contentblock__descr {
        font-size: 1.25rem; } }
  @media only screen and (min-width: 872px) {
    .contentblock--hero {
      padding-top: 30px; } }
.contentblock--emphasised {
  padding: 20px 0; }
  @media only screen and (min-width: 736px) {
    .contentblock--emphasised {
      padding: 50px 0; } }
  .contentblock--emphasised .contentblock__heading {
    margin-bottom: 2em;
    font-family: "Helvetica-bold", sans-serif; }

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

.contentblock--black {
  background-color: #000;
  color: #b9b9b9; }
  .contentblock--black .contentblock__heading {
    color: #fff; }

contentblock__heading_footerh2 {
  margin-bottom: 10px; }

.contentblock--white {
  background-color: #fff;
  color: #262626; }
  .contentblock--white .btn--keyline {
    border-color: #262626;
    color: #262626; }

.contentblock--grey {
  background-color: #f4f4f4; }

.contentblock--light {
  background-color: #f1f1f1; }

.contentblock--dark {
  background-color: #262626;
  color: #b9b9b9; }
  .contentblock--dark .contentblock__heading {
    color: #fff; }

.contentblock--img {
  background-position: center;
  background-size: cover;
  background-color: #262626;
  color: #fff; }

.contentblock--img--fit {
  background-size: auto 70%;
  background-repeat: no-repeat;
  background-position: center; }

.contentblock--infoslider {
  padding: 0 !important; }

.contentblock--head {
  position: relative;
  z-index: 1; }
  .contentblock--head.contentblock--dark:after {
    border-top-color: #262626; }
  .contentblock--head.contentblock--black:after {
    border-top-color: #000; }
  .contentblock--head:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 22px solid #fff;
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin-left: -40px; }
    @media only screen and (min-width: 736px) {
      .contentblock--head:after {
        border-left: 68px solid transparent;
        border-right: 68px solid transparent;
        border-top: 46px solid #fff;
        position: absolute;
        bottom: -40px;
        margin-left: -68px; } }
.contentblock--head + .contentblock {
  padding-top: 60px; }

.contentblock + .contentblock--tight {
  padding-top: 0; }

.contentblock--fatbtm {
  padding-bottom: 40px; }
  @media only screen and (min-width: 736px) {
    .contentblock--fatbtm {
      padding-bottom: 80px; } }
.contentblock__heading {
  font-size: 1.35rem; }
  @media only screen and (min-width: 736px) {
    .contentblock__heading {
      font-size: 1.875rem; } }
.contentblock__heading--nomargin {
  margin: 0 !important; }

.contentblock__heading--lg {
  font-size: 1.75rem; }
  @media only screen and (min-width: 736px) {
    .contentblock__heading--lg {
      font-size: 2.5rem; } }
.contentblock__heading--mrgtop {
  margin-top: 1em; }

.contentblock__descr {
  margin: 0; }
  @media only screen and (min-width: 736px) {
    .contentblock__descr {
      font-size: 1.625rem; } }
.contentblock__descr--lg {
  font-size: 1.1rem;
  font-family: "Helvetica-bold", sans-serif;
  color: #b3b3b3 !important; }
  @media only screen and (min-width: 736px) {
    .contentblock__descr--lg {
      font-size: 1.2rem !important; } }
.contentblock__descr--xl {
  font-family: "Helvetica-bold", sans-serif;
  font-size: 1.3rem; }
  @media only screen and (min-width: 736px) {
    .contentblock__descr--xl {
      font-size: 1.55rem !important; } }
.contentblock__descr--pad:not(:last-of-type) {
  margin-bottom: 1em; }

.contentblock__subheading {
  font-size: 1.15rem; }
  @media only screen and (min-width: 736px) {
    .contentblock__subheading {
      font-size: 1.875rem; } }
.contentblock__subheading--sendmail {
  margin-top: 3rem; }

.contentblock__txt--narrow {
  max-width: 660px;
  margin: 0 auto; }

.contentblock__subtxt {
  margin: 22px 0 30px; }
  @media only screen and (min-width: 736px) {
    .contentblock__subtxt {
      margin: 7px 0 48px; } }
.entry {
  text-align: left;
  margin-top: 40px;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e7eb; }
  .entry:first-of-type {
    margin-top: 20px; }
  .entry:last-of-type {
    margin-bottom: 56px;
    border-bottom: 0; }

.entry__heading {
  color: #141414;
  line-height: 1.1em;
  margin-bottom: 12px;
  max-width: 700px;
  font-size: 1.6rem; }
  .entry__heading a {
    transition: .2s; }
    .entry__heading a:link, .entry__heading a:visited {
      color: #141414; }
    .entry__heading a:hover {
      color: #ff6624; }
  @media only screen and (min-width: 736px) {
    .entry__heading {
      font-size: 2.1rem;
      margin-bottom: 14px; } }
.entry__heading__descr {
  color: #ccc; }

.entry__subheading {
  font-family: 'open_sanslight', sans-serif; }
  @media only screen and (min-width: 736px) {
    .entry__subheading {
      font-size: 1.5rem; } }
.entry__readtime {
  color: #ff6624;
  margin-bottom: 10px; }

.entry__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px; }
  .entry__meta .meta-chip--meta {
    background: #0f172a;
    color: #e2e8f0;
    border: 1px solid #0b1221; }
    .entry__meta .meta-chip--meta a {
      color: #ffddb0;
      font-weight: 600;
      border: 0;
      text-decoration: none; }
      .entry__meta .meta-chip--meta a:hover {
        color: #ffd19c; }
  .entry__meta .meta-chip--pill {
    background: rgba(255, 102, 36, 0.18);
    border-color: rgba(255, 102, 36, 0.6);
    color: #5a250b; }

.entry__txt {
  margin-bottom: 15px;
  color: #0f172a;
  font-size: 1.08rem;
  line-height: 1.6; }
  .entry__txt img {
    max-width: 100%;
    height: auto; }
  .entry__txt a {
    border-bottom: 1px solid #fff;
    transition: .2s; }
    .entry__txt a:link, .entry__txt a:visited {
      text-decoration: none;
      color: #ff6624;
      transition: .2s; }
    .entry__txt a:hover {
      color: #262626;
      border-bottom: 1px solid #262626; }

.entry__date {
  display: block;
  color: #8e8e8e;
  font-family: 'open_sanslight', sans-serif;
  margin-bottom: 10px; }
  @media only screen and (min-width: 736px) {
    .entry__date {
      font-size: 1.125rem; } }
.entry__tags {
  margin-bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px; }
  .entry__tags a {
    transition: .2s;
    background: rgba(255, 102, 36, 0.18);
    border: 1px solid rgba(255, 102, 36, 0.6);
    color: #5a250b;
    border-radius: 999px;
    padding: 6px 12px; }
    .entry__tags a:link, .entry__tags a:visited {
      color: inherit;
      border: 0; }
    .entry__tags a:hover {
      color: #262626; }

.footer {
  color: #fff;
  padding-bottom: 10px; }
  @media only screen and (min-width: 736px) {
    .footer {
      padding-bottom: 18px; } }
.footer__logo {
  text-align: center;
  margin-top: 20px; }
  @media only screen and (min-width: 736px) {
    .footer__logo {
      margin: 0;
      position: absolute;
      bottom: 10px;
      right: 10px;
      width: 25%; }
      .footer__logo .svglogo {
        width: 50px; }
      .footer__logo .svglogotext {
        width: 96px; } }
.copyright {
  text-align: center;
  clear: both;
  font-size: .875rem;
  color: #666;
  padding-top: 10px; }

@media only screen and (min-width: 736px) {
  .copyright--alt {
    text-align: left; } }

@media only screen and (min-width: 736px) {
  .site-info {
    text-align: left; } }

@media only screen and (min-width: 736px) {
  .site-info .contact--social {
    float: right; } }

.icon {
  fill: currentColor; }
  .icon * {
    fill: inherit; }

.sp-logo {
  display: inline-block;
  width: 206px;
  font-size: 0 !important;
  text-align: left;
  overflow: hidden; }
  @media only screen and (min-width: 796px) {
    .sp-logo {
      width: 287px; } }
.sp-logo__icon,
.sp-logo__text {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 center;
  position: relative;
  padding: 0;
  transition: 0.2s; }
  .sp-logo__icon svg,
  .sp-logo__text svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.sp-logo__icon {
  width: 19.3%;
  margin-right: 2.96%;
  z-index: 2;
  background-image: url("/img/components/logo/svg/sp-logo-icon.png"); }
  .sp-logo__icon svg {
    display: none; }

.sp-logo__text {
  width: 77.7%;
  z-index: 1; }
  .no-inlinesvg .sp-logo__text {
    background-image: url("/img/components/logo/svg/sp-logo-text.png"); }
    .no-inlinesvg .sp-logo__text svg {
      display: none; }

.sp-logo__wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 0; }

.sp-logo__wrap--icon {
  padding-bottom: 71.32%; }

.sp-logo__wrap--text {
  padding-bottom: 15.25%; }

.sp-logo__text--header {
  display: none; }
  @media only screen and (min-width: 285px) {
    .sp-logo__text--header {
      display: inline-block; } }
  @media only screen and (min-width: 872px) {
    .sp-logo__text--header {
      display: inline-block;
      transform: translate3d(0, 0, 0);
      transition-delay: 0.2s; } }
/*----new ocd logo----*/
.logo {
  width: auto;
  height: 100%;
  margin-top: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 9; }

.logo img {
  max-width: 100%; }

.master-logo {
  width: 40px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media only screen and (min-width: 872px) {
    .master-logo {
      width: 58px;
      top: 0; } }
.logo-text {
  width: 128px;
  display: inline-block; }
  @media only screen and (min-width: 872px) {
    .logo-text {
      width: 212px;
      top: 0; } }
.logo a {
  text-decoration: none; }

.master-logo-small {
  display: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.master-logo-small img {
  width: 58px; }

.logo-org {
  display: inline-block;
  position: relative;
  width: 58px; }

.pagination {
  margin: 40px 0;
  text-align: center;
  color: #ccc; }
  .pagination a {
    transition: .2s; }
    .pagination a:link, .pagination a:visited {
      color: #ff6624; }
    .pagination a:hover {
      color: #262626; }
  .pagination a,
  .pagination em,
  .pagination span {
    margin: 0 5px; }
  @media only screen and (min-width: 736px) {
    .pagination {
      text-align: right; } }
.pagination__curr {
  font-family: 'open_sansbold',  sans-serif;
  color: #262626;
  font-style: normal; }

.submenu {
  text-align: center;
  z-index: 1;
  position: relative;
  overflow: hidden; }
  .submenu:focus {
    outline: none; }
  @media only screen and (min-width: 736px) {
    .submenu {
      margin-top: -30px; } }
.submenu__mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 90px;
  overflow: hidden;
  z-index: 0; }

.submenu__mask__clip {
  background-color: #ff6624;
  width: 90px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -45px;
  z-index: 2;
  clip-path: polygon(0 0, 14px 0, 50% 24px, 76px 0, 100% 0, 100% 100%, 0 100%); }

.submenu__mask__left,
.submenu__mask__right {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #ff6624;
  z-index: 1; }

.submenu__mask__left {
  right: 50%;
  margin-right: 40px; }

.submenu__mask__right {
  left: 50%;
  margin-left: 40px; }

.contentblock--hero + .submenu {
  margin-top: -28px; }
  @media only screen and (min-width: 736px) {
    .contentblock--hero + .submenu {
      margin-top: -50px; } }
.submenu__item {
  padding: 8px 12px;
  color: #fff;
  margin: 0 5px;
  display: inline-block;
  line-height: 1em;
  border-radius: 3px;
  transition: .2s; }
  @media only screen and (min-width: 736px) {
    .submenu__item {
      padding: 12px 20px; } }
.submenu__item--active,
.submenu__item--hover {
  background-color: #fff;
  color: #ff6624; }

.sidescroll {
  z-index: 0;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 30px 0 20px; }

.sidescroll__list {
  margin: 0 auto;
  white-space: nowrap;
  padding: 0; }

.sidescroll__list__item {
  padding: 0;
  display: inline-block; }

.sidescroll__list,
.sidescroll__list__item {
  list-style: none; }

.overthrow-enabled .submenu {
  overflow: hidden;
  padding-left: 30px;
  padding-right: 30px;
  height: 90px; }
  .overthrow-enabled .submenu::before, .overthrow-enabled .submenu::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    top: 0;
    height: 90px;
    z-index: 1; }
  .overthrow-enabled .submenu::before {
    left: 0;
    background-image: linear-gradient(to right, #ff6624 0%, #ff6624 25%, rgba(255, 102, 36, 0.67) 90%, rgba(255, 102, 36, 0) 100%); }
  .overthrow-enabled .submenu::after {
    right: 0;
    background-image: linear-gradient(to left, #ff6624 0%, #ff6624 25%, rgba(255, 102, 36, 0.67) 90%, rgba(255, 102, 36, 0) 100%); }

.overthrow-enabled .sidescroll {
  margin-top: -50px;
  padding-bottom: 80px;
  bottom: -50px; }

.overthrow-enabled .sidescroll__list {
  white-space: normal; }

.overthrow-enabled .sidescroll__list__item {
  margin: 0;
  float: left; }

/* next prev arrows */
.sidescroll-nextprev-links {
  bottom: auto;
  top: 0;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3; }

.sidescroll-next,
.sidescroll-prev {
  position: absolute;
  text-indent: -9999px;
  width: 1.5em;
  top: 0;
  overflow: hidden;
  z-index: 2;
  height: 90px; }
  @media only screen and (min-width: 736px) {
    .sidescroll-next,
    .sidescroll-prev {
      width: 3em; } }
  .sidescroll-next::after,
  .sidescroll-prev::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; }

.sidescroll-next {
  right: 0; }
  .sidescroll-next:after {
    left: 12px;
    border-left: 12px solid #fff; }

.sidescroll-prev {
  left: 0; }
  .sidescroll-prev:after {
    right: 12px;
    border-right: 12px solid #fff; }

.sidescroll-prev,
.sidescroll-next {
  transition: .2s;
  background: #ff6624; }
  .sidescroll-prev.disabled,
  .sidescroll-next.disabled {
    display: none;
    pointer-events: none; }

#nanobar {
  position: absolute !important;
  left: 0;
  top: auto !important;
  bottom: 0; }

.contentblock--hero--blog {
  background-image: url("/img/pages/shared/backgrounds/400/blog-hero-new.jpg"); }
  @media only screen and (min-width: 736px) {
    .contentblock--hero--blog {
      background-image: url("/img/pages/shared/backgrounds/700/blog-hero-new.jpg"); } }
  @media only screen and (min-width: 1024px) {
    .contentblock--hero--blog {
      background-image: url("/img/pages/shared/backgrounds/1024/blog-hero-new.jpg"); } }
.bloghero__title {
  font-size: 50px !important;
  padding-top: 40px;
  text-align: left;
  font-family: 'Helvetica-bold'; }

.blog-list-wrap {
  max-width: 1040px;
  margin: 0 auto;
  padding: 30px 15px 40px; }

.pagination--center {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 30px; }

.pagination__link {
  background: #0f172a;
  color: #e2e8f0;
  border: 1px solid #0b1221;
  padding: 8px 16px; }
  .pagination__link:hover {
    background: #131c2f;
    border-color: #131c2f; }

@keyframes fling-minislide {
  25% {
    opacity: 1; }
  40% {
    opacity: 0; } }

@keyframes background-tran {
  0% {
    background-color: #000000; }
  25% {
    background-color: #e2101e; }
  30% {
    background-color: #e2101e; }
  45% {
    background-color: #000000; }
  100% {
    background-color: #000000; } }

.fling-minislide {
  font-size: 24px;
  font-weight: 200;
  line-height: 28.8px;
  font-family: 'Titillium Web', sans-serif;
  overflow: hidden;
  position: relative;
  color: white;
  padding: 50px;
  position: relative;
  animation: background-tran 9s infinite; }

.fling-minislide h4 {
  position: absolute;
  animation: fling-minislide 9s infinite;
  opacity: 0;
  width: 100%;
  height: auto;
  display: flex;
  left: 0;
  top: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  margin: 0; }

.fling-minislide h4:nth-child(3) {
  animation-delay: 0s; }

.fling-minislide h4:nth-child(2) {
  animation-delay: 3s; }

.fling-minislide h4:nth-child(1) {
  animation-delay: 6s; }

.secondary {
  font-size: 28px; }

.secondary:before {
  content: 'Orange';
  color: #f16e00; }

.tertiary {
  text-align: center;
  background-image: url("/img/pages/home/orange_logo-200px.png");
  background-size: 74px 74px;
  background-repeat: no-repeat;
  background-position: center; }

@media (min-width: 992px) {
  .header--sticky .logo {
    top: -7px; }
  .header--sticky .master-logo {
    display: none;
    width: 30px; }
  .header--sticky .master-logo-small {
    display: inline-block;
    width: 30px; }
  .header--sticky .logo-text {
    width: 125px;
    transition: all 0.3s ease-in-out; }
  .header--sticky .mainnav {
    top: 15px !important; } }

@media (max-width: 599px) {
  .logo {
    padding-left: 15px; }
  .header--sticky .master-logo {
    display: none;
    width: 30px; }
  .header--sticky .master-logo-small {
    display: inline-block;
    width: 30px; } }

@media (min-width: 992px) {
  .site-content {
    padding-top: 0px; }
  .sitetitle {
    padding-left: 25px; }
  .header {
    height: 81px;
    position: absolute;
    top: 40px;
    box-shadow: 0 0 0 0; }
  .logo {
    top: -16px; }
  .header.header--sticky {
    height: 56px;
    position: fixed;
    top: 0;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }
  .header--sticky .logo-text {
    margin-left: 5px; }
  .contentblock--hero {
    padding-top: 165px; } }

.txtFd-style {
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 8px;
  color: #ff7900;
  font-size: 16px;
  font-weight: normal;
  background: #fff;
  border: 0px solid #ababab;
  border-radius: 3px; }

.txtFd-style::-webkit-input-placeholder {
  color: #c0c0c0;
  opacity: 1; }

.txtFd-style:-moz-placeholder {
  color: #c0c0c0;
  opacity: 1; }

.txtFd-style::-moz-placeholder {
  color: #c0c0c0;
  opacity: 1; }

.txtFd-style:-ms-input-placeholder {
  color: #c0c0c0;
  opacity: 1; }

.txtFd-style:focus {
  outline: none; }

.txtArea-style {
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 8px 0;
  color: #ff7900;
  font-size: 16px;
  font-weight: normal;
  background: #fff;
  border: 0px solid #ababab;
  border-radius: 3px; }

.txtArea-style::-webkit-input-placeholder {
  color: #c0c0c0;
  opacity: 1; }

.txtArea-style:-moz-placeholder {
  color: #c0c0c0;
  opacity: 1; }

.txtArea-style::-moz-placeholder {
  color: #c0c0c0;
  opacity: 1; }

.txtArea-style:-ms-input-placeholder {
  color: #c0c0c0;
  opacity: 1; }

.txtArea-style:focus {
  outline: none; }

.list-select1-div {
  background: #fff;
  border: 0px solid #b1b1b1;
  border-radius: 3px;
  position: relative;
  width: 100%;
  height: 48px;
  font-size: 16px;
  color: #ff7900;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.list-select1-div:after {
  position: absolute;
  content: "";
  background: url(../images/down-arrow.png) no-repeat;
  background-size: 100% auto;
  width: 17px;
  height: 9px;
  right: 12px;
  top: calc(50% - 5px);
  line-height: 36px; }

.list-select1-div select {
  height: 48px;
  line-height: 48px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 0px;
  font-size: 16px;
  color: #ff7900;
  padding: 0 33px 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 9; }

.list-select1-div select:focus {
  outline: none; }

.list-select1-div option {
  color: #ff7900; }

.list-select1-div optgroup {
  font-family: 'Helvetica-bold';
  color: #ff7900; }

.list-select1-div optgroup option {
  font-family: 'Helvetica-regular';
  padding-right: 10px; }

.btn-submite-syle, a.btn-submite-syle {
  height: 48px;
  line-height: 44px;
  background: #000;
  border: 2px solid #ff7900;
  text-align: center;
  display: inline-block;
  color: #ff7900;
  font-size: 18px;
  /*font-weight: bold;*/
  font-family: 'Helvetica-bold';
  font-weight: normal;
  padding: 0 20px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%; }

.btn-submite-syle:hover, a.btn-submite-syle:hover {
  background: #ff7900;
  color: #000; }

.btn-submite-syle:focus, a.btn-submite-syle:focus {
  outline: none; }

.footer h2 {
  font-size: 32px;
  color: #fff;
  font-family: 'Helvetica-bold';
  font-weight: normal;
  line-height: 1;
  margin-bottom: 10px; }

.footer h6 {
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
  padding-top: 10px; }

.footer h6 a {
  color: #fff; }

a.contactemail {
  font-size: 18px;
  line-height: 1.2;
  color: #ff7900 !important;
  margin-bottom: 48px;
  display: block; }

a.contactemail {
  color: #ff7900;
  text-decoration: none; }

p.contentblock__txt {
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 27px; }

.mLR7 {
  margin-right: -7px;
  margin-left: -7px; }

.pLR7 {
  padding-right: 7px;
  padding-left: 7px; }

.marginB15 {
  margin-bottom: 15px; }

#contact_form {
  display: flex;
  flex-wrap: wrap; }

@media (min-width: 768px) {
  .col-md-3 {
    width: 25%;
    float: left; }
  .col-md-9 {
    width: 75%;
    float: left; }
  .col-md-12 {
    width: 100%;
    float: left; } }

@media (max-width: 767px) {
  .col-xs-12 {
    width: 100%;
    float: left; }
  .col-xs-12 {
    width: 100%;
    float: left; }
  .col-xs-12 {
    width: 100%;
    float: left; }
  .txtArea-style {
    height: 98px;
    padding-top: 5px;
    margin-bottom: 5px; } }

footer h6 {
  margin-bottom: 35px; }

.msgPosition {
  position: relative;
  width: 100%;
  display: block;
  top: -20px;
  text-align: center; }

.msgAbsolute {
  position: absolute;
  width: 100%;
  left: 0; }

.msgAbsolute {
  position: absolute;
  width: 100%;
  left: 0; }

.errorTxt p {
  color: #ff0000;
  border: 2px solid #ff0000;
  padding: 5px 15px;
  font-size: 14px;
  width: auto;
  display: inline-block;
  margin: 0;
  background: #f2dede;
  transition-duration: 1500ms; }

.successTxt p {
  color: #3c763d;
  border: 2px solid #3c763d;
  padding: 5px 15px;
  font-size: 14px;
  width: auto;
  display: inline-block;
  margin: 0;
  background: #dff0d8; }

.header {
  height: auto;
  padding: 0; }

.sitetitle {
  padding-top: 0; }

.logo {
  top: 0;
  margin: 9px 0; }

.logo-text {
  margin-left: 15px; }

.header.header--sticky {
  height: auto; }

.header--sticky .sitetitle {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 25px; }

.header--sticky .logo {
  top: 0;
  margin: 10px 0; }

.header--sticky .logo-text {
  margin-left: 10px; }

.master-logo-small {
  transition: all .3s ease-in-out; }

.header--sticky .logo-text {
  transition: all .3s ease-in-out; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sitetitle {
    padding-left: 25px; }
  .logo-text {
    margin-left: 10px; } }

@media (max-width: 767px) {
  .logo {
    padding-left: 0; }
  .sitetitle {
    padding-left: 25px; }
  .master-logo {
    width: 58px; }
  .logo-text {
    width: 160px; }
  .header--sticky .master-logo {
    width: 40px; }
  .header--sticky .logo-text {
    transition: all .3s ease-in-out;
    width: 120px; } }

.logo img {
  max-width: 100% !important; }